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

body, input, select, textarea {
    color: #012494;
    font-family: "Arial", Trebuchet MS, sans-serif;
    font-size: 11px;}
    
a {color: #6193D0;}
a:hover {color: #012494;}
    
#allContent {
    width: 980px; 
    margin: 0 auto;
    padding-bottom: 10px;}
    
#pageAccueil #allContent {background-color: #FFF3DE;}
    
#enTete {
    width: 980px; height: 68px;
    background: transparent url(../../images/bgEntete.jpg) no-repeat;
    position: relative;}
#enTete #logo {position: absolute; left: 0; top: 0; border: 0;}
#enTete h1 {text-indent: -5000px; overflow: hidden;}
    
#navigation, #mainContent {float: left;}
   
#mainContent {width: 796px; padding-left: 14px;}
   
#pageAccueil #mainContent {width: 810px; padding-left: 0;}
   
#ariane {list-style: none; height: 20px; padding-top: 10px;}
#ariane li {float: left; font-size: 10px; padding-right: 3px;}
#ariane li a {text-decoration: none; color: #012494;}
#ariane li a:hover {text-decoration: underline;}
   
/********************************************************* Navigation */
    
#navigation {width: 170px;}
#navigation ul {list-style: none;}
#navigation ul li {text-align: right;}
#navigation ul#menu {
    padding: 45px 0 10px 0;
    background-color: #fff;
    border-right: 1px #fff solid;
    width: 169px;}
ul#menu li a {
    color: #012494; 
    text-decoration: none;
    background: transparent url(../../images/puceNav.gif) no-repeat 155px 8px;
    display: block; height: 25px;
    line-height: 25px;
    padding-right: 20px;
    font-size: 10px;}
ul#menu li a span {text-transform: uppercase;}

ul#menu li a.diagBeaute {color: #A587CE;}
ul#menu ul {background-color: #FFF3DE; padding: 5px 0; display: none;}   
ul#menu ul li {padding: 2px 0;}
ul#menu ul li a {
    height: 15px;
    line-height: 15px;
    background-image: none; }
ul#menu ul li.rubriqueActive a {
    background: transparent url(../../images/bgBtnNav.gif) no-repeat;
    color: #fff; display: block;}
   
/*********** affichage de la rubrique active */
           
li.menuActif {background-color: #FFEBC8;}
li.menuHomme {background-color: #C2D7ED;}

/*********** affichage du sous menu actif */

ul#menu li.menuActif ul {display: block;}
      
li.menuHomme ul {background-color: #E3E2E3 !important;}
          
/************************** footer */
   
#footer {padding-right: 20px; padding-top: 15px;}
#footer li {line-height: 18px;}
#footer li a {
    text-decoration: none; 
    color: #012494;
    font-size: 10px;}
#footer li a:hover {text-decoration: underline;}
    
.bloc {
    width: 168px;
    float: left; padding-top: 10px;
    margin: 0 17px;}
.bloc a img {display: block; border: 1px #fff solid; margin-bottom: 10px;}
.bloc a:hover img {border: 1px #1781BB solid;}
.bloc h2 {
    text-transform: uppercase;
    font-size: 11px;
    margin-bottom: 5px;}
.bloc a.texte {
    font-size: 10px; line-height: 12px; 
    text-decoration: none; color: #012494;
    text-align: justify;}
.bloc a.texte:hover {color: #1781BB;}

/********************************************************* Ticker */

#ticker {
     height: 23px; line-height: 18px;
    background: transparent url(../../images/bgTicker.gif) repeat-x;
    margin: 10px 20px 0 17px;
    color: #fff;
	 overflow: hidden;
	 }
#ticker p {
    background: transparent url(../../images/puceTicker.gif) no-repeat 5px 5px;
    padding-left: 20px;}

/********************************************************* Pages ligne produits */

#content {
    float: left; 
    width: 446px;}
#content p {margin-bottom: 10px;}

#visuelLigne {float: left; margin: 6px 0 0 0;}
#pageFiche #content {width: 556px;}

.pageProduits #mainContent h1,
.pageProduits #mainContent h2,
#pageFicheSoin #mainContent h1,
#pageFicheSoin #mainContent h2,
#mainContent h3 {
    color: #6193D0;
    text-transform: uppercase; 
    font-weight: normal;}

.pageProduits #mainContent h1,
#pageFicheSoin #mainContent h1 { font-size: 34px; margin-left: 25px;}

.pageProduits #mainContent h2,
#pageFicheSoin #mainContent h2 {font-size: 13px; border-bottom: 14px #BCDBFF solid; padding: 0 0 13px 25px;}

.ligneHomme #mainContent h1,
.ligneHomme #mainContent h2 {color: #A0A0A0;}

.ligneHomme #mainContent h2 {border-bottom: 14px #2974B6 solid;}

#mainContent h3 {font-size: 22px; padding: 5px 0;}
.pageProduits #mainContent h4 {font-size: 18px; text-transform: uppercase; margin: 10px 0 0 25px;}
.pageProduits #mainContent h5 {font-size: 11px; text-transform: uppercase; margin-left: 25px;}

.ligneHomme #mainContent h4,
.ligneHomme #mainContent h5 {color: #2875B7;}

/********************************************************* Sous navigation ligne */

#sousNav {
    list-style: none; height: 40px; 
    background: transparent url(../../images/bgSousNav.gif) repeat-x; 
    position: relative;}
