body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000000;
	padding: 0;
	margin: auto;
}

#container{
	height: 550px;
	width: 1000px;
	position: relative;
	margin: auto;
	padding: 0px;
}

#HautAccueil{
	background-image: url(../images/TranchesAccueil/HautAccueil_01.jpg);
	float: left;
	height: 114px;
	width: 1000px;
	position: relative;
}

#containerAccueil1{
	background-image: url(../images/TranchesAccueil/BasGauche_02.jpg);
	float: left;
	height: 436px;
	width: 560px;
	position: relative;
}

#containerAccueil2{
	float: left;
	height: 436px;
	width: 140px;
	position: relative;
	padding: 0;
	margin: 0;
}
#MenuVide1{
	background-image: url(../images/Tranches/images/Menu_02.jpg);
	float: left;
	height: 45px;
	width: 20px;
	position: relative;
}
#Tranche{
	background-image: url(../images/TranchesAccueil/MenuSouligne_03.jpg);
	float: left;
	height: 16px;
	width: 140px;
	position: relative;
}

#Menu {
	float: left;
	width: 412px;
	height: 45px;
	position: relative;
}

#Menu_index {
	float: left;
	width: 140px;
	height: 160px;
	margin: 0;
	position: relative;
	background-image: url(../images/TranchesAccueil/menu_index.jpg);
	padding: 0;
}

#Menu_index li {
	margin: 0;
	list-style: none;
	position: absolute;
}
 
#Menu_index li, #Menu_index a {
	height: 40px;
	display: block;
	width: 140px;
	}
	
#thumb1_i {
	top: 0px;
	height: 40px;
	}

#thumb2_i {
top: 41px;
	height: 81px;
	}
	
#thumb3_i {
top: 82px;
	height: 122px;
}
#thumb4_i {
top: 123px;
	height: 163px;
	}
	
#thumb1_i a:hover {
	background-color: transparent;
	background-image: url(../images/TranchesAccueil/menu_index_hover_show.jpg);
	background-repeat: no-repeat;
	background-position: 0 0 ;
}

#thumb2_i a:hover {
	background-color: transparent;
	background-image: url(../images/TranchesAccueil/menu_index_hover_films.jpg);
	background-repeat: no-repeat;
	background-position: 0px -41px ;
}
	
#thumb3_i a:hover {
	background-color: transparent;
	background-image: url(../images/TranchesAccueil/menu_index_hover_bio.jpg);
	background-repeat: no-repeat;
	background-position: 0px -82px ;
}
#thumb4_i a:hover {
	background-color: transparent;
	background-image: url(../images/TranchesAccueil/menu_index_hover_cont.jpg);
	background-repeat: no-repeat;
	background-position: 0px -123px ;
}

#Menu_show {
	float: left;
	width: 412px;
	height: 45px;
	margin: 0;
	position: relative;
	background-image: url(../images/Tranches/menu_show.jpg);
	padding: 0;
}

#Menu_show li {
	margin: 0;
	list-style: none;
	position: absolute;
}
 
#Menu_show li, #Menu_show a {
	height: 45px;
	display: block;
	width: 103px;
	}
	
#thumb1_s {left: 0px;;
width: 103px;
	}

#thumb2_s {left: 104px;;
width: 207px;
	}
	
#thumb3_s {left: 208px;
width: 311px;
	
}
#thumb4_s {left: 312px;
width: 415px;
	}
	
#thumb1_s a:hover {
	background-color: transparent;
	background-image: url(../images/Tranches/menu_show.jpg);
	background-repeat: no-repeat;
	background-position: 0 0 ;
}

#thumb2_s a:hover {
	background-color: transparent;
	background-image: url(../images/Tranches/menu_show_hov_films.jpg);
	background-repeat: no-repeat;
	background-position: -104px 0px;
}
	
#thumb3_s a:hover {
	background-color: transparent;
	background-image: url(../images/Tranches/menu_show_hov_bio.jpg);
	background-repeat: no-repeat;
	background-position: -208px 0px ;
}
#thumb4_s a:hover {
	background-color: transparent;
	background-image: url(../images/Tranches/menu_show_hov_contact.jpg);
	background-repeat: no-repeat;
	background-position: -312px 0px ;
}
#Menu_film {
	float: left;
	width: 412px;
	height: 45px;
	margin: 0;
	position: relative;
	background-image: url(../images/Tranches/menu_films.jpg);
	padding: 0;
}

