@charset "utf-8";
/* CSS Document */
body{
	font-family: 'Roboto Condensed', sans-serif;
	color: #000;
}

a{
	color: #171a34;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.more{
	color: #8B8D9A;
	text-decoration: none;
}

ul{
	text-align: left;
}

hr{
	margin: 3rem 0;
	opacity: .15;
}

.calameo_svg{
	transform: translateY(-1px);
}
footer{
	background-color: #171a34;
	color: #FFFFFF;
	padding: 6rem 0;
}
footer ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
footer a{
	color: #FFFFFF;
}
footer ul.socials li{
	display: inline-block;
	margin-right: .35rem;
}
footer ul.socials li a{
	background-color: #FFFFFF;
	font-size: .8rem;
	color: #171a34;
	padding: .25rem;
	border-radius: 100%;
	display: inline-block;
	width: 26px;
	height: 26px;
	text-align: center;
	line-height: 1.15rem;
}

h1{
	font-family: 'Encode Sans Condensed', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 2.15rem;
}
.ctn.blog h1{
	text-transform: none;
}
h2{
	font-family: 'Encode Sans Condensed', sans-serif;
	font-weight: 600;
	font-size: 1.85rem;
	margin-bottom: 2rem;
}

h3{
	font-family: 'Encode Sans Condensed', sans-serif;
	font-weight: 600;
	font-size: 1.5rem;
	margin-bottom: 2rem;
}
header{
	position: relative;
	-webkit-box-shadow: 0px 10px 15px -5px rgb(0 0 0 / 15%);
	box-shadow: 0px 10px 15px -5px rgb(0 0 0 / 15%);
}


header.fixed-top .breadcrumbs{
	display: none;
}
#openFixedNav{
	display: none;
}
header:not(.fixed-top) #openFixedNav{
	display: none !important;
}
header:not(.fixed-top) nav{
	display: block !important;
}
@media (min-width: 1200px) {
	#openFixedNav{
		display: none;
	}
	header.fixed-top nav, header.fixed-top .breadcrumbs{
		display: none;
	}
	header.fixed-top #openFixedNav{
		display: inline-block !important;
	}
}
@media (max-width: 1199px) {
	header.fixed-top nav{
		display: block !important;
	}
}

