@charset "utf-8"; /* CSS Document */
a,a:link{
font-family:arial;
color:#8499A5;
text-decoration:none;
}
a:hover{
text-decoration:none;
color:#6A818E ;
}
a:visited{
text-decoration:none;
color:#38505C ;
}
div#page {
margin-left: auto;
margin-right: auto;
width: 800px;
background-color:#E6E6E6;
}
div#bandeau {
margin-left: auto;
margin-right: auto;
width: 800px;
background-color:#ffffff;
}
div#conteneur {
margin-left: auto;
margin-right: auto;
width: 800px;
/*height: 380px;*/
background-color:#ffffff;
}
div#menu {
margin-top:-100px;
margin-left: 250px;
width: 80%;
background-color:#ffffff;
text-indent:right;
}
div#contenu {
float: right;
margin-left: 5px;
margin-top: 55px;
width: 615px;
height:auto;
min-height: 377px;
background-color:#D5E7F0;
}
div#contenu2 {
padding: 30px;}
div#footer {
margin-left: auto;
margin-right: auto;
width: 800px;
background-color:#ffffff;
}
#photo {
position:relative;
background-image : url(images/photo.jpg);
top: -30px;
left: 40px;
width: 93px;
height: 100px;
}
#navigation {
margin: 0 ;
padding: 0 ;
list-style:none ;
}
#navigation li {
float: left ;
width: 150px ;
border: 1px solid #50626C ;
margin-right: 1px ;
color: #fff ;
background: #c00 ;
}
#navigation li a {
display: block ;
background: #8499A5 ;
color: #fff ;
font: 0.8em "Trebuchet MS",Arial,sans-serif ;
line-height: 1em ;
padding: 4px 0 ;
text-align: center ;
text-decoration:none;
}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active { background: #6A818E ; }
.separation {
clear: both;
visibility: hidden;
}
#col01 {
float:left;
margin-top: 55px;
left: 10px;
width: 160px;
height: 395px;
text-align : justify;
text-indent : 5px;
background-color:#ABC7D6;
padding-left : 10px;
padding-right : 10px;
}
#col02 {
float:left;
width: 205px;
height: 395px;
background-color:#D5E7F0;
}
#col03 {
float:left;
width: 205px;
height: 395px;
background-color:#D9D4C7;
}
#col04 {
float:left;
width: 189px;
height: 395px;
padding-left:8px;
padding-right:8px;
background-color:#F0E7D5;
}