/* CSS Document */

/* GENERAL */

html {
	background-color: #ffffff;
	background-image:url(abri_piscine/fond-ecran.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	min-height:100%;
	margin:0px;
	padding: 0px;
	}
body {
	width:100%;
	margin:0px;
	padding: 0px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#225D55;
	text-align:center;
	position:relative;
	}
a {
	font-weight: bold;
	color:#225D55;
	text-decoration:none;
	}
	
a:hover{
	font-weight: bold;
	color:#FF7200;
	text-decoration:none;
	}
a.lien {
	color:#9404AA;
	font-weight:normal;
	}
a:hover.lien {
	color:#225D55;
	font-weight:normal;
	}

.piscine {	/*H1 HAUT DE PAGE*/
	margin:0px;
	padding:0px;
	height:12px;
	line-height:12px;
	font-size: 11px; 
	font-weight:normal;
	color:#5FD3F9;
	}
.piscine_abri {	/*IMAGE A GAUCHE*/
	margin:0px;
	padding:0px 4px 0px 0px;
	float:left;
	}
.piscine_abri-droite {	/*IMAGE A GAUCHE*/
	margin:0px;
	padding:0px 0px 0px 4px;
	float:right;
	}
		
.separation {
	clear:both;
	visibility:hidden;
	margin:0px;
	padding:7px 0px 7px 0px;
	height:1px;
	}
	

/* BLOC CONTENEUR */
#abris_venus {
	width: 945px;
	margin:0px auto 0px auto;
	padding:0px;
	background-image:url(abri_piscine/fond-contenu.jpg);
	background-repeat:repeat-y;
	background-color:#FFA200;
	border-left: 1px solid #225D55;
	border-right: 1px solid #225D55;
	border-top: 5px solid #5FD3F9;
	text-align:left;
	position: relative;
}
/* BLOC GAUCHE */
#abri_piscine {
	width:229px;
	min-height:659px;
	background-image:url(abri_piscine/abri_piscine.jpg);
	background-repeat:no-repeat;
	margin: 0px;
	padding: 0px;
	float:left;
	position:relative;
	}
#abri_piscine-img{	
	margin:0px;
	padding:0px;
	}

/* MENU PRINCIPAL */

#abri_piscine ul{ 
	height:195px;
	width:229px;
	padding:0px 0px 0px 0px;
	margin-left:0px;
	margin-right:0px;
	margin-top: 60px;
	margin-bottom:0px;
	list-style-type:none;
	text-align:right;
	position:relative;
	}
#abri_piscine ul li	{
	height:21px;
	margin:0px 0px 3px 0px;
	padding:0px 7px 0px 0px;
	font-size: 14px;
	font-weight:bold;
	letter-spacing:0.1em;
	}
#abri_piscine ul li	a{
	margin:0px 0px 4px 0px;
	padding:0px 10px 3px 0px;
	}
#abri_piscine ul li	a:hover{
	background-image:url(abri_piscine/nav-over.gif);
	background-position:right;
	background-repeat:repeat-y;
	}		

/* MENU SECONDAIRE */

ul#securite_qualite { 
	width:126px;
	height:85px;
	background-image:url(abri_piscine/securite.gif);
	background-position:top left;
	background-repeat:repeat-y;
	padding: 0px;
	margin-left:13px;
	margin-right:0px;
	margin-top: 0px;
	margin-bottom:0px;
	list-style-type:none;
	text-align:left;
	position:relative;
	}
ul#securite_qualite li	{
	width:126px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size: 11px;
	letter-spacing:-0.1em;
	line-height:20px;
	text-align:left;
	}
ul#securite_qualite  li	a{
	margin:0px 0px 0px 0px;
	padding:3px 0px 5px 7px;
	color:#005EC5;
	}
ul#securite_qualite  li	a:hover{
	margin:0px 0px 0px 0px;
	padding:3px 0px 5px 7px;
	background-image:url(abri_piscine/nav2-over.gif);
	background-position:top left;
	background-repeat:no-repeat;
	color:#EB4D00;
	}

