@charset "utf-8";
/*
Theme Name: Taxi Le Montagnard
Text Domain: 
Version: 1.0
Tested up to: 6.1
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Thème du site vitrine de Taxi Le Montagnard
Author: LOZCOM 
Author URI:https://www.lozcom.com
License: Private
*/




/*CETTE DECLARATION NE MARCHE QU'EN LIGNE SOUS FIREFOX ET IE MAIS PAS EN LOCAL*/


@font-face {
    font-family: 'titre';
    src: url('fonts/Digitalt.woff2') format('woff2'),
        url('fonts/Digitalt.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} 
/*AzonixRegular.woff2*/

@font-face {
    font-family: 'montagnard';
    src: url('fonts/Magiera-Script.woff2') format('woff2'),
        url('fonts/Magiera-Script.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'texte';
    src: url('fonts/AgenorNeue-Regular.woff2') format('woff2'),
        url('fonts/AgenorNeue-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/*//////////////////////////////////////*/


html {margin:0; padding:0; /*background: url(https://lozcom.com/NAMotors/wp-content/uploads/2024/02/BMW-noir-et-blanc.png) no-repeat center fixed;*/ 
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */}


body {  text-align: left; /*background: #ffffff;*/  margin: 0; padding:0; top:0; background-color:#222629;/*#679436;*//*#6E6E6E;*//*#1f2226*/ !important ;/*permet de primer sur le suatres valeurs de body*/  /*background:url("http://lozcom.com/EUROPE/wp-content/uploads/2020/06/herbe.jpg") repeat;*/  /*background-color:#67543c;*/ /*background: url("http://lozcom.com/smlamontagne/wp-content/uploads/2021/02/4-copie.jpg") no-repeat center fixed; 
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  /*background-size: cover; /* version standardisée */   /*background-color:#67543c;*/}



#entete
{
	width:100%;
	/*height:auto;*/
	margin:0;
	color:#3c73b7;
	/*background-image:url("http://lozcom.com/EUROPE/wp-content/uploads/2020/07/entete.jpg"); background-position:bottom;*/
	transition: all 0.3s ease-out; 
	/*padding-bottom:1px; */
	padding:0;
	position:absolute;
	top:0;left:0;right:0;
	/*///IMPORTANT POUR QUE LE MENU SOIS AU DESSUS DE TOUT LE CONTENU////*/
	/*position:fixed; */
	z-index:1000;
	/*///////////////////*/
	/*background-color:#ffc95d;*/
	/*background: url("http://lozcom.com/smlamontagne/wp-content/uploads/2021/02/decheterie-st-chely.jpg") no-repeat center ; */
	/*background: url("http://lozcom.com/smlamontagne/wp-content/uploads/2021/02/4-copie.jpg") no-repeat top ; 
 /*-webkit-background-size: cover; /* pour anciens Chrome et Safari */
 /*background-size: cover; /* version standardisée */
}

/*/////En dessous 1000px j'affiche pas l'image de fond de entete////*/
/*@media (max-width: 1000px) 
{
	#entete {background-image:none; background-color:#ffffff;}
}*/

#logoresponsive {/*float:left; margin-left:15%; margin-top:15px;*/ margin-left:auto; margin-right:auto; width:100%; max-width:150px; }
#logoresponsive img { width:100%; transition: all 0.5s ease-out; margin-top:23px;  }

#header {width: 100%; margin:0; padding:0; /*position:fixed;*/ z-index:0; /*//////!!!!!VERY IMPORTANT POUR QUE MON SITE SOIT EN HAUT DE LA PAGE HEADER HAUT PAGE TOP:0 !!!!!!*//*margin-top:-50px;*/ height:auto;    /*//////////////*/  
 }

#logo { float:left; /*padding-top:5px; padding-bottom:5px;*/ /*margin-top:30px;*/  padding-left:5%; transition: all 0.3s ease-out;  display:table; margin: 0 auto; width:14%; /*width:150px; border:1px solid red; */ max-width:250px;}
#divlogo {width: 100%; margin-left:auto; margin-right:auto; transition: all 0.5s ease-out; /*border:1px solid green;*/}
#logoimg { transition-property: all height;
   transition: all 0.5s ease-out; width: 100%;  /*max-width:220px;*/  /*border:1px solid black; */ 
	/*/EFFET LOGO ET MENU DESCENDE*/
	/*transform: translatex(-200px);*/ }
#logoimg:hover {transform: translateY(-10px); text-shadow: none;}


#photo_accueil {width:100%; height:100%; margin:0; padding:0; position:absolute; z-index:-1000; top:0;  background: url(https://www.taxi-le-montagnard.fr/wp-content/uploads/2025/12/Domaine-le-sauvage-taxi-le-montagnard.jpg) no-repeat center ; -webkit-background-size: cover; background-position: 50% 50%; 
  background-size: cover; max-height:500px; min-height:385px; }


/*@media (max-width: 415px) and (max-height: 915px)
{
	#photo_accueil {width:100%; height:62%; margin:0; padding:0; position:absolute; z-index:-1000; top:0; background: url(https://lozcom.com/MONTAGNARD/wp-content/uploads/2025/12/Domaine-le-sauvage-taxi-le-montagnard.jpg) no-repeat ; -webkit-background-size: cover; 
  background-size: cover;  }
}

@media (max-width: 915px) and (max-height: 415px)
{
	#photo_accueil {width:100%; height:100%; margin:0; padding:0; position:absolute; z-index:-1000; top:0; background: url(https://lozcom.com/MONTAGNARD/wp-content/uploads/2025/12/Domaine-le-sauvage-taxi-le-montagnard.jpg) no-repeat ; -webkit-background-size: cover; 
  background-size: cover;  }
}

@media (max-width: 1282px) and (max-height: 510px)
{
	#photo_accueil {width:100%; height:100%; margin:0; padding:0; position:absolute; z-index:-1000; top:0; background: url(https://lozcom.com/MONTAGNARD/wp-content/uploads/2025/12/Domaine-le-sauvage-taxi-le-montagnard.jpg) no-repeat ; -webkit-background-size: cover; 
  background-size: cover;  }
}*/

/*@media (max-width: 1282px) and (max-height: 1210px)
{
	#photo_accueil {width:100%; height:40%; margin:0; padding:0; position:absolute; z-index:-1000; top:0; background: url(https://lozcom.com/MONTAGNARD/wp-content/uploads/2025/12/Domaine-le-sauvage-taxi-le-montagnard.jpg) no-repeat ; -webkit-background-size: cover; 
  background-size: cover;  }
}*/
/*@media (max-width: 1282px)and (min-height: 510px)
{
	#photo_accueil {width:100%; height:100%; margin:0; padding:0; position:absolute; z-index:-1000; top:0;  background: url(https://lozcom.com/MONTAGNARD/wp-content/uploads/2025/12/Domaine-le-sauvage-taxi-le-montagnard.jpg) no-repeat ;  -webkit-background-size: contain; 
  background-size: contain;  }
}*/

/*@media (max-width: 1282px) 
{
		#photo_accueil {width:100%; height:100%; margin:0; padding:0; position:absolute; z-index:-1000; top:0;  background:unset; background: url(https://lozcom.com/MONTAGNARD/wp-content/uploads/2025/12/Domaine-le-sauvage-taxi-le-montagnard.jpg) no-repeat ; /*background: url(https://lozcom.com/NAMotors/wp-content/uploads/2024/03/BMW-couleur.png) no-repeat center ;*/ /*-webkit-background-size: contain;*/ /*background-position: 50% 50%;*/ /* pour anciens Chrome et Safari */
	 /* background-size: contain; /* version standardisée *//*}
}*/

#photo_region {width:100%; height:60%; margin:0; padding:0; position:absolute; z-index:-1000; top:0; /*border:1px solid red;*/ background: url(https://www.taxi-le-montagnard.fr/wp-content/uploads/2026/05/Taxi-le-montagnard-vehicule-chanaleilles.jpg)/*https://www.taxi-le-montagnard.fr/wp-content/uploads/2026/01/taxi-le-montagnard-le-sauvage-vu-du-ciel1.jpg*/ no-repeat;  -webkit-background-size: cover; background-position: 50% 75%; /* pour anciens Chrome et Safari */
  background-size: cover; background-position: 50% 50%;/* version standardisée */}

#photo_services {width:100%; height:60%; margin:0; padding:0; position:absolute; z-index:-1000; top:0; /*border:1px solid red;*/ background: url(https://www.taxi-le-montagnard.fr/wp-content/uploads/2026/05/Taxi-le-montagnard-services.jpg)/*https://www.taxi-le-montagnard.fr/wp-content/uploads/2026/03/taxi-le-montagnard-politique-cookies.jpg*/ no-repeat;  -webkit-background-size: cover; background-position: 50% 55%; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */}

#photo_contact {width:100%; height:60%; margin:0; padding:0; position:absolute; z-index:-1000; top:0; /*border:1px solid red;*/ background: url(https://www.taxi-le-montagnard.fr/wp-content/uploads/2026/03/taxi-le-montagnard-contact.jpg) no-repeat;  -webkit-background-size: cover; background-position: 50% 100%; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */}

#photo_vehicules {width:100%; height:60%; margin:0; padding:0; position:absolute; z-index:-1000; top:0; /*border:1px solid red;*/ background: url(https://www.taxi-le-montagnard.fr/wp-content/uploads/2026/03/montage-vehicules.jpg); /*https://lozcom.com/NAMotors/wp-content/uploads/2024/03/accueil-BM-NAMotors.png)*/ no-repeat;  -webkit-background-size: cover; background-position: 50% 100%; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */}

#photo_tarifs {width:100%; height:60%; margin:0; padding:0; position:absolute; z-index:-1000; top:0; /*border:1px solid red;*/ background: url(https://www.taxi-le-montagnard.fr/wp-content/uploads/2026/05/Taxi-le-montagnard-tarifs.jpg);/*https://www.taxi-le-montagnard.fr/wp-content/uploads/2026/02/taxi-le-montagnard-tarifs.jpg*/ /*https://lozcom.com/NAMotors/wp-content/uploads/2024/03/accueil-BM-NAMotors.png)*/   -webkit-background-size: cover; background-position: 50% 50%; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */}

#photo_photos {width:100%; height:60%; margin:0; padding:0; position:absolute; z-index:-1000; top:0; /*border:1px solid red;*/ background: url(https://www.taxi-le-montagnard.fr/wp-content/uploads/2026/02/taxi-lemontagnard-photos.jpg); /*https://lozcom.com/NAMotors/wp-content/uploads/2024/03/accueil-BM-NAMotors.png)*/  -webkit-background-size: cover; background-position: 50% 85%; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */}

#photo_avis {width:100%; height:60%; margin:0; padding:0; position:absolute; z-index:-1000; top:0; /*border:1px solid red;*/ background: url(https://www.taxi-le-montagnard.fr/wp-content/uploads/2026/05/Taxi-le-montagnard-photos.jpg);/*https://www.taxi-le-montagnard.fr/wp-content/uploads/2026/03/taxi-le-montagnard-avis.jpg) no-repeat;*/  -webkit-background-size: cover; background-position: 50% 58%; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */}

#photo_mentions {width:100%; height:60%; margin:0; padding:0; position:absolute; z-index:-1000; top:0; /*border:1px solid red;*/ background: url(https://www.taxi-le-montagnard.fr/wp-content/uploads/2026/03/taxi-le-montagnard-services.jpg) no-repeat;  -webkit-background-size: cover; background-position: 50% 100%; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */}

#photo_politique {width:100%; height:60%; margin:0; padding:0; position:absolute; z-index:-1000; top:0; /*border:1px solid red;*/ background: url(https://www.taxi-le-montagnard.fr/wp-content/uploads/2026/02/taxi-le-montagnard-mercedes-arriere.jpg) no-repeat;  -webkit-background-size: cover; background-position: 50% 35%; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */}

#photo_reservations {width:100%; height:60%; margin:0; padding:0; position:absolute; z-index:-1000; top:0; /*border:1px solid red;*/ background: url(https://www.taxi-le-montagnard.fr/wp-content/uploads/2026/04/taxi-le-montagnard-reservations.jpg) no-repeat;  -webkit-background-size: cover; background-position: 50% 35%; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */}

#photo_accueil img, #photo_reprog img, #photo_e85 img, #photo_contact img {width:100%; height:auto;}


#accueil_intro {width:100%; padding-top:14%; /*padding-top:18%;*//*padding-top:140px;*/}
#accueil_intro_photo {width:33%; float:left;}
#accueil_intro_photo img {max-height:400px; width:auto; border-radius:10px; box-shadow:5px 5px 5px #000000;}
#accueil_intro_texte {width:100%; float:left;display:table-cell; /*padding-top:50px;*/ text-align:center; }


#accueil_reprog, #accueil_e85 {border-radius:25px; border:1px solid gray; background-color:#ffffff; padding:10px; float:left; width:35%; height:auto;/*700px;*/ box-shadow: 0px 0px 10px #ffffff; color:#60697b; font-size:14px; text-align:center;}
#accueil_reprog h2, #accueil_e85  h2 {font-family:"titre"; font-size:25px; color:#000000;}
#accueil_reprog h2 {color:red; word-wrap: break-word;}
#content #accueil_reprog a { text-decoration:none; color:#000000;  /*text-shadow:1px 1px 10px #000000;*/ background-color:transparent;}
#content #accueil_reprog a:hover {color:#000000; text-shadow:1px 1px 10px #000000; font-weight:bold; /*font-weight:bold;*//*color: #555; text-shadow:1px 1px 10px #000000;*/ }
#accueil_e85  h2 {color:#36b9ed;}
#content #accueil_e85 a { text-decoration:none; color:#000000;  /*text-shadow:1px 1px 10px #000000;*/ background-color:transparent;}
#content #accueil_e85 a:hover {color:#000000; text-shadow:1px 1px 10px #000000; font-weight:bold; /*font-weight:bold;*//*color: #555; text-shadow:1px 1px 10px #000000;*/ }
#espaceur {float:left; width:10%;}
#accueil_reprog img, #accueil_e85 img {border-radius:25px;}
#accueil_reprog img:hover, #accueil_e85 img:hover {transition: all 0.5s; /*transform:translatey(-5px);*/ filter: opacity(50%); -webkit-filter: opacity(50%);}
#accueil_reprog:hover, #accueil_e85:hover {transition: all 0.5s; transform:translatey(-5px);}
#accueil_bouton1 {background-color:#000000; color:#ffffff; border:1px solid #000000; width:100%; height:50px; border-radius:25px; cursor:pointer; font-family:"titre"; font-size:15px;}
#accueil_bouton1:hover {background-color:#ffffff; color:#000000; border:1px solid #000000;}
#accueil_bouton {background-color:#000000; color:#ffffff; border:1px solid #000000; width:100%; height:50px; border-radius:25px; cursor:pointer; font-family:"titre"; font-size:15px;}
#accueil_bouton:hover {background-color:#ffffff; color:#000000; border:1px solid #000000;}

#accueil_bouton2 {background-color:#000000; color:#ffffff; border:1px solid #000000; width:25%; height:50px; border-radius:25px; cursor:pointer; font-family:"titre"; font-size:15px;}
#accueil_bouton2:hover {background-color:#ffffff; color:#000000; border:1px solid #000000;}
@media (max-width: 766px) 
{
	#accueil_bouton2
	{
		width:100%;
	}
	
	/*#accueil_intro
	{
		margin-top:32%;
	}*/
}
#slogan {float:left; margin-top:-50px; width:100%; text-align:center; color:#ffffff; font-family:"titre"; font-size:20px; line-height:28px; transition: all 0.5s ease-out; /*/EFFET LOGO ET MENU DESCENDE*/
	/*transform: translateY(-160px);*/ /*border:1px solid red;*/}
