/*---- BODY ------------------------------------------------------------------------------------------------------------*/
body {
	width: 100%;
	height: auto;
	font: normal 12px arial;
	color: #000000;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: #a01c21 url('images/fd_body.jpg') top left repeat-x;
}
/*---- SPACER & A & IMG-------------------------------------------------------------------------------------------------*/
div.spacer {
	clear: both;
}
h1 {
	font: bold 13px arial;
	color: #650608;
}
img {
	border: none;
}
a {
	outline: none;
}
/*---- CONTAINER -------------------------------------------------------------------------------------------------------*/
div.container {
	width: 1000px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	/*border: 1px solid #FFFF00;*/
}
/*---- BANNER ----------------------------------------------------------------------------------------------------------*/
div.banner {
	width: 1000px;
	height: 163px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	background: url('images/fd_banner.jpg') top left no-repeat;
	/*border: 1px solid #FFFFFF;*/
}
	div.banner a.logo {
		width: 235px;
		height: 133px;
		margin: 0 0 0 20px;
		padding: 0 0 0 0;
		display: block;
		/*border: 1px solid #FFFFFF;*/
	}
	div.banner div.langue {
		width: 235px;
		height: 30px;
		margin: 0 0 0 20px;
		padding: 0 0 0 0;
		/*background: #0000FF;*/
		text-align: center;
	}
		div.langue a {
			text-decoration: none;
		}
		div.langue a img {
			opacity: 0.6 ;
			filter: alpha(opacity=60)!important;
		}
			div.langue a:hover img{
				opacity: 1 ;
				filter: alpha(opacity=100)!important;
			}
	div.banner div.flash_banner {
		width: 736px;
		height: 165px;
		margin: -163px 0 0 256px;
		padding: 0 0 0 0;
	}
/*---- MENU ------------------------------------------------------------------------------------------------------------*/
div.menu {
	width: 1000px;
	height: 22px!important;
	height: 30px;
	margin: 0 0 0 0;
	padding: 8px 0 0 0;
	background: url('images/fd_menu.jpg') top left no-repeat;
	/*border: 1px solid #00FF00;*/
}
	div.menu a.onglet {
		min-width: 155px;
		width: auto;
		height: 18px;
		margin: 0 0 0 5px;
		padding: 0 18px 0 18px;
		text-decoration: none;
		text-align: center;
		font: bold 13px arial;
		color: #FFFFFF;
		display: block;
		float: left;
	}
	div.menu a.onglet:hover {
		font: bold 12px Arial, Helvetica, sans-serif;
		color: #000000;
	}
/*---- CONTENT ---------------------------------------------------------------------------------------------------------*/
div.content {
	width: 1000px;
	min-height: 500px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	/*background: url('images/fd_content.jpg') top left repeat-y;*/
}
/*---- MENU LEFT -------------------------------------------------------------------------------------------------------*/
	div.content div.menu_left {
		width: 275px;
		height: 575px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		float: left;
		background: url('images/fd_menu_left.jpg') top left no-repeat;
	}
	
	div.content div.menu_left2 {
		width: 275px;
		height: 575px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		float: left;
		background: url('images/fd_menu_left2.jpg') top left no-repeat;
	}
		 a.resistances_chimiques {
		 	width: 221px;
			height: 101px;
			margin: 27px 0 0 22px;
			padding: 0 0 0 0;
			display: block;
			/*border: 1px solid #FFFF00;*/
		 }
		 	 a.resistances_chimiques:hover {
			 	background: url('images/a_resistance.jpg') top left no-repeat;
			 }
			 
		 a.decoratifs {
		 	width: 187px;
			height: 102px;
			margin: 5px 0 0 22px;
			padding: 0 0 0 0;
			display: block;
			/*border: 1px solid #FFFF00;*/
		 }
		 	a.decoratifs:hover {
			 	background: url('images/a_decoratif.jpg') top left no-repeat;
			 }
			 
		 a.chapes_dusure {
		 	width: 170px;
			height: 102px;
			margin: 8px 0 0 22px;
			padding: 0 0 0 0;
			display: block;
			/*border: 1px solid #FFFF00;*/
		 }
		 	a.chapes_dusure:hover {
			 	background: url('images/a_chapes.jpg') top left no-repeat;
			}
		 
		 a.conducteurs_EDS {
		 	width: 187px;
			height: 102px;
			margin: 5px 0 0 22px;
			padding: 0 0 0 0;
			display: block;
			/*border: 1px solid #FFFF00;*/
		 }
		 	a.conducteurs_EDS:hover {
			 	background: url('images/a_conducteur.jpg') top left no-repeat;
			}
		 
		 a.autolissants {
		 	width: 221px;
			height: 102px;
			margin: 8px 0 0 22px;
			padding: 0 0 0 0;
			display: block;
			/*border: 1px solid #FFFF00;*/
		 }
		 	a.autolissants:hover {
			 	background: url('images/a_autolissant.jpg') top left no-repeat;
			}
			
