/*
Theme Name: Baseline Production
Author: Cedric
Author URI: https://www.baselineproduction.fr
Description: Theme du site Baseline Production
Version: 1.6

1.0  - ROOT
2.0  - HEADER
3.0  - FOOTER
4.0  - PAGE TITLE
5.0  - PAGE DEVIS GRATUIT
6.0  - FORMULAIRES
7.0  - SECTION & CONTAINER
8.0  - PAGE CONTACTS
9.0  - PAGE TEAM
10.0 - PAGE EXPERTISES


14.0 - RESPONSIVE
*/

/* 1.0 - ROOT */
:root
	{
	--light:#f7f7f9;
	--white:#ffffff;
	--white-alpha:rgba(255,255,255,0.8);
	--dark:#101217;
	--text-muted:rgba(16,18,23,.72);
	--border-light:rgba(16,18,23,.08);
	--hover:rgba(255,255,255,0.15);

	--accent:#fc5356;
	--accent-hover:#e04a4d;
	--accent-light:#fff0f0;

	--shadow:0 12px 30px rgba(16,18,23,.06);
	--radius:18px;
	--radius-lg:28px;
	--radius-full:999px;
	--line-height:1.6;
	--max-width:1200px;

	--font-heading:'Montserrat',sans-serif;
	--font-body:ui-sans-serif,system-ui,-apple-system,sans-serif;
	}

* {box-sizing:border-box;margin:0;padding:0;}
html, body {position:relative;width:100%;height:100%;min-height:100%;font-family:var(--font-body);color:var(--text-dark);background-color:var(--light);overflow-x:hidden;}
a {text-decoration:none;color:inherit;transition:all 0.2s ease;}
img {max-width:100%;display:block;}
ul {list-style:none;}
main section.container,
section.defaut .default-content {width:min(var(--max-width),calc(100% - 40px));margin:0 auto;min-height:100%;}
aside {position:relative;display:block;width:100%;height:100%;}
.forminator-edit-module {display:none;}

.button-primary
	{
	display:inline-flex;align-items:center;justify-content:center;background-color:var(--accent);color:var(--white);padding:12px 30px;border-radius:var(--radius-full);
	font-weight:800;text-transform:uppercase;letter-spacing:0.5px;border:none;cursor:pointer;transition:all 0.5s ease;box-shadow: 0 4px 15px rgba(252,83,86,0.4);font-size:14px;
	}
.button-primary:hover {background-color:var(--white);color:var(--accent);transform:translateY(-3px);}

/* 2.0 - HEADER */
header.main-nav
	{
	position:sticky;display:flex;height:85px;top:0;z-index:1000;justify-content:center;align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
	background:var(--dark);padding:15px 0;gap:20px;transition:all 0.2s ease;
	}
header.main-nav #logo {height:60px;width:auto;margin-right:40px;}
header.main-nav #logo * {height:100%;width:auto;}

header.main-nav .menu-menu-principal-container,
header.main-nav #menu-menu-principal {display:flex;align-items:center;gap:10px;font-size:14px;}
header.main-nav #menu-menu-principal li {color:var(--white-alpha);font-weight:600;padding:8px 16px;border-radius:var(--radius-full);transition:all 0.5s ease;}
header.main-nav #menu-menu-principal li:hover {color:var(--white);background:var(--hover);}
header.main-nav #menu-menu-principal li.current_page_item {color:var(--white);background:var(--accent);font-weight:700;}

header.main-nav .nav-devis-gratuit.button-primary {margin-left:40px;}

header.main-nav #menu-responsive {position:absolute;display:none;width:50%;height:100%;top:0;right:0;align-items:center;justify-content:flex-end;}
header.main-nav #menu-responsive button
	{
	position:absolute;display:block;width:30px;height:30px;background-image:url("Interface/menu-responsive.svg");background-repeat:no-repeat;background-size:100% auto;
	background-position:center;margin-right:40px;cursor:pointer;border:0;background-color:transparent;
	}
header.main-nav #menu-responsive .menu-menu-principal-container {position:absolute;width:200%;top:100%;left:-100%;background:var(--dark);}
header.main-nav #menu-responsive .menu-menu-principal-container ul {display:none;padding:0;border-top:1px solid var(--white-alpha);}
header.main-nav #menu-responsive .menu-menu-principal-container.active ul {display:block;padding:25px 0;}
header.main-nav #menu-responsive .menu-menu-principal-container * {width:100%;height:100%;}
header.main-nav #menu-responsive li {display:block;color:var(--white-alpha);font-weight:600;font-size:16px;}
header.main-nav #menu-responsive li.current_page_item {color:var(--accent);font-weight:700;}
header.main-nav #menu-responsive li a {display:block;padding:15px 40px;}

