:root {
  --yellow-bg-color: #FEFAA0;  /* jaune pale */
  --grey-bg-color: #DDDDDB;  /* gris clair */
}

div.homepage_begin_text {

}

@media only screen and (min-width: 768px) {
div.home_entete_text_section {
width:90vw;
margin-left: 5vw;
}
}
@media only screen and (max-width: 768px) {
div.home_entete_text_section {
width:90%;
margin-left: 1%;
margin-right: 1%;
display:flex;
}
}


div.homepage_begintext_object {

}

@media only screen and (min-width: 768px) {
span.Texte_Entete_Index {
font-family:Arial, Helvetica, sans-serif;
/* font-size: 1.3vw; */
font-size:18px;
}
}

@media only screen and (max-width: 768px) {
span.Texte_Entete_Index {
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
}
}

div.index_main_section_l {
				
	background-color: #555544;
		
}
@media only screen and (min-width: 768px) {
div.index_main_section_s {
				
	background-color: #555544;
	display: flex;
}
}


div.index_col_pub_l {
background-color:#555544;
	width: 336px;
	height: 280px;
	min-width:336px;
	min-height:280px;
	max-width:336px;
	max-height:280px;
	
	float:left;	

}

@media only screen and (min-width: 768px) {
div.index_col_pub_s {
	/* width: 32%; */
	width: 336px;
	height: 280px;
	min-width:336px;
	min-height:280px;
	max-width:336px;
	max-height:280px;
	
	float:left;			
}
}

div.sepitem_l {
background-color: #F7E600;
}

@media only screen and (min-width: 768px) {
div.index_col_main_s {
	width: 3%;
	float:left;	
	background-color: #F7E600;		
}
}


div.index_col_main_l {
	/*background-color: #555544; */
	background-color: rgba(254, 250, 160, 1);
	float:left;		
}

@media only screen and (min-width: 768px) {
div.mlitem_s {
	width: 65%;

}
}



div.ml1section_l {
				
	background-color: #555544;
		
}
@media only screen and (min-width: 768px) {
div.ml1section_s {
				
	background-color: #555544;
	display: flex;
}
}

div.ml2section_l {
				
	background-color: #555544;
		
}
@media only screen and (min-width: 768px) {
div.ml2section_s {
				
	background-color: #555544;
	/* display: flex;	*/
	/* padding-right:20px;	*/
	margin-left: 2%;
	float:left;	
}
}



div.indexlarge_lm_pub {
				
}

div.indexlarge_image {
width: 50%;	
	/* width:130px;	*/			
	float:left;			
}


div.indexlarge_lm_image {
	width: 100%;			
}

/*
div.indexlarge_lm_image:hover {
border-style:solid;
border-width:medium;
border-color:#F7E600;
}
*/

div.doclarge_texticon {
	/* width:120px;		*/		
	float:left;			
}

div.doclarge_lm_texticon {
	width: 100px;
	font-family:Arial, Helvetica, sans-serif;
	color:#F7E600;
	border-style:solid;
	border-width:thick;
	border-color:#F7E600;
	padding-left:2px;
	padding-right:2px;
	text-align:center;
	border-color:#F7E600;
	border-style:solid;
	border-width:medium;
	min-height:100px;
}

div.doclarge_lm_texticon a {
	font-family:Arial, Helvetica, sans-serif !important;
	color:#F7E600 !important;
	text-align:center !important;
	text-decoration:none !important;
}
div.doclarge_lm_texticon:hover {
color:#555544;
background-color:#F7E600;
}

div.indexlarge_lm_text {
 font-family:Arial, Helvetica, sans-serif;
 color:black;
 float:left;
 margin-top:20px;
 margin-left:10px;				
}

div.doclarge_lm_text {
 font-family:Arial, Helvetica, sans-serif;
 color:#F7E600;	
 margin-top:20px;
 margin-left:10px;			
}


