/* CSS Document */

	html, body {
	margin 			: 0px;
	padding 		: 0px;
	font-family 	: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 11px;
	height 			: 100%;
	background-color: #FFFFFF;
	background-image: url(../images/body_bg.gif);
	background-repeat: repeat-x;
	}

/* ---------------------------------------------------------------------------

	layout

--------------------------------------------------------------------------- */

	div#global {
	width : 1000px;
	margin : 0 auto;
	padding : 0;
	margin-top: 0px;
	background-image: url(../images/degrade_new.gif);
	background-repeat: repeat-y;
	}
	
	div#container {
	background-color: #FFFFFF;
	width: 990px;
	margin-left: 5px;
	}

/* ---------------------------------------------------------------------------
	
	=header

--------------------------------------------------------------------------- */

	div#bg-header {
	background-image : url(../images/bg_header.gif);
	width : 1000px;
	background-repeat : no-repeat;
	margin-left : -5px;
	}
	
	div#header {
	background-image : url(../images/bg_nav.gif);
	position : relative;
	width : 990px;
	margin-left : 5px;
	}
	
	#retour-accueil {
	display : block;
	width : 210px;
	height : 64px;
	background-image : url(../images/logo_azur.gif);
	}

	div#color-accueil {
	height : 20px;
	width : 990px;
	background-repeat: no-repeat;
	background-image: url(../images/rubrique_header_accueil.gif);
	background-color: #6B5D61;
	}
	
	div#color-institut {
	height : 20px;
	background-color : #d1bbaf;
	width : 990px;
	background-repeat: no-repeat;
	background-image: url(../images/rubrique_header_institut.gif);
	}
	
	div#color-beaute {
	height : 20px;
	background-color : #e89eb3;
	width : 990px;
	background-repeat: no-repeat;
	background-image: url(../images/rubrique_header_beaute.gif);
	}
	
	div#color-silhouette {
	height : 20px;
	background-color : #87D9E0;
	width : 990px;
	background-repeat: no-repeat;
	background-image: url(../images/rubrique_header_silhouette.gif);
	}
	
	div#color-detente {
	height : 20px;
	background-color : #FFAF02;
	width : 990px;
	background-repeat: no-repeat;
	background-image: url(../images/rubrique_header_detente.gif);
	}
	
	div#color-formules {
	height : 20px;
	background-color : #c3db3c;
	width : 990px;
	background-repeat: no-repeat;
	background-image: url(../images/rubrique_header_formules.gif);
	}
	
	div#color-contact {
	height : 20px;
	background-color : #b5ccf3;
	width : 990px;
	background-repeat: no-repeat;
	background-image: url(../images/rubrique_header_contact.gif);
	}

