/* css communes*/

/* conteneurs principaux */

#wrap {
	position:static;
	z-index:0;
	width:100%;
	}
	#content {
		width:984px;
		margin:0;
		}

/*Global : devises, attributs divers ... */

p.tarif {
	height:20px;
	left:77px; *left:-85px; _left:77px;
	width:150px;
	line-height:0.2em;
	*line-height:1em;
	_line-height:1em;
	position:absolute;
	top:56px;
	*top:50px;
	}
	.nombre,
	.decimal {
		font-family:Arial,Helvetica,sans-serif;
		font-weight:bold;
		letter-spacing:-0.8px;
		color:#CC0000;
		}
		.nombre {
			font-size:1.3em;
			line-height:1.3em
			}	
		.decimal {
			font-size:1.5em;
			}
		.devise,
		.texte-rouge {
			color:#CC0000;
			}
		.devise {
			font-size:1.2em;
			font-weight:bold;
			}
	p.tarif span.prixPeriodiqueBarre {
		color:#CC0000;
		font-size:1.4em;
		text-decoration:line-through;
		}

.separation-pointillee {
	visibility:visible;
	border:0px;
	border-bottom:1px dotted red;
	padding-top:12px;
	width:957px;
	margin-left:9px;
	}

h3 {
	font-size:13px;
	margin-top:0px;
	}

/*Zone contacts et services*/

#contact-phone{
	background:#FFFFFF url(img/amalgame-langue.gif) no-repeat scroll -2px -1px;
	float:left;
	height:68px;
	margin:5px 0 5px 14px;
	width:944px;
	}

div#contact-phone label {
		color:#003F86;
		font-family:helvetica,arial;
		font-size:1.1em;
		font-weight:bold;
		}
div#contact-phone form {
	float:right;
	margin:15px 0 0;
	width:171px;
	}
	div#contact-phone form input {
		width:120px;
		}
	div#contact-phone form input#bouton-rechercher {
		width:25px;
		height:25px;
		margin:0 0 -7px 0;
		padding:0;
		}
				
#texte-intro {
	margin-left:9px;
	margin-top:12px;
	float:left;
	width:960px;
	height:50px;
	}
#texte-intro h1 {
	margin-top:0px;
	font-size:1.3em;
	}			
				
/*Zone service*/

#encart-services ul li.section-cat {
	float:left;
	padding:2px;
	position:relative;
	}

#encart-services ul li.section-cat a {
	background-image:url(img/blank.gif);
	color:#EA0B00;
	display:block;
	height:60px;
	position:absolute;
	width:248px;
	z-index:50;
	}

#encart-services {
	background:#FFFFFF url(img/index/encarts-index.jpg) no-repeat scroll 0px -3px;
	width:970px;
	height:74px;
	margin-left:9px;
	}
	
#encart-services ul {
	float:left;
	width:100%;
	height:74px;
	}
#encart-services h2 {
	font-size:1.1em;
	margin-top:4px;
	margin-bottom:0em;
	}
#encart-services ul li {
	position:relative;
	float:left;
	margin-left:9px;
	height:64px;
	margin-top:5px;
	}
	
#encart-services ul li #libelle-recherche {
	font-family:helvetica, arial;
	font-weight:bold;
	font-size:1.1em;
	color:#003F86;
	margin-top:7px;
	display:block;
	}
	
#encart-services ul li p,
#encart-services ul li input{
	margin-top:5px;
	}

#encart-services ul li input {
	width:120px;
	float:left;
	}
	
#encart-services ul li input#bouton-rechercher {
	width:25px;
	height:25px;
	margin-top:4px;
	margin-left:7px;
	_margin-left:0px;
	}

#encart-services ul li p {
	position:absolute;
	top:21px;
	width:210px;
	}
	
#encart-services ul li#rechercher {
	width:169px;
	}

#encart-services ul li#newsletter,
#encart-services ul li#cheque-cadeau,
#encart-services ul li#forum {
	width:247px;
	margin-left:9px;
	}
	
#encart-services ul li#newsletter,
#encart-services ul li#cheque-cadeau {
	border-right:1px dotted red;
	}

#encart-services ul li .picto-service {
	background:#FFFFFF url(img/amalgame-commun.gif) no-repeat scroll;
	position:absolute;
	left:208px;
	_left:200px;
	height:38px;
	width:38px;
	}
	
