* {
		margin:0;
		padding:0;
		}
		
html, body {
	height:100%;
	font-family:Arial,Verdana;
	font-size:11px;
	color:#000000;
	background-color:#988c76;
	}
	
	
/* Layout */

#distance {
		width:1px;
		height:10px;
		margin-top:10px; /* half of container's height */
		float:left;
		}

#conteneur{
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:20em;
		width:781px;
		clear:left;
	
		
		background-repeat:no-repeat;
		background-position:bottom;
}


html>body #conteneur {
height: auto;
min-height: 20em;
} 


img{ border:0px;}

#header{ 
background-color:#5f5749; position:relative;
}

#header #top{ height:50px;}

#header #banner{ height:258px;}

#header #titrebanner{ position:absolute; margin-top:200px; -margin-top:250px;margin-left:15px;}


#content{ background-color:#FFFFFF; border:1px solid black; font-family:Georgia, "Times New Roman", Times, serif;}
#ficelle{ background:url(../media/img/structure/ficelle.png) no-repeat; height:30px; width:780px; display:block;float:left;margin-bottom:20px;}

#menu{ float:left; margin-bottom:40px;}
#menu ul{ list-style:none;  color:#8d8d8d; margin-left:15px;}
#menu li{ display:inline; font-size:11px; font-family:Arial, Helvetica, sans-serif;text-transform:uppercase; font-weight:bold; float:left; margin-left:0px;}

#menu li a{  color:#5f5749; text-decoration:none;}


li.menu1 a{  font-size:14px;background: url(../media/img/structure/menu/menu-01-00.png) no-repeat; width:88px; height:46px; display:block; padding:15px 0px 0px 30px !important;}
li.menu1 a:hover, li.menu1 a.active{background:url(../media/img/structure/menu/menu-01-01.png) no-repeat;}

li.menu2 a{ background: url(../media/img/structure/menu/menu-02-00.png) no-repeat; width:138px; height:46px; display:block; padding:15px 0px 0px 15px !important;}
li.menu2 a:hover, li.menu2 a.active{background:url(../media/img/structure/menu/menu-02-01.png) no-repeat;}

li.menu3 a{  background: url(../media/img/structure/menu/menu-03-00.png) no-repeat;  width:130px; height:46px; display:block; padding:15px 0px 0px 10px !important;}
li.menu3 a:hover, li.menu3 a.active{background:url(../media/img/structure/menu/menu-03-01.png) no-repeat;}

li.menu4 a{  background: url(../media/img/structure/menu/menu-04-00.png) no-repeat; width:163px; height:51px; display:block; padding:15px 0px 0px 15px  !important;}
li.menu4 a:hover, li.menu4 a.active{background:url(../media/img/structure/menu/menu-04-01.png) no-repeat;}

#menu li.menu5 a{  background: url(../media/img/structure/menu/menu-05-00.png) no-repeat; width:120px; height:47px; display:block; padding:15px 15px 0px 15px; color:#fff;}
#menu li.menu5 a:hover, li.menu5 a.active{background:url(../media/img/structure/menu/menu-05-01.png) no-repeat;}



.flotte{ float:left;}
.vingt{ width:20%;  }
.vingtcinq{ width:25%;  }
.trente{ width:30%;  }
.trentecinq{ width:35%;  }
.quarante{ width:40%;  }
.soixante{ width:60%;}
.cinquante{  width:50%;}
.quarantecinq{  width:45%;}
.soixantequinze{ width:75%;}
.cent{ width:90%; margin-left:50px;}

.clear{ clear:both; margin:0; padding:0;}


.navigationsecondaire{ margin:0; padding:0; list-style:none;}
 ul.navigationsecondaire{ margin-left:15px; margin-bottom:30px;}
.navigationsecondaire li{ padding-bottom:10px; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px;}
.navigationsecondaire li a{ color:#5b574b; background:url(../media/img/structure/navigation-secondaire/fleche.png) no-repeat; background-position:2px 4px; text-decoration:none; padding-left:20px;}
.navigationsecondaire li a:hover, .navigationsecondaire li a.active{ font-weight:bold; background:url(../media/img/structure/navigation-secondaire/fleche-active.png) no-repeat;background-position:2px 4px;}


.generique ul{ margin:0; padding:0; list-style:none; margin-left:5px; margin-bottom:20px;}
.generique li{background:url(../media/img/structure/fleche-liste.png) no-repeat;background-position:6px 8px;padding-left:20px;}

 ul.listecuisine {margin:0; padding:0; list-style:none; margin-left:60px; margin-bottom:20px;}
.listecuisine li { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; text-transform:uppercase; padding-bottom:6px; padding-left:40px;padding-top:5px;}
.listecuisine li.liste1 { background:url(../media/img/structure/fleche-orange.png) no-repeat;background-position:0px 0px;}
.listecuisine li.liste2 { background:url(../media/img/structure/fleche-rouge.png) no-repeat;background-position:0px 0px;}
.listecuisine li.liste3 { background:url(../media/img/structure/fleche-verte.png) no-repeat;background-position:0px 0px;}


#pied{ background:url(../media/img/structure/bottom-quand-valentine-cuisine.png) no-repeat; background-position:40px 0px; height:100px; width:100%; position:relative; font-family:Arial, Helvetica, sans-serif;}

#pied ul{ list-style:none; bottom:5px; left:250px; position:absolute; color:#8d8d8d;}
#pied li{ display:inline; padding-right:5px; border-right:1px solid #8d8d8d;}
#pied li.last{border-right:0px solid #8d8d8d;}
#pied li a{ padding-left:10px;color:#8d8d8d; text-decoration:none;}
#pied li a:hover{ text-decoration:underline;}

/**************************************************************/
#contenu{
margin-left:250px;
width:450px;
float:left;

}