/* STYLES DES LABELS */
	
.fabrication {
	margin: 4px 0px 0px 42px;
	padding:0px;
	position:relative;
	}
a.certification img{
	margin: 4px 0px 0px 42px;
	padding:0px;
	border: 1px solid #FFFFFF;
	position:relative;
	}
a:hover.certification img{
	border: 1px solid #FF7200;
	}
	
/*BLOC CENTRAL*/
	
#abri_de_piscine	{
	width:711px;
	min-height:744px;
	background-image:url(abri_piscine/fond-page.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	padding:0px;
	margin:0px;
	float:left;
	position:relative;
	}
#abri_de_piscine-devis	{ /*formulaire demande de devis (dans lotus)*/
	width:100%;
	min-height:1000px;
	background-image:url(abri_piscine/fond-devis.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	padding:0px;
	margin:0px;
	position:relative;
	}
.abripiscine { /*paragraphe directement dans page d'accueil*/
	width:594px;
	float:left;
	left:30px;
	padding:0px;
	margin:0px 0px 0px 0px;
	text-align:justify;
	font-style:italic;
	color:#9404AA;
	position:relative;
	}
/*Boutons hauts*/
	
a#devis {
	width:69px;
	height:86px;
	background-image:url(abri_piscine/devis.gif);
	background-position:top left;
	background-repeat:no-repeat;
	left:111px;
	margin:7px 0px 0px 0px;
	padding:25px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	letter-spacing:-0.1em;
	color:#A90071;
	text-align:center;
	text-decoration:none;
	display:block;
	float:left;
	position:relative;
	}
a:hover#devis {
	color:#FF7200;
	background-image:url(abri_piscine/devis-over.gif);
	background-position:top left;
	background-repeat:no-repeat;
	text-decoration:none;
	}			

a#contacts {
	width:64px;
	height:86px;
	background-image:url(abri_piscine/contacts.gif);
	background-position:top left;
	background-repeat:no-repeat;
	left:152px;
	margin:7px 0px 0px 0px;
	padding:30px 0px 0px 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	letter-spacing:-0.1em;
	color:#A90071;
	text-align:center;
	text-decoration:none;
	display:block;
	float:left;
	position:relative;
	}
a:hover#contacts {
	color:#FF7200;
	background-image:url(abri_piscine/contacts-over.gif);
	background-position:top left;
	background-repeat:no-repeat;
	text-decoration:none;
	}				

a#accueil {
	width:75px;
	height:86px;
	background-image:url(abri_piscine/accueil.gif);
	background-position:top left;
	background-repeat:no-repeat;
	left:180px;
	margin:7px 0px 0px 0px;
	padding:30px 0px 0px 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	letter-spacing:-0.1em;
	color:#A90071;
	text-align:center;
	text-decoration:none;
	display:block;
	float:left;
	position:relative;
	}
a:hover#accueil {
	color:#FF7200;
	background-image:url(abri_piscine/accueil-over.gif);
	background-position:top left;
	background-repeat:no-repeat;
	text-decoration:none;
	}	
	
/*ACTUALITES*/	

#actualites {
	width:501px;
	height:222px;
	overflow:auto;
	background-image:url(abri_piscine/fond-actus.jpg);
	background-repeat:repeat-y;
	scrollbar-face-color: #FFA200; 
	scrollbar-shadow-color: #FFFFFF; 
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-3dlight-color: #cccccc; 
	scrollbar-darkshadow-color: black; 
	scrollbar-track-color: #FFECC0; 
	scrollbar-arrow-color: #FEE9CF;
	text-align:left;
	float:right;
	right:16px;
	padding:0px;
	margin:0px;
	position: relative;
	}
#actualites-titre{
	padding:0px;
	margin:5px 0px 10px 5px;;
	position:relative;
	}