#slogan a {text-decoration:none; color:#ffffff;}
#slogan a:hover {text-decoration:none; color:red;}

#info {color:#ffffff; text-align:center; width:100%;  /*border:1px solid red;*/ display:inline-block; transition: all 0.5s ease-out; /*/EFFET LOGO ET MENU DESCENDE*/
	/*transform: translateY(-160px); */}

/*/////En dessous 1000px je réduis le logo////*/
@media (max-width: 1000px) 
{
	/*#logo {width:250px;}*/
}
#logowp {margin-left:auto; margin-right:auto; width:100px;  }

/*#logomenu {transition-property: opacity height;
    transition-duration: 0.5s; opacity:0; /*//*pour pas de décalage*//*position:absolute;width:100%}
#logomenu img {width:100px; width:auto;margin:auto;   }*/

#balise_h1 {text-align:center;}
#balise_h1 a { /*padding: 0 20px 0 0;*/  font-family:"logo";
	font-size:25px; color:#3c73b7; text-decoration:none;  /*/////////////*/ } 
#balise_h1 a:hover { /*padding: 0 20px 0 0;*/ color:#f0f0f0; text-decoration:none; }   
#header p { /*padding: 0 20px 0 0;*/ font-size: 1em; }

#description { margin-left:auto; margin-right:auto;width:300px;  font-size:15px; text-align:center;  }

