/* Style de la barre horizontale selecteur des noms */
.strong {font-weight:bold;}
.italic {font-style:italic;}

.nav-container {
	text-align: center; /* or change the value to left to align left*/
	padding:0;
	margin:0;
	/*background: #C8C8C8;
	border: 1px solid red;*/	
}

.soundex {
   
    list-style:none;
	margin: 0;
	padding: 0;
	/*width: 900px; *//*  100%;*/
	/*margin:30px auto 0px auto;*/
	height:18px; /* 43px; */
	padding:0px 15px 0px 15px;
	/* Rounded Corners */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	/* Background color and gradients */
	background: #A0A0A0;
	/*
	background: -moz-linear-gradient(top, #0272a7, #013953);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
	*/
	background: -moz-linear-gradient(top, #D8D8D8, #909090);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D8D8D8), to(#909090));
	
	
	/* Borders */
	border: 1px solid #e2e2e2;
	-moz-box-shadow:inset 0px 0px 1px #fdfdff;
	-webkit-box-shadow:inset 0px 0px 1px #fdfdff;
	box-shadow:inset 0px 0px 1px #fdfdfd;
	
	/*border: 1px solid yellow;*/
	/*z-index: 99999;*/
	font-size:0.8em; 
}
.soundex a {
	/*font-size:0.8em; */
	font-weight:bold; 
	font:bold 0.8em Verdana; 

	line-height:11px; /* 24px; */
	/*position:relative;*/
	text-shadow: 1px 1px 1px #ffffff;
	padding:0;margin:0;
	float:none;	
	text-align:left;
	color:blue;
}


	
#nav {
    display: inline-block;
    list-style:none;
	margin: 0;
	padding: 0;
	/*width: 900px; *//*  100%;*/
	/*margin:30px auto 0px auto;*/
	height:20px; /* 43px; */
	padding:0px 15px 0px 15px;
	/* Rounded Corners */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	/* Background color and gradients */
	background: #A0A0A0;
	/*
	background: -moz-linear-gradient(top, #0272a7, #013953);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
	*/
	background: -moz-linear-gradient(top, #D8D8D8, #909090);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D8D8D8), to(#909090));
	
	
	/* Borders */
	border: 1px solid #e2e2e2;
	-moz-box-shadow:inset 0px 0px 1px #fdfdff;
	-webkit-box-shadow:inset 0px 0px 1px #fdfdff;
	box-shadow:inset 0px 0px 1px #fdfdfd;
	
	/*border: 1px solid yellow;*/
	/*z-index: 99999;*/
}

#nav li {
	float:left;
	display:block;
	position:relative;
	padding: 1px 10px 2px 10px; /*  4px 10px 4px 10px; */
	/*margin-right:16px;*/  /* 30 */
	margin-top:0px;border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight:bolder; 
	z-index: 99999;	
	/*border:1px solid red;*/
}
   
#nav li:hover {border: 1px solid #777777;
    padding: 1px 9px 2px 9px;	/* 4px 9px 4px 9px;	*/
	/* Background color and gradients */
	background: #F4F4F4;
	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
	
	/* Rounded corners */
	-moz-border-radius: 2px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

#nav li a {
	/*font-family:Arial, Helvetica, sans-serif;*/
	color: #EEEEEE;
	display:block;
	outline:0;
	text-decoration:none;
	text-shadow: 1px 1px 1px #000;
}
#nav li:hover a {
    color:#161616;
	text-shadow: 1px 1px 1px #ffffff;
}

