    #mfPreviewBar {
		    display: none;
	    }
		
		
body, html {

	font-family: 'CervoNeue-RegularNeue', Arial, Helvetica, sans-serif;

	font-size: 18px;
	color: #423D3D;
	background-color: #F5F3F1;
	font-weight: 400;
	
	text-rendering: auto;
	text-rendering: optimizeLegibility;
	text-rendering: geometricPrecision;
	font-smooth: always;
	
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
}



body{
	
	-webkit-animation: fadein 2s; 
	-moz-animation: fadein 2s; 
	-ms-animation: fadein 2s; 
	-o-animation: fadein 2s; 
	animation: fadein 2s;	
	
}


body.programme_jeune{
	/*background-image:url(/img/fond_jeune.svg);*/
	background-image:url(/img/fond_jeune.jpg); 
	background-position:center 900px;
	background-repeat:no-repeat;
}

.pattern{
background-position: top center;
background-repeat: no-repeat;	
}


* {
	padding: 0px;
	margin: 0px;
}

	
		
a {
	text-decoration: none;
	color: #423D3D;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

a:hover{
 	color: #F16401;
	text-decoration:none;
}


p {
	 line-height: 1.4em;
     padding-bottom: 10px;
}

strong, b, .cervoExtraBold{
	font-family: 'CervoNeue-ExtraBoldNeue' !important;;
	font-feature-settings: 'clig' 0;
	font-weight: normal !important; 
	font-style: normal !important;; 
}



h1, h2, h3{ 
	font-family: 'CervoNeue-ExtraBoldNeue' ;
	 font-feature-settings: 'clig' 0;
	font-weight: normal; 
	font-style: normal; 
	line-height: 1.2em;
	
	text-transform: uppercase;
}


h1 {
	text-transform: uppercase;
	font-size: 50px;
}
body.homepage h1{
	font-size: 40px;
}

.contenu_page h1{
 padding-bottom:12px;
}



h2 {
	font-size: 26px;
	color: #404040;
	padding-bottom:6px;
}

h2.double_concert {
	font-size: 26px !important;
}
.contenu_page h2{
	font-size: 40px;
}

.documents_liste h2{
	font-size:20px;
	text-transform:none;
	color:#000 !important;	
}

h3{

   font-size: 22px;
   font-weight: normal;
   padding-bottom:6px;

}

.contenu_page h3{
	
	 padding:20px 0px;
}
h4 {
	text-transform: uppercase;
	font-size: 14px;
	padding-bottom: 6px;
	font-weight: normal; 
	font-style: normal; 
	line-height: 1.2em;
}



img {
	border: 0px;
	max-width:100%;
}

.img_bgcover{
	background-position:center center;
	background-size: cover;
	background-repeat:no-repeat;
	transition: all .3s ease-in-out  
}

img.rondeImg{
	border-radius:50%;
}
table , iframe{
	width: 100%;
}



.clear {
	clear: both;
}

*:focus {
    outline: 0;
}

.openclose{
	display: none;
}
#mobilemenu:not( .mm-menu ) {
   display: none;
}

.font_14{
	font-size:14px !important;
}
.font_18{
	font-size:18px !important;
}
.font_40{
	font-size:40px !important;
}
.font_70{
	font-size:70px !important;
}

.padd_bottom_18 h1{
	padding-bottom:18px !important;
	
	
}
.flash_red{
	background-color:#FF0000;
	color:#FFFFFF;
	font-size:14px;
	text-transform:uppercase;
	padding: 2px 4px 0px 4px;
}

.little_font_caps{
	font-size:14px !important;
	text-transform:uppercase;	
}
.color_white *{
	color:#FFF;
	
}
.color_white a{
	color:#FFF;
	text-decoration:underline;
	
}


.btn_adem{
		font-size: 16px;	
		border-radius: 18.5px;
		padding: 12px 15px 7px 15px;
		text-transform:uppercase;
		border: none;
		cursor:pointer;
		text-decoration:none !important;
		display:inline-block;
}

.btn_adem_simple{
		font-size: 16px;	
		border-radius: 18.5px;
		padding: 12px 15px 7px 15px;
		text-transform:uppercase;
		text-decoration:none;
		border: none;
		cursor:pointer;
		float: left;
		margin-right:10px;
		display:inline-block;
}



.btn_adem a:hover{
	color:#404040;
}
.backcolorsite a:hover{
	color: #423D3D !important;
	}
	
.btn_right{
	position:absolute;
	right:0px;
	top:0px;	
}

.spacer_30{
	width:30px;
	display:inline-block;
}

.btn_simple{
	 white-space: nowrap;
	 	font-size:14px;
}


.btn_pdf{
  background-image: url('/img/document.svg');
  background-repeat: no-repeat;
  padding-left: 80px;
  background-position: left top;
  color: #f16401;
  min-height: 40px;
  display: block;
  line-height: 1em;
  margin-top: 20px;

}

.txt_center{
	text-align:center !important;
	
}
.txt_right{
	text-align:right !important;
}

.txt_left{
	text-align:left !important;
}

