@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body {
    font-family: 'Montserrat', sans-serif;
    overflow-x:hidden;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;
    color: #004f4f;
}
.montserrat {
    font-family: 'Montserrat', sans-serif !important;
    font-optical-sizing: auto;
    font-style: normal;
}
.text-shadow {
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.content-wrap section {
    padding-top: 60px;
    padding-bottom: 60px;
}
a.anchor {
    display: block;
    position: relative;
    top: -70px;
    visibility: hidden;
}
img.width50 {
    max-width: 50%;
}
.title-highlight-1 {
	background-image: url(../img/title-highlight-1.svg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	display: inline-block;
	padding: 30px 35px 20px 60px;
	line-height: 1;
	text-transform: uppercase;
	color: #0d2a28;
	font-weight: 600;
}
.title-highlight-2 {
	display: inline-block;
	text-transform: uppercase;
	font-weight: 800;
	color: #004f50;
	line-height: 1.2;
	font-size: 21px;
	background-image: url(../img/title-highlight-2.svg);
	background-size: 160px 25px;
	background-repeat: no-repeat;
	background-position: 40% 100%;
	padding-bottom: 25px;
}

/*** BUTTONS ***/

.button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    padding: 8px 25px;
    font-size: 14px;
    line-height: 1;
    border: none;
}
.button.button-black {
    background-color: #000;
    color: #fff;
    border: 2px solid #000;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
}
.button.button-black:hover {
    color: #000 !important;
}
.button.button-black.button-fill:before {
    background-color: #fff !important;
}
.button.button-white {
    background-color: #fff;
    color: #000;
    border: 2px solid #000;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
}
.button.button-white:hover {
    color: #fff;
}
.button.button-white.button-fill:before {
    background-color: #000 !important;
}
.button.button-transp {
    background-color: transparent;
    color: #000;
    border: 2px solid #000;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
}
.button.button-transp:hover {
    color: #000;
}
.button.button-transp.button-fill:before {
    background-color: #fff !important;
}

/*** HEADER ***/

/* RANDOM PAGE BANNER BACKGROUND */
.random_bckg_1 {
    background: #31b2cb;
    background-image: url('../img/motif.png'), linear-gradient(45deg, rgba(24,118,254,1) 0%, rgba(107,253,231,1) 100%);
    background-blend-mode: overlay, normal;
    background-size: auto;
    background-repeat: repeat;
}
.random_bckg_2 {
    background: #0dd0a0;
    background-image: url('../img/motif.png'), linear-gradient(45deg, #0dd0a0 50%, #fff 100%);
    background-blend-mode: overlay, normal;
    background-size: auto;
    background-repeat: repeat;
}
.random_bckg_3 {
    background: #31b2cb;
    background-image: url('../img/motif.png'), linear-gradient(45deg, #31b2cb 50%, #fff 100%);
    background-blend-mode: overlay, normal;
    background-size: auto;
    background-repeat: repeat;
}
.random_bckg_4 {
    background: #6917ff;
    background-image: url('../img/motif.png'), linear-gradient(45deg, #691efe 50%, #fff 100%);
    background-blend-mode: overlay, normal;
    background-size: auto;
    background-repeat: repeat;
}

header .container {
    padding-left: 0;
    padding-right: 0;
}
#header{
    max-height: 88px;
    z-index: 999;
}

header.transparent-header .logo-black {
    display: none;
}
header.transparent-header .logo-white {
    display: block;
}
header:not(.transparent-header) .logo-black {
    display: block;
}
header:not(.transparent-header) .logo-white {
    display: none;
}
header.transparent-header.sticky-header .logo-black {
    display: block;
}
header.transparent-header.sticky-header .logo-white {
    display: none;
}
.menu-link{
    cursor:pointer;
}
.transparent-header .primary-menu .menu-container .menu-link {
    color: #fff;
    letter-spacing: 1px;
    position: relative;
}
header:not(.transparent-header) .primary-menu .menu-container .menu-link {
    color: #1f494c;
    letter-spacing: 1px;
    position: relative;
}
.primary-menu .menu-container .menu-link:after {
    content: "";
    width: 0;
    opacity:0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    height: 1px;
    display: block;
    background: #FFF;
    position: absolute;
    left: 0;
    bottom:-7px;
    -webkit-transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -o-transition:all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -moz-transition:all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -webkit-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -moz-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -o-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
}
.primary-menu .menu-container > li > .menu-link:after {
    bottom: 20px;
}
.sticky-header .primary-menu .menu-container > li > .menu-link:after {
    bottom: 10px;
}
.sticky-header .primary-menu .menu-container .menu-link:after,
.primary-menu .menu-container .sub-menu .menu-link:after {
    background: #1f494c;
}
.primary-menu .menu-container .menu-item:hover > .menu-link:after {
    width: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
header.sticky-header .primary-menu .menu-container .menu-link {
    color: #1f494c;
}
header .primary-menu .menu-container .sub-menu .sub-menu .menu-link,
header.sticky-header .primary-menu .menu-container .sub-menu .sub-menu .menu-link {
    color: #1f494c;
}
.sub-menu-container .menu-item {
    padding: 10px 15px;
}
.sub-menu-container .menu-item > .menu-link {
    font-weight: 500;
    font-size: 11px;
    margin-left: 0;
    padding: 0;
    display: inline-block;
}
.primary-menu .menu-container .current-menu-item > .menu-link,
.single-realisations .primary-menu .menu-container #menu-item-54813 > .menu-link {
    font-weight: 700;
}
.primary-menu .menu-container .current-menu-item > .menu-link:after,
.single-realisations .primary-menu .menu-container #menu-item-54813 > .menu-link:after {
    width: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background-color: #1f494c;
}

.primary-menu .lang-item.menu-item {
    margin-left: 0;
}
.primary-menu .menu-container .lang-item .menu-link:before {
    width: 1px;
    height: 10px;
    background-color: #004f50;
    margin: auto;
    top: 0;
    display: block;
    bottom: 0;
    left: -15px;
    position: absolute;
    content: '';
}

/*** FOOTER ***/

.contact-footer {
    background-color: #0dd0a0;
    color: #fff;
}
.contact-footer .title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 25px;
}
.contact-footer .subtitle {
    font-size: 11px;
    font-weight: 400;
    margin-bottom: 30px;
}
.contact-footer input[type=text],
.contact-footer input[type=email],
.contact-footer input[type=tel],
.contact-footer select {
    width: 100%;
    background-color: #fff;
    border: 2px solid #fff;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    line-height: 35px;
    padding: 0 15px;
    font-weight: 500;
    color: #0dd0a0;
    font-size: 14px;
    -webkit-appearance: none;
}
.contact-footer select {
    height: 35px;
    color: #0dd0a0;
}
.contact-footer textarea {
    width: 100%;
    background-color: transparent;
    border: 2px solid #fff;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    padding: 15px;
    font-weight: 500;
    color: #fff;
    font-size: 14px;
}
.contact-footer ::-webkit-input-placeholder,
.contact-footer ::-webkit-input-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: #0dd0a0;
}
.contact-footer :-moz-placeholder,
.contact-footer :-moz-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: #0dd0a0;
}
.contact-footer ::-moz-placeholder,
.contact-footer ::-moz-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: #0dd0a0;
}
.contact-footer :-ms-input-placeholder,
.contact-footer :-ms-input-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: #0dd0a0;
}
.contact-footer ::placeholder,
.contact-footer ::placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: #0dd0a0;
}
.contact-footer textarea::-webkit-input-placeholder,
.contact-footer textarea::-webkit-input-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: #fff;
}
.contact-footer textarea:-moz-placeholder,
.contact-footer textarea:-moz-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: #fff;
}
.contact-footer textarea::-moz-placeholder,
.contact-footer textarea::-moz-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: #fff;
}
.contact-footer textarea:-ms-input-placeholder,
.contact-footer textarea:-ms-input-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: #fff;
}
.contact-footer textarea::placeholder,
.contact-footer textarea::placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: #fff;
}
.contact-footer :-ms-input-placeholder {
    color: #0dd0a0;
}
.contact-footer ::-webkit-input-placeholder {
    color: #0dd0a0;
}
.contact-footer .wpcf7-form-control-wrap {
    margin-bottom: 12px;
    display: inline-block;
}
.contact-footer input[type=submit] {
    border: 2px solid #fff !important;
}
.contact-footer input[type=submit]:hover {
    background-color: #000 !important;
    color: #fff !important;
}
.contact-footer .wpcf7-acceptance label,
.contact-footer .wpcf7-checkbox label {
    text-transform: none;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: initial;
    margin-bottom: 0;
}
.contact-footer .wpcf7-acceptance label a,
.contact-footer .wpcf7-checkbox label a {
    color: #fff;
    text-decoration: underline !important;
}
.contact-footer span.wpcf7-list-item {
    margin: 0;
}
.contact-footer input[type=checkbox] {
    float: left;
    margin-right: 10px;
}

footer{
    background:#004f4f;
    color:#FFF;
    padding:30px 0 20px 0;
}

footer ul li a,
footer ul li span {
    color:#FFF;
}

footer .footer_menu,
footer .footer_menu .sub-menu {
    list-style: none;
    padding: 0;
}
footer .footer_menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px;
}

footer .footer_menu > li {
    padding: 0 40px 0 0;
}
footer .footer_menu > li:first-child {
    padding-left: 40px;
}

footer .footer_menu li a,
footer .footer_menu li span {
    text-transform:uppercase;
    position:relative;
}
footer .footer_menu > li > a,
footer .footer_menu > li > span {
    font-weight: 700;
    font-size: 13px;
    line-height: 1.2;
    display: inline-block;
    margin-bottom: 40px;
}
footer .footer_menu .sub-menu a,
footer .footer_menu .sub-menu span {
    font-size: 11px;
    margin-bottom:14px;
    line-height: 1.2;
    display: inline-block;
}

footer ul.footer_menu li a:hover,
footer ul.footer_menu li span:hover {
    text-decoration: none;
}

.footer_logo {
    width: 154px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 154px;
    -moz-box-flex: 0;
    -ms-flex: 0 0 154px;
    flex: 0 0 154px;
    margin-bottom: 30px;
    margin-top: 10px;
}

footer .social_container{
    margin-bottom: 30px;
}

