/** topnav */
/*fod eklectic ensemble #81900f*/
html {
	height: 100%;
}
/*
body {
	padding: 0;
	margin: 0;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: "source-sans-pro-n";*/
/*	background-color: #7F7F7F;
}
*/

/*footer*/
footer {
	/*position: fixed;
	bottom: 0;
	left: 0;
	right: 0;*/
	clear:both;
	display:block;
	padding: 2px 2px;
	background-color: #262a05;/*#81900f;#333;*/
	color:#f2f2f2
}
.noFooter {display:none;}
.okFooter {display:visible;}
footer .messageL {display:block;width:100%;text-align:center;}
footer div.foot0 {clear:both;display:block;width:100%;padding:30px 0px 0px 0px;}
footer div.footx {clear:both;display:block;width:100%;padding:10px 0px 10px 0px;}

footer img#logoFooter {width:400px;}

.foot1 {display:inline;width:45%;float:left;margin-left:5%;text-align:left}
.foot2 {display:inline;width:30%;float:left;margin-left:20%;text-align:left}
.foot2 h2{margin:0px 0px 25px 0px;padding:0;font-size:16px;color:#ffffff;text-transform:uppercase}
.foot2 div.lienF2 {display:block;margin-bottom:10px;}
div.lienF2 A{text-decoration:none;text-transform:capitalize;font-style:italic;font-size:14px;color:#ffffff}
div.lienF2 A;hover{text-decoration:underline;font-style:italic;font-size:14px;color:#ffffff}

.foot11 {
	display:inline;width:45%;float:left;margin-left:5%;text-align:left;background-color: #262a05;
	}
.foot12 {
	display:inline;width:30%;float:left;text-align:left;padding-left:20%;background-color: #262a05;
	font-size:italic;
	}
.libfoot {
	display:block;padding-top:20px;
}
.libfoot p{
	margin:0;padding:10px 0px 0px 0px;font-size:14px;color:#f2f2f2
}
.libfoot P A{text-decoration:none;font-size:14px;color:#f2f2f2}

#imgFB {
  width:50px;
  height:50px;
  background:url(site/spr24.png) 10px 10px;
}
#imgFB2 {
	background:url(site/spr24.png);
/*  position: absolute;
clip: rect(0, 50px, 50px, 0);*/
}


	
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  padding-top:0px;/*102px*/
}

.sticky + #ensemble2 {
  padding-top: 0px;
}


#topnav {
	display:block;
}

.topnav {
  display:block;
  padding-top:10px;padding-bottom: 8px;
  overflow: hidden;
  background-color: #ffffff;/*#292929;/*#333;yellow;#7F7F7F*/
}

#topnavSuite {
	display:block;height:50px;width:100%;background-color: #81900f;/*#262a05;*/
}
	
#topnavSuite .recherche {display:inline;float:left;width:95%;height:100%;text-align:center}

#topnavSuite .librairie {display:inline;float:right;width:30%;height:80%} /*pas affiche*/

.librairie {padding-top:10px;padding-left:10px;}
.librairie span{font-size:14px;color:#ffffff;}
.librairie span a{font-size:14px;color:#ffffff;}
	
.recherche input[type="text"] {
	height: 26px;
	width: 350px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid black;
	background-color: #ffffff;/*#81900f;*/
	padding: 0 5px;
	color: #000000;
	font-size: 14px;
	margin-top:10px;margin-bottom:10px;margin-left:10px;
}
.recherche select {
	height: 26px;
	width: 140px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid black;
	background-color: #ffffff;/*#81900f;*/
	padding: 0 5px;
	color: #000000;
	font-size: 14px;
	margin-top:2px;margin-bottom:2px;
}

::-webkit-input-placeholder { 
  color: #000000;
}



.recherche input[type="submit"] {
	height: 27px;
	line-height: 20px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 0;
	background-color: #262a05;
	padding: 0 10px;
	color: #fff;
	margin-top:10px;
	margin-left: 5px;
	vertical-align: top;
}


.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 6px 0px 6px;/*padding: 14px 6px 16px 6px;*/
  text-decoration: none;
  font-size: 15px;
}

/*
.topnav a.burger {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 2px 16px 2px;
  text-decoration: none;
  font-size: 35px;
}
*/

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
/*  background-color: #4CAF50;*/
	background-color:#ffffff; /*#7F7F7F*/
	color: #81900f;
}

.topnav a.logo {
	height:67px;padding:0px 5px 0px 5px;
	background-color:#ffffff;
	color: #81900f;
}
.topnav a.logo:hover {
	background-color:#ffffff;
}
.topnavLogo {border:0;height:67px;padding:0px 5px 0px 5px}

.topnav .icon {
  display: none;
}

.topnav a.smart {
	display:none;
}

.topCpte,.topCptePlein,.topCpteVide {
	position: absolute;
    right: 5px;
    top: 10px;
	}
