* {margin:0;padding:0;border:0;}
body {font-family:verdana;font-size:12px;color:#787878;background:#9a9a9a;}
a {text-decoration:none;color:#afc800;}
a:hover {color:#cacaca;}

#barre {height:18px;background:url(../images/barre.gif);}
#header {padding-top:15px;text-align:center;background:#f4f4f4;}
#header h1 {font-family:helvetica;color:#787878;margin-top:60px;font-size:38px;text-transform:uppercase;margin-bottom:50px;}
#header h2 {color:#cacaca;font-size:23px;margin:auto;font-weight:normal;font-family:helvetica;width:750px;margin-bottom:60px;}

#header a {position:absolute;display:block;width:285px;height:135px;background:url(../images/blocbg.jpg) no-repeat;padding-left:30px;text-align:left;
					 padding-top:56px;color:#787878;}
#header a .titre {text-transform:uppercase;font-family:helvetica;font-size:23px;font-weight:bold;color:#afc800;line-height:22px;}
#header a:hover .titre {color:#cacaca;}
#header a:hover {background:url(../images/blocbg_on.jpg) no-repeat;}

a.qui {left:0}
a.references {left:320px;}
a.contact {left:640px;}

#header #blocs {position:relative;height:200px;}
#header .contenu {padding-bottom:0;}

.contenu {width:940px;margin:auto;overflow:visible;position:relative;padding-bottom:70px;}
.contenu h1 {padding-top:60px;font-size:40px;font-family:helvetica;text-transform:uppercase;color:#444444;margin-bottom:30px;}
.clear {clear:both;}

.haut, .bas {display:block;position:absolute;right:0;width:27px;height:27px;}
.haut {top:20px;background:url(../images/haut.png);}
.bas {bottom:20px;background:url(../images/bas.png);}
.haut:hover {background:url(../images/haut_on.png);}
.bas:hover {background:url(../images/bas_on.png);}

#societe {background:#e4e4e4;}
#societe #description {width:540px;font-size:16px;}
#societe #description p {margin-bottom:10px;}
#societe #image {width:380px;height:394px;background:url(../images/societebg.png);position:absolute;bottom:70px;right:0;}

#references {background:#c6c6c6;}
#references h1 {margin-bottom:15px;}
#references dl {float:left;width:156px;margin-right:4px;}
#references dl dt {margin-bottom:30px;padding-top:15px;}
#references dt:hover {background:url(../images/reference_on.jpg) top right no-repeat;}
#references dl dd.site {color:#383838;text-transform:uppercase;font-weight:bold;margin-bottom:5px;}
#references dl.last {position:absolute;right:-16px;margin:0;}

#contact .label {font-size:20px;width:140px;padding-bottom:28px;padding-top:2px;}
.input textarea, .input input {width:332px;padding:5px;font-size:16px;font-family:'Lucida Grande', 'Lucida Sans Unicode', sans-serif;}
.input input {height:20px;}
.input textarea {height:280px;}
.textarea {padding-bottom:30px;}
.submit {border:3px solid #afc800;color:#000;font-size:14px;text-transform:uppercase;font-family:verdana;font-weight:bold;background:#d6f400;
				 padding:4px 33px;
				cursor:pointer;}
.submit:hover {background:#7c7c7c;border-color:#5b5b5b;}
#contact #adresse {background:url(../images/adressebg.png);width:300px;height:140px;padding:20px 40px;font-size:16px;position:absolute;
										right:0;top:130px;}
#contact #adresse p {margin-bottom:10px;}
#contact #map {position:absolute;position:absolute;right:0;top:340px;}
#contact #map object {width:380px;height:265px;}
#contact #confirmation {background:#d6f400;width:320px;font-size:14px;padding:4px 0;text-align:center;position:absolute;bottom:72px;
												border:3px solid #afc800;color:#000;display:none;}

#contact {background:#b3b2b2;}

#copyright {color:#444444;padding:0;font-weight:bold;}
#copyright .contenu {padding:15px 0 15px 0;}
#copyright .validation {position:absolute;right:0;top:15px;}