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

body {
   
    width:auto;
	font-family: eurostile,Sans-Serif !important;
	
	background: #000;
    color: #b8babc;
    
    
	}

/* global style */
a {
	
	text-decoration: none;
	outline: none;
	}
a:hover {
	text-decoration: none;
}

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

a:hover {
color:#fff;
}

a:link, a:visited, a:hover, a:active { outline:none } 

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-family: eurostile,sans-serif !important;
	letter-spacing: 0.5px;
	font-weight:normal;
	margin-top:15px;
	color:#99947f;
	text-align:left;	}
h4 {font-family: eurostile,sans-serif !important;
	font-size:12px;
	margin-top:5px;
	margin-bottom:-10px;
	color:#99947f;
	font-weight:normal;
	 }
h5 { font-size: 1em; text-align: center; }


a span{
	color: #999;
	font-size:12px;
}	
	
p span{
	color: #999;
	
	
}

p {
	width:800px;
	text-align:left;
	text-align: justify;
		
}

#texte{
	width:660px;
	text-align:left;
	float:right;
	margin-top:20px;
	//margin-top:-110px;	
}



.accueil span{
	color: #99947F;
	text-align:left;
	font-weight:bold;
	
	
}
	
a.bulle span{
display: none;
}

a.bulle:hover{
background: none; /*contournement bug IE*/
}

a.bulle:hover span{
display: inline;
position: absolute;
top: 51px;
margin-left:160px;
left: 43%;

text-decoration: none;

}
a.bulle2 span{
display: none;
}

a.bulle2:hover{
background: none; /*contournement bug IE*/
}

a.bulle2:hover span{
display: inline;
position: absolute;
top: 51px;
margin-left:155px;
left: 43%;

text-decoration: none;


}


table {  margin-left:0px; margin-top:0px;}
td { padding: .3em; }
td span { color:#999; font-style:italic; padding: 0em;}
tr { padding: .3em; }

 

/* TOP MENUS */




.menu a, .menu a:link, .menu a:visited
{
 
 	font-family: eurostile,sans-serif !important;
	font-size:13px;
	font-weight:normal;
	margin-top:0px;
	color:#99947f;
	text-align:left;
    font-weight:normal;
    text-align: left;
    text-decoration: none;
    outline: none;
    letter-spacing: 0.3px;
    word-spacing: 1px;
    float:left;
    font-size-adjust: none !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: normal !important;
    line-height: normal !important;

  
}

.menu a:hover
{
  color:#FFF;  
}

.menu a.current {
color: #fff;
} 

.menu span {

color: #fff;
font-style:normal;
font-weight:normal;
cursor:default;
width:181px; 
height:135px;
} 

.menu, .menu ul
{
  margin-top:15px;
  margin-left: -10px;
  padding: 0;
  border: 0;
  list-style-type: none;
  
}

.menu li
{

  padding-left: 6px;
  padding-right: 5px;
  border: 0;
 
  float: left;
  position: relative;
  z-index: 5;
  background: none;
}

#photo {
   position:relative;
   float:right;
   margin-right:58px;
  
   }
   
.diaporama{
   margin-top:-60px;
    
}
.diaporama li{
    list-style-type:none;
    overflow:hidden;
    position:absolute /* Les images seront positionnées toutes au même endroit */
}
.diaporama_controls{
    width:380px;
    margin:0px 0;
    padding:0px;
    clear:both;
    overflow:hidden;
}
.diaporama_controls .btns{
    float:right;
}
.diaporama_controls a{
    font-weight:normal;
    width:10px;
    height:13px;
    text-indent:-9999px;
    display:inline-block;
    margin:0 3px;
}
.diaporama_controls .prev{
    background:url(img/fleches_diapo.png) no-repeat top right;
}
.diaporama_controls .next{
    background:url(img/fleches_diapo.png) no-repeat top left;
}
.diaporama_controls .pause{
    background:url(img/fleches_diapo.png) no-repeat bottom right;
}
.diaporama_controls .play{
    background:url(img/fleches_diapo.png) no-repeat bottom left;
}


/* Layouts */

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

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




#choix_langues ul {
	width: 800px;
	text-align: right;
	margin: -30px 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: -3px;
	//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 ;
}



#accueil{
	margin-top:5px;
	margin-left:0px;
}

#photo{
	margin-top:20px;
	margin-left:0px;
	
}

#links{
	float:right;
	margin-top:-8px;
	margin-left:86px;
	
	
}


/* Footer */


			

#footer_texte {
	text-align:center;
	margin: 0 auto;
	width:730px;
    font-size:11px;
	font-weight: normal;
	color: #6d6d70;
	padding-bottom:80px;
	margin-top:50px;
	
}



/* home page */


#center {
	margin: 0px auto 0px auto;
    font-size:13.5px;
	min-height: 280px;
	font-family:eurostile,sans-serif !important;
	color: #ffffff;
	border:0px solid white;
		
	}
.bio {
    font-family: eurostile,sans-serif !important;
    font-size: 13.5px !important;
    font-size-adjust: none !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: normal !important;
    line-height: normal !important;
}

.filmo {
    font-family: eurostile,sans-serif !important;
    font-size: 13.4px !important;
    font-size-adjust: none !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: normal !important;
    line-height: normal !important;
}
#jaquettes {
    margin:auto;
	width:760px;
	margin-top:45px;
	margin-bottom:40px;
	}

#jaquettes2 {
    float:right;
    margin-left:278px;
    width:600px;
    margin-top:-123px;
    margin-bottom:0px;
	
}

#logos {
    margin:auto;
	width:800px;
	margin-top:8px;
	margin-bottom:8px;
	text-align:center;
	padding:0;
	}

#videogallery #logos a{
	padding:0px;
	display:inline;		
}	


#logo_fleet, #logo_sacem, #logo_lestud, #logo_ucmf, #logo_ecranlarge, #logo_unifrance, #logo_musicconcept{  
	width:68px;
	height:31px;
	margin-left:5px;		
}

.comingsoon{
	width:163px;
	height:123px;
	padding-bottom:30px;

			
}