/* CSS commun à toutes les pages du site */

html {  
margin:0;
padding:0;
width:100%;
height:100%;
position:relative;
}

body {
position:relative;
margin:0;
padding:0;
background-color:#DCCDA4;
width:100%;
height:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

body a:link, body a:visited {
color:#DFA917;
text-decoration:none;
}
body a:hover, body a:active {
color:#4C3804;
text-decoration:underline;
}

/* PARTIE HAUT */
div#haut {
position:relative;
margin:25px auto 1px auto;
padding:0;
width:994px;
background-color:#4C3804;
}

div#logo {
position:absolute;
top:-22px;
left:0;
margin:0;
padding:0;
width:315px;
height:125px;
}

div#promo_haut {
float:left;
margin:9px 0 0 325px;
-margin:9px 0 0 163px;
padding:0;
width:380px;
height:74px;
background-color:#FFFFFF;
}

p#top_recherche_titre {
margin:0 0 3px 740px;
padding:1px 10px;
min-height:10px;
-height:10px;
background-color:#DCCDA4;
color:#660000;
font-weight:bold;
font-size:9px;
letter-spacing:2px;
word-spacing:3px;
text-transform:uppercase;
}

ul#top_recherche {
margin:5px 5px 5px 740px;
padding:2px 0;
list-style:none;
width:245px;
background-color:#FFFFFF;
text-align:center;
}
ul#top_recherche li {
display:inline;
margin:0 5px;
/margin:2px 5px;
padding:0;
font-size:9px;
color:#FFFFFF;
}
ul#top_recherche li a:link, ul#top_recherche li a:visited, ul#top_recherche li a:active {
font-size:9px;
color:#DFA917;
text-decoration:none;
}
ul#top_recherche li a:hover {
color:#4C3804;
text-decoration:underline;
}

div#haut p.separ_menu {
margin:10px 0 3px 270px;
padding:1px 10px;
min-height:10px;
-height:10px;
background-color:#DCCDA4;
color:#660000;
font-weight:bold;
font-size:9px;
letter-spacing:2px;
word-spacing:3px;
text-transform:uppercase;
}

ul#menu {
margin:20px 1px 0 1px;
-margin:0;
padding:0;
height:20px;
list-style:none;
text-align:center;
background-color:#000000;
}
ul#menu li {
float:left;
margin:2px 0 0 1px;
padding:0;
}
ul#menu li a:link, ul#menu li a:visited, ul#menu li a:active {
margin:0;
padding:2px 3px 2px 4px;
text-align:center;
display:block;
background:url(http://www.shoozle.net/images/fond_btn_off.gif) repeat center center scroll;
font-size:10px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
ul#menu li a:hover {
background:url(http://www.shoozle.net/images/fond_btn_on.gif) repeat center center scroll;
}

div#shaut {
position:relative;
margin:20px 0 0 0;
padding:0 0 2px 0;
height:45px;
border-left:2px solid #4C3804;
border-right:2px solid #4C3804;
background:url(http://www.shoozle.net/images/fond_shaut.gif) no-repeat top left scroll;
}

ul#smenu {
margin:0;
padding:3px 0 0 60px;
list-style:none;
}
ul#smenu li {
display:inline;
margin:0 5px 0 7px;
padding:0;
font-size:11px;
color:#FFFFFF;
}
ul#smenu li a:link, ul#smenu li a:visited, ul#smenu li a:active {
font-size:11px;
color:#FFFFFF;
text-decoration:none;
}
ul#smenu li a:hover {
color:#4C3804;
text-decoration:underline;
}

ul#ssmenu {
margin:0;
padding:10px 0 0 60px;
list-style:none;
}
ul#ssmenu li {
display:inline;
margin:0 8px 0 7px;
padding:0;
}
ul#ssmenu li a:link, ul#ssmenu li a:visited, ul#ssmenu li a:active {
font-size:11px;
color:#000000;
text-decoration:none;
}
ul#ssmenu li a:hover {
color:#4C3804;
text-decoration:underline;
}

img#rond_univers {
position:absolute;
bottom:2px;
-bottom:1px;
left:5px;
margin:0;
padding:0;
}
/* / PARTIE HAUT */


/* PARTIE CENTRE */
div#page {
position:relative;
margin:2px auto 5px auto;
padding:0;
width:990px;
border:2px solid #4C3804;
background-color:#FFFFFF;
}

div#col_right {
float:right;
position:relative;
margin:0;
padding:0;
background-color:#DFA917;
width:153px;
text-align:center;
}

