/*   MENU   */

#menu{			
	font-size:10px;	
	height:30px;
	width:620px;	
	margin-left:10px;	
	border-bottom:solid 1px #cccccc;
}

#menu ul{			
	list-style-type:none;
	float:left;
	margin:0 0 5px 0;
	padding:0;	
	width:600px;
}

#menu ul li{
	margin:0;
	float:left;	
	width:auto;
	height:25px;	
	margin:3px 0 0 0;
}

#menu ul li.split{
	margin:0 3px 0 0;
	padding:0  0 0 3px;		
	width:1px;
	height:25px;	
	background: url(../img/menu-vert-split.gif) no-repeat right top;
}

#menu ul li.home a{	
	width:49px;
	height:16px;
	display:block;
	background: url(../img/menu-home2.gif) no-repeat right top;
}

#menu ul li.home a:hover,#menu ul li.home-active{	
	width:49px;
	height:16px;	
	background: url(../img/menu-home2.gif) no-repeat right bottom;
}

#menu ul li.ecole a{	
	width:49px;
	height:16px;
	display:block;
	background: url(../img/menu-ecole.gif) no-repeat right top;
}

#menu ul li.ecole a:hover,#menu ul li.ecole-active{	
	width:49px;
	height:16px;
	background: url(../img/menu-ecole-over.gif) no-repeat right top;
}

#menu ul li.films a{	
	width:40px;
	height:16px;
	display:block;
	background: url(../img/menu-films.gif) no-repeat right top;
}

#menu ul li.films a:hover,#menu ul li.films-active{
	
	width:40px;
	height:16px;
	background: url(../img/menu-films-over.gif) no-repeat right top;
}

#menu ul li.actu a{
	width:40px;
	height:16px;
	display:block;
	background: url(../img/menu-actu.gif) no-repeat right top;
}

#menu ul li.actu a:hover,#menu ul li.actu-active{
	width:40px;
	height:16px;
	background: url(../img/menu-actu-over.gif) no-repeat right top;
}

#menu ul li.forum a{
	width:49px;
	height:16px;
	display:block;
	background: url(../img/menu-forum.gif) no-repeat right top;
}

#menu ul li.forum a:hover,#menu ul li.forum-active{
	width:49px;
	height:16px;
	background: url(../img/menu-forum-over.gif) no-repeat right top;
}

#menu ul li.contact a{
	width:238px;
	height:16px;
	display:block;
	background: url(../img/menu-contact-2.gif) no-repeat right top;
}

#menu ul li.contact a:hover,#menu ul li.contact-active{
	width:238px;
	height:16px;
	background: url(../img/menu-contact-2.gif) no-repeat right top;
}


/*   SEARCH BAR   */


#menu ul li.search-bar  {
	width:auto;
	float:right;
	margin-right: 15px;
}

#search-box {  
	display:block;
	float:left;	
	margin: 0px;
	margin-right: 6px;
	padding: 0;
	padding-left: 5px;
	padding-right: 5px;
    border: 0;
	width:138px;    
	height:17px;
	font-family:Arial;
	font-size:12px;
	color:#343434;			
    background-color:#c4c6c6;		
}

#search-ico {  
	display:block;
	float:left;
	margin: 0;
	padding: 0;	
	width:18px;    
	height:17px;
}


/*   SUBMENU  */

 #submenu{			
	width:610px;
	margin-top:2px;
	margin-left:10px;
	float:left;	
}

#submenu ul{			
	list-style-type:none;
	float:left;
	margin:0 0 5px 0;
	padding:0;	
	width:610px;
}

#submenu ul li{
	width:auto;
	margin:0;
	margin:3px 9px 0 0px;		
	float:left;	
}

#submenu ul li.presentation a{
	width:73px;
	height:15px;
	display:block;
	background: url(../img/submenu-presentation.gif) no-repeat right top;
}

#submenu ul li.presentation a:hover,#submenu ul li.presentation-active{
	width:73px;
	height:15px;
	background: url(../img/submenu-presentation-over.gif) no-repeat right top;
}

#submenu ul li.metiers a{
	width:41px;
	height:15px;
	display:block;
	background: url(../img/submenu-metiers.gif) no-repeat right top;
}

#submenu ul li.metiers a:hover,#submenu ul li.metiers-active{
	width:41px;
	height:15px;
	background: url(../img/submenu-metiers-over.gif) no-repeat right top;
}

#submenu ul li.equipements a{
	width:70px;
	height:15px;
	display:block;
	background: url(../img/submenu-equipements.gif) no-repeat right top;
}

