* {
	margin: 0;
	padding: 0;
	color:#1a171b;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: none;
	font-weight:normal;
}
html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(images/fond.png);
	background-attachment: fixed;
}
a {
	outline: none;
	text-decoration:none;
}

img {
	border:0;
}

.clear {
clear: both;
}

.transparent {
font-size:0px;
letter-spacing: -5px;
position: absolute;
top: -5000px;
}
.it {
	font-style: italic;
}
.bold{
	font-weight: bold;
}

.color_white {
color: #ffffff;
}

.margin_bottomleft5 {
margin-bottom: 5px;
margin-left: 5px;
}

/*Structure*/ 

#main {
	width: 958px;
	height: auto;
	background-color: #FFFFFF;
	margin: auto;
	border: 1px solid #664d4c;
}
#header {
width: 958px;
height:354px;
background: url(images/image_top.jpg);
display: block;
}


.placement_barre_menu {
margin-right: 5px;
}

#contenu {
min-height:400px;
}

#centre_accueil {
width: 800px;
margin-top: 30px;
margin-left: 30px;
background: url(images/fond_pastille.jpg) no-repeat 195px 112px;
}

#block1_accueil {
width: 252px;
height: 321px;
margin-right: 10px;
background: url(images/block_gauche.jpg) no-repeat;
float: left;
}

h2.titre_block1 {
width: 229px;
height: 40px;
margin-top: 10px;
margin-left: 10px;
display: block;
text-indent: -5000px;
background: url(images/titre_block_gauche.png) no-repeat;
}

#block2_accueil {
width: 252px;
height: 321px;
margin-right: 12px;
background: url(images/block_centre.jpg) no-repeat;
float: left;
}

h2.titre_block2 {
width: 230px;
height: 18px;
margin-top: 10px;
margin-left: 10px;
display: block;
text-indent: -5000px;
background: url(images/titre_block_centre.png) no-repeat;
}

#block3_accueil {
width: 252px;
height: 321px;
background: url(images/block_droit.jpg) no-repeat;
float: left;
}

h2.titre_block3 {
width: 216px;
height: 20px;
margin-top: 10px;
margin-left: 20px;
display: block;
text-indent: -5000px;
background: url(images/titre_block_droite.png) no-repeat;
}

ul.liste_accueil {
padding : 0;
margin: 0;
margin-top: 15px;
margin-left: 15px;
list-style-type: none;
}

ul.liste_accueil li {
color: #ffffff;
font-size: 12px;
padding-left: 17px;
margin-bottom: 15px;
background: url(images/puce.png) no-repeat;
}

.texte_droit_accueil {
width: 230px;
color: #ffffff;
font-size: 14px;
margin-top: 15px;
padding-left: 18px;
}


#rightGraph {
position:absolute;
display:block;
background: url(images/vagues.png);
background-repeat: no-repeat;
height:431px;
width: 126px;
z-index:0;
margin-left:833px;
margin-top:-431px;
}

#RightGraphConstruction{
position:absolute;
display:block;
background: url(images/vagues.png);
background-repeat: no-repeat;
height:431px;
width: 126px;
z-index:0;
margin-left:833px;
margin-top:-431px;
}
/*MENU*/
#menuTop {
display:block;
background-color: #FFFFFF;
height:65px;
width: 100%;
}
#menuTop ul{
display:inline;
list-style: none;
margin-left:130px;
margin-top:10px;
height:40px;
float:left;
}
#logo {
	background: url(images/logo.jpg);
	width: 119px;
	height: 131px;
	position: absolute;
	margin-top:-70px;
	margin-left:5px;
	z-index: 1;
}
#menuTop img {
float:left;
margin-left:140px;
}
#zoneflash{
	position: relative;
	display: block;
	z-index: 0;
	overflow:hidden;
}
#zoneSpa{
	position: absolute;
	display: block;
	z-index: 1;
	margin-left:827px;
	
}
#zoneSpa a{
	display: block;
	height:119px;
	width: 131px;
	background-image: url(images/bouton_spa.png);
}
#menuTop  li  {
display: block;
float:left;
margin-left:5px;
}
#menuTop li a {
display: block;
margin-top:11px;
height:20px;
background-repeat: no-repeat;
}
a#menuAccueil{width: 74px;background-image: url(images/b1.jpg);}
a#menuAccueil:hover {background-image: url(images/b1_on.jpg);}
a#menuSociete {width: 97px;background-image: url(images/b2.jpg);}
a#menuSociete:hover {background-image: url(images/b2_on.jpg);}

