@charset "UTF-8";
/* CSS Document */


html{
	margin:0px;
}


body{
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;	

	color:#333;
	font-size:13px;
	background-color:#424240;
	background-image: url(../img/bg_site.png);
	background-repeat: repeat-x ;
}

/****************************************************************
******************** elements de base ***************************
****************************************************************/


a, a:visited{
	outline: none;
	text-decoration: none;	
	color:#FFF;
}

hr{
	border:0;
	border-bottom:solid 1px #91a400;
}

img{
	border:0;
}

object, embed{
	z-index:1;
}

/* Font styles */
.b{font-weight:bold;}
.i{font-style:italic;}
.u{text-decoration:underline;}
.tal{text-align:left;}
.tar{text-align:right;}
.vat{vertical-align:top;}

/* Colors */
.bk{color:black !important}
.wh{color:white !important;}
.or{color:#FF7110 !important;}
.red{color:red !important;}
.green1{color:#91a400 !important;}
.green2{color:#b2bf4d !important;}
.green3{color:#7a8f00 !important;}


/* Floats and clears */
.fl{float:left !important;}
.fr{float:right !important;}
.cb{clear:both !important;}

.small{font-size:90%;}
.smaller{font-size:80%;}


/* Borders */
.b1{border:1px solid black;}
.b2{border:1px solid #aaa;}
.berr{border:1px solid red;}

/* Widths */
.w1{width:1px !important;}
.w20{width:20px !important;}
.w50{width:50px !important;}
.w100{width:100px !important;}
.w150{width:150px !important;}
.w200{width:200px !important;}
.w250{width:250px !important;}
.w300{width:300px !important;}
.w360{width:360px !important;}
.w400{width:400px !important;}
.wp100{width:100% !important;}

.h01{height:1px !important;}
.h04{height:4px !important;}
.h06{height:3px !important;}
.h08{height:8px !important;}
.h10{height:10px !important;}
.h300{height:300px !important;}

.mh300{min-height:300px}
.mh400{min-height:400px}
.mh500{min-height:500px}

.mg00{margin:0px !important}
.mg02{margin:2px !important}
.mg04{margin:4px !important}
.mg06{margin:6px !important}
.mg08{margin:8px !important}
.mg10{margin:10px !important}
.mg20{margin:20px !important}

.mgsp02{margin:2px 0 2px 0 !important}
.mgsp04{margin:4px 0 4px 0 !important}
.mgsp06{margin:6px 0 6px 0 !important}
.mgsp08{margin:8px 0 8px 0 !important}
.mgsp10{margin:10px 0 10px 0 !important}

.mgb02{margin-bottom:2px !important}
.mgb04{margin-bottom:4px !important}
.mgb06{margin-bottom:6px !important}
.mgb08{margin-bottom:8px !important}
.mgb10{margin-bottom:10px !important}
.mgb20{margin-bottom:20px !important}
.mgb40{margin-bottom:40px !important}

.mgt02{margin-top:2px !important}
.mgt04{margin-top:4px !important}
.mgt06{margin-top:6px !important}
.mgt08{margin-top:8px !important}
.mgt10{margin-top:10px !important}
.mgt20{margin-top:20px !important}
.mgt40{margin-top:40px !important}

.mgl02{margin-left:2px !important}
.mgl04{margin-left:4px !important}
.mgl06{margin-left:6px !important}
.mgl08{margin-left:8px !important}
.mgl10{margin-left:10px !important}
.mgl20{margin-left:20px !important}
.mgl40{margin-left:40px !important}
.mgl80{margin-left:80px !important}

.mgr02{margin-right:2px !important}
.mgr04{margin-right:4px !important}
.mgr06{margin-right:6px !important}
.mgr08{margin-right:8px !important}
.mgr10{margin-right:10px !important}
.mgr20{margin-right:20px !important}
.mgr40{margin-right:40px !important}

.div:hover{background-color:#aaa;}

.cleaner{clear:both;}

.click{cursor:pointer;}
.imgButton{vertical-align:middle;margin-left:2px;}

.thumb{border:1px solid white;}

img.largePost{
	margin-top:-20px;
	margin-left:-20px;
	margin-bottom:10px;
	width:660px;
}


div.actuH3 .h3{
	position: absolute;
	top: 23px;
	left: 0;
	border: 0;
}

/****************************************************************
******************** element tiroir Jquery ***************************
****************************************************************/


.tiroir{
	cursor: pointer; 
}

.poignee{
	cursor: pointer; 
}



/****************************************************************
******************** blocs prinicpaux ***************************
****************************************************************/


#container{
	margin:0 auto;
	padding:20px 30px 30px 30px;
	width:995px;
	/*background-color:#262626;*/
}

#container #header{
	position:relative;
	height:124px;
}

#container #header.down{

	height:150px;
}

#container #header #logo{
	padding:10px 0 0 0;
}
#container #header #dates{
	margin-left:12px;
	margin-bottom:1px;
}


#container #header #search{
	position:absolute;
	right:65px;
	top:55px;
}