#intro {/*line-height:50px;*/ color:#ffffff; text-shadow: #000000 1px 0 10px;  /*super important*/
 
   }

#intro_texte {display: flex;  flex-wrap: nowrap;
  flex-direction: column;  width:100%; /*height:100%;*/ /*margin-top:-18%; padding-bottom:50px;*/ align-items: center;
  justify-content: end;}
#texte_logo_accueil {font-family:'titre'; font-size:55px;}
#logo_accueil {max-width:250px; min-width:150px; width:100%; margin-top:15px;}

/*@media (max-width:3000px) 
{
	#intro_texte {display:unset; 
	position: relative;
	top: 59%;
	text-align: center;
	}
	
}

@media (max-width: 2000px) 
{
	#intro_texte {display:unset; 
	position: relative;
	top: 59%;
	text-align: center;
	}
	
}

@media (max-width: 1282px) 
{
	#intro_texte {display:unset; 
	position: relative;
	top: -200px;
	text-align: center;
	}
	
}

@media (max-width: 521px) 
{
	#logo_accueil { max-width:150px; width:100%; margin-top:15px;}
	#texte_logo_accueil {font-family:'titre'; font-size:25px;}
	#intro_texte {top: -217px;}
}

@media (max-width: 324px) 
{
	#logo_accueil { max-width:100px; width:100%; margin-top:15px;}
	#texte_logo_accueil {font-family:'titre'; font-size:15px;}
	#intro_texte {top: -222px;}
}
*/




#intro_texte_reprog {display: flex;  flex-wrap: nowrap;
  flex-direction: column;  width:100%; height:60%; margin-top:-55px; padding-bottom:50px; /*align-items: center;*/
  justify-content: end; text-align:left; line-height: 34px;}

/*pour résolution 320x480px iphone5*/
/*@media (max-height: 538px) 
{ 

}*/

/*#intro_texte h2 {font-size:40px; font-family:"titre"; letter-spacing:8px;}*/



/*///////////////////////////////////////////////////////////MENU////////////////////////////////////////////*/

#dessus_menu
{
	float:right;
	width:77%;
	padding-right:4%;
	margin-top:35px;
	/*fond menu*/
	
}


#menu
{ 
	width:100%;
	position:absolute;
	display:inline-block;
	/*//meme hauteur height et line height*/
	/*height:150px;*/
	line-height:46px;
	margin:0;
	padding:0;
	/*/////////////*/
	font-family: 'titre';
	font-size:18px;
	/*letter-spacing:8px;*/
	/*nt-weight:bold;*/
	z-index:0;
	
	
}   



    
 #menu ul 
 {
	 /*///aligne le menu au centre///*/
	 text-align:right; 
	/*TAILLE DU MENU*/
	 /*width:77%;*//*80%;*/
	 float:right;
	 /*////OBLIGATOIRE margin-top:0px; SINON GROS BUG DANS MENU*/
	 margin-top:0px;
	 /*////////////////*/
	 margin-left:auto;
	 margin-right:auto;
	 margin-bottom: 0;
	 /* float:right;*/
	/* clear:both;*/
	/* transition: all 1s ease-out; */
	/* opacity:0;*/
	
	 
	/* FOND MENU */
	/*background-color: rgba(0,0,0,0.6);
  	box-shadow: 0px 5px 35px #000000;*/
	 
	/* background-color: rgba(0,0,0,0.45);*/
 /* box-shadow: 0px 0px 10px rgba(0,0,0,0.3);*/
	 backdrop-filter: blur(1px); /*//effet flou derriere le menu//*/
 }
	
/*/premier niveau li menu*/
#menu li  
{ 
	display:inline-block; 
	/* border:1px solid red;*/
	background-repeat:no-repeat;
	width:auto;
	min-width:100px;
	/*transition: all 3s ease-out; */
	/*border:1px solid red;*/
} 

#menu li :hover
{
	margin-top:-5px;
	transition: all 0.3s ease-out; 
}
 
/*///deuxieme niveau sous menu ul*/
#menu li ul  
{/*display:none; */
margin:0;
padding:0;
width: 220px; /*220px;*/
line-height:40px;
position:absolute;
background-color:#e3a54d;/*#ffc95d; */
	/*opacity:0;*/ visibility:hidden;
	/*transition:all 0.5s; */
	/*//////////////TRANSITION CSS PERMET LE FONDU DU SOUS MENU QUAND JE PASSE SUR LE LIEN GRACE à l'opacité 0 visibility hidden//////*/
	/*opacity:0;
	visibility:0;
	transition:opacity 0.5s, visibility 0.5s linear;*/
	/*/////////////////*/
	
 } 

/*///couleur des liens 1er niveau*/         
#menu li a 
{
color:#BAFF39; 
	text-decoration:none; 
   text-align:center; 
	/*//ESPACEMENT ENTRE CHAQUE LIEN MENU*/
	/*padding-left:8px;
	padding-right:8px;*/
	/*padding-left:3px; 
	padding-right:3px;*/
	width:auto; 
	
	/*////display block important permet de rendre toute la case cliquable///*/
	 display:block;
	/*////animation du lien*/
	/*transition: all 0.5s ease-out;*/
	/*text-shadow: #272727 0px 0px 5px;*/
	transition: all 0.5s ease-out; 
	text-shadow: #000000 0px 0px 10px;
	  } 

/*///couleur des liens 2eme niveau*/     
	#menu li li a 
{
color:#ffffff; text-decoration:none; 
 /*///PERMET DE FAIRE UN EFFET DE FONDU SUR LE MENU TRANSITION CSS//////*//*/////////////*/ /*Permet de rendre tous le carré du menu cliquable !!!!*/
	display:table-cell; width:250px; text-align:left; /*transition:all 0.5s;*/  } 
  
/*//lien hover*/      
#menu li a:hover 
{
  color:#EBF2FA;/*#9ca2a7;*/ text-shadow: #ffffff 0px 0px 10px;  text-decoration:none; /*background-color:#ffffff; transition: all 0.5s ease-out;*/  } 

/*affichage des sous menus*/
#menu ul li:hover > ul  
{ /*display:block;*/  /*opacity:1;*/ /*transition:all 0.5s;*/  visibility:visible;
} 
/* hack IE7 pour corriger le décalage IE7 (à mettre dans une feuille de style à part avec des commentaires conditionnels pour être plus "propre") */
* + html ul#menu  li:hover > ul  
{
margin-left:-125px; 
} 
 
/*affichage des sous menus*/
#menu  li ul li ul  
{
/*display:block; */
margin-left:220px;
margin-top:-40px;
	opacity:0; transition:all 0.5s;
	
} 

#menu  li ul li:hover > ul  
{
/*display:block; */
margin-left:220px;
margin-top:-40px;
	opacity:1; transition:all 0.5s;
	
} 

/* hack IE7 pour corriger le décalage IE7  */
* + html ul#menu  li ul li:hover > ul  
{
margin-left:0px;
} 


  /*//////ICONE SOUS MENU > et < a:before et a:after sont les 2 traits de l'icone du menu principal///*/    

#menu ul li.menu-item-has-children > a:after 
{
   	content: '▼';
	margin-left:5px;
 	/* -webkit-transition:  all 0.3s;
  	-moz-transition:  all 0.3s;
  	transition:      all 0.3s;*/
}

#menu ul li ul li.menu-item-has-children > a:after 
{
 	content: '➤';
	margin-left:5px;
 	/* -webkit-transition:  all 0.3s;
 	 -moz-transition:  all 0.3s;
 	 transition:      all 0.3s;*/
}

/*#menu ul li > a:after 
{
 	content: ' ';
	margin-left:2px;
	margin-right:2px;
 	
}*/

#menu .e85 a {color:#36b9ed; }
#menu .reprog a {color:red;}
#menu .e85 a:hover {color:#36b9ed;  text-shadow: #36b9ed 0px 0px 10px; }
#menu .reprog a:hover {color:red;  text-shadow: red 0px 0px 10px; }


/*//////////////FIN MENU DEROULANT////*/






/*//////////////////////////////////////////////////////////////////////MENU HAMBURGER//////////////////////////////*/
#menu_responsive{
	width:100%;
	height:197px;/*145px;*/
	/*background-color:#000000;*/
	z-index:50000;
	position:fixed;
	display:none;	
	/*box-shadow: 10px 5px 5px grey;*/
	/*margin-top:-16px;*/
	padding:0;
	top:0;left:0;right:0;
	}