/* ---------------------------------------------------------------------------
	
	=content

--------------------------------------------------------------------------- */

	div#contenu {
	width: 990px;
	clear: both;
	background-color: #FFFFFF;
	}

	div#content {
	z-index: 0;
	margin-left: 20px;
	margin-right: 10px;
	line-height: 1.4;
	color: #666666;
	width: 640px;
	background-color: #FFFFFF;
	float: left;
	}

	div#content-single {
	z-index: 0;
	float: left;
	margin-left: 20px;
	margin-right: 10px;
	line-height: 1.4;
	color: #666666;
	width: 640px;
	margin-top: 5px;
	}

	div#content-accueil {
	z-index: 1;
	float: left;
	width: 670px;
	height: 365px !important;
	}
	
	div#main-content {
	padding : 0px;
	background-color: #FFFFFF;
	}
	
	#flashcontent {
	width		: 670px;
	height		: 370px;
	color		: #6B5D61;
	font-size	: 12px;
	float		: left;
	margin-top: -20px;
	}

	div#menu-rubrique {
	width: 670px;
	height: 180px;
	float: left;
	background-image: url(../images/bg_subnav.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	}
	
	div#menu-rubrique-single {
	width: 670px;
	height: 75px;
	float: left;
	background-image: url(../images/bg_subnav.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	}
	
	div#left {
	width : 320px;
	text-align : left;
	margin : 0px;
	float: left;
	background-color: #FFFFFF;
	}
	
	div#left .titrepage {
	width : 320px;
	height : 104px;
	background-color: #6B5D61;
	}
	
	div#left .titrepage-accueil {
	width : 320px;
	height : 30px;
	background-color: #6B5D61;
	}

	div#left .colonne {
	width : 320px;
	height: 100%;
	}
	
	div#left .image-accueil {
	background-image: url(../images/bg_left_accueil2.gif);
	background-repeat: no-repeat;
	height: 363px;
	background-color: #6B5D61;
	}

	div#left .image-institut {
	background-image: url(../images/bg_left_institut.jpg);
	background-repeat: no-repeat;
	height: 363px;
	}
	
	div#left .image-beaute {
	background-image: url(../images/bg_left_beaute.jpg);
	background-repeat: no-repeat;
	height: 363px;
	}
	
	div#left .image-hommes {
	background-image: url(../images/bg_left_hommes.jpg);
	background-repeat: no-repeat;
	height: 363px;
	}
	
	div#left .image-esthetique {
	background-image: url(../images/bg_test.jpg);
	background-repeat: no-repeat;
	height: 363px;
	}
	
	div#left .image-silhouette {
	background-image: url(../images/bg_left_silhouette.jpg);
	background-repeat: no-repeat;
	height: 363px;
	}
	
	div#left .image-detente {
	background-image: url(../images/bg_left_detente.jpg);
	background-repeat: no-repeat;
	height: 363px;
	}
	
	div#left .image-formules {
	background-image: url(../images/bg_left_formules.jpg);
	background-repeat: no-repeat;
	height: 363px;
	}
	
	div#left .image-contact
	{
	background-image: url(../images/bg_left_contact.jpg);
	background-repeat: no-repeat;
	height: 363px;
	}
	
	div#left .image-cadeaux
	{
	background-image: url(../images/bg_left_cadeaux.jpg);
	background-repeat: no-repeat;
	height: 363px;
	}
	
	div#left .news {
	padding-left: 20px;
	color: #FFFFFF;
	padding-right: 20px;
	background-image: url(../images/bg_footer_actus.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #AD556E;
	width: 266px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 15px;
	min-height: 180px !important;
	}
div#left .accueil {
	padding-left: 20px;
	padding-top: 10px;
	background-color: #6B5D61;
	color: #CCC4C6;

}

	
	div#left .news-titre {
	background-image: url(../images/T_offre_moment.gif);
	background-repeat: no-repeat;
	width: 212px;
	height: 16px;
	margin-top: 0!important;
	margin-top: 2px;
	margin-bottom: 10px;
	}
	
	#video {
	float: left;
	position: absolute;
	}

	#video p {
	margin-bottom: 0px;
	position: relative;
	border-bottom-color: #E89EB3;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding-bottom: 5px;
	text-align: right;
	}
	
	#video p img {
	left: 0px;
	position: absolute;
	}
	
	#video a {
	background-color: #ECE3DF;
	display: block;
	height: 58px;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 10px;
	}
	
	#video a:hover {
	background-color: #AE566E;
	color: #FFFFFF;
	}
	
/* ---------------------------------------------------------------------------
	
	=footer

--------------------------------------------------------------------------- */


	div#footer
	{
	width : 1000px;
	background-image: url(../images/bg_footer.gif);
	float: left;
	margin-left: -5px;
	background-repeat: no-repeat;
	height: 80px;
	color: #E89EB3;
	color: #985A6C;
	color: #009966;
	color: #333366;
	}

	div#footer-bottom
	{
	width : 1000px;
	height: 60px;
	float: left;
	margin-left: -5px;
	background-color: #FFFFFF;
	padding-top: 10px;
	}
	
	div#copyright
	{
	float: left;
	text-align: left;
	background-color: #FFFFFF;
	color: #B5BBC1;
	margin-left: 25px;
	margin-top: 40px;
	line-height: 1.4;
	font-weight: normal;
	}
	
	div#copyright a
	{
	color: #B5BBC1;
	}
	
	div#copyright a:hover
	{
	color: #78838D;
	}
	
/* ---------------------------------------------------------------------------
	
	=images

--------------------------------------------------------------------------- */

	.img-shadow
	{
	background       : no-repeat bottom right;
	padding          : 0;
	background-image : url(../images/shadow.gif);
	float            : right;
	margin           : 5px;
	clear            : both;
	}
	
	.img-shadow img
	{
	display          : block;
	margin           : 0px 8px 8px 0px;
	padding          : 4px;
	border           : 1px solid #ddd;
	}
	
	.img-shadow-center {
	background       : no-repeat bottom right;
	padding          : 0;
	background-image : url(../images/shadow.gif);
	clear            : both;
	}
	
	.img-shadow-center img {
	display          : block;
	margin           : 0px 8px 8px 0px;
	padding          : 4px;
	border           : 1px solid #ddd;
	}

