*{box-sizing: border-box;}

/*----------------------------general--------------width:1024px;margin:auto;--  background:#ece6ca;            -*/
body{font-size:100%;color:#032337;text-align:center;font-family: Verdana, Cambria, Candara; background-image:linear-gradient(to right,#fffefc, #c2bdb2 );}/*Open Sans Condensed Light 300'*/
section,  header, footer {width:100%;padding:.5%;background-image:linear-gradient(to right,#fed7a6, #d3a367 );border-right:2px solid #032337;box-shadow: 10px 10px 5px #a0a0a0;display: block;color:#032337;}
img{
	width:100%;
}
a{color:#032337;text-decoration:none;}
/*-------------------------footer--------------------------*/
.marques{display: inline-block;width:60px;text-align: center;height:76px;overflow:hidden}
 a.img_marque{text-decoration: none;font-size:60%;padding: 2px;color:#032337;} 
.img_marque img{border:1px outset #745919;margin:auto; width:98%;margin-left:5px;}
.img_marque img:hover{border:1px inset #9b7b36;}

/*-----------------------entete-----inline-table-----------------------*/
.bandeau{width:95%;margin:auto;}
.entete1{display:table-cell;}
#logo_site{width:20%;min-width:15em;}
#logo_site img{width:90%;margin:auto;}
.h_gauche{display:table-cell;width:60%;vertical-align:top;}
nav.entete2{}
#logo_mail{display:table-cell;width:10%;min-width :6em}
#logo_mail{width:90%;margin:auto;}
/*#logo_mail img{width:60px;}*/
.caddy{background:#ffffff;width:80%;margin:auto;}
.caddy:hover{zoom:110%;transform: scale(1.05,1.05);-ms-transform: scale(1.05,1.05); /* IE 9 */-webkit-transform: scale(1.05,1.05); /* Safari and Chrome */ }
	

.goog-te-combo{ border:2px solid #48936f;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;	
    border-radius:8px;}
.grand_ecran a,.href,.ul2 li a,li a{
	font-size: 1.4rem;
}
/**********************************menu********************************/
/*.fleche{display:none;}*/
.sf-menu{}
.sf-menu{width:100%;position:relative;float:right}
.fleche{float:right}
.sf-menu * {font-weight: 500;}
.sf-menu, .sf-menu * {margin: 0;padding: 0;list-style: none;position:relative;color:#032337;}

.sf-menu li {
	position: relative;margin-right:4px;   
 	border:1px solid #48936f;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;	
    border-radius:8px;
}
.sf-menu ul {position: absolute;top: 100%;left: 0;z-index: 99;}
.sf-menu ul {display: none;}
/*.sf-menu > li {float: left;}*/

.sf-menu li:hover > ul{display: block;}


.sf-menu a {display: block;position: relative;}
.sf-menu ul ul {top: 0;left: 100%;}
.sf-menu {float: left;margin-bottom: 1em;}
.sf-menu ul {box-shadow: 2px 2px 6px rgba(0,0,0,.2);min-width: 12em; *width: 12em;}
.sf-menu .href{box-shadow: 2px 2px 6px rgba(0,0,0,.2);padding: .5em 1em;background:#ffffff ;border-radius: 4px;box-shadow: 0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15);}
.sf-menu a {padding: .5em 1em;text-decoration: none;border-bottom: 1px solid #755910;}
.sf-menu li a{white-space: nowrap;*white-space: normal; -webkit-transition: background 1s;transition: background 1s;}
.sf-menu li a {background:#ffffff;border-radius: 4px;box-shadow: 0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15);}

li a:hover,.sf-menu ul li:hover,.sf-menu ul ul li:hover{background:#815115 ;color:#ece9e3;border:1px solid #755910;border-radius: 4px;}

	.sf-menu  a{
		display:block;width:100%;
	}
	.sf-menu > li {width:95%;}
	.sf-menu li:hover > ul,.sf-menu li.sfHover > ul {width:auto;}

.sf-menu ul li a {background:#D7A76B;}
.sf-menu ul li a:hover {background:#815115;}
/*--------------adherent-------------------*/
#inscrit{
	width:100%;
}
.deja_inscrit{
	width:50%;
	margin:auto;
	min-width: 25em;
    border:2px solid #48936f;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;	
    border-radius:8px;	
}
.deja_inscrit input{    
	border:2px solid #48936f;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;	
    border-radius:8px;}
.deja_inscrit label,.deja_inscrit input{
	display: inline-table;
}
#saisie_adherent{
	width:60%;
	margin:auto;
	text-align:left;
	max-width:30em;
}
#saisie_adherent label {
	display:inline-block;
	padding:.5em;
	width:40%;	
}
#saisie_adherent input,#saisie_adherent select{float:right;}
#saisie_adherent input[type="submit"]{float:left;color:red;text-align:center;}

/*---------------------article page 1---------------------------*/
.table_sommaire{
	width:98%;
	margin:auto;
}
#table_sommaire img{width:80%;margin:auto;}
.ct img{
	width:5%;
	vertical-align:middle;
	min-width: 32px;
}

.unecolonne{
	text-align:justify;
	margin:auto;
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	-webkit-column-gap: 2em; /* Chrome, Safari, Opera */
    -moz-column-gap: 2em; /* Firefox */
    column-gap: 2em;
}
.deuxcolonnes{
	text-align:justify;
	margin:auto;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	-webkit-column-gap: 2em; /* Chrome, Safari, Opera */
    -moz-column-gap: 2em; /* Firefox */
    column-gap: 2em;	
}
.troiscolonnes{
	text-align:justify;
	margin:auto;
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
	-webkit-column-gap: 2em; /* Chrome, Safari, Opera */
    -moz-column-gap: 2em; /* Firefox */
    column-gap: 2em;	
}
.quatrecolonnes{
	text-align:justify;
	margin:auto;
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
	-webkit-column-gap: 2em; /* Chrome, Safari, Opera */
    -moz-column-gap: 2em; /* Firefox */
    column-gap: 2em;	
}
.col_1,.col_2,.col_3{margin-top:5px;}
.col_1 img,.col_2 img,.col_3 img{padding:10px;}
.col_1 p,.col_2 p,.col_3 p{text-align: justify;}
.col_1 div, .col_2 div, .col_3 div{margin:auto;}
.col_1 p,.col_2 p,.col_3 p {width:100%;clear:both;}
.col_1 {
  	width: 96%;
  	float: left;
	text-align: center;
	margin: 1%;
	padding: 1%;

}
.col_2 {
  	width: 46%;
  	float: left;
	text-align: center;
	margin: 1%;
	padding: 1%;	
}

.col_3 {
  	width: 31%x;
  	float: left;
	text-align: center;
	margin-left: .5%;
	padding: .5%;
	
}

.clearboth{
	height:10px;
	clear:both;
	width:100%;
}
.reduc_sur_tout {
  animation: blinker 2s linear infinite;
	color:#ff0000;
	background:#ffffff;
	text-align:center;
	font-size:150%;
		border:1px solid red;
	width:28em;
	margin:auto;
	margin-top:1em;
	margin-bottom:1em;
}


.chapo {
  animation: blinker 1s linear infinite;
	color:#ff0000;
	background:#ffffff;
	text-align:center;
	font-size:110%;
	border:1px solid red;
	border-radius:4px;
	width:40%;
	margin:auto;
	margin-top:.1em;
	margin-bottom:.1em;
}
@keyframes blinker {  
  50% { opacity: 0.0; }
}
/*----------------------------soldes---------------------------*/
/*.solde_equ{background:#fff9ed;width:30em;display:inline-table;height:230px;margin:.1em;}*/
.solde_equ{background:#fff9ed;width:30%;min-width:20em;display:inline-table;height:230px;margin:.1em;}
.solde_equ img{max-width:160px;float:left;margin:0.2em;}
/*.solde_bat{background:#fff9ed;width:30em;display:inline-table;height:230px;margin:.1em;}*/
.solde_bat{background:#fff9ed;width:30%;min-width:20em;display:inline-table;height:230px;margin:.1em;}
.solde_bat img{max-width:300px;float:left;margin:0.2em;}
 img {
	width:50%;
	margin:auto;
	margin-bottom:1em;
}
.solde_equ h2,.solde_bat h2{font-size:100%}
/*titre_solde{width:80%;margin:auto;padding-top:1em;padding-bottom:1em;margin-bottom:1em;}*/
.titre_solde .titre{
	font-size:700%;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color:white;
	border-top:1px solid red;
	border-bottom:1px solid red;
	width:70%;
	margin:auto;	
}
.profite{
	font-size:2em;
	color:white;
	background:red;
	width:25%;
	margin:auto;
	margin-top:1em
}

/*---------------------------rubrique--------------------------*/

h1.titre_equipement ,.equipement h1,.equipement h2,.equipement h3,.plan-site h1{font-family:FeF;font-weight:900;
 	width:80%;padding:.5em;border:2px solid #032337;margin:auto;margin-top:.5em;margin-bottom:1.5em;border-radius:10px;box-shadow: 1px 10px 5px #888888;text-align:center;}
 h1.titre_equipement {background:#d2cdc1;}

.equipement h1,.equipement h2,.equipement h3,.plan-site h2{font-weight:800;width:80%;padding:.3em;border:1px solid #032337;box-shadow: 5px 5px 3px #888888;}
.equipement a,.plan-site a{text-decoration: none;font-size:75%;} 
.equipement h2,.plan-site h2{font-size:110%;}
.equipement{font-size:1.5em;border:1px solid #FEF9EB;padding:.2em;margin:.2em;border-top-right-radius:20px;border-bottom-left-radius:20px;text-align:left;background: #d2cdc1;min-height:18em;
   -webkit-transition: all .6s ease-in;
    -moz-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
    transition: all .6s ease-in;	
}
.equipement:hover,.equipement a:hover{
   background:#8c7341;
	color:#ece9e3;border-radius:20px;
	transform: scale(1.02,1.02);
	-ms-transform: scale(1.02,1.02); /* IE 9 */
	-webkit-transform: scale(1.02,1.02); /* Safari and Chrome */
}


.equipement .htitre{height:9em;}

.equipement.boitebas{border:2px solid blue;}
.equipement{max-width:250px !important;height:27em !important;display:inline-table;}
.equipement img{display:block;max-width: 200px;}
.bouton{border:2px outset #745919;width:6em;margin:auto;border-radius:5px;}
.bouton:hover{border:4px outset #745919;width:6em;margin:auto;border-radius:5px;}
/*--------------------------footer-------------------*/
.texte_fin{margin:auto;width:96%;}
/*--------------------------page info--------------------*/
.condition_ventes{
	text-align:justify;
	width:96%;
	margin:auto;
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
	-webkit-column-gap: 1em; /* Chrome, Safari, Opera */
    -moz-column-gap: 1em; /* Firefox */
    column-gap: 1em;
}
/*
#map_clem{
	width:45%;
	display:inline-block;
	margin-right:1em;
	margin-top:1em;
}
#photo_clem{
	width:45%;
	display:inline-block;
	margin-left:1em;
}
#contact{
	width:450px;
	display:inline-block;
	margin-right:1em;
	margin-top:1em;
}
#meteo{
	width:450px;
	display:inline-block;
	margin-left:1em;

}
.cartemeteo{margin:auto;}
.contact{
	padding-top:2em;
	padding-bottom:2em;
	width:100%;
	margin:auto;

}
*/
.contact:nth-child(even) {background: #fef9ed}
.contact:nth-child(odd) {background: #cfc784}
/*--------------------aide au choix-------------------------*/
.container{display:flex;flex-wrap:wrap;font-size:1.5rem}
.plan-site h2{border:1px outset #032337;display:inline-block;background:#fffefc;padding:.3em;margin:auto;width:50%;font-size:1.2rem;}
.plan-site h3{border:1px outset #fff2fc;background:#d78f35;padding:.3em;margin:auto;color:#fff2fc;width:45%}
.plan-site h2 a:hover{border:1px inset #032337;zoom:110%;transform: scale(1.05,1.05);-ms-transform: scale(1.05,1.05); /* IE 9 */-webkit-transform: scale(1.05,1.05); /* Safari and Chrome */ }
.plan-site h3{border:1px outset #032337;font-size:1.2rem;}
.plan-site h3:hover{border:1px inset #fff2fc;zoom:110%;transform: scale(1.05,1.05);-ms-transform: scale(1.05,1.05); /* IE 9 */-webkit-transform: scale(1.05,1.05); /* Safari and Chrome */ }
.art1{background:#b56e14;text-align:center;margin:.5em;padding:.2em;width:25em;display:inline-block}
.art1:hover{border:1px inset #fff2fc;zoom:110%;}
/*------------------divers-------------------*/
.envert{color:green;}
.enbleu{color:blue;}
.enrouge{color:red;}
.engras{font-weight:bold;}
.souligne{text-decoration:underline;}
.barre{text-decoration:line-through;}
.font07{font-size:0.7em;}
.font08{font-size:0.8em;}
.font09{font-size:0.9em;}
/*---------------------petit_ecran------------------------------*/
.petit_ecran{display:none;}
@media only screen and (max-width: 70em) {
.condition_ventes{
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
  -webkit-column-gap: 1em; /* Chrome, Safari, Opera */
    -moz-column-gap: 1em; /* Firefox */
    column-gap: 1em;    
}	
}
@media only screen and (max-width: 50em) {
  #logo_mail{width:30%;margin:auto;}

	/*------------------page1-------------*/
	#table_sommaire img{width:90%}
	/*--------------page rubrique----------------------*/
	#util{display:none;}
	/*----info 3 colonnes*/
	.condition_ventes{
	    -webkit-column-count: 2; /* Chrome, Safari, Opera */
	    -moz-column-count: 2; /* Firefox */
	    column-count: 2;
	}
	.solde_equ,.sold_bat{
		width:96%;margin:auto;
	}
	#map_clem,#photo_clem,#meteo,#contact{
		width:95%;
		display:block;
		margin:auto;
	}
	.lgmq{font-size:12px;}	

}
@media only screen and (max-width: 45em) {
	.bandeau{display: block }
	.entete1{display: block ;width:90%;margin:auto;}
	.h_gauche{display: block ;width:95%;margin:auto;}
	#logo_mail{display: block ;margin:auto;}
	#logo_mail .im3,#logo_mail .im2{min-width:50px}
	.condition_ventes{
    	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    	-moz-column-count: 1; /* Firefox */
    	column-count: 1;
    	width:100%;
	}
	.solde_equ,.sold_bat{
		width:96%;margin:auto;
	}
	

}