#submenu ul li.equipements a:hover,#submenu ul li.equipements-active{
	width:70px;
	height:15px;
	background: url(../img/submenu-equipements-over.gif) no-repeat right top;
}

#submenu ul li.images a{
	width:58px;
	height:15px;
	display:block;
	background: url(../img/submenu-images.gif) no-repeat right top;
}

#submenu ul li.images a:hover,#submenu ul li.images-active{
	width:58px;
	height:15px;
	background: url(../img/submenu-images-over.gif) no-repeat right top;
}

#submenu ul li.annee1 a{
	width:51px;
	height:15px;
	display:block;
	background: url(../img/submenu-1annee.gif) no-repeat right top;
}

#submenu ul li.annee1 a:hover,#submenu ul li.annee1-active{
	width:51px;
	height:15px;
	background: url(../img/submenu-1annee-over.gif) no-repeat right top;
}

#submenu ul li.annee2 a{
	width:51px;
	height:15px;
	display:block;
	background: url(../img/submenu-2annee.gif) no-repeat right top;
}

#submenu ul li.annee2 a:hover,#submenu ul li.annee2-active{
	width:51px;
	height:15px;
	background: url(../img/submenu-2annee-over.gif) no-repeat right top;
}

#submenu ul li.annee3 a{
	width:51px;
	height:15px;
	display:block;
	background: url(../img/submenu-3annee.gif) no-repeat right top;
}

#submenu ul li.annee3 a:hover,#submenu ul li.annee3-active{
	width:51px;
	height:15px;
	background: url(../img/submenu-3annee-over.gif) no-repeat right top;
}

#submenu ul li.vie a{
	width:68px;
	height:15px;
	display:block;
	background: url(../img/submenu-vie.gif) no-repeat right top;
}

#submenu ul li.vie a:hover,#submenu ul li.vie-active{
	width:68px;
	height:15px;
	background: url(../img/submenu-vie-over.gif) no-repeat right top;
}

#submenu ul li.inscription a{
	width:64px;
	height:15px;
	display:block;
	background: url(../img/submenu-inscription.gif) no-repeat right top;
}

#submenu ul li.inscription a:hover,#submenu ul li.inscription-active{
	width:64px;
	height:15px;
	background: url(../img/submenu-inscription-over.gif) no-repeat right top;
}

#submenu ul li.actu a{
	width:71px;
	height:15px;
	display:block;
	background: url(../img/submenu-actu.gif) no-repeat right top;
}

#submenu ul li.actu a:hover,#submenu ul li.actu-active{
	width:71px;
	height:15px;
	background: url(../img/submenu-actu-over.gif) no-repeat right top;
}

#submenu ul li.anciens a{
	width:102px;
	height:15px;
	display:block;
	background: url(../img/submenu-anciens.gif) no-repeat right top;
}

#submenu ul li.anciens a:hover,#submenu ul li.anciens-active{
	width:102px;
	height:15px;
	background: url(../img/submenu-anciens-over.gif) no-repeat right top;
}

#submenu ul li.etudiants a{
	width:54px;
	height:15px;
	display:block;
	background: url(../img/submenu-etudiants.gif) no-repeat right top;
}

#submenu ul li.etudiants a:hover,#submenu ul li.etudiants-active{
	width:54px;
	height:15px;
	background: url(../img/submenu-etudiants-over.gif) no-repeat right top;
}

#submenu ul li.tournages a{
	width:63px;
	height:15px;
	display:block;
	background: url(../img/submenu-tournages.gif) no-repeat right top;
}

#submenu ul li.tournages a:hover,#submenu ul li.tournages-active{
	width:63px;
	height:15px;
	background: url(../img/submenu-tournages-over.gif) no-repeat right top;
}

#submenu ul li.evenements a{
	width:66px;
	height:15px;
	display:block;
	background: url(../img/submenu-evenements.gif) no-repeat right top;
}

#submenu ul li.evenements a:hover,#submenu ul li.evenements-active{
	width:66px;
	height:15px;
	background: url(../img/submenu-evenements-over.gif) no-repeat right top;
}

#submenu ul li.interviews a{
	width:59px;
	height:15px;
	display:block;
	background: url(../img/submenu-interviews.gif) no-repeat right top;
}

#submenu ul li.interviews a:hover,#submenu ul li.interviews-active{
	width:59px;
	height:15px;
	background: url(../img/submenu-interviews-over.gif) no-repeat right top;
}

#submenu ul li.presse a{
	width:87px;
	height:15px;
	display:block;
	background: url(../img/submenu-presse.gif) no-repeat right top;
}

#submenu ul li.presse a:hover,#submenu ul li.presse-active{
	width:87px;
	height:15px;
	background: url(../img/submenu-presse-over.gif) no-repeat right top;
}