@media only screen and (min-width: 768px) {
	div.indexsmall_lm_pub {
								
	}
	
	div.indexsmall_image {
		width: 50%;			
	}

			
	div.indexsmall_lm_image {
		width: 100%;
		text-align:center;		
	}
	
	div.docsmall_texticon {
		width:30%;
		font-size:1.2vw;
				
	}

	div.docsmall_lm_texticon {
		width: 80%;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	border-style:solid;
	border-width:thick;
	border-color:#F7E600;
	margin-left: 7%;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:2px;
	padding-right:2px;
	text-align:center;
	border-color:#FEFAA0;
	border-style:solid;
	border-width:medium;
	min-height:100px;
	
	}
	div.indexsmall_lm_text {
			margin-left:0;
			text-align:center;
			font-size:1.1vw;
			/* width:100%;		*/
			width:50%;					
	}
	
	div.indexsmall_lm_text_100pc {
			margin-left:0;
			text-align:center;
			font-size:1.1vw;
			width:100%;
	}

	div.docsmall_lm_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2vw;
	text-align:left;
 color:#000000;	
 margin-top:20px;	
 		margin-left:0;					
	}


}

div.pubitem_l {
background-color:#555544;
	width: 336px;
	height: 280px;
	min-width:336px;
	min-height:280px;
	max-width:336px;
	max-height:280px;
	
	float:left;	

}

@media only screen and (min-width: 768px) {
div.pubitem_s {
	/* width: 32%; */
	width: 336px;
	height: 280px;
	min-width:336px;
	min-height:280px;
	max-width:336px;
	max-height:280px;
	
	float:left;			
}
}

div.sepitem_l {
background-color: #F7E600;
}

@media only screen and (min-width: 768px) {
div.sepitem_s {
	width: 3%;
	float:left;	
	background-color: #F7E600;		
}
}


div.mlitem_l {
	/*background-color: #555544; */
	background-color: rgba(254, 250, 160, 1);
	float:left;		
}

@media only screen and (min-width: 768px) {
div.mlitem_s {
	width: 70%;

}
}

div.mlitemtitle_l {
	font-family:Arial, Helvetica, sans-serif;
	font-size:6vw;
	text-align:center;	
	margin-top:20px;
	color:#F7E600;	
}

@media only screen and (min-width: 768px) {
div.mlitemtitle_s {
	font-family:Arial, Helvetica, sans-serif;
	font-size:4vw;
	text-align:center;
	margin-top:0px;
}
}

div.mlitemiconsrow {
	background-color:aqua;	
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px; }
 /* .mlitemiconsrow:after {
    content: "";
    display: table;
    clear: both; }*/
  .mlitemiconsrow .col {
    float: left;
    /* box-sizing: border-box; */
    /*padding: 0 0.75rem;*/
    min-height: 1px; }
    .mlitemiconsrow .col[class*="push-"], .mlitemiconsrow .col[class*="pull-"] {
      position: relative; }
     .mlitemiconsrow .col._s12 {
      width: 100%;
      display:inline-flex;
      margin-left: auto;
      margin-top: 20px;
      /*left: auto;
      right: auto; */
      background-color: rgba(221, 221, 219, 1);
      border-radius: 25px;
       }

      .mlitemiconsrow .col._s12:hover {
		/*border-style:solid;
		border-width:medium;
		border-color:#999999;
		*/
		outline-style:solid;
		outline-width:medium;
		outline-color:#999999;

		}

	.mlitemiconsrow .col._s13 {
      width: 100%;
      display:inline-flex;
      margin-left: auto;
      margin-top: 20px;
      /*
      left: auto;
      right: auto;
      */
      background-color: rgba(221, 221, 219, 1);
      }
     .mlitemiconsrow .col._s13 a {
      	text-decoration:none;
      }


    .mlitemiconsrow .col._offset-s12 {
      margin-left: 100%; }
    .mlitemiconsrow .col._pull-s12 {
      right: 100%; }
    .mlitemiconsrow .col._push-s12 {
      left: 100%; }
    @media only screen and (min-width: 768px) {
      .mlitemiconsrow .col._m4 {
        width: 45%;
        margin-left: 4%;
        /*left: auto;
        right: auto; */
        display:block;
        }
   		.mlitemiconsrow .col._m5 {
        width: 20%;
        margin-left: 5%;
        left: auto;
        right: auto;
        margin-top:20px;
        display:block;
         }
         .mlitemiconsrow .col._m5 a {
      	text-decoration:none;
      }
      
       .mlitemiconsrow .col._m1 {
        width: 95%;
        margin-left: 4%;
        /*left: auto;
        right: auto; */
        display:block;
        }



	 }

