/* CSS Document */
html,body {
	  background-color:#080808;
	  padding:Opx;
      margin:0px;
      text-align: center;
	  font-family:Verdana, Arial, Helvetica, sans-serif;
	  font-size:12px;
	  color:#FFFFFF;
}
img{ border:none;}
.separation{
	  clear:both;
	  visibility:hidden;
}
.cache {
position: absolute;
left: 0;
top: -5000px;
}
a.info {
position: relative;
text-decoration: none;
color: #666666;
border-bottom: 1px #666666 dotted;
}
a.info span {
display: none;
}
a.info:hover {
background: none; /* contournement d?un bogue d?IE */
z-index: 500;
}
a.info:hover span {
display: inline;
position: absolute;
z-index: 500;
top: 2em;
left: 1em;
background: #90CE2F;
text-align: left;
color: white;
padding: 0.2em;
width:150px;
}
#contact{
text-align:center;
}
#contact p{
margin:5px;font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF
}
#contact a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
text-decoration:none;
font-weight:bold;

}
#contact a:hover{
color:#90CE2F;
text-decoration:none;

}
#container{
	  width:900px;
	  margin:0 auto;
	  text-align:left;
	  position:relative;
}
#gauche{
	background:url(../images/bg_gauche.gif) no-repeat;
	width:101px;
	height:900px;
	float:left;
	z-index:0;
}
#droit{
    background:url(../images/bg_droit.gif) no-repeat;
	width:101px;
	height:900px;
	float:left;
	z-index:0;
}
#centre{
	float:left;
	width:698px;
    
}
#contenuhaut{
   background:url(../images/bg_haut_contenu.gif) no-repeat top;
   width:698px;
   height:70px;
   position:relative;
}
#contenumilieu{
   background:url(../images/bg_milieu_contenu.gif) repeat-y;
   width:698px;
   z-index:10;
}
#inner_contenumilieu{
	padding:10px;
}
#inner_contenumilieu p{
	position:relative;
	margin:5px 0 5px 0;
}
#parapremier{
    margin:0 0 10px 0;
}
#parapremier img{
     float:left;
	 border:none;
	 margin:5px;
}
#parapremier p{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:5px;
	width:500px;
	margin-left:150px;
}
#parasecond{
    margin:0 0 10px 0;
}
#parasecond img{
     float:right;
	 border:none;
	 margin:5px;
}
#parasecond p{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:5px;
	width:515px;
}
#parasecondbis{
    margin:0 0 20px 0;
}
#parasecondbis p{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:5px;
	width:650px;
}
#paratrois{
    margin:0 0 10px 0;
}
#paratrois img{
     float:left;
	 border:none;
	 margin:5px;
}
#paratrois p{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:5px;
	width:500px;
	margin-left:150px;
}
#paraquatre{
    margin:0 0 10px 0;
}
#paraquatre img{
     float:right;
	 border:none;
	 margin:5px;
}
#paraquatre p{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:5px;
	width:500px;
}
#onglet_container{
    margin:0 0 0 0;
	padding:0;
	width:671px;
}
#onglet{
	width:671px;
	height:36px;
	padding:0;
	margin:0;
	position:relative;
}
#onglet ul{
   list-style-type:none;
   margin:0;
   padding:0;
}
#onglet li{
   list-style-type:none;
   float:left;
   height:36px;
   text-align:center;
   margin:0 0 0 0;
   padding:0;
   position:relative;
}
#onglet a{
    background:url(../images/onglet_menus_off.gif) no-repeat 0 0;
	width:108px;
	height:36px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	/*font-family:Arial, Helvetica, sans-serif;
	font-size:12px;*/
	font: bold 12px verdana;
	padding:0;
	margin:0 0 0 0;
	position:relative;
	top:0;
	left:0;
}
#onglet a:hover{
    background:url(../images/onglet_menus_over.gif) no-repeat 0 0;
	width:108px;
	height:36px;
	display:block;
	text-decoration:none;
	font-weight:bold;
}
#onglet_on{
    background:url(../images/onglet_menus_on.gif) no-repeat 0 0;
	width:108px;
	height:36px;
	padding:0;
	margin:0;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	/*font-family:Arial, Helvetica, sans-serif;
	font-size:12px;*/
	font: bold 12px verdana;
	position:relative;
	top:0;
	left:0;
}
#bloc_onglet{
    width:671px;
	margin:0;
	padding:0;
	position:relative;
}
#onglet_header{
    background:url(../images/onglet_menus_bghaut.gif) no-repeat;
    position:relative;
	margin:0;
	padding:0;
	width:671px;
	height:25px;
}
#onglet_content{
    width:671px;
	background:url(../images/onglet_menus_bgmid.gif) repeat-y;
	margin:0;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:5px;
}
#onglet_content p{
margin:0 5px 0 5px;
padding:0 5px 5px 5px;
width:640px;
}
#onglet_content h1{
margin:0;
padding:0;
display:block;
width:640px;
color:#90CE2F;
font-size:14px;
text-decoration:underline;
margin-left:10px;
}
#onglet_content h2{
margin:0;
padding:0;
display:block;
width:640px;
color:#90CE2F;
font-size:12px;
font-weight:bold;
margin-left:10px;
}
#onglet_content_inner{
margin:10px;
}
#onglet_content ul{
margin:0 5px 0 20px;
padding:0 5px 5px 5px;
width:200px;
list-style-type:none;
}
#onglet_content li{
margin:0 5px 0 5px;
padding:0 5px 0 5px;
font-weight:bold;
list-style-type:none;
}
#onglet_content a{
       font-family:Verdana, Arial, Helvetica, sans-serif;
	  font-size:12px;
	  color:#666666;
}
#onglet_content a:hover{
       font-family:Verdana, Arial, Helvetica, sans-serif;
	  font-size:12px;
	  color:#90CE2F;
	  text-decoration:underline;
}
.espace_onglet{
margin:0 5px 0 5px;
padding:0 5px 3px 5px;
font-weight:bold;
text-decoration:underline;
display:block;
}
#onglet_footer{
	background:url(../images/onglet_menus_bgbas.gif) no-repeat;
    position:relative;
	margin:0;
	padding:0;
	width:671px;
	height:15px;
}
#contenubas{
   background:url(../images/bg_bas_contenu.gif) no-repeat;
   width:698px;
   height:19px;
}
#header{
    background:url(../images/header.gif) no-repeat;
	width:698px;
	height:84px;
}
#haut{
     background:url(../images/bg_haut.gif) no-repeat;
	 width:698px;
	 height:310px;
	 position:relative;
}
ul#menu
{
	margin: 0  ;
	padding: 30px 0 0 100px ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu li
{
	margin: 0 0 5px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 77px ;
	line-height: 27px ;
	color: #000 ;
	text-indent: 16px ;  /*On décale le texte de 40px du bord gauche */
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	text-decoration: none ;
	background: url(../images/bt_menu.gif) no-repeat 0 0 ;/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	
}

ul#menu li a:hover
{
	background: url(../images/bt_menu.gif) no-repeat 0 -27px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
#platsimages{
   margin:10px;
}
#platsimages ul{
   margin:0;
   padding:0;
   list-style-type:none;
}
#platsimages li{
   float:left;
   margin:3px;
   padding:0;
}
#navhaut{
   position:absolute;
   top:22px;
   left:150px;
   width:300px;
   height:50px;
}
#navhaut a{
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
display: inline;
font-weight:lighter;
}
#navhaut a:hover{
text-decoration: inherit;
}
#navhaut h1{
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
display: inline;
font-weight:lighter;
}
#navhaut h2{
color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
display: inline;
}		
#anim{
   position:absolute;
   top:12px;
   left:290px;
   width:400px;
   height:300px;
}

#footer{
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:698px;
	height:55px;
	background:url(../images/footer.gif) no-repeat;
	margin:8px 0 0 0;
	padding:0;
	position:relative;
}
#footerlink{
   margin:0;
   padding:0;
   position:absolute;
   top:13px;
   left:490px;
}
#soundcontenuhautanim{
   margin:0;
   padding:0;
   position:absolute;
   top:19px;
   left:475px;
   height:50px;
   width:210px;
   color:#FFFFFF;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   text-align:center;
}
#footerlink a{
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
  
}
#footerlink a:hover{
   font-weight:bold;
}

.italic{
   font-style:italic;
}

#{
}