.actus {
	width:450px;
	padding:0px;
	margin:0px 10px 0px 10px;
	position:relative;
	}

.actus h1 {
	font-size:12px;
	color:#005EC5;
	padding:0px;
	margin:0px 0px 0px 0px;
	}
.actus span{
	font-style:italic;
	}
.actus a{
	display:block;
	float:right;
	font-size:10px;
	font-weight:bold;
	color:#9404AA;
	}
.actus a:hover{
	display:block;
	float:right;
	font-weight:bold;
	font-size:10px;
	color:#FF7200;
	}
.actus img{
	float:left;
	padding:0px 4px 0px 0px;
	margin:0px;
	position:relative;
	}
	
/*DEVIS GRATUIT ACCUEIL*/
	
a#devis-gratuit {
	width:119px;
	height:119px;
	background-image:url(abri_piscine/devis-gratuit.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	font-size:11px;
	font-weight:normal;
	color:#A90071;
	text-align:center;
	line-height:12px;
	text-decoration:none;
	top:100px;
	right:60px;
	display:block;
	float:right;
	position:relative;
	}
a:hover#devis-gratuit {
	background-image:url(abri_piscine/devis-gratuit-over.gif);
	background-position:top left;
	background-repeat:no-repeat;
	text-decoration:none;
	}	
						
/* A L'AFFICHE*/

#abris_de_piscine {
	width:600px;
	text-align:left;
	left:30px;
	padding:0px;
	margin:0px 0px 0px 0px;
	position: relative;
	}	
#abris_de_piscine h1{
	margin:0px 0px 15px 30px;
	font-size:14px;
	font-weight:normal;
	}
#abris_de_piscine h2{
	margin:0px 0px 15px 20px;
	font-size:13px;
	color:#9200A8;
	font-weight:bold;
	}
#abris_de_piscine p {
	width:193px;
	height:137px;
	float:left;
	padding: 0px;
	margin:0px 7px 21px 0px;
	background-color:#225D55;
	text-align:center;
	position:relative;
	}	
#abris_de_piscine p a{	
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	}
#abris_de_piscine p a:hover{	
	font-size:12px;
	font-weight:normal;
	color:#FF7200;
	}


/* PAGES */

/* titre*/	

.abri_gigogne {
	float:left;
	padding:0px;
	margin:0px;
	position: relative;
	}	
	
/* colonne droite*/

#veranda_piscine {
	width:200px;
	text-align:left;
	float:right;
	text-align:center;
	padding:0px;
	margin:0px 5px 0px 0px;
	position: relative;
	}	
#veranda_piscine p{
	text-align:justify;
	}
#veranda_piscine h1{
	margin:0px 0px 15px 0px;
	font-size:14px;
	font-weight:bold;
	text-align:justify;
	}
#veranda_piscine img{
	margin:0px auto 0px auto;
		}	
#veranda_piscine p img{
	float:left;
	padding:0px 4px 0px 0px;
	}

/*image ou texte à gauche pour pages*/

#veranda { 
	width:300px;
	text-align:left;
	float:right;
	text-align:center;
	padding:0px;
	margin:0px 5px 0px 0px;
	position: relative;
	}	
#veranda p{
	text-align:justify;
	}
#veranda h1{
	margin:0px 0px 15px 0px;
	font-size:14px;
	font-weight:bold;
	text-align:justify;
	}
#veranda img{
	margin:0px auto 0px auto;
		}		
#veranda_devis { 
	width:250px;
	text-align:left;
	float:right;
	text-align:center;
	padding:0px;
	margin:0px 5px 0px 0px;
	position: relative;
	}	
#veranda_devis p{
	text-align:justify;
	}
#veranda_devis h1{
	margin:0px 0px 15px 0px;
	font-size:14px;
	font-weight:bold;
	text-align:justify;
	}
#veranda_devis img{
	margin:0px auto 0px auto;
		}		
	
		
