/*
Theme Name: Digital Green 2024
Author: digital.green
Description: Developed by digital.green in 2024
Version: 1.0
Tags: Custom
*/

:root {
	--bleu-fonce: #002582;
	--bleu-clair: #306CFF;
	--bleu-casse: #E0E9FF;

	--bleu-ciel: #8AD0FF;
	--rose: #DA86FF;
	--vert: #28C78F;
	--orange: #FF714A;
	--jaune: #FCEB93;
	--blanc: #FFFFFF;
}

/*Reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,
img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,
center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,
section,summary,time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline
}

input,textarea,form,button{
	margin:0;
	padding:0;
	border:0;
	font-family: "Poppins", sans-serif;
	font-size: 100%;
}

body{
	font-size: 1em;
	color: var(--bleu-fonce);
	background-color:var(--blanc);
	font-family: "Poppins", sans-serif;
	overflow-x:hidden;
}

table,td,tr,th{
	border-collapse:collapse;
	border-spacing:0;
	border:0
}

img{
	border:0;
	margin:0;
	padding:0;
	max-width: 100%;
	user-select: none;
}

input,textarea{
	font-size: 1em;
}

u{
	cursor: pointer;
}

a{
	color: var(--bleu-fonce);
	text-decoration: none;
	box-sizing: border-box;
}

a:hover{
	text-decoration: underline;
}

a:focus{
	border:0;
	outline:0
}

sub{
	vertical-align: bottom;
	font-size: 60%;
}

sup{
	vertical-align: super;
	font-size: 60%;
}

p{
    margin-top: 16px;
    margin-bottom: 16px;
}

h1{
	font-weight: 700;
	font-style: normal;
	font-size: 4rem;
	line-height: 1.2;
}

h2{
	font-size: 2rem;
	font-weight: 700;
	font-style: normal;
	line-height: 1.2;
}

h3{
	font-size: 100%;
	font-weight: 700;
	font-style: normal;
	line-height: 1.2;
}

h4{
	margin-bottom: 24px;
}

ul, li{
	list-style-type: none;
}

.noscroll{
	overflow-y: hidden;
}

.site{
	background-color: var(--blanc);
	overflow-x: hidden;
}

.current-menu-item,
.current-menu-item a{
	color: var(--bleu-fonce)!important;
}

.sub-menu-container .sub-menu li.current-menu-item a{
	color: var(--bleu-clair)!important;
}


/*******************************/

.main-menu-container{
	width: 100%;
	background-color: var(--blanc);
	z-index: 1;
}

.main-menu-skill-button-container{
	height: 188px;
	width: 150px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: var(--bleu-clair);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 12;
	text-align: center;
	text-transform: uppercase;
	color: var(--blanc);
	font-weight: bold;
	cursor: pointer;
	transition: all .2s ease-in-out;
	border: none;
	border-radius: 0;
}

.main-menu-skill-button-container.minus {
	height: 120px;
	width: 100px;
}

.main-menu-skill-button-container.minus span{
	display: none;
}

.main-menu-skill-button-container.minus img{
	margin-bottom: 0;
}

.skill-button-container{
	height: 120px;
	width: 150px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: var(--bleu-clair);
	text-align: center;
	text-transform: uppercase;
	color: var(--blanc);
	font-weight: bold;
	cursor: pointer;
	transition: all .2s ease-in-out;
	border: none;
	border-radius: 0;
}

.responsive-skill-button-close{
	height: 100px;
	width: 100px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: var(--bleu-clair);
	text-align: center;
	text-transform: uppercase;
	color: var(--blanc);
	font-weight: bold;
	cursor: pointer;
	transition: all .2s ease-in-out;
	border: none;
	border-radius: 0;
}

.main-menu-skill-button-container:hover,
.skill-button-container:hover{
	background-color: var(--bleu-fonce);
}

.skill-main-menu-container{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	background-color: var(--bleu-casse);
}

.main-menu-skill-button-container img{
	width: 44px;
	height: 44px;
	margin: 0 auto 24px;
	transition: all .2s ease-in-out;
}

.skill-button-container img,
.responsive-skill-button-close img{
	width: 44px;
	height: 44px;
	margin: 0 auto;
	transition: all .2s ease-in-out;
}

