/* Généré automatiquement par ladr-css */

/* --- SECTION: VARIABLE --- */
@charset "utf-8";
/* CSS Document */

/* Chargement des Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Montserrat:wght@400;500;600;700&display=swap');

:root{
  --couleur_NOIR: #000000;
  --couleur_BLANC: #FFFFFF;
  
  --couleur_GRIS-1: #e8dbd2;
  --couleur_GRIS-2: #c1c5c4;
  
  --couleur_BASE-1: #2a261a;
  --couleur_BASE-2: #514f38;
  
  --couleur_ACCENTUATION-1: #81542b;
  --couleur_ACCENTUATION-2: #2f5055;
  
  --couleur_OPTION-1: #ffffff;
  --couleur_OPTION-2: #ffffff;
  
  --typo_FAMILLE-1: 'DM Serif Display', serif;
  --typo_FAMILLE-2: 'Montserrat', sans-serif;
  --typo_FAMILLE-3: "Montserrat", sans-serif;
  
  --ligne_height:1.2em;
}	

/* permet de forcer les display pour la gestion  des sections via ladr-modele... ladr-galerie... */
.ladr-section .et_grid_column {
    display: grid;
}
.ladr-section .et_flex_section {
    display: flex;
}
.ladr-section .et_flex_row {
    display: flex;
}																																																																			

/* --- SECTION: TITRES --- */
@charset "utf-8";
/* CSS Document */


h1{
	font-family: var(--typo_FAMILLE-1);
	font-weight: 500;
	font-style: normal;
	
	font-size:4rem;
    line-height: 1em;
    
    text-align: center;
    margin-bottom:0px;
	
	color: var(--couleur_BASE-1);  
}
h1 .typo-alt {
    font-family: var(--typo_FAMILLE-3);
  	font-style: italic;
  	font-size: 0.9em;
}
h2{
	font-family: var(--typo_FAMILLE-1);
	font-weight: 500;
	font-style: normal;
 	font-size: 2.8rem;
    line-height: 1.2em;
	padding-bottom:0px;
	margin-bottom:10px;
    
    text-align: left;
    	
	color: var(--couleur_BASE-1); 
} 

h2.home {
    font-family: var(--typo_FAMILLE-2);
    font-size: 8rem !important;
}

h3{
	font-family: var(--typo_FAMILLE-2);
  	font-style: normal;
  	font-size:1.5rem;
	line-height: 1.4em;
  	margin-bottom:0px;
	color: var(--couleur_BASE-3); 
} 
h4{
  	font-family: var(--typo_FAMILLE-1);
  	font-weight: 500;
  	font-size:1.8rem;
}																																																																																																																																																																																																																																																																																																																																																																																																																														

/* --- SECTION: TEXTES --- */
@charset "utf-8";
/* CSS Document */			

/* TEXTES */ 
.txt{
	font-size:1rem;
  	line-height: 1.4em;
	font-family: var(--typo_FAMILLE-2);
  	color: var(--couleur_BASE-1);
}
.legende{font-size:0.7rem;}

.citation{
  	font-size:2.2rem;
	font-family: var(--typo_FAMILLE-1);
  	font-style: italic;
	line-height: 1.2em;
}

.section_titre{
  	font-size:0.9rem;
	font-family: var(--typo_FAMILLE-2);
  	text-transform : lowercase;
}
.picto_titre{font-size:1.6rem;}

strong{} /* bold */
em{} /* italic */																																																																																							

/* --- SECTION: MOBILE --- */
@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 981px){
	/*#logo{
		content:url("https://mobilize-power-solutions.fr/wp-content/uploads/2021/06/mobilize-logo-menu-mobile.png"); 
	}*/
	
    h1{font-size:2.2rem;} 
	h1.home{font-size:2rem;} 
	
    h2{font-size:2rem;} 
	h2.home{font-size:2rem;} 
	h2.perso{font-size:2rem;} 

    h3{font-size:1.2rem;} 
	h4{font-size:1.2rem;}
	
    .txt{font-size:0.9rem;}
    .legende{font-size:0.7rem;}
    .citation{font-size:2rem;}
	
    .section_titre{font-size:1.6rem;}
	.picto_titre{font-size:1.6rem;}
	
	strong{} /* bold */
	em{} /* italic */
}
/* Menu mobile pleine largeur */
.et_mobile_menu {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    border: none !important;
    border-top: none !important;
}

