* {
    margin: 0px;
	padding: 0px;
}

body {
    font-size:11px;
    width:auto;
	font-family: Verdana, Arial, Helvetica, Times ,Sans-Serif;
	background: #17181c url(../images/bg.gif) no-repeat  top center;
    color: #b8babc;
    text-align:center;	
	}

/* global style */
a {
	color: #5d717e;
	text-decoration: underline;
	outline: none;
	}
a:hover {
	text-decoration: none;
}

a:link, a:visited{
	COLOR:#ffffff;
	text-decoration:none;
}

a:hover {
color:#6f839a;
}

a{outline: none;}
:focus{-moz-outline-style: none;}


input:focus {
	outline: 0;
	outline-offset: 0;
}
a img {
	outline: none;
	border: none;
	text-decoration: none;
}
h2 {
	font-size: 1.1em;
	line-height:1.6em;
	font-weight: bold;
	color: #fff;
		}
h2 span {
	font-size: 0.9em;
	font-weight: normal;
	font-style: italic;
	color: #fff;
}
h3 { font-size: 1.1em; margin: 1em 0; }
h4 { font-size: 1em; text-align: center; }
h5 { font-size: 1em; text-align: center; }

/* Layouts */

#container {
	width: 800px;
	margin: 0 auto;
}

#header h1{
	width: 800px;
	margin: 100px auto 0 auto;
	text-align: left;
}

#choix_langues ul {
	width: 800px;
	text-align: right;
	margin: -27px 0px -6px auto;
}	
	#choix_langues ul li {
		display: inline;
	}
		#choix_langues ul li > a {
			display: inline-block;
	}

	
#drapeau_fr{
    width: 27px;
	height: 30px;
	margin-right: -4px !important;
	margin-right: 0px;
    background: url(../images/drapeau_fr.gif) no-repeat ;
}


#drapeau_fr:hover  {
    background: url(../images/drapeau_fr_survol.gif) no-repeat ;
}


#drapeau_en{
    width: 30px;
	height: 30px;
	background: url(../images/drapeau_en.gif) no-repeat ;
}

#drapeau_en:hover  {
    background: url(../images/drapeau_en_survol.gif) no-repeat ;
}


/* menu */

#menu ul {
	width: 800px;
	text-align: left;
	margin: 1px auto 0px auto;
}	
	#menu ul li {
		display: inline;
	}
		#menu ul li > a {
			display: inline-block;
	}
			
#home {
	width: 45px;
	height: 17px;
	background: url(../images/btn_home_fr.gif) no-repeat ;
}

#home:hover {
	background: url(../images/btn_home_fr_survol.gif) no-repeat ;
}

#music {
	width: 50px;
	height: 17px;
	background: url(../images/btn_music_fr.gif) no-repeat ;
}

#music:hover {
	background: url(../images/btn_music_fr_survol.gif) no-repeat ;
}

#media {
	width: 42px;
	height: 17px;
	background: url(../images/btn_media_fr.gif) no-repeat ;
}

#media:hover {
	background: url(../images/btn_media_fr_survol.gif) no-repeat ;
}

#references{
	width: 65px;
	height: 17px;
	background: url(../images/btn_references_fr.gif) no-repeat ;
}

#references:hover {
	background: url(../images/btn_references_fr_survol.gif) no-repeat ;
}

#links{
	width: 40px;
	height: 17px;
	background: url(../images/btn_links_fr.gif) no-repeat ;
}

#links:hover {
	background: url(../images/btn_links_fr_survol.gif) no-repeat ;
}

#contact{
	width: 150px;
	height: 17px;
	background: url(../images/btn_contact_fr.gif) no-repeat ;
}

#contact:hover {
	background: url(../images/btn_contact_fr_survol.gif) no-repeat ;
}




#home_en {
	width: 35px;
	height: 17px;
	background: url(../images/btn_home.gif) no-repeat ;
}

#home_en:hover {
	background: url(../images/btn_home_survol.gif) no-repeat ;
}

#music_en {
	width: 35px;
	height: 17px;
	background: url(../images/btn_music.gif) no-repeat ;
}

#music_en:hover {
	background: url(../images/btn_music_survol.gif) no-repeat ;
}
#media_en {
	width: 38px;
	height: 17px;
	background: url(../images/btn_media.gif) no-repeat ;
}

