/*MINI BARRE EN TETE*/
#mini_barre{list-style-type:none;
text-align : center;} 
#mini_barre a:link, #mini_barre  a:visited {
background-color : dimgray;
margin-left : 2.5%;
margin-right: 2.5%;}
#mini_barre  a:hover{
background-color: dodgerblue;
border : 35px solid white}
#banniere {text-align : center;}
/*BARRE DE DEFILEMENT*/
html {
scrollbar-darkshadow-color : dodgerblue;
scrollbar-3dlight-color : dodgerblue;
scrollbar-arrow-color : white;
scrollbar-face-color: dodgerblue;
scrollbar-track-color : floralwhite;
scrollbar-highlight-color : white;
scrollbar-shadow-color : black;}
/*CORPS DU TEXTE*/
body {background-image : url("images/bcg.jpg");
background-repeat: repeat-y;}
#corps, #espace_membres {
padding-left:22%;
margin-top : 5%;}
#corps_principal {
position: float;
float:center;
text-align: center;}
/*PAGE LOGIN*/
#corps_login {
padding-right : 30%;
text-align : right;
margin-top: 5%;
padding-left : 27%;}
/*PRESENTATION DE LEQUIPE*/
#corps_equipe {
text-align : center;
margin-left : 10%;
position: relative;
font-weight: bold;}
#corps_titre_par_genre{
text-align : center;
margin-left : 18%;
position: relative;
font-weight: bold;}
/*COUP DE COEUR*/
#coup_de_coeur { /*cadre entier*/
position: absolute;
left: 25%;
right : 30%;
padding: 0.5%;
text-align : center;}
/*CLIPS AU HASARD*/
#clips_au_hasard {
position: float;
float: right;}
#video_au_hasard {
text-align :left;
position : float;
list-style-type : none;}
#video_au_hasard a:link, #video_au_hasard a:visited ,
#affiche_clip a:link, #affiche_clip a:visited ,
#corps_login a:link, #corps_login a:visited ,
#espace_membres a:link, #espace_membres a:visited,
#coup_de_coeur a:link, #coup_de_coeur a:visited,
#clips_en_rapport a:link, ##clips_en_rapport a:visited,
#clips_en_rapport2 a:link, ##clips_en_rapport2 a:visited,
#liste_par_genre a:link, #liste_par_genre a:visited ,
#lettre a:link, #lettre a:visited{
text-decoration : none;
color : dodgerblue;
font-weight : bold;}
#video_au_hasard a:hover,
#affiche_clip a:hover,
#corps_login a:hover,
#espace_membres a:hover,
#coup_de_coeur a:hover,
#clips_en_rapport a:hover,
#clips_en_rapport2 a:hover {
color : red;}
#clips_en_rapport, #clips_en_rapport2 {
margin-top : 25px;
}
#video_au_hasard2 {margin-left: 70%;}
#img_hasard {margin-right : 5.7%;}
#liste_par_genre2 a:link, #liste_par_genre2 a:visited  {
color : dodgerblue;
font-weight: bold;
text-decoration : none;
list-style-image :url("images/vide2.gif");
padding-right : 5%;}
#liste_par_genre a:link, #liste_par_genre a:visited , #lettre a:link, #lettre a:visited {
list-style-image :url("images/puce_noir.gif");}
#liste_par_genre a:hover, #lettre a:hover{
color : red;
list-style-image :url("images/puce_bleue.gif");}
#liste_par_genre2 a:hover {
list-style-image :url("images/vide2.gif");
padding-right : 5%;
color : red ; }
h4, h2 {text-align : center ;}
#liste_par_genre2 { padding-right : 5% ;
text-align : center;}
#num_img {margin-left : 13%;}
#presentation_index {font-weight : bold;}
#copyright {font-weight : bold;
padding-left:20%;}
/*pied de page*/
#pied_de_page {margin-top : 35%;}
#recherche_ {text-align: left;
margin-left: 22%;}
#recherche_ a:link, #recherche_ a:visited {
text-decoration: none;
color : dodgerblue;
font-weight : bold;}
#recherche_ a:hover {
font-weight : bold;
color : red ;}
#register {
margin-left : 25%;
margin-right : 25%;}
#affiche_clip {margin-left : 21.5%;
margin-right : 30%;
padding : 1%;
font-size : 20px;
text-align : center;}
#affiche_clip2 {margin-left : 15%;
margin-right : 5%;
font-size : 20px;
text-align : center;}
#clips_en_rapport {
position : absolute;
top : 40.7%;
left : 70%;
right : 1px;
}
#clips_en_rapport2 {
position : absolute;
top :77.7%;
padding-bottom : 5%;
left : 70%;
right : 1px; }