@charset "utf-8";
/* Elements de base */

a { font-weight: bold; color: #006B34; outline:none; }
a:link { color: #006B34; text-decoration: underline; }
a:visited { color: #006B34; text-decoration: none; }
a:hover { color: #006B34; text-decoration: underline; }
a:active { color: #006B34; text-decoration: underline; }

.txtcourant, #contenu p, #contenu ul, #contenu li, #contenu {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px;}

#contenu ul, #contenu ol {
	margin-left: 30px;
	}

h1 {
	text-indent: 0px;
	font-size: 15px;
	font-style: bold;
	line-height: 20px;
	}

h2 {
	text-indent: 0px;
	font-size: 14px;
	font-style: bold;
	}

h3 {
	text-indent: 0px;
	font-size: 13px;
	font-style: bold;
	margin: 5px 0 0 0;
	padding: 0;
	}

h4 {
	text-indent: 0px;
	font-size: 12px;
	font-style: bold;
	line-height: 16px;
	margin: 5px 0 0 0;
	padding: 0;
	}

h5 {
	text-indent: 0px;
	font-size: 11px;
	font-style: bold;
	}

img { border: 0;}

table { margin: 0;}


/* Portails */
#portail h3, #portail h4 {
	font-family: "Futura Condensed BT", "Futura BT", "Futura Condensed Medium", "Futura Condensed", "Futura Medium", "Futura Book", Futura, Arial, Helvetica, sans-serif;
	}
#portail h3 {
	font-size: 18px;
	line-height: 18px;
	}
#portail h4 {
	color: #063;
	font-family: "Futura Condensed BT", "Futura BT", "Futura Condensed Medium", "Futura Condensed", "Futura Medium", "Futura Book", Futura, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	margin: 5px 0 0 0;
	padding: 0;
	}
#portail h5 {
	font-size: 12px;
	margin: 5px 0;
	}
#portail h6 {
	font-size: 11px;
	margin: 5px 0;
	}
table.top td {
	vertical-align: top;
	margin: 0;
	padding: 5px;
	}
table.top p {
	margin: 2px 0;
	}

#portail table.top tr.teinte td {
	text-align: center;
	}
#portail table.top tr.teinte td img { /* Definit la taille des carres de couleurs */
	border: 1px solid #000;
	height: 60px;
	width: 60px;
	}
#portail table.top tr.teinte td {
	width: 14%;
	}

#portail a.on:visited {
	color: #C00;
	}

/************* Reglage pour pages Portail et Cloture */

#portail p, #cloture p {
	margin: 5px 0 10px 0;
	}
#portail ul li, #portail ol li, #cloture ul li, #cloture ol li {
	margin: 5px 0 0 0;
	}
#portail td, #cloture td {
	padding: 5px;
	}

/*************  Pavé Vu sur LCI */
#BlocLCI {
	position: absolute;
	right: 22px;
	top: 241px;
	text-align:center;
	}
	
.fermerGlobal {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 10px;
	top: 10px;
}
#BlocLCIAnnonce {
	position: absolute;
	left: 0;
	top: 0;
	width: 998px;
	height: 710px;
	background: #fff;
	z-index: 10000;
	display: none;
	}
#BlocLCIVideo {
	margin: 100px 0 0 50px;
	}

/*************  Pavé Gamme Révélation Accueil */
#BlocRevelation {
	position: absolute;
	right: 7px;
	/*bottom: 120px;*/
	top: 505px;
	text-align:center;
	padding:10px;
	}
/************* Reglage pour pages Portail Gamme Revelation */
#contenuRevelation {  
	background-color:#5f6062;
	top:0;
	vertical-align:text-top;
	color:#fff; 
	line-height: 14px;
	}
	#contenuRevelation ul, #contenuRevelation ol {
		margin-left: 30px;
		}

	#contenuRevelation table {
		color:#fff;
		font-size:10px;
		padding:0;
		margin:0;
		top:0;
		vertical-align:top;
		}
		#contenuRevelation table tr td {
			padding:10px;
			vertical-align:top;
			top:0;
			}
		#contenuRevelation table tr th {
			padding:0;
			margin:0;
			vertical-align:top;
			top:0;
			}
	#contenuRevelation table.Encadre {
		color:#fff;
		font-size:10px;
		padding:0;
		margin:0;
		top:0;
		vertical-align:top;
		border:1px solid white;
		}

