@charset "UTF-8";
/* CSS Document */

body{
background-image:url(images/background.jpg);
background-repeat:repeat;
margin:0;
padding:0;
font-size:12px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#543019;
}

a img{
border:0;
}

a:link{
color:#543019;
text-decoration:underline;
}

a:visited{
color:#543019;
}

a:hover{
text-decoration:none;
}

h1{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
}

h2{
font-size:16px;
font-weight:bold;
margin:0;
}

h3{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
margin:0;
}

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

#container{
width:920px;
margin:0 auto;
}

#shadow_cont{
width:920px;
background-image:url(images/back_shadow.png);
background-repeat:repeat-y;
}

#main{
width:906px;
margin:0 auto;
}

#header{
width:906px;
height:222px;
margin:0;
padding:0;
}

#header img{
margin-bottom:-5px;
}




/********************** NAVIGATION ************************/


#navig{
background-image:url(images/navig.jpg);
background-repeat:no-repeat;
background-color: #A38B7D;
width:906px;
/*height:28px;*/
font-size:13px;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
text-align: center;
}

#navig .navig_cont{
margin:0 auto;
padding-top: 7px;
padding-bottom: 7px;
width:770px;
/*height:20px;*/
}

.navig_cont br {
margin: 10px 0;
}

#navig ul{
margin:0;
padding:0;
}

#navig ul li{
display:inline;
}

#navig ul li a{
padding:0 20px 0 20px;
}

#navig a{
color:#fff;
text-decoration:none;
}

#navig a:visited{
color:#fff;
}

#navig a:hover{
color:#543019;
}

#navig a.current{
color:#543019;
}




/********************** CONTENU ************************/


#content{
width:906px;
background-image:url(images/back_content.gif);
background-repeat:repeat-x;
background-color:#d5be9c;
}

#content #col1de2 a,
#content #col2de2 a{
color:#543019;
text-decoration:none;
}

#content #col1de2 a:visited,
#content #col2de2 a:visited{
color:#543019;
}

#content #col1de2 a:hover,
#content #col2de2 a:hover{
color:#543019;
text-decoration:underline;
}


#left_col{
float:left;
width:440px;
}

#left_col img{
display: block;
}

#right_col{
float:right;
width:330px;
padding: 20px 80px 20px 0;
}


.commande a{
background-image:url(images/btn_commande.gif);
width:258px;
height:35px;
display:block;
}

.commande a:hover{
background-position: 0 -35px;
}

.commande_menu{
float:right;
margin:30px 45px 0 0;
display:inline;
}

.commande_menu a{
background-image:url(images/btn_commande.gif);
width:258px;
height:35px;
display:block;
}

.commande_menu a:hover{
background-position: 0 -35px;
}

#col1de2{
width:390px;
float:left;
margin: 30px 60px 30px 30px;
display:inline;
}

#col2de2{
width:390px;
float:right;
margin: 30px 30px 30px 0;
display:inline;
}

#col1de3{
float:left;
width:260px;
margin:10px 30px 10px 30px;
display:inline;

}

#col2de3{
float:left;
width:260px;
margin:10px 0 0 0;
display:inline;
}

#col3de3{
float:left;
width:260px;
margin:10px 30px 10px 30px;
display:inline;
}


#col1de3 ul.epicerie_liste{
list-style-type:none;
padding:0;
margin:0 0 30px 0;
}

#col1de3 ul.epicerie_liste li{
padding:5px 0 5px 10px;
border-bottom:1px dotted #543019;
}

#col2de3 ul.epicerie_liste{
list-style-type:none;
padding:0;
margin:0 0 30px 0;
}

#col2de3 ul.epicerie_liste li{
padding:5px 0 5px 10px;
border-bottom:1px dotted #543019;
}

#col3de3 ul.epicerie_liste{
list-style-type:none;
padding:0;
margin:0 0 30px 0;
}
#col3de3 ul.epicerie_liste li{
padding:5px 0 5px 10px;
border-bottom:1px dotted #543019;
}