#sousNav li {float: left;}
#sousNav li a {
    display: block; font-size: 10px; text-decoration: none;
    background: transparent url(../../images/bgBtnSousNav.gif) repeat-x; 
    height: 20px; color: #6293D0; padding: 0 10px; line-height: 15px;}
    
.ligneHomme #sousNav {background: transparent url(../../images/bgSousNavHomme.gif) repeat-x; }
.ligneHomme #sousNav li a {background: transparent url(../../images/bgBtnSousNavHomme.gif) repeat-x;}

/***** affichage btn actif */

#sousNav .rubriqueActive a,
.ligneHomme #sousNav .rubriqueActive a {background-position: 0 -20px !important; color: #fff;}

/*********** btn diagnostic */

#btnDiagnostic {
    display: block; width: 163px; height: 20px;
    background: transparent url(../../images/btnDiagnostic.gif) no-repeat;
    float: right; border-top: 1px #fff solid;}
#btnDiagnostic span {display: none;}

#intro {clear: both; padding: 25px 0 0 25px; line-height: 15px; color: #000;}

.miniProduits {list-style: none; margin: 10px 0 0 0; width: 505px;}
.miniProduits li {
    float: left; text-align: center; height: 140px;
    line-height: 12px; background: transparent url(../../images/bgMiniProduits.gif) repeat-x;}
.miniProduits li a {width: 53px; float: left; text-decoration: none; font-size: 10px; color: #012494; }
.miniProduits li a:hover {width: 100px;}
.miniProduits li a img {display: block; margin: 0 auto; border: 0;}
.miniProduits li a span {visibility: hidden;}
.miniProduits li a span em {font-style: normal; display: block; text-transform: uppercase;}
.miniProduits li a:hover span {visibility: visible;}

#pageLigne .miniProduits {margin: 50px 0 0 25px;}

/********************************************** avantages */

#avantages {margin-left: 25px; margin-bottom: 20px;}
#mainContent #avantages h3 {
    background-color: #FFF3DE;
    text-transform: uppercase;
    color: #0C3591; font-size: 11px;
    font-weight: bold; padding: 2px 0 2px 10px;
    margin: 10px 0;}
.ligneHomme #mainContent #avantages h3 {background-color: #E3E3E3; color: #206BAB;}
#avantages ul {list-style: none; margin-bottom: 15px;}
#avantages ul li {
    background: transparent url(../../images/puceRose.gif) no-repeat 0 4px;
    padding-left: 12px;
    color: #6193D0;
    margin-bottom: 3px;}

.ligneHomme #avantages ul li {background: transparent url(../../images/puceBleue.gif) no-repeat 0 4px;}

/********************************************** liens divers */

#lnk {list-style: none; margin-left: 15px; height: 30px;}
#lnk li {float: left; margin-right: 30px;}
#lnk li a {
    display: block; text-decoration: none; font-size: 10px; 
    color: #838383; height: 20px; padding-left: 20px; 
    line-height: 20px; background: transparent url(../../images/flecheLnk.gif) no-repeat 8px 7px;}
#lnk li a:hover {text-decoration: underline;}
#lnk li a#btnPDF {background: transparent url(../../images/pictoPdf.gif) no-repeat;}
#lnk li a#btnOuTrouver {background: transparent url(../../images/pictoOuTrouver.gif) no-repeat;}
#lnk li a#btnDecouvrir {background: transparent url(../../images/pictoDecouvrir.gif) no-repeat; height: 30px; padding-left: 30px;}

/******************************************** onglets fiche produits */

.panel {
	clear: both;
	display: none;
    margin-left: 25px;}
.panel.active-tab-body {display: block;}

#tabs {	list-style: none; width: 570px; height: 21px; position: relative; margin-left: 25px;}
#tabs li {float: left;}
#tabs li a {display: block; height: 21px; background-repeat: no-repeat; position: absolute; top: 0;}
#tabs li a span {display: none;}
#tabs a.active-tab {background-position: 0 -22px; z-index: 5;}
#tabs li#btnPanelA a {width: 128px; background-image: url(../../images/btnPanelA.gif); left: 0;}
#tabs li#btnPanelB a {width: 160px; background-image: url(../../images/btnPanelB.gif); left: 108px;}
#tabs li#btnPanelC a {width: 202px; background-image: url(../../images/btnPanelC.gif); left: 248px;}
#tabs li#btnPanelD a {width: 210px; background-image: url(../../images/btnPanelD.gif); left: 430px;}