header .navbar{
    padding: 0;
	background-color: white;
}
header .navbar .navbar-toggler{
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 1046;
	color: #171a34;
	border: none;
	font-weight: bold;
	font-size: .9rem;
}
header .navbar .navbar-toggler span{
	display: block;
	background-color: #171a34;
	height: 2px;
	width: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	position: relative;
}
header .navbar .navbar-toggler span:nth-child(1),
header .navbar .navbar-toggler span:nth-child(2),
header .navbar .navbar-toggler span:nth-child(3) {
	-webkit-transition: transform .35s ease-in-out;
	-moz-transition: transform .35s ease-in-out;
	-o-transition: transform .35s ease-in-out;
	transition: transform .35s ease-in-out;
}
header .navbar .navbar-toggler span:nth-child(2){
	width: 20px;
}
header .navbar .navbar-toggler span:nth-child(3){
	width: 15px;
}
header .navbar .navbar-toggler:focus {
	box-shadow: none;
}
header .navbar .navbar-toggler:not(.closed) span:nth-child(1) {
	position: absolute;
	width: 25px;
	left: 0px;
	top: 5px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
header .navbar .navbar-toggler:not(.closed) span:nth-child(2) {
	height: 12px;
	background-color: transparent;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(3605deg);
	transform: rotate(360deg);
	width: 25px;
}
header .navbar .navbar-toggler:not(.closed) span:nth-child(3) {
	position: absolute;
	left: 0px;
	top: 5px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
	width: 25px;
}
header .navbar .menu-item {
	margin-right: 1.75rem;
}
header .navbar .menu-item a {
	color: #171a34;
}
header .navbar .offcanvas-body{
	margin-top: 6rem;
}
header .navbar .menu-item a.nav-link {
	color: #171a34;
	text-transform: uppercase;
	font-weight: 700;
	font-size: .85rem;
}

.pre_footer{
	background-image: url("../images/bg_pre_footer.jpg");
	background-size: cover;
	background-position: center;
}
.pre_footer .bloc_contact{
	color: #FFFFFF;
    line-height: 1.1;
    text-shadow: 0px 1px 2px rgb(0 0 0 / 30%);
    font-weight: bold;
}

.navbar .megamenu{
	padding: 1rem;
}

.dropdown-menu{
	border: none !important;
	background-color: transparent;
	border-radius: 0 !important;
}

.dropdown-menu .dropdown-menu{
	position: relative !important;
	top: inherit;
	left: inherit;
	display: block;
}

.dropdown-item{
	white-space: normal; 
}

.dropdown-menu .dropdown-item::after{
	content: none;
}

.dropdown-item:focus, .dropdown-item:hover{
	background-color: transparent;
}
.dropdown-item.active, .dropdown-item:active{
	background-color: transparent;
}

.dropdown-menu .menu-item {
	margin-right: 0 !important;
}

li.flexli .dropdown-menu.megamenu.depth_1{
	display: flex !important;
	flex-wrap: wrap;
}
header .navbar .menu-item.thematics a.nav-link{
	color: #FFF;
}
.thematics i{
	font-size: 1.5rem;
}
.thematics div span:first-child{
	display: block;
	font-size: .75rem;
	text-transform: lowercase;
}
.thematics div span:last-child{
	display: block;
	font-size: .85rem;
	text-transform: uppercase;
}
.thematics:hover{
	color: #FFF;
}
li.thematics::after{
	content: none;
}
li.thematics .dropdown-toggle::after{
	content: none;
}
li.thematics .nav-link{
	background-color: #171a34;
    line-height: 1.2;
    padding: 2rem 2rem !important;
    text-decoration: none;
    font-weight: bold;
}
li.thematics .dropdown-menu{
	background-color: antiquewhite;
	flex-direction: column;
	width: 100%;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
} 
li.thematics .dropdown-menu a.dropdown-item{
	white-space: normal;
	background-color: #171a34;
	color: #FFF;
	padding: 1rem 1.5rem;
	border-top: 1px solid #919194;
	font-size: .85rem;
}

/* ============ desktop view ============ */
@media all and (min-width: 1400px) {
	.navbar .megamenu.depth_0{
		width: 100% !important;
	}
}
@media all and (min-width: 1200px) {
	.dropdown-menu.show{
		display: flex;
	}
	header .navbar .offcanvas-body {
		margin-top: 0rem;
	}
	.navbar .zone_titre{
		position: absolute;
		top: 2rem;
		left: 2.8rem;
		font-size: 1.75rem;
		text-transform: uppercase;
		font-weight: bold;
	}
	.navbar .has-megamenu {
		position: static !important;
	}
	.navbar .megamenu {
		left: 0;
		right: 0;
		width: 100%;
		margin-top: 0;
	}
	.navbar .megamenu.depth_0{
		width: 90%;
		margin: auto;
		font-size: .95rem;
		background-color: #f6f6f6;
		padding: 6rem 1.5rem 2rem 1.5rem;
	}
	.navbar .megamenu.depth_0 > li{
		border-right: 1px solid #e6e6e6;
		/*text-align: center;*/
	}
	.navbar .megamenu.depth_0 > li:last-child{
		border-right: none;
	}
	.navbar .megamenu.depth_0 > .menu-item.menu-item-has-children{
		/*text-align: left;*/
	}
	.navbar .megamenu.depth_0 > .menu-item > a{
		font-weight: bold;
		text-transform: uppercase;
	}
	.navbar .megamenu.depth_0 > .menu-item.menu-item-has-children > a{
		margin-bottom: 1rem;
	}
	.navbar .megamenu.depth_1{
		padding: 0;
		font-size: .9rem;
	}
	.navbar .megamenu.depth_1 > .menu-item > a{
		font-weight: bold;	
	}
	.navbar .megamenu.depth_2{
		padding: 0;
		font-size: .85rem;
	}
	.navbar-expand-lg .offcanvas {
		position: static !important;
	}
	.has-megamenu.color-yellow > .dropdown-menu.depth_0{
		border-bottom: 4px solid #ffa900 !important;
	}
	.has-megamenu.color-yellow .zone_titre{
		color: #ffa900;
	}
	.has-megamenu.color-green > .dropdown-menu.depth_0{
		border-bottom: 4px solid #adbf00 !important;
	}
	.has-megamenu.color-green .zone_titre{
		color: #adbf00;
	}
	.has-megamenu.color-blue > .dropdown-menu.depth_0{
		border-bottom: 4px solid #0064a5 !important;
	}
	.has-megamenu.color-blue .zone_titre{
		color: #0064a5;
	}
	.has-megamenu.color-turquoise > .dropdown-menu.depth_0{
		border-bottom: 4px solid #1fc2b2 !important;
	}
	.has-megamenu.color-turquoise .zone_titre{
		color: #1fc2b2;
	}
	.has-megamenu.color-pink > .dropdown-menu.depth_0{
		border-bottom: 4px solid #e8208a !important;
	}
	.has-megamenu.color-pink .zone_titre{
		color: #e8208a;
	}
	.has-megamenu.color-darkblue > .dropdown-menu.depth_0{
		border-bottom: 4px solid #171a34 !important;
	}
	.has-megamenu.color-darkblue .zone_titre{
		color: #171a34;
	}
}
/* ============ desktop view .end// ============ */
/* ============ mobile view ============ */
@media (max-width: 1199px) {
	.zone_titre{
		display: none;
	}
	header .navbar .offcanvas-body:not(#besoins){
		padding: 2rem 3rem;
	}
	.offcanvas.offcanvas-end:not(#besoins){
		max-width: 330px;
	}
	.dropdown-item{
		padding-left: 0;
		padding-right: 0;
		font-size: .85rem;
	}
	.thematicsAlt .dropdown-item{
		padding-right: calc(var(--bs-gutter-x) * .5);
    	padding-left: calc(var(--bs-gutter-x) * .5);
	}
	.navbar .megamenu.depth_0{
		padding-left: 0;
		padding-right: 0;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}
	.navbar .megamenu.depth_1{
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}
	.navbar .megamenu.depth_2{
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}
	.navbar .megamenu.depth_0 > .menu-item.menu-item-has-children > a{
		position: relative;
		font-size: .85rem;
		font-weight: 700;
	}
	.navbar .megamenu.depth_0 > .menu-item.menu-item-has-children > a:before{
		display: inline-block;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		font-family: "Font Awesome 5 Pro";
		font-weight: 400;
		content: "\f054";
		position: absolute;
		top: 50%;
		left: -13px;
		transform: translateY(-49%);
	}
	.navbar .megamenu.depth_1 > .menu-item.menu-item-has-children > a{
		font-weight: bold;
	}
	.dropdown-menu{
		margin-top: 0 !important;
	}
	.navbar-nav > li.menu-item > a.nav-link{
		padding-bottom: 0;
		padding-top: 1.25rem;
	}
	.navbar-nav > li.menu-item:first-child > a.nav-link{
		padding-top: 0;
	}
	
}

.top-bar{
	width: 100%;
	padding: .5rem 0;
	border-bottom: 1px solid #e6e6e6;
	background-color: #FFFFFF;
}
.top-bar p{
	margin: 0;
	font-size: .85rem;
}
.top-bar ul{
	list-style: none;
	margin: 0 .5rem;
	padding: 0;
	text-align: right;
	display: inline-block;
}
.top-bar ul li{
	display: inline-block;
	margin: 0 .6rem;
}
.top-bar ul li a, #openFixedNav{
	color: #707070;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .8rem;
	font-weight: 700;
}
.top-bar ul.socials li{
	margin: 0 .25rem;
}
.top-bar ul.socials li a{
	background-color: #171a34;
	font-size: .8rem;
	color: #FFFFFF;
	padding: .25rem;
	border-radius: 100%;
	display: inline-block;
	width: 26px;
	height: 26px;
	text-align: center;
	line-height: 1.15rem;
}
a.search{
	color: #171a34;
}
ul.lang li a{
	position: relative;
}
ul.lang li a.active:before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 2px);
	width: 80%;
	height: 2px;
	background-color: #171a34;
}
@media screen and (max-width: 1199px) {
	.top-bar{
		background-color: #171a34;
	}
	.top-bar ul li a{
		font-size: .8rem;
		color: #FFFFFF;
	}
	a.search{
		color: #FFFFFF;
	}
	ul.lang li a.active:before{
		background-color: #FFFFFF;
	}
}
@media screen and (max-width: 767px) {
	.top-bar ul{
		margin: 0;
	}
	.top-bar ul li{
		margin: 0 .35rem;
		display: inline;
	}
	.top-bar ul.socials li{
		display: none !important;
		margin: 0 !important;
	}
	ul.lang{
		list-style: none;
		margin: 0 0.5rem;
		padding: 0;
		text-align: right;
	}
	ul.lang li{
		display: inline-block;
		margin: 0 0.25rem;
	}
	ul.lang a{
		color: #171a34;
		text-decoration: none;
	}
	ul.lang li a.active:before{
		background-color: #171a34;
	}
	a.search{
		color: #171a34;
	}
}

