body {  
    background-color:white;
    background-image:url(../images/fond.gif);
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #5c5a5a; 
    margin:0; 
    padding:0; 
}

.tableauphotogauche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5c5a5a;
    background-image:url(../images/interf_generale/fond_bordphotogauche.gif);
	background-color: #FFFFFF;
    height: 100%;
}

.tableaubordphotogamme {
    background-image:url(../images/menu_interf/fond_photomenu.gif);
	background-color: #FFFFFF;
    height: 100%;
}

.fondbandeau {
    background-image:url(../images/fond_bandeau_haut.gif);
    background-repeat: repeat-x;
}

/*----- TEXTE -----*/
.text {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #5c5a5a;
}

.gras {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #5c5a5a;
    font-weight: bold;
}

.textgdgras {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 13px; 
    color: #5c5a5a;
    font-weight: bold;
}

.textbleufonce {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #1B2E5D;
}

.textbleufoncegras {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #1B2E5D;
    font-weight: bold; 
}

.textbleuclair {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #4F91CD;
}

.textsauna {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #A73517;
    font-weight: bold; 
}

.textsaunaclair {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #A73517;
}

.texthammam {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #8BA213;
    font-weight: bold; 
}

.texthammamclair {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #8BA213;
}

.textspa {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #4B9598;
    font-weight: bold; 
}

.textspaclair {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #4B9598;
}

.textsterylane {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #8D8353;
    font-weight: bold; 
}

.textsterylaneclair {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #8D8353;
}

.textnuage {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #156970;
    font-weight: bold; 
}

.textnuageclair {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #156970;
}

.textvert {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #77A83B;
}

.textrouge {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #bc3434;
}

/*----- LIENS -----*/
a.lienvert:visited {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #45A119;
    text-decoration: none;
}
a.lienvert:link {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #45A119;
    text-decoration: none; 
}
a.lienvert:hover {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #3B696F;
    text-decoration: none; 
}
a.lienvert:active {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #45A119;
    text-decoration: none; 
}

a.lienbleu:visited {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #3B696F;
    text-decoration: none;
}
a.lienbleu:link {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #3B696F;
    text-decoration: none; 
}
a.lienbleu:hover {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #45A119;
    text-decoration: none; 
}
a.lienbleu:active {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #3B696F;
    text-decoration: none; 
}

a.lienbalneo:visited {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #4A88A3; 
    font-weight: bold; 
    text-decoration: none;
}
a.lienbalneo:link {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #4A88A3; 
    font-weight: bold; 
    text-decoration: none; 
}
a.lienbalneo:hover {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #77A83B; 
    font-weight: bold; 
    text-decoration: none; 
}
a.lienbalneo:active {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #4A88A3; 
    font-weight: bold; 
    text-decoration: none; 
}

a.liensauna:visited {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #A73517; 
    font-weight: bold; 
    text-decoration: none;
}
a.liensauna:link {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #A73517; 
    font-weight: bold; 
    text-decoration: none; 
}
a.liensauna:hover {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #77A83B; 
    font-weight: bold; 
    text-decoration: none; 
}
a.liensauna:active {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #A73517; 
    font-weight: bold; 
    text-decoration: none; 
}

a.lienhammam:visited {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #8BA213; 
    font-weight: bold; 
    text-decoration: none;
}
a.lienhammam:link {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #8BA213; 
    font-weight: bold; 
    text-decoration: none; 
}
a.lienhammam:hover {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #77A83B; 
    font-weight: bold; 
    text-decoration: none; 
}
a.lienhammam:active {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #8BA213; 
    font-weight: bold; 
    text-decoration: none; 
}

a.lienspa:visited {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #4B9598; 
    font-weight: bold; 
    text-decoration: none;
}
a.lienspa:link {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #4B9598; 
    font-weight: bold; 
    text-decoration: none; 
}
a.lienspa:hover {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #77A83B; 
    font-weight: bold; 
    text-decoration: none; 
}
a.lienspa:active {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #4B9598; 
    font-weight: bold; 
    text-decoration: none; 
}

a.liensterylane:visited {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #8D8353; 
    font-weight: bold; 
    text-decoration: none;
}
a.liensterylane:link {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #8D8353; 
    font-weight: bold; 
    text-decoration: none; 
}
a.liensterylane:hover {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #77A83B; 
    font-weight: bold; 
    text-decoration: none; 
}
a.liensterylane:active {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #8D8353; 
    font-weight: bold; 
    text-decoration: none; 
}

a.liennuage:visited {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #156970; 
    font-weight: bold; 
    text-decoration: none;
}
a.liennuage:link {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #156970; 
    font-weight: bold; 
    text-decoration: none; 
}
a.liennuage:hover {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #77A83B; 
    font-weight: bold; 
    text-decoration: none; 
}
a.liennuage:active {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #156970; 
    font-weight: bold; 
    text-decoration: none; 
}
/*----- ESPACES -----*/
.espacepanier {
    padding-top: 13px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 72px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5c5a5a;
}

.espacephotoproduit {
    padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5c5a5a;
}

.espaceproduit {
    padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5c5a5a;
}

.espacecontenu {
    padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 1px;
	padding-left: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5c5a5a;
}

.espacerubriqueslistingprod {
    padding-top: 8px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5c5a5a;
}

/*----- CHAMPS FORMULAIRES -----*/
.champs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5c5a5a;
    background: #FFFFFF;
	border: #3B696F;
    border-style: solid; 
    border-top-width: 1px; 
    border-right-width: 1px; 
    border-bottom-width: 1px; 
    border-left-width: 1px;
}

/*----- BORDURES -----*/
.tablegris {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #5c5a5a;
    border: #5c5a5a; 
    border-style: solid;
    border-top-width: 1px; 
    border-right-width: 1px; 
    border-bottom-width: 1px; 
    border-left-width: 1px;    
}

