/*= ELEMENTS COMMUNS */
html{
	background: #DDDDDD;
	color: #737779;
	font: 11px  Verdana, Helvetica, sans-serif;
	}
html.print{
	background: #FFF;
	}
h1, h3, ul, li, p, label, html, body, form{
	margin: 0;
	padding: 0;
	}
ul{
	list-style-type: none;
	}
img{
	border: 0;
	}
select{
	color: #737779;
	font: 11px  Trebuchet MS, arial, verdana;
	}
.clear{
	clear: both;
	}

#header, #footer, #conteneur{
	margin: 0 auto;
	width: 940px;
	}
.print #header, .print #conteneur{
	width: 684px;
	margin: 0;
	}	
p.error{
	color: red;
	margin: 10px 0;
	text-align: center;
	}
	
/*= CADRE */
#cadre{
	background: #FFFFFF;
	background: url("/images/cadre_bg.gif");
	/*border: 1px solid orange;*/
	margin: 0 auto;
	padding: 0;
	width: 958px;
}
.print #cadre{
	
	}
/*= HEADER */
#header{
	background: url("/images/header_bg.jpg") top right no-repeat;
	/*border: 1px solid green;*/
	height: 200px;
	position: relative;
	width: 929px;
	}
	h1{
		position: absolute;
			left: 32px;
			top: 16px;
		}
	#menu{
		position: absolute;
			bottom: 8px;
		}
		#menu li{
			cursor: pointer;
			float: left;
			margin: 0 ;
			position: relative;
			}
			#menu li img{
				vertical-align: bottom;
				}
				#menu li ul.nosMarques{
					/*background: #83A4E4;*/
					width: 119px;
					}
				#menu li ul.commentColler{	
					/*background: #FEC766;*/
					width: 152px;
					}
				#menu li ul.nousContacter{	
					/*background: #AAE159;*/
					width: 134px;
					}
				#menu li ul.nosActualites{	
					/*background: #FE363D;*/
					width: 143px;
					}										
				#menu li ul{
					background: #DEDEDE;
					border: 1px solid #BBBBBB;
						border-top: 0px;
					display: none;
					line-height: 15px;
					position: absolute;
						left: 1px;
						top: 32px;
					z-index: 10;						
					}				
				#menu li li{
					float: left;
					margin: 0;
					padding: 0;
					vertical-align: bottom;
					width: 100%;
					}
			#menu li li a{
				color: #606060;
				display: block;
				padding: 3px 0 6px 5px;
				text-decoration: none;
				width: auto;
				}
			#menu li li a:hover{
				color: white;
				}				
			#menu .nosMarques li a:hover{
				background: #5B84D6;
				}
			#menu .commentColler li a:hover{
				background: #FEA80F;
				}
			#menu .nousContacter li a:hover{
				background: #8CC638;
				}
			#menu .nosActualites li a:hover{
				background: #DF0008;
				}	
	#formSearch{
		background: url("/images/recherche_bg.gif") bottom left repeat-x;
		border-left: 1px solid #9F9F9F;
		height: 32px;
		position: absolute;
			bottom: 8px;
			right: 0;
		width: 239px;
		}
		#formSearch img{
			margin: 5px 6px 0 9px;
			float: left;
			}
		#txtSearch{
			float: left;
			border: 1px solid #7B7B7B;
			margin: 6px 4px 0 0;
			width: 130px;
			}
		#okSearch{
			margin: 2px 0 0 0;
			}
			
/*= CONTENEUR */

#conteneur{
	background: url("/images/conteneur_bg.gif") bottom left repeat-x;
	background-color: #FFFFFF;
	border-bottom: 2px solid red;
	padding: 0 0 15px 0;
	}