#tabs li#btnPanelDiagnosA a {width: 304px; background-image: url(../../images/btnPanelDiagnosA.gif); left: 0;}
#tabs li#btnPanelDiagnosB a {width: 512px; background-image: url(../../images/btnPanelDiagnosB.gif); left: 283px;}

#panelConseils ul,
#panelPrincipes ul,
#panelSoins ul {list-style: none; margin-left: 25px;}

#panelConseils ul li,
#panelPrincipes ul li,
#panelSoins ul li {
    padding-left: 10px;
    background: transparent url(../../images/flecheBleue.gif) no-repeat 0 4px;}

#panelPrincipes ul li,
#panelConseils ul li a, 
#panelSoins ul li a { font-weight: bold; text-decoration: none !important; cursor:pointer; color: #012494;}
#panelPrincipes ul li div {font-weight: normal;}

/**************************************** Section 10 - Les plus beaux spas */

#pageSpaStMalo #mainContent {position: relative;}

#pageSpaStMalo #mainContent ul {list-style: none; margin: 0 50px 20px 50px;}
#pageSpaStMalo #mainContent ul li {
    background: transparent url(../../images/puceRose.gif) no-repeat 0 3px; 
    padding-left: 15px; margin-bottom: 10px; color: #000;}

#pageSpaStMalo #mainContent h4 {color: #6193D0; text-transform: uppercase; padding-left: 50px; margin-bottom: 20px;}

#blocReserver {background-color: #FFF3DE; padding: 15px 50px;}
#blocReserver p {width: 50%; float: left;}

#layerVideo {
    width: 470px; height: 270px; background-color: #fff; 
    padding: 40px 20px 20px 40px; position: absolute; left: 150px; top: 250px; 
    border: 1px #1A97CD solid; display: none;}
#layerVideo .btnFermer {display: block; position: absolute; right: 10px; top: 10px;}

/*************** spa st malo */

#spaStMalo,
#rechercheFrance {width: 766px; height: 125px; padding: 30px 15px 0 15px;}

#spaStMalo {background: transparent url(../../images/bgSpaStMalo.gif) no-repeat;}
#rechercheFrance {background: #FFF3DE url(../../images/bgSpaFrance.gif) no-repeat;}
#pageTrouverProduit #rechercheFrance,
#pageListeProduits #rechercheFrance {background: #6FB0FF url(../../images/bgDescription2.gif) repeat-x !important; color: #fff;}
#pageListeProduits #rechercheFrance {height: auto;}

#spaStMalo img,
#rechercheFrance img {border: 1px #fff solid; float: left; margin-right: 15px;}

#spaStMalo h2,
#rechercheFrance h2 {
    font-size: 14px; font-weight: normal; 
    border-bottom: 1px #6193D0 solid;
    padding-bottom: 10px; margin-bottom: 10px;}
    
#spaStMalo h2 {text-align: right;}
#rechercheFrance h2 {
    width: 549px; height: 58px; 
    border-bottom: 0; float: left; padding-bottom: 0; margin-bottom: 0;
    background: transparent url(../../images/filetTrouverSoins.gif) no-repeat left bottom;}
#pageTrouverProduit #rechercheFrance h2,
#pageListeProduits #rechercheFrance h2 {background: transparent url(../../images/filetTrouverProduits.gif) no-repeat left bottom;}

#spaStMalo a {
    text-decoration: none; text-transform: uppercase; 
    font-size: 10px; color: #6193D0; display: block;
    margin-top: 8px;}
#spaStMalo a:hover {color: #012494; text-decoration: underline;}

#rechercheFrance p {width: 360px; padding-right: 15px; text-align: right;}
#rechercheFrance fieldset {width: 200px; border: 0; margin-top: 5px;}
#rechercheFrance fieldset label {
    display: block; float: left; padding: 0 5px;
    background-color: #fff; color: #444; height: 16px;
    border-left: 1px #6193D0 solid;
    border-top: 1px #6193D0 solid;
    border-bottom: 1px #6193D0 solid;
    width: 60px;}
#rechercheFrance fieldset input {
    width: 100px; font-family: "Arial", Verdana, sans-serif; 
    float: left; border: 0; background-color: #fff; font-weight: bold;
    color: #012494; height: 16px; border-top: 1px #6193D0 solid; 
    border-bottom: 1px #6193D0 solid;}
