@charset "UTF-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	text-align:center;
	background:#d9c2a8 url(../images/background2.jpg) top center no-repeat;
	font-family:Verdana, arial, sans-serif;
}


/* DEBUT ATTRIBUTION BALISE H1... */
h1{
	margin:0;
	padding:0;
	font-size:20px;
	font-weight:bold;
	font-family:Verdana, arial, sans-serif;
	color:#FFF;
}

h2{
	margin:0;
	padding-top:10px;
	font-size:16px;
	font-weight:bold;
	font-family:Verdana, arial, sans-serif;
	color:#0a669d;
}

h3{
	margin:0;
	padding-top:10px;
	padding-bottom: 10px;
	font-size:14px;
	font-weight:bold;
	font-family:Verdana, arial, sans-serif;
	color:#0a669d;
}

h4{
	margin:0;
	padding-top:10px;
	padding-bottom: 10px;
	font-size:14px;
	font-weight:bold;
	font-family:Verdana, arial, sans-serif;
	color:#0a669d;
	font-weight:  lighter;
}

h5{
	margin:0;
	padding-top:10px;
	padding-bottom:5px;
	border-bottom: 1px solid #0a669d;
	font-size:12px;
	font-weight: bold;
	font-family:Verdana, arial, sans-serif;
	color:#0a669d;
}

a:link,a:visited,a.none:link,a.none:visited {
	text-decoration: underline;
	color: #f56b00;
}

.texte_paragraphe{
	padding-left: 20px;
	width: 600px;
}

.texte_paragraphe a{
	margin: 0;
	padding-left: 20px;
	width: 600px;
	color: black;
	background: url(../images/sous_menu_fleche.jpg) left no-repeat;
}

#escalier{
	padding-top: 10px;
	height: 170px;
	display: table;
	width: 600px;
	float: left;
	padding-bottom: 20px;
	border-bottom: 1px solid #0a669d;
}

.img_droite{
	float: right;
	display: table;
	padding: 4px 4px 4px 4px;
	clear: both;
}


/* FIN ATTRIBUTION BALISE H1... */


/* DEBUT TOP HEADER BASELINE */

#header{
	width:900px;
	height:319px;
	_height:319px!important;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#baseline{
	position:absolute;
	left: 539px;
	top: 227px;
	text-align:left;
	font-family:Verdana, arial, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#FFF;
	width: 301px;
}
/* FIN TOP HEADER BASELINE */

