* {
	margin:0;
	padding:0;
} 

body {
	font-family:   Arial, Geneva, Lucida, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	padding:0;
	color:#272522;
	text-align:center;
	background-color: #707173;
}


h1,h2,h3{margin: 5px 0px 5px 0px;}

h3{color:#DD1A41;}

p{margin: 3px 0px 3px 0px;}
ul {padding:0px 0px 0px 50px;}
ul li{padding:0px 0px 0px 5px;}
hr{border:none; clear:left; visibility: hidden;}
img.left{float:left;}
img.right{float:right;}
a{color: #7f7f7f;}
a img{border: none;}

/*   Mise en page */
#wrapper{
	width:950px;
	padding:0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	text-align:left;
	background-color: #FFFFFF;
}
html>body #wrapper{
	width:950px;
}

/* -------- header -------- */
#header{ 
	background: url(images/fond_header.gif) no-repeat top right; 
	height: 120px; 
	position: relative;
	background-color: #000000;
	border-bottom : 1px solid #FFFFFF;
	}
#header h1 {
	margin: 0;
	padding: 0;
	position:absolute;
	top:0px;
	left:0px;
}
#header h1 a{
	display: block;
	width: 388px; 
	height:120px; 
	text-indent: -3000px; 
	background: url(images/logo_eurofiltre.gif) no-repeat; 
}
#header h2{
	position:absolute;
	width: 80px; 
	height:80px; 
	text-indent: -3000px; 
	top: 23px;
	right: 43px;
	background: url(images/fond_h1_presentation.gif) no-repeat; 
}
#header h2.presentation{
	background: url(images/fond_h1_presentation.gif) no-repeat; 
}
#header h2.produits{
	background: url(images/fond_h1_produits.gif) no-repeat; 
}

#header h2.applications{
	background: url(images/fond_h1_applications.gif) no-repeat; 
}
#header h2.contact{
	background: url(images/fond_h1_contact.gif) no-repeat; 
}
#header h2.accueil{
	background: none; 
}
/* menu */
#header ul.menu{
	right:0px;
	width: 535px; 
	margin:15px 0px 15px 0px; 
	padding: 0px;
	height: 90px;
	position: absolute;
	right: 0px;
}
#header ul.menu li{	
	height:30px;
	width:200px;	
	margin:0px;
	list-style:none;
	position: absolute;
	text-indent: 30px;
	font-size:18px;
	padding-top: 5px
}
#header ul.menu li strong a{color:#FFFFFF; font-weight: bold;}
#header ul.menu li.presentation{
		background: url(images/menu_presentation.gif) no-repeat top left; 
}
#header ul.menu li.produits{
		margin-top: 30px;
		background: url(images/menu_produits.gif) no-repeat top left; 
}
#header ul.menu li.applications{
		margin-top: 60px;
		background: url(images/menu_applications.gif) no-repeat top left; 
}
#header ul.menu li.contact{
		margin-left: 183px;
		background: url(images/menu_contact.gif) no-repeat top left; 
}
#header ul.menu li.accueil{
		margin-top: 30px;
		margin-left: 183px;
}
#header ul.menu li.accueil.actif {
	border-left:1px solid #DD1A41;
	height:24px;
	margin:35px 0px 0px 209px;
	padding-top:2px;
	text-indent:5px;	
}
#header ul.menu li a{
	text-decoration:none;
	color:#707173;
	}

#header ul.menu li a:hover{color:#FFFFFF; font-weight: bold;}

/* -------------- accueil ---------------*/
#accueil{
	width:950px;
	height: 500px;
	padding: 10px 0px 45px 0px;
	position:relative;
	/*background-color: #000000;*/
	color: #FFFFFF;
	background:#000000 url(images/fond_accueil.jpg) no-repeat scroll 0px 163px;
}
#accueil a{ color: #FFFFFF;}
#accueil .texte{
	border-left:1px solid #DD1A41;
	margin: 40px 0px 20px 45px;
	width: 490px;
	padding: 8px;
	
}
/* nos poduits*/
p.nos_produits a{
	position: absolute;
	display: block;
	background: url(images/nos_produits.gif) no-repeat scroll;
	width: 230px;
	height: 31px;
	top: 81px;
	left: 677px;
	text-decoratioon:none;
	text-indent: -3000px;
	
	}