.main-menu-header-container{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.main-menu-navigation-container{
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	padding-left: 174px;
	box-sizing: border-box;
	width: 100%;
	height: 120px;
	position: relative;
	z-index: 11;
}

.skill-main-menu-navigation-container{
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	/*margin-bottom: 16px;*/
	padding-left: 24px;
	box-sizing: border-box;
	width: calc(100% - 150px);
	height: 120px;
	position: relative;
	z-index: 11;
	background-color: var(--blanc);
}

.main-menu-navigation-container img,
.skill-main-menu-navigation-container img{
	margin: 24px;
	width: 128px;
}

.main-navigation-wrap{
	display: flex;
}

.main-menu-header-container{
	height: 64px;
}

.main-navigation-wrap li{
	margin: 0 24px;
	box-sizing: border-box;
	padding: 24px 0;
}

.main-navigation-wrap li a{
	font-weight: bold;
	color: var(--bleu-clair);
}

.main-navigation-wrap li a:hover{
	color: var(--bleu-fonce);
}

.sub-menu-container{
	position: relative;
	cursor: pointer;
}

.main-navigation-wrap .sub-menu-container:hover > .sub-menu{
	display: block;
}

.sub-menu-container .sub-menu{
	position: absolute;
	left: 50%;
	transform: translateX(-50%) translateY(8px);
	background-color: var(--blanc);
	text-align: center;
	border: 1px solid var(--bleu-fonce);
	display: none;
	padding: 8px 0;
}

.sub-menu-container .sub-menu li{
	white-space: nowrap;
	margin: 0px 24px;
	padding: 8px 0;
}

.sub-menu-container .sub-menu li a{
	color: var(--bleu-fonce);
}

.sub-menu-container .sub-menu li a:hover{
	color: var(--bleu-clair);
}

/***************************/

.site-footer{
	background-color: var(--bleu-fonce);
	padding: 64px 5%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: var(--blanc);
}

.footer-navigation-container{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	width: 65%;
}

.footer-navigation-container p,
.footer-navigation-container menu{
	margin-right: 48px;
	margin-top: 0;
    margin-bottom: 0;
}

.footer-navigation-container menu li:not(:last-child){
	margin-bottom: 16px;
}

.footer-navigation-container menu li a{
	white-space: nowrap;
	color: var(--blanc);
	font-weight: bold;
}

.footer-logo-container{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 30%;
}

.footer-logo-container img{
	width: 96px;
	margin-right: 24px;
}

/***************************/

.skill-menu-container{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow-y: auto;
	z-index: 20;
	background-color: var(--bleu-fonce);
}

.skill-menu-content{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	height: 100%;
	width: 100%;
}

.skill-menu-parent-container{
	background-color: var(--bleu-fonce);
	padding-left: 2.5vw;
	color: var(--blanc);
	padding-top: 48px;
	box-sizing: border-box;
	width: 33.333%;
}

.skill-menu-child-container{
	width: 66.666%;
}

.skill-menu-parent-title{
	font-size: 1.5rem;
	margin-top: 0;
	margin-bottom: 48px;
	text-transform: uppercase;
	font-weight: bold;
}

.skill-menu-button{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-weight: bold;
	cursor: pointer;
	width: 100%;
	padding-right: 2.5vw;
	position: relative;
	box-sizing: border-box;
}

.skill-menu-button-content{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.active-arrow{
	height : 0;
	width : 0;
	border-top : 48px solid transparent;
	border-right : 48px solid transparent;
	border-bottom : 48px solid transparent;
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.skill-menu-button:not(:last-child){
	margin-bottom: 36px;
}

.skill-menu-button img{
	width: 64px;
	margin-right: 36px;
}

.skill-menu-button{
	font-size: 1.25rem;
}

.skill-menu-child-content{
	padding-top: 48px;
	padding-left: 5vw;
	padding-right: 5vw;
	padding-bottom: 48px;
	color: var(--blanc);
	width: 100%;
	box-sizing: border-box;
	display: none;
}

.skill-menu-child-1{
	display: block;
}

.skill-menu-button-1{
	color: rgb(138, 208, 255);
}

.skill-menu-button-1 .active-arrow{
	border-right : 48px solid rgb(138, 208, 255);
}

.skill-submenu-container:not(:first-child){
	margin-top: 24px;
	padding-top: 24px;
	border-top: 2px solid var(--blanc);
}

.skill-submenu-title{
	margin-top: 0;
	margin-bottom: 24px;
	color: var(--bleu-fonce);
	font-size: 1.25rem;
	font-weight: bold;
	display: inline-block;
}

/***************************/

.responsive-skill-menu-container{
	position: fixed;
	top: 0;
	left: 0;
	background-color: var(--bleu-fonce);
	height: 100%;
	width: 100%;
	z-index: 12;
	display: none;
} 

.responsive-skill-menu-content{
	position: relative;
	padding: 48px 24px;
	box-sizing: border-box;
	font-size: 1.5rem;
	width: 100%;
	height: 100%;
}

.responsive-skill-menu-content a{
	color: var(--blanc);
}

.responsive-skill-button-container{
	padding-bottom: 48px;
	margin-bottom: 48px;
	border-bottom: 2px solid var(--blanc);
	background-color: transparent;
	font-weight: bold;
	font-size: 1.75rem;
	text-transform: uppercase;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: var(--blanc);
	cursor: pointer;
	border: none;
	border-radius: 0;
}

.skill-menu-button{
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}

.responsive-skill-button-container:after,
.skill-menu-button:after{
	content: url('/wp-content/uploads/2025/06/icon-menu-next.svg');
	display: none;
	width: 32px;
	height: 32px;
}

.responsive-navigation-wrap li:not(:last-child){
	margin-bottom: 24px;
}

.submenu-back-container{
	margin-bottom: 24px!important;
	text-transform: uppercase;
	display: inline-flex;
	align-items: center;
	font-weight: bold;
	background-color: transparent;
	color: var(--blanc);
}

.skill-back-container,
.skill-categorie-back-container{
	margin-bottom: 48px!important;
	text-transform: uppercase;
	align-items: center;
	font-weight: bold;
	background-color: transparent;
	color: var(--blanc);
	display: none;
}

.skill-subcategorie-back-container{
	margin-bottom: 24px!important;
	text-transform: uppercase;
	align-items: center;
	font-weight: bold;
	background-color: transparent;
	color: var(--bleu-fonce);
	display: none;
}

.skill-back-container:before,
.submenu-back-container:before,
.skill-categorie-back-container:before{
	content: url('/wp-content/uploads/2025/06/icon-menu-back.svg');
	display: block;
	margin-right: 12px;
	height: 32px;
	width: 32px;
}

.skill-subcategorie-back-container:before{
	content: url('/wp-content/uploads/2025/06/icon-menu-back-bleu.svg');
	display: block;
	margin-right: 12px;
	height: 32px;
	width: 32px;
}


.skill-back-container{
	display: none;
}

.submenu-title-container{
	font-weight: bold;
	font-size: 1.75rem;
	text-transform: uppercase;
	margin-bottom: 24px!important;
}

.sub-menu-container .sub-menu.active{
	left: 0;
}

/***************************/

.site-content{
	min-height: calc(100vh - 120px);
}

.bleu-clair{
	color: var(--bleu-clair);
}

.bleu-fonce{
	color: var(--bleu-fonce);
}

.border-cta-button-primary,
.border-cta-button-primary-bis{
	display: inline-block;
	padding: 8px 32px;
	background-color: var(--jaune);
	border-bottom-left-radius: 48px;
	text-decoration: none;
	color: var(--bleu-fonce);
	transition: all .2s ease-in-out;
	font-weight: bold;
	text-transform: uppercase;
}

.border-cta-button-primary:hover{
	background-color: var(--bleu-fonce);
	color: var(--blanc);
	text-decoration: none;
}

.border-cta-button-secondary{
	display: inline-block;
	padding: 8px 32px;
	background-color: var(--bleu-fonce);
	border-bottom-left-radius: 48px;
	text-decoration: none;
	color: var(--blanc);
	transition: all .2s ease-in-out;
	font-weight: bold;
	text-transform: uppercase;
}

.border-cta-button-secondary:hover{
	background-color: var(--bleu-clair);
	text-decoration: none;
}

/* HOMEPAGE ******************************/

.home-header-container{
	background-color: var(--bleu-casse);
	width: 100%;
	height: calc(100vh - 120px);
	position: relative;
	/*top: 120px;
	left: 0;*/
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.hexagone-mask{
	/*-webkit-mask-image: url(/wp-content/uploads/2025/05/hex-mask.svg);
	mask-image: url(/wp-content/uploads/2025/05/hex-mask.svg);
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;*/
	position: relative;
	height: 100%;
	
  /*aspect-ratio: 1/cos(30deg);*/
  clip-path: polygon(50% -50%,100% 50%,50% 150%,0 50%);
	
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.home-header-video-container{
	height: 85vh;
	/*width: 75vh;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%) translateX(25%) scale(1.25);*/
	position: relative;
	z-index: 10;
	overflow: hidden;
}

.home-header-video-container.hexagone-mask{
	transform: translateX(15%) scale(1.25);
}

.home-header-video-content{
	position: absolute;
	left: 50%;
	top: 50%;
	min-height: 100%;
	width: 100%;
	transform: translate(-50%, -50%)
}

.home-header-content, .home-header-video-container{
	width: 50%;
}

.home-header-content{
	padding-top: 64px;
	padding-left: 10%;
	padding-right: 2.5%;
	box-sizing: border-box;
}

.home-header-content h1{
	font-size: 4.5rem;
	line-height: 1;
	margin-bottom: 32px;
}

.home-header-content p{
	margin-top: 0;
	margin-bottom: 32px;
	font-size: 1.25rem;
}

.home-header-content div{
	display: flex;
	justify-content: flex-end;
}

.home-bloc-column-container{
	margin-top: 192px;
	margin-bottom: 144px;
	padding: 0 7.5%;
	background-color: #83A7FF;
	box-sizing: border-box;
}

.home-bloc-column-content{
	transform: translateY(-48px);
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 48px;
}

.home-bloc-column-wrapper{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.home-bloc-column-wrap{
	width: 100%;
}

.home-bloc-column-wrap img{
	width: 100%;
	margin-bottom: 24px;
}

.home-bloc-column-wrap h2{
	font-weight: 400;
	margin-bottom: 48px;
	transition: all .2s ease-in-out;
}

.home-bloc-column-cta,
.page-bloc-column-cta{
	display: flex;
	border-top: 2px solid var(--jaune);
	justify-content: flex-end;
	transition: all .2s ease-in-out;
}

div:has(> .border-cta-button-primary:hover),
p:has(> .wpcf7-form-control.wpcf7-submit:hover),
.home-bloc-column-wrapper a div:has(> .border-cta-button-primary:hover),
.hub-realisation-grid-wrapper:hover .page-bloc-column-cta,
.skill-parent-bloc-list-wrapper .savoir-bloc-accompagnement-wrap:hover .page-bloc-column-cta{
	border-top: 2px solid var(--bleu-fonce);
}

/*.home-bloc-column-wrapper a:hover{
	text-decoration: none;
}

.home-bloc-column-wrapper a:hover h2{
	color: var(--blanc);
}*/

.home-bloc-column-wrapper a:hover > .home-bloc-column-cta .border-cta-button-primary-bis{
	background-color: var(--bleu-fonce);
	color: var(--blanc);
	text-decoration: none;
}

.home-bloc-column-wrapper a:hover > .home-bloc-column-cta{
	border-top: 2px solid var(--bleu-fonce);
}

.home-bloc-illustration-container{
	width: 100%;
	height: fit-content;
	background-color: var(--bleu-casse);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-top: 48px;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 96px;
}

.home-bloc-illustration-container img{
	width: 100%;
}

.home-bloc-illustration-content{
	width: 45vw;
	height: 32.5vw;
	padding: 0 96px;
	box-sizing: border-box;
	background-color: #5989FF;
	transform: translateY(-64px) translateX(-15%);
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.home-bloc-illustration-content p{
	color: var(--blanc);
	font-weight: bold;
	font-size: 4.5rem;
	line-height: 1.2;
	margin-bottom: 24px;
	margin-top: 0;
}

.home-bloc-illustration-wrapper{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	align-items: flex-end;
}

div.home-bloc-illustration-wrapper:has(> .border-cta-button-primary:hover),
div.page-bloc-question-content:has(> .border-cta-button-primary:hover){
	border-top: none;
}

.page-bloc-question-container{
	margin-bottom: 96px;
	display: flex;
	flex-direction: column;
	width: 100%;
}

.page-bloc-question-content{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 64px;
	box-sizing: border-box;
}

.page-bloc-question-content p{
	font-size: 4.5rem;
	font-weight: bold;
	margin-bottom: 48px;
	margin-top: 0;
}

.page-bloc-question-haut{
	display: flex;
	justify-content: flex-start;
	width: 100%;
}

.page-bloc-question-bas{
	display: flex;
	justify-content: flex-end;
	width: 100%;
	position: relative;
}

.page-bloc-question-haut:after,
.page-bloc-question-bas:after{
	content: '';
	display: block;
	width: 75%;
	height: 24px;
	background-color: var(--bleu-casse);
}

.contact-avatar{
	position: absolute;
	bottom: 24px;
	width: 216px;
	right: 25%;
}

/* QUI SOMME NOUS ******************************/

.page-header-container{
	background-color: var(--bleu-casse);
	width: 100%;
	height: calc(100vh - 120px);
	position: relative;
	display: flex;
	justify-content: space-between;
}

.page-header-image-container{
	position: relative;
	z-index: 10;
	height: 100%;
}

.page-header-image-container .hexagone-mask{
	transform: translateX(25%) scale(1.25);
	background-position: center;
	background-size: cover;
}

.page-header-content, .page-header-image-container{
	width: 50%;
}

.page-header-tag{
	padding-right: 48px;
	padding-left: 198px;
	background-color: var(--bleu-fonce);
	box-sizing: border-box;
	height: 68px;
	display: inline-flex;
	align-items: center;
	color: var(--blanc);
	font-weight: bold;
	text-transform: uppercase;
}

.page-header-info{
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 10vw;
	padding-right: 2.5%;
	box-sizing: border-box;
	height: calc(100% - 68px);
}

.page-header-content h1{
	font-size: 4rem;
	margin-bottom: 24px;
}

.page-header-introduction{
	margin-top: 0;
	margin-bottom: 24px;
}

.page-header-introduction p{
	margin-top: 0;
}

.page-header-introduction p:last-child{
	margin-top: 0;
	margin-bottom: 0;
}

.page-header-cta-container{
	display: flex;
	justify-content: flex-end;
}

.page-header-cta-content{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	font-weight: bold;
	transition: all .2s ease-in-out;
	box-sizing: border-box;
	text-decoration: none;
}

a.page-header-cta-content:hover{
	text-decoration: none;
}

.page-header-cta-content:hover .page-header-cta-up{
	border: 2px solid var(--bleu-clair);
	color: var(--bleu-clair);
}
.page-header-cta-content:hover .page-header-cta-bottom{
	background-color: var(--bleu-clair);
}

.page-header-cta-up{
	padding: 8px 24px;
	border: 2px solid var(--bleu-fonce);
	box-sizing: border-box;
	transition: all .2s ease-in-out;
}

.page-header-cta-bottom{
	padding: 8px 48px;
	background-color: var(--bleu-fonce);
	border-bottom-left-radius: 48px;
	color: var(--blanc);
	transition: all .2s ease-in-out;
	box-sizing: border-box;
}

.qui-bloc-two-column-container{
	padding: 144px 10% 96px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	box-sizing: border-box;
}

.qui-bloc-two-column-content,
.qui-bloc-two-column-figures-container{
	width: 47.5%;
}

.qui-bloc-two-column-text-container{
	display: flex;
	align-items: flex-start;
	margin-bottom: 24px;
}

.index-bullet-icon{
	width: 64px;
	height: 12px;
	background-color: var(--jaune);
	margin-right: 24px;
	margin-top: 8px;
}

.qui-bloc-two-column-text-content,
.qui-bloc-two-column-content .page-bloc-column-cta{
	width: calc(100% - 88px);
}

.qui-bloc-two-column-text-content p{
	margin-bottom: 0;
	margin-top: 0;
}

.qui-bloc-two-column-content .page-bloc-column-cta{
	margin-left: 88px;
}

.qui-bloc-two-column-figures-content{
	border: 2px solid var(--jaune);
	padding: 24px;
	box-sizing: border-box;
	margin-bottom: 48px;
	
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 24px;
}

.qui-bloc-two-column-figures-content p{
	margin-bottom: 0;
	margin-top: 0;
}

.qui-bloc-two-column-figures-wrap{
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 12px;
}

.qui-bloc-expertise-introduction-container{
	padding: 64px 10% 48px;
	box-sizing: border-box; 
	background-color: #ACC4FF;
}

.qui-bloc-expertise-introduction-container h2,
.qui-bloc-reference-introduction-container h2,
.page-bloc-paragraphe-content h2,
.savoir-bloc-accompagnement-content h2,
.savoir-bloc-separateur-content h2,
.savoir-bloc-temoignage-container h2,
.engagement-bloc-introduction-container h2,
.engagement-bloc-social-bis-container h2,
.flexible-bloc-text-image-left-content h2,
.flexible-bloc-text-image-right-content h2,
.certification-bloc-two-column-content h2{
	margin-bottom: 48px;
}

.qui-bloc-expertise-introduction-content,
.qui-bloc-reference-introduction-content{
	display: flex;
	align-items: flex-start;
}

.qui-bloc-expertise-introduction-content div,
.qui-bloc-reference-introduction-content div{
	width: calc(100% - 88px);
}

.qui-bloc-expertise-introduction-content div p,
.qui-bloc-reference-introduction-content div p{
	margin-top: 0;
}

.qui-bloc-expertise-haut-container{
	background-color: #ACC4FF;
	padding: 0 10% 64px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 64px;
	box-sizing: border-box; 
}

.qui-bloc-expertise-bas-container{
	background-color: #83A7FF;
	padding: 64px 10%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 64px;
	box-sizing: border-box; 
}

.qui-bloc-expertise-header-container{
	display: flex;
	align-items: center;
	font-weight: bold;
	margin-bottom: 24px;
}

.qui-bloc-expertise-header-container img{
	width: 144px;
	margin-right: 24px;
}

.qui-bloc-expertise-header-content{
	width: calc(100% - 168px);
}

.qui-bloc-expertise-header-container h3{
	font-size: 1.5rem;
	margin-bottom: 8px;
}

.qui-bloc-expertise-header-container p{
	margin-top: 0;
	margin-bottom: 0;
}

.qui-bloc-expertise-list-content{
	display: flex;
}

.qui-bloc-expertise-list-container{
	display: none;
}

.qui-bloc-expertise-list-container li:not(:last-child){
	margin-bottom: 24px;
}

.qui-bloc-expertise-list-content img{
	width: 12px;
	margin-right: 8px;
}

.qui-bloc-expertise-footer-container,
.savoir-bloc-accompagnement-footer-container{
	background-color: transparent;
	display: flex;
	align-items: center;
	width: 100%;
	cursor: pointer;
}

.qui-bloc-expertise-footer-container img,
.savoir-bloc-accompagnement-footer-container img{
	width: 48px!important;
	margin-bottom: 0!important;
}

.qui-bloc-expertise-footer-container.active img,
.savoir-bloc-accompagnement-footer-container.active img{
	transform: rotate(-180deg);
}

.qui-bloc-expertise-footer-container span,
.savoir-bloc-accompagnement-footer-container span{
	width: calc(100% - 48px);
	height: 2px;
	background-color: var(--jaune);
}

.qui-bloc-reference-introduction-container{
	padding: 64px 10% 48px;
	box-sizing: border-box; 
	background-color: var(--blanc);
}

.qui-bloc-reference-content{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 48px;
	padding: 0 10%;
	margin-bottom: 96px;
}

/* SAVOIR FAIRE ******************************/

.page-bloc-paragraphe-container{
	padding: 144px 10% 96px;
	display: flex;
	justify-content: flex-start;
}

.page-bloc-paragraphe-content{
	width: 60%;
}

.page-bloc-paragraphe-text-container{
	display: flex;
	align-items: flex-start;
	margin-bottom: 24px;
}

.page-bloc-paragraphe-text-content{
	width: calc(100% - 88px);
}

.page-bloc-paragraphe-text-content p{
	margin-top: 0;
}

.page-bloc-paragraphe-text-content p:last-child{
	margin-bottom: 0;
}

.page-bloc-paragraphe-content .page-bloc-column-cta{
	margin-left: 88px;
}


.savoir-bloc-accompagnement-container{
	margin-top: 144px;
	padding: 0 7.5%;
	background-color: #ACC4FF;
	box-sizing: border-box;
}

.savoir-bloc-accompagnement-content{
	transform: translateY(-144px);
}

.savoir-bloc-accompagnement-wrapper{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 48px;
}

.home-bloc-column-wrapper{
	height: 100%;
	display: flex;
	flex-direction: column;
	/*justify-content: space-between;*/
}

.savoir-bloc-accompagnement-wrap{
	width: 100%;
}

.skill-parent-bloc-list-wrapper .savoir-bloc-accompagnement-wrap a{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.savoir-bloc-accompagnement-wrap img{
	width: 100%;
	margin-bottom: 24px;
}

.savoir-bloc-accompagnement-wrap h3{
	font-size: 1.5rem;
}

.savoir-bloc-accompagnement-wrap h4{
	margin-bottom: 24px;
}

.savoir-bloc-accompagnement-masked{
	display: none;
}

.savoir-bloc-accompagnement-masked p{
	margin-top: 0;
}

.savoir-bloc-separateur-container{
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.savoir-bloc-separateur-image-container .hexagone-mask{
	height: 32.5vw;
	width: 40vw;
	transform: translateX(-10%) scale(1.2);
}

/*.savoir-bloc-separateur-image-container .hexagone-mask{
	width: 40vw;
	height: 32.5vw;
	transform: translateX(10%) translateY(96px) scale(1.2);
}*/

.engagement-bloc-separateur-image-container .hexagone-mask{
	height: 32.5vw;
	width: 40vw;
	transform: translateX(10%) scale(1.2);
}


.savoir-bloc-separateur-container .savoir-bloc-separateur-content{
	padding-top: 48px;
	padding-bottom: 48px;
	padding-left: 2.5vw;
	padding-right: 7.5vw;
	box-sizing: border-box;
	width: 60vw;
}

.savoir-bloc-separateur-content .page-bloc-paragraphe-text-container,
.savoir-bloc-separateur-content .page-bloc-paragraphe-text-content p:last-child{
	margin-bottom: 0;
}

.savoir-bloc-temoignage-container{
	padding: 144px 7.5% 96px;
	box-sizing: border-box;
	margin-bottom: 96px;
	background-color: #ACC4FF;
}

.savoir-bloc-temoignage-content{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 48px;
}

.savoir-bloc-temoignage-wrapper{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background-color: var(--bleu-casse);
	padding: 48px 24px;
	box-sizing: border-box;
}

.savoir-bloc-temoignage-wrap h3{
	font-size: 1.25rem;
	text-transform: uppercase;
	color: var(--bleu-clair);
}

p.savoir-bloc-temoignage-credit{
	margin-bottom: 0;
	margin-top: 24px;
	font-weight: bold;
	color: var(--bleu-fonce);
}

/* ENGAGEMENT ******************************/

.engagement-bloc-introduction-container{
	padding: 144px 10% 0;
	margin-bottom: 96px;
}

.page-bloc-list-container{
	margin-left: 88px;
}

.page-bloc-list-content{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.page-bloc-list-content img{
	width: 12px;
	margin-top: 8px;
	margin-right: 8px;
}

.page-bloc-list-content .page-bloc-list-text{
	width: calc(100% - 20px);
}

.page-bloc-list-content .page-bloc-list-text p{
	margin-top: 0;
}

.engagement-bloc-introduction-content{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.engagement-bloc-introduction-wrapper{
	width: calc(100% - 134px);
}

.engagement-bloc-introduction-esg-container{
	width: 96px;
}

.engagement-bloc-introduction-esg-container li:not(:first-child){
	margin-top: 24px;
}

.engagement-bloc-introduction-esg-content img{
	width: 100%;
}

.engagement-bloc-separateur-container{
	box-sizing: border-box;
	display: flex;
	flex-direction: row-reverse;
	align-items: stretch;
	margin: 96px 0 0;
}

.engagement-bloc-separateur-container .engagement-bloc-separateur-content{
	padding-top: 48px;
	padding-bottom: 48px;
	padding-left: 7.5vw;
	padding-right: 2.5vw;
	box-sizing: border-box;
	width: 60vw;
}

.engagement-bloc-separateur-content .page-bloc-paragraphe-text-container,
.engagement-bloc-separateur-content .page-bloc-paragraphe-text-content p:last-child{
	margin-bottom: 0;
}

.savoir-bloc-separateur-content .page-bloc-list-container{
	margin-top: 24px;
}

.engagement-bloc-separateur-certification-content{
	margin-top: 48px;
	display: flex;
	align-items: center;
	margin-left: 88px;
}

.engagement-bloc-separateur-certification-content li{
	margin-right: 24px;
}

.engagement-bloc-initiative-container{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	margin-bottom: 96px;
}

.engagement-bloc-initiative-left-container{
	width: 40%;
	background-color: var(--jaune);
	padding: 48px 7.5vw;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.engagement-bloc-initiative-left-content{
	margin: 0;
}

.engagement-bloc-initiative-left-container .engagement-bloc-initiative-left-content:not(:last-child){
	margin-bottom: 24px;
}

.engagement-bloc-initiative-left-content h3 span{
	font-size: 3rem;
}

.engagement-bloc-initiative-right-container{
	width: 60%;
	background-color: #83A7FF;
	padding: 64px 10vw;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.engagement-bloc-initiative-right-container img{
	width: 50%;
	margin-bottom: 64px
}

.engagement-bloc-social-container{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.engagement-bloc-social-container .engagement-bloc-social-content{
	width: calc(100% - 134px);
}

.engagement-bloc-label-container{
	box-sizing: border-box;
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	margin: 96px 0;
	width: 100%;
}

.engagement-bloc-exergue-container{
	padding: 0 96px;
	box-sizing: border-box;
	background-color: #E0E9FF;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
}

.engagement-bloc-exergue-container.hexagone-mask{
	height: 32.5vw;
	width: 40vw;
	transform: translateX(10%);
}

.engagement-bloc-exergue-container p{
	font-weight: bold;
	font-size: 2rem;
	line-height: 1.2;
	margin-bottom: 24px;
	margin-top: 0;
}

.engagement-bloc-exergue-content{
	margin-bottom: 24px;
}
.engagement-bloc-exergue-content p{
	width: calc(100% - 110px);
}

.engagement-bloc-exergue-content img{
	width: 96px;
}

.engagement-bloc-label-content{
	padding-top: 48px;
	padding-bottom: 48px;
	padding-left: 7.5vw;
	box-sizing: border-box;
	width: 60vw;
}

.engagement-bloc-label-content .engagement-bloc-separateur-certification-content{
	margin-top: 0;
	margin-bottom: 48px;
	margin-left: 88px;
}

.engagement-bloc-label-content .home-bloc-column-cta{
	margin-left: 88px;
}

.engagement-bloc-exergue-content{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.engagement-bloc-social-bis-container{
	padding: 64px 0 64px 7.5%;
	margin: 96px 0 144px;
	background-color: #ACC4FF;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.engagement-bloc-separateur-content{
	width: 60vw;
	padding-right: 2.5vw;
	box-sizing: border-box;
}

.engagement-bloc-social-bis-container .engagement-bloc-separateur-image-container .hexagone-mask{
	width: 40vw;
	height: 32.5vw;
	transform: translateX(10%) translateY(96px) scale(1.2);
}

/* CONTACT ******************************/

.contact-bloc-container{
	padding: 96px 7.5% 96px 15%;
	background-color: #83A7FF;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	box-sizing: border-box;
}

.contact-bloc-container p{
	margin-top: 0;
	margin-bottom: 0;
}

.contact-bloc-content{
	width: 60%;
}

.contact-bloc-avatar-container{
	width: 30%;
}

.contact-bloc-two-column,
.contact-bloc-one-column{
	margin-bottom: 24px;
}

.contact-bloc-two-column p{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.contact-bloc-two-column p label{
	width: 47.5%;
}

.contact-page-coordonnees-container{
	font-weight: bold;
}

.contact-page-coordonnees-container li:not(:last-child){
	margin-bottom: 12px;
}

.contact-page-coordonnees-content{
	display: flex;
	align-items: center;
}

.contact-page-coordonnees-content img{
	width: 24px;
	margin-right: 12px;
}

.wpcf7-list-item{
	margin: 0;
}

.wpcf7-form-control{
	display: block;
	width: 100%;
	padding: 16px 12px;
	border-radius: 8px;
	box-sizing: border-box;
}

span.wpcf7-form-control-wrap{
	margin-top: 12px;
	display: block;
}

.form-checkbox-column{
	margin-bottom: 24px;
}

.form-checkbox-column{
	margin-bottom: 24px;
}

.form-checkbox-column .container{
	display: flex;
	align-items: center;
	height: 20px;
}

label{
	display: block;
}

select{
	background-color: var(--blanc);
	font-family: "Poppins", sans-serif;
	-webkit-appearance: none;
	background-image: url(/wp-content/uploads/2025/05/icon-select.svg);
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: right 12px center;
	border: none;
}

.wpcf7-form-control.wpcf7-acceptance{
	padding: 0;
	margin-bottom: 24px;
}

span.wpcf7-not-valid-tip{
	margin-top: 8px;
}

.wpcf7-list-item label{
	display: flex;
}

.container {
  display: block;
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 24px;
	width: 24px;
	background-color: var(--blanc);
	border: 2px solid var(--bleu-fonce);
	box-sizing: border-box;
}

/* When the checkbox is checked, add a blue background
.container input:checked ~ .checkmark {
  background-color: #ACC4FF;
}*/

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
	position: absolute;
  left: 6px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid var(--bleu-clair);
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.contact-bloc-send-container p{
	border-top: 2px solid var(--jaune);
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	transition: all .2s ease-in-out;
}

.contact-bloc-send-container .wpcf7-form-control{
	width: auto;
}

.contact-bloc-send-container .wpcf7-form-control.wpcf7-submit{
	display: inline-block;
	padding: 12px 48px;
	background-color: var(--jaune);
	border-radius: 0;
	border-bottom-left-radius: 48px;
	text-decoration: none;
	color: var(--bleu-fonce);
	transition: all .2s ease-in-out;
	font-weight: bold;
	text-transform: uppercase;
}

.wpcf7 .wpcf7-submit:disabled{
	opacity: .5;
}

.contact-bloc-send-container .wpcf7-form-control.wpcf7-submit:hover{
	background-color: var(--bleu-fonce);
	color: var(--blanc);
	text-decoration: none;
}

.wpcf7-spinner{
	margin-top: 24px;
}

.wpcf7 form .wpcf7-response-output {
    margin: 24px 0;
    padding: 8px 24px;
    /* border: 2px solid #00a0d2; */
	text-align: center;
	border: none;
	background-color: var(--blanc);
	border-radius: 8px;
	font-weight: bold;
}

textarea.wpcf7-form-control{
	height: 212px;
}

/*******************************/

.page-default-header-container{
	padding: 144px 10vw;
	box-sizing: border-box;
	background-color: var(--bleu-casse);
	margin-bottom: 96px;
}

.default{
	padding: 0 10vw;
	padding-bottom: 96px;
	box-sizing: border-box;
}

.default h2{
	margin: 48px 0;
}

.default h3,
.default h4{
	margin: 48px 0 24px;
}

.default ul,
.default li{
	list-style-type: disc;
	list-style-position: outside;
}

.default ul{
	margin-left: 16px;
}

.default ul li:not(:last-child){
	margin-bottom: 24px;
}

.default ul li::marker {
  color: var(--jaune);
}

/* ARTICLE ******************************/

.article-header .page-header-content h1{
    font-size: 3.5rem;
    margin-bottom: 48px;
}

.article-header-breadcrumbs-container{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 24px;
}

.article-header-breadcrumbs-container:first-child:before{
	content: '<';
	display: inline-block;
	margin-right: 12px;
}

.article-header-breadcrumbs-container:not(:first-child):before{
	content: '/';
	display: inline-block;
	margin-right: 12px;
	margin-left: 12px;
}

.site-content.article{
	padding: 0;
	box-sizing: border-box;
}

.flexible-bloc-text-image-left-container{
	padding: 0;	
	box-sizing: border-box;
	margin: 64px 0;
}

.flexible-bloc-two-columns-container{
	padding: 64px 0;	
	box-sizing: border-box;
}

.flexible-bloc-text-image-left-container{
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flexible-bloc-text-image-left-image-container .hexagone-mask{
	height: 32.5vw;
	width: 40vw;
	transform: translateX(-10%) scale(1.2);
}

.flexible-bloc-text-image-left-container .flexible-bloc-text-image-left-content{
	padding-top: 48px;
	padding-bottom: 48px;
	padding-left: 2.5vw;
	padding-right: 7.5vw;
	box-sizing: border-box;
	width: 60vw;
}

.flexible-bloc-text-image-left-text-container{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.flexible-bloc-text-image-left-content .page-bloc-paragraphe-text-container,
.flexible-bloc-text-image-left-content .page-bloc-paragraphe-text-content p:last-child{
	margin-bottom: 0;
}

.article .page-bloc-paragraphe-text-content ul{
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: 20px;
}

.article .page-bloc-paragraphe-text-content ul li{
	position: relative;
}

.article .page-bloc-paragraphe-text-content ul li:not(:last-child){
	margin-bottom: 24px;
}


.article .page-bloc-paragraphe-text-content ul li:before{
	content: url(/wp-content/uploads/2025/05/icon-bullet.svg);
	display: block;
	width: 12px;
	top: 0;
	left: -20px;
	position: absolute;
}

.article .page-bloc-paragraphe-text-content ul li span{
	width: calc(100% - 20px);
}

.article .page-bloc-paragraphe-text-content p:not(:last-child){
	margin-bottom: 16px;
}

.flexible-bloc-two-columns-container h2{
	width: 80%;
	margin: 0 auto 48px;
}

.flexible-bloc-two-columns-content{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 0 10vw;
	box-sizing: border-box;
}

.flexible-bloc-two-columns-container .page-bloc-paragraphe-text-container{
	width: 47.5%;
	margin-bottom: 0;
}

.flexible-bloc-text-image-right-container{
	padding: 64px 0 64px 7.5%;
	margin: 0 auto;
	background-color: #ACC4FF;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flexible-bloc-text-image-right-content{
	width: 60vw;
	padding-right: 2.5vw;
	box-sizing: border-box;
}

.flexible-bloc-visual-container{
	width: 100%;
}

.flexible-bloc-visual-container img{
	display: block;
	width: 100%;
	box-sizing: border-box;
}

.flexible-bloc-paragraphe-half-container{
	padding: 64px 10%;
	display: flex;
	justify-content: flex-start;
	box-sizing: border-box;
}

.flexible-bloc-paragraphe-full-container{
	padding: 96px 10%;
	display: flex;
	justify-content: flex-start;
	box-sizing: border-box;
}

.flexible-bloc-paragraphe-full-container .page-bloc-paragraphe-content{
	width: 100%;
}

.flexible-bloc-figures-container{
	padding: 64px 7.5vw;
	box-sizing: border-box;
}

.flexible-bloc-figures-content{
	border: 2px solid var(--jaune);
	padding: 64px 48px;
	box-sizing: border-box;
	margin-bottom: 48px;
	
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 24px;
}

.flexible-bloc-figures-content p{
	margin-bottom: 0;
	margin-top: 0;
}

p.flexible-bloc-figures-wrap{
	font-size: 3rem;
	font-weight: bold;
	margin-bottom: 24px;
}

.flexible-bloc-figures-wrap span{
	font-size: 1.5rem;
}

/*******************************/

#error-page-container{
	width: 100%; 
	height: calc(100vh - 120px); 
	display: flex; 
	justify-content: center; 
	align-items: center; 
	flex-direction: column;
	background-color: var(--bleu-casse);
}

#error-page-content{ 
	display: flex; 
	align-items: flex-end; 
	flex-direction: column;
	padding: 0 10vw;
	box-sizing: border-box;
}

#error-page-content div h1{
	margin-bottom: 48px;
}

#error-page-content div{
	margin-bottom: 96px;
}

/*******************************/

.skill-parent-header-container{
	background-color: var(--bleu-fonce);
	color: var(--blanc);
	width: 100%;
	height: calc(100vh - 120px);
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

.skill-parent-header-tag{
	padding-right: 48px;
	padding-left: 198px;
	color: var(--bleu-fonce);
	box-sizing: border-box;
	height: 68px;
	display: inline-flex;
	align-items: center;
	font-weight: bold;
	text-transform: uppercase;
}

.skill-parent-header-info{
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 10vw;
	padding-right: 2.5%;
	box-sizing: border-box;
	height: calc(100% - 68px);
}

.skill-parent-header-content{
	width: 50%;
}

.skill-parent-header-content h1{
	font-size: 3rem;
	margin-bottom: 24px;
}

.skill-parent-header-introduction{
	margin-top: 0;
	margin-bottom: 24px;
}

.skill-parent-header-introduction p{
	margin-top: 0;
}

.skill-parent-header-introduction p:last-child{
	margin-top: 0;
	margin-bottom: 0;
}

.skill-parent-header-image-container{
	background-position: bottom right;
	background-size: 85%;
	background-repeat: no-repeat;
	width: 50%;
	position: relative;
}

.skill-parent-header-image-container img{
	width: 15vw;
	position: absolute;
	top: 0;
	right: 20%;
	transform: translateY(-35%);
}

.skill-parent-bloc-introduction-container{
	width: 80%;
	margin: 96px auto;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.skill-parent-bloc-introduction-container div{
	width: 60%;
}

.skill-parent-bloc-introduction-container h2{
	width: 30%
}

.skill-parent-bloc-list-container{
	margin-bottom: 96px;
}

.skill-parent-bloc-list-content{
	padding: 0 7.5%;
	box-sizing: border-box;
}

.skill-parent-bloc-list-wrapper{
	transform: translateY(-64px);
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 48px;
}

.skill-parent-bloc-list-introduction{
	width: 85%;
	margin: 0 auto 144px;
}

.skill-parent-bloc-list-introduction p{
	font-size: 1.5rem;
	margin: 0 auto;
}

.savoir-bloc-accompagnement-excerpt{
	margin: 24px auto 48px;
}

.skill-parent-joblist-container{
	width: 80%;
	margin: 0 auto 96px;
}

.skill-parent-joblist-container,
.skill-child-joblist-container{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.skill-parent-joblist-content,
.skill-child-joblist-content{
	width: 75%;
}

.skill-parent-joblist-container .page-header-cta-content:hover .page-header-cta-up,
.skill-child-joblist-container .page-header-cta-content:hover .page-header-cta-up{
	border: 2px solid var(--bleu-fonce);
	color: var(--bleu-fonce);
}

.skill-parent-joblist-container .page-header-cta-content:hover .page-header-cta-bottom,
.skill-child-joblist-container .page-header-cta-content:hover .page-header-cta-bottom{
	background-color: var(--bleu-fonce);
	color: var(--blanc);
}

.skill-parent-joblist-container .page-header-cta-up,
.skill-child-joblist-container .page-header-cta-up{
	padding: 8px 24px 8px 64px;
	border: 2px solid var(--jaune);
	box-sizing: border-box;
	transition: all .2s ease-in-out;
}

.skill-parent-joblist-container .page-header-cta-bottom,
.skill-child-joblist-container .page-header-cta-bottom{
	padding: 8px 48px;
	background-color: var(--jaune);
	border-bottom-left-radius: 48px;
	color: var(--bleu-fonce);
	transition: all .2s ease-in-out;
	box-sizing: border-box;
}

	
.skill-parent-joblist-container .page-bloc-list-container,
.skill-child-joblist-container .page-bloc-list-container,
.skill-child-bloc-besoins-container .page-bloc-list-container,
.skill-child-bloc-prestations-content .page-bloc-list-container{
	margin-left: 0;
}

.skill-parent-joblist-container h2,
.skill-child-joblist-container h2{
	margin-bottom: 24px;
}

.skill-parent-joblist-container .page-bloc-list-content,
.skill-child-joblist-container .page-bloc-list-content,
.skill-child-bloc-besoins-container .page-bloc-list-content,
.skill-child-bloc-prestations-content .page-bloc-list-content{
	margin-bottom: 24px;
}

/*******************************/

.skill-child-header-container{
	background-color: var(--bleu-fonce);
	color: var(--blanc);
	width: 100%;
	padding-bottom: 144px;
	box-sizing: border-box;
	position: relative;
}

.skill-child-header-tag{
	padding-right: 48px;
	padding-left: 198px;
	color: var(--bleu-fonce);
	box-sizing: border-box;
	height: 68px;
	display: inline-flex;
	align-items: center;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 24px;
}

.skill-child-header-info{
	padding-left: 10vw;
	padding-right: 10vw;
	box-sizing: border-box;
}

.skill-child-header-breadcrumb{
	margin-bottom: 48px;
	display: block;
}

.skill-child-header-content{
	width: 100%;
}

.skill-child-header-content h1{
	font-size: 3rem;
	margin-bottom: 24px;
	width: 50%;
}

.skill-child-header-introduction{
	margin-top: 0;
	margin-bottom: 24px;
}

.skill-child-header-introduction p{
	margin-top: 0;
}

.skill-child-header-introduction p:last-child{
	margin-top: 0;
	margin-bottom: 0;
}

.skill-child-header-image-container{
	width: 15vw;
	position: absolute;
	top: 0;
	right: 10%;
	transform: translateY(-35%);
}

.skill-child-bloc-besoins-container{
	width: 90%;
	margin-left: 10%;
	padding: 0 0 64px;
	box-sizing: border-box;
	margin-bottom: 96px;
}

.skill-child-bloc-besoins-image{
	width: 80vw;
}

.skill-child-bloc-besoins-image{
	transform: translateY(-64px);
}

.skill-child-bloc-besoins-container .skill-child-bloc-list-introduction{
	padding: 0 64px;
	box-sizing: border-box;
}

.skill-child-bloc-list-introduction{
	margin: 0 auto 48px;
}

.skill-child-bloc-list-introduction p{
	font-size: 1.5rem;
	margin: 0 auto;
}

.skill-child-bloc-besoins-container .page-bloc-list-container{
	padding: 0 64px;
	box-sizing: border-box;
}

.skill-child-bloc-prestations-container{
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 96px;
}

.skill-child-bloc-prestations-container .hexagone-mask{
	height: 32.5vw;
	width: 40vw;
	transform: translateX(-10%);
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	padding: 0 96px;
	box-sizing: border-box;
}

.skill-child-bloc-prestations-container .hexagone-mask p{
	font-size: 3rem;
	margin-bottom: 24px;
	font-weight: bold;
	line-height: 1.2;
}

.skill-child-bloc-prestations-container .skill-child-bloc-prestations-content{
	padding-left: 2.5vw;
	padding-right: 7.5vw;
	box-sizing: border-box;
	width: 60vw;
}

.skill-child-bloc-realisations-container{
	margin-bottom: 96px;
}

.skill-parent-bloc-list-wrapper .savoir-bloc-accompagnement-wrap h3{
	margin-bottom: 48px;
}

.skill-child-joblist-container{
	padding: 96px 10%;
}

/*******************************/

.realisations-header-container{
	background-color: var(--bleu-fonce);
	color: var(--blanc);
	width: 100%;
	padding-bottom: 144px;
	box-sizing: border-box;
	position: relative;
}

.realisations-header-tag{
	padding-right: 48px;
	padding-left: 198px;
	color: var(--bleu-fonce);
	box-sizing: border-box;
	height: 68px;
	display: inline-flex;
	align-items: center;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 24px;
}

.realisations-header-info{
	padding-left: 10vw;
	padding-right: 10vw;
	box-sizing: border-box;
}

.realisations-header-content{
	width: 100%;
}

.realisations-header-content h1{
	font-size: 3rem;
	margin-bottom: 24px;
	width: 50%;
}

.realisations-header-introduction{
	margin-top: 0;
	margin-bottom: 24px;
}

.realisations-header-introduction p{
	margin-top: 0;
}

.realisations-header-introduction p:last-child{
	margin-top: 0;
	margin-bottom: 0;
}

.realisations-header-image-container{
	width: 20vw;
	position: absolute;
	top: 0;
	right: 10%;
	transform: translateY(-35%);
}

/*******************************/

.certification-bloc-two-column-container{
	padding: 144px 10% 96px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	box-sizing: border-box;
}

.certification-bloc-two-column-content,
.certification-bloc-two-column-figures-container{
	width: 47.5%;
}

.certification-bloc-two-column-text-container{
	display: flex;
	align-items: flex-start;
	margin-bottom: 24px;
}

.certification-bloc-two-column-text-content,
.certification-bloc-two-column-content .page-bloc-column-cta{
	width: calc(100% - 88px);
}

.certification-bloc-two-column-text-content p{
	margin-bottom: 0;
	margin-top: 0;
}

.certification-bloc-two-column-content .page-bloc-column-cta{
	margin-left: 88px;
}

.certification-bloc-two-column-figures-content{
	border: 2px solid var(--jaune);
	padding: 24px;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 24px;
}

.certification-bloc-two-column-figures-content p{
	margin-bottom: 0;
	margin-top: 0;
}

.certification-bloc-two-column-figures-wrap{
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 12px;
}

.certification-bloc-two-column-content .engagement-bloc-separateur-certification-content{
	margin-top: 24px;
	margin-bottom: 24px;
}

.certification-bloc-separator-columns-container{
	padding: 64px 0 96px;	
	box-sizing: border-box;
	background-color: #ACC4FF;
}

.certification-bloc-separator-columns-container h2{
	width: 80%;
	margin: 0 auto 48px;
}

.certification-bloc-separator-columns-content{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 0 10vw;
	box-sizing: border-box;
}

.certification-bloc-separator-text-container{
	width: 47.5%;
	margin-bottom: 0;
}

.certification-bloc-separator-text-container h3{
	font-size: 1.25rem;
}

.certification-bloc-separator-text-container li:not(:last-child){
	margin-bottom: 48px;
}

.certifications .savoir-bloc-separateur-container{
	align-items: flex-start;
	margin-bottom: 96px;
}

/*******************************/

.culture-bloc-work-container{
	margin: 96px 0 0;
}

.culture-bloc-work-container h2{
	width: 80%;
	margin: 0 auto 48px;
}

.culture-bloc-work-content{
	box-sizing: border-box;
	display: flex;
	flex-direction: row-reverse;
	align-items: flex-start;
	width: 100%;
}

.culture-bloc-work-grid-container{
	padding-left: 10vw;
	padding-right: 2.5vw;
	width: 60%;
	box-sizing: border-box;
	
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 48px;
}

.culture-bloc-work-label-container .engagement-bloc-separateur-certification-content{
	margin-top: 0;
	margin-left: 10%;
	margin-bottom: 48px;
}

.culture-bloc-work-grid-content h3{
	font-size: 1.25rem
}

.blue-index-icon{
	width: 64px;
    height: 12px;
    background-color: #83A7FF;
    margin-bottom: 24px;
    margin-top: 24px;
	display: block;
}

.culture-bloc-work-label-avatar{
	width: 40%;
	transform: translateY(-96px);
}

.culture-bloc-separateur-container{
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: var(--jaune);
}

.culture-bloc-separateur-image-container .hexagone-mask{
	height: 32.5vw;
	width: 40vw;
	transform: translateX(-10%) scale(1.2);
}

.culture-bloc-separateur-container .culture-bloc-separateur-content{
	padding-top: 48px;
	padding-bottom: 48px;
	padding-left: 2.5vw;
	padding-right: 7.5vw;
	box-sizing: border-box;
	width: 60vw;
}

.culture-bloc-two-column-figures-content{
	border: 2px solid var(--jaune);
	margin-top: 48px;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 24px;
}

.culture-bloc-two-column-figures-content p{
	margin-bottom: 0;
	margin-top: 0;
}

.culture-bloc-two-column-figures-wrap{
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 12px;
}

.culture-bloc-job-container{
	padding: 96px 7.5vw;
	margin-bottom: 96px;
	box-sizing: border-box;
}

.culture-bloc-job-wrapper{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.culture-bloc-job-wrap{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 48px;
}

.culture-bloc-job-introduction-container{
	margin-bottom: 64px;
	text-align: center;
	font-size: 1.25rem;
	font-weight: bold;
}

.culture-bloc-job-wrapper img{
	width: 20vw;
	transform: translateX(-5vw);
}
	
.culture-bloc-column-cta{
	display: flex;
	border-top: 2px solid var(--bleu-fonce);
	justify-content: flex-end;
	transition: all .2s ease-in-out;
	margin-top: 48px;
}

div.culture-bloc-column-cta:has(> .border-cta-button-secondary:hover){
	border-top: 2px solid var(--bleu-clair);
}	

.culture-bloc-job-offer h3{
	font-size: 1.5rem;
}

.culture-bloc-job-offer{
	height: 100%;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.culture-bloc-job-cta-container{
	margin-top: 64px;
	display: flex;
	justify-content: flex-end;
	width: 100%;
}

div.culture-bloc-job-cta-container:has(> .border-cta-button-primary:hover){
	border-top: none;
}	

/*******************************/

.sing-realisation-header-container{
	background-color: var(--bleu-casse);
	width: 100%;
	min-height: calc(100vh - 120px);
	position: relative;
	display: flex;
	justify-content: space-between;
	padding-bottom: 64px;
	box-sizing: border-box;
}

.sing-realisation-header-image-container{
	position: relative;
	z-index: 10;
	height: calc(100vh - 120px);
	width: 50%;
}

.sing-realisation-header-image-container .hexagone-mask{
	transform: translateX(25%) scale(1.25);
	background-position: center;
	background-size: cover;
}

.sing-realisation-header-content{
	width: 50%;
}

.sing-realisation-header-tag{
	padding-right: 48px;
	padding-left: 198px;
	background-color: var(--bleu-fonce);
	box-sizing: border-box;
	height: 68px;
	display: inline-flex;
	align-items: center;
	color: var(--blanc);
	font-weight: bold;
	text-transform: uppercase;
}

.sing-realisation-header-info{
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 10vw;
	padding-right: 2.5%;
	box-sizing: border-box;
	height: calc(100% - 68px);
}

.sing-realisation-header-breadcrumb{
	margin-top: 24px;
	margin-bottom: 48px;
	display: block;
	font-weight: bold;
}

.sing-realisation-header-client{
	font-size: 1.25rem;
	text-transform: uppercase;
}

.sing-realisation-header-client, .sing-realisation-header-etiquette{
	color: var(--bleu-clair);
	margin-bottom: 24px;
}

.sing-realisation-header-content h1{
	font-size: 2.5rem;
	margin-bottom: 24px;
}

.sing-realisation-header-introduction{
	margin-top: 0;
	margin-bottom: 24px;
}

.sing-realisation-header-introduction p{
	margin-top: 0;
}

.sing-realisation-header-introduction p:last-child{
	margin-top: 0;
	margin-bottom: 0;
}

.sing-realisation-bloc-specification-container{
	padding: 96px 10%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	box-sizing: border-box;
}

.sing-realisation-bloc-specification-list{
	margin-bottom: 64px;
}

.sing-realisation-bloc-specification-list h2{
	margin-bottom: 24px;
}

.sing-realisation-bloc-specification-list .page-bloc-list-container{
	margin-left: 0;
}

.sing-realisation-bloc-specification-list .page-bloc-list-container li:not(:last-child){
	margin-bottom: 24px;
}

.sing-realisation-bloc-specification-content,
.sing-realisation-bloc-specification-figures-container{
	width: 47.5%;
}

.sing-realisation-bloc-specification-text-container{
	display: flex;
	align-items: flex-start;
	margin-bottom: 24px;
}

.sing-realisation-bloc-specification-exergue p{
	margin-top: 0;
}

.sing-realisation-bloc-specification-exergue p:last-child{
	margin-bottom: 0;
}

.sing-realisation-bloc-specification-exergue{
	background-color: var(--jaune);
    padding: 24px;
	box-sizing: border-box;
	margin-bottom: 48px;
}

.sing-realisation-bloc-specification-figures-content{
	border: 2px solid var(--jaune);
	padding: 24px;
	box-sizing: border-box;
	margin-bottom: 48px;
	
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 24px;
}

.sing-realisation-bloc-specification-figures-content p{
	margin-bottom: 0;
	margin-top: 0;
}

.sing-realisation-bloc-specification-figures-wrap{
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 12px;
}

.sing-realisation-bloc-column-list-container{
	margin-bottom: 16px;
}

.sing-realisation-bloc-column-list-container li:not(:last-child){
	margin-bottom: 24px;
}

.single-realisations .savoir-bloc-separateur-container{
	align-items: flex-start;
	padding-bottom: 96px;
}

.savoir-bloc-separateur-container.reversed{
	flex-direction: row-reverse;
}

.savoir-bloc-separateur-container.reversed .savoir-bloc-separateur-image-container .hexagone-mask{
	transform: translateX(10%) scale(1.2);
}

.savoir-bloc-separateur-container.reversed .savoir-bloc-separateur-content{
	padding-left: 7.5vw;
    padding-right: 2.5vw;
}

.sing-realisation-bloc-column-list-container .qui-bloc-expertise-list-content{
	align-items: flex-start;
}

.sing-realisation-bloc-column-list-container .qui-bloc-expertise-list-content img{
	margin-top: 6px;
}

.sing-realisation-paragraphe-text-container{
	width: calc(100% - 88px);
}

.sing-realisation-paragraphe-text-container .page-bloc-paragraphe-text-content{
	width: 100%;
	margin-bottom: 16px;
}

/*******************************/

.hub-realisation-header-container{
	background-color: var(--bleu-casse);
	width: 100%;
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-bottom: 64px;
}

.hub-realisation-header-image-container{
	position: relative;
	z-index: 10;
	display: flex;
	justify-content: flex-end;
	width: 50%;
}

.hub-realisation-header-image-container .hexagone-mask{
	height: 32.5vw;
    width: 40vw;
    transform: translateX(12%) translateY(10%);
	background-color: #ACC4FF;
	display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
	padding: 0 20%;
	box-sizing: border-box;
}

.hub-realisation-header-exergue-content{
	font-weight: bold;
    font-size: 2rem;
    line-height: 1.2;
    margin-bottom: 24px;
}

.hub-realisation-header-content{
	width: 50%;
}

.hub-realisation-header-tag{
	padding-right: 48px;
	padding-left: 198px;
	background-color: var(--bleu-fonce);
	box-sizing: border-box;
	height: 68px;
	display: inline-flex;
	align-items: center;
	color: var(--blanc);
	font-weight: bold;
	text-transform: uppercase;
}

.hub-realisation-header-info{
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 96px;
	padding-bottom: 96px;
	padding-left: 10vw;
	padding-right: 2.5%;
	box-sizing: border-box;
}

.hub-realisation-header-content h1{
	font-size: 3.5rem;
	margin-bottom: 24px;
}

.hub-realisation-header-introduction{
	margin-top: 0;
	margin-bottom: 24px;
}

.hub-realisation-header-introduction p{
	margin-top: 0;
}

.hub-realisation-header-introduction p:last-child{
	margin-top: 0;
	margin-bottom: 0;
}

.sing-realisation-header-cta-container{
	display: flex;
	justify-content: flex-end;
}

.hub-realisation-header-cta-content{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	font-weight: bold;
	transition: all .2s ease-in-out;
	box-sizing: border-box;
	text-decoration: none;
}

.hub-realisation-title{
	padding: 0 7.5vw;
	box-sizing: border-box;
	margin-bottom: 64px;
}

.hub-realisation-container{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 0 7.5vw;
	box-sizing: border-box;
	margin-bottom: 96px;
}

.hub-realisation-filter-container{
	width: 30%;
}

.hub-realisation-grid-container{
	width: 67.5%;
}

.hub-realisation-grid-content{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 48px;
}

.hub-realisation-grid-tag{
	display: flex;	
	flex-direction: column;
	margin-top: 12px;
	margin-bottom: 4px;
}

.hub-realisation-grid-tag li{
	margin-right: 12px;
	margin-bottom: 8px;
}

.hub-realisation-grid-filtered{
	margin-top: 0;
	margin-bottom: 24px;
}

.hub-realisation-container h3{
	margin-bottom: 24px;
	font-size: 1.5rem;
	line-height: 1.2;
}

.hub-realisation-filter-reset{
	margin-bottom: 24px;
	display: block;
}

.hub-realisation-filter-content{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 48px;
}

.hub-realisation-filter-content li{
	padding: 8px 12px;
	box-sizing: border-box;
	font-weight: bold;
}

.hub-realisation-filter-content li:not(:last-child){
	margin-bottom: 12px;
}

.hub-realisation-grid-wrap{
	margin-bottom: 32px;
}

.skill-parent-bloc-list-wrapper .savoir-bloc-accompagnement-wrap a:hover,
.hub-realisation-grid-wrapper a:hover{
	text-decoration: none;
}

.skill-parent-bloc-list-wrapper .savoir-bloc-accompagnement-wrap a:hover h3,
.hub-realisation-grid-wrapper a:hover h3{
	text-decoration: underline;
}

.skill-parent-bloc-list-wrapper .savoir-bloc-accompagnement-wrap a:hover .border-cta-button-primary,
.hub-realisation-grid-wrapper a:hover .border-cta-button-primary{
	background-color: var(--bleu-fonce); 
	color: var(--blanc);
	text-decoration: none;
}


.hub-realisation-grid-wrapper a{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.hub-pagination{
	margin-top: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
}

.hub-pagination span, .hub-pagination a{
	margin: 0 12px
}

.hub-pagination .page-numbers.current{
	color: #ACC4FF;
}

.filter-item{
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.filter-item.active:after{
	content: 'X';
	display: inline-block;
	margin-left: 12px;
}

/*******************************/

.missions{
	background-color: #ACC4FF;
	padding: 144px 10vw 96px;
	box-sizing: border-box;
}

.mission-bloc-introduction-selecteur{
	display: flex;
	flex-wrap: wrap;
}

.mission-bloc-introduction-selecteur-button{
	margin-bottom: 12px;
	margin-right: 12px;
	font-weight: bold;
	padding: 8px 12px;
	box-sizing: border-box;
	border: 2px solid var(--bleu-fonce);
	transition: all .2s ease-in-out;
	cursor: pointer;
	text-transform: uppercase;
}

.mission-bloc-introduction-selecteur-button:hover,
.mission-bloc-introduction-selecteur-button.active{
	background-color: var(--bleu-fonce);
	color: var(--blanc);
}

.mission-bloc-introduction-container{
	margin-bottom: 64px;
}

.mission-bloc-introduction-content{
	font-size: 1.25rem;
	margin-bottom: 48px;
}

.mission-slide-container h2{
	margin-bottom: 64px;
}

.mission-slide-content{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.mission-slide-content .page-bloc-paragraphe-text-container,
.mission-slide-content .savoir-bloc-separateur-content{
	width: 47.5%;
}

.mission-slide-content  .savoir-bloc-separateur-content .page-bloc-paragraphe-text-container{
	width: 100%;
}

.mission-slide-content .savoir-bloc-separateur-content .page-bloc-list-container{
	margin-bottom: 64px;
}

/*******************************/

.conviction-header-container{
	background-color: var(--bleu-casse);
	width: 100%;
	min-height: calc(100vh - 120px);
	position: relative;
	display: flex;
	justify-content: space-between;
	padding-bottom: 64px;
	box-sizing: border-box;
}

.conviction-header-image-container{
	position: relative;
	z-index: 10;
	height: calc(100vh - 120px);
	width: 50%;
}

.conviction-header-image-container .hexagone-mask{
	transform: translateX(25%) scale(1.25);
	background-position: center;
	background-size: cover;
}

.conviction-header-content{
	width: 50%;
}

.conviction-header-tag{
	padding-right: 48px;
	padding-left: 198px;
	background-color: var(--bleu-fonce);
	box-sizing: border-box;
	height: 68px;
	display: inline-flex;
	align-items: center;
	color: var(--blanc);
	font-weight: bold;
	text-transform: uppercase;
}

.conviction-header-info{
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 10vw;
	padding-right: 2.5%;
	box-sizing: border-box;
	height: calc(100% - 68px);
}

.conviction-header-breadcrumb{
	margin-top: 24px;
	margin-bottom: 48px;
	display: block;
	font-weight: bold;
}

.conviction-header-client{
	font-size: 1.25rem;
	text-transform: uppercase;
}

.conviction-header-client, .conviction-header-etiquette{
	color: var(--bleu-clair);
	margin-bottom: 24px;
}

.conviction-header-content h1{
	font-size: 2.5rem;
	margin-bottom: 24px;
}

.conviction-header-introduction{
	margin-top: 0;
	margin-bottom: 24px;
}

.conviction-header-introduction p{
	margin-top: 0;
}

.conviction-header-introduction p:last-child{
	margin-top: 0;
	margin-bottom: 0;
}

.conviction-underline{
	display: inline-block;
	position: relative;
}

.conviction-underline:after{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 8px;
	background-color: var(--bleu-clair);
	bottom: 0;
	left: 0;
}

.conviction-header-info h1{
	font-size: 2rem;
}

.conviction-header-info p{
	font-size: 4rem;
	line-height: 1.5;
	font-weight: 700;
}

.conviction{
	background-color: var(--bleu-casse);
}

.conviction-bloc-1-container{
	padding: 96px 7.5%;
	box-sizing: border-box;
	text-align: right;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.conviction-bloc-1-text-container{
	margin-bottom: 48px;
}

.conviction-bloc-1-text-container,
.conviction-bloc-2-text-container,
.conviction-bloc-3-text-container{
	width: 50%;
}

.conviction-bloc-1-exergue-container{
	width: 90%;
}

.conviction-bloc-1-text-container{
	font-size: 1.25rem;
}

.conviction-bloc-2-container,
.conviction-bloc-3-container,
.conviction-bloc-5-container{
	padding: 48px 7.5%;
	box-sizing: border-box;
}

.conviction-section-title{
	color: var(--bleu-clair);
	font-size: 1.5rem;
	margin-bottom: 48px;
}

.conviction-bloc-exergue-container{
	margin-top: 0;
	margin-bottom: 48px;
	font-size: 2rem;
	font-weight: 700;
}

.conviction-bloc-2-container .conviction-bloc-exergue-container{
	text-align: right;
}

.conviction-bloc-column-container{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 48px;
}

.conviction-bloc-column-container-bis{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 48px;
}

.conviction-bloc-3-container .conviction-bloc-column-container-bis{
	margin-bottom: 0;
}

.conviction-bloc-column-container-bis .conviction-bloc-column-content{
	width: 20%
}

.conviction-bloc-column-title-image{
	width: calc(25% - 64px);
}

.conviction-bloc-column-title-image img{
	width: 100%;
}

.conviction-bloc-column-icon{
	display: block;
	width: 32px;
	height: 32px;
}

.conviction-bloc-4-container{
	display: flex;
}

.conviction-bloc-4-content{
	padding-left: 2.5vw;
	padding-right: 7.5vw;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.conviction-bloc-4-content p{
	font-size: 4rem;
	line-height: 1.2;
	margin-bottom: 64px;
	text-align: right;
	font-weight: bold;
}

.conviction-bloc-4-container .savoir-bloc-separateur-image-container{
	margin-top: 96px;
}

.conviction-bloc-4-container .savoir-bloc-separateur-image-container .hexagone-mask{
	transform: translateX(-10%);
}

.conviction-bloc-5-container .conviction-bloc-exergue-container{
	font-size: 4rem;
	line-height: 1.2;
	margin-bottom: 64px;
	font-weight: bold;
}

.conviction-bloc-5-container .conviction-bloc-column-container-bis{
	text-align: center;
}

.conviction-bloc-column-separator{
	height: 8px;
	width: 48px;
	background-color: #ACC4FF;
	margin: 24px auto;
	display: block;
}

/*******************************/
/*******************************/

/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/wp-content/uploads/2025/07/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    /*src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');*/
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/*******************************/

/**
 * 14.0 - Media Queries
 */

@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

@media screen and (min-width: 1600px) {
}

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

@media screen and (max-width: 960px) {
	
	.main-menu-skill-button-container.minus{
		height: 100px;
	}
	
	.current-menu-item, .current-menu-item a{
		color: var(--blanc) !important;
		text-decoration: underline !important;
	}
	
	.main-menu-skill-button-container:hover, 
	.skill-button-container:hover{
		background-color: var(--bleu-clair);
	}
	
	.main-menu-skill-button-container span, 
	.main-navigation-wrapper{
		display: none;
	}
	
	.main-menu-navigation-container,
	.skill-main-menu-navigation-container{
		height: 100px;
	}
	
	.main-menu-skill-button-container,
	.skill-button-container{
		height: 100px;
    	width: 100px;
	}
	
	.main-menu-skill-button-container img{
		margin: 0 auto;
	}
	
	.main-menu-navigation-container,
	.skill-main-menu-navigation-container{
		padding-left: 0;
		padding-right: 24px;
		justify-content: flex-end;
		align-items: center;
	}
	
	.main-menu-navigation-container img, 
	.skill-main-menu-navigation-container img{
		margin: 0;
	}
	
	.skill-main-menu-navigation-container{
		width: calc(100% - 100px);
	}
	
	.active-arrow{
		visibility: hidden;
	}	
		
	.skill-menu-content{
		width: 100%;
	}
	
	.skill-menu-child-container{
		position: absolute;
		left: 100%;
		width: 100%;
		height: 100%;
		transition: all .2s ease-in-out;
	}
	
	.skill-menu-parent-container{
		padding-right: 2.5vw;
		width: 100%;
	}
	
	.skill-menu-container{
		overflow-x: hidden;
	}
	
	.menu-responsive-menu-container{
		font-weight: bold;
	}
	
	.sub-menu-container{
		position: relative;
		cursor: pointer;
	}
	
	.sub-menu-container .sub-menu{
		position: static;
		transform: none;
		background-color: transparent;
		text-align: left;
		border: none;
		display: none;
		padding: 0;
		width: auto;
        height: auto;
		box-sizing: border-box;
		margin-top: 12px;
	}

	.sub-menu-container .sub-menu li{
		white-space: nowrap;
		margin: 0;
		padding: 12px 0;
	}
	
	.sub-menu-container .sub-menu li:not(:last-child){
		margin-bottom: 12px
	}

	.responsive-skill-menu-content a{
		text-decoration: none;
	}
	
	.sub-menu-container .sub-menu li a,
	.sub-menu-container .sub-menu li a:hover{
		color: var(--blanc);
		text-decoration: none;
	}
	
	.sub-menu-container .sub-menu li.current-menu-item a{
		color: var(--blanc)!important;
		text-decoration: underline;
	}
	
	.skill-back-container{
		display: inline-flex;
	}
	
	.skill-menu-content,
	.skill-menu-button{
		font-size: 1.5rem;
	}
	
	.skill-menu-parent-title{
		font-size: 1.75rem;
	}
	
	.sub-menu-container a:after{
		content: url(/wp-content/uploads/2025/06/icon-menu-next.svg);
		display: block;
		height: 32px;
		width: 32px;
		transition: all .2s ease-in-out;
		background-color: transparent;
	}
	
	.sub-menu-container.active a:after{
		transform: rotate(90deg);
	}
	
	.sub-menu-container	a{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.sub-menu-container .sub-menu a{
		display: inline-block;
		font-weight: normal;
	}
	
	.sub-menu-container .sub-menu a:after{
		content: none;
		display: none;
	}
	
	.skill-menu-container .skill-main-menu-container{
		display: none;
	}
	
	.skill-menu-container{
		top: 100px;
		height: calc(100vh - 100px);
	}
	
	.skill-menu-button{
		padding-right: 0;
	}
	
	.responsive-skill-button-container:after, .skill-menu-button:after{
		display: block;
	}
	
	.skill-submenu-list li:not(:last-child){
		margin-bottom: 24px;
	}

	.skill-menu-button-1{
		color: var(--blanc)
	}
	
	.skill-back-container, 
	.skill-categorie-back-container,
	.skill-subcategorie-back-container{
		display: inline-flex;
	}
	
	/**************************/
	
	.footer-navigation-container,
	.page-bloc-question-content p{
		text-align: center;
	}
	
	.footer-navigation-container p, .footer-navigation-container menu{
		margin-right: 0;
	}
	
	.footer-navigation-container p,
	.footer-navigation-container menu{
		margin-bottom: 48px;
	}
	
	.footer-navigation-container,
	.footer-logo-container{
		align-items: center;
    	justify-content: center;
	}
	
	.footer-logo-container img{
		margin-left: 24px;
	}
	
	.site-footer{
		padding: 48px 15%;
	}
	
	/********************/
	
	.footer-navigation-container,
	.site-footer,
	.home-header-container,
	.page-header-container,
	.qui-bloc-two-column-container,
	.engagement-bloc-introduction-content,
	.engagement-bloc-social-container,
	.engagement-bloc-social-bis-container,
	.contact-bloc-container,
	.flexible-bloc-text-image-right-container,
	.culture-bloc-job-wrapper,
	.certification-bloc-two-column-container,
	.certification-bloc-separator-columns-content,
	.skill-parent-header-container,
	.skill-parent-bloc-introduction-container{
		flex-direction: column;
	}
	
	.savoir-bloc-separateur-container,
	.engagement-bloc-separateur-container,
	.engagement-bloc-initiative-container,
	.engagement-bloc-label-container,
	.flexible-bloc-text-image-left-container,
	.culture-bloc-work-content,
	.culture-bloc-separateur-container,
	.skill-parent-bloc-prestations-container,
	.skill-child-bloc-prestations-container{
		flex-direction: column-reverse;
	}
	
	.footer-navigation-container,
	.home-header-content,
	.page-header-content,
	.qui-bloc-two-column-content, 
	.qui-bloc-two-column-figures-container,
	.page-bloc-paragraphe-content,
	.savoir-bloc-separateur-container .savoir-bloc-separateur-content,
	.engagement-bloc-separateur-container .engagement-bloc-separateur-content,
	.engagement-bloc-initiative-right-container,
	.engagement-bloc-initiative-left-container,
	.engagement-bloc-social-container .engagement-bloc-social-content,
	.engagement-bloc-label-content,
	.engagement-bloc-separateur-content,
	.contact-bloc-content,
	.flexible-bloc-text-image-left-container .flexible-bloc-text-image-left-content,
	.flexible-bloc-text-image-right-content,
	.engagement-bloc-introduction-wrapper,
	.culture-bloc-work-grid-container,
	.culture-bloc-work-label-container,
	.culture-bloc-separateur-container .culture-bloc-separateur-content,
	.certification-bloc-two-column-content, 
	.certification-bloc-two-column-figures-container,
	.certification-bloc-separator-text-container,
	.skill-parent-header-content h1,
	.skill-child-header-content h1,
	.skill-parent-bloc-prestations-container .skill-parent-bloc-prestations-content,
	.skill-parent-bloc-besoins-image,
	.skill-child-bloc-prestations-container .skill-child-bloc-prestations-content,
	.skill-child-bloc-besoins-image,
	.skill-parent-joblist-content, .skill-child-joblist-content,
	.skill-parent-header-content, .skill-parent-header-image-container,
	.skill-parent-bloc-introduction-container h2,
	.skill-parent-bloc-introduction-container div{
		width: 100%;
	}
	
	.home-header-container,
	.page-header-container{
		height: auto;
		align-items: flex-end;
		/*height: 100vh;*/
	}
	
	.home-header-content,
	.page-header-info,
	.savoir-bloc-separateur-container .savoir-bloc-separateur-content,
	.engagement-bloc-separateur-container .engagement-bloc-separateur-content,
	.engagement-bloc-label-content,
	.engagement-bloc-separateur-content,
	.flexible-bloc-text-image-left-container .flexible-bloc-text-image-left-content,
	.flexible-bloc-text-image-right-content,
	.culture-bloc-work-grid-container,
	.culture-bloc-separateur-container .culture-bloc-separateur-content,
	.skill-parent-bloc-prestations-container .skill-parent-bloc-prestations-content,
	.skill-child-bloc-prestations-container .skill-child-bloc-prestations-content,
	.skill-child-bloc-besoins-container .skill-child-bloc-list-introduction{
		padding-right: 7.5%;
		padding-left: 7.5%;
	}
	
	.home-header-video-container,
	.page-header-image-container,
	.home-bloc-illustration-content,
	.savoir-bloc-separateur-image-container .hexagone-mask,
	.engagement-bloc-separateur-image-container .hexagone-mask,
	.engagement-bloc-exergue-container.hexagone-mask,
	.engagement-bloc-social-bis-container .engagement-bloc-separateur-image-container .hexagone-mask,
	.culture-bloc-separateur-image-container .hexagone-mask,
	.flexible-bloc-text-image-left-image-container .hexagone-mask,
	.flexible-bloc-text-image-right-image-container .hexagone-mask,
	.skill-parent-bloc-prestations-container .hexagone-mask,
	.skill-child-bloc-prestations-container .hexagone-mask{
		width: 75vw;
		height: 60vw;
	}
	
	.home-header-video-container.hexagone-mask{
		transform: translateX(15%) translateY(12.5%);
	}
	
	.page-header-image-container .hexagone-mask,
	.engagement-bloc-social-bis-container .engagement-bloc-separateur-image-container .hexagone-mask,
	.flexible-bloc-text-image-left-image-container .hexagone-mask{
		transform: translateX(10%) translateY(12.5%);
	}
	
	.home-bloc-column-content,
	.qui-bloc-expertise-haut-container,
	.qui-bloc-expertise-bas-container,
	.savoir-bloc-accompagnement-wrapper,
	.savoir-bloc-temoignage-content,
	.culture-bloc-work-grid-container,
	.culture-bloc-job-wrap,
	.skill-parent-bloc-list-wrapper{
		grid-template-columns: 1fr;
	}
	
	.home-bloc-illustration-container{
		height: 75vw;
	}

	.home-bloc-illustration-container img{
		position: absolute;
		bottom: 0;
		left: 0;
	}
	
	.home-bloc-illustration-content p{
		font-size: 3.5rem;
	}

	.page-header-tag,
	.skill-child-header-tag,
	.skill-parent-header-tag{
		padding-left: 44px;
		padding-right: 44px;
	}
	
	.page-header-info,
	.skill-parent-bloc-introduction-container h2{
		margin-top: 24px;
	}
	
	.qui-bloc-two-column-container,
	.savoir-bloc-separateur-container,
	.flexible-bloc-text-image-right-container,
	.culture-bloc-separateur-container{
		align-items: flex-start;
	}
	
	.engagement-bloc-separateur-container,
	.engagement-bloc-label-container,
	.engagement-bloc-social-bis-container,
	.flexible-bloc-text-image-left-container{
		align-items: flex-end;
	}
	
	.qui-bloc-two-column-content,
	.savoir-bloc-separateur-content,
	.engagement-bloc-separateur-content,
	.engagement-bloc-social-container .engagement-bloc-social-content,
	.engagement-bloc-label-content,
	.engagement-bloc-introduction-wrapper,
	.culture-bloc-job-introduction-container,
	.certification-bloc-two-column-content,
	.skill-parent-bloc-prestations-content,
	.skill-child-bloc-prestations-content,
	.skill-parent-header-introduction,
	.culture-bloc-two-column-figures-content,
	.culture-bloc-job-container{
		margin-bottom: 48px;
	}
	
	.engagement-bloc-initiative-right-container,
	.certification-bloc-two-column-container{
		padding: 96px 7.5% 48px;
	}
	
	.engagement-bloc-initiative-container{
		margin-bottom: 0;
	}
	
	.engagement-bloc-introduction-esg-container{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 48px;
		width: 100%;
	}
	
	.engagement-bloc-introduction-esg-container li:not(:first-child){
		margin-top: 0;
	}
	
	.engagement-bloc-exergue-container{
		padding: 0 144px;
	}
	
	.engagement-bloc-social-bis-container{
		padding: 64px 0 0;
		margin: 96px 0 144px;
	}
	
	.engagement-bloc-social-bis-container .engagement-bloc-separateur-content{
		margin-bottom: 0;
	}
	
	.contact-bloc-container{
		padding: 96px 7.5%;
	}
	
	.contact-bloc-avatar-container{
		margin: 0 auto;
	}
	
	.site-content.article{
		padding-top: 64px;
	}
	
	.flexible-bloc-text-image-left-container .flexible-bloc-text-image-left-content{
		padding-bottom: 0;
	}
	
	.flexible-bloc-text-image-right-container{
		padding: 64px 0;
	}
	
	.flexible-bloc-text-image-right-image-container .hexagone-mask{
		transform: translateX(-10%) translateY(48px) scale(1.2);
	}
	
	.engagement-bloc-introduction-container,
	.culture-bloc-work-grid-container,
	.certification-bloc-separator-columns-container,
	.skill-parent-bloc-list-container{
		margin-bottom: 64px;
	}
	
	.culture-bloc-work-label-container .engagement-bloc-separateur-certification-content{
		width: 85%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.culture-bloc-work-label-container{
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}
	
	.culture-bloc-work-label-avatar{
		transform: translateY(-48px) translateX(-140%);
	}
	
	.culture-bloc-job-wrapper img{
		margin: 0 auto 48px;
		width: 50vw;
		transform: none;
	}
	
	.skill-child-header-image-container{
		position: relative;
		right: auto;
		width: 30vw;
		transform: translateX(65vw);
	}
	
	.contact-avatar{
		right: 5vw;
	}
	
	.skill-parent-bloc-besoins-container,
	.skill-child-bloc-besoins-container{
		width: 100%;
		margin-left: 0;
	}
	
	.skill-parent-bloc-besoins-image
	.skill-child-bloc-besoins-image{
		transform: none;
		margin-bottom: 48px;
	}
	
	.skill-child-joblist-container{
		padding: 64px 7.5%;
	}
	
	.skill-child-header-container{
		padding-bottom: 96px;
	}
	
	.skill-parent-header-image-container{
		height: 50vh;
	}
	
	.skill-parent-header-info{
		padding-left: 7.5vw;
		padding-right: 7.5vw;
		margin-top: 48px;
	}
	
	.skill-parent-header-image-container img {
		width: 20%;
		left: 7.5vw;
		transform: none;
	}
	
	.skill-parent-bloc-list-introduction{
		margin: 0 auto 96px;
	}
	
	.skill-parent-bloc-introduction-container{
		width: 85%;
		margin: 64px auto;
	}
	
	.skill-parent-joblist-container{
		width: 85%;
		margin: 0 auto 64px;
	}
}

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

@media screen and (max-width: 486px) {
	body{
		font-size: .9rem;
	}
	
	.index-bullet-icon{
		width: 32px;
    	height: 8px;
		margin-right: 12px;
	}
	
	.page-bloc-paragraphe-text-content{
		width: calc(100% - 44px);
	}
	
	.certification-bloc-two-column-figures-content,
	.culture-bloc-two-column-figures-content{
		grid-template-columns: 1fr;
	}
	
	.qui-bloc-reference-content{
		grid-template-columns: 1fr 1fr;
	}
	
	.home-header-content, .page-header-info, .savoir-bloc-separateur-container .savoir-bloc-separateur-content, .engagement-bloc-separateur-container .engagement-bloc-separateur-content, .engagement-bloc-label-content, .engagement-bloc-separateur-content, .flexible-bloc-text-image-left-container .flexible-bloc-text-image-left-content, .flexible-bloc-text-image-right-content, .skill-parent-header-info, .skill-child-header-info,.skill-parent-bloc-prestations-container .skill-parent-bloc-prestations-content, .skill-child-bloc-prestations-container .skill-child-bloc-prestations-content,
	.skill-parent-bloc-list-content, .skill-child-bloc-besoins-container .skill-child-bloc-list-introduction{
		padding-right: 5%;
        padding-left: 5%;
	}
	
	.home-bloc-column-container,
	.qui-bloc-reference-content,
	#error-page-content,
	.certification-bloc-separator-columns-content{
		padding: 0 5%;
	}
	
	.home-header-content{
		padding-top: 48px;
	}
	
	.home-header-content h1,
	.page-header-content h1,
	.article-header .page-header-content h1,
	#error-page-content div h1{
		font-size: 3rem;
	}
	
	.skill-parent-header-content h1,
	.skill-child-header-content h1{
		font-size: 2.5rem;
	}
	
	.home-bloc-illustration-content p,
	.page-bloc-question-content p{
		font-size: 2.5rem;
	}
	
	.home-header-video-container, .page-header-image-container, .home-bloc-illustration-content, .engagement-bloc-separateur-image-container .hexagone-mask, .engagement-bloc-social-bis-container .engagement-bloc-separateur-image-container .hexagone-mask, .flexible-bloc-text-image-left-image-container .hexagone-mask, .skill-parent-bloc-prestations-container .hexagone-mask, .skill-child-bloc-prestations-container .hexagone-mask{
		width: 100vw;
        height: 80vw;
	}
	
	.flexible-bloc-text-image-right-image-container .hexagone-mask,
	.savoir-bloc-separateur-image-container .hexagone-mask,
	.culture-bloc-separateur-image-container .hexagone-mask{
		width: 95vw;
        height: 75vw;
	}
	
	.engagement-bloc-exergue-container.hexagone-mask{
		width: 100vw;
        height: 85vw;
	}
	
	h2{
		font-size: 1.75rem;
	}
	
	.home-bloc-illustration-container{
		height: 100vw;
	}
	
	.border-cta-button-primary,
	.border-cta-button-primary-bis{
		padding: 8px 24px;
	}
	
	.page-bloc-question-content{
		padding: 48px 5%;
	}
	
	.page-bloc-question-content p,
	.footer-navigation-container p, 
	.footer-navigation-container menu,
	.engagement-bloc-introduction-wrapper{
		margin-bottom: 24px;
	}
	
	#error-page-content div,
	.skill-child-bloc-besoins-image{
		margin-bottom: 48px;
	}
	
	.page-bloc-question-container,
	.home-bloc-illustration-container,
	.qui-bloc-reference-content,
	.savoir-bloc-temoignage-container,
	.engagement-bloc-initiative-left-container,
	.savoir-bloc-separateur-container .savoir-bloc-separateur-content,
	.culture-bloc-separateur-container .culture-bloc-separateur-content,
	.skill-parent-bloc-besoins-container,
	.skill-child-bloc-besoins-container{
		margin-bottom: 64px;
	}
	
	.site-footer{
		padding: 24px 5%;
	}
	
	.responsive-skill-menu-content,
	.skill-menu-parent-container{
		padding: 48px 5vw;
	}
	
	.responsive-skill-button-container{
		font-size: 1.5rem;
	}
	
	.responsive-skill-menu-content,
	.skill-menu-content, 
	.skill-menu-button{
		font-size: 1rem;
	}
	
	.contact-bloc-container,
	.flexible-bloc-paragraphe-half-container{
		padding: 64px 5%;
	}
	
	.contact-bloc-avatar-container{
		width: 70%;
	}
	
	.qui-bloc-two-column-container,
	.page-bloc-paragraphe-container{
		padding: 96px 5% 64px;
	}
	
	.qui-bloc-expertise-introduction-container,
	.qui-bloc-reference-introduction-container{
		padding: 64px 5% 48px;
	}
	
	.qui-bloc-expertise-bas-container,
	.flexible-bloc-paragraphe-full-container,
	.culture-bloc-job-container{
		padding: 64px 5%;
	}
	
	.culture-bloc-job-container{
		margin-bottom: 24px;
	}
	
	.qui-bloc-expertise-haut-container{
		padding: 0 5% 48px;
	}
	
	.qui-bloc-expertise-header-container img{
		width: 64px;
	}
	
	.qui-bloc-expertise-header-content{
		width: calc(100% - 88px);
	}
	
	.savoir-bloc-accompagnement-container{
		margin-top: 96px;
    	padding: 0 5%;
		margin-bottom: 64px;
	}
	
	.savoir-bloc-temoignage-container{
		padding: 96px 5% 64px;
	}
	
	.engagement-bloc-introduction-container{
		padding: 96px 5% 0;
	}
	
	.savoir-bloc-separateur-container .savoir-bloc-separateur-content{
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.engagement-bloc-separateur-container{
		margin: 64px 0 0;
	}
	
	.engagement-bloc-initiative-right-container img{
		width: 100%;
		margin-bottom: 48px;
	}
	
	.engagement-bloc-label-container{
		margin: 64px 0;
	}
	
	.engagement-bloc-separateur-certification-content{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 48px;
	}
	
	.engagement-bloc-exergue-container.hexagone-mask{
		padding: 0 64px;
	}
	
	.engagement-bloc-exergue-container p,
	.skill-parent-bloc-prestations-container .hexagone-mask p,
	.skill-child-bloc-prestations-container .hexagone-mask p{
		font-size: 1.5rem;
	}
	
	.engagement-bloc-exergue-content p{
		width: calc(100% - 64px);
	}
	
	.engagement-bloc-exergue-content img{
		width: 48px;
	}
	
	.engagement-bloc-exergue-content{
		margin-bottom: 0;
	}
	
	.engagement-bloc-social-bis-container{
		margin: 24px 0 64px;
	}
	
	.page-bloc-list-container,
	.engagement-bloc-separateur-certification-content{
		margin-left: 44px;
	}
	
	.culture-bloc-separateur-container .culture-bloc-separateur-content{
		padding-bottom: 0;
	}
	
	.certification-bloc-separator-columns-container h2,
	.skill-parent-bloc-list-introduction{
		width: 90%;
	}
	
	.certification-bloc-separator-columns-container{
		padding: 64px 0;
	}
	
	.skill-parent-bloc-besoins-container .skill-parent-bloc-list-introduction,
	.skill-parent-bloc-besoins-container .page-bloc-list-container
	.skill-child-bloc-besoins-container .skill-child-bloc-list-introduction,
	.skill-child-bloc-besoins-container .page-bloc-list-container{
		padding: 0 5vw;
	}
	
	.skill-child-joblist-container{
		padding: 48px 5% 24px;
	}
	
	.contact-avatar {
		width: 128px;
		right: 5%;
	}
	
	.skill-parent-bloc-besoins-container,
	.skill-child-bloc-besoins-container{
		padding: 0 0 24px;
	}
	
	.skill-parent-header-info{
		padding-left: 5vw;
		padding-right: 5vw;
		margin-top: 24px;
	}
	
	.skill-parent-header-image-container img {
		width: 35%;
		left: 5vw;
	}
	
	.skill-parent-header-container{
		height: 100vh;
	}
	
	.skill-parent-bloc-introduction-container{
		width: 90%;
        margin: 48px auto;
	}
	
	.skill-child-bloc-besoins-image{
		transform: none;
	}
	
	.skill-child-header-container{
		padding-bottom: 48px;
	}
}

/**
 * 15.0 - Print
 */

@media print {
}

.grecaptcha-badge{
	visibility: hidden; 
}