#hamburger
{
 /* display:block;*/
 /*clear:both;*/
  width:40px;
	height:40px;
	/*margin-top:-98px;*/
	margin-left:20px;
  /*///////////* margin-right:auto;
   margin-left:auto;*/
	/*float:left;*/
  /* margin-bottom:10px;*/
  /*/////////// text-align:center;*/
}

#hamburger-img
{
	color:#ffffff; 
	text-decoration:none; font-family:"menu"; font-size:18px;
	width:40px; 
	height:40px;
	max-width:40px;
	margin-left:auto;
	margin-right:auto;
	z-index:100;
	/*////pour l'effet fondu sur le bouton hamburger menu////*/
	transition-property: height;
	transition: all 0.2s; /* transition pour faire l'animation sur le hover et quand on sort du hover' */
	cursor:pointer;	
	background-image: url("https://www.taxi-le-montagnard.fr/wp-content/uploads/2025/12/menu_mobile.png");
}

#hamburger-img:active
{
	color:#000000; text-shadow:1px 1px 10px #000000; text-decoration:none; 
	width:40px; 
	height:40px;
	max-width:40px;
	z-index:100;
 	animation-name: rotate;
	transform: translatey(-3px);
	transition: all 0.2s; 
	/*background-image: url("https://lozcom.com/PASSERELLE/wp-content/uploads/2022/10/menu_mobile_dessus.png");*/
	
}

/*/////////////////ICONE HAMBURGER PUR CSS////////////*/
/*#menu-icon{
    position: relative; 
    width: 54px;
    height: 54px; 
    transition: transform 0.1s;
}
#menu-icon span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%); 
    display: block;
    width: 22px;
    height: 2px;
    background-color: #ffffff;
    transition: background 0.1s;
}

#menu-icon span::before, #menu-icon span::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-6px);
    display: block;
    width: 22px;
    height: 2px;
    background-color: #ffffff;
    transition: transform 0.1s;
}
#menu-icon span::after {
    transform: translateY(6px); 
}*/

/*//////ANIMATION DE L'HAMBURGER on peut utilser :hover ou :active a la place de .is-opened//////////////*/

/*#menu-icon:hover span { background: transparent; }
#menu-icon:hover span::before { transform: translateY(0) rotate(45deg); }
#menu-icon:hover span::after { transform: translateY(0) rotate(-45deg); }*/
		

/*////////////!!!! Pour ne pas que le menu responsive s'affiche au chargement de la page !!!/////*/
#menu2
{
	/*//////////////TRANSITION CSS PERMET LE FONDU DU MENU QUAND JE cliQUE SUR L'ANE GRACE à l'opacité 0 visibility hidden//////*/
	visibility:hidden;
	opacity:0;
	transition:all 0.3s, opacity 0.3s linear;
	/*////////////////////////////////////////*/
	font-family:"titre";
	font-size:15px;
	letter-spacing:8px;
	width:100%; 
	line-height:20px;
	/*POUR QUE LE MENU SOIS CENTRER*/
	/*margin-left:-40px;*//*-20px;*/
	z-index:150000; 
	/*POUR RATTRAPER LE DECALAGE DU MARGIN TOP ET BOTTOM DE #PAGE de 24px */ 
	/*margin-top:50px;*/
	/*padding-left:50px;
	padding-right:50px;*/
	/*/A METTRE POUR POUVOIR FAIRE DEFILER LE MENU SUR PORTABLE EGALEMENT DANS HEADER PHP*/
	/*position:absolute;
	overflow-y:scroll;*/
	height:auto;	
	position:absolute;
	transform:translatex(-100%);
	background-color:#000000;
	/*////////////*/
}




#menu2 ul { text-align:center; margin:0 !important; padding:0 !important; }


/*/premier niveau li menu*/
#menu2 li  
{ 
display:block;
/*background-color:#ffffff;*/
} 
 
/*///deuxieme niveau sous menu ul*/
#menu2 li ul  
{
	display:none; 
margin:0;
padding:0;
width: 100%;
line-height:40px; z-index:150000; 
  /*position:absolute;*/
  
	/*//////////////TRANSITION CSS PERMET LE FONDU DU SOUS MENU QUAND JE PASSE SUR LE LIEN GRACE à l'opacité 0 visibility hidden//////*/
	/*opacity:0;
	visibility:0;
	transition:opacity 0.5s, visibility 0.5s linear;*/
	/*/////////////////*/
	
 } 

/*///couleur des liens 1er niveau*/         
#menu2  ul  li a,
      #menu2  ul  li.current a
{
color:#ffffff; 
	text-decoration:none; 
   text-align:center; 
	/*padding-left:15px; 
	padding-right:15px;*/
	width:auto; 
	/*////display block important permet de rendre toute la case cliquable///*/
	 display:block;
	padding-top:20px;
	padding-bottom:20px;
	font-size:20px;
	/*////animation du lien*/
	transition: all 0.3s;
	  } 

@media (max-width:327px)
{
	#menu2  ul  li a,
      #menu2  ul  li.current a {font-size:12px;}
}

/*///// menu 1er niveau quand il y a un sous menu . changement des liens (a) des menus (ul li) quand on survole le li et pas quand on survole le lien (a) car le lien est dessous la checkbox. Au sruvol du li et pas du lien. contour des menus en blanc avec changement du background pour les ul li et pas les liens trompent l'oeil avec les sous menus 1er niveau*/
#menu2  ul  li:hover a,
      #menu2  ul  li.current a {
       color:#9ca2a7; 
	text-shadow: #000000 1px 0 5px; 
	text-decoration:none; 
	transform: translatex(3px); cursor:pointer;
      }

#menu2 .e85 a {color:#36b9ed; }
#menu2 .reprog a {color:red;}
#menu2 .e85 a:hover {color:#36b9ed;  text-shadow: #36b9ed 0px 0px 10px; /*font-weight:bold;*/}
#menu2 .reprog a:hover {color:red;  text-shadow: red 0px 0px 10px; /*font-weight:bold;*/}


#menu2  ul  li:hover a,
      #menu2  ul  li.current a {
       color:#9ca2a7; 
	text-shadow: #000000 1px 0 5px; 
	text-decoration:none; 
		  text-shadow: #ffffff 0px 0px 10px;
	transform: translatex(5px); cursor:pointer;
      }


/*///couleur des liens 2eme niveau*/     
	#menu2 li li a 
{
	background-color:#fad07d;
color:#37519b; text-decoration:none; 
 /*///PERMET DE FAIRE UN EFFET DE FONDU SUR LE MENU TRANSITION CSS//////*//*/////////////*/ /*Permet de rendre tous le carré du menu cliquable !!!!*/
	display:block;  text-align:center;  } 

/*///couleur des liens 3eme niveau*/     
	#menu2 li li li a 
{
	background-color:#fde1aa;
color:#37519b; text-decoration:none; 
 /*///PERMET DE FAIRE UN EFFET DE FONDU SUR LE MENU TRANSITION CSS//////*//*/////////////*/ /*Permet de rendre tous le carré du menu cliquable !!!!*/
	 text-align:center;   } 
  