.underline{
	text-decoration:underline;	
}

.border_top_bottom{
	border-top:1px solid #E1E1E1;
	border-bottom:1px solid #E1E1E1;
	padding:25px 0px 22px 0px;
}
.border_top{
	border-top:1px solid #E1E1E1;
	padding:25px 0px 22px 0px;
}

.myhr {
	 position: relative;
	width: 100% ;
	background-color: #E1E1E1;
	height: 1px;
	
}


.firstlink, .ajaxpopup {
	cursor: pointer;
}


.centerme{
	float:none !important;
	text-align:center;
	width:100%;
	left:0px;
	
}

form #website {
    display: none;
}

.badge_zethno{
	background-image:url(/img/badge_zethnos.svg);
	background-size:contain;
	width:190px;
	height:190px;
	position:absolute;
	top:-95px;
	right:-95px;
	
}
.badge_zethno.badge_jeune{
	top:0px;
	right:-220px;
}

.middle_top{
	position: absolute;
	top:50%;
    -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
	transform: translateY(-50%);
}



.fullscreenvideowrapper{
	position: relative;
	width:100vw;
	height: 100vh;
	z-index: 1;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.fullscreenvideowrapper iframe{
	position: absolute;
	z-index: 1;
	top:50%;
	left:50%;
	
    -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.makeitfull{
	overflow:hidden;
	
}
.makeitfull > iframe, .makeitfull > img{
	position:absolute;
	top:50%;
	left:50%;
	
	-webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


/*/////////////HEADER/////////*/


#header{
	position: absolute;
	width:100%;
	min-height:80px;
	height: auto;
	top:135px;

	left:0px;
	z-index: 9999;
/*  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;*/
  background-color:#FFF;

	}


#header.headroom--not-top{
	position:fixed;
	top:0px !important;
	margin-top: 0px;

}



#logo{
	float:left;
	display:inline-block;
	z-index: 400;
	padding-left:57px;
	height: 45px;
	background-image:url(/img/logo.svg);
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;

}

#logo h1{
	font-family: 'CervoNeue-ExtraBoldNeue';
	font-size:39px;
	padding:3px 0px 0px 0px;
	color:#FFF;
	margin: 0px;
	 
}
.logo_infos{
	float: left;
	font-size: 15px;
	text-transform: uppercase;
	color: #FFF;
	padding: 6px 0px 0px 7px;
	line-height: 1.18;
}

.logo_infos_festival{
	box-sizing:border-box;
	font-family: 'CervoNeue-ExtraBoldNeue';
	color:#FFF;
    font-size: 39px;
    padding-top: 3px;
    line-height: 1.18;
	float:left;
	height:45px;
	padding-left:20px;
	margin-left:20px;
	border-left:1px solid #FFF;
	text-transform:uppercase;
	
}

.logo_infos_festival span{
	font-size: 18px;
	line-height: 45px;
	display: inline-block;
	float: right;
	margin-left:10px;
}

/*///////////// ALL NAV /////////*/
#nav ul, #nav li, #nav_top ul , #nav_top  li, #nav_lan ul, #nav_lan li{
	list-style: none;
	margin: 0px;
	padding: 0px;
}



/*/////////////TOP NAV/////////*/

#nav_top {
    box-sizing: border-box;
    padding: 20px 0px;
    height: 85px;
    position: relative;
	width:100%;
}
#nav_top ul  {
	float: right;
}

#nav_top ul li {
	float:left;
}
#nav_top ul li.nav_top_spacer{
	padding-left:20px;
	padding-right:20px;
	color:#FFF;
}


#nav_top ul li a{
	font-size:16px;
	color:#FFF;
	padding-left:20px;
	padding-right:20px;
}
#nav_top ul li a:hover, #nav_top ul li a.Selected{
	text-decoration:underline;
	color:#FFF !important;
}



 #nav_top ul{
	 height:45px;
	 display:flex !important;
	 display: -ms-flexbox;
     display: -webkit-flex;
	 align-items: center;
}

#langue  li a{
	font-family: 'CervoNeue-ExtraBoldNeue';
}

.nav_top_billetterie{
	float:right;
	margin-left:20px;
	margin-top: 3px;
	
}

/*/////////////NAV/////////*/

#nav ul{
	 height:85px;
	  display:flex !important;
	 display: -ms-flexbox;
     display: -webkit-flex;
	 
	 align-items: center;
	 justify-content: space-between;
	
}
#nav ul li a{
	font-size:22px;
	color:#423D3D;
}



/*/////////////CONTAINER INSIDE /////////*/
#site{
	padding-top:40px;
	position:relative;
	min-height:400px;
}


.container_general{
	padding-top:120px;
	position:relative;
	min-height:400px;
}

.container_general ul, .container_general ol {
	
	padding-left:30px;
}


.container_col{
	margin-left: -15px;
	margin-right:-15px;
    position: relative;
}


.inside_full{
    box-sizing: border-box;
	position: relative;
	padding: 0px 30px;
	background-color:#F6F6F6;
}

.inside{
    box-sizing: border-box;
	position: relative;
	margin: auto;
	max-width: 1170px;
	padding-left:20px;
	padding-right:20px;
}