#container #header #search #searchField{
	width:315px;
}

#container #header #logo_srf{

	position:absolute;
	right:0;
	top:23px;

}


#container #header #lang{
	position:absolute;
	right:308px;
	top:40px;
	font-size:11px;
	font-weight:11px;
	color:#555;
}

#container #content{
	height:auto;
	clear:both;
}

#container #footer{
	position:relative;
	height:25px;
	background-color:#181818;
	text-align:center;
	padding:15px 0 0 0;
	margin:0;
	font-size:12px;
}


#footer .infoFooter{
	margin:0 0 0 25px;

}

/****************************************************************
******************** lang ***************************
****************************************************************/

#container #header #lang a{
	color:#BBB;
}
#container #header #lang a:hover{
	color:#FFF;
}

/****************************************************************
******************** search ***************************
****************************************************************/

#header #search input{

	border:0;
	background-color:#444;
	color:#CCC;
	padding:5px;
}




/****************************************************************
******************** content ***************************
****************************************************************/

#content div.actuVideo{
	width:660px;
	height:380px;
	display: block;
	float: left;
	margin:0 10px 10px 0;
}

#content div.actuQuote{
	display: block;
	float: left;
	margin:0;
	width:325px;
	height:380px;
	background-color:#BBB;

}


#content div.actuH1{
	width:995px;
	height:440px;

	display: block;
	float: left;
	margin:0 10px 10px 0;

}

#content div.actuH2{
	position:relative;
	display: block;
	float: left;
	margin:0 10px 10px 0;
	width:325px;
	height:239px;
	background-color:#707070;
	
	overflow:hidden;
}

#content div.actuH2.last{
	margin:0 0 10px 0;
}


div.actuH2 .h2{
	position: absolute;
	top: 23px;
	left: 0;
	border: 0;
}

#content div.actuH2.last .list{
	padding:25px 0 0 0;
}

#content div.actuH2 .list{
	padding:23px 0 0 0;
}

#content div.actuH2 div.list p{
	padding:8px 10px 6px 20px;
	border-bottom:solid 1px #999;
	color:#eeeeee;
	font-size:90%;
}
#content div.actuH2 div.list p:hover{
	background-color:#ccc;
	color:#333333;
}

#content div.actuH2 div.title{
	position:absolute;
	top:0;
	width:325px;
	color:#FFF;
	background-color:#000;
	padding:0px;
	margin:0 0 10px 0;
	letter-spacing: 2px;
	z-index:100;
	height:13px;
}

#content div.actuH2 div.titleBottom{
	position:absolute;
	bottom:0;
	width:305px;
	color:#FFF;
	background-color:#000;
	padding:5px 10px;
	letter-spacing: 2px;
}


#content div.actuH2S{
	position:relative;
	display: block;
	float: left;
	margin:0 10px 10px 0;
	width:325px;
	height:216px;
	background-color:#707070;
	overflow:hidden;
}

div.actuH2S .h2{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}

#content div.actuH2S div.title{
	position:absolute;
	top:0;
	width:305px;
	color:#FFF;
	background-color:#000;
	padding:5px 10px;
	letter-spacing: 2px;
	z-index:100;
	height:13px;
}

#content div.actuH2S div.titleBottom{
	position:absolute;
	bottom:0;
	width:305px;
	color:#FFF;
	background-color:#000;
	padding:5px 10px;
	letter-spacing: 2px;
}

#content div.pageType{
	width:305px;
	color:#FFF;
	background-color:#000;
	padding:5px 10px;
	letter-spacing: 2px;
}


#content div.actuH3{
	position:relative;
	display: none;
	float: left;
	margin:0 10px 10px 0;
	width:325px;
	background-color:#707070;
	overflow:hidden;
	height:1px;
}
#content div.actuH3 div.title{
	position:absolute;
	top:0;
	width:325px;
	color:#FFF;
	background-color:#000;
	padding:0px;
	letter-spacing: 2px;
	z-index:100;
}

#content div.actuH3 div.titleBottom{
	position:absolute;
	bottom:0;
	width:305px;
	color:#FFF;
	background-color:#000;
	padding:5px 10px;
	letter-spacing: 2px;
}

