@media screen and (max-width: 1400px){   
	.sc-red-title .wrapper .wrap-770{padding-bottom:120px;}
	.statistiques .statistique .row .column .wrap .stat.h2{font-size:30px;}

	/****************************************************************/
	/*** Padding left + right ***/
	/****************************************************************/
	.nav-overlay .overlay-inner .wrapper{padding:0 0 0 0;}
	.wrapper{padding-left:30px; padding-right:30px;}



	body .home-slider .owl-carousel .owl-nav{
		display:block!important; 
		display: flex;
		align-items: center;

		position: absolute;
		top: 150px;
		left: 0;
		right:0;
	} 
	body .home-slider .owl-carousel .owl-nav button.owl-prev.disabled{display:none;}
	body .home-slider .owl-carousel .owl-nav button.owl-next.disabled{display:none;}

	body .home-slider .owl-carousel .owl-nav button.owl-prev,
	body .home-slider .owl-carousel .owl-nav button.owl-next{
		padding:0; 
		margin:0;
		width:48px;  
		height:48px;  
		position:absolute;
		border-radius: 100%;
		background-size: 8px auto;
		background-repeat: no-repeat;
		background-position: center; 
		background-color:#df1a22;
		box-shadow: 0px 5px 15px rgb(10 14 29 / 0.20);

	}
	
	body .home-slider .owl-carousel .owl-nav button.owl-prev{
		left:10px; 
		background-image:url(/wp-content/themes/ATYPIC/public/img/arrow-slider-left.svg); 
	}
	body .home-slider .owl-carousel .owl-nav button.owl-next{
		right:10px; 
		background-image:url(/wp-content/themes/ATYPIC/public/img/arrow-slider-right.svg); 
	}

	.sc-wrapper-bg-img .wrapper {
		margin: 0 30px;
		width: unset;
	}
}  