footer .social {
    width: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 10px;
    display: block;
    height: 26px;
    padding: 0;
}
footer .social a,
footer .social a svg {
    color: #FFF;
    height: 26px;
    width: 26px;
}

footer ul.footer_menu > li > a:after {
    content: "";
    width: 0;
    height: 2px;
    top: 16px;
    display: block;
    background: #FFF;
    position: absolute;
    left: 0;
    -webkit-transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -o-transition:all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -moz-transition:all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -webkit-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -moz-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -o-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    opacity:0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
footer ul.footer_menu > li.menu-item-63478 > a:after {
    top: 30px;
}
footer .footer_menu .sub-menu a:after {
    content: "";
    width: 0;
    height: 1px;
    display: block;
    background: #FFF;
    position: absolute;
    left: 0;
    bottom: -5px;
    -webkit-transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -o-transition:all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -moz-transition:all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -webkit-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -moz-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -o-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    opacity:0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
footer ul.footer_menu li a:hover{
    text-decoration:none;
    color:#FFF;
}
footer ul.footer_menu li a:hover:after{
    width: 100%;
    opacity:1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
footer ul.footer_menu > li.menu-item-63478 > a:hover:after {
    width: 72%;
}

footer .address_tel{
    max-width: 100%;
    margin: 0 auto;
    font-size: 11px;
}
.footer_menu_small {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 11px;
}
.footer_menu_small li {
    display: inline-block;
}
.footer_menu_small li a:hover {
    color: #fff;
    text-decoration: underline !important;
}
.footer_menu_small li:after {
    display: inline-block;
    content:'\2022';
    margin-left: 10px;
    margin-right: 7px;
}
.footer_menu_small li:last-child:after {
    display: none;
    content:none;
    margin-left: 0;
    margin-right: 0;
}

footer .menu-item:not(:first-child) {
    border-top: 0;
}

/* Modale Retention */
#abonnement_modal {
	position: fixed;
    display: none;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	overflow: auto;
	visibility: visible;
	opacity: 0;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
#abonnement_modal.open {
	visibility: visible;
	opacity: 1;
    z-index: 999;
	display: flex;
}
#abonnement_modal .overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.6);
}

/* OLD */
#abonnement_modal .modal-dialog {
    height: 96%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 100%;
}
#abonnement_modal .modal-dialog .modal-content {
    width: auto;
    border: 2px solid #000;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#abonnement_modal .modal-header {
    border: 0;
    height: 115px;
}

#abonnement_modal .modal-header .close {
    color: #FFF;
    text-shadow: none;
    font-size: 35px;
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    font-weight: 600;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #FFF;
    width: 45px;
    height: 45px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 35px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10px;
    padding: 0;
    position: absolute;
    right: 5px;
    top: 5px;
}
#abonnement_modal .modal-header .close:hover{
    background:#FFF;
    outline: 0;
    border:3px solid #FFF;
    color: #6baaa2;
}
#abonnement_modal .modal-header .close:focus{
    outline: 0;
    border:3px solid #FFF;
}

#abonnement_modal .modal-header .close span {
    margin-bottom: 4px;
}
#abonnement_modal .modal-body form {
    margin-left: 300px;
    margin-right: 60px;
    margin-bottom: 60px;
    width: 380px;
}

#abonnement_modal .newsletter_inscription h3 {
    text-align: left;
    color: #FFF;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    padding-right: 90px;
    font-size: 22px;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 20px;
}

#abonnement_modal .newsletter_inscription p {
    color: #FFF;
    font-size: 11px;
    font-weight: 500;
    text-align: left;
}

.newsletter_inscription .mail_button input[type="email"] {
    border: 1px solid #1f494c;
    color: #1f494c;
    font-weight: 500;
    margin-right: 20px;
}
#abonnement_modal .newsletter_inscription .mail_button {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 20px 0;
}
.newsletter_inscription .mail_button input {
	display: inline-block;
	padding: 13px 22px;
	font-size: 14px;
	line-height: 14px;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	border-radius: 22px;
}
#abonnement_modal .newsletter_inscription .mail_button .courriel {
    margin-bottom: 13px;
}
#abonnement_modal .newsletter_inscription .mail_button .courriel input {
    max-width: 275px;
    padding: 10px 17px;
    display: inline-block;
    padding: 13px 22px;
    font-size: 14px;
    line-height: 14px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
}
.newsletter_inscription span.wpcf7-list-item {
    text-align: left;
    display: inline-block;
    margin: 0 0 0 1em;
}
.newsletter_inscription span.wpcf7-list-item label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    font-size: 10px;
    letter-spacing: 0;
    color: #000;
    text-transform: none;
    font-weight: 500;
}

.newsletter_inscription [type="checkbox"]:not(:checked), .newsletter_inscription [type="checkbox"]:checked {
    position: absolute;
    left: 0;
    opacity: .01;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}
.newsletter_inscription [type="checkbox"]:not(:checked) + span, .newsletter_inscription [type="checkbox"]:checked + span {
    position: relative;
    padding-left: 40px;
    font-size: 1.05em;
    line-height: 1.7;
    cursor: pointer;
    margin-left: -11px;
}
.newsletter_inscription [type="checkbox"]:not(:checked) + span:before, .newsletter_inscription [type="checkbox"]:checked + span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    border: 2px solid #1f494c;
    background: #fff;
    -webkit-transition: all .275s;
    -o-transition: all .275s;
    -moz-transition: all .275s;
    transition: all .275s;
}
.newsletter_inscription [type="checkbox"]:checked + span::after {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: scale(1) rotate(0);
	-moz-transform: scale(1) rotate(0);
	-ms-transform: scale(1) rotate(0);
	-o-transform: scale(1) rotate(0);
	transform: scale(1) rotate(0);
}
.newsletter_inscription [type="checkbox"]:not(:checked) + span::after {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transform: scale(1) rotate(0);
	-moz-transform: scale(1) rotate(0);
	-ms-transform: scale(1) rotate(0);
	-o-transform: scale(1) rotate(0);
	transform: scale(1) rotate(0);
}
.newsletter_inscription [type="checkbox"]:not(:checked) + span::after, .newsletter_inscription [type="checkbox"]:checked + span::after {
	content: '✕';
	position: absolute;
	top: 11px;
	left: 4px;
	font-size: 18px;
	color: #1f494c;
	line-height: 0;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
}

.newsletter_inscription span a {
    color: #000;
    text-decoration: underline !important;
}

#abonnement_modal .newsletter_inscription .mail_button input,
#abonnement_modal .newsletter_inscription .mail_button input::-webkit-input-placeholder ,
#abonnement_modal .newsletter_inscription .mail_button input:-moz-placeholder,
#abonnement_modal .newsletter_inscription .mail_button input::-moz-placeholder ,
#abonnement_modal .newsletter_inscription .mail_button input:-ms-input-placeholder,
#abonnement_modal .newsletter_inscription .mail_button input::-webkit-input-placeholder {
    font-weight: 500;
}
#abonnement_modal .newsletter_inscription .mail_button input,
#abonnement_modal .newsletter_inscription .mail_button input::-webkit-input-placeholder ,
#abonnement_modal .newsletter_inscription .mail_button input:-moz-placeholder,
#abonnement_modal .newsletter_inscription .mail_button input::-moz-placeholder ,
#abonnement_modal .newsletter_inscription .mail_button input:-ms-input-placeholder,
#abonnement_modal .newsletter_inscription .mail_button input::placeholder {
    font-weight: 500;
}
#abonnement_modal .newsletter_inscription .mail_button input[type="submit"] {
    padding: 10px 30px;
    border: 1px solid #1f494c;
    background: #1f494c;
    background-image: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgb(31, 73, 76);
    color: #fff;
}
#abonnement_modal .newsletter_inscription p.rgpd {
    margin-top: 35px;
}

#abonnement_modal .anr_captcha_field > div > div {
    margin: 0;
}

/* FRONTPAGE */







/****** COMMUNS + REALISATIONS ******/

.title_container {
    padding-top: 20px;
    padding-bottom: 40px;
    text-align: center;
}
.title_container h1 {
    font-size: 30px;
    color: #1f494c;
    margin: 0 0 25px 0;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 30px;
}
.title_container h2 {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: #1f494c;
    padding: 0 280px;
}

.post-type-archive-realisations .title_container h2 {
    font-weight: 500;
    font-size: 16px;
    text-transform: none;
    color: #004f50;
    font-family: 'Montserrat', sans-serif;
}

.real_intro {
    font-size: 11px;
    color: #1f494c;
    font-weight: 300;
    padding: 0 201px;
}
.real_back {
	background-color: #fce910;
    font-weight: 800;
    padding: 20px 0;
}
.real_back a {
	color: #004f4f;
}
.real_taxos{
    margin-top: 10px;
    margin-bottom: 30px;
}
.real_taxos ul {
    list-style: none;
    margin: 0;
}
.real_taxos ul.page-menu-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.real_taxos ul.page-menu-container a,
.real_taxos ul.page-menu-container .page-menu-item .taxo_filter {
    color: #1f494c;
    text-transform: uppercase;
    display: inline-block;
    background: 0;
    padding: 0;
    position: relative;
    cursor: pointer;
    margin: 0 0 12px 0;
    line-height: 14px;
    padding-bottom: 5px;
}

.real_taxos ul.page-menu-container a:after,
.real_taxos ul.page-menu-container .page-menu-item .taxo_filter:after{
    content: "";
    width: 0;
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    display: block;
    background: #1f494c;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -o-transition:all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -moz-transition:all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -webkit-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -moz-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -o-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
}

.real_taxos ul.page-menu-container > .page-menu-item > a,
.real_taxos ul.page-menu-container > .page-menu-item > .taxo_filter {
    margin: 0 0 26px 0;
    line-height: 14px;
    font-size: 14px;
    height: auto;
    font-weight: 900;
    padding-bottom: 5px;
}

