@media screen and (max-width: 1400px){
	.home .title-style .bg-title{font-size:7rem; font-weight:800;}
	.home .title-style h2{ padding: 3.6rem 0 0rem 0; } 

}

@media screen and (max-width: 1200px){ 
	section#head .bot .wrapper{padding-left:0; padding-right:0;}
	.wrapper{padding-left:15px; padding-right:15px;}
	div#block-hero #slider-top .wrapper.wrapper-slider{width:95%;}

	/*-------------------------------------------------------------*/
	/*--- slider
	/*-------------------------------------------------------------*/
	div#block-hero #slider{position:relative;} 
	div#block-hero #hero{margin-bottom:0;}

	/*-------------------------------------------------------------*/
	/*--- HEADER
	/*-------------------------------------------------------------*/
	header .wrap-header .header-right .cta-orange{display:none;}
	header .wrap-header .header-left{display:none;}
	.menu-search, #menu-float .menu-principal-container > ul > li.cta-orange.menu-donner{display:block;}
	.menu-search{ padding: 33px 97px 30px 25px;}
	.menu-search form#searchform{ top: 0; transform: none; }
	#menu-float .menu-principal-container > ul{padding-bottom:0px;}
	.menu-search form#searchform input{ width:100%; border:1px solid #5a5f6a; color:#fff; background-color:#25282f; position:relative; z-index:1;}
	.menu-search form#searchform input:hover,
	.menu-search form#searchform input:focus{border:1px solid #ed6543;}
	.menu-search form#searchform .fa-search{color:#a8a8aa; z-index:2;}
	#menu-float .menu-principal-container .cta-orange{display:block; width:100%; margin-top:20px;}
	#menu-float .menu-principal-container > ul > li.menu-donner > a{
		border:0px solid #fff;
		color: #fff;
		position: relative;
		font-size: 0.9rem;
		line-height: 1.2;
		display: block;
		text-decoration: none; 
		overflow: hidden; 
		text-align:center;
		padding: 13px 33px 11px 33px; 
	}  
	.home .title-style{overflow:initial;}
	.home .title-style .bg-title{font-size:5rem; font-weight:900; top:6px;}
	.home .title-style h2{ padding: 3.6rem 0 0rem 0; }
	.home .title-style h2{height:auto; margin-top:0rem;}

	/*-------------------------------------------------------------*/
	/*--- HERO
	/*-------------------------------------------------------------*/
	div#block-hero #hero{height:650px;}
	div#block-hero #hero .wrapper{bottom:0;margin-bottom:0;}
	div#block-hero #hero .wrapper:after { 
		background-color:rgba(248, 251, 253, 08) 0%;
		background: -moz-linear-gradient(left, rgba(248, 251, 253, 0) 0%, rgba(248, 251, 253, 0) 25%, rgba(248, 251, 253, 0.4) 50%, rgba(248, 251, 253, 0) 75%, rgba(248, 251, 253, 0) 100%);
		background: -webkit-linear-gradient(left, rgba(248, 251, 253, 0) 0%, rgba(248, 251, 253, 0) 25%, rgba(248, 251, 253, 0.4) 50%, rgba(248, 251, 253, 0) 75%, rgba(248, 251, 253, 0) 100%);
		background: linear-gradient(to right, rgba(3, 15, 25, 0.2) 0%, rgba(3, 15, 25, 0.4) 20%, rgba(3, 15, 25, 0.8) 50%, rgba(3, 15, 25, 0.4) 80%, rgba(3, 15, 25, 0.2) 100%);
	}
	div#block-hero #hero .wrapper .hero-content h2{color:#fff; margin-top:0;}
	div#block-hero #hero .wrapper .hero-content .hero-subtitle{color:#fff;}
	div#block-hero #hero .wrapper .hero-content p{color:#fff;}
	div#block-action .action-top .action-left{height:280px;}
	div#block-action .action-top .action-right span.action-statut{margin-top:0;}
	div#block-action .action-bot .action-vignette{width:50%; position:relative;}
	div#block-action .action-bot .action-vignette .vignette-inside{width:100%;}
	div#block-nouvelles .news-vignette .news-left{width:38%; left:15px; height:240px;}
	div#block-nouvelles .news-vignette .news-right{width:72%;  min-height:320px;} 
	div#block-nouvelles .news-vignette:after{top:0; bottom:0;}
	div#block-nouvelles .wrapper{padding-left:0; padding-right:0;}
	div#block-nouvelles .news-vignette .news-right .news-wrap{padding-right:15px;} 
	div#block-newsletter .newsletter-left, div#banner-footer .newsletter-right{width:100%; float:none; position:relative; height:270px;}
	div#block-newsletter .newsletter-right{background: linear-gradient(90deg, #72ad28 50%, #478d35 100%);}
	div#block-newsletter .newsletter-right, div#banner-footer .newsletter-left{padding:60px 60px; width:100%; float:none; position:relative;  }  
	div#block-newsletter .newsletter-right .newsletter-wrap, div#banner-footer .newsletter-left .newsletter-wrap{padding:0 0 0 0; }
	div#block-newsletter .newsletter-right .banner-title h2, div#banner-footer .newsletter-left .banner-title h2{padding-bottom:20px; line-height: 1.3; font-size: 2.5rem; text-align:center; display:block;}
	div#block-newsletter .newsletter-right .cta-orange, div#banner-footer .newsletter-right .cta-orange{ margin:auto; text-align:center; display:inline-block;}
	div#block-newsletter, div#banner-footer{text-align: center;}
	div#banner-footer .newsletter-left .cta-orange{margin-top:0;} 
	footer .footer-wrap .block-1-5.block-4{display:none;}
	footer .footer-wrap .block-1-5.block-1{width:34%; vertical-align: bottom;}
	footer .footer-wrap .block-1-5.block-2{width:24%; vertical-align: bottom; }
	footer .footer-wrap .block-1-5.block-3{width:40%;}
	footer .footer-wrap .block-1-5.block-5{width:100%; float:none; padding-top:20px; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column;}
	footer .footer-wrap .block-1-5.block-2 .block-content .footer-info{margin-bottom:0;}
	footer .footer-wrap .block-1-5.block-1 img{width:100%; display:block; margin:auto; max-width:165px;}
	.footer-bottom{padding-left:15px; padding-right:15px;} 
	span.quote{padding-left:20px; padding-right:20px;}
	span.quote:before{left: 0; right: 0;}
	span.quote:after{left:20px;} 
	.page-banner .wrapper .banner-title .title-wrap{padding-left:15px; padding-right:15px;}
	.thematique-title .icon{  display:block; margin:auto; bottom:-116px; top:initial; left: 50%; transform: translateX(-50%); height:110px; width:110px;}
	body.single-thematique .page-banner .wrapper .banner-title .title-wrap{ padding: 25px 15px 35px 15px; }
	.page-banner .wrapper .banner-title .title-wrap h1{line-height:1.1;} 
	#timeline .timeline-bot{padding-left:15px; padding-right:15px;}
	#modal .close{top:0!important; right:15px!important;}
	#modal h2{text-align:center; padding-top:15px;}
	#articles-large .articles-large-left{width:100%; float:none; position:relative;}
	#articles-large .articles-large-left .wrap{padding-top:4rem;}
	#articles-large .articles-large-right{width:100%; float:none; position:relative;}
	#articles-large .articles-large-left .wrap{ top: initial;  transform: none;}
	footer .footer-wrap .block-1-5.block-5 .block-content{padding-right:0;}

	/*-------------------------------------------------------------*/
	/*--- SLIDER
	/*-------------------------------------------------------------*/
	div#block-hero #hero{background-image: none!important;}
	div#block-hero:before{display:none;}
	.slider-bottom{top:0;}
	div#block-hero #slider-top{ background-color:rgba( 0, 0, 0, 0.7); }
	div#block-hero #hero .wrapper{ background-color:rgba(0, 32, 30, 0.55); }
	div#block-hero #hero .wrapper:after{display:none!important;}
	div#block-hero #slider-top .wrapper.wrapper-slider{bottom:0;}
	div#block-hero #slider-top .slider-thematiques .slide .thematique-name{display:none;}
	div#block-hero #slider-top .slider-thematiques .slide{padding:0; min-height:130px; }
	div#block-hero #slider-top .slider-thematiques .slide .thematique-icon{ max-width:100px; height: 100%; width:100%; max-height:100px; min-height:100px; }
	div#block-hero #slider-top .slider-thematiques .slide.active .thematique-icon{width:100%; height:auto; max-width:130px; max-height:130px; min-height:130px; }
	div#block-hero #slider-top .slider-thematiques .slide .thematique-icon{position:relative;}
	div#block-hero #slider-top .slider-thematiques .slide .thematique-icon img{width:100%;}
	div#block-hero #slider-top .slider-thematiques .slide.active .thematique-icon img,
	div#block-hero #slider-top .slider-thematiques .slide .thematique-icon img{width:100%; max-width:90px; }  
	div#block-hero #slider-top .slider-thematiques .slide.active .thematique-icon img{width:70%;}
	div#block-hero #slider-top .slider-thematiques .slide .thematique-icon img{width:65%;}
	div#block-hero #slider-top .slider-thematiques .slide.active .thematique-icon,
	div#block-hero #slider-top .slider-thematiques .slide .thematique-icon{position:absolute; bottom:0; left:0; right:0;}
	div#block-hero #slider-top .slider-thematiques .slide .circle{bottom:-30px;}
	div#block-hero #slider-top .slider-thematiques .slide.active .circle{bottom:-35px;}
	div#block-hero #slider-top .slider-thematiques .slide .thematique-icon .img-wrap{position:absolute; left:0; right:0;} 
	div#block-hero #slider-top .slider-thematiques{padding-bottom:40px; }
	div#block-hero #slider-top .wrapper.wrapper-slider{bottom:-16px;}
	.home  div#block-hero #slider-top .title-style.dark h2{margin-bottom:10px;}
	div#block-action .wrapper.wrap-cta{padding-bottom:20px;}
	/*-------------------------------------------------------------*/
	#archive-articles .article .article-right h3{margin-top:0; font-size:1.3rem;}
	#citations .slider-citation .wrap-content{ padding:50px 30px 45px 30px; }
	#citations .slider-citation .wrap-content:after{left:10px;}
	#video .video-bot{padding:0 0 0 0; background-color:transparent;} 
	.single-action #modal{overflow:auto;}
	.event-description{width:65%; padding-left:30px;}
	.event-infos{width:35%;}
	#archive-membre .article .membre-linked{position:absolute; right:0; top:0;} 
	#archive-membre .article .membre-info .info,
	#archive-membre .article .membre-info .info:nth-child(2n + 1),
	#archive-membre .article .membre-info .info:nth-child(2n + 2){display:block; float:none; padding-right:50px;}
	#archive-membre .article .membre-info {position:relative; padding-top:0; margin-top:20px;}

	#archive-articles .article.article-thematique .article-right{padding-left:0px!important;} 
	#archive-articles .article .article-left.archive-icon{position:relative!important; top:0; margin-bottom:10px;}
	#archive-articles .article .article-right .article-wrap{padding-left:0px!important;}
	section#head .top .wrapper{padding-top:80px; padding-bottom:90px; min-height:initial;}
	.archive-grid .grid .article{width:50%;}
	section#hero{padding-bottom:0;}
	section#obiterre{padding-left:15px; padding-right:15px; padding-top: 80px;}
	section#obiterre .wrapper{margin-top:0;}
	section#obiterre.obiterreNormal{padding-top:0px}

}