/* -------------- content ---------------*/
#content{
	width:950px;
	padding: 0px 0px 45px 0px;
	position:relative;
	background-color: #FFFFFF;
}

/* colonnes */
#content .col_left{
	width: 344px;
	float: left;
	
	
}

#content .col_right{
	width: 540px;
	float: left;
	margin-left:44px;
}

#content p{ margin: 5px 0px;}

/* sous menu */
ul.sous-menu{ 
	margin: 20px 0px 50px 40px;
	padding: 0px;
	color: #7f7f7f;
	}
ul.sous-menu li{
	margin:0px 5px 0px 5px;
	list-style:none;
	}
ul.sous-menu li.last a{
	border-bottom: 1px solid #e1e1e1;
	}
ul.sous-menu li a{
	width: 100%;
	display: block;
	padding: 5px 0px 5px 0px;
	text-decoration:none;
	border-top: 1px solid #e1e1e1;
	color: #7f7f7f;
	}

ul.sous-menu li a:hover{text-decoration:underline;}

ul.sous-menu li.actif{ border-left: 1px solid #dd1a41; }
ul.sous-menu li.actif a{font-weight: bold;}

/* actualite */
.actualite { 
	background-color : #dde9f4;
	padding: 10px 20px 10px 45px;
	
}
.actualite a { color:#000000;}

/* actualite */
#accueil .actualite { 
	background-color : #333333;
	width: 278px;	
}

/* contact*/
#content div.contact{ color : #5e98cc;margin: 20px 0px 50px 40px;border-left:1px solid #DD1A41; padding: 0px 0px 0px 5px;}

/***************** droite *************************/
 .col_right h2{ 
	background:#000000 url(images/fond_h2.gif) no-repeat scroll 45px center;
	color:#5793c9;
	padding:15px 0px 15px 0px;
	text-indent:60px;
	font-size: 17px;
	margin-bottom: 20px;
	}
 .col_right h2.bandeau{ 
	background:#000000 url(images/fond_h2_crepines.jpg) no-repeat;
	color:#5793c9;
	padding:95px 0px 0px 0px;
	text-indent:60px;
	font-size: 17px;
	margin-bottom: 20px;
	width: 562px;
	height: 51px;
	}
html>body .col_right h2.bandeau{
	width: 563px;
	height: 51px;
}
 .col_right h2.id_255{ 
	background:#000000 url(images/fond_h2_crepines.jpg) no-repeat ;

	}
 .col_right h2.id_301{ 
	background:#000000 url(images/fond_h2_separateur.jpg) no-repeat;

	}	 
 .col_right h2.id_257{ 
	background:#000000 url(images/fond_h2_filtre_gravitaire.jpg) no-repeat ;

	}
 .col_right h2.id_256{ 
	background:#000000 url(images/fond_h2_filtre_pression.jpg) no-repeat ;

	}
 .col_right h2.id_258{ 
	background:#000000 url(images/fond_h2_sur_mesure.jpg) no-repeat ;

	}		

/*********** MAP ****************/
#googlemap{
	width: 530px;
	height: 400px;
}

/* ------- FOOTER ----------- */
#footer {
	border-top:1px solid #FFFFFF;
	clear:left;
	margin:0px 0px 20px;
	padding:5px 0px 5px 0px;
	background-color: #000000;
	color: #FFFFFF;
	position:relative;
}
#footer ul {
	position:absolute;
	right:0px;
}
#footer ul li {
	border-right:1px solid #8C837B;
	color:#8C837B;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0px 5px;
	width:auto;
}
#footer ul li.last {
	border-right:medium none;
	margin-right:10px;
}
#footer ul li a {
	color:#8C837B;
	text-decoration:none;
}
#footer ul li a:hover {
	text-decoration:underline;
}