/* CSS Document */

body {
	padding:0;
	margin:0;
	background-color:#000000;
	/*background-image:url(../images/background.jpg);*/
	background-repeat:no-repeat;
	background-position:center top;
}

#header form {
	margin:0;
	padding:0;
}

#level_0 {
	width:781px;
	margin:auto;
} 

#header,
#menu_principal,
.sous_menu {
	font-family:Arial, Helvetica, sans-serif;
}

#header a,
#menu_principal a,
.sous_menu a {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#0190ad;
}

#header a:hover,
#menu_principal a:hover,
.sous_menu a:hover {
	text-decoration:underline;
}


#header {
/*	height:103px;*/
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	padding-bottom:13px;
}

#header #menu_onglets {
	padding-left:357px;
}

#header #menu_onglets a {
	display:inline-block;
	padding-top:9px;
	height:19px;
	width:95px;
	margin-right:4px;
	text-align:center;
	color:#BFBFBF;
	font-size:11px;
}

#header #menu_onglets a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

#header #menu_onglets a#onglet_e_telefilm {
	color:#FFFFFF;
	background-image:url(../images/header-ico-e-telefilm.jpg);
	background-repeat:no-repeat;
	background-position:13px 9px;
	padding-left:7px;
}

#header a#retour_accueil {
	display:block;
	float:left;
	position:relative;
	margin-left:42px;
	margin-top:-2px;
	width:119px;
	height:50px;
}
#header #bande_margin_top {
	height:29px;
}
#header #bande {
	padding-left:220px;
}

*+html #header #bande {
	padding-left:61px;
}

* html #header #bande {
	padding-left:29px;
}

#header #bande a {
	display:inline-block;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	margin-right:4px;
	text-align:center;
	background-image:url(../images/bg-btn-nav-rapide.jpg);
	background-repeat:repeat-x;
	background-color:#3298bc;
	margin-top:4px;
	border:1px solid #8fbaca;
	position:relative;
	margin-bottom:5px;
	
	padding-top:3px;
	height:15px;
}

#header #bande a:hover {
	background-image:url(../images/bg-btn-nav-rapide-over.jpg);
	text-decoration:none;
}

#header #bande a.selected {
	text-decoration:none;
	background-image:url(../images/bg-btn-nav-rapide-over.jpg);
	border-bottom:none;
	z-index:2000;
	
	margin-top:0px;
	margin-bottom:0px;
	padding-top:7px;
	height:20px;
}

#header #bande a#menu_medias {
	width:72px;
}
#header #bande a#menu_grand_public {
	width:98px;
}
#header #bande a#menu_clients {
	width:70px;
}

#header #bande form {
	float:right;
	display:block;
	width:260px;
	margin-top:4px;
}

*+html #header #bande form {
	margin-top:3px;
}

#header #bande #input_recherche {
	display:inline-block;
	margin:0;
	padding:3px;
	border:0px;
	height:14px;
	width:147px;
	background-image:url(../images/bg-input-recherche.jpg);
	font-size:11px;
	margin-right:4px;
	color:#ffffff;
}

#header #bande #btn_recherche {
	display:inline-block;
	background-image:url(../images/bg-btn-recherche.jpg);
	border:0;
	height:20px;
	width:72px;
	text-align:center;
	color:#FFFFFF;
	font-size:11px;
	border: 1px solid #7f7d7d;
	padding:0;
	margin:0;
	padding-bottom:3px;	
}

*+html #header #bande #btn_recherche {
	padding-top:3px;
	line-height:10px;
}

#header div.sm_nav_rapide {
	display:none;
	border:1px solid #8fbaca;
	padding-left:25px;
	padding-right:25px;
	padding-top:12px;
	padding-bottom:12px;
	margin-top:-2px;
	position:absolute;
	z-index:1000;
	background-color:#1d576c;
	background-image:url(../images/bg-sm-nav-rapide.jpg);
	background-repeat:repeat-x;
}

*+html #header div.sm_nav_rapide {
	margin-top:-1px;
}
* html #header div.sm_nav_rapide {
	margin-top:-1px;
}