a#menuConstruction {width: 121px;background-image: url(images/b3_on.jpg);}
a#menuConstruction:hover {background-image: url(images/b3.jpg);}

a#menuRea {width: 116px;background-image: url(images/b4_on.jpg);}
a#menuRea:hover {background-image: url(images/b4.jpg);}

a#menuContrat{width: 250px; background-image: url(images/b5.jpg);}
a#menuContrat:hover {background-image: url(images/b5._on.jpg);}

a#menuSpa {width: 45px;background-image: url(images/b6.jpg);}
a#menuSpa:hover {background-image: url(images/b6_on.jpg);}

li a#menuContact {width: 66px;background-image: url(images/b7.jpg);}
li a#menuContact:hover {background-image: url(images/b7_on.jpg);}

/**---FOOTER--*/
#footer {
width: 100%;
height: 52px;
display:block;
background-image: url(images/barre_bas.jpg);

}
#footer p{
width: 100%;
display:block;
color:#FFFFFF;
float:left;
padding-left:100px;
padding-top:20px;
}


/* **************************************societe*********************************************************** */

.texte_societe {
width : 800px;
color: #654b4a;
margin-top: 20px;
margin-left: 15px;
text-align:justify;
}

.image_societe {
float: left;
padding-left: 15px;
}

.image_societe2 {
float: left;
padding-right: 15px;
}

ul.liste_societe {
margin: 0 ;
padding: 0 ;
margin-top: 5px;
margin-left: 30px;
list-style-type: none ;
float:left;
}

ul.liste_societe li  {
font-size: 12px ;
font-weight: normal;
color: #5f4846;
height: 18px;
line-height: 19px;
text-indent: 0;
padding-left: 8px;
text-decoration: none ;
background: url(images/puce.jpg) no-repeat 0px 8px;
}

.block1_texte {
width: 515px;
height: 168px;
color: #ffffff;
padding: 10px 10px 10px 10px ;
background: url(images/cadre1_societe.jpg) no-repeat;
background-color: #0372aa;
float:left;
}



/* **************************************contact*********************************************************** */

#centre_contact{
width: 796px;
height:385px;
margin-top: 10px;
margin-left: 18px;
background: url(images/block_contact.jpg) no-repeat;
}

#block1_contact {
width: 260px;
height: 321px;
margin-right: 10px;
float: left;
}

#block2_contact {
width: 260px;
height: 321px;
margin-right: 12px;
float: left;
}

#block3_contact {
width: 250px;
height: 380px;
float: left;
}

h4.titre_coordonnees {
font-weight: bold;
font-size:12px;
color: #ffffff;
margin-top:15px;
}

/*formulaire*/

.separation {
margin-top: 10px;
width: 250px;
background: url(image2/fond_fieldset.gif) repeat-x ;
font-size: 11px;
float:left;
}

form fieldset {
margin: 0;
padding: 0;
padding-left: 2px;
padding-top: 5px;
padding-bottom: 5px;
border: 0;
width: 250px;
background: url(image2/fond_fieldset.gif) repeat-x ;
color: #3b3845;
}

form fieldset legend {
padding: 0 0 0 4px;
font-weight: bold;
font-size:12px;
color: #ffffff;
}