#content div.actuH3S{
	position:relative;
	display: none;
	float: left;
	margin:0 10px 10px 0;
	width:325px;
	background-color:#707070;
	overflow:hidden;
	height:1px;
}
#content div.actuH3S div.title{
	position:absolute;
	top:0;
	width:325px;
	color:#FFF;
	background-color:#000;
	padding:0px;
	letter-spacing: 2px;
	z-index:100;
}

#content div.actuH3S div.titleBottom{
	position:absolute;
	bottom:0;
	width:305px;
	color:#FFF;
	background-color:#000;
	padding:5px 10px;
	letter-spacing: 2px;
}




/****************************************************************
******************** zoneVignette ***************************
****************************************************************/


#content div.previewVideo{
	width:563px;
	height:324px;
	background-color:#333;
	display: block;
	float: left;
	margin:0 10px 10px 0;
}



#content .zoneVignette{
	display: block;
	float: left;
	margin:0;
	width:422px;
	height:auto;

}


.zoneVignette div.vignette{
	display: block;
	float: left;
	margin:0 8px 10px 0;
	width:134px;
	height:77px;
	background-color:#BBB;
}
.zoneVignette div.vignette.last{
	margin:0 0 10px 0;
}



/****************************************************************
******************** Selecteur Media ***************************
****************************************************************/

#content div.selecteurMedia.bigSize{
	width:955px;
	height:auto;
	background-color:#000;
	background-image: url(../images/bg-mediaSelect.png) ;
	background-repeat: repeat-x;
	color: #91a400;
	display: block;
	float: left;
	margin:10px 10px 10px 0;
	padding:10px 20px;
}


#content div.selecteurMedia{
	width:620px;
	height:auto;
	background-color:#000;
	color: #91a400;
	display: block;
	float: left;
	margin:10px 10px 10px 0;
	padding:10px 20px;
}


div.selecteurMedia .chooseBox{
	margin:10px 0;
}

.chooseBox select{

	background-repeat: repeat-x;
	background-color: #222;
	color:white;
	border:none;
	padding:10px;

}

/****************************************************************
******************** colonne unique ***************************
****************************************************************/
div.colLarge{
	width:995px;
	height:auto;
	background-color:#f3f3f2;
	display: block;
	float: left;
	margin:0 10px 0px 0;
	padding:0px;
}
div.colLarge li{
	margin-top:4px;
}

#galleryMain{
	width:995px;
	display: block;
	float: left;
	margin-left:2px;
}

#galleryMain .th{
	width:188px;
	height:125px;
	background:url(/img/logo-gal.png);
	background-repeat:none;
	background-position: center center;
	float:left;
	margin-right:13px;
	margin-bottom:13px;
}
#galleryMain .th.last{
	margin-right:0px;
}
#galleryMain .th.vimeo span,.th.flv span{
	display:none;
}

#galLinks{
	margin-bottom:10px;
	width:995px;
	min-height:30px;
	float:left;
	clear:both;
	background-color:#8d8d8d;
}

#galLinks div.galLinksContent {
	min-height:30px;
}
#galLinks div.galLinksContent a{
	display: block;
	color: white;
	margin:0 0 0px 10px;
	padding:8px;
}
#galLinks div.galLinksContent a:hover{
	text-decoration:underline;
}

#galLinks div.galLinksContent ul{
	display:none;
	list-style: none;
	padding:0px 10px 5px 30px;
}

#galLinks div.galLinksContent ul li a{
	color: #333;
	display: block;
	margin:0 0 5px 0;
	padding:0;
}

#galLinks div.galLinksContent ul li a:hover{
	text-decoration: underline;
}

#galLinks div.galLinksContent ul:hover li{
	display: block;
}

#galLinks div.galLinksContent ul li a:hover{
	color: white;
}


#galFilters{
	margin-top:10px;
	margin-bottom:10px;
	width:995px;
	height:40px;
	float:left;
	clear:both;
}
#galTypeFilters{
	width:374px;
	height:20px;
	padding:12px 8px 8px;
	color:white;
	float:left;
	background-color:#8d8d8d;
}
#galSearchFilters{
	width:575px;
	height:24px;
	padding:8px;
	margin-left:13px;
	color:white;
	float:left;
	background-color:#8d8d8d;
}
#gal_filter_y option:not(:first-child){
	text-align:right;
}
#gal_filter_f{
	width:150px;
}
#gal_filter_r{
	width:150px;
}

/****************************************************************
******************** colonne LEFT ***************************
****************************************************************/

