/* Feuille de style pour l'impression : reprend hector.css et compte.css */

td#gauche, #menuHaut, #bando, #menuBas {
display : none ;
}
/* voir aussi chgt largeur page et couleurs de fond supprimées */

/* Styles généraux (page, menus haut et bas, charte) */
body {
margin:0;
/*background:#7d0463;*/
font-family:Arial, Helvetica, sans-serif;
}
body#homme {
/*background:#2c4365 ;*/
}
body#femme {
/**background:#c4bdb1;/
}


#page {
margin:0 auto;
/* width:960px; version print */

min-height:600px;
/*background:url(../img/fondNew.jpg) 0 0 repeat-y ;*/
padding:1px 0 0 0;
border-bottom:1px solid #999081;
}
#home #page {
/* -40 px */
min-height:560px;
}
table {
border:0;
border-spacing:0;
border-collapse: collapse;
}
#bando {
width:958px;
margin:0 auto;
background:url(../img/bandeauC.jpg) 0 0 no-repeat;
height:83px;
}
#homme #bando {
background:url(../img/bandeauH.jpg) 0 0 no-repeat;
}
#femme #bando {
background:url(../img/bandeauF.jpg) 0 0 no-repeat;
}
#bando h1 {
display:none;
}
#bando #panier {
position:relative;
left:713px;
top:11px;
background:url(../img/panierC.jpg) 0 0 no-repeat;
width:170px;
height:54px;
font-size:10px;
}
#homme #bando #panier {
background:url(../img/panierH.jpg) 0 0 no-repeat;
}
#femme #bando #panier {
background:url(../img/panierF.jpg) 0 0 no-repeat;
}
#bando #flags {
float:right;
padding:31px 13px 0 0;
}
#bando #flags a img {
border:0;
margin:0 3px 0 0;
}
#panier span {
display:block;
position:relative;
text-align:center;
left:44px;
top:26px;
width:120px;
text-transform:uppercase;
}
#menuHaut {
margin:0 auto;
width:958px;
height:24px;
background:url(../img/fondMenuCH.jpg) 0 0 no-repeat;
}
#homme #menuHaut {
background:url(../img/fondMenuHH.jpg) 0 0 no-repeat;
}
#femme #menuHaut {
background:url(../img/fondMenuFH.jpg) 0 0 no-repeat;
}
#menuHaut ul {
margin:0;
padding:2px 0 0 33px;
}
#menuHaut ul li {
list-style-type:none;
display:block;
float:left;
text-transform:uppercase;
font-size:12px;
margin:0 30px 0 0;
}
#menuHaut ul li a {
text-decoration:none;
color:#d48dab;
}
#homme #menuHaut ul li a, #homme #menuBas ul li a {
color:#90a8c7;
}
#femme #menuHaut ul li a, #femme #menuBas ul li a {
color:#c281a1;
}
#menuHaut ul li a:hover, #menuHaut ul li a.act, #homme #menuHaut ul li a:hover, #homme #menuHaut ul li a.act, #femme #menuHaut ul li a:hover, #femme #menuHaut ul li a.act {
color:#fff;
}
#menuBas {
margin:0 auto;
width:958px;
height:23px;
background:url(../img/fondMenuCB.jpg) 0 0 no-repeat;
clear:both;
}
#home #menuBas {
/* réduction -40 px
background:url(../img/fondMenuHomeB.jpg) 0 0 no-repeat;*/
background:url(../img/fondMenuHomeB-40.jpg) 0 0 no-repeat;
}
#homme #menuBas {
background:url(../img/fondMenuHB.jpg) 0 0 no-repeat;
}
#femme #menuBas {
background:url(../img/fondMenuFB.jpg) 0 0 no-repeat;
}
#menuBas ul {
margin:0;
padding:7px 0 0 33px;
}
#menuBas ul li {
list-style-type:none;
display:block;
float:left;
text-transform:uppercase;
font-size:12px;
margin:0 30px 0 0;
}
#menuBas ul li a {
text-decoration:none;
color:#d48dab;
}
#menuBas ul li a:hover, #menuBas ul li a.act, #homme #menuBas ul li a:hover, #homme #menuBas ul li a.act, #femme #menuBas ul li a:hover, #femme #menuBas ul li a.act {
color:#fff;
}
/* Contenu de la home */
#illusHome {
width:586px;
/* réduction 40 pixels
height:478px;
background:url(../img/illusHome.jpg) 1px 0 no-repeat;*/
height:438px;
background:url(../img/illusHome-40.jpg) 1px 0 no-repeat;
float:left;
}
#contenuHome {
float:left;
width:368px;
/* réduction 40 pixels
height:478px;*/
height:438px;
background:url(../img/catC.jpg) 100% 100% no-repeat;
font-size:14px;
}
#contenuHome table.inner  {
/* réduction -40 px
height:389px;*/
height:349px;
width:368px;
}
#contenuHome table.inner tr td {
padding:0 50px;
vertical-align:middle;
}
#contenuHome .inner p {
padding:0 16px 0 0;
}
#contenuHome .inner h2 {
color:#b60e8a;
font-size:23px;
}
#contenuHome .inner a {
color:#b60e8a;
text-decoration:none;
}
#contenuHome .inner a:hover {
text-decoration:underline;
}