.real_taxos ul.page-menu-container li.current > a:after,
.real_taxos ul.page-menu-container a:hover:after,
.real_taxos ul.page-menu-container .page-menu-item .taxo_filter:hover:after,
.real_taxos ul.page-menu-container li.current > .taxo_filter:after {
    width: 100%;
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.real_taxos ul.page-menu-container > li{
    margin-right: 55px;
}
.real_taxos ul.page-menu-container > li:last-child{
    margin-right: 0;
}
.real_taxos ul.page-menu-container > li > a,
.real_taxos ul.page-menu-container > li > .taxo_filter {
    font-size: 14px;
    font-weight: 900;
    padding: 0 0 5px 0;
    margin: 0 0 27px 0;
}
.real_taxos ul.page-menu-container > li > a:after,
.real_taxos ul.page-menu-container > li > .taxo_filter:after {
    height: 4px;
}
.real_taxos ul.page-menu-container > li > ul a,
.real_taxos ul.page-menu-container > li > ul .taxo_filter{
    font-size: 11px;
    font-weight: 300;
    margin: 0 0 15px 0;
}

.real_taxos ul.page-menu-container > li > ul a:after,
.real_taxos ul.page-menu-container > li > ul .taxo_filter:after{
    height: 2px;
}

.realisation_grid .container {
    padding-right: 10px;
    padding-left: 10px;
}
.realisation_grid{
    margin-bottom: 35px;
}
.realisation_grid .portfolio-item {
    margin-bottom: 20px;
    padding-right:10px;
    padding-left:10px;
}
.realisation_grid .bg-overlay .portfolio-desc h3 a,
.realisation_grid .bg-overlay .portfolio-desc h3 > * {
    color: #fff !important;
}

.realisation_grid .play_button {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9;
}
.realisation_grid .play_button img {
    width: auto;
}

.realisation_grid .portfolio-item .portfolio-image{
    cursor: pointer;
}
.real2025 .realisation_grid .portfolio-item .portfolio-image{
    aspect-ratio: 1/1;
}
.real2025 .realisation_grid .portfolio-item .portfolio-image a {
    width: 100%;
    height: 100%;
}
.real2025 .realisation_grid .portfolio-item .portfolio-image img {
    aspect-ratio: 1/1;
    object-fit: cover;
}
.real2025 .alm-btn-wrap {
    padding-top: 35px;
    margin-bottom: 0;
}

.testing .portfolio-item .portfolio-image > a {
    z-index: 10;
    top: 0;
    left: 0;
}

.blog_list article .article_container{
    padding:20px 20px 45px 20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-box;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    align-items:center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -o-transition:all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -moz-transition:all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -webkit-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -moz-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -o-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
}
.blog_list article .article_container .time {
    margin-bottom: 15px;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
}
.blog_list article .article_container h2 {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 16px;
    margin-bottom: 5px;
}
.blog_list article .article_container .readmore {
    font-size: 12px;
    padding: 7px 12px;
}
.blog_list article .article_container h2 a {
    color: #000;
}
.blog_list article .article_container h2 a:hover{
    text-decoration:none;
}
.blog_list article .article_container .content {
    font-size: 13px;
    color: #000;
    margin-bottom: 18px;
}
.readmore {
    display: inline-block;
    padding: 13px 22px;
    font-size: 14px;
    line-height: 14px;
    border: 1px solid #000;
    color: #000;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
}
.readmore:hover{
    text-decoration:none;
}

.blog_list article:hover .article_container {
    background:#FFF;
}
.blog_list article:hover .article_container .readmore{
    background:#000;
    color: #FFF;
}

.blog_list article .category{
    margin-bottom: 18px;
}

.blog_list article .category a {
    text-decoration: underline;
    font-size: 12px;
    text-transform: uppercase;
    color: #000;
    display: inline;
}

.other_posts{
    padding:35px 0 25px 0;
    background:#e2b39b;
    margin-bottom: 25px;
}
.other_posts h3{
    color:#FFF;
    font-size: 22px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 35px;
}

.other_posts .op_slider .slick-track > .slick-slide:nth-child(even) article {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.other_posts .slick-slider{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
}
.other_posts #slider_prev,
.other_posts #slider_next{
    cursor:pointer;
}

/** TEMPLATE PAGE DEFAULT **/

#content p,
.page-template-default #content > .content-wrap > .container > .row > div > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6){
    line-height: 1.5;
    margin-bottom: 15px;
}

#content ul {
    padding-left: 20px;
}

/** TEMPLATE CLIENTS **/
.page-template-template-clients .portfolio-item .portfolio-image img.logo-client {
    max-height: 70px;
    max-width: 140px;
    height: auto;
    width: auto;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.page-template-template-clients .portfolio-desc {
    font-size: 12px;
    padding-top: 0;
}
.page-template-template-clients .portfolio-desc h3 {
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 5px 0;
    line-height: 1.2;
    color: #000;
}
/* .page-template-template-clients .grid-filter {
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0;
    margin-top: 25px;
    padding-left:0 !important;
} */
.page-template-template-clients  select#sort-clients {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: url(../img/select_arrow_green.png) no-repeat 96% white;
	padding: 10px 25px 10px 10px;
    font-weight: 600;
    color: #3d3d3d;
    font-size: 16px;
    border: 2px solid #004f50;
    border-radius: 20px;
}
/* .page-template-template-clients .grid-filter li {
    margin-right: 30px;
}
.page-template-template-clients .grid-filter li a {
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-bottom: 27px;
    margin-top: 0;
    color: #1f494c;
    text-transform: uppercase;
    display: inline-block;
    background: 0;
    position: relative;
    font-size: 14px;
    font-weight: 900;
    padding: 0 0 5px 0;
    margin: 0 0 27px 0;
    text-align: inherit;

}

.page-template-template-clients .grid-filter li a:after{
    content: "";
    width: 0;
    height: 4px;
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    display: block;
    background: #1f494c;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -o-transition:all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -moz-transition:all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -webkit-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -moz-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -o-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
}
.page-template-template-clients .grid-filter li.activeFilter a:after,
.page-template-template-clients .grid-filter li a:hover:after {
    width: 100%;
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
} */


/** TEMPLATE EXPERTISE **/

