#body {
margin:5px 0 0 0;
padding:0;
background-color: #e8e8e7;
}

#contenu {

width: 950px;
margin: 0 auto; /* Centrer la page */
}


#header {
background-image: url(images/cadrehautfond.jpg); /* Couleur de fond */
padding-top:5px;
color: #fff; /* Couleur du texte */
font-weight: bold;
height:165px;
margin:0px;
padding:0px;
}

#header a{
margin:40px 0 0 30px;
float:left;
}

#header object{
/*border: 1px #f39c00 solid;*/
float:right;
margin:8px 17px 0 0;
}

.menu{
background-image: url(images/fondmenu.png);
float:left;
margin: 0 auto;
width:950px;


}

.menu ul{
list-style-type: none;
text-align:center;
margin:0 0 0 10px;
padding:0px;
margin-left:395px;
height:50px;
}
.menu li{
padding:0 0 0 12px;
float:left;
}
.menu li a{
float:left;
}

.menu6bis a{
color: #ffffff;
width:132px;
background: url(images/devis.jpg) no-repeat;

}
.menu6bis a:hover {
width:132px;
background: url(images/devishover.jpg) no-repeat;
color: #4d4e4f;
}

.menu a{
display:block;
text-decoration:none;
height:50px;
padding-top:11px;

font: 0.9em, 'Georgia', Times New Roman,Verdana , sans-serif;
font-weight: bold;
}
.menu a:hover{
display:block;
text-decoration:none;
font-family: 'Georgia', Times New Roman,Verdana , sans-serif;
font-size: 0.9em;
text-align: center;

}

.menu1 a ,.menu2 a,.menu3 a, .menu4 a, .menu5 a, .menu6 a:hover  {
color: #4d4e4f;
}

.menu1 a:hover, .menu2 a:hover,.menu3 a:hover, .menu4 a:hover, .menu5 a:hover{
color: #97999b;

}

.menu1{

}

.menu1 a{
width:143px;
background: url(images/accueil.jpg) no-repeat;
}

.menu1 a:hover {
width:143px;
background: url(images/accueilhover.gif) no-repeat;
}

.menu2{

}
.menu2 a{
width:143px;
background: url(images/agence.jpg) no-repeat;
}
.menu2 a:hover {
width:143px;
background: url(images/agencehover.jpg) no-repeat;
}
.menu3{

}
.menu3 a{
width:142px;
background: url(images/sites.jpg) no-repeat;
}
.menu3 a:hover {
width:142px;
background: url(images/siteshover.jpg) no-repeat;
}
.menu4{

}
.menu4 a{
width:143px;
background: url(images/services.jpg) no-repeat;

}
.menu4 a:hover {
width:143px;
background: url(images/serviceshover.jpg) no-repeat;
}
.menu5{

}
.menu5 a{
width:140px;
background: url(images/clients.jpg) no-repeat;

}
.menu5 a:hover {
width:140px;
background: url(images/clientshover.jpg) no-repeat;
}
.menu6{

}
.menu6 a{
color: #ffffff;
width:132px;
background: url(images/devis.jpg) no-repeat;
}
.menu6 a:hover {
width:132px;
background: url(images/devishover.jpg) no-repeat;
}
#bloc-contenu {
background-image: url(images/fondblanc.jpg);
float:left;
width: 950px;
margin:0px auto;
}
#bloc-sommaire{
width: 894px;
margin:0px auto;

}
#agence {
width:185px;
height:400px;
float:left;
margin: 5px 0 0 0;
font-family: 'Verdana', Times New Roman, Georgia, sans-serif;
}
#site, #service, #client {
width:185px;
height:400px;
float:left;
margin: 5px 0 0px 50px;
font-family: 'Verdana', Times New Roman, Georgia, sans-serif;
}

#agence h1, #site h1, #service h1, #client h1 {
padding-top:100px;
margin: 0px;
text-align: center;
font-size: 22px;
}

#agence p, #site p, #service p, #client p {
color:#a2a4a6;
font-size: 12px;
padding:0px 10px 5px 10px;
text-align: left;
}

#agence a, #site a, #service a, #client a {
text-decoration: none;
color: #f49a00;
font-weight: bold;
text-align: center;
}
#agence a:hover, #site a:hover, #service a:hover, #client a:hover {
color: #645e5e;
}


#agence {
background: url(images/cadre_agence.jpg) no-repeat;
}
#agence a h1{
color:#c82d86;
}

#site {
background: url(images/cadre_sites.jpg) no-repeat;

}
#site a h1{
color:#e5282d;
}

#service {
background: url(images/cadre_service.jpg) no-repeat;

}
#service a h1 {
color:#56ab27;
}

#client {
background: url(images/cadre_client.jpg) no-repeat;
color:#329bc8;
}
#client a h1 {
color:#329bc8;
}

.titredevis{
padding:10px 0 15px 0;
font: bold 140% 120%;
}

.contactformtexte{
Text-align: left;
font-size: 0.9em;
margin: 0 auto;
width:620px;
padding-bottom:5px;
}
.formulaire_spip_ecrire_auteur{
margin: 0 auto;
width:500px;
}

.footer {
background-image: url(images/pied_page.jpg);
float:left;
width:950px;
height:58px;
margin: 0 auto;
font-weight: bold;
font-size: 12px;
text-align: center;
padding-top:30px;
}
.footer ul{
margin:0;
padding:0;
border: 1px solid #cccccc;
list-style-type: none;
}
.footer a{

color: #645e5e;
text-decoration:none;
}
.footer a:hover{
color: #f49a00;
}

#formodeles {
margin:0 auto;
width: 400px;
}