@media screen and (max-width: 950px){
	div#block-newsletter .newsletter-right, div#banner-footer .newsletter-left{padding-left:15px; padding-right:15px;} 
	.footer-bottom .bottom-left, .footer-bottom .bottom-right{float:none; display:block; text-align: center;}

	section#head .bot .wrapper .img{height:500px;}
	section#hero{padding-top:0; padding-bottom:0;}
	section#hero .wrapper{background-color: rgb(0 25 41 / 60%); padding-top:234px; padding-bottom:0;}
	section#hero .wrapper .content{background-image:initial; }
	section#hero .wrapper .wrap-content{padding-top:80px; padding-bottom:100px;}
	section#hero .wrapper .wrap-content h2{color:#fff;     font-size: 2rem;}
	section#hero .wrapper .wrap-content p{color:#fff;}

} 




@media screen and (max-width: 900px){
.memoires .memoire, .dropdown-membres .block-1-3-b {
    float:none;
    width:100%;
    margin: 0px 0% 40px 0%;
}
.dropdown-membres .wrapper {
    background-color: #fff;
    padding: 30px 15px 20px 15px;
    height:auto;
}
.dropdown-membres .titre {
    height:auto;
    position:static;
    margin:0px 0px 20px 0px;
}
.dropdown-membres input[type="submit"] {
    position:static;
    width:100%;
    height:auto;
    background-image:none;
    margin:00px 0px 0px 0px;
    text-indent:0px;
    padding:10px 25px;
    text-transform:uppercase;
    color:#fff;
    text-align:center;

}
} 