/* --------------- Contenus pages internes (2 col) ----------------- */
#gauche {
width:248px;
min-height:478px;
vertical-align:top;
}
#gauche .inner {
margin:16px 19px 17px 19px;
background:url(../img/fondGaucheC.jpg) 0 0 no-repeat;
}
#homme #gauche .inner {
background:url(../img/fondGaucheH.jpg) 0 0 no-repeat;
}
#femme #gauche .inner {
background:url(../img/fondGaucheF.jpg) 0 0 no-repeat;
}
#gauche .inner table {
border:0;
border-spacing:0;
border-collapse: collapse;
height:445px;
}
#gauche .inner table tr td#menuG {
vertical-align:top;
padding:0;
}
#gauche .inner table tr td#libre {
vertical-align:bottom;
padding:10px 8px;
font-size:13px;
}
#gauche .inner table tr td#libre img {
margin:9px 0 0 0;
border:0;
}
#menuG h2 {
width:210px;
text-align:center;
margin:0;
font-size:13px;
background:#cd0a99;
color:#fff;
text-transform:uppercase;
padding:3px 0 2px 0;
font-weight:normal;
}
#homme #menuG h2 { 
background:#4b6486;
}
#femme #menuG h2 { 
background:#e10372;
}
/* menu gauche */
#menuG ul {
margin:0;
padding:15px 0 0 7px;
}
#menuG ul li {
list-style-type:none;
}
#menuG ul li a {
color:#df8fac;
text-decoration:none;
display:block;
background:url(../img/patteC.gif) 0 0 no-repeat;
height:24px;
padding-left:21px;
font-size:13px;
}
#menuG ul li a:hover, #homme #menuG ul li a:hover, #femme #menuG ul li a:hover, #menuG ul li a.act, #homme #menuG ul li a.act, #femme #menuG ul li a.act {
color:#fff;
background:url(../img/patteBlanche.gif) 0 0 no-repeat;
}
#menuG ul li ul {
padding:0 0 3px 20px;
}
#menuG ul li ul li {
padding-left:0;
}
#menuG ul li ul li a {
background:url(../img/puce.gif) 2px 6px no-repeat;
padding-left:12px;
height:20px;
}
#homme #menuG ul li ul li a {
background:url(../img/puceH.gif) 2px 6px no-repeat;
}
#femme #menuG ul li ul li a {
background:url(../img/puceF.gif) 2px 6px no-repeat;
}
#menuG ul li ul li a:hover, #homme #menuG ul li ul li a:hover, #femme #menuG ul li ul li a:hover, #menuG ul li ul li a.act, #homme #menuG ul li ul li a.act, #femme #menuG ul li ul li a.act {
background:url(../img/puceBlanche.gif) 2px 6px no-repeat;
}
#homme #menuG ul li a {
color:#90a8c7;
background:url(../img/patteH.gif) 0 0 no-repeat;
}
#femme #menuG ul li a {
color:#c79ab0;
background:url(../img/patteF.gif) 0 0 no-repeat;
}
/* colonne droite */
#droite {
width:705px;
min-height:478px;
vertical-align:top;
/*background:url(../img/catC.jpg) 563px 384px no-repeat;*/
}
#homme #droite {
/*background:url(../img/catH.jpg) 554px 384px no-repeat;*/
}
#femme #droite {
/*background:url(../img/catF.jpg) 554px 384px no-repeat;*/
}
#droite .inner {
padding:16px 0 0 0;
}
#ariane {
margin:0 11px 0 0;
background:#cd0a99;
font-size:12px;
color:#fff;
text-transform:uppercase;
padding:4px 0 3px 8px;
}
#homme #ariane {
background:#4b6486;
}
#femme #ariane {
background:#e10372;
}
#ariane a {
text-decoration:none;
color:#f9b9e8;
}
#homme #ariane a {
color:#90a8c7;
}
#femme #ariane a {
color:#eda5c1;
}
#ariane a:hover, #homme #ariane a:hover, #femme #ariane a:hover {
color:#fff;
}
/* zone de contenu */
#contenu {
min-height:426px;
/*overflow:auto;*/
font-size:13px;
margin:0 11px 0 0;
}
#contenu h2 {
color:#cd0a99;
margin:13px 0;
font-size:20px;
}
#contenu p {
margin-top:0;
}
#contenu p.chapo {
font-weight:bold;
color:#cd0a99;
font-size:14px;
}
#contenu img {
border:1px solid #cd0a99;
}
#contenu a {
font-weight:bold;
color:#cd0a99;
text-decoration:underline;
}
#contenu a:hover {
text-decoration:none;
}
#homme #contenu h2, #homme #contenu p.chapo, #homme #contenu a {
color:#4b6486;
}
#homme #contenu img {
border:1px solid #4b6486;
}
#femme #contenu h2, #femme #contenu p.chapo, #femme #contenu a {
color:#e10372;
}
#femme #contenu img {
border:1px solid #e10372;
}

