/********************************************************************/
/*                        Import du fichier CSS                     */
/*   <link href="fichier.css" rel="stylesheet" type="text/css" />   */
/********************************************************************/

body {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	padding:0;
	text-align: center;
	background-color: #e2f2ed;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
}

#page_accueil {
	/* PAGE COMPLETE */
	position:relative;
	text-align: left;
	width: 1045px;
	height: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	/*border:#000000 solid 1px;*/
}

#page {
	/* PAGE COMPLETE */
	position:relative;
	text-align: left;
	width: 1044px;
	height: 766px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	/*border:#000000 solid 1px;*/
}

#conteneur {
	
}



a:link {
	font-size:12px;
	color:#009cda;
}

a:hover {
	font-size:12px;
	color:#0273a0;
	font-weight:bold;
}

a:visited {
	font-size:12px;
	color:#009cda;
}

/*
a:active {
	color: #B0B18f;
	font-size: 110%;
}



a:visited {
	color: #464628;
}
*/


input {
	
}

textarea {
	
}

select {
	
}

ul {
	margin:0;
	padding:0;
}

li {
	padding:0;
	margin:0;
}

h1 {
	/* TITRE */
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	color:#000000;
}

h2 {
	/* SOUS TITRE */
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	color:#000000;
}

h3 {
	/* TEXTE */
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	color:#000000;
}

h4 {
	/* CITATION */
	font-size:10px;
	font-style:italic;
	font-weight:normal;
	color:#000000;
}

h5 {
	/* COULEUR */
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	color:#0000FF;
}

h6 {
	/* PETIT */
	font-size:8px;
	font-style:normal;
	font-weight:normal;
	color:#000000;
}

.erreur {
	/* MESSAGE D'ERREUR */
	font-size:10px;
	font-style:normal;
	font-weight:bold;
	color:#FF0000;
}

.texte {
	font-size:12px;
	color:#009cda;
	
}

.couleur {
	font-size:12px;
	color:#0273a0;
}

.couleur_gras {
	font-size:12px;
	color:#0273a0;
	font-weight:bold;
}

.petit {
	font-size:12px;
}

.grand {
	font-size:16px;
}

/*** MENU ***/
#accueil {
	z-index:100;
	position: absolute;
	top: 0;
	left: 100px;
	width: 300px;
	height: 110px;
	padding: 0;
	margin: 0;
	/*border:#000000 solid 1px;*/
}


#menu {
	z-index:1;
	position: absolute;
	top: 0;
	left: 0;
	width: 232px;
	height: 766px;
	padding: 0;
	margin: 0;
	background-color:#e3f2ed;
	/*border:#000000 solid 1px;*/
}

#flash_gauche {
	position:absolute;
	left:0;
	top:0;
	height:766px;
	width:66px;
	/*border:#00FF00 solid 1px;*/
}

#menu_texte {
	position:absolute;
	margin:0;
	margin-right:30px;
	margin-left:66px;
	padding:0;
	top:0;
	height:766px;
	width:136px;
	background-image:url(./images/fond_menu.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	/*border:#FFFF00 solid 1px;*/
}

#menu_texte ul {
	list-style: none;
	margin: 0;
	margin-top:193px;
	padding: 0;
}

#menu_texte li {
	display:block;
	/*border:1px #000000 solid;*/
}

li.presentation a {
	display:block;
	margin:0;
	padding:0;
	width:136px;
	height:50px;
	background-image:url(./images/menu_presentation_off.jpg); 
	background-position:top left;
	background-repeat:no-repeat;
	text-decoration:none;
}
li.presentation a:hover, li.presentation_on a {
	display:block;
	margin:0;
	padding:0;
	width:136px;
	height:50px;
	background-image:url(./images/menu_presentation_on.jpg); 
	background-position:top left;
	background-repeat:no-repeat;
	text-decoration:none;
}

li.magasin a {
	display:block;
	margin:0;
	padding:0;
	width:136px;
	height:50px;
	background-image:url(./images/menu_magasin_off.jpg); 
	background-position:top left;
	background-repeat:no-repeat;
	text-decoration:none;
}
li.magasin a:hover, li.magasin_on a {
	display:block;
	margin:0;
	padding:0;
	width:136px;
	height:50px;
	background-image:url(./images/menu_magasin_on.jpg); 
	background-position:top left;
	background-repeat:no-repeat;
	text-decoration:none;
}

