@charset "utf-8";
/*CSS Document*/
body {margin:0; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; background:#000; }
a:hover {text-decoration:none;}
.center{text-align:center;}
.cadre{ width:910px; margin:0 auto;}
.clear{clear:both;}
*{padding:0; margin:0; background-repeat:no-repeat;}
ul {list-style:none;}
a {text-decoration:none; color:#CCC}
a img {border:0;}

@font-face {
font-family: 'Futura-CondensedMedium';
src:url('font/ufontscomfuturacondensedmedium.eot');
src:url('font/ufontscomfuturacondensedmediumd41d.eot?#iefix') format('embedded-opentype'),
	url('font/ufontscomfuturacondensedmedium.woff') format('woff'),
	url('font/ufontscomfuturacondensedmedium.ttf') format('truetype'),
	url('font/ufontscomfuturacondensedmedium.svg#Futura-CondensedMedium') format('svg');
		font-weight: normal;
		font-style: normal;}
		
@font-face {
				font-family: 'DKCrayonCrumble';
				src: url('font/dkcrayoncrumble.eot');
				src: url('font/dkcrayoncrumbled41d.eot?#iefix') format('embedded-opentype'),
						 url('font/dkcrayoncrumble.woff') format('woff'),
						 url('font/dkcrayoncrumble.ttf') format('truetype'),
						 url('font/dkcrayoncrumble.svg#DKCrayonCrumble') format('svg');
				font-weight: normal;
				font-style: normal;
}

@font-face {
    font-family: 'FuturaCondensedMedium';
    src: url('font/futura_condensed_medium.eot');
    src: url('font/futura_condensed_medium.eot') format('embedded-opentype'),
         url('font/futura_condensed_medium.woff') format('woff'),
         url('font/futura_condensed_medium.ttf') format('truetype'),
         url('font/futura_condensed_medium.svg#FuturaCondensedMedium') format('svg');
}

		
/***** header ******/
#page{ position:absolute; width:100%; z-index:1000; top:0px; left:0px;}
#diapo{ position:absolute; width:100%; height:720px; left:0px; top:120px;}
#top{ position:absolute; z-index:-1; background:#000; width:100%; top:0px; left:0px; height:120px;}
#bottom{ position:absolute; z-index:-1; background:#000; width:100%; bottom:0px; left:0px; height:120px;}
#header{ width:100%; float:left; background:url(images/bg_menu.png) left repeat-x; min-height:140px;}
#header #logo{ float:left; width:239px; height:134px; background:url(images/logo.png) left no-repeat; margin-top:8px;}
#header #menu{ float:right; width:500px; margin-top:13px;}
#header #menu ul{ float:left;}
#header #menu ul li{ float:left; width:198px; height:56px; background:url(images/bg_menuli.png) left no-repeat; margin-left:-58px; position:relative; margin-top:2px;}
#header #menu ul li.b1{background:url(images/bg_menuli2.png) left no-repeat; margin-left:-59px;}
#header #menu ul li a{ color:#fff; float:left; width:198px; height:41px; font-family: 'Futura-CondensedMedium'; font-size:18px; text-transform:uppercase; text-align:center; padding-top:15px;}
#header #menu ul li:hover, #index #menu .index, #societe #menu .societe, #presse #menu .presse, #contact #menu .contact{ background:url(images/bgmenuhover.png) left no-repeat!important; z-index:30!important;}
#header #menu ul li.b2:hover, #documentaires #menu .documentaires, #longs-metrages #menu .longs-metrages{ background:url(images/bgmenuhover2.png) left no-repeat!important; z-index:30!important;}
#header #menu ul li:hover a, #index #menu .index a, #societe #menu .societe a, #presse #menu .presse a, #documentaires #menu .documentaires a, #longs-metrages #menu .longs-metrages a, #contact #menu .contact a{color:#000;}
/***** fin header ******/


/* **** contenu ****** */
#contenu{ float:left; width:100%; margin-top:20px;}
#contenu #directeur{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:25px; text-transform:uppercase; color:#fff; font-weight:normal; margin-left:25px;}
#contenu #directeur span{ float:left; clear:both; margin-left:70px; font-family: 'DKCrayonCrumble'; font-size:38px;} 
#contenu table{ margin-left:5px; border-top: solid 3px #fff; border-bottom:solid 3px #fff; clear:both;}
#contenu table td{ padding:10px;}
#contenu h1{ font-family:Arial, Helvetica, sans-serif; font-size:25px; text-transform:uppercase; color:#fff; font-weight:normal;}
#contenu h2{font-family: 'DKCrayonCrumble'; font-size:30px; text-transform:uppercase; color:#fff; font-weight:normal;}
#contenu h3{font-family: 'DKCrayonCrumble'; font-size:26px;  color:#fff; font-weight:normal;}
#contenu h4{font-family: 'Futura-CondensedMedium'; font-size:22px; color:#fff; font-weight:normal;}
#contenu h5{font-family: 'Futura-CondensedMedium'; font-size:20px; color:#fff; font-weight:normal;}
#contenu h6{font-family: 'Futura-CondensedMedium'; font-size:20px; color:#fff; font-weight:normal;}
#contenu p{ color:#fff; font-size:18px; line-height:22px; font-family: 'DKCrayonCrumble'; text-align:justify;}
#contenu ul{ padding-left:10px; list-style:inside;}
#contenu ul li{ color:#fff; font-size:18px; line-height:22px; font-family: 'DKCrayonCrumble'; text-align:justify;}
#contenu a{ color:#fff; text-decoration:underline;}
#map #contenu p{ color:#000;}
#vid{ display:none;}
#documentaires #vid, #longs-metrages #vid, #courts-metrages #vid{ display:block; margin-top:20px; float:left; width:100%;}
#documentaires #contenu, #longs-metrages #contenu, #courts-metrages #contenu{ display:none;}
/* **** fin contenu ****** */

/* ***** catalogue ****** */
#cat{ float:left; width:100%; height:auto; margin-top:20px; border-left:solid 2px #fff;}
#cat #films{ float:left;  min-height:500px; width:211px; margin-left:5px; }
#films ul{ float:left; margin-left:18px; padding-left:18px; margin-top:12px;}
#films ul li{ list-style-image:url(images/pucefilms.png);}
#films ul li a{color:#bab9b9; font-family: Times,Times New Roman, serif; font-weight:bold; font-size:14px;}
#films ul li:hover a{ color:#fff;}
#cat #detailfilm{ float:left; width:684px; min-height:500px; border-left:solid 1px #fff; }
#detailfilm  #titrefilm{ float:left; width:95%; border-bottom:solid 2px #fff; padding-bottom:8px; margin-top:20px; color:#fff;
 font-family:"Times New Roman", Times, serif; font-size:24px;text-transform:uppercase; padding-left:5%;}
#detailfilm #imgfilm{ clear:both; float:left; width:375px; min-height:210px; border-right:solid 2px #fff; padding-left:30px; padding-top:30px; padding-bottom:10px;}
#detailfilm #info1{ float:left; width:250px; color:#fff; font-family:"Times New Roman", Times, serif; font-size:18px; padding-top:100px; padding-left:15px; }
#detailfilm #info1 span{ font-weight:bold; font-family:Times, serif, Times New Roman;}
#fiche1{ float:left; width:670px; }
#fichtext{ float:left; width:670px; color:#fff; margin-left:10px; margin-top:20px; padding-top:20px; border-top:solid 2px #fff; padding-left:15px; margin-left:-21px;}
/* ***** fin catalogue ****** */


/**** MOD NEWS ****/
#news {width:100%; margin-bottom:15px;}
#news a {}
#news a:hover {}
#news .top { height:46px; line-height:30px; width:100%; font-size:17px;text-align:center;}
#news .mid {text-align:justify;}
#news .bot { height:20px; width:100%;}
#news .bloc {width:98%; padding:0 1%;margin-bottom:8px;}
#news .bloc .titre {font-weight:bold;text-transform:uppercase;}
#news .bloc .date {font-size:9px;text-align:right;padding-bottom:3px;}
#news .bloc .texte {padding-top:5px;}
#news .bloc .texte a.suite{display:block;height:10px;width:100%;padding:2px 0;font-size:10px;text-align:right;}
#news .bloc .texte a.suite:before{content:"Lire la suite";}
/**** FIN MOD NEWS ****/


/**** PICTURE FLOW ****/
#pflow{text-align:center; margin-bottom:8px;}
#pflow .titregalerie {font-size:16px; color:#F00; font-weight:bold; text-align:left; text-indent:40px; padding:15px 0;}
/**** FIN PICTURE FLOW ****/


/**** FORMULAIRES ****/
.formulaire{font-size:11px;padding-bottom:5px;}
#contenu .formulaire p{text-indent:0;padding:0 1.25% 8px 1.25%;text-align:left;}
.formulaire p select{text-align:right;}
.formulaire p select option{padding:0 10px;text-align:right;}
.formulaire p label:hover, .formulaire p input {cursor:pointer;}
.formulaire p.normal{width:97.5%;float:left;}
.formulaire p.normal label{text-align:right;float:left;width:24.5%;padding-right:.5%;}
.formulaire p.normal input, .formulaire p.normal textarea {width:74.6% }
.formulaire p.normal select{width:75%;}
.formulaire p.half{width:47.5%;float:left;}
.formulaire p.half.alerte{width:47%;margin: 0 0 8px .1%;}
.formulaire p.full{width:97.5%;float:left;}
.formulaire p.half label, .formulaire p.full label{text-align:left;float:left;width:100%;}
.formulaire p.half input, .formulaire p.half select, .formulaire p.half textarea, .formulaire p.full input, .formulaire p.full select, .formulaire p.full textarea{width:100%;}
.formulaire p.normal .grpradio, .formulaire p.normal .grpchkbox{float:left;width:75%;}
.formulaire p.half .grpradio, .formulaire p.half .grpchkbox{float:left;width:47.5%;}
.formulaire p.full .grpradio, .formulaire p.full .grpchkbox{float:left;width:97.5%;}
.formulaire p input.radio, .formulaire p input.checkbox{width:20px;margin:0;vertical-align:middle;}
#contenu .formulaire p.info{background-position:5px 3px; background-image:url(images/information.png); border:1px solid #69c;height:22px; line-height:22px;text-indent:25px;padding:0;}
.formulaire p.alerte{display: block; margin-bottom:8px; background-position:5px 3px;background-image:url(images/warning.png); border:1px solid #F00;}
.formulaire p.alerte span.messageAlerte{float:left;width:100%;text-indent:20px;color:#F00;height:20px; line-height:20px;}
.formulaire p input.btEnvoyer{clear:both;background-image:url(images/btEnvoyer.png); width:91px; height:26px; border:0; background-color:transparent;}
.formulaire p .legende{margin-left:8px;}
.formulaire p.clear label{text-align:right;float:left;width:24.5%;padding-right:.5%;}
.formulaire .oblig {font-weight:bold;color:#fff;}
.formulaire .oblig:before {content:"* ";}
/**** FIN FORMULAIRES ****/


/**** GOOGLE MAPS ****/
/* dfinir hauteur et largeur du plan */
#gmap {width:100%; height:450px; color:#333333;}
#gmap a {color:#333333;}



a.googlemaps:after{content:" " url(images/googlemaps.png);}
/**** FIN GOOGLE MAPS ****/


/****** footer ******/
#footer{ float:left; width:100%;  margin-top:125px;  background:#000}
#footer ul{ float:left; margin-left:210px; margin-top:10px;}
#footer ul li{ float:left; }
#footer ul li a{ color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase;}
.copyright{ width:100%; text-align:center; clear:both; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:10px; margin-top:3px; float:left; margin-bottom:10px;}
.copyright a{ color:#fff;}
/****** fin footer ******/

/**** VIDEO ****/
#video .titre{font-weight:bold;text-align:center;margin-bottom:8px;}
#video .video{}
#video .video #player{display:block;width:427px;height:338px;margin:0 auto;}
#video .description{text-align:center;}
#video .duree{display:none;}
#video #dhtml-carousel{margin:10px 0;}
#video #dhtml-carousel .jcarousel-container{margin:0 auto;}

/** FIN VIDEO **/


/*** LIVRE D'OR ***/
#livredor form{border-top:2px dotted #FFA400;border-bottom:2px dotted #FFA400;padding-top:10px;}
#livredor legend{font-weight:bold;color:#FFF;line-height:26px;}
#livredor fieldset{border:0;}
#livredor blockquote{margin:0 20px;}
#livredor blockquote p:before{content:" ";}
#livredor blockquote p:after{content:" ";}
#livredor .auteur{text-align:right;font-style:italic;margin:0 20px 10px 20px; line-height:14px;}
/******************/

/* mod upload */
.presse-kit a[href$='.doc'],.presse-kit  a[href$='.rtf'], 
.presse-kit-en a[href$='.doc'],.presse-kit-en a[href$='.rtf'],
.presse-communiques a[href$='.doc'],.presse-communiques  a[href$='.rtf'], 
.presse-communiques-en a[href$='.doc'],.presse-communiques-en a[href$='.rtf']  {
	padding: 5px 20px 5px 0;
	background: transparent url(download/icons/icon_doc.html) no-repeat center right;
}


.presse-kit a[href$='.txt'], 
.presse-kit-en a[href$='.txt'],
.presse-communiques a[href$='.txt'], 
.presse-communiques-en a[href$='.txt'] {
	padding: 5px 20px 5px 0;
	background: transparent url(download/icons/icon_txt.html) no-repeat center right;
}

.presse-kit a[href$='.xls'], 
.presse-kit-en a[href$='.xls'],
.presse-communiques a[href$='.xls'], 
.presse-communiques-en a[href$='.xls'] {
	padding: 5px 20px 5px 0;
	background: transparent url(download/icons/icon_xls.html) no-repeat center right;
}

.presse-kit a[href$='.pps'], 
.presse-kit-en a[href$='.pps'],
.presse-communiques a[href$='.pps'], 
.presse-communiques-en a[href$='.pps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(download/icons/icon_pps.html) no-repeat center right;
}

.presse-kit a[href$='.pdf'], 
.presse-kit-en a[href$='.pdf'],
.presse-communiques a[href$='.pdf'], 
.presse-communiques-en a[href$='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(download/icons/icon_pdf.html) no-repeat center right;
}

.presse-kit a[href$='.fla'],.presse-kit  a[href$='.swf'],.presse-kit a[href$='.flv'], 
.presse-kit-en a[href$='.fla'],.presse-kit-en a[href$='.swf'],.presse-kit-en a[href$='.flv'], 
.presse-communiques a[href$='.fla'],.presse-communiques a[href$='.swf'],.presse-communiques a[href$='.flv'], 
.presse-communiques-en a[href$='.fla'],.presse-communiques-en a[href$='.swf'],.presse-communiques-en a[href$='.flv'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(download/icons/icon_flash.html) no-repeat center right;
}

.presse-kit a[href$='.zip'],.presse-kit  a[href$='.rar'],.presse-kit  a[href$='.gzip'],.presse-kit  a[href$='.bzip'],.presse-kit  a[href$='.ace'], 
.presse-kit-en a[href$='.zip'],.presse-kit-en a[href$='.rar'],.presse-kit-en a[href$='.gzip'],.presse-kit-en a[href$='.bzip'],.presse-kit-en a[href$='.ace'], 
.presse-communiques a[href$='.zip'],.presse-communiques  a[href$='.rar'],.presse-communiques  a[href$='.gzip'],.presse-communiques  a[href$='.bzip'],.presse-communiques  a[href$='.ace'], 
.presse-communiques-en a[href$='.zip'],.presse-communiques-en a[href$='.rar'],.presse-communiques-en a[href$='.gzip'],.presse-communiques-en a[href$='.bzip'],.presse-communiques-en a[href$='.ace'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(download/icons/icon_archive.html) no-repeat center right;
}

.presse-kit a[href$='.jpg'],.presse-kit  a[href$='.gif'],.presse-kit  a[href$='.png'],.presse-kit  a[href$='.bmp'],.presse-kit  a[href$='.jpeg'],.presse-kit  a[href$='.svg'],.presse-kit  a[href$='.eps'], 
.presse-kit-en a[href$='.jpg'],.presse-kit-en  a[href$='.gif'],.presse-kit-en  a[href$='.png'],.presse-kit-en  a[href$='.bmp'],.presse-kit-en  a[href$='.jpeg'],.presse-kit-en  a[href$='.svg'],.presse-kit-en  a[href$='.eps'], 
.presse-communiques a[href$='.jpg'],.presse-kit  a[href$='.gif'],.presse-kit  a[href$='.png'],.presse-kit  a[href$='.bmp'],.presse-kit  a[href$='.jpeg'],.presse-kit  a[href$='.svg'],.presse-kit  a[href$='.eps'], 
.presse-communiques-en a[href$='.jpg'],.presse-kit-en  a[href$='.gif'],.presse-kit-en  a[href$='.png'],.presse-kit-en  a[href$='.bmp'],.presse-kit-en  a[href$='.jpeg'],.presse-kit-en  a[href$='.svg'],.presse-kit-en  a[href$='.eps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(download/icons/icon_pic.html) no-repeat center right;
}

.presse-kit a[href$='.mov'],.presse-kit  a[href$='.wmv'],.presse-kit  a[href$='.mp4'],.presse-kit  a[href$='.avi'],.presse-kit  a[href$='.mpg'], 
.presse-kit-en a[href$='.mov'],.presse-kit-en  a[href$='.wmv'],.presse-kit-en  a[href$='.mp4'],.presse-kit-en  a[href$='.avi'],.presse-kit-en  a[href$='.mpg'], 
.presse-communiques a[href$='.mov'],.presse-communiques  a[href$='.wmv'],.presse-communiques  a[href$='.mp4'],.presse-communiques  a[href$='.avi'],.presse-communiques  a[href$='.mpg'], 
.presse-communiques-en a[href$='.mov'],.presse-communiques-en  a[href$='.wmv'],.presse-communiques-en  a[href$='.mp4'],.presse-communiques-en  a[href$='.avi'],.presse-communiques-en  a[href$='.mpg'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(download/icons/icon_film.html) no-repeat center right;
}

.presse-kit a[href$='.mp3'],.presse-kit  a[href$='.wav'],.presse-kit  a[href$='.ogg'],.presse-kit  a[href$='.wma'],.presse-kit  a[href$='.m4a'],  
.presse-kit-en a[href$='.mp3'],.presse-kit-en  a[href$='.wav'],.presse-kit-en  a[href$='.ogg'],.presse-kit-en  a[href$='.wma'],.presse-kit-en  a[href$='.m4a'], 
.presse-communiques a[href$='.mp3'],.presse-communiques  a[href$='.wav'],.presse-communiques  a[href$='.ogg'],.presse-communiques  a[href$='.wma'],.presse-communiques  a[href$='.m4a'],  
.presse-communiques-en a[href$='.mp3'],.presse-communiques-en  a[href$='.wav'],.presse-communiques-en  a[href$='.ogg'],.presse-communiques-en  a[href$='.wma'],.presse-communiques-en  a[href$='.m4a'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(download/icons/icon_music.html) no-repeat center right;
}

.imageLink {
	padding-right: 0px !important;
	background: none !important;
}

.listedl li{text-indent:10px;padding:4px 0;}
.listedl li em{font-size:9px;}