.bordergauchehautbas {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #5c5a5a;
    border: #5c5a5a; 
    border-style: solid;
    border-top-width: 1px; 
    border-right-width: 0px; 
    border-bottom-width: 1px; 
    border-left-width: 1px;    
}

.bordergauchebas {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #5c5a5a;
    border: #5c5a5a; 
    border-style: solid;
    border-top-width: 0px; 
    border-right-width: 0px; 
    border-bottom-width: 1px; 
    border-left-width: 1px;    
}

.bordergauchebasdroite {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #5c5a5a;
    border: #5c5a5a; 
    border-style: solid;
    border-top-width: 0px; 
    border-right-width: 1px; 
    border-bottom-width: 1px; 
    border-left-width: 1px;    
}

/*----- FONDS -----*/
.fondvert {
    background: #dbebc7;   
}

.fondproduit {
    background-image:url(../images/gammes/fond_produit.gif);
    background-repeat: no-repeat;
}
/* =================================================================== */
img {margin:0px;padding:0px}
#Box02 .CBG, #Box01 .CBG, #Box03 .CBG{padding:12px;margin:0px;width:246px;height:690px}
#Box02, #Box03{display:none}
#Box01{ background-image:url(../images/contenu/box1MIDDLE.gif);background-repeat:repeat-y;}
#Box02{ background-image:url(../images/contenu/box1MIDDLE.gif);background-repeat:repeat-y;}
#Box03{ background-image:url(../images/contenu/box1MIDDLE.gif);background-repeat:repeat-y;}
#Box01 .CBG{background-image:url(../images/contenu/box1BG.gif); background-position:left top; background-repeat:no-repeat;}
#Box02 .CBG{ background-image:url(../images/contenu/box1BG.gif); background-position:left 221px; background-repeat:no-repeat}
#Box03 .CBG{ background-image:url(../images/contenu/box1BG.gif); background-position:left 444px; background-repeat:no-repeat}
.BoxBG{width:270px;margin:0px;padding:0px;}


#BTbox1 a{position:absolute;z-index:1001;display:block;background-image:url(../images/contenu/box1OG1.gif); background-position:right top; background-repeat:no-repeat;width:180px;height:222px;margin-left:-180px;margin-top:34px}
#BTbox2 a{position:absolute;z-index:1000;display:block;background-image:url(../images/contenu/box1OG2.gif); background-position:right top; background-repeat:no-repeat;width:180px;height:222px;margin-left:-180px;margin-top:256px}
#BTbox3 a{position:absolute;z-index:999;display:block;background-image:url(../images/contenu/box1OG3.gif); background-position:right top; background-repeat:no-repeat;width:180px;height:222px;margin-left:-180px;margin-top:478px}

#BTbox1.select a{display:block;background-image:url(../images/contenu/box1OG1_select.gif); background-position:right top; background-repeat:no-repeat;width:180px;height:222px;margin-left:-180px;margin-top:34px}
#BTbox2.select a{display:block;background-image:url(../images/contenu/box1OG2_select.gif); background-position:right top; background-repeat:no-repeat;width:180px;height:222px;margin-left:-180px;margin-top:256px}
#BTbox3.select a{display:block;background-image:url(../images/contenu/box1OG3_select.gif); background-position:right top; background-repeat:no-repeat;width:180px;height:222px;margin-left:-180px;margin-top:478px}

#BTbox1 a:hover {display:block;background-image:url(../images/contenu/box1OG1_select.gif); background-position:right top; background-repeat:no-repeat;width:180px;height:222px;margin-left:-180px;margin-top:34px}
#BTbox2 a:hover {display:block;background-image:url(../images/contenu/box1OG2_select.gif); background-position:right top; background-repeat:no-repeat;width:180px;height:222px;margin-left:-180px;margin-top:256px}
#BTbox3 a:hover {display:block;background-image:url(../images/contenu/box1OG3_select.gif); background-position:right top; background-repeat:no-repeat;width:180px;height:222px;margin-left:-180px;margin-top:478px}

* html #BTbox1 a, * html #BTbox1.select a, * html #BTbox1 a:hover{margin-top:34px} /* pour ie 6 et inférieur */
* html #BTbox2 a, * html #BTbox2.select a, * html #BTbox2 a:hover{margin-top:256px} /* pour ie 6 et inférieur */
* html #BTbox3 a, * html #BTbox3.select a, * html #BTbox3 a:hover{margin-top:478px} /* pour ie 6 et inférieur */
*+html #BTbox1 a, *+html #BTbox1.select a, *+html #BTbox1 a:hover{margin-top:35px} /* pour ie 7 et inférieur */
*+html #BTbox2 a, *+html #BTbox2.select a, *+html #BTbox2 a:hover{margin-top:256px} /* pour ie 7 et inférieur */
*+html #BTbox3 a, *+html #BTbox3.select a, *+html #BTbox3 a:hover{margin-top:478px} /* pour ie 7 et inférieur */

.titrevert{font-family: "Times New Roman",Times,serif;font-size: 24px;color: #7ea82b;}

/* */
.dlpdf img{margin:0px}
.dlpdf ul {list-style:none;margin:0px;padding:0px;}
.dlpdf li{margin:0px;padding:0px;}
.dlpdf ul a{color:#bcbcbc; font-size:12px;font-family:Arial, Helvetica, sans-serif; text-decoration:none;padding:3px 0px 3px 5px;margin:0px;}
.dlpdf ul a:hover{color:#ea4f4f;font-size:12px; font-family:Arial, Helvetica, sans-serif;text-decoration:none;padding:3px 0px 3px 5px;}