.inside_padd_0_30{
	padding-top:0px;
	padding-bottom:30px;
}
.inside_padd_0_35{
	padding-top:0px;
	padding-bottom:35px;
}
.inside_padd_20_45{
	padding-top:20px;
	padding-bottom:45px;
}
.inside_padd_10_10{
	padding-top:10px;
	padding-bottom:10px;
}
.inside_padd_10_30{
	padding-top:10px;
	padding-bottom:30px;
}
.inside_padd_15_35{
	padding-top:15px;
	padding-bottom:35px;
}
.inside_padd_22_20{
	padding-top:22px;
	padding-bottom:20px;
}

.inside_padd_30_0{
	padding-top:30px;
	padding-bottom:0px;
}

.inside_padd_30_35{
	padding-top:30px;
	padding-bottom:35px;
}

.inside_padd_30_60{
	padding-top:30px;
	padding-bottom:60px;
}

.inside_padd_40_40{
	padding-top:40px;
	padding-bottom:40px;
}

.inside_padd_44_27{
	padding-top:44px;
	padding-bottom:27px;
}

.inside_padd_45_30{
	padding-top:45px;
	padding-bottom:30px;
}

.inside_padd_60_60{
	padding-top:60px;
	padding-bottom:60px;
}



.simple_relative{
	position:relative;
	
}
.col_block{
	text-align:center;
	margin-left:-15px;
	margin-right:-15px;
	
}
.col_block .col{
	display:inline-block;
	float:none;
	vertical-align: text-top;
	text-align:left;
	
}
/*/////////////BANDEAU /////////*/
.bandeau_container{
	    position:relative;
		width: 100%;
		min-height: 200px;
		color:#FFF;
	    overflow: hidden;
}

.bandeau_ethnosphere_page{
	margin-top:45px;
	margin-bottom:45px;


}
.bandeau_ethnosphere_page h1{
	font-size:40px;
	
}


.bandeau {
		position: absolute;
		background-color: #F16401;
		top:0px;
		left:0px;
		width: 100%;
		height: 100%;
		z-index: -1;
}

.bandeau_middle{
		position: absolute;
		top:0px;
		left:0px;
		width: 100%;
		height: 50%;
		z-index: -1;
}

.bandeau_selected{
		position: absolute;
		top:0px;
		left:0px;
		width: 100%;
		height: 50%;
		min-height:633px;
	
}

/*/////////////HOME /////////*/

/*/////////////HOME CAROUSEL TOP /////////*/
.inside_home_carousel{
	padding-top:30px;
	padding-bottom:80px;
}

.inside_home_actu{
	margin-top:-80px;
	
}
        .home_carousel_top_container{
			position:relative;
			color: #423D3D;
		
		}

		.carousel_background {
			position: absolute;
			background-color: #F5F3F1;
			width: 55%;
			height: 100%;
			top:0px;
			right:-15px;
		
		}
		.home_carousel_top,.home_carousel_top_slide  {
			position:relative;
			height: 500px;
			width:100%;
			z-index:999;
		}
		
		.home_carousel_top_slide_image {
			position:absolute;
			top:0px;
			left:0px;
			width:50%;
			height:100%;
			background-size: cover;
			background-position: center center;
		}
		
		.home_carousel_top_slide_content {
			background-color: #F5F3F1;
			position: absolute;
			top: 0px;
			right: 0px;
			width: calc(50% - 30px);
			height: 100%;
			padding: 50px 0;
			padding-left: 0px;
			padding-left: 30px;
		}
		
		.home_carousel_top_slide_content_text {
			margin-bottom: 30px;
			width: 100%;
		}
		.home_carousel_top_slide_content_text  h1 {
		 font-size: 50px !important;
		}
		
		
		#home_carousel_top_menu_container {
			box-sizing: border-box;
			position: absolute;
			bottom: 0px;
			right: 0px;
			width: calc(50% - 30px);
			height: 64px;
			display: flex;
			display: -ms-flexbox;
			display: -webkit-flex;
			flex-grow: 1;
			-ms-flex-positive: 1;
			-webkit-flex-grow: 1;
			justify-content: space-between;
			-ms-flex-pack: distribute;
			-webkit-justify-content: space-between;
			align-self: flex-end;
			-ms-flex-item-align: end;
			-webkit-align-self: flex-end;
			z-index: 999;
		}
		
		.home_carousel_top_menu {
			box-sizing: border-box;
			background-color: #FFFFFF;
			padding: 10px 3px;
			flex-basis: 32%;
			-ms-flex-preferred-size:  32%;
			-webkit-flex-basis: 32%;
			display: flex;
			display: -ms-flexbox;
			text-align: center;
			align-items: center;
			-ms-flex-align: center;
			-webkit-align-items: center;
			min-height: 60px;
			justify-content: center;
			-ms-flex-pack:	center;
			-webkit-justify-content:center;
			text-transform: uppercase;
			font-size: 14px;
			position: relative;
			-webkit-transition-duration: 0.2s;
			transition-duration: 0.2s;
		}
		
		.triangle {
			display:none;
			background-color: white;
			width: 20px;
			height: 20px;
			position: absolute;
			top: -5px;
			transform: rotate(45deg);
		}
		.home_carousel_top_menu.active .triangle{
			display:block;
			
		}
		
		.home_carousel_top_menu.active, .home_carousel_top_menu:hover {
			color: #F16401;
			cursor: pointer;
		}
		
		
		
	/*/////////////HOME ACTU TOP /////////*/	
		
		
		.home_actu_container{
			position:relative;
			margin-top:30px;
			background-color:#FFF;
			width:100%;
			
		}
		.home_actu{
			padding:22px 30px;
			
			
		}
		
		
	/*/////////////HOME COURS /////////*/	
		
		
		.bandeau_container.bandeau_cours{
			background-image:url(../img/fond_cours.png);
			background-repeat:repeat;
			background-position:center center;
			color:#423D3D !important;
		}
		
		.bandeau_cours_cache{
			position: absolute;
			left: -30px;
			top: -60px;
			background-color: #F5F3F1;
			bottom: -60px;
		}
		
		/*/////////////HOME PUBLICATIONS /////////*/	
		
		.bandeau_container.bandeau_publication *{
			color:#FFF !important;
		}
	
		/*/////////////HOME ETHNOSPHERES /////////*/	
		
		.bandeau_container.bandeau_ethnosphere{
			color:#423D3D !important;
			background-color:#EBE5DF;
		
		}
		.bandeau_fond_ethnosphere{
			position:absolute;
			width:50%;
			left:50%;
			top:50%;
			height:50%;
			background-image:url(../img/fond_ethnospheres.png);
			background-repeat:no-repeat;
			background-position:left top;
			
		}

	/*/////////////HOME CAROUSEL STANDARD /////////*/	
	
	.carousel_standard{
		padding-bottom:30px;	
	}
	
	.owl-dots{
		margin-top:30px;
		width: 100%;
		height: 10px;
		text-align: center;
	}
	.owl-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #423D3D !important;
    border-radius: 100%;
    border: 0px;
    margin: 5px;
    opacity: 1;
    box-shadow: none;
}

	.home_carousel_slide{
		background-color:#FFF;
		height:100%;
		
		
	}
	.home_slide_content{
		padding:0px 30px 30px 30px;
		
	}
		
		
