* {margin: 0; padding: 0;}
.break {clear: both; line-height: 1px; height: 1px; font-size: 1px; display: block;}

body {
    background-color: #000;
    font-family: "Arial", Verdana, sans-serif;
    font-size: 12px; color: #fff;}
    
input, select, textarea {
    font-family: "Arial", Verdana, sans-serif;
    font-size: 10px;}
    
a {color: #999;}
    
#allContent {
    width: 967px;
    margin: 40px auto 0 auto;
    position: relative;}
   
#flashIntro {width: 512px; text-align: center; margin: 250px auto 0 auto; border: 1px #fff solid;}
#pageZoomVideo p {width: 512px; margin: 20px auto; font-size: 10px; text-align: center;}


/************************************************************************* entete / navigation */
   
#entete {width: 967px; height: 269px; position: relative;} 
#entete img {border: 0;}
#entete #logo {position: absolute; left: 0; top: 0;}
#entete #bandeauPub {position: absolute; right: 0; top: 0;}

#ariane {list-style: none; position: absolute; left: 190px; top: 190px;}
#ariane li {float: left; color: #fff; font-size: 10px; padding-right: 3px; text-transform: capitalize;}
#ariane li a {text-decoration: none; color: #999; }

#blocRecherche {
    border: 1px #444 solid; padding: 0 0 0 5px !important;
    position: absolute; right: 0; top: 190px;
    font-size: 10px; color: #999; height: 16px;}
#blocRecherche label,
#votreRecherche {position: relative; top: -4px;}
#blocRecherche input {
    border: 0; text-align: center; 
    background-color: #000; color: #fff;}
       
#navigation,
#navigation ul {list-style: none;}

#navigation {
    background: transparent url(../../images/bgNavigation.jpg) repeat-x left bottom;
    position: absolute; right: 0; top: 226px;
    width: 802px; height: 43px; padding-left: 165px;}
#navigation li {float: left; position: relative;}
#navigation li a {
    text-transform: uppercase; text-decoration: none; 
    display: block; height: 22px;
    background-image: url(../../images/bgBtnNav.gif); margin-left: 50px;
    background-repeat: no-repeat; text-align: right;}
       
#navigation li a:hover {color: #fff;}
       
#navigation li#btnNav1 a {width: 52px;}
#navigation li#btnNav2 a {width: 117px;}
#navigation li#btnNav3 a {width: 176px;}
#navigation li#btnNav4 a {width: 72px;}
#navigation li#btnNav5 a {width: 134px;}

#navigation li ul li a {
    text-transform: none; font-size: 11px; height: 21px; width: auto !important;
    padding-right: 25px; margin-left: 0; text-align: left; background-image: none;}
#navigation li ul li a:hover {background-image: none; color: #fff;}

#navigation ul {
    height: 21px; display: none;
    position: absolute; left: 50px; top: 22px; }

#navigation li#btnNav1 ul {width: 400px;}
#navigation li#btnNav2 ul {width: 400px;}
#navigation li#btnNav3 ul {width: 400px;}
#navigation li#btnNav4 ul {width: 200px;}

#navigation li a.selected,
#pageVie #navigation li.btnCorpoA a,
#pageSurMesure #navigation li.btnCorpoB a,
#pageScience #navigation li.btnCorpoC a,
#pagePerformance #navigation li.btnCorpoD a,
.pageCorporate #navigation li#btnNav1 a.btnMenu,
.pageSoins #navigation li#btnNav2 a.btnMenu,
.pageProduits #navigation li#btnNav3 a.btnMenu,
.pageActualites #navigation li#btnNav4 a.btnMenu,
.pagePointsVente #navigation li#btnNav5 a.btnMenu {color: #dcb168 !important;}

#pageLigneVisage #navigation li ul#sousNav32 li a,
#pageLigneProduits #navigation li ul#sousNav32 li a,
#pageProduitDetail #navigation li ul#sousNav32 li a {color: #999 !important;}
#pageLigneVisage #navigation li ul#sousNav32 li a:hover,
#pageLigneProduits #navigation li ul#sousNav32 li a:hover,
#pageProduitDetail #navigation li ul#sousNav32 li a:hover {color: #fff !important;}

