@charset "utf-8";
/* CSS Document */
.body{
background-color:#000000;
}
#conteneur{
margin-left:auto;
margin-right:auto;
margin-top:10px;
width:1001px;
height:799px;
}
#header{
width:999px;
height:159px;
}
.header{
width:999px;
height:159px;
background-image:url(../images/tete.png);
}
.header:hover{
width:999px;
height:159px;
background-image:url(../images/tetehover.png);
}
#global{
background-image:url(../images/bgcontent.png);
background-repeat:no-repeat;
height:640px;
width:999px;
}
#menu{
margin-top:-30px;
float:left;
width:298px;
height:650px;
}
#acceuil{
cursor:pointer;
background-image:url(../images/accueil.jpg);}
#acceuil:hover{
background-image:url(../images/acceuilhover.jpg);}
#photos{
cursor:pointer;
background-image:url(../images/photos.jpg);}
#photos:hover{
background-image:url(../images/photoshover.jpg);}
#mixs{
cursor:pointer;
background-image:url(../images/mixs.jpg);}
#mixs:hover{
background-image:url(../images/mixshover.jpg);}
#creations{background-image:url(../images/creations.jpg);}
#creations:hover{background-image:url(../images/creationshover.jpg);}
#contact{
cursor:pointer;
background-image:url(../images/contact.jpg);}
#contact:hover{
background-image:url(../images/contacthover.jpg);}
#partenaire{
cursor:pointer;
background-image:url(../images/partenaires.jpg);}
#partenaire:hover{
background-image:url(../images/partenairehover.jpg);}


#finheader{
margin-top:10px;

width:999px;
height:25px;
}
#play{
text-align:left;
width:240px;
height:20px;
}
#contacthead{
text-align:right;
margin-left:690px;
}
#contenu{float:left;
margin-top:30px;
width:699px;
bottom:25px;

}
.clear{clear:both;}
.nodisp{display:none;}
.noborder{border:none;}
.menu{margin-top:0px;}
.float{float:left;}
.tof{
height:132px;
width:132px;
float:left;
margin-left:30px;
text-align:center;
}
.ptite{
max-height:130px;
max-width:130px;
}
a.tof{
border:0px;
}
a.tof:hover{
border:1px;
border-color:#FFFF00;
}
.tofseul{
width:601px;
margin-left:auto;
margin-right:auto;
}
.centrer{
margin:auto;
}
.next{
width:601px;
top:0px;
}
.suiv{
text-align:right;
float:right;
}
.prec{
text-align:left;
float:left;
}
.commentaire{
margin-left:115px;
margin-top:75px;
background-image:url(../images/commentaire.jpg);}
.commentaire:hover{
background-image:url(../images/commentairehover.jpg);}
.accueil{
padding-top:20px;
padding-left:21px;
padding-right:21px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
color:#FFFFFF;
margin-left:115px;
margin-top:95px;
text-align:center;
background-image:url(../images/bghome.png);
width:275px;
height:295px;
}
.ecoute{text-align:left;
}
.signature{
font-size:16px;
text-align:right;
text-decoration:none;
color:#cc66cc;}
.face{
background-image:url(../images/facebook.png);
width:48px;
height:48px;
}
.face:hover{
background-image:url(../images/facebookhover.png);
width:48px;
height:48px;
}
.ltlface{
	background-image:url(../images/facebookpetit.png);
	width:13px;
	height:13px;
}
.ltlface:hover{
	background-image:url(../images/facebookpetithover.png);
	width:13px;
	height:13px;
}	

.twit{
	background-image:url(../images/twitterpetit.png);
	width:13px;
	height:13px;
}
.twit:hover{background-image:url(../images/twitterpetithover.png);
	width:13px;
	height:13px;
}

.Style11 { background-color:#000000; font-weight: bold; font-size:17px; text-decoration:none; color:#666666;}
.Style111 { text-decoration:none; color:#FFFFFF;}
.Style12{ text-decoration:none;color:#FFFFFF;}
.Style13{text-decoration:none; color:#666666;}

.Style17{text-decoration:none; color:#cc66cc;}

.addcomm{font-size:24px;
text-transform:capitalize;
text-decoration:none;
color:#FFFFFF;}
.addcomm:hover{
text-decoration:none;
color:#CCCCCC;}


.Style1 {font-size: 24px}
A:link { text-decoration: none; color:#FFFFFF; }
A:visited { text-decoration: none; color:#FFFFFF; }
A:hover { text-decoration: none; color:#cc66cc; }
.Style2 {color: #666666; text-align:center}
.Style3 {
text-decoration:none;
	color:#FFFFFF;
	font-size: 36px;
	font-weight: bold;
}
.Style4 { font-size:17px; font-weight: bold;}
.Style5 { text-decoration:none;font-size: 14px; text-align:center; color:#999999;}
.Style6 { font-size:17px; color:#000000}
.Style7 { font-size:17px; color:#33CCFF;}
.Style8 {}
.Style10 { text-decoration:none;color:#999999;}

.Style12{
text-decoration:none;
color:#FFFFFF;}
.telecharger{
font-size:12px;}
.mix{
font-size:18px;
font-weight:bold;
}
#comment{
overflow:auto;
height:450px;}