@media screen and (max-width: 850px){
	/*-------------------------------------------------------------*/
	/*--- HERO
	/*-------------------------------------------------------------*/
	div#block-hero #hero .wrapper .hero-content h2{font-size:1.9rem;}
	div#block-hero #hero .wrapper .hero-content .hero-subtitle{display:none;}
	div#block-hero #hero .wrapper .hero-content p{font-size:0.9rem; line-height:1.6;}
	div#block-hero #hero{height:550px;}
	.page-banner .wrapper{height:550px;}
	.page-banner .wrapper .banner-title{bottom:50px;}
	.single-action #content .action-info .block-1-3.block-1, .single-action #content .action-info .block-1-3.block-2, .single-action #content .action-info .block-1-3.block-3{width:100%; display:block; float:none;}
	.single-action #content .action-info .block-1-3.block-2 {
		border-left: 0px solid rgb(246, 103, 66);
		border-right: 0px solid rgb(246, 103, 66);
		border-top: 1px solid rgb(246, 103, 66);
		border-bottom: 1px solid rgb(246, 103, 66);
	} 
	/*-------------------------------------------------------------*/
	/*--- HEADER
	/*-------------------------------------------------------------*/

	/*-------------------------------------------------------------*/
	.home .title-style .bg-title{display:none;}
	div#block-action{padding-top:0;}
	.home .title-style h2{line-height:1.1rem;}
	div#block-nouvelles .news-vignette .news-left,
	#archive-articles .article .article-left{height:210px;}
	#archive-membre .article .article-left{width:120px; height:120px;}
	#archive-membre .article .article-left .bg-image{background-position: center top;}
	#archive-membre .article .article-right{padding-left: 140px;}
	#archive-membre .article{min-height:auto;}
	#archive-membre.membre-conseil .article .membre-linked{position:relative; display:inline-block;}
	#archive-membre.membre-conseil .article .membre-linked a, #archive-membre.membre-conseil .article .membre-linked a:hover{ 
		height: auto; 
		width: auto; 
		line-height: 40px; 
		line-height:initial; 
		display: block; 
		border-radius:0; 
		float: none; 
		border: 0px solid #bae2e2; 
		font-size: 15px; 
		position:relative; 
		top:-1px;
		border-left: 1px solid #bae2e2;
		padding-left:10px;
	} 
	#archive-membre .article .membre-role span{display:inline-block;padding-right:7px;}  
	#archive-membre .article .membre-role,
	#archive-membre .article .article-right h3{padding-right:0px;}
	#articles-small .block-articles .article { padding: 0 0 0 0; margin-top:30px; width: 100%; float: none; }
	#articles-small .block-articles .article span.article-date{padding-top:14px;}
	#articles-small .block-articles .article .wrap-inside,
	#articles-small .block-articles .article:first-child .wrap-inside, 
	#articles-small .block-articles .article:nth-child(2) .wrap-inside{ border-top: 0px solid #c7c6cb; border-bottom: 1px solid #c7c6cb; padding-top: 0px; padding-bottom:30px;}
	#articles-small .block-articles .wrap-content{padding-bottom:0; border-bottom: 0px solid #c7c6cb;}
	#articles-small .block-articles .article .article-left,
	#articles-small .block-articles .article .article-right{float:none; display:block;}
	#articles-small .block-articles .article .article-right{min-height:145px; padding-left:160px;}
	#articles-small .block-articles .article .article-left{position:absolute;top:0; left:0;} 

	header .wrap-header .header-right .social-media{display:none!important;}