.topCpteNom {
	position: absolute;
    right: 15px;
    top: 45px;
	font-size:12px;font-weight:bold;
	}
.topSuiteLogo {
	position: absolute;
    left: 340px;
	top:0px;
    }

.topPanier,.topPanierVide,.topPanierPlein {/*voir aussi client.css pour version smartphone */
	position: absolute;
    right: 130px;
    top: 10px;
	}
	
.topnav .topCpteVide a{
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
	margin-top:0px;
	padding:3px 10px 3px 10px;
	height:20px;
	border:1px solid #81900f;
	color:#81900f;
	background-color:#ffffff;
	}
.topnav .topPanierVide a{
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
	margin-top:0px;
	padding:3px 10px 3px 10px;
	height:20px;
	border:1px solid #81900f;
	color:#81900f;
	background-color:#ffffff;
	}
.topnav .topPanierPlein a{
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
	margin-top:0px;
	padding:3px 10px 3px 10px;
	height:20px;
	border:1px solid #81900f;
	color:#ffffff;
	background-color:#81900f;
	}
.topnav .topCptePlein a{
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
	margin-top:0px;
	padding:3px 10px 3px 10px;
	height:20px;
	border:1px solid #81900f;
	color:#ffffff;
	background-color:#81900f;
	}

.topnav .topCpteVide a:hover {
  background-color: #81900f;
  color: #ffffff;
}


.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 15px;    
  border: none;
  outline: none;
  color: #81900f;
  padding: 50px 16px 10px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #ffffff;
  color: #81900f;
}

.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.retourSpan {
    font-size:20px;
	position: absolute;
    right: 0;
    top: 0;
  }

  

/* recherche */
@media screen and (max-width: 1000px) {

	
	#topnavSuite {
		clear:both;display:block;
	}
	
	.topnavSuite {
		display:block;
	}
	#topnavSuite .recherche {float:left; }
	#topnavSuite .librairie {float:right; }

	/*.librairie {margin-top:5px;margin-bottom:5px;margin-left:10px;}*/
	.librairie span{font-size:12px;color:#ffffff;}
	
	.recherche input[type="text"]{
	width:200px;margin-top:10px;margin-bottom:10px;margin-left:10px;
	}
	.recherche input[type="submit"]{
	margin-top:10px;margin-bottom:10px;margin-right:10px;
	}


}	
  

/* menu */
@media screen and (max-width: 800px) {
    #topnav {
		display:block;
	}
	
	.topnav {
		display:block;
	}

	.topnav .nologo, .dropdown .dropbtn {
	display: none;
	}

	.topSuiteLogo {display:none;}
		
  
  .topnav a.icon {
    float: left;
    display: block;font-size:40px;
	padding: 2px 2px 2px 5%;
	color:#000000;
  }

  .topnav a.logo {
	float: left;
    display: block;
	padding:1px 5px 0px 10%;
	}
	.topnav a.logo img {
/*	width:200px;height:42px;*/
	width:214px;height:66px;
	}
  
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    left: 1;
    top: 9;
  }
  
  .topnav.responsive .topnavLogo {
	position: absolute;
    left: 130;
    top: 5;
	}

  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
	padding: 14px 16px;
  }
 
	#topnavSuite .recherche {display:inline;float:left;width:90%;height:100%;}

	#topnavSuite .librairie {display:none;}
  
  
  
  footer img#logoFooter {width:350px;}
  .foot2 {display:inline;width:40%;float:left;margin-left:10%;text-align:left;}
  
}

@media screen and (max-width: 600px) {
	.topnav {
		display:block;
		padding-top:10px;padding-bottom: 4px;
		overflow: hidden;
		background-color: #ffffff;/*#292929;/*#333;yellow;#7F7F7F*/
	}
	
	.topnav a.logo img {
		/*width:180px;height:37.8px;*/
		width:178px;height:55px;
	}
	
	#topnavSuite .recherche {display:inline;float:left;width:98%;height:100%;}

	#topnavSuite .librairie {display:none;}
		
	
	.recherche input[type="text"]{
	width:170px;margin-top:10px;margin-bottom:10px;margin-left:5px;
	}
	.recherche select {
	height: 26px;
	width: 125px;
	}
	.recherche input[type="submit"]{
	margin-top:10px;margin-bottom:10px;margin-right:0px;
	}

	
	
	.foot1,.foot11,.foot12 {clear:both;display:block;margin-left:5%.}

	.foot2 {clear:both;display:block;width:90%;padding-top:10px;margin-left:5%;}
	
	
	.foot12{padding-left:0%;padding-top:10px;width:50%}
	
	.topnavLogo {border:0;height:50px;padding:5px 5px 0px 0px}
	
	/*.topnav.responsive img.topnavLogo {border:0;height:42px;padding:0px 5px 0px 40px}*/
	
	.topnav.responsive .topnavLogo {
	position: absolute;
    left: 100;
    top: 3;
	}
	
}