/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	margin:0;
	font-family:Tahoma, Times, serif;
	background-color:#000;
	font-size:12px;
	text-align:left;
	line-height:16px;
}

img, table { margin: 0; padding: 0; border: none; }

h1, h2, h3, h4, h5, h6 { 
	margin: 0; 
	padding: 0; 
	font-size: 1em; 
	font-weight: normal; 
}
p,ol,ul,li, td, tr, table {
	list-style: none;
	margin: 0;
	padding: 0;
}

a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }
a{outline:none;}

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }

img{ 
	behavior: url(win_png.htc);
	padding:2px;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
}

/*  ------------------------------------------
/*  Bandeau
/*  ------------------------------------------ */

#global_bandeau{
	background-color:#000000;
	height:112px;
}
	
	#global_bandeau #bandeau{
		width:960px;
		margin:auto;
		color:#fff;
		font-size:10px;
		background:url(images/fond_bandeau.gif) no-repeat;
		height:111px;
	}
		#global_bandeau #bandeau #logo_bandeau a{
			background:url(images/logo_bakeo.gif) no-repeat;
			height:88px;
			width:175px;
			float:left;
		}
		
		#global_bandeau #bandeau #langue_recherche{
			float:left; 
			width:755px;
			height:20p;
		}
		
			#global_bandeau #bandeau #menu_langue{
				float:left;
				margin-left:30px;
				margin-top:5px;
			}
			#global_bandeau #bandeau #menu_langue .pipe{
				border-right:1px solid #D4CBAF;
				padding-left:2px;
				margin-right:5px;
			}
				#global_bandeau #bandeau #menu_langue a.lang_active{
					color:#fff;
					font-weight:bold;
				}
				#global_bandeau #bandeau #menu_langue a.lang_inactive{
					color:#D4CBAF;
				}
			
			#global_bandeau #bandeau #recherche_form{
				padding-top:5px;
				float:right;
				height:20px;
			}
				#global_bandeau #bandeau #recherche_form label{
					font-weight:bold;
					color:#D4CBAF;
				}
				#global_bandeau #bandeau #recherche_form form input{
					height:14px;
					background-color:#EAE4D0;
					border:none;
					line-height:10px;
					padding:1px 5px;
					font-size:10px;
					
				}
			#global_bandeau #bandeau #recherche_form form .submitBt{
				background:url(images/bt_recherche.gif) no-repeat;
				height:14px;
				border:none;
				width:20px;
				cursor:pointer;
			}
			
		#global_bandeau #bandeau #produits{
			float:right;
			font-weight:bold;
			color:#D4CBAF;
			width:700px;
			text-align:right;
			margin-top : 5px !important;
			margin-top : -10px;
			margin-right:42px !important;
			margin-right:20px;
			height:20px;
		}	
			#global_bandeau #bandeau #produits .liste_deroulante select{
				border:0;
				background-color:#EAE4D0;
				font-size:10px;
			}
		
		#global_bandeau #bandeau #menu{
			font-size:14px;
			float:left;
			margin-top:10px  !important;
			margin-top:-10px;
		}
			#global_bandeau #bandeau #menu li{
				float:left;
				height:35px;
				!margin-top:0px;
				padding-top:10px;
				padding-right:11px;
				padding-left:11px;
			}
			#global_bandeau #bandeau #menu a{
				color:#fff;
				line-height:35px;
			}
			#global_bandeau #bandeau #menu .pipe{
				background: url(images/border_menu.png) no-repeat right top;
				height:35px;
			}
			#global_bandeau #bandeau #menu a.rub_active{
				color:#fae7b6;
				line-height:35px;
				font-weight:bold;
				border-bottom:double #fae7b6 3px;
			}
				#global_bandeau #bandeau #menu a.rub_active:hover{
					text-decoration:none;
				}
			#global_bandeau #bandeau #menu a.rub_inactive{
				color:#fff;
				line-height:35px;
			}

/*  ------------------------------------------
/*  Bandeau bleu accueil
/*  ------------------------------------------ */
		
#global_bandeau_bleu_accueil{
	background:#164255;
		font-size:0;
		height:211px;
}	
	#global_bandeau_bleu_accueil #bandeau_bleu_accueil{
		margin:auto;
		width:960px;
		font-size:0;
	}
	#global_bandeau_bleu_accueil #img_douche_accueil{
		height:210px;
		width:960px;
		float:left;
		z-index:1;
		font-size:0;
	}
	