#contenuRevelation .PuceJaune { 
	background:transparent url(img/com/portails/gamme_revelation/puce_jaune.gif) left top no-repeat;
	padding-left:18px; 
	padding-bottom:3px;
	line-height:18px;
	}
#contenuRevelation .PuceOrange { 
	background:transparent url(img/com/portails/gamme_revelation/puce_orange.gif) left top no-repeat;
	padding-left:18px; 
	padding-bottom:3px;
	line-height:18px;
	}
#contenuRevelation .PuceBleue { 
	background:transparent url(img/com/portails/gamme_revelation/puce_bleue.gif) left top no-repeat;
	padding-left:18px; 
	padding-bottom:3px;
	line-height:18px;
	}
img.center { 
	text-align:center;
	}


/************* Reglage pour pages Garde-corps pour villa */

#contenuGardeCorpsVilla {  
	background-color:#f5e9d1;
	top:0;
	vertical-align:text-top;
	color:#000; 
	line-height: 14px; 
	}
	#contenuGardeCorpsVilla #header {  
		margin:0;
		padding:0;
		top:0;
		vertical-align:text-top;
		}
		#contenuGardeCorpsVilla #header table tr th {
			padding:0;
			margin:0;
			vertical-align:top;
			top:0;
			}
	#contenuGardeCorpsVilla h2 {  
		color:#91062a; 
		line-height:22px;
		text-align:left;
		}
	#contenuGardeCorpsVilla table {
		color:#000;
		font-size:10px;
		padding:0;
		margin:0;
		top:0;
		vertical-align:top;
		}
	#contenuGardeCorpsVilla table.coloris {
		background-color:#fff;
		}
		#contenuGardeCorpsVilla table tr td {
			padding:10px;
			vertical-align:top;
			top:0;
			text-align:justify;
			}
			#contenuGardeCorpsVilla table tr td .CaseCochee {
				background:transparent url(img/com/garde_corps_villa/case_cochee.gif) left top no-repeat;
				padding-left:15px; 
				padding-bottom:3px;
				line-height:20px;
				}

	#contenuGardeCorpsVilla table.Encadre {
		color:#000;
		font-size:10px;
		padding:0;
		margin:0;
		top:0;
		vertical-align:top;
		border:1px solid white;
		}
	#contenuGardeCorpsVilla #basdepage {
		bottom: 5px;
		text-align: right;
		position: absolute;
		right: 20px;	
		border-top: 1px solid #92062a;
		width: 700px;
		}


/************* Galeries photos */
#galerie {
	width:500px;
	margin:0 auto;
}
#galerie .galerie_img {
	width:78px;
	height:78px;
	float:left;
	margin-bottom:20px;
	margin-right:5px;
}	
	