#navigation ul ul {
    left: 0; top: 22px; padding: 7px 7px 3px 7px; display: block;
    width: 142px !important; height: auto; z-index: 1500; 
    background: #222 url(../../images/flecheSousNav.gif) no-repeat;}
#navigation li ul li ul li {float: none; clear: both; height: 15px !important;}
#navigation li ul li ul li a {margin-left: 0; background-image: none; height: 15px !important;}
#navigation li ul li ul li a:hover {color: #fff; text-decoration: underline;}

#navigation ul ul#sousNav32 {width: 210px !important;}

#navigation li a:hover,
.pageCorporate #navigation li#btnNav1 a,
.pageSoins #navigation li#btnNav2 a,
.pageProduits #navigation li#btnNav3 a,
.pageActualites #navigation li#btnNav4 a,
.pagePointsVente #navigation li#btnNav5 a {background-position: 0 -22px;}

.pageCorporate #sousNav1,
.pageSoins #sousNav2,
.pageProduits #sousNav3,
.pageActualites #sousNav4 {display: block !important; }

.pageActualites #sousNav4 li a {float: left !important;}

#mainContent {width: 965px; height: 356px;}

/*********************************************************************************************************************/
/*                                                                                                            footer */
/*********************************************************************************************************************/

#footer {list-style: none; border-top: 1px #dcb168 solid; padding-top: 3px;}
#footer li {float: left; text-transform: uppercase; padding-right: 42px; font-size: 10px; color: #999;}
#footer li a {text-decoration: none; }
#footer li.btnAchat a {
    color: #dcb168; padding-right: 74px;
    background: transparent url(../../images/pictoAchat.gif) no-repeat 88px 3px;}
#footer li.sansMarge {padding-right: 0;}
#footer li.btnContact {padding-right: 163px; cursor: pointer;}

#choixContact {position: absolute; padding-left: 3px; width: 140px;}
#choixContact a {text-transform: none;}
#choixContact a:hover {color: #fff;}

#prochainement {
    position: absolute; left: 670px; bottom: 3px; 
    border: 1px #DCB168 solid; background-color: #000; padding: 5px 10px;}

/*********************************************************************************************************************/
/*                                                                                                   pages corporate */
/*********************************************************************************************************************/

.pageCorporate #mainContent {
    width: 447px; height: 296px; padding: 40px 20px 20px 500px;
    background: transparent url(../../images/bgEsprit.jpg) no-repeat left bottom;}

.pageCorporate .zoneTexte {width: 447px; padding-bottom: 30px;}
.pageCorporate .zoneTexte p {text-align: left; line-height: 13px;}

.pageCorporate .zoneTexte p,
.pageCorporate .zoneTexte h2,
.liste {margin-bottom: 15px;}

.pageCorporate .zoneTexte h2 {
    font-weight: normal; 
    font-size: 11px; line-height: 16px; 
    text-transform: uppercase;}

.liste {list-style: none;}
.liste li {
    background: transparent url(../../images/flecheListe.gif) no-repeat 0 4px; 
    padding-left: 8px; margin-bottom: 15px;}

.pageCorporate .liste li {text-align: left;}

/*********************************************************************************************************************/
/*                                                                                        Gestion des titres de page */
/*********************************************************************************************************************/

.zoneTexte {text-align: justify;}

#mainContent h1 {background-repeat: no-repeat;}
#mainContent h1 span {display: none;}

.pageProduits #mainContent h1,
.pageProduits #mainContent h2,
#pageLigneSoins #mainContent h1,
#pageSoinsDetails #mainContent h1 {display: none;}

img.titre {padding-bottom: 15px; display: block; float: none !important;}

/************ corporate */

.pageCorporate #mainContent h1 {position: absolute; left: 70px; top: 310px;}

#pageVie #mainContent h1 {width: 331px; height: 13px; background-image: url(../../images/titreVie.gif);}
#pageSurMesure #mainContent h1 {width: 342px; height: 34px; background-image: url(../../images/titreSurMesure.gif);}
#pageScience #mainContent h1 {width: 344px; height: 27px; background-image: url(../../images/titreScience.gif);}
#pagePerformance #mainContent h1 {width: 333px; height: 27px; background-image: url(../../images/titrePerformance.gif);}

/************ soins */