.page-template-template-expertise main .exp_title {
    height: 400px;
}
.page-template-template-expertise main .exp_title.relation-publics,
.page-template-template-expertise main .exp_title.relations-publics,
.page-template-template-expertise main .exp_title.public-relations {
    background: rgba(24,118,254,1);
    background-image: url('../img/motif.png'), linear-gradient(45deg, rgba(24,118,254,1) 0%, rgba(107,253,231,1) 100%);
    background-blend-mode: overlay, normal;
    background-size: cover;
    background-repeat: repeat;
}
.page-template-template-expertise main .exp_title.branding,
.page-template-template-expertise main .exp_title.brand-management {
    background: #6917ff;
    background-image: url('../img/motif.png'), linear-gradient(45deg, #691efe 50%, #fff 100%);
    background-blend-mode: overlay, normal;
    background-size: auto;
    background-repeat: repeat;
}
.page-template-template-expertise main .exp_title.contenu,
.page-template-template-expertise main .exp_title.content {
    background: #0dd0a0;
    background-image: url('../img/motif.png'), linear-gradient(45deg, #0dd0a0 50%, #fff 100%);
    background-blend-mode: overlay, normal;
    background-size: auto;
    background-repeat: repeat;
}
.page-template-template-expertise main .exp_title.influence-038-web-social,
.page-template-template-expertise main .exp_title.digital-038-social-web,
.page-template-template-expertise main .exp_title.influence-038-social-media {
    background: rgba(24,118,254,1);
    background-image: url('../img/motif.png'), linear-gradient(45deg, rgba(24,118,254,1) 0%, rgba(107,253,231,1) 100%);
    background-blend-mode: overlay, normal;
    background-size: cover;
}

.expertise_submenu{
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}
.expertise_submenu li a {
    color: #FFF;
    font-size: 18px;
    text-transform: uppercase;
    margin: 5px 0;
    display: block;
    font-weight: 600;
    padding-left: 30px;
    position: relative;
    padding-right: 10px;
}
.expertise_submenu li a:before {
    content: "";
    position: absolute;
    border: 2px solid #FFF;
    width: 19px;
    height: 19px;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    left: 0;
    -webkit-transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -o-transition:all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -moz-transition:all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -webkit-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -moz-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -o-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
}
.expertise_submenu li a:hover:before {
    background: #FFF;
}

.evol2025 .expertise_submenu{
    list-style: none;
    padding: 0 0 30px 0;
    margin: 0;
    position: relative;
}
.evol2025 .expertise_submenu li a {
    color: #FFF;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
    display: block;
    font-weight: 800;
    padding-left: 12px;
    position: relative;
    padding-right: 0;
    margin: 0 0 7px 0;
}
.evol2025 .expertise_submenu li:last-child a {
    margin-bottom: 0;
}
.evol2025 .expertise_submenu li a:before {
    content: "";
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 0;
    height: 0;
  	border-style: solid;
    border-width: 3.5px 0px 3.5px 6.1px;
    border-color: transparent transparent transparent #63f1fe;
}
.evol2025 .expertise_submenu li a:hover:before {
    background: transparent;
}

.page-template-template-expertise main .exp_title h1 {
    font-size: 45px;
    text-transform: uppercase;
    margin: 0;
    color: #FFF;
    font-weight: 700;
    text-align: center;
    line-height: 45px;
}

.page-template-template-expertise main section:not(.exp_title) {
    padding: 30px 0;
    text-align: center;
}

.exp_titretexte .content {
    color: #1f494c !important;
    width: 570px;
    max-width: 100%;
    margin: 0 auto;
    font-weight: 500;
}
.exp_titretexte .content > * {
    color: #1f494c !important;
}
.exp_titretexte .content > *:not(:last-child) {
    margin-bottom: 14px;
}
.exp_titretexte .content > *:last-child {
    margin-bottom: 0;
}

.exp_accordion{
    background:#a6beb7;
}
.post-type-archive-realisations main section h2,
.page-template-template-expertise main section h2 {
    font-size: 22px;
    font-weight: 700;
    text-transform:uppercase;
    color: #FFF;
    margin-bottom: 30px;
}
.page-template-template-expertise main .exp_titretexte h2 {
    color: #1f494c;
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.exp_accordion .accordion-header {
    border: 0;
}
.exp_accordion .accordion-header .accordion-header-content {
    border: 0;
    width: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}
.exp_accordion .accordion-header .accordion-header-content > div {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.exp_accordion .accordion-header .accordion-title{
    color: #FFF;
    font-size: 16px;
    text-transform:uppercase;
    font-weight: 700;
}

.exp_accordion .accordion-header .accordion-icon {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 19px;
    height: 19px;
    border: 2px solid #f54500;
    line-height: 19px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1px 0 0 0;
    -webkit-transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -o-transition:all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -moz-transition:all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -webkit-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -moz-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -o-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
}
.exp_accordion .accordion-header.accordion-active .accordion-icon,
.exp_accordion .accordion-header:hover .accordion-icon {
    background: #f54500;
}
.exp_accordion .accordion-header .accordion-icon i {
    font-size: 14px;
    color: #f54500;
    font-weight: 700;
    -webkit-transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -o-transition:all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -moz-transition:all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -webkit-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -moz-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -o-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
}
.exp_accordion .accordion-header:hover .accordion-icon i,
.exp_accordion .accordion-header .accordion-icon i.accordion-open {
    color:#FFF;
}
.exp_accordion .accordion-content{
    background: #FFF;
    padding: 30px 0;
}
.exp_accordion .accordion-content .accordion-content-content{
    color: #004f50;
    position: relative;
    width: 570px;
    max-width: 100%;
    margin: 0 auto;
    font-size: 13px;
}
.exp_accordion .accordion-content .accordion-content-content a {
    color: #004f50;
    text-decoration: underline !important;
}
.exp_accordion .accordion-content .accordion-content-content a:hover{
    text-decoration:underline !important;
    color: #f54500;
}
.exp_accordion .accordion-content .accordion-content-content > *:last-child {
    margin: 0;
}

.page-template-template-expertise .exp_blog,
.expertises_tunnel {
    background-color: #fafafa;
    padding:23px 0 35px 0;
    margin-bottom: 0;
}

.post-type-archive-realisations .exp_blog{
    background:url(../img/wmbg_repeat.png);
    padding:30px 0;
    margin-bottom: 0;
    background-position: center -45px;
    text-align: center;
}
.post-type-archive-realisations .real2025 .exp_blog{
    background: #63f1fe url(none);
    padding:30px 0;
    margin-bottom: 0;
    background-position: center -45px;
    text-align: center;
}
.expertises_tunnel{
    padding-top: 33px;
    position:relative;
}
.page-template-template-expertise .exp_blog .exp_blog_content,
.post-type-archive-realisations .exp_blog .exp_blog_content{
    width:240px;
    color:#000;
    margin:0 auto;
}
.post-type-archive-realisations .real2025 .exp_blog .exp_blog_content{
    width:auto;
    font-size: 12px;
    font-weight: 700;
    color: #004f4f;
}
.page-template-template-expertise .exp_blog h2,
.post-type-archive-realisations .exp_blog h2{
    margin-bottom: 40px;
    color:#000;
}
.page-template-template-expertise .exp_others h2,
.page-template-template-expertise .exp_reals h2{
    margin-bottom: 18px;
    color:#000;
}
.page-template-template-expertise .exp_blog .readmore,
.post-type-archive-realisations .exp_blog .readmore{
    background: #000;
    color:#FFF;
}
.page-template-template-expertise .exp_blog .readmore:hover,
.post-type-archive-realisations .exp_blog .readmore:hover{
    background: #dce5e3;
    border-color:#dce5e3;
}
.post-type-archive-realisations .real2025 .exp_blog .readmore{
    background: #6917ff;
    color:#FFF;
    border: 0 none;
    transition: all ease 300ms;
    font-size: 12px;
    font-weight: 700;
    line-height: 35px;
    height: 35px;
    padding: 0 30px;
    margin-bottom: 20px; 	
}
.post-type-archive-realisations .real2025 .exp_blog .readmore:hover{
    background: #fff;
    color: #6917ff;
}

.page-template-template-expertise .exps_container {
    width: 750px;
    margin: 0 auto;
    max-width: 100%;
}
.exps_container .other_exp {
    position: relative;
}
.exps_container .other_exp .other_exp_content {
    position: absolute;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFF;
    text-align: center;
}
.bg-overlay .portfolio-desc {
    padding: 0 5px;
}
.exps_container .bg-overlay .portfolio-desc h3 {
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
}

.see_real {
    width: 100%;
    height: 160px;
}
.see_real a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #f54500;
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
.portfolio-item i {
    font-size: 35px;
    font-weight: 600;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 5px solid #FFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 0 0 2px 1px;
    margin-top: 15px;
}
.real2025 .portfolio-item i {
    font-size: 25px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    border: 0 none;
    padding: 0 0 2px 0;
    margin-top: 17px;
}
.see_real a span {
    letter-spacing: 1px;
}

.portfolio-item .portfolio-desc i,
.see_real a:hover i{
    background: #FFF;
    color:#F54500;
}
.real2025 .portfolio-item .portfolio-desc i {
    background: #fce910;
    color: #6917ff;
}
.portfolio-desc .icon_container,
.portfolio-desc a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.bg-overlay .portfolio-desc h3 {
    line-height: 1;
    font-size: 16px;
}

.page-template-template-expertise main .realisation_grid{
    margin-bottom: 0;
}

/** Single réalisation **/

.single_real_container {
    width: 858px;
    max-width: 100%;
    background: #FFF;
    margin: 0 auto;
    position: relative;
}
.single_real_container.new {
    width: auto;
}
.single_real_container.new .real-thumbnail {
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-attachment: fixed;
}
.single_real_container.new .breadcrumbs {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    color: #004f4f;
}
.single_real_container.new .breadcrumbs a {
    color: #004f4f;
    text-decoration: none;
}
.single_real_container.new .breadcrumbs .breadcrumb_last a {
    text-decoration: underline !important;
}
.single_real_container.new section {
    background-color: #fff;
    padding-top: 35px;
}
.single_real_container.new section:last-child {
    padding-bottom: 35px;
}

.single_real_container.new section.section_title .title-highlight-2 {
    font-weight: 700;
    font-size: 30px;
    color: #004f4f;
}
.single_real_container.new section.section_title h2 {
    font-weight: 700;
    font-size: 18px;
    color: #004f4f;
    margin-bottom: 0;
}
.single_real_container.new section.section_img_parallax {
    height: 80vh;
}
.single_real_container.new section.section_img_parallax .section_img_parallax_inner {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-attachment: fixed;
}

#block_realisation_single_close_top {
    position: absolute;
    right: 10px;
    top: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 13px;
    line-height: 26px;
    padding: 0;
    font-family: 'Montserrat';
    font-weight: 700;
    z-index: 3;
    cursor: pointer;
}
#block_realisation_single_close_top span {
    line-height: 26px;
    padding-left: 1px;
}

.single_real_container .article_header h1 {
    color: #1f494c;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 15px;
    letter-spacing: 2px;
}
.single_real_container .article_header h2 {
    color: #f54500;
    font-size: 30px;
    font-weight: 500;
    font-style: italic;
    text-align: center;
    margin-bottom: 25px;
    line-height: 33px;
}

.single_real_container .real_tags {
    list-style: none;
    margin: 20px 0 10px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.single_real_container .article_header .content{
    margin-top: 20px;
}
.single_real_container .real_tags li a {
    color: #1f494c;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    padding-bottom: 1px;
    border-bottom: 1px solid #1f494c;
    margin-right: 25px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-backface-visibility: hidden;
}
.single_real_container .real_tags li a:hover {
    color: #f54500;
    border-color: #f54500;
}
.single_real_container .real_tags li:last-child a {
    margin-right: 0;
}
.single_real_container .article_header {
    margin: 0 20px;
}
.single_real_container .content {
    color: #1f494c;
    text-align: center;
    font-weight: 500;
    padding: 0 150px;
    line-height: 16px;
}

.single_real_container:not(.new) section:first-of-type {
    background: #f0d9cc;
}
.single_real_container:not(.new) section:nth-of-type(2) {
    background: #FFF;
}
.single_real_container:not(.new) section:nth-of-type(3) {
    background: #dce5e2;
}
.single_real_container .sti_text {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 50px 20px 70px;
    color: #1f494c;
    font-size: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.single_real_container.new .sti_text {
    height: auto;
    display: block;
    padding: 0;
    color: #004f4f;
    font-size: 16px;
}
.single_real_container.new .sti_text h2 {
    color: #004f4f;
    font-size: 18px;
    font-weight: 700;
}
.single_real_container.new .sti_text ul {
    padding-left: 20px;
}
.single_real_container .sti_text > * {
    margin-bottom: 25px;
}
.single_real_container .sti_text > *:last-child{
    margin-bottom: 0;
}

.single_real_container .real_chiffres {
    padding: 40px 0;
    width: 650px;
    max-width: 100%;
    margin: 0 auto;
}

.single_real_container .real_chiffres .chiffre {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.single_real_container .real_chiffres .chiffre .ch {
    color: #1f494c;
    font-weight: 900;
    font-size: 50px;
    line-height: 50px;
}
.single_real_container .real_chiffres .chiffre .ch_prefixe,
.single_real_container .real_chiffres .chiffre .ch_suffixe {
    font-size: 0.8em;
    font-weight: 700;
    color: #1f494c;
}
.single_real_container .real_chiffres .desc {
    font-size: 16px;
    text-align: center;
    line-height: 19px;
    width: 150px;
    margin: 20px auto 0 auto;
    color: #1f494c;
}

.single_real_container .return_button {
    text-align: center;
    margin-bottom: 42px;
    margin-top: 30px;
}

.single_real_container .section_slider .sti_text {
    padding: 0 0 20px 0;
}
.single_real_container .section_text_img .flex-row-reverse .sti_img {
    padding: 20px 0;
    text-align: center;
    display: inline-block;
}
.single_real_container.new .section_text_img .flex-row-reverse .sti_img {
    padding: 0;
}

.single_real_container .flex-control-nav {
    display: none;
}

.single_real_container .flex-direction-nav li a {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background: #dce5e2;
    top: 0;
    bottom: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.single_real_container .flex-direction-nav li a i,
.slider-slick-single .slick-arrow i {
    color: #1f494c;
    text-shadow: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 21px;
    height: 36px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 50px;
    margin: 0 auto;
}
.slider-slick-single .slick-arrow i:before ,
.single_real_container .flex-direction-nav li a i:before {
    display: none;
}
.single_real_container .flex-direction-nav li a:hover {
    background: #dce5e2 !important;
}

.slider-slick-single .slick-arrow i.icon-angle-left,
.single_real_container .flex-direction-nav li a i.icon-angle-left{
    content:"";
    background:url(../img/left.svg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.slider-slick-single .slick-arrow i.icon-angle-right,
.single_real_container .flex-direction-nav li a i.icon-angle-right{
    content:"";
    background:url(../img/right.svg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

.single-realisations .title_container .title-highlight-1,
.real2025 .title_container .title-highlight-1 {
	font-size: 30px;
}
.single-realisations .title_container h2,
.real2025 .title_container h2 {
	font-size: 16px;
	font-weight: 800;
	color: #004f50;
	text-transform: none;
	margin-top: 20px;
	padding: 0;
}

.slider-slick-single .slick-arrow {
    background: none;
    border: 0;
    width: 52px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 52px;
    -moz-box-flex: 0;
    -ms-flex: 0 0 52px;
    flex: 0 0 52px;
}

.block_realisation_single,
.block_quizz_sens_container{
    position: fixed !important;
    top:130vh !important;
    overflow: auto;
    display: block !important;
    height: -webkit-calc(100vh - 70px) !important;
    height: -moz-calc(100vh - 70px) !important;
    height: calc(100vh - 70px) !important;
    -webkit-transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -o-transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -moz-transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -webkit-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -moz-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -o-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    width: 100vw !important;
    background: transparent !important;
    overflow-x: hidden;
}
.block_realisation_single.active,
.block_quizz_sens_container.active {
    top: 70px !important;
}
.block_quizz_sens_container.active {
    z-index: 999;
}
.sticky-header-shrink ~ main .block_realisation_single.active,
.sticky-header-shrink ~ .block_quizz_sens_container.active{
    top: 48px !important;
    height: -webkit-calc(100vh - 48px) !important;
    height: -moz-calc(100vh - 48px) !important;
    height: calc(100vh - 48px) !important;
}

.quizz-wrapper .slick-list{
    -webkit-transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -o-transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -moz-transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -webkit-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -moz-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -o-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
}

.block_quizz_sens_container ul.acf-radio-list,
.block_quizz_sens_container ul.acf-checkbox-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
}

body > #wrapper > main > *:not(.block_realisation_single):not(.block_quizz_sens_container),
body > #wrapper .contact-footer,
body > #wrapper > footer {
    -webkit-transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -o-transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -moz-transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -webkit-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -moz-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -o-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
}
body.single_real_active > #wrapper > main > *:not(.block_realisation_single):not(.block_quizz_sens_container),
body.single_real_active > #wrapper .contact-footer,
body.single_real_active > #wrapper > footer {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
    -webkit-filter: blur(3px);
    filter: blur(3px);
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    margin-left: -10vw;
    margin-right: -10vw;
}

.slider-slick-single {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}

.bg-overlay {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.portfolio-image:hover .bg-overlay {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.portfolio-image:hover .bg-overlay .bg-overlay-content{
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.bg-overlay [data-hover-animate]:not(.animated) {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.slider-slick-single .slick-slide img {
    margin: 0 auto;
}

.expertises_tunnel h3{
    color: #1f494c;
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align:center;
}
#content .expertises_tunnel .tunnel_intro{
    margin-bottom: 29px;
}
#content .expertises_tunnel .tunnel_intro,
#content .expertises_tunnel .tunnel_intro p {
    color: #1f494c;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
}
#content .expertises_tunnel .tunnel_intro > *:last-child{
    margin-bottom: 0;
}

.mt-20 {
    margin-top: 20px;
}
.mt-40 {
    margin-top: 40px;
}
.mt-60 {
    margin-top: 60px;
}

.expertises_tunnel .exps_container{
    max-width: 100%;
    margin: 0 auto;
    z-index: 2;
}

.expertises_tunnel .exps_container .other_exp {
    margin-bottom: 35px;
    z-index: 3;
    height: 230px !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #31b2cb;
}

.exp_others .exps_container .other_exp {
    height: 230px !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.expertises_tunnel .exps_container .other_exp.content img,
.expertises_tunnel .exps_container .other_exp.contenu img,
.exp_others .exps_container .other_exp.content img,
.exp_others .exps_container .other_exp.contenu img {
    width: 160px;
    margin: auto;
}
.expertises_tunnel .exps_container .other_exp.brand-management img ,
.exp_others .exps_container .other_exp.brand-management img,
.expertises_tunnel .exps_container .other_exp.digital-038-web-social img,
.exp_others .exps_container .other_exp.digital-038-web-social img {
    width: 182px;
    margin: auto;
}
.expertises_tunnel .exps_container .other_exp.public-relations img ,
.exp_others .exps_container .other_exp.public-relations img {
    width: 228px;
    margin: auto;
}

.exp_plus {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: -20px;
    z-index: 3;
}
.exp_plus span {
    font-size: 35px;
    color: #1f494c;
    font-weight: 700;
    -webkit-transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -o-transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -moz-transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -webkit-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -moz-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -o-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    border: 3px solid #1f494c;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: inline-block;
    line-height: 35px;
    padding: 0px 0 5px 1px;
    background: #FFF;
    cursor: pointer;
}
.expertises_tunnel .exp_excerpt{
    top: 0;
    padding: 10px;
    color: #ffffff;
    font-size: 18px;
    position: absolute;
    width: 100%;
    text-align: center;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: -1;
    -webkit-transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -o-transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -moz-transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -webkit-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -moz-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -o-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
}
.expertises_tunnel .exps_container .contenu .exp_excerpt,
.expertises_tunnel .exps_container .content .exp_excerpt {
    background: #0dd0a0;
}
.expertises_tunnel .exps_container .branding .exp_excerpt,
.expertises_tunnel .exps_container .brand-management .exp_excerpt {
    background: #691efe;
}
.expertises_tunnel .exps_container .influence-038-web-social .exp_excerpt,
.expertises_tunnel .exps_container .digital-038-social-web .exp_excerpt {
    background: #31b2cb;
}
.expertises_tunnel .exps_container .relation-publics .exp_excerpt,
.expertises_tunnel .exps_container .relations-publics .exp_excerpt,
.expertises_tunnel .exps_container .public-relations .exp_excerpt {
    background: rgba(24,118,254,1);
}

.expertises_tunnel .exps_container .influence-038-web-social,
.exp_others .exps_container .influence-038-web-social,
.expertises_tunnel .exps_container .digital-038-social-web,
.exp_others .exps_container .digital-038-social-web {
    background: #31b2cb;
    background-image: url('../img/motif.png'), linear-gradient(45deg, #31b2cb 50%, #fff 100%);
    background-blend-mode: overlay, normal;
    background-size: cover;
    background-repeat: repeat;
    z-index: 10;
}
.expertises_tunnel .exps_container .relation-publics,
.exp_others .exps_container .relation-publics,
.expertises_tunnel .exps_container .relations-publics,
.exp_others .exps_container .relations-publics,
.expertises_tunnel .exps_container .public-relations,
.exp_others .exps_container .public-relations {
    background: rgba(24,118,254,1);
    background-image: url('../img/motif.png'), linear-gradient(45deg, rgba(24,118,254,1) 0%, rgba(107,253,231,1) 100%);
    background-blend-mode: overlay, normal;
    background-size: cover;
    background-repeat: repeat;
    z-index: 8;
}
.expertises_tunnel .exps_container .branding,
.exp_others .exps_container .branding,
.expertises_tunnel .exps_container .brand-management,
.exp_others .exps_container .brand-management {
    background: #6917ff;
    background-image: url('../img/motif.png'), linear-gradient(45deg, #691efe 50%, #fff 100%);
    background-blend-mode: overlay, normal;
    background-size: auto;
    background-repeat: repeat;
    z-index: 6;
}
.expertises_tunnel .exps_container .contenu,
.exp_others .exps_container .contenu,
.expertises_tunnel .exps_container .content,
.exp_others .exps_container .content {
    background: #0dd0a0;
    background-image: url('../img/motif.png'), linear-gradient(45deg, #0dd0a0 50%, #fff 100%);
    background-blend-mode: overlay, normal;
    background-size: auto;
    background-repeat: repeat;
    z-index: 4;
}


.expertises_tunnel .exps_container article:first-child{
    z-index: 10;
}
.expertises_tunnel .exps_container article:nth-of-type(2){
    z-index: 8;
}
.expertises_tunnel .exps_container article:nth-of-type(3){
    z-index: 6;
}
.expertises_tunnel .exps_container article:last-child{
    z-index: 4;
}

.expertises_tunnel .exps_container .title {
    text-transform: uppercase;
    margin-bottom: 29px;
    display: block;
    font-weight: 600;
    text-align: center;
}

.overflowvisible{
    overflow: initial !important;
}

.expertises_tunnel .exp_plus:hover + .exp_excerpt,
.expertises_tunnel .exp_excerpt:hover {
    top: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.exp_plus:hover span,
.exp_plus.is_hover span {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

/* start state */
.mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;

	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 



	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}

/* animate in */
.mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;

	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

/* animate out */
.mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 

	opacity: 0;
}

/* Dark overlay, start state */
.mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}




/*** Contact ***/

.contact_title {
    padding: 80px 0;
    text-align: center;
}
.contact_title h1 {
    font-size: 48px;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #FFF;
    line-height: 48px;
    margin: 0;
}

.contact_introform_container h2 {
    font-size: 22px;
    color: #1f494c;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
    line-height: 22px;
    margin-top: 80px;
}
.contact_introform_container .contact_content {
    color: #004f50;
    text-align: center;
    font-weight: 500;
}

.contact_form form {
    width: 665px;
    margin: 0 auto;
    max-width: 100%;
}

.contact_form form input:not([type="submit"]),
.contact_form form textarea,
.contact_form form select {
    width: 100%;
    background-color: #fff;
    border: 2px solid #fff;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    line-height: 12px;
    padding: 8px 15px;
    font-weight: 500;
    color: #3d3d3d;
    font-size: 12px;
    border: 2px solid #ef8075;
    display: block;
}
.contact_form form input:not([type="submit"])::-webkit-input-placeholder,
.contact_form form textarea::-webkit-input-placeholder,
.contact_form form select::-webkit-input-placeholder {
    line-height: 12px;
    font-weight: 500;
    color: #3d3d3d;
    font-size: 12px;
}
.contact_form form input:not([type="submit"]):-moz-placeholder,
.contact_form form textarea:-moz-placeholder,
.contact_form form select:-moz-placeholder {
    line-height: 12px;
    font-weight: 500;
    color: #3d3d3d;
    font-size: 12px;
}
.contact_form form input:not([type="submit"])::-moz-placeholder,
.contact_form form textarea::-moz-placeholder,
.contact_form form select::-moz-placeholder {
    line-height: 12px;
    font-weight: 500;
    color: #3d3d3d;
    font-size: 12px;
}
.contact_form form input:not([type="submit"]):-ms-input-placeholder,
.contact_form form textarea:-ms-input-placeholder,
.contact_form form select:-ms-input-placeholder {
    line-height: 12px;
    font-weight: 500;
    color: #3d3d3d;
    font-size: 12px;
}
.contact_form form input:not([type="submit"])::placeholder,
.contact_form form textarea::placeholder,
.contact_form form select::placeholder {
    line-height: 12px;
    font-weight: 500;
    color: #3d3d3d;
    font-size: 12px;
}

.contact_form form .wpcf7-submit {
    background: #ef8075;
    border: 0;
    color: #FFF;
    padding: 13px 45px;
    float: right;
    margin-top: 15px;
}

.contact_form [type="checkbox"] {
    position: absolute;
    left: 0;
    opacity: 0.01;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}

.contact_form [type="checkbox"] + span {
    position: relative;
    padding-left: 2.3em;
    font-size: 12px;
    line-height: 19px;
    cursor: pointer;
    text-transform: none;
    font-weight: 500;
}

/* Aspect de la case */
.contact_form [type="checkbox"]:not(:checked) + span:before,
.contact_form [type="checkbox"]:checked + span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 17px;
    height: 19px;
    border: 1px solid #f0897e;
    background: #FFF;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
    -webkit-transition: all .275s;
    -o-transition: all .275s;
    -moz-transition: all .275s;
    transition: all .275s;
}

/* Aspect de la coche */
.contact_form [type="checkbox"]:not(:checked) + span:after,
.contact_form [type="checkbox"]:checked + span:after {
    content: '✕';
    speak: never;
    position: absolute;
    top: 10px;
    left: 2px;
    font-size: 15px;
    color: #f0897e;
    line-height: 0;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}

/* Aspect non cochée */
.contact_form [type="checkbox"]:not(:checked) + span:after {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0) rotate(45deg);
    -moz-transform: scale(0) rotate(45deg);
    -ms-transform: scale(0) rotate(45deg);
    -o-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
}

/* Aspect cochée */
.contact_form [type="checkbox"]:checked + span:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
}

/* Disabled checkbox */
.contact_form [type="checkbox"]:disabled:not(:checked) + span:before,
.contact_form [type="checkbox"]:disabled:checked + span:before {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: #bbb;
    background-color: #e9e9e9;
}

/* Disabled checked */
.contact_form [type="checkbox"]:disabled:checked + span:after {
    color: #777;
}

.contact_form [type="checkbox"]:disabled + span {
    color: #aaa;
}

.contact_form form textarea {
    margin-top: 10px;
}

.contact_form .wpcf7-acceptance {
    margin-top: 15px;
    display: block;
}

.contact_form .wpcf7-acceptance a {
    color: #f0897e;
}

.contact_form .wpcf7-checkbox .wpcf7-list-item {
    width: 100%;
}

.contact_form form select{
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    background: url(../img/select_arrow.png) no-repeat right white;
    background-position: top 10px right 20px;
    padding: 10px 15px !important;
}
.contact_form form select::-ms-expand {
    display: none;
}

.visite h3 {
    font-weight: 700;
    color: #000;
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    margin: 60px 0 30px 0;
    line-height: 1;
}

.contact_end {
    margin-top: 25px;
    /*background: #ef8075;*/
    background: url(../img/contact_bckg.png) 50% / cover no-repeat;
    padding: 55px 0 45px 0;
    margin-bottom: 50px;
}
.contact_end .contact_end_logo {
    width: 155px;
    margin-bottom: 40px;
}
.contact_end .contact_end_content {
    color: #FFF;
    font-size: 18px;
}
.contact_end .contact_end_content p{
    margin-bottom:25px;
}
.contact_end .social_container {
    width: 175px;
}
.contact_end .social_container .social a,
.contact_end .social_container .social a svg {
    width: 28px;
    height: 28px;
    display: block;
}

/** SINGLE COMMUNIQUES **/

.single-communiques #content p {
    line-height: 1.5;
    margin-bottom: 15px;
}
.single-communiques .title_container h2 {
    padding: 0;
}

/** OTHER MODIFS REALS **/

.mfp-counter,
.mfp-wrap > .mfp-close {
    display: none !important;
}
.mfp-close {
    top: 5px !important;
}
.single_real_container .section_textes > .row > div:last-child .sti_text.double {
    padding: 50px 70px 50px 15px;
}
.single_real_container .section_textes > .row > div:first-child .sti_text.double {
    padding: 50px 15px 50px 70px;
}
.single_real_container .section_textes > .row > div .sti_text.simple {
    padding: 50px 70px;
}

.real_taxos .category_submenu {
    display: block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    margin-top: 15px;
    pointer-events: none;
    position: absolute;
    visibility: hidden;
    background-color: #FFF;
    top: 150%;
    left: 0;
    padding: 0;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
    z-index: 12;
    padding: 0 20px;
    margin: 0 -20px;
}
.real_taxos .page-menu-item:hover .category_submenu {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    top:100%;
    visibility: visible;
    margin-top: 0;
    pointer-events: auto;
}

.bg-overlay-content {
    padding: 5px;
}



.realisation_grid #ajax-load-more .alm-load-more-btn {
    background-color: #f54500;
}
.realisation_grid #ajax-load-more .alm-load-more-btn:hover {
    background-color: #ef8075;
}
.real2025 .realisation_grid #ajax-load-more .alm-load-more-btn {
    background-color: #fff;
    border: 1px solid #6917ff;
    height: 35px;
    line-height: 35px;
    border-radius: 20px;
    padding: 0 30px;
    font-weight: 700;
    color: #004f4f;
    font-size: 12px;
}
.real2025 .realisation_grid #ajax-load-more .alm-load-more-btn:hover {
    background-color: #6917ff;
    color: #fff;
}
.real2025 .alm-btn-wrap .alm-load-more-btn.loading:before {
    background: transparent url(https://www.wellcom.fr/wp-content/plugins/ajax-load-more/build/frontend/img/ajax-loader.gif) no-repeat 50% / 50%;
    border-radius: 0;
    content: "";
    display: inline-block;
    height: 30px;
    left: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: width .5s ease-in-out;
    width: 30px;
    z-index: 0;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}



/*** SEO TEMPLATE ***/

.template_seo_main .seo_title{
    padding: 60px 0;
}
.template_seo_main .seo_expertise_liste_1 {
background-color: #31b2cb;
}
.template_seo_main .seo_expertise_liste_2 {
    background-color: #0dd0a0;
}
.template_seo_main .seo_expertise_liste_3 {
    background-color: #31b2cb;
}
.template_seo_main .seo_expertise_liste_4 {
    background-color: #6917ff;
}

.template_seo_main.expertise-digital .seo_title,
.template_seo_main.expertise-digital .seo_expertise_liste,
.template_seo_main.expertise-digital-038-web-social .seo_title,
.template_seo_main.expertise-digital-038-web-social .seo_expertise_liste {
    background:-webkit-radial-gradient(circle, rgba(223,55,12,1) 0%, rgba(186,41,10,1) 100%);
    background:-moz-radial-gradient(circle, rgba(223,55,12,1) 0%, rgba(186,41,10,1) 100%);
    background:-o-radial-gradient(circle, rgba(223,55,12,1) 0%, rgba(186,41,10,1) 100%);
    background:radial-gradient(circle, rgba(223,55,12,1) 0%, rgba(186,41,10,1) 100%);
}
.template_seo_main.expertise-public-relations .seo_title,
.template_seo_main.expertise-public-relations .seo_expertise_liste{
    background:-webkit-radial-gradient(circle, rgba(174,107,99,1) 0%, rgba(174,107,99,1) 100%);
    background:-moz-radial-gradient(circle, rgba(174,107,99,1) 0%, rgba(174,107,99,1) 100%);
    background:-o-radial-gradient(circle, rgba(174,107,99,1) 0%, rgba(174,107,99,1) 100%);
    background:radial-gradient(circle, rgba(174,107,99,1) 0%, rgba(174,107,99,1) 100%);
}
.template_seo_main.expertise-brand-management .seo_title,
.template_seo_main.expertise-brand-management .seo_expertise_liste{
    background:-webkit-radial-gradient(circle, rgba(169,201,186,1) 0%, rgba(186,216,207,1) 100%);
    background:-moz-radial-gradient(circle, rgba(169,201,186,1) 0%, rgba(186,216,207,1) 100%);
    background:-o-radial-gradient(circle, rgba(169,201,186,1) 0%, rgba(186,216,207,1) 100%);
    background:radial-gradient(circle, rgba(169,201,186,1) 0%, rgba(186,216,207,1) 100%);
}
.template_seo_main.expertise-content .seo_title,
.template_seo_main.expertise-content .seo_expertise_liste,
.template_seo_main.expertise-contenu .seo_expertise_liste{
    background:-webkit-radial-gradient(circle, rgba(134,61,69,1) 0%, rgba(134,61,69,1) 100%);
    background:-moz-radial-gradient(circle, rgba(134,61,69,1) 0%, rgba(134,61,69,1) 100%);
    background:-o-radial-gradient(circle, rgba(134,61,69,1) 0%, rgba(134,61,69,1) 100%);
    background:radial-gradient(circle, rgba(134,61,69,1) 0%, rgba(134,61,69,1) 100%);
}

.template_seo_main .seo_title h2{
    color:#FFF;
    font-size: 18px;
    font-weight: 700;
    font-style:italic;
    margin:0 0 28px 0;
    text-transform: uppercase;
    text-align: center;
}
.template_seo_main .seo_title h1{
    color:#FFF;
    font-size: 30px;
    font-weight: 700;
    font-style:italic;
    margin:0;
    text-align: center;
    text-transform: uppercase;
}

.template_seo_main .seo_content{
    padding: 70px 0 88px 0;
    color:#1f494c;
    line-height: 1.4;
}
.template_seo_main .seo_content ul {
    margin-left: 18px;
}
.template_seo_main .seo_content > .container > .row > .col-12 > *:not(:last-child){
    margin-bottom:30px;
}
.template_seo_main .seo_content h2 {
    text-transform: none;
    font-size: 22px;
    line-height: 1.3;
}
.template_seo_main .seo_content h2,
.template_seo_main .seo_content h3,
.template_seo_main .seo_content h4,
.template_seo_main .seo_content h5,
.template_seo_main .seo_content h6{
    color:#1f494c;
}
.template_seo_main .seo_content h3,
.template_seo_main .seo_content h4,
.template_seo_main .seo_content h5,
.template_seo_main .seo_content h6{
    font-size: 20px;
}

.seo_expertise_liste{
    position: relative;
    padding: 30px 0;
}
.seo_expertise_liste .seo_exp_link{
    position: absolute;
    left: 0;
    top:0;
    width:100%;
    height:100%;
}

.template_seo_main .seo_exp_img{
    position: relative;
    text-align: center;
}
.template_seo_main.expertise-contenu .seo_expertise_liste .seo_exp_img img,
.template_seo_main.expertise-content .seo_expertise_liste .seo_exp_img img {
    width: 98px;
}
.template_seo_main.expertise-digital .seo_expertise_liste .seo_exp_img img {
    width: 212px;
}
.template_seo_main.expertise-brandmanagement .seo_expertise_liste .seo_exp_img img {
    width: 243px;
}
.template_seo_main .seo_exp_img strong{
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #FFF;
    font-size: 24px;
    text-transform: uppercase;
    padding: 45px;
    text-align: center;
}

.template_seo_main .seo_expertise_liste h3{
    font-size: 18px;
    font-weight: 700;
    text-transform:uppercase;
    margin:0 0 30px 42px;
    color: #FFF;
}
.template_seo_main .seo_exp_liste_ul{
    padding: 0 0 0 60px;
    margin: 0;
}

.template_seo_main .seo_exp_liste_ul li:not(:last-child){
    margin-bottom: 15px;
}
.template_seo_main .seo_exp_liste_ul li{
    font-size: 16px;
    color:#FFF;
    font-weight: 700;
    text-transform: uppercase;
}

.template_seo_main .other_posts {
    padding: 80px 0 85px 0;
    margin: 0;
    background: #a6beb7;
}

/*** EQUIPE ***/

.equipe_header,
.capitalsens_header,
body.archive .archive_title,
.seo_title,
.seo_expertise_liste,
.contact_title {
    padding: 60px 0;
    margin-bottom: 20px;
}

.equipe_header h1,
.capitalsens_header h1,
body.archive .archive_title h1{
    color: #FFF;
    font-size: 45px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    text-align: center;
}
.capitalsens_header h1 {
    font-size: 35px;
}

.comite-executif{
    margin-bottom: 20px;
}

.equipe_img {
    background: #31b2cb;
    height: 280px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.equipe_img img {
    max-height: 100%;
}
.page-template-template-equipe section article h2,
.page-template-template-equipe-new section article h3 {
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 23px;
    line-height: 24px;
    font-weight: 900;
    color: #004f50;
}
.page-template-template-equipe section article h3 ,
.page-template-template-equipe-new section article h4 {
    font-size: 17px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-top: 0;
    color: #1f494c;
    line-height: 19px;
}

.page-template-template-equipe section article .citation ,
.page-template-template-equipe-new section article .citation {
    color: rgba(223,55,12,1);
    font-size: 16px;
    font-weight: 300;
    margin: 0 0 20px 0;
    display: block;
    font-style: italic;
}
.page-template-template-equipe section article .citation:after ,
.page-template-template-equipe-new section article .citation:after {
    content: '"';
    margin-left: 2px;
}
.page-template-template-equipe section article .citation:before ,
.page-template-template-equipe-new section article .citation:before {
    content: '"';
    margin-right: 2px;
}

.page-template-template-equipe section article .content ,
.page-template-template-equipe-new section article .content {
    color: #1f494c;
    font-size: 14px;
    margin-bottom: 40px;
    margin-top: 25px;
}
.page-template-template-equipe section article .content > * ,
.page-template-template-equipe-new section article .content > * {
    margin-bottom: 10px;
}

.page-template-template-equipe aside ,
.page-template-template-equipe-new aside ,
.template_seo_main aside {
    background: #1f494c;
    padding: 40px 0;
    margin-bottom: 15px;
}
.page-template-template-equipe aside h2,
.page-template-template-equipe-new aside h2,
.template_seo_main aside h2 {
    color: #FFF;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 800;
}

.page-template-template-equipe aside ul,
.page-template-template-equipe-new aside ul,
.template_seo_main aside ul {
    list-style: none;
    margin: 0;
    width: 100%;
}
.page-template-template-equipe aside ul li,
.page-template-template-equipe-new aside ul li,
.template_seo_main aside ul li {
    position: relative;
}
.page-template-template-equipe aside ul li a,
.page-template-template-equipe-new aside ul li a,
.template_seo_main aside ul li a {
    color: #fff;
    letter-spacing: 1px;
    position: relative;
    padding: 7px 0 3px 0;
    display: inline-block;
    -webkit-transition: margin .4s ease, padding .4s ease;
    -o-transition: margin .4s ease, padding .4s ease;
    -moz-transition: margin .4s ease, padding .4s ease;
    transition: margin .4s ease, padding .4s ease;
    text-transform: uppercase;
    font-size: 12px;
}
.page-template-template-equipe aside ul li a:after,
.page-template-template-equipe-new aside ul li a:after,
.template_seo_main aside ul li a:after {
    content: "";
    width: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    height: 1px;
    display: block;
    background: #FFF;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -o-transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -moz-transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -webkit-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -moz-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    -o-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    display: inline-block;
}
.page-template-template-equipe aside ul li a:hover:after,
.page-template-template-equipe-new aside ul li a:hover:after,
.template_seo_main aside ul li a:hover:after {
    width: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.page-template-template-equipe aside .cta,
.page-template-template-equipe-new aside .cta,
.template_seo_main aside .cta {
    margin-top: 10px;
}

.equipe_subtitle {
    font-size: 30px;
    color: #1f494c;
    margin: 25px 0;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 30px;
    text-align: center;
}


@media screen and (min-width:992px){
    .page-template-template-equipe-new section article .first-comite {
        margin-bottom: 45px;
    }
    .page-template-template-equipe-new section article .first-comite h3 {
        margin-top: 0;
    }
    .page-template-template-equipe-new section article .first-comite .content {
        margin-bottom: 0;
    }
}

/*** ARCHIVE ***/

body.archive main article{
    margin-bottom: 30px;
}
body.archive main article .post-header{
    margin: 10px 0;
}
body.archive main article .post-header time{
    margin: 10px 0;
    display: block;
    color: #1f494c;
    font-size: 12px;
}
body.archive main article h2{
    font-size: 19px;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 23px;
    line-height: 22px;
    font-weight: 900;
}
body.archive main article h2 a{
    color: #1f494c;
}
body.archive main article .post-content{
    color: #1f494c;
    font-size: 14px;
    margin-bottom: 20px;
    margin-top: 20px;
}
body.archive main article .post-content > * {
    margin-bottom: 10px;
}

.pagination {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 40px;
}
.pagination .page-numbers {
    margin: 0 1px;
    color: rgba(223,55,12,1);
    padding: 5px 10px;
    -webkit-transition: margin .4s ease, padding .4s ease;
    -o-transition: margin .4s ease, padding .4s ease;
    -moz-transition: margin .4s ease, padding .4s ease;
    transition: margin .4s ease, padding .4s ease;
}
.pagination .page-numbers.current,
.pagination a.page-numbers:hover {
    background: rgba(223,55,12,1);
    color: #FFF;
}

body.archive aside{
    background: #1f494c;
    padding: 40px 0;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 22px;
    color: #FFF;
}
body.archive aside h2 {
    color: #FFF;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 800;
}
body.archive aside a {
    text-decoration: underline !important;
}
body.archive aside > .container > .row > div > *:last-child {
    margin-bottom: 0;
}

section.breadcrumbs_container {
    margin-top: 30px;
    text-transform: uppercase;
    font-size: 11px;
}

.page-template-template-tunnel_expertises #content p {
    font-size: 15px;
}

/*------------------------------------*\
RESPONSIVE
\*------------------------------------*/



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

    .expertises_tunnel .exps_container .other_exp.public-relations img ,
    .exp_others .exps_container .other_exp.public-relations img {
        width: 225px;
        margin: 0 auto;
    }
    .expertises_tunnel .exps_container .other_exp ,
    .exp_others .exps_container .other_exp {
        height: 250px !important;
    }
    .exp_others .exps_container .other_exp{
        margin-bottom: 35px;
    }

    header.transparent-header #logo img.logo-white {
        display:none;
    }
    header.transparent-header #logo img.logo-black {
        display:block;
    }
    .transparent-header .primary-menu .menu-container .menu-link {
        color: #1f494c;
    }

    .contact-footer .wpcf7-form-control-wrap {
        width: 100%;
    }
    .contact-footer input[type="submit"] {
        float: right;
    }

    .primary-menu .menu-container .current-menu-item > .menu-link:after{
        display:none;
    }
    .primary-menu .lang-item.menu-item {
        margin-left: 0;
    }
    .primary-menu .menu-container .lang-item .menu-link:before {
        display: none;
        content: none;
    }

    .exp_plus {
        display: none;
    }
    .expertises_tunnel .exps_container .other_exp, .exp_others .exps_container .other_exp {
        height: auto !important;
        min-height: 250px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 20px 0;
    }
    .expertises_tunnel .exp_excerpt {
        position: relative;
        display: block;
        top: auto;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        background: none !important;
    }
    .exps_container .other_exp .other_exp_content{
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }

    .exp_title {
        position: relative;
    }
    .exp_title > .container > .row > .h-100 {
        height: auto !important;
        position: absolute;
        bottom: 0;
        padding: 0;
        left: 0;
    }
    .expertise_submenu {
        padding: 20px;
        z-index: 2;
    }
    .expertise_submenu li a {
        font-size: 14px;
        line-height: 16px;
    }
    .expertise_submenu:before{
        display: none;
    }

    .page-template-template-equipe aside > .container > .row > div:last-child h2 ,
    .page-template-template-equipe-new aside > .container > .row > div:last-child h2 ,
    .template_seo_main aside > .container > .row > div:last-child h2 {
        margin-top: 30px;
    }
    .title_container h2,
    .real_intro{
        padding: 0;
        max-width: 100%;
        width: 420px;
        margin: 0 auto 24px auto;
    }
    .single-realisations .title_container h2 {
        width: auto;
    }
    .real_taxos ul.page-menu-container {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .real_taxos ul.page-menu-container li {
        width: 100%;
        text-align: center;
        margin-right: 0;
    }
    .real_taxos .category_submenu {
        width: 100%;
        margin: 0;
    }

    

    .block_realisation_single.active {
        top: 50px !important;
    }
    .block_quizz_sens_container.active {
        top: 0 !important;
        height: 100% !important;
    }

    .contact_end .contact_end_logo {
        margin: 0 auto 40px auto;
    }
    .contact_end .contact_end_content {
        padding: 0 15px;
        text-align: center;
    }
    .contact_end .social_container {
        margin: 0 auto 30px auto;
    }
    .visite h3 {
        font-size: 28px;
        line-height: 30px;
    }

    .page-template-template-expertise .exps_container .other_exp .other_exp_content {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }

    footer .footer_menu {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    footer .footer_menu > li {
        width: 33%;
        padding: 0 !important;
        margin-bottom: 20px;
    }
    footer .footer_menu > li > a {
        margin-bottom: 20px;
    }
    .single-realisations .title_container {
    	padding-bottom: 0;
    }
    .single-realisations .real_taxos ul.page-menu-container > .page-menu-item > a,
    .single-realisations .real_taxos ul.page-menu-container > .page-menu-item > .taxo_filter {
        margin: 0 0 10px 0;
        line-height: 1;
        font-size: 12px;
        height: auto;
        font-weight: 800;
        padding-bottom: 5px;
    }
    .single-realisations .real_taxos ul.page-menu-container li {
        width: auto;
        margin-right: 15px;
    }
    .single_real_container.new .sti_text {
    	margin-bottom: 20px;
    }
    .single_real_container.new .real-thumbnail,
    .single_real_container.new section.section_img_parallax .section_img_parallax_inner {
      background-attachment: scroll;
    }
}
@media screen and (max-width:858px){
    body.single_real_active > #wrapper > main > *:not(.block_realisation_single):not(.block_quizz_sens_container),
    body.single_real_active > #wrapper .contact-footer,
    body.single_real_active > #wrapper > footer {
        overflow-x: hidden;
        max-width: 100vw;
    }
    body.single_real_active {
        overflow: hidden;
    }
    .block_realisation_single.active ,
    .block_quizz_sens_container.active {
        top: 0 !important;
    }
}

.device-md form .wpcf7-submit:disabled ,
.device-sm form .wpcf7-submit:disabled ,
.device-xs form .wpcf7-submit:disabled {
    border-color: #1f494c !important;
    background: #1f494c;
    color: #FFF;
    text-decoration: line-through;
}
.wpcf7-not-valid-tip {
    margin-top: 3px;
    font-size: 13px;
    color: #f54500;
}

.contact-footer .wpcf7-not-valid-tip {
    color: #FFF;
}

@media screen and (max-width:767.98px){
    img.width50 {
        max-width: 100%;
    }
    .page-template-template-clients .grid-filter li {
        width: 100%;
    }
    .page-template-template-clients .grid-filter li a {
        width: 100%;
        margin: 0 0 10px 0;
    }

    

    
    .button {
        max-width: 100%;
        white-space: break-spaces;
    }

    .grid-filter-wrap {
        display: block;
        width: 100%;
        position: relative;
        margin-bottom: 50px;
        text-align: center;
    }
    .page-template-template-clients select#sort-clients {
        font-size: 13px;
    }

    .other_posts .slick-list {
        width: 100% !important;
        max-width: 100% !important;
        -webkit-box-flex: 0 !important;
        -webkit-flex: 0 0 100% !important;
        -moz-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
    }
    .other_posts ul.slick-dots {
        width: 100%;
        list-style: none;
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    ul.slick-dots li button {
        text-indent: -9999999px;
        border: 2px solid #FFF;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        width: 15px;
        height: 16px;
        margin: 0 6px;
        line-height: 0;
        font-size: 0px;
        background: transparent;
        -webkit-transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
        -o-transition:all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
        -moz-transition:all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
        transition: all 300ms cubic-bezier(0.990, 0.040, 0.095, 0.980);
        -webkit-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
        -moz-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
        -o-transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
        transition-timing-function: cubic-bezier(0.990, 0.040, 0.095, 0.980);
    }
    ul.slick-dots li.slick-active button {
        background: #FFF;
    }

    .page-template-template-clients .portfolio-item .portfolio-image img.logo-client {
        position: relative !important;
    }
    .page-template-template-clients .portfolio-item .portfolio-image img.placeholder {
        display: none;
    }

    .single_real_container .article_header .content {
        padding: 0 15px;
    }

    .single_real_container .real_chiffres .chiffre .ch {
        font-size: 35px;
        margin-bottom: 7px;
        line-height: 35px;
    }
    .single_real_container .real_chiffres .desc {
        font-size: 15px;
        line-height: 16px;
        width: 90%;
    }
    .single_real_container .return_button .button:before {
        display: none;
    }
    .single_real_container .return_button .button {
        white-space: inherit;
    }
    .single_real_container .section_textes > .row > div:first-child .sti_text.double {
        padding: 50px 20px 10px 20px;
    }
    .single_real_container .section_textes > .row > div:last-child .sti_text.double {
        padding: 0 20px 50px 20px;
    }
    .single_real_container .sti_text {
        padding-left: 20px;
        padding-right: 20px;
    }
    .single_real_container .section_slider .sti_text {
        padding-left: 20px;
        padding-right: 20px;
    }

    .template_seo_main .seo_content {
        font-size: 16px;
    }
    .template_seo_main .seo_expertise_liste h3 {
        margin-top: 30px;
        margin-left: 0;
    }
    .template_seo_main .seo_exp_liste_ul {
        padding: 0 0 0 17px;
    }
    .template_seo_main .seo_exp_liste_ul li {
        font-size: 14px;
    }
    .front_header_mobile{
        width: 100%;
    }
    .quizz-wrapper {
        margin: 0;
    }
    .quizz-wrapper .slide-inner h2 {
        font-size: 40px;
            margin-bottom: 20px;
            line-height: 1;
    }
}
@media screen and (max-width:575.98px){
    
    .header-row {
        padding: 0 15px;
    }
    footer .footer_menu .sub-menu a,
    footer .footer_menu .sub-menu span {
        margin-bottom: 0;
    }

    

    .page-template-template-expertise main .exp_title h1 {
        font-size: 30px;
        line-height: 35px;
    }

    .equipe_img {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -moz-box-align: end;
        -ms-flex-align: end;
        -ms-grid-row-align: flex-end;
        align-items: flex-end;
        height: auto;
        padding-top: 10px;
    }
    .equipe_img img {
        max-height: 220px;
    }

    

    .exp_accordion .accordion-header .accordion-header-content {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .exp_accordion .accordion-header .accordion-header-content .accordion-title {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
    .exp_accordion .accordion-header .accordion-header-content .accordion-icon {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 5px;
    }
    .single-realisations .title_container .title-highlight-1 {
        font-size: 20px;
    }
    .single_real_container.new .real-thumbnail {
        height: 80vh;
    }
    .single_real_container.new section.section_title .title-highlight-2 {
        font-size: 25px;
    }
    .single-realisations .primary-menu .menu-container #menu-item-54813 > .menu-link:after {
        opacity: 0;
    }

    

    
}
@media screen and (max-width:399px){
    footer .footer_menu > li {
        width: 100%;
        text-align: center;
    }
}

/*------------------------------------*\
MISC
\*------------------------------------*/

::-moz-selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}

::selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}
::-webkit-selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}
::-moz-selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}

