body {
color: #330000;
font: 90% "arial", sans-serif;
background: white;
margin: 0px 0px 0px 0px;
}

h2 {
font: 120% "arial", sans-serif;
color: #808080;
}

h3 {
font: bold 170% "arial", sans-serif;
color: #CC3300;
}

h4 {
font: bold 120% "arial", sans-serif;
color: black;
}

h5 {
font: bold 100% "arial", sans-serif;
color: black;
}

p {
font: 100% "arial", sans-serif;
}



p.ital, span.ital {
	font-style: italic;
	}

p.gras, span.gras {
	font-weight: bold;
	}

p.petit, span.petit {
	font-size: 80%;
	}

p.couleur, span.couleur {
	font: bold 100% "arial", sans-serif;
	color: #CC3300;
	}


.curved {
-moz-border-radius:10px;
-webkit-border-radius:10px;
behavior:url(border-radius.htc);
	}


/* BANDEAU BANDEAU BANDEAU BANDEAU BANDEAU BANDEAU BANDEAU BANDEAU BANDEAU BANDEAU */
#Bandeau {
position:absolute;
border: 1px solid #CCCC33;
left: 15px;
top: 15px;
width: 805px;
height: 150px;
padding: 0px 0px 0px 0px;
background: rgb(190,194,104) url("logo.jpg") no-repeat;
}


#Ghost {
position:absolute;
border: none;
right:20px;
bottom:0px;
background: none;
color: #CD6600;
}





/* MAINMENU MAINMENU MAINMENU MAINMENU MAINMENU MAINMENU MAINMENU MAINMENU MAINMENU */

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#MainMenu {
position:absolute;
border: none;
left:15px;
top:175px;
width: 165px;
height:1800px;
padding:20px 0px 0px 0px;
background: rgb(255,159,78) url("Fond_degrade.jpg") repeat-x;
font: 90% "century gothic", "arial", sans-serif;
}

#MainMenu dt {
cursor: pointer;
background: #CCCC66;
height: 25px;
width: 150px;
line-height: 25px;
margin: 5px 5px 25px 5px;
padding: 0px 0px 0px 0px;
text-align: left;
}

#MainMenu dd {
position: absolute;
z-index: 100;
left: 40px;
margin-top: -29px;
width: 200px;
background: #CCCC66;
display: none;
}

#MainMenu li {
text-align: left;
font-size: 90%;
height: 18px;
line-height: 18px;
border: 1px solid #CCCC66;
}

#MainMenu li a, #MainMenu dt a, #MainMenu a {
color: #330000;
text-decoration: none;
border: none;
display: block;
}

#MainMenu li a:hover, #MainMenu li a:focus, #MainMenu dt a:hover, #MainMenu dt a:focus {
text-decoration: none;
}

img.icon, img.icon a {
width: 27px;
border: none;
}


img.bouton, img.bouton a {
border: none;
}




/* ZONE-PRINCIPALE ZONE-PRINCIPALE ZONE-PRINCIPALE ZONE-PRINCIPALE ZONE-PRINCIPALE */
#ZonePrincipale {
	position:absolute;
	left:190px;
	top:175px;
	width:590px;
	background: white;
	z-index:1;
	}

#LaUne {
border: 1px solid #CCCC33;
padding: 0px 20px 50px 20px;
width:590px;
z-index:1;
}

#LaUne a {
color: #993333;
}

#Zonesaison {
	text-align: center;
	position:absolute;
	left:40px;
	top:310px;
	width:550px;
	height:610px;
	border: none;
	}

#Colsaison1 {
	position:absolute;
	left:30px;
	top: 30px;
	width:110px;
	z-index:105;
	}

#Colsaison2 {
	position:absolute;
	left:160px;
	top: 30px;
	width:110px;
	z-index:104;
	}

#Colsaison3 {
	position:absolute;
	left:290px;
	top: 30px;
	width:110px;
	z-index:103;
	}

#Colsaison4 {
	position:absolute;
	left:420px;
	top: 30px;
	width:110px;
	z-index:102;
	}

