/* CSS Document */



body {
font-family : Arial, Helvetica, sans-serif;
margin : 0;
padding : 0;
background-color : #66cccc;
}
div#contenant {
margin : 0 auto;
padding : 0;
width : 940px;
position : relative;
top : 50px;
height : 1210px;
background-color : #0099cc;
border-color : #cc6633;
}
#banniere {
background:url('http://www.regime--amaigrissant.com/image/regime-amaigrissant.jpg') no-repeat top left;
position:relative;
z-index:1;
left : 4px;
top : 20px;
width : 193px;
height : 90px;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 13px;
background-color : #0099cc;
color:#FFFFFF;
}

#textbanniere {
position:relative;
top:5px;
left:0;
z-index:10;
}

#sommaire {
height : 100%;
width : 300px;
position : absolute;
top : 115px;
left : 4px;
margin : 0;
}
ul#menu li ul {
display : none;
}
ul#menu li:hover > ul {
display : block;
}
ul#menu {
float : left;
}
ul#menu, ul#menu ul {
background-color : #66cccc;
list-style : none;
margin : 0;
padding : 0;
width : 190px;
color : #ffffff;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 13px;
text-align : center;
}
.step1 {
border : 1px solid;
border-top-color : #ffffff;
border-left-color : #ffffff;
border-right-color : #ffffff;
border-bottom-color : #ffffff;
background-color : #0066cc;
height : 20px;
font-weight : bold;
color : #ffffff;
}
.step2 {
width : 150px;
}
.step3 {
width : 150px;
}
ul#menu ul {
position : absolute;
top : -1px;
left : 179px;
}
ul#menu li {
position : relative;
margin : 5px;
padding : 0;
display : block;
}
ul#menu a {
display : block;
width : 100%;
color : #ffffff;
text-decoration : none;
}
ul#menu a:hover {
background : #66cccc;
color : #0066cc;
}
#centre {
position : absolute;
top : 115px;
left : 197px;
width : 590px;
height : 1035px;
margin : 0;
background-color : #ffffff;
color: #3399cc;
font-size : 13px;
text-indent : 12px;
}
#menudroit {
position : absolute;
top : 115px;
left : 780px;
width : 150px;
height : 800px;
font-family : Geneva, Arial, Helvetica, sans-serif;
background-color : #0099cc;
font-size : 13px;
}
#footer {
position : absolute;
top : 1155px;
width : 915px;
height : 50px;
left : 15px;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 10px;
background-color: #99cccc;
font-size : 13px;
}
h1 {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 18px;
color : #3366cc;
background-color : transparent;
text-align : center;
text-decoration : underline;
}
h2 {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 16px;
color : #339999;
background-color : transparent;
text-align : left;
margin-left : 10px;
margin-right : 10px;
background-color: #CCCCCC;
}
h3 {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #3399cc;
background-color : transparent;
text-align : left;
margin-left : 10px;
}
#adsense {
position : absolute;
width : 730px;
top : 20px;
height : 90px;
left : 200px;
}
#validation {
position : absolute;
left : 10px;
top : 1095px;
width : 190px;
height : auto;
border-color : #ffffff;
}
a:link {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 13px;
color:#0099CC;
background-color : transparent;
text-decoration : none;
}
a:visited {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 13px;
color : #0099CC;
background-color : transparent;
text-decoration : none;
}
a:hover {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 13px;
color : #0099CC;
background-color : transparent;
text-decoration : underline;
}

#actu {
position : absolute;
width : 189px;
top : 475px;
height : 675px;
left : 5px;
background-color : #66cccc;
border-color:#003399;
}

#h1 {
background:url('http://www.regime--amaigrissant.com/image/regime.gif') no-repeat top left;
position:relative;
z-index:1;
left: 13px;
top : 5px;
width : 600px;
height : 47px;
}

#texteh1 {
position:relative;
top:14px;
left: 10px;
width: 500px;
height: 25px;
z-index:10;
}

#sauce1 {
height : 12%;
width : 180px;
position : absolute;
top : 270px;
left : 10px;
margin : 0;
}

#sauce2 {
height : 12%;
width : 180px;
position : absolute;
top : 270px;
left : 200px;
margin : 0;
}

#sauce3 {
height : 12%;
width : 180px;
position : absolute;
top : 270px;
left : 390px;
margin : 0;
}

#sauce4 {
height : 12%;
width : 180px;
position : absolute;
top : 410px;
left : 10px;
margin : 0;
}

#sauce5 {
height : 12%;
width : 180px;
position : absolute;
top : 410px;
left : 200px;
margin : 0;
}

#sauce6 {
height : 12%;
width : 180px;
position : absolute;
top : 410px;
left : 390px;
margin : 0;
}

#sauce7{
height : 12%;
width : 180px;
position : absolute;
top : 550px;
left : 10px;
margin : 0;
}

#sauce8 {
height : 12%;
width : 180px;
position : absolute;
top : 550px;
left : 200px;
margin : 0;
}

#imagesauce {
height : 12%;
width : 180px;
position : absolute;
top : 210px;
left : 10px;
margin : 0;
}

#recettesauce {
height : 12%;
width : 400px;
position : absolute;
top : 210px;
left : 200px;
margin : 0;
}

#autrerecette {
height : 12%;
width : 580px;
position : absolute;
top : 380px;
left : 10px;
margin : 0;
}

#autrerecette1 {
height : 12%;
width : 580px;
position : absolute;
top : 420px;
left : 10px;
margin : 0;
}