.linkblogAlt{
	color: #171a34;
    font-weight: bold;
    font-size: .9rem;
	text-decoration: none;
	text-transform: uppercase;
	display: none;
}
@media screen and (max-width: 519px) {
	.top-bar ul.secondary li:nth-child(1), .top-bar ul.secondary li:nth-child(2){
		display: none;
	}
	.linkblogAlt{
		display: block;
	}
	#logo{
		max-width: 100px;
	}
}
@media screen and (max-width: 420px) {
	.navbar-toggler div:last-child{
		display: none;
	}
	.top-bar ul li a {
		font-size: .7rem;
	}
	.wpml-ls-legacy-list-horizontal a {
		padding: 0 !important;
	}
}

.hero{
	padding: 4rem 0;
	background-image: url("../images/imgheader.jpg");
	background-size: cover;
	background-position: center center;
	position: relative;
	color: #FFF;
	line-height: 1.6;
}
	.hero.industrie{
		background-image: url("../images/banniere-industrie.jpg");
	}
	.hero.collectif{
		background-image: url("../images/banniere-collectif.jpg");
	}
	.hero.recherche{
		background-image: url("../images/banniere-recherche.jpg");
	}
	.hero.normalisation{
		background-image: url("../images/banniere-normalisation.jpg");
	}
	.hero.certification-et-audit{
		background-image: url("../images/banniere-certification.jpg");
	}
