@charset "utf-8";
/*
Theme Name: TAXI FLO
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 FLO
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: 'menusite';
	src: url('fonts/PAPYRUS.eot');
	src: local('☺'), url('fonts/PAPYRUS.woff') format('woff'), url('fonts/PAPYRUS.ttf') format('truetype'), url('fonts/PAPYRUS.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'h2';
	src: url('fonts/MyriadPro-Bold_0.eot');
	src: local('☺'), url('fonts/MyriadPro-Bold_0.woff') format('woff'), url('fonts/MyriadPro-Bold_0.ttf') format('truetype'), url('fonts/MyriadPro-Bold_0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



@font-face {
	font-family: "texte";
	src: url('fonts/MyriadPro-Regular_0.eot');
	src: local('☺'), url('fonts/MyriadPro-Regular_0.woff') format('woff'), url('fonts/MyriadPro-Regular_0.ttf') format('truetype'), url('fonts/MyriadPro-Regular_0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

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


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





body {  text-align: left; background: #ffffff;  margin: 0; /*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;
	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:23%;/*auto;*/ margin-right:auto; width:100%; /*max-width:150px;*/max-width: 82px; }
#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.5s ease-out;  display:table; margin: 0 auto; width:10%; /*width:150px; border:1px solid red; */}
#divlogo {width: 100%; margin-left:auto; margin-right:auto; transition: all 0.5s ease-out; /*border:1px solid green;*/}
#logoimg { transition-property: opacity height;
   transition: all 0.5s ease-out;  max-width:120px; margin-top: 25px;
  position: absolute;  /*border:1px solid black; */ 
	/*/EFFET LOGO ET MENU DESCENDE*/
	/*transform: translatex(-200px);*/ }
#logoimg_foot { transition-property: opacity height;
   transition: all 0.5s ease-out;  max-width:120px; margin-top: 25px;
    /*border:1px solid black; */ 
	/*/EFFET LOGO ET MENU DESCENDE*/
	/*transform: translatex(-200px);*/ }

#logo2 { float:right; /*padding-top:5px; padding-bottom:5px;*/ /*margin-top:30px;*/  padding-right:5%; transition: all 0.3s ease-out;  display:table; margin: 0 auto; width:10%; /*width:150px; border:1px solid red;*/ }
#divlogo2 {width: 100%; margin-left:auto; margin-right:auto; transition: all 0.5s ease-out; /*border:1px solid green;*/}
#logoimg2 { transition-property: opacity height;
   transition: all 0.5s ease-out;  max-width:120px; float: right; /*/EFFET LOGO ET MENU DESCENDE*/
	/*transform: translatex(200px);*/  /*border:1px solid black; */ }


#titre {float:left; width:100%;/*70%;*/ text-align:center;  font-family:"titre"; font-size:40px; height:120px; transition: all 0.5s ease-out; /*/EFFET LOGO ET MENU DESCENDE*/
	/*transform: translateY(-160px);*/  /*border:1px solid blue;*/margin-left:-15%; text-shadow: #000000 5px 5px 10px;}
#titre a { text-decoration:none; color:#ffffff;}

#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;*/ margin-left:-15%;}
#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;  }




/*///////////////////////////////////////////////////////////MENU////////////////////////////////////////////*/
/*//permet au texte au dessus du menu d'étre selectionné et de cliquer sur le numéro de telephone////*/
#dessus_menu {margin-top:150px; transition: all 0.5s ease-out; }

