body #wpadminbar{z-index:100000000000000;}
.menu-search, #menu-float .menu-principal-container > ul > li.cta-orange.menu-donner{display:none;}
.paging-navigation{margin-top:40px;}
.public-responsive{display:none;}

.ellipsis{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

/*------------------------------------------------------------------------------*/
/*------- GENERAL --------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


html {height: 100%;-webkit-overflow-scrolling: touch;}
body{ min-width:320px;min-height: 100%;  position: relative; padding:0px; margin:0px; font-family: 'Raleway', sans-serif; font-weight:400; font-size: 1.07rem; line-height: 1.7; color:#3b404e; }
#page{height: 100%;position: relative;overflow: auto} 

.wrapper{ width:100%; max-width:1200px; display:block; position:relative; margin:auto; }
.wrap-content{ width:100%; max-width:880px; display:block; position:relative; margin:auto; }
/*#primary{margin-bottom:5rem}*/

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong{ font-weight:800; }
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b{ font-weight:800; }
body p b, body p strong{ font-weight:700; }

body p{ font-weight:400; font-size: 1.07rem; line-height: 1.7; margin-bottom: 1.6rem; }

h1{ font-family: 'Montserrat', sans-serif; padding:0 0 0 0; line-height: 1.2; font-size:2.6rem; font-weight:900; margin-bottom: 1.5rem; margin-top: 4rem; color:#002138; }
h2{ font-family: 'Montserrat', sans-serif; padding:0 0 0 0; line-height: 1.3; font-size:2rem; font-weight:400; margin-bottom: 1.4rem; margin-top: 2.5rem; color:#6eb43f; }
h3{ font-family: 'Montserrat', sans-serif; padding:0 0 0 0; line-height: 1.4; font-size:1.4rem; font-weight:800; margin-bottom: 1rem; margin-top: 2rem; color:#002138; }
h4{ font-family: 'Montserrat', sans-serif; padding:0 0 0 0; line-height: 1.4; font-size:1.1rem; font-weight:600; margin-bottom: 1rem; margin-top: 1.5rem; color:#015a54; }
h5{ font-family: 'Montserrat', sans-serif; padding:0 0 0 0; line-height: 1.4; font-size:0.96rem; font-weight:700; margin-bottom: 0.5rem; color:#6eb43f; text-transform:uppercase; }

.h1{ font-family: 'Montserrat', sans-serif; padding:0 0 0 0; line-height: 1.2; font-size:2.6rem; font-weight:900; margin-bottom: 1.5rem; margin-top: 4rem; color:#002138; }
.h2{ font-family: 'Montserrat', sans-serif; padding:0 0 0 0; line-height: 1.3; font-size:2rem; font-weight:400; margin-bottom: 1.4rem; margin-top: 2.5rem; color:#6eb43f; }
.h3{ font-family: 'Montserrat', sans-serif; padding:0 0 0 0; line-height: 1.4; font-size:1.4rem; font-weight:800; margin-bottom: 1rem; margin-top: 2rem; color:#002138; }
.h4{ font-family: 'Montserrat', sans-serif; padding:0 0 0 0; line-height: 1.4; font-size:1.1rem; font-weight:600; margin-bottom: 1rem; margin-top: 1.5rem; color:#015a54; }
.h5{ font-family: 'Montserrat', sans-serif; padding:0 0 0 0; line-height: 1.4; font-size:0.96rem; font-weight:700; margin-bottom: 0.5rem; color:#6eb43f; text-transform:uppercase; }


#primary h1, #primary h2, #primary h3{display:block;  }

a{ text-decoration:underline; color:#005953; font-weight:600; }
a:hover{ text-decoration:none; }
a, a:visited, a:hover{
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}


.lang-switcher{ float: left; position: relative; height:43px; line-height:43px; margin: 0 0 0 10px; text-transform: uppercase; overflow:hidden; width:25px; }
.lang-switcher a{ 
	color:#494f5f; 
	letter-spacing:1px;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	text-decoration: none;
	border-bottom: 1px solid #bae2e2;
}
.lang-switcher a:hover{color:#9097a9; border-bottom: 1px solid #7cdf38; }

#primary .wrap-content img.size-full{max-width:100%;}

/*------------------------------------------------------------------------------*/
/*------- CTA ------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/

/*************************************/
/* CTA orange
/*************************************/
.cta-orange a{
	color:#fff;
	position:relative;
	font-size:0.9rem;
	line-height:1.2;
	overflow: hidden;
	padding: 13px 33px 13px 33px;
	z-index:4;
	display:block;
	text-decoration:none;
	text-transform:uppercase;
}
.cta-orange{ 
	border-radius: 4px;
	overflow:hidden;
	position: relative;
	z-index:1;
	display: inline-block;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	vertical-align: bottom;
	margin: 0 0 0 0;
	padding:0 0 0 0; 
	background-color:#f76742;
}
.cta-orange:before {
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background: -webkit-linear-gradient(90deg, #6eb43f 10%, #468a37 90%);
	background: linear-gradient(90deg, #6eb43f 10%, #468a37 90%);
	z-index: 2;
	transform: translateY(100%);
	opacity: 0;
}
.cta-orange:after {
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background: -webkit-linear-gradient(90deg, #6eb43f 10%, #468a37 90%);
	background: linear-gradient(90deg, #6eb43f 10%, #468a37 90%);
	z-index: 2;
	transition: transform .8s cubic-bezier(.165,.84,.44,1);
	transform: translateY(-100%);
	opacity: 1;
}
.cta-orange:hover::before {
	transition: transform .7s cubic-bezier(.165,.84,.44,1);
	transform: translateY(0%);
	opacity: 1;
}
.cta-orange:hover::after {
	transition: none;
	transform: translateY(0%);
	opacity: 0;
}

/*************************************/
/* CTA orange 100%
/*************************************/
.cta-orange-100 a{
	color:#fff;
	position:relative;
	font-size:0.9rem;
	line-height:1.1;
	overflow: hidden;
	padding: 13px 33px 13px 33px;
	z-index:4;
	display:block;
	text-decoration:none;
	text-transform:uppercase;
}
.cta-orange-100{ 
	border-radius: 4px;
	overflow:hidden;
	position: relative;
	z-index:1;
	display: block;
	width:50%;
	margin:auto;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	vertical-align: bottom; 
	padding:0 0 0 0; 
	background-color:#f76742;
}
.cta-orange-100:before {
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background: -webkit-linear-gradient(90deg, #6eb43f 10%, #468a37 90%);
	background: linear-gradient(90deg, #6eb43f 10%, #468a37 90%);
	z-index: 2;
	transform: translateY(100%);
	opacity: 0;
}
.cta-orange-100:after {
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background: -webkit-linear-gradient(90deg, #6eb43f 10%, #468a37 90%);
	background: linear-gradient(90deg, #6eb43f 10%, #468a37 90%);
	z-index: 2;
	transition: transform .8s cubic-bezier(.165,.84,.44,1);
	transform: translateY(-100%);
	opacity: 1;
}
.cta-orange-100:hover::before {
	transition: transform .7s cubic-bezier(.165,.84,.44,1);
	transform: translateY(0%);
	opacity: 1;
}
.cta-orange-100:hover::after {
	transition: none;
	transform: translateY(0%);
	opacity: 0;
}
.cta-orange-100 p{padding:0 0 0 0; margin:0 0 0 0; text-align:center;}

/*************************************/
/* CTA arrow - avec bg
/*************************************/
.cta-arrow-bg{
	display:inline-block;
	background-color:#012138;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	overflow:hidden;
	position: relative;
	z-index:1;
	border-radius: 5px 5px 0 0; 
}
.cta-arrow-bg a{ z-index:4; position:relative; display: block; padding:8px 12px 8px 12px; text-decoration:none;}
.cta-arrow-bg a img{display:block;}
.cta-arrow-bg:before {
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background: -webkit-linear-gradient(90deg, #0a756f 10%, #005953 90%);
	background: linear-gradient(90deg, #0a756f 10%, #005953 90%);
	z-index: 2;
	transform: translateY(100%);
	opacity: 0;
}
.cta-arrow-bg:after {
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background: -webkit-linear-gradient(90deg, #0a756f 10%, #005953 90%);
	background: linear-gradient(90deg, #0a756f 10%, #005953 90%);
	z-index: 2;
	transition: transform .8s cubic-bezier(.165,.84,.44,1);
	transform: translateY(-100%);
	opacity: 1;
}
.cta-arrow-bg:hover::before {
	transition: transform .7s cubic-bezier(.165,.84,.44,1);
	transform: translateY(0%);
	opacity: 1;
}
.cta-arrow-bg:hover::after {
	transition: none;
	transform: translateY(0%);
	opacity: 0;
}

/*************************************/
/* CTA small
/*************************************/
.cta-small a{
	color: #f76742;
	font-weight: 700;
	position: relative;
	font-size: 0.9rem;
	line-height: 1.1;
	overflow: hidden;
	padding: 9px 15px 9px 15px;
	z-index: 4;
	display: block;
	text-decoration: none;
}
.cta-small{ 
	border-radius: 4px;
	overflow:hidden;
	position: relative;
	z-index:1;
	display: inline-block;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	vertical-align: bottom;
	margin: 0 0 0 0;
	padding:0 0 0 0; 
	background-color:#fff;
	border: 1px solid #f76742;
}
.cta-small:before {
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	position: absolute; 
	background: #f76742; 
	z-index: 2;
	transform: translateY(100%);
	opacity: 0;
}
.cta-small:after {
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	position: absolute; 
	background: #f76742;
	z-index: 2;
	transition: transform .8s cubic-bezier(.165,.84,.44,1);
	transform: translateY(-100%);
	opacity: 1;
} 
.cta-small:hover a{color:#fff;}
.cta-small:hover::before {
	transition: transform .7s cubic-bezier(.165,.84,.44,1);
	transform: translateY(0%);
	opacity: 1;
}
.cta-small:hover::after {
	transition: none;
	transform: translateY(0%);
	opacity: 0;
}



/*------------------------------------------------------------------------------*/
/*------- HEADER ---------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
header{
	position:fixed; 
	z-index:100;
	background-color:#fff; 
	display:block; 
	top:0; 
	left:0; 
	right:0;
	box-shadow:rgb(255 255 255 / 100%);
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;  
	z-index:80;
}
header .wrap-header{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; position:relative;
	display:block;
	padding:0 28px 0 100px;
	height:100%;
	height:100px;
	box-shadow: 0px 5px 15px rgba(10, 14, 29, 0.05);
}
header .wrap-header .header-logo{
	position:absolute; 
	margin:auto; 
	display:inline-block; 
	opacity:1; 
	visibility:initial; 
	left:0; 
	right:0; 
	top:0; 
	text-align: center; 
	width:234px; 
	background-color:rgb(255 255 255 / 100%);
	border-radius: 0 0 20px 20px;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; 
	box-shadow: 0px 5px 25px rgba(10, 14, 29, 0.08);
	padding: 10px 1% 22px 1%; 
	border-left: 1px solid rgba(186, 226, 226, 0.5);  
	border-right: 1px solid rgba(186, 226, 226, 0.5); 
	background: -moz-linear-gradient(to bottom, rgb(255 255 255 / 95%) 50%, rgb(255 255 255 / 80%) 100%);
	background: -webkit-linear-gradient(to bottom, rgb(255 255 255 / 95%) 50%, rgb(255 255 255 / 80%) 100%);
	background: linear-gradient(to bottom, rgb(255 255 255 / 95%) 50%, rgb(255 255 255 / 80%) 100%);


}

header .wrap-header .header-logo h1 a .logo-full.obiterre img{ max-width: 190px;}





header .wrap-header .header-logo:after{left:0;}
header .wrap-header .header-logo:before{right:0;} 
header .wrap-header .header-logo h1{ padding:0 0 0 0; margin:0 0 0 0; line-height:normal; }
header .wrap-header .header-logo h1 a,
header .wrap-header .header-logo-sticky a{ padding:0 0 0 0; margin:0 0 0 0; line-height:normal; text-decoration:none; }
header .wrap-header .header-logo h1 a img,
header .wrap-header .header-logo-sticky h1 a img{
	display:block;   
	width:100%; 
	max-width:180px;
	margin:auto;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}  
header .wrap-header .header-logo h1 a .logo-full{ 
	position:relative;
	left:0; 
	right:0;  
	display:block;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	overflow:hidden; 
	height:202px;
}
header .wrap-header .header-left{ line-height:0; position:relative; display:inline-block; height:100%; } 
header .wrap-header .header-right{position:absolute; top: 51%; transform: translateY(-50%); height:42px; display:inline-block; right:28px; }

header .wrap-header .header-right .cta-orange{ height:42px; float:left; margin-right:6px; }
header .wrap-header .header-right .cta-orange a{ padding: 0 50px; line-height:43px; font-size:1rem;}

header .wrap-header .header-right .social-media{ float:left; position:relative; top:1px;}
header .wrap-header .header-right .social-media .social-icon{ 
	height:38px; 
	width:38px; 
	line-height:38px; 
	display:block; 
	text-align:center; 
	border-radius:20px; 
	float:left; 
	color:#494f5f;
	border:1px solid #bae2e2;
	font-size:0.94rem;
	margin-left:6px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
} 
header .wrap-header .header-right .social-media .social-icon.social-fb{font-size:1rem;}
header .wrap-header .header-right .social-media .social-icon.social-yt{font-size:1.1rem;}
header .wrap-header .header-right .social-media .social-icon:hover{border:1px solid #7cdf38; color:#002138;} 
header.sticky .wrap-header .header-logo h1 a .logo-full{height:75px;}
header.sticky .wrap-header .header-logo h1 a .logo-full.obiterre{height:84px;}



/*------------------------------------------------------------------------------*/
/*---  STICKY NAV
/*------------------------------------------------------------------------------*/
header.sticky{ position: fixed; top: 0; } 
header.sticky .wrap-header .header-logo{
	background: -moz-linear-gradient(to bottom, rgb(255 255 255 / 95%) 50%, rgb(255 255 255 / 90%) 100%);
	background: -webkit-linear-gradient(to bottom, rgb(255 255 255 / 95%) 50%, rgb(255 255 255 /90%) 100%);
	background: linear-gradient(to bottom, rgb(255 255 255 / 95%) 50%, rgb(255 255 255 / 90%) 100%);

}



/*************************************/
/* Searchbar
/*************************************/
form#searchform{ position:relative; top: 51%; transform: translateY(-50%); }
form#searchform .fa-search{

	color:#484e5e;
	height:100%; 
	line-height:38px;
	font-weight:900;
	position:absolute;
	left:0; 
	bottom:0px;
	height:38px;
	width:38px;
	text-align:center;
	z-index:1;

}
form#searchform label{display:none;}
form#searchform input[type="submit"]{display:none;}
form#searchform input{
	position:relative;
	margin:0 0 0 0; 
	padding:0 16px 0 32px; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	height:38px; 
	width:244px;
	border-radius:20px;
	border:1px solid #bae2e2;
	font-weight:400; 
	font-size: 0.9rem; 
	line-height: 1.6;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color:transparent;
	z-index:2;
}
form#searchform input:focus,
form#searchform input:hover{border:1px solid #7cdf38;}
form#searchform input:focus:after,
form#searchform input:hover:after{border:1px solid #7cdf38;}
form#searchform:hover:after{color:#002138;}

/*************************************/
/* Menu flotant
/*************************************/

.hamburger{
	display:inline-block; 
	padding:10px;
	border:1px solid #bae2e2;
	background: transparent; 
	top: 23px;
	position: fixed; 
	left: 28px;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	z-index:3;
}
.hamburger.sticky{position:fixed;}
.hamburger .line{
	width: 30px;
	height: 2px;
	background-color: #484e5e;
	display: block; 
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.hamburger .line:nth-child(1){ margin-bottom:7px; margin-top:5px; }
.hamburger .line:nth-child(3){ margin-top:7px; margin-bottom:5px; }
.hamburger:hover{ cursor: pointer; }
.hamburger:hover{border:1px solid #7cdf38; }




.hamburger.hamburger-close{left:438px; position:absolute; }
.hamburger.hamburger-close{border:1px solid #5a5f6a; background-color:#25282f;}
.hamburger.hamburger-close, #menu-float .hamburger:hover .line{ color:#002138;}
.hamburger.hamburger-close .line:nth-child(2){ opacity: 0; }
.hamburger.hamburger-close .line:nth-child(1){
	-webkit-transform: translateY(9px) rotate(45deg);
	-ms-transform: translateY(9px) rotate(45deg);
	-o-transform: translateY(9px) rotate(45deg);
	transform: translateY(9px) rotate(45deg);
}
.hamburger.hamburger-close .line:nth-child(3){
	-webkit-transform: translateY(-9px) rotate(-45deg);
	-ms-transform: translateY(-9px) rotate(-45deg);
	-o-transform: translateY(-9px) rotate(-45deg);
	transform: translateY(-9px) rotate(-45deg);
} 
.hamburger.hamburger-close .line{color:#fff; background-color:#a8a8aa;}
.hamburger.hamburger-close:hover{border:1px solid #ed6543;}
.hamburger.hamburger-close:hover .line{background-color:#fff;} 
#menu-float .menu-principal-container ul.sub-menu, #menu-float .menu-main-menu-container ul.sub-menu{display: none;}
#menu-float{    
	position: fixed;
	bottom: 0;
	top: 0;
	left: -500px;
	width: 500px;
	max-width:100%;
	background: #3b404e;
	z-index: 2000009;
} 
#menu-float .menu-principal-container > ul, #menu-float .menu-main-menu-container > ul{padding:33px 97px 25px 25px;}
#menu-float .menu-principal-container > ul > li > a, #menu-float .menu-main-menu-container > ul > li > a{
	color: #fff;
	text-decoration: none;
	line-height: 1.3;
	font-size: 1.19rem;
	border-bottom: 1px solid #5a5f6a;
	font-family: 'Montserrat', sans-serif;
	display: block;
	font-weight: 600;
	padding:11px 0px 9px 0px;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#menu-float #primary-menu{overflow:auto;height: 100%;}
#menu-float .menu-bar{
	position:absolute;
	content:"";
	top:0;
	bottom:0;
	width:72px;
	background-color:#1c1e26;
	display:block;
	right:0;
}
#menu-float .menu-principal-container > ul > li > a:hover, #menu-float .menu-main-menu-container > ul > li > a:hover{color:#f66742;}
#menu-float .menu-principal-submenu{ 
	z-index: 5;
	top: 0;
	bottom: 0;
	right:auto;
	left:-100%; 
	width:100%;
	position: absolute;
	background:#272b36;
	overflow:auto;
} 
#menu-float .menu-principal-submenu .sub-menu-wrap{  padding:33px 25px 25px 25px ; font-weight: 700; position:relative;  }
#menu-float .menu-principal-submenu .sub-menu-wrap .title-parent{font-family: 'Montserrat', sans-serif; line-height: 1.3; font-size: 1.19rem; color:#fff; padding:11px 0px 9px 0px; } 
#menu-float .menu-principal-submenu ul > li > a{
	color:#fff; 
	font-weight:400; 
	font-size:0.9rem;  
	text-decoration:none; 
	padding:7px 0px 6px 0px; 
	display:block;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#menu-float .menu-principal-container > ul > li.sub-menu > a, #menu-float .menu-main-menu-container li.sub-menu a{color:#fff; font-weight:400; font-size:0.91rem; border:0px solid #fff; text-decoration:none; padding:14px 0px 8px 0px; display:block;}   
#menu-float .menu-principal-submenu ul > li > a:hover,
#menu-float .menu-principal-container > ul > li.sub-menu > a:hover, #menu-float .menu-main-menu-container > ul > li.sub-menu > a:hover{color:#f66742;}
#menu-float .menu-principal-submenu .bt-back{
	margin-bottom:11px;
	cursor:pointer;
	color:#f66742;
	display:block;
	font-weight:700;
	text-transform:uppercase;
	font-size:0.9rem;
	text-align:right;
	position:relative;
	padding:10px 0px 8px 0px;
}
#menu-float .menu-principal-submenu .bt-back span{
	display:inline-block; 
	position:relative; 
	padding-right:0;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#menu-float .menu-principal-submenu .bt-back:hover span{padding-right:2px;}
#menu-float .menu-principal-submenu .bt-back span:before{
	position:absolute;
	content:"";
	width:16px;
	height:10px;
	left:-25px;
	top:7px;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(/wp-content/themes/ATYPIC/public/img/arrow-menu.png);
}
#menu-float .menu-principal-submenu .bt-back:after,
#menu-float .menu-principal-submenu .bt-back:before{
	position: absolute;
	content: ""; 
	left: -25px;
	right: 0;
	width: auto;
	background: #5a5f6a; 
	height: 1px;
	display: block;
}
#menu-float .menu-principal-submenu .bt-back:after{top:0;}
#menu-float .menu-principal-submenu .bt-back:before{bottom:0;}

#menu-float ul.sub-menu > li.has-children > a{
	margin-bottom: 11px;
	cursor: pointer;
	color: #fff;
	display: block;
	font-weight: 600;   
	position: relative;
	padding-bottom:5px;
	border-bottom: 1px solid #5a5f6a;
	margin-bottom:0;
	font-size:1.1rem;
}
#menu-float ul.sub-menu > li.has-children > ul > li > a{padding-left:22px;}


/*------------------------------------------------------------------------------*/
/*------- HOME -----------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
.home .title-style{display:block; position:relative; overflow: hidden; z-index:15; }
.home .title-style h2{ 
	z-index:15;
	text-align:center; 
	display:block; 
	font-family: 'Montserrat', sans-serif; 
	line-height: 1.4; 
	font-size:2.5rem; 
	font-weight:800; 
	margin-bottom:0;
	margin-top:0;  
	text-transform:uppercase; 
	padding:4.6rem 0 2.2rem 0; 
	position:relative;
	height: 160px; 
}
.home .title-style .bg-title{ 
	font-family: 'Montserrat', sans-serif;
	padding: 0 0 0 0;
	line-height: 1.45;
	font-size: 9rem;
	font-weight: 700;
	text-transform: uppercase;
	position: absolute;
	top: 0;
	right: 0;
	left: 0; 
	filter: contrast(200%);
	z-index:14;
}
.home .title-style.center .bg-title{text-align: center;}
.home .title-style.left .bg-title{text-align: center;}

.home .title-style.dark .bg-title{ color:#9dff5b; opacity:0.11; }
.home .title-style.dark h2{ color:#fff; margin-bottom:3rem; }
.home .title-style.light .bg-title{ color:#01213a; opacity:0.06; }
.home .title-style.light h2{ color:#01213a; }
.home .title-style.light{padding-bottom:2.5rem;}


/*------------------------------------------------------------------------------*/
/*------- HERO -----------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


/*************************************/
/* Hero
/*************************************/
div#block-hero{position:relative;}
div#block-hero:before{content:""; position:absolute; display:block; top:0; bottom:0; left:0; right:0; background-color:#fff; z-index:1;}
div#block-hero #hero{
	height:900px; 
	padding-top:234px;
	position:relative; 
	background-repeat:no-repeat; 
	background-size: cover; 
	background-position: bottom center;
	z-index:1;
	display:flex;
	align-items: center;
}
div#block-hero #hero .wrapper{position:relative; overflow:hidden;} 
div#block-hero #hero .wrapper .hero-content{display:block; text-align: center; position:relative; z-index:20; padding:35px 0 28px 0;}
div#block-hero #hero .wrapper:after{ 
	position:absolute;
	z-index:10;
	content:""; 
	top:0; 
	bottom:0; 
	left:-400px;
	right:-400px;
	display:block;
	background-color:#fff;
	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(248, 251, 253, 10%) 0%, rgba(248, 251, 253, 0) 20%,  rgba(248, 251, 253, 0.6) 50%, rgba(248, 251, 253, 0) 80%, rgba(248, 251, 253, 0) 90%);
} 
div#block-hero #hero .wrapper .hero-content .hero-subtitle{
	font-family: 'Montserrat',sans-serif; 
	padding:0 0 0 0; 
	line-height: 1.4; 
	font-size:0.9rem; 
	font-weight:800; 
	color:#002138; 
	text-transform:uppercase;
	position:relative;
	z-index:20;
}
div#block-hero #hero .wrapper .hero-content h2{ 
	font-family: 'Montserrat' sans-serif; 
	padding:0 0 0 0; 
	line-height: 1.2; 
	font-size:2.5rem; 
	font-weight:800; 
	margin-bottom: 0.9rem; 
	margin-top: 1rem; 
	color:#002138; 
	text-transform:uppercase;
	position:relative;
	z-index:20;
}
div#block-hero #hero .wrapper .hero-content p{font-size:1rem; color:#002138; position:relative; z-index:20; display:block; margin-left:auto; margin-right:auto; font-weight:500;}
div#block-hero #hero .wrapper .hero-content .cta-orange{position:relative; z-index:20;}

/*************************************/
/* Slider thématiques
/*************************************/
div#block-hero #slider{position: absolute;bottom:0;width:100%; z-index:2;}
.slider .slider-top .home .title-style.dark h2{height:130px;}
div#block-hero #slider-top{background: rgba(0, 0, 0, 0.52)}   
div#block-hero #slider-top .wrapper{z-index:16;}
div#block-hero #slider-top .wrapper.wrapper-slider{ bottom:13px; overflow: hidden; height:165px;}
div#block-hero #slider-top .slider-thematiques .slide{cursor:pointer;width:20%; float:left; display:block; padding:0 22px 30px 22px; text-align:center; position:relative; z-index:60; min-height:165px;} 
div#block-hero #slider-top .slider-thematiques .slide .thematique-icon{ 
	border:3px solid #fff; 
	border-radius:100%;
	display:block; 
	margin:auto;
	width:85px; 
	height:85px; 
} 
div#block-hero #slider-top .slider-thematiques .slide .thematique-icon img{display:block; width:60px; max-width:90px; margin:auto;}
div#block-hero #slider-top .slider-thematiques .slide .thematique-icon .img-wrap{  position:relative; top: 48%; transform: translateY(-48%); position:relative;}
div#block-hero #slider-top .slider-thematiques .slide.active .thematique-icon img{display:block; width:90px; margin:auto;}
div#block-hero #slider-top .slider-thematiques .slide.active .thematique-icon .img-wrap{padding:0; }
div#block-hero #slider-top .slider-thematiques .slide.active .thematique-icon{ border:4px solid #fff; width:130px; height:130px; } 
div#block-hero #slider-top .slider-thematiques .slide span.slide-txt{ display:none; }
div#block-hero #slider-top .slider-thematiques .slide.active .thematique-name{visibility:hidden; display:none;} 
div#block-hero #slider-top .slider-thematiques .slide .thematique-name{line-height:1.3; letter-spacing:0.1px; font-size:0.74rem; text-align: center; color:#fff; margin-top:6px; padding:6px 10px 0 10px; position:relative;}
div#block-hero #slider-top .slider-thematiques .slide .thematique-name:after{
	position:absolute;
	content:"";
	height:1px; 
	width:100%; 
	left:0;
	top:0;
	background-color:#fff;
	display:block;
} 
div#block-hero #slider-top .slider-thematiques .slide .circle{
	height: 20px;
	width: 20px;
	background-color: #002137;
	border-radius: 20px;
	border: 3px solid #fff;
	display: block;
	display: block; 
	margin: 0 auto 0 auto; 
	position:absolute;
	left:0; 
	right:0;
	bottom:5px;
	z-index:100;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

}
div#block-hero #slider-top .slider-thematiques .slide.active .circle{height:30px; width:30px; bottom:0; border: 5px solid #fff;} 

/*************************************/
/* Slider navigation
/*************************************/ 
div#block-hero #slider-top .slider-nav .nav-left,
div#block-hero #slider-top .slider-nav .nav-right{
	color:#f76742; 
	font-size:32px; 
	cursor:pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
div#block-hero #slider-top .slider-nav .nav-left{ position:absolute; left:0; top:40%;}
div#block-hero #slider-top .slider-nav .nav-right{ position:absolute; right:0; top:40%;}
div#block-hero #slider-top .slider-nav .nav-left:hover{left:-3px;}
div#block-hero #slider-top .slider-nav .nav-right:hover{right:-3px;}

/*************************************/
/* Description thématiques
/*************************************/
.slider-bottom{ position:relative; top:-30px; z-index:15; } 
.slider-bottom .wrapper:after,
.slider-bottom .wrapper:before{content:""; position:absolute; width:50%; top:0; bottom:0;  z-index:0; background-color:transparent;}
.slider-bottom .wrapper:after{ 
	left:0; 
	background: -moz-linear-gradient(left, rgba(0, 26, 44, 0.2) 0%, rgba(0, 26, 44, 0) 45%, rgba(0, 26, 44, 0)75%, rgba(0, 26, 44, 0)100%);
	background: -webkit-linear-gradient(left, rgba(0, 26, 44, 0.2) 0%, rgba(0, 26, 44, 0) 45%, rgba(0, 26, 44, 0)75%, rgba(0, 26, 44, 0)100%);
	background: linear-gradient(to right, rgba(0, 26, 44, 0.2) 0%, rgba(0, 26, 44, 0) 45%, rgba(0, 26, 44, 0)75%, rgba(0, 26, 44, 0)100%);
}
.slider-bottom .wrapper:before{ 
	right:0;
	background: -moz-linear-gradient(right, rgba(0, 26, 44, 0.2) 0%, rgba(0, 26, 44, 0) 45%, rgba(0, 26, 44, 0)75%, rgba(0, 26, 44, 0)100%);
	background: -webkit-linear-gradient(right, rgba(0, 26, 44, 0.2) 0%, rgba(0, 26, 44, 0) 45%, rgba(0, 26, 44, 0)75%, rgba(0, 26, 44, 0)100%);
	background: linear-gradient(to left, rgba(0, 26, 44, 0.2) 0%, rgba(0, 26, 44, 0) 45%, rgba(0, 26, 44, 0)75%, rgba(0, 26, 44, 0)100%);
}
.slider-bottom .wrapper{ 
	padding-top:45px;
	padding-bottom:40px;
	border-top:3px solid #fff; 
}
.slider-bottom .wrapper .wrap-content{min-height:144px;}
.slider-bottom .wrapper .wrap-content p{ margin-bottom:0px; padding-bottom:0.5rem; color: #002138; } 
.slider-bottom .wrapper .wrap-content .cta-arrow-bg{position:absolute; bottom:-40px; right:0;}
.slider-bottom .wrapper .wrap-content .cta-arrow-bg a{color:#fff; padding-top:5px; padding-bottom:4px; font-weight:600; font-size: 0.9rem;}
.slider-bottom .wrapper .wrap-content h3{margin-top:0; color:#fff; text-transform: uppercase; display:block; text-align: center; font-size:1.5rem; }
.slider-bottom:after{
	top:30px;
	left:0;
	right:0;
	height:500px;
	display:block; 
	position:absolute;
	content:"";
	background:#fff;
	z-index:-1;
	background: -moz-linear-gradient(top, #b3d7de 0%, rgba(179, 215, 222, 0.25) 35%, #ffffff 65%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(top, #b3d7de 0%, rgba(179, 215, 222, 0.25) 35%, #ffffff 65%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to bottom, #b3d7de 0%, rgba(179, 215, 222, 0.25) 35%, #ffffff 65%, rgba(255, 255, 255, 0) 100%);
}

/*------------------------------------------------------------------------------*/
/*------- ACTIONS --------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
div#block-action{position:relative; z-index:999999; }
div#block-action .wrapper.wrap-cta{text-align:center; padding-top:50px; padding-bottom:30px;}

/*------------------------------------------------------------------------------*/
/*------- HEADER ---------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
.thematique-title{display:inline-block; position:relative;}
.thematique-title .icon{ 
	border:4px solid #fff; 
	width:130px; 
	height:130px;
	display:block; 
	border-radius:100%;
	padding:16px;
	position:absolute;
	top:-40px;
	left:-150px;
}
.thematique-title .icon .icon-wrap img{display:block; margin:auto; width:100%; max-width:90px;}
.thematique-title .title{ display:inline-block; }
body.single-thematique .single-thematique .page-banner .wrapper .banner-title{ padding: 0 0 0 0; background-color: #fff;}
body.single-thematique .page-banner .wrapper .banner-title .title-wrap{padding:20px 220px 22px 220px; } 


/*************************************/
/* Actions - Top
/*************************************/
div#block-action{margin-top:-60px;} 
div#block-action .action-top{margin-bottom:100px;}
div#block-action .action-top .action-left{width:50%; float:left; display:block; position:relative; padding-right:20px; height:340px; overflow:hidden;}
div#block-action .action-top .action-right{width:50%; float:right; display:block; position:relative; padding-left:20px;}
div#block-action .action-top .action-left img{width:100%;display:block;}
div#block-action .action-top .action-right h3{text-transform: uppercase; margin-top: 1.4rem; margin-top: 1.4rem;} 
div#block-action .action-top .action-right h3 a{ font-weight: 800; color:#01213a; text-decoration:none;}
div#block-action .action-top .action-right span.action-statut{ 
	display:block; 
	line-height: 1.4; 
	font-size:0.9rem; 
	font-weight:800; 
	margin-top: 1.4rem;
	text-transform:uppercase; 
	color:#025b55; 
	font-family: 'Montserrat', sans-serif;
}
div#block-action .action-top .action-left a{display:block; text-decoration: none; height:100%; width:100%;}
div#block-action .action-top .action-left .bg-image{
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0; 
	position: absolute;
	background-repeat: no-repeat; 
	background-size: cover; 
	background-position: center;
	z-index:-1;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
div#block-action .action-top:hover .action-left .bg-image{transform: scale(1.08); -moz-transform: scale(1.08); -webkit-transform: scale(1.08);}

/*************************************/
/* Actions - Bottom
/*************************************/
div#block-action .action-bot{display:block; position:relative;}
div#block-action .action-bot .action-vignette{  float:left; width:25%; min-height:250px;overflow:hidden; }
div#block-action .action-bot .action-vignette a{display:block; width:100%; height:100%; text-decoration: none; overflow:hidden; position:relative; z-index:10;}
div#block-action .action-bot .action-vignette .action-wrap{ 
	padding:20px 40px 20px 40px; 
	position:relative; 
	top: 50%;
	transform: translateY(-50%);
	z-index: 40; 
}
div#block-action .action-bot .action-vignette span.action-statut{
	display: block;
	line-height: 1.4;
	font-size: 0.9rem;
	font-weight: 800; 
	text-transform: uppercase;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
}
div#block-action .action-bot .action-vignette h3{ margin-top:1.4rem; color:#fff; margin-bottom:1.2rem;}
div#block-action .action-bot .action-vignette img{display:block;}
div#block-action .action-bot .action-vignette .bg-image{
	opacity: 0.65;
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0; 
	position: absolute;
	background-repeat: no-repeat; 
	background-size: cover; 
	background-position: center;
	z-index:-1;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
div#block-action .action-bot .action-vignette:hover .bg-image{ opacity: 0.45; transform: scale(1.08); -moz-transform: scale(1.08); -webkit-transform: scale(1.08);}  
div#block-action .action-bot .action-vignette:hover:after{background-color:rgba(0, 0, 0, 0.4);}
div#block-action .action-bot .action-vignette .vignette-inside{position:absolute; top:0; bottom:0; overflow:hidden;  width: inherit;}
div#block-action .action-bot .action-vignette{background-color:#000;}

/*------------------------------------------------------------------------------*/
/*------- NOUVELLES ------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/  
div#block-nouvelles{position:relative; display:block; padding-bottom:60px;}
div#block-nouvelles:after{
	z-index:-2;
	content: "";
	top: 0;
	left: 0;
	bottom:0;
	right:0; 
	height:100%;
	max-height:1447px;
	position: absolute;
	display:block;
	background-repeat: no-repeat; 
	background-size: cover; 
	background-position: center;
	background-color:#fff;
	background-image:url(/wp-content/themes/ATYPIC/public/img/bg-nouvelles.jpg);
}
div#block-nouvelles:before{
	z-index:-1;
	content: "";
	left: 0;
	bottom:0;
	right:0; 
	opacity:0.5;
	position: absolute;
	display:block;
	height:400px;
	background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.3) 30%, #ffffff 50%);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.3) 30%, #ffffff 50%);
}
div#block-nouvelles .news-vignette{display:block; position:relative; margin-bottom:25px;}
div#block-nouvelles .news-vignette:after{
	content: "";
	display:block;
	top: 20px;
	left: 0;
	bottom:20px;
	width:50%; 
	position: absolute; 
	z-index:-1;
	background:#468a37;
	background: -webkit-linear-gradient(90deg, #6eb43f 10%, #468a37 90%);
	background: linear-gradient(90deg, #0e6173 10%, #148299 50%);
} 
div#block-nouvelles .news-vignette{margin-bottom:30px;}
div#block-nouvelles .news-vignette .news-left{
	width:28%; 
	background-color:#fff;
	display:block;
	position:absolute;
	top:40px;
	bottom:40px; 
	left:0; 
	z-index:30; 
	border-radius:4px; 
	overflow:hidden;
	border:4px solid #fff;
	height:200px;
}
div#block-nouvelles .news-vignette .news-right{ display:block; position:relative; width:82%; float:right; padding-left:10%; display:block; background-color:#fff;}
div#block-nouvelles .news-vignette .news-right .news-wrap{padding:60px 40px 60px 40px;}
div#block-nouvelles .news-vignette .news-right .news-wrap a.cta-more img{display:block;}
div#block-nouvelles .news-vignette .news-right .news-wrap a.cta-more{
	display:block; 
	position:relative;
	left:0;
	-webkit-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
div#block-nouvelles .news-vignette .news-right .news-wrap a.cta-more:hover{left:3px;}
div#block-nouvelles .news-vignette .news-left img{width:100%;display:block;}
div#block-nouvelles .news-vignette .news-right h3{margin-bottom:0.5rem; margin-top:0; color:#148299;} 
div#block-nouvelles .news-vignette .news-right h3 a{ font-weight: 800; color:#148299; text-decoration:none;}
div#block-nouvelles .news-vignette .news-right p{margin-bottom:0.8rem; }
div#block-nouvelles .news-vignette .news-right span.news-date{  
	display: block;
	line-height: 1.4;
	font-size: 0.9rem;
	font-weight: 700;
	margin-bottom: 1rem; 
	text-transform: uppercase;
	color: #88b754;
	font-family: 'Montserrat', sans-serif;
}
div#block-nouvelles .news-vignette .news-left a{display:block; text-decoration: none; height:100%; width:100%;}
div#block-nouvelles .news-vignette .news-left .bg-image{
	content: "";
	top: 0;
	left: 0;
	bottom:0;
	right:0; 
	position: absolute;
	background-repeat: no-repeat; 
	background-size: cover; 
	background-position: center;
	z-index:-1; 
	border-radius:4px;  
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
div#block-nouvelles .news-vignette:hover .news-left .bg-image{transform: scale(1.08); -moz-transform: scale(1.08); -webkit-transform: scale(1.08);}
div#block-nouvelles .news-vignette .cta-arrow-bg{position: absolute; bottom: 0; right: 0;}
div#block-nouvelles .news .news-vignette:first-child:after{
	background:#005953;
	background: -webkit-linear-gradient(90deg, #013d39 0%, #005953 50%);
	background: linear-gradient(90deg, #013d39 0%, #005953 50%);
}
div#block-nouvelles .news .news-vignette:first-child .news-right h3, div#block-nouvelles .news .news-vignette:first-child .news-right h3 a{color:#005953;}
div#block-nouvelles .news .news-vignette:last-child:after{
	background:#ce8600;
	background: -webkit-linear-gradient(90deg, #ce8600 0%, #e8b026 50%);
	background: linear-gradient(90deg, #ce8600 0%, #e8b026 50%);
}
div#block-nouvelles .news .news-vignette:last-child .news-right h3, div#block-nouvelles .news .news-vignette:last-child .news-right h3 a{color:#e8b026;}
div#block-nouvelles .news .news-vignette:last-child{margin-bottom:0;}
div#block-nouvelles .wrapper.wrap-cta{text-align:center; padding-top:60px; padding-bottom:20px;}

/*------------------------------------------------------------------------------*/
/*------- NEWSLETTER -----------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
div#block-newsletter{display:block; position:relative;}
div#block-newsletter .newsletter-left{ width:50%; float:left; display:block; position:absolute; top:0; bottom:0; content:"";}
div#block-newsletter .newsletter-right{ 
	width:50%; 
	overflow:hidden;
	float:right; 
	display:block; 
	padding:75px 0; 
	background: -webkit-linear-gradient(90deg, #ce8600 0%, #e8b026 50%);
	background: linear-gradient(90deg, #73ad26 50%, #3d6e0e 100%);
}
div#block-newsletter .newsletter-left .newsletter-img{height:100%; background-repeat: no-repeat; background-size: cover; background-position: center;}
div#block-newsletter .newsletter-left .newsletter-img.img-1{ width:50%; float:left; display:block;}
div#block-newsletter .newsletter-left .newsletter-img.img-2{ width:50%; float:right; display:block;}
div#block-newsletter .newsletter-right .newsletter-wrap{padding:0 120px; position:relative;}
div#block-newsletter .newsletter-right .banner-title{display:block; position:relative;  z-index:15; position:relative;}
div#block-newsletter .newsletter-right .banner-title h2{ 
	z-index:15;
	text-align:left; 
	display:block; 
	font-family: 'Montserrat', sans-serif; 
	line-height: 1.4; 
	font-size:2.5rem; 
	font-weight:800; 
	margin-bottom:0;
	margin-top:0;  
	text-transform:uppercase; 
	padding:0 0 0 0; 
	position:relative;
	color:#fff;
	margin-bottom:0;
}
div#block-newsletter .newsletter-right .banner-title .bg-title{ 
	font-family: 'Montserrat', sans-serif;
	padding: 0 0 0 0;
	line-height: 0.95;
	font-size: 7.3rem;
	font-weight: 800;
	text-transform: uppercase;
	position: absolute;
	top: 15px;
	right: 0;
	left: 70px;
	filter: contrast(200%);
	z-index: 14;
	text-align: left;
	color: #2c5800;
	opacity: 0.11 ; 
	overflow: hidden;
	display:none;
} 
div#block-newsletter .newsletter-right .cta-orange{position:relative; z-index:20; margin-top:16px; }
div#block-newsletter .newsletter-right .cta-orange:after,
div#block-newsletter .newsletter-right .cta-orange:before{
	background: -webkit-linear-gradient(90deg, #0a756f 10%, #005953 90%);
	background: linear-gradient(90deg, #0a756f 10%, #005953 90%);
}

/*------------------------------------------------------------------------------*/
/*------- BANNER FOOTER --------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
div#banner-footer{display:block; position:relative;}
div#banner-footer .newsletter-right{ width:50%; float:right; display:block; position:absolute; top:0; bottom:0; right:0; content:"";}
div#banner-footer .newsletter-left{ 
	width:50%; 
	overflow:hidden;
	float:left; 
	display:block; 
	padding:75px 0; 
	background: -webkit-linear-gradient(180deg, #005953 50%, #002b28 100%);
	background: -webkit-linear-gradient(180deg, #005953 50%, #002b28 100%);
}
div#banner-footer .newsletter-left .newsletter-wrap{padding:0 120px; position:relative;}
div#banner-footer .newsletter-left .banner-title{display:block; position:relative;  z-index:15; position:relative;}
div#banner-footer .newsletter-left .banner-title h2{ 
	z-index:15;
	text-align:left; 
	display:block; 
	font-family: 'Montserrat', sans-serif; 
	line-height: 1.4; 
	font-size:2.5rem; 
	font-weight:800; 
	margin-bottom:0;
	margin-top:0;  
	text-transform:uppercase; 
	padding:0 0 0 0; 
	position:relative;
	color:#fff;
	margin-bottom:0;
}
div#banner-footer .newsletter-left .banner-title .bg-title{ 
	font-family: 'Montserrat', sans-serif;
	padding: 0 0 0 0;
	line-height: 0.95;
	font-size: 7.3rem;
	font-weight: 800;
	text-transform: uppercase;
	position: absolute;
	top: -15px;
	right: 0;
	left: 70px;
	filter: contrast(200%);
	z-index: 14;
	text-align: left;
	color: #2c5800;
	opacity: 0.11 ; 
	overflow: hidden;
	display:none;
} 
div#banner-footer .newsletter-left .cta-orange{position:relative; z-index:20; margin-top:16px; } 
div#banner-footer .newsletter-right .newsletter-img{height:100%; background-repeat: no-repeat; background-size: cover; background-position: center;}
div#banner-footer .newsletter-right .newsletter-img.img-1{ width:50%; float:left; display:block;}
div#banner-footer .newsletter-right .newsletter-img.img-2{ width:50%; float:right; display:block;}

footer .footer-wrap .block-1-5 .block-content ul > li > a{color:#fff; text-decoration: none; font-weight:500;}

/*------------------------------------------------------------------------------*/
/*------- FOOTER ---------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
footer{
	position:relative; 
	display:block; 
	background-color:#282b35;
	background-repeat: no-repeat; 
	background-size: initial; 
	background-position:bottom right; 
	background-image:url(/wp-content/themes/ATYPIC/public/img/bg-footer.jpg);
}
footer .footer-wrap{ padding:25px 0 25px 0; position:relative; z-index:10;}
footer .footer-wrap .block-1-5{ display:inline-block; position:relative; text-align:center; z-index:20; vertical-align:top;}
footer .footer-wrap .block-1-5.block-1,
footer .footer-wrap .block-1-5.block-5{width:22%;}
footer .footer-wrap .block-1-5.block-2,
footer .footer-wrap .block-1-5.block-3,
footer .footer-wrap .block-1-5.block-4{width:27%; text-align:center;}
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:50px;}
footer .footer-wrap .block-1-5.block-1 .block-content{padding-left:28px;}
footer .footer-wrap .block-1-5.block-5 .block-content{padding-right:28px;display: flex;flex-wrap: wrap;justify-content: center;}
/*footer .footer-wrap .block-1-5.block-1{text-align:left;}*/
/*footer .footer-wrap .block-1-5.block-5{text-align:right;}*/
footer .footer-wrap .block-1-5.block-1 img,
footer .footer-wrap .block-1-5.block-1 a{display:block; line-height:normal;}
footer .footer-wrap .block-1-5 .block-content{padding:0 10px; color:#fff; font-weight:400; font-size:0.9rem; line-height:1.6; display:inline-block; text-align: left}  
footer .footer-wrap .block-1-5.block-2 .block-content .footer-info{
    display:block; 
    position:relative; 
    /*padding-left:95px;*/
}
footer .footer-wrap .block-1-5.block-2 .block-content .footer-info:last-child{margin-bottom:0;}
footer .footer-wrap .block-1-5.block-2 .block-content .footer-info a{color:#fff; font-weight:400;}
footer .footer-wrap .block-1-5.block-2 .block-content .footer-info span{position:absolute; left:0; font-weight:600;}
footer .footer-wrap .block-1-5 .block-content .social-icon{ 
	height:38px; 
	width:38px; 
	line-height:38px; 
	display:block; 
	text-align:center; 
	border-radius:20px; 
	float:left; 
	color:#484e5e; 
	font-size:0.94rem;
	margin-left:6px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color:#fff;
} 
footer .footer-wrap .block-1-5 .block-content .social-icon.social-fb{font-size:1rem;}
footer .footer-wrap .block-1-5 .block-content .social-icon.social-yt{font-size:1.1rem;}
footer .footer-wrap .block-1-5 .block-content .social-icon:hover{color:#73ad26;} 
footer .footer-wrap:after{
	top:0;
	bottom:0;
	left:0;
	display:block; 
	position:absolute;
	content:""; 
	width:40%;
	z-index:1;
	background: -moz-linear-gradient(right, #b3d7de 0%, rgba(179, 215, 222, 0.25) 35%, #ffffff 65%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(right, #b3d7de 0%, rgba(179, 215, 222, 0.25) 35%, #ffffff 65%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to right, rgba(10, 12, 16, 0.8) 0%, rgba(10, 12, 16, 0.3) 40%, rgba(10, 12, 16, 0) 60%, rgba(255, 255, 255, 0) 100%);
	opacity:0.9;
}
footer .footer-wrap:before{
	top:0;
	bottom:0;
	right:0;
	display:block; 
	position:absolute;
	content:""; 
	width:40%;
	z-index:1;
	background: -moz-linear-gradient(left, #b3d7de 0%, rgba(179, 215, 222, 0.25) 35%, #ffffff 65%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(left, #b3d7de 0%, rgba(179, 215, 222, 0.25) 35%, #ffffff 65%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to left, rgba(10, 12, 16, 0.8) 0%, rgba(10, 12, 16, 0.3) 40%, rgba(10, 12, 16, 0) 60%, rgba(255, 255, 255, 0) 100%);
	opacity:0.9;
}
.footer-bottom{background-color:#111218; position:relative; display:block; padding:20px 28px 12px 28px; color:#fff; font-weight:400; font-size:0.8rem; line-height:1.6;}
.footer-bottom a{ color:#fff; font-weight:400; text-decoration:none; }
.footer-bottom .bottom-left{float:left;}
.footer-bottom .bottom-right{float:right;}

/*------------------------------------------------------------------------------*/
/*------- PAGE BANNER ----------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
.page-banner{ position:relative; display:block; margin-bottom:60px;}
.page-banner .wrapper{height:600px; background-size: cover; background-position: center; background-repeat: no-repeat;}
.page-banner .wrapper .banner-title{position:absolute; bottom:85px; left:0; right:0; }
.page-banner .wrapper .banner-title .title-wrap{background-color:#fff; text-align: center; padding: 25px 30px 22px 30px; }
.page-banner .wrapper .banner-title .title-wrap h1{margin-top:0.5rem; margin-bottom: 0.1rem; text-align: center; font-size:2.6rem; font-weight:800; }

/*------------------------------------------------------------------------------*/
/*------- ACTION SINGLE --------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
body.single-action #primary{padding-bottom:0; margin-bottom:0;}
.single-action #content{margin-bottom:4rem;}
.single-action .wrap-cta{display:block; text-align: center; padding-top:3rem;}
.single-action #content .action-info{border:1px solid #f66742; position:relative; margin-bottom:2rem;}
.single-action #content .action-info span{font-weight:700; color:#002138;}
.single-action #content .action-info .block-1-3{float:left; display:block; position:relative; text-align:center;}
.single-action #content .action-info .block-1-3.block-1,
.single-action #content .action-info .block-1-3.block-3{width:33%;}
.single-action #content .action-info .block-1-3.block-2{width:34%;}
.single-action #content .action-info .block-1-3.block-2{border-left:1px solid #f66742;border-right:1px solid #f66742;}
.single-action #content .action-info .block-1-3{padding:15px 15px 14px 15px;}

/*************************************/
/* Action single - Timeline
/*************************************/
#timeline{
	position:relative; 
	padding-top:5rem; 
	padding-bottom:5rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	background-color: #fff;
	background-image: url(/wp-content/themes/ATYPIC/public/img/bg-lignetemps.jpg);
}
#timeline:after{ 
	left: 0;
	right: 0;
	top:0;
	height: 500px;
	display: block;
	position: absolute;
	content: ""; 
	z-index: 1;
	background: -moz-linear-gradient(bottom, #d0e8e6 0%, rgba(208, 232, 230, 0.25) 50%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(bottom, #d0e8e6 0%, rgba(208, 232, 230, 0.25) 35%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to bottom, #d0e8e6 0%, rgba(208, 232, 230, 0.25) 50%, rgba(255, 255, 255, 0) 100%);
	opacity:0.9;
} 
#timeline:before{ 
	left: 0;
	right: 0;
	bottom:0;
	height: 500px;
	display: block;
	position: absolute;
	content: ""; 
	z-index: 1;
	background: -moz-linear-gradient(top, rgba(179, 215, 222, 0.4) 0%, rgba(179, 215, 222, 0.25) 35%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(top, rgba(179, 215, 222, 0.4) 0%, rgba(179, 215, 222, 0.25) 35%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to top, rgba(179, 215, 222, 0.4) 0%, rgba(255, 255, 255, 0.4)50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
	opacity:0.7;
} 
#timeline .timeline-top{ position:relative; top:0; padding-bottom:2rem; z-index:10;}
#timeline .timeline-top h2{
	color:#002138;
	font-family: 'Montserrat', sans-serif;
	padding: 0 0 0 0;
	line-height: 1.2;
	font-size: 2.4rem;
	font-weight: 800; 
	margin-bottom:1.4rem;
	text-align:cenyer;
	margin-top: 0; 
}
#timeline .timeline-top p{ font-weight:500; text-align:center; display:block;} 
#timeline .timeline-bot{background-color:#fff; padding-top:4rem; padding-bottom:4rem; position:relative; z-index:10;}
#timeline .timeline-bot h2{
	font-family: 'Montserrat', sans-serif;
	padding: 0 0 0 0;
	line-height: 1.2;
	font-size: 2rem;
	font-weight: 800; 
	margin-bottom:1.4rem;
	margin-top: 0;  
	color:#002138;
}
#timeline .timeline-bot .block-actions{ position:relative; display:block; padding-top:30px; padding-bottom:30px;} 
#timeline .timeline-bot .block-actions .action h3{
	font-family: 'Montserrat', sans-serif;
	padding: 0 0 0 0;
	line-height: 1.3;
	font-size: 1.2rem;
	font-weight: 800;
	margin-bottom: 1.2rem;
	margin-top: 1rem;
	text-align: left;
	color: #002138;
}
#timeline .timeline-bot .block-actions .action span.date{
	line-height: 1.4;
	font-size: 0.84rem;
	font-weight: 700;
	letter-spacing: 0.01rem;
	text-transform: uppercase;
	color: #6eb43f;
	text-decoration: none;
	position: relative; 
	font-family: 'Montserrat', sans-serif;
}

#timeline .timeline-bot .block-actions:after{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:3px;
	content:"";
	display:block;
	background-color:#002138;
	margin:auto;
}
#timeline .timeline-bot .block-actions .action{position:relative; display:block; padding-top:15px; padding-bottom:15px;}
#timeline .timeline-bot .block-actions .action .action-wrap{width:50%; position:relative;}
#timeline .timeline-bot .block-actions .action:nth-child(2n + 1) .action-wrap{ text-align:right; padding-right:30px;}
#timeline .timeline-bot .block-actions .action:nth-child(2n + 2) .action-wrap{ float:right; padding-left:30px;}
#timeline .timeline-bot .block-actions .action:nth-child(2n + 1) .action-wrap h3{ text-align:right;}
#timeline .timeline-bot .block-actions .action .circle{
	height:21px;
	width:21px;
	background-color:#fff;
	border-radius:20px;
	border:5px solid #002138;
	display:block;
	position:absolute; 
	display:block;  
	top:5px;
	margin:0 auto 0 auto;
	z-index:100;
}
#timeline .timeline-bot .block-actions .action:nth-child(2n + 1) .circle{right:-10px;}
#timeline .timeline-bot .block-actions .action:nth-child(2n + 2) .circle{left:-11px;}
#modal i.fa-times{-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
#modal i.fa-times:hover{color:#f76742;}

/*************************************/
/* Action single - Articles
/*************************************/

#articles .tab-menu {position:absolute; top:-41px; right:0;}
#articles .tab-menu li {
	overflow:hidden;
	position:relative;
	background-color: #f76742;
	color:#fff; 
	display: inline-block;
	padding: 0 40px; 
	cursor:pointer;
	z-index:0;
	height:41px;
	font-size: 0.9rem;
	line-height: 47px;
	text-transform: uppercase;
	font-weight:700;
	opacity:0.7;
}
#articles .tab-menu li:before{display:none;}  
#articles  .tab-menu li.active { color:#002138; opacity: 1; }  
#articles .line {
	position:absolute;
	width: 0;
	height: 100%;
	background-color: #fff;
	top: 0;
	left: 0;
	z-index:-1;
	border-top:3px solid #002138;
} 
#articles{position:relative; padding-top:7rem; padding-bottom:5rem; background-color:#fff; }
#articles:before{
	left: 0;
	right: 0;
	top: 0;
	height: 600px;
	display: block;
	position: absolute;
	opacity:0.6;
	content: "";
	z-index: 1;
	background: -moz-linear-gradient(bottom, rgba(187, 219, 225, 0.6) 0%, rgba(187, 219, 225, 0.25) 50%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(bottom, rgba(187, 219, 225, 0.6) 0%, rgba(187, 219, 225, 0.25) 35%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to bottom,rgba(187, 219, 225, 0.6) 0%, rgba(187, 219, 225, 0.25) 50%, rgba(255, 255, 255, 0) 100%);
}
#articles .wrapper{background-color:#fff; position:relative; z-index:10; padding-top:4rem; padding-bottom:4rem;}
#articles .wrapper h2{
	color:#002138;
	font-family: 'Montserrat', sans-serif;
	padding: 0 0 0 0;
	line-height: 1.2;
	font-size: 2.4rem;
	font-weight: 800; 
	padding-bottom:1.4rem;
	margin-top: 0; 
	margin-bottom:0; 
} 



#articles .block-articles .article{display:block; position:relative; padding-bottom:30px; padding-top:30px; margin-bottom:0; border-bottom:1px solid #c7c6cb;}  
#articles .block-articles .article:first-child{border-top:1px solid #c7c6cb;}
#articles .block-articles .article .article-left{
	width:40%; 
	background-color:#fff;
	display:block;
	position:relative;
	top:0;
	left:0;
	float:left;
	height:215px;
	z-index:30; 
	border-radius:4px; 
	overflow:hidden;
	border:4px solid #fff;
}
#articles .block-articles .article .article-right{ display:block; position:relative; width:60%; float:right; display:block; background-color:#fff;}
#articles .block-articles .article .article-right .article-wrap{padding:0 0 0 30px;}
#articles .block-articles .article .article-right .article-wrap a.cta-more img{display:block;}
#articles .block-articles .article .article-right .article-wrap a.cta-more{
	display:block; 
	position:relative;
	left:0;
	-webkit-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
#articles .block-articles .article .article-right .article-wrap a.cta-more:hover{left:3px;}
#articles .block-articles .article .article-left img{width:100%;display:block;}
#articles .block-articles .article .article-right h3{text-align:left; font-size:1.3rem; margin-bottom:0.5rem; margin-top:1rem; color:#002138;} 
#articles .block-articles .article .article-right h3 a{ line-height: 1.2;  text-align:left; font-weight: 800; color:#002138; text-decoration:none;}
#articles .block-articles .article .article-right p{margin-bottom:1rem; font-size:1rem; }
#articles .block-articles .article .article-left a{display:block; text-decoration: none; height:100%; width:100%;}
#articles .block-articles .article .article-left .bg-image{
	content: "";
	top: 0;
	left: 0;
	bottom:0;
	right:0; 
	position: absolute;
	background-repeat: no-repeat; 
	background-size: cover; 
	background-position: center;
	z-index:-1; 
	border-radius:4px;  
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#articles .block-articles .article:hover .article-left .bg-image{transform: scale(1.08); -moz-transform: scale(1.08); -webkit-transform: scale(1.08);}
#articles .block-articles .article .cta-arrow-bg{position: absolute; bottom: 0; right: 0;}
#articles .block-articles .article .article-infos{display:block; position:relative;}
#articles .block-articles .article .article-infos span.article-date{  
	display: block;
	line-height: 1.4;
	font-size: 0.9rem;
	font-weight: 700;
	margin-bottom: 1rem; 
	text-transform: uppercase;
	color: #88b754;
	font-family: 'Montserrat', sans-serif;
	display:inline-block;
	float:left;
	padding-right:9px;
	margin-right:9px;
}
#articles .documentation.block-articles .article .article-infos span.article-date{border-right:1px solid #002138;}
#articles .block-articles .article .article-infos span.article-doc{ 
	padding-left:0px; 
	display: block;
	line-height: 1.4;
	font-size: 0.9rem;
	font-weight: 700;
	float:left;
	margin-bottom: 1rem; 
	text-transform: uppercase;
	color: #f77b5b;
	font-family: 'Montserrat', sans-serif;
	display:inline-block;
} 
#articles .block-articles .documentation .article .article-left{width:28%; height: 160px;}
#articles .block-articles .documentation .article .article-right{width:72%;}
#articles .block-articles .documentation h2,
#articles .block-articles .nouvelles-action h2{ border-bottom: 1px solid #c7c6cb; margin-bottom:0px; padding-bottom: 1.4rem;}
#articles .block-articles .article .article-right h3{margin-top:0.5rem;}

#articles .documentation.block-articles .article .article-right{width:100%; padding-left:100px;}
#articles .documentation.block-articles .article .article-wrap .icon{
	position: absolute;
	top: 0;
	left: 0;
	font-size: 34px;
	height: 80px;
	width: 80px;
	border-radius: 100%; 
	text-align: center;
	line-height: 80px;
	color:#fff;
} 
#articles .documentation.block-articles .article .article-right .article-wrap{padding-left:0;}
#articles .documentation.block-articles .article .article-right .article-wrap .icon a{color:#494f5f;}
#articles .documentation.block-articles .article:nth-child(5n + 1) .article-wrap .icon{color:#494f5f; border:2px solid #e8b027;}
#articles .documentation.block-articles .article:nth-child(5n + 2) .article-wrap .icon{color:#494f5f; border:2px solid #17a386;}
#articles .documentation.block-articles .article:nth-child(5n + 3) .article-wrap .icon{color:#494f5f; border:2px solid #74af26;}
#articles .documentation.block-articles .article:nth-child(5n + 4) .article-wrap .icon{color:#494f5f; border:2px solid #148299;}
#articles .documentation.block-articles .article:nth-child(5n + 5) .article-wrap .icon{color:#494f5f; border:2px solid #07766f;}

/*************************************/
/* Action single - Articles Small
/*************************************/
#articles-small{position:relative; padding-top:7rem; padding-bottom:2rem; background-color:#fff; }
#articles-small:before{
	left: 0;
	right: 0;
	top: 0;
	height: 600px;
	display: block;
	position: absolute;
	content: "";
	z-index: 1;
	background: -moz-linear-gradient(bottom, #d0e8e6 0%, rgba(208, 232, 230, 0.25) 50%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(bottom, #d0e8e6 0%, rgba(208, 232, 230, 0.25) 35%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to bottom, #d0e8e6 0%, rgba(208, 232, 230, 0.25) 50%, rgba(255, 255, 255, 0) 100%);
}
#articles-small .wrapper{background-color:#fff; position:relative; z-index:10; padding-top:4rem; padding-bottom:4rem;}
#articles-small .wrapper h2{
	color:#002138;
	font-family: 'Montserrat', sans-serif;
	padding: 0 0 0 0;
	line-height: 1.2;
	font-size: 2.4rem;
	font-weight: 800; 
	margin-bottom:1.4rem;
	margin-top: 0; 
} 
#articles-small .block-articles .article{display:block; position:relative; padding:30px 20px 0 20px; margin-bottom:0;  width:50%; float:left;}  
#articles-small .block-articles .article .wrap-inside{border-top:1px solid #c7c6cb; padding-top:30px;} 
#articles-small .block-articles .article:first-child .wrap-inside,
#articles-small .block-articles .article:nth-child(2) .wrap-inside{border:0px solid #fff; padding-top:0px;}
#articles-small .block-articles .article .article-left{
	background-color:#fff;
	float:left;
	position:relative;
	top:0;
	left:0; 
	width:145px;
	height:145px;
	z-index:30; 
	border-radius:4px; 
	overflow:hidden;
	border:4px solid #fff;
	margin:0 15px 0 0;
}
#articles-small .block-articles .article .article-right{ display:block; position:relative; display:inline; background-color:#fff;}
#articles-small .block-articles .article .article-right .article-wrap{padding:12px 0 0 0;}
#articles-small .block-articles .article .article-right .article-wrap a.cta-more img{display:block;}
#articles-small .block-articles .article .article-right .article-wrap a.cta-more{
	display:block; 
	position:relative;
	left:0;
	-webkit-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
#articles-small .block-articles .article .article-right .article-wrap a.cta-more:hover{left:3px;}
#articles-small .block-articles .article .article-left img{width:100%;display:block;}
#articles-small .block-articles .article .article-right h3{line-height:1.36;text-align:left; font-size:1.08rem; margin-bottom:0.8rem; margin-top:0.8rem; color:#002138;} 
#articles-small .block-articles .article .article-right h3 a{ text-align:left; font-weight: 800; color:#002138; text-decoration:none;}
#articles-small .block-articles .article .article-right p{margin-bottom:1rem; }
#articles-small .block-articles .article .article-left a{display:block; text-decoration: none; height:100%; width:100%;}
#articles-small .block-articles .article .article-left .bg-image{
	content: "";
	top: 0;
	left: 0;
	bottom:0;
	right:0; 
	position: absolute;
	background-repeat: no-repeat; 
	background-size: cover; 
	background-position: center;
	z-index:-1; 
	border-radius:4px;  
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#articles-small .block-articles .article:hover .article-left .bg-image{transform: scale(1.08); -moz-transform: scale(1.08); -webkit-transform: scale(1.08);}
#articles-small .block-articles .article .cta-arrow-bg{position: absolute; bottom: 0; right: 0;}
#articles-small .block-articles .article .article-infos{display:block; position:relative;}
#articles-small .block-articles .article span.article-date{  
	display: block;
	line-height: 1.4;
	font-size: 0.9rem;
	font-weight: 700; 
	margin-bottom: 0.8rem; 
	text-transform: uppercase;
	padding-top:3px;
	color: #88b754;
	font-family: 'Montserrat', sans-serif;
	display:block;  
} 
#articles-small .block-articles .wrap-content{border-top:1px solid #c7c6cb; border-bottom:1px solid #c7c6cb; padding-bottom:30px;}  

/*************************************/
/* Action single - Articles Large
/*************************************/
#articles-large{position:relative; background-color:#fff; z-index:100;}
#articles-large .articles-large-left{  
	position:relative; 
	width:50%; 
	float:left;
	position:absolute;
	background-color:#e6f2f4;
	left:0;
	top:0;
	bottom:0;
	z-index:1;
	background-position: right top;
}
#articles-large .articles-large-left:after{
	top:0;
	bottom:0;
	right:0;
	left:0;
	position:absolute;
	content:"";
	display:block;
	opacity:0.3;
	background-color:#e6f2f4;
}

#articles-large .articles-large-right{ position:relative; width:50%; float:right;}
#articles-large .articles-large-right .block-4{width:50%; float:left; height:230px; overflow:hidden; position:relative; background-size:cover;} 
#articles-large .articles-large-right .block-4 a{display:block; width:100%; height:100%; text-decoration: none; overflow:hidden; position:relative; z-index:10;}
#articles-large .articles-large-right .block-4 .block-wrap{ height:100%; padding:0 40px 0 40px; position:relative; } 
#articles-large .articles-large-right .block-4 h3{ text-align:left; margin-top:0rem; color:#fff; margin-bottom:1.2rem; position:relative; z-index:10;}
#articles-large .articles-large-right .block-4 img{display:block; position:relative; z-index:10; }
#articles-large .articles-large-right .block-4 .block-wrap:after{
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color:rgba(0, 32, 30, 0.55);
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index:5;
	height:100%;
}
#articles-large .articles-large-right .block-4 .block-wrap .content{
	position:relative; 
	top: 50%;
	transform: translateY(-50%);
	z-index:40; 
	padding:20px 0;
}
#articles-large .articles-large-right .block-4 .bg-image{
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0; 
	position: absolute;
	background-repeat: no-repeat; 
	background-size: cover; 
	background-position: center;
	z-index:-1;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#articles-large .articles-large-right .articles-list .block-4:hover .bg-image{ transform: scale(1.08); -moz-transform: scale(1.08); -webkit-transform: scale(1.08);}  
#articles-large .articles-large-right .articles-list .block-4:hover .block-wrap:after{background-color:rgba(0, 32, 30, 0.7);} 
#articles-large .articles-large-left .wrap{
	padding: 0 120px; 
	position:relative; 
	top: 52%;
	transform: translateY(-52%);
	padding-top: 3rem;
	padding-bottom: 3rem;
	z-index:10;
}
#articles-large .articles-large-left .wrap h2{
	color: #002138;
	font-family: 'Montserrat', sans-serif;
	padding: 0 0 0 0;
	line-height: 1.3;
	font-size: 2.8rem;
	font-weight: 800; 
	margin-top: 0;
	margin-bottom: 30px; 
}
#articles-large .articles-placeholders{position:absolute; top:0; right:0; left:0; bottom:0;}
#articles-large .articles-placeholders .block-4:after{
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0, 32, 30, 0.1);
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index:5;
	height:100%;
}