.hero:before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(23,26,52,.85);
	z-index: 1;
}
.hero:after{
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background-color: #ffa900;
	background-color: var(--tooltip-color);
	z-index: 2;
}
.hero > div{
	position: relative;
	z-index: 3;
}

.homeslider{
	padding: 8rem 0;
	color: #171a34;
	line-height: 1.2;
}
.homeslider #typewriter{
	font-size: 3rem;
	font-family: 'Encode Sans Condensed', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}
@media screen and (max-width: 575px) {
	.homeslider #typewriter{
		font-size: 2.5rem;
	}
}
.listBesoins{
	padding: 2rem;
	background-color: #FFFFFF;
	font-size: 1.2rem;
	cursor: pointer;
}
.btnBesoins{
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ffa900;
	text-decoration: none;
	color: #FFFFFF;
	padding: 0 2rem;
}
.btnBesoins:hover{
	color: #FFFFFF;
}
#besoins{
	z-index: 1047;
	background-color: #171a34;
	width: 100%;
	border: none;
}
#besoins ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
#besoins li {
	padding: 1.5rem 3rem;
}
#besoins li a{
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	font-size: 1.2rem;
}
#besoins li a strong{
	font-size: 1.5rem;
}
#besoins li:last-child a{
	border-bottom: none;
}
#besoins li a:hover{
	transform: scale(1.15);
}
#besoins li a:hover i{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#besoins li a:hover i{
	transform: rotate(360deg);
}
.placeholderBesoins{
	opacity: .75;
	font-style: italic;
}
#besoins .offcanvas-header{
	font-weight: 700;
	background-color: #FFFFFF;
	color: #171a34;
}
#besoins .offcanvas-header .btn-close{
	opacity: 1;
    background-color: #FFF;
    border-radius: 100%;
}
#besoins .offcanvas-body{
	padding: 0 6rem;
}
@media screen and (max-width: 767px) {
	#besoins .offcanvas-body{
		display: block !important;
		padding: 0 1.5rem;
	}
}


.pre_title{
	font-family: 'Encode Sans Condensed', sans-serif;
	font-weight: 700;
	color: #FFFFFF;
	color: var(--tooltip-color);
	font-size: 1.75rem;
	margin-bottom: 1.5rem;
}

section{
	padding: 2.5rem 0;
}
.ctn section:first-child{
	padding-top: 6rem !important; 
}
.ctn section:last-child{
	padding-bottom: 6rem !important; 
}
.ctn section.resetPadd{
	padding: 0;
}
.ctn section.resetPadd:first-child{
	padding-top: 2rem !important; 
}
.ctn section.resetPadd:last-child{
	padding-bottom: 2rem !important; 
}
.ctn.action_co section{
	padding: 1.5rem 0;
}

.ctn ul:not(.list-das):not(.slick-dots):not(.items_offre), aside ul{
    list-style: none;
    padding-left: 3rem;
}
.ctn ul:not(.list-das):not(.slick-dots):not(.items_offre) li, aside ul li{
    margin-bottom: 0.5rem;
}
.ctn ul:not(.list-das):not(.slick-dots):not(.items_offre):not(.wpforms-field-required) li:before, aside li:before{
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome Kit";
    content: "\e000";
    color: #ED7C00;
    font-size: .75rem;
    font-weight: 400;
    width: 2em;
    margin-left: -2em;
    vertical-align: middle;
    transform: translateY(-0.15rem);
}

section.pre_footer{
	padding: 5rem 0;
}
section.wraplogos img{
	max-width: 200px;
}

section.stripe{
	position: relative;
	margin-top: 4.5rem;
}
section.stripe:before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background-image: linear-gradient(135deg, #ffffff 44.29%, #dbdbdb 44.29%, #dbdbdb 50%, #ffffff 50%, #ffffff 94.29%, #dbdbdb 94.29%, #dbdbdb 100%);
	background-size: 49.50px 49.50px;
	z-index: -1;
}

aside{
	padding-top: 6rem;
	padding-bottom: 6rem;
}

.btn{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;

	padding: .5rem 1.5rem !important;
	font-size: 1rem !important;
    border-radius: 0px !important;
	border-width: 1px !important;
	border-style: solid !important;
	border-color: var(--tooltip-color);
	
	color: #FFFFFF;
	background-color: #171a34;
	background-color: var(--tooltip-color);
}
.btn:hover, .btn.active, .btn:active, .btn:focus{
	color: var(--tooltip-color);
	background-color: #FFFFFF !important;
	border-color: var(--tooltip-color);
}
.btn.btn-blue{
	background-color: #171a34;
	border-color: #171a34;
}
.leaflet-container a.btn.btn-blue{
	color: #FFFFFF;
}
.leaflet-container a.btn.btn-blue:hover, .leaflet-container a.btn.btn-blue:focus{
	color: #171a34;
}

