/* CSS Document */

body{
background:#222;
background-image:none;
margin:0;
padding:0;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#FFFFFF;
}
a:link{
color:#db0169;
text-decoration:none;
}
a:visited{
color:#eee;
text-decoration:none;
}

a.rollover1, a.rollover2, a.rollover3, a.rollover4{
display:block;
text-align:right;
text-decoration:none;
color:#FFFFFF;
width:196px;
height:160px;
position:absolute;
top:363px;
margin:0;
padding:2px;
margin-top: 8px;
font-weight:bold;
border: 1px white solid;
border-right:0;
border-left:0;
cursor: default;
}
a.rollover1{
background: url('../img/rollover1.png') no-repeat bottom left;
left:0;
}
a.rollover2{
background: url('../img/rollover2.png') no-repeat bottom left;
left:200px;
}
a.rollover3{
background: url('../img/rollover3.png') no-repeat bottom left;
left:400px;
}
a.rollover4{
background: url('../img/rollover4.png') no-repeat bottom left;
left:600px;
}
a.rollover1:hover{
background: url('../img/rollover1.png') no-repeat bottom right;
color:#db0169;
}
a.rollover2:hover{
background: url('../img/rollover2.png') no-repeat bottom right;
color:#db0169;
}
a.rollover3:hover{
background: url('../img/rollover3.png') no-repeat bottom right;
color:#db0169;
}
a.rollover4:hover{
background: url('../img/rollover4.png') no-repeat bottom right;
color:#db0169;
}

#accueilDiv{
position:absolute;
top:120px;
left:200px;
padding-right: 20px;
}

#accueilText{
width:440px;
font-weight:bold;
}

#rolloverDiv{
position:absolute;
bottom: 10px;
right: 20px;
color: #db0169;
font-weight:normal;
font-size:1.8em;
}

#menuTop{
top:55px;
left:200px;
}
#sousmenu1, #sousmenu2, #sousmenu3, #sousmenu4, #sousmenu5{
top:80px;
left:200px;
} 
#foot{
margin-top: 3px;
font-size: .8em;
margin-left: 0px;
}

#homeReturn{
display: none;
}
#menuTopPop{
left:175px;

}
/*   MENU TOP POUR INDEX   */


#menuTopPop{
position:absolute;
top:70px;
left:200px;
z-index: 100;
text-align:left;

}
#menuTopUl{
list-style:none;
margin:0;
padding:0;
}
#menuTopUl li{
float:left;
position:relative;
margin-right:20px;
font-size:1.25em;
color:#fff;
font-weight: normal;
}
#menuTopUl li a{
color: #fff;
}
#menuTopUl li a:hover{
text-decoration:none;
}

#menuTopUl li ul li{
float:none;
list-style:none;
white-space:nowrap;
margin:0;
padding:0 1px;
}
#menuTopUl li ul li:hover{
float:none;
list-style:none;
white-space:nowrap;
}

#menuTopUl li ul li a{
display:block;
color: #000;
text-decoration:none;
font-size:.56em;
padding:0 2px;
font-weight:normal;
}

#menuTopUl li ul li a:hover{
color: #000;
background:#fff;
text-decoration:none;
}
#menuTopUl li ul{
display:none;
position:absolute;
top:15px;
left:9px;
border: #000 solid 1px;
background: #fff;
padding:0 2px;
margin:0;

}
#menuTopUlDiv{
position:absolute;
top:120px;
left:410px;
}

/********************/
#changeLang{
position:absolute;
top:10px;
left:720px;
color:#fff;
}
#hotNewsDiv{
position:absolute;
top:25px;
left:720px;
color:#FFFFFF;
border: 1px solid #666666;
}
#foot{
color:#fff;
margin-top: 3px;
font-size: .8em;
margin-left: 0;
padding:0px;
width:100%;;
}