#global_bandeau_bleu{
	background:#164255;
		font-size:0;
}
	#global_bandeau_bleu #bandeau_bleu{
		margin:auto;
		width:960px;
		font-size:0;
	}

	
/*  ------------------------------------------
/*  Contenu sommaire
/*  ------------------------------------------ */

#contenu{
	background:url(images/fond_contenu.gif) #fff repeat-x;
	height:37px;
	margin-top:0px;
	min-height:200px;
	height:auto !important;
	height:200px;
	padding-bottom:40px;
}
	#contenu #page_sommaire {
		width: 960px;
		margin:auto;
		padding-top:20px;
		color:#3d3d3d;
	}
	#contenu #page_article_gamme {
		width: 960px;
		margin:auto;
		padding-top:20px;
		color:#3d3d3d;
	}
	
	/*  ------------------------------------------
	/*  Partie galerie
	/*  ------------------------------------------ */

	#contenu #partie_galerie {
		float:left;
		width:400px;
	}
	#contenu #titre_galerie{
		height:36px;
		margin-bottom:20px;
	}
		#contenu #titre_galerie a{
			color:#fff;
			float:right;
			margin-right:40px;
			font-size:12px;
			padding-top:10px;
		}
		
		#contenu #photos{
			width:390px;
		}
			#contenu #photos li{
				display:inline;
				margin-right:16px;	
			}
			#contenu #photos li img{ 
				margin-bottom:20px;
			}
	
	/*  ------------------------------------------
	/*  Partie droite
	/*  ------------------------------------------ */
	
	#partie_droite{
		width:500px;
		float:right;	
		margin-right:40px;
	}
	
	#partie_droite #art_accueil{
		height:150px;	
		color:#646056;	
		border-bottom:1px solid #F2F2F2;	
	}
		#partie_droite #art_accueil #ecrit{
			font-size:12px;
			text-align:justify;
		}
			#partie_droite  #art_accueil #ecrit #titre_article{
				color:#004494;
				font-size:20px;
				padding-bottom:10px;
			}
				#partie_droite  #art_accueil #ecrit #titre_article a{
					color:#004494;
					text-align:left;
				}
				#partie_droite  #art_accueil #ecrit #titre_article img{
					border:0;
					float:left;
				}
			#partie_droite  #art_accueil #ecrit #txt_article{
				padding-bottom:5px;
			}
			#partie_droite  #art_accueil #ecrit #lien_savoir a{
				color:#004494;
				font-size:13px;
				font-weight:bold;
			}
		#partie_droite  #art_accueil #logo_article{
			float:right;
			margin-left:10px;
		}
		
	#partie_droite #news{
		font-size:12px;
		text-align:justify;
	}
	
	#partie_droite #news #titre{
		background:url(images/titre_news.gif) no-repeat;
		height:24px;
		margin-top:20px;
	}
	#partie_droite #news #titre img{
		border:0;
	}
		#partie_droite #news #titre_news h2{
			float:left;
			margin-top:10px;
			font-weight:bold;
			padding-right:15px;
		}
		#partie_droite #news #txt_news{
			margin-top:10px;
		}
		#partie_droite #news #lire_suite{
			font-weight:bold;
			width:100px;
			font-size:11px;
			padding-top:2px;
		}
			#partie_droite #news #lire_suite a, #partie_droite #news #titre_news h2 a,#partie_droite  #art_accueil #ecrit #txt_article a, #partie_droite #news #txt_news a{
				color:#646056;
			}
			
		#partie_droite #news hr{
			width:150px;
			border:0.3px dotted;
			height:0px;
			color:#C2C2C2;
			margin-bottom:-5px;
		}
			
		#partie_droite #news #contact{
			background:url(images/fd_contact.gif) no-repeat;
			height:33px;
			font-size:15px;
			padding-top:05px;
			padding-left:100px;
			margin-top:20px;
		}
			#partie_droite #news #contact a{
				color:#fff;
				font-weight:bold;
			}
			