#pageSoinsIntro #mainContent h1 {width: 373px; height: 15px; background-image: url(../../images/titreSoinsIntro.gif); margin-bottom: 20px;}
#pageLigneSoins #mainContent h1 {width: 270px; height: 10px; margin-bottom: 20px;}
#pageSoinsCorps #mainContent h1 {width: 270px; height: 10px; margin-bottom: 20px;}

/************ produits */

#pageProduitsIntro #mainContent h1 {width: 361px; height: 14px; margin-bottom: 15px;}

#pageLigneProduits #mainContent h1 {width: 333px; height: 27px;}

/*********************************************************************************************************************/
/*                                                                                                          mentions */
/*********************************************************************************************************************/

#pageMentions #mainContent {padding-top: 20px; height: 336px;}
#pageMentions .zoneTexte {
    width: 947px; height: 275px; padding-right: 20px;
    overflow: hidden; color: #999; font-size: 10px;}
#pageMentions #mainContent h1 {
    font-size: 12px; color: #dcb168;
    font-weight: normal; margin-bottom: 10px;}
#pageMentions .zoneTexte h2 {font-size: 10px; font-style: normal; margin-bottom: 5px; color: #fff;}
#pageMentions .zoneTexte p {margin-bottom: 10px;}
/*********************************************************************************************************************/
/*                                                                                                  éléments communs */
/*********************************************************************************************************************/

.listeAcces {list-style: none; width: 350px;}
.listeAcces li {margin-bottom: 9px; }
.listeAcces li img {border: 0; float: left; margin: 0 12px 0 0;}
.listeAcces li a {display: block; text-decoration: none; }
.listeAcces li a span {display: block;}
.listeAcces li a span.titre {font-size: 12px; }
.listeAcces li a span.sousTitre {text-transform: none; font-size: 11px;}
.listeAcces li a:hover span.titre {color: #fff; text-decoration: underline;}
.listeAcces li a span.lnk {float: left;}

.listeAcces li ul#sousNav {
    padding: 7px 7px 3px 7px; display: block;
    list-style: none; margin-left: 51px; margin-top: 20px; width: 250px;
    background: #222 url(../../images/flecheSousNav2.gif) no-repeat;}
.listeAcces li ul#sousNav li {margin-bottom: 5px;}
.listeAcces li ul#sousNav li a {
    font-size: 10px; padding-left: 16px; display: block; height: 14px;
    background: transparent url(../../images/plus.gif) no-repeat;}
.listeAcces li ul#sousNav li a:hover {color: #fff; text-decoration: underline; background-position: 0 -14px;}

/************** liste des produits dans la page détail */

.listeDetails {list-style: none; width: 265px; float: left;}
.listeDetails li a {
    display: block; text-decoration: none; 
    border-top: 1px #000 solid; border-bottom: 1px #000 solid;}
.listeDetails li a:hover {color: #fff;}
.listeDetails li img {border: 0; float: left; margin-right: 12px;}

.listeDetails li a.tplSelected {
    border-top: 1px #fff solid; border-bottom: 1px #fff solid; color: #dcb168;
    background: transparent url(../../images/bgLnkListeDetails.jpg) repeat-x;}

/************** bouton télécharger */

#btnTelecharger {
    float: right; display: block; position: relative; left: 15px;
    text-decoration: none; font-size: 9px; padding-left: 22px;
    width: 150px; height: 21px; line-height: 21px;
    background: transparent url(../../images/pictoPDF.gif) no-repeat 0 2px;}
#btnTelecharger:hover {color: #666;}

#pageLigneProduits #btnTelecharger {top: -35px;}

/************** bouton plus + */

.plusInfos {display: block;}

a span.lnk,
.plusInfos { 
    height: 14px; font-size: 10px; color: #fff; padding: 0 0 0 16px;
    background: transparent url(../../images/plus.gif) no-repeat 0 0; margin-top: 3px;
    cursor: pointer;}
    
a:hover span.lnk,
.plusInfos:hover { 
    background: transparent url(../../images/plus.gif) no-repeat 0 -14px;
    cursor: pointer;}

.layer {width: 700px; float: left;}
.layer img {margin-right: 20px;}


.lnkDownload {
    display: block; height: 19px; text-decoration: none; font-size: 11px; line-height: 19px;
    background: transparent url(../../images/pictoPDF.gif) no-repeat; padding-left: 25px;
    margin-bottom: 25px;}

.lnkVideo {
    display: block; height: 14px; text-decoration: none; float: right;
    background: transparent url(../../images/pictoVideo.gif) no-repeat right top; padding-right: 30px;
    text-transform: uppercase; font-size: 12px; }

/*********************************************************************************************************************/
/*                                                                                                       pages soins */
/*********************************************************************************************************************/
       
#pageSoinsIntro #mainContent {background: transparent url(../../images/bgSoinsIntro.jpg) no-repeat;}
#pageLigneSoins #mainContent,
#pageSoinsIntro #mainContent {width: 447px; height: 336px; padding: 20px 20px 0 500px;}
#pageSoinsDetails #mainContent {padding: 20px 0 0 0; width: 965px; height: 336px;}

.pageSoins .zoneTexte {padding-bottom: 0;}

#pageLigneSoins .zoneTexte {width: 447px; height: 300px; }

#pageLigneSoins #zoneListe {
    overflow: hidden; margin-top: 20px;
    width: 447px; height: 280px; float: left;}

