/* ====================
MENU NAVIGATION
==================== */



/* barre de navigation prinicpale */
.navbar_menu 
{  
	overflow: hidden;
	width:99%;
	border-top:4px solid #FAC50C;
	background-color:#063365;  
	font-family: Verdana,Arial, Helvetica, sans-serif;  
	font-size:1.2em;
	color:#fff;
	margin-top:4px;

}

.navbar_menu a 
{  
	float: left;  
	font-size: 12px;  
	text-align: center;  
	padding: 14px 16px;  
	text-decoration: none;
}

.titre_colonne 
{	
	font-size:1.em;
	padding:3px;    
	color:#063365;
	border-bottom: 4px solid #FAC50C;
	font-weight: bold;
}

.dropbtn
{
	background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;	  	
	font-weight: bold;

}

	
.dropbtn a
{  
	border: none; 
	text-align:center;
	outline: none;  
	color: #6598cc;  
	padding: 0px 14px;  
	background-color: inherit;  
	font: inherit;  
	margin: 0;
	font-family: verdana;
	overflow: hidden;
}

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

.dropdown .dropbtn 
{
	  	border: none; 
	  	border-right:1px solid #FFF;
	  	outline: none;  
	  	color: #fff;  
	  	padding: 18px 53px;  
	  	background-color: inherit;  
	  	font: inherit;  
	  	margin: 0;
	  	font-family: verdana;
}

.dropdown:hover  
{  
	background-color: #6598cc;  
	color:#fff;
}


.titre_op_1{
	font-size:120%;
	color:#5787BD;
	border-bottom: 2px #5787BD solid;
	border-bottom-width: 150px;

}

/*/////////////////////MENU 1 COLONNE/////////////////////// */


.dropdown-content1 
{  
	display: none; 
	position: absolute;  
	background-color: #FFF; 
	color:#536D7A;  
	width: 50%;  
	left: 0;  
	box-shadow: 5px 8px 16px 0px #555;  
	z-index: 1;
}

.dropdown-content1 .header_menu 
{  
	background: #FAC50C;  
	padding: 15px;  
	color: white;
}


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


.column_menu1 
{  
	float: left;  
	width: 100%;  
	padding: 10px;  
	background-color:#fff;  
}

.column_menu1 a 
{  
	float: none;  
	color: #fff;  
	padding: 3px;  
	text-decoration: none; 
	display: block;  
	text-align: left; 
	font-size:14px;  
	font-family:Verdana,Arial, Helvetica, sans-serif;
}

.column_menu1 a:hover 
{  
	color:#063365;
	font-weight: bold;  
	border-left: 6px solid #FAC50C;
}

	
.row_menu1
{
	background-color: #fff;
	width:90%;
	margin: 0px;
	padding-bottom: 25px;
}
.row_menu1:after {  content: "";  display: table;  clear: both;}



/*////////////menu 2 COLONNES /////////////////////////////////////////////////*/

.dropdown-content2 
{  
	display: none; 
	position: absolute;  
	background-color: #FFF; 
	color:#536D7A;  
	width: 98%;  
	left: 0;  
	box-shadow: 5px 8px 16px 0px #555;  
	z-index: 1;
}

.dropdown-content2 .header_menu 
{  
	background: #FAC50C;  
	padding: 15px;  
	color: white;
}


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

.column_menu2 
{  
	float: left;  
	width: 30%;  
	padding: 10px;  
}

.column_menu2 a 
{  
	float: none;  
	color: #fff;  
	padding: 10px;  
	text-decoration: none;  
	display: block;  
	text-align: left;  
	font-size:14px;  
	font-family:Verdana,Arial, Helvetica, sans-serif;
}

.column_menu2 a:hover 
{  
	color:#063365;
	font-weight: bold;  
	border-left: 6px solid #FAC50C;

}
	
.row_menu2
{
	background-color: #fff;
	width:90%;
	margin: 0px;
	padding-bottom: 25px;
}
.row_menu2:after {  content: "";  display: table;  clear: both;}


	
/*/////////////////////MENU 3 COLONNES/////////////////////// */


.dropdown-content3 {  
	display: none; 
	position: absolute;  
	background-color: #FFF; 
	color:#536D7A;  
	width: 98%;  
	left: 0;  
	box-shadow: 5px 8px 16px 0px #555;  
	z-index: 1;
}

.dropdown-content3 .header_menu {  
	background: #FAC50C;  
	padding: 15px;  
	color: white;
}


.dropdown:hover .dropdown-content3 {  
	display: block;
}
/* Trois colonnes menu */

.column_menu3 {  
	float: left;  
	width: 30%;  
	padding: 15px;  
	background-color:#fff;  
}

.column_menu3 a {  
	float: none;  
	color: #fff;  
	padding: 3px;  
	text-decoration: none; 
	display: block;  
	text-align: left; 
	font-size:14px;  
	font-family:Verdana,Arial, Helvetica, sans-serif;
}

.column_menu3 a:hover {  
	color:#063365;
	font-weight: bold;  
	border-left: 6px solid #FAC50C;
}

.row_menu3{
	background-color: #fff;
	width:90%;
	margin: 0px;
	padding-bottom: 25px;
}
.row_menu3:after {  content: "";  display: table;  clear: both;}


/*////////////STYLES PAGE /////////////////////////////////////////////////*/
conteneur_soustitre
	{
	width: 100%;
	height: 4 em;
	padding-left:5px;
	line-height:2em;
	border-radius: 0px 95px 95px 0px ;
	font-size: 1em; 
	background: #6598cc;
	font-weight:bold;
	}



hr
{
  height: 2px;
  padding: 0;
  color: #634F4F;
  background-color: #634F4F;
  border: 0;
}

h2
{
	font-size:1.4em;
	font-family:verdana;
	color: #032e42;
	background-color:#FFFFFF00;
	border-bottom:3px #FAC50C solid;
	padding:5px;
	margin:0px 0px 10px 0px;
	font-weight: bold;  
}
h3
{
  font-size:1.2em;
  font-family:verdana;
  color: #032e42;
  background-color:#FFFFFF00;
  border-left:15px #FAC50C solid; 
  padding:5px;
  margin:0px 0px 10px 0px;
  font-weight: bold;  
}

h5 
{
  font-size:1em;
  font-family:verdana;
  color: #032e42;
  background-color:#FFFFFF00;
  border-left:10px #063365 solid; 
  padding:5px;
  margin:0px 0px 10px 0px;
  font-weight: bold;
}
h6
{
  color: #996666;
  font-weight: bold;  
}

h10 
{
  font-size:0.8em;
  font-family:verdana;
  color: #032e42;
  background-color:#FFFFFF00;
  padding:5px;
  margin:0px 0px 10px 0px;
}

h11
{
  font-size:1.2em;
  font-family:verdana;
  font-weight: bold;
  color: #032e42;
  background-color:#FFFFFF00;
  padding:10px;
  margin:0px 0px 10px 0px;
}

h12 
{
    font-size:1.4em;
	font-family:verdana;
	color: #032e42;
	background-color:#FFFFFF00;
	border-bottom:3px #FAC50C solid;
	padding:5px;
	margin:0px 0px 10px 0px;
	font-weight: bold; 
}