div.colLeft div.selectArticle {
	margin-left:90px;
	margin-top:20px;
	width:550px;
	min-height:30px;
	background-color:#dedede;
}
div.colLeft div.selectArticle a{
	display: block;
	color: #91a400;
	font-weight: bold;
	margin:0 0 8px 10px;
	padding:8px;
}

div.colLeft div.selectArticle ul{
	display:none;
	list-style: none;
	padding:0px 10px 5px 30px;
}

div.colLeft div.selectArticle ul li a{
	color: #333;
	display: block;
	margin:0 0 5px 0;
	padding:0;
}

div.colLeft div.selectArticle ul li a:hover{
	text-decoration: underline;
}

div.colLeft div.selectArticle ul:hover li{
	display: block;
	text-decoration: none;
}	

div.colLeft div.selectArticle ul li a:hover{
	text-decoration: none;
	color: #91a400;
}

div.colLeft{
	width:660px;
	height:auto;
	min-height:650px;
	background-color:#f3f3f2;
	display: block;
	float: left;
	margin:0 10px 10px 0;
	padding:0px;
}

div.colLeft h1{
	font-size: 30px;
	margin:0 0 10px;
	color:#222;
}

div.colLeft h2{
	font-size: 20px;
	margin:0 0 10px;
	color:#333;
}
div.colLeft h3{
	font-size: 14px;
	margin:0 0 10px;
	color:#333;
}

div.colLeft div.chapo{
	color:#333;
	font-weight:bold;
	font-size:13px;
	width:100%;
	float:left;
	clear:both;
}
div.colLeft a{
	color:#91a400;
	text-decoration: none;
}

div.colLeft a:hover{
	text-decoration: underline;
}

div.colLeft p, div.colLarge p{
	line-height:18px;
	margin-bottom:10px;
	clear:both;
}

div.colLeft div.texte{
	color:#444;
	margin-top:10px;
	float:left;
	width:93%;
}

div.colLeft div.realList{
	font-size:18px;
}
div.colLeft div.filmInfos{
	font-size:11px;
}

div.article {
	margin-left:90px;
	margin-top:20px;
	margin-bottom:20px;
	margin-right:20px;
}

#galDiv{
	display:none;
}

#galHeader{
	height:15px;
	padding:10px;
	background-color:#bbb;
	color:white;
}

#galDiv .thumbs{
	margin-left:10px;
	margin-top:10px;
}

#galDiv .galThumb{
	background-color:#ccc;
	float:left;
	margin-right:8px;
	margin-bottom:8px;
	width:100px;
	height:75px;
	background-image: url(/img/thumb_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#galDiv .galLink{
	background-color:#91a400;
	float:left;
	margin-right:8px;
	margin-bottom:8px;
	padding-top:20px;
	width:100px;
	height:55px;
	text-align:center;
	font-size:90%;
	font-weight:bold;
	line-height:18px;
}
#galDiv .galLink a{
	color:white;
	text-decoration:none;
}

#galZoom{
	background-color:#8D8D8D;	
	display:none;
	margin:0px;
	padding:0px;
	overflow:hidden;
	height:0px;
	text-align:center;
	clear:both;
	width:660px;
}
#galZoom.huge{
	background-color:#f2f2f2;
	width:995px;
	margin-top:10px;
	margin-bottom:10px;
}
#galZoom.vimeo{
	text-align:left;
}
#galZoom.flv{
	text-align:left;
}
#galZoom #galFlowPlayer{
	float:left;
	display:block;
	width:640px;
	height:480px;
}

#galZoom object, embed{
	float:left;
}
#galZoom .largeDesc{
	float:left;
	width:310px;
	margin: 10px 15px 10px 10px;
}
#galZoom p{
	margin-top:10px;
}

#galDiv span{
	display:none;
}

#galDiv img.th{
	display:none;
}

.pageList{
	width:100%;
	float:left;
	clear:both;
	margin-top:10px;
	background-color:#E3E4E4;
}

.pageList:hover{
	background-color:white;
}

.pageListImg{
	width:200px;
	height:133px;
	float:left;
}
.contactListImg{
	width:200px;
	float:left;
}

.pageListImg.poster{
	text-align:center;
}

.pageListImg div.title{
	font-size:34px;
	font-weight:bold;
	letter-spacing: 2px;
	width:115px;
	margin-top:45px;
	margin-left:50px;
}

.pageListTxt{
	float:left;
	width:400px;
	height:113px;
	margin:10px 0px 10px 20px;
	overflow:hidden;
	font-size:90%;
	line-height: 18px;
}

/****************************************************************
******************** colonne RIGHT ***************************
****************************************************************/