img.ml_icon {
	width: 125px;			
}

div.pubitemiconsrow {
	background-color:aqua;	
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px; }
 /* .pubitemiconsrow:after {
    content: "";
    display: table;
    clear: both; }*/
  .pubitemiconsrow .col {
    float: left;
    /* box-sizing: border-box; */
    /*padding: 0 0.75rem;*/
    min-height: 1px; }
    .pubitemiconsrow .col[class*="push-"], .pubitemiconsrow .col[class*="pull-"] {
      position: relative; }
     .pubitemiconsrow .col._s12 {
      width: 100%;
      display:inline-flex;
      margin-left: auto;
      margin-top: 20px;
      /*left: auto;
      right: auto; */
      background-color: rgba(221, 221, 219, 1);
      border-radius: 25px;
       }
	.pubitemiconsrow .col._s13 {
      width: 100%;
      display:inline-flex;
      margin-left: auto;
      margin-top: 20px;
      left: auto;
      right: auto; }
     .pubitemiconsrow .col._s13 a {
      	text-decoration:none;
      }


    .pubitemiconsrow .col._offset-s12 {
      margin-left: 100%; }
    .pubitemiconsrow .col._pull-s12 {
      right: 100%; }
    .pubitemiconsrow .col._push-s12 {
      left: 100%; }
    @media only screen and (min-width: 768px) {
      .pubitemiconsrow .col._m4 {
        width: 45%;
        margin-left: 4%;
        /*left: auto;
        right: auto; */
        display:block;
        }
   		.pubitemiconsrow .col._m5 {
        width: 20%;
        margin-left: 5%;
        left: auto;
        right: auto;
        margin-top:20px;
        display:block;
         }
         .pubitemiconsrow .col._m5 a {
      	text-decoration:none;
      }
      
       .pubitemiconsrow .col._m1 {
        width: 95%;
        margin-left: 4%;
        /*left: auto;
        right: auto; */
        display:block;
        }



	 }
	
	/* tests slider */
div .slider1 {
width:500px; max-width:500px; margin-left:300px;
}

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


	
	DIV.space-line {
	  clear: both; margin: 0; padding: 0; width: auto; background-color:#FFFFCC;
	}
	
	Div.Section_Separator {
	clear: both; margin: 0; padding: 0; width: auto;
	}


	
	/********************************/
	/* Strucure de la page */
	/********************************/
	
	/********************************/
	/* Page */
	/********************************/
body
{
 /* background-color:#D4D4D4; */
 /* For avoiding selectio of elements */
 		-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;	
}


	DIV.Page_Default {
	/*margin-top: 5px;*/
	/* width: 1020px; */
	margin-left: auto; margin-right: auto;
	/*border-width: 1px; border-color: green; border-style: none;*/
	font-family:arial; font-size:12px;
	/* background-color:#DFDFDF; */
	background-color:#D4D4D4;
	padding: 0;
	text-align: center;
	}
	
/*	div.Page_Default a {
				color:red;
}*/

div.Colonne_42_27_19_13_3 a {
font-size:14px;
color:white;
}
div.Colonne_42_27_19_13_4 a {
			font-size:14px;
			color:white;	
}

div.Unique_Column_For_Header a {
				color:#000000;
}

div.Unique_Column_For_Header a:hover {
				color:#F7E600;
				text-decoration:none;
				
}

div.Column_1_of_2_24pc a {
 color:white;
 font-style:italic;
 text-decoration:underline;

}

div.Column_2_of_2_73pc a {
color:black;
 font-style:italic;
 text-decoration:underline;
}

div.Column_1_of_2_Overflow_16pc a {
 color:white;
 font-style:italic;
 text-decoration:underline;
	
}

div.Column_2_of_2_81pc a {
	color:black;
 font-style:italic;
 text-decoration:underline;
		
}

div.Column-1-of-1 a {
color:black;
 font-style:italic;
 text-decoration:underline;
}

div.Column_1_of_2_40pc a{
 color:white;
 font-style:italic;
 text-decoration:underline;
}