.myCTAHubspot:hover{
	color: #171a34 !important;
	background-color: #FFFFFF !important;
}

.fiche{
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 0px 15px -2px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 15px -2px rgb(0 0 0 / 30%);
}
.fiche.blue{
    background-color: #171a34;
    color: #FFFFFF;
}
.padd{
    padding: 3rem;
}
.fiche.past{
	background-color: #F5F5F5;
	color: #5A5A5A;
	font-style: italic;
}

.breadcrumbs{
	background-color: #171a34;
	color: #FFFFFF;
	padding: .5rem 0;
}
.breadcrumbs span{
	margin: 0 .15rem 0 .15rem;
	font-style: italic;
	color: rgba(255,255,255,0.8);
	font-size: .8rem;
}
.breadcrumbs span:first-child{
	margin-left: 0;
}
.breadcrumbs a{
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
}
.breadcrumbs a span{
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
}

.accordion-body{
	padding: 2rem 2rem;
}
.accordion-body p:last-child{
	margin-bottom: 0;
}
.accordion-button{
	font-family: 'Encode Sans Condensed', sans-serif;
    font-weight: 600;
	font-size: 1.25rem;
}
.accordion-button:not(.collapsed){
	background-color: #171a34;
	color: #FFF;
}
.accordion-button:focus{
	border-color: transparent;
    -moz-box-shadow: none;
	-goog-ms-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.accordion-button:not(.collapsed)::after{
	filter: grayscale(1) brightness(2);
}

.bloc-das{
	margin: 2rem 0;
	flex: 1 0 0%;
	border-left: 2px solid #171a34;
}
@media screen and (max-width: 1399px) {
	.bloc-das{
		flex: 0 0 auto;
    	width: 33.33333333%;
	}
}
@media screen and (max-width: 991px) {
	.bloc-das{
		flex: 0 0 auto;
    	width: 50%;
	}
}
@media screen and (max-width: 575px) {
	.bloc-das{
		flex: 0 0 auto;
    	width: 100%;
	}
}

.titre-das{
	position: relative;
	line-height: 1;
	font-size: 2rem;
	/*border-left: 2px solid var(--tooltip-color);*/
}
.titre-das:before{
	width: 4px;
	height: 100%;
	position: absolute;
	content: '';
	background-color: var(--tooltip-color);
	top: 0;
	left: 0;
	transform: translateX(-3px);
}
.titre-das i{
	font-size: 3rem;
	color: var(--tooltip-color);
}
.list-das{
	list-style: none;
	/*border-left: 2px solid #171a34;*/
}

.wrapdate{
	background-color: #171a34;;
	padding: 3rem 2rem;
	color: #FFF;
	margin: 0 2rem;
}

.slick-dots{
	bottom: -50px;
}

.img-translate{
	transform: translateY(3rem);
}
.fiche-translate{
	transform: translateY(-3rem);
}

.wrapoffre{
	background-color: #F5F5F5;
	color: #000;
    padding: 3rem 2rem;
    margin: 0 1rem;
	display: block;
	text-decoration: none;
}
.wrapoffre:hover{
	background-color: #171a34;
	color: #FFFFFF;
}
.wrapoffre:hover .text-muted{
	color: #8B8D9A !important;
}

.wrapbloc{
	background-color: #F5F5F5;
	color: #000;
    padding: 3rem 2rem;
	position: relative;
}

.wrapstep{
	position: relative;
}
.wrapstep h2, .wrapstep h3{
	background-color: var(--tooltip-color);
	color: #FFFFFF;
	position: relative;
}
.wrapstep h2:after, .wrapstep h3:after{
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	font-size: 2rem;
	text-align: center;
	content: "\f2ec";
	color: var(--tooltip-color);
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 999;
	transform: rotate(90deg) translate(-60%, -60%);
}
.wrapstep .textstep{
	padding: 3rem;
	background-color: #f5f5f5;
}
@media screen and (max-width: 991px) {
	.wrapstep h2:after, .wrapstep h3:after{
		content: none;
	}	
	.wrapstep:after{
		display: inline-block;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		font-family: "Font Awesome 5 Pro";
		font-weight: 900;
		font-size: 2rem;
		text-align: center;
		content: "\f2ec";
		color: var(--tooltip-color);
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: rotate(180deg) translate(50%, -60%);
	}
}
.wrapstep.last:after, .wrapstep.last h2:after, .wrapstep.last h3:after{
	content: none !important;
}

.wrapaction{
	position: relative;
    background-color: #F5F5F5;
    color: #000;
    padding: 3rem 2rem;
    margin: 1rem 0rem;
    display: block;
    text-decoration: none;
}
.wrapaction:hover{
	background-color: #171a34;
	color: #FFFFFF;
}
.wrapaction .etat{
	position: absolute;
	top: 0;
	right: 0;
	opacity: .75;
}
.wrapaction .etat.in_progress{
	background-color: #adbf00;
}
.etat{
	padding: .25rem .75rem;
	color: #FFFFFF;
	font-weight: bold;
	font-size: .85rem;
	background-color: #A0A0A0;
}
.etat.in_progress{
	background-color: #adbf00;
}

.sidebar_col {
	background-color: #171a34;
}

.background_1 {
	background-image: url("../images/sidebar_background_1.jpg");
	background-size: cover;
}
.background_1 .bloc_contact{
	color: #FFFFFF;
    line-height: 1.1;
    text-shadow: 0px 1px 2px rgb(0 0 0 / 30%);
    font-weight: bold;
}

.white_txt {
	color: white;
}

.btn.btn-white{
	background-color: white !important;
	border-color: white !important;
	color: #171a34 !important;
}
.btn-white:hover{
	background-color:transparent!important;
	border-color: white !important;
	color: white !important;
}

.btn.btn-yellow{
	background-color: #FFA900 !important;
	border-color: #FFA900 !important;
	color: #FFFFFF !important;
}
.btn-yellow:hover{
	background-color:transparent!important;
	border-color: white !important;
	color: white !important;
}

.btn.btn-green, div.wpforms-container-full .wpforms-form button[type=submit].btn-green{
	background-color: #adbf00;
	border-color: #adbf00;
	color: #FFFFFF;
}
.btn-green:hover, div.wpforms-container-full .wpforms-form button[type=submit].btn-green:hover{
	background-color:transparent!important;
	border-color: #adbf00 !important;
	color: #adbf00 !important;
}

.ctn.blog h2, .ctn.blog h2 *{
	color: #000 !important;
	font-size: 1.85rem !important;
	font-weight: 600 !important;
	text-align: left !important;
}
.ctn.blog h3 {
	clear: both;
	margin-top: 2rem;
	text-align: left !important;
}
.ctn.blog h3 *{
	color: #171a34 !important;
	text-align: left !important;
}
.ctn.blog table{
	margin: 4rem 0;
}
.ctn.blog table h3{
	margin-top: 0 !important;
}
.ctn.blog table td{
	padding: 1rem;
}
.ctn.blog ul, .ctn.blog ul *{
	font-size: 1rem !important;
}

.old_thumbnail {
	width: 100%;
	object-fit: cover;
}

.old_single_thumbnail {
	width: 100%;
	object-fit: cover;
}

.archive_article {
	display: block;
	color: #171a34;
	background-color: white;
	transition: 0.3s ease-in-out;
	transition: box-shadow 0.3s ease-in-out;
}

.archive_article:hover {
	box-shadow: 5px 5px 15px 0px #AAA;
}

article h2 {
	font-size: 1.25rem;
	margin: 0;
}

article a:hover {
	color: #171a34 !important;
}

.ctn.archive section {
	padding-top: 6rem !important;
}
/* === NAVIGATION PAGE === */
.wp-pagenavi {
	display: block;
}

.wp-pagenavi a{
	display: inline-block;
	width: 42px;
	padding: 0.5em;
	aspect-ratio: 1 / 1;
	margin: 0.3em;
	font-size: 1rem;
    border-radius: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #171a34;
	color: #171a34;
	text-decoration: none;
}

.wp-pagenavi span{
	display: inline-block;
	width: 42px;
	padding: 0.5em;
	aspect-ratio: 1 / 1;
	margin: 0.3em;
	font-size: 1rem;
    border-radius: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #171a34;
	color: white;
	background-color: #171a34;
	text-decoration: none;
}

.wp-pagenavi a:hover{
	background-color: #171a34;
	color: white;
}

.swiper {
	background-color: #171a34;
	position: relative;
	padding: 0 30px 0 40px;
}

.swiper:before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	font-size: 1rem;
	text-align: center;
	content: "\f0b0";
	color: white;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	padding: 0 0.7rem;
	padding-top: 0.50rem;
	z-index: 999;
	background-color: #171a34;
	/*transform: translateY(-50%);*/
}