#header div.sm_nav_rapide ul {
	margin: 0px;
	padding: 0px;
	list-style: none !important;
	list-style-image: none !important;
	list-style-type: none !important;
}
#header div.sm_nav_rapide ul li {
	margin: 0px;
	padding: 0px;
	list-style: none !important;
	list-style-image: none !important;
	list-style-type: none !important;
}

#header div.sm_nav_rapide a {
	color:#FFFFFF;
	line-height:16px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

#header #sm_medias {
	margin-left:211px;
}
#header #sm_grand_public {
	margin-left:289px;
}
#header #sm_clients {
	margin-left:393px;
}

#menu_principal {
	/*background-image:url(../images/bg-menu-principal.gif);*/
	background-repeat:no-repeat;
	height:38px;
	background-color:#000000;
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index: 100;
}

#menu_principal ul {
	display:block;
	margin: 0px;
	padding: 0px;
	list-style: none !important;
	list-style-type: none !important;
	list-style-image: none !important;
}
#menu_principal ul {
}
#menu_principal li {
	display:inline;
	margin: 0px;
	padding: 0px;
	list-style: none !important;
	list-style-type: none !important;
	list-style-image: none !important;
}
#menu_principal li li {
	padding-left: 20px;
	border-left: 2px dotted #4c4c4c;
	margin-left: 10px;
	list-style: none !important;
	position: relative;
	float: left;
	margin-top: 20px;
}
#menu_principal li li.last {
}

#menu_principal li .menuColumn li.first {
	margin-top: 0;
}
#menu_principal li .menuColumn {
	margin-top: 20px;
}

#menu_principal li li.first {
	padding-left: 0px;
	margin-left: 0px;
	border-left: none;
	list-style: none !important;
}
#menu_principal li li li {
	float:none;
	padding-left: 0px;
	border-left: none;
	margin-left: 0px;
	list-style: none !important;
	margin-top: 0px
}
#menu_principal li li li li {
	float:none;
	list-style: none !important;
}

#menu_principal a {
	display:block;
	float:left;
	height:38px;
	text-indent:-99999px;
	border-right:1px solid #333333;
	border-left:1px solid #000000;
	background-repeat:no-repeat;
	position:relative;
	background-position:-1px 0px;
}	
#menu_principal ul li a {
	display:block;
	float:none;
	height: auto;
	text-indent: 0px;
	border: none;
	background: none;
	position:relative;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}
#menu_principal ul ul li a,
#menu_principal ul ul li a:link {
	display:block;
	float:none;
	height: auto;
	text-indent: 0px;
	border: none;
	background: none;
	font-size: 11px;
	position:relative;
	color: #fff;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
}

#menu_principal .col1 ul li {
}
#menu_principal .col1 .sous_menu {
}
#menu_principal .col2 ul li {
}
#menu_principal .col2 .sous_menu {
}
#menu_principal .col3 ul li {
}
#menu_principal .col3 .sous_menu {
}
#menu_principal .col4 ul li {
}
#menu_principal .col4 .sous_menu {
}


#menu_principal a.selected {
	border-color:#606060;
	z-index:2000;
}
 
#menu_principal a#menu_telefilm {
	width:57px;
	background-image:url(../images/menu-telefilm.gif);
}
#menu_principal a#menu_telefilm:hover {
	background-image:url(../images/menu-telefilm-over.gif);
}
#menu_principal a#menu_telefilm.selected,
#menu_principal a#menu_telefilm.selected:hover {
	background-image:url(../images/menu-telefilm-selected.gif);
}

#menu_principal a#menu_bureaux {
	width:55px;
	background-image:url(../images/menu-bureaux.gif);
}
#menu_principal a#menu_bureaux:hover {
	background-image:url(../images/menu-bureaux-over.gif);
}
#menu_principal a#menu_bureaux.selected,
#menu_principal a#menu_bureaux.selected:hover  {
	background-image:url(../images/menu-bureaux-selected.gif);
}

