/*
Theme Name: Nexitylab
Theme URI:
Version: 2.0.0
Author: Vaadigm/Kaudiz
Author URI:
*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
/*
Open Sans
light : 300
regular : 400
semibold : 600
bold : 700
extrabold : 800
*/

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-Regular.eot');
    src: url('fonts/Barlow-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-Regular.woff2') format('woff2'),
        url('fonts/Barlow-Regular.woff') format('woff'),
        url('fonts/Barlow-Regular.ttf') format('truetype'),
        url('fonts/Barlow-Regular.svg#fonts/Barlow-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-SemiBold.eot');
    src: url('fonts/Barlow-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-SemiBold.woff2') format('woff2'),
        url('fonts/Barlow-SemiBold.woff') format('woff'),
        url('fonts/Barlow-SemiBold.ttf') format('truetype'),
        url('fonts/Barlow-SemiBold.svg#fonts/Barlow-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-LightItalic.eot');
    src: url('fonts/Barlow-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-LightItalic.woff2') format('woff2'),
        url('fonts/Barlow-LightItalic.woff') format('woff'),
        url('fonts/Barlow-LightItalic.ttf') format('truetype'),
        url('fonts/Barlow-LightItalic.svg#fonts/Barlow-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-Medium.eot');
    src: url('fonts/Barlow-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-Medium.woff2') format('woff2'),
        url('fonts/Barlow-Medium.woff') format('woff'),
        url('fonts/Barlow-Medium.ttf') format('truetype'),
        url('fonts/Barlow-Medium.svg#fonts/Barlow-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-BlackItalic.eot');
    src: url('fonts/Barlow-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-BlackItalic.woff2') format('woff2'),
        url('fonts/Barlow-BlackItalic.woff') format('woff'),
        url('fonts/Barlow-BlackItalic.ttf') format('truetype'),
        url('fonts/Barlow-BlackItalic.svg#fonts/Barlow-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-Bold.eot');
    src: url('fonts/Barlow-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-Bold.woff2') format('woff2'),
        url('fonts/Barlow-Bold.woff') format('woff'),
        url('fonts/Barlow-Bold.ttf') format('truetype'),
        url('fonts/Barlow-Bold.svg#fonts/Barlow-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-Black.eot');
    src: url('fonts/Barlow-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-Black.woff2') format('woff2'),
        url('fonts/Barlow-Black.woff') format('woff'),
        url('fonts/Barlow-Black.ttf') format('truetype'),
        url('fonts/Barlow-Black.svg#fonts/Barlow-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-ExtraBold.eot');
    src: url('fonts/Barlow-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-ExtraBold.woff2') format('woff2'),
        url('fonts/Barlow-ExtraBold.woff') format('woff'),
        url('fonts/Barlow-ExtraBold.ttf') format('truetype'),
        url('fonts/Barlow-ExtraBold.svg#fonts/Barlow-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-SemiBoldItalic.eot');
    src: url('fonts/Barlow-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/Barlow-SemiBoldItalic.woff') format('woff'),
        url('fonts/Barlow-SemiBoldItalic.ttf') format('truetype'),
        url('fonts/Barlow-SemiBoldItalic.svg#fonts/Barlow-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-ExtraLightItalic.eot');
    src: url('fonts/Barlow-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-ExtraLightItalic.woff2') format('woff2'),
        url('fonts/Barlow-ExtraLightItalic.woff') format('woff'),
        url('fonts/Barlow-ExtraLightItalic.ttf') format('truetype'),
        url('fonts/Barlow-ExtraLightItalic.svg#fonts/Barlow-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-ThinItalic.eot');
    src: url('fonts/Barlow-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-ThinItalic.woff2') format('woff2'),
        url('fonts/Barlow-ThinItalic.woff') format('woff'),
        url('fonts/Barlow-ThinItalic.ttf') format('truetype'),
        url('fonts/Barlow-ThinItalic.svg#fonts/Barlow-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-Light.eot');
    src: url('fonts/Barlow-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-Light.woff2') format('woff2'),
        url('fonts/Barlow-Light.woff') format('woff'),
        url('fonts/Barlow-Light.ttf') format('truetype'),
        url('fonts/Barlow-Light.svg#fonts/Barlow-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-Italic.eot');
    src: url('fonts/Barlow-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-Italic.woff2') format('woff2'),
        url('fonts/Barlow-Italic.woff') format('woff'),
        url('fonts/Barlow-Italic.ttf') format('truetype'),
        url('fonts/Barlow-Italic.svg#fonts/Barlow-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-BoldItalic.eot');
    src: url('fonts/Barlow-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-BoldItalic.woff2') format('woff2'),
        url('fonts/Barlow-BoldItalic.woff') format('woff'),
        url('fonts/Barlow-BoldItalic.ttf') format('truetype'),
        url('fonts/Barlow-BoldItalic.svg#fonts/Barlow-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-MediumItalic.eot');
    src: url('fonts/Barlow-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-MediumItalic.woff2') format('woff2'),
        url('fonts/Barlow-MediumItalic.woff') format('woff'),
        url('fonts/Barlow-MediumItalic.ttf') format('truetype'),
        url('fonts/Barlow-MediumItalic.svg#fonts/Barlow-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-ExtraLight.eot');
    src: url('fonts/Barlow-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-ExtraLight.woff2') format('woff2'),
        url('fonts/Barlow-ExtraLight.woff') format('woff'),
        url('fonts/Barlow-ExtraLight.ttf') format('truetype'),
        url('fonts/Barlow-ExtraLight.svg#fonts/Barlow-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-Thin.eot');
    src: url('fonts/Barlow-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-Thin.woff2') format('woff2'),
        url('fonts/Barlow-Thin.woff') format('woff'),
        url('fonts/Barlow-Thin.ttf') format('truetype'),
        url('fonts/Barlow-Thin.svg#fonts/Barlow-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-ExtraBoldItalic.eot');
    src: url('fonts/Barlow-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-ExtraBoldItalic.woff2') format('woff2'),
        url('fonts/Barlow-ExtraBoldItalic.woff') format('woff'),
        url('fonts/Barlow-ExtraBoldItalic.ttf') format('truetype'),
        url('fonts/Barlow-ExtraBoldItalic.svg#fonts/Barlow-ExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}




/*styles génériques*/
*{
	margin:0;
	padding:0;
	outline:none;
}
html, body{
	width:100%;
	height:100%;
}
object, embed, iframe{
	position:relative;
	z-index:1;
	max-width:100%;
	/*height:auto;*/
}

.youtube-container iframe {position: static;}

a, a:hover, a:focus{
	color:inherit;
}
.relative{
	position:relative;
	z-index:1;
}
img{
	max-width:100%;
	height:auto;
}
.poz_static{
	position:static;
}
.nopadding{
	padding:0 !important;
	margin:0 !important;
}
html{
	font-size:62.5%;
}
body{
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 1.6rem;
	background-color: #e6eaed;
	overflow-x: hidden;
}
/*FIN styles génériques*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*/
defaut : #0098d4
/*/
.bg_blanc{
	background-color:#fff;
}
.couleur{
	color:#0098d4;
}
.bg_color{
	background-color:#0098d4;
}
/**/
header{
	position:fixed;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 95px;
	background-color: #fff;
	text-transform: uppercase;
	color: #000;
	-moz-transition: all 400ms ease-out;
	-webkit-transition: all 400ms ease-out;
	-o-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
}
header>.container{
	width: 100%;
}
body.home header.affix{
	background-color: #fff !important;
}
body{
	padding-top: 95px;
}
	header ul{
		padding-top: 15px;
		-moz-transition: all 400ms ease-out;
		-webkit-transition: all 400ms ease-out;
		-o-transition: all 400ms ease-out;
		transition: all 400ms ease-out;
	}
	header li{
		list-style: none;
		display: inline-block;
		vertical-align: middle;
		margin-left: 0;
		/*margin-top: 8px;*/
		-moz-transition: all 400ms ease-out;
		-webkit-transition: all 400ms ease-out;
		-o-transition: all 400ms ease-out;
		transition: all 400ms ease-out;
		line-height: 1;
	}
	header li:before{
		content: '-';
		display: inline-block;
		vertical-align: middle;
		margin-left: 3px;
		margin-right: 5px;
		margin-top: -3px;
	}
	header li:first-child:before, header li.searchbt:before{
		display: none;
	}
	header .menu-item a{
		display: inline-block;
		padding: 5px 0;
		font-family: 'Barlow';
		text-transform: uppercase;
		color: #000;
		text-decoration: none;
		font-weight: 500;
		line-height: 10px;
		font-size: 1.25rem;
		-moz-transition: all 400ms ease-out;
		-webkit-transition: all 400ms ease-out;
		-o-transition: all 400ms ease-out;
		transition: all 400ms ease-out;
	}
	header .menu-item a:hover{
		text-decoration: none;
		border-bottom: solid 2px #0f2e46;
	}
	header .menu-item.current_page_item a, body.single header .menu-item.menu-item-home a{
		text-decoration: none;
		font-weight: 900;
		border-bottom: solid 2px #0f2e46;
	}
	header .menu-item.searchbt{
		/*margin-top: 15px;*/
		margin-left: 10px;
	}
	header .menu-item.searchbt a{
		text-indent: -9999px;
		overflow: hidden;
		width: 38px;
		height: 38px;
		background: url(img/searchbt.png) 0 0 no-repeat;
		background-size: 100% 100%;
		border: none !important;
		-moz-transition: all 400ms ease-out;
		-webkit-transition: all 400ms ease-out;
		-o-transition: all 400ms ease-out;
		transition: all 400ms ease-out;
		padding: 0;
		display: block;
	}

	header .widget_nav_menu{
		padding-top: 13px;
	}
	header .widget_nav_menu, header .widget_search{
		display: inline-block;
		vertical-align: middle;
	}
	.site-title{
		padding-top: 0;
		margin: 0;
		-moz-transition: all 400ms ease-out;
		-webkit-transition: all 400ms ease-out;
		-o-transition: all 400ms ease-out;
		transition: all 400ms ease-out;
	}
	.site-title svg{
		width: auto;
		height: 85px;
	}

#content_search_form{
	position: fixed;
	top: -500px;
	right: -500px;
	z-index: 9;
	width: 400px;
	height: 400px;
	border-radius: 50%;
	background-color: #0f2e46;
	margin:auto;
}
#content_search_form.open{
	top: -125px;
	right: 0px;
}
#content_search_form.finish{
	border-radius:0 !important;
	width:100% !important;
	height:100% !important;
}
#searchform{
	position: fixed;
	left: 0;
	right: 0;
	z-index: 1;
	max-width: 760px;
	width:90%;
	height: 100px;
	margin: auto;
	color: #fff;
	top:0;
	bottom:0;
	opacity:0;
	text-align:center;
	display: none;
}
#searchform fieldset>*{
	display:inline-block;
	vertical-align:middle;
}
#search{
	background: none;
	border: none;
	border-bottom: solid 1px #fff;
	color: #fff;
	padding: 15px 1px;
	font-size:3rem;
}
.submit_search{
	font-size:0;
	border:none;
	background:url(img/searchok.png) center center no-repeat #fff;
	width:50px;
	height:50px;
	border-radius:50%;
	cursor:pointer;
	margin-left:30px;
	margin-top:75px;
}
.close_search, .close_burger{
	width:50px;
	height:50px;
	border-radius:50%;
	cursor:pointer;
	border:solid 2px #fff;
	overflow:hidden;
	text-indent:-9999px;
	position:relative;
	z-index:1;
	margin-left:14px;
	margin-top:75px;
}
.close_search:before, .close_search:after, .close_burger:before, .close_burger:after {
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index:1;
	margin:auto;
	content: ' ';
	height: 23px;
	width: 2px;
	background-color: #fff;
}
.close_search:before, .close_burger:before {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.close_search:after, .close_burger:after {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

footer{
	width: 100%;
	height: 65px;
	background-color: #171717;
	color: #fff;
}
	.close_burger{
		position:absolute;
		top:15px;
		right:35px;
		z-index:1;
		margin-left:0;
		margin-top:0;
	}
	footer .widget_nav_menu{
		float: left;
	}
	footer .widget_sp_image{
		float: right;
		margin-top: 6px;
	}
	footer li{
		list-style: none;
		display: inline-block;
		vertical-align: middle;
		font-size: 1.4rem;
		margin-right: 20px;
		margin-top: 20px;
	}
	footer li a{
		text-decoration: none;
	}
.search_result{
	padding-top: 80px;
}

/**/
#les_tuiles .bloc_extrait{
	position: relative;
	z-index: 1;
	margin-bottom: 50px;
	-moz-animation: fadeInUp 1s;
	-webkit-animation: fadeInUp 1s;
	-o-animation: fadeInUp 1s;
	animation: fadeInUp 1s;
}
.sticky .bloc_extrait .decoration{
	display: none;
}
@media (min-width: 993px) {
.sticky .bloc_extrait{
	width: 100%;
	height: 544px;
	margin-bottom: 100px;
	position: relative;
	z-index: 1;
}
.sticky .bloc_extrait .decoration{
	display: block;
	position: absolute;
	right: -30px;
	bottom: 0;
	z-index: 2;
	width: 50%;
}
.sticky .bloc_extrait .decoration svg{
	fill:#ffffff;
	-webkit-filter: drop-shadow(5px 5px 8px rgba(0,0,0,0.1));
	filter: drop-shadow(5px 5px 8px rgba(0,0,0,0.1));
}
/*.sticky .bloc_extrait.color1 .decoration svg{
	fill: #777a15;
}
.sticky .bloc_extrait.color2 .decoration svg{
	fill: #9091C7;
}
.sticky .bloc_extrait.color3 .decoration svg{
	fill: #7D204F;
}
.sticky .bloc_extrait.color4 .decoration svg{
	fill: #01487B;
}
.sticky .bloc_extrait.color5 .decoration svg{
	fill: #609FB3;
}
.sticky .bloc_extrait.color6 .decoration svg{
	fill: #FFA455;
}*/
.fourth .bloc_extrait{
	height: 440px;
	margin-bottom: 80px;
}
}
span.arrow{
	display:inline-block;
	margin-left:15px;
	vertical-align:top;
}
.bttf span.arrow{
	margin-left:0;
	margin-right:15px;
	margin-top:-3px;
}
span.arrow>span{
	display:inline-block;
	width:20px;
	height:1px;
	position:relative;
	z-index:1;
	background-color:#7c9cad;
	-moz-transition: all 400ms ease-out;
	-webkit-transition: all 400ms ease-out;
	-o-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
}
.bttf span.arrow>span, body.listing .bloc_extrait:hover span.arrow>span, body.listing .bloc_extrait:hover span.arrow>span:after{
	background-color:#fff !important;
}
span.arrow>span:after{
	content:'';
	display:block;
	position:absolute;
	top:-3.25px;
	right:0;
	z-index:1;
	background-color:#7c9cad;
	width:8px;
	height:1px;
	-ms-transform: rotate(40deg);
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg);
	-moz-transition: all 400ms ease-out;
	-webkit-transition: all 400ms ease-out;
	-o-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
}
.bttf span.arrow>span:after{
	left:0;
	right:auto;
	background-color:#fff;
	-ms-transform: rotate(-40deg);
	-webkit-transform: rotate(-40deg);
	transform: rotate(-40deg);
}
.fourth span.arrow>span:after{
	top:-3px;
}
	.bloc_extrait figure{
		position: relative;
		z-index: 1;
		width: 100%;
		height: 168px;
		overflow: hidden;
	}
	.bloc_extrait figure a{
		display: block;
	}
	.bloc_extrait figure img{
		position: absolute;
		top: -999px;
		left: -999px;
		right: -999px;
		bottom: -999px;
		margin: auto;
		z-index: 1;
		max-width: none;
		width: auto;
		height: 100%;
		-moz-transition: all 400ms ease-out;
		-webkit-transition: all 400ms ease-out;
		-o-transition: all 400ms ease-out;
		transition: all 400ms ease-out;
	}
	body.listing .bloc_extrait:hover figure img, body.search .bloc_extrait:hover figure img{
		height: 110%;
	}
	.bloc_extrait.video figure a:before{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 2;
		margin: auto;
		content: '';
		display: block;
		width: 106px;
		height: 106px;
		background: url(img/play.png) center center no-repeat;
		background-size: 100% 100%;
	}
	@media (min-width: 993px) {
	.sticky .bloc_extrait figure{
		width: auto;
		height: auto;
	}
		.sticky .bloc_extrait figure img{
			position: static;
		}
	.fourth .bloc_extrait figure{
		width: auto;
		height: 100%;
		text-align: right;
	}
		.fourth .bloc_extrait figure img{
			position:static;
			width: auto;
			height: auto;
			max-height: 100%;
		}
	.sticky .bloc_extrait.video figure a:before{
		/*width: 160px;
		height: 160px;*/
		right: 25%;
		left: auto;
	}
	.fourth .bloc_extrait.video figure a:before{
		/*width: 160px;
		height: 160px;*/
		left: 25%;
		right: auto;
	}
	}
	.bloc_extrait .extrait{
		background-color: #fff;
		font-size: 1.4rem;
		height: 311px;
		-moz-transition: all 400ms ease-out;
		-webkit-transition: all 400ms ease-out;
		-o-transition: all 400ms ease-out;
		transition: all 400ms ease-out;
	}
	.bloc_extrait .extrait .wrap{
		display:block;
		width:100%;
		height:100%;
		padding: 25px 30px;
	}
	.bloc_extrait .extrait .wrap a, .bloc_extrait .extrait .wrap a:hover{
		text-decoration:none !important;
	}
	body.listing .bloc_extrait:hover .extrait{
		background-color: #f8cb21;
		color: #fff;
	}
	body.listing .bloc_extrait.color1:hover .extrait{
		background-color: #777a15;
	}
	body.listing .bloc_extrait.color2:hover .extrait{
		background-color: #9091C7;
	}
	body.listing .bloc_extrait.color3:hover .extrait{
		background-color: #7D204F;
	}
	body.listing .bloc_extrait.color4:hover .extrait{
		background-color: #01487B;
	}
	body.listing .bloc_extrait.color5:hover .extrait{
		background-color: #609FB3;
	}
	body.listing .bloc_extrait.color6:hover .extrait{
		background-color: #FFA455;
	}
	@media (min-width: 993px) {
	.sticky .bloc_extrait .extrait{
		width: 50%;
		height: 65%;
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 2;
	}
	.sticky .bloc_extrait .extrait.event{
		height: 82%;
	}
	.sticky .bloc_extrait .extrait .wrap{
		padding: 55px 50px;
	}
	.fourth .bloc_extrait .extrait{
		width: 40%;
		height: 78%;
		position: absolute;
		left: 0;
		bottom: 0;
		top: 0;
		margin: auto;
		z-index: 2;
	}
	.fourth .bloc_extrait .extrait .wrap{
		padding: 55px 30px;
	}
	}
	.catlabel{
		color: #fff;
		text-transform: uppercase;
		text-align: center;
		width: 265px;
		height: 41px;
		line-height: 41px;
		font-size: 1.8rem;
		font-family: 'Barlow';
		font-weight: 500;
	}
	.catlabel a{
		text-decoration: none !important;
	}
	.bloc_extrait .catlabel{
		position: absolute;
		top: -30px;
		left: 0;
		right: 0;
		z-index: 2;
		margin: auto;
		background-color: #f8cb21;
		-moz-transition: all 400ms ease-out;
		-webkit-transition: all 400ms ease-out;
		-o-transition: all 400ms ease-out;
		transition: all 400ms ease-out;
	}
	.color1 .catlabel, .extr.color1 .catlabel{
		background-color: #777a15;
	}
	.color2 .catlabel, .extr.color2 .catlabel{
		background-color: #9091C7;
	}
	.color3 .catlabel, .extr.color3 .catlabel{
		background-color: #7D204F;
	}
	.color4 .catlabel, .extr.color4 .catlabel{
		background-color: #01487B;
	}
	.color5 .catlabel, .extr.color5 .catlabel{
		background-color: #609FB3;
	}
	.color6 .catlabel, .extr.color6 .catlabel{
		background-color: #FFA455;
	}
	@media (min-width: 993px) {
	.sticky .bloc_extrait .catlabel, .fourth .bloc_extrait .catlabel{
		top: -20px;
	}
	.sticky .bloc_extrait .event .catlabel, .fourth .bloc_extrait .event .catlabel{
		top: 90px;
	}
	}
	.bloc_extrait .meta{
		color: #7c9cad;
		font-weight: 300;
		display: block;
		margin-bottom: 5px;
		-moz-transition: all 400ms ease-out;
		-webkit-transition: all 400ms ease-out;
		-o-transition: all 400ms ease-out;
		transition: all 400ms ease-out;
	}
	.bloc_extrait .date_event{
		background-color: #587b8d;
		color: #fff;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 1.8rem;
		text-align: center;
		padding-top: 45px;
		height: 90px;
		text-overflow: ellipsis;
		white-space: nowrap;
		position: relative;
		z-index: 1;
		margin: -25px -30px 20px -30px;
	}
	@media (min-width: 993px) {
	.sticky .bloc_extrait .date_event{
		margin: -55px -50px 45px -50px;
		height: 110px;
	}
	.fourth .bloc_extrait .date_event{
		margin-top: -55px;
		height: 110px;
		margin-bottom: 45px;
	}
	}
	.bloc_extrait .date_event:before{
		content: '';
		position: absolute;
		top: -44px;
		left: 0;
		right: 0;
		z-index: 2;
		margin: auto;
		background: url(img/picto_event.png) center center no-repeat #fff;
		border-radius: 50%;
		width: 70px;
		height: 70px;
	}
	.bloc_extrait .titre{
		font-family: 'Barlow';
		font-size: 2.4rem;
		margin: 0 0 15px 0;
	}
	@media (min-width: 993px) {
	.sticky .bloc_extrait .titre{
		font-size: 3.6rem;
	}
	}
	.bloc_extrait .sponsor{
		background-color: #fff;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1;
		padding: 20px 30px;
		color: #333 !important;
		text-decoration: none;
		display: flex;
		align-items: center;
	}
	.bloc_extrait .sponsor img{
		width: 80px;
		border-radius: 50%;
		margin: 0 10px -30px -50px;
	}
	.sticky .bloc_extrait .sponsor{
		padding: 25px 50px;
	}
	.bloc_extrait .more{
		text-transform: uppercase;
		color: #7c9cad;
		text-decoration: none;
		position: absolute;
		right: 15px;
		bottom: 15px;
		z-index: 1;
	}
	.bloc_extrait .more:hover{
		text-decoration: none;
	}
	body.listing .bloc_extrait:hover .more, body.listing .bloc_extrait:hover .meta{
		color: #fff;
	}
	body.listing .bloc_extrait:hover .sponsor{
		color: #333;
	}

