body{
    margin: 0px;
    padding-top: 0px;
    background-color: #f2f2f2;
    text-align: center;
	

}

#conteneur{
    border-right: #cfcfcf 0px solid;
    border-top: #cfcfcf 0px solid;
    margin-top: -300px;
    left: 50%;
    margin-left: -492px;
    border-left: #cfcfcf 0px solid;
    width: 985px;
    padding-top: 0px;
    border-bottom: #cfcfcf 0px solid;
    position: absolute;
    top: 50%;
	font-family:Arial, Helvetica, sans-serif;
	
}

.logo{
width:985px;
height:84px;
background-image:url(images/logo-crr.jpg);
margin-right: auto;
margin-left: auto;
}

.contenu{
width:985px;
height:432px;
background-image:url(images/contenu.jpg);
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
font-weight:bold;
text-align:left;
line-height:30px;
}

.menu{
padding-left:20px;
padding-top:15px;
}

.texte-titre{
color:#FFFFFF;
text-align:left;
padding-left:20px;
padding-top:20px;
padding-bottom:0px;
margin-bottom:0px;
line-height:17px;
font-size:27px;
font-weight:bold;
}

.texte-titre a{
color:#FFFFFF;
font-size:12px;
text-decoration:none;
}

.texte-titre a:hover{
color:#FFFFFF;
font-size:12px;
text-decoration:underline;
}

.contenu a{
text-decoration:none;
color:#f2f2f2;
}

.contenu a:hover{
text-decoration:none;
color:#FFFFFF;
}

.titre{
width:985px;
height:77px;
background-image:url(images/fond-titre.jpg);
margin-right: auto;
margin-left: auto;
}

.vignette-realisation{
float:left;
margin-right:30px;
margin-top:20px;
margin-bottom:20px;
background-color:#434242;
width:162px;
height:315px;
}

.realisation-liste{
float:left;
padding-left:20px;
background-color:#FFFFFF;
border:1px #d4d4d4 solid;
}

.description{
float:left;
width:142px;
font-size:14px;
height:66px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
text-align:left;
color:#FFFFFF;

}

.img-details{
float:left;
background-image:url(images/realisation-details.jpg);
width:740px;
height:494px;
}

.img-bleu{
float:left;
background-image:url(images/realisation-details-bleu.jpg);
height:77px;
width:243px;
}

.description-details{
float:right;
width:238px;
font-size:12px;
text-align:left;
padding-left:5px;
}

.contenu-details{
float:left;
width:983px;
background-color:#FFFFFF;
}

.ville {
color: #cf782d;
font-size:14px;
}

.departement{
float:left;
height:17px;
width:157px;
text-align:right;
color:#a5a3a0;
padding-right:5px;
}

.images{
float:left;
width:162px;
}


.footer{
float:left;
width:985px;
height:55px;
background-image:url(images/footer.jpg);
}

.baseline a :hover{
font-size:12px;
color:red;
text-decoration:underline;
}

.baseline a {
font-size:12px;
color:black;
text-decoration:none;
}