/*************************************/
/* Thématique single - Vidéo
/*************************************/
#video{
	position:relative; 
	padding-top:5rem; 
	padding-bottom:5rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	background-color: #fff;
	background-image: url(/wp-content/themes/ATYPIC/public/img/bg-video.jpg);
}
#video:after{ 
	left: 0;
	right: 0;
	top:0;
	height: 500px;
	display: block;
	position: absolute;
	content: ""; 
	z-index: 1;
	background: -moz-linear-gradient(bottom, #d0e8e6 0%, rgba(208, 232, 230, 0.25) 50%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(bottom, #d0e8e6 0%, rgba(208, 232, 230, 0.25) 35%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to bottom, #d0e8e6 0%, rgba(208, 232, 230, 0.25) 50%, rgba(255, 255, 255, 0) 100%);
	opacity:0.9;
} 
#video:before{ 
	left: 0;
	right: 0;
	bottom:0;
	height: 500px;
	display: block;
	position: absolute;
	content: ""; 
	z-index: 1;
	background: -moz-linear-gradient(top, #fff 0%, rgba(179, 215, 222, 0.25) 35%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(top, #fff 0%, rgba(179, 215, 222, 0.25) 35%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to top, #fff 15%, rgba(255, 255, 255, 0.4)50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
	opacity:0.7;
} 
#video .video-top{ position:relative; top:0; padding-bottom:2rem; z-index:10;}
#video .video-top h2{
	color:#002138;
	font-family: 'Montserrat', sans-serif;
	padding: 0 0 0 0;
	line-height: 1.2;
	font-size: 2.4rem;
	font-weight: 800; 
	margin-bottom:1.4rem;
	text-align: center;
	margin-top: 0; 
}
#video .video-top p{ font-weight:500; text-align:center; display:block;} 
#video .video-bot{background-color:#fff; padding-top:4rem; padding-bottom:4rem; position:relative; z-index:10;}
#video .video-bot iframe{height:430px;}