#Menu_film li {
	margin: 0;
	list-style: none;
	position: absolute;
}
 
#Menu_film li, #Menu_film a {
	height: 45px;
	display: block;
	width: 103px;
	}
	
#thumb1_f {left: 0px;;
width: 103px;
	}

#thumb2_f {left: 104px;;
width: 207px;
	}
	
#thumb3_f {left: 208px;
width: 311px;
	
}
#thumb4_f {left: 312px;
width: 415px;
	}
	
#thumb1_f a:hover {
	background-color: transparent;
	background-image: url(../images/Tranches/menu_films_hov_show.jpg);
	background-repeat: no-repeat;
	background-position: 0 0 ;
}

#thumb2_f a:hover {
	background-color: transparent;
	background-image: url(../images/Tranches/menu_films.jpg);
	background-repeat: no-repeat;
	background-position: -104px 0px;
}
	
#thumb3_f a:hover {
	background-color: transparent;
	background-image: url(../images/Tranches/menu_films_hov_bio.jpg);
	background-repeat: no-repeat;
	background-position: -208px 0px ;
}
#thumb4_f a:hover {
	background-color: transparent;
	background-image: url(../images/Tranches/menu_films_hov_contact.jpg);
	background-repeat: no-repeat;
	background-position: -312px 0px ;
}

#Menu_bio {
	float: left;
	width: 412px;
	height: 45px;
	margin: 0;
	position: relative;
	background-image: url(../images/Tranches/menu_bio.jpg);
	padding: 0;
}

#Menu_bio li {
	margin: 0;
	list-style: none;
	position: absolute;
}
 
#Menu_bio li, #Menu_bio a {
	height: 45px;
	display: block;
	width: 103px;
	}
	
#thumb1_b {left: 0px;;
width: 103px;
	}

#thumb2_b {left: 104px;;
width: 207px;
	}
	
#thumb3_b {left: 208px;
width: 311px;
	
}
#thumb4_b {left: 312px;
width: 415px;
	}
	
#thumb1_b a:hover {
	background-color: transparent;
	background-image: url(../images/Tranches/menu_bio_hov_show.jpg);
	background-repeat: no-repeat;
	background-position: 0 0 ;
}

#thumb2_b a:hover {
	background-color: transparent;
	background-image: url(../images/Tranches/menu_bio_hov_films.jpg);
	background-repeat: no-repeat;
	background-position: -104px 0px;
}
	
#thumb3_b a:hover {
	background-color: transparent;
	background-image: url(../images/Tranches/menu_bio_hov_bio.jpg);
	background-repeat: no-repeat;
	background-position: -208px 0px ;
}
#thumb4_b a:hover {
	background-color: transparent;
	background-image: url(../images/Tranches/menu_bio_hov_contact.jpg);
	background-repeat: no-repeat;
	background-position: -312px 0px ;
}


#Menu_cont {
	float: left;
	width: 412px;
	height: 45px;
	margin: 0;
	position: relative;
	background-image: url(../images/Tranches/menu_contact.jpg);
	padding: 0;
}

#Menu_cont li {
	margin: 0;
	list-style: none;
	position: absolute;
}
 
#Menu_cont li, #Menu_cont a {
	height: 45px;
	display: block;
	width: 103px;
	}
	
#thumb1_c {left: 0px;;
width: 103px;
	}

#thumb2_c {left: 104px;;
width: 207px;
	}
	
#thumb3_c {left: 208px;
width: 311px;
	
}
#thumb4_c {left: 312px;
width: 415px;
	}
	
#thumb1_c a:hover {
	background-color: transparent;
	background-image: url(../images/Tranches/menu_contact_hov_show.jpg);
	background-repeat: no-repeat;
	background-position: 0 0 ;
}

#thumb2_c a:hover {
	background-color: transparent;
	background-image: url(../images/Tranches/menu_contact_hov_films.jpg);
	background-repeat: no-repeat;
	background-position: -104px 0px;
}
	
#thumb3_c a:hover {
	background-color: transparent;
	background-image: url(../images/Tranches/menu_contact_hov_bio.jpg);
	background-repeat: no-repeat;
	background-position: -208px 0px ;
}
#thumb4_c a:hover {
	background-color: transparent;
	background-image: url(../images/Tranches/menu_contact.jpg);
	background-repeat: no-repeat;
	background-position: -312px 0px ;
}



