@charset "utf-8";

/* CSS Document */

body {
	padding:0px;
	margin:0px;
	background:#172a36 url(../images/Commun/fd_body.jpg) repeat-x 0px 397px;
	font-family:Arial, Helvetica, sans-serif;
	color:#405f85;
	font-size:11px;
}

#page {
	left:50%;
	position:absolute;
	width:988px;
	/*margin-left:auto;
	margin-right:auto;*/
	margin-left:-494px;
}

a {
	color:#405f85;
	text-decoration:underline;
	background:none;
	cursor:pointer;
}

a:hover {
	color:#8db9e5;
	background:none;
	text-decoration:underline;
}

/********************** BANDEAU **************************/

#bandeau {
	background:url(../images/Commun/fd_bandeau.jpg) repeat-x left bottom;
	width:100%;
	height:434px;
}

#bandeau_flash {
	/*background:url(../images/Commun/fd_bandeau_flash_tmp.jpg) no-repeat left top;*/
	width:100%;
	height:319px;
}

#ombre_gauche_bandeau {
	float:left;
	width:19px;
	height:115px;
	background:url(../images/Commun/fd_ombre_bandeau_gauche.jpg) no-repeat left top;
}

#contenu_bandeau {
	width:701px;
	height:115px;
	float:left;
	color:#FFF;
	font-size:11px;
	padding-left:52px;
	line-height:12px;
}

#ombre_droite_bandeau {
	float:right;
	width:19px;
	height:115px;
	background:url(../images/Commun/fd_ombre_bandeau_droit.jpg) no-repeat left top;
}

/********************* MENU ***********************/

#conteneur_menu {
	margin-top:1px;
	float:left;
	height:20px;
	width:100%;
}

#menu {
	margin:0px;
	height: 20px;
	padding-left:24px;
}

#menu li {
	float: left;
	list-style: none;
}

#menu li.back {
	background-color: #e6e8ea;
	width: 9px;
	height: 20px;
	z-index: 8;
	position: absolute;
}

#menu li a {
	background:url(../images/menu/sep_menu.jpg) right top no-repeat;
	font-size:11px;
	text-decoration: none;
	text-align: center;
	z-index: 10;
	display: block;
	float: left;
	height: 20px;
	position: relative;
	padding-left:4px;
	padding-right:8px;
	line-height:20px;
	overflow:hidden;
}

#menu li a:hover {
	color:#141f29;
	border: none;
}

.page_actuelle { color:#4B759A; }

.autre_page { color:#ffffff; }

/********************* SOUS MENU ***********************/

#conteneur_ssmenu {
	margin-top:1px;
	float:left;
	background:url(../images/menu/bas_ssmenu.jpg) no-repeat bottom left;
	height:19px;
	width:100%;
}

#ssmenu {
	margin:0px;
	height: 18px;
}

#ssmenu li {
	float: left;
	list-style: none;
}

#ssmenu li.back {
	background-color: #e6e8ea;
	width: 9px;
	height: 18px;
	z-index: 8;
	position: absolute;
}

#ssmenu li a {
	background:url(../images/menu/sep_ssmenu.jpg) right top no-repeat;
	color:#141f29;
	font-size:11px;
	text-decoration: none;
	text-align: center;
	z-index: 10;
	display: block;
	float: left;
	height: 18px;
	position: relative;
	padding-left:4px;
	padding-right:8px;
	padding-top:2px;
}

#ssmenu li a:hover,
#ssmenu li a:active,
#ssmenu li a:visited { border: none; }

/******************* CONTENU **********************/

#contenu {
	float:left;
	width:100%;
	background:url(../images/Commun/fd_contenu.jpg) repeat-y top left;
}

#ombre_gauche_contenu {
	float:left;
	width:19px;
	height:38px;
	background:url(../images/Commun/fd_ombre_contenu_gauche.jpg) no-repeat left top;
}

#contenu_millieu {
	background:url(../images/Commun/fd_milieu_contenu.jpg) repeat-x top left;
	width:950px;
	float:left;
	padding-bottom:20px;
}