#contenuGaleriesPhotos  {  
	background:#165e86 url(img/com/galeries-photos/degrade-bleu.gif) right top repeat-y;
	color:#fff; 
	vertical-align:text-top;
	margin-left:208px;
	}
	#contenuGaleriesPhotos a:link,
	#contenuGaleriesPhotos a:visited {  
		color:#fff;
		font-weight:normal;
		text-decoration:none;
		}
	#contenuGaleriesPhotos a:active,
	#contenuGaleriesPhotos a:hover {  
		text-decoration:underline;
		}
	#contenuGaleriesPhotos #lion  {  
		background:transparent url(img/com/galeries-photos/trame-lion.gif) right bottom no-repeat;
		}
	#contenuGaleriesPhotos #intro  {
		background:transparent url(img/fr/galeries-photos/galeries-photos.gif) left top no-repeat;  
		padding: 80px 0 50px 40px;
		width:450px;
		text-align:justify;
		}

	#contenuGaleriesPhotos #choixGalerie {  
		background:transparent url(img/fr/galeries-photos/choisissez-votre-galerie.gif) left top no-repeat;
		margin-top:50px;
		margin-left:350px;
		padding:50px 0 0 100px;
		}
		#contenuGaleriesPhotos #choixGalerie ul li {
			list-style:none;
			padding-bottom:20px;
			margin-bottom:40px;
			}
			#contenuGaleriesPhotos #choixGalerie ul li a.tradition {  	
				background:transparent url(img/com/galeries-photos/galerie-tradition.jpg) left center no-repeat;
				padding:20px 0 20px 90px;
				font-size:12px;
				font-weight:bold;
				}
			#contenuGaleriesPhotos #choixGalerie ul li a.contemporain {  	
				background:transparent url(img/com/galeries-photos/galerie-contemporain.jpg) left center no-repeat;
				padding:20px 0 20px 90px;
				font-size:12px;
				font-weight:bold;
				}
			#contenuGaleriesPhotos #choixGalerie ul li a.revelation{  	
				background:transparent url(img/com/galeries-photos/galerie-revelation.jpg) left center no-repeat;
				padding:20px 0 20px 90px;
				font-size:12px;
				font-weight:bold;
				}
			#contenuGaleriesPhotos #choixGalerie ul li a.cloture {  	
				background:transparent url(img/com/galeries-photos/galerie-cloture-tradition.jpg) left center no-repeat;
				padding:20px 0 20px 90px;
				font-size:12px;
				font-weight:bold;
				}
			#contenuGaleriesPhotos #choixGalerie ul li a.cloture {  	
				background:transparent url(img/com/galeries-photos/galerie-cloture-contemporain.jpg) left center no-repeat;
				padding:20px 0 20px 90px;
				font-size:12px;
				font-weight:bold;
				}

/************* Galeries photos test */
#contenuGaleriesPhotos #choixGalerieTest {  
		background:transparent url(img/fr/galeries-photos/choisissez-votre-galerie.gif) left top no-repeat;
		margin-top:10px;
		margin-left:40px;
		padding-top:50px;
		}
	
		#contenuGaleriesPhotos #choixGalerieTest table{
			list-style:none;
			padding-bottom:20px;
			margin-bottom:40px;
			font-weight:bold;
			color:#fff;
			font-size:11px;
			text-align:left;
			}
			#contenuGaleriesPhotos #choixGalerieTest table td ul li {
				list-style:none;
				padding-bottom:20px;
				margin-bottom:40px;
				margin-left:-20px;
				}
			#contenuGaleriesPhotos #choixGalerieTest table td ul li a.tradition {  	
				background:transparent url(img/com/galeries-photos/galerie-tradition.jpg) left center no-repeat;
				padding:20px 0 20px 85px;
				font-size:11px;
				font-weight:bold;
				}
			#contenuGaleriesPhotos #choixGalerieTest table td ul li a.contemporain {  	
				background:transparent url(img/com/galeries-photos/galerie-contemporain.jpg) left center no-repeat;
				padding:20px 0 20px 85px;
				font-size:11px;
				font-weight:bold;
				}
			#contenuGaleriesPhotos #choixGalerieTest table td ul li a.revelation {  	
				background:transparent url(img/com/galeries-photos/galerie-revelation.jpg) left center no-repeat;
				padding:20px 0 20px 85px;
				font-size:11px;
				font-weight:bold;
				}
			#contenuGaleriesPhotos #choixGalerieTest table td ul li a.clotureTradition {  	
				background:transparent url(img/com/galeries-photos/galerie-cloture-tradition.jpg) left center no-repeat;
				padding:20px 0 20px 85px;
				font-size:11px;
				font-weight:bold;
				}
			#contenuGaleriesPhotos #choixGalerieTest table td ul li a.clotureContemporain {  	
				background:transparent url(img/com/galeries-photos/galerie-cloture-contemporain.jpg) left center no-repeat;
				padding:20px 0 20px 85px;
				font-size:11px;
				font-weight:bold;
				}



	#contenuGaleriesPhotos #header  {  
		padding: 0 40px 20px 0;
		}
		#contenuGaleriesPhotos #header #cliquePhoto  {
			text-align:right;
			font-size:12px;
			font-style:italic;
			font-weight:normal;
			color:#fff;
			right:0;
			}

	#contenuGaleriesPhotos #galerie-fiche {
		width:100%;
		/*padding-left:50px;*/
		text-align:center;
		color:#fff;
		}
		#contenuGaleriesPhotos #galerie-fiche table {
			text-align:center;
			color:#fff;
			}
		#contenuGaleriesPhotos #galerie-fiche table.zoom {
			width:584px;
			text-align:center;
			}
			#contenuGaleriesPhotos #galerie-fiche table td,
			 #contenuGaleriesPhotos #galerie-fiche table.zoom td{
				padding-bottom:10px;
				}
			#contenuGaleriesPhotos #galerie-fiche table.zoom th {
				text-align:right;
				font-size:10px;
				font-weight:normal;
				vertical-align:text-top;
				top:0;
				width:70%;
				height:100px;
				}
		#PhotoPrecedente  {  
			background:transparent url(img/com/galeries-photos/fleche-retour.gif) left top no-repeat;
			width:200px;
			margin:0;
			padding:10px 20px 20px 20px;
			}	
		#PhotoSuivante  {  
			background:transparent url(img/com/galeries-photos/fleche-suivant.gif) right top no-repeat;
			width:200px;
			margin:0;
			padding:10px 20px 20px 20px;
			}	
		#autresGaleries  {  
			/*background:transparent url(img/com/galeries-photos/fleche-retour-acceuil.gif) right top no-repeat;*/
			width:180px;
			margin-left:40px;
			padding:10px 20px 20px 0;
			float:left;
			}
		#autresGaleries2 {  
			/*background:transparent url(img/com/galeries-photos/fleche-retour-acceuil.gif) right top no-repeat;*/
			width:180px;
			margin-top:-150px;
			margin-left:40px;
			padding:10px 20px 20px 0;
			float:left;
			}