#encart-services ul li#newsletter .picto-service {
	background-position:0 0;
	}
	
#encart-services ul li#cheque-cadeau .picto-service {
	background-position:-38px 0;
	}
	
#encart-services ul li#forum .picto-service {
	background-position:-78px 0;
	}

/*Catalogue*/

ul.catalogue {
	width:980px; _width:100%;
	margin:0; _margin-left:-12px;
	padding:0;
	}
	ul.catalogue li.intituleSection,
	ul.catalogue li.troisCols,
	ul.catalogue li.quatreCols,
	ul.catalogue li.sixCols {
		position:relative;
		z-index:4;
		margin:8px;
		padding:0;
		float:left;
		}
		ul.catalogue li.intituleSection {
			width:100%;
			}
			
		/*Catalogue 3 cols*/
		
		ul.catalogue li.troisCols {
			width:310px;
			margin:8px 0;
			}
			ul.catalogue li.troisCols img {
				float:right;
				}
			ul.catalogue li.troisCols p,
			ul.catalogue li.troisCols h3,
			ul.catalogue li.troisCols ul{
				float:left;
				width:160px;
				}
				ul.catalogue li.troisCols h3 a{
					padding-bottom:210px;
				}
			ul.catalogue li.troisCols h2 {
				width:150px;
				}
				ul.catalogue li.troisCols h2 a{
					padding-bottom:210px;
					}
			ul.catalogue li.troisCols ul {
				height:53px;
				}
			ul.catalogue li.troisCols p {
				padding-top:10px;
				}
			ul.catalogue li.grandFond {
				border-right:1px dotted red;
				margin:8px 0 8px 7px;
				padding:0 8px 0 0;
				}
			ul.catalogue li.petitFond {
				border-left:1px dotted red;
				margin:8px 0 8px -2px;
				padding:0 0 0 11px;
				}
		
		/*Catalogue 4 cols*/
				
		ul.catalogue li.quatreCols,
		ul.catalogue li.quatreColsNuance {
			width:235px;
			margin:8px 0 8px 8px;
			}
			ul.catalogue li.quatreCols img {
				float:left;
				}
			ul.catalogue li.quatreCols p,
			ul.catalogue li.quatreCols h3,
			ul.catalogue li.quatreCols ul {
				float:right; _float:none;
				width:145px;
				}
				ul.catalogue li.quatreCols h3 a{
					left:89px;
					margin:0;
					padding:0 0 135px;
					width:145px;
					}
			ul.catalogue li.quatreCols h2{
				float:none;
				width:145px;
				}
				ul.catalogue li.quatreCols h2 a{
					left:89px;
					margin:0;
					padding:0 0 135px;
					width:145px;
					}
					
		/*Catalogue 4 cols nuanc*/
		
		ul.catalogue li.quatreColsNuance {
			height:340px;
			width:100%;
			}
		ul.catalogue li.quatreColsNuance ul.triProduit {
			width:25%;
			height:100%;
			float:left;
			
			}
			ul.catalogue li.quatreColsNuance ul.triProduit li {
				display:block;
				height:73px;
				width:100%;
				}
				ul.catalogue li.quatreColsNuance ul.triProduit li a.lienImage { width:70px; height:70px; display:block; float:left; }
				ul.catalogue li.quatreColsNuance ul.triProduit li img{
					width:70px;
					height:70px;
					}
				ul.catalogue li.quatreColsNuance ul.triProduit li h2,
				ul.catalogue li.quatreColsNuance ul.triProduit li p {
					display:block;
					float:right;
					margin:0 7px 0 0;
					padding:0;
					width:157px;
					}
				ul.catalogue li.quatreColsNuance ul.triProduit li p {
	
					}
				ul.catalogue li.quatreColsNuance ul.triProduit li h2 {
					height:21px;
					}
					ul.catalogue li.quatreColsNuance ul.triProduit li h2 a{
						margin:0;
						padding:0 0 60px;
						position:absolute;
						width:160px;
						}
			
			ul.catalogue li.quatreColsNuance ul.biProduit {
				width:25%;
				float:left;
				height:100%;
				}
				ul.catalogue li.quatreColsNuance ul.biProduit li {
					height:115px;
					width:100%;
					list-style-type:none;
					}
					ul.catalogue li.quatreColsNuance ul.biProduit li img{
						float:left;
						height:94px;
						margin-top:16px;
						width:83px;
						}
					ul.catalogue li.quatreColsNuance ul.biProduit li ul,
					ul.catalogue li.quatreColsNuance ul.biProduit li p {
						display:block;
						margin:0;
						padding:0;
						float:right;
						width:150px;
						}
					ul.catalogue li.quatreColsNuance ul.biProduit li p {
						margin-top:12px;
						}
					ul.catalogue li.quatreColsNuance ul.biProduit li ul {
						height:80px;
						}
						ul.catalogue li.quatreColsNuance ul.biProduit li ul li {
							float:left;
							line-height:2em; _line-height:1.1em;
							height:3px;
							font-size:0.90em;
							}
					ul.catalogue li.quatreColsNuance ul.biProduit li h2 a{
						margin:0;
						padding:0 0 95px;
						position:absolute;
						width:223px;
						}
				
			
		
		/*Catalogue 6 cols*/
				
		ul.catalogue li.sixCols {
			width:147px; _width:145px;
			}
			ul.catalogue li.sixCols ul{
				width:147px;
				}
				ul.catalogue li.sixCols p.tarifGammeContact{
					margin:15px 0 4px;
					}	
				ul.catalogue li.sixCols img {
					_width:98%;
					}
				ul.catalogue li.sixCols h3 a{
					padding-bottom:100px;
					}
				ul.catalogue li.sixCols h2 a{
					padding-bottom:100px;
					}
			
			/*Catalogue lments communs*/
			
			ul.catalogue li h2,
			ul.catalogue li h3 {
				border:none;
				width:100%;
				}
			ul.catalogue li h2 {
				font-size:1.1em;
				font-variant:normal;
				}
				ul.catalogue h2 a {
					border:none;
					background-image:url(img/blank.gif);
					position:absolute;
					color:#007EB3;
					display:block;
					width:100%;
					z-index:50;
					}	
			ul.catalogue li ul {
				height:70px;
				margin:5px 0 0 0;
				}
				ul.catalogue li ul li {
					border:none;
					line-height:12px;
					height:3px;
					_margin:0;
					}
			ul.catalogue li a {
				z-index:60;
				font-weight:bold;
				}
			ul.catalogue li ul li a {
				position:relative;
				}
				ul.catalogue li a:hover {
					color:#EA0B00;
					}
			ul.catalogue h3 a {
				border:none;
				background-image:url(img/blank.gif);
				position:absolute;
				color:#007EB3;
				display:block;
				width:100%;
				z-index:50;
				}				
			ul.catalogue li.troisCols p,
			ul.catalogue li.troisCols p.tarifGamme,
			ul.catalogue li.quatreCols p.tarifGamme,
			ul.catalogue li.sixCols img{
				padding-top:30px;
				}
			ul.catalogue li.quatreCols p.tarifGammeContact {
				padding:45px 0 3px;
				}
				
			ul.catalogue div#firstAlternateBackground,
			ul.catalogue div#secondAlternateBackground {
				position:absolute;
				width:99%;
				z-index:2;
				}
			ul.catalogue div#firstAlternateBackground {
				background:#fff url(img/index/catalogue/backgroundCatalogueA.gif) no-repeat scroll;
				height:260px;
				}
			ul.catalogue div#secondAlternateBackground {
				background:#fff url(img/index/catalogue/backgroundCatalogueA.gif) no-repeat scroll;
				height:170px;
				}
			ul.catalogue li.intituleSection span,
			ul#colonne-fiche-pratique li.intituleSection span {
				color:#FF7212;
				font-size:1.3em;
				font-variant:small-caps;
				margin-bottom:0;
				margin-top:0;
				}
			div#partenaires span {
				font-family:Helvetica, Arial, sans-serif;
				font-weight:bold;
				margin-top:15px;
				color:#003F86;
				display:block;
				width:100%;
				font-size:1.3em;
				}			
				
