@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,600,600i,700,700i|Volkhov:400,400i,700,700i&display=swap');

/***********************************************************************************/
/*** General
/***********************************************************************************/
*{height:auto;min-height:0;max-height:999999px}html{  font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,body,div,button,input,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0}.clear:after{clear:both;display:table;line-height:0;content:""}ul li{vertical-align:top;list-style:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent;text-decoration:none}a:active,a:hover{outline:0;text-decoration:none}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],/* 1 */
input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

body, html{min-height: 100vh;   -webkit-overflow-scrolling: auto; /* Stops scrolling immediately */}
body{  font-family: 'Montserrat', sans-serif; font-weight:400; font-size:20px; line-height:36px; letter-spacing: 0; color: #002565; background-color:#fff; position:relative;}
body *{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

.clear{clear:both;}
.clear:after{ clear: both; display: table; line-height: 0; content: ""; }

.archive{background-color:#fff; position:relative; z-index:2;}
.archive.feature-true{}
#content{background-color:#fff;}

body #content .wrapper:first-child{padding-top:70px;}
body #content .wrapper:last-child{padding-bottom:70px;}

.wrapper{ width:100%; max-width:1160px; position:relative; display:block; margin:auto; }
.wrap-960{ width:100%; max-width:960px; position:relative; display:block;  }
.wrap-660{ width:100%; max-width:660px; position:relative; display:block;   }

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


body #page{z-index:2;}

/* chrome autocomplete fix */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	border: 0px solid transparent;
	-webkit-text-fill-color: inherit;
	-webkit-box-shadow: 0 0 0 0 transparent inset !important;
	transition:none;
} 
 
input[type=text]::-ms-clear { display: none!important; }
select::-ms-expand{ display: none!important; }

body .su-divider{ border-width: 2px!important; border-color: #dbe4f2!important; padding:0 0 0 0!important; margin-top:40px!important; margin-bottom:40px!important; }
body .su-divider a{display:none!important;}

body.postid-13801 iframe {
	height: 100%; !important
}

/***********************************************************************************/
/*** Text
/***********************************************************************************/ 
li b,
li strong,
p b,
p strong,
.bold-text{ font-size:16px; text-transform: uppercase; font-weight:600; position:relative; }


h1, .h1{ font-family: 'Volkhov', serif; font-weight:400; font-size:50px; line-height:58px; letter-spacing: 0; color: #002565; text-transform: initial; opacity: 1; }
h2, .h2{ font-family: 'Volkhov', serif; font-weight:400; font-size:40px; line-height:47px; letter-spacing: 0; color: #002565; text-transform: initial; opacity: 1; }
h3, .h3{ font-family: 'Volkhov', serif; font-weight:400; font-size:30px; line-height:42px; letter-spacing: 0; color: #002565; text-transform: initial; opacity: 1; }
h4, .h4{ font-family: 'Volkhov', serif; font-weight:400; font-size:20px; line-height:24px; letter-spacing: 0; color: #002565; text-transform: initial; opacity: 1; }
h5, .h5{ font-family: 'Volkhov', serif; font-weight:700; font-size:12px; line-height:16px; letter-spacing: 0; color: #002565; text-transform: uppercase; opacity: 1; } 

.site-content h1, .site-content .h1{ margin-bottom:1rem; margin-top:0.5rem; } 
.site-content h2, .site-content .h2{ font-family: 'Volkhov', serif; font-weight:400; font-size:36px; line-height:42px; letter-spacing: 0; color: #002565; text-transform: initial; opacity: 1; margin-bottom:26px;}
.site-content h3, .site-content .h3{ font-family: 'Volkhov', serif; font-weight:700; font-size:20px; line-height:32px; letter-spacing: 0; color: #002565; text-transform: initial; opacity: 1; margin-bottom:20px;}
.site-content h4, .site-content .h4{ font-size:12px; line-height:16px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; font-family: 'Montserrat', sans-serif; margin-bottom:0.5rem;} 

.site-content p+h2,
.site-content p+.h2{padding-top:1.5rem;}
.site-content p+h3,
.site-content p+.h3{padding-top:1rem;}
.site-content p+h4,
.site-content p+.h4{padding-top:.5rem;} 
.site-content p{ margin-bottom:20px; }

.site-content ul+h2,
.site-content ul+.h2{padding-top:1.5rem;}
.site-content ul+h3,
.site-content ul+.h3{padding-top:1rem;}
.site-content ul+h4,
.site-content ul+.h4{padding-top:.5rem;} 


.white{color:#fff;}
.blue{color:#003DA5;}
.gray{color:#99B2D9}


h1 a,
h2 a,
h3 a,
h4 a,
h5 a{ font-size:inherit; font-weight:inherit; color:inherit; line-height:inherit; text-decoration:none; text-transform: inherit;}

a h1:hover, h1 a:hover,
a h2:hover, h2 a:hover,
a h3:hover, h3 a:hover,
a h4:hover, h4 a:hover,
a h5:hover, h5 a:hover{ color:inherit; }

a{  text-decoration:underline; color:#003DA5;  }
a:hover{ text-decoration:none; }
a, a:visited, a:hover{
	-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;
}

.medium, .medium p{ font-size:14px; line-height:18px; font-weight: 400; text-transform: initial; letter-spacing: 0; } 
.medium p{ margin-bottom:1.3rem; }
.medium p{ font-size:14px; line-height:18px; font-weight: 300; text-transform: initial; letter-spacing: 0; } 
.small{ font-size:12px; line-height:16px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; font-family: 'Montserrat', sans-serif; letter-spacing:0.35px; text-decoration:none;} 
.xsmall{ font-size:11px; line-height:16px; letter-spacing:0px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; font-family: 'Montserrat', sans-serif; text-decoration:none;}  
.xxsmall{ font-size:10px; line-height:16px; font-weight: 400; text-transform: initial; letter-spacing: 0; font-family: 'Montserrat', sans-serif; text-decoration:none;}  

.small a{ font-size:inherit; font-weight:inherit; color:inherit; line-height:inherit; text-decoration:none; text-transform: inherit; font-family: inherit;}
.xsmall a{ font-size:inherit; font-weight:inherit; color:inherit; line-height:inherit; text-decoration:none; text-transform: inherit; font-family: inherit;}
.xxsmall a{ font-size:inherit; font-weight:inherit; color:inherit; line-height:inherit; text-decoration:none; text-transform: inherit; font-family: inherit;}





ul{ list-style-type:circle; margin:0 0 1.5rem 0; padding:0 0 0 0;}
ul li{ position:relative; padding-left: 60px; margin-bottom:0.5rem;  }
ul li:last-child{padding-bottom:0;}
ul li:before {
	position:absolute;
	content:"";
	left:0px;
	top:19px;
	width:40px; 
	height:1px;
	background-color:#002565;
}
ul ul{margin-top:1rem;} 

ol { counter-reset: my-counter; list-style-type: none; margin-bottom:1rem; padding-left: 0;}
ol ol{ margin-left:0; margin-top:22px; }
ol li { counter-increment: my-counter; padding-left:60px;  position:relative; margin-bottom:22px;}
ol li:before {
	content: counters(my-counter, ".") " "; 
	position:absolute;

	background-color:#003DA5; 
	width:40px; 
	height:40px;
	border-radius:100%;
	color:#fff; 
	font-size:16px;
	line-height:42px;
	text-align: center;
	font-weight:600;
	left:0; 
	top:-2px;

}
ol ol{padding-left:0;} 



/***********************************************************************************/
/*** Breadcrumbs
/***********************************************************************************/
.home .breadcrumbs{display:none;}
.breadcrumbs{ display:block; } 
.breadcrumbs a{ } 

/***********************************************************************************/
/*** Images
/***********************************************************************************/
#content .wrapper .wrap-660 .size-full,
#content .wrapper .wrap-660 .alignnone,
#content .wrapper .wrap-660 .alignright,
#content .wrapper .wrap-660 .alignleft,
#content .wrapper .wrap-660 .aligncenter{max-width:100%; display: block;}
#content .wrapper .wrap-660 p .size-full,
#content .wrapper .wrap-660 p .alignnone,
#content .wrapper .wrap-660 p .alignright,
#content .wrapper .wrap-660 p .alignleft,
#content .wrapper .wrap-660 p .aligncenter{margin-top:20px;}
#content .wrapper .wrap-660 .aligncenter{ display:block; margin:auto;}
#content .wrapper .wrap-660 .alignright{ display:block; margin-left: auto; }
#content .wrapper .wrap-660 .alignleft{ display:block; margin-right: auto; }

/***********************************************************************************/
/*** Share
/***********************************************************************************/ 
body .share{ overflow:hidden; width:40px; position:absolute; top:80px; right:-40px;}
body .share a{padding:0 0 0 0; margin-bottom:10px;}
body .share a span svg path{ fill:#002565; } 
body .share .a2a_svg{
	background-color:#E6ECF6!important;
	border-radius:100%!important;
	width:40px!important; 
	height:40px!important;
	position:relative;
	display:flex!important;
	justify-content: center; 
	align-items:center; 
}
body .share .a2a_svg svg{ height:24px!important; width:24px!important; position:relative; top:1px; }
body .share .a2a_svg.a2a_s_linkedin svg{ height:26px!important; width:26px!important; } 
body .share .a2a_svg.a2a_s_email svg{ height:28px!important; width:28px!important; } 
body .share a:hover span svg path{fill:#002565;} 
body .share a:first-child{margin-left:0;}
body .share a:hover span{opacity:1!important;} 
body .sidebar .share .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span{height:38px!important; width:38px!important; top:0;}


/***********************************************************************************/
/*** Shortcode - Spoilers
/***********************************************************************************/
body .site-content .su-accordion{margin:0 0 30px 0;} 
body .site-content .su-accordion .su-spoiler,
body .site-content .su-spoiler{position:relative; margin-bottom:50px; }
body .site-content .su-accordion .su-spoiler{margin-bottom:10px; margin-top:0px;}
body .site-content .su-accordion .su-spoiler > .su-spoiler-title,
body .site-content .su-spoiler > .su-spoiler-title{
	padding: 13px 70px 10px 40px;
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 0.35px;
	text-decoration: none;
	background-color:#E6ECF6;  
	position:relative;
	min-height:60px;
	display: flex;
	align-items: center;
	border-bottom:3px solid #fff;
}
body .site-content .su-accordion .su-spoiler > .su-spoiler-title:before,
body .site-content .su-spoiler > .su-spoiler-title:before{

	background-image:url(/wp-content/themes/ATYPIC/public/img/svg/dropdown.svg);
	background-repeat: no-repeat;
	background-position: center;
	position:absolute;
	content:"";
	top:2px; 
	bottom:0;
	right:20px;
	width:10px;
	transform: rotate(180deg); 
}
body .site-content .su-accordion .su-spoiler.su-spoiler-closed > .su-spoiler-title:before,
body .site-content .su-spoiler.su-spoiler-closed > .su-spoiler-title:before{transform: rotate(0deg); }
body .site-content .su-accordion .su-spoiler > .su-spoiler-title .su-spoiler-icon,
body .site-content .su-spoiler > .su-spoiler-title .su-spoiler-icon{display:none;} 
body .site-content .su-accordion .su-spoiler > .su-spoiler-content,
body .site-content .su-spoiler > .su-spoiler-content{ background-color: #E6ECF6; padding-right:40px; padding-left:40px;}
body .site-content .su-accordion .su-spoiler > .su-spoiler-content:after,
body .site-content .su-spoiler > .su-spoiler-content:after{clear: both; display: table; line-height: 0; content: "";} 
body .su-spoiler-title:focus { outline: transparent!important; } 
body .site-content .su-accordion .su-spoiler.su-spoiler-closed  > .su-spoiler-title,
body .site-content .su-spoiler.su-spoiler-closed  > .su-spoiler-title{background-color:#E6ECF6;} 

/***********************************************************************************/
/*** Grid
/***********************************************************************************/ 
.grid{z-index:2; position:relative; display:flex; flex-wrap: wrap; padding-bottom:70px;  }
.grid:after{clear: both; display: table; line-height: 0; content: "";}

/*** Column 3 ***/
.grid .row-3{width:33.3%; position:relative; display:flex; flex-direction: column; }
.grid .row-3 .wrap{ height:100%;}  


/***********************************************************************************/
/*** Article
/***********************************************************************************/ 
.grid article .wrap{ position: relative; display: flex; flex-direction: column; height:100%; padding:0 0 30px 0; } 
.grid article .wrap .thumbnail{ position:relative; background-color:#003DA5; }
.grid article .wrap .thumbnail .img{ position:absolute; top:0; right:0; bottom:0; left:0; background-repeat: no-repeat; background-position: center; background-size: cover; z-index:1; opacity:0.75;}
.grid article .wrap .thumbnail a{position:absolute; top:0; right:0; bottom:0; left:0; text-decoration: none; height:100%; width:100%; z-index:2;}
.grid article .wrap .content a.cta{display:none;}
.grid article .wrap .content .head{margin-bottom:14px; }
.grid article .wrap .content .head .xsmall{ margin-bottom:0; }
.grid article .wrap .content .head .date{margin-bottom:0; color:#99B2D9; position:relative; padding-left:18px;margin-left:4px;}
.grid article .wrap .content .head .date:before{ 
	width: 12px;
	height: 2px;
	background-color: #99B2D9;
	content: "";
	display: block; 
	position:absolute;
	top:7px;
	left:0;
}

article .wrap .content .category a{ font-size:12px; line-height:16px; text-transform:uppercase; text-decoration:none; color:#002565; font-weight:700; }
article .wrap .content .category a:before{content:"/"; font-size:13px; position:relative; top:-1px; padding-left:10px; padding-right:10px;}
article .wrap .content .category a:first-child:before{display:none;}
article .wrap .content .category{display:flex; margin-bottom:14px; }

/*** Column 3 ***/
.grid article.row-3 .wrap .thumbnail{ height:200px; } 
.grid article.row-3 .wrap .content{padding-top:20px;}  


.archive{background-color:#fff; }
.archive .grid article.row-3.regular:nth-child(3n){ padding-left:0px; padding-right: 25px; } 
.archive .grid article.row-3.regular:nth-child(3n+1){ padding-left:13px; padding-right:13px; }
.archive .grid article.row-3.regular:nth-child(3n+2){ padding-left:25px; padding-right:0; }

/*** .archive .grid article.regular.row-3 .wrap .thumbnail{ display:none!important;} SANS IMAGE - À SUPPRIMER ***/
.grid article.row-3.regular .wrap .content{padding-top:0;} /*** SANS IMAGE - À SUPPRIMER ***/
.grid article.row-3.regular .wrap{padding-bottom:24px;} /*** SANS IMAGE - À SUPPRIMER ***/

/*** Column 3 - Article 50% ***/
.archive .grid article.row-3:first-child .content .head .xsmall, 
.archive .grid article.row-3:nth-child(2) .content .head .xsmall{color:#fff;}
.archive .grid article.row-3:first-child .content .head .xsmall a, 
.archive .grid article.row-3:nth-child(2) .content .head .xsmall a{color:#fff;} 
.archive .grid article.row-3:first-child .content .head .date:before, 
.archive .grid article.row-3:nth-child(2) .content .head .date:before{background-color:#fff;}


.archive .grid article.row-3:first-child, 
.archive .grid article.row-3:nth-child(2){width:50%; margin-bottom:40px; height:315px;}
.archive .grid article.row-3:first-child .wrap,
.archive .grid article.row-3:nth-child(2) .wrap{padding-bottom:0; display:flex; justify-content: center; }
.archive .grid article.row-3:first-child{ padding-left:0; padding-right:20px; }
.archive .grid article.row-3:nth-child(2){ padding-left:20px; padding-right:0; }
.archive .grid article.row-3:first-child .wrap .thumbnail, 
.archive .grid article.row-3:nth-child(2) .wrap .thumbnail{ height:100%; position:absolute; top:0; right:0; left:0; bottom:0; z-index:1; }
.archive .grid article:first-child .wrap .content,
.archive .grid article:nth-child(2) .wrap .content{padding-left:60px; padding-right:60px; padding-top:0; position:relative; z-index:1;}
.archive .grid article:first-child .content .category a, 
.archive .grid article:nth-child(2) .content .category a{ color:#fff; }
.archive .grid article:first-child .content a.cta, 
.archive .grid article:nth-child(2) .content a.cta{display:inline-block;}
.archive .grid article.row-3:first-child .content h3.h4, 
.archive .grid article.row-3:nth-child(2) .content h3.h4{ 
	font-weight:400; 
	font-size:24px; 
	line-height:30px;
	color: #fff; 
	margin-bottom:18px;  
}  
.archive .grid article.row-3:first-child .wrap .thumbnail.empty, 
.archive .grid article.row-3:nth-child(2) .wrap .thumbnail.empty, 
.grid article .wrap .thumbnail.empty{background-color:#002565;}
.archive .grid article.row-3:first-child .wrap .thumbnail.empty:before, 
.archive .grid article.row-3:nth-child(2) .wrap .thumbnail.empty:before{
	position: absolute;
	content: "";
	top: 0;
	bottom:0;
	left: 0;
	right: 0;
	z-index: 1;
	background: transparent linear-gradient(180deg, rgb(9, 41, 113) 0%, rgb(0, 46, 127) 39%, rgb(0, 61, 165) 77%, rgb(0, 61, 165) 100%) 0% 0% no-repeat padding-box;
}
.archive .grid article.row-3:first-child .wrap .thumbnail.empty .img, 
.archive .grid article.row-3:nth-child(2) .wrap .thumbnail.empty .img{display:none;}
.grid article .wrap .thumbnail.empty:before{
	position: absolute;
	content: "";
	top: 0;
	bottom:0;
	left: 0;
	right: 0;
	z-index: 1;
	background: transparent linear-gradient(180deg, rgb(9, 41, 113) 0%, rgb(0, 46, 127) 39%, rgb(0, 61, 165) 77%, rgb(0, 61, 165) 100%) 0% 0% no-repeat padding-box;
} 
.grid article .wrap .thumbnail.empty .img{display:none;}

/*** Column 2 ***/ 
.archive .grid article.row-2{width:50%; margin-bottom:40px; height:315px;}
.archive .grid article.row-2 .wrap{padding-bottom:0; display:flex; justify-content: center; } 
.archive .grid article.row-2:nth-child(odd){ padding-left:0; padding-right:20px; }
.archive .grid article.row-2:nth-child(even){ padding-left:20px; padding-right:0; } 
.archive .grid article.row-2 .wrap .thumbnail{ height:initial; position:absolute; top:0; right:0; left:0; bottom:0; z-index:1; }
.archive .grid article.row-2 .wrap .content{padding-left:60px; padding-right:60px; padding-top:0; position:relative; z-index:1;}
.archive .grid article.row-2 .content .category a{ color:#fff; }
.archive .grid article.row-2 .content a.cta{display:inline-block;}
.archive .grid article.row-2 .content h3.h4{ font-weight:400; font-size:24px; line-height:30px; color: #fff; margin-bottom:18px; }
.archive .grid article.row-2 .wrap .thumbnail.empty{background-color:#002565;}
.archive .grid article.row-2 .wrap .thumbnail.empty:before{
	position: absolute;
	content: "";
	top: 0;
	bottom:0;
	left: 0;
	right: 0;
	z-index: 1;
	background: transparent linear-gradient(180deg, rgba(0, 61, 165, 0.2) 0%, rgba(0, 61, 165, 0.4) 27%, rgba(0, 61, 165, 1) 61%, rgba(0, 61, 165, 1) 100%);
}
.archive .grid article.row-2 .wrap .thumbnail.empty .img{display:none;}
.archive .grid article.row-2 .wrap .thumbnail.empty:before{
	position: absolute;
	content: "";
	top: 0;
	bottom:0;
	left: 0;
	right: 0;
	z-index: 1;
	background: transparent linear-gradient(180deg, rgba(0, 61, 165, 0.2) 0%, rgba(0, 61, 165, 0.4) 27%, rgba(0, 61, 165, 1) 61%, rgba(0, 61, 165, 1) 100%);
} 
.archive .grid article.row-2 .wrap .thumbnail.empty .img{display:none;}


/***********************************************************************************/
/*** Featured
/***********************************************************************************/
.featured{position:relative; z-index:2; margin-bottom:40px; }   
.featured article{width:100%; margin-bottom:0; height:650px; }
.featured article .wrap{ position: relative; display: flex; justify-content: center; flex-direction: column; height:100%;  } 
.featured article .wrap .thumbnail{ background-color:#003DA5; position:absolute; top:0; right:0; left:0; bottom:0; z-index:1;  }
.featured article .wrap .thumbnail .img{ position:absolute; top:0; right:0; bottom:0; left:0; background-repeat: no-repeat; background-position: center; background-size: cover; z-index:1; opacity:0.75;}
.featured article .wrap .thumbnail a{position:absolute; top:0; right:0; bottom:0; left:0; text-decoration: none; height:100%; width:100%; z-index:2;}
.featured article .wrap .content{padding-left:60px; padding-right:60px; position:relative; z-index:1;max-width:780px; } 
.featured article .wrap .content a.cta{display:initial;}
.featured article .wrap .content .category a{ font-size:12px; line-height:16px; text-transform:uppercase; text-decoration:none; color:#fff; font-weight:700; }
.featured article .wrap .content .category{display:flex; margin-bottom:14px; }
.featured article .wrap .content h3.h4{ font-weight:400; font-size:36px; line-height:42px; color: #fff; margin-bottom:20px; } 
.featured article .wrap .thumbnail.empty{background-color:#002565;}
.featured article .wrap .thumbnail.empty .img{display:none;}
.featured article .wrap .thumbnail.empty:before{
	position: absolute;
	content: "";
	top: 0;
	bottom:0;
	left: 0;
	right: 0;
	z-index: 1;
	background: transparent linear-gradient(180deg, #092971 0%, #002E7F 39%, #003DA5 77%, #003DA5 100%) 0% 0% no-repeat padding-box;
}
.archive.main{position:relative;}
.post-type-archive-outils .archive.main.secondary-archive{z-index:4!important;}
.archive.main:before{
	content:"";
	position:absolute; height:150px;
	top:-1px;
	bottom:0; 
	right:0;
	left:0;
	background-color:#003da5;
}
.featured article .wrap .content .head{margin-bottom:20px;}
.featured article .wrap .content .head .small{ margin-bottom:0; }
.featured article .wrap .content .head .small a{color:#fff;}
.featured article .wrap .content .head .date{display:none;}
.featured article .wrap .content .head .date:before{ 
	width: 12px;
	height: 2px;
	background-color: #fff;
	content: "";
	display: block; 
	position:absolute;
	top:7px;
	left:0;
}


/***********************************************************************************/
/*** Promoted
/***********************************************************************************/
.promoted{position: relative; background-color:#002565; overflow:hidden; z-index:3; }    
.promoted .promoted-bg{position:absolute; top:0; right:0; bottom:0; left:0; z-index:2; ;}
.promoted .promoted-bg .thumbnail{position:relative; opacity:0.75; position:absolute; top:0; overflow:hidden; }
.promoted .promoted-bg .thumbnail:first-child{ width:50%; height:100%; left:0;  }
.promoted .promoted-bg .thumbnail:last-child{ width:50%; height:100%; right:0; } 
.promoted .promoted-bg .thumbnail .img{ position:absolute; top:-1px; right:-1px; bottom:-1px; left:-1px; background-repeat: no-repeat; background-position: center; background-size: cover; z-index:1;}
.promoted .promoted-bg .thumbnail:before{ 
	position:absolute; 
	background:transparent linear-gradient(180deg, rgba(0, 26, 70, 0.1) 0%, rgba(0, 61, 165, 0.4) 50%, rgba(0, 61, 165, 0.9) 100%) 0% 0% no-repeat padding-box;
	opacity: 1;
	top:-1px;
	right:-1px; 
	bottom:-1px;
	left:-1px;
	content:"";
	z-index:2;
}  
.promoted .promoted-bg .thumbnail.empty{background-color:#002565;}
.promoted .promoted-bg .thumbnail.empty:before{
	position: absolute;
	content: "";
	top:-1px;
	right:-1px; 
	bottom:-1px;
	left:-1px;
	z-index: 2;
	background: transparent linear-gradient(180deg, rgba(9, 41, 113, 1) 0%, rgba(0, 46, 127, 1) 39%, rgba(0, 61, 165, 1) 77%, rgba(0, 61, 165, 1) 100%) 0% 0% no-repeat padding-box;
}  
.promoted .wrapper{z-index:2;} 
.promoted .grid{ padding-bottom:0; z-index:4; position:initial!important; padding-top:0; position:initial; }
.promoted .grid article{width:50%; height:405px; position:relative;}
.promoted .grid article .wrap{ position: relative; display: flex; justify-content: center; flex-direction: column; height:100%; z-index:3; padding-bottom:0;}     
.promoted .grid article .thumbnail{position:absolute; z-index:1; top:0; left:0; right:0; bottom:0;}
.promoted .grid article .thumbnail .img{
	position:absolute; 
	top:0; 
	right:-100px;
	bottom:0;
	left:-100px;
	background-repeat:
	no-repeat;
	background-position: center;
	background-size: cover;
	z-index:1;
}
.promoted .grid article .thumbnail:before{ 
	position:absolute; 
	background:transparent linear-gradient(180deg, rgba(0, 26, 70, 0.2) 0%, rgba(0, 37, 101, 0.6) 64%, rgba(0, 61, 165, 0.9) 100%) 0% 0% no-repeat padding-box;
	opacity: 1;
	top:0;
	right:-100px; 
	bottom:0;
	left:-100px;
	content:"";
	z-index:2;
}   
.promoted .grid article .thumbnail.empty{background-color:#002565;}
.promoted .grid article .thumbnail.empty .img{display:none;}
.promoted .grid article .thumbnail.empty:before{
	position: absolute;
	content: "";
	top: 0;
	bottom:0;
	left: -100;
	right: -100;
	z-index: 1;
	background: transparent linear-gradient(180deg, rgba(9, 41, 113, 1) 0%, rgba(0, 46, 127, 1) 39%, rgba(0, 61, 165, 1) 77%, rgba(0, 61, 165, 1) 100%) 0% 0% no-repeat padding-box;
}  
.promoted .grid article .thumbnail{display:none;}








.promoted .grid article a{text-decoration: none;}
.promoted .grid article .lien{position:absolute; top:0; right:0; bottom:0; left:0; z-index:2; text-decoration: none; }
.promoted .grid article:first-child .lien{left:-100vh;}
.promoted .grid article:last-child .lien{right:-100vh;} 
.promoted .grid article .wrap .content{ position:relative; z-index:1; } 
.promoted .grid article:first-child .wrap .content{padding-left:0; padding-right:60px;}
.promoted .grid article:last-child .wrap .content{padding-left:60px; padding-right:0;}
.promoted .grid article .wrap .content h3{ font-size:30px; line-height:38px; margin-bottom:20px;}
.promoted .grid article .wrap .content h3 a{color:#fff;}
.promoted .grid article .wrap .content .category a{ font-size:12px; line-height:16px; text-transform:uppercase; text-decoration:none; color:#fff; font-weight:700; }
.promoted .grid article .wrap .content .category{display:flex; margin-bottom:14px; }
.promoted .grid article .wrap .content a.cta{display:initial;}
.promoted .grid article .wrap .content .more{ font-size:16px; line-height:24px; font-weight:500; color:#fff; display:inline-block; }
.promoted .grid article .wrap .content svg{display:inline-block; margin-left:10px;}
.promoted article .wrap .content .head{margin-bottom:20px;}
.promoted article .wrap .content .head .xsmall{ margin-bottom:0; }
.promoted article .wrap .content .head .xsmall a{color:#fff;}
.promoted article .wrap .content .head .date{margin-bottom:0; color:#fff; position:relative; padding-left:18px;margin-left:4px;}
.promoted article .wrap .content .head .date:before{ 
	width: 12px;
	height: 2px;
	background-color: #fff;
	content: "";
	display: block; 
	position:absolute;
	top:7px;
	left:0;
}



/***********************************************************************************/
/*** Navigation de page
/***********************************************************************************/
#nav-page{position:relative; width:100%; text-align: center; display: flex; align-items: center; justify-content: center; margin-top:30px; margin-bottom:0;}
#nav-page ul{ padding:0 0 0 0; margin:0 0 0 0; display:flex; align-items:center;}
#nav-page li{ padding:0 0 0 0; margin:0 12px; }
#nav-page li:before{display:none;}
#nav-page li a{ 
	font-size: 13px; 
	text-transform: uppercase;
	text-decoration: none;
	color: #002565;
	font-weight: 400; 
	border-radius:100%;
	display:block;
	text-align:center; 
	position:relative; 
}
#nav-page li a.active{font-weight: 700; font-size:13px; }
#nav-page li a.active:before{
	content:"";
	position:absolute;
	left:1px; 
	right:0;
	bottom:2px;
	height:2px;
	background-color:#003DA5;
}




@media screen and (max-width: 990px){

}


@media screen and (max-width: 765px){ 

}

@media screen and (max-width: 575px){

}

@media screen and (max-width: 400px){

}