/* News */
.news {
border-bottom:1px solid #840243;
padding:10px 5px 0 5px;
}
.news img {
float:left;
margin:0 10px 10px 0;
}
.news h3 {
color:#840243;
margin:0 0 5px 0;
}
.pubDate {
color:#840243;
font-style:italic;
margin:0;
}
.newsTxt {
color:#e10372;
}
.newsTxt p {
margin:5px 0;
}
.doc {
text-align:right;
clear:both;
margin:0 0 5px 0;
}


/* CSS styled content */
.csc-textpic-caption {
color:#444;
font-style:italic;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:1px 0 0 0;
}
/* RTE */
.justifie {
text-align:justify;
}
.centre {
text-align:center;
}
.aligne-a-droite {
text-align:right;
}
.roseLola {
color:#e10372;
}
.roseCorporate {
color:#ce0a99;
}
.bleuHector {
color:#4b6486;
}
.gris {
color:#6c5840;
}

/* Liste produits */
#listProd {
margin:0;
padding:0;
}
#listProd li {
background:url(../img/fondprodList.gif);
display:block;
float:left;
width:126px;
height:170px;
margin:3px;
text-align:center;
list-style-type:none;
font-size:11px;
}
#listProd li img {
display:block;
margin:8px auto 3px auto;
}


