*{
margin:0px;
padding:0px;
}
body{
background-color:#000000;
margin-top:10px;
margin-bottom:10px;
font-family:Arial,Tahoma,Verdana;
}
#conteneur{
width:790px;
height:590px;
background-color:#FFFFFF;
margin:auto;
overflow:hidden;
}
#ban{
width:770px;
height:100px;
margin:auto;
margin-top:10px;
background-color:#000000;
}
#contacts{
position:absolute;width:790px;height:590px;background-color:#FFFFFF;z-index:999;
font-size:12px;
}
#contacts a{
color:#000000;
text-decoration:none;
}
#contacts a:hover{
text-decoration:underline;
}
.titrecontact{
font-size:25px;
font-weight:bold;
}
.lienretour{
font-size:12px;
line-height:13px;
letter-spacing:-0.5px;
font-weight:bold;
color:#000000;
text-decoration:none;
}


.nav{
color:#FFFFFF;
text-decoration:none;
}
.nav:hover{
color:#707070;
text-decoration:none
}
.curentNav{
color:#707070;
text-decoration:none
}
#logo{
width:170px;
height:100px;
float:left;
}
.categorie{
width:200px;
height:59px;
color:white;
text-align:center;
float:left;
font-size:15px;
padding-top:41px;
font-weight:bold;
}
#cadretitre{
width:600px;
height:30px;
margin:auto;
padding-top:70px;
padding-left:170px;
font-size:14px;
font-weight:bold;
}
#centre{
width:770px;
height:270px;
margin:auto;
}
#navig{
width:155px;
height:270px;
padding-left:15px;
float:left;
font-size:12px;
line-height:18px;
}
.navigan{
color:#000000;
text-decoration:none;
}
.navigan:hover{
color:#000000;
font-weight:bold;
}
.curentNavigan{
color:#000000;
font-weight:bold;
text-decoration:none;
}
.newsletter{
font-size:12px;
font-weight:bold;
}
#navig input{
width:100px;
font-size:10px;
}
#cadre{
width:525px;
height:270px;
float:left;
border:1px solid #808080;
}
#cadreimage{
width:180px;
height:250px;
float:left;
padding:10px;
font-size:11px;
overflow:hidden;
}
.imglien{
height:218px;
}
.pastille{
height:32px;
}
#playlistvideo a{
color:black;
}
#cadreimage a{
text-decoration:none;
color:#000000;
}
#cadreimage a:hover{
text-decoration:underline;
}
#cadretexte{
width:325px;
height:270px;
float:left;
}
#player{
width:607px;
height:60px;
margin:auto;
clear:both;
padding-left:163px;
}
#bas{
clear:both;
width:770px;
height:40px;
margin:auto;
font-size:12px;
line-height:13px;
letter-spacing:-0.5px;
font-weight:bold;
}
#bas a{
color:#000000;
text-decoration:none;
}


.minititre{
font-size:14px;
font-weight:bold;
}


#lyr1{
font-size:11px;
padding-left:20px;
padding-right:30px;
float:left;
}
#lyr1 a{
text-decoration:none;
color:#000000;
}
#lyr1 a:hover{
text-decoration:underline;
}
div#wn{ 
position:relative;
margin-top:15px;
width:309px; 
height:240px;
overflow:hidden;
float:left;
}
div#scrollbar { 
position:relative;
float:left;
width:11px; height:250px; 
font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
}
div#track { 
left:0; top:12px;
width:16px; height:270px;
background: #9d9f9e;
float:left;
}
div#dragBar {
position:absolute; left:1px; top:1px;
width:14px; height:14px;
background-color:#9d9f9e;
background: url(images/point.jpg) no-repeat top center;
float:left;
}