#rechercheFrance fieldset input.btnOK {
    width: auto; height: 18px; border-right: 1px #6193D0 solid;
    color: #444; font-size: 11px;}

#rechercheFrance p,
#rechercheFrance fieldset {float: left;}

#carteMonde {position: relative; width: 796px; height: 356px;}
#carteMonde h4 {display: none;}

.layerCarte {
    border: 1px #6190F6 solid;
    width: 140px; padding: 5px;
    background: transparent url(../../images/bgLayerCarte.png);}
    
.layerCarte h5 {
    font-size: 11px; text-align: center; 
    text-decoration: underline; text-transform: uppercase;
    margin-bottom: 10px;}
.layerCarte ul {list-style: none;}
.layerCarte ul li {
    background: transparent url(../../images/puceNav.gif) no-repeat right bottom;
    text-align: right;
    padding-right: 20px;}
.layerCarte ul li a {text-decoration: none; color: #012494;}

#layerCarte1 {position: absolute; left: 220px; top: 50px;}
#layerCarte2 {position: absolute; left: 70px; top: 150px;}
#layerCarte3 {position: absolute; left: 350px; top: 200px;}
#layerCarte4 {position: absolute; left: 500px; top: 50px;}
#layerCarte5 {position: absolute; left: 620px; top: 250px;}

.pageSpas #content {width: auto; float: none; }

#pageListeSpas #content {
    background-color: #FFF3DE;
    padding-bottom: 30px;
    position: relative;}
#pageListeSpas #content h2,
#pageFicheSpa #content h2 {
    font-size: 30px; text-align: right;
    color: #fff; font-weight: normal; text-transform: uppercase;
    width: 546px; height: 65px; padding: 30px 250px 0 0;
    margin-bottom: 10px;}

#pageListeSpas #content h2#bgContinent1,
#pageFicheSpa #content h2#bgContinent1 {background: transparent url(../../images/bgContinent1.gif) no-repeat;}
#pageListeSpas #content h2#bgContinent2,
#pageFicheSpa #content h2#bgContinent2 {background: transparent url(../../images/bgContinent2.gif) no-repeat;}
#pageListeSpas #content h2#bgContinent3,
#pageFicheSpa #content h2#bgContinent3 {background: transparent url(../../images/bgContinent3.gif) no-repeat;}
#pageListeSpas #content h2#bgContinent4,
#pageFicheSpa #content h2#bgContinent4 {background: transparent url(../../images/bgContinent4.gif) no-repeat;}
#pageListeSpas #content h2#bgContinent5,
#pageFicheSpa #content h2#bgContinent5 {background: transparent url(../../images/bgContinent5.gif) no-repeat;}

#sel_pays {position: absolute; left: 35px; top: 37px;}

#pageFicheSpa #content {position: relative;}
#pageFicheSpa #content .btnRetour {position: absolute; left: 35px; top: 40px; color: #fff; font-weight: bold; text-decoration: none;}
#pageFicheSpa #content .btnRetour:hover {color: #012494;}

/****************************** résultats recherche spa */