/*////////////////LISTING//////////////*/		

.listing_img {
	width:100%;
	margin-bottom:20px;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}

.listing_img_publication{
		background-size: 100% auto !important;
	background-position:top center !important;
}

.listing_img:after {
    content: "";
    display: block;
    padding-top: 60%;
}
.listing_img.listing_img_publication:after {
    content: "";
    display: block;
    padding-top: 140%;
}

.listing_img.listing_img_publication_carre:after {
    content: "";
    display: block;
    padding-top: 100%;
}


.listing_img.listing_img_landing{
	margin-bottom:0px !important;	
}

.icone_zetno{
	padding-left:30px;
	position:relative;
}
.icone_zetno:before{
	content: '';
	background-image:url(/img/zethno.svg);
	height:32px;
	width:22px;
	background-size:contain;
	background-repeat:no-repeat;
	position:absolute;
	left:0px;
	top:-10px;
}

.listing_date_croisee{
	margin-top:-10px;
	
}
.listing_date_croisee *{
	font-size:16px;
	padding-bottom:0px;
}

.listing .listing_date{
		font-size:14px;
		text-transform:uppercase;
}
.listing .listing_date_jour{
	text-transform:uppercase;	
}
.listing .listing_sous_titre{
	font-size:18px;
}

.listing .listing_resume p{
	font-size:20px;
}

.listing_infosbox{
	padding:0 20px 10px 20px;
	
}

.listing_partners{
	width:110px;
	padding-right:24px;
	float:left;
	font-size:14px;
	text-transform:uppercase;
	padding-top:5px;
}

.listing_partners_infos{
	width: calc(100% - 134px);
	float:left;
}
.listing_partners_select{
	width:120px;
	font-size:14px;
	text-transform:uppercase;
	padding-top:10px;
	margin:auto;
	
}

.listing_infoflash{
	font-size:14px;
	text-transform:uppercase;
}
/*////////////////CONTENT//////////////*/

#content{
	width:100%;
	min-height: 100%;
	
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	
	-webkit-transition: -webkit-transform 0.6s ease;
	transition: -webkit-transform 0.6s ease;
	transition: transform 0.6s ease;
	transition: transform 0.6s ease,-webkit-transform 0.6s ease;
	overflow-x: hidden;
}

.infosbox{
	padding:30px;
	font-size:16px;
	
}
.infosbox a{
	color:#FFF;
	text-decoration:underline;
	
}


.infosbox h1, .infosbox h2, .infosbox h3, .infosbox h4{
	font-size:14px;
	font-family: 'CervoNeue-ExtraBoldNeue' !important;
	padding-bottom: 10px !important;
	
}
.infosbox .btn_adem{
margin: 30px 0px;
display: inline-block;
/*left: 25%;
transform: translateX(25%);*/
text-decoration: none;
min-width: 100%;
text-align: center;
box-sizing: border-box;
}