@media screen and (max-width: 1024px){
	header .wrapper .logo a img{max-width:210px;}

	#home-content{padding-top:100px; padding-bottom:0;}
	#home-content.home-promote{ margin-top:-100px; margin-bottom:100px;}
	#home-content:before{
		position:absolute;
		content:"";
		background-color:#DF1A22; 
		left:0;
		right:0;
		bottom:0;
		height:100px;
		z-index:1;
	}
	#home-content.home-promote:before{background-color:#fff;}
	#home-content .wrapper{z-index:2;}
	#home-content .wrapper .left{padding-top:0;padding-bottom:200px;}
	#home-content .wrapper .left .wrap{padding-top:0;padding-bottom:0; padding-right:60px;}
	#home-content.home-promote .wrapper .left .wrap{ padding-left:60px;} 
	#home-content .wrapper .right{ width:45%; flex:initial;} 
	#home-content .wrapper .right .wrap{flex-direction: column; } 
	#home-content .wrapper .right .wrap > div:first-child{ padding:0 0 0 0;width: 100%; height:55%; }
	#home-content .wrapper .right .wrap > div:last-child { position: relative; width: 100%; display:flex; flex-direction: column; padding-top:0; top: initial; height:45%; }
	#home-content .wrapper .right .wrap > div:first-child .img{min-height:initial; }  
	#home-content .wrapper .right .wrap > div:first-child, 
	#home-content .wrapper .right .wrap > div:last-child{flex-direction: row; flex:initial; } 
	#home-content .wrapper .right .wrap > div:last-child{padding-top:0;}
	#home-content .wrapper .right .wrap > div:last-child .img:first-child{top:20px; bottom:0;}
	#home-content .wrapper .right .wrap > div:last-child .img{height:auto; position:absolute; top:20px; bottom:0; width:48%; } 
	#home-content .wrapper .right .wrap > div:last-child .img:last-child{right:0;}

	#home-fonds{margin-bottom:100px;}
	#home-fonds, #home-news{padding-bottom:100px;}
	#home-fonds, #home-news{padding-top:0;}
	#home-fonds .head, #home-news .head{margin-bottom:100px;}
	.home-slider .owl-carousel .owl-dots, .home-slider .owl-carousel .owl-dots{height:100px; top:-100px;}

	footer .wrapper .top .info .row,
	footer .wrapper .top .info .row:first-child{padding-right:60px;}
	footer .wrapper .top .info .row:first-child{flex:initial;} 
	footer .wrapper .top{padding-top:100px; padding-bottom:100px;}
	#head .wrapper{padding-top:100px; padding-bottom:100px;}
	#promotion .wrapper{padding-bottom:100px;}
	.temoignages .temoignage .img{width:250px;}
	.temoignages .temoignage .img div{height:250px;}
	.temoignages .temoignage .wrap-770{padding-left:40px;}
	/*.temoignage {
	    width: 50%;
	}
	.temoignages .temoignage .img div {
	    width: 100%;
	}*/
	.statistiques .statistique .row .column{width:33.3%; margin-bottom:20px;}
	.grid article.row-3 .wrap .thumbnail{height:320px;}
	.archive .grid .row-3{width:50%;}
	.grid article.row-3 .wrap .content h3{
		font-family: 'Open Sans', sans-serif;
		font-weight: 700;
		font-size: 24px;
		line-height: 1.2;
		letter-spacing: 0;
		color: #16222E;
		text-transform: initial;
		opacity: 1;
		margin-bottom: 0.6rem;
		margin-top: 1.2rem;
	}
	.grid article.row-3 .wrap .content{ padding: 40px 40px 30px 40px; }
	.form-cats button{width:33.3%;}

	.sc-wrapper-block.with-img .wrapper .right{
		display: none;
	}

	.sc-wrapper-block .wrapper .wrap-770{
		max-width: inherit;
		border-radius: 20px;
	}

	#sc-wrapper-three-img{padding-top:100px; padding-bottom:0;}
	#sc-wrapper-three-img.home-promote{ margin-top:-100px; margin-bottom:100px;}
	#sc-wrapper-three-img .wrapper{z-index:2;}
	#sc-wrapper-three-img .wrapper .left{padding-top:45px; padding-bottom:45px;}
	#sc-wrapper-three-img .wrapper .left .wrap{padding-top:0;padding-bottom:0; padding-right:60px;}
	#sc-wrapper-three-img.home-promote .wrapper .left .wrap{ padding-left:60px;}
	#sc-wrapper-three-img .wrapper .right{ width:45%; flex:initial;}
	#sc-wrapper-three-img .wrapper .right .wrap{flex-direction: column; }
	#sc-wrapper-three-img .wrapper .right .wrap > div:first-child{ padding:0 0 0 0;width: 100%; height:55%; }
	#sc-wrapper-three-img .wrapper .right .wrap > div:last-child { position: relative; width: 100%; display:flex; flex-direction: column; padding-top:0; top: initial; height:45%; }
	#sc-wrapper-three-img .wrapper .right .wrap > div:first-child .img{min-height:initial; }
	#sc-wrapper-three-img .wrapper .right .wrap > div:first-child,
	#sc-wrapper-three-img .wrapper .right .wrap > div:last-child{flex-direction: row; flex:initial; }
	#sc-wrapper-three-img .wrapper .right .wrap > div:last-child{padding-top:0;}
	#sc-wrapper-three-img .wrapper .right .wrap > div:last-child .img:first-child{top:20px; bottom:0;margin-bottom: 0}
	#sc-wrapper-three-img .wrapper .right .wrap > div:last-child .img{height:auto; position:absolute; top:20px; bottom:0; width:48%; }
	#sc-wrapper-three-img .wrapper .right .wrap > div:last-child .img:last-child{right:0;margin-top: 0}

	.sc-wrapper-trio .wrapper #grid-block .row-3:not(:last-child){
		width: 50%;
		margin-bottom: 20px;
	}

	.sc-wrapper-trio .wrapper #grid-block .row-3:last-child{
		width: 100%;
	}
	
	.sc-wrapper-quatuor .wrapper #grid-block .row-4{
		width: 50%;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 900px){
	footer .wrapper .top .info .row:nth-child(2), footer .wrapper .top .info .row:nth-child(3){display:none;}
	footer .wrapper .top .info .row:first-child{padding-right:0; flex:1;}
	/*.temoignages .temoignage .img div{height:200px; width:200px; padding-right:0}
	.temoignages .temoignage .img{width:200px;}*/

	#fonds .wrapper #sidebar{width:280px;}

}

