* {
color:white;
font-family:verdana, arial, helvetica, sans-serif;
font-size:12px;
}

* a {
color:white;
font-family:verdana, arial, helvetica, sans-serif;
font-size:12px;
text-decoration:none;
}

* a:hover {
color:#ff0000;
font-family:verdana, arial, helvetica, sans-serif;
font-size:12px;
text-decoration:none;
}

body {
margin:0;
background-color:#191a1e;
background-image:url(im/fond.jpg);
background-repeat:repeat-x;
text-align:center;
margin-left:auto;
margin-right:auto;

}

#header {
position:relative;
width:1527px;
height:142px;
background-image:url(im/header.jpg);
background-repeat:no-repeat;
background-position:top center;
text-align:center;
margin:auto;
}

#contenu {
position:absolute;
top:175px;
left:0;
width:100%;
min-height:700px;
background-image:url(im/fond_contenu.jpg);
background-repeat:no-repeat;
background-position:top center;
text-align:center;
margin-left:auto;
margin-right:auto;
}

#bandeau {
width:100%;
height:33px;
text-align:center;
margin:auto;
}

#menu {
	position:relative;
	top:0px;
	left:0;
	width:940px;
	height:33px;
	text-align:center;
	margin:auto;
}

#justify {
	text-align:justify;
}

#presentation img {display: none;} 
#presentation {
position:absolute;
top: 0px;
left: 0px;
display: block;
height: 33px;
width: 167px;
background-image: url(im/presentation_off.jpg);
}
#presentation:hover {
background-image: url(im/presentation_on.jpg);
}

#realisations img {display: none;} 
#realisations {
position:absolute;
top: 0px;
left: 167px;
display: block;
height: 33px;
width: 144px;
background-image: url(im/realisations_off.jpg);
}
#realisations:hover {
background-image: url(im/realisations_on.jpg);
}

#revetements1 img {display: none;} 
#revetements1 {
position:absolute;
top: 0px;
left: 311px;
display: block;
height: 33px;
width: 273px;
background-image: url(im/revetements1_off.jpg);
}
#revetements1:hover {
background-image: url(im/revetements1_on.jpg);
}

#revetements2 img {display: none;} 
#revetements2 {
position:absolute;
top: 0px;
left: 584px;
display: block;
height: 33px;
width: 223px;
background-image: url(im/revetements2_off.jpg);
}
#revetements2:hover {
background-image: url(im/revetements2_on.jpg);
}

#contact img {display: none;} 
#contact {
position:absolute;
top: 0px;
left: 807px;
display: block;
height: 33px;
width: 125px;
background-image: url(im/contact_off.jpg);
}
#contact:hover {
background-image: url(im/contact_on.jpg);
}

#page {
width:932px;
margin-top:20px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

#illu {
position:relative;
float:left;
width:333px;
height:255px;
background-image:url(im/illu.png);
background-repeat:no-repeat;
margin-bottom:20px;
}

#illu2 {
position:relative;
float:left;
width:333px;
height:255px;
background-image:url(im/illu2.png);
background-repeat:no-repeat;
margin-bottom:20px;
}

#illu_indust {
position:relative;
float:left;
width:333px;
height:255px;
background-image:url(im/illu_indust.png);
background-repeat:no-repeat;
margin-bottom:20px;
}

#illu_real {
position:relative;
float:left;
width:333px;
height:255px;
background-image:url(im/illu_real.png);
background-repeat:no-repeat;
margin-bottom:20px;
}

#illu_publ {
position:relative;
float:left;
width:333px;
height:255px;
background-image:url(im/illu_publ.png);
background-repeat:no-repeat;
margin-bottom:20px;
}

#texte {
position:relative;
float:right;
width:580px;
text-align:left;
color:#ffffff;
margin-bottom:40px;
}

p {
text-align:justify;
}

#cadre {
position:relative;
float:left;
width:445px;
margin-top:20px;
color:#ffffff;
padding:10px;
text-align:justify;
font-size:12px;
}

#adresse {
color:#ffffff;
padding-top:30px;
padding-bottom:30px;
text-align:center;
font-size:12px;
}

#adresse a{
color:#ffffff;
text-decoration:none;
}

#adresse a:hover{
color:#ff0000;
text-decoration:none;
}