/*//lien hover*/      
/*#menu2 li a:hover 
{
 color:#ffc95d;  text-decoration:none; background-color:#37519b;  } */


/*affichage des sous menus*/
#menu2  li:hover > ul  
{ display:block; /*position:absolute;*/ height:auto;  width:100%; float:right;  /*opacity:1; visibility:visible;*/
} 
/* hack IE7 pour corriger le décalage IE7 (à mettre dans une feuille de style à part avec des commentaires conditionnels pour être plus "propre") */
* + html ul#menu  li:hover > ul  
{
margin-left:-125px; 
} 
 
/*affichage des sous menus 3ème niveau*/
#menu2  li ul li:hover > ul  
{
display:block; /*position:absolute;*/ height:auto; float:right; width:100%;
/*margin-left:250px;
margin-top:-41px;*/
	
} 

/*/////AFFICHAGE DES FLECHES POUR LES SOUS MENUS///*/
/*#menu2   ul   .sousmenu
{
	background-image:url("http://lozcom.com/smlamontagne/wp-content/uploads/2020/12/bas.png"); background-position:left; background-repeat:no-repeat;
}



#menu2   ul  .sousmenu:hover
{
	background-image:url("http://lozcom.com/smlamontagne/wp-content/uploads/2020/12/haut.png"); background-position:left; background-repeat:no-repeat; 
}

#menu2 ul .sousmenu2
{
	background-image:url("http://lozcom.com/smlamontagne/wp-content/uploads/2020/12/bas.png"); background-position:left; background-repeat:no-repeat;  border:1px solid red; 
}*/

/*//////ICONE SOUS MENU > et < a:before et a:after sont les 2 traits de l'icone du menu principal///*/    

#menu2 ul li.menu-item-has-children > a:after 
{
  	content: '▼';
	margin-left:5px;
 	/* -webkit-transition:  all 0.3s;
  	-moz-transition:  all 0.3s;
  	transition:      all 0.3s;*/
}

#menu2 ul li.menu-item-has-children:checked > a:after 
{
  	content: '▲';
	margin-left:5px;
 	/* -webkit-transition:  all 0.3s;
  	-moz-transition:  all 0.3s;
  	transition:      all 0.3s;*/
}




/*///REGLAGES DES CHECKBOX SOUS MENUS////*/
  #menu2 .show-submenu {
	/*border:1px solid red;*/
	position: absolute;
    display: block;
    margin-top: -30px;
    width: 100%;
    height: 30px;
   opacity: 0;
	  visibility:visible;
    -webkit-appearance: none;
	  /*///pour avoir l'effet de main souris*/
	  cursor:pointer;
  }


 /*////ne pas afficher le sous menu au clic*/
  #menu2 .show-submenu  +  ul
 {
    display: none;
    visibility: hidden;
  }
/*/// affiche les sous menu au clic*/  
    #menu2 .show-submenu:checked  + ul
{
    display: block;
    visibility: visible;
}



/*///Menu 2eme niveau quand il y a un sous menu normal. */
#menu2 .show-submenu:checked  + ul li a
      {background-color:#e6b978; color:#ffffff; text-decoration:none; border:none;  /*///PERMET DE FAIRE UN EFFET DE FONDU SUR LE MENU TRANSITION CSS//////*//*/////////////*/ /*Permet de rendre tous le carré du menu cliquable !!!!*/
	/*display:block; */ text-align:center;
      }
/*///Menu 2eme niveau quand il y a un sous menu au survol du lien. */
#menu2 .show-submenu:checked  + ul li a:hover {
        background-color:#ffffff; color:#e6b978; transition: background-color 0.5s ease-out; 
      }

/*//////////////////////////////////////////////*/
 


/*//////////////FIN MENU DEROULANT////*/


/*/////////////plus + SOUS MENU DEROULANT////*/
.toggle-menu
{
	background-image: url('https://www.lesanesenmargeride.com/wordpress/wp-content/uploads/2019/09/menu-plus.png');
	background-repeat:no-repeat;
	background-position:5% 0%;
}

.toggle-menu .open a, .toggle-menu .open span {
		background-image: url('https://www.lesanesenmargeride.com/wordpress/wp-content/uploads/2019/09/menu-moins.png');
	background-repeat:no-repeat;
	background-position:5% 0%;
			}
/*////////////*/


/*//////////////////CAROUSSEL IMAGE 100% WIDTH////////////////*/

 #diapo
	{
		margin-top:145px; 
		z-index:2000;
		transition: all 0.3s ease-out;
		font-family:"menusite";
	}

/*///////////////////POLICE TEXTE DIAPO////*/
 #diapo .caption
	{
		font-family:"menusite";
		color:#37519b;
		background-color:#ffc95d;
	}
	
/*////////////////////////////*/
 
/*///////////////METASLIDER////////////*/
#metaslider-id-345 .metaslider {margin-left:auto; margin-right:auto;}
/*////////////////////*/
 
#content {font-family:"texte"; font-size:15px; letter-spacing: 1px; color:#EBF2FA; /*color:#ffffff;*/ /*width: 75%;*/ margin-left:auto; margin-right:auto; width:90%;  /*padding-left:10px;*/ /*pour remonter le contenu pres du menu*/ /*margin-top:300px;*/ margin-bottom: 80px; text-align:justify; /*///Pour que le texte sois sous le menu margin-top///*//*margin-top:350px;*/ line-height:30px; margin-top:155px; /*background-color:rgba(255, 255, 255, 0.7*/);  }  

#content h2 {font-family:"titre"; font-size:40px; text-align: left;padding-bottom:15px;}
#content h3 {padding-bottom:15px;}

/*@media(max-height:588px)
{
	#content h2 {font-size:15px;}
	#content h3 {font-size:15px;}
}*/
/*@media (max-height: 538px) 
{  
	#content h2 {font-size:20px;}
}*/


#mentions h2 {font-family:"titre"; font-size:25px; text-align: center;}

@media (max-width:800px)
{
	#content h2 {text-align:center;}
}

/*////ECRITURE SUR LOGO////*/
 .contenant {
  /*position:relative; */
	z-index:-1000; 
  text-align: center;
  color: red; 
	 margin-top:62px;
	/*border:1px solid red;*/
}

.contenant img { width:100%; }

.texte_centrer h1 {
  position: absolute;
  top: 60%;
  left: 50%;
	width:100%;
  transform: translate(-50%, -50%);
	color:#000000;
	font-size:500%;
	font-family:"menusite";
}


/*//////////////////////*/


/*//////HR///////////////////*/
#titslog {background-color:#e3a54d; height:150px; position:relative; z-index:-1000;  }
#hr-left {width:32%; float:left; margin-top:75px; /*color:#000000;*/ 
    border: 0;
    height: 3px;
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));   }

#hr-right {width:32%; float:left;  margin-top:75px;
  border: 0;
    height: 3px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); 
}
#slog {width:36%; font-family:"menusite"; color:#ffffff;  display:table;  height:150px; float:left; text-align:center;}
#slog span {vertical-align:middle; display: table-cell; font-size:30px;}

/*//////////////////////////*/


/*//////////////////////////BACKGROUND PAGE ACCUEIL LIEN PHOTO////////////////*/
#background
{
	background-color:#ffffff;
	padding:15px;
	text-align:center;
	border-radius: 15px;
	border:3px solid #e3a54d;
	
}

#content #background3 .lien1  { color:#e3a54d; font-size:25px; transition: all 0.3s ease-out; text-decoration:none; font-family:"menusite"; }
#content #background3 .lien1:hover { color:#000000;}


 /*.lien2 a { color:#fd3cc1; transition: all 0.3s ease-out; text-decoration:none;}
 .lien2 a:hover { color:#58585a; /*text-shadow:1px 1px 10px #808080;*/}*/

		#background2
		{
			float:left; 
			width: 50px;
			height: 50px;
		/*	border:1px solid red;*/
						
		}
			
			/*////Permet de dire a chaque icone de #background de s'aligner au milieu du rond*/
			#background3 .fa-house, #background3 .fa-tractor, #background3 .fa-scissors, #background3 .fa-graduation-cap, #background3 .fa-building, #background3 .fa-calendar-days, #background3 .fa-newspaper, #background3 .fa-envelope, #background3 .fa-euro-sign, #background3 .fa-person-walking
			{
				/*/taille de l'icone*/
				width:35px;	
				/*//padding left et top pour centrer le logo dans le rond*/
				padding-left:7.5px;
				padding-top:11px;
				/*border:1px solid red;*/
				color:#e3a54d;
				
				
			}
				#background3
				{
					/*float:left; 
					width:75%;*/
				}