#rightPart{
	width:325px;
	float:left;
	min-height:216px;
}

#content div.colRight{
	display: block;
	float: left;
	margin:0;
	padding:20px;
	width:285px;
	height:auto;
	background-color:#BBB;
}

#content div.colRight h2{
	margin:5px 0;
}


#content div.colRight a{
	color:#ffffff;
}

#content div.colRight a.inGalA{
	color:#666666;
}
#content div.colRight a.inGalA:hover{
	text-decoration:underline;
}

#content div.colRight hr{
	border:0;
	border-top:solid 1px #91a400;
}

#content div.colRight h4{
	margin-bottom:10px;
}

#film_info{
line-height:150%;
}
#film_info label{
	color:white;
}

#film_source{
	font-size:80%;
	display:none;
}

#film_source_ttl{
	color:white;
	font-weight:bold;
	cursor:pointer;
	margin-bottom:10px;
}

.filmo_ttl{
	color:white;
	font-weight:bold;
	margin-bottom:10px;
}

.filmo{
	font-size:85%;
	line-height:120%;
}
.filmo a{
	font-weight:bold;
}
.filmo a:hover{
	text-decoration:underline;
}


/****************************************************************
******************** footer ***************************
****************************************************************/


#container #footer a{
	color:#444;
	margin:10px;
}

#container #footer a:hover{
	color:#FFF;
	margin:10px;
}

/****************************************************************
******************** sharing ***************************
****************************************************************/
.shareLink{
	float:left;
	clear:both;
	cursor:pointer;
	font-size:80%;
	margin-bottom:4px;
	padding-top:3px;
	height:13px;
	text-indent: 20px;
}

.twitterButton{
	background:url(/img/share/twitter.png) no-repeat top left;
}
.twitterButton:hover{
	background:url(/img/share/twitter.png) no-repeat bottom left;
}
.facebookButton{
	background:url(/img/share/facebook.png) no-repeat top left;
}
.facebookButton:hover{
	background:url(/img/share/facebook.png) no-repeat bottom left;
}


/****************************************************************
******************** partners  ***************************
****************************************************************/
div.partnersDiv{
	width:995px;
	height:auto;
	background-color: white;
	display: block;
	float: left;
	margin:0 10px 0px 0;
	padding:0px;
}

table.partners tr td{
	vertical-align:middle;
	padding-right:20px;
}

div.galFicheLink img{
	position:absolute;
	top:0;
	left:0;
}

div.galFicheLink h5{
	position:absolute;
	top:5px;
	left:3px;
	background-color:white;
	z-index:15;
}

/* SEARCH */
div.searchResults{
	margin-left:20px;
	margin-right:20px;
}
.searchList{
	width:100%;
	float:left;
	clear:both;
	margin-top:10px;
	background-color:#E3E4E4;
}

.searchList:hover{
	background-color:white;
}

.searchListImg{
	width:200px;
	height:133px;
	float:left;
}

.searchList div.title{
	font-size:34px;
	font-weight:bold;
	letter-spacing: 2px;
	width:115px;
	margin-top:45px;
	margin-left:50px;
}

.searchListTxt{
	float:left;
	width:730px;
	height:113px;
	margin:10px 0px 10px 20px;
	overflow:hidden;
	line-height: 18px;
}
.searchListTxt small{
	font-size:85%;
}

.searchListTxt a{
	color:#91a400;
}
.searchListTxt a:hover{
	text-decoration:underline;
}

#count_down_container{}

#nlSub{
	width:995px;
	float:left;
	clear:both;
	margin-top:4px;
	position:relative;
	color:#aaa;
	background-color:#181818;
	font-size:80%;
	display:none;
	height:31px;
}

#nlSub input {
	background-color:#111;
	border:1px solid #333;
	color:#CCCCCC;
	padding:2px;
	font-size:90%;
	width:200px;
}
#nlSub input[type='submit'] {
	display:none;
}
#subFooter{
	width:995px;
	float:left;
	clear:both;
	margin-top:4px;
	margin-bottom:40px;
	position:relative;
}
#subFooter #treeRightBottom{
	width:250px;
	float:right;
}
#subFooter #treeRightBottom div.followLink{
	margin-right:4px;
}
#subFooter #treeLeftBottom{
	width:500px;
	float:left;
}
#subFooter #treeLeftBottom div.followLink{
	margin-right:4px;
}

.liveDaysSeparator{
	width:979px;
	height:20px;
	padding:8px 8px 6px 8px;
	margin-bottom:10px;
	color:black;
	float:left;
	background-color:#F3F3F2;
	clear:both;
}