#menuAccueil{
height: 176px;
	width: 140px;
	float: left;
	position: relative;
	padding: 0;
	margin: 0;
}

#menu {
	height: 160px;
	width: 140px;
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
}
#menu ul{
	height: 160px;
	width: 140px;
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
}

#menu li{
	display:block;
	width:140px;
	height:40px;		
}


#menu_Showreel a{
display:block;
background-image: url(../images/TranchesAccueil/Menu_05.jpg);

height:40px;
}

#menu_Showreel a:hover{
display:block;
background-image: url(../images/TranchesAccueil/MenuSouligne_05.jpg);

height:40px;
}

#menu_Films a{
display:block;
background-image: url(../images/TranchesAccueil/Menu_06.jpg);

height:40px;
}

#menu_Films a:hover{
display:block;
background-image: url(../images/TranchesAccueil/MenuSouligne_06.jpg);

height:40px;
}

#menu_Biographie a{
display:block;
background-image: url(../images/TranchesAccueil/Menu_07.jpg);

height:40px;
}

#menu_Biographie a:hover{
display:block;
background-image: url(../images/TranchesAccueil/MenuSouligne_07.jpg);

height:40px;
}

#menu_Contact a{
display:block;
background-image: url(../images/TranchesAccueil/Menu_08.jpg);

height:40px;
}

#menu_Contact a:hover{
display:block;
background-image: url(../images/TranchesAccueil/MenuSouligne_08.jpg);

height:40px;
}

#containerAccueil2Vide{
	background-image: url(../images/TranchesAccueil/BasMilieu_03.jpg);
	float: left;
	height: 260px;
	width: 140px;
	position: relative;
}

#containerAccueil3{
	background-image: url(../images/TranchesAccueil/BasDroite_03.jpg);
	float: left;
	height: 436px;
	width: 300px;
	position: relative;
}

#container1{
	float: left;
	height: 120px;
	width: 460px;
	position: relative;
}

#HautTrait{
	background-image: url(../images/Tranches/images/HautsVides_01.jpg);
	float: left;
	height: 60px;
	width: 460px;
	position: relative;
}

#ContainerMenu{
	float: left;
	height: 45px;
	width: 460px;
	position: relative;
	margin: 0px;
	padding: 0px;
}




#Menu{
	float: left;
	height: 45px;
	width: 412px;
	position: relative;
	margin: 0px;
	padding: 0px;
}

#Menu ul{
	height: 45px;
	width: 412px;
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
}
#Menu li{
	display:block;
	height: 45px;
	width: 103px;
	float: left;
	position: relative;
}

#Menu_Showreel a{
	background-image: url(../images/Tranches/images/Menu_03.jpg);
	display:block;
	height:45px;
}

#Menu_Showreel a:hover{
	background-image: url(../images/Tranches/images/MenuSouligne_03.jpg);
	display:block;
	height:45px;
}

#Menu_Showreel a.selected{
background-image: url(../images/Tranches/images/MenuOrange_03.jpg);
	display:block;
	height:45px;
}

#Menu_Films a{
	background-image: url(../images/Tranches/images/Menu_04.jpg);
	display:block;
	height:45px;
}

#Menu_Films a:hover{
	background-image: url(../images/Tranches/images/MenuSouligne_04.jpg);
	display:block;
	height:45px;
}

#Menu_Films a.selected{
background-image: url(../images/Tranches/images/MenuOrange_04.jpg);
	display:block;
	height:45px;
}

#Menu_Biographie a{
	background-image: url(../images/Tranches/images/Menu_05.jpg);
	display:block;
	height:45px;
}

#Menu_Biographie a:hover{
	background-image: url(../images/Tranches/images/MenuSouligne_05.jpg);
	display:block;
	height:45px;
}

#Menu_Biographie a.selected{
background-image: url(../images/Tranches/images/MenuOrange_05.jpg);
	display:block;
	height:45px;
}

#Menu_Contact a{
	background-image: url(../images/Tranches/images/Menu_06.jpg);
	display:block;
	height:45px;
}

#Menu_Contact a:hover{
	background-image: url(../images/Tranches/images/MenuSouligne_06.jpg);
	display:block;
	height:45px;
}