.abripiscine2 { /*ABRIS paragraphe directement dans corps de la page*/
	width:450px;
	float:right;
	padding:0px;
	margin:20px 10px 0px 0px;
	text-align:justify;
	font-style:normal;
	font-size:14px;
	color:#9404AA;
	position:relative;
	}
.abripiscine3 { /*AUTRES PAGES paragraphe directement dans corps de la page*/
	width:650px;
	float:right;
	padding:0px;
	margin:20px 10px 0px 0px;
	text-align:justify;
	font-style:normal;
	font-size:12px;
	color:#9404AA;
	position:relative;
	}
h1.abripiscine3 { /*AUTRES PAGES paragraphe directement dans corps de la page*/
	width:650px;
	float:right;
	padding:0px;
	margin:20px 10px 0px 0px;
	text-align:justify;
	font-style:normal;
	font-size:14px;
	color:#9404AA;
	position:relative;
	}
/*DEVIS GRATUIT PAGES*/
	
a#devis-gratuit2 {
	width:119px;
	height:119px;
	background-image:url(abri_piscine/devis-gratuit.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0px auto 0px auto;
	padding:0px;
	font-size:11px;
	font-weight:normal;
	color:#A90071;
	text-align:center;
	line-height:12px;
	text-decoration:none;
	display:block;
	position:relative;
	}
a:hover#devis-gratuit2 {
	background-image:url(abri_piscine/devis-gratuit-over.gif);
	background-position:top left;
	background-repeat:no-repeat;
	text-decoration:none;
	}	

/*CARACTERISTIQUES*/	
#couverture_bas { 
	width:450px;
	background-image:url(abri_piscine/abri_bas.jpg);
	background-repeat:no-repeat;
	height:256px;
	margin: 10px 15px 0px 0px;
	padding:0px;
	border:1px solid #FFFFFF;
	float:right;
	text-align:left;
	position:relative;
	}
#couverture_bas  h1 {
	margin: 0px 0px 5px 10px;
	padding:0px;
	font-size:14px;
	font-weight:bold;
	}
#couverture_bas p {
	margin: 0px 0px 0px 10px;
	padding:0px;
	font-size:12px;
	font-weight:normal;
	
	}
#couverture_intermediaire { 
	width:450px;
	background-image:url(abri_piscine/abri_intermediaire.jpg);
	background-repeat:no-repeat;
	height:256px;
	margin: 10px 15px 0px 0px;
	padding:0px;
	border:1px solid #FFFFFF;
	float:right;
	text-align:left;
	position:relative;
	}
#couverture_intermediaire  h1 {
	margin: 0px 0px 5px 10px;
	padding:0px;
	font-size:14px;
	font-weight:bold;
	}
#couverture_intermediaire p {
	margin: 0px 0px 0px 10px;
	padding:0px;
	font-size:12px;
	font-weight:normal;
	
	}
#couverture_haut { 
	width:450px;
	background-image:url(abri_piscine/abri_haut.jpg);
	background-repeat:no-repeat;
	height:256px;
	margin: 10px 15px 0px 0px;
	padding:0px;
	border:1px solid #FFFFFF;
	float:right;
	text-align:left;
	position:relative;
	}
#couverture_haut  h1 {
	margin: 0px 0px 5px 10px;
	padding:0px;
	font-size:14px;
	font-weight:bold;
	}
#couverture_haut p {
	margin: 0px 0px 0px 10px;
	padding:0px;
	font-size:12px;
	font-weight:normal;
	
	}
#couverture_accole { 
	width:450px;
	background-image:url(abri_piscine/abri_accole.jpg);
	background-repeat:no-repeat;
	height:256px;
	margin: 10px 15px 0px 0px;
	padding:0px;
	border:1px solid #FFFFFF;
	float:right;
	text-align:left;
	position:relative;
	}
#couverture_accole  h1 {
	margin: 0px 0px 5px 10px;
	padding:0px;
	font-size:14px;
	font-weight:bold;
	}
