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

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:url(../image/back_principal.jpg) repeat;
}

/**************************************************************** INDEX */

#logo_index {
background:url(../image/frame/index_logo.png) no-repeat top;
width:661px;
height:326px;
margin-left:auto;
margin-right:auto;
margin-top:100px;
}

/**************************************************************** TOUT */

#reflet {
display:block;
position:absolute;
left:50%;
margin-left:-423px;
top:0px;
background:url(../image/frame/reflet.png) top no-repeat;
width:847px;
height:523px;
z-index:10;
}

#contenu {
width:900px;
padding-top:25px;
padding-bottom:25px;
margin-left:auto;
margin-right:auto;
line-height:35px;
color:#424242;
text-align:justify;
}

/***************************************************************** NOS PROJETS */
#nombre_page {
display:block;
width:250px;
height:auto;
margin-left:auto;
margin-right:auto;}

.page a {
display:block;
float:left;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#ccc;
color:#333333;
font-size:20px;
padding-bottom:10px;
padding-top:10px;
padding-left:15px;
padding-right:15px;
margin:1px;
text-decoration:none;
}

.page a:hover,
.selected a {
background:#333333;
color:#f4b43a;
}

.caption {
margin:0px;
padding:0px; 
color:#f4b43a; 
width:302px; 
height:40px; 
background:#333333; 
font-size:20px; 
line-height:40px; 
vertical-align:middle;
}

.rang_projet {
float:left;
width:630px;
margin-left:135px;
margin-right:135px;
margin-bottom:30px;
padding-bottom:30px;
border-bottom:1px solid #999999;
}