div.Column_2_of_2_60pc a{
color:black;
 font-style:italic;
 text-decoration:underline;

}

	/********************************/
	/*ColumnItem */
	/********************************/

div.hiddencolumnitem {
	display:none;
}


	/********************************/
	/* Block */
	/********************************/

	DIV.Block_Default {
	  margin-top: 0;  margin-bottom: 0; 
	  margin-right: 0;
	  margin-left: 0;
	  padding-right:2vw; text-align: center; width: 100vw; 
	  /* float:left; */
	  /*background-color:#F7E600;*/
	}
	
	div.Block_header_account {
		width: 100%;
		float:left;
		margin-top:0px;
		margin-bottom:0px;
		border-color:#555544;
		border-style:solid;
		border-width:2px;
		background-color:#999999;
		-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	}


	/********************************/
	/* Gallery iFrame and iFrame content*/
	/********************************/

	iframe.galleryiFrame {
	  margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left:0;
	  padding: 0; width: 100%; float:left; overflow:visible;
	}
	
	div.iFramePage {
				width: 100%;
				background-color:#F7E600;
	}
	
	div.galItem {
		border-color:black; border-style:solid; border-width:1px; margin-bottom:20px; float:left; width:99%;
	}
	
	div.galItem_Separator {
		clear: both; padding: 0; width: auto;
	}
	
	div.galItemRef {
		float:left; margin-bottom:10px;	width:100%;	
	}
	
	div.galItemBody {
		float:left; width:100%;
	}
	
	/********************************/
	/* Draw documentation iFrame */
	/********************************/
	iframe.docDessiniFrame {
	  margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0;
	  padding: 0; width: 100%; float:left; overflow:visible;
	}

	/********************************/
	/* MyAccount iFrame and iFrame content*/
	/********************************/

	iframe.myAccountiFrame {
	  margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0;
	  padding: 0; width: 100%; float:left; overflow:visible;
	  background-color:#F7E600;
	}
	

	
	/* Style Group:Table_3_Col_23pc_52pc_23pc */
		/* Style:Centre_52pc */
		div.galItem_Centre{width:57%;margin-left:0%;margin-right:0%;float:left; 		}
		/* Style:Droite_23pc */
		div.galItem_Droite{width:15%;margin-left:2%;margin-right:10px; float:left; }
		/* Style:Gauche_23pc */
		div.galItem_Gauche{width:23%;margin-left:0%;margin-right:0%;float:left;		}

	div.galleryItemTitle {
		float:left; padding-right: 0%; background-color:#FFFFCC; width:100%;
				
	}
	
	div.galleryItemDescription {
		float:left; width:100%;
	}
	
	/********************************/
	/* End Gallery iFrame and iFrame content*/
	/********************************/

/* Bandeau */

div.headerText1 {
	font-family:Arial, Helvetica, sans-serif;font-size:3vw;font-weight:bold;	
}

div.headerText2 {
	font-family:Arial, Helvetica, sans-serif;font-size:2vw;font-weight:bold;font-style:italic;		
}

div.BandeauTexteCentre a {
	font-family:Arial, Helvetica, sans-serif;font-size:2vw;font-weight:bold;	
}



	/********************************/
	/* Social networks*/
	/********************************/
	.socialnet_links li {
    cursor: pointer;
    display: inline-block;
}
.socialnet_links li a {
    background-image: url("images/social_net_pictos_white.png");
    background-repeat: no-repeat;
    display: block;
    height: 40px;
    margin: 0 3px; /* top and bottom, right and left */
    text-indent: -9000px;
    width: 30px;
}
.socialnet_links li.facebook a {
    background-position: 0 0;
}
.socialnet_links li.facebook a:hover {
    background-position: 0 -80px;
}
.socialnet_links li.facebook a:active {
    background-position: 0 -40px;
}
.socialnet_links li.twitter a {
    background-position: -30px 0;
}
.socialnet_links li.twitter a:hover {
    background-position: -30px -80px;
}
.socialnet_links li.twitter a:active {
    background-position: -30px -40px;
}
.socialnet_links li.googleplus a {
    background-position: -60px 0;
}
.socialnet_links li.googleplus a:hover {
    background-position: -60px -80px;
}
.socialnet_links li.googleplus a:active {
    background-position: -60px -40px;
}
.socialnet_links li.rss a {
    background-position: -90px 0;
}
.socialnet_links li.rss a:hover {
    background-position: -90px -80px;
}
.socialnet_links li.rss a:active {
    background-position: -90px -40px;
}