.infosbox_bg_white h1, .infosbox_bg_white h2, .infosbox_bg_white h3, .infosbox_bg_white h4{
	font-size:14px;
	font-family: 'CervoNeue-ExtraBoldNeue' !important;
	
}

.infosbox_bg_white{
	background-color:#FFF;
	padding:30px;	
}



.infosbox_bio h2{
	font-size:20px;
}

.infosbox_bio{
	background-color:#FFF;
	padding:20px;	
}
.infosbox_bio h2{
	font-size:20px;
}

.infosbox_ce{
	background-image:url(/img/ce.png);
	background-position:20px 20px;
	background-repeat:no-repeat;
	background-color:#FFF;
	padding:20px 20px 20px 120px;
	margin-bottom:40px;
	min-height:105px;
	box-sizing:border-box;
}
.infosbox_openedition {
    background-image: url(/img/logo_openedition@2x.png);
    background-position: 20px 20px;
    background-repeat: no-repeat;
	background-size: 70px;
    background-color: #FFF;
    padding: 20px 20px 20px 120px;
    margin-bottom: 40px;
    min-height: 105px;
    box-sizing: border-box;
}
/*/////////////ISOTOP/////////*/

.gutteritem{
	width:30px;	
}

.grid-sizer{
	width:calc((((100% - (12*30px))/12)*4) + (3 * 30px));
	
}


/* GRID */



.grid, .grid_packery{
		display: block;
	/*margin-left: -15px;
	margin-right: -15px;*/
}
.grid_packery .col{
	/*margin:0px;*/
}


/*/////////////COLONNE/////////*/
.col{
	float: left;
	position: relative;
	margin: 15px;
}

.col1{
	width:calc(((100% - (12*30px))/12)*1);
}
.col2{
	width:calc((((100% - (12*30px))/12)*2) + (1 * 30px));
}
.col3{
	width:calc((((100% - (12*30px))/12)*3) + (2 * 30px));
}
.col4{
	width:calc((((100% - (12*30px))/12)*4) + (3 * 30px));
}
.col5{
	width:calc((((100% - (12*30px))/12)*5) + (4 * 30px));
}
.col6{
	width:calc((((100% - (12*30px))/12)*6) + (5 * 30px));
}
.col7{
	width:calc((((100% - (12*30px))/12)*7) + (6 * 30px));
}
.col8{
	width:calc((((100% - (12*30px))/12)*8) + (7 * 30px));
}
.col9{
	width:calc((((100% - (12*30px))/12)*9) + (8 * 30px));
}
.col10{
	width:calc((((100% - (12*30px))/12)*10) + (9 * 30px));
}
.col11{
	width:calc((((100% - (12*30px))/12)*11) + (10 * 30px));
}
.col12{
	width:calc((((100% - (12*30px))/12)*12) + (11 * 30px));
}


.col img, .col a img, .col_full img{
	width:100% !important;
	height:auto !important;
	
}

.col p a img, .col p img, .col.no_img_scal img, .col.no_img_scal a img{
	width:auto!important;
	height:auto !important;
	
}

.col_legende_listing{
	background-color:#CCC;
	font-size:14px;
	color:#FFF;
}


.col_legende_listing{
	background-color: rgba(66, 61, 61, .8) ;
	font-size:16px;
	color:#FFF;
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	
	padding:20px 10px;
	display:none;
}
.col:hover .col_legende_listing{
	display:block;
}

.homepage_festival .col_legende_listing{
	font-family: 'CervoNeue-ExtraBoldNeue';
	background-color:#FFF ;
	display:block;
	bottom:10px;
	left:10px;
	right:10px;
	font-size:26px;
	padding: 15px 20px;
	
}

.col_right{
	float:right !important;	
}


.col_carre{
	background-position:center center;
	background-repeat:no-repeat;
	background-size: contain;
	background-color: #FFF;
	
	display:block;
	content:"";
	padding-top: 100%;
}


.col_separator{
	width:100%;
	height:1px;
	float:left;
	margin:0;
}

.col_full{
	position:relative;
	background-position: top center;
/*	background-position: center center;*/
	background-size:cover !important;
	background-repeat: no-repeat;
	 background-attachment:fixed;
	 width:calc(100% - 30px);
	clear: both;
	height:70vh;
}


.col_full img{
	display:none;	
}

.after_col_full{
	width:100%;
	height:15px;
	float:left;
	
}

/*/////////////LISTE CE/////////*/

.container_content_liste_ce{
	width:100%;
	margin-bottom:10px;	
}
.img_liste {
    float: left;
    width: 180px;

}

.num_media {

    background-image: url(/img/ce.png);
    display: inline-block;
    float: left;
    height: 65px;
    line-height: 87px !important;
    margin-left: 30px;
    text-align: center;
    width: 80px;
    font-size: 18px;
}

.content_liste_ce {
    float: right;
    width: calc(100% - 200px);
	font-size:20px;
	
}