#menu
{ 
	width:100%;
	position:absolute;
	margin-top:0px;
	display:inline-block;
	/*//meme hauteur height et line height*/
	/*height:150px;*/
	line-height:65px;/*46*/
	margin:0;
	padding:0;
	/*/////////////*/
	/*background-color:#221e1f;*/ /*#ffc95d;*/
	background-image: url("https://taxiflo48.com/wp-content/uploads/2024/05/Mercedes-St-Alban-Taxi-Flo.jpg"); /*https://www.taxiflo48.com/wp-content/uploads/2024/05/IMG_0742-scaled.jpg");*/ /*https://www.taxiflo48.com/wp-content/uploads/2024/05/IMG_2722-1-scaled.jpg");*/
	background-position: 50% 66%;
	background-size: cover;
	
	
	
	/*/////taxiflo////*/
	/* background-image: radial-gradient(circle, #000000, #303030, #5e5d5d, #8f8f8e, #c3c5c4);*/
	
	/*////instagram 2////*/
	/*background-image: radial-gradient(circle, #8e4291, #9c3f8f, #a93c8b, #b53886, #c13580, #d03578, #de386f, #e93e64, #f74e54, #ff6241, #ff792b, #ff9006);*/
	
	/*/////instagram 1///*/
	/* background-image: radial-gradient(circle, #ff9006, #ff792b, #ff6241, #f74e54, #e93e64, #de386f, #d03578, #c13580, #b53886, #a93c8b, #9c3f8f, #8e4291);*/
	
	/*//rouge linear rouge////*/
	  /*background: rgb(242,46,43);
background: linear-gradient(90deg, rgba(242,46,43,1) 0%, rgba(4,4,4,1) 50%, rgba(242,46,43,1) 100%); */
	/*///////*/
	
	/*///rouge//*/
	 /*background: rgb(0,0,0);
background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(242,46,43,1) 50%, rgba(4,4,4,1) 100%); */
	/*///////////*/
	
	/*///jaune//*/
	/* background: rgb(0,0,0);
background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(252,236,189,1) 50%, rgba(4,4,4,1) 100%); */
	/*///////////*/
	 
	
	font-family: 'titre';
	font-size:16px;
	/*nt-weight:bold;*/
	z-index:0;
	transition: all 0.5s ease-out; 
	box-shadow: 0px 5px 5px #000000; 
	
}   



    
 #menu ul 
 {
	 /*///aligne le menu au centre///*/
	 text-align:center; 
	 
	/* background-color:#221e1f;*/
	
	 /*padding-left:350px;*/
	/* padding:0px; */
	/*TAILLE DU MENU*/
	 width:100%;/*80%;*/
	 /*////OBLIGATOIRE margin-top:0px; SINON GROS BUG DANS MENU*/
	 margin-top:0px;
	 /*////////////////*/
	 margin-left:auto;
	 margin-right:auto;
	 margin-bottom: 0;
	 padding-left:0;
	 /* float:right;*/
	 clear:both;
	/* transition: all 1s ease-out; */
	/* opacity:0;*/
	
	 
	
 }
	
/*/premier niveau li menu*/
#menu li  
{ 
	display:inline-block; 
	/* border:1px solid red;*/
	
	/*background-image: url("https://www.taxiflo48.com/wp-content/uploads/2023/11/taxiflo-menu.png");*/
	/*background-image: url("http://www.taxiflo48.com/wp-content/uploads/2024/06/menu-taxi-flo.png");*/
	/*background-image: url("https://www.taxiflo48.com/wp-content/uploads/2024/06/menu-borne-taxi-flo.png");*/
	/*background-image: url("https://www.taxiflo48.com/wp-content/uploads/2024/06/borne-taxi-flo2.png");*/
	background-image: url("https://www.taxiflo48.com/wp-content/uploads/2024/07/borne-taxi-flo2_ombre.png");
	/*background-color: rgba(255, 255, 255, .5);*/
	/*background: rgb(137,235,4,.5);*/
	
	font-weight:bold;
	
	background-size:100%;
	background-repeat:no-repeat;
	width:auto;
	border-radius:5px;
	min-width:140px;
	/*transition: all 3s ease-out; */
	/*border:1px solid red;*/
} 

#menu li :hover
{
	/*margin-top:-5px;*/
	transition: all 0.3s ease-out; 
	color:red;
	/*background: rgb(137,235,4,.5);*/
	/*background-image: url("http://www.taxiflo48.com/wp-content/uploads/2024/06/menu-taxi-flo.png");
	background-size:100%;
	background-repeat:no-repeat;*/
	
	
	/*background-color: rgba(255, 255, 255,1);*/
}
 