.spaResult {
    margin-left: 35px;
    margin-bottom: 10px;
    background-color: #fff;
    color: #000; padding-right: 10px;}
.spaResult img.vignette {border: 1px #fff solid; float: left; position: relative;margin-right: 20px;}
.spaResult h4,
#pageFicheSpa h4 {font-size: 15px; color: #6193D0; text-transform: uppercase; padding-top: 5px;}
.spaResult h5 {font-size: 11px; font-weight: normal; text-transform: uppercase; margin-bottom: 5px;}
.spaResult a.btnSavoirPlus {
    color: #6193D0; font-size: 10px; 
    text-transform: uppercase; display: block;
    text-decoration: none; text-align: right;}
    
#pageFicheSpa h4 {margin-bottom: 10px;}
#visuelSpaPano {
    width: 796px; height: 376px; 
    overflow: auto; margin-bottom: 15px;}
    
#pageSpaStMalo #visuelSpaPano {height: 346px;}
    
.paginationResults {text-align: center; padding-bottom: 10px;}
    
/****************************** résultats recherche soins / produits */

#resultats h5 {font-size: 15px; padding: 10px 0 3px 25px; clear: both;}

.soinResult {
    margin-left: 25px;
    margin-bottom: 10px;
    background-color: #fff;
    color: #000; padding-right: 10px;
    font-size: 12px; padding-left: 5px;
    width: 340px; float: left;}    
.soinResult img.vignette {border: 1px #fff solid; float: left; position: relative;margin-right: 20px;}
.soinResult h4 {font-size: 15px; color: #6193D0; text-transform: uppercase; padding-top: 5px; margin-bottom: 5px;}
.soinResult a {color: #012494; text-decoration: none; display: block; margin-top: 5px;}

.spaPlus {float: right; width: 125px; padding-top: 5px;}
.spaPlus h6 {font-size: 12px; color: #012494;}
.spaPlus a {color: #6193D0; font-size: 10px;}
.spaPlus img {margin-top: 5px;}
/**************************************************************** Soins */

/******************** nav soins */

#navSoins {
    border: 1px #6193D0 solid; 
    width: 265px; float: left;
    margin-right: 28px;
    margin-top: 10px;}
#navSoins h4 {
    background-color: #6193D0; color: #fff; 
    font-size: 12px; font-weight: normal;
    padding: 3px;}

#navSoins ul {list-style: none; margin: 5px;}
#navSoins ul li {
    background: transparent url(../../images/puceRose.gif) no-repeat 0 4px;
    padding-left: 12px;
    margin-bottom: 10px;
    font-size: 10px;}
#navSoins ul li a {color: #012494; text-decoration: none;}
#navSoins ul ul {margin: 0 0 15px 0;}
#navSoins ul ul li {background-image: none; margin-bottom: 0;}
#navSoins ul ul li a {color: #6193D0; text-decoration: none;}
#navSoins ul li a:hover {text-decoration: underline;}

/*************** description */

#description {
    background: #FFF3DE url(../../images/bgDescription.gif) repeat-x; 
    border-bottom: 14px #BCDBFF solid; height: 210px;}
#description img {float: left; margin-right: 18px;}
#description p {
    margin-top: 65px; width: 590px; 
    float: left; font-size: 12px;}

#pageAccueilSoins #description {height: auto;}
#pageAccueilSoins #description img {float: none; margin-right: 0;}
#pageAccueilSoins #description p {float: none; width: auto; margin-top: 0; padding: 15px;}
#pageAccueilSoins h4 {width: 350px; float: left; font-size: 15px; color: #6193D0;}
#pageAccueilSoins #content {width: 440px;}
#pageAccueilSoins #content ul {list-style: none;}
#pageAccueilSoins #content ul li { 
    background: transparent url(../../images/flecheListeSoins.gif) no-repeat 0 3px;
    padding-left: 10px; margin-bottom: 5px;}
#pageAccueilSoins #content ul li a {
    color: #012494; text-decoration: none;
    font-weight: bold; font-size: 12px;}
#pageAccueilSoins #content ul li a em {font-weight: normal;}
#pageAccueilSoins #content ul li a:hover {text-decoration: underline;}
    
/****************************************** fiche soin */

#pageFicheSoin #description {
    background-image: none; background-color: #FFEBC8; 
    height: auto; padding: 15px 25px;
    font-size: 12px;
    border-bottom: 1px #fff solid;}
#pageFicheSoin #description p {margin: 0; width: auto; float: none;}

#pageFicheSoin #content {width: 534px; float: left; margin-top: 10px;}
#pageFicheSoin #content h2 {border-bottom: 0;}
#pageFicheSoin h4 {background-color: #BCDBFF; height: 14px; font-size: 12px; padding: 2px 0 2px 25px;}

#programme { margin: 15px 0 30px 25px; font-style: italic;}
#programme .titreProgramme {
    background: transparent url(../../images/puceRose.gif) no-repeat 0 4px; 
    padding-left: 15px; margin-bottom: 10px; font-weight: bold;
    color: #6193D0; font-style: normal;}

#pageFicheSoin #content h5 {
    height: 15px; font-size: 10px; text-transform: uppercase; color: #6193D0; padding: 3px 0 0 15px;
    background: transparent url(../../images/ongletProduitsAssocies.gif) no-repeat;}

#pageListeSoins #resultats,
#pageListeProduits #resultats {background-color: #FFF3DE; width: 796px;}
#pageListeSoins #rechercheFrance {height: auto;}

.inscriptionNewsletter {padding-top: 25px; clear: both; height: 50px;}
#pageTrouverSoin .inscriptionNewsletter,
#pageTrouverProduit .inscriptionNewsletter {display: none;}

#rechercheFrance .inscriptionNewsletter p {width: 543px;}
#pageListeProduits #rechercheFrance .inscriptionNewsletter p {color: #0024C0;}

#pageListeSoins .inscriptionNewsletter label {width: 30px;}
#pageListeSoins .inscriptionNewsletter input {width: 130px;}

#resultCarte {
    background-color: #85B5F0;
    border: 1px #6392F6 solid;
    text-align: center;
    padding: 10px;
    margin-left: 170px;
    width: 440px;}
#resultCarte h6 {
    font-size: 10px; 
    color: #012494;
    margin-bottom: 5px;}