#pageSoinsDetails .zoneTexte {float: left; width: 375px; height: 305px; padding-right: 20px; color: #999;}

.pageSoins #btnTelecharger {position: relative; top: -5px;}

#pageSoinsIntro .zoneTexte p {margin-bottom: 10px;}

#pageSoinsIntro .listeAcces {margin-top: 20px; margin-left: 70px;}
#pageLigneSoins .listeAcces {width: 440px;}

.pageSoins .listeDetails li {margin-bottom: 6px;}
.pageSoins .listeDetails li a {height: 32px; line-height: 32px;}
.pageSoins .listeDetails li a img {width: 32px; height: 32px;}
.pageSoins .listeDetails li a.tplDeuxLignes {line-height: 10px;}

.pageSoins .layer img {float: left;}

/*********************************************************************************************************************/
/*                                                                                                    pages produits */
/*********************************************************************************************************************/
     
#pageProduitsIntro #mainContent {
    width: 447px; height: 336px; padding: 20px 20px 0 500px;
    background: transparent url(../../images/bgProduitsIntro.jpg) no-repeat;}
#pageLigneProduits #mainContent {padding: 20px 0 0 0; height: 336px;}
#pageProduitDetail #mainContent {padding: 20px 0 0 0; height: 336px;}

#pageProduitsIntro .listeAcces {margin-top: 20px; margin-left: 70px;}

.pageProduits .listeDetails li {margin-bottom: 0; }
.pageProduits .listeDetails li a {padding-left: 12px; height: 30px; line-height: 30px;}
.pageProduits .listeDetails li a.tplDeuxLignes {line-height: 12px; padding-top: 2px; height: 28px;}

#pageLigneProduits .layer {width: 680px; padding-left: 20px;}

.pageProduits #zoneVisuel {text-align: center !important; width: 240px; float: left; margin-right: 15px;}
.pageProduits #zoneVisuel img {margin: auto !important;}

#pageLigneProduits .zoneTexte {float: left; width: 345px; height: 305px; padding-right: 20px;}
#pageProduitDetail .zoneTexte {float: left; width: 425px; height: 305px; padding-right: 20px;}

#pageLigneProduits .zoneTexte {padding-top: 30px;}
  
.description {height: 142px; overflow: hidden; margin-bottom: 10px;}

#jsImageSecret {width: 440px; overflow: hidden;}

#zoneResultats .listeAcces {width: 460px;}
#zoneResultats .listeAcces li {width: 460px;}
#zoneResultats .listeAcces li a span.titre {color: #dcb168;}

/*********************************************************************************************************************/
/*                                                                                                        actualités */
/*********************************************************************************************************************/

#pageListeActualites #pubActu {
    width: 570px; height: 356px; margin-right: 20px;
    overflow: hidden; float: left;}
#pageDetailActualite #pubActu {
    width: 356px; height: 356px; margin-right: 20px;
    overflow: hidden; float: left;}

#pageListeActualites #zoneActu {
    overflow: hidden; margin-top: 20px;
    width: 370px; height: 320px; float: left;}