/*Fiches pratiques*/

ul#colonne-fiche-pratique,
ul#colonne-fiche-pratique li.intituleSection {
	width:100%;
	float:left;
	}
	ul#colonne-fiche-pratique li {
		width:185px;
		float:left;
		}
	
p#redaction {
	min-width:770px;
	float:left;
	margin:15px 0 5px 5px;
	}

/*menu infrieur*/

div#menu-inferieur {
	margin:0 0 0 7px;
	width:960px;
	position:relative;	
	}
	#menu-inferieur #rechercher {
		background:#FFFFFF url(img/amalgame-commun.gif) no-repeat scroll 0 -858px;
		clear:both;
		float:right;
		height:61px;
		padding:2px 9px;
		position:absolute;
		right:0px; 
		top:-10px; *top:5px;
		}	
		#menu-inferieur #rechercher input {
			float:left;
			width:120px;
			margin-top:6px;
			}
		#menu-inferieur #rechercher input#bouton-rechercher {
			height:25px;
			margin-left:6px;
			margin-top:4px;
			width:25px;
			}
		#menu-inferieur #rechercher span{
			font-family:helvetica, arial;
			font-weight:bold;
			font-size:1.1em;
			color:#003F86;
			margin-top:7px;
			display:block;
			}
			
	#menu-inferieur ul.menuderoulant {
		width:100%;
		height:490px;
		margin-top:50px;
		}
		#menu-inferieur ul.menuderoulant li {
			float:left;
			margin:10px 5px 0 60px; _margin:10px 33px 0 25px;
			position:relative;
			width:175px;
			}
		#menu-inferieur ul.menuderoulant li.petitFond {
			margin-right:0;
			}
		#menu-inferieur ul.menuderoulant li a.twoline {
			height:29px;
			line-height:13px;
			}
			#menu-inferieur ul.menuderoulant li a{
				display:block;
				color:black;
				height:16px;
				}
			#menu-inferieur ul.menuderoulant li a:hover{
				color:#FF7212;
				}
			#menu-inferieur ul.menuderoulant li a.entete-menu,
			#menu-inferieur ul.menuderoulant li a.entete-menu-twoline,
			#menu-inferieur ul.menuderoulant li a.entete-menu-threeline{
				color:#007EB3;
				font-size:1.2em;
				font-variant:small-caps;
				}
			#menu-inferieur ul.menuderoulant li ul li {
				margin:0
				}
				
			#menu-inferieur ul.menuderoulant li .picto{
				background-color:#FFFFFF;
				background-image:url(img/amalgame-commun.gif);
				background-repeat:no-repeat;
				height:40px;
				left:-45px;
				position:absolute;
				top:0;
				width:45px;
				}
				#menu-inferieur ul.menuderoulant li.traitement-eau .picto{ background-position:18px -747px; }
				#menu-inferieur ul.menuderoulant li.couvertures .picto{ background-position:-55px -931px; }
				#menu-inferieur ul.menuderoulant li.chauffage .picto{ background-position:-79px -747px; left:-38px; width:35px; }
				#menu-inferieur ul.menuderoulant li.nettoyage .picto{ background-position:-115px -745px; }
				#menu-inferieur ul.menuderoulant li.relaxation .picto{ background-position:-2px -821px; }
				#menu-inferieur ul.menuderoulant li.abords .picto{background-position:16px -779px;}
				#menu-inferieur ul.menuderoulant li.securite .picto{ background-position:-27px -781px; }
				#menu-inferieur ul.menuderoulant li.materiel .picto{ background-position:-66px -785px; }
				#menu-inferieur ul.menuderoulant li.construction .picto{ background-position:-114px -785px; }
				#menu-inferieur ul.menuderoulant li.mobilier .picto { background-position:-126px -926px; }
				#menu-inferieur ul.menuderoulant li.abris .picto{ background-position:-32px -747px; }
				#menu-inferieur ul.menuderoulant li.spa .picto{ background-position:-10px -927px; }	
				
	#menu-inferieur ul.menuderoulant li.promo { display:none; }
	#menu-inferieur ul.menuderoulant li.homePage { display:none; }
	