#menu_principal a#menu_fonds_et_programmes {
	width:127px;
	background-image:url(../images/menu-fonds-et-programmes.gif);
}
#menu_principal a#menu_fonds_et_programmes:hover {
	background-image:url(../images/menu-fonds-et-programmes-over.gif);
}
#menu_principal a#menu_fonds_et_programmes.selected,
#menu_principal a#menu_fonds_et_programmes.selected:hover {
	background-image:url(../images/menu-fonds-et-programmes-selected.gif);
}

#menu_principal a#menu_coproductions {
	width:88px;
	background-image:url(../images/menu-coproductions.gif);
}
#menu_principal a#menu_coproductions:hover {
	background-image:url(../images/menu-coproductions-over.gif);
}
#menu_principal a#menu_coproductions.selected,
#menu_principal a#menu_coproductions.selected:hover {
	background-image:url(../images/menu-coproductions-selected.gif);
}

#menu_principal a#menu_festivals_et_marches {
	width:122px;
	background-image:url(../images/menu-festivals-et-marches.gif);
}
#menu_principal a#menu_festivals_et_marches:hover {
	background-image:url(../images/menu-festivals-et-marches-over.gif);
}
#menu_principal a#menu_festivals_et_marches.selected,
#menu_principal a#menu_festivals_et_marches.selected:hover {
	background-image:url(../images/menu-festivals-et-marches-selected.gif);
}

#menu_principal a#menu_canada_partenaire {
	width:178px;
	background-image:url(../images/menu-partenaire.gif);
}
#menu_principal a#menu_canada_partenaire:hover {
	background-image:url(../images/menu-partenaire-over.gif);
}
#menu_principal a#menu_canada_partenaire.selected,
#menu_principal a#menu_canada_partenaire.selected:hover {
	background-image:url(../images/menu-partenaire-selected.gif);
}

#menu_principal a#menu_catalogues {
	width:71px;
	background-image:url(../images/menu-catalogues.gif);
}
#menu_principal a#menu_catalogues:hover {
	background-image:url(../images/menu-catalogues-over.gif);
}
#menu_principal a#menu_catalogues.selected,
#menu_principal a#menu_catalogues.selected:hover {
	background-image:url(../images/menu-catalogues-selected.gif);
}

#menu_principal a#menu_actualites {
	border-right-color:#000000;
	width:67px;
	background-image:url(../images/menu-actualites.gif);
}
#menu_principal a#menu_actualites:hover {
	background-image:url(../images/menu-actualites-over.gif);
}
#menu_principal a#menu_actualites.selected,
#menu_principal a#menu_actualites.selected:hover  {
	border-right-color:#606060;
	background-image:url(../images/menu-actualites-selected.gif);
}
/*
 Positionning of Top Level of Main Menu
*/