@media screen and (max-width: 800px){  
	.temoignages .temoignage{flex-direction: column;}
	.temoignages .temoignage .wrap-770{padding-left:0px;} 
	.temoignages .temoignage .img{margin:auto; width: initial; margin-bottom:30px;}
	.temoignages .temoignage .img div{height:80vh; width:70vw;}
	.home-slider .owl-carousel .owl-dots > button{height:16px; width:16px;     margin: 0 5px 0 0!important;}
	.home-slider .owl-carousel .owl-dots > button span{height:6px; width:6px;}

}


@media screen and (max-width: 768px){
	/*.temoignage {
	    width: 100%;
	}*/
	
	body #page{
		padding-top: 100px;
	}

	body.admin-bar header {
		top: 46px;
	}

	header .wrapper .logo a img{max-width:210px;}
	header .wrapper .right{display:none;}
	header .wrapper .left{flex:initial;}
	header .wrapper .left ul{position:absolute; right:40px;}
	header .wrapper .left .search{margin-right:0;}
	header .wrapper .logo{padding-right:87px;}
	header .wrapper .logo a img{max-width:190px;}
	header{height:100px;}

	#home-content .wrapper{display:block;}
	#home-content .wrapper .left{max-width:initial; padding-bottom:100px;}
	#home-content .wrapper .left .wrap h2{ font-size: 46px; line-height:1.2;}
	#home-content .wrapper .right{display:block; width:100%;}
	#home-content .wrapper .left .wrap{padding-right: 0;}
	#home-content.home-promote .wrapper .left .wrap{padding-left: 0;}
	#home-content .wrapper .right .wrap{display:flex; flex-direction:row; height:650px;}
	#home-content .wrapper .right .wrap > div:first-child{display:block; width:60%; height:100%; }
	#home-content .wrapper .right .wrap > div:last-child{display:flex; flex-direction: column; width:40%; height:100%; padding-left:30px;}
	#home-content .wrapper .right .wrap > div:last-child .img:first-child{height:50%; width:100%; top:0; position:relative; margin-bottom: 15px;}
	#home-content .wrapper .right .wrap > div:last-child .img:last-child{height:50%; width:100%; top:0; position:relative; margin-top: 15px;}
	#home-content .wrapper .right .wrap > div:last-child .img{ position:initial!important;} 
	#home-fonds{padding-top:100px; padding-bottom:100px;}
	#home-news{padding-top:0; padding-bottom:100px;} 
	footer .wrapper .bot{flex-direction: column-reverse; padding: 40px 0 35px 0; text-align: center;}
	footer #social-media{margin-bottom:18px;} 
	#head{padding-top:100px; min-height:500px;} 
	.sc-red-title .wrapper .wrap-770{padding-top:100px; padding-bottom:90px;} 
	.grid .row-2{width:100%; padding-left:0; padding-right:0;}
	.conseil .archive .grid{display:block;}
	.equipe .member .right .wrap .info.small{display:block;}
	.equipe .member .right .wrap .info.small span{display:block;margin:0; padding:0; background-color:#fff;}

	.error404 h1{font-size: 80px;}

	#block-suventions #subventions .wrap-table{overflow:auto;}
	#block-suventions #subventions #datatable_wrapper{margin:0 0 0 0;}
	#block-suventions #subventions table#datatable td.details-control{background-size:75%;}
	#block-suventions #subventions .wrap-table-nav #datatable_filter .facetwp-facet{margin-bottom: 10px;width: 100%;}
	#block-suventions #subventions .wrap-table-nav #datatable_filter .dataTables_filter-fields {flex-direction: column; margin:0;}

	#fonds .wrapper #sidebar{width:100%;}
	#fonds .wrapper{display:block;}
	#archive-fonds{padding-left:0; padding-top:30px;}

	#sc-wrapper-three-img .wrapper{display:block;}
	#sc-wrapper-three-img .wrapper .left{max-width:initial;}
	#sc-wrapper-three-img .wrapper .left .wrap h2{ font-size: 46px; line-height:1.2;}
	#sc-wrapper-three-img .wrapper .right{display:block; width:100%;}
	#sc-wrapper-three-img .wrapper .left .wrap{padding-right: 0;}
	#sc-wrapper-three-img.home-promote .wrapper .left .wrap{padding-left: 0;}
	#sc-wrapper-three-img .wrapper .right .wrap{display:flex; flex-direction:row; height:650px;}
	#sc-wrapper-three-img .wrapper .right .wrap > div:first-child{display:block; width:60%; height:100%; }
	#sc-wrapper-three-img .wrapper .right .wrap > div:last-child{display:flex; flex-direction: column; width:40%; height:100%; padding-left:30px;}
	#sc-wrapper-three-img .wrapper .right .wrap > div:last-child .img:first-child{height:50%; width:100%; top:0; position:relative; margin-bottom: 15px;}
	#sc-wrapper-three-img .wrapper .right .wrap > div:last-child .img:last-child{height:50%; width:100%; top:0; position:relative; margin-top: 15px;}
	#sc-wrapper-three-img .wrapper .right .wrap > div:last-child .img{ position:initial!important;}

	.sc-wrapper-trio .wrapper #grid-block .row-3{
		width: 100%!important;
	}

	.sc-document-trio .wrap-770 #grid-block .row-3 {
		width: 50%;
	}
		.sc-wrapper-quatuor .wrapper #grid-block .row-4{
		width: 100%!important;
	}

	.sc-document-quatuor .wrap-770 #grid-block .row-4 {
		width: 50%;
	}
}