/*partenaires*/

#partenaires {
	margin-left:9px;
	margin-top:9px;
	position:relative;
	width:100%;
	z-index:900;
	}
	
/* -_-_-_-_-_-_-_-_ css historiques, servent uniquement aux sites annexes (BoL, SPoL) -_-_-_-_-_-_-_-_ */

/*Catalogue*/

#rechercher {
		background:#FFFFFF url(img/amalgame-commun.gif) no-repeat scroll 0 -858px;
		clear:both;
		float:right;
		height:61px;
		padding:2px 9px;
		}	
		#rechercher input {
			float:left;
			width:120px;
			margin-top:6px;
			}
		#rechercher input#bouton-rechercher {
			height:25px;
			margin-left:6px;
			margin-top:4px;
			width:25px;
			}
		#rechercher span{
			font-family:helvetica, arial;
			font-weight:bold;
			font-size:1.1em;
			color:#003F86;
			margin-top:7px;
			display:block;
			}


.catalogue h2,
#colonne-fiche-pratique h2 {
	font-variant:small-caps;
	margin-top:0px;
	margin-bottom:0px;
	font-size:1.3em;
	color:#ff7212;
	}

.catalogue .section-cat {
	float:left;
	padding:1px;
	position:relative;
	}

.catalogue .section-cat a {
	background-image:url(img/blank.gif);
	color:#EA0B00;
	display:block;
	position:absolute;
	padding-top:95px;
	top:-95px;
	z-index:50;
	height:58px;
	width:180px;
	}
	
