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

#page {
margin:0 auto;
width:960px;
min-height:600px;
background: url(../img2008/fond2008.gif) 0 0 repeat-y;
padding:1px 4px 0 4px;
border-bottom:1px solid #DDDDDD;
}

table {
border:0;
border-spacing:0;
border-collapse: collapse;
background: url(../img2008/fondPage.jpg) 0px 0 no-repeat;
}
table table {
background: url() 0 0 no-repeat;
}

#bando {
width:958px;
margin:0 auto;
/* background:url(../img2008/bandeau2008.gif) 0 0 no-repeat; dans TS car fonction de la langue */
height:115px;
}
#bando h1 {
display:none;
}
#bando #panier {
position:relative;
float : right ;
margin-right : 33px ;
top:11px;
/* background:url(../img2008/panier2008.gif) 0 0 no-repeat; dans TS */
width:170px;
height:79px;
font-size:10px;
}
#panier span {
display:block;
position:relative;
text-align:center;
left:44px;
top:40px;
width:120px;
text-transform:uppercase;
}
#panier a {
color : #E62B86 ;
}

#bando #flags {
float:left;
margin-left : 94px;
padding : 50px 13px 0 0;
}
#bando #flags a img {
border:0;
margin:0px 13px 0 0;
}


/* -------------------- menu haut ----------------------- */
#menuHaut {
margin:0 auto;
width:958px;
height:24px;
background:url(../img2008/fondMenuH2008.gif) 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:#8E8E8E ;
}

#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:#E62B86 ;
}

/* --------------- menu bas --------------- */
#menuBas {
margin:0 auto;
width:958px;
height:28px;
background:url(../img2008/fondMenuB2008.gif) 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;
background:url(../img2008/fondMenuB2008.gif) 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:#8E8E8E ;
}
#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:#E62B86 ;
}
/* -------------- pied de page ------------------ */

#piedPage   {
text-align : right ;
width : 954px ;
margin : auto ;
}
#piedPage a {
color : gray ;
text-decoration : none ;
font-size : 11px ;
}

/* ----------------  Contenu de la home ----------------- */
#home #page {
min-height:560px;
}
#home #page table.inner {
height:349px;
width:960px;
background: url(../img2008/fondPageHome.jpg) 0 0 repeat-y;
}

#illusHome {
width:540px;
/*height:438px;*/
/*background:url(/fileadmin/images/logos/persoHome.jpg) left bottom no-repeat;*/
float:left;
}
#illusHome .multimedia
{
width:413px;
margin:auto;
}
#contenuHome {
float:left;
width:360px ;
/*height:438px;*/
font-size:14px;
margin-left : 20px ;
}

table.inner tr td #contenuHome  {
padding:0 15px 0 0px ;
vertical-align:middle;
}
#contenuHome  p {
padding:0 16px 0 0;
}
#contenuHome  h2 {
font-family:Georgia, "Times New Roman", Times, serif ;
color:#e62b85;
font-size:23px;
}
#contenuHome a {
color:#e62b85;
text-decoration:none;
}
#contenuHome 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 18px;
background: transparent url(../img2008/tortue.gif) 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 {
height : 25px ;
width:210px;
text-align:center;
margin:0;
font-size:13px;
background:transparent url('../img2008/fdTitreMenu.gif') left top no-repeat ;
color:#fff;
text-transform:uppercase;
padding:3px 0 2px 0;
font-weight:normal;
}