/*/////////////////////////////////////////*/

/*////jusqu'a 1039px j'affiche que l'hamburger*/
/*@media screen and (max-width: 1039px) 1295px*/
@media (max-width:1282px)/*1240*/ /*1312 1214px) */
{
	#header
	{
		padding-top:15px;
	}
 
	 #menu
	 {
		 display:none;
	 }
	  
	 #menu2
	 {
		 visibility:hidden;
	 }
	 
	 #diapo
	{
		margin-top:0px;
	}
	
	 
	#menu_responsive
	{
		display:block;
		/*background-color:#ffffff;*/
	  
	}
	
	
	#carousel_img
	{
		/*margin-top:70px;*/
	}
	
	#content
	{
		/*margin-top:135px;*/
	}
	
	.texte_centrer h1 
	{
		 font-size:300%;
	}
	
	.contenant {
	 margin-top:105px;
	}
	

 
 
}

@media (max-width: 410px) 
{
	#entete
	{
	  width:100%;
	  text-align:center; 
	  margin-right:0;
	  padding-left:0px;
	  padding-bottom:5px;
	 }
	 
	/* #menu_responsive
	 {
		 width:100%;
	  text-align:center; 
	  margin-right:0;
	  padding-left:0px;
		 background-color:#ffffff;
		 display:block;
		 
		 
	 }*/
	#hamburger-img
	{
	  width:56px;
	 
	  margin-left:auto;
	  margin-right:auto;
	 /* margin-top:50px;*/
	  padding-bottom:5px;
	  
	}
	
	#menu2
	{
		/*a changer en fonction de la taille du header*/
	/*margin-top:100px;*/
	}
	
	#carousel_img
	{
		/*a changer en fonction de la taille du header*/
		/*margin-top:165px;*/
	}
	
	#content
	{
	/*a changer en fonction de la taille du header*/
		margin-top:195px;
	}
	
	.texte_centrer h1 
	{
		 font-size:150%;
	}
	
	#accueil_intro_photo, #accueil_intro_texte, #accueil_reprog, #accueil_e85 {width:100%; margin-left: -10px; }
	#accueil_e85 {margin-top:50px;}
	#espaceur {display:none;}
	#content .wprevpro_t1_IMG_4 {width:50px;} !important
	

	
	
}

@media (max-width: 500px) 
{
	#slog span
	{
		font-size:15px;
	}
}


/*//////////////////*/













/*///Pour que le texte sois sous le menu margin-top en version mobile AMODIFIER DANS HEADER PHP EGALEMENT///*/
@media (max-width: 1000px) 
{
 	/*#content { margin-top:250px; border:1px solid #000000;}*/
}

#content h1 { font-family: 'menusite'; color:#e3a54d; text-shadow:1px 1px 3px #000000;	font-size:40px; color:#000000; }

#content h1 a{ font-family: 'menusite';	text-decoration:none; color:#e3a54d;   }

#content h1 a:hover{ color: #000000; }

#content h2 .e851 {color:#36b9ed;}
#content h2 .e851:hover {color:#36b9ed; text-shadow: #ffffff 0px 0px 5px; /*font-size:40px;*/}
#content h2 .reprog1  {color:red;}
#content h2 .reprog1:hover {color:red; text-shadow: #ffffff 0px 0px 5px;}
#content h2 .tel  {color:#ffffff;}
#content h2 .tel:hover {color:#ffffff; text-shadow: #ffffff 0px 0px 5px;}

#content a { text-decoration:none; color:#BAFF39;  /*text-shadow:1px 1px 10px #000000; background-color:transparent;*/}
#content a:hover {color:#BAFF39; text-shadow:1px 1px 10px #ffffff; font-weight:bold; /*font-weight:bold;*//*color: #555; text-shadow:1px 1px 10px #000000;*/ }





/*////BOUTON AVIS GOOGLE ECRIRE UN AVIS//////*/
#post-16 .wprevpro_t1_SPAN_5 {color:#ffffff;}
#post-16 .ti-widget a { color:#ffffff; text-shadow:none; background-color:#4285f4; border-color:#4285f4;}
#post-16 .ti-widget a:hover { background-color:#1266f1; border-color:#1266f1; color:#ffffff; text-shadow:none; }
/*////////////////////*/
 


/*#content img {width:auto;}*/

@media (max-width: 990px) 
{
	/*#content img {width:100%;}*/
	#accueil_reprog, #accueil_e85 {width:100%; margin-left: -10px;}
	#accueil_e85 {margin-top:50px;}
	#espaceur {display:none;}
}

/*.sidebar { float: right; width: 250px; }

.sidebar { float: right; width: 225px; margin: 20px 0 20px 25px; }

.sidebar h2 { font-size: 1.2em; }

.sidebar ul{ list-style-type: none; margin: 0; padding: 0 10px; }

.sidebar ul li{}

.sidebar ul ul li{}*/

#footer { font-size: 1em; background:#829c39;  clear: both; width: 100%; }

#footer p{ text-align: right; font-size: 1em; padding: 0 10px 20px 0; }

/*.postmetadata { font-size: 0.8em; color: #999; }

.post_content { font-size: 1em; color: #555; }
.post_content a { color: #006699; }   
.post_content a:hover { color: #fff; background: #006699; }   
.sidebar a:hover { text-decoration: none; border-bottom: 1px dotted; }

.comments-template{ margin: 10px 0 0 0; }   .comments-template ol{ margin: 10px; padding: 0 0 0 15px; list-style: none; }   .comments-template ol p{ font-family: Trebuchet MS, Arial, Hevletica, Sans-serif; font-size: 0.9em; }   .comments-template ol li{ margin: 10px 0 0 0; line-height: 15px; padding: 0 0 10px; }   .comments-template h2, .comments-template h3{ font-size: 1.2em; }   .commentmetadata{ font-size: 0.9em; }   .comments-template p.nocomments{ padding: 0; }   .comments-template textarea{ font-family: Trebuchet MS, Arial, Hevletica, Sans-serif; font-size: 0.9em; }   .cadre_commentaires { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }
*/

/*a { text-decoration: none; color:gray; }
a:hover {color: #555; }*/

/*////////////////////////////////SCROLL TO HAUT///////////////////////////*/
#haut
{
	position: fixed;
	bottom : 10px;
	right: 0px;
	opacity: 0.5;
	/*Display none pour ne pas l'afficher au hcargement de la page*/
	display:none;
	
}

	#haut a:hover
	{
		opacity:0.5;
	}
/*///////////////////////////////////////////////////*/





/*/////////////////FOOTER//////////////////////////*/
#image_foot
{
width:100%;
height:21px;
z-index:50000;
position:absolute;
/*background-image: url("http://lozcom.com/NAMotors/wp-content/uploads/2024/03/NA-MOTORS-footer2.png");*/
/*background-repeat: repeat-x;*/
/*background-position: top;*/
}

#texte_foot { /*margin-top:-34px;*/ /*padding-top:10px; padding-bottom:10px;*/ width:100%; /*background-color:#fcecbd;*/ text-align:center; color:#000000; font-family:"texte"; line-height:100px; font-size:15px; /*position:absolute;*/ -webkit-box-shadow: 0px -6px 6px 0px #A4BD01; 
box-shadow: 0px -6px 6px 0px #A4BD01; /*808080*/
/*background: radial-gradient(#ffffff, #fcecbd);*/
/*background: linear-gradient(0.25turn, #fcecbd, #ffffff, #fcecbd);*/
	/*background-image: url("https://lozcom.com/NAMotors/wp-content/uploads/2024/03/NA-MOTORS-footer2.png");*/
	background-color:#A4BD01;
}

#texte_foot a { text-decoration:none; font-weight:bold; color:#000000;  background-color:#EBF2FA;/*#BAFF39;*/ padding:5px;}
#texte_foot a:hover {color:#000000; text-shadow: #000000 0px 0px 5px; /*color: #555; text-shadow:1px 1px 10px #000000;*/ }
#texte_foot  a.rien  {background-color:none; padding:0px;}
#texte_foot   a:hover.rien {background-color:none; padding:0px;}