.mnu_1col, 
.mnu_2col, 
.mnu_3col, 
.mnu_4col,
.mnu_5col ,
.mnu_6col ,
.mnu_7col {margin:0px auto;float:left;position:absolute;
    left:-999em;   /* Hides the drop down */
	display:none;  /* Hides the drop down ne suffit pas !!! il faut un display:none */
	text-align:left;padding:5px 5px 5px 5px;border:1px solid #777777;border-top:none;
	/* Gradient background */
	background:#F4F4F4;
	background: -moz-linear-gradient(top, #EEEEEE, #AAAAAA);
	background: -webkit-gradient(linear, 0% 0%, 0% 80%, from(#EEEEEE), to(#AAAAAA));

	/* Rounded Corners */
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

.mnu_1col {width: 105px;} /* 140 */
.mnu_2col {width: 220px;} /* 280 */
.mnu_3col {width: 330px;} /* 420 */
.mnu_4col {width: 440px;} /*     */
.mnu_5col {width: 550px;} /* 700 */
.mnu_6col {width: 660px;} /* 700 */
.mnu_7col {width: 770px;} /* 700 */

#nav li:hover .mnu_1col, 
#nav li:hover .mnu_2col, 
#nav li:hover .mnu_3col,
#nav li:hover .mnu_4col,
#nav li:hover .mnu_5col,
#nav li:hover .mnu_6col ,
#nav li:hover .mnu_7col { 
   left:-15px;
   display:block; /* left:-15; ne suffit pas !!! il faut un display:block */
   top:auto;}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5,
.col_6,
.col_7 {display:inline;float: left;position: relative;margin-left: 2px;margin-right: 2px;}
.col_1 {width:110px;} /* 130px */
.col_2 {width:240px;} /* 270px;*/
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}
.col_6 {width:690px;}
.col_7 {width:110px;} /* ??? */

#nav .nav_right {float:right;margin-right:0px;}
#nav li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
#nav li:hover .align_right {left:auto;right:-25px;top:auto;}


#nav .nav_center {float:right;margin-right:0px;}
#nav li .align_center {
	/* Rounded Corners */
	-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
#nav li:hover .align_center {left:auto;right:-200px;top:auto;}




 
#nav ul li {
	font-family:Arial, Helvetica, sans-serif;
	line-height:14px; /*21px;*/
	font-size:0.6em;
	font-weight:bold;
	text-align:left;
	text-shadow: 1px 1px 1px #FFFFFF;
	/*border: 1px solid red;*/
}

#nav li:hover div a {font-size:0.8;color:#015b86;}
#nav li:hover div a:hover {
    padding:0px 0px 0px 0px;
	color:#0000ff;	/* 029feb;*/
	font-weight:bold;
	font-style:italic;
	background: #F4F4F4;
}

#nav li ul {
  list-style:none;
  padding:0;
  margin:0 0 1px 0px;}
  
#nav li ul li {
	font-size:0.8em; 
	font-weight:bold; 
	/*font:normal 0.7em Verdana; */

	line-height:11px; /* 24px; */
	position:relative;
	text-shadow: 1px 1px 1px #ffffff;
	padding:0px 0px 0px 0px;
	margin:0px 1px 0px 0px;
	float:right;	
	text-align:right;
	color:#015b86;
	width:105px;
	/*border:1px solid red;*/
}
#nav li ul li a{  						/* 17/01/2017 en plus */
   /* margin:0px 0px 0px 0px;*/
	/*padding:0px 0px 0px 0px;*/
	float:left;	
	text-align:left;
}



#nav li ul li:hover {
	/* background:none; */
	border:none;
	padding:0; 
	/*margin:0;*/
	margin:0px 2px 0px 0px;
    /* 17/01/2017 modifier */
	/*padding:0px 0px 0px 0px;*/
	color:#0000ff;	/* 029feb;*/
	font-weight:bold;
	font-style:italic;
	background: #F4F4F4;
  
  
}

#toTop {
    display: block;
    background: url(./../img/goToTop_OFF.png) repeat scroll center top transparent;
    /*bottom: 10px;*/
	bottom:50%;
    cursor: pointer;
    height: 32px;
    position: fixed;
    right: 10px;
    text-align: center;
    text-decoration: none;
    width: 32px;
}
#toTop:hover {
    background: url(./../img/goToTop_ON.png) repeat scroll center bottom transparent;
}