.socialnet_links li.contact a {
    background-position: -120px 0;
}
.socialnet_links li.contact a:hover {
    background-position: -120px -80px;
}
.socialnet_links li.contact a:active {
    background-position: -120px -40px;
}

	
	/********************************/
	/* Social networks footer*/
	/********************************/
.footer_socialnetwork .socialnet_links {
 /*   background: none repeat scroll 0 0 #F5F5F5; */
 max-height:40px;
 	/*background:#F5F5F5;*/
    line-height: 40px;
    margin: 0px 0 0; /* top, right and left, bottom */
    padding: 0px 8px; /* top and bottom, right and left */
}
.footer_socialnetwork .socialnet_links ul {
background-color:#555544;
margin-top:0px;
    display: inline-block;
}
.footer_socialnetwork .socialnet_links li a {
    margin: 0px 5px 0px; /* top, right and left, bottom */
}

div.footer_menu {
/* line-height: 40px; */
	width:70%;
	float: left;	
}

div.footer_columnitem {
margin-top:20px;
	background-color:#555544;
	min-height:50px;			
				
}

div.footer_socialnetwork {
width:30%;
float: left;
max-height:50px;
overflow:visible;
margin-top:5px;
}

@media only screen and (max-width: 768px) {
	/********************************/
	/* Bottom Menu */
	/********************************/
	div.BottomMenu {
	z-index: 100; 
	/* text-align:left; */
	margin-top:40px; padding: 0; width: 100%;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color:#99CCFF;
	padding-bottom:0px;
	background-color:lime;
	min-height:100px;
	}	
	
	ul.BottomMenu #TopItem {
display:none;
}

ul.BottomMenu #TopItem_ul {
padding:0;
list-style-type:none;
}

	
/*definition pied de page gris: #555544 */
.BottomMenu 		{background-color:#555544; text-align: center;}
.BottomMenu  a		{float:center; width:auto; font-family:arial; font-size:12px; font-weight:bold; color:white;
padding:1.8em 1.8em; 
  text-decoration:none;}
.BottomMenu a:hover 	{float:center; width:auto; font-family:arial; font-size:12px; color:#F7E600; padding:1.8em 1.8em;  text-decoration:underline}
.BottomMenu  li {
	list-style-type:none;
	margin-bottom:10px;
	}
}

@media only screen and (min-width: 768px) {
	/********************************/
	/* Bottom Menu */
	/********************************/
	div.BottomMenu {
	z-index: 100; 
	/* text-align:left; */
	margin-top:40px; padding: 0; width: 100%;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color:#99CCFF;
	padding-bottom:0px;
	background-color:lime;
	min-height:100px;
	}
	
ul.BottomMenu #TopItem {
display:none;
}

ul.BottomMenu #TopItem_ul {
padding:0;
display:flex;
}
	
	
/*definition pied de page gris: #555544 */
.BottomMenu 		{background-color:#555544; text-align: center;}
.BottomMenu  a		{float:center; width:auto; font-family:arial; font-size:12px; font-weight:bold; color:white;
padding:1.8em 1.8em; 
  text-decoration:none;}
.BottomMenu a:hover 	{float:center; width:auto; font-family:arial; font-size:12px; color:#F7E600; padding:1.8em 1.8em;  text-decoration:underline}
.BottomMenu  li 		{display:inline}

}


#saut 		{position: static; margin-left: 90px; margin-top: 0px; height: 40px; width: 800px; }

@media only screen and (max-width: 900px) {
	/********************************/
	/* Top menu */
	/********************************/
	div.TopMenu {
	z-index: 100; 
	text-align:left;
	margin-left:10px ;
	padding: 0; width: 100%;
	float:left;
	width:50px;
	/*
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #ECAC45;*/
	}
	
#TopItem {
/*font-size :large; */
				
}	

ul.topmenu #TopItem_ul {
padding-bottom:50px;
}

	/********************************/
	/* Top Menu */
	/********************************/