#resultCarte p {color: #000; font-size: 12px;}
#resultCarte p strong {color: #fff;}
#resultCarte p a {color: #012494; text-decoration: none;}
#resultCarte p a:hover {text-decoration: underline;}

/******************************************************************* diagnostic */

.pageDiagnostic #mainContent h3 {padding-bottom: 0;}
.pageDiagnostic #mainContent h2 {
    border-bottom: 14px #BCDBFF solid; font-size: 15px; 
    text-transform: uppercase; padding-bottom: 8px;}
.pageDiagnostic #mainContent h4 {font-size: 12px; margin-bottom: 5px; margin-left: 25px;}
#resumeDiagnostic {
    font-size: 12px;
    background-color: #FFF3DE;
    color: #000;
    padding: 15px 40px 5px 40px;}
#resumeDiagnostic p {margin-bottom: 10px;}

.pageDiagnostic .panel,
.pageDiagnostic #tabs {margin-left: 0;}
.pageDiagnostic .panel {padding: 0 200px;}
.pageDiagnostic #tabs a.active-tab {background-position: 0 -22px; z-index: 5; }

.pageDiagnostic .panel {height: 190px;}

.soinsAdaptes {
    width: 502px; height: 183px;
    background: transparent url(../../images/bgSoinsAdapte.jpg) no-repeat;
    padding: 20px 20px 0 210px;
    color: #6193D0; font-size: 12px;
    position: relative;
    margin-left: 25px; margin-bottom: 10px;}
.soinsAdaptes h5 {font-size: 20px; margin-bottom: 5px; font-weight: normal;}
.soinsAdaptes h6 {font-size: 10px; margin-bottom: 15px; font-weight: normal;}
.soinsAdaptes .btnSuite {position: absolute; right: 20px; bottom: 20px; color: #6193D0; text-decoration: none; font-size: 10px;}
.soinsAdaptes .btnSuite:hover {text-decoration: underline;}

.pageDiagnostic #lnk {margin-top: 10px;}

#introDiag {
    width: 736px; height: 95px; 
    background: transparent url(../../images/bgIntroDiag.gif) repeat-x;
    margin-bottom: 15px; padding: 30px;}
#introDiag img {
    border: 1px #fff solid; float: left; margin-right: 20px; }
#introDiag h2 {
    font-size: 15px; text-transform: none !important;
    border-bottom: 0 !important; margin-top: 15px;}
#introDiag p {font-size: 12px; margin-bottom: 10px;}
    
.pageDiagnostic fieldset {border: 0;}
.pageDiagnostic fieldset ul {list-style: none; margin-left: 80px; margin-bottom: 15px;}
.pageDiagnostic fieldset ul li {margin-bottom: 5px; clear: both;}
.pageDiagnostic fieldset ul li input {margin-right: 5px; float: left;}
.pageDiagnostic fieldset h4 {
    text-transform: uppercase; color: #fff; 
    background: transparent url(../../images/bgTitreDiagnostic.gif) repeat-x;
    display: block; line-height: 16px; color: #fff; font-weight: bold;
    height: 20px; font-size: 11px !important;
    padding-left: 50px; margin-left: 0 !important;}

.btnValider {text-align: center; }
.btnValider input,
.btnForm {
    background-color: #85B5F0; border: 1px #6190F6 solid; 
    color: #fff; font-weight: bold; font-size: 11px;
    padding: 0 5px; text-transform: uppercase; 
    font-family:"Trebuchet MS", Arial, sans-serif;}
.btnForm {margin-left: 5px;}

/******************************************************************* conseils beauté */

.pageConseils #presentation {
    width: 796px; height: 329px; position: relative;
    background: transparent url(../../images/visuelConseilsBeaute.jpg) no-repeat;
    border-bottom: 1px #fff solid;}
.pageConseils #presentation p {
    width: 400px; position: absolute; left: 370px; top: 140px;
    font-size: 15px; color: #fff;}

.pageConseils #content {
    border-top: 14px #BCDBFF solid;
    width: 796px;}
    
#visuelConseil {float: left; border-top: 1px #fff solid;}
    
.pageConseils #mainContent h1 {
    font-size: 20px; font-weight: normal; color: #6193D0; 
    text-transform: uppercase; 
    padding: 15px 0 0 30px; background-color: #FFF3DE; }
.pageConseils #mainContent h6 {
    font-size: 10px; color: #6193D0; text-transform: uppercase; 
    padding: 0 0 15px 30px; background-color: #FFF3DE; }
    
.listeConseils {padding: 15px 30px;}
.listeConseils ul {list-style: none;}
.listeConseils ul li {padding-bottom: 6px;}
.listeConseils ul li a {
    text-transform: uppercase; font-weight: bold; 
    color: #012494; text-decoration: none; padding-left: 15px;
    background: transparent url(../../images/puceRose.gif) no-repeat 0 4px;}

