@charset "utf-8";
/* CSS Document */

#site{
     margin-left: auto;
     margin-right: auto;
     width:800px;
     }
	 
#hidden {

    visibility: hidden;

}
	 
li{
margin-top:10px;
}
	 
a{outline: none;}
:focus{-moz-outline-style: none;}


#index{
     margin-left: auto;
     margin-right: auto;
	 height:600px;
     width:800px;
	 background:url(image/tof_index.jpg);
	 border:solid #000000;
     }

html
{
background-color:#000000;
}

#banner{
height:189px;
width:800px;
background: url(image/banner.jpg);
background-repeat: no-repeat;
}

#header{
height:108px;
width:800px;
background:url(image/header.jpg);
background-repeat: no-repeat;
}

#menu{
height:74px;
width:800px;
background:url(image/menu.jpg);
background-repeat: no-repeat;
}

.active {
font-weight:bold;
color: #ff6c00;
}

#content{
margin-top:0px;
height:400px;
width:800px;
background:url(image/content.jpg);
background-repeat: no-repeat;
border-top:1px solid #232323;
}

#footer{
height:30px;
width:800px;
background:url(image/footer.jpg);
background-repeat: no-repeat;
float:none;
}

#lien_retour{
height:20px;
width:170px;
margin-left:310px;
color: #0000FF;
}

.Style1 {
color: #0066FF;
}

#player{
height:25px;
width:300px;
margin-top:6px;
float:left;
}

#compteur{
height:25px;
width:100px;
margin-top:6px;
float:left;
padding-left: 50px;
}

#menu_bas{
height:25px;
width:350px;
margin-top:6px;
float:right;
font-family: Verdana;
color:#aaaaaa;
text-align:center;
padding-top:3px;
}

#menu_bas span:hover{
color: #ff6c00;
font-weight:bold;
}


#acceuil{
float:left;
font-family: Verdana;
height:74px;
width:88px;
color:#aaaaaa;
padding-top:27px;
padding-left: 20px;
text-align: justify 
}

#acceuil:hover
{
color: #ff6c00;
font-weight:bold;
}

#biographie{
float:left;
font-family: Verdana;
height:74px;
width:120px;
color:#aaaaaa;
padding-top:27px;
padding-left:20px;
}

#biographie:hover
{
color: #ff6c00;
font-weight:bold;
}

#discographie{
float:left;
font-family: Verdana;
height:74px;
width:142px;
color:#aaaaaa;
padding-top:27px;
padding-left:30px;
}

#discographie:hover
{
color: #ff6c00;
font-weight:bold;
}

#photos{
float:left;
font-family: Verdana;
height:74px;
width:105px;
color:#aaaaaa;
padding-top:27px;
padding-left:40px;
}

#photos:hover
{
color: #ff6c00;
font-weight:bold;
}

#livre{
float:left;
font-family: Verdana;
height:74px;
width:100px;
color:#aaaaaa;
padding-top:27px;
padding-left:15px;
}

#livre:hover
{
color: #ff6c00;
font-weight:bold;
}

#contact{
float:left;
font-family: Verdana;
height:74px;
width:80px;
color:#aaaaaa;
padding-top:27px;
padding-left:30px;
}

#contact:hover
{
color:#ff6c00;
font-weight:bold;
}

#texte
{
font-size:14px;
color:#c8c8c8;
font:Verdana;
margin-left:140px;
margin-right:130px;
text-align:justify;
}

#livreor
{
font-size:14px;
color:#c8c8c8;
font:Verdana;
margin-left:140px;
margin-right:130px;
text-align:justify;
float:left;
}

#livreor legend
{
font-size:14px;
color:#aaaaaa;
font:Verdana;
}

#texte1
{
font-size:17px;
color:#c8c8c8;
font:Verdana;
margin-left:140px;
margin-right:130px;
text-align:center;
height:390px;
width:500px;
}

#rem
{
font-size:13px;
color:#c8c8c8;
font:Verdana;
margin-left:140px;
margin-right:130px;
text-align:center;
height:390px;
width:500px;
}


#flashfoto{
height:350px;
width:481px;
margin-left:150px;
}
#cadre_photo
{
height:328px;
width:564px;
margin-left:115px;
margin-top:30px;
}