.publication_multimedia {
	padding-top:20px;	
}

.content_liste_ce_full {
	width:100%;
	padding-top:0px;	
}

.content_liste_ce h2{
	font-size:20px;
	color:#423D3D !important;
}

/*/////////////PAGECONTENT/////////*/













/*/////////////FILTERS/////////*/

.filtre_annee{
	padding:0px 45px;	
}


.filter_categories{
	display: flex !important;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center;
	justify-content: space-around;
}


.filter_regions{
display: flex !important;
display: -ms-flexbox;
display: -webkit-flex;
align-items: center;
justify-content: space-around;
max-width: 800px;
width: 100%;
margin: auto;
}

.filter_pages{
display: flex !important;
display: -ms-flexbox;
display: -webkit-flex;
align-items: center;
justify-content: space-around;
max-width: 800px;
width: 100%;
margin: auto;
list-style: none;
}



/*/////////////FOOTER/////////*/
#footer{
	background-color:#423D3D;
	width:100%;
}

ul.navfooter{
	list-style:none;
	
}
#footer  a, .navfooter_titre{
	font-family: 'CervoNeue-ExtraBoldNeue';
	color:#FFF;
	font-size:14px;
	
}
#footer p {
	color:#FFF;
	font-size:14px;
	padding-top: 4px;
}
#footer a[href^="mailto:"]{
	color:#FFF;
	font-size:14px;
	font-family: 'CervoNeue-RegularNeue';
	text-decoration: underline;
}
#footer .navfooterlan a{
	color:#FFF;
	font-size:14px;
	font-family: 'CervoNeue-RegularNeue' !important;
}

ul.navfooter li  a {
	padding-bottom:10px;
	display:inline-block;
}
ul.navfooter li ul{
	list-style:none;
	float:left;
	width:100%;
}
 ul.navfooter li ul li{
	list-style:none;
	width:100%;
	
}
ul.navfooter li ul li a {
	font-family: 'CervoNeue-RegularNeue' !important;
	color:#FFF;
}

a.nav_footer_billetterie{
	font-family: 'CervoNeue-RegularNeue' !important;
	padding-bottom:8px !important;
	font-size:16px !important;
}

.navfooter_credit {
	width:100%;
	float:left;
	
}
.navfooter_credit ul li{
	display:inline-block;
	
}


.navfooter_credit ul li a{
	color:#FFF;
	font-size:14px;
	font-family: 'CervoNeue-RegularNeue';
	text-decoration: underline;
	margin:30px 30px 30px 0px;
	display:block;
	
}

.btn_sociaux{
	height:36px;
	width:36px;
	display:block;
	background-repeat:no-repeat;
	background-size:contain;
	float:left;
	margin-right:10px;
}
.footer_facebook{
	background-image:url(/img/facebook.svg);
}
.footer_youtube{
	background-image:url(/img/youtube.svg);
}
.footer_twitter{
	background-image:url(/img/twitter.svg);
}
.footer_instagram{
	background-image:url(/img/instagram.svg);
}
.footer_flicker{
	background-image:url(/img/flicker.svg);
}



#input_newsletter {
    padding-right: 133px;
}

#newsletter_inscription{
	position:relative;
	
}

#newsletter_inscription .container_btn_newsletter {
    background-color:#423D3D;	
    position: absolute;
    top: 0px;
    right: 0px;
    height: 40px;
    line-height: 40px;
    margin-right: 0px;
    padding-left: 20px;
	display:inline-block;
}
.btn_adem.btn_newsletter{
	font-size: 14px;
	background-color: #FFF !important;
	color: #423D3D;
	height: 40px;
	line-height: 40px;
	padding-top: 0px;
}



/*///////////// AUTRES /////////*/

.event_etat{
	font-family: 'CervoNeue-ExtraBoldNeue';
	height: 30px;
	display: inline-block;
	color: #FFFFFF;
	background-color: #FF0000;
	font-size: 26px;
	padding: 9px 15px;
	text-transform: uppercase;
	top: 40px;
	position: absolute;
	left: 0px;
}

.listing_img .event_etat{
	top: 70px;
}


.colseparateur{
	width: 100%;
	clear: both;
	margin: 0px !important;
	min-height: 0px !important;
	height: 1px !important;
}

.nomobile{
	display: inline-block;
}

.mobile{
	display: none;
}
.mymobile{
	display: none !important;
}

.video_ios{
	display:none ;	
}



/* 		
--------------------
INSCRIPTION
--------------------
*/

label{
	margin-top:20px;
	display: inline-block;
	margin-right:20px;
	
}

.input_checkradio label{
	
}
button{
font-family: 'CervoNeue-RegularNeue', Arial, Helvetica, sans-serif;	
}

 input[type=radio] {
	 margin-right:4px;
 }

.selectric {
	margin-top: 10px;
   width: 100%;
    background-color: #FFF;
    border: 2px solid #E2E0DE;
	border-radius: 5px  !important;
	height:42px;
}
.selectric .label {
	font-size: 20px;
	line-height: 42px;
	color: #423D3D;
	padding-left: 15px;
	height: 42px;
}