#ombre_droite_contenu {
	float:right;
	width:19px;
	height:38px;
	background:url(../images/Commun/fd_ombre_contenu_droit.jpg) no-repeat right top;
}

#ombre_bas_contenu {
	float:left;
	width:100%;
	height:13px;
	background:#172a36 url(../images/Commun/fd_ombre_contenu_bas.jpg) no-repeat left top;
}

/**************************** FOOTER ********************************/

#footer {
	background:#172a36 url(../images/footer/logo_carre_bleu.jpg) 45px 0px no-repeat;
	float:left;
	width:100%;
	color:#FFF;
	font-size:11px;
}

#footer_information { padding-left:81px; }

#footer_information a {
	color:#feffff;
	text-decoration:underline;
	background:none;
	cursor:pointer;
}

#footer_information a:hover {
	color:#8db9e5;
	background:none;
	text-decoration:underline;
}

#footer_signature {
	vertical-align:text-top;
	padding-left:45px;
	margin-top:10px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}

#footer_signature a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#feffff;
	text-decoration:none;
}

#footer_signature a:hover {
	color:#8db9e5;
	text-decoration:none;
}

/**************************** TOP ACTU ********************************/

#top_actu {
	position:absolute;
	background:url(../images/top_actu/fond_top_actu.png) no-repeat top left;
	width:342px;
	height:340px;
	left: 735px;
	margin-top:170px;
	padding-top:33px;
	padding-left:37px;
	padding-bottom:39px;
	padding-right:37px;
}

#fond_top_actu {
	position:absolute;
	background-repeat: no-repeat;
	height:268px;
	width:268px;
	background-image: url(../images/top_actu/tendance1.jpg);
}

#image_bas_top_actu {
	background-repeat: no-repeat;
	height:268px;
	width:268px;
	background-image: url(../images/top_actu/photo_tendance3.jpg);
	background-position: 0px 116px;
}

#texte_top_actu {
	height:80px;
	width:220px;
	padding-left:41px;
}

#menu_top_actu {
	float:right;
	height:169px;
	padding-top:12px;
}

#hauteur_menu1 {
	float:left;
	width:16px;
	height:170px;
}

.titre1 {
	color:#fecf6b;
	text-decoration:none;
}

#menu_top_actu_1 {
	text-align:center;
	border:#FFF 1px solid;
	border-right:none;
	background:#ffae00;
	height:16px;
}

#menu_top_actu_1 a {
	color:#FFF;
	text-decoration:none;
}

#menu_top_actu_1 a:hover {
	color:#FFF;
	text-decoration:none;
}

#hauteur_menu2 {
	float:left;
	width:16px;
	height:170px;
}

.titre2 {
	color:#6b4963;
	text-decoration:none;
}

#menu_top_actu_2 {
	text-align:center;
	border:#FFF 1px solid;
	border-right:none;
	background:#5d2e52;
	height:16px;
}

#menu_top_actu_2 a {
	color:#FFF;
	text-decoration:none;
}

#menu_top_actu_2 a:hover {
	color:#FFF;
	text-decoration:none;
}

#hauteur_menu3 {
	float:left;
	width:16px;
	height:170px;
}

.titre3 {
	color:#6bb1c9;
	text-decoration:none;
}

#menu_top_actu_3 {
	text-align:center;
	border:#FFF 1px solid;
	border-right:none;
	background:#3f90a2;
	height:16px;
}

#menu_top_actu_3 a {
	color:#FFF;
	text-decoration:none;
}

#menu_top_actu_3 a:hover {
	color:#FFF;
	text-decoration:none;
}

#hauteur_menu4 {
	float:left;
	width:16px;
	height:170px;
}

.titre4 {
	color:#d3dc6b;
	text-decoration:none;
}

#menu_top_actu_4 {
	text-align:center;
	border:#FFF 1px solid;
	border-right:none;
	background:#c4d218;
	height:16px;
}

#menu_top_actu_4 a {
	color:#FFF;
	text-decoration:none;
}

#menu_top_actu_4 a:hover {
	color:#FFF;
	text-decoration:none;
}