#adresse {font-size:16px; line-height:normal; margin-top:40px; width:33%; float:left;}
#facebook {line-height:normal; margin-top:25px; width:33%; float:left; height:220px;}
#liens {line-height:normal; margin-top:25px; width:32%; float:left; text-align:left;padding-left:10px;}
#liens ul {list-style:none;}
#liens ul li {padding-top:15px;}

/*#texte_foot #facebook a {color:#ffffff;}
#texte_foot #facebook a:hover { transform: translateY(10px); }*/
.fa-facebook, .fa-instagram, .logo_foot {color:#000000; transition:transform 0.5s;}
.fa-facebook:hover, .fa-instagram:hover, .logo_foot:hover {transform: translateY(-10px); text-shadow: none;}

hr {width:75%; color:gray; margin-left:auto !important; margin-right:auto !important;}

@media (max-width: 990px) 
{
	#adresse, #facebook,#liens {width:100%;}
}

#left
{
	float:left;
	margin-left:250px;
	padding-right:50px;
	margin-top:55px; 
	margin-bottom:25px;
}
#hrfoot
{
	width:250px;
	visibility:hidden; 
}
#right
{
	float:right;
	margin-right:250px;
	margin-top:25px;
	margin-bottom:25px;
}
#lozcom
{
	vertical-align:middle;
	width:96px;
}

#coord 
{
	width:100%;
	background-color:#ffc95d;
	height:300px; 
	/*box-shadow: 0px 0px 5px 5px grey;*/
	-webkit-box-shadow: 0px -6px 6px 0px #808080; 
box-shadow: 0px -6px 6px 0px #808080;
}

#coordleft { float:left; width:30%;  background-color:#ffc95d; line-height:30px; max-height:300px; }
#coordright {float:right; width:70%;  }

@media (max-width: 961px) 
{
	#coordleft { width:100%; }
#coordright {width:100%;  }
}

@media (max-width: 1180px) 
	{
		#hrfoot
		{
			visibility:visible;
		}
		
		#left
		{
			clear:both;
			margin:0px;
			margin-top:10px;
			padding:0px;
			width:100%;
		}
		#right
		{
			clear:both;
			margin:0px;
			margin-bottom:10px;
			padding:0px;
			width:100%;
		}
		
}

#liens_foot
{
	width:100%; background-color:#ffffff;/*#b5d04d;*/ color:#3e0000; font-family:"menusite"; padding-top:5px; text-align:center;
}

#liens_foot ul  { text-align:center; margin:0;	}
#liens_foot ul li { display:inline;vertical-align:middle;padding:8px;  }
/*//////////////////////////////*/



/*/////////////////////////////////////////TABLEAUX/////////////////////////*/
 * 
#tab_accueil table,#tab_accueil td ,#tab_accueil tr,#tab_accueil th{ border:2px solid #007cba; border-collapse:collapse;/*border-spacing:0;
	border-radius:15%;*/ } 

#tab_laiterie {/*float:left;*/ width:100%;}
#tab_laiterie table,#tab_laiterie th{ text-align:center; border:2px solid #ffffff; border-collapse:collapse; color:white; font-weight:bold;/*border-spacing:0;
	border-radius:15%;*/ } 
#tab_laiterie td {height:50px;}
#tab_laiterie tr { background-color:007cba; border:2px solid #ffffff;}


/*/////////////////////////////////////////////////////////////*/
 
/*////////////////////////////CARTE POINT DE VENTE//////////////////*/
  #map {  
	 padding:0;
	  text-align:center;
    }

/*////////////METTRE CA POUR ADAPTER LA VUE DE LA CARTE SUR MOBILE EN PAYSAGE PORTRAIT ET DE TOUTES LES TAILLESS/////*/
#map svg {padding:0; height:100%; width:auto; max-width:492px; }

@media (max-width: 1000px) 
{
	#map svg {padding:0; height:auto; width:100%;  }
}
/*//////////////*/

    #map path {
      fill:#007cba;
      stroke:#FFFFFF;
      stroke-width:0.6;
      transition: fill 0.2s, stroke 0.3s;
    }
    #map path:hover {
      fill: #ffffff;
      stroke: #007cba;
    }
    #map .separator {
      stroke: #ccc;
      fill: none;
      stroke-width:1.5;
    }
    #map .separator:hover {
      stroke: #ccc;
      fill: none;
    }



#dep {background-color:#007cba; color:#ffffff; font-size:20px; height:100%; position:relative;}

	#dep { text-align:center;
height:auto;	width:100%; margin-bottom:15px;}

#tab_pdv {/*float:left;*/ /**/ display:inline-block; padding:5px; margin:3px; border:2px solid #007cba; background-color:#ffffff;}


/*//////////////////////////////////////////////////////////*/

/*/////////////////////////PHOTOS BOUTIQUE///////////////////////////*/
#photo_bout {float:left; width:48%; margin:1%;}
#photo_bout img {width:100%;}
#photo_lait {float:left; width:31%; margin:1%;}
#photo_lait img {width:100%;}
@media (max-width: 1000px) 
{ 
	#photo_bout, #photo_lait {width:48%; margin:1%;}
	#photo_bout img, #photo_lait img {width:100%;}
}
@media (max-width: 640px) 
{ 
	#photo_bout, #photo_bout img, #photo_lait, #photo_lait img {width:100%; margin:5px;}
}
/*///////////////////////////////////////////////////////////////////////*/
/*//////////LOGO ACCUEIL/////*/
 #logo-accueil
{
	float:left;
}
	@media (max-width: 410px) 
	{
		#logo-accueil
		{
			float:left;
			width:100%;
		}
		#logo-accueil img
		{
			width:100%;
		}
	}
/*/////////////*/
/*///////////2 photos horizontales////*/
#deux {width:49%;
		float:left; 
		padding-left:0.5%;
		padding-right:0.5%;
		padding-top:5%;
		padding-bottom:5%;}

#deux img {width:100%;}

@media (max-width: 410px) 
{ 
	#deux {width:100%;
	padding-top:10%;
	padding-bottom:10%;}
	
	#deux img {width:100%;}
}
/*////////////////////////////*/
 * /*/////////////////<!---CSS POUR RENDRE TABLEAU RESPONSIVE TABLEAU REPSONSIVE/////////////////////////////////*/
 .table-responsive td
{
	padding:5px;
	margin:0px;
	min-width:50px;
	text-align:center;
	border:1px solid black;
}

.table-responsive  th
{ background-color:#e0e0e0; border:1px solid black; }

.table-responsive  tfoot td
{ background-color:#e0e0e0; border:1px solid black; }

@media (max-width: 1060px) {
 #table-responsive {
    width: 100%;
    /*margin-bottom: 15px;*/
    overflow-x: scroll;
    overflow-y: hidden;
	
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
  }
 
}
/*/////////////////////////////////////////*/

/*////////////BOUTON PAGE RANDO///////*/
#div_bouton
{
	width:100%;
}
#content a.bouton
{
	display:inline-block;
	margin:15px;
	padding:15px;
	border:1px solid #000000;
	background-color:#BAFF39; !important
	width:auto;
	min-width:250px;
	border-radius:35px;
	color:#000000;
}

#content a.bouton:hover 
{
	background-color:#EBF2FA;
}

#div_bouton a { text-decoration:none; color:black; text-shadow:1px 1px 10px #000000; background-color:transparent;}
#div_bouton a:hover {color:#ffffff; text-shadow:1px 1px 10px #000000; font-weight:bold; /*color: #555; text-shadow:1px 1px 10px #000000;*/ }
@media (max-width: 860px) {
	#bouton
	{
		width:100%;
		clear:both;
		margin-top:5px;
		margin-bottom:5px;
		margin-right:5px;
		margin-left:0px;
		padding:0px;
		min-width:0px;
	}
}
/*/////////////////////////////////////*/
 
/*////HR SEPARATION///*/
 #separation
{
	width:250px;
}
/*////////*/
 
/*//////////FORMULAIRE DE CONTACT/////*/
 #formulaire
	{
		width:50%; 
		margin-left:auto; 
		margin-right:auto;
	}

/*#image-droite
{
	float:right; 
	margin-right:50px;
}*/

	 #formulaire
	{
		width:100%;
	}
	 /*#image-droite
	 {
	width:100%;
		 text-align:center;
		 margin:0px;
	 }
	 
	 #image-droite img
	 {
		 clear:both;
		 width:100%;
		 max-width:338px;
		 margin:10px;
	 }*/
}
/*//////////////*/
 
