@charset "UTF-8";
/* B-COLORS */
/* E-COLORS */
/* B-FONT */
/*
COMMISSIONER - 100 Thin
COMMISSIONER - 200 Extra-light
COMMISSIONER - 300 Light
COMMISSIONER - 400 Regular
COMMISSIONER - 500 Medium
COMMISSIONER - 600 Semin-bold
COMMISSIONER - 700 Bold
*/
/* E-FONT */
/* RESPONSIVE
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {}
@media (max-width: 575.98px) {}
RESPONSIVE */
html { font-size: 16px; }
@media (max-width: 767.98px) { html { font-size: 16px; } }

body { margin: 0; font-size: 1rem; font-family: "Commissioner", Verdana, Helvetica, sans-serif; color: black; overflow-x: hidden; background: white; }
body.noscroll { overflow-y: hidden; }

#content { padding-top: 160px; }

@media (max-width: 767.98px) { #content { padding-top: 80px; } }
.size120 { font-size: 5.625rem; font-weight: 100; }

.size90 { font-size: 3.75rem; font-weight: 200; }

.size48 { font-size: 1.875rem; font-weight: 300; }

.size30 { font-size: 1.625rem; font-weight: 300; }

.size14 { font-size: 0.875rem; text-transform: uppercase; letter-spacing: 2px; }

.orange { color: #ff874b; }

.white { color: white; }

.chapo36 p { font-size: 1.5rem; font-weight: 300; }

.chapo24 p { font-size: 1.125rem; font-weight: 400; }

.light { font-weight: 300; }

.vertical { position: absolute; top: 0; left: 10.5%; transform: rotate(-90deg); transform-origin: left; text-transform: uppercase; font-size: 0.5625rem; letter-spacing: 2px; font-weight: 400; }

@media (max-width: 767.98px) { .vertical { display: none; } }
.imgsmooth { background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; position: absolute; top: 0; left: 0; width: 100%; height: calc(100% + 50px); z-index: -1; }

p.num { font-size: 0.875rem; letter-spacing: 2px; font-weight: 300; }
p.titre-ul { text-transform: uppercase; font-weight: 600; margin-bottom: 20px; font-size: 0.75rem; letter-spacing: 2px; }
p del { color: #ff874b; text-decoration: none; }

del { color: #ff874b; text-decoration: none; }

ul { margin: 0; padding: 0; }
ul.numerote.long { column-count: 2; }
ul.numerote li.itemlist { list-style: decimal-leading-zero; margin: 7px 0 7px 28px; }
ul li { list-style: none; }
ul li.itemlist { font-size: 0.75rem; letter-spacing: 2px; color: #a4a4a4; font-weight: 600; text-transform: uppercase; margin: 7px 0; cursor: pointer; transition: color 0.4s ease; }
ul li.itemlist.actif { color: black; }
@media (min-width: 768px) { ul li.itemlist:hover { color: black; } }

:focus, .btn:focus, a:focus { outline: 0 !important; box-shadow: none !important; }

a { text-decoration: none; color: #ff874b; }
a:hover { text-decoration: none; }
a.arrow { font-size: 0.875rem; font-weight: 400; color: white; position: relative; }
a.arrow .fleche { display: inline-block; transform-style: preserve-3d; backface-visibility: hidden; transition: all .5s ease; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
a.arrow .fleche > span { position: absolute; top: 50%; right: -120px; transform: translateY(-50%); width: 100px; height: 100px; border-radius: 50%; border-style: solid; border-width: 2px; border-color: #ff874b; }
a.arrow .fleche > span > span { position: absolute; background: white; width: 40px; height: 2px; top: 50%; transform: translate(-50%, -50%); left: 50%; }
a.arrow .fleche > span > span:before, a.arrow .fleche > span > span:after { content: ""; position: absolute; background: white; width: 12px; height: 2px; right: -3px; }
a.arrow .fleche > span > span:before { top: -4px; transform: rotate(45deg); }
a.arrow .fleche > span > span:after { top: 4px; transform: rotate(-45deg); }
@media (min-width: 768px) { a.arrow { /*&:hover .fleche span {
	width: 175px;
	height: 175px;
}*/ } }
a.btn { color: black; font-size: 0.875rem; font-weight: 400; text-transform: uppercase; padding: 20px 40px; position: relative; }
a.btn .bord { display: inline-block; transform-style: preserve-3d; backface-visibility: hidden; transition: all .5s ease; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: solid 2px #ff874b; border-radius: 35px; }
a.btn.white { color: white; border-color: black; }
@media (min-width: 768px) { a.btn:hover .bord { width: calc(100% + 20px); height: calc(100% + 10px); border-radius: 50px; top: -5px; left: -10px; } }

@media (max-width: 991.98px) { .size120 { font-size: 5rem; }
  .size30 { font-size: 1.75rem; }
  a.arrow { display: block; margin-top: 60px; text-align: left; } }
@media (max-width: 767.98px) { .size120 { font-size: 2.5rem; }
  .size90 { font-size: 1.875rem; }
  .chapo36 p { font-size: 1.25rem; }
  a.btn { width: 100%; }
  a.btn:after { width: 100%; } }
header[role=banner] { position: fixed; height: 160px; background: white; z-index: 50; top: 0; }
header[role=banner] > .row { height: 100%; }
header[role=banner] > .row .logo { max-width: 200px; }
header[role=banner] > .row .logo img { max-width: 100%; }
header[role=banner] > .row .ico-menu { position: absolute; cursor: pointer; width: 46px; height: 46px; top: 50%; right: 0; transform: translateY(-50%); border-radius: 50%; overflow: hidden; z-index: 50; }
header[role=banner] > .row .ico-menu:after { content: ""; position: absolute; z-index: -1; width: 100%; height: 100%; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); border: solid 2px #ff874b; transition: width 0.4s ease, height 0.4s ease, border 0.4s ease; }
header[role=banner] > .row .ico-menu span { position: absolute; background: black; width: 24px; height: 2px; border-radius: 1px; left: 50%; transform: translateX(-50%); transition: width 0.4s ease, top 0.4s ease, transform 0.4s ease; }
header[role=banner] > .row .ico-menu span:nth-child(1) { top: 16px; }
header[role=banner] > .row .ico-menu span:nth-child(2) { top: 22px; }
header[role=banner] > .row .ico-menu span:nth-child(3) { top: 28px; }
@media (min-width: 768px) { header[role=banner] > .row .ico-menu:hover span:nth-child(2) { width: 34px; } }
header[role=banner] > .row .ico-menu.fermer:after { width: 0; height: 0; border: 0; }
header[role=banner] > .row .ico-menu.fermer span:nth-child(1) { top: 22px; transform: translateX(-50%) rotate(45deg); }
header[role=banner] > .row .ico-menu.fermer span:nth-child(2) { width: 0; }
header[role=banner] > .row .ico-menu.fermer span:nth-child(3) { top: 22px; transform: translateX(-50%) rotate(-45deg); }
@media (min-width: 768px) { header[role=banner] > .row .ico-menu.fermer:hover span:nth-child(2) { width: 0; } }
header[role=banner] > .row .nav #site-navigation ul#menu-menu-principal { margin: 0; padding: 0; display: flex; flex-wrap: wrap; }
header[role=banner] > .row .nav #site-navigation ul#menu-menu-principal > li { list-style: none; padding: 20px 20px; position: relative; }
header[role=banner] > .row .nav #site-navigation ul#menu-menu-principal > li:last-child { padding: 20px 0 20px 20px; }
@media (max-width: 1350px) { header[role=banner] > .row .nav #site-navigation ul#menu-menu-principal > li { padding: 20px 10px; }
  header[role=banner] > .row .nav #site-navigation ul#menu-menu-principal > li:last-child { padding: 20px 0 20px 10px; } }
header[role=banner] > .row .nav #site-navigation ul#menu-menu-principal > li a { position: relative; transition: color 0.4s ease; /*.circle {
	display: inline-block;
	transform-style: preserve-3d;
	backface-visibility: hidden;
	transition: border-width .1s ease, transform .5s ease;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
	width: 60px;
	height: 60px;
	border-width: 0;
	border-radius: 50%;
	border-style: solid;
	border-color: $orange;
}
@media (min-width: 768px) {
	&:hover .circle {border-width: 2px;}
}*/ }
@media (min-width: 768px) { header[role=banner] > .row .nav #site-navigation ul#menu-menu-principal > li a:hover { text-decoration: none; color: #ff874b; } }
header[role=banner] > .row .nav #site-navigation ul#menu-menu-principal > li.contact { /*&:after {content:none;}*/ }
header[role=banner] > .row .nav #site-navigation ul#menu-menu-principal > li.contact a { position: relative; padding: 15px 30px; }
header[role=banner] > .row .nav #site-navigation ul#menu-menu-principal > li.contact a:after { content: ""; display: inline-block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-width: 2px; border-radius: 45px; margin-top: 0; margin-left: 0; border-style: solid; border-color: #ff874b; }
header[role=banner] > .row .nav #site-navigation ul#menu-menu-principal > li.menu-item-has-children > a { position: relative; margin-right: 20px; }
header[role=banner] > .row .nav #site-navigation ul#menu-menu-principal > li.menu-item-has-children > a:before, header[role=banner] > .row .nav #site-navigation ul#menu-menu-principal > li.menu-item-has-children > a:after { content: ""; position: absolute; right: -20px; background: #ff874b; width: 7px; height: 1px; transition: all 0.4s ease; }
header[role=banner] > .row .nav #site-navigation ul#menu-menu-principal > li.menu-item-has-children > a:before { top: 6px; transform: rotate(45deg); }
header[role=banner] > .row .nav #site-navigation ul#menu-menu-principal > li.menu-item-has-children > a:after { top: 10px; transform: rotate(-45deg); }
header[role=banner] > .row .nav #site-navigation ul#menu-menu-principal > li.menu-item-has-children.open > ul.sub-menu { display: block; }
@media (min-width: 768px) { header[role=banner] > .row .nav #site-navigation ul#menu-menu-principal > li.menu-item-has-children.open > ul.sub-menu:hover li a { color: #d2d2d2; }
  header[role=banner] > .row .nav #site-navigation ul#menu-menu-principal > li.menu-item-has-children.open > ul.sub-menu:hover li a:hover { color: #ff874b; } }
header[role=banner] > .row .nav #site-navigation ul#menu-menu-principal > li.menu-item-has-children.open a:before { top: 10px; right: -15px; }
header[role=banner] > .row .nav #site-navigation ul#menu-menu-principal > li.menu-item-has-children > ul.sub-menu { display: none; position: fixed; top: 0; left: 0; /*width: 100vw;*/ box-sizing: content-box; background: white; padding-top: 160px; padding-bottom: 130px; -webkit-box-shadow: 0px 60px 55px 0px rgba(0, 0, 0, 0.21); -moz-box-shadow: 0px 60px 55px 0px rgba(0, 0, 0, 0.21); box-shadow: 0px 60px 55px 0px rgba(0, 0, 0, 0.21); z-index: -1; }
header[role=banner] > .row .nav #site-navigation ul#menu-menu-principal > li a { font-size: 0.8125rem; text-transform: uppercase; color: black; letter-spacing: 2px; transition: color 0.4s ease; }
@media (min-width: 768px) { header[role=banner] > .row .nav #site-navigation ul#menu-menu-principal > li a:hover { text-decoration: none; } }
header[role=banner] > .row .nav #site-navigation ul#menu-menu-principal > li ul.sub-menu li.closemenu { float: right; width: 28px; height: 25px; overflow: hidden; cursor: pointer; position: relative; padding: 0; text-indent: -9999px; }
header[role=banner] > .row .nav #site-navigation ul#menu-menu-principal > li ul.sub-menu li.closemenu:before, header[role=banner] > .row .nav #site-navigation ul#menu-menu-principal > li ul.sub-menu li.closemenu:after { content: ""; background: black; width: 28px; height: 2px; position: absolute; top: 12px; }
header[role=banner] > .row .nav #site-navigation ul#menu-menu-principal > li ul.sub-menu li.closemenu:before { left: 0; transform: rotate(45deg); }
header[role=banner] > .row .nav #site-navigation ul#menu-menu-principal > li ul.sub-menu li.closemenu:after { right: 0; transform: rotate(-45deg); }
header[role=banner] > .row .nav #site-navigation ul#menu-menu-principal > li ul.sub-menu li.menu-item-has-children.nolink { display: inline-block; vertical-align: top; width: 45%; }
header[role=banner] > .row .nav #site-navigation ul#menu-menu-principal > li ul.sub-menu li.menu-item-has-children.nolink > a { text-transform: uppercase; font-weight: 500; font-size: 0.75rem; letter-spacing: 2px; cursor: default; color: black !important; }
@media (min-width: 768px) { header[role=banner] > .row .nav #site-navigation ul#menu-menu-principal > li ul.sub-menu li.menu-item-has-children.nolink > a:hover { color: black; } }
header[role=banner] > .row .nav #site-navigation ul#menu-menu-principal > li ul.sub-menu li.menu-item-has-children a { font-size: 2.25rem; font-weight: 200; text-transform: none; line-height: 2.75rem; }
header[role=banner] > .row .nav #site-navigation ul#menu-menu-principal > li ul.sub-menu li.menu-item-has-children > ul.sub-menu { display: block; counter-reset: liste; }
header[role=banner] > .row .nav #site-navigation ul#menu-menu-principal > li ul.sub-menu li.menu-item-has-children > ul.sub-menu li { padding-left: 50px; counter-increment: liste; position: relative; }
header[role=banner] > .row .nav #site-navigation ul#menu-menu-principal > li ul.sub-menu li.menu-item-has-children > ul.sub-menu li:before { content: "0" counter(liste); position: absolute; left: 0; top: 16px; font-weight: 500; letter-spacing: 2px; }
@media (max-width: 991.98px) { header[role=banner] > .row .nav { display: none; }
  header[role=banner] > .row .nav.open { display: block; position: absolute; top: 100%; width: 100vw; height: 100vh; background: white; overflow: auto; }
  header[role=banner] > .row .nav.open #site-navigation ul#menu-menu-principal { flex-direction: column; padding: 30px 30px 100px 30px; }
  header[role=banner] > .row .nav.open #site-navigation ul#menu-menu-principal > li { padding: 10px; }
  header[role=banner] > .row .nav.open #site-navigation ul#menu-menu-principal > li.contact a { display: block; text-align: center; font-size: 1.125rem; }
  header[role=banner] > .row .nav.open #site-navigation ul#menu-menu-principal > li.menu-item-has-children > a:before, header[role=banner] > .row .nav.open #site-navigation ul#menu-menu-principal > li.menu-item-has-children.menu-item-has-children > a:after { height: 2px; width: 10px; right: -20px; }
  header[role=banner] > .row .nav.open #site-navigation ul#menu-menu-principal > li.menu-item-has-children > a:before { top: 12px; }
  header[role=banner] > .row .nav.open #site-navigation ul#menu-menu-principal > li.menu-item-has-children > a:after { top: auto; bottom: 7px; }
  header[role=banner] > .row .nav.open #site-navigation ul#menu-menu-principal > li.menu-item-has-children.open > a { color: #ff874b; }
  header[role=banner] > .row .nav.open #site-navigation ul#menu-menu-principal > li.menu-item-has-children.open > a:before { transform: rotate(45deg); top: 18px; right: -13px; }
  header[role=banner] > .row .nav.open #site-navigation ul#menu-menu-principal > li.menu-item-has-children.open > a:after { transform: rotate(-45deg); }
  header[role=banner] > .row .nav.open #site-navigation ul#menu-menu-principal > li.menu-item-has-children > ul.sub-menu { position: unset; top: auto; left: auto; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  header[role=banner] > .row .nav.open #site-navigation ul#menu-menu-principal > li.menu-item-has-children > ul.sub-menu > li a { font-size: 1.25rem; font-weight: 400; }
  header[role=banner] > .row .nav.open #site-navigation ul#menu-menu-principal > li.menu-item-has-children > ul.sub-menu > li.closemenu { display: none; }
  header[role=banner] > .row .nav.open #site-navigation ul#menu-menu-principal > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children li { padding-left: 30px; }
  header[role=banner] > .row .nav.open #site-navigation ul#menu-menu-principal > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children li:before { font-size: 0.75rem; }
  header[role=banner] > .row .nav.open #site-navigation ul#menu-menu-principal > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children.nolink { display: block; width: 100%; }
  header[role=banner] > .row .nav.open #site-navigation ul#menu-menu-principal > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children.nolink > a { font-weight: 500; font-size: 0.75rem; }
  header[role=banner] > .row .nav.open #site-navigation ul#menu-menu-principal > li a { font-size: 1.375rem; } }
@media (max-width: 767.98px) { header[role=banner] { height: 80px; }
  header[role=banner] > .row .logo { max-width: 150px; } }

footer[role='contentinfo'] { background: black; color: white; padding-top: 120px; padding-bottom: 50px; }
footer[role='contentinfo'] .row:first-child img { max-width: 242px !important; }
footer[role='contentinfo'] .row:first-child .textwidget { margin-top: 55px; margin-bottom: 65px; }
footer[role='contentinfo'] .row:first-child .textwidget p { font-size: 4.375rem; line-height: 5.625rem; font-weight: 100; }
footer[role='contentinfo'] .row:first-child .menu-menu-footer-container ul#menu-menu-footer { margin: 0; padding: 20px 0; display: flex; justify-content: space-around; align-items: flex-start; position: relative; flex-wrap: wrap; }
footer[role='contentinfo'] .row:first-child .menu-menu-footer-container ul#menu-menu-footer > li { list-style: none; padding: 0 20px; }
> footer[role='contentinfo'] .row:first-child .menu-menu-footer-container ul#menu-menu-footer > li:last-child a { color: #ff874b; }
footer[role='contentinfo'] .row:first-child .menu-menu-footer-container ul#menu-menu-footer > li > a { display: block; padding: 20px 0; color: white; text-transform: uppercase; font-size: 0.75rem; letter-spacing: 2px; position: relative; transition: color 0.4s ease; /*.circle {
	display: inline-block;
	transform-style: preserve-3d;
	backface-visibility: hidden;
	transition: all .5s ease;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
	width: 60px;
	height: 60px;
	border-width: 0;
	border-radius: 50%;
	border-style: solid;
	border-color: $orange;
}*/ }
@media (min-width: 768px) { footer[role='contentinfo'] .row:first-child .menu-menu-footer-container ul#menu-menu-footer > li > a:hover { text-decoration: none; color: #ff874b; /*.circle {
	border-width: 2px;
}*/ } }
footer[role='contentinfo'] .row:first-child .menu-menu-footer-container ul#menu-menu-footer > li.menu-item-has-children { position: relative; }
footer[role='contentinfo'] .row:first-child .menu-menu-footer-container ul#menu-menu-footer > li.open > ul.sub-menu { display: block; }
footer[role='contentinfo'] .row:first-child .menu-menu-footer-container ul#menu-menu-footer > li > ul.sub-menu { display: none; position: absolute; top: calc(100% - 15px); text-align: center; width: 100%; left: 50%; transform: translateX(-50%); }
footer[role='contentinfo'] .row:first-child .menu-menu-footer-container ul#menu-menu-footer > li > ul.sub-menu li { line-height: 1rem; }
footer[role='contentinfo'] .row:first-child .menu-menu-footer-container ul#menu-menu-footer > li > ul.sub-menu li.roles { margin-top: 10px; }
footer[role='contentinfo'] .row:first-child .menu-menu-footer-container ul#menu-menu-footer > li > ul.sub-menu li a { color: white; text-transform: none; letter-spacing: normal; font-size: 0.75rem; transition: color 0.4s ease; }
@media (min-width: 768px) { footer[role='contentinfo'] .row:first-child .menu-menu-footer-container ul#menu-menu-footer > li > ul.sub-menu li a:hover { text-decoration: none; color: #ff874b; } }
footer[role='contentinfo'] .row:first-child .menu-menu-footer-container ul#menu-menu-footer:after { content: ""; position: absolute; top: 0; left: -15px; width: calc(100% + 30px); height: 1px; background: white; }
@media (max-width: 991.98px) { footer[role='contentinfo'] .row:first-child .menu-menu-footer-container ul#menu-menu-footer { flex-direction: column; }
  footer[role='contentinfo'] .row:first-child .menu-menu-footer-container ul#menu-menu-footer > li { padding: 0; }
  footer[role='contentinfo'] .row:first-child .menu-menu-footer-container ul#menu-menu-footer > li > ul.sub-menu { position: relative; top: auto; text-align: left; left: auto; transform: translateX(0); margin-top: -20px; }
  footer[role='contentinfo'] .row:first-child .menu-menu-footer-container ul#menu-menu-footer > li > ul.sub-menu li { display: inline-block; margin-right: 20px; }
  footer[role='contentinfo'] .row:first-child .textwidget p { font-size: 3.75rem; line-height: 4.0625rem; } }
@media (max-width: 767.98px) { footer[role='contentinfo'] .row:first-child .textwidget p { font-size: 2.5rem; line-height: 3.125rem; }
  footer[role='contentinfo'] .row:first-child .menu-menu-footer-container ul { padding: 10px 0; }
  footer[role='contentinfo'] .row:first-child .menu-menu-footer-container ul li a { padding: 10px; }
  footer[role='contentinfo'] .row:first-child .menu-menu-footer-container ul li ul.sub-menu li a { margin: 15px; padding: 0; display: block; } }
footer[role='contentinfo'] .row:last-child { margin-top: 140px; }
footer[role='contentinfo'] .row:last-child .textwidget { margin-bottom: 20px; }
footer[role='contentinfo'] .row:last-child .textwidget p { font-size: 0.75rem; margin-bottom: 0; }
footer[role='contentinfo'] .row:last-child .textwidget p strong { font-weight: 400; color: #ff874b; }
footer[role='contentinfo'] .row:last-child .textwidget p a { color: white; }
footer[role='contentinfo'] .row:last-child .textwidget p a:hover { color: white; }
footer[role='contentinfo'] .row:last-child .menu-reseaux-sociaux-container { margin-bottom: 20px; }
footer[role='contentinfo'] .row:last-child .menu-reseaux-sociaux-container ul { margin: 0; padding: 0; display: flex; justify-content: flex-end; align-items: center; }
footer[role='contentinfo'] .row:last-child .menu-reseaux-sociaux-container ul li { list-style: none; margin: 0 40px; }
footer[role='contentinfo'] .row:last-child .menu-reseaux-sociaux-container ul li:last-child { margin: 0 0 0 40px; }
footer[role='contentinfo'] .row:last-child .menu-reseaux-sociaux-container ul li a { display: block; position: relative; text-indent: -99999px; background-size: 22px; background-repeat: no-repeat; background-position: 50% 50%; padding: 18px; }
footer[role='contentinfo'] .row:last-child .menu-reseaux-sociaux-container ul li a:after { content: ""; position: absolute; width: 64px; height: 64px; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; border-style: solid; border-width: 2px; border-color: #ff874b; transition: width 0.4s ease, height 0.4s ease; }
@media (min-width: 768px) { footer[role='contentinfo'] .row:last-child .menu-reseaux-sociaux-container ul li a:hover:after { width: 85px; height: 85px; } }
footer[role='contentinfo'] .row:last-child .menu-reseaux-sociaux-container ul li.linkedin a { width: 22px; height: 20px; background-image: url("../../images/linkedin.svg"); }
footer[role='contentinfo'] .row:last-child .menu-reseaux-sociaux-container ul li.twitter a { width: 22px; height: 19px; background-image: url("../../images/twitter.svg"); }
footer[role='contentinfo'] .row:last-child .menu-reseaux-sociaux-container ul li.youtube a { width: 22px; height: 15px; background-image: url("../../images/youtube.svg"); }
@media (max-width: 991.98px) { footer[role='contentinfo'] .row:last-child { margin-top: 50px; } }
@media (max-width: 767.98px) { footer[role='contentinfo'] .row:last-child .menu-reseaux-sociaux-container { margin-top: 20px; }
  footer[role='contentinfo'] .row:last-child .menu-reseaux-sociaux-container ul li { margin: 0 20px; }
  footer[role='contentinfo'] .row:last-child .menu-reseaux-sociaux-container ul li:last-child { margin: 0 0 0 20px; } }

.slick-prev, .slick-next { width: 67px; height: 23px; bottom: -60px; top: auto; }

.slick-prev { left: 0; }
.slick-prev:before { content: ''; position: absolute; opacity: 1; top: 0; left: 0; width: 67px; height: 53px; background: url(../../images/fleche-left.svg) top left no-repeat; }

.slick-next { left: 137px; }
.slick-next:before { content: ''; position: absolute; opacity: 1; top: 0; left: 0; width: 67px; height: 53px; background: url(../../images/fleche-right.svg) top left no-repeat; }

#orangebloc { width: 100%; background: #ff874b; color: white; position: relative; overflow: hidden; }
#orangebloc .row { position: relative; z-index: 2; height: 100%; min-height: 600px; padding-top: 60px; padding-bottom: 60px; }
#orangebloc .row > div h2 { margin-bottom: 30px; font-weight: 100; }
#orangebloc .row > div .chapo36 { margin-bottom: 70px; }
#orangebloc .row > div a.btn { color: white; }
#orangebloc .row > div a.btn .bord { border: solid 2px black; }
#orangebloc .row > div a.arrow { font-size: 2.25rem; font-weight: 200; float: right; }
#orangebloc .row > div a.arrow .fleche span { border-color: black; }
@media (max-width: 991.98px) { #orangebloc .row > div a.arrow { float: none; width: fit-content; } }
@media (max-width: 767.98px) { #orangebloc .row > div a.arrow { font-size: 1.5rem; } }
#orangebloc .video { position: absolute; top: -10%; left: 0; width: 100%; height: 100%; z-index: 1; }
#orangebloc .video:before { content: ""; position: absolute; top: 10%; left: 0; width: 100%; height: 100%; background: rgba(255, 135, 75, 0.5); z-index: 2; }
#orangebloc .video video { position: relative; z-index: 1; }

body.page-template-tpl-home #content section#intro .row:first-child { margin-top: 60px; }
body.page-template-tpl-home #content section#intro .row:first-child h2 { margin-bottom: 50px; }
body.page-template-tpl-home #content section#intro .row:first-child h3 { margin-bottom: 30px; }
body.page-template-tpl-home #content section#intro .row:first-child h4 { margin-bottom: 80px; font-size: 1.125rem; }
body.page-template-tpl-home #content section#intro .row:last-child { position: relative; }
body.page-template-tpl-home #content section#intro .row:last-child:after { content: ""; position: absolute; left: 50%; bottom: -55%; transform: translateX(-50%); width: 1000px; height: 1000px; border-radius: 50%; border: solid 2px #ff874b; }
body.page-template-tpl-home #content section#intro .row:last-child .telephone { position: relative; z-index: 2; max-width: 380px; }
body.page-template-tpl-home #content section#intro .row:last-child .telephone a.app { position: absolute; top: 80px; left: 50%; transform: translateX(-50%); color: white; padding: 0 10%; z-index: 2; }
body.page-template-tpl-home #content section#intro .row:last-child .telephone a.app .arrow { position: relative; width: 16px; height: 32px; margin: -50px auto 40px auto; }
@keyframes arrowMove { from { margin: -50px auto 40px auto; height: 32px; }
  to { margin: -55px auto 35px auto; height: 42px; } }
body.page-template-tpl-home #content section#intro .row:last-child .telephone a.app .arrow span { display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 2px; height: 100%; background: #ff874b; }
body.page-template-tpl-home #content section#intro .row:last-child .telephone a.app .arrow span:before, body.page-template-tpl-home #content section#intro .row:last-child .telephone a.app .arrow span:after { content: ""; position: absolute; bottom: 4px; background: #ff874b; width: 14px; height: 2px; }
body.page-template-tpl-home #content section#intro .row:last-child .telephone a.app .arrow span:before { left: -1px; transform: rotate(-45deg); }
body.page-template-tpl-home #content section#intro .row:last-child .telephone a.app .arrow span:after { right: -1px; transform: rotate(45deg); }
body.page-template-tpl-home #content section#intro .row:last-child .telephone a.app .btn { color: white; position: relative; padding: 15px 65px; text-transform: uppercase; letter-spacing: 1px; font-size: 1.25rem; font-weight: 200; }
body.page-template-tpl-home #content section#intro .row:last-child .telephone a.app .btn:after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 35px; border: solid 2px #ff874b; transition: width 0.4s ease, height 0.4s ease, border-radius 0.4s ease; }
@media (min-width: 768px) { body.page-template-tpl-home #content section#intro .row:last-child .telephone a.app:hover .btn:after { width: 110%; height: 110%; border-radius: 40px; } }
body.page-template-tpl-home #content section#intro .row:last-child .telephone img.tel { position: relative; z-index: 1; filter: drop-shadow(0 0 36px rgba(0, 0, 0, 0.4)); }
body.page-template-tpl-home #content section#intro .row:last-child .grid { position: absolute; width: 765px; height: 765px; bottom: 100px; left: 50%; margin-left: -382px; opacity: 0.08; z-index: -1; }
@media (max-width: 1199.98px) { body.page-template-tpl-home #content section#intro .row:last-child:after { width: 800px; height: 800px; bottom: -20%; } }
@media (max-width: 767.98px) { body.page-template-tpl-home #content section#intro .row:last-child:after { width: 600px; height: 600px; bottom: 0%; }
  body.page-template-tpl-home #content section#intro .row:last-child .grid { display: none; } }
@media (max-width: 575.98px) { body.page-template-tpl-home #content section#intro .row:last-child:after { content: none; }
  body.page-template-tpl-home #content section#intro .row:last-child .telephone { max-width: 300px; } }
body.page-template-tpl-home #content section#orange_map { margin-bottom: 140px; margin-top: -300px; z-index: 2; overflow: hidden; }
body.page-template-tpl-home #content section#orange_map .row { position: relative; padding-top: 200px; padding-bottom: 200px; }
body.page-template-tpl-home #content section#orange_map .row .texte { position: relative; z-index: 3; }
body.page-template-tpl-home #content section#orange_map .row .texte h2 { margin-bottom: 80px; }
body.page-template-tpl-home #content section#orange_map .row .texte .chapo36 { font-weight: 300; }
body.page-template-tpl-home #content section#orange_map .row .map { position: absolute; padding: 0; opacity: 0.70; right: -10%; top: 50%; transform: translateY(-50%); z-index: 2; }
body.page-template-tpl-home #content section#orange_map .row .map .point { position: absolute; width: 0; height: 0; border-radius: 50%; background: white; -webkit-box-shadow: 0px 0px 24px 5px #ffffff; -moz-box-shadow: 0px 0px 24px 5px #ffffff; filter: progid:DXImageTransform.Microsoft.Glow(Color=#ffffff,Strength=29); zoom: 1; box-shadow: 0px 0px 24px 5px #ffffff; transition: all 0.4s ease; transform-origin: center; }
body.page-template-tpl-home #content section#orange_map .row .map .point.dot1 { top: 30%; right: 17%; animation: 2s ease 0s infinite alternate dotanim; }
body.page-template-tpl-home #content section#orange_map .row .map .point.dot2 { top: 40%; right: 41%; animation: 2s ease 2.5s infinite alternate dotanim; }
body.page-template-tpl-home #content section#orange_map .row .map .point.dot3 { top: 54%; right: 24%; animation: 2s ease 1.5s infinite alternate dotanim; }
body.page-template-tpl-home #content section#orange_map .row .map .point.dot4 { top: 20%; right: 2%; animation: 2s ease 3.5s infinite alternate dotanim; }
@keyframes dotanim { from { width: 0; height: 0; }
  to { width: 15px; height: 15px; } }
body.page-template-tpl-home #content section#orange_map .video { position: absolute; top: -10%; left: 0; width: 100%; height: 100%; z-index: 1; }
body.page-template-tpl-home #content section#orange_map .video:before { content: ""; position: absolute; top: 10%; left: 0; width: 100%; height: 100%; background: rgba(255, 135, 75, 0.5); z-index: 2; }
body.page-template-tpl-home #content section#orange_map .video video { position: relative; z-index: 1; }
@media (max-width: 767.98px) { body.page-template-tpl-home #content section#orange_map { margin-bottom: 60px; }
  body.page-template-tpl-home #content section#orange_map .row { margin-bottom: 40px; padding-top: 60px; padding-bottom: 60px; }
  body.page-template-tpl-home #content section#orange_map .row .texte h2 { margin-bottom: 40px; }
  @keyframes dotanim { from { width: 0; height: 0; }
    to { width: 5px; height: 5px; } } }
@media (max-width: 575.98px) { body.page-template-tpl-home #content section#orange_map { margin-top: -170px; } }
body.page-template-tpl-home #content section#system .vertical { top: 22%; }
body.page-template-tpl-home #content section#system .row:first-child { margin-bottom: 60px; }
body.page-template-tpl-home #content section#system .row:first-child h2 { margin-bottom: 30px; }
body.page-template-tpl-home #content section#system .row:nth-child(2) { margin-bottom: 80px; }
body.page-template-tpl-home #content section#system .row:nth-child(2) .bloc { margin-bottom: 50px; }
body.page-template-tpl-home #content section#system .row:nth-child(2) .bloc h2 { border-top: solid 1px black; padding-top: 20px; padding-bottom: 20px; margin-bottom: 0; }
body.page-template-tpl-home #content section#system .row:nth-child(2) .bloc .entry { position: relative; height: 360px; padding: 30px; overflow: hidden; }
body.page-template-tpl-home #content section#system .row:nth-child(2) .bloc .entry:after { content: ""; background: black; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: opacity 0.4s ease; z-index: 0; }
body.page-template-tpl-home #content section#system .row:nth-child(2) .bloc .entry:hover:after { opacity: 0.5; }
body.page-template-tpl-home #content section#system .row:nth-child(2) .bloc .entry:hover .content { opacity: 1; }
body.page-template-tpl-home #content section#system .row:nth-child(2) .bloc .entry .content { position: relative; opacity: 0; transition: opacity 0.4s ease; z-index: 1; height: 100%; }
body.page-template-tpl-home #content section#system .row:nth-child(2) .bloc .entry .content p { line-height: 1.25rem; }
body.page-template-tpl-home #content section#system .row:nth-child(2) .bloc .entry .content a.arrow { position: absolute; bottom: 20px; left: 0px; padding: 0; }
body.page-template-tpl-home #content section#system .row:nth-child(2) .bloc:nth-child(1) .entry .imgsmooth { background-position: 100% 50%; }
body.page-template-tpl-home #content section#system .row:nth-child(2) .bloc:nth-child(2) .entry .imgsmooth { background-position: 90% 50%; }
body.page-template-tpl-home #content section#system .row:nth-child(2) .bloc:nth-child(3) .entry .imgsmooth { background-position: 100% 50%; }
body.page-template-tpl-home #content section#system .row:nth-child(2) .bloc:nth-child(4) .entry .imgsmooth { background-position: 40% 50%; }
@media (max-width: 991.98px) { body.page-template-tpl-home #content section#system .row:nth-child(2) .bloc .entry:after { opacity: 0.7; }
  body.page-template-tpl-home #content section#system .row:nth-child(2) .bloc .entry .content { opacity: 1; } }
@media (max-width: 367.98px) { body.page-template-tpl-home #content section#system .row:nth-child(2) .bloc .entry .contenta.arrow .fleche { z-index: -1; }
  body.page-template-tpl-home #content section#system .row:nth-child(2) .bloc .entry .contenta.arrow .fleche span { right: -90px; } }
@media (max-width: 767.98px) { body.page-template-tpl-home #content section#system .row:nth-child(2) { margin-bottom: 40px; } }
body.page-template-tpl-home #content section#roi { position: relative; }
body.page-template-tpl-home #content section#roi .row:first-child { margin-bottom: 40px; }
body.page-template-tpl-home #content section#roi .row:nth-child(2) { margin-bottom: 80px; }
body.page-template-tpl-home #content section#roi .row:nth-child(2) .bloc { margin-bottom: 80px; }
body.page-template-tpl-home #content section#roi .row:nth-child(2) .bloc h2 { border-top: solid 1px black; padding-top: 20px; padding-bottom: 20px; margin-bottom: 0; }
@media (max-width: 767.98px) { body.page-template-tpl-home #content section#roi .row:nth-child(2) .bloc { padding-right: 0; padding-left: 0; margin-bottom: 40px; } }
body.page-template-tpl-home #content section#roi .grid { position: absolute; width: 416px; height: 416px; top: 0; left: 50%; opacity: 0.08; z-index: -1; }
@media (max-width: 767.98px) { body.page-template-tpl-home #content section#roi .grid { display: none; } }
body.page-template-tpl-home #content section#customers { margin-bottom: 130px; }
body.page-template-tpl-home #content section#customers .vertical { top: 40%; }
body.page-template-tpl-home #content section#customers .row:first-child > div { border-top: solid 1px black; border-bottom: solid 1px black; padding-top: 40px; padding-bottom: 40px; margin-bottom: 60px; }
body.page-template-tpl-home #content section#case_studies { margin-bottom: 150px; }
body.page-template-tpl-home #content section#case_studies .vertical { top: 30%; }
body.page-template-tpl-home #content section#case_studies .row:first-child { margin-bottom: 60px; }
body.page-template-tpl-home #content section#case_studies .row:nth-child(2) > div { position: relative; margin-bottom: 60px; }
body.page-template-tpl-home #content section#case_studies .row:nth-child(2) > div:after { content: ""; position: absolute; bottom: 0; left: 15px; height: 1px; width: calc(100% - 30px); background: black; }
body.page-template-tpl-home #content section#case_studies .row:nth-child(2) > div .bloc-case { position: relative; display: flex; align-items: center; width: 100%; min-height: 520px; padding-top: 20px; padding-top: 20px; margin-bottom: 60px; color: white; font-size: 1.5rem; overflow: hidden; }
body.page-template-tpl-home #content section#case_studies .row:nth-child(2) > div .bloc-case img { margin-bottom: 25px; }
body.page-template-tpl-home #content section#case_studies .row:nth-child(2) > div .bloc-case p { position: relative; z-index: 2; }
body.page-template-tpl-home #content section#case_studies .row:nth-child(2) > div .bloc-case a { display: inline-block; margin-top: 30px; z-index: 1; }
body.page-template-tpl-home #content section#case_studies .row:nth-child(3) a.btn { margin-left: 40px; }
@media (max-width: 767.98px) { body.page-template-tpl-home #content section#case_studies .row:nth-child(2) > div .bloc-case { font-size: 1.25rem; }
  body.page-template-tpl-home #content section#case_studies .row:nth-child(3) a.btn { margin-left: 0px; } }

.page-template-tpl-vision #content section#facts { padding-top: 100px; padding-bottom: 100px; margin-bottom: 100px; overflow: hidden; }
.page-template-tpl-vision #content section#facts .vertical { top: 2%; }
.page-template-tpl-vision #content section#facts .backlune { top: 0; right: 0; height: 100%; z-index: -1; background-size: cover; background-repeat: no-repeat; background-position: 0 0; }
.page-template-tpl-vision #content section#facts .row:first-child { margin-bottom: 60px; }
.page-template-tpl-vision #content section#facts .row:nth-child(2) { margin-bottom: 150px; }
.page-template-tpl-vision #content section#facts .row:nth-child(2) .step:nth-child(even) { margin-top: 150px; }
.page-template-tpl-vision #content section#facts .row:nth-child(2) .step .num { border-bottom: solid 1px #ff874b; padding: 20px 0; margin-bottom: 20px; }
.page-template-tpl-vision #content section#facts .row:nth-child(3) { margin-bottom: 150px; }
.page-template-tpl-vision #content section#facts .row:nth-child(3) h2 { position: relative; z-index: 2; margin-bottom: 50px; }
.page-template-tpl-vision #content section#facts .row:nth-child(3) p { position: relative; z-index: 2; margin-bottom: 20px; }
.page-template-tpl-vision #content section#facts .row:nth-child(3) .visionanim { position: absolute; width: 470px; height: 470px; top: 50px; right: -170px; z-index: 1; }
.page-template-tpl-vision #content section#facts .row:nth-child(3) .visionanim .lumos { position: absolute; top: 65px; left: 35px; width: 0; height: 0; background: #ff874b; border-radius: 50%; -webkit-box-shadow: 0px 0px 0px 0px #ff874b; -moz-box-shadow: 0px 0px 0px 0px #ff874b; box-shadow: 0px 0px 0px 0px #ff874b; transition: all 0.8s ease; }
.page-template-tpl-vision #content section#facts .row:nth-child(3) .visionanim .loader, .page-template-tpl-vision #content section#facts .row:nth-child(3) .visionanim .open1, .page-template-tpl-vision #content section#facts .row:nth-child(3) .visionanim .open2 { display: block; position: absolute; left: 0; top: 0; width: calc(100% + 60px); height: calc(100% + 60px); margin: -30px 0 0 -30px; border-radius: 50%; border: 2px solid transparent; border-top-color: #ff874b; border-left-color: #ff874b; border-right-color: #ff874b; transform: rotate(130deg); transition: 0.8s transform 0.8s ease; }
.page-template-tpl-vision #content section#facts .row:nth-child(3) .visionanim .open1 { transform: rotate(175deg); }
.page-template-tpl-vision #content section#facts .row:nth-child(3) .visionanim .open2 { transform: rotate(85deg); }
.page-template-tpl-vision #content section#facts .row:nth-child(3) .visionanim.play .lumos { width: 10px; height: 10px; top: 60px; left: 30px; -webkit-box-shadow: 0px 0px 24px 5px #ff874b; -moz-box-shadow: 0px 0px 24px 5px #ff874b; box-shadow: 0px 0px 24px 5px #ff874b; transition: 0.8s all 0.8s ease; }
.page-template-tpl-vision #content section#facts .row:nth-child(3) .visionanim.play .open1 { transform: rotate(170deg); transition: transform 0.8s ease; }
.page-template-tpl-vision #content section#facts .row:nth-child(3) .visionanim.play .open2 { transform: rotate(90deg); transition: transform 0.8s ease; }
.page-template-tpl-vision #content section#facts .row:nth-child(4) { margin-bottom: 50px; }
.page-template-tpl-vision #content section#facts .row:nth-child(4) h2 { margin-bottom: 50px; }
.page-template-tpl-vision #content section#facts .row:nth-child(4) p { margin-bottom: 20px; }
.page-template-tpl-vision #content section#facts .row:nth-child(5) { margin-top: 100px; }
.page-template-tpl-vision #content section#facts .row:nth-child(5) .bloc { margin-bottom: 30px; padding-left: 0; padding-right: 0; }
.page-template-tpl-vision #content section#facts .row:nth-child(5) .bloc .titre { border-top: solid 1px #ff874b; padding: 25px 0; font-weight: 400; line-height: normal; }
.page-template-tpl-vision #content section#facts .row:nth-child(5) .bloc .titre p { margin-bottom: 0; }
@media (max-width: 767.98px) { .page-template-tpl-vision #content section#facts { margin-bottom: 40px; }
  .page-template-tpl-vision #content section#facts .row:nth-child(2) { margin-bottom: 60px; }
  .page-template-tpl-vision #content section#facts .row:nth-child(2) .step:nth-child(even) { margin-top: 0; }
  .page-template-tpl-vision #content section#facts .row:nth-child(3) { margin-bottom: 60px; }
  .page-template-tpl-vision #content section#facts .row:nth-child(3) .visionanim { display: none; }
  .page-template-tpl-vision #content section#facts .row:nth-child(5) { margin-top: 0px; } }
.page-template-tpl-vision #content section#formula { position: relative; margin-bottom: 150px; }
.page-template-tpl-vision #content section#formula .vertical { top: auto; bottom: 14%; }
.page-template-tpl-vision #content section#formula h2 { margin-bottom: 40px; }
.page-template-tpl-vision #content section#formula .formule { margin-top: 80px; padding-top: 60px; padding-bottom: 60px; border-top: solid 1px black; border-bottom: solid 1px black; }
.page-template-tpl-vision #content section#formula .formule span { font-size: 2.5rem; font-weight: 200; }
.page-template-tpl-vision #content section#formula .formule span:before { content: " + "; font-size: 2.5rem; font-weight: 200; }
.page-template-tpl-vision #content section#formula .formule span:first-child:before { content: none; }
.page-template-tpl-vision #content section#formula .formule span:last-child:before { content: " = "; }
.page-template-tpl-vision #content section#formula .grid { position: absolute; width: 537px; height: 537px; bottom: -70%; right: 5%; opacity: 0.08; z-index: -1; }
@media (max-width: 767.98px) { .page-template-tpl-vision #content section#formula { margin-bottom: 60px; }
  .page-template-tpl-vision #content section#formula .formule span { font-size: 1.875rem; }
  .page-template-tpl-vision #content section#formula .grid { display: none; } }
.page-template-tpl-vision #content section#solution { margin-bottom: 100px; }
.page-template-tpl-vision #content section#solution .chapo24 { margin-bottom: 15px; }
.page-template-tpl-vision #content section#solution .row:last-child { margin-top: 100px; }
.page-template-tpl-vision #content section#solution .row:last-child .bloc { margin-bottom: 40px; }
.page-template-tpl-vision #content section#solution .row:last-child .bloc .num { font-weight: 600; border-bottom: solid 1px black; padding: 20px 0; margin-bottom: 20px; }
@media (max-width: 767.98px) { .page-template-tpl-vision #content section#solution { margin-bottom: 20px; }
  .page-template-tpl-vision #content section#solution .row:last-child { margin-top: 60px; } }
.page-template-tpl-vision #content section#meet { position: relative; padding-bottom: 250px; }
.page-template-tpl-vision #content section#meet h2 { margin-bottom: 30px; }
.page-template-tpl-vision #content section#meet img { margin-bottom: 50px; margin-left: -30px; max-width: 500px; }
.page-template-tpl-vision #content section#meet p { padding-left: 70px; }
.page-template-tpl-vision #content section#meet .grid { position: absolute; width: 541px; height: 541px; top: 0; left: 50%; margin-top: -100px; margin-left: -270px; opacity: 0.08; z-index: -1; }
@media (max-width: 767.98px) { .page-template-tpl-vision #content section#meet { padding-bottom: 100px; }
  .page-template-tpl-vision #content section#meet a { padding: 20px 0; }
  .page-template-tpl-vision #content section#meet p { padding-left: 0px; }
  .page-template-tpl-vision #content section#meet .grid { display: none; } }

.page-template-tpl-system #content section#intro { height: calc(100vh - 160px); z-index: 1; }
.page-template-tpl-system #content section#intro .vertical { top: 40%; }
.page-template-tpl-system #content section#intro a.scroll { height: 60px; width: 60px; display: flex; align-items: flex-end; cursor: pointer; position: absolute; bottom: 45px; left: 50%; margin-left: -30px; font-size: 0.75rem; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; color: #ff874b; z-index: 2; }
.page-template-tpl-system #content section#intro a.scroll span { display: block; position: absolute; width: 2px; height: 30px; background: #ff874b; top: 0; left: 50%; transform: translateX(-50%); }
@keyframes arrowMove2 { from { top: 0; height: 30px; }
  to { top: -10px; height: 50px; } }
.page-template-tpl-system #content section#intro a.scroll span:before, .page-template-tpl-system #content section#intro a.scroll span:after { content: ""; position: absolute; bottom: 1px; width: 10px; height: 2px; background: #ff874b; }
.page-template-tpl-system #content section#intro a.scroll span:before { transform: rotate(45deg); left: -7px; }
.page-template-tpl-system #content section#intro a.scroll span:after { transform: rotate(-45deg); right: -7px; }
.page-template-tpl-system #content section#intro .row:first-child { margin-bottom: 80px; }
.page-template-tpl-system #content section#intro .row:first-child h1 { margin-bottom: 40px; }
.page-template-tpl-system #content section#intro .row:nth-child(2) > div { position: relative; }
.page-template-tpl-system #content section#intro .row:nth-child(2) > div .cercle { width: 1300px; height: 1300px; position: absolute; top: 0; left: 10%; border-radius: 50%; border: solid 2px #ff874b; z-index: 1; }
.page-template-tpl-system #content section#intro .row:nth-child(2) > div .cercle a { font-size: 0.75rem; font-weight: 500; text-transform: uppercase; color: black; letter-spacing: 2px; position: relative; display: block; position: absolute; padding-right: 45px; padding-bottom: 20px; }
.page-template-tpl-system #content section#intro .row:nth-child(2) > div .cercle a:nth-child(1) { left: 17%; top: 1%; }
.page-template-tpl-system #content section#intro .row:nth-child(2) > div .cercle a:nth-child(2) { left: 9.2%; top: 5%; }
.page-template-tpl-system #content section#intro .row:nth-child(2) > div .cercle a:nth-child(3) { left: 3.5%; top: 10%; }
.page-template-tpl-system #content section#intro .row:nth-child(2) > div .cercle a:nth-child(4) { left: -2.5%; top: 16%; }
.page-template-tpl-system #content section#intro .row:nth-child(2) > div .cercle a:after { content: ""; position: absolute; width: 10px; height: 10px; background: black; border-radius: 50%; right: 0; bottom: 0; }
@media (max-width: 991.98px) { .page-template-tpl-system #content section#intro .row:nth-child(2) > div .cercle { width: 100%; left: 0; height: auto; border: none; border-radius: 0; position: relative; }
  .page-template-tpl-system #content section#intro .row:nth-child(2) > div .cercle a { position: relative; padding-right: 0; padding-left: 15px; margin-left: 15px; }
  .page-template-tpl-system #content section#intro .row:nth-child(2) > div .cercle a:nth-child(1), .page-template-tpl-system #content section#intro .row:nth-child(2) > div .cercle a:nth-child(2), .page-template-tpl-system #content section#intro .row:nth-child(2) > div .cercle a:nth-child(3), .page-template-tpl-system #content section#intro .row:nth-child(2) > div .cercle a:nth-child(4) { top: auto; left: auto; }
  .page-template-tpl-system #content section#intro .row:nth-child(2) > div .cercle a:after { width: 5px; height: 5px; top: 7px; left: 0; bottom: auto; right: auto; } }
.page-template-tpl-system #content section#intro .grid { position: absolute; width: 617px; height: 617px; top: 0; right: 10%; opacity: 0.08; z-index: -1; }
@media (max-width: 991.98px) { .page-template-tpl-system #content section#intro { height: auto; }
  .page-template-tpl-system #content section#intro .row:first-child { margin-bottom: 40px; }
  .page-template-tpl-system #content section#intro a.scroll { display: none; } }
@media (max-width: 767.98px) { .page-template-tpl-system #content section#intro .grid { display: none; } }
.page-template-tpl-system #content section#list-system { position: relative; margin-top: 100px; z-index: 2; }
.page-template-tpl-system #content section#list-system .row > div { position: relative; margin-bottom: 150px; }
.page-template-tpl-system #content section#list-system .row > div:after { content: ""; position: absolute; bottom: 0; left: 15px; height: 1px; width: calc(100% - 30px); background: black; }
.page-template-tpl-system #content section#list-system .row > div .entry { position: relative; display: flex; align-items: center; width: 100%; min-height: 560px; margin-bottom: 70px; color: white; font-size: 1.5rem; overflow: hidden; }
.page-template-tpl-system #content section#list-system .row > div .entry > div { position: unset; }
.page-template-tpl-system #content section#list-system .row > div .entry > div.imgsmooth { position: absolute; background-position: 50% 0; }
.page-template-tpl-system #content section#list-system .row > div .entry > div a { font-size: 0.75rem; /*position: absolute;*/ bottom: 0; display: inline-block; margin-top: 50px; /*margin-bottom: 70px;*/ z-index: 1; }
@media (max-width: 767.98px) { .page-template-tpl-system #content section#list-system .row > div { margin-bottom: 60px; }
  .page-template-tpl-system #content section#list-system .row > div .entry { padding-top: 40px; padding-bottom: 40px; } }
.page-template-tpl-system #content section#solution { margin-bottom: 150px; }
.page-template-tpl-system #content section#solution .chapo24 { margin-bottom: 15px; }
.page-template-tpl-system #content section#solution .row:last-child { margin-top: 100px; }
.page-template-tpl-system #content section#solution .row:last-child a.btn { margin-top: 70px; padding: 20px; }
.page-template-tpl-system #content section#solution .row:last-child .bloc { margin-bottom: 40px; }
.page-template-tpl-system #content section#solution .row:last-child .bloc .num { display: flex; align-items: flex-end; justify-content: space-between; min-height: 150px; font-weight: 600; border-bottom: solid 1px black; padding: 20px 0; margin-bottom: 20px; }
.page-template-tpl-system #content section#solution .row:last-child .bloc .num img.picto { max-width: 100px; height: auto; margin-right: 20px; }
@media (max-width: 767.98px) { .page-template-tpl-system #content section#solution { margin-bottom: 60px; }
  .page-template-tpl-system #content section#solution .row:last-child { margin-top: 50px; }
  .page-template-tpl-system #content section#solution .row:last-child a.btn { white-space: normal; padding: 10px 20px; } }

.single-system #content section#intro { min-height: calc(100vh - 160px); overflow: hidden; }
.single-system #content section#intro .vertical { top: 50%; color: white; }
.single-system #content section#intro .row { min-height: calc(100vh - 160px); }
.single-system #content section#intro .row .intro { padding-top: 20px; padding-bottom: 20px; color: white; }
.single-system #content section#intro .row .intro h1 { margin-bottom: 15px; }
.single-system #content section#intro .row .texte { padding-top: 50px; background: white; }
.single-system #content section#intro .row .texte p { margin-bottom: 0; }
.single-system #content section#blocs_2_colonne { margin-bottom: 100px; }
.single-system #content section#blocs_2_colonne .vertical { top: 20%; }
.single-system #content section#blocs_2_colonne .row { margin-top: 80px; }
.single-system #content section#blocs_2_colonne .row .bloc { margin-bottom: 60px; }
.single-system #content section#blocs_2_colonne .row .bloc .num { font-weight: 600; border-bottom: solid 1px black; padding: 20px 0; margin-bottom: 20px; }
.single-system #content section#blocs_2_colonne .row .bloc h3 { display: flex; align-items: center; justify-content: space-between; min-height: 80px; margin-bottom: 20px; }
.single-system #content section#blocs_2_colonne .row .bloc h3 img.picto { max-width: 70px; height: auto; margin-right: 5px; margin-left: 15px; }
@media (max-width: 767.98px) { .single-system #content section#blocs_2_colonne { margin-bottom: 20px; } }
.single-system #content section#bloc_texte { margin-bottom: 130px; }
.single-system #content section#bloc_texte .vertical { top: 40%; }
.single-system #content section#bloc_texte .vertical.more { top: 14%; }
.single-system #content section#bloc_texte h2 { margin-bottom: 50px; }
.single-system #content section#bloc_texte .text-right { padding-right: 0; }
@media (max-width: 767.98px) { .single-system #content section#bloc_texte { margin-bottom: 60px; } }
.single-system #content section#liste_item { margin-top: 100px; margin-bottom: 130px; }
.single-system #content section#liste_item .vertical { top: 11%; }
.single-system #content section#liste_item .row > div { padding-right: 0; }
.single-system #content section#liste_item .listItems { width: 100%; cursor: grab; }
.single-system #content section#liste_item .listItems .item { display: inline-block; vertical-align: top; width: 440px; margin-right: 30px; }
.single-system #content section#liste_item .listItems .item .wrap-img { height: 470px; width: 100%; position: relative; margin-bottom: 0px; }
.single-system #content section#liste_item .listItems .item .wrap-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
.single-system #content section#liste_item .listItems .item h3 { margin-bottom: 30px; }
@media (max-width: 767.98px) { .single-system #content section#liste_item { margin-top: 20px; } }
.single-system #content section#smartphone { margin-top: 120px; margin-bottom: 150px; }
.single-system #content section#smartphone .vertical { top: 6%; }
.single-system #content section#smartphone .vertical.bluetooth:after { content: ""; background: url("../../images/bluetooth.png") no-repeat top left; background-size: contain; width: 20px; height: 38px; position: absolute; top: -10px; left: -90px; transform: rotate(90deg); }
.single-system #content section#smartphone .telephone { position: relative; margin-bottom: 130px; }
.single-system #content section#smartphone .telephone .app { width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; padding: 0 20px; z-index: 2; }
.single-system #content section#smartphone .telephone .app img { margin-bottom: 70px; }
.single-system #content section#smartphone .telephone .app p { text-align: left; }
.single-system #content section#smartphone .telephone img.tel { position: relative; z-index: 1; filter: drop-shadow(0 0 36px rgba(0, 0, 0, 0.4)); }
.single-system #content section#smartphone .available { border-top: solid 1px black; border-bottom: solid 1px black; padding: 70px 0; }
.single-system #content section#smartphone .available h3 { margin-bottom: 20px; }
.single-system #content section#smartphone .available img { margin: 20px 20px 0 20px; }
@media (max-width: 1199.98px) { .single-system #content section#smartphone .telephone .app img { margin-bottom: 30px; } }
@media (max-width: 991.98px) { .single-system #content section#smartphone .telephone .app img { margin-bottom: 0px; } }
@media (max-width: 767.98px) { .single-system #content section#smartphone { margin-bottom: 60px; }
  .single-system #content section#smartphone .telephone { margin-bottom: 30px; }
  .single-system #content section#smartphone .telephone .app { padding: 0 10px; }
  .single-system #content section#smartphone .telephone .app img { max-width: 130px; } }
@media (max-width: 355.98px) { .single-system #content section#smartphone .telephone .app p { display: none; } }
.single-system #content section#wrap-image { margin-bottom: 200px; }

.single-industry #content section:nth-last-child(2) { margin-bottom: 200px; }
.single-industry #content section#intro { position: relative; min-height: calc(100vh - 160px); overflow: hidden; }
.single-industry #content section#intro .row { min-height: calc(100vh - 160px); }
.single-industry #content section#intro .row .intro { padding-top: 70px; background: white; position: relative; }
.single-industry #content section#intro .row .intro > div { position: unset; }
.single-industry #content section#intro .row .intro .name { position: absolute; top: 50px; right: 50px; text-align: right; text-transform: uppercase; font-size: 0.5625rem; font-weight: 400; letter-spacing: 2px; }
.single-industry #content section#intro .row .intro h1 { margin-bottom: 20px; }
.single-industry #content section#intro .row .intro p { margin-bottom: 0; }
@media (max-width: 767.98px) { .single-industry #content section#intro .row .intro { margin-top: 50px; }
  .single-industry #content section#intro .row .intro .name { right: 50%; transform: translateX(50%); width: 100%; text-align: center; }
  .single-industry #content section#intro .row .intro h1 { font-size: 2.25rem; } }
@media (max-width: 367.98px) { .single-industry #content section#intro .row .intro h1 { font-size: 1.875rem; } }
.single-industry #content section#pains { margin-top: 80px; margin-bottom: 100px; }
.single-industry #content section#pains .vertical { top: 40%; }
.single-industry #content section#pains .row > div { padding-bottom: 40px; position: relative; }
.single-industry #content section#pains .row > div:after { content: ""; position: absolute; bottom: 0; left: 15px; width: calc(100% - 30px); height: 1px; background: black; }
.single-industry #content section#pains .row > div pre { font-family: "Commissioner", Verdana, Helvetica, sans-serif; color: #ff874b; padding-left: 10%; font-size: 1.5rem; font-weight: 300; white-space: break-spaces; margin: 20px 0; }
.single-industry #content section#pains .row > div ul { font-family: "Commissioner", Verdana, Helvetica, sans-serif; color: #ff874b; padding-left: 10%; font-size: 1.5rem; font-weight: 300; margin: 20px 0; }
.single-industry #content section#pains .grid { position: absolute; width: 486px; height: 486px; bottom: -50%; right: 5%; opacity: 0.08; z-index: -1; }
@media (max-width: 767.98px) { .single-industry #content section#pains { margin-bottom: 60px; }
  .single-industry #content section#pains .row > div pre, .single-industry #content section#pains .row > div ul { padding-left: 0; font-size: 1.125rem; }
  .single-industry #content section#pains .grid { display: none; } }
.single-industry #content section#solution { margin-bottom: 150px; }
.single-industry #content section#solution .vertical { top: 10%; }
.single-industry #content section#solution .titre h2 { margin-bottom: 30px; }
.single-industry #content section#solution .blocs > div { padding-bottom: 40px; }
.single-industry #content section#solution .blocs > div .bloc { margin-bottom: 30px; }
.single-industry #content section#solution .blocs > div .bloc.w-30 { max-width: 30%; }
.single-industry #content section#solution .blocs > div .bloc.w-45 { max-width: 45%; }
.single-industry #content section#solution .blocs > div .bloc h3.size30 { padding-top: 15px; border-top: solid 1px black; margin-bottom: 20px; }
.single-industry #content section#solution .blocs > div .bloc ul li { position: relative; padding-left: 35px; }
.single-industry #content section#solution .blocs > div .bloc ul li:before { content: ""; position: absolute; top: 12px; left: 0; width: 16px; height: 2px; background: #ff874b; }
.single-industry #content section#solution .texte > div { padding-bottom: 40px; }
.single-industry #content section#solution .bouton > div { padding-top: 40px; position: relative; }
.single-industry #content section#solution .bouton > div:before { content: ""; position: absolute; top: 0; left: 15px; width: calc(100% - 30px); height: 1px; background: black; }
@media (max-width: 991.98px) { .single-industry #content section#solution { margin-bottom: 60px; }
  .single-industry #content section#solution .blocs > div .bloc.w-30 { max-width: 100%; }
  .single-industry #content section#solution .blocs > div .bloc.w-45 { max-width: 100%; } }
.single-industry #content section#benefits { margin-bottom: 100px; }
.single-industry #content section#benefits .vertical { top: 14%; }
.single-industry #content section#benefits .row:first-child { margin-bottom: 20px; }
.single-industry #content section#benefits .row:nth-child(2) > div { padding-bottom: 80px; position: relative; }
.single-industry #content section#benefits .row:nth-child(2) > div:after { content: ""; position: absolute; bottom: 0; left: 15px; width: calc(100% - 30px); height: 1px; background: black; }
.single-industry #content section#benefits .row:nth-child(2) > div .bloc { margin-bottom: 20px; }
.single-industry #content section#benefits .row:nth-child(2) > div .bloc p.num { padding-bottom: 15px; margin-bottom: 15px; border-bottom: solid 1px black; font-weight: 500; }
.single-industry #content section#benefits .row:nth-child(2) > div .bloc h3 { margin-bottom: 25px; }
.single-industry #content section#benefits .row:nth-child(2) > div .bloc p { margin-bottom: 25px; }
.single-industry #content section#benefits .grid { position: absolute; width: 590px; height: 590px; top: -50%; right: -5%; opacity: 0.08; z-index: -1; }
@media (max-width: 767.98px) { .single-industry #content section#benefits { margin-bottom: 60px; }
  .single-industry #content section#benefits .row:nth-child(2) > div { padding-bottom: 20px; }
  .single-industry #content section#benefits .grid { display: none; } }
.single-industry #content section#citation { margin-bottom: 150px; }
.single-industry #content section#citation .vertical { top: 30%; }
.single-industry #content section#citation .citation { font-size: 2.8125rem; font-weight: 200; padding: 40px 0; border-top: solid 1px black; border-bottom: solid 1px black; margin-bottom: 30px; }
@media (max-width: 767.98px) { .single-industry #content section#citation { margin-bottom: 60px; }
  .single-industry #content section#citation .citation { font-size: 1.5rem; } }
.single-industry #content section#case_study { margin-bottom: 150px; }
.single-industry #content section#case_study .row:first-child { margin-bottom: 50px; }
.single-industry #content section#case_study .row:last-child .bloc-case { display: flex; align-items: center; width: 100%; height: 520px; color: white; font-size: 1.5rem; position: relative; overflow: hidden; }
.single-industry #content section#case_study .row:last-child .bloc-case p { position: relative; z-index: 2; }
.single-industry #content section#case_study .row:last-child .bloc-case a { display: inline-block; margin-top: 30px; z-index: 1; }
.single-industry #content section#bloc_orange { margin-bottom: 150px; }
.single-industry #content section#bloc_orange > .row > div { background: #ff874b; color: white; }
.single-industry #content section#bloc_orange > .row > div.desc { padding-top: 50px; }
.single-industry #content section#bloc_orange > .row > div.desc img { margin-bottom: 25px; }
.single-industry #content section#bloc_orange > .row > div.cols { padding-bottom: 10px; }
.single-industry #content section#bloc_orange > .row > div .chapo24 { margin-bottom: 30px; }
.single-industry #content section#bloc_orange > .row > div .blocs .bloc { margin-bottom: 40px; }
.single-industry #content section#bloc_orange > .row > div .blocs .bloc p.num { padding-bottom: 15px; margin-bottom: 15px; border-bottom: solid 1px white; font-weight: 500; }

.page-template-tpl-role #content section#intro { position: relative; min-height: calc(100vh - 160px); overflow: hidden; }
.page-template-tpl-role #content section#intro .row { min-height: calc(100vh - 160px); }
.page-template-tpl-role #content section#intro .row .intro { padding-top: 50px; background: white; }
.page-template-tpl-role #content section#intro .row .intro h1 { margin-bottom: 30px; }
.page-template-tpl-role #content section#intro .row .intro p { margin-bottom: 0px; }
@media (max-width: 767.98px) { .page-template-tpl-role #content section#intro .row .intro { margin-top: 50px; } }
.page-template-tpl-role #content section#choose { margin-top: 120px; }
.page-template-tpl-role #content section#choose .vertical { top: 70%; }
.page-template-tpl-role #content section#choose .row > div { font-size: 0; }
.page-template-tpl-role #content section#choose .row > div a { position: relative; min-height: 150px; font-size: 1.625rem; color: black; text-align: center; z-index: 1; }
.page-template-tpl-role #content section#choose .row > div a:first-child { text-align: left; }
.page-template-tpl-role #content section#choose .row > div a:last-child { text-align: right; }
.page-template-tpl-role #content section#choose .row > div #indicator { position: absolute; bottom: 33px; left: 0; height: 1px; width: 100%; background: black; z-index: 0; }
.page-template-tpl-role #content section#choose .row > div #indicator:before { content: ""; position: absolute; width: 50px; height: 50px; border-radius: 50%; background: white; border: solid 3px #ff874b; top: 50%; transform: translateY(-50%); transition: left 0.4s ease; }
.page-template-tpl-role #content section#choose .row > div #indicator.ceo:before { left: 1%; }
.page-template-tpl-role #content section#choose .row > div #indicator.in-house-counsel:before { left: 28%; }
.page-template-tpl-role #content section#choose .row > div #indicator.quality-team:before { left: 60%; }
.page-template-tpl-role #content section#choose .row > div #indicator.supply-chain:before { left: 90%; }
@media (max-width: 767.98px) { .page-template-tpl-role #content section#choose .row > div a { min-height: 50px; text-align: left; }
  .page-template-tpl-role #content section#choose .row > div a.indic { color: #ff874b; }
  .page-template-tpl-role #content section#choose .row > div #indicator { bottom: -20px; }
  .page-template-tpl-role #content section#choose .row > div #indicator:before { content: none; } }
.page-template-tpl-role #content section#role { position: relative; margin-bottom: 100px; }
.page-template-tpl-role #content section#role h2 { margin-bottom: 30px; }
.page-template-tpl-role #content section#role .chapo24 ul li { font-size: 1.375rem; position: relative; padding-left: 35px; margin-bottom: 30px; }
.page-template-tpl-role #content section#role .chapo24 ul li:before { content: ""; position: absolute; top: 22px; left: 0; width: 16px; height: 2px; background: #ff874b; }
.page-template-tpl-role #content section#role .grid { position: absolute; width: 590px; height: 590px; top: -50%; right: -5%; opacity: 0.08; z-index: -1; }
@media (max-width: 767.98px) { .page-template-tpl-role #content section#role { margin-bottom: 60px; }
  .page-template-tpl-role #content section#role .grid { display: none; } }
.page-template-tpl-role #content section#blocs { margin-bottom: 100px; }
.page-template-tpl-role #content section#blocs .row:first-child { margin-bottom: 50px; }
.page-template-tpl-role #content section#blocs .row:nth-child(2) > div .bloc { margin-bottom: 50px; }
.page-template-tpl-role #content section#blocs .row:nth-child(2) > div .bloc p.num { padding-bottom: 15px; margin-bottom: 15px; border-bottom: solid 1px black; font-weight: 500; }
.page-template-tpl-role #content section#blocs .row:nth-child(2) > div .bloc h3 { margin-bottom: 25px; }
@media (max-width: 767.98px) { .page-template-tpl-role #content section#blocs { margin-bottom: 20px; } }
.page-template-tpl-role #content section#citation { margin-bottom: 150px; }
.page-template-tpl-role #content section#citation .vertical { top: 30%; }
.page-template-tpl-role #content section#citation .citation { font-size: 2.8125rem; font-weight: 200; padding: 40px 0; border-top: solid 1px black; border-bottom: solid 1px black; margin-bottom: 30px; }
@media (max-width: 767.98px) { .page-template-tpl-role #content section#citation { margin-bottom: 60px; }
  .page-template-tpl-role #content section#citation .citation { font-size: 1.5rem; } }
.page-template-tpl-role #content .item-role { padding-top: 60px; display: none; }
.page-template-tpl-role #content .item-role.present { display: block; }

.page-template-tpl-partner #content section#intro { padding-top: 50px; margin-bottom: 90px; }
.page-template-tpl-partner #content section#intro h1 { margin-bottom: 50px; }
.page-template-tpl-partner #content section#filtre { margin-bottom: 80px; }
.page-template-tpl-partner #content section#filtre .listall { position: relative; }
.page-template-tpl-partner #content section#filtre .listall:after { content: ""; position: absolute; top: 0; right: 70px; width: 1px; height: 100%; background: black; }
@media (max-width: 991.98px) { .page-template-tpl-partner #content section#filtre .listall { padding-bottom: 20px; margin-bottom: 20px; }
  .page-template-tpl-partner #content section#filtre .listall:after { top: auto; bottom: 0; right: 0; width: 100%; height: 1px; } }
.page-template-tpl-partner #content section#list-partners { position: relative; }
.page-template-tpl-partner #content section#list-partners .row { margin: 0; }
.page-template-tpl-partner #content section#list-partners .row > div { margin-bottom: 170px; position: relative; }
.page-template-tpl-partner #content section#list-partners .row > div:after { content: ""; position: absolute; width: calc(100% - 60px); height: 1px; left: 30px; bottom: 0; background: black; }
.page-template-tpl-partner #content section#list-partners .row > div .logopartner { margin-bottom: 80px; }
.page-template-tpl-partner #content section#list-partners .row > div .logopartner img { margin-left: -30px; }
.page-template-tpl-partner #content section#list-partners .grid { position: absolute; width: 590px; height: 590px; top: 5%; right: -5%; opacity: 0.08; z-index: -1; }
@media (max-width: 767.98px) { .page-template-tpl-partner #content section#list-partners .row > div .logopartner { margin-bottom: 40px; }
  .page-template-tpl-partner #content section#list-partners .grid { display: none; } }

.page-template-tpl-customers #content section#intro { padding-top: 50px; margin-bottom: 90px; }
.page-template-tpl-customers #content section#intro h1 { margin-bottom: 50px; }
.page-template-tpl-customers #content section#filtre { margin-bottom: 80px; }
.page-template-tpl-customers #content section#filtre .listall { position: relative; }
.page-template-tpl-customers #content section#filtre .listall:after { content: ""; position: absolute; top: 0; right: 70px; width: 1px; height: 100%; background: black; }
@media (max-width: 991.98px) { .page-template-tpl-customers #content section#filtre .listall { padding-bottom: 20px; margin-bottom: 20px; }
  .page-template-tpl-customers #content section#filtre .listall:after { top: auto; bottom: 0; right: 0; width: 100%; height: 1px; } }
.page-template-tpl-customers #content section#list-cases { margin-bottom: 50px; }
.page-template-tpl-customers #content section#list-cases .vertical { top: 3%; }
.page-template-tpl-customers #content section#list-cases .bloc-case { display: flex; align-items: center; width: 100%; min-height: 520px; padding-top: 20px; padding-bottom: 20px; margin-bottom: 90px; color: white; font-size: 1.5rem; position: relative; overflow: hidden; }
.page-template-tpl-customers #content section#list-cases .bloc-case img { margin-bottom: 25px; }
.page-template-tpl-customers #content section#list-cases .bloc-case p { position: relative; z-index: 2; }
.page-template-tpl-customers #content section#list-cases .bloc-case a { display: inline-block; margin-top: 30px; z-index: 1; }
@media (max-width: 767.98px) { .page-template-tpl-customers #content section#list-cases .bloc-case { font-size: 1.25rem; } }
.page-template-tpl-customers #content section#list-logos { margin-bottom: 200px; }
.page-template-tpl-customers #content section#list-logos .vertical { top: 50%; }
.page-template-tpl-customers #content section#list-logos .listing { padding-top: 20px; padding-bottom: 20px; position: relative; }
.page-template-tpl-customers #content section#list-logos .listing:before { content: ""; position: absolute; width: calc(100% - 30px); height: 1px; left: 15px; top: 0; background: black; }
.page-template-tpl-customers #content section#list-logos .listing:after { content: ""; position: absolute; width: calc(100% - 30px); height: 1px; left: 15px; bottom: 0; background: black; }
.page-template-tpl-customers #content section#list-logos .listing > div { margin-top: 20px; margin-bottom: 20px; }

.single-case #content section#intro { min-height: calc(100vh - 160px); position: relative; overflow: hidden; }
.single-case #content section#intro .row { min-height: calc(100vh - 160px); }
.single-case #content section#intro .row .intro { padding-top: 50px; background: white; }
.single-case #content section#intro .row .intro h1 { margin-bottom: 30px; }
.single-case #content section#intro .row .intro p { margin-bottom: 0; }
@media (max-width: 767.98px) { .single-case #content section#intro .row { padding-top: 40px; }
  .single-case #content section#intro .row .intro { margin-top: 50px; } }
.single-case #content section#keys { position: relative; padding-top: 80px; margin-bottom: 150px; }
.single-case #content section#keys .vertical { top: 70%; }
.single-case #content section#keys .bloc { margin-bottom: 20px; }
.single-case #content section#keys .bloc p.num { padding-bottom: 15px; margin-bottom: 15px; border-bottom: solid 1px black; font-weight: 500; }
.single-case #content section#keys .grid { position: absolute; width: 486px; height: 486px; top: 50%; right: 5%; opacity: 0.08; z-index: -1; }
@media (max-width: 767.98px) { .single-case #content section#keys { margin-bottom: 60px; }
  .single-case #content section#keys .grid { display: none; } }
.single-case #content section#citation { padding-bottom: 150px; }
.single-case #content section#citation .vertical { top: 40%; }
.single-case #content section#citation .citation { font-size: 2.125rem; font-weight: 200; padding: 50px 0; border-top: solid 1px black; border-bottom: solid 1px black; margin-bottom: 50px; }
@media (max-width: 767.98px) { .single-case #content section#citation { padding-bottom: 60px; }
  .single-case #content section#citation .citation { font-size: 1.5rem; } }
.single-case #content section#video { margin-bottom: 130px; }
.single-case #content section#video .vertical { top: 50%; }
.single-case #content section#video .embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; }
.single-case #content section#video .embed-container iframe, .single-case #content section#video .embed-container object, .single-case #content section#video .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media (max-width: 767.98px) { .single-case #content section#video { margin-bottom: 60px; } }
.single-case #content section#contenu { margin-bottom: 80px; }
.single-case #content section#contenu .row:first-child { margin-bottom: 60px; }
.single-case #content section#contenu .row:first-child h2 { margin-bottom: 30px; }
.single-case #content section#contenu .row:nth-child(2) .bloc { margin-bottom: 20px; }
.single-case #content section#contenu .row:nth-child(2) .bloc p.num { padding-bottom: 15px; margin-bottom: 15px; border-bottom: solid 1px black; font-weight: 500; }
.single-case #content section#contenu .row:nth-child(2) .bloc h3 { margin-bottom: 25px; }
.single-case #content section#contenu .row:nth-child(2) .bloc p { margin-bottom: 25px; }
.single-case #content section#contenu .row:nth-child(2) .bloc:nth-child(3) { max-width: 100%; flex: 0 0 100%; }
@media (max-width: 767.98px) { .single-case #content section#contenu { margin-bottom: 60px; } }
.single-case #content section#solution { margin-bottom: 160px; }
.single-case #content section#solution .vertical { top: 14%; }
.single-case #content section#solution .titre h2 { margin-bottom: 45px; }
.single-case #content section#solution .blocs > div { padding-bottom: 40px; position: relative; }
.single-case #content section#solution .blocs > div:after { content: ""; position: absolute; bottom: 0; left: 30px; width: calc(100% - 60px); height: 1px; background: black; }
.single-case #content section#solution .blocs > div .bloc { margin-bottom: 30px; }
.single-case #content section#solution .blocs > div .bloc p.num { padding-bottom: 15px; margin-bottom: 15px; border-bottom: solid 1px black; font-weight: 600; }
.single-case #content section#solution .blocs > div .bloc p.size30 { margin-bottom: 20px; }
.single-case #content section#solution .blocs > div .bloc ul li { position: relative; padding-left: 35px; }
.single-case #content section#solution .blocs > div .bloc ul li:before { content: ""; position: absolute; top: 12px; left: 0; width: 16px; height: 2px; background: #ff874b; }
.single-case #content section#solution .bouton { margin-top: 40px; }
@media (max-width: 767.98px) { .single-case #content section#solution { margin-bottom: 60px; } }
.single-case #content section#benefits { position: relative; margin-bottom: 120px; }
.single-case #content section#benefits .vertical { top: 16%; }
.single-case #content section#benefits .row:first-child { margin-bottom: 30px; }
.single-case #content section#benefits .row:nth-child(2) .bloc { margin-bottom: 20px; }
.single-case #content section#benefits .row:nth-child(2) .bloc p.num { padding-bottom: 15px; margin-bottom: 15px; border-bottom: solid 1px black; font-weight: 500; }
.single-case #content section#benefits .row:nth-child(2) .bloc h3 { margin-bottom: 25px; }
.single-case #content section#benefits .row:nth-child(2) .bloc p { margin-bottom: 25px; }
.single-case #content section#benefits .grid { position: absolute; width: 590px; height: 590px; top: -50%; right: -5%; opacity: 0.16; z-index: -1; }
@media (max-width: 767.98px) { .single-case #content section#benefits { margin-bottom: 60px; }
  .single-case #content section#benefits .grid { display: none; } }

.page-template-tpl-about #content section#intro { margin-bottom: 90px; }
.page-template-tpl-about #content section#intro .row:first-child { margin-bottom: 110px; }
.page-template-tpl-about #content section#intro .row:first-child img { width: 100%; margin-top: 20px; }
.page-template-tpl-about #content section#intro .row:nth-child(2) { margin-bottom: 70px; }
.page-template-tpl-about #content section#team { margin-bottom: 130px; }
.page-template-tpl-about #content section#team .vertical { top: 22%; }
.page-template-tpl-about #content section#team h2 { margin-bottom: 70px; }
.page-template-tpl-about #content section#team .equipe { width: 100%; cursor: grab; }
.page-template-tpl-about #content section#team .equipe .person { display: inline-block; vertical-align: top; width: 440px; margin-right: 30px; }
.page-template-tpl-about #content section#team .equipe .person .wrap-img { height: 470px; width: 100%; position: relative; }
.page-template-tpl-about #content section#team .equipe .person .wrap-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
.page-template-tpl-about #content section#team .equipe .person .wrap-img img.hover { z-index: 0; }
.page-template-tpl-about #content section#team .equipe .person .wrap-img img.hover.firstplan { z-index: 2; }
.page-template-tpl-about #content section#team .equipe .person h3 { margin-bottom: -5px; }
.page-template-tpl-about #content section#team .equipe .person .chapo24 { margin-bottom: 20px; }
.page-template-tpl-about #content section#team .equipe .person .chapo24 p { margin-bottom: 0; }
.page-template-tpl-about #content section#certif { margin-bottom: 200px; }
.page-template-tpl-about #content section#certif .vertical { top: 30%; }
.page-template-tpl-about #content section#certif h2 { margin-bottom: 90px; }
@media (max-width: 767.98px) { .page-template-tpl-about #content section#certif { margin-bottom: 60px; } }

.page-template-tpl-legals #content section:first-child { position: relative; margin-bottom: 60px; }
.page-template-tpl-legals #content section:first-child h1 { margin-bottom: 85px; }
.page-template-tpl-legals #content section:first-child .grid { position: absolute; width: 590px; height: 590px; bottom: -8%; left: -8%; opacity: 0.08; z-index: -1; }
@media (max-width: 767.98px) { .page-template-tpl-legals #content section:first-child h1 { font-size: 2.5rem; }
  .page-template-tpl-legals #content section:first-child .grid { display: none; } }

.page-template-tpl-contact #content section { position: relative; }
.page-template-tpl-contact #content section h1 { margin-bottom: 85px; }
.page-template-tpl-contact #content section span.wpcf7-list-item { margin: 0; }
.page-template-tpl-contact #content section span.wpcf7-list-item label { position: relative; /* Aspect de la case */ /* Aspect de la coche */ /* Aspect non cochée */ /* Aspect cochée */ }
.page-template-tpl-contact #content section span.wpcf7-list-item label [type="checkbox"]:not(:checked), .page-template-tpl-contact #content section span.wpcf7-list-item label [type="checkbox"]:checked { position: absolute; left: 0; opacity: 0.01; }
.page-template-tpl-contact #content section span.wpcf7-list-item label [type="checkbox"]:not(:checked) + span.wpcf7-list-item-label, .page-template-tpl-contact #content section span.wpcf7-list-item label [type="checkbox"]:checked + span.wpcf7-list-item-label { position: relative; padding-left: 60px; font-size: 0.75rem; cursor: pointer; display: block; text-align: left; }
.page-template-tpl-contact #content section span.wpcf7-list-item label [type="checkbox"]:not(:checked) + span.wpcf7-list-item-label::before, .page-template-tpl-contact #content section span.wpcf7-list-item label [type="checkbox"]:checked + span.wpcf7-list-item-label::before { content: ''; position: absolute; left: 0; top: 5px; width: 30px; height: 30px; border: 1px solid black; background: transparent; border-radius: 0; }
.page-template-tpl-contact #content section span.wpcf7-list-item label [type="checkbox"]:not(:checked) + span.wpcf7-list-item-label::after, .page-template-tpl-contact #content section span.wpcf7-list-item label [type="checkbox"]:checked + span.wpcf7-list-item-label::after { content: ""; speak: never; position: absolute; top: 9px; left: 4px; background: black; width: 22px; height: 22px; }
.page-template-tpl-contact #content section span.wpcf7-list-item label [type="checkbox"]:not(:checked) + span.wpcf7-list-item-label::after { opacity: 0; transform: scale(0) rotate(45deg); }
.page-template-tpl-contact #content section span.wpcf7-list-item label [type="checkbox"]:checked + span.wpcf7-list-item-label::after { opacity: 1; transform: scale(1) rotate(0); }
.page-template-tpl-contact #content section form { display: flex; flex-wrap: wrap; margin-top: 80px; margin-bottom: 110px; }
.page-template-tpl-contact #content section form .form-group.champ { position: relative; margin-bottom: 40px; }
.page-template-tpl-contact #content section form .form-group.champ input::placeholder, .page-template-tpl-contact #content section form .form-group.champ textarea::placeholder { text-transform: uppercase; color: black; }
.page-template-tpl-contact #content section form .form-group.champ span { margin-bottom: 0; padding: 10px 0; }
.page-template-tpl-contact #content section form .form-group.champ span input, .page-template-tpl-contact #content section form .form-group.champ span textarea { padding: 10px 0; width: 100%; background: transparent; border-top: 0; border-left: 0; border-right: 0; border-bottom: solid 1px black; }
.page-template-tpl-contact #content section form input[type="submit"] { position: relative; border: solid 1px #ff874b; background: transparent; text-transform: uppercase; color: black; padding: 25px 80px; border-radius: 34px; cursor: pointer; margin-top: 80px; margin-bottom: 30px; transition: padding 0.4s ease, border-radius 0.4s ease, margin-bottom 0.4s ease, margin-top 0.4s ease; }
@media (min-width: 768px) { .page-template-tpl-contact #content section form input[type="submit"]:hover { padding: 40px 120px; border-radius: 50px; margin-bottom: 12px; margin-top: 68px; } }
@media (max-width: 767.98px) { .page-template-tpl-contact #content section form input[type="submit"] { width: 100%; } }
.page-template-tpl-contact #content section form input[type=submit][disabled=disabled] { opacity: 0.5; cursor: default; }
.page-template-tpl-contact #content section form input[type=submit]:disabled { opacity: 0.5; cursor: default; }
.page-template-tpl-contact #content section .grid { position: absolute; width: 590px; height: 590px; bottom: -8%; left: -8%; opacity: 0.08; z-index: -1; }
@media (max-width: 767.98px) { .page-template-tpl-contact #content section h1 { font-size: 2.5rem; }
  .page-template-tpl-contact #content section .grid { display: none; } }
.page-template-tpl-contact footer { margin-top: 0; }

.cercle { position: absolute; width: 880px; height: 880px; border-radius: 50%; border: solid 2px #ff874b; z-index: -1; top: 0; right: -15%; }
@media (max-width: 767.98px) { .cercle { right: 0; } }