/* Fiche produit single */
#ficheDetail {
margin:13px 0 0 0;
}
#FicheGauche {
float:left;
width:337px;
height:405px;
background:url(../img/fondDetailProd.jpg);
}
#FicheGauche #flash {
padding:10px 10px 7px 10px; /* IE : padding:10px 10px 0 10px */
float:left;
}
ul.Detail {
margin:10px 0 0 0;
padding:0;
}
ul.Detail li {
list-style-type:none;
display:block;
margin:8px 0 7px 0;
width:56px;
height:56px;
overflow:hidden;
}
#homme ul.Detail li {
border:1px solid #4b6486;
}
#femme ul.Detail li {
border:1px solid #e10372;
}

ul.Detail li img {
border:0 !important;
}

span.titreDetail {
display:table; /* IE : display:block */
color:#fff;
text-transform:uppercase;
text-align:center;
font-size:10px;
padding:3px 0;
width:58px;
height:12px;
margin:10px 0 0 0;
}
#femme span.titreDetail {
background:#e10372;
}
#homme span.titreDetail {
background:#4b6486;
}
#palette {
clear:both;
padding:0 10px;
margin:0;
}
#palette .coloris {
display:block;
float:left;
color:#fff;
text-transform:uppercase;
font-size:10px;
padding:3px 5px;
}
#palette div {
height:16px;
width:16px;
float:left;
margin:0 0 0 7px;
}
#femme #palette .coloris {
background:#e10372;
}
#femme #palette div {
border:1px solid #e10372;
}
#homme #palette .coloris {
background:#4b6486;
}
#homme #palette div {
border:1px solid #4b6486;
}
#palette div a {
display:block;
height:16px;
width:16px;
}
#palette div a span {
display:none;
}
/* partie droite */
#FicheDroite {
float:left;
padding:0 0 0 20px;
width:337px;
min-height:405px;
}
#cmdProduit {
width:100%;
margin:0;
border:0;
border-spacing:0;
border-collapse: collapse;
}
#cmdProduit td {
padding:0;
}
#cmdProduit .h2detail {
height:35px;
vertical-align:middle;
}
#contenu #cmdProduit h2 {
color:#6C5840;
font-size:22px;
display:inline;
text-transform:uppercase;
}
#femme #cmdProduit .prix span.normal {
color:#e10372;
}
#homme #cmdProduit .prix span.normal {
color:#4b6486;
}
#cmdProduit .prix {
text-align:right;
vertical-align:middle;
white-space:nowrap;
}
#cmdProduit .prix span.normal {
color:#6C5840;
font-size:20px;
font-weight:bold;
}
#cmdProduit .prix span.promo {
font-size:16px;
color:#000 !important;
text-decoration:line-through;
font-weight:bold;
}
#cmdProduit .descProd {
height:153px;
vertical-align:top;
}
#cmdProduit .Promos {
height:104px;
vertical-align:bottom;
}

/* formulaire ajout panier */
#cmdProduit form {
height:113px;
/* modifié, envoyé via typoscript : */
/* background:#c9c2b7 url(../img/commanderF.gif) 0 0 no-repeat; */
margin:0;
padding:0;
}
#cmdProduit form .inner {
padding:12px 0 0 29px;
}
#cmdProduit form label {
color:#5d4B35;
text-transform:uppercase;
font-size:12px;
}
#cmdProduit form input, #FicheDroite form select {
color:#5d4B35;
font-size:12px;
}
#cmdProduit form img {
vertical-align:middle;
}
#cmdProduit form a img {
border:0 !important;
vertical-align:top;
}
#cmdProduit form p {
margin:8px 0 8px 7px;
}
#cmdProduit .Promos img, div.Promos a img {
float:left;
border:0 !important;
}
#cmdProduit .Promos span img, div.Promos span a img {
float:right;
border:0 !important;
}

#table_adresses th.th_adresses {
vertical-align : middle ;
background-color : #ce0a9a ;
color : #fff ;
padding : 5px ;
}
#table_adresses td {
vertical-align : top ;
padding : 5px 15px;
}


