/*** polices **/
@font-face{	font-family:BrandonPrinted;	src:url(/style/font/BrandonPrinted-One.ttf) format('truetype');font-weight:400;font-style:normal}
/*** default styles */
* {box-sizing : border-box;  padding: 0;margin: 0;}
select * {padding: 0 0.5em;}
ul, ol {list-style: none;}
a img, :link img, :visited img, object, fieldset {border: none;}
/*a:focus, a:hover {text-decoration: underline;}*/
a:active {outline: none;}
a {outline: none;}
address {font-style: normal;}
iframe {line-height : 1em; display: block;}
:link, :visited {text-decoration: none;}
legend {position: relative;left: -6px;/* ie */}
/*** font size : http://www.knacss.com/ */
html {font-size: 62.5%;}
body {background-color: #fff;color: #000;font-family: helvetica, arial, sans-serif;font-size: 1.4em; /* equiv 14px */line-height: 1.5em; /* adapt to your design */}
input, select, textarea {font-size: 100%;}
/*** Float containers (http://www.csscreator.com/attributes/containedfloat.php) */
.clearfix:after {content: ".";display: block;height: 0;font-size:0;clear: both;visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/*** Image Replacement */
.mir {letter-spacing : -1000em;}
/*\*/
* html .mir {text-indent: -999em;overflow: hidden;}
html>body .mir {letter-spacing: normal;text-indent: -999em;overflow: hidden;}/**/
/*** generic style */
.clear {clear: both;}
div.clear {height: 0;}
.no-wrap {white-space:nowrap;}
/*** error */
.errorOutput {font-weight: bold;padding: 0.5em 20px;border-top: 2px solid #eee;	border-bottom: 2px solid #eee;background: transparent url(/style/alert.gif) no-repeat left center;}
a:link, a:visited {color : #008cd9;}

body{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}

.page, .page_min {
	width : 100%;
	max-width : 1300px;
	margin : 0 auto;
}

.page_min {max-width : 1000px;}

.col1-2,
.col1-3,
.col2-3,
.col3-4,
.col1-4,
.col1-10 {float : left;}

.col {width: 100%; }
.col3-4 {width: 75%;}
.col1-2 {width: 50%;}
.col1-3 {width: 33.33%;}
.col2-3 {width: 66.66%;}
.col1-4 {width: 25%;}
.col1-10 {width: 8%;}

.flexParent {
    display: flex;
    flex-wrap: wrap;
}

.flex,
.flex1-1,
.flex1-2,
.flex1-3,
.flex2-3,
.flex3-4,
.flex1-4 { 
    display: flex;
}

.flex1-1{width: 100%;}
.flex3-4{width: 75%;}
.flex1-2{width: 50%;}
.flex1-3{width: 33.33%;}
.flex2-3{width: 66.66%;}
.flex1-4{width: 25%;}


.flexColumn {
	flex-direction: column;
	display: flex;
}

.flex_right_top {
    justify-content: flex-end;
	display: flex;
}

.flex_right_center {
    justify-content: flex-end;
    align-items: center;
}
.flex_center_center {
    justify-content: center;
    align-items: center;
}


.flex_center_left {
    justify-content: center;
    align-items: flex-start;
}


.flex_center_bottom {
    justify-content: flex-end;
    align-items: center;
}

.flex_center_top {
    justify-content: flex-start;
    align-items: center;
}

.flexSpaceBetween {justify-content: space-between;}

.column2 {
	-moz-column-gap: 20px;
	-moz-columns: 2 auto;
	-webkit-column-gap: 20px;
	-webkit-columns: 2 auto;
	columns: 2;
}

.column3 {
	-moz-column-gap: 20px;
	-moz-columns: 3 auto;
	-webkit-column-gap: 20px;
	-webkit-columns: 3 auto;
	columns: 3;
}

.padding{padding: 20px;}
.paddingLR{padding: 0 20px;}
.padding10{padding: 10px;}
.paddingNoBottom{padding-bottom: 0px;}

/*gestion des couleurs et des fonds  */
 
.bg_gris_fonce {background-color : #58585a; color : #fff;}
.bg_gris_clair {background-color : #CDCDCD; color : #000;}
.bg_blanc {background-color : #fff; color : #000;}
.bg_rouge {background-color : #d11c2d; color : #fff;}
.bg_beige {background-color : #fcf9f7; color : #000;}
.bg_bleu {background-color : #67a3c9; color : #fff;}
.bg_kaki {background-color : #5d8a61; color : #fff;}
.bg_bleu_studio {background-color : #134649; color : #fff;}
.bg_bleu_residence {background-color : #2b2d5e; color : #fff;}
.bg_orange {background-color : #e2803e; color : #fff;}
.bg_violet {background-color : #9f647f; color : #fff;}
.bg_bleu_mesange {background-color : #51a5d8; color : #fff;}


.bg_gris_clair a:link, .bg_gris_clair a:visited, 
.bg_blanc a:link, .bg_blanc a:visited {color : #000;} 
.bg_gris_fonce a:link, .bg_gris_fonce a:visited {color : #fff;} 
.bg_rouge a:link, .bg_rouge a:visited {color : #fff;} 
.bg_kaki a:link, .bg_kaki a:visited {color : #fff;} 
.bg_bleu_mesange a:link, .bg_bleu_mesange a:visited {color : #fff;} 
.bg_bleu a:link, .bg_bleu a:visited {color : #fff;} 
.bg_bleu_studio a:link, .bg_bleu_studio a:visited {color : #fff;} 
.bg_beige a:link, .bg_beige a:visited {color : #000;} 
.bg_orange a:link, .bg_orange a:visited {color : #fff;} 
.bg_orange a:link, .bg_orange a:visited {color : #fff;} 

.color_rouge, 
.bg_blanc .bloc_desc a:link, 
.bg_blanc .bloc_desc a:visited {color : #d11c2d!important;}

.section {padding : 50px 0;}

.margin_auto{margin: 0 auto;}

.position_relative{position : relative;}

.float_right {float : right;}
.float_left {float : left;}

.align_center {text-align : center;}
.align_right {text-align : right;}
.align_left {text-align : left;}

	.bg_films, 
	.bg_editions, 
	.bg_contact, 
	.bg_prestations, 
	.bg_residence, 
	.bg_studio {
		padding : 110px 0;
		background-position: top center;
		background-repeat: no-repeat;
	}
		.bg_residence {background-image: url(/style/header/bandeau-residence.jpg); 	
		background-position: center center; background-size: cover;}
		.bg_contact {background-image: url(/style/header/bandeau-edition.gif); background-size: auto 100%;}
		.bg_prestations {background-image: url(/style/header/bandeau-prestations.jpg); background-size: cover;}
		.bg_editions {background-image: url(/style/header/bandeau-films.gif); background-size: auto 100%;}
		.bg_films {background-size: auto 100%; background-image: url(/style/header/bandeau-films-2025.gif);}
		.bg_studio {
			background-image: url(/style/header/bandeau-folimage.gif);
			background-size: cover;
		}


	

/*** header  *****************************************/
	header {
		transition : all 0.5s; 
		position: fixed; top: 0; width : 100%; padding : 20px 20px 0; 
		z-index : 600;
	}
	
	.menuRouge header::after, header.header-fix::after {
		position: absolute;  
		z-index : 700;
		height : 1px;
		width : calc(100% - 260px);
		content : "";
		background-color: #d11c2d ;
		bottom : 0px; 
		right: 20px;
	}
	
	.menuRouge header, header.header-fix {background : #fff;}
	
	.menuRouge header + section, header + section.bg_blanc {padding-top : 162px;}
	
	a#logo {float: left; max-width: 200px;}
	
	nav {float : right; padding-top : 10px;}

	a#logo .img_100{
		display : block;
	}

	h1.float_right img.img_100 {margin-top : 40px;}
/*** menu *****************************************/
	nav li {	position: relative;display : inline-block; border-left : 1px solid #fff;}
		nav li:first-child {border : none;}
			
			nav li a{
				display : block; 
				padding : 0 10px; 
				text-transform: uppercase; 
				color : #fff!important;
				font-size: 150%;
				transition : all 0.5s;
			}
				.menuRouge nav li,  header.header-fix nav li {border-left-color : #d11c2d;}
					.menuRouge nav li a,  header.header-fix nav li a{color : #d11c2d!important;}

			nav li a:focus, nav li a:hover,
			#contact nav li#nav-contact a, 
			#accueil nav li#nav-accueil a {
				text-decoration : underline;
			}
		
		nav li:focus > ul, nav li:hover  > ul {
		   max-height: 1000px; 
		   transition: max-height 0.55s ease-in;
		}
				
		nav .subNav {
			background : transparent;
			position : absolute;
			top: 30px; 
			left : 0;
			z-index: 800;
			text-align: left;
			transition : height 5s;
			overflow: hidden;
			max-height: 0;
			width : 230px;
    		transition: max-height 0.45s ease-out;
		}	

			.menuRouge nav li .subNav ,  header.header-fix nav li .subNav {
				background : #fff;}


		.subNav li {
			display : block;
			border : none;
			padding-bottom: 5px;
		}

		.subNav li {
			font-size : 80%;
		}


		.nav-lang {
			border : none; 
			font-size : 60%; 
			text-transform: uppercase;
		}


		.nav-lang li {
			border:none;
			padding : 0 5px;
		}



		.nav-lang  a {
			border-top : 1px solid ;
			border-bottom : 1px solid ;
			line-height: 1;
			padding : 2px 0;
			display: inline-block;
		}


/*** liste + paragrahe  *****************************************/
	ul.list{
		list-style-type : disc;
		margin-left : 15px;
	}

	ul.inline li{
		display : inline-block;
		padding : 0 10px;
	}

		.commanderArticle ul.inline {margin-bottom : 30px;}
		.commanderArticle ul.inline li{
			max-width: 98px;
			padding : 0 3px;
		}
	
	.section  p {margin-bottom : 0.5em;}
	
	p.bigBold {
		font-size : 120%; 
		font-weight : 800;
		line-height : 1.5em; 
	}
	.small {font-size: 80%;}
	.big {font-size: 120%;}
	a.souligne:link, a.souligne:visited {text-decoration: underline;}
	.img_100 {
		max-width : 100%;
		display : block; 
		line-height : 1; 
		width : auto;
	}


/*** footer  *****************************************/ 
	footer.section {padding-top : 0; position: relative; margin-top : 170px; z-index: 10;}
	footer .page {position: relative; z-index: 30;}
		footer::before{
			display: block;
			left : 0%;
	        content: '';
	        position:absolute;
	        width:100%;
	        height:100%;
	        z-index : 20;
			background-color: #d11c2d;
			top : -85px;
		    transform: skewY(-3deg);
		 }

	.nav-mentions li, .nav_rs li{
		display : inline-block;
	}

		.nav-mentions li a, .nav_rs li a{padding : 0 5px;}

		.nav-mentions li a {font-size : 75%; border-left : 1px solid; }

			.nav-mentions li:first-child a{
				border-left : none; 
			}
			
	.titre_footer {
		display :  block; 
		text-transform : uppercase; 
		font-size : 110%;
		font-weight : 600;
		margin-bottom : 5px;
	}
		#newsletterFooter {position: relative; max-width: 240px;}
			#newsletterFooter input {
				border : 1px solid #fff;
				border-radius : 20px; 
				background : transparent;
				color : #fff;
				width: 100%;
				padding : 5px 30px 5px 20px; 
			}

		#newsletterFooter input:focus-visible {
		  outline: none;
		}

		#newsletterFooter a {
			position: absolute;
			top : 50%; 
			right : 10px;
			display: block;
			transform : translate(0,-50%);
		}

		#newsletterFooter ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
		    color:    #fff;
		    font-family: 'Montserrat', sans-serif;
			font-weight: 300;
		}

		#newsletterFooter :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		   color:    #fff;
		   opacity:  1;
		   font-family: 'Montserrat', sans-serif;
		   font-weight: 300;
		}

		#newsletterFooter ::-moz-placeholder { /* Mozilla Firefox 19+ */
		   color:    #fff;
		   opacity:  1;
		   font-family: 'Montserrat', sans-serif;
			font-weight: 300;
		}

		#newsletterFooter :-ms-input-placeholder { /* Internet Explorer 10-11 */
		   color:    #fff;
		   font-family: 'Montserrat', sans-serif;
			font-weight: 300;
		}

		#newsletterFooter ::-ms-input-placeholder { /* Microsoft Edge */
		   color:    #fff;
		   font-family: 'Montserrat', sans-serif;
			font-weight: 300;
		}

		#newsletterFooter ::placeholder { /* Most modern browsers support this now. */
		   color:    #fff;
		   font-family: 'Montserrat', sans-serif;
			font-weight: 300;
		}

/*** titre *****************************************/

	h1.bg_border_titre{
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 700;
		display: inline-block;
		font-size : 650%; 
		line-height: 2em;
		text-transform: uppercase;
		background-color: #fff;
		padding : 0 10px 0 10px;
	    position:relative;
	}

		h1.bg_border_titre span{    
			position:relative;
	    	z-index : 30;
		}

		h1.bg_border_titre::before,
		h1.bg_border_titre::after{
			display: block;
			left : 0%;
	        content: '';
	        position:absolute;
	        width:120%;
	        height:40%;
	        z-index : 20;
		}

			h1.bg_border_titre::before{
				top : -30px;
		        transform: skewY(-5deg);
		    }
			h1.bg_border_titre::after{
				bottom : -28px;
		        transform: skewY(5deg);
		    }

	   	h1.titre_rouge::before,
		h1.titre_rouge::after{
	        background-color: #d11c2d;
	  		color : #d11c2d;
	    }
		h1.titre_rouge{color : #d11c2d;}

	   	h1.titre_kaki::before,
		h1.titre_kaki::after{
	        background-color: #5d8a61;
	        color : #5d8a61;
	    }
		h1.titre_kaki{color : #5d8a61;}

	   	h1.titre_bleu_studio::before,
		h1.titre_bleu_studio::after{
	        background-color: #134649;
	        color : #134649;
	    }
		h1.titre_bleu_studio{color : #134649;}


	   	h1.titre_bleu_residence::before,
		h1.titre_bleu_residence::after{
	        background-color: #2b2d5e;
	        color : #2b2d5e;
	    }
		h1.titre_bleu_residence{color : #2b2d5e;}


	   	h1.titre_orange::before,
		h1.titre_orange::after{
	        background-color: #e2803e;
	        color : #e2803e;
	    }
		h1.titre_orange{color : #e2803e;}

	   	h1.titre_violet::before,
		h1.titre_violet::after{
	        background-color: #9f647f;
	        color : #9f647f;
	    }
		h1.titre_violet{color : #9f647f;}

	h1.titreBigFilm, h2.titreBigFilm {
		position: relative;
		font-size : 300%;
		margin-bottom : 20px;
		 font-family: 'Roboto Condensed', sans-serif;
			font-weight: 700;
		line-height : 1.2em;
		text-transform: uppercase;
	}
 
 	h2.titreBigFilm {display: inline-block;}

	h1.titreBigFilm::before, h2.titreBigFilm::before {
		display: block;
		position: absolute;
		top : -20px;
		left : -20px;
		background : transparent url(/style/films/guillemet.png) no-repeat top left;
		content : "";
		height : 42px;
		width : 25px;
		background-size: 100%;
	}

	h2, .like_h2 {
		font-size : 160%;
		text-transform: uppercase;
		 font-family: 'Roboto Condensed', sans-serif;
			font-weight: 700;
	}

	h2.like_h4 {
		display: inline-block;
		background-color: #000;
		color : #fff;
		font-size : 200%;
		font-size : 200%;
		padding : 5px 10px;
		margin-bottom : 20px;
		text-transform: uppercase;
	}

		h2.brandon {
			font-size : 340%;
			font-family : BrandonPrinted;
			text-transform: uppercase;
			font-weight: 400;
			line-height : 1.3em;
		}

		h2.big { font-size : 200%;}
			
			#studio h2.big, .cms-root-article h2.big, #residence h2.big, #cms-root-67 h2.big  { 
				font-family: 'Montserrat', sans-serif;
		    	font-weight: 700;
				font-size : 320%; line-height : 1.1em;
			}
			
			#cms-root-67 h2.big  { 
				font-size : 250%; line-height : 1.1em;
			}
	
			#cms-root-67 h2.big  strong{ 
				font-size : 200%; line-height : 1.1em;
			}
	h3{
		font-size : 140%;
	}

		#studio h3 { font-size : 220%; line-height : 1.1em; 	text-transform: uppercase;}

		h3.brandon {
			font-size : 210%;
			font-family : BrandonPrinted;
			text-transform: uppercase;
			font-weight: 400;
			margin-bottom : 20px;
			line-height : 1.3em;
		}


		.afterBorderTitre {position: relative; margin-top : 10px;}
		.afterBorderTitre::after {
			position: absolute;
			width : calc(100% - 40px);
			display: block;
			margin : 10px auto;
			height : 2px;
			background : #d11c2d;
			bottom: 0;
			left : 20px;
			content : ""; 
		}


/*** lien *****************************************/
	a.btn_suite {
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 700;
		display: inline-block;
		font-size : 150%; 
		line-height: 1em;
		text-transform: uppercase;
		background-color: #d11c2d;
		padding : 20px 0 20px 20px;
	    position:relative;
	    color : #fff!important;
	    margin : 20px 0;
	    	transition : 0.5s;
	}

	.bg_bleu a.btn_suite {background-color: #fff; color : #67a3c9!important;}

		a.btn_suite  span{    
			position:relative;
	    	z-index : 30;
		}

		a.btn_suite::before,
		a.btn_suite::after{
			display: block;
			left : 0%;
	        content: '';
	        position:absolute;
	        width:120%;
	        height:50%;
	        z-index : 20;
	        background-color: #fff;
		}

			.bg_bleu a.btn_suite::before,
			.bg_bleu a.btn_suite::after {background-color: #67a3c9;}

			a.btn_suite::before{
				top : -18px;
		        transform: skewY(-5deg);
		    }
			a.btn_suite::after{
				bottom : -17px;
		        transform: skewY(5deg);
		    }


		a.btn_suite:hover,
		a.btn_suite:focus{padding-left : 40px;}

		span.dispoBoutique {  
			/* border : 1px solid #f08c4a;
			border-radius: 20px;*/
			padding : 10px 20px;
			font-weight: 700;
			float: left;
			transition : all 0.5s;
			/*background : transparent url(/style/films/icone-dvd.png) no-repeat  15px center;*/
		}


		a.dispoBoutique:hover,
		a.dispoBoutique:focus{background-color: #f08c4a}

		.acheter_dvd {
			display: block;
			margin-top : 5px;
			border : 1px solid #000;
			text-align: center;
			border-radius: 20px;
			padding : 5px 10px;
			font-size: 90%;
			transition : all 0.5s;
			
		}
		.dispoVimeo {
			border : 1px solid #6ecef0;
			border-radius: 20px;
			padding : 10px 20px 10px 50px;
			font-weight: 700;
			float: left;
			transition : all 0.5s;
			background : transparent url(/style/films/logo-vimeo.png) no-repeat  15px center;
		}
		.titreVod {
				font-weight: 700;
				font-size : 110%;
				display: block;
				padding:  0 0 10px  0;
		}


		a.dispoVimeo:hover,
		a.dispoVimeo:focus{background-color: #6ecef0}


/*** actualites  *****************************************/

	.imgActu {
		display : block;
		height : 150px;
		overflow : hidden;
		position : relative;
	}	

		.imgActu img {
			max-height : 100%;
			margin : 0 auto;	
			position : absolute; 
			top : 50%; 
			left : 50%; 
			transform : translate(-50%,-50%);
		}
		
		
			.imgActu span{
				position : absolute; 
				top : 50%; 
				left : 50%; 
				transform : translate(-50%,-50%);
				text-transform : uppercase; 
				color : rgba(146,143,143,0.5);
				font-weight : 300;
				text-align : center;
				font-size : 95%;
			}
			
			.imgActu span::before{
				content : '\f030';
				font-family : "Font Awesome 5 Free"; 
				font-weight: bold;
				display : block;
				font-size : 200%;
				color : rgba(146,143,143,0.5);
			}

/*** films  *****************************************/
	.nav-sec {
		text-transform: uppercase;
		font-weight: 700;
		font-size: 120%;
	}

	.nav-sec li{
		padding : 10px;
		border-top: 1px solid;
	}

	.nav-sec li:focus, .nav-sec li:hover, 
	.nav-sec li.categorieActive {
		background : #fff;
	}

		.nav-sec li:focus a, .nav-sec li:hover a, 
		.nav-sec li.categorieActive a{
			color : #51a5d8!important;
		}
		
		.nav-sec-editions li:focus a, .nav-sec-editions li:hover a, 
		.nav-sec-editions li.categorieActive a{
			color : #5c8b5e!important;
		}

	.blocFilm {
		position: relative; 
		display: block; 
		line-height: 1;
		height: 100%;
		min-height: 425px;
		max-height: 500px;
		overflow: hidden;
	}

	.img_100.vignetteFilm {
		object-fit: cover;
    	height: 100%;
    	transition : all 0.5s;
	}

	.blocFilm:hover .img_100.vignetteFilm,
	.blocFilm:focus .img_100.vignetteFilm {
		transform : scale(1.2);
	}

	.titreFilm {
		position: absolute; 
		display: block; 
		bottom : 0;
		left: 0;
		padding : 10px 20px;
		width: 100%;
	    z-index : 30;
	}

		.titreFilm span{
			position: relative;
	    	z-index : 30;
	    	display: block;
	    	min-height: 50px;
	    }

		.titreFilm::before {
			display: block;
			left : 0%;
	        content: '';
	        position:absolute;
	        width:120%;
	        height:200%;
	        z-index : 20;
			top : -25px;
	        transform: skewY(-5deg);
			background-color: rgba(255,255,255,0.7);
		}

	.fCaracteristiques {
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 400;
	}

	.fCaracteristiques strong{
		font-size : 140%;
		display: block;
		padding-bottom : 5px;
		border-bottom : 1px solid;
		text-transform: uppercase;
	}

	.fCaracteristiques p, .fCaracteristiques ul {margin-bottom: 1em}
	
	.fCaracteristiques h4 {
		cursor : pointer;
		background-color: #000;
		color : #fff;
		font-size : 140%;
		padding : 2px 5px;
		margin-bottom : 20px;
		text-transform: uppercase;
	}


	.fCaracteristiquesPrincipales {padding : 30px 0;}

	.fCaracteristiques h4 + div {display: none}
	
	#boutiqueCache {display: none;}
	
/*** editions  ****************************************/
	
	.articleEdition {overflow: hidden; margin: 0 40px;}
	.titreEdition {
		margin : 10px 0 5px 0;
		position : relative;
	
	}

		.titreEdition::before{
			display: block;
			left : 0%;
	        content: '';
	        position:absolute;
	        width:90%;
	        height:1px;
	        background : #000;
	        z-index : 20;
	        top : -20px;
		    transform: skewY(-5deg);
		}

	.imgEdition {
		margin-bottom : 15px; 
		display: block;
		line-height: 1em;
	}

	.commanderArticle{margin-bottom : 40px;}

		.ecPrix  {margin : 20px 0 30px;}
		
		.ecPrix .ecTarif, .ecPrix .ecTarifNormal {
			font-size : 300%; 
			font-weight: 700;
			display: block;
			margin-top : 5px;
			line-height: 1em;
		}

		.commanderArticleTitre {
		    font-size: 140%;
		    display: block;
		    padding-bottom: 5px;
		    border-bottom: 1px solid;
		    text-transform: uppercase; 
		    font-family: 'Roboto Condensed', sans-serif;
			font-weight: 700;
		    margin-bottom: 15px;
		}
		.commanderArticleSousTitre {
		    font-size: 120%;
		    display: block;
		    text-transform: uppercase;
			display: block;
		    margin-bottom: 15px; 
		    font-family: 'Roboto Condensed', sans-serif;
			
		}


/*** page studio ****************************************/

	.studioDescriptif strong {
		font-size : 140%;
		display: block;
		padding-bottom : 5px;
		border-bottom : 1px solid;
		text-transform: uppercase;
		margin-bottom : 5px;
				font-family: 'Roboto Condensed', sans-serif;
		font-weight: 700;
	}

	.studioDescriptif p, .studioDescriptif ul {margin-bottom: 1.5em}
	.studioDescriptif h3 {margin-bottom : 10px;}
	
	#article_269 .flexParent {position: relative; margin-bottom: 20px;  padding-bottom : 20px;}
	#article_269 .flexParent::after {
		border-bottom : 1px solid;
		content : "";
		display: block;
		left: 20px; 
		right : 20px;
		height : 1px;
		position: absolute;
		bottom: 0;
	}
#article_270 {padding : 0;}

/*** page backstage ****************************************/

#sliderVideo { position: relative; overflow : hidden;  width : 100%; height: 100vh;}
#sliderVideo .page {position : relative; height: 100%;}

#slider {position: relative; /*overflow : hidden;*/ }

.masthead {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.nextSection{
    position: absolute;
    bottom: 25px;
    left: 50%;
    font-size: 200%;
    color: rgba(255,255,255,0.8)!important;    
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    z-index : 800;
} 

	.titreBackstage {font-style: italic; font-size: 90%;}

		.zoomPlus {
			display: block;
			overflow: hidden;
		}

		.zoomPlus img, .zoomPlus img{
			transition : all 0.5s;
		}

		.zoomPlus:hover img, .zoomPlus:focus img{
			transform : scale(1.2) ;
		}

		.col1-8 {width : 12.5%; float : left;}



/*** page blog ****************************************/
	
	.cmsArticleResume  {position: relative; padding-bottom : 20px;}
	.cmsArticleResume::after {
		border-bottom : 1px solid;
		content : "";
		display: block;
		left: 20px; 
		right : 20px;
		height : 1px;
		position: absolute;
		bottom: 0;
	}

/*** contact  ****************************************/
	.maps {position: relative; margin : auto; }
	
	.maps:hover .img_loupe, .maps:focus .img_loupe {transform : scale(1.2) rotate(-5deg);}	
	
	.maps:hover iframe, .maps:focus iframe {transform : scale(0.9);}
	
	.maps iframe {transition : all 0.5s;}
	
	.img_loupe {
		position: absolute; 
		top : 0%; 
		left : 0%;
		/*transform : translate(-50%,-50%);*/
		transition : all 0.5s;
		margin : 0;
		z-index : 20;
		border-top : 80px solid #fff;
	}

	.adressePostale {
		position : relative;
		z-index : 80;
	}
		
	.titre_contact {
		display :  block; 
		text-transform : uppercase; 
		font-size : 130%;
		font-weight : 700;
		margin-bottom : 10px;
	} 

	.emploiBloc::after {
		margin: 10px 0 20px 0;
		background: #000;
		height : 1px;
		content : "";
		width : 220px; 
		display: block;
	}




/*** masonry  ****************************************/
.masonry { 
	  display: flex;
	  flex-flow: row wrap;
	  width: 100%;

	}

	.masonry-brick {
	  flex: auto;
	  height: 375px;
	  min-width: 150px;
	  padding: 10px; /* Some gutter */
	}

	.masonry-brick:nth-child(4n+1) {
		width: 25%;
	}
	.masonry-brick:nth-child(4n+2) {
	  width: 66.66%;
	}
	.masonry-brick:nth-child(4n+3) {
	   width: 33.33%;
	}
	.masonry-brick:nth-child(4n+4) {
	   width: 50%;
	}

	.masonry-brick .img_100{ width: 100%; object-fit : cover; height : 100%;} 

.grid-sizer  {
    width : 33.33%;
    box-sizing : border-box;
    line-height : 1;
    float : left;
    position: absolute;
}

.grid-sizer1-2.grid-sizer  {
    width : 50%;
}
.grid-sizer1-4.grid-sizer  {
    width : 25%;
}

.masonry-css {
  column-gap: 0px;
}

.masonry-css > .item {
 transition : all 0.5s;
 /* margin: 0 0 1em;*/
}

/* Masonry-css on large screens */
@media only screen and (min-width: 1024px) {
  .masonry-css {
    column-count: 4;
  }
}

/* Masonry-css on medium-sized screens */
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .masonry-css {
    column-count: 3;
  }
}

/* Masonry-css on small screens */
@media only screen and (max-width: 767px) and (min-width: 540px) {
  .masonry-css {
    column-count: 2;
  }
}

/* =pagination */
	.nav-page span {
	 float: left;
	 margin-bottom: 1.5em;
	}
	
	.nav-page ul {float: right;}
	
	.nav-page li {
	 float: left;
	 padding: 0 0.4em;
	 border-left: 1px solid #c0c0c0;
	}
	
	.nav-page li.fp, .nav-page li.pn, .nav-page li.dp {border-left: none;}
	.nav-page li.pn a:link, .nav-page li.pn a:visited {color : #000;}
	.nav-page li.cp {background: #d11c2d; color : #fff;}

	.nav-page span {display: none;}
	

/*** icone  *****************************************/


	.ico::before{
		font-family : 'Font Awesome 5 Free'; 
		font-size : 120%; 
		padding-right : 5px; 
	}
	
	 p.ico span{overflow : hidden; display : inline;}
	 p.ico::before{display : inline;}
	
	.ico-eye::before { content : "\f06e"; font-weight : bold;}
	.ico-map::before { content : "\f3c5"; font-weight : bold;}
	.ico-map-marker::before { content : "\f041"; font-weight : bold;}
	.ico-mobile::before { content : "\f3cd"; font-weight : bold;}
	.ico-phone::before { content : "\f095"; font-weight : bold;}
	.ico-web::before { content : "\f0ac"; font-weight : bold;}
	.ico-mail::before { content : "\f0e0"; font-weight : bold;}
	.ico-recherche::before { content : "\f002"; font-weight : bold;}
	.ico-compte::before { content : "\f2bd"; font-weight : bold;}
	.ico-pdf::before { content : "\f1c1"; font-weight : bold;}
	.ico-print::before { content : "\f02f"; font-weight : bold;}
	.ico-streetview::before {content : "\f21d"; font-weight : bold;}
	.ico-nav::before {content : "\f0c9"; font-weight : bold;}
	.ico-clock::before {content : "\f017"; font-weight : bold;}
	.ico-star::before {content : "\f005"; font-weight : bold; }
	.ico-laptop::before {content : "\f109"; font-weight : bold; }
	.ico-store::before {content : "\f54e"; font-weight : bold; }
	.ico-exchange::before {content : "\f362"; font-weight : bold; }
	.ico-desktop::before {content : "\f108"; font-weight : bold; }
	.ico-upload::before {content : "\f019"; font-weight : bold; }


.blocDescriptifTitre {cursor : pointer;}
.blocDescriptifTitre::after {
    content: "\f078";
    padding-left : 5px;
    font-family: 'Font Awesome 5 Free';
}
/* magnific popup */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}

/*! #######################################################################

	MeanMenu 2.0.7
	--------

	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}

.mean-container nav{padding : 0;}
/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	float: left;
	width: 100%; 
	position: fixed;
	background: transparent;
	/*padding: 4px 0;*/
	/*min-height: 42px;*/
	z-index: 999999;
	top: 0;
}

.mean-container a.meanmenu-reveal {
	padding : 8px 10px;
	position: absolute;
	top: 21px;
	right: 0;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 60%;
	text-transform : uppercase;
	display: block;
	font-weight: 300;
	background : #d11c2d;;
	z-index: 800;
	text-align : center;
	line-height: 1;
}

a.meanmenu-reveal::before {
	content : "\f0c9"; 
	font-family : "Font Awesome 5 Free"; 
	font-weight : bold;
	text-align : center;
	padding-right : 5px;
	font-size : 250%; 
}

.mean-container a.meanclose { 
	top : 0;
	width : 100%;
	background: #626263;
}
.mean-container a.meanclose::before { display : none;}

.mean-container a.meanmenu-reveal span {
	position : relative;
	top : -5px;
}


.mean-container .mean-nav {
	float: left;
	width: 100%;
	background: #d11c2d;
	/*margin-top: 44px;*/
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 24px 0 0 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 100%;
	box-sizing : border-box; 
	padding: 1em 5%;
	margin: 0;
	text-align: left;
	color: #000;
	border-top: 1px solid #383838;
	border-top: 1px solid rgba(255,255,255,0.5);
	text-decoration: none;
	text-transform: uppercase;
}


.mean-container .mean-nav ul li.nav-lang a {
	display: inline-block;
	float: none;
	width: 49%;
	text-align : center;
}

.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 1em 10%;
	border-top: 1px solid #f1f1f1;
	border-top: 1px solid rgba(255,255,255,0.25);
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
	background: #252525;
	background: rgba(255,255,255,0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 64px;
	height: 64px;
	padding: 23px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: rgba(255,255,255,0.1);
	border: none !important;
	border-left: 1px solid rgba(255,255,255,0.4) !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: rgba(0,0,0,0.9);
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* popup gestion cookies */

body.cn-cookie-overlay {overflow: hidden; height: 100vh;}

	.cn-cookie {
		display: block;
		position: absolute;
		width: 100%;
		height: 100vh;
		z-index: 99999;
		top : 0;
		left: 0;
		background : rgba(0,0,0,.5);
		
	}

	.cn-cookie-content {
	   display: block;
	   position: absolute;
	   max-width: 500px;
	   min-width: 320px;
	   height: auto;
	   z-index: 100000;
	   font-size: 16px;
	   line-height: 18px;
	   top : 50%;
	   left: 50%;
	   padding : 20px; 
	   color: #000;
	   background : #fff;
	   transform : translate(-50%,-50%);
	}

	.cn-cookie strong {font-size : 30px; display : block; padding-bottom : 20px;}

	.cn-cookie p {padding-bottom : 20px;}
	.cn-cookie a.btnDenyCookies {
		text-decoration: underline; 
		padding-bottom : 10px;	
		display: block;
		color : #8c8c8c!important;
	  text-align: center;
	}
	.cn-cookie a.btnAcceptCookies,
	.cn-cookie a.btnDetailsCookies { 
	  display: block;
	  width : 100%;
	  margin-bottom : 10px;
	  color: #fff; 
	  text-align: center;
	  padding: 5px 10px;
	  text-decoration: none;
	  outline: none;
	}
	.cn-cookie a.btnAcceptCookies {
	  background : #000;
	  color : #fff!important; 
	}

	.cn-cookie a.btnDetailsCookies {
	  border : 1px solid;
	  color : #000!important; 
	}


	.lesFilms .flex1-4 {transition : all 0.4s;}

	.recherche_avance_mobile {display: none}

	.imgVideoResponsive {display: none}
/*********************** responsive  ***************************************/

@media all and (max-width: 1180px) {

	.lesFilms .flex1-4 {
		width: 33.33%
	}
}
@media all and (max-width: 900px) {


	.col1-8, .col1-10 {width : 25%;}
	
	.bg_films, 
	.bg_editions, 
	.bg_contact, 
	.bg_residence, 
	.bg_prestations, 
	.bg_studio {
		padding : 110px 0;
		background-position: top center;
		margin-top : 74px;
		background-repeat: no-repeat;
	}
		.bg_residence {
			background-image: url(/style/header/bandeau-residence-resp.jpg); 	
			background-position: center top; 
			background-size: 100% auto;
		}
		
		.bg_prestations {
			background-image: url(/style/header/bandeau-prestations-resp.jpg); 
			background-size: 100% auto;
			background-position:  center bottom;
		}

		.cn_en .bg_prestations {
			background-image: url(/style/header/bandeau-prestations-en-resp.jpg); 
		}

		.bg_contact {
			background-image: url(/style/header/bandeau-contact-resp-2025.gif); 
			background-size: 100% auto;
		}

		.bg_editions {
			background-image: url(/style/header/bandeau-editions-resp-2025.gif); 
			background-size: 100% auto;
		}

		.bg_films {
			background-size: 100% auto;
			background-image: url(/style/header/bandeau-films-resp-2025.gif);
		}

		.bg_studio {
			background-image: url(/style/header/bandeau-folimage-resp.gif);
			background-size: 100% auto;
		}

	.bg_films h1, 
	.bg_editions h1, 
	.bg_contact h1, 
	.bg_prestations h1, 
	.bg_residence h1, 
	.bg_studio h1 {
		display: none
	}
}

@media all and (max-width: 900px) {

	.lesFilms .flex1-4 {
		width: 50%
	}
}

@media all and (max-width: 900px) {

	header {background-color: #d11c2d; padding : 10px 20px;}
	nav li {border : none;}

	nav li .subNav {
		position: relative;
		top: inherit;
		left: inherit;
		z-index: 800;
		overflow: visible;
		max-height: inherit;
		width: auto;
	}

	header + section {
		padding-top : 74px;
	}
	.menuRouge header + section, header + section.bg_blanc {
	    padding-top: 124px;
	}
	.menuRouge nav li a, header.header-fix nav li a {
	    color: #fff !important;
	}
	.menuRouge header, header.header-fix {
	    background: #d11c2d;
	}
/*	.nav-lang {display: none}*/

	h1.float_right {float: none;}

	#backstage .grid-sizer, 
	.col1-3.grid {width : 50%;}

	.lesFilms .flex1-4 {
		width: 50%
	}

	.col1-8, .col1-10 {width : 33.33%;}


	.bg_films, 
	.bg_editions{
  		padding : 200px 0 0;
	}

	.bg_films .float_left, 
	.bg_editions  .float_left{
  		float : none;
	}

}

@media all and (max-width: 620px) {
	
	.page {padding : 0;}

	.col1-2, .col1-3, .col2-3, .col1-4  , .col3-4, .col1-8 , .col1-10 {float : none; width : 100%; }
	.col1-2, .col1-3, .col2-3, .col1-4  , .col3-4, .col1-8 , .col1-10 {float : none; width : 100%; }
	
	.brevesImg .col1-4 {float : left; width : 25%;}
	.brevesImg .col3-4 {float : left; width : 75%;}
	.brevesImgPicto {display: none;}
	.flex1-2, .flex1-3, .flex2-3, .flex1-4  , .flex3-4  {width : 100%;}
	.col1-3.grid,
	.lesFilms .flex1-4 {
		width : 100%;
	}
	
	.imgVideoResponsive {display: block; padding : 20px 0;}
	#bloc1erImgVideo {display: none;}
	#blocDescFilm {float : none;}
	.masonry-brick {
	    height: auto;
	}
	
	.rechercheAvancee {display: none;}
	.recherche_avance_mobile {margin-top: 10px; display: block; color : #d11c2d!important; padding : 0 20px;}
	.mt-label {padding : 0;}


	.bg_contact, 
	.bg_residence, 
	.bg_studio {
		padding : 58px 0;
	}

	.bg_films, .bg_editions {
	    padding: 146px 0 0;
	}
}