#media_en:hover {
	background: url(../images/btn_media_survol.gif) no-repeat ;
}

#references_en{
	width: 65px;
	height: 17px;
	background: url(../images/btn_ref.gif) no-repeat ;
}

#references_en:hover {
	background: url(../images/btn_ref_survol.gif) no-repeat ;
}

#links_en{
	width: 34px;
	height: 17px;
	background: url(../images/btn_links.gif) no-repeat ;
}

#links_en:hover {
	background: url(../images/btn_links_survol.gif) no-repeat ;
}

#contact_en{
	width: 150px;
	height: 17px;
	background: url(../images/btn_contact.gif) no-repeat ;
}

#contact_en:hover {
	background: url(../images/btn_contact_survol.gif) no-repeat ;
}


/* Footer */


#footer ul {
	width: 800px;
	margin: 4px auto 0px auto;
	text-align: center;
}
	#footer ul li {
		display: inline;
		color:#999;
	}
		#footer ul li > a, #footer ul li > span.even, #footer ul li > span.last {
			display: inline-block;
			color: #fff;
			font-weight: bold;
			font-size: 9px;
			padding: 0px 8px 3px 2px;
			text-decoration: none;
			border-right: 2px solid #999;
			}
			#footer ul li > span.last {
				border-right: 0px;
			}
			#footer ul li > a:hover {
				text-decoration: none; color: #6F839A;
			}
			

#footer_texte {
	
	margin: 0 auto;
	width:730px;
    font-size:9px;
	font-weight: bolder;
	color: #6d6d70;
	
}

/* home page */


#center {
	margin: 0px auto 0px auto;
    text-align: center;
	font-size:12px;
	min-height: 580px;
	font-family:Verdana, Helvetica, sans-serif;
	color: #ffffff;
	background-color:#222830;
    border:2px solid white;	
	}



#home_presentation {
	text-align:left;
	margin: 20px 0px 20px 15px;	
	}
	

#home_news {
	text-align:left;
	padding:10px;
	border-top:2px solid white;	
	font-weight: bold;		
}

#movie_title {
	text-align: center;
    font-weight: bold;
}

#movie_descriptif {
	text-align: left;
    font-size:11px;
    font-style:italic;
    width:318px;
    padding-left: 450px;
    margin-top: -245px;   
}

#movie_player2 {
	text-align:left;
    padding:20px;
    
}

#playermp3musiconly {
	text-align: left;
    padding-left: 500px;
	height:56px;
}

#movie_index {
	width:300px;
	font-size:11px;
	padding-left: 450px;
	margin-bottom: 20px;
}




#music_pochette {
	padding: 50px 0px 20px 32px;
	text-align: left;
}

#lecteur_mp3_playlist {
	padding-left: 368px;
    margin-top: -425px; 
}

#music_presentation {
	padding-top:40px;
	}

#music_sacem {
	margin-top:10px;
	margin-bottom:10px;
	}


#jaquettes {
    margin:auto;
	width:480px;
	}

#jaquettes2 {
    margin:auto;
    width:480px;
	
}

#ref_index {
	padding:20px 0 10px 0;
}

#ref_index2 {
	padding:20px 0 10px 0;
}
#ref_index3 {
	padding:20px 0 10px 0;
}

#logos {
	text-align:center;
	padding-top:70px;
	
	
}	

#logo_fleet {  
	width:68px;
	height:31px;
	padding-left:30px;
		
}
#logo_sacem {
   	width:68px;
	height:31px;
	padding-left:30px;

}

#logo_lestud {
	width:68px;
	height:31px;
	padding-left:30px;

}

#logo_ucmf {
	width:68px;
	height:31px;
	padding-left:30px;

}

#logo_ecranlarge {
	width:68px;
	height:31px;
	padding-left:30px;

}

#logo_unifrance {
	width:68px;
	height:31px;
	padding-left:30px;
	
}

#logo_musicconcept {
	width:68px;
	height:31px;
	padding-left:30px;

}

#pictureflow {
	padding-top:50px;
	margin:auto;
}

#movie_player {
	
	padding-top:50px;
	margin:auto;	
}


#media_description {
    padding-top:90px;
	
}

#links_index {
	margin: 30px auto;
}