/* DEBUT CONTAIN */
#contain{
	width:900px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

	/* DEBUT MENU */
		#contain_menu{
			width:870px;
			height:37px;
			margin-left:auto;
			margin-right:auto;
			position:relative;
			
		}
		
		#menu {
			height:37px;
			float: left;
			list-style: none;
			margin: 0;
			padding:0;
			width: 870px;
		}
		
		#menu li {
			list-style-type:none;
			float: left;
			font-family:Verdana, arial, sans-serif;
			margin: 0;
			padding: 0;
		}
		
		#menu a {
			color: #F3F3F3;
			display: block;
			float: left;
			margin: 0;
			padding: 8px 0 8px 0;
			text-decoration: none;
			padding-left:12px;
			padding-right:12px;
			font-size:14px;
		}
		
		#menu a:hover {
			background:url(../images/hover.jpg) left top repeat-x;
			color: #fff;
			font-size:14px;
			height:21px;
		}
		
		#menu a.current{
			background:url(../images/hover.jpg) left top repeat-x;
			color: #fff;
			font-weight:bold;
			font-size:14px;
			height:21px;
		}

	/* FIN MENU */

	/* DEBUT CORPS */
		#corps{
			height:auto;
			background-color:#FFF;
			width:900px;
			margin-left:auto;
			margin-right:auto;
			position:relative;
			display:table;
		}
		
		/* DEBUT TEXT-IMG-FLASH */
			#text{
				width:350px;
				height:100%;
				float:left;
				padding:10px;
				font-size:12px;
				color:#000;
				text-align:left;
			}
			
			#img_flash{
				width:500px;
				height:400px;
				float:right;
			}
		/* FIN TEXT-IMG-FLASH */

		/* DEBUT TEXT-SEUL */
			#text_seul{
				width:850px;
				height:100%;
				float:left;
				padding:10px;
				font-size:12px;
				color:#000;
				text-align:left;
			}
			
			
			
		/* FIN TEXT-SEUL */

		/* DEBUT SOUS MENU - TEXTE */
			#sous_menu{
				padding: 10px 0px 10px 0px; 
				width:220px;
				height:auto;
				float:left;
				font-size:12px;
				color:#fff;
				text-align:left;
			}
			
			#sous_menu_gauche_top{
				width: 220px;
				height: 37px;
				background: url(../images/sous_menu_haut.jpg) top left no-repeat;
				text-align: center;
			}
			
			#sous_menu_gauche_corps{
				width: 220px;
				height: auto;
				background: url(../images/sous_menu_corps.jpg) top left repeat-y;
			}
			
			#sous_menu_gauche_bas{
				width: 220px;
				height: 37px;
				background: url(../images/sous_menu_bas.jpg) top left no-repeat;
			}
			
			#texte_sous_menu_gauche_haut{
				width: 200px;
				height:20px;
				margin: 0;
				padding: 10px 0 0 0;
				text-align: center;
				margin-left: auto;
				margin-right: auto;
				color: white;
				font-size: 15px;
			}
			
			#texte_sous_menu_gauche_corps{
				width: 200px;
				height:auto;
				margin: 0;
				padding: 0 0 0 20px;
				text-align: left;
				margin-left: auto;
				margin-right: auto;
				color: black;
				font-size: 12px;
			}
						
			#texte_sous_menu_gauche_corps ul{
				list-style-type:none;
				margin:0;
				padding:20px 0px 0px 5px;
			}
			
			#texte_sous_menu_gauche_corps li{
				margin:0px;
				line-height:20px;
			}
			
			#texte_sous_menu_gauche_corps ul.sous_menu{
				margin:0px;
				line-height:20px;
				padding-top: 0;
				padding-bottom: 10px;
				padding-left: 20px;
			}		
						
			#texte_sous_menu_gauche_corps a{
				background:url(../images/sous_menu_fleche.jpg) left no-repeat;
				padding-left:20px;
				color:#000;
				font-size:13px;
				text-decoration:none;
			}	
			
			#texte_sous_menu_gauche_corps a:hover{
				background:url(../images/sous_menu_fleche.jpg) left no-repeat;
				padding-left:20px;
				color:#0B699F;
				font-size:13px;
				text-decoration:none;
			}
			
			#texte_sous_menu_gauche_corps a.current{
				background:url(../images/sous_menu_fleche.jpg) left no-repeat;
				padding-left:20px;
				color:#0B699F;
			}		
						
		/* FIN SOUS MENU */			
			
			#texte{
				display: table;
				width:650px;
				height:400px;
				float:right;
				font-size:12px;
				text-align: left;
				padding-top: 10px;
				padding-right: 10px;
			}
			
			#texte a{
				color:#0a669d;
				text-align: right;
				text-decoration: none;
			}
			
			#texte a:hover{
				color:black;
				text-decoration: none;
				text-align: right;
			}
			
			.texte_td{
				border-bottom:1px black solid;
				border-right: 1px black solid;
			}
			
			.grey{
				background: #D9C2A8;
			}
			
			#texte ul{
				text-decoration: none;
				margin: 0;
				padding: 0;
				text-align: left;
				width: 390px;
				list-style-type: none;
			}
			
			#texte li{
				text-decoration: none;
				margin: 0;
				text-align: left;
				padding: 0 0 0 20px;
				list-style-type: none;
			}
			
			#texte_detail_1{
				float: left;
				width: 200px;
				padding-right: 10px;
			}

			#texte_detail_2{
				float: left;
				width: 200px;
				padding-right: 10px;
			}

			#texte_detail_3{
				float: left;
				width: 200px;
				padding-right: 10px;
			}
			
		/* FIN SOUS MENU - TEXT */

	
	/* DEBUT FOOTER */
		#footer{
			position:relative;
			height:129px;
			width:900px;
			background:url(../images/footer.jpg) left top repeat-x;
		}
		
		#footer_left{
			position:relative;
			margin:0;
			padding:0;
			width:94px;
			height:129px;
			float:left;
		}
		
		#footer_left_text{
			padding-top:45px;
			padding-left:5px;
			float:left;
			height:auto;
			width:300px;
			font-size:12px;
			font-family:Verdana, arial, sans-serif;
			color:#FFF;
			font-weight:normal;
			text-align:left;
		}
		
		#footer_right{
			position:relative;
			padding:0;
			margin:0;
			width:183px;
			height:129px;
			float:right;
			font-size:12px;
			font-family:Verdana, arial, sans-serif;
			color:#FFF;
			font-weight:normal;
			text-align:right;
		}
		
		#footer_right_text{
			padding-top:35px;
			padding-right:5px;
			float:right;
			height:129px;
			width:300px;
			font-size:12px;
			font-family:Verdana, arial, sans-serif;
			color:#FFF;
			font-weight:normal;
			text-align:right;
		}
		
		#footer a{
			font-size:12px;
			font-family:Verdana, arial, sans-serif;
			color:#FFF;
			font-weight:normal;
			text-decoration:none;
		}
		
		#footer a:hover{
			font-size:12px;
			font-family:Verdana, arial, sans-serif;
			color:#000;
			font-weight:normal;u
			text-decoration:none;
		}		
		/* FIN FOOTER */
			
	/* FIN CORPS */