section#obiterre .wrapper .wrap-content .right{padding-left:60px;}
}

@media screen and (max-width: 750px){ 
	div#block-action .action-top .action-left{height:230px;}
	div#block-nouvelles .news-vignette .news-left{height:200px;} 
	#articles .block-articles .article .article-left,
	#archive-articles .article .article-left{height:170px;} 

	footer .footer-wrap .block-1-5.block-4, footer .footer-wrap .block-1-5.block-3{display:none;}
	footer .footer-wrap .block-1-5.block-1{width:38%; vertical-align: bottom; text-align: center;}
	footer .footer-wrap .block-1-5.block-2{width:59%; vertical-align: bottom; } 
	footer .footer-wrap{padding-left:15px; padding-right:15px;}
	footer .footer-wrap .block-1-5.block-1 .block-content{padding: 0 10px;} 

	section#promote{position:relative;}
	section#promote:before {
		content: "";
		z-index: 1;
		background-color: rgb(0 31 52 / 70%);
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		position: absolute;
	}
	section#promote .wrapper .left{width:100%;}
	section#promote .wrapper .left .wrap{justify-content: center;}
	section#promote .wrapper .left .wrap .logo{border-radius:0 0 20px 20px; padding: 10px 1% 22px 1%; background: linear-gradient(to bottom, rgb(255 255 255 / 95%) 50%, rgb(255 255 255 / 80%) 100%); width: 234px;}
	section#promote > .wrapper{z-index:2;}
	section#promote > .wrapper .wrap-content{display:block; padding-top:0;}
	section#promote .wrapper .right{position:relative; min-height: initial;}
	section#promote .wrapper .right .wrap{padding:70px 0 0 0; text-align: center;}
	section#promote .wrapper .right:before{ display:none; }

	section#head .bot .wrapper .img{height:400px;}
