body {
background-color :#404040;
}

/*GESTION DES TEXTES*/
.texte_listing{
line-height: 5.6em ;
font-family: arial, verdana, sans-serif ;
font-size: 8pt ;
color: #0075F7 ;
}
.listing1{
margin-left:20px;
margin-top:20px;
}
.tuto{
margin-left:38px;
margin-top:25px;
margin-right:40px;
}
.noir{
font-family: arial, verdana, sans-serif ;
font-size: 8pt ;
color: black;
}
.rouge
{
font-family: arial, verdana, sans-serif ;
font-size: 8pt ;
color: red ;
}
.rouge2
{
font-family: arial, verdana, sans-serif ;
font-size: 10pt ;
color: red ;
}
.gris
{
font-family: arial, verdana, sans-serif ;font-size: 8pt ;color: #808080;
}
.blanc
{
font-family: arial, verdana, sans-serif ;
font-size: 10pt ;
color: white ;
padding-left:320px;
}
.blanc2
{
font-family: arial, verdana, sans-serif ;
font-size: 10pt ;
color: white ;
}
.bleu{
font-family: arial, verdana, sans-serif ;
font-size: 8pt ;
/*color: #0075F7 ;*/
}





/*LIENS*/
a:link{font-family: arial, verdana, sans-serif ;color: #0075F7 ;}
a:visited{font-family: arial, verdana, sans-serif ; color: #0075F7 ;}
a:hover{font-family: arial, verdana, sans-serif ;color: red ;text-decoration: none ;}

/*GESTION DES IMAGES*/
.fondlogo{
width: 910px;
height: 83px;
background-color:black;
/*border :1px solid;  */
/*border-color:black;   */
}
.logo{
width: 349px;
height: 74px;

}
.boussole{
margin-left:350px;
margin-top:-68px;
}
.firefox{
margin-left:425px;
margin-top:-70px;
}

.image_3{
margin-left:20px;
}

/*MENU*/
.menu{
/*width : 900px;*/
/*height: 30px; */
border :1px solid;
border-color:white;
background-color:white;
text-align:center;
}

/*PUBLICITE*/
.publicite1{
margin-top:1px;
border :1px solid;
border-color:white;
}
.pub1{
width : 460px;
background-color:black;
margin-left:430px;
margin-top:-70px;

}


/*BLOCS*/
.conteneur{
width : 910px;
border :1px solid;
border-color:white;
background-color:black;
}

.date{
position: absolute;
margin-left:30px;

}
.bloc1{
width : 386px;
height:580px;
margin-top:-582px;
margin-left:162px;
border :1px solid;
border-color:white;
background-color:white;
}
.blocgauche{
margin-left:10px;
margin-top:20px;
width : 145px;
height: 580px;
border :1px solid;
border-color:white;
background-color:white;

}
.topten{
background-image: url('top.gif');
margin-left:0px;
padding-top:5px;
padding-left:5px;
background-repeat:no-repeat;
line-height: 1.2em ;
}
.hasard{
background-image: url('top2.gif');
margin-left:0px;
margin-top:5px;
padding-top:5px;
text-align:center;
background-repeat:no-repeat;
}
.thema{
height: 125px;
margin-left:0px;
text-align:center;
background-color:#D4E6EA;
}

.bloc2{
margin-left:550px;
margin-top:-582px;
width : 346px;
height: 580px;
border :1px solid;
border-color:white;
background-color:white;
}
.bloc2_fiche{
margin-left:550px;
margin-top:-382px;
width : 336px;
height: 380px;
border :1px solid;
border-color:white;
background-color:white;
}
.bloc3{
width : 910px;
/*border :1px solid;*/
/*border-color:white;*/
background-color:white;
height: 35px;
text-align:right;
}
.bloc4{
width : 910px;
/*border :1px solid; */
/*border-color:black; */
background-color:black;
height: 620px;
}
.bloc5{
width : 910px;
/*border :1px solid; */
/*border-color:red;  */
background-color:red;
height: 25px;
}
.bloc_b{
width : 910px;
height: 15px;
background-color:#0075F7;
/*border :1px solid; */
/*border-color:#0075F7; */
}
.bloc_n{
width : 900px;
height: 25px;
background-color:black;
/*border :1px solid;*/
/*border-color:black;*/
}

.image{
position:relative;
margin-left:20px;
top:20px;
width : 250px;
height: 75px;
padding-top:12px;
padding-left:12px;
background-color:white;
background-image: url('listing.gif');
background-repeat:no-repeat;
}
.image2{
position:relative;
margin-top:10px;
margin-left:80px;
width : 200px;
height: 155px;
padding-top:16px;
padding-left:15px;
background-color:white;
background-image: url('fiche2.gif');
background-repeat:no-repeat;

}
.description{
position:absolute;
top:8px;
left:110px;
background-color:white;
}
.fiche{
position:absolute;
top:35px;
left:100px;
}

.lienfiche{
position:absolute;
top:10px;
left:35px;
width: 100px;
}

.fil{
width: 250px;
margin-left:40px;


}
.fil2{
margin-left:50px;

}
.ajouter{
width: 280px;
margin-left:50px;
margin-top:5px;
text-align:center;
}
.synopsis{
margin-left:50px;
width: 280px;
background-color:white;
text-align:justify;
}
.note_info{
height: 85px;
width: 180px;
background-color:white;
text-align:justify;
border :1px solid;
border-color:white;
}


.cadre{
position:relative;
left:20px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
width : 300px;
border :1px solid;
border-color:red;
text-align:justify;
}

.cacher{
position:absolute;
width : 336px;
height: 15px;
background-color:white;
padding-bottom:-15px;

}

.keywords{
font-family: arial, verdana, sans-serif ;
font-size: 8pt ;
color: #0075F7 ;
}

.cacher2{
position:relative;
width : 336px;
height: 5px;
background-color:white;

left:530px;
top:-38px;

}
.xiti{
margin-left:50px;
}