#submenu ul li.films a{
	width:77px;
	height:15px;
	display:block;
	background: url(../img/submenu-films.gif) no-repeat right top;
}

#submenu ul li.films a:hover,#submenu ul li.films-active{
	width:77px;
	height:15px;
	background: url(../img/submenu-films-over.gif) no-repeat right top;
}

#submenu ul li.fictions a{
	width:47px;
	height:15px;
	display:block;
	background: url(../img/submenu-fictions.gif) no-repeat right top;
}

#submenu ul li.fictions a:hover,#submenu ul li.fictions-active{
	width:47px;
	height:15px;
	background: url(../img/submenu-fictions-over.gif) no-repeat right top;
}

#submenu ul li.spots a{
	width:105px;
	height:15px;
	display:block;
	background: url(../img/submenu-spots.gif) no-repeat right top;
}

#submenu ul li.spots a:hover,#submenu ul li.spots-active{
	width:105px;
	height:15px;
	background: url(../img/submenu-spots-over.gif) no-repeat right top;
}

#submenu ul li.clips a{
	width:29px;
	height:15px;
	display:block;
	background: url(../img/submenu-clips.gif) no-repeat right top;
}

#submenu ul li.clips a:hover,#submenu ul li.clips-active{
	width:29px;
	height:15px;
	background: url(../img/submenu-clips-over.gif) no-repeat right top;
}

#submenu ul li.reportages a{
	width:66px;
	height:15px;
	display:block;
	background: url(../img/submenu-reportages.gif) no-repeat right top;
}

#submenu ul li.reportages a:hover,#submenu ul li.reportages-active{
	width:66px;
	height:15px;
	background: url(../img/submenu-reportages-over.gif) no-repeat right top;
}



/*   CATEGORIES   */

#categories{			
	width:300px;
	margin:0;
	padding:0;
}

#categories ul{			
	list-style-type:none;	
	margin:0;
	padding:0;
}

#categories ul li{	
	width:auto;
	margin-top:2px;
	padding:0;
}

#categories ul li.films a{		
	display:block;
	width:127px;
	height:21px;
	background: url(../img/cat-films.gif) no-repeat right top;
}

#categories ul li.films a:hover,#categories ul li.films-active{	
	width:127px;
	height:21px;
	background: url(../img/cat-films-over.gif) no-repeat right top;
}

#categories ul li.fictions a{		
	display:block;
	width:86px;
	height:21px;
	background: url(../img/cat-fictions.gif) no-repeat right top;
}

#categories ul li.fictions a:hover,#categories ul li.fictions-active{	
	width:86px;
	height:21px;
	background: url(../img/cat-fictions-over.gif) no-repeat right top;
}


#categories ul li.spots a{	
	display:block;
	width:178px;
	height:21px;
	background: url(../img/cat-pub.gif) no-repeat right top;
}

#categories ul li.spots a:hover,#categories ul li.spots-active{	
	width:178px;
	height:21px;
	background: url(../img/cat-pub-over.gif) no-repeat right top;
}

#categories ul li.clips a{	
	display:block;
	width:64px;
	height:21px;
	background: url(../img/cat-clips.gif) no-repeat right top;
}

#categories ul li.clips a:hover,#categories ul li.clips-active{	
	width:64px;
	height:21px;
	background: url(../img/cat-clips-over.gif) no-repeat right top;
}

#categories ul li.reportages a{	
	display:block;
	width:125px;
	height:21px;
	background: url(../img/cat-reportages.gif) no-repeat right top;
}

#categories ul li.reportages a:hover,#categories ul li.reportages-active{	
	width:125px;
	height:21px;
	background: url(../img/cat-reportages-over.gif) no-repeat right top;
}


#categories ul li.actu a{	
	display:block;
	width:125px;
	height:21px;
	background: url(../img/cat-actu.gif) no-repeat right top;
}

#categories ul li.actu a:hover,#categories ul li.actu-active{	
	width:125px;
	height:21px;
	background: url(../img/cat-actu-over.gif) no-repeat right top;
}

#categories ul li.anciens a{	
	display:block;
	width:178px;
	height:21px;
	background: url(../img/cat-anciens.gif) no-repeat right top;
}

#categories ul li.anciens a:hover,#categories ul li.anciens-active{	
	width:178px;
	height:21px;
	background: url(../img/cat-anciens-over.gif) no-repeat right top;
}

#categories ul li.etudiants a{	
	display:block;
	width:102px;
	height:21px;
	background: url(../img/cat-etudiants.gif) no-repeat right top;
}