/*  ------------------------------------------
/*  Rubrique / Article
/*  ------------------------------------------ */
		#colonne_gauche{
			float:left;
			width:200px;
		}
			#colonne_gauche ul{
				margin-bottom:10px;
			}
			#colonne_gauche ul#menu_secondaire {
				position:relative;
			}
			
			#colonne_gauche ul#menu_secondaire li{
				line-height:16px;
				margin-bottom:5px;
			}
			#colonne_gauche #menu_secondaire li.titre_rub a{
				color:#004494;
				line-height:20px;
				font-weight:bold;
				padding-left:5px;
			}
			#colonne_gauche #menu_secondaire li.titre_rub a.titre_princ:hover{
				background-color:#F1EDE4;
			}
			#colonne_gauche #menu_secondaire a.princ_actif{
				color:#004494;
				font-weight:bold;
			}
			#colonne_gauche #menu_secondaire a.titre_princ{
			}
			
			
			#colonne_gauche #menu_secondaire li.titre_sous_rub a{
				color:#004494;
				font-size:13px;
			}
			#colonne_gauche #menu_secondaire li a.sous_rub_actif{
				color:#004494;
				font-weight:bold;
			}
			#colonne_gauche #menu_secondaire li.titre_art, #colonne_gauche #menu_secondaire li.titre_sous_art{
				list-style-type:square;
				list-style-position:inside;
				color:#004494;
				margin-left:10px;
			}
			#colonne_gauche #menu_secondaire li.titre_art a, #colonne_gauche #menu_secondaire li.titre_sous_art a{
				color:#004494;
				font-size:12px;
			}	
			#colonne_gauche #menu_secondaire li a.art_actif{
				color:#004494;
				font-weight:bold;
			}
			#colonne_gauche #menu_secondaire li a.art_inactif{
				color:#004494;
				font-weight:normal;
			}
			
			
			
			#colonne_gauche #contact_petit{
				background:url(images/fd_contact_petit.gif) no-repeat;
				height:33px;
				font-size:15px;
				text-align:center;
				line-height:33px;
				width:157px;
				margin-top:40px;
			}
				#colonne_gauche #contact_petit a{
					color:#fff;
					font-weight:bold;
				}
				
			#hierarchie {
				font-size:12px;
				padding-bottom:30px;
				color:#004494;
				font-weight:bold;
			}	
			#hierarchie a{
				color:#004494;
			}
				
		#colonne_droite{
		 float:right;
		 position:relative;
		 width:750px;
		 right:0;
		}			
			#colonne_droite #ombre_petite{
					background:url(images/ombre_petite.gif) no-repeat center;
					height:27px;
			}
			
			
			/*  Rubrique */
			#colonne_droite #contenu_rubrique{
				margin-bottom:30px;
			}
				#colonne_droite #contenu_rubrique #logo_contenu{
					float:left;
					margin-right:20px !important;
					width:352px;
				}
	
				#colonne_droite #contenu_rubrique #titre_rubrique{
					color:#004494;
					font-size:22px;
					line-height:28px;
					padding-bottom:20px;
					font-family:"Lucida Sans", Tahoma, Verdana;
				}
			#colonne_droite .bloc_sous_rubrique{
				width:360px;
				margin-bottom:20px;
			}
				#colonne_droite .bloc_sous_rubrique .titre_sous_rubrique a{
					font-family:"Lucida Sans", Tahoma, Verdana;
					color:#004494;
					text-transform:uppercase;
					font-size:16px;
					padding-bottom:10px;
					text-decoration:none;
				}	

	
			#colonne_droite #listing li{
				width:730px;
				margin-bottom:10px;
				padding:10px;
			}
			#colonne_droite #listing li.hover_bleu{
				background-color:#e7eef4;
			}
				#colonne_droite #listing li .titre_listing a{
					color: #004494;
					text-decoration: none;
					font-size: 16px;
					cursor:pointer;
					display:block;
				}
					#colonne_droite #listing li .titre_listing a:hover{
						text-decoration:underline;
					}

			#colonne_droite #listing_galerie{
					margin-top:10px;
					margin-bottom:20px;
			}
				#colonne_droite #listing_galerie li{
					float:left;
					width:100px;
					margin-right:10px;
				}
				#colonne_droite .titre_listing_galerie a{
					color: #004494;
					text-decoration: none;
					font-size: 16px;
					cursor:pointer;
				}
			
			
			
			/*  Article */
			#colonne_droite #logo_article_produit{
				margin-bottom:20px;
				height:350px;
			}
			#colonne_droite #ombre_grande{
					background:url(images/ombre_grande.gif) no-repeat center;
					height:27px;
			}
			#colonne_droite #contenu_article{
			}
				#colonne_droite #contenu_article #titre_article{
					color:#004494;
					font-size:22px;
					line-height:28px;
					padding-bottom:20px;
					font-family:"Lucida Sans", Tahoma, Verdana;
				}
				#colonne_droite #contenu_article #appel_offre{
					float:right;
					width:230px;
					padding:20px;
					background-color:#f1ede4;
					margin-left:20px;
					font-size:11px;
				}
				#colonne_droite #contenu_article #appel_offre #titre_appel_offre{
					margin-bottom:15px;
					height:22px;
				}
					
				#colonne_droite #contenu_article #appel_offre #titre_appel_offre{
					margin-bottom:15px;
					height:22px;
				}
				#colonne_droite #contenu_article  #ombre_document{
						background:url(images/ombre_document.gif) no-repeat center;
						height:10px;
						margin:20px 0px;
				}
				#colonne_droite #contenu_article  #ombre_document{
						background:url(images/ombre_document.gif) no-repeat center;
						height:10px;
						margin:20px 0px;
				}
				#colonne_droite #contenu_article  #liste_document{
					float:left;
					width:480px;
					line-height:32px;
					font-weight:bold;
				}
					#colonne_droite #contenu_article  #liste_document img{
						border:0;
					}
					#colonne_droite #contenu_article  #liste_document a{
						color:#004494;
						font-weight:bold;
					}
				#colonne_droite #contenu_article  #conseil_pose table{
					height:67px;
				}
					#colonne_droite #contenu_article  #conseil_pose img{
						border:0;
					}
					#colonne_droite #contenu_article  #conseil_pose a{
						color:#004494;
						font-weight:bold;
					}
				
				
				#colonne_droite #contenu_article  #liste_document_galerie{
					margin-top:20px;
				}
					#colonne_droite #contenu_article  #liste_document_galerie li{
						float:left;
						margin-right:10px;
					}
				
				
				
				#colonne_droite #logo_article_normal{
					width:364px;
					margin-right:20px;
					float:left;
					text-align:center;
				}