#Menu_Contact a.selected{
background-image: url(../images/Tranches/images/MenuOrange_06.jpg);
	display:block;
	height:45px;
}

#MenuVide2{
	background-image: url(../images/Tranches/images/Menu_07.jpg);
	height: 45px;
	width: 28px;

}

#Vide{
	background-image: url(../images/Tranches/images/HautsVides_04.jpg);
	height: 15px;
	width: 460px;
}

#container2{
	background-image: url(../images/Tranches/images/Titre_02.jpg);
	height: 120px;
	width: 540px;
	float: left;
	position: relative;
}

#contenu{
	float: left;
	height: 430px;
	width: 1000px;
	position: relative;
}

#ContenuVideo{
	float: left;
	height: 430px;
	width: 1000px;
	position: relative;
	padding-left: 162px;
	padding-top: 20px;
}

#contenuFilms{
	float: left;
	height: 170px;
	width: 810px;
	padding-top: 80px;
	padding-left: 100px;
	position: relative;
}

#contenuTelefilms{
	float: left;
	height: 200px;
	width: 815px;
	padding-top: 80px;
	padding-left: 100px;
	position: relative;
}

#mycustomscroll2 {
	/*percantage width: make it 100% to match container*/
width: 801px;
	height: 167px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
position: relative;
	background-color: #000000;
}


#Films {
	height: 150px;
	width: 1602px;
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/Filmo/bandes/BandeFilmo.jpg);
	background-repeat: no-repeat;	
}

#Films li{
	display:block;
	width:265px;
	height:150px;
	float: left;
	position: relative;
}

#Films li, #Films a {
	height: 150px;
	display: block;
	width: 265px;
	}
	
thumb_1_filmo a{
left: 0px;;
width: 265px;
}

thumb_2_filmo a{
left: 266px;;
width: 531px;
}

thumb_3_filmo a{
left: 531px;;
width: 797px;
}

thumb_4_filmo a{
left: 796px;;
width: 1063px;
}

thumb_5_filmo a{
left: 1061px;;
width: 1329px;
}

thumb_6_filmo a{
left: 1326px;;
width: 1595px;
}

#thumb_1_filmo a:hover {
	background-color: transparent;
	background-image: url(../images/Filmo/bandes/BandeFilmo_1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#thumb_2_filmo a:hover {
	background-color: transparent;
	background-image: url(../images/Filmo/bandes/BandeFilmo_2.jpg);
	background-repeat: no-repeat;
	background-position: -265px 0px;
}
#thumb_3_filmo a:hover {
	background-color: transparent;
	background-image: url(../images/Filmo/bandes/BandeFilmo_3.jpg);
	background-repeat: no-repeat;
	background-position: -530px 0px;
}
#thumb_4_filmo a:hover {
	background-color: transparent;
	background-image: url(../images/Filmo/bandes/BandeFilmo_4.jpg);
	background-repeat: no-repeat;
	background-position: -795px 0px;
}
#thumb_5_filmo a:hover {
	background-color: transparent;
	background-image: url(../images/Filmo/bandes/BandeFilmo_5.jpg);
	background-repeat: no-repeat;
	background-position: -1060px 0px;
}
#thumb_6_filmo a:hover {
	background-color: transparent;
	background-image: url(../images/Filmo/bandes/BandeFilmo_6.jpg);
	background-repeat: no-repeat;
	background-position: -1325px 0px;
}	


#ContainerFiche{
	float: left;
	height: 430px;
	width: 370px;
	position: relative;
}

#FicheTechnique{
	float: left;
	height: 300px;
	width: 370px;
	position: relative;
}

#Voir{
	float: left;
	height: 88px;
	width: 370px;
	position: relative;
	margin: 0px;
	padding: 0px;
}

#Voir ul{
	height: 88px;
	width: 370px
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
}
#Voir li{
	display:block;
	height: 22px;
	width: 370px;
	float: left;
	position: relative;
}

#VoirBA a{
	background-image: url(../images/TranchesFiches/images/VoirBA.jpg);
	display:block;
	height:22px;
}

#VoirBA a:hover{
	background-image: url(../images/TranchesFiches/images/VoirSouligne_02.jpg);
	display:block;
	height:22px;
}

#VoirBA a.selected{
	background-image: url(../images/TranchesFiches/images/VoirOrange_02.jpg);
	display:block;
	height:22px;
}