/*///deuxieme niveau sous menu ul*/
#menu li ul  
{/*display:none; */
margin:0;
padding:0;
width: 135px; /*220px;*/
line-height:65px;/*46*/
	text-align:center;
position:absolute;
	color:#000000;
/*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:#000000; 
	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;*/
	  } 

/*///couleur des liens 2eme niveau*/     
	#menu li li a 
{
color:#000000; 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:135px; text-align:center; /*transition:all 0.5s;*/  } 
  
/*//lien hover*/      
#menu li a:hover 
{
 text-shadow: #000000 1px 0 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; 
} 

/*//////////ENLEVER ICONE TAXI jaune DANS SOUS MENU/////////////*/
#menu ul li ul li {/*background: radial-gradient(#ffffff, #fcecbd);*/
/*background: linear-gradient(0.25turn, #fcecbd, #ffffff, #fcecbd);*/
/*background-color: rgba(255, 255, 255, .5);*/
	/*background-color: rgba(255, 255, 255, .5);*/
	
	background-size:100%;
	background-repeat:no-repeat;
	}
 
/*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;
 	
}*/



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






/*//////////////////////////////////////////////////////////////////////MENU HAMBURGER//////////////////////////////*/
#menu_responsive{
	width:100%;
	height:197px;/*145px;*/
	/*///////*/
	/*background-color:#000000;*/
	/*/////////////*/
	 
	
	/*/////////////*/
	background-color:#221e1f; /*#ffc95d;*/
	background-image: url("https://www.taxiflo48.com/wp-content/uploads/2024/05/Mercedes-St-Alban-Taxi-Flo.jpg"); /*https://www.taxiflo48.com/wp-content/uploads/2024/05/IMG_0742-scaled.jpg");*/ /*https://www.taxiflo48.com/wp-content/uploads/2024/05/IMG_2722-1-scaled.jpg");*/
	background-position: 50% 60%;
	background-size: cover;align-content
	/*////////////////*/
	
	z-index:50000;
	position:fixed;
	display:none;	
	box-shadow: 10px 5px 5px #000000;
	/*margin-top:-16px;*/
	padding:0;
	top:0;left:0;right:0;
	}


#hamburger
{
 /* display:block;*/
 /*clear:both;*/
  width:40px;
	height:40px;
	margin-top:-25px;/*-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://lapasserelle48.fr/wp-content/uploads/2022/10/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: rotate(20deg);
	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:17px;
	width:250px;/*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:60px;*/
	/*/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(-250px);
	/*////////////*/
}


#menu2 ul { text-align:center; margin:0px;  }


/*/premier niveau li menu*/
#menu2 li  
{ 
display:block;
background-color:#000000;
} 
 
/*///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 li 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:7px;
	padding-bottom:7px;
	/*////animation du lien*/
	transition: all 0.5s ease-out;
	  } 

#menu2 li a:hover
{
color:red; 
	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;
	/*////animation du lien*/
	background-color:#ffffff;
	transition: all 0.5s ease-out;
	  } 

/*///couleur des liens 2eme niveau*/     
	#menu2 li li a 
{
	/*background: radial-gradient(#ffffff, #fcecbd);*/
/*background: linear-gradient(0.25turn, #fcecbd, #ffffff, #fcecbd);*/
color:#000000; 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 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 {
       /* border: 1px solid #fff;*/ background-color:#ffffff; color:red; transition: background-color 0.5s ease-out; cursor:pointer;
      }

/*///Menu 2eme niveau quand il y a un sous menu normal. */
#menu2 .show-submenu:checked  + ul li a
      {background-color:#858585; color:#000000; 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 {
         color:red; background-color:#ffffff; 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%;
			}
/*////////////*/



/*///////LOGO PAGE ACCUEIL TAXI//////////////////////*/
#logo
{
	text-align:center;	
}