/*/////CARTE GOOGLE/////////*/
#carte { width:100%; height:500px;}
#carte-contact { width:100%; height:250px;}

@media (max-width:1282px)/*1240*/ /*1214px) */
{
	#carte {width:100%; height:400px;}
}
/*//////////////*/
 
/*/////CARTE GOOGLE/////////*/
#bison 
{ 
	float:right;
}

@media (max-width: 550px) 
	{
		#bison { 
			float:right; 
			width:100%;
		}
		#bison img { 
			width:100%;
		}
}
/*//////////////*/
 
/*//////////CAPTCHA GOOGLE RECAPTCHA ALIGNER AU CENTRE////*/
 /*form div
{
	width:310px;
	margin-left:auto;
	margin-right:auto;
}*/

@media (max-width: 550px) 
{
		
		 form textarea, form input
		{
		width:100%;
		}
		
}
/*////////////////////////////*/
 





/*//////////////ENLEVER DATE ET CAT2GORIE ARTICLE///////////*/
  .postmetadata{ display: none; }
/*/////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/

 
#lienaccueil
{
width:100%; 
margin-left:auto; 
margin-right:auto;
text-align:center;
}


/*////////////////IMAGES PRESENTATION/////////////////////*/
#imgpres
{
	width:31%; 
	float:left; 
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
	padding-bottom:1%;
	text-align:center;
	display:inline-block;
	

}

#imgpres img
{
	width:200px; 
}


@media (max-width:850px) 
{ 
	#imgpres {width:49%;
		padding-left:0.5%;
	padding-right:0.5%;
	padding-top:0.5%;
	padding-bottom:0.5%;}
	
	#imgpres img {width:100%;}
}

@media (max-width:500px) 
{ 
	#imgpres {width:99%;
		padding-left:0.5%;
	padding-right:0.5%;
	padding-top:0.5%;
	padding-bottom:0.5%;}
	
	#imgpres img {width:100%;}
}
/*////////////////////////////////////////////*/


/*///////////////CSS FORMULAIRE CONTACT//////////////*/
 
#colonne
	{
		float:left;
		width:45%;  margin:2%; 
	}

.input
{
	 width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: none;
  border:2px solid #000000;
	border-radius: 4px;
}

.input:active
{
	border:4px solid #BAFF39 !important; 
	border-radius: 4px;
}
input[type=text], input[type=tel], input[type=email], textarea, .booking_form_div input[type=text],  .form-group.wpbc-form-element-textarea textarea, select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: none;
  border:2px solid #000000 !important;
	border-radius: 4px;
  /*color: white;*/
}

.form-group.wpbc-form-element-textarea textarea {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: none;
  border:2px solid #000000;
	border-radius: 4px;
  /*color: white;*/
}


input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus, textarea:focus, .booking_form_div input[type=text]:focus,   .form-group.wpbc-form-element-textarea textarea:focus, select:focus {

	/*////outline:none super important, permet d'enlever la bordure noire mise d'office par contact form 7 dans /wp-content/plugins/contact-form-7/admin/css/styles.css ligne 57 #submitpost input.delete:focus {	outline: thin dotted; }  il faut donc appeler wphead() dans le head avant notre fichier style.css*/
	outline:none;
  border:2px solid #BAFF39 !important;
	border-radius: 4px;

}

input[type=submit], button {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: none;
  background-color:#BAFF39;
	border-radius: 4px;
  color: #000000;/*#58585a;*/
	font-family:"titre";
	font-size:20px;
}

.wpbc_container .wpbc_button_light, .wpbc_container.wpbc_container_booking_form .wpbc_button_light {
/*  width: 100px !important;
  padding: 12px 20px !important;
  margin: 8px 0 !important;*/
  box-sizing: border-box !important;
  border: none !important;
  background-color:#BAFF39 !important;
	border-radius: 4px !important;
  color: #000000 !important;/*#58585a;*/
	font-family:"titre";
	font-size:20px;
	box-shadow:none !important;
}

.wpbc_container .wpbc_button_light:hover, .wpbc_container.wpbc_container_booking_form .wpbc_button_light :hover {

  background-color:#EBF2FA !important;
	border-radius: 4px !important;
  color: #000000 !important;/*#58585a;*/
	font-family:"titre";
	font-size:20px;
}

input[type=submit]:hover, .wpbc_container .wpbc_button_light, .wpbc_container.wpbc_container_booking_form .wpbc_button_light:hover, button:hover {
	cursor: pointer;
  background-color:#EBF2FA;
	border-color:#BAFF39;
	border-radius: 4px;
	/*border:2px solid #f49f28;*/
  color: #000000;/*#58585a;*/
	font-size:20px;
}

.wpdevelop label {font-weight:normal; font-family:"titre";}

@media (max-width: 1054px) 
{
	#colonne
	{
		float:left;
		width:100%;
	}
}
/*////////////////////////////////////////////////*/


/*/////////////////police cookies complianz/////////////////*/
#cmplz-cookiebanner-container {font-family:"texte";}

#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose, #cmplz-document .cmplz-dropdown .cookies-per-purpose, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose { color:#000000; }

#cmplz-document
{
	max-width:unset; /*////programmé à 700px dans les CSS de complianz il faut appeler notre css aprés wp_head() ///*/
	width:90%;
	margin-left:auto;
	margin-right:auto;
	font-family:"texte";
	font-size:19px;
}
 


/*/////////////VIDEO YOUTUBE////////////*/
#youtube {float:right; padding:15px; height:650px; width:560px; max-width:560px;}
#youtube iframe {width:100%; height:315px; max-width:560px;}

@media (max-width:1282px)/*1240*/
{
	#youtube {float:none; padding:0; height:auto; width:100%; margin-left:auto; margin-right:auto; max-width:560px;  }
	#youtube iframe {width:100%;  height:auto;}
}


/*//////////////////VIDEO HTML5//////////////*/
#background-video {
height: 75%;/*vh;*/
width: 100%;/*vw;*/
object-fit: cover;
/*position: fixed;*/
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
}

#conteneur_video
{
	width:100%;
	margin-top:117px;
	transition: all 0.5s ease-out; 
}

#slogan_video 
{
	position:relative;
	top:-200px; 
	text-align:center; 
	color:#ffffff; 
	font-family:'titre'; 
	font-size:20px; 
	text-shadow: #000000 1px 0 10px;
}

#btnVideo{

background: 0;
border: 0;
transform: translateX(-50%);
color:#ffffff; 
font-family:'titre'; 
text-shadow: #000000 1px 0 10px;
}


/*////////////////////////////////////////*/

/*///////////////////DIAPORAMA PHOTOS///////////////*/
#envirabox-wrap {top:0;}

/*//////////////////////IFRAME REPROGRAMMATION/////////*/
#frame
{
width:100%;
height:100%;
min-height:1000px;
	/*background-color:gray;*/
}

/*iframe  {background-color:#1f2226;}*/

@media (max-width: 990px) 
{
	#frame
	{
		min-height:1500px;
	}
}



#service_contact
{
	text-align:center;
}

#service_contact .contact 
{ 
	float:left;
	width:42%;
	text-align:center;
	text-decoration: none;
	padding:1%;
	margin:3%;
	font-size: 1.1em;
	color: #000000;
	
	background-color: #FF0000;/*#ff9006;*/
	box-shadow: 3px 3px 12px #000000;
	-webkit-box-shadow: 3px 3px 12px #000000;
	-moz-box-shadow: 3px 3px 12px #000000;
}

#service_contact .contact:hover
{ 
	color: #272727;
	background-color: #000000;/*#fcecbd;*/
}


#booking_form_div1 .wpbc_booking_form_simple .wpbc__form__div .wpbc__row:not(.wpbc_r_calendar) { max-width:100%; }