.print #conteneur{
	border: none;
	padding: 0;
	}
	/*= CONTENU */
	#contenu{
		color: black;
		float: left;
		padding: 9px 8px 0 5px;
		width: 684px;
		}
	.print #contenu{
		padding: 0;
		}		
		#contenu .titreActu {
			color: #DF0008;
			font-size: 14px;
			font-weight: bold;
		}
		#contenu .titreContact {
			color: #8CC638;
			font-size: 14px;
			font-weight: bold;
			margin-bottom: 10px;
		}
		#contenu .titrePage {
			color: #DF0008;
			font-size: 12px;
			font-weight: bold;
		}
		#contenu .titreConseil {
			color: #FEA80F;
			font-size: 14px;
			font-weight: bold;
		}
		#contenu .titreParagrapheConseil {
			color: #FEA80F;
			font-size: 12px;
			font-weight: bold;
		}
		#contenu a {
			color: #DF0008;
			font-weight: bold;
			text-decoration: none;
		}
		#contenu a:hover {
			color: #DF0008;
			font-weight: bold;
			text-decoration: underline;
		}
		#contenu .separateur{
			background: url("/images/pointille.gif") repeat-x;
			height: 1px;
			margin-bottom: 10px;
			margin-top: 10px;
			width: 100%;
		}
		#filAriane{
			color: #666666;
			margin-bottom: 10px;
			}
			#filAriane span{
				font-size: 13px;
				font-weight: bold;
				}			
			#filAriane a, a.visited{
				color: #666666;
				font-weight: bold;
				text-decoration: none;
				}			
		
		#rubrique{
			clear: both;
			padding-left : 20px;
			padding-right : 20px;
			}
		
		#rubrique p{
			margin-top: 10px;
			}
			
		#flashcontent{
		
		}
		
		/*= RECHERCHE GENERALE */
		#pdtSearch, #dosSearch, #ficheSearch{
			background: url("/images/recherche_bg.gif") top left repeat-x;
			border: 1px solid #9F9F9F;
			cursor: pointer;
			float: left;
			font-weight: bold;
			margin: 10px 15px 20px 0;
			padding: 5px 10px;
			}
		#pdtSearch, #pdtSearchResult a{	
			color: #D50007;			
			}
		#dosSearch, #dosSearchResult a{	
			color: #5479C4;			
			}
		#ficheSearch, #ficheSearchResult a{	
			color: #FEA80F;			
			}		
		#categRecherche li:hover{
			color: #666;
			}	
		#pdtSearchResult, #dosSearchResult, #ficheSearchResult{
			clear: left;
			display: none;
			}	
			#pdtSearchResult li.res, #dosSearchResult li.res, #ficheSearchResult li.res{	
				background: url(/images/pointille.gif) bottom left repeat-x;
				padding: 0 0 10px 0;
				}		
		#pdtSearchResult.montrer, #dosSearchResult.montrer, #ficheSearchResult.montrer{
			display: block;
			}		
		#contenu a.currentPage{
			text-decoration: underline;
			}	
		/*= LISTE DES VILLES TROUVEES */
		#solutionVille{
			color: #E20008;
			font-size: 16px;
			font-weight: bold;
			}
		#ouTrouverListe{
			margin: 0 0 0 60px;
			}			
			#ouTrouverListe dt{
				color: #069496;
				font-weight: bold;
				margin: 15px 0 0 0;
				}	
			#ouTrouverListe dd{
				margin: 0 0 10px 0;
				}							
			
		/*= LISTE DES PRODUITS TROUVES*/		
		#solutionColle, p.nomProduit{
			color: #E20008;
			font-size: 16px;
			font-weight: bold;
			}
		#solutionColle{
			background: url("/images/solutionColle_bg.gif") no-repeat;
			margin: 0;
			padding: 0;
			}			
		#collesRecommandees{
			background-color: #FF5402;
			color: white;
			font-size: 18px;
			font-weight: bold;		
			}
		#recommandation{
			width: 678px;
			}
			#collesRecommandeesTop{
				vertical-align: bottom;
				}
			#collesRecommandeesBottom{
				vertical-align: top;
				}				
			#recommandation .listeSolution{
				background: url("/images/collesRecommandees_bg.gif") repeat-y;
				margin: 0;
				padding: 0 10px 0 10px;
				}
				#recommandation .listeSolution li{
					min-height: 100px;
					}
				.listeSolution li{
					margin: 10px 0 0 0;
					padding: 0;
					}
				 .listeSolution li.first, #recommandation .listeSolution li.first{ 
					margin-top: 0;
					}					
					.listeSolution img{
						border: 0;
						float: left;
						margin: 5px 5px 5px 0; 
						}					
				.listeSolution .liste{
					background: url("/images/puceStyleFooter.png") no-repeat 0% 50%;
					color: #4779DD;
					font-weight: bold;
					padding: 5px; 0 0 9px;				
					}
				.nomProduit{
					color: #E20008;
					font-size: 14px;
					font-weight: bold;
					text-decoration: none;
					}
				.nomProduit:hover{
					text-decoration: underline;
					}

			#etAussi{
				background: url("/images/etAussi_fleche.gif") no-repeat 0 17px;
				color: #069496;
				font-size: 18px;
				font-weight: bold;	
				padding: 15px 0 0 28px;
				}
		/*= PRODUIT DETAIL */
			/*gestion des couleurs pour fiche produit*/			
			.araldite #produitHead, .araldite #produitDescription{
				border-left: 8px solid #854CBC; 
				border-right: 8px solid #854CBC;			
				}
			.araldite #produitHead{
				background: #854CBC;
				}
			.araldite .titre, .araldite .titreAvantage{
				color: #854CBC;  
				}			
			.bostik #produitHead, .bostik #produitDescription{
				border-left: 8px solid #FF7D01; 
				border-right: 8px solid #FF7D01;			
				}
			.bostik #produitHead{
				background: #FF7D01;
				}
			.bostik .titre, .bostik .titreAvantage{
				color: #FF7D01;  
				}
			.quelyd #produitHead, .quelyd #produitDescription{
				border-left: 8px solid #E21928; 
				border-right: 8px solid #E21928;			
				}
			.quelyd #produitHead{
				background: #E21928;
				}				
			.quelyd .titre, .quelyd .titreAvantage{
				color: #E21928;  
				}
			.sader #produitHead, .sader #produitDescription{
				border-left: 8px solid #FE0000; 
				border-right: 8px solid #FE0000;			
				}
			.sader #produitHead{
				background-color: #FE0000;
				}				
			.sader .titre, .sader .titreAvantage{
				color: #FE0000;  
				}
			.sbmercier #produitHead, .sbmercier #produitDescription{
				border-left: 8px solid #2371b4; 
				border-right: 8px solid #2371b4;			
				}
			.sbmercier #produitHead{
				background: #2371b4;
				}
			.sbmercier .titre, .sbmercier .titreAvantage{
				color: #2371b4;  
				}

				
		#produitDetail{
			width: 668px;
			}
			#produitDetailImgTop{
				vertical-align: bottom;
				}
			#produitDetailPhoto{
				padding-bottom: 15px;
				padding-right: 15px;			
				}
			#produitHead{
				color: white;
				font-size: 16px;
				font-weight: bold;
				padding: 5px 0 5px 0;
				}
				#produitHead ul{
					float: right;
					/*padding: 0 0 0 30px;*/
					/*position: relative;
						bottom: 9px;*/
					z-index: 1;
					}
					#produitHead li{
						float: left;
						}
						#produitHead li img{
							margin: 0 1px 0 0;
							}
			#produitDescription{
				padding: 20px;
				}
				#produitDescription p{
				padding-bottom: 5px;
				}
				#produitDetailPhoto{
					float: left;
					margin: 0 10px 10px 0;
					}
				#produitDescription .titre{
					font-weight: bold;
					padding-bottom: 5px;
					}
					#produitDescription .titre img{
						position: relative;
							top: 5px;
						}
				#produitDescription .titreAvantage{
					font-weight: bold;
					}
					#produitDescription .titreAvantage img{
						position: relative;
							top: 3px;
						}										
				#produitDescription li{
					padding: 0 0 0 9px;				
					}
			#menuDetail{
				padding: 10px 0;
				}					
				#menuDetail li{
					background: none;
					cursor: pointer;
					float: left;
					margin: 0 5px 10px 0;
					}
				.showDetail{
					background: #EFEFEF;
					border: 1px solid #B0B0B0;
					display: none;
					padding: 5px;
					width: 100%;
					}
					.showDetail ol li{
						background: none;
						}							
	/*= RECHERCHE DES PRODUITS HORS ENCART*/
	#quoiCollerContenu input{
		margin: 0 5px 0 0;
		padding: 0;
		float: left;
		}
	#quoiCollerContenu label{
		display: block;
		float: left;
		}
	#conteneurListeDomaineRadio{
		background: url("/images/quoiCollerDomaine_bg.gif") repeat-y;
		margin: 0;
		padding: 0;
		vertical-align: bottom;
		width: 684px;
		}
		#conteneurListeDomaineRadio img{
			vertical-align: bottom;
			}
		#listeDomaineRadioUl{
			background: url("/images/listeDomaineRadio2_bg.gif") no-repeat 100% 100%;		
			min-height: 1px;
			}
		#listeDomaineRadio1{
			background: url("/images/listeDomaineRadio1_bg.gif") repeat-y 100%;
			float: left;
			padding: 0 0 5px 30px;
			width: 240px;
			}
			#listeDomaineRadio1 li, #listeDomaineRadio2 li, #listeMateriauRadio li, #listeSupportRadio li{
				margin: 0 0 2px 0;
				} 			
			#listeDomaineRadio1 label{
				width: 200px;
				}
		#listeDomaineRadio2{
			float: left;
			padding: 0 0 0 10px;
			width: 368px;
			}
			#listeDomaineRadio2 label{
				width: 250px;
				}	
	#conteneurListeMateriauRadio{
		background: url("/images/quoiCollerMateriau_bg.gif") repeat-y;
		width: 334px;
		}	
		#conteneurListeMateriauRadio img{
			vertical-align: bottom;
			}
		#listeMateriauRadio{
			padding: 0 0 0 30px;
			width: 298px;
			}
			#listeMateriauRadio label{
				width: 250px;
				}	
	#conteneurListeSupportRadio{
		background: url("/images/quoiCollerSupport_bg.gif") repeat-y;
		width: 348px;
		}	
		#conteneurListeSupportRadio img{
			vertical-align: bottom;
			}		
		#quoiCollerSupportFleche{
			float: left;
			}
		#listeSupportRadio{
			margin: 0 0 0 19px;
			width: 298px;
			}
			#listeSupportRadio label{
				width: 250px;
				}							
	.listeRadio{
		display:none;
		float: left;
		}
		.listeRadio ul{
			height: 100px;
			overflow: auto;
			margin: 0;
			}
	#resultatPdtRadio{
		background: url("/images/nosSolutions.gif") no-repeat;
		color: #FFF;
		display: none;	
		font-weight: bold;
		float: left;
		margin: 0;
		padding: 42px 0 0 327px;
		height: 79px;
		width: 670px;
		}
		#resultatPdtRadio #submitQuoiCollerRadio{
			display: block;
			cursor: pointer;
			font-size: 18px;
			text-decoration: underline;
			width: 120px;
			}	
			#resultatPdtRadio span span{
				font-size: 20px;
				display: in-line;
				padding: 0;
				}
	div.cadreHomeGP{
		background: url("/images/cadre_homegp_bg.gif") repeat-y;
		float: left;
		width: 338px;
		}	
	#conteneurQuoiDeNeuf{
		margin: 0 8px 0 0;
		}
	.cadreHomeGP img{
		vertical-align: bottom;
		}	
	#contenuQuoiDeNeuf{
		background: url("/images/quoiDeNeuf_bg.gif") bottom left repeat-x;
		border: 3px solid #EC1C1C;
		margin: 0 4px;
		min-height: 408px;
		padding: 10px;
		width: 305px;
		}
		#quoiDeNeuf{
			float: right;
			}
		#titreQuoiDeNeuf{
			color: #FF8A00;
			padding: 30px 0 0 0;
			}
		#chapoQuoiDeNeuf{	
			color: #737272;	
			}
		#contenu #lireQuoiDeNeuf{
			display: block;
			color: #FF8A00;
			}			
		#illustrationQuoiDeNeuf{
			border: 2px solid #FF8A00;
			float: left;
			margin: 13px 10px 4px 0;
			}	
	#contenuColleDuMois, #contenuColleDuMois2{
		background: #6992E2;
		border: 3px solid #FFF;
		border-bottom: 2px solid #FFF;
		color: #FFF;
		margin: 0 4px;
		min-height: 125px;
		padding: 10px;
		width: 305px;
		}
	#contenuColleDuMois2{
		background: #FEA80F;
		border-top: 2px solid #FFF;
		margin: 0 4px;
		min-height: 99px;
		width: 305px;
		}
		#colleDuMois{
			float: right;
			margin: 0 0 10px 0;
			}
		.cadreHomeGP .illuColleDuMois{
			border: 2px solid #FFF;
			float: left;
			margin: 0 20px 10px 0;
			}
		.cadreHomeGP img.first{
			margin: 11px 20px 10px 0;
			}			
		.titreColleDuMois{	
			font-size: 14px;
			font-weight: bold;
			margin: 0 0 5px 0;
			}	
		a.ficheProduit{
			display: block;	
			}	
	/*= LEXIQUE */
	#abcdaire{
		margin: 0 auto;
		width: 260px;
		}
		#abcdaire li{
			background: #EEE;
			color: #FFF;
			float: left;
			font-size: 13px;
			margin: 0 2px 2px 0;
			padding: 4px;
			text-align: center;
			width: 10px;
			}	
		#abcdaire .cliquable{
			background: #FEA80F;
			cursor: pointer;
			font-weight: bold;
			}	
	.lexique{
		display: none;
		margin-top: 10px;
		}
	/*= FAQ */
	#faq{
		margin: 0;
		padding: 0;
		}
		#faq dt{
			cursor: pointer;
			margin: 0 0 10px 0;
			}
		#faq dd{
			background: url(/images/pointille.gif) bottom left repeat-x;
			display: none;
			margin: 0 0 10px 0;
			padding: 0 0 5px 0;
			}			
	/*= ENCART */
	#encart{
		float: left;
		width: 238px;	
		}
		#encart .paveEncart{
			color: #444444;
			font-family: Trebuchet MS;
			font-weight: bold;
			margin-bottom: 5px;
			}
		#encart div.paveEncart{
			background: url("/images/encartBg.gif") repeat-y left top;
			border-bottom: 1px solid #B0b0b0;
			}
		#encart div.paveEncartFoncer{
			background: #CBCBCB url("/images/encartBgFoncer.gif") no-repeat left top;		
			}
		#encart div.paveEncartNewsletter{
			background: #CBCBCB url("/images/encartBgFoncerNewsletter.gif") repeat-x left top;		
			}			
			#encart ul{
				padding: 0 5px 15px 20px;
				}
				#encart li{
					background: url("/images/puceEncart.gif") no-repeat 0 5px;
					}
					.paveEncartFoncer a{
						padding: 0 0 0 6px;
						color: #4F4F4F;
						text-decoration: none;
						}
			#encart form{
				display: none;
				padding: 0 5px 15px 10px;
				}
			#encart form.show{
				display: block;
				}				
			#encart #quoiColler{
				display: block;
				}
				#encart input[type='text']{
					border: 1px solid #777776;
					font-size: 11px;
					height: 16px;
					margin: 0;
					padding: 2px 0 0 0;
					width: 170px;
					}
				#encart input[type='image']{
					vertical-align: bottom;
					margin-bottom: 1px;
					}	
				#encart select{
					width: 210px;
					margin: 0 0 2px 0;
					}									
				#suggestions, #suggestionsVille, #suggestionsProduit{
					border: 1px solid #777776;
					display: none;
					}
				#resultatPdt{
					color: #DF0008;	
					font-weight: bold;
					margin: 2px 0 10px 0;
					}
					#resultatPdt span{
						cursor: pointer;
						text-decoration: underline;
						}	
			#confirmInscNewsletter{
				color: #F42020;
				padding: 5px 15px;
				text-align: center;
				}			
		/*#encart label{
			display: block;
			font-weight: bold;
			margin: 1px 0;
			width: auto;
			}
			#encart label.opacity{
				color: #8F9294;
				}
			#encart label.question{
				color: #03ABB1;
				}
			#encart label.styleHeader{
				background: url("/images/puceStyleHeader.png") no-repeat 0% 50%;	
				padding: 0 0 0 9px; 		
				}
			#encart label.styleFooter{
				background: url("/images/puceStyleFooter.png") no-repeat 0% 50%;
				padding: 0 0 0 9px; 
				}				
		#encart select{
			height: 20px;
			width: 200px;
			}
		#tBricoleur{
			margin-top: 7px;
			}
		#quizz{
			background: url("/images/encartQuizz_bg.gif") bottom left repeat-x;
			border: 1px solid #03ABB1;
			min-height: 61px;
			padding: 7px 14px 10px 14px;
			}
			#quizz ul{
				margin-top: 5px;
				}
				#quizz li{
					margin-bottom: 2px;
					}
		#tColler{
			margin-top: 3px;
			}
		#quoiColler{
			background: url("/images/encartColler_bg.gif") bottom left repeat-x;
			border: 1px solid #FF4100;
			display: block;
			min-height: 154px;
			padding: 7px 14px 10px 14px;
			}
			#quoiColler select{
				border: 1px solid #FFC158;						
				}
			#resultatPdt{
				color: #FE7140;	
				float: right;
				font-weight: bold;
				margin: 2px 8px 0 0;
				}
				#resultatPdt span{
					cursor: pointer;
					text-decoration: underline;
					}
		#tProduit{
			margin-top: 9px;
			}
		#trouverProduit{
			background: url("/images/encartProduit_bg.gif") bottom left repeat-x;
			border: 1px solid #A6BE35;
			min-height: 68px;
			padding: 7px 14px 10px 14px;
			}
			#trouverProduit select{
				border: 1px solid #B1CA40;						
				}
		.conteneurEncart{
			position: relative;
			}		
			img.topLeft, img.topRight, img.bottomLeft, img.bottomRight{
				position: absolute;
				}
			img.topLeft{
				top:0;
				left:0;
				}		
			img.topRight{
				top:0;
				right:0;			
				}
			img.bottomLeft{
				bottom:0;
				left:0;
				}
			img.bottomRight{
				bottom:0;
				right:0;			
				}	
		#newsletter{
			background: url("/images/encartNewsletter_bg.gif") no-repeat;
			height: 68px;
			margin: 9px 0 0 0;
			}
			#newsletter h3{
				padding: 6px 0 1px 5px;
				}
			#newsletter label{
				color: #594573;
				margin-left: 14px;
				}	
			#newsletterMail{
				border: 1px solid #C898F4;
				float: left;
				height: 14px;
				margin: 0 0 0 14px;
				width: 144px;
				}
			#newsletterOk{
				margin-left: 2px;
				}	*/
				
	/*= QUEL BRICOLEUR */
	#bricoleurCadre{
		background: url("/images/quelBricoleurBg.gif") top left repeat-y;
		width: 678px;
		}
		#bricoleurCadre img{
			vertical-align: bottom;
			}
		#bricoleurCadre dt img{
			float: left;
			}
		#bricoleurCadre dt span{
			display: block;
			font-size: 12px;
			font-weight: bold;
			padding: 10px 0 5px 0;
			}
		#bricoleurCadre dd{
			margin: 0 0 10px 64px;
			}	
			#bricoleurCadre dd li{
				margin: 0 0 2px 0;	
				}		
		#bricoleurContenu{
			/*background: url("/images/quelBricoleurPhoto.jpg") top right no-repeat;*/
			width: 678px;
			}							
			#bricoleurIllustration{
				float: right;
				}		
				
/*= FOOTER */
#footer{
	background: url("/images/footer_bg.gif") top right repeat-x;
	height: 32px;
	margin-top: 2px;
	position: relative;
	}	
	#bostik{
		margin: 0 14px 0 248px;
		}
	#mentions{
		margin: 0 0 0 15px;
		}
	#footerCorner_r{
		position: absolute;
			top:0;
			right: 0;
		}