/*  ------------------------------------------
/*  Pied_de_page
/*  ------------------------------------------ */

#pied_page{
	height:129px;
	background:#000000;
}

	#pied_page #pied{
		background:url(images/fd_pied.gif) no-repeat center;
		height:129px;
		margin:auto;
		width:960px;
	}
		#pied_page #credits{
			color:#D4CBAF;
			font-size:11px;
			float:left;
			padding-top:30px;
			margin-right:20px;
		}
		#pied_page ul#menu_outils {
			
		}
		#pied_page #menu_outils li{
			float:left;
			margin-top:25px;
			line-height:25px;
		}
		#pied_page #menu_outils li a{
			color:#fff;
			font-size:11px;
			line-height:0px;
			padding-right:5px;
			padding-left:10px;
		}
			#pied_page #menu_outils a.pipe{
				border-right:1px solid #fff;
				height:5px;
				margin-top:30px;
			}
		#pied_page #pied #infos{
			font-size:11px;
			color:#D4CBAF;
			float:left;
			margin-top:30px;
			padding-left:20px;
		}
			#pied_page #pied #infos a{
				color:#D4CBAF;
				font-weight:bold;
				padding-left:5px;
			}
		#pied_page #pied #img_normes{
			float:right;
			padding-right:20px;
			display:inline;
			margin-top:20px;
			width:152px;
		}
		#pied_page #pied #img_normes img{
			background:transparent;
			border:0;
		}
		
/*  ------------------------------------------
/*  Recherche
/*  ------------------------------------------ */
#colonne_droite{
}	
	#colonne_droite #titre_principal{
		color:#004494;
		font-size:22px;
		line-height:28px;
		padding-bottom:20px;
		font-family:"Lucida Sans", Tahoma, Verdana;
	}
	#colonne_droite .listing_recherche{
		margin-left:20px;
		margin-bottom:30px;
	}
		#colonne_droite .listing_recherche li{
			list-style-type:square;
			list-style-position:inside;
		}
		
/*  ------------------------------------------
/*  Plan
/*  ------------------------------------------ */

#plan li.secteur{
	font-size:14px;
	background:url(images/puce.gif) no-repeat;
	list-style-type:none;
	padding-left:10px;
	padding-bottom:5px;
	text-transform:uppercase;
}
	#plan li.secteur a{
		color:#004494;
	}
	#plan li.rubrique{
		margin-left:20px;	
		list-style:square;
		padding-bottom:10px;
		text-transform:uppercase;
		padding-top:10px;
	}	
	#plan li.article{
		margin-left:40px;	
		padding-bottom:5px;
	}
	#plan li.sousrubrique{
		margin-left:40px;	
		list-style:square;
		padding-bottom:10px;
		text-transform:uppercase;
		padding-top:10px;
	}	
	#plan li.sousarticle{
		margin-left:60px;	
		padding-bottom:5px;
	}