/*  -----------------------------------------------------------------------------------------------------------------------
/*  Designed & produced by native | www.nativecommunications.com |
/*  -----------------------------------------------------------------------------------------------------------------------
*/
*{
  padding: 0;
  margin: 0;
  border: 0;
}

a, a:hover{text-decoration:underline}

/*  -----------------------------------------------------------------------------------------------------------------------
/*  											Blocs
/*  -----------------------------------------------------------------------------------------------------------------------
*/
body {font-family: Arial; font-size: 10px; background-color: #0084A8; padding-bottom: 100px; color:#2C2825;}


/* --- Bloc site --------- */
#site { position: absolute; left: 50%; width: 1000px; margin: 0 0 0 -500px; /*background-color: #cccccc;*/}
#fond { position: absolute; width: 1000px; height: 1100px; margin: 50px 0 0 0px; background: url(../img/fond.gif) repeat-x 1000px top;}
#page{ position: absolute;  width: 705px; margin: 243px 0 0 165px; background: url(../img/page_fond.gif) repeat-y 0px/*55px*/;  /*background-color: #cccccc;*/}
#logo{ position: absolute; width: 530px; height: 160px; margin: 26px 0 0 0;}



/* --- Bloc fond --------- */
#userblock{width: 390px; height: 124px; margin: 0 0 0 610px;  background: url(../img/userblock.gif) no-repeat;}
#userblock-log{margin: 0px 0 0 38px; width:140px;}
#userblock-loglost{margin: 15px 0 0 0px; width:140px;}
#userblock-pass{margin: 0 5px 0 5px; width:100px;}
#userblock-btn{vertical-align:-6px;}
#userblock-txt{margin: 0 0 0 38px;}
#userblock-new{float:left; width:329px; height:28px; margin: 0px 0 0 35px;}
#userblock-new a{border:0px}
#userblock-txtlost{margin:0px 0 0 38px; display: block; width:300px; height:20px;}
#userblock-liens{float:left; width:130px; margin:25px 0 0 0px; /*border-left: 1px solid #686868; border-right: 1px solid #686868;*/}
#userblock-liens ul {list-style: circle inside url(../img/puce.gif); text-transform: uppercase; margin:5px 0 0 5px;}
#userblock-liens li {margin-bottom:3px}
#userblock-liens ul a{color: #2C2825; text-decoration:none; font-weight:bold;}
#userblock-liens ul a:hover{color: #2C2825; text-decoration:underline; font-weight:bold;}
#userblock-title{margin:15px 0 0 35px;}
#userblock-profil{margin:25px 10px 0 30px}
#userblock-bienv{margin:25px 0px 0 0px}
#userblock-dec{margin:27px 0px 0 12px}












#col-left {float:left; width: 170px; height: 1000px; background: url(../img/leftcol_foot.gif) no-repeat bottom;}
#nav {float:left; width: 690px; height: 80px;}
#col-right {float:left; width: 140px; height: 1000px; background: url(../img/rightcol_foot.gif) no-repeat bottom;}


/* --- Bloc col-left --------- */
#recherche{width: 152px; height: 23px; margin: 36px 0 0 18px; background-color: #ffffff;}
#recherche-champ{position:absolute;  margin: 3px 0 0 3px; width:125px; height:20px; background-color:#ffffff;}
#recherche-btn{float:right;}

#kdo{width: 135px; height: 78px; margin: 26px 0 0 18px; background: url(../img/kdo.gif) no-repeat;}
#budget{width: 135px; height: 78px; margin: 18px 0 0 18px;}
#tagcloud{width: 135px; margin: 18px 0 0 18px; text-align: justify}



/* --- Bloc nav --------- */
#nav ul{height: 40px; padding: 30px 0 0 30px; list-style: none; }
#nav li{float: left; width: 82px; height: 40px; margin-right: 2px; /*background-color: #009EE0;*/}
#nav li a {display: block; height:40px; text-indent: -9000px; overflow: hidden;	background-position:top;}
#nav li a:hover {display: block;  overflow: hidden; background-position:bottom;}
#nav-hi-tech {background-image: url(../img/nav_hit.gif); }
#nav-fun {background-image: url(../img/nav_fun.gif); }
#nav-utile {background-image: url(../img/nav_uti.gif); }
#nav-cocoon {background-image: url(../img/nav_coc.gif); }
#nav-tee-shirts {background-image: url(../img/nav_tee.gif); }
#nav-packs {background-image: url(../img/nav_pac.gif); }
#nav li a.nav-over {display: block;  overflow: hidden; background-position:bottom;}


/* --- Bloc col-right --------- */
#contact{width: 120px; height: 80px; margin: 36px 0 0 10px; background: url(../img/contact.gif) no-repeat;}

#nav-right-list1{margin-bottom:25px;}
#nav-right-list1 li a{display: block;  margin: 15px 0 10px 10px; width:120px; text-indent: -9000px; overflow: hidden;}
#nav-rl101 {background-image: url(../img/nav_rl101.gif); height:16px;}
#nav-rl102 {background-image: url(../img/nav_rl102.gif); height:14px;}
#nav-rl103 {background-image: url(../img/nav_rl103.gif); height:30px;}

#nav-right-list2 li {display:block; padding: 0 0 5px 10px;}
#nav-right-list4 a, #nav-right-list2 a{text-decoration: none; font-size:1.2em; font-weight:bold;}
#nav-right-list4 a:hover, #nav-right-list2 a:hover{color:#ffffff; text-decoration: none; }
#nav-rl201 {color:#A2DAF4;}
#nav-rl202 {color:#8FBF00;}
#nav-rl203 {color:#EE7F00;}

#nav-right-list3{padding-top: 15px; margin-left:23px; color:#C1C2C4;}
#nav-right-list3 ul{line-height:1.6em; list-style-position: outside; color:#C1C2C4;}
#nav-right-list3 a{margin-left: -6px; color:#C1C2C4; text-decoration: none; }
#nav-right-list3 a:hover{color:#ffffff; text-decoration: underline; }


#nav-right-list4 li {display:block; padding: 0px 0 0px 10px; margin-top:15px;}
#nav-right-list4 li{}

#nav-rl401 {color:#A2DAF4;}
#nav-rl402 {color:#EE7F00;}



/* --- Page --------- */
#page-top{width:705px; height:17px; /*margin-left:55px;*/ background: url(../img/page_top.gif) no-repeat;}
#page-borderlt{float:left; width:10px; height:914px; background: url(../img/page_borderlt.gif) no-repeat /*55px*/; overflow:hidden; }
#page-borderrt{float:left; width:10px; height:914px; background: url(../img/page_borderrt.gif) no-repeat; overflow:hidden;}
#page-middle{float:left; width: 685px; }
#page-bottom{float:left; width: 700px; height: 80px;  background: url(../img/page_bottom.gif) no-repeat /*55px*/ top #0084A8; text-align:center;}
#page-bottom ul{ list-style:none; /*margin-left:55px;*/}
#page-bottom li{float:left;}
#page-bottom li a{display:block; margin:35px 0 0 9px; color:#ffffff; text-decoration: none; font-weight:bold; font-size:0.9em;}
#page-bottom li a:hover{text-decoration: underline;}

/* --- Page right--------- */
#pright-log{width: 145px; height:588px; background: url(../img/page_right_log.gif) no-repeat;}
#pright-log ul{width:107px; font-size:1.1em; text-align:center; font-weight:bold; list-style:none; padding:135px 0 0 30px; }
#pright-log li{margin-bottom:100px;}

#moncompte{text-transform:uppercase; padding:25px 0 0 35px; color:#2C2825; display:block; text-decoration:none; }
#moncompte a{text-decoration:none; color:#2C2825;}
#moncompte a:hover{text-decoration:underline;}


/*  -----------------------------------------------------------------------------------------------------------------------
/*  											Home
/*  -----------------------------------------------------------------------------------------------------------------------
*/
#produits{float:left; width:484px;}

#home-top{float: left; width: 484px; height: 240px; margin: 23px 0 20px 30px; /*background-color: #cccccc;*/ }
#home-prod{float: left; width: 484px; height: 260px; margin: 0px 0 20px 30px; /*background-color: #cccccc;*/ }

#img-prodtop{float: left; margin-right:18px;}

.prod{float:left; width:107px;  margin-top:10px; /*background-color: #559988;*/ text-align:center;}

#recent-left a {display:block; width:100%; height: 100%;}
#recent-right a {display:block; width:100%; height: 100%;}

#page-right{position:absolute; margin:300px 0 0 715px; width:145px; height:600px; overflow: hidden; display: none}
#page-right-inner{position:relative; width:145px; height:600px; margin-left: 145px}
#page-foot{float: left; width: 620px;  margin: 0px 0 0 30px; /*border-top: 1px solid #868789;*/}
#panier{overflow: hidden; position:absolute; margin:200px 0 0 704px; width:156px; height:80px; background: url(../img/panier.gif) no-repeat;}

#panier-nb{color:#EE7F00; font-size:1.2em; font-weight: bold; margin:50px 0 0 75px; display:block}

#panier-detail{color: #fff; background: url(../img/panier_fond.gif) no-repeat; height: 50px; margin: 15px 10px 0px 20px; padding: 1px 4px 4px 8px; line-height: 1.2;}
#panier-detail span{float: right}
#panier-detail a{color: #fff; text-decoration: none}
#panier-detail a:hover{color: #fff; text-decoration: underline}




#panier-btn{width:147px; height:23px; background: url(../img/btn_panier.gif) no-repeat; background-position:bottom; margin-bottom:5px}
.btngris{margin-bottom:5px}


.boxError{text-align:center; background-color: #888; padding: 16px; font-size: 12px; color: #fff}


/*  -----------------------------------------------------------------------------------------------------------------------
/*  											Category   & budget
/*  -----------------------------------------------------------------------------------------------------------------------
*/



#catlist li{float:left; list-style:none; padding:0px;/*height:280px;background-color:#000000;*/}

#pagination{float:left; width:484px;  height:30px; background: url(../img/shade_bott.gif) repeat-x ;}
#pagination ul{list-style:none; display:block; line-height:5em; margin-left:150px; }
#pagination li{float:left; display:block; margin-right:10px; /*background-color:#000000;*/ text-align:center}
#prod-sort{height:60px; width:490px; clear:both; /*border-bottom: 1px solid #2C2825;*/  background: url(../img/shade_bott.gif) repeat-x 25px;}
#filrouge{float:left; margin-left:30px; height:40px; width:650px; color:#E2007A;}
#filrouge a{text-decoration:none; color:#2C2825;}
#filrouge a:hover{text-decoration:underline; color:#2C2825;}
#productsSortForm{margin-left:50px;}


#nb_item{width:40px; margin-right:10px; }
#sort_form{width:120px}






h2.budgtitle{display: block; width:600px; height:80; float: left; font-size:3em; margin:30px 0 40px 0; clear:both}
h2.budgtitle a{text-decoration:none;}

/*  -----------------------------------------------------------------------------------------------------------------------
/*  											Produits
/*  -----------------------------------------------------------------------------------------------------------------------
*/
#p-top{float:left; width:655px; padding-left:30px; margin:10px 0 20px 0; /*background-color:#cccccc;*/}

#p-img{float:left; width:228px; height:300px; /*background-color:#ccccff;*/ }

#p-large{width:195px; /*height:225px;*/ float:left; margin-bottom:15px;/*background-color:#cccccc;*/}
#p-vign{width:30px; /*height:225px;*/ float:left; /*background-color:#ccccff;*/  }
#p-vign ul{list-style:none; width:30px; }
#p-vign li{ width:30px; border:1px solid #ccc; margin-bottom:10px;}



#p-note{width:225px; height:75px; float:left; text-align:center;/*background-color:#ccffcc;*/}
#p-sep{height:300px; width:30px; float:left; /*background-color:#cc0099;*/ background: url(../img/sep.gif) repeat-y;}

.sep{float:left; width:18px; height:205px; /*margin-top:20px;*/ }
#p-title{width:350px; float:left; overflow:hidden; /*background-color:#ccff99;*/}
#p-desc{width:350px; float:left; margin-bottom:15px; /*background-color:#ffff99;*/ color:#2C2825; font-size:1.1em; font-weight:bold}
.price_orange{height:115px; width:105px; float:left; /*background-color:#cf8f2f;*/ background: url(../img/pastille.gif) no-repeat 0px 0px;}
.price_gris{height:115px; width:105px; float:left; /*background-color:#cf8f2f;*/ background: url(../img/pastillegrise.gif) no-repeat 0px 0px;}
#p-achat{/*padding-top:15px;*/  margin-left:7px; width:170px; float:left; /*background-color:#008f2f;*/}
#p-liste{height:115px; width:105px; float:left; /*background-color:#00002f;*/}
#achat-btn{margin-bottom:5px; }
#p-quantite{margin-left:2px; width:15px; height:20px; background: url(../img/p_qte_vert.gif) no-repeat;  float:left; color:#fff; /*background-color:#cccccc;*/ text-align:center; line-height:-4em;}



#p-middle{float:left; padding-left:30px; margin-bottom:20px;/*background-color:#00002f;*/ }
#p-tool{float:left; width:225px; height:305px; margin:0px 30px 0 0; background: url(../img/tooltop.gif) no-repeat 0px 0px; }
#tool{display:block; height:110px; float:left; margin: 23px 0 0 40px;}

#tool li{float:left; display:block; width:110px; margin-bottom:15px; text-transform: uppercase; color:#8FBF00; text-align:right; font-weight:bold}
#tool li a{text-transform: uppercase; color:#8FBF00; text-align:right; text-decoration: none; font-weight:bold}
#tool li a:hover{text-transform: uppercase; color:#8FBF00; text-align:right; text-decoration: underline; font-weight:bold}

#p-toolphoto { margin: 0px 0 0 40px; list-style: circle inside url(../img/puce_bleu.gif); }
#p-toolphoto li{ margin-bottom:5px;}
#usercom-tof a, #p-toolphoto li a{font-weight:bold; text-transform: uppercase; color:#44B9FE; text-decoration:none}
#usercom-tof a:hover,#p-toolphoto li a:hover{font-weight:bold; text-transform: uppercase; color:#44B9FE; text-decoration:underline;}



#p-car{float:left; width:380px;  overflow:hidden;/*background-color:#90ff2f;*/}
#p-cartitle{float:left; width:380px; height:25px; background: url(../img/onglet_car.gif) no-repeat; overflow:hidden; margin-bottom:15px;}


#prics2{text-decoration: line-through; font-size:1.2em; }
#reduc{display:block;  padding-top:25px; margin-bottom:2px}
#prics-only{height:5px}




#mootabs_com{background: url(../img/onglet_com.gif); margin-right: 2.3px;}
#mootabs_photo{background: url(../img/onglet_photo.gif);}
#mootabs_shade{width:302px; background: url(../img/shade_top.gif) repeat-x;}

#attributes{margin-bottom:10px; width:147px;}
#attributes label{line-height:2em}


#novariantes{height:17px}


#marquage{margin:20px 0 20px 0; background: url(../img/p_pro.gif) no-repeat;}
#marquage a{padding-left:105px; display:block; width:100%; height:100%;}



#recent-left{float:left; width:44px; height:180px; margin-top:40px; background: url(../img/fleche_l.gif)no-repeat 2px 50px;}
#recent-right{float:left; width:44px; height:180px; margin-top:40px; background: url(../img/fleche_r.gif) no-repeat 2px 50px;}
#recent-left a {display:block; width:100%; height: 100%;}
#recent-right a {display:block; width:100%; height: 100%;}


/*  -----------------------------------------------------------------------------------------------------------------------
/*  											page commentaires
/*  -----------------------------------------------------------------------------------------------------------------------
*/

#usercom{float:left; width:480px; margin:10px 0 0 30px;  background:  url(../img/onglet_com.gif) no-repeat; /*background-color:#ff7821*/}
#usercom-top{height:45px; width:480px; background:  url(../img/picto_com.gif)no-repeat 0px 0px; /*border-bottom: 1px solid #868789; background-color:#ff7821*/}
#usercom-post{float: left; height:25px; width:100px; padding:15px 0 0 65px; text-transform:uppercase; color:#8FBF00;}
#usercom-note{float:right; height:25px; margin:7px 0 0 0; }
#usercom-liste{float:left; margin-top:10px;}
#usercom-notelittle{display:block; margin:5px 0 0 0px;}
#title-com{display:block; font-size: 1.2em; font-weight:bold; line-height: 2.1em; margin-left:20px; color:#ffffff; }
.listecom-bloc{float:left; /*border-bottom: 1px solid #868789;*/  background: url(../img/barre.gif) repeat-x;  height:100%; padding:15px 0 10px 0; margin-bottom:0px; width:480px}

.listecom-img{float:left; margin:0 15px 0 0; width:61px}
.listecom-txt{float:left; width:400px;}
#usercom-form{width:480px; height:100%; margin:0px 0px 0 30px; /*background: url(../img/shade_bott.gif) repeat-x 0px 40px;*/ float:left;}
#userform-img{float:left; width:100px; margin-right:30px;}
#userform-champ{float:left; margin: 10px 0 10px 0; }


#usercom-tof{float:left; width:100px; /*background-color:#cccccc;*/ margin:0 10px 0 20px;}

#comment-note{margin:10px 0 10px 0; width:345px; line-height:2.2em;}

#usercom-text{height:75px}


#no_photos, #no_comment{margin: 10px 0px 0 0px; }
#no_commentpage{margin-top:15px; height:50px}

.usercom-chp{border:2px solid #8FBF00; width:337px; margin:5px 0 5px 0; font-size: 1.1em; font-family: arial; padding:2px;}

.photo-border{float:left; width:108px; height:80px; border: 2px solid #55C2EB; margin:10px 10px 10px 0; font-size:1.1em; font-family: arial;}
#usercom-notebot{float:right; margin-top: 15px; width:300px; }
/* ----------------
/* star rater
/* ----------------
*/
.star-rating{list-style:none; margin-left: 20px; padding:0px; width: 120px; height: 23px;  position:relative; float:left;  background: url(../img/star_rating_01.gif) top left repeat-x; overflow:hidden;}
.star-rating li{padding:0px; margin:0px; float: left;}
.star-rating li a{display:block; width:24px; height: 23px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; }
.star-rating li a:hover{background: url(../img/star_rating.gif) left bottom; z-index: 1; left: 0px; }


.star-rating a.one-star{left: 0px;}
.star-rating a.one-star:hover{ width:24px;}
.star-rating a.two-stars{left:24px;}
.star-rating a.two-stars:hover{width: 48px;}
.star-rating a.three-stars:hover{width: 72px;}
.star-rating a.three-stars{left: 48px;}
.star-rating a.four-stars{left: 72px;}
.star-rating a.four-stars:hover{width: 96px;}
.star-rating a.five-stars{left: 96px;}
.star-rating a.five-stars:hover{width: 120px;}

/*  -----------------------------------------------------------------------------------------------------------------------
/*  											page photo
/*  -----------------------------------------------------------------------------------------------------------------------
*/

#userphotos{float:left; width:480px; margin:10px 0 0 30px;  background:  url(../img/onglet_photo.gif) no-repeat; }
#title-photo{display:block; font-size: 1.2em; font-weight:bold; line-height: 2.1em; margin-left:5px; color:#ffffff;}
#userform-photo{float:left; margin:20px 0 0 30px; }

.userphotos-profil{ text-align:center; margin:10px 10px 0 30px; width:100px; }
#photo-form{margin:20px 0 0 150px; display:block;}
#photo-file{margin-left:11px;}
#photo-btn{margin-left:53px;}
.photo-formborder{border: 2px solid #55C2EB; margin-left:10px}




/*  -----------------------------------------------------------------------------------------------------------------------
/*  											produit top commentaire et photo
/*  -----------------------------------------------------------------------------------------------------------------------
*/
#ptop-fiche{width:300px; margin:10px 0 10px 0; float:left/*background-color:#cccccc*/ }
#ptop-img{float:left; width:110px; height:130px; margin:0 20px 0 30px;}

/*  -----------------------------------------------------------------------------------------------------------------------
/*  											page compte
/*  -----------------------------------------------------------------------------------------------------------------------
*/
#acc-title{height:31px;}

#account-img{float:left; width:80px; height:80px; margin:0 30px 0 30px;}
#account-txt{float:left; width:200px; height:80px;}
#account-liens{float:left; width:300px; height:80px;}

#account-liens ul {list-style: circle inside url(../img/puce_gris.gif); text-transform: uppercase; margin:5px 0 0 5px;}
#account-liens li {margin-bottom:5px}
#account-liens ul a{color: #2C2825; text-decoration:none; font-weight:bold;}
#account-liens ul a:hover{color: #2C2825; text-decoration:underline; font-weight:bold;}


/*
#account-wish{width:480px; height:100%; margin:20px 0px 0 30px; background-color:#ccccff;}
#account-com{width:480px; margin:10px 0px 10px 30px;}
#account-sugg{width:480px; margin:0 0px 0 30px; background-color:#ccccff;}*/
#account-photo{float:left; width:140px; /*background-color:#cccccc;*/ margin:0 10px 0 20px;}

#account-wish, #account-sugg{width:480px; height:100%; margin:10px 0px 0 30px; background: url(../img/shade_bott.gif) repeat-x 0px 40px; float:left;}
#account-com {width:500px; height:100%; margin:10px 0px 0 0px; background: url(../img/shade_bott480.gif) no-repeat 30px 40px; float:left;}

#acchr{margin:10px 0px 0 125px;}

#accom-pict{float:left; width:80px; margin:0 50px 0 30px;}
#accom-nb{margin: 60px 0 10px 0; float:left; list-style-position: inside;}
#accom-nb ul{margin-top:10px;}

#accomw-nb{margin-top:30px; /*background-color:#ccc;*/ width:480px}



.accom-txt{width:340px; padding-top:30px}
#ptop-img{float:left; width:107px; height:90px; background-repeat: no-repeat;}
.accom-barre, .accom {margin-left:160px; width:345px;}


/* page d'autenfication */
#account-create{margin:29px 0 0 30px; width:360px; float:left; }
#account-login{width:270px; float:left; background: url(../img/account_log.gif) no-repeat; height:310px; padding:60px 0 0 25px;}
#create-account_form .mail{margin-top:10px; display:block; float:left;}
#create-txt{margin:15px 0 15px 0; }
.SubmitCreate{margin:6px 0 0 10px; display:block; float:left;}
.passwd-log{margin-top:2px; display:block; float:left;}
.SubmitLogin{margin-left:5px; display:block; float:left; margin-top:-2px}
#login-lost{margin-top:60px;}
/*#login-lost label{margin-bottom:5px; display:block}*/

#userblock-loginpage{margin-top:10px;}
#userblock-lost{margin:12px 0 0 0px; display:block; float:left;}

#loglost-btn{margin:10px 0 0 5px; display:block; float:left; }


#id_civ{margin-left:60px;}
#id_email{margin-left:63px;}
#id_pass{margin-left:30px;}
#id_birth{margin-left:10px;}
.submitAccount, .id_chk{margin-left:104px;}
#id_company{margin-left:62px;}
#id_lastname{margin-left:70px;}
#id_firstname{margin-left:45px;}
#id_address2{margin-left:46px;}
#id_phone{margin-left:43px;}
#id_phone2{margin-left:3px;}
#id_alias{margin:10px}
#chp_req{margin: 0px 0 10px 106px;}






/*  -----------------------------------------------------------------------------------------------------------------------
/*  											pages associées compte
/*  -----------------------------------------------------------------------------------------------------------------------
*/
/* ----------------
/* mes infos
/* ----------------
*/
#old_passwd{margin-left:48px}

#id_passwd{margin-left:35px;}
#email{margin-left:51px;}
#email_i{width:250px;}
#days{width:40px;}
#months{width:100px;}
#years{width:55px;}
#valid, #optin, #newsletter{margin-left:92px;}
#required{margin:0 0 10px 92px; }

#lastname{margin-left:60px;}
#firstname{margin-left:45px;}
#civil{margin-left:52px;}
#id_gender1{margin-left:5px;}


/*----- mes adresses ---
*/
#addresses{width:550px}

.adbloc ul, #addresses ul{list-style:none; margin:20px 0 20px 0; float:left; width: 160px; height:120px;}
.add_sep{display:block; margin-top:20px; height:120px; width:18px}

#phone_mobile{margin-left:2px;}
#id_country{margin-left:70px;}
#city{margin-left:70px;}
#postcode{margin-left:37px;}
#address1{margin-left:58px;}
#address2{margin-left:47px;}
#id_lastname{margin-left:72px;}
#id_firstname{margin-left:57px;}
#company{margin-left:62px;}
#id_req{margin:5px 0 5px 105px;}
#id_sub{margin-left:105px;}
.ad-liens a{text-decoration:none; color:#000}
.ad-liens a:hover{text-decoration:underline; color:#000}


/*----- recapitulatif comd ---
*/
.order_col{background-color:#E2007A; border: 1px solid #ffffff; width:68px; height:20px ; border-collapse:collapse; color:#fff}
#detail-status, #order_body{text-align:center}

/* ------ detail commande ---
*/

#detail-status thead{background-color:#E2007A; border: 1px solid #ffffff; width:200px; height:15px ; border-collapse:collapse; color:#fff}
#detail-status td{width:250px;}
#detail-status{margin-bottom:10px}



.detail-ad{background: url(../img/detailad_fond.gif) no-repeat; width:230px; height:135px; float:left; padding:15px 0 0 25px; margin-top:20px}
.detail-ad ul{display:block; margin-top:0px; width:230px; height:60px; list-style: none;}


#detail-pdf{line-height:5em; margin-right:5px; vertical-align:middle}




/*  -----------------------------------------------------------------------------------------------------------------------
/*  										   Commande
/*  -----------------------------------------------------------------------------------------------------------------------
*/
#cat-cmd{width: 620px; margin-left:30px; }
#order-detail-content{width:620px; margin-bottom:20px;}
#order-list{border-collapse:collapse; width:500px}
#order_body tr {height:10px;}



#order_step {height: 24px; list-style: none; text-align:center; vertical-align:center; font-size:1.1em; font-weight:bold; line-height:2em; margin-bottom:20px;}

#order_step li{float: left; width: 98px; height: 24px; margin-right: 2px; }
.step_done a{color:#ffffff;}
.step_todo a{color:#000000;}
.step_current{color:#E2007A;}

.step01{background: url(../img/step01.gif) no-repeat 0px -2px;}
.step02{background: url(../img/step02.gif) no-repeat 0px -2px;}
.step03{background: url(../img/step03.gif) no-repeat 0px -2px;}
.step04{background: url(../img/step04.gif) no-repeat 0px -2px;}
.step05{background: url(../img/step05.gif) no-repeat 0px -2px;}

#carrier_table{margin-top:20px; }


#cart_header{background-color:#E2007A; height:20px; }
#cart_header th{/*border: 1px solid #E2007A;*/  color:#fff; border: 1px solid #fff}
/*#cart_summary tbody tr td{border: 1px solid #E2007A; height:30px;}
#cart_summary tbody{text-align:center}
#cart_summary tfoot{text-align:right}*/
.tbord{height:30px; text-align: center;}

#cart_summary{border-collapse:collapse; text-align:center}
#carrier_table tbody td{height:25px;}
.tfond{font-weight:bold; color:#E2007A; font-size:1.1em; text-align:right; padding:5px;}

.toption{text-align: left}

.chp{margin-top:2px;}

#cart_btn{margin-left:5px; display:block; float:left;}


.total{font-size:1.56em; font-weight:bold; padding-right:10px; text-align:right}


.adbloc{background: url(../img/ad_fond.gif) no-repeat; width:285px; height:165px; float:left; padding:10px 0 0 25px}
.adbloc ul{display:block; margin-top:0px; width:250px; height:60px;}


#btn_cmd{margin-top:10px}


#cmd_ref{width:80px;}
#cmd_prod{width:60px;}
#cmd_desc{width:220px;}
#cmd_av{width:50px; }
#cmd_tot{width:70px;}
#cmd_qt {width:70px;}
#cmd_price{width:90px;}


#cmqt{display: block; float:left; width:30px; line-height:4em; text-align:right}
#cmqtmod{display: block; float:left; width:20px; padding-top:8px;}

#gift_message{border:1px solid #ccc; margin-bottom:20px; padding:5px}



/*
#nav li a {display: block; height:40px; text-indent: -9000px; overflow: hidden;	background-position:top;}
#nav li a:hover {display: block;  overflow: hidden; background-position:bottom;}
*/



/*  -----------------------------------------------------------------------------------------------------------------------
/*  											Textes
/*  -----------------------------------------------------------------------------------------------------------------------
*/
.txt-hidden{text-indent:-9000px; overflow: hidden;}




h2{display: block; width:233px; float: left; font-size:2em; margin-bottom:5px;}
h2.catitle{display: block; width:510px; height:100%; float: left; font-size:3em; margin-bottom:10px; }
h2.catitle a{text-decoration:none;}

h3{display:block; margin-bottom:5px;}

.txt10{font-size: 1em; line-height:1.2em;}
.txt11 {font-size: 1.1em; }
.txt12 {font-size: 1.2em;}
.txt16 {font-size: 1.6em;}
.txt18 {font-size: 1.8em;}




.rose{color:#E2007A;}
.bleu{color:#44B9FE;}
.orange{color:#EE7F00;}
.blanc{color:#ffffff;}
.vert{color:#8FBF00;}
.gris{color:#2C2825;}
.gris-desc{color:#565351}
.gris-clair{color:#aaa;}


.bold{font-weight:bold;}
.cap{text-transform:uppercase;}
.lien{font-weight:bold; font-style:underline;}
.pas_souligne{text-decoration: none;}

.blk{display:block;}
.center{display:block; text-align: center;}


#cartitle{font-size: 1.2em; font-weight:bold; line-height: 2em; margin-left:32px;}





/*  -----------------------------------------------------------------------------------------------------------------------
/*  										   Graphics recurents
/*  -----------------------------------------------------------------------------------------------------------------------
*/
.plus{display: block; float:left;  width:92px; height: 20px; margin-top: 10px; background: url(../img/plus_info.gif);}
.plus a{display: block; width:100%; height:100%;}
p.prix{vertical-align:bottom; text-align: left; float:left; width:75px; margin-top:8px}

.marge18{margin-left:18px; margin-right:18px;}
.achat{margin-top:5px; border: 0;}

.wh{background-color:#fff}
.n{background-color:#000000}
.fleft{float:left}
.fright{float:right}
.clr{clear:both}
.wcent{width:100%;}

.form_init{border:1px solid #ccc; margin-left:5px;}
.form_interligne{margin:0px 0 10px 0;}
.form_50{width:95px;}
.txtarea{ border:1px solid #ccc; width: 450px}



.back{text-transform:uppercase; color:#2C2825; display:block; text-decoration:none; }
.back a{text-decoration:none; color:#2C2825;}
.back a:hover{text-decoration:underline;}

.nex{text-transform:uppercase; color:#E2007A; display:block; text-decoration:none; }
.nex a{text-decoration:none; color:#E2007A;}
.nex a:hover{text-decoration:underline;}

.error{background-color:#E2007A; margin:0px 10px 10px 0px; color:#ffffff; width:480px; padding:5px; float:left}
.table_sep{background: url(../img/barre.gif) repeat-x 0 3px; height:6px;}
.pointille{width:480px; background: url(../img/barre.gif) repeat-x; height:3px; margin-top:10px;}
.pointille-fat{width:620px; background: url(../img/barre.gif) repeat-x; height:3px; margin-top:10px;}


#cat{width: 510px; margin-left:30px; /*background-color:#000000;*/ }

.bread{margin-top:2px }
.hid{ visibility:hidden}
.marge30{margin-left:30px}