#pageListeActualites .zoneListe {width: 350px; height: 300px;}

#pageDetailActualite #zoneActu {
   width: 580px; height: 300px;
   margin-top: 20px;float: left;overflow: hidden;
}

#pageDetailActualite .zoneTexte {width: 550px; height: 300px;}

.pageActualites img {border: 0;}

.pageActualites .zoneTexte {width: auto; padding: 0; }

.blocActu {color: #999; width: 340px; margin-bottom: 10px;}
.blocActu a {text-decoration: none;}

.blocActu h2,
#pageDetailActualite #mainContent h2 {display: none;}

#pageListeActualites img.titreActu {margin-bottom: 5px; }
#pageDetailActualite img.titreActu {margin-bottom: 15px;}

#pageDetailActualite img.titreActu,
#pageDetailActualite .btnRetour {position: relative; top: 20px;}

#pageDetailActualite .btnRetour {margin-right: 30px;}


/**************************************************************************/
/*                         Produits associés / Actifs / Secrets de beauté */
/**************************************************************************/

.pageProduits #produitsAssocies {width: 410px;}
.pageSoins #produitsAssocies {width: 375px;}

#produitsAssocies {width: 430px; padding-right: 20px; float: left;}
#produitsAssocies h4 {
    text-transform: uppercase; font-size: 12px; height: 21px; 
    font-weight: normal; color: #fff; width: 380px; margin-bottom: 20px;
    background: transparent url(../../images/filetProduitsAssocies.gif) no-repeat left bottom;}
    
#produitsAssocies #tabs {
    list-style: none; width: 430px;
    border-bottom: 1px #fff solid; 
    height: 15px; margin-bottom: 10px;
    clear: both;}
#produitsAssocies #tabs li {float: left;}
#produitsAssocies #tabs li a {
    text-transform: uppercase;
    text-decoration: none; display: block; padding-bottom: 4px;}
#produitsAssocies #tabs li.lnkActifs a {width: 150px;}
#produitsAssocies #tabs li.lnkSecrets a {width: 170px;}
#produitsAssocies #tabs a.active-tab {
    background: transparent url(../../images/flechePanel.gif) no-repeat 15px 16px;
    color: #fff; height: 16px;}
#produitsAssocies #tabs li a:hover {color: #DCB168;}

#produitsAssocies .panel {display: none; padding-left: 15px; width: 410px;}
#produitsAssocies .panel ul {list-style: none;}
#produitsAssocies .panel ul li {margin-bottom: 10px;}
#produitsAssocies .panel ul li a {
    display: block; height: 14px; padding-left: 16px; text-decoration: none;
    background: transparent url(../../images/plus.gif) no-repeat 0 1px;}
#produitsAssocies .panel ul li a:hover {
    color: #fff; text-decoration: underline;
    background: transparent url(../../images/plus.gif) no-repeat 0 -14px;}
#produitsAssocies .panel.active-tab-body {display: block;}

#pageSoinsDetails #produitsAssocies .panel {display: block;}

/**************************************************************************/
/*                           Liste vignettes produits (Ligne de produits) */
/**************************************************************************/