.fa-road, .fa-taxi, .fa-clipboard, .fa-euro-sign, .fa-handshake, .fa-camera, .fa-star, .fa-envelope, .fa-mobile-screen-button, .fa-tag
{
	font-size:100px;
	text-align:center;
	/*////orange///*/
	color:#ff9006;
	/*////////rouge////*/
	/*color:#f22e2b;*/
}

.fa-road:hover, .fa-taxi:hover, .fa-clipboard:hover, .fa-euro-sign:hover, .fa-handshake:hover, .fa-camera:hover, .fa-star:hover, .fa-envelope:hover, .fa-mobile-screen-button:hover, .fa-tag:hover
{
	font-size:100px;
	
	color:#fcecbd;

	text-align:center;
}
/*/////////////////////////////*/

/*///////LOGO PAGE TARIFS//////////////////////*/
 .fa-cc-visa, .fa-cc-mastercard, .fa-cc-apple-pay, .fa-cc-paypal, .fa-coins, .fa-credit-card, .fa-money-check-dollar
{
	font-size:40px;
}

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

/*//////////////////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:"titre"; font-size:19px; letter-spacing: 1px; color:#000000; /*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:220px; /*background-color:rgba(255, 255, 255, 0.7*/); }  

#content h1 {text-align:center;}

#post-15 /*///PERMET DE REMONTER LE TEXTE DE LA PAGE ACCUEIL SOUS LA VIDEO/////*/
{
	margin-top:-155px;
}

/*/////AVIS GOOGLE POUR QUE L'iMAGE NE SOIT PAS ETIRÉ EN VERSION MOBILE et PC*/
#content #wprev-slider-1 img {width:unset;}

/*////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:1289px) /*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:195px;
	}*/
	
	.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%;
	}
	
}

@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: 'titre'; text-decoration:none; color:#000000; /*text-shadow:1px 1px 10px #000000;*/ background-color:transparent;}

#content h1 a{ font-family: 'titre';	text-decoration:none; text-decoration:none; color:#000000; /*text-shadow:1px 1px 10px #000000;*/ background-color:transparent; }

#content h1 a:hover{ color:#000000; text-shadow:1px 1px 10px #000000; }

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

#content .wprs_rd_more {text-decoration:none; color:#ff0000; font-weight:bold;}
#content .wprs_rd_more:hover {text-decoration:none; color:#EF7F7F; font-weight:bold;}


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


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

@media (max-width: 930px) 
{
	#content img {width:100%;}
}

/*.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("https://www.taxiflo48.com/wp-content/uploads/2024/01/fond_bas.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:"footer"; 
	line-height:25px; font-size:15px; /*position:absolute;*/ -webkit-box-shadow: 0px -6px 6px 0px #808080; 
box-shadow: 0px -6px 6px 0px #808080; 
/*background: radial-gradient(#ffffff, #fcecbd);*/
/*background: linear-gradient(0.25turn, #fcecbd, #ffffff, #fcecbd);*/
	
	/*background: rgb(252,236,189);
background: radial-gradient(circle, rgba(252,236,189,1) 50%, rgba(0,0,0,1) 100%); */
	/*///vert seulk///*/
	 
	 /*//couleur pomme//*/
	 /*background-color:#a7c957;*//*#A1D6B0;*//*#C8D6A2;*//*#B7CE66;*//*#C7DDC5;*//*#C9E3CC;*//*#E2E9C0;*//*#ECF8F6*/
	
	/* background: rgb(226,233,192);
background: radial-gradient(circle, rgba(226,233,192,1) 50%, rgba(167,201,87,1) 100%); */
	
	 background: rgb(167,201,87);
background: radial-gradient(circle, rgba(167,201,87,1) 0%, rgba(226,233,192,1) 100%); 
	
	/*////vert ///*/
	  /* background: rgb(226,233,192);
background: radial-gradient(circle, rgba(226,233,192,1) 10%, rgba(122,169,92,1) 100%); */
	
	/*//ORANGE jaune///*/
	/* background: rgb(252,236,189);
background: radial-gradient(circle, rgba(252,236,189,1) 50%, rgba(255,141,0,1) 100%); */
}

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

