* {
border:0;
margin:0;
padding:0;
list-style:none;
font-size:100%; }

body {
color:#662400;
text-align:justify;
font:75%/1.5 Arial, "Times New Roman", sans-serif;
background:#fff url(img/body_fond.png) repeat-x top; }

/***** Layout *****/

div#global {
width:710px;
margin:0 auto; }

div#header {
width:100%;
height:151px; }

div#content {
width:100%;
height:506px;
background:transparent url(img/corps_fond.jpg) no-repeat;
position:relative; }

div#footer {
width:100%;
height:43px;
background:transparent url(img/bas_fond.jpg) no-repeat;
position:relative; }

/***** Typo *****/

div#header h2, h4 {
position:absolute;
top:-9999px; }

ul#liste_cate {
margin-left:15px; }

ul#liste_cate li {
list-style:disc; }

ul.liste_prod {
margin-left:30px; }

ul#liste_cate ul.liste_prod li {
color:#8e4e28;
list-style:circle;
margin:5px 0; }

ul.liste_prod dl {
height:25px;
line-height:25px;
position:relative; }

ul.liste_prod dl dd, ul.liste_prod dl dt {
display:inline; }

ul.liste_prod dl dt {
margin-right:50px; }

ul.liste_prod dl dd {
text-align:right;
position:absolute;
top:0;
right:10px;
width:40px; }

/***** #header *****/

div#header h1 a {
width:300px;
height:50px;
text-indent:-9999px;
outline:none;
display:block;
position:absolute;
top:10px; }

/***** #content *****/

div#content div#menu_flash {
width:182px;
height:172px;
background:transparent url(img/menu_flash.jpg) no-repeat;
position:absolute;
top:37px;
left:10px; }

div#content div#contenu h2 {
font-size:110%;
margin-bottom:10px; }

div#content div#contenu {
padding:7px;
padding-bottom:0;
overflow:auto;
width:288px; /* 302 - 14 (padding) */
height:456px; /* 503 - 7 (padding) */
position:absolute;
top:0;
left:210px; }

div#content div#contenu p {
margin-bottom:10px; }

div#content div#sous-contenu {
padding:10px;
text-align:center;
overflow:hidden;
width:116px; /* 136 - 20px de padding */
height:154px; /* 174 - 20px de padding */
position:absolute;
bottom:112px;
right:40px;
font-size:85%; }

div#content div#sous-contenu a {
color:#3f6341;
text-decoration:none; }

div#content div#sous-contenu a:hover {
text-decoration:underline; }

div#content div#sous-contenu p {
margin:5px 0; }

div#content div#nav_secondaire {
padding:7px;
padding-top:0;
width:288px; 
height:30px; 
position:absolute;
bottom:0;
left:210px;
text-align:center;
font-size:90%; } 

div#content div#nav_secondaire ul li {
display:inline;
margin:0 4px; }

div#content div#nav_secondaire ul li a {
text-decoration:none;
color:#d4963e; } 

div#content div#nav_secondaire ul li a:hover {
text-decoration:underline; } 

/***** #footer *****/

div#footer  div#coordonnees {
color:#fff;
line-height:17px;
font-size:95%;
text-align:center;
width:310px;
height:35px;
position:absolute;
left:170px;
bottom:0; }

div#footer  div#coordonnees dl dt, div#footer  div#coordonnees dl dd {
display:inline; }

div#coordonnees dl dd.adresse, div#coordonnees dl dd.ville {
color:#ffd498; }

div#coordonnees dl dt {
font-weight:bold; }



form#contact {
margin:10px; }

form#contact p {
margin:0;
overflow:hidden;
width:100%;
text-align:left; }

form#contact label {
overflow:hidden;
float:left;
cursor:pointer;
width:80px;
text-align:right; }

form#contact p span {
display:block; }

form#contact p img {
margin-left:90px; }

form#contact p.valider {
padding-left:10px; }

form#contact p input, form#contact p textarea {
background:#fff6e7;
display:block;
margin-left:90px;
width:100px;
border:solid 1px #ffa917;
padding:2px 4px; }

form#contact p textarea {
font:95% Arial;
padding:2px 0 0 4px;
width:150px;
height:6em; }

form#contact p input.sub {
display:inline;
margin:10px;
margin-left:0;
border:1px solid #666;
background:#ccc; }