/*  transform: scale(1.2); transition: transform 2s linear; */
/***********************************************************************/
/*** Animations
/***********************************************************************/
.come-in{
	transform: translateY(200px);
	animation: come-in 0.6s ease forwards;
} 
@keyframes come-in{
	to { transform: translateY(0); }
}

/***********************************************************************/
/*** General
/***********************************************************************/
.xsmall.page-xsmall-lower{ text-transform: initial; display:inline-block; line-height:18px; }
.xsmall.page-xsmall{display:inline-block; line-height:18px; }

/***********************************************************************/
/*** Social media
/***********************************************************************/
#social-media{display:flex; align-items: center;}
#social-media a{display:inline-flex; text-decoration: none; margin-right:35px;}
#social-media a:hover{transform: scale(1.1);}
#social-media a:last-child{margin-right:0;}

/***********************************************************************/
/*** Header
/***********************************************************************/ 
header{
	background-color:#DF1A22;
	height:120px; width:100%;
	display:block;
	position:fixed;
	top:0;
	z-index:10000;
}
header .wrapper .left{display:flex; align-items: center; flex:1; }
header .wrapper .left .search{height:26px; display: flex; align-items: center; justify-content: center; margin-left:40px; margin-right:40px;}
header .wrapper .left .search img{display:block; height:22px; width:21px;  cursor: pointer; }
header .wrapper .left ul{padding:0 0 0 0; margin:0 0 0 0;}
header .wrapper .left ul li{padding:0 0 0 0; margin:0 0 0 0;}
header .wrapper .left ul li:before{display:none!important;}
header .wrapper .left ul li a{ 
	font-size:12px;  
	letter-spacing: 0; 
	text-decoration:none; 
	text-transform: uppercase; 
	font-weight:700; 
	color:#fff;
	letter-spacing: 1.2px;
	line-height:26px;
} 

header .wrapper{display:flex; align-items: center; height:100%; position:relative;}
header .wrapper .logo{flex:1; text-align: center; display:flex; align-items: center; justify-content: center;}
header .wrapper .logo a{display: inline-block;}
header .wrapper .logo a img{max-width:240px; width: 100%; display: block;}
header .wrapper .right{flex:1; display: flex; justify-content: flex-end;}
header .wrapper .right a{display:inline-flex; align-items: center;justify-content: center;}
header .wrapper .right img{display:block; height:18px; width:18px;}

/***********************************************************************/
/*** Hero
/***********************************************************************/
#home-hero{position:relative; overflow:hidden; min-height:850px;}
#home-hero .bg{
	position:absolute;
	height:100%;
	width:100%;
	background-attachment: fixed; 
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover; 
	z-index:1;
} 
#home-hero .gradiant{
	position:absolute;
	height:100%;
	width:100%; 
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover; 
	z-index:2;
} 
#home-hero .content{position:relative; z-index:3; display: flex; flex-direction: column; height:100%; position:relative;}
#home-hero .content .top{flex:1; display: flex; align-items: center; padding-top:110px; padding-bottom:110px;} 
#home-hero .content .bot .grid .row-3{padding-bottom:50px;}
#home-hero .content .bot .grid .row-3 .wrap{
	background-color:#fff; 
	border-radius: 8px;  
	box-shadow: 0px 5px 30px rgba(10, 14, 29, 0.08);
	padding:15px 30px 30px 30px;
	position:relative;
	top:0;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
#home-hero .content .bot .grid .row-3 .wrap .icon{
	width:35px;
	height:26px;
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center;
	margin-left:auto;
	display:block;
	margin-bottom:8px;
} 
#home-hero .content .bot .grid .row-3:first-child .wrap .icon{background-image:url('/wp-content/themes/ATYPIC/public/img/icon-contribuer-v2.svg');}
#home-hero .content .bot .grid .row-3:nth-child(2) .wrap .icon{background-image:url('/wp-content/themes/ATYPIC/public/img/icon-recevoir-v2.svg');}
#home-hero .content .bot .grid .row-3:last-child .wrap .icon{background-image:url('/wp-content/themes/ATYPIC/public/img/icon-conseiller-v2.svg');}
#home-hero .content .bot .grid .row-3 .wrap h3{margin-bottom: 0.6rem}
#home-hero .content .bot .grid .row-3 .wrap .arrow{margin-top:1rem;}
#home-hero .content .bot .grid .row-3 .wrap .arrow a{display:inline-block;}
#home-hero .content .bot .grid .row-3 .wrap .arrow a img{display:block; width:62px;}
#home-hero .content .bot .grid .row-3 .wrap:hover{top:4px;}


/***********************************************************************/
/*** About
/***********************************************************************/
#home-content{ position:relative; z-index:10; }
#home-content .wrapper{display:flex; }
#home-content .wrapper .left, #home-content .wrapper .right{display: flex; flex-direction: column; }
#home-content .wrapper .left .wrap, #home-content .wrapper .right .wrap{height:100%;}
#home-content .wrapper .left{max-width: 566px; padding-top:90px; padding-bottom:90px; flex:1;}
#home-content .wrapper .left .wrap{
	padding-top:70px; 
	padding-bottom: 70px; 
	padding-right:100px;     
	display: flex;
	justify-content: center;
	flex-direction: column;
}
#home-content .wrapper .left .wrap h2{margin-bottom:1rem;}
#home-content .wrapper .left .wrap p{margin-bottom:2rem;}
#home-content .wrapper .right{flex:1; } 
#home-content .wrapper .right .wrap{display: flex; flex-direction: row; }
#home-content .wrapper .right .wrap div .img{border-radius:8px; overflow:hidden;}
#home-content .wrapper .right .wrap > div{height:100%; position:relative; }
#home-content .wrapper .right .wrap > div:first-child{ padding-right:30px; width:62%; padding-top:90px; padding-bottom:90px;}
#home-content .wrapper .right .wrap > div:first-child .img{ 
	height: 100%;
	width: 100%; 
	min-height:600px; 
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;  
}
#home-content .wrapper .right .wrap > div:last-child{ position:relative;width:38%; padding-top:90px; top:140px;} 
#home-content .wrapper .right .wrap > div:last-child .img{
	flex:1;
	height:47%;
	width:100%; 
	position:relative; 
	background-position: 
	center; 
	background-size: cover;
	background-repeat: no-repeat;
} 
#home-content .wrapper .right .wrap > div:last-child .img:first-child{top:-30px;}


/***********************************************************************/
/*** Fonds
/***********************************************************************/
#home-fonds{background-color: #DF1A22; padding-top:90px; overflow:hidden; overflow:hidden; padding-bottom:90px; }
#home-fonds.zone2-visible{ padding-bottom:0; }
#home-fonds .head{color:#fff; position:relative; z-index:2;margin-bottom:100px;}
#home-fonds .head h2{color:#fff; text-shadow: none; font-size: 46px;}
#home-fonds .foot{padding-top:50px; position:relative; z-index:2;}
#home-fonds .home-slider:before{
	background-color:#ebeef0;
	position:absolute;
	top:320px;
	bottom:-500%;
	right:0;
	left:0;
	content:"";
}

/***********************************************************************/
/*** Promote
/***********************************************************************/
#home-content.home-promote{background-color: #ebeef0; display:none;}
#home-content.home-promote.zone2-visible{display:block;}
#home-content.home-promote .wrapper{flex-direction:row-reverse;}
#home-content.home-promote .wrapper .left .wrap{padding-right:0; padding-left:100px;}