/* 3.0 - FOOTER */
footer {position:relative;display:flex;width:100%;padding-top:60px;background-color:#333333;gap:30px;justify-content:center;flex-wrap:wrap;}
footer .copyright {width:100%;background-color:#222222;padding:20px 0;text-align:center;font-size:11px;color:#888888;margin-top:30px;}
footer h4 {font-family:var(--font-heading);font-weight:700;text-transform:uppercase;margin-bottom:20px;color:var(--white);}
footer div.bloc {width:280px;color:#CCCCCC;font-size:14px;line-height:var(--line-height);}
footer div.bloc img {height:auto;}
footer div.bloc.menu a {transition:all 0.2s ease;}
footer div.bloc.menu a:before {content:"›";color:var(--accent);font-weight:bold;margin-right:10px;}
footer div.bloc.menu a:hover {color:var(--white);padding-left:5px;}
footer div.bloc .phone {display:block;color:var(--accent);font-weight:700;margin-top:20px;}
footer div.bloc.rs {font-size:12px;}
footer div.bloc.rs .logo {display:flex;margin-bottom:20px;justify-content:flex-start;}
footer div.bloc.rs .footer-socials {margin-top:20px;}
footer div.bloc.rs .footer-socials a
	{
	display:inline-block;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,0.2);background-color:rgba(255,255,255,0.1);background-position:center;
	background-size:50% 50%;background-repeat:no-repeat;transition:all 0.5s ease;
	}
footer div.bloc.rs .footer-socials a:hover {background-color:var(--accent);border-color:var(--accent);}
footer div.bloc.rs .footer-socials a+a {margin-left:10px;}
footer div.bloc.rs .footer-socials a.facebook {background-image:url("Interface/rs-facebook.svg");}
footer div.bloc.rs .footer-socials a.instagram {background-image:url("Interface/rs-instagram.svg");}
footer div.bloc.rs .footer-socials a.pinterest {background-image:url("Interface/rs-pinterest.svg");}
footer div.bloc.rs .footer-socials a.youtube {background-image:url("Interface/rs-youtube.svg");}

/* 4.0 - PAGE TITLE */
#page-title {position:relative;display:flex;height:275px;padding:100px 0 60px;text-align:center;justify-content:center;align-items:center;overflow:hidden;}
#page-title .tag {color:var(--accent);font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:1px;display:block;}
#page-title h1 {font-family:var(--font-heading);font-size:clamp(32px,5vw,52px);line-height:1.1;margin:0 0 20px;letter-spacing:-1px;}
#page-title h1 i {color:var(--accent);font-style:normal;}
#page-title p {font-size:18px;color:var(--text-muted);}
#page-title .container {opacity:0;transition:all 0.5s ease;margin:0 0 10% 0;}
#page-title.scroll-lazy.view-active .container {opacity:1;margin:0;}

/* 5.0 - PAGE DEVIS GRATUIT */
main.devis-gratuit section.container {display:grid;grid-template-columns:calc(70% - 60px) 30%;gap:60px;margin-bottom:100px;align-items:start;}
main.devis-gratuit .sidebar-card
	{position:absolute;width:100%;top:0;left:100px;background:var(--dark);color:var(--white);padding:40px;border-radius:var(--radius-lg);opacity:0;transition:all 0.5s ease;}
main.devis-gratuit .sidebar-card.scroll-lazy.view-active {left:0;opacity:1;}
main.devis-gratuit .check-list {margin-top:30px;}
main.devis-gratuit .check-list li {display:flex;gap:15px;margin-bottom:20px;align-items:flex-start;}
main.devis-gratuit .check-list i
	{width:30px;height:30px;background-color:var(--hover);border-radius:50%;margin-top:2px;background-position:center;background-size:auto 50%;background-repeat:no-repeat;}
main.devis-gratuit .check-list i.reactivity {background-image:url("Interface/icon-flash.svg");}
main.devis-gratuit .check-list i.atelier {background-image:url("Interface/icon-factory.svg");}
main.devis-gratuit .check-list i.conseil {background-image:url("Interface/icon-handshake.svg");}
main.devis-gratuit .check-list p {font-size:14px;color:var(--white-alpha);margin-top:5px;}
main.devis-gratuit .urgence {border-top:1px solid var(--hover);margin-top:30px;padding-top:30px;text-align:center;}
main.devis-gratuit .urgence a {display:block;color:var(--accent);font-weight:900;font-size:22px;margin-top:15px;}
main.devis-gratuit .review-badge {background:var(--hover);padding:15px;border-radius:12px;display:flex;align-items:center;gap:15px;margin-top:30px;}
main.devis-gratuit .review-badge .note {font-weight:900;font-size:24px;}
main.devis-gratuit .review-badge i.stars
	{
	display:inline-block;width:15px;height:15px;background-image:url("Interface/icon-star.svg");background-repeat:no-repeat;background-position:center;
	background-size:100% auto;margin-right:1px;
	}
main.devis-gratuit .review-badge .stars span {display:block;opacity:0.8;font-size:12px;}
main.devis-gratuit .layout {text-align:center;}
main.devis-gratuit .donnees {text-align:center;font-size:12px;color:var(--text-muted);}

/* 6.0 - FORMULAIRES */
main .forminator-custom-form
	{
	display:flex;background:var(--white);padding:50px !important;border-radius:var(--radius-lg) !important;box-shadow:var(--shadow);border: 1px solid var(--border-light);
	flex-wrap:wrap;gap:20px;
	}
main .forminator-row {margin:0 !important;width:calc(50% - 10px);}
main .forminator-row label {font-size:13px !important;margin-bottom:6px !important;text-align:left;}
main .forminator-row h2 {margin-bottom:20px;}
main .forminator-row:has(.form-files) label {font-size:13px !important;margin-bottom:0 !important;}
main .forminator-radio-bullet,
main .forminator-checkbox-label {display:none !important;}
main .forminator-row:has(.label-user, .label-projet, .label-files, .form-projet, .form-type-user, .form-files, .form-description, .forminator-button-submit),
main.contact .forminator-row {width:100%;}
main .forminator-row:has(.label-user, .label-projet, .label-files) label
	{
	display:flex !important;align-items:center;font-family:var(--font-heading) !important;font-size:18px !important;margin:0 !important;padding-bottom:10px;
	border-bottom:1px solid var(--border-light) !important;
	}
main .forminator-row:has(.label-user, .label-projet, .label-files) label::before
	{
	content:'';background:var(--accent);color:var(--white);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;
	font-weight:700;margin-right:10px;
	}
main .forminator-row .label-projet label,
main .forminator-row .label-files label {margin-top:40px !important;}
main .forminator-row .label-user label::before {content:'1';}
main .forminator-row .label-projet label::before {content:'2';}
main .forminator-row .label-files label::before {content:'3';}
main .forminator-row:has(.forminator-field-captcha) {display:none !important;}
main .forminator-label,
main .forminator-description {text-align:left;}

main .forminator-custom-form input,
main .forminator-custom-form textarea
	{
	padding:15px !important;border:1px solid var(--border-light);border-radius:8px !important;background:var(--light);font-family:var(--font-body) !important;
	font-size:15px !important;outline:none;transition:all 0.5s ease !important;
	}
main .forminator-custom-form input:focus,
main .forminator-custom-form textarea:focus {border:1px solid var(--accent);box-shadow:0 0 0 4px var(--accent-light) !important;}
main .forminator-custom-form input[type="radio"] {display:none !important;}

main .form-projet .forminator-field {display:grid;grid-template-columns:repeat(3,1fr);gap:15px;width:100%;margin:0 !important;justify-items:stretch;align-items:stretch;}
main .form-projet .forminator-field * {font-size:14px;font-weight:800;color:var(--text-muted);margin:0 !important;}

main .form-type-user .forminator-field {display:grid;grid-template-columns:repeat(3,1fr);gap:15px;width:100%;margin:0 !important;justify-items:stretch;align-items:stretch;}
main .form-type-user .forminator-field * {font-size:14px;font-weight:800;color:var(--text-muted);margin:0 !important;}

main.contact .form-objet .forminator-field {display:grid;grid-template-columns:repeat(3,1fr);gap:15px;width:100%;margin:0 !important;justify-items:stretch;align-items:stretch;}
main.contact .form-objet .forminator-field .forminator-label {grid-column:span 3;}

main .form-codepostal * {width:100%;padding:0 !important;}

main .form-pose .forminator-field
	{position:relative;padding:15px !important;border:1px solid var(--border-light) !important;border-radius:8px !important;background:var(--light);font-family:var(--font-body) !important;}
main .form-pose .forminator-checkbox {position:absolute !important;top:10px;right:20px;margin-top:14px !important;}

main .forminator-checkbox-box
	{
	position:relative;width:50px !important;height:26px !important;border-radius:13px !important;background-color:#cccccc !important;border:0 !important;flex:none !important;
	transition:all 0.5s ease !important;
	}
main .forminator-checkbox-box::before
	{
	background-color:var(--white);border-radius:50%;content:'' !important;width:20px;height:20px;top:3px !important;left:3px !important;transform:none !important;opacity:1 !important;
	transition:all 0.5s ease !important;
	}
main .forminator-checkbox:has(input[type="checkbox"]:checked) .forminator-checkbox-box {background-color:var(--accent) !important;}
main .forminator-checkbox:has(input[type="checkbox"]:checked) .forminator-checkbox-box::before {left:calc(100% - 23px) !important;}

main .form-files .forminator-multi-upload
	{
	border:2px dashed var(--border-light) !important;border-radius:12px !important;padding:40px !important;text-align:center;background:var(--light);cursor:pointer;
	transition:all 0.5s ease !important;
	}
main .form-files .forminator-multi-upload:hover {background:var(--accent-light);border-color:var(--accent) !important;}

main .forminator-radio-inline
	{
	background:var(--light);border:2px solid transparent;border-radius:16px;padding:0 !important;cursor:pointer;transition:all 0.5s ease;text-align:center;
	margin:0 !important;width:100%;height:115px;
	}
main .forminator-radio-inline:hover {background:var(--white);box-shadow:0 5px 15px rgba(0,0,0,0.05);}
main .forminator-radio-inline:has(input:checked) {background:var(--accent-light);border-color:var(--accent);}
main .forminator-radio-inline:has(input:checked) * {color:var(--accent) !important;}
main .forminator-radio-inline:has(input:checked) .forminator-radio-image
	{filter:brightness(0) saturate(100%) invert(31%) sepia(90%) saturate(6386%) hue-rotate(2deg) brightness(100%) contrast(110%);}
main .forminator-radio-label {display:flex !important;width:100%;height:100%;align-items:center;justify-content:center;text-align:center;padding:38px 0 0 0 !important;margin-left:0 !important;}
main .forminator-radio-image {border:0 !important;height:28px !important;width:50px !important;left:calc(50% - 25px) !important;top:28px !important;background-color:transparent !important;}
main .forminator-radio-image * {height:100% !important;width:100% !important;background-size:contain !important;}

main .forminator-button-submit
	{
	display:inline-flex !important;width:100% !important;height:58px !important;align-items:center;justify-content:center;background-color:var(--accent);color:var(--white);
	padding:12px 30px !important;border-radius:99px !important;font-weight:800 !important;font-size:18px !important;text-transform:uppercase;letter-spacing:0.5px;
	box-shadow:0 4px 15px rgba(252, 83, 86, 0.4) !important;margin:40px 0 0 0 !important;
	}
main .forminator-button-submit:hover {background-color:var(--white);color:var(--accent);transform:translateY(-3px);}

/* 7.0 - SECTION & CONTAINER */
section.defaut .default-content
	{
	display:flex;background:var(--white);padding:50px !important;border-radius:var(--radius-lg) !important;box-shadow:var(--shadow);border: 1px solid var(--border-light);
	flex-wrap:wrap;gap:20px;margin-bottom:80px;
	}
section.defaut h2 {width:100%;border-bottom:2px solid var(--accent-light);padding:20px 0 20px 0;}
section.defaut p {display:block;width:100%;}

section.container.split {display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:100px;}
section.container.split.first {margin-top:40px;}
section.container.split .tag {color:var(--accent);font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:1px;display:block;margin-bottom:10px;}
section.container.split h2 {font-family:var(--font-heading);font-size:32px;margin-bottom:20px;}
section.container.split p {color:var(--text-muted);font-size:16px;margin-bottom:20px;text-align:justify;}





/* 8.0 - PAGE CONTACTS */
.contact .container.blocs {display:grid;grid-template-columns:1fr 1.5fr;gap:60px;margin:20px auto 100px auto;align-items:start;}
.contact .container .aside.cards {display:flex;flex-direction:column;gap:20px;}

.contact .info-card
	{width:100%;background:var(--white);padding:30px;border-radius:var(--radius);border:1px solid var(--border-light);transition:all 0.5s ease;display:flex;align-items:center;gap:20px;}
.contact .info-card:hover {border-color:var(--accent);transform:translateX(5px);box-shadow:var(--shadow);}
.contact .info-card .info-content {display:flex;flex-direction:column;gap:10px;}
.contact .info-card .icon-box
	{width:60px;height:60px;background:var(--accent-light);border-radius:50%;display:flex;flex-shrink:0;background-position:center;background-repeat:no-repeat;background-size:50% 50%;}
.contact .info-card .icon-box.phone {background-image:url("Interface/icon-phone.svg");}
.contact .info-card .icon-box.location {background-image:url("Interface/icon-location-dot.svg");}
.contact .info-card .icon-box.email {background-image:url("Interface/icon-enveloppe.svg");}

.contact .hours-box {background:var(--dark);color:var(--white);padding:30px;border-radius:var(--radius);margin-top:10px;}
.contact .hours-row {display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px;border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:5px;}
.contact .hours-row.closed {color:#aaaaaa;}
.contact .hours-box h3 {font-family:var(--font-heading);margin-bottom:20px;}
.contact .hours-box h3:before
	{
	content:"";position:relative;width:20px;height:20px;display:inline-block;background-image:url("Interface/icon-clock.svg");background-repeat:no-repeat;background-position:center;
	background-size:contain;margin-right:10px;top:3px;
	}
.contact .info-card a {font-weight:700;}
.contact .info-card a:hover {color:var(--accent);}
.contact .zone {font-size:13px;color:var(--text-muted);margin-top:20px;line-height:1.5;text-align:justify;}

.contact .map-section
	{
	height:450px;width:100%;border-radius:var(--radius-lg);overflow:hidden;position:relative;border:1px solid var(--border-light);grid-column:span 2;filter:grayscale(100%);
	transition:all 0.5s ease;
	}
.contact .map-section:hover {filter:grayscale(0%);}

.contact .faq-mini {grid-column:span 2;width:800px;margin:0 auto 0;}
.contact .faq-mini h2 {text-align:center;font-family:var(--font-heading);margin-bottom:40px;}
.contact .faq-item {margin-bottom:20px;border-bottom:1px solid var(--border-light);padding-bottom:20px;}
.contact .faq-question
	{
	position:relative;font-family:var(--font-heading);font-size:18px;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all 0.5s ease;
	padding-right:25px;
	}
.contact .faq-question:hover {color:var(--accent);}
.contact .faq-answer {display:none;margin-top:15px;color:var(--text-muted);font-size:15px;line-height:1.6;transition:all 0.5s ease;text-align:justify;}
.contact .faq-question:after
	{
	content:"";position:absolute;width:18px;height:18px;top:2px;right:0;background-image:url("Interface/icon-chevron.svg");background-repeat:no-repeat;background-position:center;
	background-size:100% auto;transition:filter 0.5s ease;
	}
.contact .faq-question:hover:after {filter:brightness(0) saturate(100%) invert(31%) sepia(90%) saturate(6386%) hue-rotate(2deg) brightness(100%) contrast(110%);}
.contact .faq-item.active .faq-question {color:var(--accent);}
.contact .faq-item.active .faq-answer {display:block;animation:fadeIn 0.3s ease;}
.contact .faq-item.active .faq-question:after
	{transform:rotate(180deg);filter:brightness(0) saturate(100%) invert(31%) sepia(90%) saturate(6386%) hue-rotate(2deg) brightness(100%) contrast(110%);}

/* 9.0 - PAGE TEAM */
.team .container.blocs {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-bottom:100px;}
.team .values-grid,
.team .seo-block {grid-column:span 3;}

.team .team-card
	{
	background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow:hidden;transition:all .5s ease;text-align:center;padding:40px 30px;display:flex;
	flex-direction:column;align-items:center;
	}
.team .team-card:hover {transform:translateY(-10px);box-shadow:var(--shadow);border-color:var(--accent);}
.team .team-card h3 {font-family:var(--font-heading);font-size:22px;margin:0 0 5px 0;}
.team .team-card .role {color:var(--accent);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:15px;}
.team .team-card p.desc {font-size:15px;color:var(--text-muted);line-height:1.6;}
.team .team-card .avatar-icon
	{
	width:120px;height:120px;background-color:var(--accent-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:25px;transition:all .5s ease;
	background-size:auto 45%;background-position:center;background-repeat:no-repeat;
	}
.team .team-card:hover .avatar-icon {transform:rotate(10deg);background-size:auto 55%;}
.team .team-card .avatar-icon.virginie {background-image:url("Interface/icon-team-virginie.svg");}
.team .team-card .avatar-icon.cedric {background-image:url("Interface/icon-team-cedric.svg");}
.team .team-card .avatar-icon.alexis {background-image:url("Interface/icon-team-alexis.svg");}
.team .team-card .avatar-icon.jeremie {background-image:url("Interface/icon-team-jeremie.svg");}
.team .team-card .avatar-icon.andrea {background-image:url("Interface/icon-team-andrea.svg");}
.team .team-card .avatar-icon.bumblebee {background-image:url("Interface/icon-team-bumblebee.svg");}

.team .seo-block {font-size:13px;color:var(--text-muted);text-align:center;margin:0 auto 0;padding:20px;background:rgba(255,255,255,0.5);border-radius:var(--radius);}
.team .values-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;text-align:center;background-color:var(--white);border-radius:var(--radius-lg);padding:40px;}
.team .values-grid .value-item {display:flex;flex-direction:column;align-items:center;}
.team .values-grid h4 {font-family:var(--font-heading);font-size:18px;margin:20px 0 10px 0;}
.team .values-grid p {font-size:14px;color:var(--text-muted);line-height:1.6;}
.team .values-grid .icon
	{
	margin-bottom:20px;border:2px solid var(--border-light);padding:20px;border-radius:50%;width:75px;height:75px;background-repeat:no-repeat;background-position:center;
	background-size:auto 50%;
	}
.team .values-grid .icon.flash {background-image:url("Interface/icon-flash.svg");filter:brightness(0) saturate(100%);}
.team .values-grid .icon.star {background-image:url("Interface/icon-star.svg");filter:brightness(0) saturate(100%);}
.team .values-grid .icon.smile {background-image:url("Interface/icon-smile.svg");}
.team .values-grid .icon.light {background-image:url("Interface/icon-ampoule.svg");}

/* 10.0 - PAGE EXPERTISES */







/* 14.0 RESPONSIVE */
@media screen and (max-width:1300px)
	{
	footer div.bloc {width:200px;}
	footer div.bloc.rs {margin-right:60px;}

	main section.container,
	section.defaut .default-content {width:900px;margin:0 auto 80px auto;}
	}
@media screen and (max-width:1220px)
	{
	header.main-nav .nav-devis-gratuit.button-primary {display:none;}
	}
@media screen and (max-width:1000px)
	{
	header.main-nav {justify-content:flex-start;padding-left:40px;}
	header.main-nav .menu-menu-principal-container {display:none;}
	header.main-nav #menu-responsive,
	header.main-nav #menu-responsive .menu-menu-principal-container {display:flex;}

	footer {gap:60px;}
	footer div.bloc {width:75%;margin:0 !important;text-align:center;}
	footer div.bloc.rs .logo {justify-content:center;}

	main section.container,
	section.defaut .default-content {width:calc(100% - 150px);margin:0 75px;}
	#page-title {padding:100px 50px 60px;}

	main.devis-gratuit section.container {grid-template-columns:100%;}
	main.devis-gratuit aside {height:550px;}

	.contact .container .aside {grid-column:span 2;}
	.contact .faq-mini {width:100%;}

	.team .container.blocs {grid-template-columns:repeat(auto-fit,calc(33.33% - 27px));}
	}
@media screen and (max-width:900px)
	{
	.team .container.blocs {grid-template-columns:repeat(auto-fit,calc(50% - 20px));}
	.team .values-grid,
	.team .seo-block {grid-column:span 2;}
	}
@media screen and (max-width:750px)
	{
	main section.container,
	section.defaut .default-content {width:calc(100% - 100px);margin:0 50px;}

	main .forminator-row {width:100%;}
	main .form-type-user .forminator-field {grid-template-columns:repeat(1,1fr);}
	main .form-projet .forminator-field {grid-template-columns:repeat(2,1fr);}

	.contact .faq-question {font-size:16px;}
	}
@media screen and (max-width:600px)
	{
	.team .container.blocs {grid-template-columns:repeat(auto-fit,100%);}
	.team .values-grid,
	.team .seo-block {grid-column:span 1;}
	}



/* 1.0 PARAMETRES GENERAUX *
.upper {text-transform:uppercase;}
section h1
	{
	display:flex;width:100%;height:250px;background-color:#3f3f41;justify-content:center;align-items:center;color:#ffffff;font-size:30px;
	padding:40px;text-transform:uppercase;text-align:center;background-repeat:no-repeat;background-size:cover;background-position:center center;
	-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease;
	}
section h1 span:after {content:"";display:block;margin:0 auto;width:30%;padding-top:15px;border-bottom:5px solid #fc5356;}
section h2 {position:relative;display:block;width:auto;font-size:25px;text-transform:uppercase;color:#3f3f41;margin:50px 0 50px 0;}
section h2:after {position:absolute;content:"";display:block;margin:0 calc(50% - 35px);width:70px;padding-top:20px;border-bottom:5px solid #fc5356;}
#small_contacts {display:flex;width:100%;height:auto;justify-content:center;align-items:center;flex-wrap:wrap;}
.grecaptcha-badge {visibility:collapse !important;}
.forminator-field-captcha {display:none;}
/* 1.7 LOADER *
#loader {position:absolute;display:flex;width:100%;height:100%;background:#222222;justify-content:center;align-items:center;flex-direction:column;}
.loading
	{
	display:block;margin:0 auto;width:100px;height:100px;position:relative;border:15px solid #ff3300;-webkit-animation:loading 2.3s infinite ease;
	-moz-animation:loading 2.3s infinite ease;animation:loading 2.3s infinite ease;
	}
.loading_inner
	{
	vertical-align:top;display:inline-block;width:100%;background-color:#ff3300;-webkit-animation:loading_inner 2.3s infinite ease-in;
	-moz-animation:loading_inner 2.3s infinite ease-in;animation:loading_inner 2.3s infinite ease-in;
	}
.loading_txt {position:relative;display:block;color:#ffffff;margin-top:30px;font-weight:bold;text-transform:uppercase;}
/* 1.8 PAGE 404 *
.page404
	{
	position:relative;display:flex;width:100%;height:750px;justify-content:center;align-items:center;background-image:url(Interface/Background/404.jpg);
	background-repeat:no-repeat;background-size:cover;color:#ffffff;text-transform:uppercase;
	}
.page404 div
	{
	position:relative;display:flex;width:50%;padding:30px;background-color:#ff3300;justify-content:center;text-align:center;flex-direction:column;
	-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;
	}
.page404 div .title {font-size:26px;font-weight:bold;margin-bottom:10px;}
/* 1.9 PAGINATION *
#pagination {position:relative;display:flex;width:100%;height:auto;justify-content:center;align-items:center;background-color:#ececec;}
#pagination ul {display:flex;padding:0;list-style-type:none;margin:-15px 0 40px 0;}
#pagination ul li {display:block;width:25px;height:25px;padding:0;margin:0;list-style-type:none;border-radius:2px;overflow:hidden;}
#pagination ul li+li {margin-left:5px;}
#pagination ul li a, #pagination ul li span {display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#ffffff;color:#323335;}
#pagination ul li a:hover {background-color:#fc5356;color:#ffffff;}
#pagination ul li .current {background-color:#323335;color:#ffffff;}
#pagination ul li .prev, #pagination ul li .next {background-image: url(Interface/fleches.png);background-repeat:no-repeat;}
#pagination ul li .prev {background-position:-250px 0;}
#pagination ul li .prev:hover {background-position:-275px 0;}
#pagination ul li .next {background-position:-250px -25px;}
#pagination ul li .next:hover {background-position:-275px -25px;}

/* 2.0 ACCUEIL */
/* 2.1 STRUCTURE DE LA PAGE *
.accueil {position:relative;display:flex;flex-wrap:wrap;font-size:16px;}
.accueil div
	{position:relative;display:flex;justify-content:center;flex-direction:column;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;}
#accueil_baseline {width:100%;height:450px;background-color:#fc5356;color:#ffffff;padding:50px 50px 50px 150px;}
#accueil_actualites {width:50%;height:450px;background-color:#fc5356;text-align:center;color:#ffffff;padding:50px;}
#accueil_batiment, #accueil_masquotte {width:25%;height:450px;background-color:#fc5356;text-align:center;color:#ffffff;padding:50px;}
#accueil_realisations {width:50%;height:450px;background-color:#323335;text-align:center;color:#ffffff;padding:50px;}
#accueil_adresse, #accueil_slogan {width:25%;height:450px;background-color:#323335;text-align:center;color:#ffffff;padding:50px;}
#accueil_specialiste, #accueil_valeurs, #accueil_team, #accueil_photo, #accueil_4valeurs, #actualite_random {width:50%;height:450px;background-color:#ffffff;padding:50px;}
#accueil_valeurs, #accueil_team {padding:50px 150px 50px 150px;}
#accueil_adresse, #accueil_actualites, #accueil_realisations, #accueil_slogan {align-items:center;}
#accueil_4valeurs {flex-wrap:wrap;padding:0;}
#accueil_4valeurs div
	{
	position:relative;display:flex;width:50%;height:50%;justify-content:flex-end;align-items:center;padding:20px;background-color:#fc5356;color:#ffffff;
	text-align:center;margin:0;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;
	}
#accueil_4valeurs div:first-child, #accueil_4valeurs div:last-child {background-color:#e34c4e;}
#accueil_4valeurs div:hover {background-color:#323335;}
#actualite_random {text-align:center;padding:50px;}
#actualite_random div {justify-content:flex-end;align-items:center;}
/* 2.2 LIENS *
.accueil a
	{
	display:flex;width:250px;height:40px;color:#ffffff;text-decoration:none;border-radius:10px;text-transform:uppercase;font-weight:bold;font-size:20px;
	justify-content:center;align-items:center;margin-top:30px;padding:3px 6px 3px 6px;border:2px solid #fc5356;-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;transition:all .2s ease;
	}
.accueil a:hover {background-color:#fc5356;}
#accueil_baseline a, #accueil_actualites a {border-color:#ffffff;}
#accueil_specialiste a, #accueil_team a {color:#323335;}
#accueil_baseline a:hover, #accueil_actualites a:hover {background-color:#ffffff;color:#fc5356;}
#accueil_specialiste a:hover, #accueil_team a:hover {color:#ffffff;}
/* 2.3 PHOTOS & PICTOS *
#accueil_baseline {background-image:url(Interface/camion.png);background-repeat:no-repeat;background-size:contain;background-position:right 50px center;}
#accueil_batiment, #accueil_masquotte, #accueil_photo, #actualite_random {overflow:hidden;padding:0;}
#accueil_batiment div, #accueil_masquotte div, #accueil_photo div:first-child, #actualite_random div:first-child
	{
	position:relative;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;-webkit-transition:all 10s ease;-moz-transition:all 10s ease;
	transition:all 10s ease;
	}
#accueil_specialiste {background-image:url(Interface/Background/specialistes.png);background-repeat:no-repeat;background-size:cover;padding-left:100px;}
#accueil_masquotte div {background-image:url(Interface/Photos/masquotte.jpg);}
#accueil_batiment div {background-image:url(Interface/Photos/batiment.jpg);}
#accueil_photo {cursor:pointer;background-position:center center;}
#accueil_adresse img, #accueil_slogan img {margin-bottom:40px;}
#accueil_adresse:hover > img {-webkit-animation:bounceicon 1s ease infinite;-moz-animation:bounceicon 1s ease infinite;animation:bounceicon 1s ease infinite;}
#accueil_actualites {background-image:url(Interface/megaphone.png);background-repeat:no-repeat;background-position:center 20%;}
#accueil_4valeurs figure {display:block;width:100px;height:100px;background-image:url(Interface/icon_valeurs.png);background-repeat:no-repeat;margin:0;}
#accueil_4valeurs .qualite figure {background-position:-100px 0;}
#accueil_4valeurs .innovation figure {background-position:-300px 0;}
#accueil_4valeurs .sourire figure {background-position:-200px 0;}
/* 2.4 TITRES *
.accueil h2 {margin-top:0;}
#accueil_baseline h1
	{
	width:400px;height:auto;text-transform:uppercase;font-size:45px;margin:0;padding:0;justify-content:flex-start;flex-wrap:wrap;
	background-color:transparent;margin-bottom:25px;
	}
#accueil_baseline h1:after {content:"";display:block;margin:0;width:75px;padding-top:15px;border-bottom:5px solid #ffffff;}
#accueil_actualites h2, #accueil_realisations h2 {color:#ffffff;}
#accueil_actualites h2:after {border-bottom-color:#ffffff;}
#accueil_specialiste h2:after, #accueil_valeurs h2:after, #accueil_team h2:after {margin:0;}
/* 2.5 AUTRES REGLAGES *
#accueil_baseline span {text-transform:uppercase;font-size:22px;line-height:24px;word-spacing:120%;}
#accueil_slogan
	{
	text-transform:uppercase;font-size:18px;text-align:left;align-items:center;background-image:url(Interface/Background/team.png);background-repeat:no-repeat;
	background-size:cover;
	}
#accueil_slogan span {width:100%;font-weight:bold;font-size:40px;text-align:left;}
#accueil_slogan p {width:100%;text-align:left;margin:0;padding:0;}
#accueil_4valeurs h4 {font-size:24px;font-weight:bold;text-transform:uppercase;margin:10px 0 10px 0;padding:0;}
#accueil_specialiste span {width:290px;}
#actualite_random .bandeau
 	{
	display:flex;justify-content:center;width:100%;background-color:rgba(0,0,0,0.7);font-size:22px;color:#ffffff;text-align:center;padding:10px;
	flex-wrap:wrap;text-transform:uppercase;
	}
#actualite_random .bandeau .content {font-size:14px;font-weight:normal;margin:25px 50px 0 50px;text-transform:none;}


/* 4.0 PRESTATIONS */
/* 4.1 STRUCTURE DE LA PAGE *
.prestations {position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.prestations h1 {background-image:url(Interface/Background/enseigne.png);}
.prestations .sstitle {position:relative;display:flex;width:100%;flex-direction:column;align-items:center;}
.prestations .sstitle h2 {text-align:center;}
.prestations .sstitle span {font-size:16px;width:50%;text-align:center;}
.prestations #mozaic
	{
	position:relative;display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;border:1px solid #ffffff;border-width:2px 0 0 2px;
	margin-top:50px;
	}
/* 4.2 MOZAIC *
.prestations #mozaic .item
	{
	position:relative;display:block;width:25%;height:350px;border:1px solid #ffffff;border-width:0 2px 2px 0;font-size:16px;cursor:pointer;
	}
.prestations #mozaic icon, .prestations #partenariat icon
	{
	position:relative;display:block;width:90px;height:90px;background-image:url(Interface/icon_prestations.png);background-repeat:no-repeat;border:0;
	margin-bottom:20px;background-position:0 0;
	}
.prestations #mozaic h3 {position:relative;width:100%;text-transform:uppercase;font-size:24px;margin-bottom:45px;font-weight:bold;}
.prestations #mozaic h3:after {position:absolute;content:"";display:block;margin:0 calc(50% - 35px);width:70px;padding-top:20px;border-bottom:5px solid #ffffff;}
.prestations #mozaic .signaletique {background-position:0 -90px;}
.prestations #mozaic .amenagement {background-position:0 -180px;}
.prestations #mozaic .stands {background-position:0 -270px;}
.prestations #mozaic .vehicules {background-position:0 -360px;}
.prestations #mozaic .textile {background-position:0 -450px;}
.prestations #mozaic a
	{
	position:relative;display:flex;width:25%;height:350px;background-color:#ffffff;border:1px solid #ffffff;border-width:0 2px 2px 0;justify-content:flex-end;
	align-items:center;flex-direction:column;padding:30px;overflow:hidden;
	}
.prestations #mozaic a .photo
	{
	position:absolute;width:102%;height:102%;left:0;top:0;background-position:center center;-webkit-transition:all 10s ease;-moz-transition:all 10s ease;
	transition:all 10s ease;
	}
.prestations #mozaic a span
	{
	position:relative;display:flex;background-color:#fc5356;border-radius:10px;width:60%;height:35px;color:#ffffff;font-weight:bold;justify-content:center;
	align-items:center;text-transform:uppercase;font-size:14px;bottom:40px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;
	}
.prestations #mozaic a:hover > span {background-color:#ffffff;color:#fc5356;}
.prestations #mozaic .item a
	{
	position:relative;display:flex;width:100%;height:100%;padding:30px;background-color:#fc5356;justify-content:center;color:#ffffff;text-align:center;
	align-items:center;flex-direction:column;
	}
.prestations #mozaic .item a span {background-color:transparent;width:100%;border-radius:0;height:auto;bottom:0;}
.prestations #mozaic .item a:hover > span {background-color:transparent;color:#ffffff;}
.prestations #mozaic :nth-child(1) {order:1;}
.prestations #mozaic :nth-child(2) {order:2;}
.prestations #mozaic :nth-child(3) {order:3;}
.prestations #mozaic :nth-child(4) {order:4;}
.prestations #mozaic :nth-child(5) {order:6;}
.prestations #mozaic :nth-child(6) {order:5;}
.prestations #mozaic :nth-child(7) {order:8;}
.prestations #mozaic :nth-child(8) {order:7;}
.prestations #mozaic :nth-child(9) {order:9;}
.prestations #mozaic :nth-child(10) {order:10;}
.prestations #mozaic :nth-child(11) {order:11;}
.prestations #mozaic :nth-child(12) {order:12;}
/* 4.3 DETAILS *
.prestations_details {position:relative;display:flex;background-color:#ececec;flex-wrap:wrap;justify-content:center;}
.prestations_details .enseigne {background-image:url(Interface/Background/enseigne.png);}
.prestations_details .amenagement {background-image:url(Interface/Background/amenagement.png);}
.prestations_details .signaletique {background-image:url(Interface/Background/signaletique.png);}
.prestations_details .stand {background-image:url(Interface/Background/stand.png);}
.prestations_details .vehicule {background-image:url(Interface/Background/vehicule.png);}
.prestations_details #descriptif
	{
	position:relative;display:block;width:50%;padding:20px;background-color:#ffffff;border-bottom:3px solid #fc5356;margin:40px 40px 0 40px;
	-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;
	}
.prestations_details #descriptif h2 {margin-top:0;}
.prestations_details #descriptif h2:after {margin:0;padding-top:15px;}
.prestations_details #descriptif p+p {margin-top:20px;}
.prestations_details #descriptif .light {color:#fc5356;text-transform:uppercase;font-weight:bold;}
.prestations_details a
	{
	position:relative;display:flex;width:250px;height:50px;justify-content:center;align-items:center;background-color:#fc5356;color:#ffffff;font-weight:bold;
	text-transform:uppercase;text-decoration:none;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;
	}
.prestations_details a:hover {background-color:#323335;}
.prestations_details #descriptif a
	{
	display:flex;width:100%;background-color:#ffffff;color:#fc5356;text-decoration:none;text-transform:uppercase;font-weight:bold;font-size:16px;
	justify-content:center;align-items:center;margin-top:30px;padding:3px 6px 3px 6px;border:2px solid #fc5356;-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;transition:all .2s ease;
	}
.prestations_details #descriptif a:hover {background-color:#fc5356;color:#ffffff;}
.prestations_details #realisations
	{
	position:relative;display:block;width:250px;height:225px;background-color:#000000;margin:40px 40px 20px 0;
	background-image:url(Interface/Photos/details.jpg);background-repeat:no-repeat;background-size:cover;
	}
.prestations_details #realisations a {position:absolute;bottom:10px;background-color:rgba(0,0,0,0.50);}
.prestations_details #realisations a:hover {background-color:rgba(255,255,255,0.90);color:#323335;}
.prestation_details_sample {position:relative;display:flex;width:100%;background-color:#ececec;flex-wrap:wrap;justify-content:center;padding:40px 0 40px 0;}
.prestation_details_sample div
	{
	position:relative;display:block;width:calc((50% + 265px)/6);height:150px;background-repeat:no-repeat;background-position:center center;
	background-size:cover;background-color:#323335;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;
	}
.prestation_details_sample div+div {margin-left:5px;}

/* 5.0 REALISATIONS */
/* 5.1 STRUCTURE DE LA PAGE *
.realisations {position:relative;}
.realisations h1 {background-image:url(Interface/Background/realisations.png);}
.realisations #filtres
	{
	position:relative;display:flex;width:100%;height:40px;background:#fc5356;color:#ffffff;justify-content:center;align-items:center;float:left;
	text-transform:uppercase;font-weight:bold;overflow:hidden;padding:0 30px 0 30px;
	}
.realisations #mozaic
	{
	position:relative;display:flex;width:100%;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;border:1px solid #ffffff;border-width:2px 0 0 2px;
	background-color:#000000;overflow:hidden;
	}
/* 5.2 FILTRES *
.realisations #filtres input[type="radio"] {display:none;}
.realisations #filtres input[type="radio"]:checked+label {color:#323335;}
.realisations #filtres label
	{
	position:relative;display:flex;padding:5px 10px 5px 10px;justify-content:center;align-items:center;cursor:pointer;text-align:center;
	background-image:url(Interface/icon_prestations_light.png);background-repeat:no-repeat;background-position:0 -60px;
	}
.realisations #filtres label:hover {color:#323335;}
.realisations #filtres label:after {content:attr(data-text);}
/* 5.3 MOZAIC *
.realisations #mozaic .thumb
	{
	position:relative;display:flex;width:0;height:0;cursor:pointer;background-position:center center;overflow:hidden;
	background-repeat:no-repeat;background-size:cover;border:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;
	}
.realisations #mozaic .thumbview {width:20%;height:250px;border:1px solid #ffffff;border-width:0 2px 2px 0;}
.realisations #mozaic .thumb:hover > .more {opacity:1;}
.realisations #mozaic .thumb img.photo {position:absolute;margin:auto;width:100%;height:100%;}
.realisations #mozaic .more
	{
	position:absolute;display:flex;width:calc(100% - 40px);height:calc(100% - 40px);margin:20px;background-color:rgba(50,51,53,0.95);opacity:0;color:#ffffff;
	flex-direction:column;text-transform:uppercase;justify-content:center;align-items:center;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;
	transition:all .5s ease;overflow:hidden;padding:20px;text-align:center;
	}
.realisations #mozaic .more span {margin-bottom:15px;}
/* 5.4 ZOOM *
#photo_view
	{
	position:fixed;display:flex;width:0;height:0;background-color:rgba(0,0,0,0.85);background-size:contain;background-repeat:no-repeat;
	background-position:center center;overflow:hidden;cursor:pointer;justify-content:center;align-items:flex-end;opacity:0;-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;transition:all .5s ease;
	}
.photo_fleche
	{
	position:absolute;display:block;width:50px;height:25%;top:calc(50% + 25px);transform:translateY(-50%);background-repeat:no-repeat;
	background-image:url(Interface/fleches.png);cursor:pointer;transition:all 0.5s ease;
	}
.photo_fleche:hover {background-color:#fc5356;}
#photo_precedent {background-position:0 center;left:0;}
#photo_suivant {background-position:-50px center;right:0;}
#photo_legend
	{
	position:absolute;display:flex;height:20px;right:0;bottom:0;background:#222222;color:#cccccc;padding:15px 12px 15px 12px;justify-content:center;
	align-items:center;flex-wrap:nowrap;overflow:hidden;
	}

/* 6.0 ACTUALITES */
/* 6.1 STRUCTURE DE LA PAGE *
.actualites {position:relative;display:flex;width:100%;justify-content:center;flex-wrap:wrap;}
.actualites h1, .article h1  {background-image:url(Interface/Background/print.png);}
.actualites #actus {position:relative;display:flex;width:100%;height:auto;justify-content:center;flex-wrap:wrap;padding:40px;background-color:#ececec;}
.actualites .article {position:relative;display:flex;align-content:flex-start;width:55%;height:auto;margin:40px 40px 40px 0;flex-wrap:wrap;padding-bottom:60px;}
.actualites aside {position:relative;display:flex;width:250px;align-items:flex-start;background-color:#ececec;padding:20px;margin:40px 0 40px 0;}
.actualites .article-error {position:relative;display:flex;width:75%;flex-direction:column;align-items:center;margin:50px 0 50px 0;text-align:center;}
.actualites .article-error h3 {color:#fc5356;text-transform:uppercase;font-size:26px;font-weight:bold;margin-bottom:20px;}
/* 6.2 ARTICLES LOOP *
.actualites #actus .article-loop
	{
	position:relative;display:block;width:300px;height:400px;margin:15px;background-color:#ffffff;-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 4px 0 rgba(0,0,0,0.3);box-shadow:0 0 4px 0 rgba(0,0,0,0.3);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;
	transition:all .5s ease;
	}
.actualites #actus .article-loop a
	{
	position:relative;display:block;width:100%;height:100%;padding:20px;border:2px solid #ffffff;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;
	transition:all .5s ease;text-align:center;
	}
.actualites #actus .article-loop a span
	{
	position:absolute;display:flex;width:calc(100% - 40px);height:35px;left:20px;bottom:20px;border:2px solid #fc5356;justify-content:center;align-items:center;
	text-transform:uppercase;font-weight:bold;color:#fc5356;background-color:#ffffff;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;
	transition:all .5s ease;
	}
.actualites #actus .article-loop a:hover {border-color:#fc5356;color:#3f3f41;}
.actualites #actus .article-loop a:hover > span {background-color:#fc5356;color:#ffffff;}
.actualites #actus .article-loop a h3
	{
	position:relative;display:block;width:100%;color:#fc5356;font-size:18px;font-weight:bold;padding-bottom:10px;margin:-10px 0 10px 0;
	border-bottom:1px solid #c0bfbf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;
	}
.actualites #actus .article-loop a .thumbnail {position:relative;display:block;width:calc(100% + 40px);height:200px;left:-20px;top:-20px;overflow:hidden;}
.actualites #actus .article-loop a .thumbnail img
	{position:absolute;display:block;top:50%;left:50%;min-height:100%;min-width:100%;width:auto;height:auto;transform:translate(-50%,-50%);}
/* 6.3 ARTICLE *
.actualites .article h2 {width:100%;margin:0 0 30px 0;font-size:20px;}
.actualites .article h2:after {margin:0;padding-top:10px;}
.actualites .article .date {margin-bottom:30px;color:#9c9c9c;font-size:12px;}
.actualites .article p {position:relative;width:100%;margin:0;}
.actualites .article p+p {margin-top:20px;}
.actualites .article figure, .actualites .article img:first-child {position:relative;width:100%;height:auto;padding:0;}
.actualites .article .post
	{
	position:absolute;display:flex;width:40%;height:40px;bottom:0;align-items:center;border:2px solid #fc5356;margin-top:30px;text-transform:uppercase;
	padding:10px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;flex-wrap:nowrap;
	}
.actualites .article .suivant {right:0;justify-content:flex-end;text-align:right;}
.actualites .article .precedent {left:0;justify-content:flex-start;text-align:left;}
.actualites .article .post .icone {position:relative;display:block;width:20px;height:25px;background-image:url(Interface/fleches.png);background-repeat:no-repeat;}
.actualites .article .suivant > .icone {margin-left:7px;background-position:-250px -25px;}
.actualites .article .precedent > .icone {margin-right:7px;background-position:-250px 0;}
.actualites .article .post h4 {width:calc(100% - 27px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.actualites .article .post:hover {background-color:#fc5356;color:#ffffff;}
.actualites .article .suivant:hover > .icone {background-position:-275px -25px;}
.actualites .article .precedent:hover > .icone {background-position:-275px 0;}
.actualites .article a {color:#fc5356;}
/* 6.4 SIDEBAR *
.actualites aside h2 {width:100%;margin:0 0 30px 0;font-size:20px;}
.actualites aside h2:after {margin:0;padding-top:10px;}
.actualites aside ul {position:relative;display:block;width:100%;margin:0;padding:0;list-style:none;}
.actualites aside ul li {position:relative;display:flex;flex-direction:column;width:100%;}
.actualites aside ul li+li {margin-top:10px;}
.actualites aside ul li a {position:relative;display:flex;width:100%;align-items:center;text-transform:uppercase;}
.actualites aside ul li span {font-size:12px;color:#A4A4A4;}

/* 8.0 MENTIONS & RGPD */
/* 8.2 COOKIE NOTICE *
.cookie_button
	{
	position:relative;display:inline-flex;width:auto;height:20px;background-color:#ffffff;color:#323335;padding:10px 7px 10px 7px;justify-content:center;
	align-items:center;font-weight:bold;text-transform:uppercase;border-radius:2px;;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;
	transition:all .5s ease;
	}
.cookie_button:hover {background-color:#323335;color:#ffffff;}

/* 9.0 RESPONSIVE & ANIMATIONS */
/* 9.1 ANIMATIONS *
@-webkit-keyframes bounceicon
	{
	0%, 100% {-webkit-transform:translateY(0);}
	35% {-webkit-transform:translateY(20px);}
	}
@-moz-keyframes bounceicon
	{
	0%, 100% {-moz-transform:translateY(0);}
	35% {-moz-transform:translateY(20px);}
	}
@keyframes bounceicon
	{
	0%, 100% {transform:translateY(0);}
	35% {transform:translateY(20px);}
	}
@-webkit-keyframes loading
	{
	0% {-webkit-transform:rotate(0deg);}
	25%, 50% {-webkit-transform:rotate(180deg);}
	75%, 100% {-webkit-transform:rotate(360deg);}
	}
@-moz-keyframes loading
	{
	0% {-moz-transform:rotate(0deg);}
	25%, 50% {-moz-transform:rotate(180deg);}
	75%, 100% {-moz-transform:rotate(360deg);}
	}
@keyframes loading
	{
	0% {transform:rotate(0deg);}
	25%, 50% {transform:rotate(180deg);}
	75%, 100% {transform:rotate(360deg);}
	}
@-webkit-keyframes loading_inner
	{
	0%, 25%, 100% {height:0%;}
	50%, 75% {height:100%;}
	}
@-moz-keyframes loading_inner
	{
	0%, 25%, 100% {height:0%;}
	50%, 75% {height:100%;}
	}
@keyframes loading_inner
	{
	0%, 25%, 100% {height:0%;}
	50%, 75% {height:100%;}
	}

/* 9.2 RESPONSIVE *
@media screen and (max-width:1340px)
	{
	#accueil_slogan {padding:30px;}
	#accueil_slogan span {font-size:35px;}
	}
@media screen and (max-width:1240px)
	{
	#accueil_baseline {padding:50px 50px 50px 75px;}
	.realisations #mozaic .thumbview {width:25%;height:225px;}
	.realisations #mozaic .more {font-size:12px;}
	}
@media screen and (max-width:1190px)
	{
	#accueil_baseline span {font-size:18px;line-height:20px;}
	}
@media screen and (max-width:1120px)
	{
	.confidentialite h3 {margin:7px 10% 7px 10%;font-size:12px;}
	#accueil_adresse, #accueil_batiment, #accueil_masquotte, #accueil_slogan, #accueil_photo, #accueil_realisations {width:50%;height:350px;}
	#accueil_specialiste, #actualite_random {width:100%;height:350px;}
	#accueil_valeurs {padding:50px;background-color:#323335;color:#ffffff;}
	#accueil_valeurs h2 {color:#ffffff;}
	#accueil_slogan span, #accueil_slogan p {width:65%;}
	#accueil_slogan {background-image:none;}
	#accueil_team {padding:50px;height:350px;}
	#accueil_baseline {padding:50px;height:350px;background-position:right center;}
	.actualites #actus .article-loop {width:400px;}
	.prestation_details_sample div {height:100px;}
	}
@media screen and (max-width:1060px)
	{
	.prestations #mozaic .item, .prestations #mozaic a {width:50%;}
	.prestations #mozaic :nth-child(3) {order:4;}
	.prestations #mozaic :nth-child(4) {order:3;}
	.prestations #mozaic :nth-child(5) {order:5;}
	.prestations #mozaic :nth-child(6) {order:6;}
	.prestations #mozaic :nth-child(11) {order:12;}
	.prestations #mozaic :nth-child(12) {order:11;}
	.page404 {height:500px;}
	.page404 div {width:75%;}
	}
@media screen and (max-width:960px)
	{
	#accueil_valeurs, #accueil_4valeurs {width:100%;}
	#accueil_valeurs {height:300px;}
	#accueil_slogan span, #accueil_slogan p {width:90%;}
	#accueil_baseline {background-image:none;align-items:center;text-align:center;}
	#accueil_baseline h1 {justify-content:center;}
	#accueil_baseline h1:after {margin:auto;}
	.realisations #filtres label {font-size:12px;}
	.realisations #mozaic .more {font-size:10px;}
	.realisations #mozaic .more img {width:25px;height:25px;}
	.actualites #actus .article-loop {width:300px;}
	}
@media screen and (max-width:850px)
	{
	.realisations #filtres
		{position:absolute;width:50px;height:calc(100% - 200px);left:0;top:200px;padding:10px;align-items:center;justify-content:flex-start;flex-direction:column;}
	.realisations #filtres label {display:block;width:30px;height:30px;margin-bottom:15px;}
	.realisations #filtres label:after {content:"";}
	.realisations #filtres label:nth-child(2) {background-position:0 0;}
	.realisations #filtres label:nth-child(2):hover, .realisations #filtres input[type="radio"]:checked+label:nth-child(2) {background-position:0 -30px;}
	.realisations #filtres label:nth-child(4) {background-position:-30px 0;}
	.realisations #filtres label:nth-child(4):hover, .realisations #filtres input[type="radio"]:checked+label:nth-child(4) {background-position:-30px -30px;}
	.realisations #filtres label:nth-child(6) {background-position:-60px 0;}
	.realisations #filtres label:nth-child(6):hover, .realisations #filtres input[type="radio"]:checked+label:nth-child(6) {background-position:-60px -30px;}
	.realisations #filtres label:nth-child(8) {background-position:-90px 0;}
	.realisations #filtres label:nth-child(8):hover, .realisations #filtres input[type="radio"]:checked+label:nth-child(8) {background-position:-90px -30px;}
	.realisations #filtres label:nth-child(10) {background-position:-120px 0;}
	.realisations #filtres label:nth-child(10):hover, .realisations #filtres input[type="radio"]:checked+label:nth-child(10) {background-position:-120px -30px;}
	.realisations #filtres label:nth-child(12) {background-position:-150px 0;}
	.realisations #filtres label:nth-child(12):hover, .realisations #filtres input[type="radio"]:checked+label:nth-child(12) {background-position:-150px -30px;}
	.realisations #filtres label:nth-child(14) {background-position:-180px 0;}
	.realisations #filtres label:nth-child(14):hover, .realisations #filtres input[type="radio"]:checked+label:nth-child(14) {background-position:-180px -30px;}
	.realisations #filtres label:nth-child(16) {background-position:-210px 0;}
	.realisations #filtres label:nth-child(16):hover, .realisations #filtres input[type="radio"]:checked+label:nth-child(16) {background-position:-210px -30px;}
	.realisations #mozaic {margin-left:50px;width:calc(100% - 50px);}
	.realisations #mozaic .thumbview {height:175px;}
	}
@media screen and (max-width:800px)
	{
	.realisations #filtres {height:calc(100% - 150px);top:150px;}
	.realisations #mozaic .thumbview {width:50%;height:200px;}
	#photo_legend {width:100%;height:auto;flex-wrap:wrap;font-size:11px;padding:10px 8px 10px 8px;}
	.prestations_details div a {margin:30px 0 40px 0;}
	.prestations_details #realisations {margin:0;}
	.prestations_details #realisations a {margin-bottom:0;}
	.prestation_details_sample {padding:0;}
	.prestation_details_sample div {width:calc(100% / 3);height:200px;}
	.prestation_details_sample div+div {margin:0;}
	.prestations_details #descriptif {margin:40px;}
	.actualites #actus .article-loop {width:100%;overflow:hidden;}
	.actualites .article {width:100%;margin:40px;}
	.actualites aside {width:100%;margin:0;}
	}
@media screen and (max-width:650px)
	{
	#accueil_specialiste, #accueil_team {background-image:none;padding:50px;align-items:center;text-align:center;}
	#accueil_specialiste h2:after, #accueil_team h2:after {margin:0 calc(50% - 35px);}
	#accueil_masquotte, #accueil_slogan, #accueil_team, #accueil_actualites, #accueil_photo, #accueil_realisations {width:100%;height:300px;}
	#accueil_slogan span, #accueil_slogan p {width:55%;font-size:20px;}
	#accueil_slogan img {margin-bottom:25px;}
	#accueil_realisations {background-color:#575757;}
	.realisations #mozaic .thumbview {width:50%;}
	.page404 {height:300px;}
	.page404 div {padding:25px;}
	.prestations #mozaic .item, .prestations #mozaic a {width:100%;}
	.prestations #mozaic :nth-child(3) {order:3;}
	.prestations #mozaic :nth-child(4) {order:4;}
	.prestations #mozaic :nth-child(5) {order:5;}
	.prestations #mozaic :nth-child(6) {order:6;}
	.prestations #mozaic :nth-child(7) {order:7;}
	.prestations #mozaic :nth-child(8) {order:8;}
	.prestations #mozaic :nth-child(11) {order:11;}
	.prestations #mozaic :nth-child(12) {order:12;}
	}
@media screen and (max-width:560px)
	{
	.accueil a {width:200px;height:30px;font-size:16px;}
	.prestation_details_sample div {height:150px;}
	}
@media screen and (max-width:430px)
	{
	#accueil_baseline {padding:30px;height:auto;}
	#accueil_baseline h1 {width:100%;font-size:35px;}
	.accueil a {width:150px;height:25px;font-size:12px;}
	.prestations_details #descriptif a {height:auto;}
	.prestation_details_sample div {width:50%;}
	.actualites #actus {padding:15px;}
	}
	*/