@charset "utf-8";

/* Contient des éléments flottants : h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* Disposition bureau : 769px à max. 1232px.  Hérite des styles de : Disposition mobile et disposition tablette */
body {
	background-color: #f3f6f8;
	margin: 0;
	padding: 0;
}
#conteneur-entete {
	padding-bottom: 2px;
	padding-top: 12px;
	background-color: #fdfeff;
	border-bottom: 1px solid #ecedef;
}
.largeur-100p100 {
	float: left;
	display: block;
	width: 100%;
	text-align: center;
}
#entete {
	clear: both;
	display: block;
	float: none;
}
.gridContainer {
	width: 94%;
	/*max-width: 1232px;*/
	margin: auto;
	clear: both;
	
}
#div_logo {
	float: left;
	margin-right: 16px;
}
#div_logo img {
	width:180px; 
	margin-top: -5px; 
	margin-right: 64px;
}
#Champ_recherche_Adsense {
	width:360px; 
	display:table; 
	margin:5px 8px 2px 2px; 
	float:left
}
#div_langues {
	float: right;
	clear: none;
	padding-top: 5px;
}
#div_langues a {
	border:none; 
	margin-right:3px;
}
#div_langues img {
	width:28px; 
	height:20px;
}
#div_connexion {
	float: right; 
	padding: 6px 5px 8px 5px;
}
#div_connexion a {
	color: #1179ae;
	font-weight: bold;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}
#div_connexion form {
	margin-top:-10px;
}
#div_compteur {
	float: right; 
	color: #222222; 
	font-size: 1.1em; 
	margin: 0px 64px 2px 2px; 
}
#conteneur-pub-horizontale {
	/* border-top: 1px solid #F5F5F5;	*/
	background-color: #fdfeff;		
	/* height: 5px; */
}
#pub-horizontale {
	clear: both;
	float: left;
	display: block;
	width: 76%;
	height: auto;	
	padding: 6px;	
	margin-bottom: 6px;
	text-align: center;
	overflow: hidden;	
}
#pub-horizontale div {
	width: 77%; 	
	text-align:center; 
	/*max-height:96px; */
	margin: auto;
}
/* Menu */
.Menu-Horizontal {
	float: left;
	display: block;
	width: 100%;
	/* background-image:linear-gradient(#000055, #0077FF); */
	background-color: #075983; 		/* #0874ab; */
}
#navigation-haut {
	clear: both;
	display: block;
}
#div-haut-menu1 {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	margin-left: 0px;
	font-size: 0.8em;
}
.div-navigation{
	overflow: hidden;
}
.div_menu {
	height: auto;
	width: 99%;
	float: left;
	display: block;
	margin: 4px 0px 4px 0px;
}	
#div_Menu ul  {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	/*border-left: dotted;
	border-left-width: thin;*/
	border-color: #DEDEDE;
}
#div_Menu ul li {
	float: left;	
	padding: 20px 8px;
}
#div_Menu ul li a {
	display: block;
	color: #ffffff;
	text-align: center;	
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
    letter-spacing: 0.5px;
}
#div_Menu ul li:hover:not(.active) {
	/*background-color: #063c59;*/
	border-bottom: 8px solid #00ee43;
	padding: 16px 8px;
}
.lien-actif {
    /*background-color: #4CAF50;*/
	border-bottom: 8px solid #00ee43;
	padding: 16px 8px !important;
}
#div_Menu_Mobile {
	display: none;
	color: #ffffff;
	font-size: 1.5em;	
	text-align: center;
	padding: 14px 16px;
}
/* Fin Menu */

#div_pub_milieu {
	float: left;
}

/* FIN disposition Bureau*/

/* Disposition tablette : 481px sur 768px. Hérite des styles de : Disposition mobile; modification: 568 - 959*/
@media only screen and (max-width: 1023px) {
#entete {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}	
.gridContainer {
	width: 99%;
	padding-left: 0.25%;
	padding-right: 0.25%;
}
#pub-horizontale {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
/* Menu */
#navigation-haut {
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
	width: 100%;
}
#div-haut-menu1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size: 0.8em;
}
#div_Menu ul {
	display: none;
}
#div_Menu:hover > ul {
	/*display: block;*/
}
#div_Menu ul li {
   
}
#div_Menu_Mobile {
	display: block;
}
/* Fin Menu */
#div_pub_milieu {
	
}

}
/* FIN disposition tablette */


/* Disposition mobile : 480px et moins.*/
@media only screen and (max-width: 567px) {
#entete {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 99%;
	padding-left: 0.25%;
	padding-right: 0.25%;
	min-width: 272px;
}
#Champ_recherche_Adsense {
	width:97%; 	
}
#pub-horizontale {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#pub-horizontale div {
	width: 98%;	
}
/* Menu */
#navigation-haut {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#div-haut-menu1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size: 0.8em;
}
#div_Menu ul {
	display: none;
}
#div_Menu:hover > ul {
	/*display: block;*/
}
#div_Menu ul li {
    
}
#div_Menu_Mobile {
	display: block;
}
/* Fin Menu */

#div_pub_milieu {
	padding: 2px 1px 16px 5px;
	width: 99%;
}

}
/* FIN disposition Mobile */