body { background:#20232f; }


#principal
{
	background:transparent url("bg-01.png") repeat-y;
}
#situation p,
#situation p a
{
	color:#8a8d94;
}
#header
{
	background:#20232f;
}
#header .lefthead
{
	background:url('arrondi.png') no-repeat;
}
#header .righthead
{
	background:url('gradient-02.png') bottom left repeat-x;
}
#header .righthead .illus
{
	background:url('img-01.png') bottom left no-repeat;
}
#header .righthead .arrondi
{
	background:#20232f url('gradient-02-end.png') bottom left no-repeat;
}
#gauche ul li ul,
#gauche ul li ul li ul
{
	background:#60636d;
}
/*-----------------Piscines 	*/
/*---------

Les codes attribués 11 12 13 121 131 
dépendent de la position d'intégration
initiale dans le html

---------*/
#gauche ul li a.entree1 { background:url('n-menu.png') 0 0 no-repeat; }
#gauche ul li a.entree1:hover { background:url('n-menu.png') -217px 0 no-repeat; }
#gauche ul li a.entree1_on { background:url('n-menu.png') -434px 0 no-repeat; }

#gauche ul li span.separator1,
#gauche ul li span.separator2,
#gauche ul li span.separator3,
#gauche ul li span.entree11, /* a virer plus tard */
#gauche ul li span.entree12 /* a virer plus tard */
{
	position:relative;
	display:block;
	height:20px;
	width:217px;
	/*left:4px;*/
}
#gauche ul li span.separator1 span,
#gauche ul li span.separator2 span,
#gauche ul li span.separator3 span,
#gauche ul li span.entree11 span, /* a virer plus tard */
#gauche ul li span.entree12 span /* a virer plus tard */
{
	display:none;
}
#gauche ul li span.entree11 { background:url('n-menu-titre.png') 0 0px no-repeat; } /* a virer plus tard */
#gauche ul li span.entree12 { background:url('n-menu-titre.png') 0 -20px no-repeat; } /* a virer plus tard */
#gauche ul li span.separator1 { background:url('n-menu-titre.png') 0 0px no-repeat; }
#gauche ul li span.separator2 { background:url('n-menu-titre.png') 0 -20px no-repeat; }
#gauche ul li span.separator3 { background:url('n-menu-titre.png') 0 -40px no-repeat; }






#gauche ul li a.entree111 { background:url('n-ssmenu-01.png') 0 0px no-repeat; }
#gauche ul li a.entree111:hover { background:url('n-ssmenu-01.png') -217px 0px no-repeat; }
#gauche ul li a.entree111_on { background:url('n-ssmenu-01.png') -434px 0px no-repeat; }
#gauche ul li a.entree112 { background:url('n-ssmenu-01.png') 0 -30px no-repeat; }
#gauche ul li a.entree112:hover { background:url('n-ssmenu-01.png') -217px -30px no-repeat; }
#gauche ul li a.entree112_on { background:url('n-ssmenu-01.png') -434px -30px no-repeat; }
/*-------Ajout CC intérieur*/
#gauche ul li a.entree113 { background:url('n-ssmenu-01.png') 0 -60px no-repeat; }
#gauche ul li a.entree113:hover { background:url('n-ssmenu-01.png') -217px -60px no-repeat; }
#gauche ul li a.entree113_on { background:url('n-ssmenu-01.png') -434px -60px no-repeat; }
/*--------*/

#gauche ul li a.entree121 { background:url('n-ssmenu-01.png') 0 -90px no-repeat; }
#gauche ul li a.entree121:hover { background:url('n-ssmenu-01.png') -217px -90px no-repeat; }
#gauche ul li a.entree121_on { background:url('n-ssmenu-01.png') -434px -90px no-repeat; }
#gauche ul li a.entree122 { background:url('n-ssmenu-01.png') 0 -120px no-repeat; }
#gauche ul li a.entree122:hover { background:url('n-ssmenu-01.png') -217px -120px no-repeat; }
#gauche ul li a.entree122_on { background:url('n-ssmenu-01.png') -434px -120px no-repeat; }
#gauche ul li a.entree123 { background:url('n-ssmenu-01.png') 0 -150px no-repeat; }
#gauche ul li a.entree123:hover { background:url('n-ssmenu-01.png') -217px -150px no-repeat; }
#gauche ul li a.entree123_on { background:url('n-ssmenu-01.png') -434px -150px no-repeat; }
#gauche ul li a.entree124 { background:url('n-ssmenu-01.png') 0 -180px no-repeat; }
#gauche ul li a.entree124:hover { background:url('n-ssmenu-01.png') -217px -180px no-repeat; }
#gauche ul li a.entree124_on { background:url('n-ssmenu-01.png') -434px -180px no-repeat; }
/*-----------------Spas saunas Hammams	*/
#gauche ul li a.entree2 { background:url('n-menu.png') 0 -30px no-repeat; }
#gauche ul li a.entree2:hover { background:url('n-menu.png') -217px -30px no-repeat; }
#gauche ul li a.entree2_on { background:url('n-menu.png') -434px -30px no-repeat; }
#gauche ul li a.entree21 { background:url('n-ssmenu-02.png') 0 0 no-repeat; }
#gauche ul li a.entree21:hover { background:url('n-ssmenu-02.png') -217px 0 no-repeat; }
#gauche ul li a.entree21_on { background:url('n-ssmenu-02.png') -434px 0 no-repeat; }
#gauche ul li a.entree22 { background:url('n-ssmenu-02.png') 0 -90px no-repeat; }
#gauche ul li a.entree22:hover { background:url('n-ssmenu-02.png') -217px -90px no-repeat; }
#gauche ul li a.entree22_on { background:url('n-ssmenu-02.png') -434px -90px no-repeat; }
#gauche ul li a.entree23 { background:url('n-ssmenu-02.png') 0 -120px no-repeat; }
#gauche ul li a.entree23:hover { background:url('n-ssmenu-02.png') -217px -120px no-repeat; }
#gauche ul li a.entree23_on { background:url('n-ssmenu-02.png') -434px -120px no-repeat; }
/*-------Ajout Spas Sanum et Limelight*/
#gauche ul li a.entree24 { background:url('n-ssmenu-02.png') 0 -30px no-repeat; }
#gauche ul li a.entree24:hover { background:url('n-ssmenu-02.png') -217px -30px no-repeat; }
#gauche ul li a.entree24_on { background:url('n-ssmenu-02.png') -434px -30px no-repeat; }
#gauche ul li a.entree25 { background:url('n-ssmenu-02.png') 0 -60px no-repeat; }
#gauche ul li a.entree25:hover { background:url('n-ssmenu-02.png') -217px -60px no-repeat; }
#gauche ul li a.entree25_on { background:url('n-ssmenu-02.png') -434px -60px no-repeat; }
/*-------*/

/*-----------------Produits accessoires	*/
#gauche ul li a.entree3 { background:url('n-menu.png') 0 -60px no-repeat; }
#gauche ul li a.entree3:hover { background:url('n-menu.png') -217px -60px no-repeat; }
#gauche ul li a.entree3_on { background:url('n-menu.png') -434px -60px no-repeat; }
/*-------Ajout Robot piscine*/
#gauche ul li a.entree31 { background:url('n-ssmenu-03.png') 0 0 no-repeat; }
#gauche ul li a.entree31:hover { background:url('n-ssmenu-03.png') -217px 0 no-repeat; }
#gauche ul li a.entree31_on { background:url('n-ssmenu-03.png') -434px 0 no-repeat; }
/*--------*/

/* #### AJOUT 2009 #### */

#gauche ul li a.mbtn06 { background:url('n-menu.png') 0 -150px no-repeat; }
#gauche ul li a.mbtn07 { background:url('n-menu.png') 0 -180px no-repeat; }
#gauche ul li a.mbtn08 { background:url('n-menu.png') 0 -210px no-repeat; }

#gauche ul li a.mbtn06:hover { background:url('n-menu.png') -217px -150px no-repeat; }
#gauche ul li a.mbtn07:hover { background:url('n-menu.png') -217px -180px no-repeat; }
#gauche ul li a.mbtn08:hover { background:url('n-menu.png') -217px -210px no-repeat; }

#gauche ul li a.mbtn06_on { background:url('n-menu.png') -434px -150px no-repeat; }
#gauche ul li a.mbtn07_on { background:url('n-menu.png') -434px -180px no-repeat; }
#gauche ul li a.mbtn08_on { background:url('n-menu.png') -434px -210px no-repeat; }


#gauche ul li a.btn05 { background:url('n-ssmenu-01.png') 0 -120px no-repeat; }
#gauche ul li a.btn06 { background:url('n-ssmenu-01.png') 0 -150px no-repeat; }
#gauche ul li a.btn07 { background:url('n-ssmenu-01.png') 0 -180px no-repeat; }
#gauche ul li a.btn08 { background:url('n-ssmenu-01.png') 0 -210px no-repeat; }
#gauche ul li a.btn09 { background:url('n-ssmenu-01.png') 0 -240px no-repeat; }
#gauche ul li a.btn10 { background:url('n-ssmenu-01.png') 0 -270px no-repeat; }
#gauche ul li a.btn11 { background:url('n-ssmenu-01.png') 0 -300px no-repeat; }
#gauche ul li a.btn12 { background:url('n-ssmenu-01.png') 0 -330px no-repeat; }
#gauche ul li a.btn13 { background:url('n-ssmenu-01.png') 0 -360px no-repeat; }
#gauche ul li a.btn14 { background:url('n-ssmenu-01.png') 0 -390px no-repeat; }
#gauche ul li a.btn15 { background:url('n-ssmenu-01.png') 0 -420px no-repeat; }
#gauche ul li a.btn16 { background:url('n-ssmenu-01.png') 0 -450px no-repeat; }
#gauche ul li a.btn17 { background:url('n-ssmenu-01.png') 0 -480px no-repeat; }
#gauche ul li a.btn18 { background:url('n-ssmenu-01.png') 0 -510px no-repeat; }
#gauche ul li a.btn19 { background:url('n-ssmenu-01.png') 0 -540px no-repeat; }
#gauche ul li a.btn20 { background:url('n-ssmenu-01.png') 0 -570px no-repeat; }
#gauche ul li a.btn21 { background:url('n-ssmenu-01.png') 0 -600px no-repeat; }
#gauche ul li a.btn22 { background:url('n-ssmenu-01.png') 0 -630px no-repeat; }

#gauche ul li a.btn05:hover { background:url('n-ssmenu-01.png') -217px -120px no-repeat; }
#gauche ul li a.btn07:hover { background:url('n-ssmenu-01.png') -217px -150px no-repeat; }
#gauche ul li a.btn07:hover { background:url('n-ssmenu-01.png') -217px -180px no-repeat; }
#gauche ul li a.btn08:hover { background:url('n-ssmenu-01.png') -217px -210px no-repeat; }
#gauche ul li a.btn09:hover { background:url('n-ssmenu-01.png') -217px -240px no-repeat; }
#gauche ul li a.btn10:hover { background:url('n-ssmenu-01.png') -217px -270px no-repeat; }
#gauche ul li a.btn11:hover { background:url('n-ssmenu-01.png') -217px -300px no-repeat; }
#gauche ul li a.btn12:hover { background:url('n-ssmenu-01.png') -217px -330px no-repeat; }
#gauche ul li a.btn13:hover { background:url('n-ssmenu-01.png') -217px -360px no-repeat; }
#gauche ul li a.btn14:hover { background:url('n-ssmenu-01.png') -217px -390px no-repeat; }
#gauche ul li a.btn15:hover { background:url('n-ssmenu-01.png') -217px -420px no-repeat; }
#gauche ul li a.btn16:hover { background:url('n-ssmenu-01.png') -217px -450px no-repeat; }
#gauche ul li a.btn17:hover { background:url('n-ssmenu-01.png') -217px -480px no-repeat; }
#gauche ul li a.btn18:hover { background:url('n-ssmenu-01.png') -217px -510px no-repeat; }
#gauche ul li a.btn19:hover { background:url('n-ssmenu-01.png') -217px -540px no-repeat; }
#gauche ul li a.btn20:hover { background:url('n-ssmenu-01.png') -217px -570px no-repeat; }
#gauche ul li a.btn21:hover { background:url('n-ssmenu-01.png') -217px -600px no-repeat; }
#gauche ul li a.btn22:hover { background:url('n-ssmenu-01.png') -217px -630px no-repeat; }

#gauche ul li a.btn05_on { background:url('n-ssmenu-01.png') -434px -120px no-repeat; }
#gauche ul li a.btn06_on { background:url('n-ssmenu-01.png') -434px -150px no-repeat; }
#gauche ul li a.btn07_on { background:url('n-ssmenu-01.png') -434px -180px no-repeat; }
#gauche ul li a.btn08_on { background:url('n-ssmenu-01.png') -434px -210px no-repeat; }
#gauche ul li a.btn09_on { background:url('n-ssmenu-01.png') -434px -240px no-repeat; }
#gauche ul li a.btn10_on { background:url('n-ssmenu-01.png') -434px -270px no-repeat; }
#gauche ul li a.btn11_on { background:url('n-ssmenu-01.png') -434px -300px no-repeat; }
#gauche ul li a.btn12_on { background:url('n-ssmenu-01.png') -434px -330px no-repeat; }
#gauche ul li a.btn13_on { background:url('n-ssmenu-01.png') -434px -360px no-repeat; }
#gauche ul li a.btn14_on { background:url('n-ssmenu-01.png') -434px -390px no-repeat; }
#gauche ul li a.btn15_on { background:url('n-ssmenu-01.png') -434px -420px no-repeat; }
#gauche ul li a.btn16_on { background:url('n-ssmenu-01.png') -434px -450px no-repeat; }
#gauche ul li a.btn17_on { background:url('n-ssmenu-01.png') -434px -480px no-repeat; }
#gauche ul li a.btn18_on { background:url('n-ssmenu-01.png') -434px -510px no-repeat; }
#gauche ul li a.btn19_on { background:url('n-ssmenu-01.png') -434px -540px no-repeat; }
#gauche ul li a.btn20_on { background:url('n-ssmenu-01.png') -434px -570px no-repeat; }
#gauche ul li a.btn21_on { background:url('n-ssmenu-01.png') -434px -600px no-repeat; }
#gauche ul li a.btn22_on { background:url('n-ssmenu-01.png') -434px -630px no-repeat; }


/*-----------------Contact	*/
#gauche ul li a.entree4 { background:url('n-menu.png') 0 -90px no-repeat; }
#gauche ul li a.entree4:hover { background:url('n-menu.png') -217px -90px no-repeat; }
#gauche ul li a.entree4_on { background:url('n-menu.png') -434px -90px no-repeat; }

/*-----------------Galerie photo	*/ 
#gauche ul li a.entree5,
#gauche ul li .galerie
{
	background:url('n-menu.png') 0 -120px no-repeat;
	display:block;
	height:30px;
	width:217px;
}
#gauche ul li a.entree5:hover
{
	background:url('n-menu.png') -217px -120px no-repeat;
}
#gauche ul li a.entree5_on
{
	background:url('n-menu.png') -434px -120px no-repeat;
}
#gauche ul li ol li img
{
	border-color:#8a8d94;
}

#gauche div.page_photo .suiv,
#gauche div.page_photo .prec
{
	color:#fff;
	border-color:#999;
	background:#777;
}
#droite .ariane,
#droite .ariane a
{
	color:#8a8d94;
}
#droite .ariane a
{
	background:url('ariane.gif') center right no-repeat;
}
#droite .contenu h2,
#droite .contenu p strong
{
	color:#fff;
}
#droite .contenu h3
{
	color:#4993D0;
}
#droite .contenu h2:before 
{
	color:#4993d0;
}


#droite .contenu p.demarque
{
	background:#363944;
}
#droite .contenu p.demarque a
{
	color:#b9bcc1;
}
#droite .contenu p.demarque a:hover
{
	color:#fff;
}
#droite .contenu p.demarque img
{
	float:left;
	height:50px;
}
#droite .hotspring
{
	list-style-type:none;
	width:700px;
	float:left;
}
#droite .contenu .hotspring li
{
	width:190px;
	float:left;
	list-style-type:none;
}

#droite .documents a
{
	color:#b9bcc1;
}
#droite .contenu
{
	color:#b9bcc1;
}
#footer
{
	background:#20232f;
}
#droite  .photosillus .coulissant .contenu
{
	background-color:#20232f;
}