/* --------------- menu gauche --------------------- */
#menuG ul {
width : 211px ;
margin:0;
padding:15px 0 0 0px;
}
#menuG ul li {
list-style-type:none;
}
#menuG ul li a {
font-weight : bold ;
color : #8E8E8E ;
color : #c4c4c4 ;
text-decoration:none;
display:block;
/* background: url(../img2008/menu_off.gif) 0 0 no-repeat; */
/*height:24px;*/
padding-left:21px;
padding-top : 5px ;
padding-bottom : 0px ;
font-size:13px;
}
#menuG ul #topliMenuNo li  a:hover {
color:#e62b85;
/* background:url(../img2008/menu_on.gif) 0 0 no-repeat; */
}
#menuG ul li a.act {
color:#fff ;
/* background:url(../img2008/menu_on.gif) 0 0 no-repeat; */
}
#topliMenuAct {
margin-top : 3px ;
background: url(../img2008/menu_on_haut.gif) 0 0 no-repeat;
}
#topliMenuNo {
margin-top : 3px ;
background: url(../img2008/menu_off_haut.gif) 0 0 no-repeat;
}
#basliMenuAct {
height : 7px ;
background: url(../img2008/menu_on_bas.gif) 0 0 no-repeat;
}
#basliMenuNo {
height : 7px ;
background: url(../img2008/menu_off_bas.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:8px;
padding-top : 0 ;
height:22px;
width : 186px ;
}

#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/puce.gif) 2px 6px no-repeat;
color:#fff;

}

/* --------------------- colonne droite -------------------------- */

#droite {
width:709px;
min-height:478px;
vertical-align:top;
}

#droite .inner {
padding:16px 0 0 0;
}
#ariane {
margin:0 6px 0 0;
background:#e62b85;
font-size:11px;
color:#fff;
text-transform:uppercase;
padding:6px 0 6px 8px;
background: transparent url('../img2008/fdAriane.gif') left top no-repeat ;
}
 
#ariane a {
text-decoration:none;
color:#f9b9e8;
}

#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 {
font-family:Georgia, "Times New Roman", Times, serif ;
color:#E62B86;
margin: 13px 0 8px 0;
font-size:20px;
}
#contenu p {
margin-top:0;
}
#contenu p.chapo {
margin-top : 5px ;
font-weight:bold;
color:#e62b85;
font-size:14px;
}
#contenu img {
border:1px solid #e62b85;
}
#contenu a {
font-weight:bold;
color:#e62b85;
text-decoration:underline;
}
#contenu a:hover {
text-decoration:none;
}

/* lien Panier et taille */

#contenu #panierTaille {
width : 344px ;
clear : both ;
height : 30px ;
padding-top : 12px 
}

/* --------- menuSupp -------*/
#contenu  ul.menuSupp {
width : 190px ;
float : left ;
margin: 0;
padding:0;
}
#contenu ul.menuSupp li {
list-style-type:none;
}
#contenu ul.menuSupp li a {
text-decoration:none;
}
#contenu ul.menuSupp li a:hover {
text-decoration:underline;
}

#contenu #panierTaille a {
float : left ;
text-decoration : none ;
}
#contenu #panierTaille a:hover {
text-decoration : underline;
}


/* 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:#e62b85;
}
.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:#e62b85;
}
.roseCorporate {
color:#ce0a99;
}
.bleuHector {
color:#4b6486;
}
.gris {
color:#6c5840;
}

/* -------------- Liste produits ------------- */
#listProd {
width : 697px;
margin:0;
padding:0;
background : transparent url(../img2008/grille.gif) left top repeat-y  ;
float : left ;
}
#listProd li {
/*background:url(../img/fondprodList.gif);*/
display:block;
float:left;
width:139px;
height:181px;
text-align:center;
list-style-type:none;
font-size:11px;
}
#listProd li img {
display:block;
margin:10px auto 3px auto;
}

/* Essai pour bordures 

#listProd {
border-top : 1px solid red ;
border-left : 1px solid red ;
margin:0;
padding:0;
}
#listProd li {
border-right : 1px solid red ;
border-bottom : 1px solid red ;
margin:0;
padding:0;
}
*/


/* --------------- 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;
}

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 3px 0;
padding-top : 3px ;
width:58px;
margin:10px 0 0 0;
background-color : #e62b85 ;
background : transparent url('../img2008/fdDetails.gif') left top no-repeat ;
}

#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;
background : transparent url('../img2008/fdDetails.gif') left top no-repeat ;
}
#palette div {
height:16px;
width:16px;
float:left;
margin:0 0 0 7px;
border:1px solid #e62b85 ;
}

#palette div a {
display:block;
height:16px;
width:16px;
}
#palette div a span {
display:none;
}
/* ------- partie droite ------- */
#FicheDroite {
float:left;
padding:0 0 0 12px;
width:345px;
min-height:405px;
}
#cmdProduit {
height : 120px ;
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: #e62b85 ;
font-size:22px;
display:inline;
text-transform:uppercase;
}