/********* COMMANDE **********/

#col1de2 table tr td,
#col2de2 table tr td{
padding:3px 0 3px 0;
}

#legende, .souslegende {
float:left;
margin-top:15px;
width:500px;
}
p.souslegende {
	margin-left: 30px;
}

ul.legende_ico{
margin:0 0 0 30px;
padding:0;
}

ul.legende_ico li{
display:inline;
margin:0 20px 0 0;
padding:0;
}

#legende ul.directives{
list-style-type:upper-latin;
margin:0 0 0 25px;
padding:0;
font-weight:bold;
font-size:13px;
}

#legende ul.directives li{
margin-bottom:10px;
}

.commande_infos{
float:left;
margin:20px 0 0 30px;
display:inline;
}

#form_results{
float:right;
width:260px;
margin:20px 45px 0 0;
border:4px solid #a69387;
padding:10px 20px 10px 20px;
display:inline;
}


ul.description_forfait{
margin: 10px 0 0 16px;
padding:0;
}

.toggled img{
margin-top:10px;
}

/******* CONFIRMATION *******/

#full_width{
width:846px;
padding:30px; 
}




/******** CONTACT *********/

p.contact{
margin-bottom:30px;
}



/********************** FORMULAIRE COMMANDE ************************/

td{
padding:2px;
}

td.prix{
width:40px;
}

td.icone{
width:23px;
}

img.titre{
margin:30px 0 8px 0;
}

img.titre1{
margin-bottom:8px;
}

input{
width:20px;
margin:0;
padding:0;
}

input.results{
width:40px;
margin:0 3px 0 5px;
}

input.send{
width:100px;
margin-top:10px;
margin-bottom:10px;
}

#valider_commande{
float:right;
width:200px;
margin:70px 65px 0 0;
border:2px solid #a69387;
padding:10px 20px 10px 20px;
display:inline;
}

input.send1{
width:200px;
height:40px;
background-color:red;
color:white;
font-size:14px;
margin-bottom:5px;
margin-top:10px;
}

input.clear{
width:60px;
margin-top:10px;
margin-left:5px;
margin-bottom:10px;
}

input.coordonnes{
width:150px;
}


.autre_commande{
margin: 0 0 30px 30px;
}

#warning{
font-size:14px;
font-weight:bold;
color:#ef2e24;
}

#selection_commande{
width:846px;
float:left;
padding:0 30px 10px 30px;
}

#selection_commande a{
font-size:25px;
display:block;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
width:280px;
text-decoration:none;
}

#selection_commande a:hover{
color:#9f8c7e;
}

.commande_open{
width:900px;
float:left;
border:2px solid #543018;
margin-left:1px;
background-color:#cdb796;
margin-bottom:80px;
}

.commande_open h2{
font-size:25px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
margin:15px 0 5px 30px;
}

.commande_open h3{
font-size:18px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
margin:15px 0 5px 30px;
}

.commande_open p.directives{
font-weight:bold;
padding:0 30px 0 30px;
}

.fermer_commande{
float:right;
margin:0 15px 5px 0;
}

a.annuler_commande{
display:block;
width:169px;
height:19px;
background-image:url(images/annuler.gif);
}

a.annuler_commande:hover{
background-position:0 -19px;
}

a.annuler_forfait{
color:#ff0000;
}

a.annuler_forfait:visited{
color:#ff0000;
}

a.annuler_forfait:hover{
color:#ff0000;
}

.add_items{
float:left;
margin-left:20px;
margin-bottom:5px;
}

.add_items a{
display:block;
}



/********************** SLIDESHOW ************************/


#slideshow {
    position:relative;
    height:420px;
	margin-left:97px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}




/********************** FOOTER ************************/

#footer{
width:920px;
height:7px;
margin:0 auto;
background-image:url(images/bottom_shadow.png);
}





/********************* IE6 PNG FIX *****************/
img, div { behavior: url(iepngfix.htc) }