.vignettesProduits {list-style: none; width: 291px; float: left; padding-right: 15px;}
.vignettesProduits li {float: left; width: 90px; height: 90px; padding-bottom: 7px; padding-right: 7px;}
.vignettesProduits li a {border: 1px #444 solid; width: 90px; height: 90px; display: block;}
.vignettesProduits li a img {border: 0;}
.vignettesProduits li a:hover {border: 1px #fff solid;}

/**************************************************************************/
/*                            Résultats de recherche (moteur de recherche */
/**************************************************************************/

#pageResultatsRecherche #mainContent h2 {font-size: 18px; font-weight: normal; position: relative; top: 10px;}

#zoneResultats {
   width: 967px; height: 300px;
   position: relative; left: 0; top: 25px;overflow: hidden;}

#zoneResultats h3 {width: auto !important;}

.colResult {width: 460px; float: left;}
.colResult h3 {margin-bottom: 15px;}

/*********** plan du site */

#colPlanA,
#colPlanB,
#colPlanC,
#colPlanD,
#colPlanE {float: left; font-size: 10px; }

#colPlanA {width: 130px;}
#colPlanB {width: 90px;}
#colPlanC {width: 230px;}
#colPlanD {width: 280px;}
#colPlanE {width: 235px;}

#pagePlanSite #mainContent h2 {color: #dcb168; font-size: 10px; font-weight: normal; margin-bottom: 10px;}
#pagePlanSite #mainContent ul.listPlan,
#pagePlanSite #mainContent ul.listPlan li ul {list-style: none;}
#pagePlanSite #mainContent ul.listPlan li a {text-decoration: none; color: #fff;}

#pagePlanSite #mainContent ul.listPlan li ul li a {color: #999;}
#pagePlanSite #mainContent #colPlanA ul.listPlan li a {color: #dcb168;}
#pagePlanSite #mainContent #colPlanA ul.listPlan li {line-height: 20px;}

#pagePlanSite #mainContent {padding: 20px 0 0 0; height: 336px;}

/**************************************************************************/
/*                                                        Points de vente */
/**************************************************************************/

.pagePointsVente #mainContent {height: 356px;}

#colFrance {width: 440px; padding-left: 25px; padding-right: 25px;}
#colMonde {
    width: 315px; height: 341px; padding-left: 80px; padding-right: 80px; position: relative;
    background: transparent url(../../images/carteMonde.gif) no-repeat;}

#colFrance,
#colMonde {float: left; text-align: center; padding-top: 15px;}

#colFrance h2,
#colMonde h2 {font-size: 15px; font-weight: normal; color: #dcb168; margin-bottom: 15px;}

#colFrance h3,
#colMonde h3 {font-size: 13px; font-weight: normal; color: #fff; margin-bottom: 10px;}

#colFrance p,
#colMonde p {color: #999;}

#colFrance fieldset {border: 0; padding-top: 30px;}
#colFrance label {display: none;}
#colFrance input {display: block; margin: auto;}
#colFrance input#cpDep {width: 150px; margin-bottom: 10px;}

#colMonde ul {list-style: none;}

#listeContinents {text-align: right; width: 130px; position: absolute; left: 70px; top: 130px;}
#listeContinents li {line-height: 16px;}
#listeContinents li a {text-decoration: none; padding-right: 10px;}
#listeContinents li a:hover {color: #fff; border-bottom: 1px #fff solid;}

.listePays {
    border: 1px #fff solid; 
    text-align: left; padding: 10px 20px;
    width: 130px;height:216px; position: absolute; left: 200px; top: 115px;
    overflow:auto;
    background: transparent url(../../images/bgListePays.png) repeat;}
.listePays li {line-height: 13px;}
.listePays li a {text-decoration: none;}
.listePays li a:hover {color: #fff;}

.btn {
    border: 1px #444 solid; background-color: #000; color: #999;
    text-align: center; padding: 0 5px; font-size: 10px; 
    text-transform: uppercase;}

#pageResultatsPtsVente #mainContent {width: 965px; height: 336px; padding: 20px 0 0 0;}

#pageResultatsPtsVente #mainContent h2 {
    font-weight: normal; text-transform: uppercase; 
    font-size: 14px;}
#pageResultatsPtsVente #mainContent h2 em {font-size: 11px; text-transform: none;}

#pageResultatsPtsVente #mainContent h3 {
    color: #dcb168; font-size: 12px; font-weight: normal; 
    border-bottom: 1px #dcb168 solid; width: 965px;}
#pageResultatsPtsVente #mainContent h3 span { font-size: 10px;}