.menuColumn {
	float: left;
	width: 340px;
	padding-right: 10px;
	border-right: 2px dotted #4c4c4c;
	margin-right: 20px;
}
.menuColumn2 {
	float: left;
	width: 340px;
	padding-right: 0px;
	border-right: none;
	margin-right: 0px;
}


	.menuItem-telefilm div.sous_menu {
		width: 629px;
		left: 0px;
	}
		.menuItem-telefilm .level3-item1 {
			width: 160px;
		}
		.menuItem-telefilm .level3-item2 {
			width: 225px;
		}
		.menuItem-telefilm .level3-item3 {
			width: 180px;
		}
	.menuItem-bureaux div.sous_menu {
		width: 694px;
		left: 45px;
	}
		.menuItem-bureaux .level3-item1 {
			width: 170px;
		}
		.menuItem-bureaux .level3-item2 {
			width: 130px;
		}
		.menuItem-bureaux .level3-item3 {
			width: 150px;
		}
		.menuItem-bureaux .level3-item4 {
			width: 140px;
		}
	.menuItem-fonds-et-programmes div.sous_menu {
		width: 739px;
		left: 0px;
	}
		.menuItem-fonds-et-programmes .level3-item1 {
			width: 345px;
			float: left;
			padding-left: 0px !important;
			border-left: none !important;
			margin-left: 0px !important;
		}
		.menuItem-fonds-et-programmes .level3-item2 {
			width: 345px;
			float: left;
			padding-left: 0px !important;
			border-left: none !important;
			margin-left: 0px !important;
		}
		.menuItem-fonds-et-programmes .level3-item3 {
			width: 345px;
			float: right;
			padding-left: 0px !important;
			border-left: none !important;
			margin-left: 0px !important;
		}
		.menuItem-fonds-et-programmes .level3-item4 {
			width: 345px;
			float: right;
			padding-left: 0px !important;
			border-left: none !important;
			margin-left: 0px !important;
		}
	.menuItem-coproductions div.sous_menu {
		width: 422px;
		left: 231px;
	}
		.menuItem-coproductions .level3-item1 {
			width: 220px;
		}
		.menuItem-coproductions .level3-item2 {
			width: 170px;
		}


	.menuItem-festivales div.sous_menu {
		width: 377px;
		left: 322px;
	}
		.menuItem-festivales .level3-item1 {
			width: 215px;
		}
		.menuItem-festivales .level3-item2 {
			width: 130px;
		}


	.menuItem-partenaires div.sous_menu {
		width: 480px;
		left: 259px;
	}
		.menuItem-partenaires .level3-item1 {
			width: 480px;
		}

	.menuItem-catalogues div.sous_menu {
		width: 584px;
		left: 155px;
	}
		.menuItem-catalogues .level3-item1 {
			width: 130px;
		}
		.menuItem-catalogues .level3-item2 {
			width: 145px;
		}
		.menuItem-catalogues .level3-item3 {
			width: 245px;
		}


	.menuItem-actualites div.sous_menu {
		width: 140px;
		left: 599px;
	}
		.menuItem-actualites .level3-item1 {
			width: 140px;
		}


#menu_principal .menu-level-1 ul.menu ul.menu ul.menu {
	padding: 0 0 10px 20px;
	clear: both;
}
	/* Clearfix */
	#menu_principal .menu-level-1 ul.menu ul.menu ul.menu:after {
		clear: both;
		content: ' ';
		display: block;
		font-size: 0;
		line-height: 0;
		visibility: hidden;
		width: 0;
		height: 0;
	}
	#menu_principal .menu-level-1 ul.menu ul.menu ul.menu {
		display: inline-block;
	}
	* html #menu_principal .menu-level-1 ul.menu ul.menu ul.menu {
		height: 1%;
	}
	#menu_principal .menu-level-1 ul.menu ul.menu ul.menu {
		display: block;
	}

#menu_principal .menu-level-1 ul.menu ul.menu ul.menu li {
	display: inline;
	margin: 0;
}
#menu_principal .menu-level-1 ul.menu ul.menu ul.menu li a {
	display: inline;
}

div.sous_menu {
	background-image:url(../images/bg-sous-menu.jpg);
	background-repeat:repeat-x;
	background-color:#181818;
	border:1px solid #5f6060;
	padding: 5px 20px 20px 20px;
	margin-top:-1px;
/*	clear: left;*/
	position:absolute;
	top: 38px;
	left: 0px;
	z-index:1000;
	display:none;
	color:#FFFFFF;
}

div.sous_menu a {
	display:block;
	color:#FFFFFF;
	font-size:11px;
	line-height:12px;
	margin-bottom:4px;
	margin-left:1px
}

div.sous_menu a.titre {
	color:#48a0c1;
	font-weight:bold;
	font-size:14px;
	line-height:16px;
	margin-bottom:10px;
	margin-left:0px;
	font-family:Arial, Helvetica, sans-serif;
}
div.sous_menu a.titre a {
	margin-bottom: 5px
}

div.sous_menu div {
}

div.sous_menu div div {
	width:auto;
	float:none;
	padding-left:20px;
	padding-bottom:10px;
}

div.sous_menu div div a {
	display:inline;
}	

div.sous_menu div.separateur {
	border-left:2px dotted #767676;
	padding-left:20px;
	margin-left:10px;
}



