@charset "utf-8";
/* CSS Document */

body{
background:url(../images/bg-content.jpg) repeat-x 0px 285px;
background-color:#000;
font-family:"Trebuchet MS";
font-size:13px;
color:#FFFF00;
margin:0px;
height:100%;
border-top:2px solid #FFFF00;
}
#page{
z-index:20;
width:100%;
position:relative;
}
.wrap{
width:860px;
margin:25px auto;
}
.wrapRealisations{
position:relative;
left:-50px;
}

#menu{
width:975px;
/*height:50px;*/
/*border:#FFFFFF solid 2px;*/
margin:0px auto;
margin-bottom:10px;
color:#FFFFFF;
}

h1{
font-size:30px;
margin-top:0px;
margin-bottom:10px;
}
h1.mainTitle{
font-size:25px;
margin:10px 0px;
padding:0px 20px;
}
h2{
font-size:30px;
margin-top:0px;
margin-bottom:10px;
/*position:relative;
top:5px;*/
}
a:link{
color:#FFFFFF;
text-decoration:none;
}
a:visited{
color:#CCCCCC;
text-decoration:none;
}
a:active,
a:hover,
a:focus{
color:#FFFFFF;
text-decoration:underline;
}
#main-header{
height:285px;
width:100%;
background-image:url(../images/bg-banner.jpg);
background-repeat:repeat-x;
}
#header{
height:285px;
width:100%;
background-image:url(../images/banner-side.jpg);
background-position:center;
background-repeat:no-repeat;
}
#banner{
width:975px;
height:285px;
margin:0 auto;
}
.accueil-image {
background:url(../images/poussin-accueil.png) no-repeat top left;
width:357px;
height:306px;
float:left;
}
.accueil-content {
background:url(../images/small-box.png) no-repeat top left;
width:479px;
height:335px;
float:left;
}
.accueil-content p{
padding:15px 50px;
padding-top:0px;
}
.accueil-content h1{
margin-left:50px;
margin-top:50px;
margin-bottom:0px;
}
.services {
width:975px;
margin:5px auto 25px auto;
}
.services-boxes {
width:840px;
margin:20px auto 0px auto;
}
.services-boxes .info{
background:url(../images/services-boxes.png) no-repeat top left;
width:442px;
height:173px;
float:left;
padding-top:25px;
}
.services-boxes .info .wrapInfo{
width:362px;
margin:auto;
}
.services-boxes img{
width:360px;
height:195px;
border:solid 1px #666666;
float:left;
margin-right:20px;
}
.comments-container {
}
.comments-container table{
border:0px;
padding:0px;
margin-bottom:-15px;
}
.comments-container table td{
border:0px;
padding:0px;
}
.comments-arrow {
/*background:url(../images/box-arrow.png) no-repeat 10px left;*/
background:url(../images/box-arrow.png) 0px 10px no-repeat;
margin-left:14px;
}
.comments {
background-color:#FFFFFF;
color:#333333;
padding:10px 25px;
/*margin-top:15px;*/
margin-left:12px;
width:580px;
}
.comments-name {
font-weight:bold;
font-style:italic;
}
.comments-container table td.img {
vertical-align:middle;
background-color:#FFFFFF;
}
.comments-img img {
width:130px;
height:60px;
}
#contact-boxes {
background:url(../images/contact-boxes.png) no-repeat top left;
width:870px;
height:336px;
margin:25px auto;
}
#contact-boxes .info {
width:345px;
float:left;
padding:40px 40px;
}
#contact-boxes .info h1{
font-size:24px;
}
#contact-boxes .form {
width:300px;
float:left;
padding:40px 40px;
}
#contact-boxes label,
#contact-boxes input,
#contact-boxes textarea {
display:block;
font-weight:bold;
}
#contact-boxes label {
display:block;
font-weight:bold;
margin-bottom:-3px;
}
#contact-boxes input[type=text] {
width:175px;
font-size:12px;
margin-bottom:4px;
}
#contact-boxes textarea {
width:325px;
height:100px;
}
#contact-boxes textarea,
#contact-boxes input[type=text] {
border:solid 1px #333;
}
#contact-boxes textarea:focus,
#contact-boxes input[type=text]:focus {
border:solid 1px #FFFF00;
}
#contact-boxes #envoyer {
background:url(../images/envoyer.png) no-repeat top left;
width:77px;
height:21px;
display:block;
margin-top:10px;
}
#contact-boxes #envoyer span{
position:absolute;
left:-9999px;
}
#footer{
width:975px;
margin:0 auto;
text-align:center;
color:#FFFFFF;
font-size:11px;
margin-bottom:25px;
}
#footer ul{
margin:0px;
margin-bottom:7px;
padding:0px;
list-style:none;
height:10px;
}
#footer ul li{
display:inline;
border-left:solid 1px #FFFFFF;
padding:0px 20px;
}
#footer ul li.lastlink{
border-right:solid 1px #FFFFFF;
}

.clear{
clear:both;
}
.marginTop{
margin-top:15px;
}
.blockCenter{
margin:0 auto;
}