body {
background-color:#FFF;
margin: 0px; /*marges exterieures*/
padding: 0px; /*marges interieures*/
}

/* page */
div#Page {
position:absolute;
left: 50%; 
top: 50%;
width: 1000px;
height: 650px;
margin-top: -325px; /* moitié de la hauteur */
margin-left: -475px; /* moitié de la largeur */
border: 0px dotted #000;
}
div#blocmenu{
float:left;
width: 180px;
margin-right: 10px;
border: 0px dotted #000;
}
div#bloc_contact{
height:100%;
background-color:#e7e7e7;
padding-top:20px;
padding-left: 10px;
}
div#blocaccueil{
width: 750px;
height: 575px;
float:left;
border: 0px dotted #000;
}
div#blocdiaporama{
width: 750px;
height: 575px;
float:left;
border: 0px dotted #000;
}
div#bloccontenu{
width: 770px;
float:left;
border: 0px dotted #000;
}
div#blocbio{
width: 450px;
float:left;
}
div#colonne1{
width: 450px;
margin-right:20px;
float:left;
}
div#colonne2{
width: 300px;
height:100%;
background-color:#e7e7e7;
float:right;
text-align:center;
padding-top:20px;
}
div#blocnewscourtes{
width: 295px;
height: 575px;
float:left;
border: 1px dotted #000;
}
div#textedocaccueil{
width: 750px;
height: 50px;
float:left;
margin-top:20px;
border: 0px dotted #000;
}
div#legendediaporama{
width: 750px;
height: 30px;
float:left;
margin-top:10px;
border: 0px dotted #000;
}
div#paginationdiaporama{
width: 750px;
height: 15px;
float:left;
background-color:#C0C0C0;
margin-top:10px;
border: 0px dotted #000;
}
.clearfix:after {
content: ".";
display:block;
height:0;
clear: both;
visibility:hidden;
}