#home {
background: url(../images/bg.jpg) repeat-x #d9d9d9;
margin: 0px;
width:100%;
font-family: Georgia, serif;     /* web safe fonts */
font-size: 12px;
color: #575454;
overflow:hidden;
overflow-y: auto;
overflow-x: hidden;

}

#page {
width:960px;
height:900px;
margin: 0 auto;
background: none;
}

#logo {
position: absolute;
margin-top: 20px;
z-index: 9

}

a img {
border: none
}

.center{
text-align: center;
font-size: 9px;
line-height: 9px;
width: 70px

}

a {
color: #575454;
text-decoration: none
}

a:hover {
color: #000000;
text-decoration: none
}

.select {
color: #000000
}
a:active, a:focus{ outline:none; }

#menu_principal {
position: absolute;
margin-top: 38px;
width: 630px;
height: 37px;
margin-left: 308px;
background: #D9D9D9;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: rgba(0,0,0,.3) 1px 6px 6px;
-moz-box-shadow: rgba(0,0,0,.3) 1px 6px 6px;
box-shadow: rgba(0,0,0,.3) 1px 6px 6px;



}

#menu_principal a{
color: #575454;
text-decoration: none
}

#menu_principal a:hover{
color: #000000;
}



#menu_principal ul {
font-size: 18px;
list-style: none;
margin-top: 9px;
margin-left: -10px

}

#menu_principal ul li {
float: left;
display: block inline;
padding-right: 30px;
}

#contenu_principal {
position: absolute;
margin-top: 115px;
width: 938px;
height: 345px;
background: #D9D9D9;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: rgba(0,0,0,.3) 1px 6px 6px;
-moz-box-shadow: rgba(0,0,0,.3) 1px 6px 6px;
box-shadow: rgba(0,0,0,.3) 1px 6px 6px;
}

#footer {
position: absolute;
margin-left: 0px;
margin-top: 484px;
width: 938px;
height: 37px;
background: #000000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: rgba(0,0,0,.3) 1px 6px 6px;
-moz-box-shadow: rgba(0,0,0,.3) 1px 6px 6px;
box-shadow: rgba(0,0,0,.3) 1px 6px 6px;
color: #FFFFFF;
font-size: 12px


}

.copyright {
float: left;
margin: 10px
}

.adresse {
float: right;
margin: 10px
}

#credits {
position: absolute;
float: right;
margin-top: 537px;
margin-left: 735px
}

#w3c {
float: left;
width: 88px;
margin-top: 5px

}

#shadii {
position: absolute;
margin-top: 3px;
margin-left: 93px;
border: none;

}

.description {
position: absolute;
width: 413px;
height: 250px;
margin-left: 458px;
margin-top: 25px;
padding: 10px;
line-height: 14px

}

.titre {
font-size: 18px;
color: #000000;
text-transform: uppercase
}

.bt a {
float: right;
padding: 5px;
background-color: #575454;
color: #FFFFFF;
text-decoration: none;
text-transform: uppercase;
margin-right: 5px;
margin-top: 10px;
line-height: 15px


}

.bt a:hover {
text-decoration: none;
cursor: pointer;
background-color: #000000
}

.bt_fb a {
float: right;
padding: 5px;
background: url(../images/fb-nb.png) no-repeat;
display: block;
text-indent: -99999999px;
margin-right: 5px;
margin-top: 10px;
height: 25px;
width: 25px

}

.bt_fb a:hover {

background: url(../images/fb.png) no-repeat;


}

.liste_contenu ul {
list-style: none;
position: absolute;
margin-top: 330px;
margin-left: -45px
}

.liste_contenu ul li {
display: block;
float: left;
display: inline;
padding: 5px;


}

.liste_contenu ul li a img {
border: 1px solid #8b8b8b
}

.liste_contenu ul li a img:hover {
border: 1px solid #000000
}