@charset "UTF-8";
/* B-COLORS */
/* E-COLORS */
/* B-FONT */
/*
MONTSERRAT - Regular 400
MONTSERRAT - Medium 500
MONTSERRAT - Bold 700

BARLOW - Light 300
BARLOW - Regular 400
BARLOW - Bold 700
*/
/* E-FONT */
html { font-size: 16px; }

body { margin: 0; font-size: 1rem; font-family: "Barlow", Verdana, Helvetica, sans-serif; color: #19293c; overflow-x: hidden; }

header { color: white; padding: 30px 0 0 0; }
header.dark { position: absolute; z-index: 500; }
header .row:nth-child(1) .langue a, header .row:nth-child(1) .user a { font-family: "Montserrat", Verdana, Helvetica, sans-serif; font-size: 0.6875rem; font-weight: 500; color: white; text-transform: uppercase; text-decoration: none; transition: color 0.6s ease; }
header .row:nth-child(1) .langue a .svg, header .row:nth-child(1) .user a .svg { width: 24px; margin-right: 5px; }
header .row:nth-child(1) .langue a .svg .st0, header .row:nth-child(1) .user a .svg .st0 { fill: white; transition: fill 0.6s ease; }
header .row:nth-child(1) .langue a:hover, header .row:nth-child(1) .user a:hover { color: #19293c; }
header .row:nth-child(1) .langue a:hover .svg .st0, header .row:nth-child(1) .user a:hover .svg .st0 { fill: #19293c; }
header .row:nth-child(1) .langue { margin-right: 30px; }
header .row:nth-child(1) .langue a .svg { width: 17px; }
header .row:nth-child(1) .logo h1 { margin-bottom: 0; font-size: 1rem; }
header .row:nth-child(1) .logo h1 svg { max-width: 230px; height: auto; }
header .row:nth-child(1) .logo h1 svg.dark { display: none; }
header .row:nth-child(1) .logo p { margin-bottom: 0; }
header .row:nth-child(1) .logo p a svg { max-width: 230px; height: auto; }
header .row:nth-child(1) .logo p a svg.dark { display: none; }
header .row:nth-child(1) .bouton a.btn { background: #19293c; text-transform: uppercase; color: white; padding: 15px 45px; font-size: 0.875rem; font-weight: 700; border-radius: 0; border: 0; position: relative; }
header .row:nth-child(1) .bouton a.btn span { position: relative; z-index: 2; }
header .row:nth-child(1) .bouton a.btn:after { content: ""; position: absolute; top: 0; right: 0; height: 100%; width: 0; background: #86d4a6; transition: width 0.6s ease; }
header .row:nth-child(1) .bouton a.btn:hover:after { width: 100%; }
header .row:nth-child(2) .nopos { position: unset; }
header .row:nth-child(2) .head-menu ul { margin: 0; padding: 0; display: flex; }
header .row:nth-child(2) .head-menu ul li { list-style: none; }
header .row:nth-child(2) .head-menu ul li a { text-transform: uppercase; color: white; padding: 20px 15px; display: block; font-family: "Montserrat", Verdana, Helvetica, sans-serif; position: relative; text-decoration: none; }
header .row:nth-child(2) .head-menu ul li a:after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: -1px; height: 2px; width: 0; background: #19293c; transition: width 0.6s ease; }
header .row:nth-child(2) .head-menu ul li a:hover:after { width: 100%; }
header .row:nth-child(2) .head-menu#site-navigation ul#menu-menu-principal li a { font-weight: 700; font-size: 0.875rem; }
header .row:nth-child(2) .head-menu#site-navigation ul#menu-menu-principal li > ul.sub-menu { display: none; position: absolute; top: 100%; left: 0; width: 100%; background: white; padding: 35px 50px; }
header .row:nth-child(2) .head-menu#site-navigation ul#menu-menu-principal li > ul.sub-menu.open { display: flex; }
header .row:nth-child(2) .head-menu#site-navigation ul#menu-menu-principal li > ul.sub-menu li { width: 25%; padding: 0 30px 0 0; }
header .row:nth-child(2) .head-menu#site-navigation ul#menu-menu-principal li > ul.sub-menu li a { padding: 0; color: #19293c; }
header .row:nth-child(2) .head-menu#site-navigation ul#menu-menu-principal li > ul.sub-menu li > ul.sub-menu { padding: 0; flex-direction: column; position: relative; top: 0; }
header .row:nth-child(2) .head-menu#site-navigation ul#menu-menu-principal li > ul.sub-menu li > ul.sub-menu li { width: 100%; padding: 0; }
header .row:nth-child(2) .head-menu#site-navigation ul#menu-menu-principal li > ul.sub-menu li > ul.sub-menu li a { padding: 10px 0; font-weight: 500; text-transform: none; }
header .row:nth-child(2) .head-menu#second-navigation ul#menu-menu-secondaire li:last-child a { padding: 20px 0 20px 15px; }
header .row:nth-child(2) .head-menu#second-navigation ul#menu-menu-secondaire li a { font-weight: 500; font-size: 0.75rem; }
header .row:nth-child(2) .head-menu#second-navigation ul#menu-menu-secondaire li > ul.sub-menu { display: none; position: absolute; top: 100%; left: 0; width: 100%; background: white; padding: 35px 50px; flex-direction: column; }
header .row:nth-child(2) .head-menu#second-navigation ul#menu-menu-secondaire li > ul.sub-menu.open { display: flex; }
header .row:nth-child(2) .head-menu#second-navigation ul#menu-menu-secondaire li > ul.sub-menu li { width: 100; padding: 10px 0; }
header .row:nth-child(2) .head-menu#second-navigation ul#menu-menu-secondaire li > ul.sub-menu li a { padding: 0; color: #19293c; }
header.white .row:nth-child(1) .langue a, header.white .row:nth-child(1) .user a { color: #19293c; }
header.white .row:nth-child(1) .langue a .svg .st0, header.white .row:nth-child(1) .user a .svg .st0 { fill: #19293c; }
header.white .row:nth-child(1) .langue a:hover, header.white .row:nth-child(1) .user a:hover { color: #7884d5; }
header.white .row:nth-child(1) .langue a:hover .svg .st0, header.white .row:nth-child(1) .user a:hover .svg .st0 { fill: #7884d5; }
header.white .row:nth-child(1) .logo h1 svg.white, header.white .row:nth-child(1) .logo p a svg.white { display: none; }
header.white .row:nth-child(1) .logo h1 svg.dark, header.white .row:nth-child(1) .logo p a svg.dark { display: unset; }
header.white .row:nth-child(1) .bouton a.btn { background: #86d4a6; }
header.white .row:nth-child(1) .bouton a.btn:after { background: #7884d5; }
header.white .row:nth-child(1) .bouton a.btn:hover:after { width: 100%; }
header.white .row:nth-child(2) .head-menu ul li a { color: #19293c; }
header.white .row:nth-child(2) .head-menu ul li a:after { background: #19293c; }

footer { background: #19293c; color: white; padding-top: 70px; margin-top: 40px; }
footer .footer-left { padding-bottom: 120px; }
footer .footer-left .widget_media_image { margin-bottom: 20px; max-width: 184px; }
footer .footer-left #text-2 { margin-bottom: 70px; }
footer .footer-left #nav_menu-2 { margin-bottom: 20px; }
footer .footer-left #nav_menu-2 ul { margin: 0; padding: 0; display: flex; }
footer .footer-left #nav_menu-2 ul li { list-style: none; position: relative; margin: 0 10px; }
footer .footer-left #nav_menu-2 ul li:first-child { margin: 0 10px 0 0; }
footer .footer-left #nav_menu-2 ul li a { display: block; max-width: 16px; max-height: 16px; overflow: hidden; color: rgba(255, 255, 255, 0); }
footer .footer-left #nav_menu-2 ul li a:before { color: white; position: absolute; top: 0; left: 0; max-width: 16px; max-height: 16px; transition: color 0.4s ease; }
footer .footer-left #nav_menu-2 ul li a:hover:before { color: #7884d5; }
footer .footer-left #nav_menu-2 ul li.fb a:before { font-family: "Font Awesome 5 Brands"; content: "\f39e"; }
footer .footer-left #nav_menu-2 ul li.tw a:before { font-family: "Font Awesome 5 Brands"; content: "\f099"; }
footer .footer-left #nav_menu-2 ul li.in a:before { font-family: "Font Awesome 5 Brands"; content: "\f0e1"; }
footer .footer-left #nav_menu-2 ul li.yt a:before { font-family: "Font Awesome 5 Brands"; content: "\f167"; }
footer .footer-left #nav_menu-2 ul li.insta a:before { font-family: "Font Awesome 5 Brands"; content: "\f16d"; }
footer .footer-left #text-3 { color: rgba(255, 255, 255, 0.14); font-size: 10px; }
footer .footer-left .textwidget p { margin-bottom: 0; }
footer .footer-right { position: relative; margin-bottom: 40px; }
footer .footer-right ul.footer-menu { margin: 0; padding: 0; display: flex; justify-content: space-around; }
footer .footer-right ul.footer-menu li { list-style: none; }
footer .footer-right ul.footer-menu li a { display: block; color: white; margin-bottom: 20px; text-transform: uppercase; cursor: default; font-weight: bold; }
footer .footer-right ul.footer-menu li ul.sub-menu { margin: 0; padding: 0; }
footer .footer-right ul.footer-menu li ul.sub-menu li { text-transform: none; }
footer .footer-right ul.footer-menu li ul.sub-menu li a { font-weight: normal; cursor: pointer; margin-bottom: 0; }
@media (min-width: 992px) { footer .footer-right:after { content: ""; position: absolute; width: 1px; height: 100%; background: #7884d5; top: 0; left: 0; } }

.titregris { text-transform: uppercase; color: grey; font-weight: 700; font-size: 1.625rem; }

a.btn { background: #19293c; text-transform: uppercase; color: white; width: 100%; padding: 25px 10px; font-size: 1.0625rem; font-weight: 700; border-radius: 0; border: 0; position: relative; }
a.btn.line { padding: 24px 15px; background: transparent; border: solid 2px white; margin-left: 10px; }
a.btn span { position: relative; z-index: 2; }
a.btn:after { content: ""; position: absolute; top: 0; right: 0; height: 100%; width: 0; background: #86d4a6; transition: width 0.6s ease; }
a.btn:hover:after { width: 100%; }
@media (min-width: 768px) { a.btn { width: auto; padding: 25px 90px; } }

.container.intro_simple.back { position: relative; }
.container.intro_simple.back:after { height: 550px; }
.container.intro_simple.back h1 { text-transform: uppercase; color: #19293c; font-family: "Montserrat", Verdana, Helvetica, sans-serif; font-size: 2.8125rem; font-weight: 700; line-height: 3rem; position: relative; margin: 80px 0 25px 0; }
.container.intro_simple.back h1:after { content: "."; font-family: "Montserrat", Verdana, Helvetica, sans-serif; font-size: 2.8125rem; font-weight: 700; line-height: 3rem; color: #86d4a6; }
.container.back { position: relative; }
.container.back:after { content: ""; position: absolute; height: 100%; width: 90%; background: #f4f3f0; top: 0; left: 50%; transform: translateX(-50%); z-index: -1; }
.container.list-logos { margin-bottom: 40px; }
.container.list-logos .row > div { margin: 40px 0; }
.container.list-logos .row > div img { max-height: 50px; }

/* DESIGN DES CROIX EN FOND */
.croix { position: absolute; width: 340px; height: 340px; top: 50%; margin-top: -170px; }
.croix span { position: relative; display: inline-block; width: 9px; height: 1px; margin: 25px; }
.croix span:nth-child(6n+1) { margin: 25px 25px 25px 0; }
.croix span:nth-child(6n+6) { margin: 25px 0 25px 25px; }
.croix span:before { content: ""; position: absolute; width: 1px; height: 9px; top: -4px; left: 4px; }

/* DESIGN DES POINTS EN FOND */
.points { position: absolute; width: 440px; height: 500px; top: 5%; left: -230px; z-index: 0; }
.points span { position: relative; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: #757e88; margin-top: 15px; margin-bottom: 15px; margin-left: 30px; margin-right: 30px; }
.points span:nth-child(-n+7) { margin-top: 0; }
.points span:nth-child(n+86) { margin-bottom: 0; }
.points span:nth-child(13n+1) { margin-left: 0; }
.points span:nth-child(13n+8) { margin-left: 30px; }
.points span:nth-child(13n+7) { margin-right: 0; }
.points span:nth-child(13n+13) { margin-right: 60px; }

/* DESIGN DES TRAITS EN FOND */
.traits { position: absolute; width: 560px; height: 640px; top: 50%; left: -50%; transform: translateX(50%) translateY(-50%); z-index: 0; }
.traits span { position: relative; display: inline-block; width: 1px; height: 15px; background: #757e88; margin-top: 15px; margin-bottom: 15px; margin-left: 40px; margin-right: 40px; }
.traits span:nth-child(-n+7) { margin-top: 0; }
.traits span:nth-child(n+112) { margin-bottom: 0; }
.traits span:nth-child(13n+1) { margin-left: 0; }
.traits span:nth-child(13n+8) { margin-left: 40px; }
.traits span:nth-child(13n+7) { margin-right: 0; }
.traits span:nth-child(13n+13) { margin-right: 80px; }

/* DESIGN DRILLE EN FOND */
.grille { position: absolute; width: 720px; height: 740px; top: 0; right: 0; }
.grille > div { background: #757e88; opacity: 0.4; }
.grille .lh { position: relative; display: block; width: 100%; height: 1px; margin-top: 40px; margin-bottom: 40px; }
.grille .lv { position: absolute; height: 100%; width: 1px; top: 0; }
.grille .lv#l1 { left: 40px; }
.grille .lv#l2 { left: 80px; }
.grille .lv#l3 { left: 120px; }
.grille .lv#l4 { left: 160px; }
.grille .lv#l5 { left: 200px; }
.grille .lv#l6 { left: 240px; }
.grille .lv#l7 { left: 280px; }
.grille .lv#l8 { left: 320px; }
.grille .lv#l9 { left: 360px; }
.grille .lv#l10 { left: 400px; }
.grille .lv#l11 { left: 440px; }
.grille .lv#l12 { left: 480px; }
.grille .lv#l13 { left: 520px; }
.grille .lv#l14 { left: 560px; }
.grille .lv#l15 { left: 600px; }
.grille .lv#l16 { left: 640px; }
.grille .lv#l17 { left: 680px; }

.logos { margin: 0; }
.logos .col-auto { margin-bottom: 20px; }
.logos .col-auto img { width: auto; height: 60px; }

.home-customer .zone { margin: 60px auto; padding: 60px 0; text-align: center; }
.home-customer .zone h2 { font-family: "Montserrat", Verdana, Helvetica, sans-serif; font-weight: 700; font-size: 2.8125rem; line-height: 3rem; text-transform: uppercase; margin-bottom: 50px; }
.home-customer .zone .list-bloc { position: relative; z-index: 1; margin-top: 0; margin-bottom: 50px; }
.home-customer .zone .list-bloc .single-bloc .cart { text-align: left; }
.home-customer .zone .points { opacity: 0.6; z-index: 0; }
.home-customer .zone.customer-list .list-bloc .single-bloc .cart { width: 60%; padding: 60px 45px 100px 45px; }
.home-customer .zone.customer-list .list-bloc .single-bloc .cart p:not(.author) { position: relative; font-weight: 300; font-size: 1.125rem; line-height: 1.25rem; margin-bottom: 20px; }
.home-customer .zone.customer-list .list-bloc .single-bloc .cart p:not(.author):before { content: "“"; font-family: "Barlow", Verdana, Helvetica, sans-serif; font-weight: 300; font-size: 1.125rem; line-height: 1.25rem; }
.home-customer .zone.customer-list .list-bloc .single-bloc .cart p:not(.author):after { content: "”"; font-family: "Barlow", Verdana, Helvetica, sans-serif; font-weight: 300; font-size: 1.125rem; line-height: 1.25rem; }
.home-customer .zone.customer-list .list-bloc .single-bloc .cart .author { text-transform: uppercase; font-size: 0.8125rem; margin-bottom: 0; }
.home-customer .zone.customer-list .list-bloc .single-bloc .img-cart { width: 41%; }

.page-template-tpl-landing { background: #7ed9a4; background: -webkit-linear-gradient(59deg, #68bbe1 0%, #7ed9a4 100%); background: -o-linear-gradient(59deg, #68bbe1 0%, #7ed9a4 100%); background: linear-gradient(149deg, #68bbe1 0%, #7ed9a4 100%); }
.page-template-tpl-landing .landing { padding-top: 200px; padding-bottom: 100px; font-size: 1.125rem; }
.page-template-tpl-landing .landing h1 { font-family: "Montserrat", Verdana, Helvetica, sans-serif; font-size: 2.8125rem; line-height: 3rem; font-weight: 700; position: relative; text-transform: uppercase; margin-bottom: 30px; }
.page-template-tpl-landing .landing h1:after { content: "."; font-family: "Montserrat", Verdana, Helvetica, sans-serif; font-size: 2.8125rem; line-height: 3rem; font-weight: 700; color: white; }
.page-template-tpl-landing .landing ul { margin: -16px 0 0 0; padding: 0; }
.page-template-tpl-landing .landing ul li { list-style: none; position: relative; padding-left: 30px; margin: 2px 0; }
.page-template-tpl-landing .landing ul li:before { content: ""; position: absolute; width: 19px; height: 6px; left: 0; top: 10px; background: url("../../images/icons/fleche-blanche.png"); }
.page-template-tpl-landing .landing .img { position: relative; }
.page-template-tpl-landing .landing .img .points { top: -5%; left: auto; right: 10%; z-index: -1; }
.page-template-tpl-landing .landing .img .points span { background: white; }
.page-template-tpl-landing .landing span.wpcf7-list-item { margin: 0; }
.page-template-tpl-landing .landing 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-landing .landing span.wpcf7-list-item label [type="checkbox"]:not(:checked), .page-template-tpl-landing .landing span.wpcf7-list-item label [type="checkbox"]:checked { position: absolute; left: 0; opacity: 0.01; }
.page-template-tpl-landing .landing span.wpcf7-list-item label [type="checkbox"]:not(:checked) + span.wpcf7-list-item-label, .page-template-tpl-landing .landing span.wpcf7-list-item label [type="checkbox"]:checked + span.wpcf7-list-item-label { position: relative; padding-left: 40px; font-size: 0.75rem; cursor: pointer; display: block; }
.page-template-tpl-landing .landing span.wpcf7-list-item label [type="checkbox"]:not(:checked) + span.wpcf7-list-item-label::before, .page-template-tpl-landing .landing span.wpcf7-list-item label [type="checkbox"]:checked + span.wpcf7-list-item-label::before { content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 1px solid #19293c; background: transparent; border-radius: 0; }
.page-template-tpl-landing .landing span.wpcf7-list-item label [type="checkbox"]:not(:checked) + span.wpcf7-list-item-label::after, .page-template-tpl-landing .landing span.wpcf7-list-item label [type="checkbox"]:checked + span.wpcf7-list-item-label::after { content: ""; speak: never; position: absolute; top: 4px; left: 4px; background: #19293c; width: 12px; height: 12px; }
.page-template-tpl-landing .landing 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-landing .landing span.wpcf7-list-item label [type="checkbox"]:checked + span.wpcf7-list-item-label::after { opacity: 1; transform: scale(1) rotate(0); }
.page-template-tpl-landing .landing form { margin-top: 50px; }
.page-template-tpl-landing .landing form .form-group.champ { position: relative; margin-bottom: 20px; }
.page-template-tpl-landing .landing form .form-group.champ input::placeholder { text-transform: uppercase; color: white; }
.page-template-tpl-landing .landing form .form-group.champ span { margin-bottom: 0; padding: 10px 0; }
.page-template-tpl-landing .landing form .form-group.champ span input { padding: 5px 0; width: 100%; background: transparent; border-top: 0; border-left: 0; border-right: 0; border-bottom: solid 1px #19293c; }
.page-template-tpl-landing .landing form input[type="submit"] { background: #19293c; text-transform: uppercase; color: white; font-weight: 700; padding: 25px 40px; border: 0; cursor: pointer; }

.page-template-tpl-contact { position: relative; background: #7884d5; }
.page-template-tpl-contact .contact { min-height: 980px; padding-top: 200px; padding-bottom: 100px; font-size: 1.125rem; text-align: center; background: url("../../images/filaire/vague.png") bottom right no-repeat #7884d5; }
.page-template-tpl-contact .contact h1 { font-family: "Montserrat", Verdana, Helvetica, sans-serif; font-size: 2.8125rem; line-height: 3rem; font-weight: 700; position: relative; text-transform: uppercase; margin-bottom: 30px; }
.page-template-tpl-contact .contact h1:after { content: "."; font-family: "Montserrat", Verdana, Helvetica, sans-serif; font-size: 2.8125rem; line-height: 3rem; font-weight: 700; color: white; }
.page-template-tpl-contact .contact span.wpcf7-list-item { margin: 0; }
.page-template-tpl-contact .contact 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 .contact span.wpcf7-list-item label [type="checkbox"]:not(:checked), .page-template-tpl-contact .contact span.wpcf7-list-item label [type="checkbox"]:checked { position: absolute; left: 0; opacity: 0.01; }
.page-template-tpl-contact .contact span.wpcf7-list-item label [type="checkbox"]:not(:checked) + span.wpcf7-list-item-label, .page-template-tpl-contact .contact span.wpcf7-list-item label [type="checkbox"]:checked + span.wpcf7-list-item-label { position: relative; padding-left: 40px; font-size: 0.75rem; cursor: pointer; display: block; }
.page-template-tpl-contact .contact span.wpcf7-list-item label [type="checkbox"]:not(:checked) + span.wpcf7-list-item-label::before, .page-template-tpl-contact .contact span.wpcf7-list-item label [type="checkbox"]:checked + span.wpcf7-list-item-label::before { content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 1px solid #19293c; background: transparent; border-radius: 0; }
.page-template-tpl-contact .contact span.wpcf7-list-item label [type="checkbox"]:not(:checked) + span.wpcf7-list-item-label::after, .page-template-tpl-contact .contact span.wpcf7-list-item label [type="checkbox"]:checked + span.wpcf7-list-item-label::after { content: ""; speak: never; position: absolute; top: 4px; left: 4px; background: #19293c; width: 12px; height: 12px; }
.page-template-tpl-contact .contact 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 .contact 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 .contact form { margin-top: 50px; }
.page-template-tpl-contact .contact form .form-group.champ { position: relative; margin-bottom: 20px; }
.page-template-tpl-contact .contact form .form-group.champ input::placeholder { text-transform: uppercase; color: white; }
.page-template-tpl-contact .contact form .form-group.champ span { margin-bottom: 0; padding: 10px 0; }
.page-template-tpl-contact .contact form .form-group.champ span input { padding: 5px 0; width: 100%; background: transparent; border-top: 0; border-left: 0; border-right: 0; border-bottom: solid 1px #19293c; }
.page-template-tpl-contact .contact form input[type="submit"] { background: #19293c; text-transform: uppercase; color: white; font-weight: 700; padding: 25px 40px; border: 0; cursor: pointer; }
.page-template-tpl-contact footer { margin-top: 0; }

.slidergen { /* SPECIFIQUE HOME */ /* SPECIFIQUE CUSTOMER */ /* GENERAL */ }
.slidergen#homeslider .slick-slide:nth-child(odd) { background: #68bbe1; background: -webkit-linear-gradient(57deg, #7884d5 0%, #68bbe1 100%); background: -o-linear-gradient(57deg, #7884d5 0%, #68bbe1 100%); background: linear-gradient(147deg, #7884d5 0%, #68bbe1 100%); }
.slidergen#homeslider .slick-slide:nth-child(odd):before { background-image: url(../../images/filaire/slider1.svg); width: 715px; height: 712px; bottom: -30px; right: 10%; }
.slidergen#homeslider .slick-slide:nth-child(even) { background: #7ed9a4; background: -webkit-linear-gradient(59deg, #68bbe1 0%, #7ed9a4 100%); background: -o-linear-gradient(59deg, #68bbe1 0%, #7ed9a4 100%); background: linear-gradient(149deg, #68bbe1 0%, #7ed9a4 100%); }
.slidergen#homeslider .slick-slide:nth-child(even):before { background-image: url(../../images/filaire/cube.svg); width: 581px; height: 544px; bottom: 60px; right: 10%; }
.slidergen#homeslider .slick-slide .container .row p { font-size: 1.25rem; margin: 25px 0; }
.slidergen#homeslider .slick-slide .container .row > div:last-child img { display: inline-block; -webkit-box-shadow: -25px 25px 60px 0px rgba(26, 26, 31, 0.35); box-shadow: -25px 25px 60px 0px rgba(26, 26, 31, 0.35); }
.slidergen#homeslider .slick-slide .points { left: 0; top: 50%; transform: translateY(-50%); }
.slidergen#homeslider .slick-slide .points span { background: white; }
.slidergen#sliderquote { margin-bottom: 0; }
.slidergen#sliderquote .slick-slide { color: white; }
.slidergen#sliderquote .slick-slide.vert { background: #86d4a6; }
.slidergen#sliderquote .slick-slide.vert a.btn:after { background: #68bbe1; }
.slidergen#sliderquote .slick-slide.turquoise { background: #68bbe1; }
.slidergen#sliderquote .slick-slide.turquoise a.btn:after { background: #7884d5; }
.slidergen#sliderquote .slick-slide.violet { background: #7884d5; }
.slidergen#sliderquote .slick-slide.violet a.btn:after { background: #86d4a6; }
.slidergen#sliderquote .slick-slide .container .logo { max-width: 200px; margin-bottom: 30px; }
.slidergen#sliderquote .slick-slide .container .quote p { font-weight: 300; font-size: 1.875rem; line-height: 2rem; margin-bottom: 35px; }
.slidergen#sliderquote .slick-slide .container .quote p:before { content: "“"; font-family: "Barlow", Verdana, Helvetica, sans-serif; font-weight: 300; font-size: 1.875rem; line-height: 2rem; }
.slidergen#sliderquote .slick-slide .container .quote p:after { content: "”"; font-family: "Barlow", Verdana, Helvetica, sans-serif; font-weight: 300; font-size: 1.875rem; line-height: 2rem; }
.slidergen#sliderquote .slick-slide .container .author p { text-transform: uppercase; font-size: 0.8125rem; margin-bottom: 0; }
.slidergen#sliderquote .slick-slide .container a.btn { margin-top: 40px; }
.slidergen#sliderquote .slick-slide .container .points { left: auto; right: 0; top: auto; bottom: 10%; }
.slidergen#sliderquote .slick-slide .container .points span { background: white; }
.slidergen .slick-slide { height: 750px; position: relative; }
.slidergen .slick-slide .container { height: 100%; z-index: 1; position: relative; }
.slidergen .slick-slide .container .row { height: 100%; }
.slidergen .slick-slide .container .row .hs_logo { margin-bottom: 20px; }
.slidergen .slick-slide .container .row h2 { font-family: "Montserrat", Verdana, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; font-size: 2.8125rem; line-height: 2.8125rem; margin: 0; }
.slidergen .slick-slide .container .row h2:after { content: "."; font-family: "Montserrat", Verdana, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; font-size: 2.8125rem; line-height: 2.8125rem; color: white; }
.slidergen .slick-slide .container .row a.btn { padding: 25px 60px; }
.slidergen .slick-slide .container .row a.btn.line { padding: 24px 60px; background: transparent; border: solid 1px white; margin-left: 15px; }
.slidergen .slick-slide:before { content: ""; background-size: contain; background-repeat: no-repeat; position: absolute; bottom: -30px; right: 30px; z-index: 0; opacity: 0.4; }
.slidergen ul.slick-dots { position: absolute; bottom: 60px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slidergen ul.slick-dots li { position: relative; display: inline-block; width: 100px; height: 30px; margin: 0; padding: 0; cursor: pointer; border-top: solid 1px white; }
.slidergen ul.slick-dots li:before { content: ""; position: absolute; width: 100%; height: 0; background: #19293c; top: -1px; left: 0; transition: height 0.2s ease; }
.slidergen ul.slick-dots li button { color: white; font-size: 0.6875rem; font-weight: 700; line-height: 0; display: block; width: 100px; height: 30px; padding: 0; cursor: pointer; border: 0; outline: none; background: transparent; }
.slidergen ul.slick-dots li button:before { content: none; }
.slidergen ul.slick-dots li.slick-active:before { height: 4px; }
.slidergen ul.slick-dots li.slick-active button { color: #19293c; }

.tab { position: relative; margin: 40px auto; padding: 70px 0; min-height: 770px; }
.tab.vertical { margin: 0 auto 30px auto; padding: 75px 0 0 0; }
.tab.vertical .row h2 { margin: 0 0 70px 0; }
.tab.vertical .row:nth-child(2) { height: 600px; }
.tab.vertical .row .content-wrap { display: flex; min-height: 400px; }
.tab.vertical .row .content-wrap .onglet { width: 22%; border-right: solid 1px rgba(117, 126, 136, 0.37); text-align: right; padding: 30px 0; }
.tab.vertical .row .content-wrap .onglet > div { padding: 10px 20px; margin-bottom: 15px; font-size: 0.75rem; text-transform: uppercase; cursor: pointer; position: relative; }
.tab.vertical .row .content-wrap .onglet > div:after { content: ""; position: absolute; height: 0; width: 3px; right: -2px; top: 0; transition: height 0.6s ease; }
.tab.vertical .row .content-wrap .onglet > div.actif { font-weight: 700; cursor: default; }
.tab.vertical .row .content-wrap .onglet > div.actif#item1 { color: #7884d5; }
.tab.vertical .row .content-wrap .onglet > div.actif#item1:after { height: 100%; background: #7884d5; }
.tab.vertical .row .content-wrap .onglet > div.actif#item2 { color: #68bbe1; }
.tab.vertical .row .content-wrap .onglet > div.actif#item2:after { height: 100%; background: #68bbe1; }
.tab.vertical .row .content-wrap .onglet > div.actif#item3 { color: #86d4a6; }
.tab.vertical .row .content-wrap .onglet > div.actif#item3:after { height: 100%; background: #86d4a6; }
.tab.vertical .row .content-wrap .tab_content { position: relative; flex: 2; }
.tab.vertical .row .content-wrap .tab_content .contenu { position: absolute; height: 100%; padding: 0 30px; display: flex; flex-direction: column; justify-content: center; top: 50px; opacity: 0; visibility: hidden; transition: visibility 0.4s ease, opacity 0.4s ease, top 0.4s ease; }
.tab.vertical .row .content-wrap .tab_content .contenu h3 { font-weight: 300; font-style: 1.875rem; margin-bottom: 25px; }
.tab.vertical .row .content-wrap .tab_content .contenu h3:after { content: "."; margin-left: -5px; }
.tab.vertical .row .content-wrap .tab_content .contenu p { margin-bottom: 25px; }
.tab.vertical .row .content-wrap .tab_content .contenu.item1 a.btn { background: #7884d5; }
.tab.vertical .row .content-wrap .tab_content .contenu.item2 a.btn { background: #68bbe1; }
.tab.vertical .row .content-wrap .tab_content .contenu.item3 a.btn { background: #86d4a6; }
.tab.vertical .row .content-wrap .tab_content .contenu a.btn { padding: 25px 110px 25px 50px; font-size: 0.75rem; }
.tab.vertical .row .content-wrap .tab_content .contenu a.btn:after { background: #19293c; }
.tab.vertical .row .content-wrap .tab_content .contenu a.btn:hover span span { width: 40px; right: -60px; }
.tab.vertical .row .content-wrap .tab_content .contenu a.btn span span { position: absolute; right: -50px; top: 50%; width: 30px; height: 1px; background: white; transition: width 0.6s ease, right 0.6s ease; }
.tab.vertical .row .content-wrap .tab_content .contenu a.btn span span:before { content: ""; position: absolute; right: 0; top: -1px; width: 4px; height: 1px; background: white; content: ""; transform: rotate(45deg); }
.tab.vertical .row .content-wrap .tab_content .contenu a.btn span span:after { content: ""; position: absolute; right: 0; bottom: -1px; width: 4px; height: 1px; background: white; content: ""; transform: rotate(-45deg); }
.tab.vertical .row .content-wrap .tab_content .contenu.actif { visibility: visible; opacity: 1; top: 0; }
.tab.vertical .row .img-wrap div { position: absolute; width: 100%; bottom: 0; right: -100px; height: 100%; z-index: 1; background-size: contain; background-repeat: no-repeat; background-position: 100% 0; opacity: 0; visibility: hidden; transition: visibility 0.4s ease, opacity 0.4s ease, right 0.4s ease; }
.tab.vertical .row .img-wrap div.actif { visibility: visible; opacity: 1; right: 0; }
.tab .row { position: relative; z-index: 1; }
.tab .row h2 { font-size: 2.8125rem; text-transform: uppercase; margin: 0 0 5px 0; padding: 0; font-family: "Montserrat", Verdana, Helvetica, sans-serif; font-weight: 700; text-align: center; z-index: 1; position: relative; }
.tab .row.onglet > div { padding: 50px 0; text-transform: uppercase; font-size: 1rem; cursor: pointer; }
.tab .row.onglet > div.actif { font-weight: 700; cursor: default; }
.tab .row.onglet > div.actif#item1 { color: #7884d5; }
.tab .row.onglet > div.actif#item2 { color: #68bbe1; }
.tab .row.onglet > div.actif#item3 { color: #86d4a6; }
.tab .row .tab_content { position: relative; }
.tab .row .tab_content .row.contenu { min-height: 450px; background: white; -webkit-box-shadow: -25px 25px 60px 0px rgba(26, 26, 31, 0.35); box-shadow: -25px 25px 60px 0px rgba(26, 26, 31, 0.35); position: absolute; top: 50px; left: 0; opacity: 0; visibility: hidden; transition: visibility 0.4s ease, opacity 0.4s ease, top 0.4s ease; }
.tab .row .tab_content .row.contenu.item1 .content-wrap h3:after { color: #7884d5; }
.tab .row .tab_content .row.contenu.item1 .content-wrap a.btn { background: #7884d5; }
.tab .row .tab_content .row.contenu.item2 .content-wrap h3:after { color: #68bbe1; }
.tab .row .tab_content .row.contenu.item2 .content-wrap a.btn { background: #68bbe1; }
.tab .row .tab_content .row.contenu.item3 .content-wrap h3:after { color: #86d4a6; }
.tab .row .tab_content .row.contenu.item3 .content-wrap a.btn { background: #86d4a6; }
.tab .row .tab_content .row.contenu .content-wrap { position: relative; display: flex; flex-direction: column; justify-content: center; padding: 50px 50px 70px; }
.tab .row .tab_content .row.contenu .content-wrap h3 { font-weight: 300; font-style: 1.875rem; margin-bottom: 25px; }
.tab .row .tab_content .row.contenu .content-wrap h3:after { content: "."; margin-left: -5px; }
.tab .row .tab_content .row.contenu .content-wrap p { margin-bottom: 25px; }
.tab .row .tab_content .row.contenu .content-wrap a.btn { position: absolute; bottom: 0; left: 0; width: 100%; text-align: left; padding: 25px 50px; }
.tab .row .tab_content .row.contenu .content-wrap a.btn:after { background: #19293c; }
.tab .row .tab_content .row.contenu .content-wrap a.btn:hover span span { width: 40px; right: -60px; }
.tab .row .tab_content .row.contenu .content-wrap a.btn span span { position: absolute; right: -50px; top: 50%; width: 30px; height: 1px; background: white; transition: width 0.6s ease, right 0.6s ease; }
.tab .row .tab_content .row.contenu .content-wrap a.btn span span:before { content: ""; position: absolute; right: 0; top: -1px; width: 4px; height: 1px; background: white; content: ""; transform: rotate(45deg); }
.tab .row .tab_content .row.contenu .content-wrap a.btn span span:after { content: ""; position: absolute; right: 0; bottom: -1px; width: 4px; height: 1px; background: white; content: ""; transform: rotate(-45deg); }
.tab .row .tab_content .row.contenu .img-wrap { overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: 60% 50%; }
.tab .row .tab_content .row.contenu.actif { opacity: 1; top: 0; visibility: visible; }

.planete { background: #f4f3f0; text-align: center; color: #19293c; margin: 120px auto 0 auto; padding: 280px 110px; position: relative; }
.planete #planete { width: 520px; height: 520px; position: absolute; top: -90px; left: 50%; margin-left: -260px; z-index: 0; background-image: url(../../images/filaire/sphere.svg); }
.planete #planete .point { position: absolute; z-index: 1; display: block; cursor: pointer; text-transform: uppercase; font-weight: 700; text-indent: -9999px; }
.planete #planete .point:before { content: ""; position: absolute; width: 16px; height: 16px; border-radius: 50%; }
.planete #planete .point.actif { text-indent: 0; cursor: default; }
.planete #planete .point#item1 { color: #7884d5; top: 22%; left: 51%; padding-top: 20px; }
.planete #planete .point#item1.actif { left: 36%; }
.planete #planete .point#item1:before { background: #7884d5; top: 0; right: 0; margin-right: 5px; }
.planete #planete .point#item2 { color: #68bbe1; padding-right: 30px; top: 44%; right: 14%; }
.planete #planete .point#item2:before { background: #68bbe1; top: 50%; margin-top: -8px; right: 0; }
.planete #planete .point#item3 { color: #86d4a6; padding-left: 30px; top: 50%; left: 19.8%; }
.planete #planete .point#item3:before { background: #86d4a6; top: 50%; margin-top: -8px; left: 0; }
.planete #planete #degrade { background: #f4f3f0; background: -webkit-linear-gradient(bottom, #f4f3f0 10%, rgba(244, 243, 240, 0) 100%); background: -o-linear-gradient(bottom, #f4f3f0 10%, rgba(244, 243, 240, 0) 100%); background: linear-gradient(to top, #f4f3f0 10%, rgba(244, 243, 240, 0) 100%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; }
.planete #planetecontent { position: relative; z-index: 10; }
.planete #planetecontent > div { opacity: 0; visibility: hidden; margin-top: 50px; position: absolute; top: 0; left: 0; transition: visibility 0.4s ease, opacity 0.4s ease, margin-top 0.4s ease; }
.planete #planetecontent > div.actif { opacity: 1; margin-top: 0; visibility: visible; }
.planete .croix { left: -170px; }
.planete .croix span { background: #c8cacb; }
.planete .croix span:before { background: #c8cacb; }
.planete h2 { font-size: 2.8125rem; text-transform: uppercase; margin: 0 0 5px 0; padding: 0; font-family: "Montserrat", Verdana, Helvetica, sans-serif; font-weight: 700; }
.planete a.btn { margin-top: 40px; }

.contact-bloc { text-align: center; color: white; margin: 40px auto; padding: 50px; position: relative; }
.contact-bloc.violet { background: #7884d5; }
.contact-bloc.violet a.btn:after { background: #68bbe1; }
.contact-bloc.bleu { background: #19293c; }
.contact-bloc.bleu a.btn { background: #86d4a6; }
.contact-bloc.bleu a.btn:after { background: #68bbe1; }
.contact-bloc.vert { background: #86d4a6; }
.contact-bloc.vert a.btn:after { background: #7884d5; }
.contact-bloc.turquoise { background: #68bbe1; }
.contact-bloc.turquoise a.btn:after { background: #86d4a6; }
.contact-bloc .image { background-size: contain; background-position: center center; background-repeat: no-repeat; position: absolute; width: 516px; height: 90%; /* transform:rotate(14deg); */ bottom: 5%; left: -300px; z-index: 0; opacity: 0.6; z-index: -1; }
.contact-bloc .croix { right: -170px; z-index: -1; }
.contact-bloc .croix span { background: #c4c6cd; }
.contact-bloc .croix span:nth-child(6n+6) { background: #818a93; }
.contact-bloc .croix span:nth-child(6n+4), .contact-bloc .croix span:nth-child(6n+5) { background: #818a93; }
.contact-bloc .croix span:nth-child(6n+4):before, .contact-bloc .croix span:nth-child(6n+5):before { background: #818a93; }
.contact-bloc .croix span:nth-child(6n+6):before { background: #818a93; }
.contact-bloc .croix span:before { background: #c4c6cd; }
.contact-bloc h2 { font-size: 2.8125rem; text-transform: uppercase; margin: 0 0 5px 0; padding: 0; font-family: "Montserrat", Verdana, Helvetica, sans-serif; font-weight: 700; }
.contact-bloc a.btn { margin-top: 40px; }
@media (min-width: 768px) { .contact-bloc { padding: 110px; }
  .contact-bloc .image, .contact-bloc .croix { z-index: 1; } }

/***** PAGE CATALOG *****/
/***** PAGE SINGLE *****/
.single-customer .second { position: relative; }
.single-customer .second h2 { font-size: 2.5rem; font-weight: bold; font-family: "Montserrat", Verdana, Helvetica, sans-serif; margin: 10px 0 25px 0; }
.single-customer .second p { margin: 0 0 25px 0; }
.single-customer .second .numkey { margin: 70px 0 100px 0; }
.single-customer .second .numkey.vert > div .single p strong { color: #86d4a6; }
.single-customer .second .numkey.violet > div .single p strong { color: #7884d5; }
.single-customer .second .numkey.turquoise > div .single p strong { color: #68bbe1; }
.single-customer .second .numkey > div { margin-bottom: 30px; }
.single-customer .second .numkey > div:nth-child(1) { z-index: 3; }
.single-customer .second .numkey > div:nth-child(2) { z-index: 2; }
.single-customer .second .numkey > div:nth-child(3) { z-index: 1; }
.single-customer .second .numkey > div .single { background: #19293c; color: white; text-transform: uppercase; font-weight: 700; padding: 80px 60px; height: 100%; display: flex; align-items: center; -webkit-box-shadow: -55px 55px 70px 0px rgba(26, 26, 31, 0.3); box-shadow: -55px 55px 70px 0px rgba(26, 26, 31, 0.3); }
.single-customer .second .numkey > div .single p { margin-bottom: 0; line-height: 1.125rem; }
.single-customer .second .numkey > div .single p strong { font-weight: 700; }
.single-customer .second .points { top: 50%; transform: translateY(-50%); opacity: 0.65; }

/***** PAGE SINGLE *****/
.single-industry .second { position: relative; z-index: 1; }
.single-industry .second h2 { text-transform: uppercase; font-size: 2.8125rem; line-height: 2.9375rem; font-weight: bold; font-family: "Montserrat", Verdana, Helvetica, sans-serif; margin: 40px 0 25px 0; position: relative; }
.single-industry .second h2:after { content: "."; text-transform: uppercase; font-size: 2.8125rem; font-weight: bold; font-family: "Montserrat", Verdana, Helvetica, sans-serif; color: #86d4a6; }
.single-industry .second p { margin: 0 0 25px 0; }
.single-industry .second .croix { right: 0; top: auto; bottom: 0; margin-top: 0; transform: translateY(50%) translateX(50%); opacity: 0.75; }
.single-industry .second .croix span, .single-industry .second .croix span:before { background: #8d9399; }
.single-industry .zone { margin: 60px auto; padding: 60px 0; text-align: center; }
.single-industry .zone h2 { font-family: "Montserrat", Verdana, Helvetica, sans-serif; font-weight: 700; font-size: 2.8125rem; line-height: 3rem; text-transform: uppercase; margin-bottom: 50px; }
.single-industry .zone .list-bloc { position: relative; z-index: 1; margin-top: 0; margin-bottom: 50px; }
.single-industry .zone .list-bloc .single-bloc .cart { text-align: left; }
.single-industry .zone .points { opacity: 0.6; z-index: 0; }
.single-industry .zone.customer-list .list-bloc .single-bloc .cart { width: 40%; padding: 60px 45px 100px 45px; }
.single-industry .zone.customer-list .list-bloc .single-bloc .cart p:not(.author) { position: relative; font-weight: 300; font-size: 1.125rem; line-height: 1.25rem; margin-bottom: 20px; }
.single-industry .zone.customer-list .list-bloc .single-bloc .cart p:not(.author):before { content: "“"; font-family: "Barlow", Verdana, Helvetica, sans-serif; font-weight: 300; font-size: 1.125rem; line-height: 1.25rem; }
.single-industry .zone.customer-list .list-bloc .single-bloc .cart p:not(.author):after { content: "”"; font-family: "Barlow", Verdana, Helvetica, sans-serif; font-weight: 300; font-size: 1.125rem; line-height: 1.25rem; }
.single-industry .zone.customer-list .list-bloc .single-bloc .cart .author { text-transform: uppercase; font-size: 0.8125rem; margin-bottom: 0; }
.single-industry .zone.customer-list .list-bloc .single-bloc .img-cart { width: 60%; }
.single-industry .zone.applications .list-bloc .single-bloc:nth-child(1) { z-index: 3; }
.single-industry .zone.applications .list-bloc .single-bloc:nth-child(2) { z-index: 2; }
.single-industry .zone.applications .list-bloc .single-bloc:nth-child(3) { z-index: 1; }
.single-industry .zone.ressources .list-bloc .single-bloc:nth-child(2n+1) { z-index: 2; }
.single-industry .zone.ressources .list-bloc .single-bloc:nth-child(2n+2) { z-index: 1; }

/***** PAGE CATALOG *****/
.page-template-tpl-usecases .usecases { position: relative; margin-top: 30px; }
.page-template-tpl-usecases .usecases .croix { left: -5%; opacity: 0.75; z-index: -1; }
.page-template-tpl-usecases .usecases .croix span, .page-template-tpl-usecases .usecases .croix span:before { background: #8d9399; }

/***** PAGE SINGLE *****/
.single-usecases .second { position: relative; z-index: 1; }
.single-usecases .second h2 { text-transform: uppercase; font-size: 2.8125rem; line-height: 2.9375rem; font-weight: bold; font-family: "Montserrat", Verdana, Helvetica, sans-serif; margin: 40px 0 25px 0; position: relative; }
.single-usecases .second h2:after { content: "."; text-transform: uppercase; font-size: 2.8125rem; font-weight: bold; font-family: "Montserrat", Verdana, Helvetica, sans-serif; color: #86d4a6; }
.single-usecases .second p { margin: 0 0 25px 0; }
.single-usecases .second .croix { right: 0; top: auto; bottom: 0; margin-top: 0; transform: translateY(50%) translateX(50%); opacity: 0.75; }
.single-usecases .second .croix span, .single-usecases .second .croix span:before { background: #8d9399; }
.single-usecases .zone { margin: 60px auto; padding: 60px 0; text-align: center; }
.single-usecases .zone h2 { font-family: "Montserrat", Verdana, Helvetica, sans-serif; font-weight: 700; font-size: 2.8125rem; line-height: 3rem; text-transform: uppercase; margin-bottom: 50px; }
.single-usecases .zone .list-bloc { position: relative; z-index: 1; margin-top: 0; margin-bottom: 50px; }
.single-usecases .zone .list-bloc .single-bloc .cart { text-align: left; }
.single-usecases .zone .points { opacity: 0.6; z-index: 0; }
.single-usecases .zone.customer-list .list-bloc .single-bloc .cart { width: 60%; padding: 60px 45px 100px 45px; }
.single-usecases .zone.customer-list .list-bloc .single-bloc .cart p:not(.author) { position: relative; font-weight: 300; font-size: 1.125rem; line-height: 1.25rem; margin-bottom: 20px; }
.single-usecases .zone.customer-list .list-bloc .single-bloc .cart p:not(.author):before { content: "“"; font-family: "Barlow", Verdana, Helvetica, sans-serif; font-weight: 300; font-size: 1.125rem; line-height: 1.25rem; }
.single-usecases .zone.customer-list .list-bloc .single-bloc .cart p:not(.author):after { content: "”"; font-family: "Barlow", Verdana, Helvetica, sans-serif; font-weight: 300; font-size: 1.125rem; line-height: 1.25rem; }
.single-usecases .zone.customer-list .list-bloc .single-bloc .cart .author { text-transform: uppercase; font-size: 0.8125rem; margin-bottom: 0; }
.single-usecases .zone.customer-list .list-bloc .single-bloc .img-cart { width: 41%; }
.single-usecases .zone.applications .list-bloc .single-bloc:nth-child(1) { z-index: 3; }
.single-usecases .zone.applications .list-bloc .single-bloc:nth-child(2) { z-index: 2; }
.single-usecases .zone.applications .list-bloc .single-bloc:nth-child(3) { z-index: 1; }
.single-usecases .zone.ressources .list-bloc .single-bloc:nth-child(2n+1) { z-index: 2; }
.single-usecases .zone.ressources .list-bloc .single-bloc:nth-child(2n+2) { z-index: 1; }

.customers { position: relative; margin: 70px auto 15px auto; }
.customers .row { position: relative; z-index: 1; }
.customers .row h2 { font-size: 2.8125rem; text-transform: uppercase; margin: 0 0 60px 0; padding: 0; font-family: "Montserrat", Verdana, Helvetica, sans-serif; font-weight: 700; text-align: center; z-index: 1; position: relative; }
.customers .row .tab_content { margin-bottom: 30px; /* .container .row .customersItem {
	.card {
		position: relative;
		margin-top: 55px;
		margin-bottom: 20px;
		border-radius: 0;
		text-align: left;
		border: 0;
		-webkit-box-shadow: -25px 25px 60px 0px rgba(26,26,31,0.35); 
		box-shadow: -25px 25px 60px 0px rgba(26,26,31,0.35);
		display: flex;
		flex-direction: row;
		.content {
			width: 60%;
		}
		.img {
			width: 40%;
			img {
				width: 100%;
				height: auto;
			}
		}
	}
	&:first-of-type .card {
		background: $vert;
		z-index: 2;
	}
	&:last-of-type .card {
		background: $violet;
		z-index: 1;
	}
} */ }
.customers .row .tab_content:first-child { z-index: 1; }
.customers .row .tab_content:last-child { z-index: 0; }
.customers .row .tab_content .container .row { background: white; -webkit-box-shadow: -25px 25px 60px 0px rgba(26, 26, 31, 0.35); box-shadow: -25px 25px 60px 0px rgba(26, 26, 31, 0.35); }
.customers .row.bouton { margin-top: 40px; padding-bottom: 60px; }
.customers.back:after { content: ""; position: absolute; height: 100%; width: 90%; background: #f4f3f0; top: 0; left: 50%; transform: translateX(-50%); z-index: -1; }

.intro_2col { position: relative; height: 630px; margin-bottom: 90px; }
.intro_2col > .row { height: 100%; }
.intro_2col > .row .content { position: relative; z-index: 2; }
.intro_2col > .row .content .row > div { background: white; color: #19293c; z-index: 1; padding: 30px; -webkit-box-shadow: -55px 55px 70px 0px rgba(26, 26, 31, 0.3); box-shadow: -55px 55px 70px 0px rgba(26, 26, 31, 0.3); }
.intro_2col > .row .content .row > div .title { text-transform: uppercase; letter-spacing: 4px; font-size: 1.25rem; font-weight: 700; color: #68bbe1; }
.intro_2col > .row .content .row > div h1 { text-transform: uppercase; color: #19293c; font-family: "Montserrat", Verdana, Helvetica, sans-serif; font-size: 2.5rem; font-weight: 700; line-height: 2.1875rem; position: relative; margin: 30px 0; }
.intro_2col > .row .content .row > div h1:after { content: "."; font-family: "Montserrat", Verdana, Helvetica, sans-serif; font-size: 2.5rem; font-weight: 700; line-height: 2.1875rem; color: #68bbe1; }
.intro_2col > .row .content .points { top: auto; right: auto; left: -5%; bottom: 0; z-index: 0; }
.intro_2col > .row .visuel { position: absolute; top: 0; right: 0; height: 100%; background-size: cover; background-position: 50% 20%; background-repeat: no-repeat; z-index: 1; }
.intro_2col > .row .back { position: absolute; height: 100%; top: 0; z-index: 0; left: 50%; transform: translateX(-50%); }
@media (min-width: 768px) { .intro_2col > .row .content .row > div { padding: 55px; }
  .intro_2col > .row .content .row > div h1 { font-size: 3.4375rem; line-height: 3rem; }
  .intro_2col > .row .content .row > div h1:after { font-size: 3.4375rem; line-height: 3rem; } }

.intro_customers { position: relative; margin-bottom: 90px; }
.intro_customers > .row { height: 100%; }
.intro_customers > .row .content { position: relative; z-index: 2; }
.intro_customers > .row .content.vert .intro .title { color: #86d4a6; }
.intro_customers > .row .content.vert .intro h1:after { color: #86d4a6; }
.intro_customers > .row .content.vert .citation > div { background: #86d4a6; }
.intro_customers > .row .content.vert .citation:after { background: #86d4a6; }
.intro_customers > .row .content.violet .intro .title { color: #7884d5; }
.intro_customers > .row .content.violet .intro h1:after { color: #7884d5; }
.intro_customers > .row .content.violet .citation > div { background: #7884d5; }
.intro_customers > .row .content.violet .citation:after { background: #7884d5; }
.intro_customers > .row .content.turquoise .intro .title { color: #68bbe1; }
.intro_customers > .row .content.turquoise .intro h1:after { color: #68bbe1; }
.intro_customers > .row .content.turquoise .citation > div { background: #68bbe1; }
.intro_customers > .row .content.turquoise .citation:after { background: #68bbe1; }
.intro_customers > .row .content .row.intro { position: relative; z-index: 0; }
.intro_customers > .row .content .row.intro > div { margin-top: 200px; background: #19293c; color: white; z-index: 1; padding: 30px; -webkit-box-shadow: -55px 55px 70px 0px rgba(26, 26, 31, 0.3); box-shadow: -55px 55px 70px 0px rgba(26, 26, 31, 0.3); }
.intro_customers > .row .content .row.intro > div .logo { max-width: 200px; margin-bottom: 90px; }
.intro_customers > .row .content .row.intro > div .title { text-transform: uppercase; letter-spacing: 4px; font-size: 1.25rem; font-weight: 500; }
.intro_customers > .row .content .row.intro > div h1 { text-transform: uppercase; color: white; font-family: "Montserrat", Verdana, Helvetica, sans-serif; font-size: 2.5rem; font-weight: 700; line-height: 2.1875rem; position: relative; margin: 30px 0 15px 0; }
.intro_customers > .row .content .row.intro > div h1:after { content: "."; font-family: "Montserrat", Verdana, Helvetica, sans-serif; font-size: 2.5rem; font-weight: 700; line-height: 2.1875rem; }
.intro_customers > .row .content .row.citation { position: relative; z-index: 1; }
.intro_customers > .row .content .row.citation > div { padding: 30px; color: white; -webkit-box-shadow: -55px 55px 70px 0px rgba(26, 26, 31, 0.3); box-shadow: -55px 55px 70px 0px rgba(26, 26, 31, 0.3); }
.intro_customers > .row .content .row.citation > div .quote p { font-weight: 300; font-size: 1.875rem; line-height: 2rem; margin-bottom: 45px; }
.intro_customers > .row .content .row.citation > div .quote p:before { content: "“"; font-family: "Barlow", Verdana, Helvetica, sans-serif; font-weight: 300; font-size: 1.875rem; line-height: 2rem; }
.intro_customers > .row .content .row.citation > div .quote p:after { content: "”"; font-family: "Barlow", Verdana, Helvetica, sans-serif; font-weight: 300; font-size: 1.875rem; line-height: 2rem; }
.intro_customers > .row .content .row.citation > div .author p { text-transform: uppercase; font-size: 0.8125rem; margin-bottom: 0; }
.intro_customers > .row .content .row.citation:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 100%; }
.intro_customers > .row .content .points { top: 0; right: auto; left: -5%; z-index: -1; opacity: 0.3; }
.intro_customers > .row .visuel { position: absolute; top: 0; right: 0; height: 100%; background-size: cover; background-position: 50% 20%; background-repeat: no-repeat; z-index: 1; }
.intro_customers > .row .back { position: absolute; height: 100%; top: 0; z-index: 0; left: 50%; transform: translateX(-50%); }
@media (min-width: 768px) { .intro_customers > .row .content .row.intro > div { padding: 60px; }
  .intro_customers > .row .content .row.intro > div h1 { font-size: 2.8125rem; line-height: 3rem; }
  .intro_customers > .row .content .row.intro > div h1:after { font-size: 2.8125rem; line-height: 3rem; }
  .intro_customers > .row .content .row.citation > div { padding: 60px; } }

.intro_industry { position: relative; margin-bottom: 90px; height: 650px; }
.intro_industry > .row { height: 100%; }
.intro_industry > .row .content { position: relative; z-index: 2; }
.intro_industry > .row .content .row.intro { position: relative; z-index: 0; }
.intro_industry > .row .content .row.intro > div { margin-top: 200px; background: #19293c; color: white; z-index: 1; padding: 30px; -webkit-box-shadow: -55px 55px 70px 0px rgba(26, 26, 31, 0.3); box-shadow: -55px 55px 70px 0px rgba(26, 26, 31, 0.3); }
.intro_industry > .row .content .row.intro > div .picto { width: 40px; display: inline-block; }
.intro_industry > .row .content .row.intro > div .title { display: inline-block; vertical-align: middle; text-transform: uppercase; letter-spacing: 4px; font-size: 1.25rem; color: #86d4a6; margin-left: 10px; }
.intro_industry > .row .content .row.intro > div h1 { text-transform: uppercase; color: white; font-family: "Montserrat", Verdana, Helvetica, sans-serif; font-size: 2.5rem; font-weight: 700; line-height: 2.1875rem; position: relative; margin: 30px 0 15px 0; }
.intro_industry > .row .content .row.intro > div h1:after { content: "."; font-family: "Montserrat", Verdana, Helvetica, sans-serif; font-size: 2.5rem; font-weight: 700; line-height: 2.1875rem; color: #86d4a6; }
.intro_industry > .row .content .points { top: 0; right: auto; left: -5%; z-index: -1; opacity: 0.3; }
.intro_industry > .row .visuel { position: absolute; top: 0; right: 0; height: 100%; background-size: cover; background-position: 50% 20%; background-repeat: no-repeat; z-index: 1; }
.intro_industry > .row .back { position: absolute; height: 100%; top: 0; z-index: 0; left: 50%; transform: translateX(-50%); }
@media (min-width: 768px) { .intro_industry > .row .content .row.intro > div { padding: 60px; }
  .intro_industry > .row .content .row.intro > div h1 { font-size: 2.8125rem; line-height: 3rem; }
  .intro_industry > .row .content .row.intro > div h1:after { font-size: 2.8125rem; line-height: 3rem; }
  .intro_industry > .row .content .row.citation > div { padding: 60px; } }

.intro_usecases { position: relative; margin-bottom: 90px; height: 650px; }
.intro_usecases > .row { height: 100%; }
.intro_usecases > .row .content { position: relative; z-index: 2; }
.intro_usecases > .row .content .row.intro { position: relative; z-index: 0; }
.intro_usecases > .row .content .row.intro > div { margin-top: 200px; background: #19293c; color: white; z-index: 1; padding: 30px; -webkit-box-shadow: -55px 55px 70px 0px rgba(26, 26, 31, 0.3); box-shadow: -55px 55px 70px 0px rgba(26, 26, 31, 0.3); }
.intro_usecases > .row .content .row.intro > div .picto { width: 40px; display: inline-block; }
.intro_usecases > .row .content .row.intro > div .title { display: inline-block; vertical-align: middle; text-transform: uppercase; letter-spacing: 4px; font-size: 1.25rem; color: #68bbe1; margin-left: 10px; }
.intro_usecases > .row .content .row.intro > div h1 { text-transform: uppercase; color: white; font-family: "Montserrat", Verdana, Helvetica, sans-serif; font-size: 2.5rem; font-weight: 700; line-height: 2.1875rem; position: relative; margin: 30px 0 15px 0; }
.intro_usecases > .row .content .row.intro > div h1:after { content: "."; font-family: "Montserrat", Verdana, Helvetica, sans-serif; font-size: 2.5rem; font-weight: 700; line-height: 2.1875rem; color: #68bbe1; }
.intro_usecases > .row .content .points { top: 0; right: auto; left: -5%; z-index: -1; opacity: 0.3; }
.intro_usecases > .row .visuel { position: absolute; top: 0; right: 0; height: 100%; background-size: cover; background-position: 50% 20%; background-repeat: no-repeat; z-index: 1; }
.intro_usecases > .row .back { position: absolute; height: 100%; top: 0; z-index: 0; left: 50%; transform: translateX(-50%); }
@media (min-width: 768px) { .intro_usecases > .row .content .row.intro > div { padding: 60px; }
  .intro_usecases > .row .content .row.intro > div h1 { font-size: 2.8125rem; line-height: 3rem; }
  .intro_usecases > .row .content .row.intro > div h1:after { font-size: 2.8125rem; line-height: 3rem; }
  .intro_usecases > .row .content .row.citation > div { padding: 60px; } }

.content_usecases { margin-bottom: 80px; }
.content_usecases h2 { font-family: "Montserrat", Verdana, Helvetica, sans-serif; font-size: 2.8125rem; line-height: 3rem; font-weight: 700; position: relative; margin-bottom: 15px; }
.content_usecases h2:after { content: "."; font-family: "Montserrat", Verdana, Helvetica, sans-serif; font-size: 2.8125rem; line-height: 3rem; font-weight: 700; color: #68bbe1; }

.contentCentrer { position: relative; padding: 50px 0; margin-bottom: 30px; }
.contentCentrer .row > div { z-index: 1; }
.contentCentrer .row > div h2 { text-transform: uppercase; color: #19293c; font-family: "Montserrat", Verdana, Helvetica, sans-serif; font-size: 2.8125rem; font-weight: 700; line-height: 3.125rem; position: relative; margin: 0 0 30px 0; }
.contentCentrer .row > div h2:after { content: "."; font-family: "Montserrat", Verdana, Helvetica, sans-serif; font-size: 2.8125rem; font-weight: 700; line-height: 3.125rem; color: #68bbe1; }
.contentCentrer .row > div img { margin-top: 20px; -webkit-box-shadow: -55px 55px 70px 0px rgba(26, 26, 31, 0.3); box-shadow: -55px 55px 70px 0px rgba(26, 26, 31, 0.3); }
.contentCentrer .colx4 { z-index: 1; margin-top: 90px; margin-bottom: 0; }
.contentCentrer .traits { opacity: 0.34; z-index: -1; }

.colx4 { margin-bottom: 100px; }
.colx4 .row > div { margin-bottom: 30px; }
.colx4 .row > div:nth-child(4) { z-index: 1; }
.colx4 .row > div:nth-child(3) { z-index: 2; }
.colx4 .row > div:nth-child(2) { z-index: 3; }
.colx4 .row > div:nth-child(1) { z-index: 4; }
.colx4 .row > div .single { background: #19293c; color: white; height: 100%; padding: 40px 35px; -webkit-box-shadow: -55px 55px 70px 0px rgba(26, 26, 31, 0.3); box-shadow: -55px 55px 70px 0px rgba(26, 26, 31, 0.3); }
.colx4 .row > div .single svg { width: 50px; height: auto; display: block; margin: 0 0 0 -13px; }
.colx4 .row > div .single svg .st0 { fill: #68bbe1; }
.colx4 .row > div .single h3 { font-size: 1rem; color: #68bbe1; text-transform: uppercase; font-weight: 700; margin-bottom: 25px; }

.colx3 { margin-top: 30px; }
.colx3 .row > div { margin-bottom: 30px; }
.colx3 .row > div:nth-child(1) { z-index: 3; }
.colx3 .row > div:nth-child(1) .single { border-bottom: solid 12px #7884d5; }
.colx3 .row > div:nth-child(1) .single ul li:before { background: url("../../images/icons/fleche-violet.png"); }
.colx3 .row > div:nth-child(2) { z-index: 2; }
.colx3 .row > div:nth-child(2) .single { border-bottom: solid 12px #68bbe1; }
.colx3 .row > div:nth-child(2) .single ul li:before { background: url("../../images/icons/fleche-turquoise.png"); }
.colx3 .row > div:nth-child(3) { z-index: 1; }
.colx3 .row > div:nth-child(3) .single { border-bottom: solid 12px #86d4a6; }
.colx3 .row > div:nth-child(3) .single ul li:before { background: url("../../images/icons/fleche-vert.png"); }
.colx3 .row > div .single { background: white; color: #19293c; height: 100%; padding: 40px 35px; -webkit-box-shadow: -55px 55px 70px 0px rgba(26, 26, 31, 0.3); box-shadow: -55px 55px 70px 0px rgba(26, 26, 31, 0.3); }
.colx3 .row > div .single h3 { font-size: 1.875rem; font-weight: 300; margin-bottom: 25px; }
.colx3 .row > div .single ul { margin: 0; padding: 0; }
.colx3 .row > div .single ul li { list-style: none; position: relative; padding-left: 30px; margin: 10px 0; }
.colx3 .row > div .single ul li:before { content: ""; position: absolute; width: 19px; height: 6px; left: 0; top: 10px; }

.taxo ul { margin: 0; padding: 50px 0 30px 0; border-bottom: solid 1px rgba(117, 126, 136, 0.37); }
.taxo ul li { width: 100%; list-style: none; padding: 15px 25px 15px 25px; cursor: pointer; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; position: relative; text-align: center; }
.taxo ul li:after { content: ""; position: absolute; bottom: 0; right: 50%; transform: translateX(50%); width: 0; height: 3px; background: #68bbe1; transition: width 0.6s ease; }
.taxo ul li.actif { cursor: default; color: #68bbe1; }
.taxo ul li.actif:after { width: 10%; }
@media (min-width: 768px) { .taxo ul { padding: 100px 0 30px 0; border-bottom: 0; border-right: solid 1px rgba(117, 126, 136, 0.37); }
  .taxo ul li { text-align: right; padding: 15px 25px 15px 5px; }
  .taxo ul li:after { content: ""; position: absolute; top: 0; bottom: auto; right: -2px; width: 3px; height: 0; transform: none; transition: height 0.6s ease; }
  .taxo ul li.actif:after { height: 100%; width: 3px; } }

.list-bloc { margin-bottom: 100px; }
.list-bloc .single-bloc { margin-top: 50px; margin-bottom: 50px; }
.list-bloc .single-bloc img { width: 60%; height: auto; }
.list-bloc .single-bloc .cart { position: relative; height: 100%; background: white; -webkit-box-shadow: -55px 55px 70px 0px rgba(26, 26, 31, 0.3); box-shadow: -55px 55px 70px 0px rgba(26, 26, 31, 0.3); display: flex; flex-direction: column; justify-content: flex-start; padding: 30px 40px 105px 40px; }
.list-bloc .single-bloc .cart .icon { margin-bottom: 30px; width: 134px; height: 134px; border-radius: 20px; background: #68bbe1; position: relative; display: flex; justify-content: center; }
.list-bloc .single-bloc .cart .icon img { width: 100px; height: auto; }
.list-bloc .single-bloc .cart .icon:before { content: ""; position: absolute; bottom: 0; right: -23px; background: white; width: 80px; height: 80px; transform: rotate(45deg); transform-origin: bottom left; }
.list-bloc .single-bloc .cart .icon:after { content: ""; position: absolute; bottom: 0; right: 0; background: #68bbe1; width: 20px; height: 20px; border-radius: 50%; }
.list-bloc .single-bloc .cart .image { width: 100%; height: 270px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
.list-bloc .single-bloc .cart .type { text-transform: uppercase; font-size: 0.8125rem; }
.list-bloc .single-bloc .cart h3 { font-size: 1.875rem; line-height: 1.875rem; font-weight: 300; margin: 5px 0 15px 0; }
.list-bloc .single-bloc .cart a.btn { position: absolute; bottom: 0; left: 0; width: 100%; padding: 25px 40px; white-space: normal; font-size: 0.75rem; text-align: left; }
.list-bloc .single-bloc .cart a.btn:hover span span { width: 40px; right: -60px; }
.list-bloc .single-bloc .cart a.btn span span { position: absolute; right: -50px; top: 50%; width: 30px; height: 1px; background: white; transition: width 0.6s ease, right 0.6s ease; }
.list-bloc .single-bloc .cart a.btn span span:before { content: ""; position: absolute; right: 0; top: -1px; width: 4px; height: 1px; background: white; content: ""; transform: rotate(45deg); }
.list-bloc .single-bloc .cart a.btn span span:after { content: ""; position: absolute; right: 0; bottom: -1px; width: 4px; height: 1px; background: white; content: ""; transform: rotate(-45deg); }
@media (min-width: 768px) { .list-bloc { margin-top: 100px; } }

.ressources .taxo ul { padding: 0 0 30px 0; }
.ressources .taxo ul li:after { background: #86d4a6; }
.ressources .taxo ul li.actif { color: #86d4a6; }
.ressources .list-bloc { margin-top: 0px; }
.ressources .list-bloc .row > .single-bloc:nth-child(2n+1) { z-index: 2; }
.ressources .list-bloc .row > .single-bloc:nth-child(2n+2) { z-index: 1; }
.ressources .list-bloc .single-bloc { margin-top: 0; margin-bottom: 30px; }
.ressources .list-bloc .single-bloc .cart { padding: 30px 0 68px 0; }
.ressources .list-bloc .single-bloc .cart .type { padding: 0 40px; }
.ressources .list-bloc .single-bloc .cart h3 { margin: 20px 0 30px 0; padding: 0 40px; }
.ressources .list-bloc .single-bloc .cart a.btn.vert:after { background: #86d4a6; }
.ressources .list-bloc .single-bloc .cart a.btn.turquoise:after { background: #68bbe1; }
.ressources .list-bloc .single-bloc .cart a.btn.violet:after { background: #7884d5; }
@media (min-width: 768px) { .ressources .list-bloc { margin-top: 0px; } }

.container.back.usecases:after { height: 880px; }

.usecases .taxo ul { padding: 0 0 30px 0; }
.usecases .taxo ul li:after { background: #86d4a6; }
.usecases .taxo ul li.actif { color: #86d4a6; }
.usecases .list-bloc { margin-top: 0px; }
.usecases .list-bloc .single-bloc:nth-child(2n+1) { z-index: 2; }
.usecases .list-bloc .single-bloc:nth-child(2n+2) { z-index: 1; }
.usecases .list-bloc .single-bloc { margin-top: 0; margin-bottom: 30px; }
.usecases .list-bloc .single-bloc .cart { padding: 0 0 88px 0; }
.usecases .list-bloc .single-bloc .cart .image { height: 205px; margin-bottom: 40px; }
.usecases .list-bloc .single-bloc .cart .type { padding: 0 60px; }
.usecases .list-bloc .single-bloc .cart h3 { margin: 30px 0 60px 0; padding: 0 60px; }
.usecases .list-bloc .single-bloc .cart a.btn { padding: 35px 40px; }
.usecases .list-bloc .single-bloc .cart a.btn.vert:after { background: #86d4a6; }
.usecases .list-bloc .single-bloc .cart a.btn.turquoise:after { background: #68bbe1; }
.usecases .list-bloc .single-bloc .cart a.btn.violet:after { background: #7884d5; }
@media (min-width: 768px) { .usecases .list-bloc { margin-top: 0px; } }

.applications .taxo ul li:after { background: #7884d5; }
.applications .taxo ul li.actif { color: #7884d5; }
.applications .list-bloc .row > .single-bloc:nth-child(2n+1) { z-index: 2; }
.applications .list-bloc .row > .single-bloc:nth-child(2n+2) { z-index: 1; }
.applications .list-bloc .single-bloc { margin-top: 15px; margin-bottom: 15px; }
.applications .list-bloc .single-bloc.model .cart .icon { background: #7884d5; }
.applications .list-bloc .single-bloc.model .cart .icon:after { background: #7884d5; }
.applications .list-bloc .single-bloc.model .cart .type { color: #7884d5; }
.applications .list-bloc .single-bloc.model .cart a.btn:after { background: #7884d5; }
.applications .list-bloc .single-bloc.application .cart .icon { background: #68bbe1; }
.applications .list-bloc .single-bloc.application .cart .icon:after { background: #68bbe1; }
.applications .list-bloc .single-bloc.application .cart .type { color: #68bbe1; }
.applications .list-bloc .single-bloc.application .cart a.btn:after { background: #68bbe1; }
.applications .list-bloc .single-bloc.notebook .cart .icon { background: #86d4a6; }
.applications .list-bloc .single-bloc.notebook .cart .icon:after { background: #86d4a6; }
.applications .list-bloc .single-bloc.notebook .cart .type { color: #86d4a6; }
.applications .list-bloc .single-bloc.notebook .cart a.btn:after { background: #86d4a6; }

.customer-list .list-bloc .single-bloc { margin-top: 15px; margin-bottom: 15px; }
.customer-list .list-bloc .single-bloc.vert .cart { background: #86d4a6; }
.customer-list .list-bloc .single-bloc.vert .cart a.btn:after { background: #86d4a6; }
.customer-list .list-bloc .single-bloc.turquoise .cart { background: #68bbe1; }
.customer-list .list-bloc .single-bloc.turquoise .cart a.btn:after { background: #68bbe1; }
.customer-list .list-bloc .single-bloc.violet .cart { background: #7884d5; }
.customer-list .list-bloc .single-bloc.violet .cart a.btn:after { background: #7884d5; }
.customer-list .list-bloc .single-bloc .cart { width: 50%; color: white; padding: 60px 45px 140px 45px; }
.customer-list .list-bloc .single-bloc .cart .logo { max-width: 200px; margin-bottom: 30px; }
.customer-list .list-bloc .single-bloc .cart h3 { font-weight: 300; font-size: 1.5rem; line-height: 1.625rem; margin-bottom: 25px; }
.customer-list .list-bloc .single-bloc .cart p { margin-bottom: 0; }
.customer-list .list-bloc .single-bloc .img-cart { position: absolute; top: 0; right: 0; width: 50%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }

.flipcard { margin-bottom: 100px; }
.flipcard.violet .flip-card-front { background-color: #7884d5; }
.flipcard.violet .flip-card-back { border: solid 2px #7884d5; }
.flipcard.turquoise .flip-card-front { background-color: #68bbe1; }
.flipcard.turquoise .flip-card-back { border: solid 2px #68bbe1; }
.flipcard.vert .flip-card-front { background-color: #86d4a6; }
.flipcard.vert .flip-card-back { border: solid 2px #86d4a6; }
.flipcard .flip-card { background-color: transparent; height: 250px; perspective: 1000px; margin-bottom: 30px; position: relative; }
.flipcard .flip-card:nth-child(1), .flipcard .flip-card:nth-child(4) { z-index: 3; }
.flipcard .flip-card:nth-child(2), .flipcard .flip-card:nth-child(5) { z-index: 2; }
.flipcard .flip-card:nth-child(3), .flipcard .flip-card:nth-child(6) { z-index: 1; }
.flipcard .flip-card .flip-card-inner { position: relative; width: 100%; height: 100%; transition: transform 0.8s; transform-style: preserve-3d; }
.flipcard .flip-card .flip-card-inner .flip-card-front, .flipcard .flip-card .flip-card-inner .flip-card-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-shadow: -55px 55px 70px 0px rgba(26, 26, 31, 0.3); box-shadow: -55px 55px 70px 0px rgba(26, 26, 31, 0.3); }
.flipcard .flip-card .flip-card-inner .flip-card-front { display: flex; justify-content: center; align-items: center; text-align: center; color: white; height: 100%; }
.flipcard .flip-card .flip-card-inner .flip-card-front h3 { font-size: 1rem; font-weight: 700; text-transform: uppercase; }
.flipcard .flip-card .flip-card-inner .flip-card-front:before, .flipcard .flip-card .flip-card-inner .flip-card-front:after { content: ""; position: absolute; bottom: 30px; width: 8px; height: 1px; background: white; }
.flipcard .flip-card .flip-card-inner .flip-card-front:before { left: 50%; margin-left: -1px; transform: rotate(-45deg); }
.flipcard .flip-card .flip-card-inner .flip-card-front:after { right: 50%; margin-right: -1px; transform: rotate(45deg); }
.flipcard .flip-card .flip-card-inner .flip-card-back { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px; text-align: center; background-color: white; transform: rotateY(180deg); }
.flipcard .flip-card:hover .flip-card-inner { transform: rotateY(180deg); }

.page-template-tpl-vision .contentIntro { position: relative; padding-top: 200px; background: #7884d5; background: -webkit-linear-gradient(bottom, #7884d5 0%, #68bbe1 50%, #86d4a6 100%); background: -o-linear-gradient(bottom, #7884d5 0%, #68bbe1 50%, #86d4a6 100%); background: linear-gradient(to top, #7884d5 0%, #68bbe1 50%, #86d4a6 100%); }
.page-template-tpl-vision .contentIntro .container h1, .page-template-tpl-vision .contentIntro .container h2 { text-transform: uppercase; font-size: 2.8125rem; font-weight: 700; font-family: "Montserrat", Verdana, Helvetica, sans-serif; position: relative; }
.page-template-tpl-vision .contentIntro .container h1 { z-index: 1; }
.page-template-tpl-vision .contentIntro .container h1 span { color: white; }
.page-template-tpl-vision .contentIntro .container h2:after { content: "."; text-transform: uppercase; font-size: 2.8125rem; font-weight: 700; font-family: "Montserrat", Verdana, Helvetica, sans-serif; color: white; }
.page-template-tpl-vision .contentIntro .container .ps_texte { position: relative; z-index: 1; }
.page-template-tpl-vision .contentIntro .container .spirale { position: relative; margin: -170px auto 90px auto; z-index: 0; }
.page-template-tpl-vision .contentIntro .container .spirale .img-spirale { position: relative; max-width: 663px; width: 100%; margin: 0 auto; }
.page-template-tpl-vision .contentIntro .container .spirale .img-spirale .point1, .page-template-tpl-vision .contentIntro .container .spirale .img-spirale .point2, .page-template-tpl-vision .contentIntro .container .spirale .img-spirale .point3 { position: absolute; font-size: 1.125rem; line-height: 1.25rem; width: 210px; text-align: left; }
.page-template-tpl-vision .contentIntro .container .spirale .img-spirale .point1 p strong, .page-template-tpl-vision .contentIntro .container .spirale .img-spirale .point2 p strong, .page-template-tpl-vision .contentIntro .container .spirale .img-spirale .point3 p strong { color: white; text-transform: uppercase; }
.page-template-tpl-vision .contentIntro .container .spirale .img-spirale .point1:after, .page-template-tpl-vision .contentIntro .container .spirale .img-spirale .point2:after, .page-template-tpl-vision .contentIntro .container .spirale .img-spirale .point3:after { content: ""; position: absolute; background: white; width: 16px; height: 16px; border-radius: 50%; }
.page-template-tpl-vision .contentIntro .container .spirale .img-spirale .point1 { top: 34%; left: -17%; }
.page-template-tpl-vision .contentIntro .container .spirale .img-spirale .point1:after { bottom: -10px; right: 50px; }
.page-template-tpl-vision .contentIntro .container .spirale .img-spirale .point2 { top: 70%; right: -21%; }
.page-template-tpl-vision .contentIntro .container .spirale .img-spirale .point2:after { top: 1px; left: -30px; }
.page-template-tpl-vision .contentIntro .container .spirale .img-spirale .point3 { top: 74%; left: -18%; }
.page-template-tpl-vision .contentIntro .container .spirale .img-spirale .point3:after { bottom: 30px; right: -30px; }
.page-template-tpl-vision .contentIntro .container .colx4 { margin: 30px auto 50px auto; }
.page-template-tpl-vision .contentIntro .container .colx4 + .ps_texte { margin-bottom: 90px; }
.page-template-tpl-vision .contentIntro .container .colx4 + .ps_texte p:last-child { color: white; font-size: 1.875rem; margin-top: 5px; }
.page-template-tpl-vision .contentIntro .container .colx4 + .ps_texte p:last-child strong { font-weight: 400; }
.page-template-tpl-vision .contentIntro .container .colx3 { padding-bottom: 60px; }
.page-template-tpl-vision .contentIntro .points { right: 0; left: auto; top: 160px; }
.page-template-tpl-vision .contentIntro .points span { background: white; }
.page-template-tpl-vision .contentIntro .croix { left: 0; transform: none; width: 430px; height: 430px; }
.page-template-tpl-vision .contentIntro .croix span { margin: 35px; background: white; }
.page-template-tpl-vision .contentIntro .croix span:before { background: white; }
.page-template-tpl-vision .contentIntro .croix span:nth-child(6n+1) { margin: 35px 35px 35px 0; }
.page-template-tpl-vision .contentIntro .croix span:nth-child(6n+6) { margin: 35px 0 35px 35px; }
.page-template-tpl-vision .contentIntro .traits { right: 0; bottom: 0; left: auto; top: auto; transform: none; }
.page-template-tpl-vision .contentIntro .traits span { background: white; }
.page-template-tpl-vision .triangle { position: relative; margin-bottom: 200px; }
.page-template-tpl-vision .triangle:after { border-top: 130px solid #7884d5; border-left: 49.5vw solid transparent; border-right: 49.5vw solid transparent; width: 0; height: 0; bottom: -130px; content: ""; display: block; position: absolute; overflow: hidden; left: 0; right: 0; margin: auto; }
.page-template-tpl-vision #content .logo { margin-top: 70px; margin-bottom: 70px; }
.page-template-tpl-vision .contentCentrer .row > div h2:after { color: #7884d5; }
.page-template-tpl-vision .contentCentrer .colx4 { margin: 30px auto; }
.page-template-tpl-vision .contentCentrer .colx4 .row > div .single svg .st0 { fill: #7884d5; }
.page-template-tpl-vision .contentCentrer .bouton a.btn { background: #7884d5; }
.page-template-tpl-vision .contentCentrer .bouton a.btn:after { background: #19293c; }
.page-template-tpl-vision .contentCentrer .points { top: 50%; left: -160px; transform: translateY(-50%); }

.page-template-tpl-plateform .contentIntro { position: relative; padding-top: 250px; margin-bottom: 120px; z-index: 1; }
.page-template-tpl-plateform .contentIntro .container h1 { text-transform: uppercase; font-size: 2.8125rem; font-weight: 700; font-family: "Montserrat", Verdana, Helvetica, sans-serif; position: relative; }
.page-template-tpl-plateform .contentIntro .container h1:after { content: "."; text-transform: uppercase; font-size: 2.8125rem; font-weight: 700; font-family: "Montserrat", Verdana, Helvetica, sans-serif; color: white; }
.page-template-tpl-plateform .contentIntro .container .searchbar { width: 100%; height: 62px; background: white; border-radius: 31px; -webkit-box-shadow: -55px 55px 70px 0px rgba(26, 26, 31, 0.3); box-shadow: -55px 55px 70px 0px rgba(26, 26, 31, 0.3); margin: 50px auto 70px; position: relative; font-size: 1.5rem; font-weight: 700; }
.page-template-tpl-plateform .contentIntro .container .searchbar .begin { position: absolute; right: 50%; width: 50%; justify-content: flex-end; height: 100%; display: flex; align-items: center; padding-right: 5px; color: #68bbe1; }
.page-template-tpl-plateform .contentIntro .container .searchbar .end { position: absolute; left: 50%; width: 50%; height: 100%; display: flex; align-items: center; padding-left: 5px; }
.page-template-tpl-plateform .contentIntro .container .searchbar:after { content: ""; position: absolute; width: 1px; height: 46px; top: 8px; left: 50%; background: #19293c; }
.page-template-tpl-plateform .contentIntro .container .ps_texte img { margin-top: 90px; -webkit-box-shadow: -55px 55px 70px 0px rgba(26, 26, 31, 0.3); box-shadow: -55px 55px 70px 0px rgba(26, 26, 31, 0.3); }
.page-template-tpl-plateform .contentIntro:before { content: ""; position: absolute; width: 100vw; height: 750px; top: 0; left: 0; z-index: -1; background: #68bbe1; }
.page-template-tpl-plateform .contentIntro:after { content: ""; position: absolute; width: 386px; height: 386px; top: 26%; left: 5%; z-index: -1; background: url("../../images/filaire/sphereTriangle.svg") top left no-repeat; }
.page-template-tpl-plateform .contentIntro .traits { top: 160px; left: auto; right: 0; transform: none; z-index: -1; }
.page-template-tpl-plateform .contentIntro .traits span { background: white; }
.page-template-tpl-plateform .contentCentrer { margin-bottom: 0; padding: 90px 0; position: relative; z-index: 0; }
.page-template-tpl-plateform .contentCentrer .points { top: -15%; opacity: 0.5; }
.page-template-tpl-plateform .last-part { position: relative; padding-top: 60px; }
.page-template-tpl-plateform .last-part .entry { position: relative; min-height: 600px; margin: 0 auto 120px auto; }
.page-template-tpl-plateform .last-part .entry.violet > .row .content .row > div h2:after { color: #7884d5; }
.page-template-tpl-plateform .last-part .entry.violet > .row .content .row > div a.btn:after { background: #7884d5; }
.page-template-tpl-plateform .last-part .entry.turquoise > .row .content .row > div h2:after { color: #68bbe1; }
.page-template-tpl-plateform .last-part .entry.turquoise > .row .content .row > div a.btn:after { background: #68bbe1; }
.page-template-tpl-plateform .last-part .entry.vert > .row .content .row > div h2:after { color: #86d4a6; }
.page-template-tpl-plateform .last-part .entry.vert > .row .content .row > div a.btn:after { background: #86d4a6; }
.page-template-tpl-plateform .last-part .entry > .row { height: 100%; }
.page-template-tpl-plateform .last-part .entry > .row .content { position: relative; z-index: 2; }
.page-template-tpl-plateform .last-part .entry > .row .content .row > div { color: #19293c; }
.page-template-tpl-plateform .last-part .entry > .row .content .row > div h2 { text-transform: uppercase; color: #19293c; font-family: "Montserrat", Verdana, Helvetica, sans-serif; font-size: 2.25rem; font-weight: 700; line-height: 2.5rem; position: relative; margin: 30px 0; }
.page-template-tpl-plateform .last-part .entry > .row .content .row > div h2:after { content: "."; font-family: "Montserrat", Verdana, Helvetica, sans-serif; font-size: 2.25rem; font-weight: 700; line-height: 2.5rem; }
.page-template-tpl-plateform .last-part .entry > .row .content .row > div a.btn { width: 100%; padding: 25px 40px; white-space: normal; font-size: 0.75rem; text-align: left; }
.page-template-tpl-plateform .last-part .entry > .row .content .row > div a.btn:hover span span { width: 40px; right: -90px; }
.page-template-tpl-plateform .last-part .entry > .row .content .row > div a.btn span span { position: absolute; right: -80px; top: 50%; width: 30px; height: 1px; background: white; transition: width 0.6s ease, right 0.6s ease; }
.page-template-tpl-plateform .last-part .entry > .row .content .row > div a.btn span span:before { content: ""; position: absolute; right: 0; top: -1px; width: 4px; height: 1px; background: white; content: ""; transform: rotate(45deg); }
.page-template-tpl-plateform .last-part .entry > .row .content .row > div a.btn span span:after { content: ""; position: absolute; right: 0; bottom: -1px; width: 4px; height: 1px; background: white; content: ""; transform: rotate(-45deg); }
.page-template-tpl-plateform .last-part .entry > .row .visuel { position: absolute; top: 0; right: 0; height: 100%; background-size: cover; background-position: 50% 20%; background-repeat: no-repeat; z-index: 1; -webkit-box-shadow: -55px 55px 70px 0px rgba(26, 26, 31, 0.3); box-shadow: -55px 55px 70px 0px rgba(26, 26, 31, 0.3); }
.page-template-tpl-plateform .last-part .biggrille { position: absolute; z-index: -1; top: 0; left: 0; width: 50%; height: 100%; background: url("../../images/filaire/big-grille.png") top left repeat; }

.page-template-tpl-plateform-subpage .page214 .intro_2col > .row .content .row > div { background: white; color: #19293c; }
.page-template-tpl-plateform-subpage .page214 .intro_2col > .row .content .row > div .title { color: #68bbe1; }
.page-template-tpl-plateform-subpage .page214 .intro_2col > .row .content .row > div h1 { color: #19293c; }
.page-template-tpl-plateform-subpage .page214 .intro_2col > .row .content .row > div h1:after { color: #68bbe1; }

.page-template-tpl-partner .intro_2col { margin-bottom: 0; }

.page-template-tpl-app .intro_2col { margin-bottom: 0; }
.page-template-tpl-app .intro_2col > .row .content .row > div .title { color: #7884d5; }
.page-template-tpl-app .intro_2col > .row .content .row > div h1:after { color: #7884d5; }

.page-template-tpl-res .ressources { position: relative; margin-top: 30px; }
.page-template-tpl-res .ressources .croix { left: -5%; opacity: 0.75; z-index: -1; }
.page-template-tpl-res .ressources .croix span, .page-template-tpl-res .ressources .croix span:before { background: #8d9399; }

.page-template-tpl-about .contentCentrer .croix { top: 0; margin-top: 0; right: -10%; opacity: 0.75; }
.page-template-tpl-about .contentCentrer .croix span, .page-template-tpl-about .contentCentrer .croix span:before { background: #8d9399; }
.page-template-tpl-about .teams .row > div:nth-child(3n+1) .team-single { z-index: 3; }
.page-template-tpl-about .teams .row > div:nth-child(3n+2) .team-single { z-index: 2; }
.page-template-tpl-about .teams .row > div:nth-child(3n+3) .team-single { z-index: 1; }
.page-template-tpl-about .teams .team-single { position: relative; overflow: hidden; margin-bottom: 30px; background: white; -webkit-box-shadow: -55px 55px 70px 0px rgba(26, 26, 31, 0.3); box-shadow: -55px 55px 70px 0px rgba(26, 26, 31, 0.3); }
.page-template-tpl-about .teams .team-single:hover .img-wrap { transform: scale(1.1); }
.page-template-tpl-about .teams .team-single .img-wrap { width: 100%; height: 285px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; transition: transform 0.4s ease; }
.page-template-tpl-about .teams .team-single .content-wrap { padding: 45px 55px; min-height: 200px; }
.page-template-tpl-about .teams .team-single .content-wrap h3 { font-size: 1.875rem; line-height: 1.875rem; font-weight: 300; margin-bottom: 15px; }
.page-template-tpl-about .teams .team-single .content-wrap p { font-size: 0.8125rem; text-transform: uppercase; }