/* CSS Document */

*
{
border:0px;
margin:0px;
padding:0px;
}

body
{
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
}

#tresgrand
{
background-color:#FFFFFF;
background-image:url(../image/fond.png);
background-repeat:repeat-y;
width:100%;
height:auto;
overflow:hidden;
}

#grand
{
margin-left:auto;
margin-right:auto;
width:1007px;
height:auto;
position:relative;
border-right:1px solid #D8DD99;
background-color:#FFFFFF;
background-image:url(../image/fondgrand.gif);
background-repeat:repeat-y;
}

#entete
{
width:100%;
height:26px;
background-image:url(../image/haut.gif);
position:relative;
/*top:0px;
left:0px;*/
}
#piedpage
{
width:100%;
height:74px;
background-image:url(../image/bas.gif);
position:relative;
}
#piedpage p
{
padding-top:34px;
text-align:center;
color:#000000;
font-size:12px;
}
#piedpage a
{
color:#000000;
text-decoration:none;
}

#lienversion
{
position:absolute;
top:-25px;
left:auto;
}
#lienversion a
{
margin-left:95px;
font-size:14px;
font-weight:bold;
text-decoration:none;
color:#FFFFFF;
}
#coldroite
{
width:668px;
height:auto;
position:relative;
/*top:0px;
left:334px;*/
float:left;
}

#haut
{
background-image:url(../image/fondhaut.gif);
width:667px;
height:289px;
}
#haut a.btn
{
width:154px;
height:106px;
display:block;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
text-align:center;
text-decoration:none;
padding-top:10px;
}
#btn1
{
background-image:url(../image/btnrecette.gif);
position:absolute;
left:28px;
top:13px;
}
#btn2
{
background-image:url(../image/btnarticle.gif);
position:absolute;
left:190px;
top:13px;
}
#btn3
{
background-image:url(../image/btnproduit.gif);
position:absolute;
left:28px;
top:136px;
}
#btn4
{
background-image:url(../image/btnliens.gif);
position:absolute;
left:190px;
top:136px;
}

#btn1:hover
{
background-image:url(../image/btnrecetteh.gif);
}
#btn2:hover
{
background-image:url(../image/btnarticleh.gif);
}
#btn3:hover
{
background-image:url(../image/btnproduith.gif);
}
#btn4:hover
{
background-image:url(../image/btnliensh.gif);
}
#capsule
{
/*width:307px;
height:242px;*/
width:271px;
height:206px;
background-image:url(../image/capsule.gif);
position:absolute;
left:352px;
top:13px;
padding:18px;
}
#capsule h1
{
font-size:20px;
font-weight:bold;
text-align:center;
color:#FFFFFF;
}
#capsule h2
{
font-size:26px;
font-weight:bold;
text-align:center;
color:#FFFFFF;
padding-bottom:5px;
}
#capsule p
{
font-size:12px;
padding-bottom:10px;
}
#capsule label
{
font-size:12px;
font-weight:bold;
}
.souscrire
{
background:none;
background-image:url(../image/bouton.gif);
width:120px;
height:26px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
margin-left:75px;
}
.souscrire:hover
{
background-image:url(../image/boutonh.gif);
color:#E86A10;
}
#capsule2
{
padding-bottom:10px;
}
#capsule2 label
{
font-size:14px;
font-weight:bold;
color:#EB8034;
}
#capsule2 input
{
font-size:14px;
}
#capsule2 input.txt
{
border:1px solid #BFBD00;
}
.souscrire2
{
background:none;
background-image:url(../image/bouton2.gif);
width:170px;
height:26px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
}
.souscrire2:hover
{
background-image:url(../image/boutonh2.gif);
color:#E86A10;
}
#contenu
{
width:550px;
margin-left:74px;
/*min-height:500px;*/
}

#contenu p
{
font-size:13px;
padding-bottom:16px;
text-align:left;
}
#contenu p.margegauche
{
padding-left:20px;
}
#contenu h1
{
font-size:22px;
font-weight:normal;
color:#EB8034;
padding-bottom:14px;
padding-top:15px;
text-align:center;
}

#contenu h2
{
font-size:15px;
font-weight:bold;
color:#9EA900;
padding-bottom:10px;
padding-top:5px;
}
#contenu h3
{
font-size:13px;
font-weight:bold;
color:#000000;
padding-bottom:10px;
padding-top:5px;
}
#contenu h4
{
font-size:20px;
font-weight:normal;
color:#FFFFFF;
padding:3px;
margin-bottom:25px;
margin-top:15px;
text-align:center;
/*border:2px solid #EB8034;*/
background-color: #EB8034;
}
#contenu h5
{
font-size:15px;
font-weight:normal;
color:#9EA900;
padding:5px;
margin-bottom:5px;
margin-top:15px;
text-align:left;
border:2px solid #9EA900;
}
#contenu ul
{
padding-left:20px;
padding-bottom:16px;
font-size:13px;
list-style-image:url(../image/list.gif);
}