#col-gauche{
width:320px;
float:left;

}

#col-droite{
float:left; 
margin-left:30px;
width:320px;
}

#contenu p{
line-height:18px;
margin-bottom:15px;
}

#contenu ul{
line-height:18px;
margin-bottom:15px;
margin-left:15px;
}

#contenu li{
list-style: url(../images/structure/interieur/puce.png); 
margin-bottom:10px;
}

#liste li{
list-style: url(../images/structure/interieur/puce.png); 
margin-bottom:3px;
}

#navigationHistoire{width:700px; margin-left:-140px;}
#navigationHistoire ul{ display:inline;}
#navigationHistoire ul li{ float: left;}
#navigationHistoire ul li a{ color:#988c76; text-decoration:none;}
#navigationHistoire ul li a:hover{ color:#3e3e3e; text-decoration:underline;}
#navigationHistoire ul li a.active{ color:#3e3e3e; text-decoration:underline; font-size:16px;}


#fil-ariane a, #contenu a{
color:#AECC4A;
text-decoration:none;
}

#fil-ariane a:hover, #contenu a:hover{
color:#2CB0CF;
text-decoration:none;
}

.exergue{
color:#AECC4A;
}

h1.surtitre{
color:#000000;
font-size:40px;
font-weight:normal;
}

h1, .titre{
color:#000000;
font-size:24px;
font-weight:normal;
}

.actu{background:url(../media/img/contenu/titre-actu.jpg) no-repeat; display:block; height:100px;}
.actu h1, .actu .titre{color:#000000;
font-size:34px;
font-weight:normal;
padding-left:180px;
padding-top:40px;
float:left;
}

h2, .soustitre{
color:#000;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
}

h3, .intertitre{
color:#000;
font-size:18px;
}

h4, .intertitreFond{
color:#fff;
font-size:14px;
background-color:#000000;
padding:3px;
}

.generique{ font-size:14px; line-height:24px;color:#000000;}
.generique p{ margin-bottom:20px;}


.soixantequinze{ font-size:14px; line-height:24px;color:#000000;}
.soixantequinze p{ margin-bottom:20px;}



.borduregauche{ border-left:1px solid #000; padding-left:10px;}


.accueil { font-size:14px; line-height:24px;color:#000000;margin-left:40px; margin-top:40px;}

.accueil p{ }
#naviSecret{ margin-bottom:30px;}
#naviSecret .secret{ float:left;}
#naviSecret ul{ margin:0; padding:0; float:left;}
#naviSecret ul li { display:inline; background: none; padding-left:5px; padding-right:5px; border-right:1px solid #000;}
#naviSecret ul li.last { display:inline; background: none; padding-left:5px; padding-right:5px; border-right:0px solid #000;}

#naviSecret a{ text-decoration:none; color:#000;}
#naviSecret a:hover,#naviSecret a.active { text-decoration:underline; color:#000;}

.margebas10px{ margin-bottom:10px;}

.legende{
color:#2CB0CF;
font-size:10px;
}
/**************************************************************/

.actualite{ width:100%;}
.dateactualite{ background:url(../media/img/structure/actualite/etiquette-date.png) no-repeat; background-position:5px 5px;color:#FFFFFF; width:60px; height:50px; padding-left:55px; padding-top:15px; float:left; margin-left:80px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
.contenuactualite{ float:left; padding-top:15px; width:500px;}

.actualite a{ font-weight:bold; text-decoration:none; color:#000000;}
.actualite a:hover{ font-weight:bold; text-decoration:underline; color:#000000;}   

.lien_haut{float:left;display:block; margin-top:57px; margin-left:20px;}

.lien_haut a{ font-size:13px; color:#000000; text-decoration:none;}
.lien_haut a:hover{ font-size:13px; color:#000000; text-decoration:underline;}




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

#container{
height:30em;
margin-bottom:50px;
}

html>body #container {
height: auto;
min-height: 30em;
} 

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

.clear{
clear:both;
}

/**************************************************************/
#basdepage{
width:972px;
height:20px;
text-align:right;
padding-right:8px;
color:#AECC4A;
margin-top:20px;

}

#basdepage a{
color:#AECC4A;
text-decoration:none;
}

#basdepage a:hover{
color:#2CB0CF;
text-decoration:none;
}
/**************************************************************/