.swiper:after {
	content: "";
	color: white;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 25px;
	z-index: 999;
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(23,26,52,1) 99%);

}

.swiper-wrapper {
	/*padding-left: 38.4px;*/
}

.swiper-slide {
	background-color: #171a34;
	padding: 0.5rem 1rem;
	color: white;
	white-space: nowrap;
	text-align: center;
}

.swiper-slide a {
	color: white;
	text-decoration: none;
	transition: 0.3s;
}

.swiper-slide a:hover {
	color: #0175b2;
}

.current_term {
	border-bottom:solid;
	border-bottom-width: 5px;
	border-bottom-color: #0175b2;
	pointer-events: none;
}

.current_sidebar_term {
	color: #0175b2;
	pointer-events: none;
}

.bloc_calameo {
	text-decoration: none;
	position: relative;
	border: none !important;
	padding: 0;
	text-align: left;
}

.bloc_calameo h3 {
	color: #000;
}

.overlay_calameo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: #000;
	z-index: 0;
	transition: 0.3s ease-in-out;
}

.bloc_calameo:hover .overlay_calameo {
	opacity: 0.3;
}

.bloc_calameo:hover .calameo_icon {
	opacity: 1;
}

.image_calameo {
	position: relative;
}

.calameo_icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	font-size: 3rem;
	z-index: 999;
	color: white;
	transition: 0.3s ease-in-out;
}