#adresse {font-size:20px; line-height:normal; margin-top:40px; width:33%; float:left;}
#facebook { font-size:20px; line-height:normal; margin-top:40px; width:33%; float:left;}
#plan{width:33%; float:left; margin-top:40px; line-height:normal;}
#plan ul {list-style-type:"- "; text-align: left;  padding-left: 40%;  padding-top: 10px; line-height:18px;}
#plan ul.menu { /*margin-top: -45px;*/}
#plan ul.sub-menu { padding-left: 25px; /*margin-top: -11px;*/}
#texte_foot #facebook a {color:#000000;}
#texte_foot #facebook a:hover {color:blue;}

hr {width:75%; color:gray;}

@media (max-width: 1022px) 
{
	#adresse, #facebook, #plan {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;}


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


/*//////////TARIF PREF////////////*/
.tarif-pref {border:1px solid #000000; padding:5px;}

/*///////////////////////////////*/
 
/*////////////////////////////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%;
}
#bouton
{
	display:inline-block;
	margin:15px;
	padding:15px;
	border:1px solid #000000;
	background-color:#99cc00;
	width:auto;
	min-width:250px;
}

#bouton:hover
{
	background-color:gray;
}

#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;}

@media (max-width:1289px) /*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%;}
}

@media (max-width: 781px) 
{
div .blason img {max-width:150px;}
}
/*////////////////////////////////////////////*/


/*///////////////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:4px solid #000000;/*#fbecc2;*/
	border-radius: 4px;
}

.input:active
{
	border:4px solid #FF0000;
	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, .booking_form_div select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: none;
  border:4px solid #000000 !important;/*#fbecc2;*/ 
	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:4px solid #000000;/*#fbecc2;*/
	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, .booking_form_div 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:4px solid #FF0000 !important;
	border-radius: 4px;

}

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

.wpbc_container .wpbc_button_light, .wpbc_container.wpbc_container_booking_form .wpbc_button_light {
  width: 100px;
  /*padding: 12px 20px;
  margin: 8px 0;*/
  box-sizing: border-box;
  border: none;
  background-color:#000000;
	border-radius: 4px;
  color: #ffffff;/*#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 {
	cursor: pointer;
  background-color: #FF0000;/*#fbecc2;*/
	border-color: #FF0000;/*#fbecc2;*/
	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%;
	}
}

#div_google .google {
text-decoration: none;
padding: 10px;
font-size: 1.1em;
color: #FFFFFF;
background-color: #1f497d;
box-shadow: 3px 3px 12px #000000;
-webkit-box-shadow: 3px 3px 12px #000000;
-moz-box-shadow: 3px 3px 12px #000000;
}


#div_google .google:hover {
padding: 10px;
color: #ffffff;
background-color: #000000;
}

#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;*/
}

#content .contact 
{ 
	
	text-decoration: none;
	padding:1%;
	margin:3%;
	font-size: 1.1em;
	color: #000000;
	background-color: #ff0000;
	box-shadow: 3px 3px 12px #000000;
	-webkit-box-shadow: 3px 3px 12px #000000;
	-moz-box-shadow: 3px 3px 12px #000000;
}

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

#content .accueil 
{ 
	
	text-decoration: none;
	padding:1%;
	margin:3%;
	font-size: 1.1em;
	color: #ff9006;;
	text-shadow: 1px 1px 2px #000000;
}

#content .accueil:hover
{ 
	color:  #fcecbd;
	
}


#captcha_img1 {max-width:72px;}

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


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

#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:1289px)
{
	#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: 100%;*//*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:165px;
	transition: all 0.5s ease-out; 
}

@media (max-width: 1289px)  and @media (max-width: 783px) 
{
		#conteneur_video
	{
		width:100%;
		margin-top:147px;
		transition: all 0.5s ease-out; 
	}
}

	@media (max-width: 783px)  and @media (max-width: 0px) 
	{
			#conteneur_video
		{
			width:100%;
			margin-top:133px;
			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;}