/*-------------------------------------------------BASE---------*/
*{margin:0px; padding:0px;}
html,body{height:100%;
}
body{
	background-color: #990000;
	background-image: url(../interface/fond-body.jpg);
	background-repeat: repeat-x;
	background-position: 968px top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}
#gauche{
	background-image: url(../interface/gauche.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 799px;
	width: 306px;
}
#droite{
	background-image: url(../interface/centre.jpg);
	background-repeat: no-repeat;
	min-height:799px;
	height:auto!important;
	height: 799px;
	width: 662px;
}
#droite-fond-repete{
	width: 662px;
	background-image: url(../interface/fond-centre.jpg);
	min-height:100%;
	height:auto!important;
	height:100%;
	background-repeat: repeat-y;
	float: left;
}
#droite p{
padding-left:38px;
padding-right:40px;
padding-top:20px;}
#droite ul,#droite ol{
margin-left:80px;
margin-top:20px;}
#footer{background-image: url(../interface/fond-centre.jpg);background-repeat: repeat-y; width:662px; padding-left:38px;
padding-bottom:20px;}
#footer a{color:#ffffff;}

/*----------------------------------------------------------CLASS---------*/
.jaune{color:#EED304;}
.separation{
	background-image: url(../interface/separation.jpg);
	background-repeat: no-repeat;
	clear: both;
	height: 2px;
	width: 626px;
	background-position: 20px center;
	height:20px;
}
.bordure1{
	margin-top: 20px;

	border: 1px solid #FFFFFF;
}
.bordure2{
	margin-top: 20px;
margin-left:38px;
	border: 1px solid #FFFFFF;
}
	
.image{
width:100px;
overflow: visible;
margin-left: 38px;
float:left;
margin-right:60px;
}
.image2{
margin-left:14px;
float:left;

}
*html .image2{
margin-left:8px;
}
.formulaire{margin-left:38px;
margin-top:40px;}
#rappel2{
position:absolute;
left:75px;
top:632px;}
/*----------------------------------------------------------BALISE---------*/
h1 {
display:none;
}
h2{font-size:14px; color:#EED304;padding-left:38px; font-weight:bold; margin-top:20px;}
img{display:block;}

/*-----------------------------------------------------------MENU---------*/
#menu{width:181px;/*margin-left:118px; margin-top:318px;*/ height:208px; position:absolute; top:318px; left:118px;}
#menu ul{ list-style:none;}
#menu ul li{
width:181px;

height:25px;}
#menu ul li a{color:#FFFFFF; text-decoration:none;display:block;
padding-top:5px; padding-left:29px;height:20px;}

#menu ul li a:hover{
	background-image: url(../interface/menu-on.jpg);
	background-repeat: no-repeat;
	height:21px;
}


#footer  ul{ list-style:none; margin-top:10px;width:592px;}
#footer  ul li{ float:left;border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;padding-right:2px;padding-left:2px;}
#footer  ul li a{
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
}

#footer  ul li a:hover{ text-decoration:underline;
}


.accueil #menu #btn1 a,.aide #menu #btn5 a,.contact #menu #btn6 a,.devis #menu #btn4 a,.mentions #menu #btn8 a,.trouver #menu #btn7 a,.presentations #menu #btn2 a,.realisations #menu #btn3 a{background-image: url(../interface/menu-on.jpg);background-repeat: no-repeat;height:21px;}

/*-----------------------------------------------------------LINKEO---------*/
#powered a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	float: left;
}
#powered img {
	height: 10px;
	width: 10px;
	vertical-align: middle;
	float: left;
}