#VoirExtrait1 a{
	background-image: url(../images/TranchesFiches/images/VoirE1.jpg);
	display:block;
	height:22px;
}

#VoirExtrait1 a:hover{
	background-image: url(../images/TranchesFiches/images/VoirSouligne_04.jpg);
	display:block;
	height:22px;
}

#VoirExtrait1 a.selected{
	background-image: url(../images/TranchesFiches/images/VoirOrange_04.jpg);
	display:block;
	height:22px;
}

#VoirExtrait2 a{
	background-image: url(../images/TranchesFiches/images/VoirE2.jpg);
	display:block;
	height:22px;
}

#VoirExtrait2 a:hover{
	background-image: url(../images/TranchesFiches/images/VoirSouligne_05.jpg);
	display:block;
	height:22px;
}

#VoirExtrait2 a.selected{
	background-image: url(../images/TranchesFiches/images/VoirOrange_05.jpg);
	display:block;
	height:22px;
}

#VoirExtrait3 a{
	background-image: url(../images/TranchesFiches/images/VoirE3.jpg);
	display:block;
	height:22px;
}

#VoirExtrait3 a:hover{
	background-image: url(../images/TranchesFiches/images/VoirSouligne_06.jpg);
	display:block;
	height:22px;
}

#VoirExtrait3 a.selected{
	background-image: url(../images/TranchesFiches/images/VoirOrange_06.jpg);
	display:block;
	height:22px;
}

#ContainerFicheVideo{
	float: left;
	height: 430px;
	width: 630px;
	position: relative;
}

#allocine_blog{
	padding-top: 50px;
	padding-left: 140px;
}

#Extrait{
	float: left;
	height: 309px;
	width: 550px;
	padding-top: 70px;
	padding-left: 30px;
	position: relative;
}

#mycustomscroll4 {
	/*percantage width: make it 100% to match container*/
width: 812px;
	height: 200px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
position: relative;
	background-color: #000000;
}

#Telefilms{
	height: 180px;
	width: 2739px;
	float: left;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


#BandeBoutonsLongs{
	float: left;
	height: 30px;
	width: 1000px;
	position: relative;
	padding-top: 50px;
}

#BandeBoutonsTele{
	float: left;
	height: 30px;
	width: 1000px;
	position: relative;
	padding-top: 50px;
}

#Boutons{
	float: left;
	height: 30px;
	width: 500px;
	position: relative;
	padding-left: 250px;
}

#Boutons ul{
	float: left;
	height: 30px;
	width: 500px;
	position: relative;
	margin: 0px;
	padding: 0px;	
}

#Boutons li{
	display:block;
	width:250px;
	height:30px;
	float: left;
	position: relative;
}

#BoutonLongs a{
	background-image: url(../images/Filmo/images/Boutons_02.jpg);
	display:block;
	height: 30px;
}

#BoutonLongs a:hover{
	background-image: url(../images/Filmo/images/BoutonsSouligne_02.jpg);
	display:block;
	height: 30px;
}

#BoutonLongs a.selected{
	background-image: url(../images/Filmo/images/BoutonsOrange_02.jpg);
	display:block;
	height: 30px;
}

#BoutonTelefilms a{
	background-image: url(../images/Filmo/images/Boutons_03.jpg);
	display:block;
	height: 30px;
	width: 250px;
}

#BoutonTelefilms a:hover{
	background-image: url(../images/Filmo/images/BoutonsSouligne_03.jpg);
	display:block;
	height: 30px;
	width: 250px;
}

#BoutonTelefilms a.selected{
	background-image: url(../images/Filmo/images/BoutonsOrange_03.jpg);
	display:block;
	height: 30px;
	width: 250px;
}

#mycustomscroll3 {
	/*percantage width: make it 100% to match container*/
width: 700px;
	height: 400px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
position: relative;
	background-color: #000000;
}

#CV{
	width: 700px;
	height: 400px;
	float: left;
	position: relative;
	padding-top: 30px;
	padding-left: 50px;
}

#CVPDF{
	padding-top: 30px;
	padding-left: 30px;
	height: 50px;
	width: 150px;
	float: left;
	position: relative;
}

#VideoCAC{
	float: left;
	height: 384px;
	width: 480px;
	position: relative;
	padding-left: 106px;
	padding-top: 20px;
}