* {margin:0; padding:0;}

body{
background:url(../img/background.gif) top repeat-x;;
color:#333;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
text-align:center;
}

#site{
/*width:805px;*/
width:768px;
margin:0 auto;
text-align:left;
background:#fff /*url(../img/background-site.gif) no-repeat*/;
overflow:auto;
}

#left{
/*width:269px;*/
width:246px;
float:left;
/*background:url(../img/background-header-left.jpg) top left no-repeat;*/
}

#right{
/*width:536px;*/
float:left;
}

#logo{
width:233px;
height:143px;
background:#fff;
float:right;
text-align:center;
}
#logo img{border:0; margin-top:40px;}

#presentation{
width:233px;
height:113px;
float:right;
clear:both;
background:url(../img/background-bloc-presentation.jpg) no-repeat;
}

#devis{
width:245px;
height:112px;
float:right;
clear:both;
background:url(../img/background-bloc-devis.jpg) no-repeat;
border-top:1px solid #fff;
}

#references{
width:233px;
height:113px;
float:right;
clear:both;
background:url(../img/background-bloc-references.jpg) no-repeat;
border-top:1px solid #fff;
}

#contact{
width:237px;
height:129px;
float:right;
clear:both;
background:url(../img/background-bloc-contact.jpg) no-repeat;
border-top:1px solid #fff;
}

#menu{
height:33px;
line-height:33px;
text-align:center;
margin-right:10px;
}
#menu li{display:inline;
list-style:none;
}
#menu li a{
font-size:15px;
color:#363433;
text-decoration:none;
margin:0 3px;
}
#menu li a:hover{color:#0dabf7;}
#menu li a.active{color:#0dabf7;}

#header{
width:512px;
height:215px;
clear:both;
}

#contenu{
width:502px;
clear:both;
text-align:left;
background:#fff url(../img/background-right.jpg) top left no-repeat;
margin-top:10px;
padding-left:10px;
min-height:344px;
overflow:hidden;
}
#contenu h2{
color:#009933;
font-weight:normal;
font-size:16px;
margin-bottom:10px;
text-align:left;
}
#contenu h2 span{font-size:22px;}
#contenu p{padding-bottom:10px;}
#contenu ul{padding-left:20px; padding-bottom:10px;}
#contenu a{color:#0DABF7; text-decoration:none;}
#contenu a:hover{text-decoration:underline;}

#contenu-principal{
background:#eff6dc;
padding:10px 10px 0;
position:relative;
margin-bottom:10px;
text-align:justify;
}
#contenu-principal img{
position:absolute;
bottom:0;
right:0;
}

div.contenu-secondaire{width:241px;}

#contenu p.erreur-contact{background:#fff; color:#009933; padding:0; margin-bottom:10px; line-height:20px; text-align:center;}

#formulaire{margin:10px auto;}
#formulaire input, #formulaire textarea{width:250px;}
#formulaire input.submit{width:auto; margin:10px auto; margin-left:160px;}

#footer{
width:768px;
/*background:url(../img/background-footer.jpg) top no-repeat;*/
margin:0 auto;
text-align:center;
padding-top:10px;
font-size:11px;
line-height:20px;
}
#footer a:hover{color:#0dabf7;}
#footer a.active{color:#0dabf7;}
#footer li{display:inline; list-style:none;}
#footer li a{
color:#363433;
text-decoration:none;
margin-left:6px;
padding-right:9px;
border-right:1px solid #363433;
}
#footer li a.no-border{border:none;}
#footer p{color:#999;}
#footer p a{
color:#999;
text-decoration:none;
}
#footer a.pigxid{color:#0dabf7;}
#footer a.pigxid:hover{text-decoration:underline;}

#links ul{
float:left;
width:192px;
margin:20px auto;
}
#links li{display:block;}
#links li a{border:none;}

.float-left{float:left;}
.float-right{float:right;}