body {
font-family:"Lucida Grande",Arial,Verdana,sans-serif;
background: #20151b;
margin-top: 0;
padding: 0;
margin-left: auto;
margin-right: auto;
}

#page{
width:100%;
height:100%;
background: #222223 url(../images/bg_page.png) no-repeat center top;
}

#index{
width:100%;
height:100%;
background: #222223 url(../images/bg_page.png) no-repeat center top;
}

#container{
width: 850px;
height: auto;
margin-left: auto;
margin-right: auto;
padding:0;
}

h1{
font-size: 14px;
color: #fff;
font-weight: normal;
margin: 0 40px 75px 40px;
padding:0;
line-height: 18px;
text-align:justify;
}

h2{
font-size: 20px;
color: #868684;
font-weight:normal;
margin: 10px 0 10px 0;
padding:0;
text-align:left;
}

h3{
font-size: 12px;
color: #fff;
font-weight: normal;
margin: 0 0 10px 150px;
padding:0;
line-height: 16px;
text-align:left;
}

h4{
font-size: 9px;
color: #fff;
font-weight: normal;
margin:0;
padding:15px 0 5px 0;
line-height: 10px;
text-align:left;
}

p{
font-size: 13px;
color: #fff;
font-weight: normal;
margin: 10px 0 10px 0;
padding:0;
line-height: 16px;
text-align:left;
}

a{
color:#fff;
text-decoration:underline;
}

a:visited{
color:#fff;
text-decoration:underline;
}

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

#header {
width: 850px;
height: 100px;
margin-left: auto;
margin-right: auto;
background: transparent;
}

#langue {
width: 75px;
height:auto;
background: transparent;
margin: 2px 15px 0 0;
padding:0;
text-align:right;
float:right;
}

#langue  img{
margin: 0 0 0 2px;
}

#logo {
width: 179px;
height: 61px;
margin:30px 0 0 5px;
background: transparent;
float:left;
}

#content {
width: 850px;
height: auto;
margin-left: auto;
margin-right: auto;
padding:0;
background: transparent url(../images/fd-left.png) no-repeat left bottom;
}

.spacer {
clear: both;
}


#contentleft {
width: 200px;
height: auto;
background: transparent;
padding:0;
margin:0;
float:left;
}

/* MENU CSS 1 */
.buttonmenu{
list-style-type: none;
width: 150px;
margin: 10px 0 0 5px;
padding: 0;
}

.buttonmenu li a{
font-size: 14px;
text-align:right;
color: #868684;
display: block;
width: 150px;
padding: 5px 25px 5px 0;
margin:0 0 5px 0;
text-decoration: none;
font-weight: normal;
background:transparent url(../images/fd-menu.png) no-repeat right 6px;
text-decoration:none;
}

.buttonmenu li a:visited{
color:#868684;
background:transparent url(../images/fd-menu.png) no-repeat right 6px;
}

.buttonmenu li a:hover, .buttonmenu li a:active{
color:#FFF;
background:transparent url(../images/fd-menu-in.png) no-repeat right 6px;
}


#contentright {
width: 640px;
height: auto;
background: transparent;
padding:73px 0 15px 0;
margin:0;
float:right;
}
#contentindex {
width: 640px;
height: auto;
background: transparent;
padding:0;
margin:0;
float:right;
}
.espace {
width: 200px;
height:30px;
background: transparent;
padding:0;
margin:0:
}
.espace2 {
width: 200px;
height:auto;
background: transparent;
padding:0;
margin:0:
}

#boite1 {
width: 200px;
height: auto;
background: transparent;
text-align:left;
padding:0;
margin-right:20px;
float:left;
}

#boite2 {
width: 200px;
height: auto;
background: transparent;
text-align:left;
padding:0;
margin-right:20px;
float:left;
}

#boite3 {
width: 200px;
height: auto;
background: transparent;
text-align:left;
padding:0;
float:right;
}

#boite4 {
width: 410px;
height: auto;
background: transparent;
text-align:left;
padding:0;
float:right;
}

img{
border:none;
}

a img {border: 0;}