#liste_photo_g
{
height:328px;
width:250px;
float:left;
font-size:15px;
color:#c8c8c8;
font:Verdana;
text-align:center;
margin-left:20px;
}
#photo1
{
height:75px;
width:100px;
float:left;
margin-top:6px;
}
#txtphoto1
{
height:75px;
width:135px;
float:left;
margin-top:6px;
}
.photo1
{
height:75px;
width:100px;
float:left;
margin-top:6px;
}
.txtphoto
{
height:75px;
width:135px;
float:left;
margin-top:6px;
}

#photo3
{
height:75px;
width:100px;
float:left;
margin-top:6px;
margin-left:8px;
}

#photo4
{
height:75px;
width:100px;
float:left;
margin-top:6px;
margin-left:8px;
}
#photo7
{
height:75px;
width:100px;
float:left;
margin-top:6px;
}
#photo8
{
height:75px;
width:100px;
float:left;
margin-top:6px;

}

#liste_photo_d
{
height:328px;
width:250px;
margin-left:30px;
float:left;
font-size:15px;
color:#c8c8c8;
font:Verdana;
text-align:center;
}
.cadre_photo2
{
height:380px;
width:564px;
float:left;
text-align:center;
}

.gauchecadre{
height:390px;
width:100px;
float:left;
padding-top:160px;
}
.droitecadre{
height:390px;
width:100px;
float:left;
padding-top:160px;
padding-left:35px;
}
.bas_cadre_photo2
{
height:30px;
width:564px;
margin-left:115px;
}
.float{
float:right;
margin-right:30px;
border:none;
}
#number
{
text-align:center;
font-size:15px;
color:#c8c8c8;
font:Verdana;
height:20px;
width:500px;
margin-left:30px;
margin-top:-20px;
}
.no_bordure
{
border:none;
}

#tof1
{
float:left;
margin-top:30px;
margin-left:55px;
height:105px;
width:80px;
}

#tof2
{
float:left;
margin-top:30px;
margin-left:15px;
height:105px;
width:80px;
}

#tof3
{
float:left;
margin-top:30px;
margin-left:15px;
height:105px;
width:80px;
}

#tof4
{
float:left;
margin-top:30px;
margin-left:15px;
height:105px;
width:80px;
}

#tof5
{
float:left;
margin-top:30px;
margin-left:15px;
height:105px;
width:80px;
}

#tof6
{
float:left;
margin-top:40px;
margin-left:55px;
height:105px;
width:80px;
}

#tof7
{
float:left;
margin-top:40px;
margin-left:15px;
height:105px;
width:80px;
}

#tof8
{
float:left;
margin-top:40px;
margin-left:15px;
height:105px;
width:80px;
}

#tof9
{
float:left;
margin-top:40px;
margin-left:15px;
height:105px;
width:80px;
}

#tof10
{
float:left;
margin-top:40px;
margin-left:15px;
height:105px;
width:80px;
}

#img_disco
{
margin-top:20px;
float:left;
margin-left:50px;
}
#jacquette
{
height:150px;
width:150px;
}

#jacquette2
{
margin-top:20px;
height:150px;
width:150px;
}

#texte_cd
{
font-weight:bold;
margin-top:5px;
font-size:11px;
color:#c8c8c8;
font:Verdana;
text-align:justify;
float:left;
height:340px;
width:200px;
margin-left:110px;
}

#mail
{
margin-top: 50px;
margin-left:120px;
}

#mail p
{
color:#FFFFFF;
margin-bottom:-10px;
margin-top:0px;
margin-left: -50px;
}
.song
{
margin-top:2px;
height:15px;
width:150px;
float:left;
}

.baffle
{
height:15px;
width:20px;
float:left;
}

#entrer
{
height:50px;
width:150px;
font-family:verdana;
color:#787878;
margin-top:510px;
margin-left:330px;
text-align:center;
font-size:20px;
padding-top:10px;
}


#guess
{
font-size:15px;
color:#c8c8c8;
font:Verdana;
}
#guess a
{
font-size:15px;
text-decoration:none;
font:Verdana;
color: #0066FF;
}
#guess a:hover
{
color: #ff6c00;
font-weight:bold;
}