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

*{margin:0; padding:0;}

body{ background: url(../images/giroudin_01.gif) repeat-x left top #333; font-family:Arial, Helvetica, sans-serif; color:#ccc; font-size:11px;}
h1{ background:url(../images/giroudin_07.gif) no-repeat left top; padding:0 0 0 10px; font-size:11px}
fieldset{padding:10px; border-color:#ffcc00;}
fieldset div{ margin: 5px 0 8px 0;}
fieldset div label{width:90px; display:block; float:left;}
fieldset div input{width:141px;}
fieldset div select{width:145px;}
fieldset div textarea{width:143px;}
fieldset legend{ color:#ffcc00}

a{color: #ccc; text-decoration: none;}
a:hover {text-decoration: underline}
a.n{color: #000; text-decoration: none;}
a.n:hover {text-decoration: underline}
a.c{color: #ccc; text-decoration: none;}
a.c:hover {text-decoration: underline}

#global{margin:auto; width:900px;}
#header{height:224px; background:url(../images/giroudin_01.jpg) no-repeat left top}
#fondsite{background:url(../images/wrapper_04.gif) repeat-y left bottom #333; float:left}
#wrapper{float:left; background:url(../images/menuG_04.gif) no-repeat left bottom;}

#menuG{ width:190px; float:left; padding-top:10px}
#menuG li{ list-style:none; background:#000; padding:2px 0; margin-bottom:1px}
#menuG li a{ font-size:14px; font-weight:bold; color:#ccc; text-decoration:none; padding-left:15px}
#menuG li a:hover{ color:#fff;background:url(../images/giroudin_04.gif) no-repeat left top}
#menuG dl{ margin:0 8px 20px 15px; color:#ccc; font-weight:bold;}
#menuG dt{ text-transform:uppercase; font-size:12px }
#menuG span{ margin-left:10px}

#content{float:left; width:520px; padding:20px}

#menuD{ width:150px; float:left; background:#2e2e2e;}
#menuD dl{ margin:10px 10px 20px 0; color:#000; border-top:1px solid #dd403e; padding-top:5px}
#menuD dd{color:#fff}

#player{ position:absolute; left:-999999px}

.borderbottom{ border-bottom:1px solid #000}
.jaune{ color:#ffcc00}
.rouge{ color:#FF0000}
.img{border:solid 1px #000; margin:5px}
.img2{border:solid 1px #000;}
.float_right{float:right;}
.float_left{float:left;}
.noir{ background:#000; color:#fff}
.gris{ background:#242424}

/*-----------------------------------------PAGE 1/2 suivante--------------------------------------------------------------------------*/

#compteur-pages{ width:620px; float:left;}
#compteur-pages div{float:left}
#compteur-page1{text-align:left; width:100px}
#compteur-page2{text-align:center;width:320px}
#compteur-page3{text-align:right;width:100px}

/*--------------------------------blocs produit ---------------------------------------------------------------------------------------*/

.produits{background:#242424; color:#FFF; float:left; width:100%; margin:0 0 10px 0}
.produits dt, .produits .footerproduits{background:#000; padding:2px 0px 2px 2px}
.produits span{color:#999}
.produits img{ float:left; margin:0 5px 0 0}
.produits div{ border-bottom:1px solid #333}
.footerproduits{ clear:both; }
.footerproduits span{ margin-left:340px}

/*--------------------------------détails produit ---------------------------------------------------------------------------------------*/

.detail{background:#242424; color:#FFF; width:100%; margin:0 0 10px 0;}
.detail span{color:#999}
.detail img{margin:0 5px 0 0}
.detail dd{ border-bottom:1px solid #333;}
.detail dd p{ padding:5px}
.detail dt{ background:#000 }
.footerdetail{ background:#000 }
.footerdetail span{ margin-left:370px}

/*-------------------------------- module nouveaute -----------------------------------------------------------------------------------*/

#jcarousseLite li{ margin: 0 4px }
#jcarousseLite{ margin:0 0 0 15px}
#new{ position:relative}
#new button{ border:0; text-indent:-9999px; cursor:pointer; width:21px; height:12px; float:left; position: absolute; z-index:999; top:50px}
#new .prev{ left: 5px}
#new .next{ left:491px}
.next{ background:url(../images/giroudin_20.gif) no-repeat left top}
.prev{ background:url(../images/giroudin_18.gif) no-repeat left top}