#categories ul li.etudiants a:hover,#categories ul li.etudiants-active{	
	width:102px;
	height:21px;
	background: url(../img/cat-etudiants-over.gif) no-repeat right top;
}

#categories ul li.tournages a{	
	display:block;
	width:112px;
	height:21px;
	background: url(../img/cat-tournages.gif) no-repeat right top;
}

#categories ul li.tournages a:hover,#categories ul li.tournages-active{	
	width:112px;
	height:21px;
	background: url(../img/cat-tournages-over.gif) no-repeat right top;
}

#categories ul li.evenements a{	
	display:block;
	width:130px;
	height:21px;
	background: url(../img/cat-evenements.gif) no-repeat right top;
}

#categories ul li.evenements a:hover,#categories ul li.evenements-active{	
	width:130px;
	height:21px;
	background: url(../img/cat-evenements-over.gif) no-repeat right top;
}

#categories ul li.interviews a{	
	display:block;
	width:109px;
	height:21px;
	background: url(../img/cat-interviews.gif) no-repeat right top;
}

#categories ul li.interviews a:hover,#categories ul li.interviews-active{	
	width:109px;
	height:21px;
	background: url(../img/cat-interviews-over.gif) no-repeat right top;
}

#categories ul li.presse a{	
	display:block;
	width:167px;
	height:21px;
	background: url(../img/cat-presse.gif) no-repeat right top;
}

#categories ul li.presse a:hover,#categories ul li.presse-active{	
	width:167px;
	height:21px;
	background: url(../img/cat-presse-over.gif) no-repeat right top;
}

#categories ul li.presentation a{	
	display:block;
	width:130px;
	height:21px;
	background: url(../img/cat-presentation.gif) no-repeat right top;
}

#categories ul li.presentation a:hover,#categories ul li.presentation-active{
	width:130px;
	height:21px;
	background: url(../img/cat-presentation-over.gif) no-repeat right top;
}

#categories ul li.metiers a{	
	display:block;
	width:85px;
	height:21px;
	background: url(../img/cat-metiers.gif) no-repeat right top;
}

#categories ul li.metiers a:hover,#categories ul li.metiers-active{	
	width:85px;
	height:21px;
	background: url(../img/cat-metiers-over.gif) no-repeat right top;
}

#categories ul li.equipements a{	
	display:block;
	width:136px;
	height:21px;
	background: url(../img/cat-equipements.gif) no-repeat right top;
}

#categories ul li.equipements a:hover,#categories ul li.equipements-active{	
	width:136px;
	height:21px;
	background: url(../img/cat-equipements-over.gif) no-repeat right top;
}

#categories ul li.images a{	
	display:block;
	width:113px;
	height:21px;
	background: url(../img/cat-images.gif) no-repeat right top;
}

#categories ul li.images a:hover,#categories ul li.images-active{	
	width:113px;
	height:21px;
	background: url(../img/cat-images-over.gif) no-repeat right top;
}

#categories ul li.annee1 a{	
	display:block;
	width:107px;
	height:21px;
	background: url(../img/cat-annee1.gif) no-repeat right top;
}

#categories ul li.annee1 a:hover,#categories ul li.annee1-active{	
	width:107px;
	height:21px;
	background: url(../img/cat-annee1-over.gif) no-repeat right top;
}

#categories ul li.annee2 a{	
	display:block;
	width:107px;
	height:21px;
	background: url(../img/cat-annee2.gif) no-repeat right top;
}

#categories ul li.annee2 a:hover,#categories ul li.annee2-active{	
	width:107px;
	height:21px;
	background: url(../img/cat-annee2-over.gif) no-repeat right top;
}

#categories ul li.annee3 a{	
	display:block;
	width:107px;
	height:21px;
	background: url(../img/cat-annee3.gif) no-repeat right top;
}

#categories ul li.annee3 a:hover,#categories ul li.annee3-active{	
	width:107px;
	height:21px;
	background: url(../img/cat-annee3-over.gif) no-repeat right top;
}

#categories ul li.vie a{	
	display:block;
	width:130px;
	height:21px;
	background: url(../img/cat-vie.gif) no-repeat right top;
}

#categories ul li.vie a:hover,#categories ul li.vie-active{
	width:130px;
	height:21px;
	background: url(../img/cat-vie-over.gif) no-repeat right top;
}

#categories ul li.inscription a{	
	display:block;
	width:110px;
	height:21px;
	background: url(../img/cat-inscription.gif) no-repeat right top;
}

#categories ul li.inscription a:hover,#categories ul li.inscription-active{	
	width:110px;
	height:21px;
	background: url(../img/cat-inscription-over.gif) no-repeat right top;
}