/* Root = Horizontal, Secondary = Vertical */
ul.topmenu {
  margin: 0;
  border: 0 ;
  padding: 0;
  list-style: none;
  /* height: 24px; */
 /* position: relative;
  left: 150px;
  top:-40px;*/
}

ul.topmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko  */
  display: inline;
  list-style: none;
  position: relative; 
  /* height: 24px; */
  text-align:left;
  z-index:1000;
}

ul.topmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  /* width: 300px; */
  list-style: none;
  display: none;
  position: relative;  
  top: 5px;
}

ul.topmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul.topmenu ul li {
  width: 50px; /*largeur des blocs verticaux*/
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  margin-top:2px;
}

ul.topmenu li ul li ul li {
width: 200px ;
margin-left: 100px;
padding-top:5px;
padding-bottom:5px;
}


/* Root Menu */
ul.topmenu a {
  /*border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC; */
 /* padding: 0 6px; */
 /*
  padding-top: 0px;
  padding-right: 8px;
  padding-bottom: 0px;
  padding-left: 8px;
  */
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #D0CECE;
  color: #666;
  /*font: bold 13px/22px Verdana, Arial, Helvetica, sans-serif;*/
  /* font-family:'Century Gothic', Century Gothic; */
  /*font-size:30px; */
  /* line-height:24px; */
  /*font-weight:bold;*/
  text-decoration: none;
  height: auto !important;
  /*height: 1%; */ /*For IE*/
}

/* Root Menu Hover Persistence */
ul.topmenu a:hover,
ul.topmenu li:hover a,
ul.topmenu li.iehover a {
  background: #AFABAB;
  color: #FFF;
  width:50px;
}

/* 2nd Menu */
ul.topmenu li:hover li a,
ul.topmenu li.iehover li a {
  float: none;
  /*background: #D0CECE; */
  background:#F7E600; /* JAUNE -   Fond icônes quand menu déployé */
  padding-top:10px;
  padding-bottom:10px;
  padding-left: 10px;
  color: #666;
}

/* 2nd Menu Hover Persistence */
ul.topmenu li:hover li a:hover,
ul.topmenu li:hover li:hover a,
ul.topmenu li.iehover li a:hover,
ul.topmenu li.iehover li.iehover a {
  /* background: #AFABAB; */
  background:#D4D4D4; /* GRIS CLAIR - Fond icônes quand souris dessus */

  color: #FFF;
}

/* 3rd Menu */
ul.topmenu li:hover li:hover li a,
ul.topmenu li.iehover li.iehover li a {
  /*background: #D0CECE;*/
  background:#F7E600; /* JAUNE -  Fond texte niveau 2 déployé*/
width: 200px !important;
margin-left:-50px !important;
margin-top:-20px !important;
  color: #666;
  height:20px !important;

}

/* 3rd Menu Hover Persistence */
ul.topmenu li:hover li:hover li a:hover,
ul.topmenu li:hover li:hover li:hover a,
ul.topmenu li.iehover li.iehover li a:hover,
ul.topmenu li.iehover li.iehover li.iehover a {
  /* background: #AFABAB; */
  background:white; /* BLANC -  Fond texte quand souris dessus */
  color:black;
}

/* 4th Menu */
ul.topmenu li:hover li:hover li:hover li a,
ul.topmenu li.iehover li.iehover li.iehover li a {
  background: #D0CECE;
  color: #666;
}

/* 4th Menu Hover */
ul.topmenu li:hover li:hover li:hover li a:hover,
ul.topmenu li.iehover li.iehover li.iehover li a:hover {
  background: #AFABAB;
  color: #FFF;
}

ul.topmenu ul ul,
ul.topmenu ul ul ul {
  display: none;
  /* position: absolute; */
  /* top: 0; */
  /* left: 300px;*/
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul.topmenu li:hover ul ul,
ul.topmenu li:hover ul ul ul,
ul.topmenu li.iehover ul ul,
ul.topmenu li.iehover ul ul ul {
  display: none;
}

ul.topmenu li:hover ul,
ul.topmenu ul li:hover ul,
ul.topmenu ul ul li:hover ul,
ul.topmenu li.iehover ul,
ul.topmenu ul li.iehover ul,
ul.topmenu ul ul li.iehover ul {
  display: block;
}

}