#contenu ul li
{
margin: 1em 0 1em 0;
/*padding-bottom:7px;*/
}

#contenu a.orange
{
font-weight:bold;
color:#EB8034;
text-decoration:none;
}
.vert
{
color:#9EA900;
}
#baspage
{
width:1001px;
height:28px;
clear:both;
text-align:center;
}
#baspage a
{
margin-left:360px;
height:28px;
}
#photobas1
{
background-image:url(../image/photobas1.jpg);
height:335px;
width:241px;
position:absolute;
bottom:0px;
right:-242px;
/*IE6*/
-right:-243px;
}
#photobase1
{
background-color:#E86A10;
height:21px;
width:250px;
position:absolute;
top:-26px;
right:-242px;
}
#photobasp1
{
background-color:#E86A10;
height:21px;
width:250px;
position:absolute;
bottom:-26px;
right:-242px;
}
#photobas2
{
background-image:url(../image/photobas2.jpg);
height:356px;
width:237px;
position:absolute;
top:0px;
right:-238px;
/*IE6*/
-right:-239px;
}
#photobas3
{
background-image:url(../image/photobas3.jpg);
height:275px;
width:239px;
position:absolute;
bottom:0px;
right:-240px;
/*IE6*/
-right:-241px;
}
#photobas4
{
background-image:url(../image/photobas4.jpg);
height:236px;
width:303px;
position:absolute;
bottom:0px;
right:-304px;
/*IE6*/
-right:-305px;
}
#photobase4
{
background-color:#E86A10;
height:21px;
width:312px;
position:absolute;
top:-26px;
right:-304px;
}
#photobasp4
{
background-color:#E86A10;
height:21px;
width:312px;
position:absolute;
bottom:-26px;
right:-304px;
}
#photobas5
{
background-image:url(../image/photobas5.jpg);
height:286px;
width:442px;
position:absolute;
bottom:0px;
right:-443px;
/*IE6*/
-right:-444px;
}
#photobase5
{
background-color:#E86A10;
height:21px;
width:451px;
position:absolute;
top:-26px;
right:-443px;
}
#photobasp5
{
background-color:#E86A10;
height:21px;
width:451px;
position:absolute;
bottom:-26px;
right:-443px;
}

a.btnshop
{
width:154px;
height:192px;
display:block;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
text-align:center;
text-decoration:none;
padding-top:10px;
float:left;
margin-right:22px;
margin-bottom:30px;
}
a.btnshop2
{
width:154px;
height:200px;
display:block;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
text-align:center;
text-decoration:none;
padding-top:2px;
float:left;
margin-right:22px;
margin-bottom:30px;
}
#btnbook
{
background-image:url(../image/btnbook.gif);
}
#btncd
{
background-image:url(../image/btncd.gif);
}
#btnhousehold
{
background-image:url(../image/btnhousehold.gif);
}
#btnkitchen
{
background-image:url(../image/btnkitchen.gif);
}
#btnpersonal
{
background-image:url(../image/btnpersonal.gif);
}
#btnfood
{
background-image:url(../image/btnfood.gif);
}
#btntea
{
background-image:url(../image/btntea.gif);
}
#btnsupplement
{
background-image:url(../image/btnsupplement.gif);
}

#btnbook:hover
{
background-image:url(../image/btnbookh.gif);
}
#btncd:hover
{
background-image:url(../image/btncdh.gif);
}
#btnhousehold:hover
{
background-image:url(../image/btnhouseholdh.gif);
}
#btnkitchen:hover
{
background-image:url(../image/btnkitchenh.gif);
}
#btnpersonal:hover
{
background-image:url(../image/btnpersonalh.gif);
}
#btnfood:hover
{
background-image:url(../image/btnfoodh.gif);
}
#btntea:hover
{
background-image:url(../image/btnteah.gif);
}
#btnsupplement:hover
{
background-image:url(../image/btnsupplementh.gif);
}

.tableauimage
{
font-size:12px;
font-weight:bold;
}

img.imggauche
{
float:left;
padding-right:25px;
padding-bottom:25px;
}
img.imgdroite
{
float:right;
padding-left:25px;
padding-bottom:25px;
}