/*global css*/ 

body{
background: #e2e2e2;
font-family: Verdana, Arial;
font-size:12px;
padding: 0;
margin: 0;
color: #636363;
text-align: center;
}
* {
margin: 0; padding: 0;
}
a{
color: #e50cb4;
text-decoration: underline;
}
h2{
color: #636363;
margin-bottom: 9px; 
font-size: 23px;
font-weight: normal;
text-align: left;
}
h3{
text-align: left;
}
#page{
background: #ffffff url(../images/imgd35/bg_body.jpg) repeat-x;
padding-bottom: 23px;
}
#top-container{
overflow:hidden; 
position:relative;
width: 860px;
height:  auto;
text-align: center;
margin-left: auto;
margin-right: auto;
text-align: left;
margin-bottom: 20px;
}
#logo  {
float:left;
width: 860px; 
height: 68px;
margin-top: 6px;
margin-bottom: 6px;
}
#logo img{
border: none;
margin-left: 15px;
}
a#logo  {
width:310px;
font-size: 32px;
}
#logo p{
float: right;
padding-left: 15px;
font-style: italic; 
font-size: 18px;
color: #e50cb4;
margin-top: 50px;
}
#menu-top  {
float: left;
width: 860px;
height: 80px; 
margin-top: 8px;
margin-bottom: 20px;
font-size: 12px;
}
#page-content{
overflow:hidden; 
position:relative;
width: 860px;
background: ;
margin-left: auto;
margin-right: auto;
}
#content{
width: 670px;
float: left;
}
.block-texte{
text-align: left;
clear: both;
margin-bottom: 40px;
width: 659px;
}
.block-texte h3{
border-bottom:1px solid #636363;
margin: 0 0 10px;
padding: 0 0 8px;
font-size: 18px;
font-weight: normal;
color: #e50cb4;
}
.block-texte img.illustration-left{
float:left; 
margin:6px 15px 5px 0; 
width: 16%; 
height: 16%;
}
.block-texte img.illustration-right{
float:right; 
margin:6px 0 5px 15px; 
width: 16%; 
height: 16%;
}
#menu-page{
float: right;
text-align: left;
width: 190px; 
margin-top: 20px;
padding-left: 15px;
border-left: 1px dotted #636363;
}
#menu-page h2{
font-size: 18px;
}
#menu-page ul{
list-style-type: none;
padding-left: 0;
margin-top: 0;
}
#menu-page ul li{
height: 36px;
}
#menu-page ul li a {
border-top:1px dotted #636363;
color:#636363;
display:block;
float:left;
font-family:arial;
font-size:13px;
font-weight:bold;
height:28px;
overflow:hidden;
padding-top:8px ;
text-decoration:none;
text-indent:10px;
width: 170px;
background: #ebebeb;
}
#menu-page ul li a.first-item{
border-top:1px solid #e50cb4;
}
#menu-page ul li a:hover {
color:#e50cb4;
background: #636363;
}
#footer{
background-color: #e2e2e2;
border-top: 3px solid #d7d7d7;
padding: 15px 20px;
}
#footer-container a{
color: #e50cb4;
text-decoration: underline;
}
#footer-container a:hover{
text-decoration: none;
color: #6dcff6;
}
#footer-banniere{
width: 728px;
height: 90px; 
margin-left: auto; 
margin-right: auto;
margin-top: 9px;
background: #e2e2e2;
}

/*CSS DU LavaLamp MENU*/
.lavaLamp {
position: relative;
height: 60px; 
width: 860px;
background: url(../images/imgd35/bg_menu.png) no-repeat center transparent;
margin: 10px 0;
overflow: hidden;
}
.lavaLamp li {
float: left;
list-style: none;
height: 61px !important;
width: 130px;
margin-left:20px;
position:relative;
text-align:center;
}
.lavaLamp li.back {
background: url("../images/imgd35/item_activ.png") no-repeat;
width: 130px; 
height: 60px;
z-index: 8;
position: absolute;
}
.lavaLamp li.back .left {
height: 60px;
margin-right: 9px;
}
.lavaLamp li a {
position: relative; 
overflow: hidden;
text-decoration: none;
/*text-transform: uppercase;*/
font-size: 15px;
font-weight: normal;
color: #ffffff; 
outline: none;
text-align: center;
height: 25px; 
width: 130px;
top: 21px;
z-index: 10; 
letter-spacing: 0;
float: left; 
display: block;
margin: auto 10px;
}
.clear {
clear: both;
}