.selectric-items li {
    display: block;
    padding: 8px 8px 8px 40px !important;
    border: 0px;
    font-size: 18px;
    color: #7D7D7D;
    cursor: pointer;
    margin-bottom: 0px !important;

}
.selectric-items li.highlighted, .selectric-items li:hover  {
    background: #FFF;
    color: #423D3D;

}

 input[type=text], input[type=email]  {
	 font-family: 'CervoNeue-RegularNeue', Arial, Helvetica, sans-serif;
	 font-size: 20px;
    height:46px;
    line-height: 46px;
	
   	border: 2px solid #E2E0DE;
	border-radius: 5px  !important;
	
    width: 100%;
    background-color: #FFF;
    -webkit-appearance: none;
    padding-left: 15px;
	box-sizing:border-box;
	margin-bottom: 10px;
	margin-top: 10px;
	color: #423D3D !important;
}

.input_little input{
	width:40px;
	height:30px;
    line-height: 30px;
}

#footer input,  .bandeau_newsletter input, .bandeau_ethnosphere_page input{
	 font-size: 20px;
    height:40px;
    line-height: 40px;
	margin-bottom: 20px;
	margin-top: 0px;
	border: none !important;
	border-radius: 0px  !important;
}

textarea {
    font-family: 'CervoNeue-RegularNeue', Arial, Helvetica, sans-serif;	
    width: 100%;
    height: 250px;
    padding: 12px 10px;
    margin:30px 0 0  0;

    border: 2px solid #E2E0DE;
	border-radius: 5px  !important;
    box-sizing: border-box;
    font-size: 20px;
 
}

input:focus, textarea:focus {
	outline: none;
}


::-webkit-input-placeholder{ 

  color: #423D3D;
  font-size:14px;
  font-weight:400;

}

::-ms-input-placeholder{ 

  color: #423D3D;
  font-size:14px;
  font-weight:400;

}

::-moz-placeholder{ 

  color: #423D3D;
  font-size:14px;
  font-weight:400;

}

:-moz-placeholder{ 

   color: #423D3D;
  font-size:14px;
  font-weight:400;
}



input.errormsg:-moz-placeholder {
	color:#F00 !important;

}
input.errormsg::-moz-placeholder {
	color:#F00 !important;
	
}

input.errormsg::-webkit-input-placeholder {
	color:#F00 !important;
	
}

input.errormsg:-ms-input-placeholder {
	color:#F00 !important;
	
}

.errormsg{
	/* border: 1px solid  #FF0000 !important;*/
	 color:#F00 !important;
	 margin-bottom: 4px;
	
}
.diverrormsg.errormsg{
  color:#FF0000 !important;
  border: 0px !important;
}

#check_inscrit{
display:none;	
}
#check_inscrit.errormsg{
 display:block !important;
 margin: 0 0 30px 0 !important;
 color:#FF0000 !important;
  border: 0px !important;
}





@keyframes fadein {
 from {
opacity: 0;
}
 to {
opacity: 1;
}
}

/* Firefox < 16 */
@-moz-keyframes fadein {
 from {
opacity: 0;
}
 to {
opacity: 1;
}
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
 from {
opacity: 0;
}
 to {
opacity: 1;
}
}

/* Internet Explorer */
@-ms-keyframes fadein {
 from {
opacity: 0;
}
 to {
opacity: 1;
}
}

/* Opera < 12.1 */
@-o-keyframes fadein {
 from {
opacity: 0;
}
 to {
opacity: 1;
}
}



@media all and (max-width:1000px){
	
	
		
	.nomobile{
		display: none !important;
	}
	
	.mobile{
		display: inline-block ;
	}
	
	
	#headermobile {
	height: 60px;
	width: 100%;
	left: 0px;
	top: 20px;
	z-index: 99999999999;
	position: fixed;
	-webkit-box-shadow: 2px 1px 15px -8px rgba(0,0,0,0.81);
	-moz-box-shadow: 2px 1px 15px -8px rgba(0,0,0,0.81);
	box-shadow: 2px 1px 15px -8px rgba(0,0,0,0.81);
	padding-top: 8px;
	box-sizing: border-box;
	padding-left: 15px;
	
	}

#headermobile.headroom--not-top{
	top:0px !important;
}

#menumobile{
	top:50%;
	transform:translateY(-50%);
	right:20px;
	position: absolute;
	
}
.mm-menu {
    background: #423D3D;
    /* border-color: rgba(0,0,0,.1);
   color: rgba(255,255,255,.75);*/
   color:#FFFFFF;
   border-color:rgba(245,243,241,.2)!important;
}
a.mm-navbar__title{
	   color:#FFFFFF !important;
}
.mm-menu .mm-listview .mm-btn_next::after, .mm-menu .mm-btn::before {

    border-color: rgba(255,255,255,.9)!important;

}

.li_mobilespacer{
	height:30px;
}
 
 .li_mobilebilletterie{
	 display:inline-block !important;
	 margin:20px;
	 border-bottom:0px !important;
	
	 
 }
  .li_mobilebilletterie:after{
	   border-bottom-style: none !important;
  }

