/* Cross-browser settings */
* {
 margin: 0;
 padding: 0;
}

/* general styles */
html, body {width:100%;margin:0;height: 100%;}

body {
 height: 100%;

 background:#fcfdfc;
 background: url('img/fond.png');
 background-attachment:fixed;
 background-position: center;
 font-family: arial;
 font-size: 14px;
 margin:0;
 
 
}

a:link{color:#000 ; text-decoration: none ;}
a:visited {color: #000 ; text-decoration: none ;}
a:hover { color: #333 ; text-decoration: none ; }
a:link img {border: 0}
a:hover img {border: 0}
a:visited img {border: 0}
a:active img {border: 0}



a.mentions:link{color:#626563 ; text-decoration: none ;}
a.mentions:visited {color: #626563  ; text-decoration: none ;}
a.mentions:hover { color: #000 ; text-decoration: none ; }

div#conteneur
{	position:relative;
	width:1034px ;
	height:540px;
	top:50%;	
	margin-top:-250px;
 	z-index: 2;
 	margin-left:auto;
	margin-right:auto;
 }

div#cadre
{	
	border: 1px;
 	border-color: #000;
 	border-style: solid;
	width:1024px ;
	height:530px;
	position:relative;
	top:5px;
	left:5px;

 	z-index: 2;


 }

div#cadrefond
{	
	width:1034px ;
	height:540px;
	position:absolute;

 	background: url('img/fondcadre.png');
 	z-index: 1;
 }
 
div#contenu
{	
	width:984px ;
	height:530px;
	position:absolute;
	top:0px;
	left:40px;
	overflow: hidden;
	z-index: 1;
 } 
 
 div#logo
{	
	width:230px;
	height:70px;
	position:absolute;
	top:-59px;
	left:800px;
	z-index:99;
 }

 div#menu
{	
	width:25px;
	height:530px;
	position:absolute;
	top:0px;
	left:6px;
	background: #9f92a0;
	
 }
 
 div#menu2
{	
	width:10px;
	height:530px;
	position:absolute;
	top:0px;
	left:7px;
	z-index: 99;
	overflow: visible;
	
 }
 
 div#menuhiden
{	position:absolute;
	width:190px;
	height:450px;
	background: url('img/fondmenu.png') no-repeat;
	padding-top:80px;
	overflow: hidden; 
	font-size: 14px;
	
	
	
	
 }
 
  div#petitefleche
{	
	margin-left:0px;
	
	
 }
 

 	
 div#mentions
{	font-size: 10px;
	color: #626563;
	width:1061px ;
	height:14px;
	position:absolute;
	top:535px;
	left:0px;
 }



 /* menu */

 	
 div#menuContainer {
  width: 200px;
  position: absolute;
  top: 0px;
  left: -127px;
  padding: 0px;
  z-index: -1;
  
}

#menuContainer ul { 
  list-style-type: none;
  position: absolute;
  margin: 0px;
  left:0px;
  padding-left: 0px;
  padding-top: 0px;
}

#menuContainer li {
  background: transparent;
  width: 160px;
  height:14px;
  padding-top: 0px;
  
position: absolute;
 

}

#menuContainer a {
  text-decoration: none;
	  position: absolute;
  font-weight: normal;
  font-size: 14pt;
  font-family: Arial, sans-serif;
}

#menuContainer li:hover {
  background: transparent;
  position: relative;
  
}

#menuContainer a:hover {
	text-decoration: none;
		
}

#menuContainer ul ul {
  position: absolute;
  left: 24px;
  top: 0px;
  visibility: hidden;
  
}
#menuContainer li:hover > ul {
  visibility: visible;
  
 
  
  
}




/*Mouseover: display second level or third level pop-up*/

#menuContainer li:hover ul, #menuContainer li:hover li:hover ul {
  visibility: visible;
    
  
}


/* Hide third level menu when the mouse is over the first level li*/
#menuContainer li:hover ul ul {
	visibility: hidden;
	 
}