li.piscines a {
	display:block;
	margin:0;
	padding:0;
	width:136px;
	height:50px;
	background-image:url(./images/menu_piscines_off.jpg); 
	background-position:top left;
	background-repeat:no-repeat;
	text-decoration:none;
}
li.piscines a:hover, li.piscines_on a {
	display:block;
	margin:0;
	padding:0;
	width:136px;
	height:50px;
	background-image:url(./images/menu_piscines_on.jpg); 
	background-position:top left;
	background-repeat:no-repeat;
	text-decoration:none;
}

li.spas a {
	display:block;
	margin:0;
	padding:0;
	width:136px;
	height:50px;
	background-image:url(./images/menu_spas_off.jpg); 
	background-position:top left;
	background-repeat:no-repeat;
	text-decoration:none;
}
li.spas a:hover, li.spas_on a {
	display:block;
	margin:0;
	padding:0;
	width:136px;
	height:50px;
	background-image:url(./images/menu_spas_on.jpg); 
	background-position:top left;
	background-repeat:no-repeat;
	text-decoration:none;
}

li.chantier a {
	display:block;
	margin:0;
	padding:0;
	width:136px;
	height:50px;
	background-image:url(./images/menu_chantier_off.jpg); 
	background-position:top left;
	background-repeat:no-repeat;
	text-decoration:none;
}
li.chantier a:hover, li.chantier_on a {
	display:block;
	margin:0;
	padding:0;
	width:136px;
	height:50px;
	background-image:url(./images/menu_chantier_on.jpg); 
	background-position:top left;
	background-repeat:no-repeat;
	text-decoration:none;
}

li.contact a {
	display:block;
	margin:0;
	padding:0;
	width:136px;
	height:50px;
	background-image:url(./images/menu_contact_off.jpg); 
	background-position:top left;
	background-repeat:no-repeat;
	text-decoration:none;
}
li.contact a:hover, li.contact_on a {
	display:block;
	margin:0;
	padding:0;
	width:136px;
	height:50px;
	background-image:url(./images/menu_contact_on.jpg); 
	background-position:top left;
	background-repeat:no-repeat;
	text-decoration:none;
}

#flash_droit {
	position:absolute;
	right:0;
	top:0;
	height:766px;
	width:30px;
	/*border:#FF0000 solid 1px;*/
}



/*** HAUT ***/
#haut {
	position: absolute;
	left: 232px;
	top:0;
	height:75px;
	width:812px;
	background-image:url(./images/haut.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#menu_hydrosud {
	position:absolute;
	left:580px;
	bottom:2px;
}

#logo_hydrosud {
	position:absolute;
	left:733px;
	bottom:2px;
}



/*** SOUS MENU ***/
#sous_menu {
	position:absolute;
	left:232px;
	top:75px;
	height:118px;
	width:812px;
	background-image:url(./images/fond_sous_menu.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	
}

