/*FEUILLE DE STYLE COMMUNE */


/* -------------------- balises d'attributs génériques -------------------- */

a, li {
	color: #000;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border:none;
}

h1 {
	vertical-align:top;
}

.visuel {
	float:left;
}

.spacer {
	clear:both;
	font-size:1px;
	height:1px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* -------------------- STRUCTURE GENERALE -------------------- */

div#conteneur-general {
	width:956px;
	margin:0 auto;
	padding:0;
}

div#conteneur_principal {
	position:relative;
	width:954px;
	float:left;
	border:1px solid #c20203;
	margin:0;
	padding:0 0 0 0;
}

div#contenu {	
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:954px;
	vertical-align:top;
}



/* -------------------- INDEX NAV MENU_HAUT - PLANSITE - MENTIONS LEGALES - CONTACT -------------------- */

.mal_voyant {
	display:none;
}

div#header-menu-haut {
	height:10px;
	text-align:right;
	margin:7px 0 0 0;	
	padding:0 0 0 0;
	width:954px;
}

#nav_header  {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style: none;
}

#nav_header ul  {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style: none;
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#000;			
}

#nav_header li  {
	float: right;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#nav_header li a {
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#990000;		
}

#nav_header li#menu1 span {
	display:block;
	width:34px;
	height:10px;
	background: url(../medias/menu-haut-accueil.gif) no-repeat top left;
	overflow:hidden;
	text-indent:1000px;
	cursor:pointer;	
}

#nav_header li#menu2 span {
	display:block;
	width:56px;
	height:10px;
	background: url(../medias/menu-haut-plan-site.gif) no-repeat top left;
	overflow:hidden;
	text-indent:1000px;
	margin:0 0 0 4px;
	cursor:pointer;	
}

#nav_header li#menu3 span {
	display:block;
	width:78px;
	height:10px;
	background: url(../medias/menu-haut-infos-legales.gif) no-repeat top left;
	overflow:hidden;
	text-indent:1000px;	
	margin:0 0 0 4px;
	cursor:pointer;	
}

#nav_header li#menu4 span  {
	display:block;
	width:36px;
	height:10px;
	background: url(../medias/menu-haut-contact.gif) no-repeat top left;
	overflow:hidden;
	text-indent:1000px;	
	margin:0 0 0 4px;
	padding:0 10px 0 0;
	cursor:pointer;	
}


/* -------------------- MENU NAV PRINCIPALE -------------------- */

#nav_niv1 ul  {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style: none;
}

#nav_niv1 li  {
	float: left;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#nav_niv1 li a {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	display:block;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

/************  Liste niveau 2 */
#nav_niv1 li ul {
	position: absolute;
	visibility: hidden;
	padding: 0 0 0 0;
	margin-top:0px;
	margin-left:0px;
	background-color:#c21a1a;	
}

#nav_niv1 li ul li { 
	padding:0 0 0 0;
	margin:0 0 0 0;
	clear:left; 
}


#nav_niv1 li:hover ul, #nav_niv1 li.sfhover ul { 
	left: auto;
	visibility: visible;
}

#nav_niv1 li ul li a {
	display: block;	
	text-align:left;
	width: 225px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;	
	text-decoration: none;
	margin:0 0 0 0;
	padding:0 0 0 15px;
	line-height:22px;
	background: url(../medias/menu-separateur.gif) repeat-x top;
}

#nav_niv1 li ul li .first {
	background-image:none;
}


#nav_niv1 li ul li a:hover {
	display: block;
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;	
	text-decoration: none;
	line-height:22px;
	background-color:#940000;
}

/************  Liste niveau 3 */

#nav_niv1 li:hover ul ul, #nav_niv1 li.sfhover ul ul {
	left: -999em;
	margin-left : 225px;
	margin-top : -25px;
}
#nav_niv1 li ul li ul li {  
	background-color: #c21a1a;
	margin: 0 
}

/************  Commun aux listes - replace le sous-menu en rollover */
#nav_niv1 li:hover ul, #nav_niv1 li li:hover ul, #nav_niv1 li.sfhover ul, #nav_niv1 li li.sfhover ul { 
	left: auto;
	visibility: visible;
}
/************  Commun aux listes - indique l'item déroulé */
#nav_niv1 ul li:hover, #nav_niv1 ul li.sfhover {
	background-color: #c21a1a;	
}

/*---- specificite de chacune des lignes nav principales -------*/
#nav_niv1 li#item1 span {
	width:150px;		
	background: url(../medias/menu-1.gif) no-repeat top left;
	display:block;
	height:33px;
	overflow:hidden;
	text-indent:-1000px;
	cursor:pointer;
	/*font: 3em Arial, Helvetica, sans-serif ;
	color:#000000;	*/
}

#nav_niv1 li#item2 span {
	width:95px;
	background: url(../medias/menu-2.gif) no-repeat top left;	
	display:block;
	height:33px;
	overflow:hidden;
	text-indent:-1000px;
	cursor:pointer;	
	/*font: 3em Arial, Helvetica, sans-serif ;
	color:#000000;	*/
}

#nav_niv1 li#item3 span {
	width:130px;	
	background: url(../medias/menu-3.gif) no-repeat top left;
	display:block;
	height:33px;
	overflow:hidden;
	text-indent:-1000px;	
	cursor:pointer;
	/*font: 3em Arial, Helvetica, sans-serif ;
	color:#000000;*/
	
}

#nav_niv1 li#item4 span {
	width:160px;
	background: url(../medias/menu-4.gif) no-repeat top left;
	display:block;
	height:33px;
	overflow:hidden;
	text-indent:-1000px;
	cursor:pointer;	
	/*font: 3em Arial, Helvetica, sans-serif ;
	color:#000000;		*/	
}

#nav_niv1 li#item5 span {
	width:95px;
	display:block;
	background: url(../medias/menu-5.gif) no-repeat top left;
	height:33px;	
	overflow:hidden;
	text-indent:-1000px;
	cursor:pointer;	
	/*font: 3em Arial, Helvetica, sans-serif ;
	color:#000000;	*/	
}

#nav_niv1 li#item6 span {
	width:80px;
	display:block;
	background: url(../medias/menu-6.gif) no-repeat top left;
	height:33px;	
	overflow:hidden;
	text-indent:-1000px;
	cursor:pointer;	
	/*font: 3em Arial, Helvetica, sans-serif ;
	color:#000000;	*/	
}

#nav_niv1 li#item7 span {
	width:100px;
	display:block;
	background: url(../medias/menu-7.gif) no-repeat top left;
	height:33px;	
	overflow:hidden;
	text-indent:-1000px;
	cursor:pointer;	
	/*font: 3em Arial, Helvetica, sans-serif ;
	color:#000000;	*/	
}