/******************* fiche conseil */

#pageFicheConseils #content {border-top: 0;}
#pageFicheConseils #content p {margin-bottom: 10px;}
#pageFicheConseils #lnk {margin-left: 0; border-bottom: 14px #BCDBFF solid;}

#introConseils {
    width: 788px; height: 78px; padding: 4px;
    background: transparent url(../../images/bgIntroConseils.gif) repeat-x;
    margin-bottom: 20px;}
#introConseils img {border: 1px #fff solid; float: left; margin: 0 15px 0 15px;}
#introConseils h4 {font-size: 15px; margin-top: 20px;}

#pageFicheConseils .panel,
#pageFicheConseils #tabs {margin-left: 0;}
#pageFicheConseils .panel {padding: 0 200px;}
#pageFicheConseils #tabs a.active-tab {background-position: 0 -22px; z-index: 5;}

#pageFicheConseils #tabs {margin-top: 30px;}

/***************************************************** contacts */

#blocSearchMail {border: 0; margin: 20px;}
#blocSearchMail p {width: 450px; float: left;}
#blocSearchMail .lineForm {width: 300px; float: left;}
#blocSearchMail legend {text-transform: uppercase; color: #0C3591; font-weight: bold; margin-bottom: 5px;}
#blocSearchMail label {font-weight: bold; padding-right: 5px;}

#blocForm {background-color: #FFF3DE; border: 0; border-top: 14px #BCDBFF solid; padding: 20px;}
#blocForm .lineForm label {display: block; float: left; text-align: right; width: 160px; padding-right: 3px;}
#blocForm .lineForm,
#blocForm .marge {margin-bottom: 8px;}
#blocForm .marge {margin-left: 163px;}
#blocForm .lineForm select {width: 100px;}
#blocForm .lineForm input {width: 180px;}
#blocForm textarea {width: 420px; height: 80px;}

.colFormB {width: 375px; float: left;}

#blocFaireDecouvrir {background-color: #6FB0FF; padding: 10px; color: #fff; margin-bottom: 10px;}
#blocFaireDecouvrir h4 {font-size: 12px; margin-bottom: 5px;}
#blocFaireDecouvrir a {text-decoration: none; color: #fff; font-weight: bold;}

#pageFaireDecouvrir #introDiag p {font-size: 11px; line-height: 13px;}

#otherFriend2,
#otherFriend3 {border-top: 1px #fff dotted; padding-top: 5px;}

#pageChoixContact #mainContent fieldset {
    border: 0; border-top: 14px #BCDBFF solid; 
    background-color: #FFF3DE; padding: 20px;}
#pageChoixContact #mainContent fieldset input {margin-right: 5px;}
#pageChoixContact #mainContent fieldset .lineForm {margin-bottom: 10px;}
#pageChoixContact #mainContent fieldset .btnForm {margin-left: 350px;}

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

.pageActualites #mainContent h1 {
    background-color: #FFF3DE; font-size: 13px; text-transform: uppercase;
    text-align: center; padding: 15px 0; font-weight: normal;
    border-bottom: 14px #BCDBFF solid;}
.pageActualites #mainContent p {margin-bottom: 10px;}
.pageActualites #content {width: 756px; padding: 20px;}


#blocInfo {background-color: #FFF3DE; border-top: 14px #BCDBFF solid; clear: both; padding: 10px 15px;}

/********************************************************* Lexique */

#alphabet {list-style: none; background-color: #FFF3DE; height: 25px; padding: 15px 0 10px 0; border-top: 14px #BCDBFF solid; padding-left: 14px; margin-bottom: 15px;}
#alphabet li {float: left; width: 30px; height: 25px; text-align: center; font-size: 15px; color: #D8D4D2; font-weight: bold;}
#alphabet li a {display: block; width: 20px; height: 25px; color: #0C3591; text-decoration: none;}
#alphabet li a:hover {background: transparent url(../../images/bgBtnAlphabet.gif) no-repeat; color: #fff;}