/**/
.filtre_home{
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	padding-top: 31px;
}

.filtre_home [type="checkbox"]:not(:checked),
.filtre_home [type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}
.filtre_home label, .filtre_home a.filtre{
	display:inline-block;
	vertical-align:middle;
	margin: 0 6px;
	text-align:center;
	padding: 7px 8px;
	width: auto;
	height: auto;
	font-family: 'Barlow';
	text-transform: uppercase;
	font-weight: 500;
	line-height:1;
	font-size:1.5rem;
	color:#000;
	border:solid 2px #0f2e46;
	cursor:pointer;
	text-decoration: none !important;
	-moz-transition: all 400ms ease-in-out;
	-webkit-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.filtre_home label span:before, .filtre_home a.filtre span:before{
	display:inline-block;
	vertical-align:middle;
	content:'#';
	line-height: 1;
	margin-top: -2px;
}
@media (max-width: 1300px) {
	.filtre_home{
		padding-top: 33px;
	}
	.filtre_home label, .filtre_home a.filtre{
		font-size:1.35rem;
		padding: 5px 6px;
		margin: 0 3px;
	}
	.filtre_home label span:before, .filtre_home a.filtre span:before{
		margin-top: -2px;
	}
}
@media (max-width: 1160px) {
	.filtre_home{
		padding-top: 35px;
	}
	.filtre_home label, .filtre_home a.filtre{
		font-size:1.25rem;
		padding: 4px 5px;
		margin: 0 2px;
		border-width: 1px;
	}
	.filtre_home label span:before, .filtre_home a.filtre span:before{
		margin-top: -2px;
	}
}
@media (max-width: 1080px) {
	.filtre_home{
		padding-top: 35px;
	}
	.filtre_home label, .filtre_home a.filtre{
		font-size:1.25rem;
		padding: 4px 5px;
		margin: 0 0px;
		border-width: 1px;
	}
	.filtre_home label span:before, .filtre_home a.filtre span:before{
		margin-top: -2px;
	}
}
@media (max-width: 1060px) {
	.site-title{
		margin-left: -15px;
	}
	header .menu-item a{
		font-size:1.10rem;
	}
	.filtre_home{
		padding-top: 33px;
	}
	.filtre_home label, .filtre_home a.filtre{
		font-size:1.20rem;
		padding: 4px 5px;
		margin: 0 0px;
		border-width: 1px;
	}
	.filtre_home label span:before, .filtre_home a.filtre span:before{
		margin-top: -2px;
	}
}
.filtre_home [type="checkbox"]:checked + label, .filtre_home a.filtre{
	color:#fff;
	background-color:#0f2e46;
}
@media (min-width: 1024px) {
	.filtre_home a.filtre.color1{
		background-color: #777a15;
		border-color: #777a15;
	}
	.filtre_home a.filtre.color2{
		background-color: #9091C7;
		border-color: #9091C7;
	}
	.filtre_home a.filtre.color3{
		background-color: #7D204F;
		border-color: #7D204F;
	}
	.filtre_home a.filtre.color4{
		background-color: #01487B;
		border-color: #01487B;
	}
	.filtre_home a.filtre.color5{
		background-color: #609FB3;
		border-color: #609FB3;
	}
	.filtre_home a.filtre.color6{
		background-color: #FFA455;
		border-color: #FFA455;
	}
}
.filtre_home label:hover, .filtre_home a.filtre:hover, .filtre_home a.filtre.current{
	color:#000 !important;
	background-color:#fff !important;
}
aside.load_more{
	display: block;
	width: 100%;
	height: 40px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	background-color: #0f2e46;
	font-size: 1.4rem;
	line-height: 40px;
	cursor: pointer;
}
aside.load_more span{
	display: inline-block;
	vertical-align: middle;
}
aside.load_more span:after{
	content:'';
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	margin-left: 10px;
	background: url(img/load_more.png) center center no-repeat;
	background-size:100% 100%;
	margin-top: -5px;
	-moz-transition: all 400ms ease-out;
	-webkit-transition: all 400ms ease-out;
	-o-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
}
aside.load_more:hover span:after{
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
#les_tuiles{
	position: relative;
	z-index: 2;
}
body.listing .content_page{
	position: relative;
	z-index: 2;
	min-height: 700px;
	padding-bottom: 0 !important;
}
body.listing.archive .content_page{
	padding-top: 80px;
}
section.descriptif{
	border-top: solid 2px #0f2e46;
	padding: 50px 0;
	position: relative;
	z-index: 1;
}
/**/
h1,h2,h3,h4,h5,h6,.nexi{
	font-family: 'Barlow';
	font-weight: 500;
}
.h6, h6{
	font-size: 1.4rem;
}
/**/
body.single .extrait .cta{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}
.cta_fix{
	position: fixed;
	top: -500px;
	z-index: 8;
	width: 100%;
	-moz-transition: all 400ms ease-out;
	-webkit-transition: all 400ms ease-out;
	-o-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
}
.cta_fix.affix{
	top: 95px;
}
.extrait .cta>*, .cta_fix .elem>*, .bg_article .cta>*{
	float: left;
}
a.bttf{
	text-transform: uppercase;
	background-color: #0f2e46;
	padding: 0 20px;
	color: #fff !important;
	line-height: 41px;
	width: auto;
	height: 41px;
	font-family: 'Barlow';
	font-size: 1.6rem;
	font-weight: 500;
	text-decoration: none !important;
}
.bg_article, .bg_lastarticle{
	background-color: #fff;
	padding: 40px 25% 80px 16.6667%;
	position: relative;
	z-index: 1;
}
.bg_article>.sponsor{
	display: flex;
	align-items: center;
	text-decoration: none;
	color: #333;
}
.bg_article>.sponsor:hover{
	text-decoration: none;
	color: #333;
}
.bg_article>.sponsor img{
	border-radius: 50%;
	flex: 0 0 130px;
	margin: -60px 10px 0 -20px;
	width: 130px;
}
.bg_article>.sponsor img + span{
	margin-top: -30px;
}

@media (min-width: 801px) {
body.single .bg_article{
	min-height:660px;
}
}
.bg_lastarticle{
	padding-right: 16.6667%;
	margin-top: 7px;
	padding-bottom: 50px;
}

.bg_article h1,.bg_article h2,.bg_article h3,.bg_article h4,.bg_article h5,.bg_article h6, .color_hn h1,.color_hn h2,.color_hn h3,.color_hn h4,.color_hn h5,.color_hn h6{
	color: #0f2e46;
}
body.color1 article .bg_article h1, body.color1 article .bg_article h2, body.color1 article .bg_article h3, body.color1 article .bg_article h4, body.color1 article .bg_article h5, body.color1 article .bg_article h6{
	color: #777a15;
}
body.color2 article .bg_article h1, body.color2 article .bg_article h2, body.color2 article .bg_article h3, body.color2 article .bg_article h4, body.color2 article .bg_article h5, body.color2 article .bg_article h6{
	color: #9091C7;
}
body.color3 article .bg_article h1, body.color3 article .bg_article h2, body.color3 article .bg_article h3, body.color3 article .bg_article h4, body.color3 article .bg_article h5, body.color3 article .bg_article h6{
	color: #7D204F;
}
body.color4 article .bg_article h1, body.color4 article .bg_article h2, body.color4 article .bg_article h3, body.color4 article .bg_article h4, body.color4 article .bg_article h5, body.color4 article .bg_article h6{
	color: #01487B;
}
body.color5 article .bg_article h1, body.color5 article .bg_article h2, body.color5 article .bg_article h3, body.color5 article .bg_article h4, body.color5 article .bg_article h5, body.color5 article .bg_article h6{
	color: #609FB3;
}
body.color6 article .bg_article h1, body.color6 article .bg_article h2, body.color6 article .bg_article h3, body.color6 article .bg_article h4, body.color6 article .bg_article h5, body.color6 article .bg_article h6{
	color: #FFA455;
}
.bg_article p{
	text-align: justify;
}
.bg_article>*{
	margin-bottom: 25px;
}
.bg_article>*:last-child{
	margin-bottom: 0;
}
.bg_article a,.bg_article a:hover{
	color: #0099ca;
	text-decoration: underline;
}
.bg_article .chapo{
	font-family: 'Barlow';
	font-weight: bold;
	margin-bottom: 25px;
	font-size: 2rem;
}
.wp-caption img{
	margin-bottom: 10px;
}
.wp-caption-text{
	font-size: 1.2rem;
	color: #7b9cad;
}
.bg_article blockquote{
	border: none;
	font-style: italic;
	font-size: 2rem;
	margin-top: 10px;
	margin-bottom: 30px;
	background: url(img/cite.png) 0 0 no-repeat;
	padding: 0 50px;
}
.bg_article li{
	list-style: none;
	background: url(img/puce.png) 1px 5px no-repeat;
	padding-left: 35px;
	margin-bottom: 3px;
}
.cms_encart{
	background-color: #e6eaed;
	border-bottom: solid 3px #0f2e46;
	padding: 20px 25px;
}
.cms_encart>*:last-child{
	margin-bottom: 0;
}

/**/
.bg_lastarticle .title{
	color: #7b9cad;
	font-weight: normal;
}
.bg_lastarticle .extr{
	width: 50%;
	min-height: 161px;
	margin-bottom: 24px;
	padding-right: 40px;
}
.bg_lastarticle .extr>*{
	display: inline-block;
	vertical-align: middle;
}
.bg_lastarticle .extr .figure{
	width: 165px;
	height: 161px;
}
	.bg_lastarticle .extr .figure figure{
		width: 165px;
		height: 120px;
		overflow: hidden;
	}
	.bg_lastarticle .meta{
		color: #7c9cad;
		font-weight: 300;
		display: block;
		font-size: 1.4rem;
	}
	.bg_lastarticle .extr .figure .catlabel{
		width: 165px;
		font-size: 1.45rem;
	}
.bg_lastarticle .extr .titre{
	width: 160px;
	padding-left: 15px;
	font-size: 1.8rem;
}
	.bg_lastarticle .extr .titre>*{
		margin:0;
	}
/**/
.bloc_talk{
	margin-top: 7px;
	margin-bottom: 20px;
}
.bloc_talk a{
	display: block;
	text-decoration: none !important;
	padding: 60px 0 40px 0;
	font-size: 3.6rem;
	font-weight: 500;
	line-height: 1.25;
	text-align: center;
	color: #fff;
	background: url("img/bg_talk.png") center center no-repeat;
	background-size: cover;
}
.bloc_talk a .more{
	display: inline-block;
	text-transform: uppercase;
	font-size: 1.4rem;
}
.bloc_talk span.arrow>span, .bloc_talk span.arrow>span:after{
	background-color:#fff !important;
}
@media (max-width: 800px) {
	.bloc_talk a{
		font-size: 2.8rem;
	}
}
/**/
.entete_page{
	position: relative;
	z-index: 1;
	height: 363px;
	margin-bottom: -123px;
	overflow: hidden;
}
.entete_page div{
	height: 100%;
}
.titre_page{
	position: absolute;
	top: 24%;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
	text-align: center;
	font-size: 6rem;
	color: #fff;
}
.entete_page img{
	position: absolute;
	top: -999px;
	left: -999px;
	right: -999px;
	bottom: -999px;
	margin: auto;
	z-index: -1;
	width: auto;
	max-width: none;
	height: 100%;
}
body.page .bg_article{
	min-height: 800px;
}
body.page .bg_article .cta{
	position: absolute;
	top: -41px;
	left: 0;
	z-index: 1;
}
.a2a_kit{
	line-height: 1 !important;
}
.a2a_kit a{
	float: left;
	padding: 0 !important;
}
.a2a_kit a span{
	border-radius: 0 !important;
}
.a2a_kit a svg{
	width: 20px;
	margin-top: 10px;
}


.search-title{
	margin-bottom:80px;
	margin-top:0;
}
.paginate{
	padding:2.5rem 0;
	text-align:center;
	font-size:0.9rem;
}
	.wpv_pagination_links, .wpv_pagination_dots{
		display:inline;
	}
	.paginate span, .paginate a{
		text-decoration:none;
		font-size:14px;
		font-size:1.4rem;
		font-weight:700;
		color:#fff;
		width:39px;
		height:39px;
		line-height:39px;
		display:inline-block;
		vertical-align:middle;
		border:none;
		border-radius:0;
		margin:0 2px;
		background-color:#0f2e46;
	}
	.paginate span.dots{
		color:#0f2e46;
		background-color:#fff;
	}
	.paginate a.prev, .paginate .wpv-filter-previous-link{
	}
	.paginate a.next, .paginate .wpv-filter-next-link{
	}
	.paginate .wpv-filter-previous-link, .paginate .wpv-filter-next-link{
		margin:0 2px;
	}
	.paginate a:hover, .paginate span.current, .wpv_page_current a{
		background-color:#d3d800;
		color:#fff;
		text-decoration:none;
	}

.cookie-notice-container .button{
	color: #fff;
	text-transform: none;
	background-color:#0f2e46;
	display: inline-block;
	vertical-align: middle;
	padding: 4px 7px;
}


.formob{
	display: none !important;
}
.navbar-toggle {
	float: none;
	margin: 0;
	padding: 0;
	display:none !important;
	vertical-align: middle;
	background-color:transparent;
	background-image:none;
	border:solid 1px #000;
	border-radius: 50%;
	height:38px;
	width:38px;
	text-transform:uppercase;
	text-align:left;
	position: absolute;
	top: 28px;
	right: 75px;
	z-index: 1;
}
.navbar-toggle:focus {
	outline:0
}
.navbar-toggle span {
	position:absolute;
	top:50%;
	right:0;
	display:block;
	width:18px;
	height:2px;
	background-color:#000;
	-webkit-transform:translateX(-50%) translateY(-50%);
	-ms-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%);
	-webkit-transition:background .2s;
	transition:background .2s
}
.navbar-toggle span:after,.navbar-toggle span:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:18px;
	height:100%;
	background-color:#000;
	-webkit-transition:-webkit-transform .3s;
	transition:transform .3s
}
.navbar-toggle span:after {
	-webkit-transform:translateY(5px);
	-ms-transform:translateY(5px);
	transform:translateY(5px)
}
.navbar-toggle span:before {
	-webkit-transform:translateY(-5px);
	-ms-transform:translateY(-5px);
	transform:translateY(-5px)
}
@media (min-width: 1025px) {
	.liste_filtre{
		display:block !important;
	}
}
@media (max-width: 1024px) {
	/*html{
		font-size:50%;
	}*/
	div.mobilenopad{
		padding: 0 !important;
	}

	header .side_haut.widget_nav_menu{
		padding-top: 0;
		height: 38px;
		position: absolute;
		top: 28px;
		right: 15px;
		z-index: 1;
	}
	header .side_haut.widget_nav_menu ul{
		margin-bottom: 0;
		padding-top: 0;
	}
	header .side_haut.widget_nav_menu li{
		display: none;
	}
	header .side_haut.widget_nav_menu li.searchbt{
		display: block;
		margin-top: 0;
	}
	header .navbar-toggle {
		display:inline-block !important;
	}
	body header{
		height:auto;
		min-height:95px;
	}
	.filtre_home{
		background-color:#0f2e46;
		margin:0 -15px;
		margin-top: 95px;
		padding-top:0;
		opacity: 1;
		-moz-transition: all 400ms ease-out;
		-webkit-transition: all 400ms ease-out;
		-o-transition: all 400ms ease-out;
		transition: all 400ms ease-out;
	}
	header{
		-moz-transition: all 400ms ease-out;
		-webkit-transition: all 400ms ease-out;
		-o-transition: all 400ms ease-out;
		transition: all 400ms ease-out;
	}
	header.searchopen{
		height: 95px !important;
		overflow: hidden;
	}
	body{
		padding-top:103px;
	}
	.liste_filtre{
		display:none;
		text-align:center;
	}
	.filtre_home .titre{
		display:block !important;
		text-align:center;
		font-size:1.6rem;
		color:#fff;
		text-transform:uppercase;
		font-family:'Barlow';
		font-weight:500;
		cursor:pointer;
		height:35px;
		line-height:35px;
	}
	.filtre_home .titre span:after{
		display:inline-block;
		vertical-align: middle;
		content: '';
		width: 12px;
		height: 9px;
		background: url(img/filtre_close.png) center center no-repeat;
		background-size: 100% auto;
		margin-left: 8px;
	}
	.filtre_home .titre.open span:after{
		background: url(img/filtre_open.png) center center no-repeat;
		background-size: 100% auto;
	}
	.filtre_home .liste_filtre{
		padding:0 6%;
	}
	.filtre_home label, .filtre_home a.filtre{
		color:#fff;
		border-color:#fff;
		width:46%;
		margin:10px 2%;
		float:left;
	}
	.filtre_home [type="checkbox"]:checked + label, .filtre_home a.filtre{
		background-color:#fff;
		color:#000;
	}
	.filtre_home .valid{
		display:block !important;
		text-align:center;
		background-color:#a0232a;
		font-size:1.5rem;
		color:#fff;
		text-transform:uppercase;
		font-family:'Barlow';
		font-weight:500;
		cursor:pointer;
		height:35px;
		line-height:35px;
		clear: both;
		margin: 0 -7%;
		margin-top: 10px;
	}
	.filtre_home .valid span:after{
		display:inline-block;
		vertical-align: middle;
		content: '';
		width: 18px;
		height: 18px;
		border: solid 1px #fff;
		border-radius: 50%;
		background: url(img/valid.png) center center no-repeat;
		background-size: 100% auto;
		margin-left: 8px;
	}

	footer{
		position:fixed;
		top:-500%;
		left:0;
		z-index:99;
		width:100%;
		height:100%;
		background-color:#0f2e46;
		color:#fff;
		-moz-transition: all 400ms ease-out;
		-webkit-transition: all 400ms ease-out;
		-o-transition: all 400ms ease-out;
		transition: all 400ms ease-out;
		padding-top:80px;
	}
	footer.open{
		top:0;
	}
	footer .container, footer .row, footer .col-xs-12{
		height:100%;
	}
		footer .close_burger{
			display:block !important;
		}
		footer .widget_nav_menu{
			float:none;
		}
		footer li, footer li.formob{
			display:block !important;
			text-align:center;
			text-transform:uppercase;
			font-family:'Barlow';
			font-weight:500;
			font-size:2.4rem;
		}
		footer.open .widget_sp_image{
			float:none;
			display:block;
			background-color:#fff;
			position:absolute;
			left:0;
			bottom:0;
			z-index:1;
			width:100%;
			padding:40px 20px;
			text-align:center;
		}

	.bg_lastarticle{
		display: none !important;
	}
	body.page .content_page, body.single .content_page{
		padding-bottom: 60px;
	}
	body.page .bg_article{
		min-height: auto;
	}
	.bg_article{
		padding: 40px 80px;
	}
	body.page .bg_article .cta{
		display: none;
	}
	body .cta_fix{
		display: none;
	}

	body.single .sticky{
		margin-bottom: 5px;
	}
	body.single .cta, body.page .cta_fix{
		display: block;
		position: fixed !important;
		top: auto;
		bottom:0;
		z-index: 9 !important;
		width:100%;
	}
	body.page .cta_fix>.container{
		width: 100%;
		padding: 0;
	}
	body.page .cta_fix>.container>.row, body.page .cta_fix>.container>.row>.col-xs-12{
		margin: 0;
		padding: 0;
	}
	body.single .sticky .cta a.bttf, body.single .sticky .cta .addtoany_shortcode, body.page .cta_fix a.bttf, body.page .cta_fix .addtoany_shortcode{
		float:none;
	}
	body.single .sticky .cta a.bttf, body.page .cta_fix a.bttf{
		width:100%;
		display:block;
		text-align:center;
		padding-right:123px;
	}
	body.single .sticky .cta .addtoany_shortcode, body.page .cta_fix .addtoany_shortcode{
		position:absolute;
		top:0;
		right:0;
		z-index:1;
		width:123px;
	}
	body.listing .sticky .bloc_extrait{
		margin-bottom: 50px;
	}
	#les_tuiles .bloc_extrait{
		margin: auto;
		max-width: 360px;
		margin-bottom: 50px;
	}
	.sticky .bloc_extrait figure{
		width: 100%;
		height: auto;
		float: none !important;
	}
		.sticky .bloc_extrait figure img{
			position: static;
			height: auto;
			max-width: 100%;
			width: 100%;
		}
	.sticky .bloc_extrait .extrait{
		position: relative;
		z-index: 3;
		height: auto;
	}
		.sticky .bloc_extrait .extrait .wrap{
			padding: 40px 35px;
			padding-bottom: 90px;
		}
		.sticky .bloc_extrait .sponsor{
			padding: 20px 35px;
		}
		.sticky .bloc_extrait .catlabel{
			top: -20px;
		}
		.sticky .bloc_extrait .wrap .date_event{
			display: none;
		}
		.sticky .date_event.formob{
			display: block !important;
			margin-bottom: 0;
			margin-top: 50px;
		}
	#search_field{
		display: block !important;
	}
	.submit_search, .close_search{
		margin-top: 20px;
	}
	.submit_search{
		margin-left:0;
	}
}
@media (max-width: 640px) {
	.bg_article{
		padding: 40px 35px;
	}
}
@media (max-width: 320px) {
	.bloc_extrait .titre{
		font-size: 2.0rem;
	}
}


.page .bg_article .iphorm-outer {
    float: none;
    max-width: 100%;
}

.bandeau_info{
display:block;
padding: 10px 25px;
color:#fff;
background-color:#0f2e46;
}
.bandeau_info>*:last-child{
margin-bottom:0;
}
@media (max-width: 640px) {
.bandeau_info{
display:none;
}
}