/***********************************************************************/
/*** News
/***********************************************************************/
#home-news{ padding-top:90px; padding-bottom:90px;}
#home-news .head{color:#fff; position:relative; z-index:2; margin-bottom:100px;}
#home-news .head h2{color:#16222E; text-shadow: none; font-size:46px;}
.news-top{display:flex; align-items: center;}
.news-top .sep{display:flex; padding:0 6px;}
.news-top .category{display:flex;}
.news-top .category a{ display: flex; color: #df1a22; font-weight: 700; text-decoration: none; margin-left:5px;}
.news-top .category a:first-child{margin-left:0;}
#home-news .foot{padding-top:50px; position:relative; z-index:2;}
#home-news .home-slider .owl-carousel .owl-dots > button{border: 2px solid #fff!important;}
#home-news .home-slider .owl-carousel .owl-dots > button.active{ border: 2px solid #DF1A22!important;}
#home-news .home-slider .owl-carousel .owl-dots > button span{ background-color:#DF1A22!important;}


/***********************************************************************/
/*** Home slider
/***********************************************************************/
.home-slider{ position:relative; z-index:1;}
.home-slider{padding: 0px; position:relative; } 
.home-slider .owl-carousel .wrap .date{color:#7F8694; font-weight:600;}
.home-slider .owl-carousel{z-index:2;}
.home-slider .owl-carousel .owl-stage-outer{overflow:initial;}
.home-slider .owl-carousel .owl-stage{display:flex;}
.home-slider .owl-carousel .wrap{
	background-color:#fff; 
	height:100%;
	border-radius:8px;
	overflow:hidden;
	box-shadow: 0px 5px 30px rgba(10, 14, 29, 0.08); 
	position:relative; top:0;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.home-slider .owl-carousel .wrap .img{
	height:320px;
	position:relative;
	background-position: center;
	background-size: cover;
}

.home-slider .owl-carousel .wrap .img a{display:block; height:100%; width:100%;} 
.home-slider .owl-carousel .wrap .content{padding:40px 40px 30px 40px;}
.home-slider .owl-carousel .wrap .content .category{display:flex; color:#df1a22; font-weight:700;}
.home-slider .owl-carousel .wrap .content h3{margin-bottom: 0.6rem; margin-top: 1.2rem;}
.home-slider .owl-carousel .wrap .content .arrow{margin-top:1rem;}
.home-slider .owl-carousel .wrap .content .arrow a{display:inline-block;}
.home-slider .owl-carousel .wrap .content a img{display:block; width:62px;} 
.home-slider .owl-carousel .owl-nav{ display:none!important; }
.home-slider .owl-carousel .owl-dots{display:flex; align-items: center; height:100px; position:absolute; top:-100px; left:0;}
.home-slider .owl-carousel .owl-dots > button{ 
	height:26px; 
	width:26px; 
	border:2px solid #DF1A22!important; 
	border-radius: 100%!important;
	padding:0 0 0 0!important;
	margin:0 15px 0 0!important;
	display:flex;
	align-items: center;
	justify-content: center;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.home-slider .owl-carousel .owl-dots > button:last-child{margin:0 0 0 0!important;}
.home-slider .owl-carousel .owl-dots > button.active{border:2px solid #fff!important; }
.home-slider .owl-carousel .owl-dots > button span{height:8px; width:8px; display:block; background-color:#fff; border-radius:100%;}









/***********************************************************************/
/*** Footer
/***********************************************************************/
footer{background-color:#df1a22;}
footer .wrapper .top{padding-top:95px; padding-bottom:70px; border-bottom:2px solid #fff;}
footer .wrapper .top .logo{margin-bottom:50px;}
footer .wrapper .top .logo a{display:inline-block;}
footer .wrapper .top .logo a img{display:block; max-width: 342px; width:100%;}
footer .wrapper .top .info{display:flex; flex-direction: row; align-items: flex-start;}
footer .wrapper .top .info .row{padding-right:120px; }
footer .wrapper .top .info .row:first-child,
footer .wrapper .top .info .row:last-child{padding-right:0;}
footer .wrapper .top .info .row:first-child{font-size:14px; color:#fff; line-height:27px; flex:1;}
footer .wrapper .top .info .row:first-child a{ color:#fff; font-weight:400;}
footer .wrapper .top .info .row ul{ padding:0 0 0 0; margin:0 0 0 0; }
footer .wrapper .top .info .row ul li{ padding:0 0 0 0; margin:0 0 0 0; }
footer .wrapper .top .info .row ul li:before{display:none!important;}
footer .wrapper .top .info .row ul li a{font-size:14px; color:#fff; line-height:27px; text-decoration: none; font-weight:400;}
footer .wrapper .top .info .row ul li a:hover{
	text-decoration: underline;
}
footer .wrapper .top .info .row ul li ul{display:none!important;}
footer .wrapper .top .info .row:last-child a{ display: inline-flex; align-items: center; justify-content: center; }
footer .wrapper .top .info .row:last-child a img{ display: block; height: 18px; width: 18px; }
footer .wrapper .bot{display:flex; align-items: center; padding:45px 0 40px 0;}
footer .wrapper .bot > div:first-child{flex:1; font-size:12px; line-height:16px; color:#fff;}
footer .wrapper .bot > div:first-child a{color:#fff; text-decoration: none; font-weight:400;}


/***********************************************************************/
/*** Head
/***********************************************************************/
#head{min-height:400px; position:relative; display:flex; align-items: center; padding-top:120px; }
#head .bg{
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background-attachment: fixed; 
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover; 
	z-index:1;
	background-color: #7F8694;
} 
#head .gradiant{
	position:absolute;
	height:100%;
	width:100%; 
	top:0;
	left:0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover; 
	z-index:2;
} 
#head .wrapper{z-index:3; padding-top:120px; padding-bottom:120px;}
#head .wrapper .wrap-content{max-width:1024px;}

/***********************************************************************/
/*** Shortcodes
/***********************************************************************/
/*** New Block AVEC IMAGE ***/
.sc-wrapper-block{position:relative;}
.sc-wrapper-block .bg-white{background-color: #ffffff}
.sc-wrapper-block .bg-red{background-color: #DF1A22}
.sc-wrapper-block .bg-black{background-color: #16222E}
.sc-wrapper-block .wrapper .wrap-770{
	border-radius: 20px 0 0 20px;
	padding: 78px 100px;
	box-shadow: 0 8px 64px #0A0E1D14;
}
.sc-wrapper-block .wrapper .wrap-770.bg-red *,
.sc-wrapper-block .wrapper .wrap-770.bg-black *{color:#fff!important;}
.sc-wrapper-block .wrapper .wrap-770 ol li:before{background-color:#fff; color:#df1a22;}
.sc-wrapper-block .wrapper .wrap-770 ul li:before{background-color:#fff;}
.sc-wrapper-block .wrapper .wrap-770.bg-red a.cta,
.sc-wrapper-block .wrapper .wrap-770.bg-red .cta a{
	border:2px solid #fff;
	font-weight:700;
}
.sc-wrapper-block .wrapper .wrap-770.bg-black .cta a:hover{
	color: #DF1A22!important;
}.sc-wrapper-block.with-img .wrapper{display:flex; border-radius: 20px;}
.sc-wrapper-block.with-img .wrapper .right{ flex: 1; position:relative; padding-left:120px; box-shadow: 0 8px 64px #0A0E1D14;}
.sc-wrapper-block.with-img .wrapper .right .img{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 0 20px 20px 0;
	overflow: hidden;
}


/*** New 3 Block TRIO ***/
.sc-wrapper-trio{position:relative;}
.sc-wrapper-trio .wrapper #grid-block{
	position: relative;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}
.sc-wrapper-trio .wrapper #grid-block .row-3{
	width: 33.3%;
	display: flex;
	flex-direction: column;
	margin: 0;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	margin-bottom: 20px;
}
.sc-wrapper-trio .wrapper #grid-block .row-3 .row-wrapper{
	position: relative;
}
.sc-wrapper-trio .wrapper .bg,
.sc-wrapper-trio .wrapper .gradiant{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 20px;
}
.sc-wrapper-trio .wrapper .gradiant{
	background: #16222E 0 0 no-repeat padding-box;
	opacity: 0.6;
}

.sc-wrapper-trio .wrapper .gradiant.white,
.sc-wrapper-trio .wrapper .gradiant.bianca{
	opacity: 0;
}

.sc-wrapper-trio .wrapper .content.bg-white{
	background-color: #ffffff;
}

.sc-wrapper-trio .wrapper .content.bg-black{
	background-color: #16222E;
}

.sc-wrapper-trio .wrapper .content.bg-red{
	background-color: #DF1A22;
}

.sc-wrapper-trio .wrapper .content.bg-mauve{
	background-color: #40283C;
}

.sc-wrapper-trio .wrapper .content.bg-salmon{
	background-color: #F55D58;
}

.sc-wrapper-trio .wrapper .content.bg-bianca{
	background-color: #F7EEE5;
}

.sc-wrapper-trio .wrapper .content.bg-blue{
	background-color: #012C3D;
}

.sc-wrapper-trio .wrapper .content.bg-turquoise{
	background-color: #3EABAD;
}

.sc-wrapper-trio .wrapper .content.bg-orange{
	background-color: #FB991C;
}

.sc-wrapper-trio .wrapper .content.motif{
	background-size: cover!important;
	background-position: center!important;
}

.sc-wrapper-trio .wrapper .content.bg-mauve.motif{
	background: url("/wp-content/themes/ATYPIC/public/img/bg-mauve.svg");
}

.sc-wrapper-trio .wrapper .content.bg-salmon.motif{
	background: url("/wp-content/themes/ATYPIC/public/img/bg-salmon.svg");
}

.sc-wrapper-trio .wrapper .content.bg-blue.motif{
	background: url("/wp-content/themes/ATYPIC/public/img/bg-blue.svg");
}

.sc-wrapper-trio .wrapper .content.bg-turquoise.motif{
	background: url("/wp-content/themes/ATYPIC/public/img/bg-turquoise.svg");
}

.sc-wrapper-trio .wrapper .content.bg-orange.motif{
	background: url("/wp-content/themes/ATYPIC/public/img/bg-orange.svg");
}

.sc-wrapper-trio .wrapper .content.bg-white *,
.sc-wrapper-trio .wrapper .content.bg-bianca *
{
	color: #16222E;
}

.sc-wrapper-trio .wrapper .content.bg-white .cta a,
.sc-wrapper-trio .wrapper .content.bg-bianca .cta a{
	color: #ffffff!important;
}

.sc-wrapper-trio .wrapper .content.bg-white .cta:hover a,
.sc-wrapper-trio .wrapper .content.bg-bianca .cta:hover a{
	color: #DF1A22!important;
}

.sc-wrapper-trio .wrapper .content.bg-red .cta:hover a{
	color: #ffffff!important;
}

/*.sc-wrapper-trio .wrapper .content{
	padding: 78px 28px;
	max-width: inherit;
	text-align: center;
	position: relative;
	display: block;
	border-radius: 20px;
	box-shadow: 0 8px 64px #0A0E1D14;
    height:360px;
}*/
.sc-wrapper-trio .wrapper .content {
    padding: 40px 28px;
    max-width: inherit;
    text-align: center;
    position: relative;
    display: flex;
    border-radius: 20px;
    box-shadow: 0 8px 64px #0a0e1d14;
    height: 360px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.sc-wrapper-trio .wrapper .content p {
    margin: 5px 0;
}
@media screen and (max-width: 1025px) { 
.sc-wrapper-trio .wrapper .content{
max-height:none;
height:auto;
}
}
.sc-wrapper-trio .wrapper .content *{
	color: #fff;
}
.sc-wrapper-trio .wrapper .content ol li:before{background-color:#fff; color:#df1a22;}
.sc-wrapper-trio .wrapper .content ul li:before{background-color:#fff;}
.sc-wrapper-trio .wrapper .content.bg-red a.cta,
.sc-wrapper-trio .wrapper .content.bg-red .cta a{
	border:2px solid #fff;
	font-weight:700;
}
.sc-wrapper-trio .wrapper .content.bg-black .cta a:hover{
	color: #DF1A22!important;
}

/*** New 4 Block quatuor ***/
.sc-wrapper-quatuor{position:relative;}
.sc-wrapper-quatuor .wrapper #grid-block{
	position: relative;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}
.sc-wrapper-quatuor .wrapper #grid-block .row-4{
	width: 25%;
	display: flex;
	flex-direction: column;
	margin: 0;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	margin-bottom: 20px;
}
.sc-wrapper-quatuor .wrapper #grid-block .row-4 .row-wrapper{
	position: relative;
}
.sc-wrapper-quatuor .wrapper .bg,
.sc-wrapper-quatuor .wrapper .gradiant{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 20px;
}
.sc-wrapper-quatuor .wrapper .gradiant{
	background: #16222E 0 0 no-repeat padding-box;
	opacity: 0.6;
}

.sc-wrapper-quatuor .wrapper .gradiant.white,
.sc-wrapper-quatuor .wrapper .gradiant.bianca{
	opacity: 0;
}

.sc-wrapper-quatuor .wrapper .content.bg-white{
	background-color: #ffffff;
}

.sc-wrapper-quatuor .wrapper .content.bg-black{
	background-color: #16222E;
}

.sc-wrapper-quatuor .wrapper .content.bg-red{
	background-color: #DF1A22;
}

.sc-wrapper-quatuor .wrapper .content.bg-mauve{
	background-color: #40283C;
}

.sc-wrapper-quatuor .wrapper .content.bg-salmon{
	background-color: #F55D58;
}

.sc-wrapper-quatuor .wrapper .content.bg-bianca{
	background-color: #F7EEE5;
}

.sc-wrapper-quatuor .wrapper .content.bg-blue{
	background-color: #012C3D;
}

.sc-wrapper-quatuor .wrapper .content.bg-turquoise{
	background-color: #3EABAD;
}

.sc-wrapper-quatuor .wrapper .content.bg-orange{
	background-color: #FB991C;
}

.sc-wrapper-quatuor .wrapper .content.motif{
	background-size: cover!important;
	background-position: center!important;
}

.sc-wrapper-quatuor .wrapper .content.bg-mauve.motif{
	background: url("/wp-content/themes/ATYPIC/public/img/bg-mauve.svg");
}

.sc-wrapper-quatuor .wrapper .content.bg-salmon.motif{
	background: url("/wp-content/themes/ATYPIC/public/img/bg-salmon.svg");
}

.sc-wrapper-quatuor .wrapper .content.bg-blue.motif{
	background: url("/wp-content/themes/ATYPIC/public/img/bg-blue.svg");
}

.sc-wrapper-quatuor .wrapper .content.bg-turquoise.motif{
	background: url("/wp-content/themes/ATYPIC/public/img/bg-turquoise.svg");
}

.sc-wrapper-quatuor .wrapper .content.bg-orange.motif{
	background: url("/wp-content/themes/ATYPIC/public/img/bg-orange.svg");
}

.sc-wrapper-quatuor .wrapper .content.bg-white *,
.sc-wrapper-quatuor .wrapper .content.bg-bianca *
{
	color: #16222E;
}

.sc-wrapper-quatuor .wrapper .content.bg-white .cta a,
.sc-wrapper-quatuor .wrapper .content.bg-bianca .cta a{
	color: #ffffff!important;
}

.sc-wrapper-quatuor .wrapper .content.bg-white .cta:hover a,
.sc-wrapper-quatuor .wrapper .content.bg-bianca .cta:hover a{
	color: #DF1A22!important;
}

.sc-wrapper-quatuor .wrapper .content.bg-red .cta:hover a{
	color: #ffffff!important;
}

.sc-wrapper-quatuor .wrapper .content{
	padding: 78px 28px;
	max-width: inherit;
	text-align: center;
	position: relative;
	display: block;
	border-radius: 20px;
	box-shadow: 0 8px 64px #0A0E1D14;
    height:330px;
}
@media screen and (max-width: 1025px) { 
.sc-wrapper-quatuor .wrapper .content{
max-height:none;
height:auto;
}
}
.sc-wrapper-quatuor .wrapper .content *{
	color: #fff;
}
.sc-wrapper-quatuor .wrapper .content ol li:before{background-color:#fff; color:#df1a22;}
.sc-wrapper-quatuor .wrapper .content ul li:before{background-color:#fff;}
.sc-wrapper-quatuor .wrapper .content.bg-red a.cta,
.sc-wrapper-quatuor .wrapper .content.bg-red .cta a{
	border:2px solid #fff;
	font-weight:700;
}
.sc-wrapper-quatuor .wrapper .content.bg-black .cta a:hover{
	color: #DF1A22!important;
}

/*** New Block AVEC BG IMAGE ***/
.sc-wrapper-bg-img{position:relative;}
.sc-wrapper-bg-img .wrapper .bg,
.sc-wrapper-bg-img .wrapper .gradiant{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 20px;
}
.sc-wrapper-bg-img .wrapper .gradiant{
	background: #16222E 0 0 no-repeat padding-box;
	opacity: 0.6;
}

.sc-wrapper-bg-img .wrapper .wrap-770{
	border-radius: 20px;
	padding: 78px 100px;
}
.sc-wrapper-bg-img .wrapper .wrap-770.center{
	max-width: inherit;
	text-align: center;
}
.sc-wrapper-bg-img .wrapper .wrap-770 *{
	color: #fff;
}
.sc-wrapper-bg-img .wrapper .wrap-770 ol li:before{background-color:#fff; color:#df1a22;}
.sc-wrapper-bg-img .wrapper .wrap-770 ul li:before{background-color:#fff;}
.sc-wrapper-bg-img .wrapper .wrap-770.bg-red a.cta,
.sc-wrapper-bg-img .wrapper .wrap-770.bg-red .cta a{
	border:2px solid #fff;
	font-weight:700;
}
.sc-wrapper-bg-img .wrapper .wrap-770.bg-black .cta a:hover{
	color: #DF1A22!important;
}

/*** New Block 100% AVEC BG COLOR ***/
.sc-wrapper-bg-color {
	position:relative;
}
.sc-wrapper-bg-color.bg-black{
	background-color: #16222E;
}
.sc-wrapper-bg-color.bg-red{
	background-color: #DF1A22;
}
.sc-wrapper-bg-color.bg-mauve{
	background-color: #40283C;
}
.sc-wrapper-bg-color.bg-salmon{
	background-color: #F55D58;
}
.sc-wrapper-bg-color.bg-bianca{
	background-color: #F7EEE5;
}
.sc-wrapper-bg-color.bg-blue{
	background-color: #012C3D;
}
.sc-wrapper-bg-color.bg-turquoise{
	background-color: #3EABAD;
}
.sc-wrapper-bg-color.bg-orange{
	background-color: #FB991C;
}
.sc-wrapper-bg-color.motif{
	background-size: cover!important;
	background-position: center!important;
}
.sc-wrapper-bg-color.bg-mauve.motif{
	background: url("/wp-content/themes/ATYPIC/public/img/bg-mauve.svg");
}

.sc-wrapper-bg-color.bg-salmon.motif{
	background: url("/wp-content/themes/ATYPIC/public/img/bg-salmon.svg");
}

.sc-wrapper-bg-color.bg-blue.motif{
	background: url("/wp-content/themes/ATYPIC/public/img/bg-blue.svg");
}

.sc-wrapper-bg-color.bg-turquoise.motif{
	background: url("/wp-content/themes/ATYPIC/public/img/bg-turquoise.svg");
}

.sc-wrapper-bg-color.bg-orange.motif{
	background: url("/wp-content/themes/ATYPIC/public/img/bg-orange.svg");
}
.sc-wrapper-bg-color .wrapper {
	display: flex;
	justify-content: center;
}
.sc-wrapper-bg-color .wrapper .wrap-770{
	padding-top:85px;
	padding-bottom:70px;
	text-align: center;
}
.sc-wrapper-bg-color .wrapper .wrap-770 *{color:#fff!important;}
.sc-wrapper-bg-color .wrapper .wrap-770 ol li:before{background-color:#fff; color:#df1a22;}
.sc-wrapper-bg-color .wrapper .wrap-770 ul li:before{background-color:#fff;}
.sc-wrapper-bg-color .wrapper .wrap-770 a:hover.cta,
.sc-wrapper-bg-color .wrapper .wrap-770 .cta a:hover{
	color: #DF1A22!important;
}
.sc-wrapper-bg-color.bg-red .wrapper .wrap-770 a.cta,
.sc-wrapper-bg-color.bg-red .wrapper .wrap-770 .cta a,
.sc-wrapper-bg-color.bg-red .wrapper .wrap-770 a:hover.cta,
.sc-wrapper-bg-color.bg-red .wrapper .wrap-770 .cta a:hover{
	color: #ffffff!important;
	border: 2px solid #fff;
}

/*** New Block AVEC 3 IMAGES ***/
#sc-wrapper-three-img{ position:relative; z-index:10; }
#sc-wrapper-three-img .wrapper{display:flex; }
#sc-wrapper-three-img .wrapper .left,
#sc-wrapper-three-img .wrapper .right{display: flex; flex-direction: column; }
#sc-wrapper-three-img .wrapper .left .wrap,
#sc-wrapper-three-img .wrapper .right .wrap{height:100%;}
#sc-wrapper-three-img .wrapper .left{max-width: 566px; padding-top:90px; padding-bottom:90px; flex:1;}
#sc-wrapper-three-img .wrapper .left .wrap{
	padding-top:70px;
	padding-bottom: 70px;
	padding-right:100px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
#sc-wrapper-three-img .wrapper .left .wrap h2{margin-bottom:1rem;}
#sc-wrapper-three-img .wrapper .left .wrap p{margin-bottom:2rem;}
#sc-wrapper-three-img .wrapper .right{flex:1; }
#sc-wrapper-three-img .wrapper .right .wrap{display: flex; flex-direction: row; }
#sc-wrapper-three-img .wrapper .right .wrap div .img{border-radius:8px; overflow:hidden;}
#sc-wrapper-three-img .wrapper .right .wrap > div{height:100%; position:relative; }
#sc-wrapper-three-img .wrapper .right .wrap > div:first-child{ padding-right:30px; width:62%;}
#sc-wrapper-three-img .wrapper .right .wrap > div:first-child .img{
	height: 100%;
	width: 100%;
	min-height:600px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
}
#sc-wrapper-three-img .wrapper .right .wrap > div:last-child{
	position:relative;
	width:38%;
	display: flex;
	flex-direction: column;
}
#sc-wrapper-three-img .wrapper .right .wrap > div:last-child .img{
	flex:1;
	height:50%;
	width:100%;
	position:relative;
	background-position:
			center;
	background-size: cover;
	background-repeat: no-repeat;
}
#sc-wrapper-three-img .wrapper .right .wrap > div:last-child .img:first-child{
	margin-bottom: 15px
}
#sc-wrapper-three-img .wrapper .right .wrap > div:last-child .img:last-child{
	margin-top: 15px
}

/*** New Document ***/
.sc-new-document{
	position: relative;
	box-shadow: 0 8px 64px #0A0E1D14;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	width: 100%;
	display: inline-flex;
	margin-bottom: 20px;
}

.sc-new-document.first-document{
	width: 100%;
}

.sc-new-document:nth-of-type(3n+4){
	margin-right: 0;
}

.sc-new-document:hover{
	top: 4px;
}
.sc-new-document a{
	display:flex;
	flex-direction: column;
	padding: 30px;
	text-decoration: none;
}
.sc-new-document.first-document a{
	flex-direction: row;
}
.sc-new-document .left{
	display:flex;
	align-items: center;
	justify-content: center;
}

.sc-new-document.first-document .left{
	padding-right: 20px;
}

.sc-new-document .left .img{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 191px;
	height: 248px;
}

.sc-new-document.first-document .left .img{
	height: 345px;
	width: 232px;
}
.sc-new-document .right{
	flex:1;
	min-height:48px;
	display:flex;
	align-items: center;
}

.sc-new-document.first-document .right{
	padding-left:20px;
}

.sc-new-document .right .red-title{
	font-size: 12px;
	line-height: 30px;
	text-transform: uppercase;
	letter-spacing: 0.96px;
	color: #DF1A22;
}

.sc-new-document .right p{
	margin-bottom:0;
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	color: #7F8694;
}

.sc-new-document.first-document .right p:nth-of-type(2){
	display: block;
}

.sc-new-document .right p:nth-of-type(2){
	display: none;
}

.sc-new-document .right .arrow{
	position: relative;
	left: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin-top: 10px;
	max-width: max-content;
}

.sc-new-document .right .arrow:hover{
	left: 4px;
}

.sc-document-trio{
	position:relative;
}

.sc-document-trio .wrap-770.main{
	margin-top: 0!important;
	margin-bottom: 0!important;
}

.sc-document-trio .wrap-770 #grid-block{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin-left: -7px;
	margin-right: -7px;
}

.sc-document-trio .wrap-770 #grid-block .row-3{
	width: 33.3%;
	display: flex;
	flex-direction: column;
	margin: 0;
	padding-left: 7px;
	padding-right: 7px;
	position: relative;
}


.sc-wrapper-dark{position:relative;background-color:#df1a22; }  
.sc-wrapper-dark .wrapper .wrap-770{ padding-top:85px; padding-bottom:70px;} 
.sc-wrapper-dark .wrapper .wrap-770 *{color:#fff!important;} 
.sc-wrapper-dark .wrapper .wrap-770 ol li:before{background-color:#fff; color:#df1a22;} 
.sc-wrapper-dark .wrapper .wrap-770 ul li:before{background-color:#fff;}
.sc-wrapper-dark .wrapper .wrap-770 a.cta, 
.sc-wrapper-dark .wrapper .wrap-770 .cta a{border:2px solid #fff; font-weight:700;}
body #page .sc-wrapper-dark .wrapper .wrap-770 .su-accordion .su-spoiler > .su-spoiler-title, body #page .su-spoiler > .su-spoiler-title{background-color:#df1a22;}
body #page .sc-wrapper-dark .su-accordion .su-spoiler > .su-spoiler-content, body #page .su-spoiler > .su-spoiler-content{background-color:transparent;} 
.sc-wrapper-dark.with-img .wrapper{display:flex;}
.sc-wrapper-dark.with-img .wrapper .right{ flex: 1; position:relative; padding-left:120px;}
.sc-wrapper-dark.with-img .wrapper .right .img{
	position:absolute;
	top:90px;
	left:120px;
	right:0;
	bottom:-100px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 8px;
	overflow: hidden;
}
.sc-wrapper-gray{position:relative;background-color:#ebeef0; }  
.sc-wrapper-gray .wrapper .wrap-770{ padding-top:100px; padding-bottom:90px;}  
.sc-document{margin-bottom:15px; display:flex; justify-content: flex-start; border-bottom:2px solid #e8ebef; padding-bottom:15px;}
.sc-document .left{
	height:50px;
	width:50px; 
	background-color:#ebeef0; 
	border-radius:8px;   
	display:flex; 
	align-items: center;
	justify-content: center; 

}
.sc-document .left img{max-width:18px;display:block; display:flex; align-items: flex-start;}
.sc-document.type-lien .left img{max-width:27px;}
.sc-document.type-video .left img{max-width:27px;}
.sc-document .right{flex:1; padding-left:20px; min-height:48px; display:flex; align-items: center; }
.sc-document .right p{margin-bottom:0;}

.sc-wrapper-dark .sc-document .left,
.sc-wrapper-gray .sc-document .left{background-color:#fff;}
.sc-wrapper-dark .sc-document,
.sc-wrapper-gray .sc-document{border-bottom:2px solid #fff;}



.sc-bg-image{position:relative; overflow:hidden; margin-bottom:-100px; }  
.sc-bg-image .wrapper{display:flex; align-items: flex-end;min-height:450px; padding-bottom:100px;} 
.sc-bg-image .bg{
	position: absolute;
	height: 100%; 
	right: -200px;
	left: -200px;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
}
.sc-bg-image .gradiant {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 2; 
}
.sc-bg-image .wrapper .wrap-770{position:relative; z-index:4; padding-top:100px; padding-bottom:90px; }
.sc-bg-image .wrapper:before{height:100px; bottom:0; left:-100px; right:-100px; position:absolute; content:""; background-color:#fff;  z-index:3;} 

.sc-red-title{position:relative; overflow:hidden; margin-bottom:-85px; background-color:#df1a22;z-index:-1;}  
.sc-red-title .wrapper{display:flex; align-items: flex-end; padding-bottom:80px; } 

.sc-red-title .wrapper .wrap-770{position:relative; z-index:4; padding-top:90px; padding-bottom:65px; }
.sc-red-title .wrapper .wrap-770 h2.h1{text-shadow: none!important;}
.sc-red-title .wrapper:before{height:85px; bottom:0; left:-80px; right:-80px; position:absolute; content:""; background-color:#fff;  z-index:3;} 

.scAddSpacing{margin-top:80px;}
.scAddSmallSpacing{margin-top:40px;}

/***********************************************************************/
/*** Promotion
/***********************************************************************/
#promotion{ position:relative; display:flex; align-items: center; min-height:380px;}
#promotion .bg{
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background-attachment: fixed; 
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover; 
	z-index:1;
} 
#promotion .gradiant{
	position:absolute;
	height:100%;
	width:100%; 
	top:0;
	left:0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover; 
	z-index:2;
} 
#promotion .wrapper{z-index:3; padding-top:80px; padding-bottom:70px;}
#promotion .wrapper h2{margin-bottom: 1rem; color:#fff; text-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25);}
#promotion .wrapper p{color:#fff; margin-bottom:20px; max-width:600px;}
#promotion .wrapper .cta{margin-top:10px;}


/***********************************************************************/
/*** Conseil
/***********************************************************************/
body.post-type-archive-conseil .addtoany_content{display:none!important;}
.conseil{ margin-top:-20px; padding-top:80px; padding-bottom:65px; background-color:#ebeef0;}
.conseil .archive h2{display:block; width: 100%;  margin-bottom:2.5rem;}

.conseil .archive .grid{padding-top:0; padding-bottom:0;}
.conseil .archive .grid .head{display:block; width: 100%; }
.conseil .archive .grid article .wrap .inside{ padding: 25px 30px 25px 30px; display:flex; flex-direction: row;}
.conseil .archive .grid article .wrap .inside .img{width:90px;}
.conseil .archive .grid article .wrap .inside .img img{display:block; width:100%;}
.conseil .archive .grid article .wrap .content{padding:0; flex:1; padding-left:25px;}
.conseil .archive .grid article .wrap .content .h5{margin-top:0; margin-bottom:0.5rem; }
.conseil .archive .grid article .wrap .content .xsmall{color:#df1a22; margin-bottom:0.1rem; font-weight: 700;}

.conseil.membres{background-color:#ebeef0;}
.conseil.membres h3{display:block; width: 100%;  margin-bottom:1rem; margin-top:1rem;}
.conseil.membres .archive .grid article .wrap{width:100%;}
.conseil.comites .archive .grid article .wrap .content{padding-left:0;}

/***********************************************************************/
/*** Équipe
/***********************************************************************/
.equipe{background-color:#ebeef0; padding-top:80px; padding-bottom:80px; margin-top:-20px; }
.equipe .member{display:flex; background-color: #fff; padding: 30px 30px 30px 30px; box-shadow: 0px 5px 30px rgba(10, 14, 29, 0.08); border-radius: 8px; margin-bottom:30px;}
.equipe .member:last-child{margin-bottom:0;}
.equipe .member .left{  flex:1;}
.equipe .member .left .img{width:90px; height:120px; position:relative; }
.equipe .member .left .img div{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat; 
}
.equipe .member .right .wrap{padding-left:30px;}
.equipe .member .right .wrap .h4{margin-top:0; margin-bottom:0.5rem;}
.equipe .member .right .wrap .xsmall{color:#df1a22; margin-bottom:0.1rem; font-weight: 700;}
.equipe .member .right .wrap .info.small{margin-bottom: 20px; display:flex; align-items: center;}
.equipe .member .right .wrap .small span{width:25px; margin:0 6px; height:1px; display: inline-flex; background:#6d727d; }
.equipe .member .right .wrap p a{color: #6d727d; text-decoration: underline;}
.equipe .member .right span.mail{position:relative; top:1px;}
.equipe .member .right span.mail a{display:inline-flex;}
.equipe .member .right span.mail a img{display:block; width:20px; }
.equipe .member .right span.linkedin a img{width:16px; margin-left:6px; }
.equipe .member .right span.mail a img:hover,
.equipe .member .right span.linkedin a img:hover{opacity:0.7; }
.equipe .member .right p.small{margin-top:0.5em;}

/***********************************************************************/
/*** Témoignages
/***********************************************************************/
.temoignages{background-color:#ebeef0; padding-top:85px; padding-bottom:85px; margin-top:-20px; }
.temoignages h2{display:block; width: 100%;  margin-bottom:2.5rem;}
.temoignages .temoignage{display:flex; background-color: #fff; padding: 60px 60px 60px 60px; box-shadow: 0px 5px 30px rgba(10, 14, 29, 0.08); border-radius: 8px; margin-bottom:40px;}
.temoignages .temoignage:last-child{margin-bottom:0;}
.temoignages .temoignage .img{ width:350px; position:relative; }
.temoignages .temoignage .img div{ 
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat; 
	height:350px; 
	width:100%;
}
.temoignages .temoignage .wrap-770{flex:1; padding-left: 60px;}
.temoignages .temoignage .wrap-770 .head{margin-bottom:20px; margin-top:0.5rem;}
.temoignages .temoignage .wrap-770 .head h2{margin-bottom:0.6rem;}
.temoignages .temoignage .wrap-770 .head .xsmall{ color:#df1a22; font-weight: 700; }


/***********************************************************************/
/*** Events
/***********************************************************************/
.page-events{background-color:#ebeef0; padding-top:100px; padding-bottom:70px;}
.page-events h2.h1{display: block; width: 100%; margin-bottom: 2.5rem; color:#16222E; text-shadow: none!important; padding-left: 15px;padding-right: 15px;}
.page-events .archive .grid{ padding-top:0; padding-bottom:0;}
.page-events .archive .grid article.row-2 .wrap .content h3{margin-bottom:0.8rem;}
.page-events .archive .grid article .wrap .content .lieu{margin-top:0.5rem; display:flex; align-items: center;}
.page-events .archive .grid article .wrap .content .lieu img{display:block; width:13px; margin-right:9px;} 
.page-events .archive .grid .info{display:flex; align-items: center;}
.page-events .archive .grid .info div:first-child{flex:1; display:flex; align-items: center;}
.page-events .archive .grid .info div:first-child span{width:25px; margin:0 6px; height:1px; display: inline-flex; background:#6d727d; position:relative; }
.page-events .archive .grid .info div:last-child{display:flex; align-items: center;}
.page-events .archive .grid .info div:last-child img{display:block; width:14px; margin-right:9px; position:relative; top:-1px;}


/***********************************************************************/
/*** FGM en Chiffre (Fade in)
/***********************************************************************/
.statistiques .statistique {
    opacity: 0;
    transition: 2s;
}

.statistiques .statistique.fade-in {
    opacity: 1;
}


/***********************************************************************/
/*** Statistiques
/***********************************************************************/
.statistiques{margin-top:-10px; padding-bottom:80px; padding-top:80px; background-color:#ebeef0;}
.statistiques .statistique{
	z-index: 2;
	position: relative; 
	flex:1;
	margin-bottom:60px;
}
.statistiques .statistique:last-child{margin-bottom:0;}
.statistiques .statistique h2.h1{display: block; width: 100%; margin-bottom: 2rem; color:#16222E; text-shadow: none!important;}

.statistiques .statistique .row{   
	z-index: 2;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
} 
.statistiques .statistique .row .column{ width:20%; padding-left: 15px; padding-right: 15px; position:relative;} 
.statistiques .statistique .row .column:before{
	background-color:#b3b6bc;
	content:""; 
	left:50%; 
	top:50%; 
	width:100%;
	height:4px;
	position:absolute;
	z-index:-1; 
}
.statistiques .statistique .row .column:last-child:before{display:none;}
.statistiques .statistique .row .column .wrap{ 
	border-radius: 8px; 
	padding:40px 20px;
	background-color:#fff; 
	box-shadow: 0px 5px 30px rgba(10, 14, 29, 0.08);
	height:100%; text-align: center;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
/*.statistiques .statistique .row .column .wrap:hover{ background-color:#df1a22; box-shadow: 0px 5px 30px rgba(10, 14, 29, 0);transition: 4000ms ease;}*/
.statistiques .statistique .row .column .wrap .stat.h2{
	color:#df1a22; 
	margin-bottom:0.5rem;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.statistiques .statistique .row .column .wrap .xsmall{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
/*.statistiques .statistique .row .column .wrap:hover .xsmall{color:#fff;} */
.statistiques {
      animation: fadeIn linear 2.5s;
  -webkit-animation: fadeIn linear 2.5s;
  -moz-animation: fadeIn linear 2.5s;
  -o-animation: fadeIn linear 2.5s;
  -ms-animation: fadeIn linear 2.5s;
}

/***********************************************************************/
/*** Fonds
/***********************************************************************/ 
#fonds{ background-color:#ebeef0; padding-top:85px; padding-bottom:85px; margin-top:-20px; }
#fonds .wrapper{display:flex;}  
#fonds .wrapper #sidebar{ width:380px;}
#fonds .wrapper #sidebar .wrap{background-color: #fff; padding: 40px 30px; box-shadow: 0px 5px 30px rgba(10, 14, 29, 0.08); border-radius: 8px;}

#fonds .wrapper #sidebar .wrap h2{margin-bottom:1.5rem;}
#fonds .wrapper #sidebar .wrap form ul li:before{display:none!important;}
#fonds .wrapper #sidebar .wrap form ul{margin:0 0 0 0; padding:0 0 0 0;} 
#fonds .wrapper #sidebar .wrap form ul li{margin:0 0 0.5rem 0; padding:0 0 0 0; display:flex; align-items: flex-start;} 
#fonds .wrapper #sidebar .wrap form ul li label.small{line-height:18px; padding-left:28px; font-size:15px;}

#fonds .wrapper #sidebar .wrap form .field{margin-bottom:1.5rem;}
#fonds .wrapper #sidebar .wrap form .field:last-child{margin-bottom: 0} 
#fonds .wrapper #sidebar .wrap form .field .xsmall{display:block; margin-bottom:0.6rem;}
#fonds .wrapper #sidebar .wrap form .field:last-child .xsmall{margin-bottom:0.8rem;}
#fonds .wrapper #sidebar .wrap form .field:first-child input{width:100%; display:block;}
#fonds .wrapper #sidebar .wrap form .cta.full.red{text-align: right;}
#fonds .wrapper #sidebar .wrap form .cta.full.red input{
	border: 2px solid #DF1A22!important;
	background-color: #DF1A22;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1.2px;
	line-height: normal;
	padding: 12px 28px 12px 28px;
	text-align: center;
	border-radius: 40px;
	display: block;
	max-width: 100%;
	width:100%;
}

#archive-fonds{flex:1; padding-left:30px;}
#archive-fonds .fond{ box-shadow: 0px 5px 30px rgba(10, 14, 29, 0.08);  margin-bottom:30px; }
#archive-fonds .fond:last-child{margin-bottom:0;}
#archive-fonds .fond .wrap{border-radius: 8px; background-color: #fff; overflow:hidden;}
#archive-fonds .fond .wrap .head{padding: 35px 40px 0 40px;}
#archive-fonds .fond .wrap .category{color:#df1a22; font-weight: 700;}
#archive-fonds .fond .wrap h3{ margin-top: 1rem;}
#archive-fonds .fond .wrap p{margin-top: 0.5rem; }
#archive-fonds .fond .wrap .foot{display:flex; margin-top:25px; border-top: 2px solid #ebeef0; padding: 13px 40px 15px 40px;  }
#archive-fonds .fond .wrap .foot .cta.red.full{flex:1; text-align: right}
#archive-fonds .fond .wrap .foot .cta.red.full a{ font-size: 11px; padding: 10px 25px 10px 25px;  }
#archive-fonds .fond .wrap .foot .website{
	height:37px;
	width:37px; 
	position:relative;
	border-radius:100%; 
	background-color: #ebeef0;
	text-decoration: none; 
	text-align: center; 
	display:flex;
	justify-content: center;
	align-self: center;
}
#archive-fonds .fond .wrap .foot .website img{display:block; width:6.5px; }




#fonds .wrapper #sidebar .wrap form ul li{display:flex; align-items: center; flex-wrap:wrap;}
#fonds .wrapper #sidebar .wrap form ul li .accordion-head{
	background-image:url(/wp-content/themes/ATYPIC/public/img/subventions-plus.svg);
	height:16px;
	width:16px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-left:6px; 
	position:relative;
	top:0;
}
#fonds .wrapper #sidebar .wrap form ul li{margin: 0 0 0.55rem 0;}
#fonds .wrapper #sidebar .wrap form ul li ul{display:flex; width: 100%; flex-direction: column; padding-left:32px; margin-top:0.5rem;}
#fonds .wrapper #sidebar .wrap form ul li ul li label.small{font-size: 14px; }
#fonds .wrapper #sidebar .wrap form ul li ul li{ margin: 0 0 0.3rem 0;}
#fonds .wrapper #sidebar .wrap form ul li.active .accordion-head.open{background-image:url(/wp-content/themes/ATYPIC/public/img/subventions-minus-red.svg);}

#fonds .wrapper #sidebar .wrap button#select-all-cats{
	font-size: 12px;
	letter-spacing: 0;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1.2px;
	line-height: normal;
	padding: 8px 15px 8px 15px;
	text-align: center;
	border-radius: 40px;
	display: inline-block;
	position: relative;
	top: 0;
	border:2px solid #DF1A22!important;
	background-color: #fff!important;
	color:#DF1A22;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#fonds .wrapper #sidebar .wrap button#select-all-cats:hover{background-color:#DF1A22!important; color:#fff;}
#fonds #archive-fonds h5{margin-bottom: 10px;}
#fonds #archive-fonds form{
	display:flex;
	flex-wrap: wrap;
	position:relative;
	justify-content: center;
	margin-left:-10px;
	 margin-right:-10px;
	 overflow: hidden;
}
#fonds #archive-fonds form button{width:33.3%; margin-top:20px;  display:flex; flex-direction: column; justify-content: center; padding-left:10px; padding-right:10px; }
#fonds #archive-fonds form button .wrap-icon{
	height:100%;
	display:flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	background-color:#fff;
	    box-shadow: 0px 5px 30px rgb(10 14 29 / 8%);
    border-radius: 8px;
    padding:20px 10px;
}
#fonds #archive-fonds form button .wrap-icon .icon-fonds-cat{
	width:25%;
	height:140px;
	width:140px;
	border-radius: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-color:#DF1A22;
	margin-bottom:10px;
}

#fonds #archive-fonds form button:hover .wrap-icon .icon-fonds-cat{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	transform: scale(1.05);
}

#fonds #archive-fonds form button:first-child .icon-fonds-cat{background-size:113px auto;}
#fonds #archive-fonds form button:nth-child(2) .icon-fonds-cat{background-size:90px auto;}
#fonds #archive-fonds form button:nth-child(3) .icon-fonds-cat{background-size:80px auto;}
#fonds #archive-fonds form button:nth-child(4) .icon-fonds-cat{background-size:106px auto;}
#fonds #archive-fonds form button:nth-child(5) .icon-fonds-cat{background-size:89px auto;}
#fonds #archive-fonds form button:nth-child(6) .icon-fonds-cat{background-size:98px auto;}
#fonds #archive-fonds form button:nth-child(7) .icon-fonds-cat{background-size:117px auto;}


/***********************************************************************/
/*** Singles
/***********************************************************************/
.recent{background-color:#ebeef0; margin-top:40px;}
#head .date{color:#fff; margin-top: 2rem; display:block}

/***********************************************************************/
/*** Search
/***********************************************************************/
#menu-search{
	position: fixed;  
	top: 0;
	left:0; 
	align-items: center;
	justify-content: center;
	background:rgb(13 19 27 / 94%);
	background-color:rgb(13 19 27 / 94%);
	width: 100%;
	height: 100%;
	z-index: 1000000; 
	visibility: hidden;
	display: flex;
	opacity:0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}   
#menu-search.open{visibility: initial; opacity:1;}
#menu-search .wrapper-search{ 
	overflow: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width:700px;
	padding-left:60px;
	padding-right:60px;
	margin:auto;
	flex-direction: column;
	width:100%;
}
#menu-search .wrapper-search > div{flex:1;}
#menu-search .wrapper-search form{flex:1;  position:relative; width: 100%;}
#menu-search .wrapper-search form > div{display:flex;}
#menu-search .wrapper-search form > div input{
	flex:1;
	height:70px;
	width:100%; 
	border-radius:40px;
	padding: 0 70px 0 30px;
	border:2px solid#fff; 
	background-color:transparent;
	background:transparent;
	color:#fff;
	font-size:21px;
	z-index:1;
	position:relative;
}
#menu-search .wrapper-search form > div input::placeholder{ color: #fff; opacity: 1; }
#menu-search .wrapper-search form > div input:-ms-input-placeholder { color: #fff; }
#menu-search .wrapper-search form > div input::-ms-input-placeholder { color: #fff; }
#menu-search .wrapper-search form > div button{
	height:70px; 
	width:70px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color:transparent;
	background:transparent;
	padding:0; 
	margin:0;
	position:absolute;
	right:0; top:0;
	z-index:4;
}
#menu-search .wrapper-search form > div button svg{display:block; width:32px; position:relative; top:-1px; }
#menu-search .wrapper-search .search-fonds{padding-top: 60px; }
#menu-search .wrapper-search .search-fonds a{color:#fff; font-weight:700; }
#menu-search .close{
	cursor: pointer; 
	position:absolute;
	right:25px;
	top:25px;
	width: 26px;
	height: 26px;
}

#menu-search input:-webkit-autofill,
#menu-search input:-webkit-autofill:hover,
#menu-search input:-webkit-autofill:focus{
	-webkit-text-fill-color: #ffffff;
	-webkit-box-shadow: 0 0 0px 1000px #000 inset;
	transition: background-color 5000s ease-in-out 0s;
}

#menu-search .close #cross {
	position: absolute;
	height: 100%;
	width: 100%;
	transform: rotate(45deg);
}
#menu-search .close span {
	width: 26px;
	height: 2px;
	position: relative;
	top: -1px;
	left:0;
	margin: 5px 0;
}
#menu-search .close #cross span:nth-child(1) {
	height: 100%; 
	width: 2px;
	position: absolute;
	top:0;
	left: 12px;
	transition-delay: 0s;
}
#menu-search .close #cross span:nth-child(2) {
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
	top: 12px;
	transition-delay: .25s;
} 
#menu-search .close  span {
	display: block;
	background: #fff;
	border-radius: 2px; 
} 

/***********************************************************************/
/*** Search
/***********************************************************************/
.search-results{background-color:#ebeef0;}
.search-page .result{
	position:relative;
	background-color: #fff;
	box-shadow: 0px 5px 30px rgba(10, 14, 29, 0.08);
	border-radius: 8px;
	margin-bottom: 25px;
	padding: 30px 30px 30px 30px;
}
.search-page .result:last-child{margin-bottom:0;}
.search-page .result .wrap{display:block; position:relative;}
.search-page .result .wrap p{font-size: 14px; line-height: 1.35rem; letter-spacing: 0; text-decoration: none;}
.search-page .result .wrap a.cta{font-size: 11px; padding: 10px 25px 10px 25px;}

/***********************************************************************/
/*** 404
/***********************************************************************/
.error404{
	background-image: url(/wp-content/uploads/2020/02/shutterstock_415843039-scaled-e1608069188435.jpg);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.error404 h1{font-size:110px; line-height:1;}
.error404 h4{color:#fff; margin-bottom:40px; text-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25);}
.error404 #page{ 
	background-color:rgb(0 0 0 / 70%); 
	display: flex;
	align-items: center;
	justify-content: center;
}
.error404 #page .wrapper{margin:auto; text-align: center; }
.error404 #page .wrapper .logo{margin-bottom: 40px;}
.error404 #page .wrapper .logo img {
	max-width: 240px;
	width: 100%;
	display: block;
	margin:auto;
}
.error404 #page .wrapper form input{ 
	background-color:transparent; 
	background:transparent;
	color:#fff;  
	padding:0 42px 0 15px;
	line-height:42px;
	width: 100%;
	border:2px solid #fff;
}
.error404 #page .wrapper form input::placeholder{ color: #fff; opacity: 1; }
.error404 #page .wrapper form input:-ms-input-placeholder { color: #fff; }
.error404 #page .wrapper form input::-ms-input-placeholder { color: #fff; }
.error404 #page .wrapper form > div{width:100%; position:relative;}
.error404 #page .wrapper form > div button{
	height:42px; 
	width:42px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color:transparent;
	background:transparent;
	padding:0; 
	margin:0;
	position:absolute;
	right:0; top:0;
	z-index:4;
}
.error404 #page .wrapper form > div button svg{display:block; width:20px; position:relative; top:-1px;}
.error404 #page .wrapper a.cta{ margin-top:50px;}

/***********************************************************************/
/*** NOT FOUND
/***********************************************************************/ 
.search-no-results #page .wrapper form input{ 
	background-color:transparent; 
	background:transparent; 
	padding:0 42px 0 15px;
	line-height:42px;
	width: 100%;   
} 
.search-no-results #page .wrapper form > div{width:100%; position:relative; display:flex;}
.search-no-results #page .wrapper form > div button{
	height:42px; 
	width:42px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color:transparent;
	background:transparent;
	padding:0; 
	margin:0; 
	right:0; top:0;
	z-index:4; 
	position:absolute;
	right:2px; 
	top:0;
	z-index:4;  
	border-radius: 100%
}
.search-no-results #page .wrapper form > div button svg{display:block; width:20px; position:relative; }
.search-no-results #page .wrapper form > div button svg path{stroke:#df1a22!important; }

/******************************************************************************************************************/
/*** TABLE ********************************************************************************************************/
/******************************************************************************************************************/
table#datatable{padding-top: 15px;}
table.dataTable.no-footer {border-bottom: 1px solid #a2bbdc; margin-bottom:15px;}
table.dataTable thead th{border-bottom: 1px solid #a2bbdc;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	color: #005695 !important;
	border: 1px solid #86a7bf;
	background-color: white;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dfebfb), color-stop(100%, #dfebfb));
	background: -webkit-linear-gradient(top, #dfebfb 0%, #dfebfb 100%);
	background: -moz-linear-gradient(top, #dfebfb 0%, #dfebfb 100%);
	background: -ms-linear-gradient(top, #dfebfb 0%, #dfebfb 100%);
	background: -o-linear-gradient(top, #dfebfb 0%, #dfebfb 100%);
	background: linear-gradient(to bottom, #dfebfb 0%, #dfebfb 100%);
}

table#datatable td.details-control {
	background: url('../img/details_open.png') no-repeat center center;
	cursor: pointer;
	padding: 5px 12px;
}
table#datatable tr.shown td.details-control {
	background: url('../img/details_close.png') no-repeat center center;
	cursor: pointer;
	padding: 5px 12px;
}

table#datatable th.sorting, table#datatable th.sorting_desc, table#datatable th.sorting_asc{cursor: pointer;}
table#datatable div.details{display: none;}
table#datatable div.details.shown{display: table-row;}




/***********************************************************************/
/*** Subventions
/***********************************************************************/

#block-suventions{ background-color:#ebeef0; padding-top:85px; padding-bottom:75px; margin-top:-20px; }
#block-suventions #subventions{display:flex; flex-direction:row;} 
#block-suventions #subventions #datatable_wrapper{display:flex; flex-direction: column; width:100%; margin: 0 -5px; }
#block-suventions #subventions .wrap-table{flex:1;}
#block-suventions #subventions .wrap-table-nav #datatable_filter {position:relative;}
#block-suventions #subventions .wrap-table-nav #datatable_filter .dataTables_filter-title {margin-bottom: 10px;}
#block-suventions #subventions .wrap-table-nav #datatable_filter .dataTables_filter-title h5{margin:0; padding:0;}
#block-suventions #subventions .wrap-table-nav #datatable_filter .dataTables_filter-fields {display:flex; width:100%; flex-direction:row; position:relative;}
#block-suventions #subventions .wrap-table-nav #datatable_filter .dataTables_filter-fields > div:not(:last-child),
#block-suventions #subventions .wrap-table-nav #datatable_filter .dataTables_filter-fields > span{margin-right:10px;}
#block-suventions #subventions .wrap-table-nav #datatable_filter .facetwp-facet,
#block-suventions #subventions .wrap-table-nav #datatable_filter .clearable{margin-bottom: 0; width: 100%;}
#block-suventions #subventions .wrap-table-nav #datatable_filter .facetwp-facet .fs-open .fs-arrow {transform: none;}
#block-suventions #subventions .wrap-table-nav #datatable_filter .facetwp-facet .facetwp-dropdown{background: white;-moz-appearance: none;-webkit-appearance: none;}
#block-suventions #subventions .wrap-table-nav #datatable_filter .facetwp-facet-secteur .facetwp-facet-recherche .facetwp-search{width: 100%; min-width: 100%;}
#block-suventions #subventions .wrap-table-nav #datatable_filter .facetwp-facet-recherche .facetwp-input-wrap,
#block-suventions #subventions .wrap-table-nav #datatable_filter .clearable .facetwp-facet-recherche,
#block-suventions #subventions .wrap-table-nav #datatable_filter .facetwp-facet-recherche .facetwp-input-wrap .facetwp-search,
#block-suventions #subventions .wrap-table-nav #datatable_filter .facetwp-facet-organismes_benificiaires .fs-wrap,
#block-suventions #subventions .wrap-table-nav #datatable_filter .facetwp-facet-fonds .fs-wrap {width: 100%;}
#block-suventions #subventions .wrap-table-nav #datatable_filter .facetwp-facet-recherche .facetwp-input-wrap .facetwp-search{min-width: 100%;}
#block-suventions #subventions .wrap-table-nav{    
	/*flex:1;*/
	background-color: #fff;
	padding:20px 20px 20px 20px;
	box-shadow: 0px 5px 30px rgba(10, 14, 29, 0.08);
	border-radius: 8px;  
	position:relative;
	margin-bottom:30px;
}
#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{
	max-width: initial;
	border: 2px solid #e5e7e9;
	border-radius: 20px;
	height: 42px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	padding: 0 10px;
	color: #6d727d;
	position: relative;
	width: 100%;
}
#block-suventions #subventions .wrap-table-nav #datatable_filter .facetwp-facet-fonds .fs-wrap .fs-label-wrap .fs-label{
	padding: 8px 22px 8px 8px;
}
#block-suventions #subventions .wrap-table-nav #datatable_filter > select,
#block-suventions #subventions .wrap-table-nav #datatable_filter .facetwp-facet > select{
	max-width:initial;
	border: 2px solid #e5e7e9;
	border-radius: 20px;
	height: 42px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	padding: 0 10px;
	color: #6d727d;
	position: relative;
	width:80%;

}
#block-suventions #subventions .wrap-table-nav #datatable_filter .facetwp-facet > select{width:100%;}
#block-suventions #subventions .wrap-table-nav #datatable_filter > select:nth-child(1){flex:1;}
#block-suventions #subventions .wrap-table-nav #datatable_filter > label{

	color: #7F8694;
	font-weight: 700;
	font-size: 12px;
	line-height: 30px;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	text-decoration: none;
	display:flex; 
}
#block-suventions #subventions .wrap-table-nav #datatable_filter > label input{
	margin:0; 
	height:38px;
	border: 2px solid #e5e7e9;
	border-radius: 20px; 
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	padding: 0 10px;
	color: #6d727d;
	position: relative;

}
#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: min-content;}
#block-suventions #subventions table.dataTable.no-footer{border:none!important; width:100%; padding: 0; margin: 0; border-spacing: 0; border-radius: 8px; overflow:hidden;}
#block-suventions #subventions table, #block-suventions #subventions th, #block-suventions #subventions td{border:none!important;} 
#block-suventions #subventions table.dataTable.no-footer tbody tr.info{padding:0 20px; background-color:#fff;border-bottom:2px solid #ebeef0;}
#block-suventions #subventions table.dataTable.no-footer tbody tr td{padding:20px 30px 20px 50px; margin:0; background-color:#fff;}
#block-suventions #subventions table.dataTable.no-footer tbody tr.info td{
	padding:16px 10px; 
	background-color:transparent;     
	font-size: 14px;
	line-height: 1.15rem;
	min-width:140px;
}


#block-suventions #subventions table.dataTable.no-footer tbody tr.info.shown{background:#df1a22; border-bottom:2px solid #fff;}
#block-suventions #subventions table.dataTable.no-footer tbody tr.info.shown td{color:#fff;}
#block-suventions #subventions .info td:first-child{padding:none;}
#block-suventions #subventions table#datatable td.details-control{
	background-image: url(/wp-content/themes/ATYPIC/public/img/subventions-plus.svg);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer; 
	padding: 0;
	margin: 0;
	width: 30px;
	background-size: 20px auto;
	min-width:25px;
}
#block-suventions #subventions table#datatable tr.info.shown td.details-control{background-image: url(/wp-content/themes/ATYPIC/public/img/subventions-minus.svg);}
#block-suventions #subventions table.dataTable.no-footer thead{background-color:#16222E;}
#block-suventions #subventions .facetwp-head{
	background-color:#16222E; 
	border-radius: 8px 8px 0 0;
	display: grid;
	grid-template-columns: 1fr 4fr 4fr 4fr 4fr 4fr 4fr;
}
#block-suventions #subventions .facetwp-head .facetwp-head-col{
	text-align: left;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1.2px;
	line-height: 18px;
	padding: 20px 10px 16px 10px;
	color: #fff;
	display: flex;
	align-items: center;
}
#block-suventions #subventions .facetwp-head .facetwp-head-col span {
	cursor:pointer;
}
#block-suventions #subventions .facetwp-template .fwpl-col{
	display: flex;
	align-items: center;
}
#block-suventions #subventions .pagination-container{
	text-align: center;
	margin-top: 26px;
}
#block-suventions #subventions table.dataTable.no-footer thead th{
	text-align: left;
	font-size: 12px; 
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700; 
	letter-spacing: 1.2px;
	line-height: 18px;
	padding:20px 10px 16px 10px;
	color:#fff;
}
#block-suventions #subventions .dataTables_info{display:none;}
#block-suventions #subventions .dataTables_paginate{text-align: center; margin-top:26px;}
#block-suventions #subventions .dataTables_wrapper .dataTables_paginate .paginate_button{
	color: #6d727d !important;
	border: none;
	background-color: transparent;
	background: transparent; 
	padding:0 5px;
	margin:0;
	text-decoration: none; 
	font-weight: 400;
	cursor: pointer;
} 
#block-suventions #subventions .dataTables_wrapper .dataTables_paginate .paginate_button.current, 
#block-suventions #subventions .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
	color: #16222E !important;
	border: none;
	background-color: transparent;
	background: transparent; 
	padding:0 5px;
	margin:0;
	text-decoration: none; 
	font-weight:700;
}
#block-suventions .pagination-container{
	text-align: center;
	margin-top: 26px;
}
#block-suventions .pagination-container .facetwp-page{
	color: #6d727d !important;
	border: none;
	background-color: transparent;
	background: transparent;
	padding: 0 5px;
	margin: 0;
	text-decoration: none;
	font-weight: normal;
	cursor: pointer;
}
#block-suventions .pagination-container .facetwp-page.active{
	color: #16222E !important;
	border: none;
	background-color: transparent;
	background: transparent;
	padding: 0 5px;
	margin: 0;
	text-decoration: none;
	font-weight: 700;
}

#block-suventions #subventions .fwpl-layout {
    grid-template-columns: 1fr;
    grid-gap: 1px;
}
#block-suventions #subventions .fwpl-result {
background-color: #ffffff;
font-size: 14px;
color: #6d727d;
border-bottom: 1px solid #ebeef0;
}
#block-suventions #subventions .fwpl-row {
    grid-template-columns: 1fr 4fr 4fr 4fr 4fr 4fr 4fr;
	border-bottom: 1px solid lightgray;
}
#block-suventions #subventions .fwpl-item {
/*     border-width: 1px; */

}
#block-suventions #subventions .fwpl-col{
    padding: 16px 10px;
}
#block-suventions #subventions .fwpl-full-row {
    padding: 16px 10px;
}
#block-suventions #subventions .fwpl-row-toggle{
	padding: 0 30px 0 52px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	opacity: 0;
	height: auto;
	max-height: 0;
	overflow: hidden;
}
#block-suventions #subventions .fwpl-result-container.active .fwpl-row-toggle {
	padding: 20px 30px 20px 52px;
  	opacity: 1;
  	height: auto;
  	max-height: 500px;
}
#block-suventions #subventions .fwpl-result-container.active .fwpl-row {
  background: #df1a22;
	color: #ffffff;
}
#block-suventions #subventions .fwpl-result-container.active .item-toggler{
    background-image: url(/wp-content/themes/ATYPIC/public/img/subventions-minus.svg);
}
#block-suventions #subventions .item-toggler{
    background-image: url(/wp-content/themes/ATYPIC/public/img/subventions-plus.svg);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	padding: 0;
	margin: 0;
	background-size: 20px auto;
}