/*************************************/
/* Thématique single - Articles
/*************************************/
.single-thematique #articles-small{padding-bottom:5rem;}

/*************************************/
/* Thématique single - Citations
/*************************************/
#citations{ position: relative; padding-bottom: 6rem;} 
#citations .slider-citation{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top right;
	background-color: #fff;
	background-image: url(/wp-content/themes/ATYPIC/public/img/bg-citations.jpg);
	border-radius:5px;
	overflow:hidden;
}
#citations .slider-citation .wrap-content{ padding-top: 5rem; padding-bottom: 5rem;}
#citations .slider-citation .wrap-content:after{ 
	height:186px; 
	width:214px;
	display:block;
	position:absolute;
	top:0;
	left:-100px;
	content:"";
	z-index:1;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(/wp-content/themes/ATYPIC/public/img/citation-quote.png);
}
#citations .slider-citation .citation-content,
#citations .slider-citation .citation-info{position:relative; z-index:2;}
#citations .slider-citation .citation-content p{ color:#fff; font-size:1.2rem; font-style: italic; }
#citations .slider-citation .citation-info{color:#fff; font-weight:600; font-size:1rem;}
#citations .slider-citation .citation-info .citation-nom{text-transform: uppercase;}
#citations .slider-nav{border:1px solid #fff; position:absolute; bottom:20px; right:20px;}
#citations .slider-nav .arrow-nav{height:32px; width:32px; display:inline-block; float:left; text-align:center; line-height:32px;}
#citations .slider-nav .arrow-nav a{color:#fff; font-size:15px; display:block;}
#citations .slider-nav .arrow-nav.slider-nav-left{border-right:1px solid #fff;}