#LaUne dt {
cursor: pointer;
text-align: left;
font-size: 90%;
width: 95px;
line-height: 22px;
border-bottom : 1px solid #CC3300;
background: none;
z-index: 1;
}

#LaUne dd {
position: absolute;
width: 250px;
margin-top: -50px;
margin-left: 60px;
padding: 5px 5px 5px 5px; 
background: white;
border : 1px solid #CC3300;
display: none;
text-align: left;
font-size: 80%;
line-height: 18px;
z-index: 100;
}


#RecettesUne {
float: right;
width: 200px;
background : white;
margin: 0px 0px 0px 40px;
color: #330000;
text-align: left;
}
	
#RecettesUne a {
color: #993333;
text-align: left;
text-decoration: none;
font-size: 80%;
}

#RechRecettes {
text-align: left;
font-size: 100%;
color: #000000;
background-color: white;
text-decoration: none;
}

#RechRecettes a, #RechRecettes a:hover, #RechRecettes a:focus {
text-decoration: none;
color: #660000;
}

hr.ligneh {
	width: 100%;
	color: #CCCC33;
	background-color: #CCCC33;
	height: 1px;
	border: 0;
}

img.VignetteRecette, img.VignetteRecette a {
	float: left;
	margin: 5px 5px 15px 0px;
	border: none;
}

#PhotoRecette {
	float: right;
	width: 66%;
	margin: 20px 0px 20px 40px;
	border: none;
}



/* MENU-ANNEXE MENU-ANNEXE MENU-ANNEXE MENU-ANNEXE MENU-ANNEXE MENU-ANNEXE MENU-ANNEXE */
#Annonces {
	position:absolute;
	border: 1px solid rgb(255,159,78);
	left:830px;
	top:15px;
	width: 250px;
	height:250px;
	margin:0px;
	padding: 0px 0px 0px 0px;
	background: #FF9F3F;
	}

#MenuAnnexe {
	position:absolute;
	border: 1px solid #CCCC33;
	left:830px;
	top:275px;
	width: 230px;
	height:1715px;
	margin:0px;
	padding: 0px 10px 0px 10px;
	background: #CCCC99;
	font: 100% "century gothic", "arial", sans-serif;
	color: #8B7E66;
	z-index: 0;
	}

#MenuAnnexe a.lien {
	text-decoration: none;
	font: bold 100% "century gothic", "arial", sans-serif;
	color: #CC3300;
	background: #CCCC99;
}

#MenuAnnexe a.liste {
	text-decoration: none;
	color: #990000;
	font: 77% "century gothic", "arial", sans-serif;
}




/* MENTIONS MENTIONS MENTIONS MENTIONS MENTIONS MENTIONS MENTIONS MENTIONS MENTIONS */
#Mentions {
	position: relative;
	top: 11px;
	color: black;
	border: 1px solid #CCCC33;
	width:590px;
	height: 150px;
	background: white;
	padding: 20px 20px 0px 20px;
	text-align: center;
	font-size: 80%;
	}

#Mentions a, #Mentions a:hover, #Mentions a:focus {
color: black;
}

#Toutesrecettes {
	position: relative;
	top: 25px;
	color: black;
	border: 1px solid #CCCC33;
	width:590px;
	height:1200px;
	background: white;
	padding: 0px 20px 0px 20px;
	text-align: center;
	font-size: 75%;
	}

#Toutesrecettes h4 {
	text-align: center;	}

#Toutesrecettes a, #Toutesrecettes a:hover, #Toutesrecettes a:focus {
color: black;
}

#Col1 {
	position: absolute;
	left: 20px;
	border: none;
	width:190px;
	text-align: left;
	background: white;
	}

#Col2 {
	position: absolute;
	left: 222px;
	border: none;
	width:190px;
	text-align: left;
	background: white;
	}

#Col3 {
	position: absolute;
	left: 425px;
	border: none;
	width:190px;
	text-align: left;
	background: white;
	}