/*---- CONTENU ---------------------------------------------------------------------------------------------------------*/
	div.content div.contenu {
		width: 725px;
		height: 575px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		float: left;
		background: url('images/fd_contenu.jpg') top left no-repeat;
		
		SCROLLBAR-FACE-COLOR: #c8cbcc; /* bar + bouton 282C2F */
		SCROLLBAR-ARROW-COLOR:  #d42125; /* fleche bar */
		SCROLLBAR-TRACK-COLOR: #e1e5e6; /* fd bar*/
		SCROLLBAR-DARKSHADOW-COLOR: #e1e5e6; /* 3d droite_ bas */
		SCROLLBAR-HIGHLIGHT-COLOR: #e1e5e6; /* 3d gauche_haut */
		SCROLLBAR-SHADOW-COLOR: #e1e5e6; /* 3d droite_ bas */
		SCROLLBAR-3DLIGHT-COLOR: #e1e5e6; /* 3d gauche_haut */
	}
	
	div.content div.contenu2 {
		width: 725px;
		height: 575px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		float: left;
		background: url('images/fd_contenu2.jpg') top left no-repeat;
		
		SCROLLBAR-FACE-COLOR: #c8cbcc; /* bar + bouton 282C2F */
		SCROLLBAR-ARROW-COLOR:  #d42125; /* fleche bar */
		SCROLLBAR-TRACK-COLOR: #e1e5e6; /* fd bar*/
		SCROLLBAR-DARKSHADOW-COLOR: #e1e5e6; /* 3d droite_ bas */
		SCROLLBAR-HIGHLIGHT-COLOR: #e1e5e6; /* 3d gauche_haut */
		SCROLLBAR-SHADOW-COLOR: #e1e5e6; /* 3d droite_ bas */
		SCROLLBAR-3DLIGHT-COLOR: #e1e5e6; /* 3d gauche_haut */
	}
		div.content div.titre {
			width: 717px;
			height: 20px;
			margin: 18px 0 0 0;
			padding: 0 0 0 0;
			text-align: center;
			/*border: 1px solid #FFFF00;*/
			font: bold 14px Arial, Helvetica, sans-serif;
		}
		div.content div.titre_prod {
			width: 717px;
			height: 60px;
			margin: 18px 0 0 0;
			padding: 0 0 0 0;
			text-align: center;
			/*border: 1px solid #FFFF00;*/
			font: bold 14px Arial, Helvetica, sans-serif;
		}
		div.content div.texte {
			width: 702px;
			height: 531px;
			margin: 5px 0 0 0;
			padding: 0 15px 0 0;
			overflow: auto;
			/*border: 1px solid #FFFF00;*/
		}
		div.content div.texte_admin {
			width: 702px;
			height: 531px;
			margin: 5px 0 0 0;
			padding: 0 15px 0 0;
			overflow: auto;
			text-align: center;
			/*border: 1px solid #FFFF00;*/
		}		
		div.content div.texte_accueil {
			width: 702px;
			height: 255px;
			margin: 320px 0 0 0;
			padding: 0 15px 0 0;
			overflow: auto;
			/*border: 1px solid #FFFF00;*/
		}

/*---- LOGIN -----------------------------------------------------------------------------------------------------------*/
	form.login_form {
		margin: 0 0 0 -50px;
	}