.modal-calameo {
	height: 100%;
	width: 100%;
	position: relative;

}

.modal-calameo iframe {
	position: absolute !important;
	height: 100% !important;
	width: 100% !important;
	top:50% !important;
	left:50% !important;
	transform:translate(-50%, -50%) !important;
}

.text_calameo {
	padding: 2rem 1rem;
}

.wrapcalameo{
	height: 600px;
	overflow: hidden;
	position: relative;
}

.wrapcalameo iframe {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.not-transparent {
	background-color: none !important;
}

@media (max-width: 1199px) {
	.wrapcalameo{
		height: 500px;
	}
}
@media (max-width: 767px) {
	.wrapcalameo{
		height: 375px;
	}
	.text_calameo {
		padding: 1rem 1rem;
	}
}
@media (max-width: 575px) {
	.wrapcalameo{
		height: 375px;
	}
}
@media (max-width: 400px) {
	.wrapcalameo{
		height: 300px;
	}
}

.fancybox__caption{
	font-size: 1.5rem;
	font-weight: bold;
}

.legend {
	color: #8b8d9a;
	font-style: italic;
	text-align: center;
	margin-top: 1rem;
}

.barre_recherche {
	position: relative;
}

.suppr_search {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(-50%, -50%);
	color: rgb(252, 55, 41) !important;
	text-decoration: none;
	font-size: 1.30rem;
}

.bloc_image {
	text-align: center !important;
}

.infos i {
	font-size: 2.5rem;
	color: #0064a5;
	display: block;
	margin-bottom: 1rem;
}

.infos span {
	font-size: 1rem;
	display: block;
}

/* -=-=-=< The End of Kiki's Styles >=-=-=- */

.chiffre .num{
	font-size: 3rem;
	line-height: 1;
	color: var(--tooltip-color);
}

.entete_offre{
	padding: 2rem;
	color: #FFFFFF;
}
.items_offre{
	margin: 0;
	padding: 2rem;
	list-style: none;
}
.items_offre li{
	margin-bottom: 1.5rem;
}
.items_offre li:last-child{
	margin-bottom: 0rem;
}
.items_offre li.inactif{
	color: rgba(124, 124, 124, 0.4);
}

.quote{
	position: absolute;
	font-size: 3rem;
	color: #171a34;
	top: 0;
	left: 0;
	transform: translate(-50%, -50%);
}


.timeline {
	position: relative;
	margin: 0 auto;
}

.timeline::after {
	content: '';
	position: absolute;
	width: 3px;
	background-color: #171a34;
	top: 0;
	bottom: 0;
	right: 5rem;
	transform: translateX(-50%);
	height: 103%;
}

.timeline-container {
	position: relative;
	background-color: white;
	width: 100%;
	margin-bottom: 3rem;
}
.timeline .timeline-container:last-child {
	margin-bottom: 0;
}

.timeline-container-right {
	left: 0;
	padding: 1rem 10rem 1rem 0;
}

.timeline-container-right::after {
	content: "" attr(data-year) "";
	color: white;
	position: absolute;
	padding: 1rem 2rem;
	right: 2rem;
	width: fit-content;
	background-color: #171a34;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}

.timeline-container-right::before,
.timeline-container-left::before {
	content: " ";
	height: 0;
	position: absolute;
	top: 50%;
	right: 9.4rem;
	transform: translateY(-50%);
	width: 0;
	z-index: 4;
	border: medium solid #f5f5f5;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #f5f5f5;
}

.timeline-container-left {
	left: 0;
	padding: 1rem 10rem 1rem 0;
}

.timeline-container-left::after {
	content: "" attr(data-year) "";
	color: white;
	position: absolute;
	padding: 1rem 2rem;
	right: 2rem;
	background-color: #171a34;
	top: 50%;
	width: fit-content;
	transform: translateY(-50%);
	z-index: 1;
}

.timeline-container .content {
	padding: 1.5rem 2rem;
	background-color: #F5F5F5;
	position: relative;
	text-align: center;
}

@media (min-width: 768px) {
	.timeline::after {
		left: 50%;
	}

	.timeline-container {
		padding-left: 0;
		padding-right: 0;
		width: 50%;
	}

	.timeline-container-right {
		left: 50%;
		padding: 1rem 0 1rem 10rem;
	}

	.timeline-container-right::after {
		left: -50px;
	}

	.timeline-container-right::before {
		left: 9.4rem;
		border-width: 10px 10px 10px 0;
		border-color: transparent #f5f5f5 transparent transparent;
	}

	.timeline-container-left {
		left: 0;
		padding: 1rem 10rem 1rem 0;
	}

	.timeline-container-left::after {
		right: -50px;
	}

	.timeline-container-left::before {

		right: 9.4rem;
		border-width: 10px 0 10px 10px;
		border-color: transparent transparent transparent #f5f5f5;
	}
}

.wrapSchema .wrapImg{
	display: none;
}
.step{
    position: relative;
}
.stepNumber{
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: #171a34;
	color: #FFFFFF;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	margin-bottom: 0 !important;
	z-index: 2;
}
.step a{
	text-decoration: none;
}
.step a span:last-child{
	font-size: 1.15rem;
	background-color: #FFFFFF;
	padding: .25rem .5rem;
	border: 1px solid #171a34;
	z-index: 1;
	line-height: 1.2;
}
.step a:hover span:last-child{
	background-color: #171a34;
	color: #FFFFFF;
}

@media (min-width: 992px) {
	.wrapSchema .wrapImg{
		display: block;
		width: 60%;
	}
	.step{
		position: absolute;
	}
	.step a span:last-child{
		margin-top: -.25rem;
	}
	.step1{
		top: 24%;
		left: 60%;
	}
	.step2{
		top: 55%;
		left: 68%;
	}
	.step3{
		top: 81%;
		left: 48%;
	}
	.step4{
		top: 79%;
		left: 31%;
	}
	.step5{
		top: 52%;
		left: 20%;
	}
	.step6{
		top: 20%;
		left: 25%;
	}
}
@media (min-width: 1200px) {
	.wrapSchema .wrapImg{
		width: 40%;
	}
	.step1{
		top: 22%;
		left: 56%;
	}
	.step2{
		top: 54%;
		left: 62%;
	}
	.step3{
		top: 80%;
		left: 49%;
	}
	.step4{
		top: 77%;
		left: 37%;
	}
	.step5{
		top: 50%;
		left: 29.5%;
	}
	.step6{
		top: 18%;
		left: 32.5%;
	}
}

.wrapcta{
	background-color: var(--tooltip-color);
	background-size: 10px 10px;
	background-image: conic-gradient(
		var(--tooltip-color) 90deg,
		var(--tooltip-color) 90deg 180deg,
		rgba(255, 255, 255, .02) 180deg 270deg,
		var(--tooltip-color) 270deg
	);
	padding: 3rem 2rem;
}
.ctn.blog .wrapcta{
	text-align: center;
	background-color: #171a34;
	background-image: conic-gradient(
		#171a34 90deg,
		#171a34 90deg 180deg,
		rgba(255, 255, 255, .1) 180deg 270deg,
		#171a34 270deg
	);
}

.ctn_projet h2{
	margin-top: 2rem;
}
.ctn_projet h2:first-child{
	margin-top: 0;
}

.wrapdocs .btn{
	white-space: nowrap;
}

blockquote{
	font-size: 1.25rem;
	font-style: italic;
	padding: 2rem 3rem;
	background-color: #F5F5F5;
	border-left: 3px solid #A0A0A0;
	margin-bottom: 1.5rem;
}
blockquote p:last-child, blockquote ol:last-child, blockquote ul:last-child{
	margin-bottom: 0;
}

.ctn input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
.ctn input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }
/* clears the 'X' from Chrome */
.ctn input[type="search"]::-webkit-search-decoration,
.ctn input[type="search"]::-webkit-search-cancel-button,
.ctn input[type="search"]::-webkit-search-results-button,
.ctn input[type="search"]::-webkit-search-results-decoration { display: none; }

.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer{
	margin: .25rem 0;
}
.wpml-ls-legacy-list-horizontal{
	padding: 0;
    margin: 0 0.35rem;
	transform: translateY(-2px);
}

.ays_template_window .ays_bg_image_box{
	/*width: 60% !important;*/
	width: 500px !important;
	height: 500px !important;
}
.ays_template_window .ays_template_content{
	width: 40% !important;
	display: flex;
    align-items: center;
}
.ays_content_box.ays_template_main{
	display: flex;
    align-items: center;
}
.ays-pb-modals .ays_template_window footer.ays_template_footer .ays_template_content p{
	margin-bottom: 1rem !important;
}
.ays_pb_timer{
	display: none !important;
}

@media (max-width: 1199px) {
	.ays_template_window .ays_bg_image_box{
		display: none !important;
	}
.ays_template_window .ays_template_content{
		width:100% !important;
		height: 100%;
	}
}
.ays_pb_timer.ays_pb_timer_3{
	display: none;
}