.resultsPtsVente {list-style: none; width: 940px;}
.resultsPtsVente li {color: #999; padding-bottom: 5px; margin-bottom: 5px; font-size: 11px;}
.resultsPtsVente li strong {color: #fff; font-weight: normal; font-size: 12px;}
.resultsPtsVente h4 {color: #DCB168; margin-bottom: 10px; font-size: 14px;}

#pageResultatsPtsVente #zoneResultats {width: 950px; height: 270px;}

.btnRetour {
    display: block; color: #fff; height: 14px;
    float: right; padding-left: 18px; font-size: 11px; text-decoration: none;
    background: transparent url(../../images/flecheRetour.gif) no-repeat 0 1px;}
    
/**************************************************************************/
/*                                                               Contacts */
/**************************************************************************/
    
.pageContact #mainContent {padding-top: 25px; height: 331px;}
.pageContact #mainContent .mentions {position: absolute; left: 0; bottom: 0;}
.pageContact #mainContent fieldset {padding-left: 185px; border: 0;}
.pageContact #mainContent fieldset .colForm {
    width: 49%; float: left; 
    padding-top: 10px;}

.pageContact #mainContent fieldset .lineForm,
.pageContact #mainContent fieldset .lineRadio {margin-bottom: 5px;}

.pageContact #mainContent fieldset .lineRadio {padding-left: 100px; margin-top: 5px;}

.pageContact #mainContent fieldset label {color: #999; }
.pageContact #mainContent fieldset .lineForm label,
.pageContact #mainContent fieldset .lineText label {
    display: block; text-align: right; 
    padding-right: 3px; float: left; width: 100px;}
.pageContact #mainContent fieldset .lineText label {color: #dcb168;}

.pageContact #mainContent fieldset textarea {width: 565px; height: 50px;}
    
.pageContact #mainContent fieldset .lineForm select {width: 100px;}
    
.pageContact #mainContent fieldset .lineForm input {width: 180px;}
.pageContact #mainContent fieldset .lineForm input#adresse {width: 250px;}
    
.pageContact #mainContent fieldset .lineSubmit {padding-left: 105px; clear: both; padding-top: 10px;}
    
.pageContact #mainContent #bandeauPub,
.pageContact #mainContent h2 {display: none;}
    
#pageContactParticulier h1 {
    width: 776px; height: 185px; position: absolute; right: 0; top: 0;
    background: #fff url(../../images/contactParticulier.gif) no-repeat 26px 63px;}
#pageContactPro h1 {
    width: 776px; height: 185px; position: absolute; right: 0; top: 0;
    background: #fff url(../../images/contactPro.gif) no-repeat 132px 37px;}
#pageNewsletter h1 {
    width: 776px; height: 185px; position: absolute; right: 0; top: 0;
    background: #fff url(../../images/newsletter.gif) no-repeat 80px 53px;}
    
#btnDejaInscrit {
    display: block; width: 96px; height: 13px; text-align: right; padding-right: 20px; text-decoration: none; color: #fff; float: left;
    background: transparent url(../../images/plus.gif) no-repeat right top; margin-bottom: 10px;}
    
#blocSearchMail {font-size: 11px;}
    
#searchMail, #errMsg {
    width: 600px;
    float: left; padding: 0 0 10px 10px;}
#searchMail p {margin-bottom: 5px;}
#searchMail label {display: inline !important; width: auto !important;}
    
#search_email {width: 200px;}
    
.mentions,
.obligatoire {font-size: 10px; color: #999; margin-bottom: 10px;}
.mentions a,
.obligatoire a {color: #fff;}

.pageContact #mainContent .obligatoire {position: absolute; left: 0; bottom: 40px;}

#pageNewsletter #mainContent fieldset {padding-left: 150px; padding-bottom: 20px;}
#pageNewsletter fieldset h3 {
    color: #dcb168; text-transform: uppercase; 
    font-size: 12px; font-weight: normal;
    padding: 20px 0 10px 0;}

#pageNewsletter #mainContent fieldset .lineForm label {width: 150px;}
#pageNewsletter #mainContent fieldset .lineSubmit {padding-left: 350px;}

.pageConfirmation #mainContent {text-align: center; padding-top: 130px; height: 225px;}

.validation-advice {
    color: #cc0000; font-weight: bold; 
    text-align: center; padding-top: 3px;
    font-size: 11px; display: block;}
    
#pageNewsletter .validation-advice {width: 400px;}

/*******************************************************************************/
/**
 * Ajout Nico  
 *
 *  23/05/2008
 *
 *******************************************************************************/  
.jsMonLienImage{
   width:90px;
   height:90px;
   display: block;
   border: 1px solid #FFFFFF !important;}
.jsMonLienListe{
   background:transparent url(../../images/bgLnkListeDetails.jpg) repeat-x scroll 0%;
   border-bottom: 1px solid #FFFFFF !important;
   border-top: 1px solid #FFFFFF !important;
   color:#DCB168;}
.tplSelectProd a{color:#DCB168 !important;}