@media only screen and (min-width: 900px) {

	/********************************/
	/* Top menu */
	/********************************/
	div.TopMenu {
	height:36px;
	z-index: 101; 
	text-align:left;
	margin-top:4px ;
	  /* padding: 0; */
  padding-bottom:0;
  padding-left:0;
  padding-right:0;
  padding-top:0px;
	width: 50%;
	float:left;
	background-color:#999999;
	/*border-top-width: 4px;*/
	/* border-top-style: solid; */
	/*border-top-color: #0033CC; */
	/* border-top-color: #ECAC45; */
	}
	
ul.topmenu #TopItem {
display:none;
}

ul.topmenu #TopItem_ul {
padding:0;
display:flex;
}

	
	/********************************/
	/* Top Menu */
	/********************************/


/* Root = Horizontal, Secondary = Vertical */
ul.topmenu {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  /* REGLAGE CENTRAGE DU MENU */
  margin-left: 0px;
  border: 0 ;
  padding: 0;
  /*width: 1020px; *//*For KHTML*/
  list-style: none;
  /* height: 50px; */
}

ul.topmenu li ul li {
  margin: 0;
  border: 0 none;
  /* padding: 0; */
  padding-bottom:0;
  padding-left:0;
  padding-right:0;
  padding-top:0;
  float: left; /*For Gecko  */
  display: inline;
  list-style: none;
  position: relative; 
  height: 32px;
  text-align:left;
  margin-left:auto;
  margin-right:auto;
}

ul.topmenu ul li ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;  
  z-index: 9999;
  top: 24px;
  left: 0px; /*  modif 17/6 positionnement 2eme s.menu  */
}