/*------------------------------------*\
WORDPRESS CORE
\*------------------------------------*/

.alignnone {
    margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display:block;
    margin:5px auto 5px auto;
}
.alignright {
    float:right;
    margin:5px 0 20px 20px;
}
.alignleft {
    float:left;
    margin:5px 20px 20px 0;
}
a img.alignright {
    float:right;
    margin:5px 0 20px 20px;
}
a img.alignnone {
    margin:5px 20px 20px 0;
}
a img.alignleft {
    float:left;
    margin:5px 20px 20px 0;
}
a img.aligncenter {
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.wp-caption {
    background:#FFF;
    border:1px solid #F0F0F0;
    max-width:96%;
    padding:5px 3px 10px;
    text-align:center;
}
.wp-caption.alignnone {
    margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin:5px 20px 20px 0;
}
.wp-caption.alignright {
    margin:5px 0 20px 20px;
}
.wp-caption img {
    border:0 none;
    height:auto;
    margin:0;
    max-width:98.5%;
    padding:0;
    width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}

/*------------------------------------*\
PRINT
\*------------------------------------*/

@media print {
    * {
        background:transparent !important;
        color:#000 !important;
        -webkit-box-shadow:none !important;
        -moz-box-shadow:none !important;
        box-shadow:none !important;
        text-shadow:none !important;
    }
    a,
    a:visited {
        text-decoration:underline;
    }
    a[href]:after {
        content:" (" attr(href) ")";
    }
    abbr[title]:after {
        content:" (" attr(title) ")";
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content:"";
    }
    pre,blockquote {
        border:1px solid #999;
        page-break-inside:avoid;
    }
    thead {
        display:table-header-group;
    }
    tr,img {
        page-break-inside:avoid;
    }
    img {
        max-width:100% !important;
    }
    @page {
        margin:0.5cm;
    }
    p,
    h2,
    h3 {
        orphans:3;
        widows:3;
    }
    h2,
    h3 {
        page-break-after:avoid;
    }
}