section#obiterre .wrapper{padding-top:30px; }
	section#obiterre .wrapper .wrap-content{flex-direction: column;}
	section#obiterre .wrapper .wrap-content .left{padding-bottom:30px; margin: auto;}
	section#obiterre .wrapper .wrap-content .right{padding-left:0; text-align: center;}




section#obiterre.obiterreVedette .wrapper .wrap-content .left {width:100%;padding-left:00px;}
section#obiterre .wrapper .wrap-content .right {width:100%;padding-right: 0px;}

}

@media screen and (max-width: 700px){
	/*-------------------------------------------------------------*/
	/*--- HEADER
	/*-------------------------------------------------------------*/
	#menu-float{width:100%; left:-100%;} 
	.hamburger.hamburger-close .line:nth-child(3){margin-top:4px;}
	.hamburger.hamburger-close{padding:7px; left:initial; right:8px;}
	.hamburger.hamburger-close .line{width:26px;}
	.hamburger.hamburger-close .line:nth-child(1){
		-webkit-transform: translateY(7px) rotate(45deg);
		-ms-transform: translateY(7px) rotate(45deg);
		-o-transform: translateY(7px) rotate(45deg);
		transform: translateY(7px) rotate(45deg);
	}
	.hamburger.hamburger-close .line:nth-child(3){
		-webkit-transform: translateY(-7px) rotate(-45deg);
		-ms-transform: translateY(-7px) rotate(-45deg);
		-o-transform: translateY(-7px) rotate(-45deg);
		transform: translateY(-7px) rotate(-45deg);
	} 
	#menu-float .menu-principal-container > ul:after{width:60px;}
	#menu-float .menu-principal-container > ul { padding: 18px 75px 25px 15px; }
	.menu-search{ padding-left:15px; padding-right:75px; }
	.menu-search{padding-top:0;}
	
	/*-------------------------------------------------------------*/
	div#block-nouvelles .news-vignette .news-left{height:160px;}
	span.quote{padding-top:40px; padding-bottom:50px; padding-left:15px; padding-right:15px;}
	div#block-hero #slider-top .slider-thematiques .slide .thematique-icon{ max-width:90px; height: 100%; width:100%; max-height:90px; min-height:90px; }
	#menu-float  div.menu-bar{width:59px;}
	.single-action #modal{overflow:auto;}
	.event-description{margin-top:60px; width:100%; float:none; display:block; padding-left:0;}
	.event-infos{width:100%; float:none; display:block;}
	.event-public{display:none;}
	.public-responsive{display:block;}
	.event-infos .block-cout{padding-top:22px; padding-bottom:22px;}
	.event-infos .event-info-bot{border-top:1px solid #bae2e2; border-bottom:1px solid #bae2e2; border-right:0px solid #bae2e2; padding-top:5px; padding-bottom:5px;}
	.cta-orange-100{width:100%;}


	header .wrap-header{height:80px;} 
	header .wrap-header .header-logo{width:180px; display: flex; justify-content: center; padding: 14px 1% 20px 1%;}
	header .wrap-header .header-logo h1 a .logo-full{height:158px; max-width:140px; }
	header.sticky .wrap-header .header-logo h1 a .logo-full{height:57px;}
	header .wrap-header .header-logo h1 a .logo-full.obiterre{height:150px;}
	header .wrap-header .header-logo h1 a .logo-full.obiterre img{ max-width:140px;}
	header.sticky .wrap-header .header-logo h1 a .logo-full.obiterre{height:63px;}
	header .wrap-header .header-right{top:56%}
	.hamburger{top:14px; left:20px;}


	section#head .top{padding-top:184px;}
		section#hero .wrapper{ padding-top:192px; }

}

@media screen and (max-width: 650px){
	div#block-action .action-bot .action-vignette{width:100%; display:block; float:none;}
	div#block-action .action-bot .action-vignette h3{font-size:1.2rem; margin-top: 1rem; line-height:1.3;}
	div#block-action .action-bot .action-vignette span.action-statut{font-size:0.75rem;}
	div#block-action .action-bot .action-vignette .bg-image{opacity:0.5;}
	div#block-action .action-bot .action-vignette{min-height:230px;}
	div#block-action .action-bot .action-vignette .action-wrap{padding-left:15px; padding-right:15px;}
	div#block-newsletter .newsletter-left, div#banner-footer .newsletter-right{height:230px;}
	div#block-newsletter .newsletter-right .banner-title h2, div#banner-footer .newsletter-left .banner-title h2{ font-size: 1.9rem; line-height:1.2;}

	#articles-large .articles-large-right .block-4{width:100%; display:block; float:none;min-height:230px;}
	#articles-large .articles-large-right .block-4 h3{font-size:1.2rem; margin-top: 1rem; line-height:1.3;} 
	#articles-large .articles-large-left .wrap{padding-left:15px; padding-right:15px;}
	#articles-large .articles-large-right .block-4 .block-wrap{padding:20px 15px;}

	/*-------------------------------------------------------------*/
	/*--- HEADER
	/*-------------------------------------------------------------*/ 

	.lang-switcher{height:auto; line-height:33px;}
	/*-------------------------------------------------------------*/

.archive-grid .grid{display:block; margin-left:0; margin-right:0;}
	.archive-grid .grid .article{width:100%; padding-left:0; padding-right:0;} 



}

@media screen and (max-width: 600px){
	div#block-hero #hero .wrapper .hero-content p{font-size:0.9rem; line-height:1.5;}
	div#block-hero #hero .wrapper .hero-content h2{font-size:1.6rem;}
	div#block-action .action-top .action-left, div#block-action .action-top .action-right{width:100%; float:none; display:block; padding:30px 0 0 0;}
	div#block-action .action-top .action-left{height:280px;}
	footer .footer-wrap .block-1-5.block-4, footer .footer-wrap .block-1-5.block-3{display:none;}
	footer .footer-wrap .block-1-5.block-1{width:100%; float:none; display:block; }
	footer .footer-wrap .block-1-5.block-2{width:100%; float:none; display:block; } 
	footer .footer-wrap{padding-left:15px; padding-right:15px;}
	footer .footer-wrap .block-1-5.block-1 .block-content, footer .footer-wrap .block-1-5 .block-content{padding: 0 0;}
	footer .footer-wrap .block-1-5.block-2, footer .footer-wrap .block-1-5.block-3, footer .footer-wrap .block-1-5.block-4, footer .footer-wrap .block-1-5.block-5{padding-top:30px; text-align: center;} 
	.page-banner .wrapper .banner-title{bottom:50px;} 
	.page-banner .wrapper .banner-title .title-wrap{padding-bottom:28px; padding-top:30px; font-size:2.1rem; line-height: 1;} 
	

	div#block-nouvelles .news-vignette .news-right{min-height:auto; width:100%; left:0; padding-left:0; float:none; }
	div#block-nouvelles .news-vignette .news-left{position:relative; width:auto; float:none; left:0; margin-left:15px; margin-right:15px; height:280px;}
	div#block-nouvelles .news-vignette .news-left a{overflow:hidden;} 
	div#block-nouvelles .news-vignette .news-right .news-wrap{padding-left:15px;}
	div#block-nouvelles .news-vignette:after{width:100%;}
	#articles .block-articles .article .article-left,
	#archive-articles .article .article-left{ width:100%; float:none; height:280px;}
	#articles .block-articles .article .article-right,
	#archive-articles .article .article-right{ width:100%; float:none; }
	#articles .block-articles .article .article-right .article-wrap,
	#archive-articles .article .article-right .article-wrap{padding: 10px 0 0 0;}
	#primary h2{ font-size: 1.8rem; line-height:1.2;}
	#video .video-bot iframe{height:330px;}
	.formation .formation-left{width:100%; float:none; display:block; padding-right:0; padding-bottom:0;}
	.formation .formation-right{width:100%; float:none; display:block; padding-bottom:30px;}
	.formation .formation-wrap .formation-bot:after{display:none;}
	.formation .cta-arrow-bg{position:absolute; bottom:0; right:0;}


	#archive-membre .article .article-left{position:relative;}
	#archive-membre .article .article-left .bg-image{background-position: center top;}
	#archive-membre .article .article-right{padding-left: 140px;}
	#archive-membre .article{min-height:auto;}
	#archive-membre.membre-conseil .article .membre-linked{position:relative; display:inline-block;}

	#archive-membre .article .membre-role span{display:inline-block;padding-right:7px;}
	#archive-membre .article .article-right,
	#archive-membre .article .membre-role h3{padding-right:0px; }
	#archive-membre .article .article-left{position:relative;} 
	#archive-membre .article .article-right{padding-left:0px; padding-top:20px;}
	#archive-membre .article .membre-linked{position:relative; margin-top:8px;}


	.accordions div.accordion-item > div:first-child h3{line-height: 1.2; font-size:1.4rem; font-weight:500;}
	.accordions div.accordion-item > div:last-child .wrap .accordion-article .title h4{    font-size: 1.07rem;}
	.accordions div.accordion-item > div:last-child .wrap .accordion-article{padding: 25px 0 24px 0;}


}

@media screen and (max-width:500px){
	.slider-bottom .wrapper .wrap-content h3{font-size: 1.4rem; margin-top: 1rem; line-height: 1.2;}
	div#block-hero #slider-top .slider-thematiques .slide.active .thematique-icon{width:100%; height:auto; max-width:136px; max-height:136px; min-height:136px; }
	div#block-hero #slider-top .slider-thematiques .slide{min-height:136px;}
	div#block-hero #slider-top .wrapper.wrapper-slider{min-height:180px;}
	div#block-hero #slider-top .wrapper.wrapper-slider{bottom:-25px;}
	.slider-bottom .wrapper .wrap-content h3{font-size: 1.25rem; margin-top: 1rem; line-height: 1.2;}
	.slider-bottom .wrapper{padding-top:25px;} 
	.home div#block-hero #slider-top .title-style.dark h2{padding-bottom:0; margin-bottom:0;}
	.page-banner .wrapper{height:520px;}
	.page-banner .wrapper .banner-title .title-wrap{ padding-bottom: 23px; padding-top: 20px;}
	#video .video-bot{padding:0px; background-color:none;}
	#video .video-top{padding-bottom:0;}
	#articles .documentation.block-articles .article .article-wrap .icon{ height: 60px; width: 60px; line-height:60px; font-size:30px;}
	#articles .documentation.block-articles .article .article-right .article-wrap{padding-top:0;}
	#articles .documentation.block-articles .article .article-right{padding-left:75px;}
	#articles .documentation.block-articles .article .article-right h3 a{ font-size: 1.2rem; line-height:1;}
	#articles .documentation.block-articles .article .article-infos span.article-date,
	#articles .block-articles .article .article-infos span.article-doc{ font-size:0.7rem; letter-spacing:0; }

	section#head .bot .wrapper .img{height:350px;}



	header .wrap-header{height:80px;} 
	header .wrap-header .header-logo{width:155px; display: flex; justify-content: center; padding: 13px 1% 17px 1%;}
	header .wrap-header .header-logo h1 a .logo-full{height:136px; max-width:120px; }
	header.sticky .wrap-header .header-logo h1 a .logo-full{height:50px;}

	header .wrap-header .header-logo h1 a .logo-full.obiterre img{max-width:110px;}
	header .wrap-header .header-logo h1 a .logo-full.obiterre{height:117px;}
	header.sticky .wrap-header .header-logo h1 a .logo-full.obiterre{height:50px;}

	.hamburger{top:14px; left:20px;}


	section#head .top{padding-top:147px;}
	section#head .top .wrapper h1{font-size:2.5rem; line-height: 1.25;}
		section#head .top .wrapper{padding-top:70px; padding-bottom:80px; min-height:initial;}
section#hero .wrapper{ padding-top:166px; }
section#hero .wrapper .wrap-content h2{  font-size: 1.8rem;}

body.lang_en div#block-hero #hero .wrapper .hero-content{ padding-top:166px; }

	.search-results .paging-navigation .page-numbers{
		padding: 0 4px;
	}

	.search-results .paging-navigation .prev,
	.search-results .paging-navigation .next{
		padding: 9px 15px 9px 15px;
	}

}

@media screen and (max-width:450px){
	header .wrap-header .header-right .social-media .social-icon{margin-left: 18px;}
	.home .title-style.light h2{font-size:2.2rem;}

	/*-------------------------------------------------------------*/
	/*--- HEADER
	/*-------------------------------------------------------------*/

	#menu-float .menu-principal-container > ul > li > a{font-size:1.02rem; font-weight:700;}
	#menu-float .menu-principal-container > ul > li.sub-menu > a{padding-top:12px;}
	#menu-float .menu-principal-container > ul > li.cta-orange.menu-donner{margin-bottom:10px;}
	#menu-float .menu-principal-submenu ul > li > a{padding-top:3px;}
	/*-------------------------------------------------------------*/

	div#block-action .action-top .action-left{height:220px;}
	div#block-nouvelles .news-vignette .news-left{height:220px;}
	div#block-newsletter .newsletter-right, div#banner-footer .newsletter-left{padding-top:40px; padding-bottom:40px;}
	div#block-newsletter .newsletter-left, div#banner-footer .newsletter-right{height:130px;} 
	div#block-newsletter .newsletter-right .banner-title h2, div#banner-footer .newsletter-left .banner-title h2{font-size: 1.6rem;}
	.page-banner .wrapper .banner-title .title-wrap h1{font-size:1.9rem; line-height: 1.2; font-weight:800;}
	.page-banner .wrapper .banner-title{bottom:50px;} 
	#timeline .wrapper{padding-left:0; padding-right:0;}
	#timeline .timeline-top{padding-left:15px; padding-right:15px;}
	#timeline .timeline-bot .block-actions .action .circle{width:17px; height:17px; border:4px solid #002138;}
	#timeline .timeline-bot .block-actions .action:nth-child(2n + 2) .circle{left:-9px;}
	#timeline .timeline-bot .block-actions .action:nth-child(2n + 1) .circle{right:-8px;}
	#timeline .timeline-bot .block-actions .action:nth-child(2n + 1) .action-wrap{padding-right:15px;}
	#timeline .timeline-bot .block-actions .action:nth-child(2n + 2) .action-wrap{padding-left:15px;} 
	#articles .tab-menu li{padding:0 10px; text-align:center; width:49%; }
	#articles .tab-menu li:first-child{float:left;}
	#articles .tab-menu li:last-child{float:right;}
	#articles .tab-menu{left:0; width:100%; display:block;} 
	#articles .block-articles .article .article-left,
	#archive-articles .article .article-left{ width:100%;  float:none;  height:220px;} 
	div#block-hero{background-size:cover;background-repeat: none;}
	div#block-hero #hero .wrapper:after{display:none;} 
	div#block-hero #hero:after{position:absolute; top:0; bottom:0; left:0; right:0; background-color:#00201e; opacity: 0.5; content:""; display:block;}
	div#block-hero #hero .wrapper .hero-content{padding-bottom:32px;}
	div#block-hero #hero .wrapper{ background-color:rgba( 0, 0, 0, 0); }
	.home .title-style h2{line-height:2.5rem;}
	.home div#block-hero .title-style h2{font-size: 1.9rem; line-height: 1.2;} 
	#video .video-bot iframe{height:260px;}
	#timeline .timeline-bot .block-actions:after{right:auto;}
	#timeline .timeline-bot .block-actions .action:nth-child(2n + 1) .action-wrap,
	#timeline .timeline-bot .block-actions .action:nth-child(2n + 2) .action-wrap,
	#timeline .timeline-bot .block-actions .action .action-wrap{width:100%; padding-right:0px; text-align: left; padding-left:20px;}
	#timeline .timeline-bot .block-actions .action:nth-child(2n + 1) .action-wrap h3,
	#timeline .timeline-bot .block-actions .action .action-wrap h3{text-align: left}
	#timeline .timeline-bot .block-actions .action:nth-child(2n + 1) .circle,
	#timeline .timeline-bot .block-actions .action:nth-child(2n + 2) .circle,
	#timeline .timeline-bot .block-actions .action .circle{right:auto; left:-7px;}
	#archive-membre .article .article-right h3{font-size: 1.2rem;  line-height: 1.3; padding-bottom:3px;}
	body #primary .addtoany_share_save_container{position:relative; display:inline-block; margin:auto; text-align:center;display:block; top:0; left:initial; right:initial; margin-bottom:20px;}
	.single .article-info{text-align:center;} 

	#articles-small .block-articles .article .article-left{width:100px; height:100px;}
	#articles-small .block-articles .article .article-right{min-height:145px; padding-left:114px;}
	#articles-small .block-articles .article span.article-date{padding-top:0; margin-bottom:0;}
	#articles-small .block-articles .article .article-right h3{margin-top:0.5rem;}
	#articles-small .block-articles .article .wrap-inside, #articles-small .block-articles .article:first-child .wrap-inside, #articles-small .block-articles .article:nth-child(2) .wrap-inside{padding-bottom:25px;} 

	#timeline .timeline-bot h2{text-align: left;} 
}