@media screen and (max-width: 640px){
	#home-hero .content .bot .grid .row-3 .wrap .small{display: none;}
	#home-hero .content .bot .grid .row-3 .wrap .arrow{display:none;}
	#home-hero .grid .row-3{padding-left:10px; padding-right:10px;}
	#home-hero .grid{margin-left:-10px; margin-right:-10px;}
	#home-hero .content .top .wrapper{text-align: center;}
	#home-hero .content .bot .grid .row-3 .wrap h3{padding:0; margin:0; text-align: center; }
	#home-hero .content .bot .grid .row-3 .wrap h3 a{
		font-size: 12px;
		letter-spacing: 0;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: 700;
		color: #fff;
		letter-spacing: 1.2px;
		line-height: normal;
		padding: 12px 0 12px 0;
		display:flex;
		text-align: center; 
		border-radius:30px;
		justify-content: center;
	}
	#home-hero .content .bot .grid .row-3 .wrap .icon{display:none;}
	#home-hero .content .bot .grid .row-3 .wrap{padding:0; border-radius:20px; background-color:#df1a22;}
	#home-hero{height:auto!important; min-height: 650px; display: flex; align-items: center;}
	#home-hero .content .top{padding-top:100px; padding-bottom:50px;}
	#home-hero .content .bot .grid{padding-bottom:100px;}
	#home-hero .content .bot .grid .row-3{padding-bottom:0;}
	#home-hero .gradiant,
	#head .gradiant,
	#promotion .gradiant{ background-color: rgb(0 0 0 / 60%); background: rgb(0 0 0 / 60%); background-image:none!important; }

	footer .wrapper .top .info{display:block; text-align: center;}
	footer .wrapper .top .info .row:first-child{margin-bottom: 40px;}
	footer .wrapper .top .logo{width:102px; max-width: initial; overflow:hidden; margin-left:auto; margin-right:auto; margin-bottom:40px;}
	footer .wrapper .top .logo a img{width:342px; max-width: initial;}
	.grid{margin-left:0; margin-right:0;}
	.statistiques .statistique .row .column{width:50%; margin-bottom:20px;}
	.grid .row-3 .wrap{display:block;}
	.archive .grid .row-3{width:100%; padding-left: 0; padding-right:0;}  
	.grid article.row-3 .wrap .content{ padding: 40px 40px 30px 40px; }