/*---- LISTING GAMME PRODUIT & TECHNIQUE -------------------------------------------------------------------------------*/
	div.content div.texte ul.listing{
		margin: 0 0 0 0;
		list-style: none;
		list-style-image: url('images/fleche_r.gif');										
	}
		div.texte ul.listing a {
			font: bold 13px Arial, Helvetica, sans-serif;
			color: #ff2b32;
			margin-left: 3px;
			text-decoration: none;
		}
			div.texte ul.listing a:hover {
				color: #333333;
				text-decoration: underline;
				list-style-image: url('images/fleche_n.gif');
			}
/*---- CONTACT ---------------------------------------------------------------------------------------------------------*/
	form.form_contact {
		width: 360px;
		height: auto;
		margin: 25px 0 0 15px;
		padding: 0 0 0 0;
	}
		table.form_contact {
			width: 500px;
			height: auto;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
		}
			table.form_contact td.intitule {
				width: 250px;
				height: auto;
				vertical-align: top;
				letter-spacing: 1px;
				font: normal 11px Helvetica, Arial, sans-serif;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
			}
			table.form_contact td input.champ {
				width: 180px;
				height: 18px;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				border: 1px solid #999999;
			}
				table.form_contact td input.champ_ko {
					width: 180px;
					height: 18px;
					margin: 0 0 0 0;
					padding: 0 0 0 0;
					border: 1px solid #D24B4F;
				}
			table.form_contact td textarea.champ {
				width: 250px;
				height: 100px;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				vertical-align: top;
				border: 1px solid #999999;
			}
				table.form_contact td textarea.champ_ko {
					width: 250px;
					height: 100px;
					margin: 0 0 0 0;
					padding: 0 0 0 0;
					border: 1px solid #D24B4F;
				}
			table.form_contact td input.valide {
				width: 90px;
				height: 24px;
				letter-spacing: 1px;
				font: normal 11px Helvetica, Arial, sans-serif;
				margin: 10px 0 0 0;
				padding: 0 0 2px 0;
			}
/*---- FOOTER ----------------------------------------------------------------------------------------------------------*/
div.footer {
	width: 1000px;
	height: 65px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	background: url('images/fd_footer.jpg') top center no-repeat;
	text-align: center;
}
	div.footer div.cont_footer {
		width: 965px;
		height: 26px;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
		/*border: 1px solid #FF0000;*/
	}	
	
		div.footer div.cont_footer marquee {
			width: 740px;
			height: 16px;
			margin: 4px 0 0 30px;
			padding: 0 0 0 0;
			float: left;
			font-weight: bold;
			color: #a4a3a1;
			/*border: 1px solid #FFFFFF;*/
		}
	
		div.footer div.cont_footer a.plan_site {
			width: 77px;
			height: 26px;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			display: block;
			background: url('images/a_plan_site.jpg') top center no-repeat;
			float: left;
		}
			div.footer div.cont_footer a.plan_site:hover {
				background: url('images/a_plan_site_hover.jpg') top center no-repeat;
			}
			
		div.footer div.cont_footer a.meteo_paris {
			width: 78px;
			height: 26px;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			display: block;
			float: right;
			background: url('images/a_paris_meteo.jpg') top center no-repeat;
		}
			div.footer div.cont_footer a.meteo_paris:hover {
				background: url('images/a_paris_meteo_hover.jpg') top center no-repeat;
			}
	
	div.footer p {
		margin: 5px 0 0 0;
		padding: 10px 0 0 0;
		font: normal 11px Arial, Helvetica, sans-serif;
		color: #000000;
		text-align: center;
	}
		div.footer p a {
			font: normal 11px Arial, Helvetica, sans-serif;
			text-decoration: none;
			color: #FFFFFF;
		}
		div.footer p a:hover {
			color: #000000;
		}
/*---- MESSAGE ---------------------------------------------------------------------------------------------------------*/
#message{
	width: 100%;
	height: auto;
	left: 0px;
	margin: 220px auto 0 auto;
	padding: 10px;
	position: absolute;
	text-align: center;
}
#message a {
	text-decoration: none;
	color: #ff0000;
}
#message p.close{
	margin: 25px 0 0 0;
}
#message_box{
	width: 450px;
	height: auto;
	margin:0 auto 0 auto;
	padding: 10px 10px 15px 10px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #c4c3c7;
	border: 1px solid #ff0000;
	opacity: 0.9 ;
	filter: alpha(opacity=90)!important;
}