div#col_right p.col_titre {
margin:5px auto 0 auto;
padding:0 2px 0 0;
background-color:#4C3804;
width:148px;
font-size:11px;
color:#FFFFFF;
text-transform:capitalize;
font-weight:bold;
text-align:right;
}

div#col_right div.col_img {
margin: 0 1px 5px 2px;
padding:0;
background-color:#DCCDA4;
width:150px;
min-height:100px;
-height:100px;
}

div#col_right form {
margin:0;
padding:0;
}

div#col_right input {
margin:5px 1px 2px 1px;
padding:0;
font-size:12px;
width:144px;
text-align:center;
}

div#col_right select {
margin:2px 1px;
padding:0;
font-size:12px;
width:148px;
}

div#col_right input.btnsub {
margin:5px 1px 2px 1px;
padding:0;
width:130px;
background-color:#DFA917;
color:#FFFFFF;
font-size:12px;
text-align:center;
}

div#contenu {
margin:0;
padding:5px;
width:827px;
-width:824px;
text-align:justify;
}

p#arbo {
margin:0;
padding:0;
font-size:9px;
font-style:oblique;
}

div#contenu_titre {
margin:5px 0 0 0;
padding:0 10px;
height:22px;
background:url(http://www.shoozle.net/images/fond_contenu_titre.gif) no-repeat top left scroll;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
}

div#contenu h1 {
margin:5px 0 0 0;
padding:0 10px;
height:22px;
background:url(http://www.shoozle.net/images/fond_contenu_titre.gif) no-repeat top left scroll;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
}

div#contenu h2 {
margin:20px 0 2px 350px;
padding:2px 20px;
background-color:#DFA917;
color:#FFFFFF;
border-bottom:1px solid #4C3804;
font-size:12px;
text-transform:uppercase;
text-align:right;
}

div#contenu h3 {
margin:5px 10px 5px 20px;
padding:0;
background-color:#FFFFFF;
color:#000000;
font-size:12px;
}

p.para_phrase {
margin:0;
padding:0 10px;
font-size:9px;
text-align:right;
}

p.verslien {
margin:0 0 10px 0;
padding:0 10px 3px 0;
border-bottom:1px solid #4C3804;
text-align:right;
}

div#contenu_bas {
clear:both;
margin:0;
padding:0 50px;
text-align:center;
min-height:40px;
-height:40px;
}

/* / PARTIE CENTRE */


/* PARTIE BAS */
div#bas {
position:relative;
margin:2px auto 10px auto;
padding:0;
width:990px;
min-height:50px;
-height:50px;
border:2px solid #4C3804;
background-color:#DFA917;
}

div#bas_marron {
margin:0;
padding:5px;
min-height:20px;
-height:20px;
background-color:#4C3804;
font-size:10px;
color:#FFFFFF;
font-weight:normal;
}
div#bas_marron ul {
margin:0;
padding:0;
list-style:none;
text-align:center;
}
div#bas_marron li {
display:inline;
margin:0 10px;
padding:O;
}
div#bas_marron li a:hover {
color:#FFFFFF;
text-decoration:underline;
}

div#menu_down {
margin:5px auto;
padding:5px;
widht:970px;
font-size:9px;
color:#FFFFFF;
font-weight:normal;
}
div#menu_down a:link, div#menu_down a:visited, div#menu_down a:active {
color:#000000;
text-decoration:none;
}
div#menu_down a:hover {
color:#4C3804;
text-decoration:underline;
}

div#bas_google {
margin:5px 0 15px 0;
padding:0;
text-align:center;
}
/* / PARTIE BAS */ 


/* PAGE INDEX */
div.index_cadre {
position:relative;
margin:0 0 10px 0;
padding:5px;
height:390px;
}

div.index_pdt {
position:relative;
float:left;
margin:0 19px 10px 10px;
-margin:0 12px 10px 10px;
padding:0 0 5px 0;
width:175px;
border-bottom:1px solid #4C3804;
text-align:center;
min-height:175px;
-height:175px;
}

div.index_pdt img.enstock {
position:absolute;
top:1px;
left:1px;
margin:0;
padding:0;
}

div.index_pdt img.img_pdt {
margin:0 auto;
padding:0 35px;
border:1px solid #DCCDA4;
}

div.index_pdt p.nom_pdt {
margin:0;
padding:0;
height:23px;
font-weight:bold;
font-size:9px;
color:#4C3804;
}

div.index_pdt p.prix_pdt {
margin:3px;
padding:0;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
background-color:#000000;
letter-spacing:2px;
}

div.index_pdt p.eco_pdt {
margin:0;
padding:0;
font-size:9px;
}