form fieldset label {
display: inline-block;
line-height: 1.9;
vertical-align: top;
font-size:11px;
font-weight:bold;
color: #ffffff;
}

form fieldset input {
height: 13px;
font-size: 11px;
color: #9792a3;
border: 1px solid #aba7b4;
background-color: #fefefe;
}

form fieldset input:hover {
background-color: #f7f7f7;
color: #86828f;
}

form fieldset select {
height: 19px;
font-size: 11px;
color: #4d7459;
border: 1px solid #5f8b6a;
background-color: #ebfbf0;
}

form fieldset select:hover {
background-color: #2f2e2e;
color: #eddede;
}


form fieldset textarea{
font-size: 11px;
color: #9792a3;
border: 1px solid #aba7b4;
background-color: #ffffff;
}

form fieldset ol {
margin: 0;
padding: 0;
padding-left:10px;
}

form fieldset li {
margin: 0;
padding: 0;
list-style: none;
padding-top: 2px;
}

form em {
font-weight: bold;
font-style: normal;
color: #f00;
}

form label {
width: 70px; /* Width of labels */
}

.inline {
display: inline;
}

.width_input {
width: 130px;
}

.width_select {
width: 193px;
}

.width_type {
margin: 0;
padding: 0;
height: 19px;
width: 210px;
}

.width_fieldset {
width: 336px;
}

.float_none {
float:none;
}

.float_left {
float:left;
}

.margin_bottom {
margin-bottom: 20px;
}

.help {
cursor: help;
}

.pointor {
cursor: pointer;
}

.border_none {
border: 0;
}

.border_none:hover {
border: 0;
background-color: #ffffff;
}

a#valider_formulaire {
margin-left: 120px;
width: 77px ;
height:19px ;
display: block ;
background: url(images/bouton_valider.png) no-repeat ;
text-indent: -5000px ;
}

a#valider_formulaire:hover {
background: url(images/bouton_valider_on.png) no-repeat ;
}

/* ********************réalisations**************************** */

#contenu_reas {
min-height:400px;
background: url(images/vagues.jpg) no-repeat ;
}

#block_piscine_classique {
margin-top: 90px;
margin-left: 70px;
float:left;
}

#block_piscine_debordement {
margin-top: 90px;
margin-left: 50px;
float:left;
}

#menu_gauche {
float: left;
}

.zone_realisations {
width: 680px;
float: left;
}

ul.liste_menu_gauche {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
}

ul.liste_menu_gauche li a {
width: 193px;
height: 26px;
display: block;
font-size: 12px;
font-weight: bold;
color:#ffffff;
text-indent: 5px;
line-height: 25px;
text-decoration: none;
background: url(images/bandeaux1.jpg) no-repeat;
}

ul.liste_menu_gauche li a.fond_bandeaux2 {
width: 193px;
height: 26px;
display: block;
font-size: 12px;
font-weight: bold;
color:#ffffff;
text-indent: 5px;
line-height: 25px;
text-decoration: none;
background: url(images/bandeaux2.jpg) no-repeat;
}

ul.sousliste_menu_gauche{
margin: 0 ;
padding: 0 ;
margin-top: 5px;
margin-left: 1px;
list-style-type: none ;
margin-bottom: 6px;
}

ul.sousliste_menu_gauche li a {
font-size: 12px ;
font-weight: normal;
display:inline;
color: #5f4846;
height: 18px;
line-height: 19px;
text-indent: 0;
padding-left: 8px;
text-decoration: none ;
background: url(images/puce.jpg) no-repeat 0px 5px;
}

ul.sousliste_menu_gauche li a:hover {
color: #896865;
text-decoration: none ;
}

.titre_realisations {
text-align: right;
font-size: 17px;
font-weight: bold;
color: #44aada;
}

.block_photo_texte {
margin-top: 15px;
margin-left: 20px;
width:600px;
height: 131px;
}

.photo_realisations {
float: left;
}