#couverture_accole p {
	margin: 0px 0px 0px 10px;
	padding:0px;
	font-size:12px;
	font-weight:normal;
	
	}
#couverture_exception { 
	width:450px;
	background-image:url(abri_piscine/abri_exception.jpg);
	background-repeat:no-repeat;
	height:256px;
	margin: 10px 15px 0px 0px;
	padding:0px;
	border:1px solid #FFFFFF;
	float:right;
	text-align:left;
	position:relative;
	}
#couverture_exception  h1 {
	margin: 0px 0px 5px 10px;
	padding:0px;
	font-size:14px;
	font-weight:bold;
	}
#couverture_exception p {
	margin: 0px 0px 0px 10px;
	padding:0px;
	font-size:12px;
	font-weight:normal;
	
	}
/* intro pages*/		
.couverture { 
	width:350px;
	margin: 10px 15px 0px 0px;
	padding:0px;
	border:1px solid #FFFFFF;
	float:right;
	text-align:left;
	position:relative;
	}
.couverture  h1 {
	margin: 0px 0px 5px 10px;
	padding:0px;
	font-size:14px;
	font-weight:bold;
	}
.couverture p {
	margin: 0px 0px 0px 10px;
	padding:0px;
	font-size:12px;
	font-weight:normal;
	
	}
/* FICHE ABRI*/	

.exemple_abri { /* texte bleu */
	float:right;
	width:450px;
	height:200px;
	margin: 10px 15px 0px 0px;
	padding:0px;
	border:1px solid #FFFFFF;
	position:relative;
	}
.exemple_abri h1{/* transparence à 0 pour le contenu du bloc */	
	background-color:#D7DCDE;
	filter:alpha(opacity=100);/* IE*/	
	-moz-opacity:1;/* Mozilla*/	
	opacity:1;/*générale*/
	width:450px;
	padding:0px;
	margin:0px 0px 10px 0px;
	left:0px;
	height:15px;
	text-align:justify;
	font-weight:bold;
	color:#225D55;
	font-size:12px;
	font-style:normal;
	position:relative;
	text-align:center;
	z-index:1;
	}			
.exemple_abri p{/* transparence à 0 pour le contenu du bloc */	
	filter:alpha(opacity=100);/* IE*/	
	-moz-opacity:1;/* Mozilla*/	
	opacity:1;/*générale*/
	width:440px;
	padding:0px;
	margin:0px;
	left:5px;
	height:175px;
	text-align:justify;
	font-weight:normal;
	color:#005EC5;
	font-size:11px;
	font-style:normal;
	position:relative;
	z-index:1;
	}
.exemple_abri p img	{
	padding:0px 4px 0px 0px;
	margin:0px;
	float:left;
	position:relative;
	}

.transparent { 	
	background-color:#FFFFFF;
	filter:alpha(opacity=40);/* IE*/	
	-moz-opacity:.40;/* Mozilla*/	
	opacity:.40; /*générale*/
	width:450px;
	height:200px;
	position:absolute;
	z-index:0;
	}
					
/*BLOC BAS*/	
#abris_piscine	{
	width:945px;
	height:52px;
	background-image:url(abri_piscine/fond-bas.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#FFA200;
	border-left: 1px solid #225D55;
	border-right: 1px solid #225D55;
	margin:0px auto 0px auto;
	padding:0px;
	line-height:12px;
	position:relative;
	}
#abris_piscine	a{
	font-weight:normal;
	}
					


/*#bulle {
	left:63px;
	top:309px;
	padding:5px;
	margin:0px;
	width:424px;
	height:239px;
	text-align:justify;
	background-image:url(piscine-la-ramee/fond-bulle.gif);
	background-repeat:no-repeat;
	line-height:15px;
	z-index:1;
	visibility:hidden;
	position:absolute;
	}
#bulle span {
	font-weight:bold;
	font-size:12px;
	color:#00A6EB;
	}*/