#block-suventions #subventions .wrap-table-nav #datatable_filter .facetwp-facet-organismes_benificiaires .fs-wrap .fs-label-wrap,
#block-suventions #subventions .wrap-table-nav #datatable_filter .facetwp-facet-fonds .fs-wrap .fs-label-wrap{margin: 0;}
#block-suventions #subventions .wrap-table-nav #datatable_filter .facetwp-facet-organismes_benificiaires .fs-wrap .fs-dropdown,
#block-suventions #subventions .wrap-table-nav #datatable_filter .facetwp-facet-fonds .fs-wrap .fs-dropdown	{width: 100%;}
#block-suventions #subventions .wrap-table-nav #datatable_filter > select{width: 100%; margin:6px 0 0 0;}
#block-suventions #subventions .wrap-table-nav #datatable_filter > label{width:100%;}
#block-suventions #subventions .wrap-table-nav #datatable_filter > label input{width:100%;margin:6px 0 0 0;}
	
	#block-suventions #subventions .wrap-table-nav .facetwp-facet-recherche .facetwp-input-wrap,
	#block-suventions #subventions .wrap-table-nav .facetwp-facet-recherche .facetwp-search{width: 100%;}
	#block-suventions #subventions .wrap-table-nav #datatable_filter .dataTables_filter-fields > div{margin: 10px 0;}
	#block-suventions #subventions .wrap-table-nav #datatable_filter .dataTables_filter-fields > div:not(:last-child){margin-right:0;}
	#block-suventions #subventions .wrap-table-nav #datatable_filter .facetwp-facet > select {margin: 0;}
	#block-suventions #subventions .facetwp-template .fwpl-result .fwpl-row {grid-template-columns: 1fr !important;}
	#block-suventions #subventions .facetwp-head {grid-template-columns: 1fr !important; display: none !important;}
	#block-suventions #subventions .facetwp-template .fwpl-col .fwpl-label {display: block !important; color: #16222E; font-size: 12px; font-weight: 700;}
	#block-suventions #subventions .fwpl-result-container.active .fwpl-row .fwpl-col .fwpl-label {color: #ffffff;}
	#block-suventions #subventions .facetwp-template .fwpl-result .fwpl-row .fwpl-col {padding:10px 10px 5px !important;}
	#block-suventions #subventions .item-toggler {padding: 5px 10px !important;}
	#block-suventions #subventions .item-toggler.toggler-primary {display: none !important;}
	#block-suventions #subventions .item-toggler.toggler-mobile {display: block !important;}
	#block-suventions #subventions .facetwp-head .facetwp-head-col {padding:10px !important;}

	.sc-wrapper-block .wrapper .wrap-770,
	.sc-wrapper-bg-img .wrapper .wrap-770{
		padding: 78px 30px;
	}

	.sc-wrapper-trio .wrapper .content{
		padding: 78px 30px;
	}

	.sc-new-document{
		width: 100%;
		justify-content: center;
	}
	.sc-new-document.first-document a {
		flex-direction: column;
	}
	.sc-new-document.first-document .left{
		padding-right: 0;
	}
	.sc-new-document.first-document .right p:nth-of-type(2) {
		display: none;
	}
	.sc-document-trio .wrap-770 #grid-block .row-3 {
		width: 100%;
	}
}