/********************* FORMULAIRE CONTACT ******************/

#coordonnees{
	margin-top:30px;
	font-size:12px;
	float:left;
	font-size:10px;
	padding-left:30px;
}

#formulaire_contact{
	margin-left:22px;
	margin-top:30px;
	float:left;
	width:700px;
	text-align:right;
	font-size:10px;
	/*background:#e2e3e3;*/
}

#formulaire_contact strong{
	color:#172a36;
}

#formulaire_contact label{
	padding-right:10px;
	vertical-align:top;
	font-size:11px;
}

#formulaire_contact input{
	width:245px;
	font-size:11px;
	margin-bottom:4px;
}

#formulaire_contact textarea{
	width:245px;
	font-size:11px;
	height:83px;
	margin-bottom:4px;
}


/********************* GALERIE *****************************/

#fond_piscines_interieures{
	width:950px;
	height:283px;
	background:url(../images/Galerie/int.png) no-repeat left bottom;
	float:left;
}

#fond_piscines_exterieures{
	width:950px;
	height:283px;
	background:url(../images/Galerie/ext.png) no-repeat left bottom;
	float:left;
}

#fond_bien_etre{
	width:950px;
	height:283px;
	background:url(../images/Galerie/bien_etre.png) no-repeat left bottom;
	float:left;
}

#fond_maitrise_oeuvre{
	background:url(../images/Galerie/maitrise_oeuvre.png) no-repeat left bottom;
	float:left;
	height:300px;
}

#fond_cle_main{
	background:url(../images/Galerie/cles_main.png) no-repeat left bottom;
	float:left;
	height:136px;
}

#fond_renovation{
	background:url(../images/Galerie/renovation.png) no-repeat left bottom;
	float:left;
	height:248px;
}

#fond_transformation{
	background:url(../images/Galerie/transformation.png) no-repeat left bottom;
	float:left;
	height:318px;
}

/********************* DIVERS ******************************/

#numero_actu_accueil ul {
	margin:0px;
	padding-left:0px;
	padding-top:10px;
}

#numero_actu_accueil ul li {
	list-style:none;
	display:inline;
	height:13px;
}

#numero_actu_accueil ul li a {
	background:url(../images/Commun/btn_actu_off.jpg) no-repeat left top;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#3c4850;
	text-decoration:none;
	position:relative;
	padding:0px;
	padding:0px 4px 0px 3px;
	display:inline-block;
}

#numero_actu_accueil ul li a:hover {
	background:url(../images/Commun/btn_actu_on.jpg) no-repeat left top;
	color:#FFF;
	text-decoration:none;
}

A.lien_savoir_plus:link,
A.lien_savoir_plus:active,
A.lien_savoir_plus:visited {
	margin-right:12px;
	background:url(../images/Commun/fleche.jpg) no-repeat right 60%;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#172a36;
	text-decoration:none;
	padding-right:12px;
}

A.lien_savoir_plus:hover {
	background:url(../images/Commun/fleche_on.jpg) no-repeat right 60%;
	color:#35637D;
	text-decoration:none;
}

A.lien_bleu:link,
A.lien_bleu:active,
A.lien_bleu:visited {
	font-size:11px;
	color:#172a36;
	text-decoration:none;
}

A.lien_bleu:hover {
	color:#35637D;
	text-decoration:none;
}

#image_galerie{
	float:left;
	height:auto;
}

#description_galerie{
	float:left;
	width:170px;
	margin-left:20px;
	height:250px;
	overflow:hidden;
}

#image_assistance1{
	background:url(../images/Services/confiez-la-maintenance-de-votre-site-a-un-professionnel.png) no-repeat left 10px;
	width:144px;
	height:178px;
	float:left;
	font-size:10px;
	text-align:center;
}

#masque_actu_bas{
	background:url(../images/Commun/masque_actu.png) no-repeat left top;
	width:75px;
	height:75px;
}

div#flashcontent_bandeau h1 { color:#FFFFFF; font-size:11px}
div#flashcontent_bandeau { color:#FFFFFF; font-size:11px}