/************* Pages de la Rubrique Barrieres de piscine */
#contenu li {
	margin-bottom: 0.5em;}

#contenu h3 {
	background: #fff url(img/com/barr_piscine/bg_titre_neptuna.jpg) center center no-repeat;
	color:#fff;
	font-size: 14px;
	height: 20px;
	line-height: 1.6em;
	margin: 1.5em auto;
	text-align: center;
	width: 70%;}
	
#contenu h4 {
	font-size: 13px;
	}

#contenu p.loi {
	background-color:#9c6;
	border: 1px solid #060;
	padding: 0.2em;}

/******** Barrieres de piscine - Gamme Contemporain - Coloris */
#contenu table.top tr.teinte td {
	text-align: left;
	}
#contenu table.top tr.teinte td img { /* Definit la taille des carres de couleurs */
	border: 1px solid #000;
	height: 15px;
	width: 15px;
	}


/* Classes */

.cadre { /* Pour creer un encadre */
	border: 2px solid #963;
	margin: 10px 0;
	padding: 5px;
	}

.cadreMotorisation { /* Pour creer un encadre */
	border: 2px solid #963;
	margin: 10px 0;
	padding: 5px;
	background-color:#ffef19;
	font: normal bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:justify;
	}

.Police9px {
	font-size: 9px;
	}
.Police11px {
	font-size: 11px;
	}
.Police18px {
	font-size: 18px;
	}
.noir {
	color: #000;
	}
.vert {
	color: #006b34;
	font: normal bold 10px Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
.jaune {
	color: #f5ce00;
	font: normal bold 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
.bleu {
	color: #58cbff;
	font: normal bold 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	}
.separateur {
	clear: both;
	visibility: hidden;
	}
.underline {
	text-decoration: underline;
	}
.floatLeft {
	float: left;
	}
.floatRight {
float: right;
}
.imgFloatLeft {
	float: left;
	margin: 2px;
	}
.imgFloatRight {
	float: right;
	margin: 2px;
	}
.justify { text-align: justify; }

.left { text-align: left; }

.center { text-align:center; }

.right { text-align: right; }

.bottom { vertical-align: bottom;}

.width30pc { width: 30%; }

.width50pc { width: 50%; }

.width70pc { width: 70%; }

a.lienref {color: #fff; font-size:6px;}

a.lienBlc:link, a.lienBlc:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	}

a.lienBlc:hover, a.lienBlc:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: underline;
	font-size: 10px;
	font-weight: bold;
	}


.txtcourant1G {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #006B34;
	font-weight: bold;
	}

.txtcourant2G {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #FFFFFF;
	font-weight: bold;
	}