/* FIN CONTAIN */

#text input,text {
	border: 1px solid #0B73B2;
}

#text textarea {
	border: 1px solid #0B73B2;
}



#technologie{
	background:url(../images/spas/technologie1.jpg) top left no-repeat;
	width:650px;
	height:750px;
	position:relative;
	float:right;
	font-size:11px;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
}

#abs-1{
	position:absolute;
	padding:0;
	margin:0;
	height:60px;
	width:535px;
	top: -16px;
}
#abs-2{
	position:absolute;
	padding:0;
	margin:0;
	height:200px;
	width:253px;
	left: 12px;
	top: 201px;
}
#abs-3{
	position:absolute;
	padding:0;
	margin:0;
	height:94px;
	width:398px;
	left: 270px;
	top: 43px;
}
#abs-4{
	position:absolute;
	padding:0;
	margin:0;
	height:165px;
	width:144px;
	left: 1px;
	top: 530px;
}
#abs-5{
	position:absolute;
	padding:0;
	margin:0;
	height:108px;
	width:242px;
	left: 194px;
	top: 644px;
}
#abs-6{
	position:absolute;
	padding:0;
	margin:0;
	height:118px;
	width:197px;
	left: 463px;
	top: 634px;
}
#abs-7{
	position:absolute;
	padding:0;
	margin:0;
	height:112px;
	width:198px;
	left: 462px;
	top: 509px;
}
#abs-8{
	position:absolute;
	padding:0;
	margin:0;
	height:190px;
	width:133px;
	left: 300px;
	top: 142px;
	font-size:10px;
}
#abs-9{
	position:absolute;
	padding:0;
	margin:0;
	height:254px;
	width:96px;
	left: 438px;
	top: 142px;
	font-size:10px;
}
#abs-10{
	position:absolute;
	padding:0;
	margin:0;
	font-size:10px;
	height:190px;
	width:129px;
	left: 539px;
	top: 142px;
}