.fdGris  {
background-color : #f1f1f1 ;
}
#recapPanier tr td {
vertical-align : top ;
}
#recapPanier tr td.td1, #recapPanier tr td.td2, #recapPanier tr td.td3, 
#recapPanier tr td.td4   {
text-align : center ;
}
#recapPanier tr td.td5, #recapPanier tr td.td6 {
text-align : right ;
}
#recapPanier tr td.fdGris {
text-align : right ;
}
.nbArticles {
background-color : #f1f1f1 ;
padding : 4px ;
}

/* FAQ */
.tx-irfaq-pi1 img {
border:0 !important;
}
.tx-irfaq-pi1 dt {
color:#cd0a99;
font-size:14px;
font-weight:bold;
margin-bottom:5px;
}
.tx-irfaq-pi1 dd {
margin:0;
padding:0 0 5px 10px;
}
.tx-irfaq-pi1 dd strong {
color:#6C5840;
}

/* Contactez-nous */
#contact {
width:100%;
border:0;
border-spacing:0;
border-collapse: collapse;
margin:10px 0;
}
#contact td {
padding:6px 0;
}
#contact .cLeft {
width:45%;
text-align:right;
}
#contact .cRight {
width:55%;
text-align:right;
}
#contact .cLeft input, #contact .cRight input {
width:200px;
}
#contact .msg {
text-align:center;
}
#contact .msg label {
display:block;
text-align:left;
margin:0 0 7px 0;
}
#contact .msg textarea {
width:100%;
height:70px;
margin:0 0 10px 0;
}
p.required {
font-size:11px;
text-align:left;
}
span.req {
color:#cd0a99;
}


.alignCenter {
text-align : center ;
}
.alignRight {
text-align : right ;
}
.paddingTop {
padding-top : 10px ; 
}
.fdRose {
background-color : #d38cac ;
color : #fff ;
font-weight : bold ;
}
.error {
color : red ;
font-weight : bold ;
}

/* ------- LOGIN ---------*/

#login {
margin-left : 40px ;
}
#login th {
text-align : left ;
padding-right : 10px ; 
}
#login td {
text-align : right ; 
}
#login td input#user, #login td input#pass {
width : 220px ; 
}
#login td input.submit {
width : 100px ; 
background-color : #fff ;
font-size : 12px ;
font-weight : bold ;
border : 1px solid #000 ; 
}

/* ------- INSCRIPTION A MON COMPTE ----------- */

#form_devenirClient table tr td {
vertical-align : top ;
padding : 4px ;
margin : 0 ;
font-size : 11px ;
}

#form_devenirClient table tr td p {
margin : 0 ;
padding : 0 ;
}

#form_devenirClient table tr td.td1 {
width : 70px ;
}
#form_devenirClient table tr td.td2 {
text-align : left ;
}
#form_devenirClient table tr#tr1 td.td2 {
text-align : left ;
}
#form_devenirClient table tr#tr2 td input,
#form_devenirClient table tr#tr3 td input,
#form_devenirClient table tr#tr4 td input {
width : 198px ;
}
#form_devenirClient table tr td.td3 {
width : 175px ;
}
#form_devenirClient table tr td.td4 {
text-align : right ;
}
#form_devenirClient table tr td.td5 {
width : 80px ;
}

#form_devenirClient table tr#tr5 td.td6  {
width : 560px ;
text-align : right ;
}

#form_devenirClient table tr#tr5 td.td6 input  {
width : 578px ;
}

#form_devenirClient table tr#tr5 td.td8  {
width : 80px ;
}

#form_devenirClient table tr#tr6 td.td10 {
width : 50px ;
}

#form_devenirClient table tr td.td11 select  {
width : 200px ;
}


#form_devenirClient p#validerInscription {
text-align : center ;
}
#form_devenirClient p#validerInscription input {
background-color : #fff ;
font-size : 12px ;
font-weight : bold ;
border : 1px solid #000 ; 
}