@media screen and (max-width: 550px){ 
	.form-cats button{width:50%;}
	header .wrapper .left ul{position:absolute; right:20px;}
	header .wrapper .left .search{margin-left:30px;}
	header .wrapper .logo a img { max-width: 170px; }
	header .wrapper .logo{padding-right:77px;} 
	#home-content .wrapper .right .wrap{height:500px;}
	#home-content .wrapper .right .wrap > div:last-child{padding-left:16px;}
	#home-content .wrapper .right .wrap > div:last-child .img:first-child{margin-bottom: 8px;}
	#home-content .wrapper .right .wrap > div:last-child .img:last-child{margin-top: 8px;} 
	.home-slider .owl-carousel .wrap .img,
	.home-slider .owl-carousel .wrap .img{height: 260px;}

	#home-hero .grid{margin-left:0; margin-right:0; display:block;}
	#home-hero .content .bot .grid .row-3{padding-left:0; padding-right:0; width: 100%; max-width:260px; display:block; padding-bottom:20px;}
	#home-hero .content .bot .grid .row-3:last-child{padding-bottom:0;}
	.conseil .archive .grid article .wrap .inside{padding:25px; }
	.conseil .archive .grid article .wrap .content{padding-left:20px;}
	.page-events .archive .grid .info{display: block;}
	.page-events .archive .grid .info div:last-child{margin-top:4px;}

	.error404 h1{font-size: 60px;}

	/****************************************************************/
	/*** Padding left + right ***/
	/****************************************************************/
	.nav-overlay .overlay-inner .wrapper{padding-left:0; padding-right:0;}
	.wrapper{padding-left:20px; padding-right:20px;}
	#menu-search .wrapper-search{padding-left:20px; padding-right:20px;}  
	#home-hero .bg, #head .bg, #promotion .bg{ background-attachment: initial; }

	.breadcrumbs{display:none;}
	#head h1{padding-top:30px;}
	.temoignages .temoignage .img{margin-bottom:30px;}
	.temoignages .temoignage .img div{height:80vh; width:70vw;}
	.temoignages .temoignage{padding:30px;}
	.statistiques .statistique .row{display:flex; flex-direction: column; justify-content: center; align-items: center; }
	.statistiques .statistique .row .column{width:100%; max-width:280px;margin-bottom:25px; padding-left:0; padding-right: 0;}
	.statistiques .statistique .row .column:before{ left: initial; top: 100%; width: 4px; left:0; right:0; height: 100%; margin:auto; }
	.statistiques .statistique .row { margin-left: 0; margin-right: 0; }
	.statistiques .statistique h2.h1{text-align: center;}
	.grid article.row-3 .wrap .thumbnail{height:260px;}
	.equipe .member{display:block;}
	.equipe .member .right .wrap{padding-left:0; padding-top:20px;}

	body .home-slider .owl-carousel .owl-nav{top:115px;}
	 #infolettre form .row{width:100%; display:block; padding:0 0;}
	 #infolettre form{display:block; margin:0;}

	#sc-wrapper-three-img .wrapper .right .wrap{height:500px;}
	#sc-wrapper-three-img .wrapper .right .wrap > div:last-child{padding-left:16px;}
	#sc-wrapper-three-img .wrapper .right .wrap > div:last-child .img:first-child{margin-bottom: 8px;}
	#sc-wrapper-three-img .wrapper .right .wrap > div:last-child .img:last-child{margin-top: 8px;}



	
}

@media screen and (max-width: 450px){
	header .wrapper .left ul{display:none;}
	header .wrapper .left .search{margin-left:0;}
	body header .menu-toggle{position:absolute; right:20px;}
	header .wrapper .left .search{margin-left:0;height:26px; width:26px; display:flex; align-items: center; justify-content: center; position:relative; top:3px; position:relative;} 
	header .wrapper .left .search img{width:26px; height:auto;}
	header .wrapper .logo{padding-right:25px;}
	header .wrapper .logo{ align-items: flex-start; overflow: hidden; top:-1px; } 
	header .wrapper .logo a img{ max-width:initial; width:160px;}
 
#archive-fonds .fond .wrap .head,
#archive-fonds .fond .wrap .foot,
#fonds .wrapper #sidebar .wrap{padding-left: 20px; padding-right:20px;}
	#home-content .wrapper .right .wrap{height:400px;}
	#head{padding-top:40px;  min-height:450px;}  
	#promotion{ min-height:400px;}  
	.conseil .archive .grid article .wrap .inside{padding:20px;}
	.conseil .archive .grid article .wrap .inside .img{width:50px;}
	.conseil .archive .grid article .wrap .content{padding-left:15px;}
.form-cats button{width:100%;}
.form-cats{flex-direction: column;}

	/****************************************************************/
	/*** TITRES ***/
	/****************************************************************/ 
	h1, .h1{ font-size: 36px; line-height: 1.2; }
	#home-content .wrapper .left .wrap h2,
	#home-fonds .head h2,
	#home-news .head h2{font-size: 40px; line-height: 1.2;}
	h2, .h2{ font-size: 30px; } 

	#sc-wrapper-three-img .wrapper .right .wrap{height:400px;}


}

@media screen and (max-width: 330px){ 
	#home-content .wrapper .right .wrap{height:300px;}
	#sc-wrapper-three-img .wrapper .right .wrap{height:300px;}
}