#cmdProduit .prix {
text-align:right;
vertical-align:middle;
white-space:nowrap;
}
#cmdProduit .prix span.normal {
color: #e62b85;
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;*/

padding-top : 5px ;
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 26px;
}
#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 a {
text-transform : uppercase ;
}

#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;
}


/* ---- produit suiv et prec ---- */

#nav_produit {
clear : both ;
padding : 2px 0 ;
}
#nav_produit form#formPdtPrec {
width : 168px ;
float : left ; 
margin : 0 ;
padding : 0 ;
}
#nav_produit form#formPdtSuiv {
width : 169px ;
float : right ; 
margin : 0 ;
padding : 0 ;
text-align : right ;
}

#nav_produit form input {
background-color : #e62b85; 
border : 1px solid #e62b85;
color : #fff ;
}



/* ---- Nouveau formulaire ajax ----- */

form#xajax_form {
height:113px;
padding : 5px 0 0 30px  ;
}



/* ----- tableaux -------- */

table.tableau {
width:428px;
margin:5px auto;
border-spacing:0;
border-collapse: collapse;
border:1px solid #e62b85;
}
table.tableau th {
background:#e62b85;
color:#fff;
}
table.tableau td, table.tableau th {
text-align:center;
padding:5px 3px;
}
table.tableau td.td-0, table.tableau th.td-0 {
text-align:left;
font-weight:bold;
}


/* ----- Tableaux 2------ */

table.tableau2 {
width:80%;
margin:5px auto;
border-spacing:0;
border-collapse: collapse;
border:1px solid #e62b85;
}
table.tableau2 th {
background:#e62b85;
color:#fff;
}
table.tableau2 td, table.tableau2 th {
text-align:center;
padding:5px 3px;
}
table.tableau2 td.td-0, table.tableau2 th.td-0 {
text-align:left;
font-weight:bold;
}

/* ----- Tableaux 3 ------ */

table.tableau3 {
width:100%;
margin:5px auto;
border-spacing:0;
border-collapse: collapse;
border:1px solid #e62b85;
}
table.tableau3 th {
background:#e62b85;
color:#fff;
}
table.tableau3 td, table.tableau3 th {
text-align:center;
padding:5px 3px;
}
table.tableau3 td.td-0, table.tableau3 th.td-0 {
text-align:left;
font-weight:bold;
}

/* ----------------- FAQ ------------------*/
.tx-irfaq-pi1 img {
border:0 !important;
}
.tx-irfaq-pi1 dt {
color:#e62b85;
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:#e62b85;
}

/* form contact typo */
#mailform {
margin:10px 0;
}
.csc-mailform-field {
margin:2px 0;

}
.csc-mailform-field .formLabel {
display:block;
float:left;
width:200px;
text-align:right;
margin-right:10px;
}
.csc-mailform-submit {
margin:5px 0;
}


/* ------ Parrainage --------*/

form#formParrainage {
width : 380px ;
text-align : right ; 
}
form#formParrainage input {
margin-left : 10px ;
}

div#filleuls01 h3,div#filleuls02 h3 {
font-weight:bold;
color:#e62b85;
font-size:16px;
}


/* -----  Partenaires ----- */

div.partenaire{
border-bottom:1px solid #e72984;
padding:10px 5px 0 5px;
}
.partenaire img {
float:left;
margin:0 10px 10px 0;
}
.partenaire h3 {
color:#840243;
margin:0 0 5px 0;
}
.partenaireTxt {
color:#000 ;
}
.partenaireTxt p {
margin:5px 0;
}
.partenaireLien {
text-align:right;
clear:both;
margin:0 0 5px 0;
}