/* --------- GESTION DES ADRESSES -------- */
.tx-commerce-pi4 {
padding-top : 10px ;
}
#table_adresses th.th_adresses {
vertical-align : middle ;
background-color : #ce0a9a ;
color : #fff ;
padding : 5px ;
border-left : 1px solid #ce0a9a ;
}
#table_adresses td {
vertical-align : top ;
padding : 5px 15px;
}

.tx-commerce-pi4 input {
background-color : #fff ;
font-size : 12px ;
font-weight : bold ;
border : 1px solid #000 ;
} 

.ajouterAdresse {
text-align : right ;
padding-top : 8px ;
}

.borderLR {
border-left : 1px solid #ce0a9a ;
border-right : 1px solid #ce0a9a ;
}
.borderLRB {
border-bottom : 1px solid #ce0a9a ;
border-left : 1px solid #ce0a9a ;
border-right : 1px solid #ce0a9a ;
}


#editAdresse {
padding-top : 15px ;
font-size : 11px ;
}

#editAdresse td {
padding-top : 10px ;
vertical-align : top ;
}


#editAdresse td#labelPrenom  {
width : 70px ;
}

#editAdresse td#labelCivil  {
width : 70px ;
}

#editAdresse td#labelVille  {
width : 70px ;
}

#editAdresse td#labelZip  {
width : 86px ;
}




#editAdresse td#tdNom input, #editAdresse td#tdPrenom input {
width : 240px ;
}

#editAdresse td#tdNom {
text-align : right ;
padding-right : 35px ;
}

#editAdresse td#tdAdresse input {
width : 586px ;
}

#editAdresse td#tdZip input {
width : 60px
}

#editAdresse td#tdPays select {
width : 200px ;
}



/* ----------  PANIER ----------- */


#table_panier {
font-size : 12px ;
border-spacing: 4px;
border-collapse : separate ;
}

#table_panier .tdNomArticle, #table_panier .tdPU, #table_panier .tdTotal {
background-color : #cecece ;
}

#table_panier .tr1 {
vertical-align : top ;
font-weight : bold ;
color : #000 ;
}

#table_panier .totalTTC {
text-align : right ;
background-color : #cecece ;
font-weight : bold ;
color : #000 ;
}
#table_panier .nbArticles {
text-align : right ;
background-color : #cecece ;
font-weight : bold ;
color : #000 ;
}


#table_panier .tdPU{
text-align : right ;

}
#table_panier .tdTotal{
text-align : right ;
}

#liensPanier {
text-align : right ;
padding-top : 20px ;
}
#liensPanier a{
margin-left : 15px ;
}


/* --------- RECAPITULATIF DU PANIER --------- */


#recapPanier {
padding-top : 15px ;
width : 694px ;
}


#recapPanier p.intitule {
background-color : #cecece ;
color : #000 ;
font-weight : bold ;
margin : 10px 2px 4px 2px ;
padding : 2px ;
}


#recapPanier .input {
width: 80px 
}
#recapPanier .alignRight {
padding-right : 10px ;
}
#recapPanier #livraison {
padding-top : 10px ;
}

#recapPanier tr#codeAvantage td, #recapPanier tr#avoir td {
padding : 5px ;
}
#recapPanier  #ValiderCode, 
#recapPanier  #validerAvoir {
background-color : #fff ;
font-size : 12px ;
font-weight : bold ;
border : 1px solid #000 ; 
}

#recapPanier img {
border : 0px solid #fff ;
}

#recapPanier tr#paiementCarte br {
line-height : 2px ;
}

/* --------- PAIEMENT PAR CHEQUE ---------- */

#recapCheque {
width : 560px ;
}


#recapCheque .td2 {
width : 300px ;
text-align : left
}
#recapCheque .td3 {
width : 80px ;
text-align : center ;
}
#recapCheque .td4 {
width : 80px ;
text-align : center ;
}
#recapCheque .td5 {
width : 160px ;
text-align : right ;
}