.catalogue .section-cat p a {
	background-image:none;
	display:inline;
	position:static;
	padding-top:0px;
	top:0px;
	z-index:0;
	height:0px;
	width:0px;
	}
	
.catalogue .section-cat p a:hover {
	color:#92001A;
	}

.catalogue {
	margin-left:9px;
	margin-top:9px;
	width:100%;
	}
	
.catalogue ul {
	margin-left:-10px;
	_margin-left:-8px;
	margin-top:9px;
	margin-bottom:3px;
	float:left;
	}

.catalogue ul li {
	margin:0 12px 11px 0;
	_margin:0 6px 6px 0;
	width:180px;
	height:280px;
	border-left:1px dotted red;
	float:left;
	}

.catalogue ul li.first {
	border:0px;
	}

.catalogue ul li img{
	position:relative;
	z-index:6;
	margin-left:3px;
	}

.catalogue ul li p,
.catalogue ul li h3{
	position:relative;
	margin-top:0px;
	z-index:2;
	font-size:1.1em;
	border-bottom:none;
	margin-left:10px;
	}
.catalogue ul li p {
	font-size:1em;
	}
.catalogue ul li h3{
	z-index:10;
	height:27px;
	margin-top:7px;
	}
.catalogue .section-cat h3 a{
	color:#007EB3;
	}
.catalogue ul li p.tarif-gamme {
	height:27px;
	margin-bottom:5px;
	}

	
.catalogue ul li.first img {
	border:0px;
	margin-left:7px;
	}

.catalogue ul li.first p,
.catalogue ul li.first h3{
	border:0px;
	margin-left:10px;
	}
ul#lienspartenaires { width:770px; text-align:left; *width:720px; }
#lienspartenaires li { display:inline; }
ul#superPartner { float:left; width:200px; height:35px; *width:250px; }
ul#superPartner li { display:inline; height:100%; margin:0 15px 0 0; }
ul#lienspartenaires, ul#superPartner { position:relative; margin-top:35px; }

ul.catalogue li.quatreColsNuance ul.biProduit li ul.listePuce li, .listePuce li {
	list-style-position:inside;
	list-style-type:none;
	}/*css it*/

#texte-intro {
	margin-top:0;
	}
ul.catalogue div.firstAlternateBackground, ul.catalogue div.secondAlternateBackground {
	position:absolute;
	width:99%;
	z-index:2;
	}
ul.catalogue div.firstAlternateBackground {
	background:#fff url(img/index/catalogue/backgroundCatalogueA.gif) no-repeat scroll;
	height:260px;
	}
ul.catalogue div.secondAlternateBackground {
	background:#fff url(img/index/catalogue/backgroundCatalogueA.gif) no-repeat scroll;
	height:170px;
	}
ul.catalogue div.secondAlternateBackground { height:250px; }

ul.catalogue li.quatreColsNuance ul.biProduit li ul.listePuce li, .listePuce li {
    font-weight: normal;
    letter-spacing: 0em;
}
/*footer*/

#footer2 { height:370px; }

/*fiches pratiques*/

ul#colonne-fiche-pratique { height:76px; margin:0; }
ul#colonne-fiche-pratique li { height:10px; border:none; width:20%; margin:0; z-index:3; position:relative; *width:19%; }
ul#colonne-fiche-pratique li.intituleSection a { color:#FF7212; font-size:1.3em; font-variant:small-caps; }
ul#colonne-fiche-pratique li a { font-weight:lighter; }
ul#colonne-fiche-pratique li.intituleSection  { height:25px; }	