/***********************************************************************/
/*** INFOLETTRE
/***********************************************************************/
#infolettre{padding-bottom: 70px; margin-top:-20px;}
#infolettre form{position:relative; display:flex; flex-direction: row; flex-wrap: wrap; overflow:hidden;margin-left:-5px; margin-right:-5px;}
#infolettre form .row{width:50%; margin-top: 16px; margin-bottom:0.5rem; display:block; width:50%; padding:0 5px;}
#infolettre form .row label{
	display:block;
	font-size: 15px;
	line-height: 18px;
	letter-spacing: 0;
	text-decoration: none;
	font-weight: 700;
	letter-spacing: 0;
	text-decoration: none;
	padding-left: 0px;
	font-family: 'Open Sans', sans-serif!important;
	color:#16222E;
	clear:both; 
}
#infolettre form .row input{margin-top:6px; width:100%; }
#infolettre form .cta-form{
	width:100%; 
	max-width:200px;  
	font-size:12px;  
	letter-spacing: 0; 
	text-decoration:none; 
	text-transform: uppercase; 
	font-weight:700;   
	letter-spacing: 1.2px;
	line-height:normal;
	padding:12px 28px 12px 28px; 
	text-align:center; 
	border-radius:40px;  
	display:inline-block; 
	margin-top:20px;
	border:2px solid #DF1A22; 
	background-color:#DF1A22;
	color:#fff;
}

#infolettre form .cta-form:hover{
	background-color:transparent;
	color:#DF1A22;
}

.form-cats{display:flex; display:flex; flex-wrap: wrap; justify-content: center;}
.form-cats button{width:25%; display:flex; flex-direction: column;}
.form-cats button img{width: 100%; display: block;}
.gdl-accordion span.radio{position:absolute; top:0; left:0;}

/*subventions sorter*/

.hidden-sort{
	display:none !important;
}

/* Clearable text inputs */
.clearable{
  position: relative;
  display: inline-block;
}
.clearable input[type=text]{
  padding-right: 24px;
  width: 100%;
  box-sizing: border-box;
}
.clearable__clear {
  border-radius:25px;
  background-color:lightgray;
  color:darkgray;
  position: absolute;
  right:8px; 
  top:5px;
  padding: 0 8px;
  font-style: normal;
  font-size: 1.2em;
  user-select: none;
  cursor: pointer;
}
.clearable-dropdown .clearable__clear {
	right:15px;
}

.clearable input::-ms-clear {  /* Remove IE default X */
  display: none;
}



/***********************************************************************/
/*** SUBVENTIONS
/***********************************************************************/
#block-suventions #subventions .fwpl-row {
    display: grid;
}