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

input, textarea, select {
border:1px solid #000;
padding:2px;
vertical-align:middle; }

body {
background-color:#fff;
text-align:justify;
font:100%/1.3 Arial, "Times New Roman", sans-serif; }

/***** Stylage contenu *****/

ul#news li {
color:#2F2F2F;
border-bottom:1px solid #333;
padding:20px 5px;}

dl#fiche_produit {
margin-top:20px;
width:681px;
position:relative;
min-height:370px;
overflow:hidden;}

dl#fiche_produit dt{
padding-left:180px;
text-transform:uppercase;
font-weight:bold;
color:#333;
padding-bottom:15px;}

dl#fiche_produit dd.description{
text-align:left;
width:380px;
text-align:left;
margin-left:180px;
padding-bottom:15px;}

dl#fiche_produit dd.couleur{
margin-left:180px;
font-weight:bold;
color:#D00F71;
padding-bottom:15px;}

dl#fiche_produit dd.matiere{
margin-left:180px;
font-weight:bold;
padding-bottom:15px;}

dl#fiche_produit dd.image {
width:167px;
border-right:1px solid #0099FF;
position:absolute;
top:0;
left:0;}

dl#fiche_produit dd.image img {
padding:3px;
border:1px solid #fff;
width:150px;
height:100px;
margin-bottom:10px;}

dl#fiche_produit dd.image img:hover {
background-color:#0099FF;}

/* Galerie d'images */

ul#galerie{
margin-left:10px;
text-align:center;
width:500px;
padding:20px 0;
overflow:hidden; }

ul#galerie li {
text-align:center;
line-height:1;
float:left;
width:100px;
height:130px;
margin-right:15px; }

ul#galerie li img {
padding:3px;
border:1px solid #666666;
width:100px;
height:75px;
margin-top:5px;
margin-bottom:3px; }

ul#galerie li span {
display:block;
overflow:hidden;
text-align:center;
width:100px;
height:35px; }

ul#galerie li span a {
text-decoration:none;
color:#666666;
font-weight:bold;
line-height:1.4;}

ul#galerie li span a:hover {
text-decoration:underline;}

ul#galerie li img:hover {
background:#666666; }

/* fil d'ariane */

p#ariane{
padding-top:15px;
color:#666;
font-weight:bold;}

p#ariane a{
text-decoration:none;
color:#0099FF;
font-weight:bold;}

p#ariane a:hover{
text-decoration:underline;}

.invis {
position:absolute;
top:-9999px; }

h1 {
width:200px;
height:57px;
margin:0 auto;
background:transparent url(img/logo.png) no-repeat; }

h1 a {
display:block;
text-indent:-9999px;
width:100%;
height:100%; }

h2 {
height:30px;
text-transform:uppercase;
color:#0099ff;
font-size:95%;
padding-left:10px; }

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

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

div#global {
position:relative;
width:959px;
height:840px;
margin:0 auto;
background:transparent url(img/site_fond.jpg) no-repeat; }

div#colonne_gauche {
padding-top:30px;
width:235px;
position:absolute;
top:0;
left:0; }

div#menu {
text-align:left;
width:136px;
position:absolute;
top:0;
left:235px;
z-index:2; }

div#colonne_droite {
position:relative;
z-index:1;
width:589px;
height:760px;
margin-left:361px; }

div#presentation_contenu {
font-size:75%;
overflow:hidden;
width:569px; /*589*/
height:420px;
padding:0 10px;
position:absolute;
left:0;
bottom:0; }

div#pied {
width:598px; /*959*/
padding-left:361px;
padding-top:20px;
text-align:center;
font-size:70%; }

/***** #colonne_gauche *****/

div#galerie_js {
padding-top:50px;
text-align:center;
width:237px;
height:600px; }

div#galerie_js ul li {
margin-bottom:10px; }

/***** #menu *****/

div#menu {
padding-top:55px; }

div#menu ul li {
margin-bottom:-17px; }

div#menu ul li a {
font-size:75%;
color:#000;
display:block;
text-transform:uppercase;
width:131px; /*136*/
height:30px; /*48*/
padding-left:5px;
padding-top:18px;
line-height:12px;
text-decoration:none; }

div#menu ul li a.double {
height:36px; /*48*/
padding-top:12px; }

div#menu ul li a:hover {
background:transparent url(img/menu_hover.png) no-repeat; }

/***** #colonne_droite *****/

div#coordonnees {
padding-top:20px;
text-align:center; }

div#coordonnees dl dd.first_ligne {
padding-bottom:5px;
font-size:95%;
letter-spacing:3px;
color:#666; }

div#coordonnees dl dd.second_ligne {
letter-spacing:1px;
font-size:70%;
color:#8f98a4; }

div#menu_sub {
color:#669bbd;
text-align:center;
position:absolute;
top:100px;
left:0;
width:589px;
height:20px; /*20*/
line-height:18px;
background:transparent url(img/menu_sub_fond.png) no-repeat; }

div#menu_sub ul li {
font-size:75%;
display:inline; }

div#menu_sub ul li a {
padding:0 5px;
letter-spacing:1px;
text-decoration:none;
font-weight:bold;
color:#669bbd; }

div#menu_sub ul li a:hover {
color:#3a7397; }

div#contenu {
position:absolute;
top:140px;
left:0;
width:589px;
height:450px; }

/***** #pied *****/

div#pied ul {
padding:0 20px; }

div#pied ul li {
margin-right:2px;
color:#fff;
display:inline; }

div#pied ul li a {
text-decoration:none;
padding-right:2px;
color:#fff; }

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