/*///////// Limitation Grand écran ///////////*/
.container{
    max-width:1400px;
    margin:0 auto;
}																																				

/* --- SECTION: FORMULAIRES --- */
@charset "utf-8";
/* CSS Document */



/* --- SECTION: MAP --- */
@charset "utf-8";
/* CSS Document */

/* ////////////////////////// */
/* MAP - filtres */

/* fond du bloc filtre */
.leaflet-container .leaflet-control-layers{
	background-color:  var(--couleur_BASE-1) !important;
}

/* textes - TITRES */
.leaflet-container .overlays_titre{
	/* content: 'filtre carte XXXX' !important; */ /* ne marche pas car est geré par JS */
	font-family: var(--typo_FAMILLE-2) !important;
	font-size: 1rem !important;
	font-style: normal !important;
	font-weight: 700 !important;
    line-height: 1.1rem !important;
	color: var(--couleur_ACCENTUATION-1) !important;
}

.leaflet-container .overlays_titre hr{
	border-top: 3px solid var(--couleur_ACCENTUATION-1);
}

/* textes - CATEGORIES et MARKERS */ 
.leaflet-layerstree-header-name{
	color: var(--couleur_BLANC) !important;
	font-family: var(--typo_FAMILLE-2) !important;
	font-size: 0.9rem !important;
	font-style: normal !important;
	font-weight: 400 !important;
}
.leaflet-container .L_cat{ /* juste les categories */
	font-size: 0.9rem !important;
	font-weight: 700 !important;
}

/* cases a cocher */
.leaflet-container input[type="checkbox"] {
    background: var(--couleur_BASE-1) !important;
	border: 2px solid var(--couleur_ACCENTUATION-1) !important;
}

.leaflet-container input[type="checkbox"]:checked {
    background: var(--couleur_ACCENTUATION-1) !important;
	border: none;
}

/* icones + et 6 */
.leaflet-container .leaflet-layerstree-bouton{
	color: var(--couleur_ACCENTUATION-1) !important;	
}

/* bouton toggle */
#controlToggleIcon{
	background: var(--couleur_ACCENTUATION-2) !important;
}

/* bouton centrer et cibler */
.leaflet-container .ladrmap_CENTRER::before{
	content: "�1F74A " !important;
	/* content: "22A1" !important; */
} 
.ladrmap_CIBLE::before{
	content: "2315" !important;
}   
/* ajoute le contenu - si non renseigné = VIDE */
.leaflet-container .ladrmap_CIBLE, .leaflet-container .ladrmap_CENTRER{
	background: none !important;
	border: none !important;
	color: var(--couleur_BLANC) !important;
	position: absolute !important;
	right: 14px !important;
	margin-top: -3px !important;
	font-size: 18px !important;
}
.leaflet-container .ladrmap_CENTRER{
	right: 19px !important;
	margin-top: -20px !important;
	font-weight: 400;
}
.leaflet-container .ladrmap_CIBLE:hover, .leaflet-container .ladrmap_CENTRER:hover{color: var(--couleur_ACCENTUATION-1) !important;}

/* popup au survol des markers*/
.leaflet-container .leaflet_popup_CAT{color: red !important;}
.leaflet-container .leaflet_popup_TITRE{color: red !important;}
.leaflet-container .leaflet_popup_EXTRAIT{color: red !important; margin-bottom: 10px !important;}
.leaflet-container .leaflet_popup_DETAIL{color: red !important;}

/* ALERTES */
.ladralerte-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

.ladralerte-popup-contenu {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    max-width: 800px;
}

.ladralerte-popup-fermer {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.ladralerte-popup-fermer::after {
    content: "�0D7"; /* Code HTML pour la croix */
    font-size: 20px; /* Taille de la police pour la croix */
}

.ladralerte-bandeau {
	position: fixed;
	top: 0;
	left: 0; 
	right: 0;
	
    background-color: #ff0000;
    color: #fff;
    padding: 10px;
    text-align: center;
	z-index: 99999;
	
	/*    
	 * white-space: nowrap; 
    overflow: hidden; 
    animation: defilement 10s linear infinite;  Animation de défilement */
}

@keyframes defilement {
    0% { transform: translateX(100%); } /* Défilement depuis la droite */
    100% { transform: translateX(-100%); } /* Jusqu'à la gauche */
}
									

/* --- SECTION: MENU --- */
@charset "utf-8";
/* CSS Document */