.container_general {
    padding-top: 60px;
    position: relative;
    min-height: 300px;
}


.badge_zethno{
		
width: 95px;
height: 95px;
position: absolute;
top: 15px;
right: 15px;
		
	}

.filter_mobile_titre{
	width:100%;
	cursor:pointer;
	text-align: center;
	
}

.filter_mobile_item, #nav_page li a{
	display:none;
	
}

.openfilter .filter_mobile_item, .openfilter  #nav_page li a{
	display: block;
	width:100%;
	padding-top:20px;
	
}

.filter_mobile {
    display: block !important;
    display: -ms-block;
    display: -webkit-block;
	text-align:center;
}

.filter_mobile_titre:after{
	content:'';
	display:block;
  width: 0; 
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #F16401;

  margin: auto;
    margin-top: 4px;
}


.home_carousel_top, .home_carousel_top_slide {
    height: auto;
}

.home_carousel_top_slide_image {
	background-color:transparent;
    position: relative;
    width: 100%;
    height: 40vh;
}

.home_carousel_top_slide_content {
	/*background-color:transparent;*/
    position: relative;
    width: 100%;
    height: auto;
/*	  padding-left: 0px;*/
	  padding-left: 20px;
	  padding-right: 20px;
	box-sizing: border-box;
}

#home_carousel_top_menu_container{
position: absolute;
bottom: 60px;
width: calc(100% - 30px);
height: 64px;

}


.home_carousel_top_slide_content_text {
    padding-bottom: 60px;
}



.carousel_background {
	display:none !important;
}

.bandeau_carousel{
	 height: 40vh;
}
.bandeau_publication h2{
	font-size: 20px;
}
	
.phone_langue{
		border-bottom-style: none !important;
		margin: 30px 20px 20px 20px;
	float: left;
	display: inline-block;
	
}
	
.phone_langue.mm-listitem::after {
    content: '';
    border-bottom-width: 0px;
    border-bottom-style:  none;
}

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


.col2{
		width:calc((((100% - (12*30px))/12)*6) + (5 * 30px));
}

.col3{
	width:calc((((100% - (12*30px))/12)*6) + (5 * 30px));
}
.col4{
		width:calc((((100% - (12*30px))/12)*6) + (5 * 30px));
}
.col5{
		width:calc((((100% - (12*30px))/12)*6) + (5 * 30px));
}
.col6{
		width:calc((((100% - (12*30px))/12)*6) + (5 * 30px));
}
.col7{
		width:calc((((100% - (12*30px))/12)*6) + (5 * 30px));
}




.col8{
		width:calc((((100% - (12*30px))/12)*12) + (11 * 30px));
}
.col9{
		width:calc((((100% - (12*30px))/12)*12) + (11 * 30px));
}
.col10{
		width:calc((((100% - (12*30px))/12)*12) + (11 * 30px));
}
.col11{
	   width:calc((((100% - (12*30px))/12)*12) + (11 * 30px));
}
.col12{
	    width:calc((((100% - (12*30px))/12)*12) + (11 * 30px));
}



#home_carousel_top_menu_container{
	display:none;	
}
.publications_catalogue .col7{
	   width:calc((((100% - (12*30px))/12)*12) + (11 * 30px));
}


	.img_liste{
		float: left;
         width: 140px;
	}
	
	.content_liste_ce.publication_multimedia {
    float: right;
    width: calc(100% - 150px);
    font-size: 20px;
}
.content_liste_ce_full{
	width:100% !important;
}

.home_carousel_top_slide_content {
	padding-bottom:0px;
}

.home_carousel_top_slide_content_text {
    padding-bottom: 0px;
}	


}
@media all and (max-width:760px){
	
	.bandeau_publication .col6 .col6{
		 width:calc((((100% - (12*30px))/12)*12) + (11 * 30px));
	}
	.bandeau_publication .bandeau_middle{
		height:100%;
	}
	
	
	
}



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

.col2{
		width:calc((((100% - (12*30px))/12)*12) + (11 * 30px));
}
.col3{
	width:calc((((100% - (12*30px))/12)*12) + (11 * 30px));
}
.col4{
	width:calc((((100% - (12*30px))/12)*12) + (11 * 30px));
}
.col5{
	width:calc((((100% - (12*30px))/12)*12) + (11 * 30px));
}
.col6{
	width:calc((((100% - (12*30px))/12)*12) + (11 * 30px));
/*	width:calc((((100% - (12*30px))/12)*6) + (5 * 30px));*/
}
.col7{
	width:calc((((100% - (12*30px))/12)*12) + (11 * 30px));
}

h1 {
    font-size: 40px;
}

body.homepage h1 {
    font-size: 26px;
}

.home_carousel_top_slide_content_text h1 {
    font-size: 34px !important;
}
.bandeau_middle {

    height: 100%;

}

.img_liste{
		float: left;
         width: 100%;
		 margin-top:20px;
}
	
.content_liste_ce.publication_multimedia {
    float: left;
    width: 100%

}
.num_media {
    margin-left: 0px;
}
}