/* ---------------------------------------------------------------------------
	
	=links

--------------------------------------------------------------------------- */

	a:link, a:visited {
	color: #CC0099;
	text-decoration: underline;
	}
	
	a:hover, a:active {
	color: #AE566E;
	text-decoration: underline;
	}

	#infoplus a {
	color:#FFFFFF;
	font-size: 12px;
	text-decoration: none;
	display: block;
	width: 270px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom-color: #F6B3E5;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	margin-bottom: 20px;
	margin-top: 5px;
	}
	
	#infoplus a:hover {
	color:#F8C9EC;
	text-decoration: none;
	}
	
	#reservation a{ /* lien réservation colonne gauche */
	color:#FFFFFF;
	font-size: 12px;
	text-decoration: none;
	display: block;
	width: 150px;
	margin-top: 10px;
	background-image: url(../images/resa.gif);
	background-repeat: no-repeat;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-top: 10px;
	}
	
	#reservation a:hover {
	color:#F8C9EC;
	text-decoration: none;
	}
	
	a.liens:link {
	color:#EEBBCA;
	font-size: 12px;
	text-decoration: none;
	}
	
	a.liens:visited {
	color:#EEBBCA;
	}
	
	a.liens:active {
	color:#EEBBCA;
	}

	a.liens:hover {
	color:#AE566E;
	text-decoration: underline;
	}
	
	a.liens-presse:link{
	color: #E89EB3;
	font-weight: bold;
	display: block;
	border-bottom-color: #E89EB3;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding-bottom: 3px;
	font-size: 11px;
	text-decoration: none;
	padding-top: 3px;
	padding-left: 3px;
	}
	a.liens-presse:hover{
	color: #AE566E;
	display: block;
	background-color: #ECE3DF;
	padding-left: 10px;
	}
	a.liens-presse:visited{
	color: #E89EB3;
	font-weight: bold;
	display: block;
	border-bottom-color: #E89EB3;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding-bottom: 3px;
	font-size: 11px;
	text-decoration: none;
	padding-top: 3px;
	padding-left: 3px;
	}
	
	div#left .accueil a{
	color: #CCC4C6;
	text-decoration: none;
	}
	
	div#left .accueil a:hover{
	text-decoration: none;
	color: #FFFFFF;
}
	div#left .accueil a:active{
	text-decoration: none;
	color: #FFFFFF;
}

	div#left .accueil a:visited{
	text-decoration: underline;
}


	
/* ---------------------------------------------------------------------------
	
	= news

--------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------
	
	= styles

--------------------------------------------------------------------------- */

	ul, li {
	margin : 0;
	padding : 0;
	list-style-type : none;
	}
	
	h2 {
	font-size : 18px;
	color: #9F6576;
	border-bottom-color: #AD556E;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding-bottom: 5px;
	margin: 0;
	line-height: 1.1;
	font-family: Arial, Helvetica, sans-serif;
	}
	
	h3 {
	font-size: 12px;
	font-weight: bold;
	color: #AD556E;
	margin: 0 0 5px 0;
	border-bottom-color: #999999;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	}
	
	h4 {
	font-size : 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #9F6576;
	}
	
	p {
	margin: 0 0 0 0;
	}
	
	.legende {
	font-size: 11px;
	padding-top: 20px;
	font-style: italic;
	color: #A5A9B6;
	}

	.tarifs {
	color: #E89EB3;
	font-weight: bold;
	display: block;
	border-bottom-color: #E89EB3;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding-bottom: 3px;
	font-size: 11px;
	}
	
	.color-rouge {
		color: #AE566E;
		font-weight: bold;
	}

	
	.tarifs-esthetique {
		color: #AE566E;
		font-weight: bold;
		display: block;
		border-bottom-color: #E89EB3;
		border-bottom-style: dotted;
		border-bottom-width: 1px;
		padding-bottom: 3px;
		font-size: 11px;
	}

	.prix {
		background-image: url(../images/bg_prix.gif);
		background-repeat: no-repeat;
		float: right;
		text-align: left;
		color: #FFFFFF;
		font-weight: bold;
		font-size: 16px;
		padding-left: 20px;
		padding-top: 37px;
		padding-bottom: 18px;
		padding-right: 30px;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	.prix-sans{
		background-image: url(../images/bg_prix.gif);
		background-repeat: no-repeat;
		float: right;
		text-align: left;
		color: #6B5D61;
		font-weight: bold;
		font-size: 16px;
		padding-left: 20px;
		padding-top: 37px;
		padding-bottom: 18px;
		padding-right: 30px;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	.soins-duree
	{
		color: #E89EB3;
		font-weight: bold;
	}

	.titre-rubrique {
		font-size		: 12px;
		padding-bottom	: 10px;
	}
	
	.titre-rubrique-light {
		font-size		: 22px;
		color			: #AD556E;
		text-transform	: uppercase;
		font-family		: Arial, Helvetica, sans-serif;
	}
	
	.titre-rubrique-bold {
		font-size		: 22px;
		font-weight		: bold;
		text-transform	: uppercase;
		color			: #E89EB3;
	}
	
	div#bloc-cadeaux {
		font-size			: 12px;
		float				: left;
		color				: #666666;
		background-image	: url(../images/T_bons_cadeaux.gif);
		background-repeat	: no-repeat;
		padding-top			: 35px;
		margin-left			: 30px;
		margin-top			: 15px;
		font-family			: Arial, Helvetica, sans-serif;
		width				: 280px;
	}
	
	div#bloc-horaires {
		font-size			: 12px;
		width				: 300px;
		float				: left;
		color				: #666666;
		background-image	: url(../images/T_horaires.gif);
		background-repeat	: no-repeat;
		margin-left			: 20px;
		padding-top			: 35px;
		margin-top: 15px;
		font-family: Arial, Helvetica, sans-serif;
	}

	.table-partenaires {
		border-bottom-color: #AD556E;
		border-bottom-style: dotted;
		border-bottom-width: 1px;
	}

/* ---------------------------------------------------------------------------
	
	=form

--------------------------------------------------------------------------- */


	#inscription {
		margin: 1em;
		padding: 0;
		text-align: left;
		color: black;
		background: white;
		border: none;
		margin: 0;
		padding: 0;
		width: 640px;	/*** Largeur du formulaire ***/
	}
	
	#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
		font: bold 1.1em arial, hevetica, sans-serif;
		color: white;
		margin: 0;
		padding: 0.5em;
	}
	
	#piedForm {
		text-align: right;
	}
	
	#piedForm input {
		font-weight: bold;
		margin-left: 1em;
	}
	
	#corpForm {	/*** Mise en forme du corp du formulaire (bordure, couleur du fond...) ***/
		margin: 0;
		padding: 1em;
	}
	
	#corpForm fieldset {	/*** Mise en forme des cadres ***/
		margin: 0;
		font-style: normal;
		padding: 0 1em 1em;
		padding-left: 10px;
		margin: 10px;
	}
	
	#corpForm legend {	/*** Mise en forme des titres des cadres ***/
		font-weight: bold;
		color: #AD556E;
		background: transparent;
		font-weight: italic;
		font-size: 12px;
	}
	
	#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
		padding: .2em 0;
		margin: 0 0 .2em 0;
	}
	
	#corpForm fieldset#coordonnees label {	/*** Mise en forme des intitulés de champs ***/
		float: left;	/*** Très important, ne pas suprimer ! ***/
		width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
		text-align: right;	/*** ... et ils sont alignés à droite... ***/
		margin: 0;
		padding: 0 .5em 0 0;
		line-height: 1.8;	/*** ... et centrés verticalement. ***/
	}
	
	#corpForm label:hover, #piedForm input {
		cursor: pointer;
	}
	
	#corpForm label.oblig {
		font-weight: bold;
	}
	
	#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
		font-style: italic;
		color: #999999;
		background: transparent;
		margin: 0;
		padding: 0;
	}
	
	#corpForm a.aide {
		text-decoration: none;
	}
	#corpForm a.aide img {
		margin: 0;
		padding: 0;
		border: 0;
	}
	#corpForm a.aide:hover {
		cursor: help;
	}
	#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
		color: black;
		background-color: #F3F3F3;
	}
	#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
		background: white;
		color: black;
	}
	
	#corpForm .alerte {	/*** Mis en évidence des champs mal renseignés ***/
		border: 1px solid red;
	}
	#corpForm .messageAlerte {	/*** Mise en forme des message d'alerte ***/
		display: block;
		margin: 0 0 .3em .3em;
		padding-left: 2em;
		color: red;
		font-weight: bold;
		background: url('../images/icon_alert.gif') no-repeat left center;
	}