/* Modèle v1.25 29/03/2010 */


/********** A GARDER EN L'ÉTAT ************/
*{margin:0; padding:0;}
ul {margin-bottom:10px;}
li{margin-left: 25px;}
a img{border:0}
a{outline:none;}
html {font-size: 100%;}
.clear{clear:both; height:1px; overflow:hidden; width:100%;}
.centre{text-align:center;}
.img_gauche {float:left; display:inline; margin:0 5px 5px 0;}
.img_droite {float:right; display:inline; margin:0 0 5px 5px;}

/*********** A PERSONNALISER **************/
body {font: normal 12px Verdana; color:#666; background-color:#fff;/*fond de spaw et de la zone contenu*/}
#body{background:url(images/fond/body2.gif);}
table{font-size:12px;}
a{color: #4785b2; text-decoration:none;}
a:hover {text-decoration:underline;}

h1{font: bold 16px Verdana; margin-bottom:13px; color:#4785b2; text-transform:uppercase;}
h2{font: bold 12px Verdana; margin-bottom:5px; color:#89B34B;}
h3{font: bold 12px Verdana; color:#4785B2}
p {margin-bottom:10px; text-align: left;}
strong{font-weight: bold;}
em{font-style: italic;}

.color {color:#4785b2;}
.bold {font-weight:bold;}
.hr{font-size:1px; height:10px; border-bottom:1px solid #4785b2; margin:0 0 10px;}
.asterisque{font-style:italic; font-size:9px;}

/* Formulaires */
.bouton{
  display:block; color:#fff; background-color:#4785b2;
  font:bold 11px Verdana; line-height:20px; width:160px; height:20px; border-width:0;  
  text-align:center; cursor:pointer;
}

input{margin-bottom:0px !important; margin-bottom:-2px !important!; margin-bottom:-2px;}
input, select, textarea{font: normal 12px Verdana; color:#878787; border:1px solid #d4d0c8; padding:2px 0 0 3px;}
input[type="checkbox"], input[type="radio"]{border-width: 0;}
label span{color:#f00;}

.row{clear:both; margin-bottom:5px;}
.row label{display:inline; float: left; margin-right:5px; width:145px; text-align: right; font-weight:bold;}
.row textarea, .row input {width:141px;}
.row select {width: 152px;}

.row_chk{padding:0; clear:both; margin-bottom:5px;}
.row_chk input{border:0}
.row_chk label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

.row_are{clear:both; margin-bottom:5px;}
.row_are label{display:inline; float:left; margin-right:5px; text-align:right;}
.row_are textarea{width:182px; height:54px;}

.row_rad {clear:both; margin-bottom:5px;}
.row_rad .label{float:left; width:145px; text-align:right;}
.row_rad .rad {margin-left:150px; margin-bottom:1px;}
.row_rad .rad input{vertical-align:middle; border:0}
.row_rad .rad label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

.row_bt {margin-left:150px; clear:both; margin-bottom:5px;}

.Moteur{width:100%; border-collapse:collapse;}
    .Moteur td, .Moteur th{padding:1px 3px; border:1px solid #fff;}
    .Moteur thead th{background-color:#959595; color:#fff; text-align:center; font: bold 11px verdana;}
    .Moteur tbody th{text-align:right;}
    .Moteur tbody .MoteurLigne1{background-color:#f1f1f1;}
    .Moteur tbody .MoteurLigne0{background-color:#e6e6e6;}
    .Moteur tfoot td{background-color:#959595; color:#fff; font: bold 11px verdana;}

.texte_p_vert{font: bold 11px verdana; color:#65b436; text-decoration: none;}
.texte_p_orange{font: bold 11px verdana; color:#FFAE00; text-decoration: none;}
.texte_p_rouge{font: bold 11px verdana; color:#FF7E00; text-decoration: none;}
.points_vert{color:#65b436; text-decoration: none;}
.points_rouge{color:#FF7E00; text-decoration: none;}
.fin_promo{font: normal 10px verdana;}
.eco_part{font: normal 10px verdana; color:#65b436;}

/**********************************************/
/******************  CONTENEURS  **************/
/**********************************************/
#contain{background:url(images/fond/ombres.png) repeat-y; width:995px; margin:0 auto;}
#conteneur{background:url(images/fond/conteneur.jpg) repeat-x; width:979px; margin:0 auto;}
#contenu{background:url(images/fond/contenu.gif) left bottom no-repeat; /*height:953px;*/ width:966px; margin:0 auto; clear:both;}


/******************************************/
/******************  ENTETE  **************/
/******************************************/
#entete{position:relative; border-top:5px solid #f3f3f3; background:url(images/fond/header.gif) repeat-x; height:157px;z-index:51;}
#entete .logo{float:left; display:inline; margin:21px 20px 0 26px;}
#entete .spaw{width:728px; height:90px; overflow:hidden; background:#FFF; margin-top:10px;}
#entete .menu-haut{background:url(images/fond/menu-haut.png) no-repeat; width:237px; height:38px; position:absolute; top:0px; right:5px;}
#entete .menu-haut p{float:left; display:inline; padding:0 0 0 9px; margin:0px; width:145px;}
#entete .menu-haut a, 
#entete .menu-haut p span{color:#9d9c9c; font-size:11px; padding:10px 5px 0 0; float:left; display:inline;}
#entete .menu-haut p span{padding:10px 7px 0 2px;}
#entete .menu-haut .panier{float:right; width:75px; overflow:hidden; position:relative; top:-5px; text-align:center;}

/********** menu**********/
#menu{padding:10px 0 0; margin:0 auto; list-style-type:none; width:966px;}
#menu li{margin:0px; padding:0px; float:left; display:inline; position:relative;}
#menu a{color:#fff; font:bold 12px Verdana; float:left; display:inline; width:108px; text-align:center; height:37px; overflow:hidden; background:url(images/fond/menu.gif) no-repeat; padding:10px 15px 0; line-height:14px;}
#menu a.deco{line-height:27px;}
#menu a:hover, #menu a.first:hover, #menu a.last:hover, #menu a.active{background-position:0 -47px;}
#menu a.first{background:url(images/fond/menu-first.gif) no-repeat;}
#menu a.last{background:url(images/fond/menu-last.gif) no-repeat;}
#menu a:hover{text-decoration:none;}
#menu .sub_menu{visibility:hidden; width:138px; padding:0 0 12px; margin:0px; position:absolute; top:47px; left:0px; background:#5ba7d8;}
#menu .sub_menu a{padding:0px; background:#5ba7d8; font:normal 11px Verdana;}
#menu .sub_menu li{margin:0px; padding:0px; width:100%;}
#menu .sub_menu .rub{margin:8px 0 6px; padding:0 0 0 12px; float:left; display:inline;}
#menu .sub_menu .rub li.maj{text-transform:uppercase; color:#fff; margin:0px; font-size:11px; padding:0px;}
#menu .sub_menu .rub li a{font:normal 11px Verdana; height:auto; text-align:left; margin-top:4px;}
#menu .sub_menu .rub li a:hover{text-decoration:underline;}

/********** recherche**********/
.recherche{float:right; display:inline; margin:8px 54px 2px 0; position:relative;}
input{height:18px;}
.recherche label{color:#878787; width:124px; margin-top:3px;}
.recherche .row_bt{position:absolute; right:-28px; top:0px;}
.recherche .row_bt a{color:#fff; font-weight:bold; text-align:center; background:url(images/boutons/ok.gif) no-repeat; width:22px; height:22px; display:block; line-height:20px;}


/******************************************/
/**************  HOMEPAGE  ****************/
/******************************************/
/****************************  COLONNEG  ****************************/ 
#colonneG{float:left; display:inline; width:179px; min-height:260px; padding:30px 20px 0 16px; overflow:hidden; background:url(images/fond/deco-g.gif) no-repeat; margin-right:6px;}
#colonneG .sous-menu{}
#colonneG .sous-menu li{margin:0 0 6px; padding:0px; height:24px; list-style-type:none; background:url(images/fond/sous-menu.gif) no-repeat;}
#colonneG .sous-menu li.last{background:none;}
#colonneG .sous-menu li a{color:#666;/*#545454;*/ font:bold 14px Verdana; background:url(images/puce/puce-menu.gif) 0 2px no-repeat; padding:0 0 0 22px;}
#colonneG .sous-menu li a:hover,
#colonneG .sous-menu li a.active{text-decoration:none; color:#000}
#colonneG .spaw{padding:0 10px;}

/****************************  COLONNEC  ****************************/ 
#colonneC{width:569px; float:left;  overflow:hidden;}


#actu_enfant{z-index:1;}

/********** nouveautes**********/
.nouveautes, .top-vente{float:left; width:281px; display:inline; margin-right:7px;}
.nouveautes h2.cadre_h2, .top-vente h2.cadre_h2, .compte h4{height:31px; background:url(images/fond/h2-bg1.gif) no-repeat; margin:0px; color:#fff; text-transform:uppercase; line-height:31px; padding:0 0 0 15px;}
.nouveautes h3, .zoom h4{color:#4785b2;}
.nouveautes p.prix{}

/********** top ventes**********/
.top-vente{margin:0px;}
.top-vente h2.cadre_h2{background:url(images/fond/h2-bg2.gif) no-repeat;}
.top-vente h3{color:#2a6c9c;}

/********** mini-fiche**********/
.mini-fiche{margin-bottom:6px; height:113px; overflow:hidden;}
.mini-fiche .pic{width:80px;height:80px;overflow:hidden; float:left; display:inline; border:1px solid #e6e6e6; margin-right:5px; cursor:pointer; position:relative; z-index:1;}
.mini-fiche .infos{position:relative;}
.mini-fiche h3, 
.zoom h4{text-transform:uppercase; font:bold 12px Verdana; margin:0 0 2px; cursor:pointer;}
.mini-fiche .texte{height:39px; overflow:hidden; color:#4c4c4c; font-size:11px;}
.mini-fiche .autres2 p.prix{padding-top:15px;}
.mini-fiche input, 
.fiche .ajout_quantite{float:left; width:15px; color:#4c4c4c; display:inline; text-align:right; padding:2px 3px 0 3px; font-family:arial; height:16px;}
.panier{float:left; display:inline; margin:0 0 0 2px;}
.mini-fiche p.prix, 
.fiche p.prix{margin:0px; float:left; display:inline; color:#4785b2; font-size:14px; width:124px; overflow:hidden;}
span.eco{font-size:10px; color:#89b34b; display:block;}

/********** produits associes ***************/
.produits-associes .photo{width:80px;height:80px;overflow:hidden; float:left; display:inline; border:1px solid #e6e6e6; margin-right:5px; cursor:pointer; position:relative; z-index:1;}

/********** zoom sur**********/
.zoom{clear:both; color:#646464; display:block; position:relative; z-index:10;}
.zoom h2.cadre_h2{background:url(images/fond/h2-bg3.gif) no-repeat; padding:10px 0 0 10px; height:28px; margin:0px; color:#fff; font-weight:bold; text-transform:uppercase;}
.produits-associes h2.cadre_h2{height:31px; background:url(images/fond/h2-bg3.gif) no-repeat; margin:0px; color:#fff; text-transform:uppercase; line-height:31px; padding:0 0 0 15px;}
.zoom h3{font:normal 18px Verdana; margin:0 0 11px;}
.zoom table{margin-left:19px;}
.table{padding:15px 0 0 0; background:#fff;} /*bug sous ie*/
.zoom td{vertical-align:top; font-size:12px; line-height:18px;}
.zoom h3{cursor:pointer;}

/****************************  COLONNED  ****************************/
#colonneD{width:169px; float:right; overflow:hidden;}
/** mon compte**/
.compte h4{background:url(images/fond/h2-bg4.gif); height:31px; font-size:12px;}
.compte form{padding:0 10px 0 4px;}
.compte .row{margin:0px;}
.compte label{text-align:left; margin:11px 5px 3px 0;}
.compte .oublie{color:#545454; text-align:right; font-size:11px; display:block; margin-bottom:13px;}
.compte .row_bt{margin:0 0 0 25px;}
.compte .se-connecter{background:url(images/boutons/se-connecter.gif) no-repeat; width:93px; height:22px; text-align:center; color:#fff; line-height:19px; display:block; margin-bottom:17px !important; font-weight:bold; border-width:0;}
.compte .inscrire{background:url(images/puce/puce-link.gif) 0 1px no-repeat; padding:0 0 0 18px; color:#61aad9; font-weight:bold; display:block;}
#colonneD .spaw{width:169px; overflow:hidden; margin-top:7px;}

/********** banniere**********/
#banniere{width:744px; height:250px; overflow:hidden; float:left; display:inline; margin-bottom:7px; position:relative;}

#banniere #actualites{position:relative; width:744px; height:250px;}
#banniere #actualites #actu_enfant{position:relative;  width:744px; height:250px;}
#banniere #actualites #actu_enfant .actu{ width:744px; height:250px; position:absolute;}

#banniere .btn{list-style-type:none; position:absolute; right:1px; top:5px; z-index:50;}
#banniere .btn li{margin:0px; padding:0px; float:left; display:inline;}
#banniere .btn li a{width:23px; height:33px; overflow:hidden; background:url(images/boutons/boutons.png) no-repeat; float:left; display:inline; color:#878787; font:bold 20px Arial; padding:0 0 0 10px; margin-right:2px; cursor:pointer; line-height:33px;}
#banniere .btn a:hover, #banniere .btn a.active{background-position:0 -34px; color:#fff; text-decoration:none;}


/****************************  CADRE TRANSPARENT  ****************************/ 
.cadre {margin-bottom:8px; display:block;}  
.cadre .contour {position:relative; background:url(images/fond/cadre-top.png) 0 0 repeat-x; margin:0 11px 0 8px;}
.cadre .contour .angle-r {position:absolute; right:-11px; top:0;}  
.cadre .contour .angle-l {position:absolute; left:-8px; top:0;}
.cadre .top {height:21px;}
.cadre .bottom {height:19px; background:#fff url(images/fond/cadre-bottom.png) 0 0 repeat-x;}
.cadre .cadre-bottom {float:left;background:url(images/fond/cadre-bottom.png);}  
.cadre .cadre-left {background:url(images/fond/cadre-left.png) 0 0 repeat-y; padding:0 0 0 8px;/*margin-bottom:-5px;*/}  
.cadre .cadre-right {background:url(images/fond/cadre-right.png) top right repeat-y;padding-right:8px;}  
.cadre .cadre-contenu {background:url(images/fond/cadre-middle.png) repeat; padding-top:12px; position:relative; overflow:hidden;}

/****************************  CADRE TOP VENTE  ****************************/ 
.top-vente .bottom {background:#fff url(images/fond/top-vente-bottom.png) 0 0 repeat-x;}  
.top-vente .cadre-bottom {background:url(images/fond/top-vente-bottom.png);}  
.top-vente .cadre-left {background:url(images/fond/top-vente-left.png) 0 0 repeat-y;}  
.top-vente .cadre-right {background:url(images/fond/top-vente-right.png) top right repeat-y;}

/**************************** CADRE ZOOM  ****************************/ 
.zoom .bottom {background:#fff url(images/fond/zoom-bottom.png) 0 0 repeat-x; height:25px;}   
.zoom .cadre-bottom {background:url(images/fond/zoom-bottom.png);}  
.zoom .cadre-left {background:url(images/fond/zoom-left.png) 0 0 repeat-y;}  
.zoom .cadre-right {background:url(images/fond/zoom-right.png) top right repeat-y;}

/**************************** CADRE MON COMPTE  ****************************/ 
.compte .bottom {background:#fff url(images/fond/compte-bottom.png) 0 0 repeat-x; height:9px;}   
.compte .cadre-bottom {background:url(images/fond/compte-bottom.png);}  
.compte .cadre-left {background:url(images/fond/compte-left.png) 0 0 repeat-y;}  
.compte .cadre-right {background:url(images/fond/compte-right.png) top right repeat-y;}

/**************************** CADRE FICHE  ****************************/ 
.fiche .bottom {background:#fff url(images/fond/fiche-bottom.png) 0 0 repeat-x; height:31px;}   
.fiche .cadre-bottom {background:url(images/fond/fiche-bottom.png);}  
.fiche .cadre-left {background:url(images/fond/fiche-left.png) 0 0 repeat-y;}  
.fiche .cadre-right {background:url(images/fond/fiche-right.png) top right repeat-y; padding-right:8px;}
.fiche .cadre-contenu {padding-top:0;}


/******************************************/
/**************  PRODUIT LISTE  ****************/
/******************************************/
/********** moteur recherche**********/
.zone-recherche, 
.liste-produit, 
.caracteristiques, 
.description, 
.contacter{width:100%; margin: 0 0 8px 0; float:none; display:block: }
.zone-recherche h2.cadre_h2, 
.caracteristiques h2.cadre_h2{background:url(images/fond/h2-bg5.gif) no-repeat;}
#rech-detaillee{}
#rech-detaillee .row{clear:none; width:276px; float:left; display:inline; margin-bottom:7px;}
#rech-detaillee label{font:normal 11px Verdana; width:115px; margin:3px 5px 0 0;}
#rech-detaillee input, 
#rech-detaillee select{font-size:11px; width:146px; height:20px;}
#rech-detaillee .row_bt{ margin:10px 0 0 221px;}
#rech-detaillee .btn-rech{width:93px; height:22px; background:url(images/boutons/recherche.gif) no-repeat; text-align:center; color:#fff; font:bold 12px Verdana; display:block; line-height:20px;}

/********** liste produit**********/
.liste-produit h2.cadre_h2, 
.description h2.cadre_h2, 
.contacter h2.cadre_h2{background:url(images/fond/h2-bg6.gif) no-repeat;}
.liste-produit .marque {margin-left:6px; padding:10px 0 15px 16px; background:url(images/fond/h3-bg1.gif) no-repeat;}
.liste-produit .marque h3{float:left; margin:0; color:#89b34b; font:bold 14px Verdana;  text-transform:uppercase; }
.liste-produit .marque .autres_marques{color:#909090; float:right; font: normal 10px verdana; padding-right:16px;  background:url(images/puce/top.png) right center no-repeat; margin-right:10px;}

.liste-produit #marques{padding:5px 0 10px;}
.liste-produit #marques a{color:#89B34B; font:bold 12px verdana;}
.comparer{}
.comparer img, 
.comparer a{float:left;}
.comparer a{background:url(images/boutons/comparer.gif) no-repeat; width:325px; height:22px; display:block; color:#fff; font-weight:bold; text-align:center; line-height:20px;}
.comparaison .mini-fiche{/*margin-bottom:26px;*/ margin:0px; padding-top:15px; /*height:93px; overflow:hidden;*/}
.comparaison .autres{position:absolute; right:7px; bottom:0; width:192px;}
.comparaison{padding-bottom:0px; background:url(images/fond/comparaison.gif) left repeat-y; clear:both;}
.comparaison .check{float:left; display:inline; width:13px; margin:15px 9px 0 0; color:#7b7a7a; text-align:center; font-weight:bold; font-size:14px; position:relative; z-index:2;}
.comparaison .picture{float:left; display:inline; border:1px solid #e6e6e6; width:80px; height:80px; overflow:hidden; margin-right:9px;}
.comparaison .mini-fiche, 
.comparaison .mini-fiche .check input{padding:0px; margin:0px;}
.comparaison .mini-fiche{background:url(images/fond/comparaison2.gif) bottom repeat-x; height:auto; padding-bottom:15px; margin-bottom:15px;}
.comparaison .mini-fiche input{margin:0 5px 0 0;} /*, .fiche input*/
.comparaison .infos{height:81px;}
.comparaison h4 a, 
.comparaison .ref{color:#4785b2; margin:0px; font-size:12px; display:block;}
.comparaison p.prix, 
.fiche p.prix{margin-right:7px; text-align:right;}


/******************************************/
/**************  PRODUIT FICHE  ****************/
/******************************************/
/********** caracteristiques**********/
.caracteristiques .texte{overflow:hidden;}
.caracteristiques .texte .Moteur{margin-top:10px; width:100%}
.caracteristiques .texte .Moteur tbody th{width:50%; text-align:left;}
.caracteristiques .texte .Moteur tbody td{padding: 5px;}

/********** description**********/
.description .texte{overflow:hidden;}
.description .texte p{margin-bottom:5px; color:#4c4c4c;}

/********** produits associés**********/
.zoom .nouveautes, .zoom .top-vente{width:269px;}

/********** fiche**********/
.fiche{display:block; margin-bottom:8px;}
.fiche h1{margin-left:11px; position:relative; z-index:6;}
.fiche .photos{width:260px; float:left; display:inline; margin:0 8px 0 12px;}
.fiche .visu{border:1px solid #e6e6e6; margin-bottom:2px; width:255px; min-height:255px; text-align:center; overflow:hidden;}
.fiche .mini-visu{border:1px solid #e6e6e6; width:60px; height:60px; float:left; display:inline; margin-right:3px;}
.fiche .desc{margin-bottom:5px;}
.fiche .infos{float:right; width:270px; color:#4c4c4c; display:inline; overflow:hidden;}
.fiche .logo{text-align:center; margin-bottom:5px;}
.fiche .desc p{margin-bottom:19px;}
.fiche p.prix{font-size:18px; width:204px;}
.fiche p.prix span{font-size:14px;}
.fiche p.prix span.eco{color:#89B34B; display:block; font-size:12px;}
.fiche .autres{bottom:0; width:270px; position:absolute; right:12px;}

/******************************************/
/**************  CONTACT  *****************/
/******************************************/
/*.contacter h3{font-weight:bold; text-transform:uppercase;}*/ 
.contacter td{/*font-size:11px; color:#4c4c4c;*/ padding-bottom:6px;}
/*.contacter .nom{font-weight:bold; color:#4785b2; font-size:12px; text-transform:uppercase;}
.contacter .table{margin-left:5px;}
.contacter th{color:#89B34B; font-size:12px; padding-bottom:5px; text-align:left; text-transform:uppercase;} */
.contacter .centre, .contacter .centre a{color:#4785b2; font-size:11px; margin:8px 0 15px;}
.row_are textarea.message{width:235px; height:129px;}

/********** formulaire**********/
.formulaire{width:342px;}
.formulaire .intros{padding:10px 5px;}
.formulaire .intros p{margin:0px;}
.formulaire .intros p.texte{font-size:11px; margin-bottom:13px;}
.formulaire h2.cadre_h2{background:url(images/fond/h2-bg7.gif) no-repeat;}
.formulaire label{font-size:11px; color:#878787; font-weight:normal; width:70px;}
.formulaire input{width:182px;}
.formulaire .envoyer{width:93px; height:22px; background:url(images/boutons/envoyer.gif) no-repeat; text-align:center; color:#fff; font-weight:bold; display:block; line-height:20px;}
.formulaire .row_bt{width:105px; margin:15px 0 0 105px;}

/********** coordonnees**********/
.coordonnee{float:right; width:217px;}
.coordonnee h2.cadre_h2{background:url(images/fond/h2-bg8.gif) no-repeat;}
.coordonnee div.infos{padding-top:10px; color:#5b5b5b;}
.coordonnee div.infos .visite{color:#4785b2; text-align:center; padding:15px 17px 0 0;}
.coordonnee div.infos .visite a{font-weight:bold;}

/******************************************/
/****************  MARQUES  **************/
/******************************************/
.mar_img{float:left; margin:0 12px 15px 0;}
.mar_img img{width:80px; height:80px;}

/******************************************/
/****************  COMPARAISONS  **************/
/******************************************/
.scroll{width:569px; overflow:auto;}

/******************************************/
/****************  PIEDPAGE  **************/
/******************************************/
#footer .menu-bas{height:27px; list-style-type:none; padding:0px; margin:0px; background:#eaeaea; line-height:27px;}
#footer .menu-bas li{float:right; display:inline; margin:6px 5px 0 0; font:normal 12px Arial; color:#84878d;}
#footer .menu-bas li a{color:#84878d; font:normal 12px Arial;}
#footer .more{background:url(images/fond/motif.gif); border-top:5px solid #c2c2c2; padding:21px 0 16px 24px; color:#3a3a3a;}
#footer .col-menu{float:left; display:inline; margin-right:10px; width:126px;}
#footer .col-menu ul{margin-bottom:5px;} 
#footer .col-menu li{margin-left:0px; list-style-type:none;}
#footer .col-menu a{color:#3a3a3a; font-size:11px; line-height:16px;}
#footer .col-menu li.maj a{text-transform: uppercase;}
#footer h5{font:bold 12px Verdana; margin:0 0 7px;}