.definition {margin-bottom: 15px;}
.definition h4 a {color: #6193D0; text-decoration: none; font-size: 15px;}

/********************************************************* Brochures */

.pageBrochures h3 {border-bottom: 14px #BCDBFF solid;}
.pageBrochures fieldset {
    background-color: #FFF3DE;
    border: 0; padding: 25px 30px;}
.pageBrochures fieldset .lineForm {margin-bottom: 10px;}

#listeBrochures {list-style: none; margin: 20px 0 20px 0;}
#listeBrochures li {margin-bottom: 5px;}
#listeBrochures li a {
    color: #0C3591; text-decoration: none; display: block; padding-left: 20px;
    background: transparent url(../../images/pictoPdf.png) no-repeat; padding-bottom: 6px;
    border-bottom: 1px #FFF3DE solid;}
#listeBrochures li a:hover,
#listeBrochures li a:hover span {border-bottom: 1px #0C3591 solid; display: block;}
#listeBrochures li a span { float: right; display: none;}
#listeBrochures li a span img {border: 0;}

/********************************************************* Pages corpo */

.pageCorporate #mainContent p {margin-bottom: 10px;}
.pageCorporate #mainContent {color: #000;}

.pageCorporate #contentCorpo h4 {
    color: #6193D0; font-size: 11px; padding-left: 15px;
    margin-bottom: 10px; background: transparent url(../../images/puceRose.gif) no-repeat 0 3px; }

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

#introCorpo,
#contentCorpo {padding: 20px 45px 10px 45px;}

#introCorpo {background-color: #FFF3DE;}
#introCorpo h1 {font-size: 18px; text-transform: uppercase; margin-bottom: 10px; color: #012494;}

#contentCorpo {background-color: #fff;}

#pagination {list-style: none; height: 14px; background-color: #BCDBFF;}
#pagination li {float: left; width: 398px; padding-top: 2px;}
#pagination li a {display: block; width: 121px; height: 10px;}
#pagination li a span {display: none;}
#pagination li#btnPrecedent a {background: transparent url(../../images/btnPrecedent.gif) no-repeat; margin-left: 45px;}
#pagination li#btnSuivant a {background: transparent url(../../images/btnSuivant.gif) no-repeat; margin-left: 230px;}

ul#accesGeo {list-style: none; float: right;}
ul#accesGeo li {float: left; margin-right: 10px;}
ul#accesGeo li img {border: 0;}

#pageOrigines ul.listeChiffres,
#pageExpertise ul.listeChiffres {margin-bottom: 10px;}
#pageOrigines ul.listeChiffres li,
#pageExpertise ul.listeChiffres li {margin-bottom: 0;}

#blocDD {
    width: 681px; height: 297px; padding: 15px 30px;
    background: transparent url(../../images/bgBlocDD.jpg) no-repeat;
    color: #000;}
#blocDD h4 {color: #fff !important; font-size: 12px !important; background-image: url(../../images/puceDD.gif) !important;}

#blocRelax {
    color: #fff; font-size: 12px; width: 658px; height: 83px; 
    background: transparent url(../../images/bgBlocRelax.gif) no-repeat;
    padding: 8px 20px;}

#pageMentions #mainContent p {margin-bottom: 10px;}
#pageMentions #mainContent h4 {
    background: transparent url(../../images/puceRose.gif) no-repeat 0 4px; 
    padding-left: 12px; margin-bottom: 5px;
    font-size: 12px;}

.validation-advice {color: #cc0000; font-weight: bold; margin-left: 5px;}

#popupContent {width: 510px; margin: 6px auto 0 auto;}  
#popupContent a {
        float: right; 
        text-decoration: none; 
        display: block; font-weight: bold;
        height: 18px; padding-left: 20px;
        line-height: 18px; 
        background: transparent url(../../images/pictoPdf.png) no-repeat;}
#popupContent h1 {font-size: 18px; margin-bottom: 10px;}

#popupContent ol {margin-left: 50px;}

/******************************* Plan du site */

#pagePlanSite #mainContent .bloc {float: none; width: auto; clear: both;}
#pagePlanSite #mainContent .bloc img {float: left; margin-right: 10px; margin-bottom: 30px; border: 1px #012494 solid;}
#pagePlanSite #mainContent #blocActus {width: 390px; float: right;}

#pagePlanSite #mainContent ul {list-style: none;}

#pagePlanSite #mainContent ul.navPlan {float: left; width: 200px;}

#pagePlanSite #mainContent ul.navPlan ul {margin-left: 20px; margin-bottom: 15px;} 
#pagePlanSite #mainContent ul.navPlan li a,
#pagePlanSite #mainContent ul.navPlan li#autres ul li a {
    text-decoration: none; font-weight: bold; 
    padding-bottom: 5px; display: block;
    text-transform: uppercase; background: transparent url(../../images/puceRose.gif) no-repeat 0 3px;
    padding-left: 12px;}
#pagePlanSite #mainContent ul.navPlan ul li a {
    font-weight: normal;text-transform: none;
    padding-left: 0;
    background-image: none;}
#pagePlanSite #mainContent ul.navPlan ul li {float: none; width: auto;}
#pagePlanSite #mainContent ul.navPlan li#autres {margin-top: 20px;}
#pagePlanSite #mainContent ul.navPlan li#autres ul {margin-left: 0;}

#errMsg {padding-bottom: 10px; text-align: center; color: #cc0000; font-weight: bold;}
.mentions {padding-top: 10px;}