a.qui {
	position:absolute;
	display:block;
	top:40px;
	left:390px;
	background-image:url(./images/qui_off.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

a.qui_on, a.qui:hover {
	position:absolute;
	display:block;
	top:40px;
	left:390px;
	background-image:url(./images/qui_on.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

a.experience {
	position:absolute;
	display:block;
	top:65px;
	left:470px;
	background-image:url(./images/experience_off.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

a.experience_on, a.experience:hover {
	position:absolute;
	display:block;
	top:65px;
	left:470px;
	background-image:url(./images/experience_on.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

a.maconnee {
	position:absolute;
	display:block;
	top:22px;
	left:330px;
	background-image:url(./images/maconnee_off.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

a.maconnee_on, a.maconnee:hover {
	position:absolute;
	display:block;
	top:22px;
	left:330px;
	background-image:url(./images/maconnee_on.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

a.bois {
	position:absolute;
	display:block;
	top:50px;
	left:415px;
	background-image:url(./images/bois_off.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

a.bois_on, a.bois:hover {
	position:absolute;
	display:block;
	top:50px;
	left:415px;
	background-image:url(./images/bois_on.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

a.polyester {
	position:absolute;
	display:block;
	top:75px;
	left:477px;
	background-image:url(./images/polyester_off.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

a.polyester_on, a.polyester:hover {
	position:absolute;
	display:block;
	top:75px;
	left:477px;
	background-image:url(./images/polyester_on.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

a.spas {
	position:absolute;
	display:block;
	top:40px;
	left:465px;
	background-image:url(./images/spas_off.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

a.spas_on, a.spas:hover {
	position:absolute;
	display:block;
	top:40px;
	left:465px;
	background-image:url(./images/spas_on.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

a.saunas {
	position:absolute;
	display:block;
	top:65px;
	left:490px;
	background-image:url(./images/saunas_off.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

a.saunas_on, a.saunas:hover {
	position:absolute;
	display:block;
	top:65px;
	left:490px;
	background-image:url(./images/saunas_on.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

/*** CONTENU ***/
#contenu_1 {
	position: absolute;
	z-index:1;
	top: 193px;
	left: 232px;
	width: 812px;
	height: 573px;
	padding: 0;
	margin: 0;
	background-image:url(./images/fond_contenu_1.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	/*border:#000000 solid 1px;*/
}

#contenu_2 {
	position: absolute;
	z-index:1;
	top: 193px;
	left: 232px;
	width: 812px;
	height: 573px;
	padding: 0;
	margin: 0;
	background-image:url(./images/fond_contenu_2.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	/*border:#000000 solid 1px;*/
}

#contenu_contact {
	position: absolute;
	z-index:1;
	top: 193px;
	left: 232px;
	width: 812px;
	height: 573px;
	padding: 0;
	margin: 0;
	background-image:url(./images/fond_contact.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	/*border:#000000 solid 1px;*/
}

#texte {
	position:absolute;
	left:85px;
	top:3px;
	height:240px;
	width:230px;
	font-size:12px;
	color:#009cda;
	text-align:justify;
	/*overflow:auto;*/
	/*border:solid #000099 1px;*/
}

#texte_suite {
	position:absolute;
	left:85px;
	top:270px;
	height:20px;
	width:230px;
	font-size:10px;
	color:#0273a0;
	text-align:center;
	/*border:solid #000099 1px;*/
}

#texte_contact {
	position:absolute;
	left:85px;
	top:70px;
	height:150px;
	width:200px;
	font-size:12px;
	font-weight:bold;
	color:#009cda;
	text-align:center;
	/*overflow:auto;*/
	/*border:solid #000099 1px;*/
}

#liste {
	position:absolute;
	left:13px;
	top:343px;
	height:70px;
	width:332px;
	/*border:solid #FF0000 1px;*/
}

#liste ul {
	display:block;
	list-style: none;
	margin:0;
	padding: 0;
	clear: both;
	/*border:#FF0000 solid 1px;*/
}

#liste li {
	float: left;
	margin:0;
	padding:1px;
	width:28px;
	height:28px;
}

li.liste a {
	float:left;
	opacity : 0.4; 
    filter : alpha(opacity=40);
}

li.liste a:hover, li.liste_on a {
	float:left;
	opacity : 1; 
    filter : alpha(opacity=100);
}


#titre {
	position:absolute;
	left:0;
	top:430px;
	height:70px;
	width:300px;
	color:#FFFFFF;
	font-size:26px;
	/*border:solid #FF0000 1px;*/
}

#photo {
	position:absolute;
	left:327px;
	top:0;
	height:430px;
	width:430px;
	/*border:solid #FF0000 1px;*/
}

#lien {
	position:absolute;
	z-index:200;
	left:559px;
	top:550px;
	height:20px;
	width:430px;
	text-align:center;
}

#masque_photo_1 {
	position:absolute;
	z-index:100;
	left:559px;
	top:193px;
	height:573px;
	width:485px;
	background-image:url(./images/masque_photo_1.png) !important; 
	background-image:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/masque_photo_1.png'); 
	background-position:top left;
	background-repeat:no-repeat;
}

#masque_photo_2 {
	position:absolute;
	z-index:100;
	left:559px;
	top:193px;
	height:573px;
	width:485px;
	background-image:url(./images/masque_photo_2.png) !important; 
	background-image:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/masque_photo_2.png'); 
	background-position:top left;
	background-repeat:no-repeat;
}

#masque_photo_3 {
	position:absolute;
	z-index:100;
	left:559px;
	top:193px;
	height:346px;
	width:485px;
	background-image:url(./images/masque_photo_3.png) !important; 
	background-image:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/masque_photo_3.png'); 
	background-position:top left;
	background-repeat:no-repeat;
}

#masque_photo_4 {
	position:absolute;
	z-index:100;
	left:584px;
	top:539px;
	height:573px;
	width:460px;
	background-image:url(./images/masque_photo_4.png) !important; 
	background-image:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/masque_photo_4.png'); 
	background-position:top left;
	background-repeat:no-repeat;
}