.menu {
width: auto;
height:auto;
float:right;
text-align: center;
margin: 0;
padding:0;
}
	
.menu li {
display: inline;
list-style-type: none;
margin: 0px;
padding: 0px;
}
		
.menu ul {
margin: 0;
padding: 0;
}
		
.menu a, .menu a:visited {
color: #868684;
font-size: 10pt;
font-weight: normal;
margin: 0px;
padding: 6px 10px 6px 20px;
text-decoration: none;
background:transparent url(../images/fd-fleure.png) no-repeat 3px;
}
		
.menu a:hover {
color: #868684;
font-size: 10pt;
font-weight: normal;
margin: 0px;
padding: 6px 10px 6px 20px;
text-decoration:underline;
background: transparent url(../images/fd-fleure.png) no-repeat 3px;
}

#footer {
width: 100%;
height: auto;
background: #20151b;
clear:both;
}

#bas {
width: 950px;
height: 150px;
margin-left: auto;
margin-right: auto;
}

#box1 {
width: 250px;
height: 80px;
margin:30px 50px 0 50px;
background: transparent;
float:left;
}

#box2 {
width: 250px;
height: 80px;
margin:30px 50px 0 0;
background: transparent url(../images/fd-box1.jpg) no-repeat top left;
float:left;
}

#box3 {
width: 250px;
height: 80px;
margin:30px 0 0 0;
background: transparent url(../images/fd-box3.jpg) no-repeat top left;
text-align:center;
float:left;
}

#footer h1{
font-size: 8pt;
color: #755d6a;
font-weight: normal;
margin: 0;
padding:0 0 0 60px;
line-height: 13px;
text-align:left;
}

#footer h2{
font-size: 8pt;
color: #755d6a;
font-weight: normal;
margin: 0;
padding:0 0 0 30px;
line-height: 13px;
text-align:left;
}

#footer h3{
font-size: 7pt;
color: #755d6a;
font-weight: normal;
margin: 0;
padding:0;
line-height: 13px;
text-align:center;
}
#footer h4{
font-size: 8pt;
color: #755d6a;
font-weight: normal;
margin: 0;
padding:18px 0 0 0;
line-height: 13px;
text-align:center;
}
#footer h5{
font-size: 8pt;
color: #755d6a;
font-weight: normal;
margin: 0;
padding:5px 0 0 0;
line-height: 13px;
text-align:center;
}

#box1 a{
color:#755d6a;
text-decoration:none;
}

#box1 a:visited{
color:#755d6a;
text-decoration:none;
}

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

#box3 a{
color:#755d6a;
text-decoration:none;
}

#box3 a:visited{
color:#755d6a;
text-decoration:none;
}

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

#box2 a{
color:#755d6a;
text-decoration:none;
}

#box2 a:visited{
color:#755d6a;
text-decoration:none;
}

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

.box1 a:focus {
outline: none;
}


#slidepanel, #slidepanel2, #slidepanel3{
background: #222223;
height: 150px;
display: none;
padding-top:10px;
}
.slide{
margin: 0;
padding: 0;
background: #acae77;
}
.btn-slide, .btn-slide2, .btn-slide3 {
text-align: center;
width: 144px;
height: 31px;
padding: 10px 10px 0 0;
margin: 0 auto;
display: block;
color: #000;
text-decoration: none;
}
.box1 active {
background-position: right 12px;
}
#tt {
 position:absolute;
 display:block;
 background:url(../images/tt_left.png) top left no-repeat;
 font-size: 10px;
 color: #fff;
 font-weight: normal;
 padding:0;
 line-height: 12px;
 text-align:left;
 }
 #tttop {
 display:block;
 height:5px;
 margin-left:5px;
 background:url(../images/tt_top.png) top right no-repeat;
 overflow:hidden;
 }
 #ttcont {
 display:block;
 padding:2px 12px 3px 7px;
 margin-left:5px;
 background:url(../images/tt_back.png) top right repeat-y;
 color:#fff;
 }
#ttbot {
display:block;
height:5px;
margin-left:5px;
background:url(../images/tt_bottom.png) top right no-repeat;
overflow:hidden;
}