.description_realisations {
width: 350px;
padding-top: 55px;
padding-left: 10px;
color: #44aada;
float: left;
}

.texte_realisation {
width : 920px;
color: #654b4a;
margin-top: 10px;
margin-left: 15px;
text-align:justify;
}

h2.titre_classique {
height: 32px;
margin-top: 10px;
text-indent: -5000px;
display:block;
background: url(images/bandeau_classique.jpg) no-repeat center;
}

h2.titre_debordement {
height: 32px;
margin-top: 10px;
text-indent: -5000px;
display:block;
background: url(images/bandeau_debordement.jpg) no-repeat center;
}

/* ******************************construction************************************** */

.titre_construction {
margin-left: 12px;
margin-top: 10px;
font-size: 17px;
font-weight: bold;
color: #44aada;
}

.texte_construction {
width : 800px;
color: #654b4a;
margin-top: 10px;
margin-left: 15px;
text-align:justify;
}

.description_construction {
margin-top: 20px;
width: 350px;
color: #409cc1;
text-decoration: none;
}
#conteneur_miniature {
width : 800px;
color: #654b4a;
margin-top: 15px;
margin-left: 113px;
}

#realisation_arrowRight:hover,
#realisation_arrowLeft:hover{
cursor: pointer;
}

#fleches_diaporama{
position:relative;
z-index:15;
}

.main:hover {cursor: pointer;}
.preload{display: none;}


.fond_elt {
font-weight: bold;
background: url(images/fond_etape.png) repeat-x -5px 0px;
}

.bold_white {
font-weight: bold;
color: #ffffff;
}

/* ******************************contrat************************************** */

#centre_contrat{
width: 796px;
height:385px;
margin-top: 10px;
margin-left: 18px;
background: url(images/block_contrat.jpg) no-repeat;
}

#block1_contrat {
width: 500px;
height: 321px;
margin-right: 20px;
float: left;
}

#block3_contrat {
width: 250px;
height: 339px;
margin-top: 23px;
float: left;
}

h3.titre_contrat {
margin-top: 10px;
margin-left: 15px;
color:#ffffff;
font-weight: bold;
}


/* ***************************************************spa************************************************************* */

.texte_spa {
background: url(images/logo_beachcomber.jpg) no-repeat center 5px;
}

h3.titre_spa {
font-size: 14px;
color: #0372a9;
font-weight: bold;
padding-left: 11px;
background: url(images/goutte.jpg) no-repeat left;
}

h3.titre_spa2 {
font-size: 14px;
color: #ffffff;
font-weight: bold;
padding-left: 11px;
background: url(images/goutte2.jpg) no-repeat left;
}

.block1_texte_spa {
width: 515px;
color: #ffffff;
padding: 10px 10px 10px 10px ;
background: url(images/cadre1_societe.jpg) no-repeat;
background-color: #0072a8;
float:left;
}

.image_spa {
float: left;
padding-left: 15px;
margin-bottom: 5px;
}

.block_garanties {
min-height: 200px;
background: url(images/fond_garanties.jpg) no-repeat;
background-color: #2c1e1d;
}

.block_garanties_gauche {
width: 378px;
margin-top: 10px;
margin-left: 10px;
float: left;
}

.block_garanties_droit {
width: 378px;
margin-top: 10px;
margin-left: 25px;
float: left;
}

.block_garanties_modele {
height: 125px;
background: url(images/fond_modele.jpg) no-repeat;
background-color: #2c1e1d;
}

.block_image, .block_image2 {
margin-left: 12px;
margin-top: 5px;
float: left;
}

.block_image2 {
margin-left: 50px;
}

h3.titre_spa_principal {
width: 439px;
height: 19px;
text-indent: -5000px;
display:block;
background: url(images/titre_spa.jpg) no-repeat;
}

.image_spa3 {
float: left;
margin-top: 10px;
margin-left: 83px;
margin-bottom: 10px;
}