/* CSS Document */

body{
 margin-left: auto;
 margin-right: auto;
 margin-top: 0px;
 padding: 0px;
 background-color:#2c161b;
}

#center{
margin:10px 0 0 0;
}
template {

 font-family:Arial;
 margin:0 0 0 0;
 text-align:center; top: 0px;
 width:950px; 
}

#bouton-rdv{
 text-align:right;
 margin: 0 0px 0 0;
 width:480px;
}

#contenu-site{
 margin:0 0 0 0;
 background-image:url(../images/back_center.jpg);
 text-align:left;
 width:950px; 
 text-align:center;
 }


#content{
 font-family:Arial;
 color:#462300;
 margin: 20px 10px 0 10px;
 text-align:justify;
 font-size:12px;
}

#contenu-global{
 width:755px;
}

#content-tab{
 font-family:Arial;
 margin: 0px 0px 0 0px;
 text-align:justify;
 font-size:12px;
}
 
#titre{
 font-family:Arial;
 font-size:14px;
 color:#999933;
}

#titre2{
 font-family:Arial;
 font-size:18px;
 font-weight:bold;
 color:#999933;
} 


#titre_page{
 margin:10px 10px 0 10px;
  padding:3px 0 0 10px;
 height:20px;
 border:1px solid #1f1201;
 background-color:#1f1201;
 color:#dadada;
 text-align:left;
 font-family:Arial;
 font-size:14px;
 font-weight:bold;
}

#content a{
 /*color:#663300;*/
 color:#b3892c;
}

table td{
 vertical-align:top;
}

hr{
 color:#999933;
}

#lien-mot{
}

#main{
 position:absolute;
 margin:0 0 0 0;
 padding:0;
 width:100%; 
 /*height:100%;*/
}

.tab-index{


}

#header{
 height:80px;
 width:100%;
 vertical-align:top;
}

#footer{
 height:80px;
 width:100%;
 vertical-align:top;
}


#contenu-center{
 font-family:Arial;
 border:1px solid #1f1201 ;
 background-image: url("../images/bg.jpg");
 background-position:top;
 margin:0px 0 0 0;
 padding:0 0 0 0;
}

#content-right-side{
 margin: 0px 0px 0 0;
 width:187px;
 border: 1px solid #2e1a01;
 border-right:none;
 font-family:Arial;
 color:#462300;
 text-align:justify;
 font-size:12px;
}

.img-participez{
}

#titre-right-side{
 font-family:Arial;
 font-size:12px;
 color:#9d0a0e;
 font-weight:bold;
 text-align:left;
 margin:10px 0 0 0;
}

#titre-right-side a{
 font-family:Arial;
 font-size:12px;
 color:#9d0a0e;
 font-weight:bold;
 text-decoration:none;
}

#titre-right-side table{
 width:300px;
}

#contenu-cercle-des-amis{
 font-family:Arial;
 text-align:left;
 font-size: 11px;
 font-weight: bold;

}

#contenu-cercle-des-amis a{
 text-decoration:none;
 color:#462300;  
}


/******pour SAFARI****/ 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #contenu-cercle-des-amis a { color: #462300; }
}
/*************/ 

.fleche{
 color: #9d0a0e;
}

#film-accueil{
 margin:30px 0 0 10px;
}

<!-- ******************* CSS  MENU ******************************************************//-->
dl, dt, dd, ul, li {
 margin: 0;
 padding: 0;
 list-style-type: none;
 list-style-image:none;
}

#menu {		
 width:950px;
 _width:951px;
 height:30px;
 _height:30px;	
}

#menu dl {
 text-align:center;
 float: left;
 width: 118px;
 margin-left: 0px;
 margin-top: 0px;
 top:0px;
}

#menu dt {
 margin: 0 0 0 0 ;
 cursor: pointer;
 color:#ffffff;
 text-align: center;
 font-family: arial;
 font-size: 9pt;
 font-weight: normal;
 background: #f8d283;
 _background: #ffffff;
 border: 0px solid #000000;
 height:30px;
 _height:30px;	
 vertical-align:middle;
}

#menu dd {
 display: none;
 border: 1px solid #000000;
 position:absolute;
 margin-left:0px;
 text-align: left;
}

#menu li {
 font-family: arial;
 font-size: 8pt;
 text-align: left;
 background: #fff;
 height:30px;
 _height:30px;	
 border-top:1px solid #333;
 vertical-align:middle;
}

#menu li a, #menu dt a {
color:#442227;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}

#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
 background: #211301;
}

#menu li a:hover, #menu li a:focus {
 background: #211301;
 color:#FFFFFF;
}

#middle {
 height:9px;
}

#ref {
 border: none;
}

#site {
 top : 0px;
 left : 0px;color: #000;
 background-color: #442227;
 padding: 0px;
 border: 1px solid gray; 
}

<!-- ******************* CSS  MENU ******************************************************//-->