@charset "iso-8859-1";
/* feuille de style -  Jouets en bois */
/* tous droits réservés */


/* PARAMETRES GENERAUX  */

.td,p,body,table, h2 {FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR:#702f19; FONT-SIZE:11px;}
img{ border:none}
a{font-weight: bold; text-decoration: none; color:#702f19; font-size:10px;}
a:hover{ text-decoration:underline;}
.center{ text-align:center}
.bitalicenter{ text-align:center; font-style:italic}
.clear{ clear:both; visibility:hidden}
body{ background:url(../images/fond/body.jpg) left top no-repeat;background-color:#f0e4ea; margin-top:0px}
#main {width:960px; }
#intro { background:url(../images/fond/header.jpg) no-repeat;width:988px;height:155px;}
#menu_left { background-color:#fceff6;background-image:url(../images/fond/pied_arbre.gif); background-repeat:no-repeat; background-position:bottom left;width:208px;}
#content {background-image:url(../images/fond/content.jpg);width:779px;height:516px; padding-top:25px;}
#outro {background-image:url(../images/fond/footer.jpg);width:988px;height:90px; text-align:center; font-size:10px; background-repeat:no-repeat}
#ouro a{ font-size:10px;}
h1.titre, h4{ float:left;}
.h2replacement{margin:0px; padding:0px;}
.pcontent{text-align:right; margin-right:120px;}
.right{ text-align:right}
.message, .denied{ font-size:14px; color:#FF0000; width:640px;}
.links{ text-align:center; font-size:16px; font-weight:bold; color:#e684b5; margin-right:150px;}
.links a{ text-align:center; font-size:16px; font-weight:bold}
#link_home{ position:absolute; margin-left:744px; margin-top:0px}

 
/* -------  Partie recherche   -------  */

#recherche{ width:210px; height:158px; background-image:url(../images/fond/recherche.jpg); margin-top:-11px}
#recherche select{ width:110px; height:15px;}
.search{ margin-left:55px; padding-top:30px; zoom:1}
.search select, .search input{ margin-bottom:2px;}
.search input{ width:111px; height:15px;}
.valid_search{ margin-left:35px;}
.form .cherch select{ width:170px;}
.form legend{ font-weight:bold; font-size:16px; color:#e487b4;}
#home-recherche{ position:absolute; width:415px; height:25px; background:url(../images/fond/homesearch.gif) left top no-repeat; top:8px; left:283px; padding-top:3px}

.cherch select{ margin-right: 15px;}
.cherch input { margin-right: 15px; width:150px;}
textarea{border:1px solid #702f19; color:#702f19;}


/* -------  Partie catalogue   -------  */
#catalog{ width:208px; background-image:url(../images/fond/centre_arbre.gif);}
#catalog-bottom{ margin-left:45px; width:148px;}
/*niveau 1*/
h3 a{ font-size:11px; font-weight:bold; color:#ffddff; font-weight:bold;margin:0 0 0 -7px ;padding: 0}
h3 a:hover{color:#fff; text-decoration:none}
h3{margin-top:6px; margin-bottom:3px; margin-left:3px;padding: 0 0 0 11px;background-image:url(../images/puce/menu_gauchecss.gif); background-repeat:no-repeat; background-position:left 5px}
/*niveau 2*/
.ssrub_ligne a{ color:#FFF; margin-left:0px; }
.ssrub_ligne a:hover{ color:#e487b4; text-decoration:none}
.ssrub_ligne{padding: 0 0 0 11px;}
.tablessrub{ width:139px;}
/*niveau 3*/
.sous-menu a { color:#C8AA88;}
.sous-menu a:hover { color:#f4c4db; text-decoration:none;}


/*  */
p.facebook    { margin-left:59px; padding: 0 0 7px 0;  overflow: hidden;     } 
p.facebook a {   color: #ffddff   }
p.facebook a img{ display: block; float: left; vertical-align: middle; margin: 0 9px 0 0px;     } 
p.facebook a span{ display: block; float: left;   padding: 5px 0 0 0;   } 


/* -------  Nouveautés  -------  */
#bonneaff{ width:497px; height:153px;background-image:url(../images/fond/news.gif); background-repeat:no-repeat}
.name{ font-size:11px; font-weight:bold;}
.photo_prod{ height:68px; width:133px; text-align:center}
.fourprod{ margin-left:66px; margin-top:8px;}

/* -------  Tendances  -------  */
#tendances{ width:497px; height:153px;background-image:url(../images/fond/tendances.gif); background-repeat:no-repeat}
#tendances .name{ font-size:13px; font-weight:bold; text-align:center}
.photo_tendance{ height:100px; width:133px; text-align:center}
.fourprod{ margin-left:66px; margin-top:8px;}


/* -------  Promotions  -------  */
#promos{ width:497px; height:151px;background-image:url(../images/fond/promo.gif);background-repeat:no-repeat}
.prix_nouveau{ font-weight:bold;}
.prix_ancien{ text-decoration:line-through;}
.pprix{text-align:left; width:135px; margin-top:-3px; margin-bottom:-3px; margin-right:-10px}
.price{ text-align:right}

/* -------  Produits associés  -------  */
#prod_asso{ width:638px; height:169px; padding:5px 0 0 0;  background-image:url(../images/fond/prod_asso.jpg); background-repeat:no-repeat}
.name{ font-size:11px; font-weight:bold;}
.photo_prod{ height:68px; width:133px; text-align:center}
.fourprod{ margin-left:66px; margin-top:8px;}

/* -------  MARQUES  -------  */
#marques{ width:165px; height:166px;background-image:url(../images/fond/marques.gif); background-repeat:no-repeat; }
#marques select{ width:140px; margin:0; padding:0; font-weight:bold}

/* -------  PRODUITS  -------  */
.linkyoutube { margin: 20px 30px 20px 0px; }
.linkyoutube table { border-collapse: collapse; margin: auto; }
.linkyoutube table td { margin: 0px; padding: 0px; }
.linkyoutube .top .left { width: 10px; height: 10px; background: url('../images/fond/youtube_top_left.gif') left top no-repeat; }
.linkyoutube .top .center { height: 10px; background: #f3d3e0; }
.linkyoutube .top .right { width: 10px; height: 10px; background: url('../images/fond/youtube_top_right.gif') left top no-repeat; }
.linkyoutube .middle .left { width: 10px; background: #f3d3e0; }
.linkyoutube .middle .center { background: #f3d3e0; padding: 10px; }
.linkyoutube .middle .right { width: 10px; background: #f3d3e0; }
.linkyoutube .bottom .left { width: 10px; height: 10px; background: url('../images/fond/youtube_bottom_left.gif') left top no-repeat; }
.linkyoutube .bottom .center { height: 10px; background: #f3d3e0; }
.linkyoutube .bottom .right { width: 10px; height: 10px; background: url('../images/fond/youtube_bottom_right.gif') left top no-repeat; }

/* -------  LETTERS  -------  */
.lesletterstop table td, .letterscarttop .item table td{ width:72px; height:72px; font-size:48px; font-weight:bold; text-align:center}
.lesletterstop, .letterscarttop{width:710px; background:url(../images/fond/topletters.gif) left top no-repeat}
.leslettersbottom, .letterscartbottom{width:710px; background:url(../images/fond/bottomletters.gif) left bottom no-repeat}
.lesletterstop table{ margin:5px auto}
.letterscarttop{ padding:0 5px 15px 5px; width:710px}
.info_letters{ text-align:center; font-weight:bold; font-size:18px}
.info_price{ text-align:right; font-size:14px;  margin:10px 41px 0 0;}
.info_qte{ text-align:right; font-size:14px; margin:10px 42px 0 0; float:left}
.letterscartbottom{ margin-top:15px;}
.noneletters{ color:#dfb4cb; font-size:16px; font-weight:bold}
.tipsletters{ border:2px solid #db85b4; padding:5px; background-color:#fae3ed; font-weight:bold; width:370px; position:absolute; right:35px; top:80px}
.letterscarttop .item { float:left; margin-bottom:0px; padding-bottom:0}



/* -------  Page category  -------  */
.name2 a{ font-family:arial; font-size:16px; font-weight:bolder; color:#e487b4}
.name2 a:hover{ text-decoration:none; color:#c04a84;}
.prod{ width:183px; height:135px;background-image:url(../images/fond/fond_prdt.jpg); text-align:center; background-repeat:no-repeat; display:table-cell; vertical-align:middle;  }

.prod img{ margin-top: 0px;  position: relative; top: 5px; left: 0}
.prix_prod{ font-weight:bold}
.product-image{ background-color:#fff; border:2px solid #ce5693; padding:10px; margin-top:0px; height:250px;}
.logo1{ float:left;}
.logo1-1{ float:left; margin-left:-300px}
.logo2{ margin-right:20px;}
.logo3{ margin-right:20px;}
.desc, .price{ margin:0 auto 0 auto}

#divimage1, #divimage2, #divimage3, #divimage4{ float:left; width:300px;; margin-bottom:0px; padding-bottom:0}


#catalogcategories table td{ }
#catalogcategories{ }



/* -------  Mentions légales  -------  */

.cols1, .cols2{border: 2px solid #c64985; width:200px; background-color:#fff; height:200px; text-align:center;padding:10px}
.cols1{ float:left;  margin-left:20px; }
.cols2{ margin-left:330px;}
.titre_mention{ color:#c64985; font-weight:bold;}


/*  -------  Footer  -------  */
#outro a{ color:#702f19}


/*  ----- menu quand on est loggé ------ */
.menuPanieron{ position:absolute; left:-428px; top:-6px }
.menuLoggedon{  position:absolute; left:-180px; top:-7px }
.menuPanierout{ position:absolute ; left:-429px; top:7px }
.menuLoggedout{ position:absolute; left:-200px; top:-6px; width:212px }




/* champs de formulaire */
.form{ width:690px;}
.form table {background: #ffffff; font-weight: normal; margin-left:40px}
.form legend{ font-weight:bold; font-size:16px; color:#e487b4;}
input { border:1px solid #702f19; color:#702f19; font-size:10px; width:200px; height:18px;margin-right:110px;}
select{ border:1px solid #702f19; color:#702f19; font-size:10px; width:200px; height:15px;margin-right:110px;}
.form td p { text-align:right; width:550px;  }
.retr select{ width:65px; margin-right:2px;}
h5{ font-weight:normal; margin-left:15px; margin-top:2px;}


.table_formu{ background-color:#fff;}
.table_formu .haut {background-image:url(../images/fond/formu_haut.gif); width:619px; height:43px;}
.table_formu .tableft {background-image:url(../images/fond/formu_left.gif); background-repeat:repeat; width:21px}
.table_formu .tabmiddle {width:581px;}
.table_formu .tabright {background-image:url(../images/fond/formu_right.gif); background-repeat:repeat; width:17px}
.table_formu .tabbas {background-image:url(../images/fond/formu_bas.gif); width:619px; height:19px;}


/* -------  Liens du haut   -------  */

#links { position:relative; left:0px; top:4px; height:55px}
#links p{ position:absolute; left:744px}
.valid{ position:relative; width:auto; height:auto; top:2px;}
#logo-jouet-en-bois{position:absolute; left:-5000px;}
#logo-jouet-en-bois img{position:absolute; left:5043px; top:-15px}

#newsletter{ position:relative; float:right; margin-right:100px; top:35px;}
#client{position:relative;float:right; margin-right:66px; top:30px;}

#menu-top a{font-weight: bold; text-decoration: none; color:#702f19; font-size:10px;}
#menu-top a:hover{ text-decoration:underline;}
.home{ width: 75px;margin-right:1px;}



/*   CGV   */
.cgv{ width:600px;}
.titre_cgv{ font-weight:bold; font-size:16px;}


/*   Manage Order   */

.manageorderTable{ width:575px;}
.manageorderTable td, .manageorderTable th { border-bottom:1px solid #e884b6; }
.manageorderTable th { text-align:left; font-size:13px;}
.manageorderTable caption { font-size:15px; font-weight:bold; height:50px;}


/* message*/
.message{ color:#c64985;}
.denied{ color:#c64985;}

.bank input{ width:auto; height:auto; border:none}

.langue{position:absolute; margin-left:652px; margin-top:-25px}
.langue li{ list-style-type:none; float:left; margin-left:10px}

.lienbas{float:left;margin-right:10px;}



.bordrouge td{ border:1px solid #ff0000}
.mini_img td{ border:2px solid #ce5693; background-color:#fff; width:95px; height:95px}
.mini_img td img{ margin:0; padding:0}
.mini_picto{ width:390px}
.mini_picto img{ margin-right:10px}
.marge{ margin-left:25px}

/* Marques */

#defileMarques {width:150px;height:75px;margin:0; padding:0;}
#pscroller2 {position:relative; left: -4px;height:75px; margin:0;padding:0px;font:normal 10px verdana; }
div.imgdefile {text-align:center;margin:0;padding: 0 ; margin-top:8px }
.tabul {clear:both;}




.ligne h3 { margin-bottom:0; padding-bottom:0}
.tablessrub{ margin-top:0; padding-top:0}