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

html { height:100%;}
body { height:100%; margin:0; background:url(../images/fond.jpg) #FFF repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;}

form { margin:0;}

#content { height:100%; width:990px; background:#FFF url(../images/fond-content.jpg) repeat-x; margin:0 auto;}

#contenu { width:900px; margin:0 auto; padding:10px 0 0 0;}

#contenu a.logo img { float:left; border:0;}

#header { height:100px;}

ul#onglets { margin:30px 0 0 0; padding:0; float:right;}
ul#onglets li { margin:0; padding:0; float:left; list-style:none;}


ul.onglets { margin:0 0; padding:0;}
ul.onglets li { margin:10px 5px 0 5px; padding:0; float:left; list-style:none;}

ul.onglets li a { text-decoration:none; border:1px solid #BBB; background:#D8D8D3; padding:2px 5px; display:block;}
ul.onglets li a:hover { border:1px solid #AAA; background:#BBB; text-decoration:none;}
ul.onglets li a.sel { border:1px solid #01b9ea; background:#01b9ea; color:#FFF; font-weight:bold; cursor:default;}


ul#onglets li a span { display:none;}

a { color:#444; text-decoration:underline;}
a:hover { color:#444; text-decoration:none;}

ul#onglets li.produits a { background:url(../images/onglets.jpg) no-repeat 0 top; display:block; height:16px; width:98px;}
ul#onglets li.produits a:hover { background-position: 0 bottom;}
ul#onglets li.produits a.actif { background-position: 0 bottom; cursor:default;}

ul#onglets li.whoareyou a { background:url(../images/onglets.jpg) no-repeat -98px top; display:block; height:16px; width:118px;}
ul#onglets li.whoareyou a:hover { background-position: -98px bottom;}
ul#onglets li.whoareyou a.actif { background-position: -98px bottom; cursor:default;}

ul#onglets li.bonsplans a { background:url(../images/onglets.jpg) no-repeat -218px top; display:block; height:16px; width:86px;}
ul#onglets li.bonsplans a:hover { background-position: -218px bottom;}
ul#onglets li.bonsplans a.actif { background-position: -218px bottom; cursor:default;}

ul#onglets li.moncompte a { background:url(../images/onglets.jpg) no-repeat -306px top; display:block; height:16px; width:89px;}
ul#onglets li.moncompte a:hover { background-position: -306px bottom;}
ul#onglets li.moncompte a.actif { background-position: -306px bottom; cursor:default;}

ul#onglets li.contact a { background:url(../images/onglets.jpg) no-repeat -397px top; display:block; height:16px; width:68px;}
ul#onglets li.contact a:hover { background-position: -397px bottom;}
ul#onglets li.contact a.actif { background-position: -397px bottom; cursor:default;}

ul#onglets li.panier a { background:url(../images/onglets.jpg) no-repeat -477px top; display:block; height:16px; width:97px;}
ul#onglets li.panier a:hover { background-position: -477px bottom;}
ul#onglets li.panier a.actif { background-position: -477px bottom; cursor:default;}

.clear { clear:both;}

a.home-homme { float:left; width:293px;}
a.home-homme img { border:0;}

a.home-femme { float:right; width:293px;}
a.home-femme img { border:0;}

a.home-promo { position:relative; margin:0 auto; display:block; text-align:center; width:293px;}
a.home-promo img { border:0;}

.marger { height:30px;}

.mini { font-size:11px;}
.gris { color:#777;}
.justify { text-align:justify;}

.block-left { width:270px; float:left;}
.block-right { width:270px; float:right;}
.block-center { width:270px; position:relative; margin:0 auto;}

h3 { text-transform:uppercase; color:#00c9ff; padding:0; margin:0 5px 0 0; font-size:11px;}
#copy { background:url(../images/copy.gif) left center no-repeat; padding-left:130px; line-height:18px; font-size:11px; margin-top:30px; float:right; color:#777;}

.champ { font-size:11px; font-family:Arial, Helvetica, sans-serif;}

#copy a { text-decoration:none; color: #777;}
#copy a:hover { text-decoration:none; color: #00c9ff;}
#copy a img { border:0;}

.big-block-left { width:560px; border:2px solid #e7e7e3; float:left; height:318px; background:#f4f4f2;}
.big-block-left h1 { margin:0; padding:4px; font-size:12px; text-transform:uppercase; color:#555; background:#FFF url(../images/degrade.png) repeat-x bottom left;}

.height { height:318px;}

.expand { height:auto;}

.med-block-right { float:left; margin:0 0 0 10px; border:2px solid #e7e7e3; background:#f4f4f2;}

.med-block-right h1 { margin:0; padding:4px; font-size:12px; text-transform:uppercase; color:#555; background:#FFF url(../images/degrade.png) repeat-x bottom left;}


.padder { padding:10px;}


.medium-block-left { width:320px; border:2px solid #e7e7e3; float:left; background:#f4f4f2;}
.medium-block-left h1 { margin:0; padding:4px; font-size:12px; text-transform:uppercase; color:#555; background:#FFF url(../images/degrade.png) repeat-x bottom left;}


.big-block-right { width:560px; border:2px solid #e7e7e3; float:right; background:#f4f4f2;}
.big-block-right h1 { margin:0; padding:4px; font-size:12px; text-transform:uppercase; color:#555; background:#FFF url(../images/degrade.png) repeat-x bottom left;}


.blockTxt { color:#444; font-size:11px; width:170px; float:left; margin:0 8px;}

.big-block-left h2 { margin:10px 0 0 0; padding:0 0 0 13px; background:url(../images/bull.gif) 0 1px no-repeat; font-size:11px; font-weight:bold;}
.big-block-left p { margin:10px 0;}

.medium-block-left h2 { margin:10px 0 0 0; padding:0 0 0 13px; background:url(../images/bull.gif) 0 1px no-repeat; font-size:11px; font-weight:normal; color:#666;}
.medium-block-left p { margin:10px 0;}



.block-homme { background:url(../images/homme/bg-options.jpg) top right;}
.block-homme h1 { background:#5a88ba url(../images/homme/degrade.png) repeat-x bottom left; color:#FFF; text-align:right;}
.block-homme h1 .loader { background:url(../images/homme/load.gif) no-repeat; height:16px; width:16px; display:block; float:right; margin-left:10px;}

.block-femme { background:url(../images/femme/bg-options.jpg) top right;}
.block-femme h1 { background:#f24099 url(../images/femme/degrade.png) repeat-x bottom left; color:#FFF; text-align:right;}
.block-femme h1 .loader { background:url(../images/femme/load.gif) no-repeat; height:16px; width:16px; display:block; float:right; margin-left:10px;}

.infos-produits { float:right; width:280px; height:100px; margin:20px 0 0 0;}

.infos-produits ul{ margin:0; padding:0 0 0 18px;}
.infos-produits ul li { margin:0; padding:0; list-style-image:url(../images/bull.gif); list-style-position:outside;}
.infos-produits ul li span { display:block;}

.block-homme .infos-produits ul li.price { list-style-image:url(../images/homme/bull.gif); font-weight:bold;}
.block-homme .infos-produits ul li.price span { color:#099bdf;}

.block-femme .infos-produits ul li.price { list-style-image:url(../images/femme/bull.gif); font-weight:bold;}
.block-femme .infos-produits ul li.price span { color:#f24099;}

.infos-produits .description { height:120px;}

.column { float:left; margin-right:12px;}

.infos-produits .addbasket { margin:25px 5px 0 0 ; padding-top:25px; border-top:1px dashed #888;}

.infos-produits .addbasket a span { display:none;}

.block-homme .addbasket a { display:block; background:url(../images/homme/add-basket.gif) no-repeat; width:226px; height:40px;}
.block-femme .addbasket a { display:block; background:url(../images/femme/add-basket.gif) no-repeat; width:226px; height:40px;}

.liste-produits { float:left; margin:0 0 0 10px;}

.mini-block { width:100px; height:100px; position:absolute;}
.homme .mini-block { background:url(../images/homme/bg-vignette.gif) no-repeat;}
.femme .mini-block { background:url(../images/femme/bg-vignette.gif) no-repeat;}

.mini-block a { color:#FFF; text-decoration:none;}
.mini-block a:hover { color:#FFF; text-decoration:none;}
.mini-block a .black { color:#000;}

.mini-block a img { border:2px solid #e7e7e3;}
.homme .mini-block a:hover img { border:2px solid #22aace;}
.femme .mini-block a:hover img { border:2px solid #f24099;}

.homme .mini-block a.selected img { border:2px solid #22aace;}
.femme .mini-block a.selected img { border:2px solid #f24099;}


.homme .mini-block a.next { background:url(../images/homme/next.jpg) no-repeat left top; display:block; width:100px; height:100px;}
.mini-block a.next:hover { background-position:left bottom;}
.homme .mini-block a.prev { background:url(../images/homme/prev.jpg) no-repeat left top; display:block; width:100px; height:100px;}
.mini-block a.prev:hover { background-position:left bottom;}

.femme .mini-block a.next { background:url(../images/femme/next.jpg) no-repeat left top; display:block; width:100px; height:100px;}
.femme .mini-block a.prev { background:url(../images/femme/prev.jpg) no-repeat left top; display:block; width:100px; height:100px;}


.mini-block div.infos { position:absolute; height:44px; width:96px; margin:54px 0 0 2px; cursor:pointer;}
.mini-block div.infos div { padding:4px; line-height:12px; font-size:11px;}
.mini-block div.infos div span { display:block; height:25px;}

.homme .mini-block div.infos { background:url(../images/homme/opacity.png);}
.femme .mini-block div.infos { background:url(../images/femme/opacity.png);}

.b-1 { margin:0 0 0 0;}
.b-2 { margin:0 0 0 112px;}
.b-3 { margin:0 0 0 224px;}
.b-4 { margin:110px 0 0 0;}
.b-5 { margin:110px 0 0 112px;}
.b-6 { margin:110px 0 0 224px;}
.b-7 { margin:220px 0 0 224px;}
.b-8 { margin:220px 0 0 112px;}
.b-9 { margin:220px 0 0 0;}


.a-l { text-align:left;}
.a-r { text-align:right;}
.a-c { text-align:center;}

ul.menu-interne { width:324px; float:right; padding:2px 0; border:1px solid #E7E7E3; border-width:1px 0; margin:-20px 0 10px 0;}

ul.menu-interne li { margin:0; padding:0; list-style:none; float:left; font-size:11px; width:108px;}

ul.menu-interne li.large { width:124px;}
ul.menu-interne li.medium { width:100px;}
ul.menu-interne li.xl { width:162px;}

ul.menu-interne li a { color:#777; text-decoration:none;}
ul.menu-interne li a:hover { color:#666; text-decoration:none;}

.cyan { color:#01b9ea;}
.magenta { color:#f24099}

.submit { background:#01b9ea; color:#FFF; cursor:pointer; border:0; margin-top:10px;}
.submit:hover { background:#f24099; }


ul.menu-interne li a.cyan { color:#01b9ea;}
ul.menu-interne li a.magenta { color:#f24099}

.form-column { padding:0 0 0 14px; background:url(../images/bull.gif) 0 0 no-repeat; margin:4px 0; display:block; float:left; font-size:10px; color:#555; width:100px;}
.form-column2 { padding:0 0 0 14px; margin:4px 0; display:block; float:left; font-size:10px; color:#555; width:100px;}



.champ2 { font-size:11px; border:1px solid #BBB; font-family:Arial, Helvetica, sans-serif; width:180px; padding:1px 2px; margin:3px 0;}

a.connexion { display:block; width:200px; height:50px; background:url(../images/connexion.gif) left top; margin:15px 0 20px 50px;}
a.connexion:hover { background-position:left bottom;}
a.connexion span { display:none;}

a.loadcx { background-image:url(../images/load-connexion.gif);}


h4 { background:url(../images/degrade2.png) repeat-x #353432; color:#FFF; font-size:11px; font-weight:normal; padding:3px 10px; margin:0;}

ul.basket { margin:10px 0; padding:0;}
ul.basket li { margin:10px 0; border:1px solid #6f6f6f; border-width:1px 0; padding:0; list-style:none;}


ul.basket li a.delete-basket { background:url(../images/delete.gif) no-repeat top left; display:block; height:70px; width:25px; float:right; margin-left:2px;}
ul.basket li a.delete-basket:hover { background-position:left bottom;}
ul.basket li a.delete-basket span { display:none;}

ul.basket li .vignette { width:70px; height:70px; float:left; margin-right:15px;}

ul.basket li .details {float:left; font-size:11px; color:#444; line-height:12px; width:260px;}

ul.basket li .details h2.homme { background:url(../images/homme/bull.gif) no-repeat; padding:0 0 0 15px; color:#01b9ea; font-size:11px; margin:0;}

ul.basket li .details h2.femme { background:url(../images/femme/bull.gif) no-repeat; padding:0 0 0 15px; color:#f24099; font-size:11px; margin:0;}


ul.basket li .details .composition { height:26px; margin-top:4px;}

ul.basket li .montant { height:70px; width:75px; background:url(../images/degrade3.png) repeat-x #353433; color:#FFF; float:right; border-left:1px solid #6f6f6f; overflow:hidden; margin-left:2px;}

ul.basket li .montant div { margin:20px 0 0 8px; font-size:10px;}
ul.basket li .montant div strong { font-size:11px; display:block;}


ul.basket li .quantite { height:70px; width:100px; background:#6f6f6f; float:right;}

ul.basket li .quantite div { margin:0 1px; color:#FFF; font-size:10px; padding:5px 8px;}
ul.basket li .quantite div strong { font-size:11px; display:block;}

ul.basket li .quantite div.pu { border-bottom:1px solid #FFF;}

.validBasket { border-top:1px solid #6f6f6f; margin:0 0 10px 0;}

.validBasket .total { background:url(../images/degrade4.png) repeat-x #222; color:#FFF; height:33px; width:100px; float:right; border:1px solid #6f6f6f; border-width:0 1px; margin-right:2px; font-size:10px;}
.validBasket .total strong { font-size:11px;}
.validBasket .total div { margin:2px 4px;}

.validBasket .fp { background:url(../images/degrade5.png) repeat-x #666; color:#FFF; height:33px; width:100px; float:right; border:1px solid #6f6f6f; border-width:0 1px; margin-right:2px; font-size:10px;}
.validBasket .fp strong { font-size:11px;}
.validBasket .fp div { margin:2px 4px;}



.resumeCommand { border:1px solid #6f6f6f; border-width:1px 0; margin:0 0 10px 0;}

.resumeCommand .total { background:url(../images/degrade4.png) repeat-x #222; color:#FFF; height:33px; width:100px; float:right; border:1px solid #6f6f6f; border-width:0 1px; font-size:10px;}
.resumeCommand .total strong { font-size:11px;}
.resumeCommand .total div { margin:2px 4px;}

.resumeCommand a { text-decoration:none; float:left; margin:1px 0 0 0;}

.resumeCommand a img { border:0; float:left; margin-right:4px;}



.validBasket a { background:url(../images/bt-validation.png) right top no-repeat; width:102px; height:33px; display:block; color:#FFF; font-size:11px; text-decoration:none; line-height:11px; float:right;}

.validBasket a:hover { text-decoration:none; background-position:right bottom;}

.validBasket a div { padding:5px 0 0 5px;}

#addBasket { background:url(../images/add-basket.gif) no-repeat; width:156px; height:52px; position:absolute; top:60px; margin-left:770px;}

.erreur { color:#E00;}


#erreurCommande div { background:#E00; color:#FFF; border:1px solid #600; margin:5px 0 10px 0; padding:4px; text-transform:uppercase; text-align:right;}

#erreurAccount div { background:#E00; color:#FFF; border:1px solid #600; margin:5px 0 10px 0; padding:4px; text-transform:uppercase; font-size:11px;}
#erreurAccount div.ok { background:#0A0; color:#FFF; border:1px solid #060; margin:5px 0 10px 0; padding:4px; text-transform:uppercase; font-size:11px;}

div.erreur div { background:#E00; color:#FFF; border:1px solid #600; margin:5px 0 10px 0; padding:2px 4px; text-transform:uppercase; text-align:left; font-size:11px;}

div.erreur div.ok { background:#0A0; color:#FFF; border:1px solid #060; margin:5px 0 10px 0; padding:2px 4px; text-transform:uppercase; text-align:left; font-size:11px;}


.loadingCommand { background:url(../images/big-load.gif) no-repeat 5px center; padding:15px 15px 15px 45px; font-size:16px;}

.recap-infos { width:185px; margin:3px 0 3px 115px; font-size:11px;}





ul#listecommandesOk { margin:0; padding:0; font-size:11px;} 
ul#listecommandesOk li { margin:0; padding:4px 0; list-style:none; border-bottom:1px solid #777; background:#F4F4F2;}
ul#listecommandesOk li:hover { background:#FFF;} 
ul#listecommandesOk li .col0 { float:right;} 
ul#listecommandesOk li .col1 { float:left; width:90px; font-weight:bold;}
ul#listecommandesOk li .col2 { float:left; width:210px;}
ul#listecommandesOk li .col3 { float:left; width:100px; text-align:right;}
ul#listecommandesOk li .col4 { float:left; width:90px; text-align:right;} 
ul#listecommandesOk li.titre { font-weight:bold; color:#01b9ea; background:#F4F4F2;} 

ul#listecommandesOk a img { border:0;} 



ul#listecommandesWait { margin:0; padding:0; font-size:11px;} 
ul#listecommandesWait li { margin:0; padding:4px 0; list-style:none; border-bottom:1px solid #777; background:#F4F4F2;} 
ul#listecommandesWait li:hover { background:#FFF;} 
ul#listecommandesWait li .col0 { float:right;} 
ul#listecommandesWait li .col1 { float:left; width:90px; font-weight:bold;}
ul#listecommandesWait li .col2 { float:left; width:210px;}
ul#listecommandesWait li .col3 { float:left; width:100px; text-align:right;}
ul#listecommandesWait li .col4 { float:left; width:90px; text-align:right;} 
ul#listecommandesWait li.titre { font-weight:bold; color:#01b9ea; background:#F4F4F2;} 

ul#listecommandesWait a img { border:0;} 



.statut-0 { color:#F60;}
.statut-1 { color:#0A0;}
.statut-2 { color:#E00;}

.codepromo { text-transform:uppercase; padding:6px 16px 6px 8px; color:#FFF; background:url(../images/codepromo.gif) right center; font-size:18px; display:block; float:left; cursor:default;}
.remise { text-transform:uppercase; padding:9px 9px 9px 5px; color:#FFF; background:#f24099 url(../images/remise.gif) repeat-x left center; font-size:14px; display:block; float:left; cursor:default;}

.warning { background:url(../images/warning.gif) #FFF left center no-repeat; padding:4px 6px 4px 36px; border:1px dashed #999; font-size:12px; color:#444; line-height:12px;}


ul.listing { margin:10px; padding:0; border-top:1px solid #AAA;}
ul.listing li { margin:0; padding:4px 0; list-style:none; border:1px solid #AAA; border-width:0 0 1px 0; font-size:11px; color:#666;}
ul.listing li:hover { background:#FFF;}


ul.listing li h2 { margin:0 0 2px 0; font-size:12px;}

ul.listing li h2 a { text-decoration:none;}

.large { width:320px;}

.nobold strong{ font-weight:normal;}