ul.topmenu ul li ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul.topmenu ul li ul li{
  width: 350px; /*largeur des blocs verticaux*/
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul.topmenu a {
  /*border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;*/
 /* REGLAGE ECART ITEM MENU */
  /* padding: 0 24px; *//* top-bottom  right-left */
  padding: 0 9px; /* top-bottom  right-left */
/*margin: 0 12px;*/  /* top-bottom  right-left */
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  /* background: #EEE; */
  /*background-color:#555544;*/
  background-color:#999999;

  /* color: #666; */
  color:white;
  font: bold 13px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul.topmenu li ul li a:hover,
/*ul.topmenu li:hover a,*/
ul.topmenu li ul li.iehover a {
  /* background: purple; */
  background-color:#F7E600;
  /*color: #FFF;*/
  color:black;
}

/* 2nd Menu */
ul.topmenu li ul li:hover li a,
ul.topmenu li ul li.iehover li a {
  float: none;
  /*background: #EEE;*/
  background-color:#555544;;
  /* color: #666; */
  color:#F7E600;
}

/* 2nd Menu Hover Persistence */

ul.topmenu li ul li:hover li a:hover,
ul.topmenu li ul li:hover li:hover a,
ul.topmenu li ul li.iehover li a:hover,
ul.topmenu li ul li.iehover li.iehover a {
  background-color:#555544;
  color: #FFF;
}

/* 3rd Menu */
/*
ul.topmenu li:hover li:hover li a,
ul.topmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}
*/

/* 3rd Menu Hover Persistence */
/*
ul.topmenu li:hover li:hover li a:hover,
ul.topmenu li:hover li:hover li:hover a,
ul.topmenu li.iehover li.iehover li a:hover,
ul.topmenu li.iehover li.iehover li.iehover a {
  background: purple;
  color: #FFF;
}
*/

/* 4th Menu */
/*
ul.topmenu li:hover li:hover li:hover li a,
ul.topmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}
*/

/* 4th Menu Hover */
/*
ul.topmenu li:hover li:hover li:hover li a:hover,
ul.topmenu li.iehover li.iehover li.iehover li a:hover {
  background: purple;
  color: #FFF;
}
*/

ul.topmenu ul ul,
ul.topmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 270px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul.topmenu li:hover ul ul,
ul.topmenu li:hover ul ul ul,
ul.topmenu li.iehover ul ul,
ul.topmenu li.iehover ul ul ul {
  display: none;
}

ul.topmenu li:hover ul,
ul.topmenu ul li:hover ul,
ul.topmenu ul ul li:hover ul,
ul.topmenu li.iehover ul,
ul.topmenu ul li.iehover ul,
ul.topmenu ul ul li.iehover ul {
  display: block;
}

}


	/********************************/
	/* Verical Menu Division */
	/********************************/
	div.VerticalMenu {
	z-index: 100; 
	text-align:left;
	margin:0 ; padding: 0; width: 100%;
	/*border-top-width: 4px;
	border-top-style: solid;*/
	/*border-top-color: #0033CC; */
	/*border-top-color: #ECAC45;*/
	/*border-top-color:yellow; */
	overflow:visible;
	
	}
	
	
	/********************************/
	/* Vertical Menu */
	/********************************/


ul.vmenu,
ul.vmenu li,
ul.vmenu ul { width: 160px; /* Menu Width */
margin: 0;
padding-left:0;
list-style: none; 
}

ul.vmenu li {
float: left;
position: relative;
width: 100%;

}
ul.vmenu li.iehover {
z-index: 1000; /* IE z-index bugfix */
} 
ul.vmenu ul {
display: none;
position:absolute;
top: 0;
left: 100%;
z-index: 9998; } 
/* Root Menu */

ul.vmenu a {
/*border-top: 1px solid #FFF;
border-right: 1px solid #FFF;*/
padding-top:6px;
padding-bottom:6px;
padding-left:6px;
padding-right:6px;
display: block;
/*background: #DDD;*/
color: #F7E600;
background-color:#555544;
font: bold 11px Arial, sans-serif;
text-decoration: none;
height: 1%; } 

/* Root Menu Hover Persistence */

ul.vmenu a:hover,
ul.vmenu li:hover a,
ul.vmenu li.iehover a {
background:#F7E600;
/* background: #BBB; */
color:black;
}

 /* 2nd Menu */
ul.vmenu li:hover li a,
ul.vmenu li.iehover li a {
float: none; 
background:#555544;
color: #F7E600;

/*background: #BBB;*/
} 

/* 2nd Menu Hover Persistence */
ul.vmenu li:hover li a:hover,ul.vmenu li:hover li:hover a,
ul.vmenu li.iehover li a:hover,
ul.vmenu li.iehover li.iehover a {
color:white;
/* background: #999; */
}

 /* 3rd Menu */ 

ul.vmenu li:hover li:hover li a,
ul.vmenu li.iehover li.iehover li a { background: #999; } 

/* 3rd Menu Hover Persistence */
ul.vmenu li:hover li:hover li a:hover,
ul.vmenu li:hover li:hover li:hover a,
ul.vmenu li.iehover li.iehover li a:hover,
ul.vmenu li.iehover li.iehover li.iehover a { background: #666; } 

/* 4th Menu */ 
ul.vmenu li:hover li:hover li:hover li a,
ul.vmenu li.iehover li.iehover li.iehover li a { background: #666; }

 /* 4th Menu Hover */
ul.vmenu li:hover li:hover li:hover li a:hover,
ul.vmenu li.iehover li.iehover li.iehover li a:hover { background: #333; } 

/* Hover Function - Do Not Move */
ul.vmenu li:hover ul ul,
ul.vmenu li:hover ul ul ul,
ul.vmenu li.iehover ul ul,
ul.vmenu li.iehover ul ul ul { display: none; }

ul.vmenu li:hover ul,
ul.vmenu ul li:hover ul,
ul.vmenu ul ul li:hover ul,
ul.vmenu li.iehover ul,
ul.vmenu ul li.iehover ul,
ul.vmenu ul ul li.iehover ul { display: block; }

	/********************************/
	/* HELP*/
	/********************************/

div.helpPage {
	width:1000px;
	min-width:1000px;	
}

div.helpLineSeparator {
	clear: both;	
}

div.helpTitle {

}

div.helpSubtitle {
	text-align:left;		
}

div.helpRubric {
	text-align:left;		
}

div.helpIconLeft {
	float:left;			
}

div.helpTextRight {
	float:left; text-align:left; min-height:32px; padding-top:10px; margin-left:20px;
}