/*************************************/
/* Thématique single - Actions
/*************************************/
.single-thematique #articles .wrapper{padding-bottom:0;}
.single-thematique #articles .block-articles .article .article-infos span.article-date{border-right:0px solid #fff; padding-right:0px;}

/*------------------------------------------------------------------------------*/
/*------- ARCHIVE --------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
#archive-articles .article{display:block; position:relative; padding-bottom:30px; padding-top:30px; margin-bottom:0; border-bottom:1px solid #c7c6cb;}  
#archive-articles .article .article-left{
	width:40%; 
	background-color:#fff;
	display:block;
	position:relative;
	top:0;
	left:0;
	float:left;
	height:260px;
	z-index:30; 
	border-radius:4px; 
	overflow:hidden;
	border:4px solid #fff;
}
#archive-articles .article .article-right{ display:block; position:relative; width:60%; float:right; display:block; background-color:#fff;}
#archive-articles .article .article-right .article-wrap{padding:0 0 0 30px;}
#archive-articles .article .article-right .article-wrap a.cta-more img{display:block;}
#archive-articles .article .article-right .article-wrap a.cta-more{
	display:block; 
	position:relative;
	left:0;
	-webkit-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
#archive-articles .article .article-right .article-wrap a.cta-more:hover{left:3px;}
#archive-articles .article .article-left img{width:100%;display:block;}
#archive-articles .article .article-right h3{text-align:left; line-height: 1.3; font-size: 1.5rem; margin-bottom:0.5rem; margin-top:1rem; color:#002138;} 
#archive-articles .article .article-right h3 a{ text-align:left; font-weight: 800; color:#002138; text-decoration:none;}
#archive-articles .article .article-right p{margin-bottom:1rem; }
#archive-articles .article .article-left a{display:block; text-decoration: none; height:100%; width:100%;}
#archive-articles .article .article-left .bg-image{
	content: "";
	top: 0;
	left: 0;
	bottom:0;
	right:0; 
	position: absolute;
	background-repeat: no-repeat; 
	background-size: cover; 
	background-position: center;
	z-index:-1; 
	border-radius:4px;  
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#archive-articles .article:hover .article-left .bg-image{transform: scale(1.08); -moz-transform: scale(1.08); -webkit-transform: scale(1.08);}
#archive-articles .article .cta-arrow-bg{position: absolute; bottom: 0; right: 0;}
#archive-articles .article .article-infos{display:block; position:relative;}
#archive-articles .article .article-infos span.article-date{  
	display: block;
	line-height: 1.4;
	font-size: 0.9rem;
	font-weight: 700;
	margin-bottom: 1rem; 
	text-transform: uppercase;
	color: #88b754;
	font-family: 'Montserrat', sans-serif;
	display:inline-block;
	float:left; 
} 
#archive-articles .article .article-left.archive-icon{ 
	background-color: #fff;
	display: block;
	position: relative;
	top: 30px;
	left: 4px;    
	width: 120px;
	height: 120px;
	display: block;
	
	padding: 16px;
	position: absolute;  
	overflow: initial;
	z-index:10; 
}  
#archive-articles .article .article-left.archive-icon .border-icon{
	z-index:2;
	position:absolute;
	content:"";
	left:-4px;
	right:-4px; 
	bottom:-4px;
	top:-4px;
	display:block;
	border-radius: 100%;
	opacity:0.45;
}
#archive-articles .article .article-right.archive-icon .article-wrap{padding-left:0;}
#archive-articles .article .article-left.archive-icon .bg-image{ background-size:68%; border-radius: 100%; }  
#archive-articles .article.article-thematique .article-right{width:100%; padding-left:150px;}
#archive-articles .article.article-thematique .article-left .bg-image{z-index:10;}
#archive-articles .article.article-thematique:hover .article-left .bg-image{transform: none; -moz-transform: none; -webkit-transform: none;}
#archive-articles .article.article-thematique .article-left .bg-image:after,
#archive-articles .article.article-thematique .article-left .bg-image:before{
	content: "";
	position: absolute;
	width: 100%;
	top: 0;
	bottom: 0;
	z-index: 0;
	background-color: transparent;
	opacity:0.4;
}

/*------------------------------------------------------------------------------*/
/*------- PAGE - GÉNERAL -------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
span.quote{  
	position:relative; 
	z-index:10; 
	display:block;
	padding-top: 5rem;
	padding-bottom: 5.5rem;
	margin-top:3rem;
	margin-bottom:3rem;
	color:#fff;
	font-size:1.23rem;
	text-align:center;
}
span.quote:before{
	position:absolute; 
	content:"";
	top:0;
	bottom:0;
	left:-160px;
	right:-160px; 
	display:block;
	z-index:-2; 
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top right;
	background-color: #0e5766;
	background-image: url(/wp-content/themes/ATYPIC/public/img/bg-citations.jpg);
	border-radius: 5px;
	overflow: hidden; 
}
span.quote:after {
	height: 186px;
	width: 214px;
	display: block;
	position: absolute;
	top: 0;
	left: -100px;
	content: "";
	z-index: -1;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(/wp-content/themes/ATYPIC/public/img/citation-quote.png);
}
body .content-area .su-spoiler p{ font-family: 'Raleway', sans-serif; font-weight:400!important; font-size: 1.07rem!important; line-height: 1.7!important; margin-bottom: 1.6rem!important; }
body .content-area .su-spoiler-style-fancy > .su-spoiler-title,
body .content-area .su-spoiler > .su-spoiler-title{
	border-radius:0px!important;
	font-size: 17px;
	padding: 13px 42px 11px 15px;
	background:#17a486!important;
	border:0px solid #fff!important;  
	color:#002137!important;  
	font-family: 'Montserrat', sans-serif; 
	line-height: 1.3;
	font-size: 1.15rem;
	font-weight: 700;  
}
body .content-area .su-spoiler-style-fancy.su-spoiler-closed > .su-spoiler-title,
body .content-area .su-spoiler.su-spoiler-closed > .su-spoiler-title{background:#90d3c5!important; }
body .content-area .su-spoiler-style-fancy, 
body .content-area .su-spoiler { background: #fff!important;  border-radius:0px!important; border:0px solid #77c8d4!important;} 
body .content-area .su-spoiler-style-default .su-spoiler-content{ border-bottom:1px solid #c6c7cc; border-left:1px solid #c6c7cc; border-right:1px solid #c6c7cc; padding-left:30px!important; padding-right:30px!important;}
body .content-area .su-spoiler-style-default .su-spoiler-content h4{margin-top:1.6rem!important;}
body .content-area .su-spoiler-style-default .su-spoiler-content h3{margin-top:1.6rem!important;}
body .content-area .su-spoiler-icon, body .content-area .su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon{top:15px!important; font-size:18px!important;}
body .content-area .su-spoiler-style-default .su-spoiler-content .cta-vert{margin-top:5px;}
body .content-area .su-spoiler-icon, body .content-area .su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon{right:12px}
body .content-area .su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon{left:initial;}

/*------------------------------------------------------------------------------*/
/*------- CA -------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
#archive-membre .article{margin-top:30px; display:block; position:relative; margin-bottom:0; border-bottom:1px solid #c7c6cb; min-height:235px; padding-bottom:30px; font-size:0.97rem; }  
#archive-membre .article .article-left{ 
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:0; 
	width: 170px;
	height: 200px;
	z-index:30; 
	border-radius:4px; 
	overflow:hidden;
	border:4px solid #fff;
}
#archive-membre .article .article-right{ padding-left:190px; display:block; position:relative; background-color:#fff;}
#archive-membre .article .article-right .article-wrap{padding:0 0 0 30px;}
#archive-membre .article .article-right .article-wrap a.cta-more img{display:block;}
#archive-membre .article .article-right .article-wrap a.cta-more{
	display:block; 
	position:relative;
	left:0;
	-webkit-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
#archive-membre .article .article-right .article-wrap a.cta-more:hover{left:3px;}
#archive-membre .article .article-left img{width:100%;display:block;}
#archive-membre .article .article-right h3{ padding-right:55px; text-align:left; line-height: 1.3; font-size: 1.5rem; margin-bottom:0rem; margin-top:0; padding-top:0rem; color:#002138;}  
#archive-membre .article .article-right p{margin-bottom:1rem; }
#archive-membre .article .article-left a{display:block; text-decoration: none; height:100%; width:100%;}
#archive-membre .article .article-left .bg-image{
	content: "";
	top: 0;
	left: 0;
	bottom:0;
	right:0; 
	position: absolute;
	background-repeat: no-repeat; 
	background-size: cover; 
	background-position: center;
	z-index:-1; 
	border-radius:4px;  
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#archive-membre .article:hover .article-left .bg-image{transform: scale(1.08); -moz-transform: scale(1.08); -webkit-transform: scale(1.08);}
#archive-membre .article .cta-arrow-bg{position: absolute; bottom: 0; right: 0;}
#archive-membre .article .article-infos{display:block; position:relative;}
#archive-membre .article .membre-role{  
	padding-right:55px;
	display: block;
	line-height: 1.4;
	font-size: 0.9rem;
	font-weight: 700;
	margin-bottom: 0.8rem;
	margin-top:0.2rem;
	text-transform: uppercase;
	color: #88b754;
	font-family: 'Montserrat', sans-serif;
}
#archive-membre .article .membre-about{ position:relative; display:block; cursor: pointer; padding:5px 0 0 0;} 
#archive-membre .article .membre-about .membre-plus .read-more{
	position:relative;
	display:inline;
	font-weight:700;
	color:#f76742; 
	font-size:0.96rem;
	top:0;  
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
	border-bottom:1px solid #f76742;
}
#archive-membre .article .membre-about .membre-plus .read-more i{font-size:11px; position:relative; top:-2px;} 
#archive-membre .article .membre-about p{font-size:0.97rem; }
#archive-membre .article .membre-about .membre-plus.on {display:none;}
#archive-membre .article .membre-content{ display:none;}
#archive-membre .article .membre-excerpt.hide{ display:none;}
#archive-membre .article .membre-info{padding-top:20px}
#archive-membre .article .membre-info .info{font-size:0.97rem; }  
#archive-membre .article .membre-info .info i{color:#002138; font-size:1.05rem; padding-right:6px;}
.archive .membre-intro{border-bottom: 1px solid #c7c6cb; margin-bottom:30px;} 
#archive-membre .article .membre-info .info:nth-child(2n + 1){ padding:0 24px 0 0; display:inline; }
#archive-membre .article .membre-info .info:nth-child(2n + 2){ padding: 0 0 0 0; display:inline; } 
#archive-membre .article .membre-linked a{
	height: 42px;
	width: 42px;
	line-height: 40px;
	display: block;
	text-align: center;
	border-radius: 20px;
	float: left;
	color: #494f5f;
	border: 1px solid #bae2e2;
	font-size: 18px; 
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	padding:0 0 0 0;
	margin:0 0 0 0;
} 
#archive-membre .article .membre-linked a:hover{border:1px solid #88b754;}
#archive-membre .article .membre-linked{ padding:0 0 0 0; margin:0 0 0 0; position:absolute; z-index:15; top:0; right:0;} 
#archive-membre .article .membre-info .info-2 a{font-size: 0.96rem; }

/*------------------------------------------------------------------------------*/
/*------- ADD TO ANY -----------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
body #primary .addtoany_share_save_container{ margin: 10px 0 0 0; position:absolute; z-index:10; top:4px; right:20px; padding:0; }
body #primary .addtoany_share_save_container .addtoany_list{ display:inline-block;}
body #primary .addtoany_share_save_container .addtoany_list:after{clear:both;display: table;line-height: 0;content: "";}
body #primary .addtoany_share_save_container .addtoany_list > a{height:28px; width:28px; line-height:28px; display:block; float:left; padding:0 0 0 0; margin:0 2px;}
body #primary .addtoany_share_save_container .addtoany_list span{
	width: 100%;
	line-height: 28px!important;
	height: 28px!important;
	width: 28px!important;
	background-size: 28px!important;
	border-radius: 4px;
	fill:blue!important;
}
.single .article-info{ 
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 1.8rem; 
	text-transform:uppercase; 
	font-size: 0.86rem; 
	line-height: 1.4;   
	font-weight: 700;
	margin-bottom: 2rem; 
	color: #002138;
	display:block;
	padding:19px 14px 15px 14px;  
	border: 1px solid rgba(0, 42, 84, 0.075)
}
.single .article-info a{text-decoration: none; color:#0083c3;}
.single .article-info span.separateur{padding:0 8px;} 


/*------------------------------------------------------------------------------*/
/*------- SEARCH ---------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
.search #archive-articles .article .article-right .article-wrap{padding:0 0 0 0;}
.search #archive-articles .article .article-right{width:100%;}
.search #archive-articles .article{border-bottom:0;}
.search-results .hentry{padding:0 0 0 0!important;}

.search-results .paging-navigation{
	display: flex;
	justify-content: center;
	align-items: center;
}

.search-results .paging-navigation .page-numbers{
	padding: 0 10px;
	color: #f76742;
	text-decoration: none;
	font-weight: 600;
}

.search-results .paging-navigation .page-numbers:hover{
	color: #88b754;
}

.search-results .paging-navigation .page-numbers.current{
	color: #88b754;
}

.search-results .paging-navigation .prev,
.search-results .paging-navigation .next{
	border-radius: 4px;
	overflow:hidden;
	position: relative;
	z-index:1;
	display: inline-block;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	vertical-align: bottom;
	margin: 0 0 0 0;
	background-color:#fff;
	border: 1px solid #f76742;
	color: #f76742;
	font-weight: 700;
	font-size: 0.9rem;
	line-height: 1.1;
	padding: 9px 15px 9px 15px;
}

.search-results .paging-navigation .prev:before,
.search-results .paging-navigation .next:before{
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background: #f76742;
	z-index: -1;
	transform: translateY(100%);
	opacity: 0;
}

.search-results .paging-navigation .prev:after,
.search-results .paging-navigation .next:after{
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background: #f76742;
	z-index: 2;
	transition: transform .8s cubic-bezier(.165,.84,.44,1);
	transform: translateY(-100%);
	opacity: 1;
}

.search-results .paging-navigation .prev:hover,
.search-results .paging-navigation .next:hover{
	color:#fff;
}

.search-results .paging-navigation .prev:hover::before,
.search-results .paging-navigation .next:hover::before {
	transition: transform .7s cubic-bezier(.165,.84,.44,1);
	transform: translateY(0%);
	opacity: 1;
}

.search-results .paging-navigation .prev:hover::after,
.search-results .paging-navigation .next:hover::after{
	transition: none;
	transform: translateY(0%);
	opacity: 0;
}

/*------------------------------------------------------------------------------*/
/*---  FORMATIONS ET CONFÉRENCES  
/*------------------------------------------------------------------------------*/
.event-infos{display:block; position:relative; width:25%; float:left; } 
.event-infos .event-block{border-bottom:1px solid #bae2e2; position:relative; font-size:0.85rem; padding:12px 15px 7px 15px; line-height: 1.6;}
.event-infos .event-block span.subtitle{
	color:#6eb43f;
	padding-bottom:2px;
	font-weight:600;
	font-size:0.7rem;  
	text-transform: uppercase;
	display:block;
	left:12px; 
	bottom:5px; 
}
.event-infos .event-block:last-child{border-bottom:0px solid #fff;}
.event-description{width:75%; float:right; padding-left:60px;}
.event-infos .event-info-bot{border-right:1px solid #bae2e2; background-color:#f9fcfc;}
.event-infos .block-cout{border:5px solid #e8b026; padding: 30px 16px; margin-bottom:30px;}
#primary .event-infos .block-cout h3{
	line-height: 1.4;
	font-size: 0.84rem;
	font-weight: 900;
	margin-bottom: 1rem; 
	color: #002138;
	font-family: 'Montserrat', sans-serif;
	margin:0 0 0 0;
	padding:0 0 5px 0;
	text-transform: uppercase;
}
.event-infos .block-cout .infos-cout{font-size: 1.9rem;display:block; text-align:center; line-height:1.1;}
.event-infos .block-cout .cta-orange{margin-top:14px;}
.event-infos .block-cout .cta-orange, .event-infos .block-cout .cta-orange a{display:block; text-align:center;}
.event-public{padding:30px 20px; background-color:#f9fcfc; border-top:1px solid #bae2e2; margin-top:50px;} 
#primary .event-public span{
	color:#6eb43f;
	padding-bottom:2px;
	font-weight:600;
	font-size:0.7rem;  
	text-transform: uppercase;
	display:block; 
	text-align:left; 
}
.formation{border-bottom:1px solid #bae2e2;}
.formation .formation-left{ width:65%; float:left; padding-right:30px; font-size:1rem; padding-bottom:30px; }
.formation .formation-right{width:35%; float:right; padding-top:8px; padding-bottom:8px; background-color:#f0f9f9;}
.formation .formation-right .formation-info span.subtitle{
	color:#6eb43f;
	padding-bottom:2px;
	font-weight:600;
	font-size:0.7rem;  
	text-transform: uppercase;
	display:block;
	left:12px; 
	bottom:5px; 
}
.formation .formation-right .formation-info{  position:relative; font-size:0.85rem; padding:8px 15px 2px 15px; line-height: 1.6;} 
.formation h3{
	text-align: left!important;
	line-height: 1.3;
	font-size: 1.5rem;
	margin-bottom: 0.5rem;
	margin-top: 30px;
	padding-top:0;
	color: #002138;
}
.formation h3 a{
	text-align: left;
	font-weight: 800;
	color: #002138;
	text-decoration: none;
}
.formation .formation-categorie{
	display: block;
	line-height: 1.4;
	font-size: 0.9rem;
	font-weight: 700;
	margin-bottom: 1rem;
	text-transform: uppercase;
	color: #88b754;
	font-family: 'Montserrat', sans-serif;  
}
.formation{position:relative;}
.formation-intro{border-bottom:1px solid #bae2e2; padding-bottom:10px;}
.formation .formation-wrap{position:relative; } 
.formation .formation-wrap .formation-bot:after{
	position:absolute; 
	width: 35%;
	top:0;
	right:0;
	bottom:0;
	content:"";
	display:block;
	background-color:#f0f9f9;
	z-index:-1;
} 
.formation .cta-arrow-bg{margin-top:15px;}

/*------------------------------------------------------------------------------*/
/*---  MOST RECENT
/*------------------------------------------------------------------------------*/
.most-recent{background-color:#fff; overflow:hidden;}
.most-recent #articles-small{background-color:rgba(255, 255, 255, 0); padding-top: 6rem; padding-bottom: 6rem;}
.most-recent #articles-small .wrapper h2{text-align: center;}
.most-recent #articles-small .wrapper{ background-color:rgba(255, 255, 255, 0); padding-top: 0rem; padding-bottom: 0rem; } 
.most-recent #articles-small:before{

	background: -moz-linear-gradient(bottom, rgba(208, 232, 230, 0.5) 0%, rgba(208, 232, 230, 0.06) 30%, rgba(208, 232, 230, 0) 50%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(bottom, rgba(208, 232, 230, 0.5) 0%, rgba(208, 232, 230, 0.06) 30%, rgba(208, 232, 230, 0) 50%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to bottom, rgba(230, 242, 244, 0.7) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 100%);
}

/*------------------------------------------------------------------------------*/
/*---  FORM CTA
/*------------------------------------------------------------------------------*/ 
body #primary .site-content .wrap-content a.openModal{ 
	border-radius: 4px;
	overflow:hidden;
	position: relative;
	z-index:1;
	display: inline-block;
	text-decoration: none; 
	vertical-align: bottom;
	margin: 0.5rem 0 0.5rem 0;
	padding: 13px 33px 13px 33px;
	background-color:#f76742;
	color:#fff;
	position:relative;
	font-size:0.9rem;
	line-height:1.2;
	overflow: hidden;
	text-decoration:none;
	text-transform:uppercase;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index:3;
}
body #primary .site-content .wrap-content a.openModal:before {
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background: -webkit-linear-gradient(90deg, #6eb43f 10%, #468a37 90%);
	background: linear-gradient(90deg, #6eb43f 10%, #468a37 90%);
	z-index: -1;
	transform: translateY(100%);
	opacity: 0;
}
body #primary .site-content .wrap-content a.openModal:after {
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background: -webkit-linear-gradient(90deg, #6eb43f 10%, #468a37 90%);
	background: linear-gradient(90deg, #6eb43f 10%, #468a37 90%);
	z-index: -1;
	transition: transform .8s cubic-bezier(.165,.84,.44,1);
	transform: translateY(-100%);
	opacity: 1;
}
body #primary .site-content .wrap-content a.openModal:hover::before {
	transition: transform .7s cubic-bezier(.165,.84,.44,1);
	transform: translateY(0%);
	opacity: 1;
}
body #primary .site-content .wrap-content a.openModal:hover::after {
	transition: none;
	transform: translateY(0%);
	opacity: 0;
} 


/*------------------------------------------------------------------------------*/
/*--- COMITÉ JURIDIQUE
/*------------------------------------------------------------------------------*/ 
body.archive .content-juridique .membre-intro{border-bottom:none;}
body.archive .content-juridique #archive-membre{border-top: 1px solid #c7c6cb; } 
body.archive #archive-membre .article{border-bottom:none!important;}

.cta-paypal{ float: left; margin-right: 6px;} 



/*------------------------------------------------------------------------------*/
/*--- THÉMATIQUES 2020 | GÉNÉRAL | Colors ---/*  
/*------------------------------------------------------------------------------*/
body.single-thematique .breadcrumbs a,
body.post-type-archive-thematique .breadcrumbs a{color:#199ad6;}
body.single-thematique .breadcrumbs > span:before,
body.post-type-archive-thematique .breadcrumbs > span:before{color:#199ad6;}
body.single-thematique h2, body.single-thematique .h2,
body.post-type-archive-thematique h2, body.post-type-archive-thematique .h2{color:#199ad6;}
body.single-thematique h4, body.single-thematique .h4,
body.post-type-archive-thematique h4, body.post-type-archive-thematique .h4{color:#1a3668;}
body.single-thematique .archive-grid .grid .article .wrap .content .date,
body.post-type-archive-thematique .archive-grid .grid .article .wrap .content .date{color:#199ad6;} 
body.single-thematique h2.h1, 
body.post-type-archive-thematique h2.h1{color:#002138;}
#page.obiterre .breadcrumbs a,
#page.obiterre .breadcrumbs > span:before{color:#199ad6;}
body #page.obiterre #primary .addtoany_share_save_container .addtoany_list > a > span{background-color:#199ad6!important;}
#page.obiterre .most-recent #articles-small:before{display:none;}



/*------------------------------------------------------------------------------*/
/*--- THÉMATIQUES 2020 | GÉNÉRAL | Grid ---/*  
/*------------------------------------------------------------------------------*/ 
.archive-grid{ 
	overflow: hidden;
	position:relative;
}
.archive-grid .grid{  
	z-index: 2;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
	overflow: hidden;
} 
.archive-grid .grid .article {
	margin-left: 0;
	margin-right: 0;  

}
.archive-grid .grid .article {
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
}
.archive-grid .grid .article{ 
	width: 33.3%;
	position: relative;
	display: flex;
	flex-direction: column; 
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom:50px;
}
.archive-grid .grid .article .wrap {
	height:100%;
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 0 0 0 0; 
	border-radius: 8px 8px 0 0; 
	overflow: hidden;
}
.archive-grid .grid .article .wrap .img{height:220px; position:relative;}
.archive-grid .grid .article .wrap .img a{display:block; width:100%; height:100%; position:absolute; top:0;}
.archive-grid .grid .article .wrap .img div{height:100%; width:100%; background-position:center; background-size: cover; background-repeat: no-repeat;}
.archive-grid .grid .article .wrap .content{flex:1;}
.archive-grid .grid .article .wrap .content .date{  
	margin-top:20px;  
	line-height: 1.4;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.01rem;
	text-transform: uppercase;
	color: #88b754;
	text-decoration: none;
	position: relative;
	display: block;
	font-family: 'Montserrat', sans-serif;

}
.archive-grid .grid .article .wrap .content h3{padding:0 0 0 0; margin:0.8rem 0 0.5rem 0;}
.archive-grid .grid .article .wrap .content h3 a{
	text-decoration: none;
	line-height: inherit;
	text-align: inherit;
	font-weight:inherit;
	color:inherit; 
	font-size:inherit;
} 
.archive-grid .grid .article .wrap .content .small{ font-size:15px; line-height: 23px; }
.archive-grid .grid .article .wrap .arrow{display: flex; margin-top:1rem;}
.archive-grid .grid .article .wrap .arrow img{width:62px; display:block;}




/*------------------------------------------------------------------------------*/
/*--- THÉMATIQUES 2020 | HEAD ---/*  
/*------------------------------------------------------------------------------*/ 
section#head{ position:relative; margin-bottom:80px;}
section#head .top{padding-top:234px;background-color:#F1F3F8;}
section#head .top .wrapper{text-align: left; padding-top:90px; padding-bottom:100px; min-height:300px; display:flex; align-items: center; flex-direction: column; align-items: center;}
section#head .top .wrapper h1{padding:0 0 0 0; margin:1.6rem 0 0 0;}
section#head .top .wrapper h1 .breadcrumbs{
	line-height: 1.4;
	font-size: 0.84rem;
	font-weight: 800;
	letter-spacing: 0.01rem;
	text-transform: uppercase;
	color: #88b754;
	text-decoration: none;
	position: relative;
	display: block;
	text-align: left;
}
section#head .bot{position:relative;}
section#head .bot .wrapper .img{height:600px; width:100%; background-repeat: no-repeat; background-size: cover; background-position: center; position:relative; z-index:2;}
section#head .bot:before{
	content:""; 
	width:100%;
	position:absolute;
	top:0;
	left:0; 
	right:0;
	bottom:60%;
	background-color:#F1F3F8;
	z-index:1;
}
section#head .top .wrapper .about{margin-top:1rem; }

section#head.head-archive{padding-bottom:100px; background-color:#F1F3F8;margin-bottom:0;}
section#head.head-archive .top .wrapper{min-height:initial;}



/*------------------------------------------------------------------------------*/
/*--- THÉMATIQUES 2020 | SINGLE | Articles ---/*  
/*------------------------------------------------------------------------------*/
section#accordions .head{display:block; text-align: center;}
section#accordions .head h2{padding:0 0 0 0; margin:0 0 2rem 0;}
section#accordions{padding-top:80px; padding-bottom:80px; background-color:#F1F3F8;}
.accordions div.accordion-item{  
	border-radius:4px;
	margin-bottom:20px; 
	background-color:#fff; 
	position:relative;
}
.accordions div.accordion-item:last-child{margin-bottom:0;}
.accordions div.accordion-item > div:first-child{  
	cursor:pointer;  
	-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; 
	position:relative; 
}  
.accordions div.accordion-item > div:first-child{padding:26px 40px 24px 40px; display:flex; align-items: center;}
.accordions div.accordion-item > div:first-child h3{padding:0 20px 0 0; margin:0 0 0 0; line-height: 1.1; flex:1; }
.accordions div.accordion-item > div:first-child .open{
	height:30px; 
	width:30px; 
	background-position: center;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-image:url(/wp-content/themes/ATYPIC/public/img/plus.svg);
	-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; 
}
.accordions div.accordion-item.active> div:first-child .open{height:3.5px;} 
.accordions div.accordion-item > div:last-child{display:none;}   
.accordions div.accordion-item > div:last-child .wrap{ padding: 0 40px; }
.accordions div.accordion-item > div:last-child .wrap .accordion-article{border-top:1px solid #E1E5EC; padding:29px 0 28px 0;}
.accordions div.accordion-item > div:last-child .wrap .accordion-article .title{display:flex; align-items: center;}
.accordions div.accordion-item > div:last-child .wrap .accordion-article .title h4{
	padding:0 30px 0 0;
	margin:0 0 0 0;
	flex:1;
	line-height: 1.1;
	font-weight: 700;
	color: #002138; 
	font-size:18px;
}
.accordions div.accordion-item > div:last-child .wrap .accordion-article .title h4 a{
	text-decoration: none;
	line-height: inherit;
	text-align: inherit;
	font-weight:inherit;
	color:inherit; 
	font-size:inherit;
} 
.accordions div.accordion-item > div:last-child .wrap .accordion-article .title .arrow{display: flex;}
.accordions div.accordion-item > div:last-child .wrap .accordion-article .title .arrow img{width:62px; display:block;}


/*------------------------------------------------------------------------------*/
/*--- THÉMATIQUES 2020 | SINGLE | Vidéos ---/*  
/*------------------------------------------------------------------------------*/

section#playvideo{position:relative; z-index:3; overflow:hidden; padding-bottom:80px; background-color:#F1F3F8;}
section#playvideo.with-padding{padding-top:80px;}
section#playvideo .video-responsive{
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative;
	z-index:3;
	height:0;
	box-shadow: 0px 5px 25px rgba(10, 14, 29, 0.08);
}
section#playvideo .video-responsive iframe{
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute; 
}

/*------------------------------------------------------------------------------*/
/*--- THÉMATIQUES 2020 | SINGLE | Promote ---/*  
/*------------------------------------------------------------------------------*/ 
section#promote{  overflow:hidden; z-index:1; background-position:center; background-size: cover; background-repeat: no-repeat; }
section#promote > .wrapper .wrap-content{display:flex; flex-direction: row; padding-top:80px; padding-bottom: 80px; z-index:2;} 
section#promote .wrapper .left{ width:280px; position:relative; z-index:-1; }
section#promote .wrapper .left .wrap{height:100%; display:flex; align-items: center;}
section#promote .wrapper .left .wrap .logo{
	box-shadow: 0px 5px 25px rgba(10, 14, 29, 0.08);
	display:flex; 
	align-items: center;
	justify-content: center;
	width:100%; 
	background: linear-gradient(to bottom, rgb(255 255 255 / 95%) 50%, rgb(255 255 255 / 80%) 100%);
	border-radius: 20px 0px 0px 20px;
	padding: 20px 1% 30px 1%;
} 

section#promote .wrapper .left .wrap .logo img{width:100%; display:block; max-width:190px;}
section#promote .wrapper .right{ flex:1; display:flex; align-items: center; min-height:400px; }
section#promote .wrapper .right:before{
	content:"";
	z-index:1;
	background-color:rgb(0 31 52 / 80%);
	top:-200%;
	bottom:0; 
	left:280px;
	right:-200%;
	position:absolute;
}
section#promote .wrapper .right .wrap{ padding:0 0 0 80px; z-index:2; position:relative;}
section#promote .wrapper .right .wrap h2{color:#fff; padding-top:0; margin-top:0;}
section#promote .wrapper .right .wrap h2 b{font-weight:800;}
section#promote .wrapper .right .wrap p{color:#fff;}
section#promote .wrapper .right .wrap p{color:#fff;}

/*------------------------------------------------------------------------------*/
/*--- THÉMATIQUES 2020 | SINGLE | Actions ---/*  
/*------------------------------------------------------------------------------*/ 
section#actions{ padding-top:80px; padding-bottom:80px;}
section#actions .head{display:block; text-align: center; }
section#actions .head h2{padding:0 0 0 0; margin:0 0 2rem 0;}

/*------------------------------------------------------------------------------*/
/*--- THÉMATIQUES 2020 | Archive ---/*  
/*------------------------------------------------------------------------------*/ 
#thematique{margin-top:-120px; margin-bottom:40px;}

/*------------------------------------------------------------------------------*/
/*--- THÉMATIQUES 2020 | Home | Hero ---/*  
/*------------------------------------------------------------------------------*/ 
section#hero{
	padding-top:234px;
	padding-bottom:100px;
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	display:flex;
	align-items: center;
	position:relative;
	z-index:5; 
}


section#hero .wrapper{ padding-top:90px; padding-bottom:100px;}
section#hero .wrapper .content{background-image:url(/wp-content/themes/ATYPIC/public/img/bg-hero-texte.svg); background-size: cover; background-position: center; background-repeat: no-repeat;}
section#hero .wrapper .wrap-content{text-align: center; padding-top:60px; padding-bottom:60px; max-width: 750px; width:100%;}
section#hero .wrapper .wrap-content h2{margin-top:0; text-transform: uppercase;line-height: 1.2; font-size: 2.5rem; margin-bottom:1rem; font-weight: 800;}
section#hero .wrapper .wrap-content p{color:#002138; font-weight:500; font-size: 15px; line-height:23px;}

section#obiterre{
	background-color:#f1f3f8;
	background: linear-gradient(to bottom,rgba(241, 243, 248, 0.6) 0%, rgba(241, 243, 248, 0.25) 60%, rgba(241, 243, 248, 0) 100%);
	padding-bottom:100px;
}
section#obiterre .wrapper{
	background-color:#fff; 
	margin-top:-100px;
	z-index:5;
	position: relative;
	padding-top:60px;
	padding-bottom:60px;
	border-radius:4px;
	box-shadow: 0px 5px 30px rgba(10, 14, 29, 0.07);
}
section#obiterre .wrapper .wrap-content{display:flex;  align-items: right;}
section#obiterre .wrapper .wrap-content .left{width:190px;}
section#obiterre .wrapper .wrap-content .right{flex:1; padding-left:80px;}
section#obiterre .wrapper .wrap-content .right h2{margin-top:0; font-weight: 800; text-transform: uppercase;}
 

section#hero.hero-en .wrapper .wrap-content{max-width:700px;}

.go-back{margin-bottom:80px; margin-top:-40px; text-align: right;}
.go-back .wrapper .wrap-content{ text-align: right;}
.go-back a{display:inline-flex; font-size: 0.9rem; line-height: 1.2; color:#f76742; font-weight: 700; text-decoration: none; text-transform:uppercase; align-items: center;}
.go-back a img { width: 62px; height:14px; display: block; }

section#thankyou .wrapper{background-color:#f1f3f8; margin-top:80px;} 
section#thankyou .wrapper .wrap-content{padding-top:80px; padding-bottom:70px; text-align: center;}
section#thankyou .wrapper .wrap-content h3{margin-top:0; padding-top:0; margin-bottom: 0.5rem;}

#thankyou .wrap-content p{max-width: 750px; display:block; margin:auto; }
#thankyou .wrap-content .img{margin-top:-30px;}
#thankyou .wrap-content .img a{display:flex;}
#thankyou .wrap-content .img{padding-bottom:10px;}
#thankyou .wrap-content .img img{width:100%; display:block; max-width:200px; margin:auto;}

@media screen and (min-width:650px) { 
	section#actions .archive-grid .grid{display:block;}
	section#actions .archive-grid .grid .article{padding-left:0; padding-right:0; width:100%; padding-bottom:30px; padding-top: 30px; border-top: 1px solid #E1E5EC;}
	section#actions .archive-grid .grid .article:last-child{border-bottom: 1px solid #E1E5EC;}
	section#actions .archive-grid .grid{margin-left:0; margin-right:0;}
	section#actions .archive-grid .grid .article .wrap{display:flex; flex-direction: row; border-radius:0 0 0 0;}
	section#actions .archive-grid .grid .article .wrap .img{width:350px; border-radius:0 0 0 0;}
	section#actions .archive-grid .grid .article .wrap .content{padding-left:30px;}
	}​


/*------------------------------------------------------------------------------*/
/*--- 2022 - ACCUEIL
/*------------------------------------------------------------------------------*/ 
.obiterre2022 .logo a{width:100%;display:block;}
.obiterre2022 .logo a img{width:100%;}

.obiterreNormal{
	margin: 100px 0px 100px 0px;
	background-image:url(https://www.cqde.org/wp-content/uploads/2018/07/sora-sagano-Q-wPqMx3X1I-unsplash-scaled.jpg)!important;
	background-size: cover!important;
	background-position: center!important;
	background-repeat: no-repeat!important;
	padding-bottom: 0px!important;
}
section#obiterre.obiterreNormal .wrapper{margin-top:0px;position:relative;top:-100px;}





section#obiterre.obiterreVedette .wrapper .wrap-content .left {width: 310px;padding-left:50px;}
section#obiterre.obiterreVedette .wrapper .wrap-content{max-width:100%;}
section#obiterre .wrapper .wrap-content .right{width:600px;max-width:100%;padding-right:50px;}



.su-row .su-column.carte iframe{height:400px;}




/*------------------------------------------------------------------------------*/
/*--- MÉMOIRES -----------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/ 
.memoires .memoire, .dropdown-membres .block-1-3-b{float:left;width: 31.7%;margin: 0px 2.4% 30px 0%;}
.memoires .memoire:nth-child(3n), .dropdown-membres .block-1-3-b:nth-child(3n)  {margin-right: 0%;}
.memoires .memoire .img{width:100%;margin-bottom:15px;border-radius:10px 10px 0px 0px;}
.memoires .memoire .date{
    color: #88b754;
    text-transform:uppercase;
    font-size:12px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    margin-bottom:0px;
}
.memoires .memoire h3{
	margin:10px 0px 10px 0px;
}






.dropdown-membres{padding:80px 0px 50px 0px;}
.dropdown-membres .wrapper{background-color:#fff;padding:30px 130px 20px 150px;height:100px;}
.dropdown-membres .titre{
	height:30px;
	position:absolute;
	top:0px;
	bottom:0px;
	left:20px;
	font-size:20px;
    font-weight: 500;
	color: #88b754;
	margin:auto;
}

.dropdown-membres select{
	width:100%;
	display: inline-block;
    vertical-align: middle;
	 padding: 10px 35px 10px 0px;
    font-size: 16px;
    border: 0;
    outline:none!important;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 2px solid #005953;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #0C114E 50%), linear-gradient(135deg, #0C114E 50%, transparent 50%), linear-gradient(to right, #fff, #fff);
    background-position:calc(100% - 5px) calc(1em + 4px), calc(100% - 0px) calc(1em + 4px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;

}
.dropdown-membres input[type="submit"] {
    background-color: transparent;
    border: none;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0px;
    right: 0px;
    margin: auto;
    z-index:1;
    cursor: pointer;
    text-indent:-9999px;
	background-color:#f76742;
	background-image:url(/wp-content/themes/ATYPIC/public/img/search.png);
	background-size: 25px 25px;
	background-position:center center;
	background-repeat: no-repeat;
	transition: all 0.15s ease-in-out;
}

.dropdown-membres input[type="submit"]:hover{
	background-color: #88b754;
	transition: all 0.15s ease-in-out;
}


.post-type-archive-memoire #head{display:none;}
.post-type-archive-memoire #head.bannerMemoire{
	display:block;
	min-height:850px;
	padding-bottom:350px;
	background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.post-type-archive-memoire #head .top{background:transparent;}
.post-type-archive-memoire #head .top h1, .post-type-archive-memoire #head .top p{color:#fff;}

.post-type-archive-memoire .dropdown-membres{margin-top:-400px;}
.post-type-archive-memoire .memoires{margin-top:0px;margin-bottom:80px;}

.post-type-archive-memoire .memoires .list{display: flex;flex-wrap: wrap;}

.post-type-archive-memoire .memoires .noMemoire{margin: 150px 0px -30px 0px; text-align: center; font-weight: bold;width:100%;}