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

1.0 - ROOT
2.0 - HEADER
3.0 - FOOTER

9.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;

	--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(--bg-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;}

.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;width:100%;padding-top:60px;background-color:#333333;}
footer .copyright {background-color:#222222;padding:20px 0;text-align:center;font-size:11px;color:#888888;margin-top:60px;}



/*
.footer-content { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; padding-bottom: 50px; }
.footer-heading { font-family: var(--font-heading); font-weight: 700; text-transform: uppercase; margin-bottom: 20px; color: #fff; }
.footer-links li { margin-bottom: 10px; }
.footer-links a { color: #ccc; transition: .2s; display: flex; align-items: center; gap: 8px; }
.footer-links a:hover { color: #fff; padding-left: 5px; }
.footer-links a:before { content: "›"; color: var(--accent); font-weight: bold; }
.footer-socials { display: flex; gap: 10px; }
.footer-socials a { width: 36px; height: 36px; background: rgba(255,255,255,0.1); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,0.2); }
.footer-socials a:hover { background: var(--accent); border-color: var(--accent); }




/* 9.0 RESPONSIVE */
@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;}
	}


/* 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.3 FOOTER *
footer
	{
	position:relative;display:flex;width:100%;height:60px;left:0;justify-content:center;align-items:center;flex-wrap:nowrap;background:#1b1c1c;text-align:center;
	font-size:12px;color:#ffffff;text-transform:uppercase;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;
	}
footer a:link, footer a:visited {color:#ffffff;text-decoration:none;clear:none;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all 0.2s ease;}
footer a:hover {color:#fc5356;}
/* 1.4 SMARTPAGE *
#smartpage
	{
	position:relative;display:flex;width:100%;height:auto;justify-content:center;align-items:center;background-color:#575757;color:#ffffff;
	flex-wrap:wrap;
	}
#smartpage li {list-style-type:none;margin:50px;max-width:265px;min-height:180px;}
#smartpage li+li {margin-left:70px;-webkit-transition:all .2s ease;-moz-transition:all .5s ease;transition:all .2s ease;}
#smartpage #logo_smartpage {margin-bottom:20px;}
#smartpage h2
	{
	position:relative;display:block;text-transform:uppercase;font-size:18px;font-weight:bold;margin:0 0 20px 0;color:#ffffff;-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;transition:all .2s ease;
	}
#smartpage h2:after {border:0;}
#smartpage ul {padding:0;margin:0;list-style-type:none;}
#smartpage ul li {padding:0;margin:0;list-style-type:none;min-height:1px;}
#smartpage ul li a
	{
	color:#ffffff;text-decoration:none;text-transform:uppercase;line-height:20px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;
	transition:all .2s ease;
	}
#smartpage ul li a::before {content:"> ";color:#fc5356;}
#smartpage ul li a:hover {color:#fc5356;}
#smartpage .phone
	{
	position:relative;display:flex;width:160px;height:35px;justify-content:flex-end;align-items:center;border-radius:10px;background-color:#fc5356;
	margin:20px 0 0 0;font-size:17px;font-weight:bold;padding:0 15px 0 30px;background-image:url(Interface/icon_smartphone.png);color:#ffffff;
	background-repeat:no-repeat;background-position:10px center;
	}
/* 1.5 RESEAUX SOCIAUX *
#small_contacts #rs, #reseaux_sociaux_contact
	{
	position:relative;display:flex;width:50%;height:400px;background-color:#323335;justify-content:center;align-items:center;color:#ffffff;
	flex-direction:column;font-size:20px;background-image:url(Interface/Background/rs.png);background-repeat:no-repeat;background-size:cover;
	-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;
	}
#small_contacts #rs h2, #reseaux_sociaux_contact h2 {color:#ffffff;margin-top:0;}
#small_contacts #rs div, #reseaux_sociaux_contact div {position:relative;display:flex;width:auto;margin-top:35px;}
#small_contacts #rs a, #reseaux_sociaux_contact a
	{position:relative;display:block;width:90px;height:90px;background-image:url(Interface/rs.png);background-repeat:no-repeat;}
#small_contacts #rs a+a, #reseaux_sociaux_contact a+a {margin-left:20px;}
.facebook {background-position:-90px 0;}
.pinterest {background-position:-90px -90px;}
.youtube {background-position:-90px -180px;}
.instagram {background-position:-90px -270px;}
.facebook:hover {background-position:0 0;}
.pinterest:hover {background-position:0 -90px;}
.youtube:hover {background-position:0 -180px;}
.instagram:hover {background-position:0 -270px;}
/* 1.6 SMALL CONTACT *
#contact_appel
	{
	position:relative;display:flex;width:50%;height:400px;justify-content:center;align-items:center;color:#323335;font-size:20px;padding-right:300px;
	flex-direction:column;background-image:url(Interface/Background/contact.png);background-repeat:no-repeat;background-size:cover;-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;transition:all .2s ease;
	}
#contact_appel h2 {margin-top:0;}
#contact_appel a
	{
	position:relative;display:flex;width:230px;height:50px;justify-content:center;align-items:center;background-color:#fc5356;color:#ffffff;font-weight:bold;
	margin-top:55px;text-transform:uppercase;text-decoration:none;padding-left:40px;background-image:url(Interface/icon_contact.png);background-repeat:no-repeat;
	background-position:40px center;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;
	}
#contact_appel a:hover {background-color:#323335;}
/* 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;}
/* 1.10 MENU RESPONSIVE *
header button {border:none;cursor:pointer;outline:none;}
header button:hover {color:#fc5356;}
header .menu-toggle
	{
	position:fixed;display:none;width:35px;height:30px;top:46px;right:35px;background:transparent;border-top:4px solid;border-bottom:4px solid;color:#ffffff;
	font-size:0;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;transition:all .25s ease-in-out;padding:0;
	}
header .menu-toggle::before, header .menu-toggle::after
	{
	position:absolute;display:block;content:'';width:100%;height:4px;background:currentColor;top:50%;left:0;transform:translate(0%,-50%);padding:0;
	-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;transition:all .25s ease-in-out;
	}
header button.is-active {border-color:transparent;}
header button.is-active:before {transform:translate(0%,-50%) rotate(45deg);}
header button.is-active:after {transform:translate(0%,-50%) rotate(-45deg);}
header button.is-active > header #menu-navigation {width:300px;}
header #menu-navigation
	{
	position:fixed;display:block;width:250px;height:calc(100% - 125px);top:125px;left:-250px;background-color:#1b1c1c;z-index:99999;-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;transition:all .5s ease;
	}
header #menu-navigation .menu-menu-principal-container {position:relative;display:block;width:100%;height:auto;}
header #menu-navigation.is-active {left:0;}
header #menu-navigation ul {position:relative;display:flex;width:100%;height:auto;flex-wrap:wrap;}
header #menu-navigation ul li {position:relative;display:block;width:100%;height:50px;border-bottom:1px solid #323335;}
header #menu-navigation ul li a {position:relative;display:flex;width:100%;height:100%;justify-content:flex-start;align-items:center;padding:15px;margin:0;border:0;}
header #menu-navigation ul li:last-child a {background-color:transparent;border-radius:0;margin:0;}
header #menu-navigation ul li a:hover {background-color:#575757;color:#ffffff;}

/* 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;}

/* 3.0 TEAM */
/* 3.1 STRUCTURE DE LA PAGE *
.team {position:relative;display:flex;flex-wrap:wrap;}
.team h1 {background-image:url(Interface/Background/team_2.png);}
.team #photo_team, .team #competences
	{position:relative;display:flex;width:50%;height:400px;overflow:hidden;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.team #details_team
	{
	position:relative;display:flex;width:100%;height:auto;justify-content:center;align-items:center;background-color:#3f3f41;padding:50px 50px 20px 50px;
	background-image:url(Interface/Background/batiment.png);background-size:cover;background-repeat:no-repeat;color:#ffffff;flex-wrap:wrap;
	}
.team #methode {position:relative;display:flex;width:100%;height:auto;padding:50px;background-color:#fc5356;flex-wrap:wrap;justify-content:center;}
/* 3.2 PHOTO TEAM *
.team #photo_team .photo
	{
	position:relative;width:100%;height:100%;background-image:url('Interface/Photos/team.jpg');background-size:cover;background-repeat:no-repeat;
	-webkit-transition:all 10s ease;-moz-transition:all 10s ease;transition:all 10s ease;background-color:#000000;background-position:center center;
	}
/* 3.3 COMPETENCES *
.team #competences {padding:40px;justify-content:center;align-items:center;flex-direction:column;}
.team #competences h2, .team #competences span {width:100%;margin-top:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.team #competences h2:after {margin:0;}
/* 3.4 TEAM *
.team #details_team h2 {width:100%;color:#ffffff;text-align:center;margin-top:0;}
.team #details_team .vignette
	{position:relative;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;flex-wrap:wrap;margin:0 15px 30px 15px;}
.team #details_team .vignette div
	{
	position:relative;display:block;width:200px;height:200px;background-color:#ffffff;border-radius:100px;margin:10px 0 20px 0;
	background-image:url(Interface/avatars.jpg);background-repeat:no-repeat;background-position:0 0;
	}
.team #details_team .vignette .margaux {background-position:-200px 0;}
.team #details_team .vignette .cedric {background-position:-400px 0;}
.team #details_team .vignette .jeremie {background-position:-600px 0;}
.team #details_team .vignette .bumblebee {background-position:-800px 0;}
.team #details_team .vignette .alexis {background-position:-1000px 0;}
.team #details_team .vignette .andrea {background-position:-1200px 0;}
.team #details_team .vignette:hover > .virginie {background-position:0 -200px;}
.team #details_team .vignette:hover > .margaux {background-position:-200px -200px;}
.team #details_team .vignette:hover > .cedric {background-position:-400px -200px;}
.team #details_team .vignette:hover > .jeremie {background-position:-600px -200px;}
.team #details_team .vignette:hover > .bumblebee {background-position:-800px -200px;}
.team #details_team .vignette:hover > .alexis {background-position:-1000px -200px;}
.team #details_team .vignette:hover > .andrea {background-position:-1200px -200px;}
.team #details_team .vignette .nom {color:#fc5356;font-size:28px;margin-bottom:10px;font-family:'pacifico';}
.team #details_team .vignette .poste {font-size:16px;text-transform:uppercase;text-align:center;}
/* 3.5 METHODE *
.team #methode h2 {width:100%;color:#ffffff;text-align:center;margin-top:0;}
.team #methode h2:after {border-color:#ffffff;}
.team #methode #slider {position:relative;display:block;width:800px;height:300px;margin-bottom:30px;}
.team #methode input[type="radio"] {display:none;}
.team #methode #slides {position:relative;display:block;width:100%;height:100%;overflow:hidden;}
.team #methode #slides #container {position:relative;width:100%;height:100%;overflow:hidden;}
.team #methode #slides #container .inner {position:relative;width:600%;height:100%;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.team #methode #slides #container .inner article {position:relative;display:flex;width:800px;height:100%;float:left;justify-content:center;align-items:center;}
.team #methode #slides #container .inner article .puce
	{
	position:absolute;display:flex;width:75px;height:75px;left:0;top:0;background-color:#323335;color:#ffffff;justify-content:center;align-items:center;
	border-bottom:10px solid #fc5356;border-right:10px solid #fc5356;font-size:35px;font-weight:bold;
	}
.team #methode #slides #container .inner article .vignette
	{
	position:relative;display:flex;width:350px;height:250px;background-color:#ffffff;margin:0 50px 0 20px;-webkit-box-shadow:0 5px 0 0 rgba(212,68,73,1);
	-moz-box-shadow:0 5px 0 0 rgba(212,68,73,1);box-shadow:10px 10px 0 0 rgba(212,68,73,1);justify-content:center;align-items:center;-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;transition:all .5s ease;
	}
.team #methode #slides #container .inner article .descriptif
	{
	position:relative;display:block;width:calc(100% - 420px);height:250px;color:#ffffff;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;
	transition:all .5s ease;
	}
.team #methode #slides #container .inner article .descriptif h3 {color:#ffffff;text-transform:uppercase;font-size:22px;margin-bottom:20px;}
.team #methode #active {position:absolute;display:flex;width:100%;height:20px;left:0px;bottom:-30px;justify-content:center;align-items:center;}
.team #methode #active label
	{
	position:relative;display:inline-block;width:20px;height:20px;border-radius:100%;border:3px solid #ffffff;margin:0 2px 0px 2px;-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;transition:all .5s ease;cursor:pointer;
	}
.team #methode #active label:hover {background:#323335;border-color:#323335;}
.team #methode #slider #slide1:checked ~ #active label:nth-child(1), .team #methode #slider #slide2:checked ~ #active label:nth-child(2), .team #methode #slider #slide3:checked ~ #active label:nth-child(3), .team #methode #slider #slide4:checked ~ #active label:nth-child(4), .team #methode #slider #slide5:checked ~ #active label:nth-child(5)
	{background:#ffffff;}
.team #methode #slider #slide1:checked ~ #slides .inner {margin-left:0}
.team #methode #slider #slide2:checked ~ #slides .inner {margin-left:-100%}
.team #methode #slider #slide3:checked ~ #slides .inner {margin-left:-200%}
.team #methode #slider #slide4:checked ~ #slides .inner {margin-left:-300%}
.team #methode #slider #slide5:checked ~ #slides .inner {margin-left:-400%}
.team #methode #commands {position:absolute;display:block;width:calc(100% + 220px);height:75px;left:-110px;top:112px;}
.team #methode #commands label
	{
	position:relative;display:none;width:75px;height:75px;background-color:#ffffff;border-radius:38px;-webkit-box-shadow:5px 5px 0 0 rgba(212,68,73,1);
	-moz-box-shadow:5px 5px 0 0 rgba(212,68,73,1);box-shadow:5px 5px 0 0 rgba(212,68,73,1);cursor:pointer;background-image:url(Interface/fleches.png);
	background-repeat:no-repeat;-webkit-transition:background-color .5s ease;-moz-transition:background-color .5s ease;transition:background-color .5s ease;
	}
.team #methode #commands label:hover {background-color:#323335;}
.team #methode #slider #slide1:checked ~ #commands label:nth-child(2), .team #methode #slider #slide2:checked ~ #commands label:nth-child(3), .team #methode #slider #slide3:checked ~ #commands label:nth-child(4), .team #methode #slider #slide4:checked ~ #commands label:nth-child(5), .team #methode #slider #slide5:checked ~ #commands label:nth-child(1)
	{display:block;float:right;background-position:-175px 12px;}
.team #methode #slider #slide1:checked ~ #commands label:nth-child(5), .team #methode #slider #slide2:checked ~ #commands label:nth-child(1), .team #methode #slider #slide3:checked ~ #commands label:nth-child(2), .team #methode #slider #slide4:checked ~ #commands label:nth-child(3), .team #methode #slider #slide5:checked ~ #commands label:nth-child(4)
	{display:block;float:left;background-position:-102px 12px;}

/* 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;}

/* 7.0 CONTACT */
/* 7.1 STRUCTURE DE LA PAGE *
.contacts
	{
	position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#ffffff;color:#323335;
	padding-bottom:50px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;
	}
#contact_wrap
	{
	position:relative;display:flex;width:100%;height:auto;margin-top:60px;justify-content:center;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;
	transition:all .5s ease;
	}
#contact_wrap #formulaire, #contact_wrap #contact_aside
	{
	position:relative;display:flex;width:550px;height:100%;justify-content:center;align-items:flex-start;flex-wrap:wrap;align-content:flex-start;
	-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;
	}
#contact_aside #coordonnees
	{
	display:flex;width:100%;height:220px;padding:25px;background-color:#d9d9d9;color:#323335;flex-direction:column;align-items:flex-start;
	background-image:url(Interface/Background/tampon.png);background-repeat:no-repeat;background-position:right 30px center;-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;transition:all .5s ease;
	}
#contact_aside #mapid {position:relative;display:block;width:100%;height:485px;margin-top:20px;}
#reseaux_sociaux_contact {width:100%;}
#contact_wrap #formulaire {padding-right:20px;align-items:flex-start;}
.contacts span {width:40%;text-align:center;}
/* 7.2 TITRES *
.contacts h1 {background-image:url(Interface/Background/contacts.png);}
.contacts h2 {color:#323335;}
.contacts h2:after {border-color:#fc5356;}
.contacts #coordonnees h2 {width:100%;color:#323335;margin-top:0;}
.contacts #coordonnees h2:after {border-color:#fc5356;margin:0;}
/* 7.3 FORMULAIRE *
#formulaire .forminator-row {margin-bottom:15px !important;}
#formulaire input, #formulaire textarea
	{
	width:100%;background-color:transparent;border:1px solid #323335;padding:10px;border-radius:2px;color:#323335;font-weight:bold;-webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;transition:all .5s ease;
	}
#formulaire input:focus, #formulaire textarea:focus {background-color:#d7d7d7;}
#formulaire input::placeholder, #formulaire textarea::placeholder {color:#323335;font-size:14px;}
#formulaire .forminator-error-message {width:100%;text-align:left;}
#formulaire .forminator-description {width:100%;}
#formulaire .forminator-field {text-align:center;}
#formulaire .forminator-button-submit
	{background-color:#fc5356;color:#ffffff;border:0;text-transform:uppercase;font-size:18px;font-weight:bold;padding:5px 30px 5px 30px;width:100%;}
#formulaire .forminator-edit-module {display:none;}
/* 7.4 CONTACT ASIDE *
#contact_aside #coordonnees span, #contact_aside #coordonnees a {width:auto;font-weight:bold;font-size:28px;text-align:left;margin-top:20px;}
#contact_aside #coordonnees span:last-child {font-weight:normal;margin-top:15px;font-size:18px;}

/* 8.0 MENTIONS & RGPD */
/* 8.1 MENTIONS & CONFIDENTIALITE *
.mentions, .confidentialite {margin-bottom:40px;}
.mentions h1, .confidentialite h1 {background-image:url(Interface/Background/mentions.png);margin-bottom:40px;}
.mentions h2, .confidentialite h2
	{
	margin:30px 15% 10px 15%;border-left:5px solid #fc5356;padding-left:10px;color:#9c9c9c;font-size:20px;-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;transition:all .2s ease;
	}
.mentions h2:after, .confidentialite h2:after {border:0;}
.mentions p, .confidentialite p
	{margin:0 15% 0 15%;text-align:justify;line-height:20px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;}
.confidentialite h3 {margin:10px 15% 10px 15%;text-transform:uppercase;color:#9c9c9c}
.confidentialite ul {margin:10px 15% 10px 15%;}
.confidentialite ul li {list-style:disc;margin-left:20px;}
/* 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;}
	header #logo {left:50px;}
	header #header-widget-area {margin-right:50px;}
	}
@media screen and (max-width:1240px)
	{
	header .phone {display:none;}
	#contact_appel {padding-right:0;background-image:none;}
	#small_contacts #rs, #contact_appel {height:300px;}
	#contact_appel a {margin-top:35px;}
	#accueil_baseline {padding:50px 50px 50px 75px;}
	.contacts {padding-bottom:0;}
	#contact_wrap {flex-direction:column;align-items:center;height:auto;}
	#contact_wrap #formulaire {width:calc(100% - 400px);padding-right:0;margin-bottom:50px;}
	#contact_wrap #contact_aside {width:100%;}
	#contact_aside #coordonnees {padding-left:200px;background-position:right 200px center;}
	#contact_aside #mapid {margin-top:0;}
	.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)
	{
	section h1 {height:200px;}
	#smartpage li {width:100%;max-width:100%;min-height:auto;margin:0 10% 30px 10%;padding:20px 0 0 0;}
	#smartpage li:first-child {margin-top:30px;}
	#smartpage li+li {margin-left:10%;border-top:1px solid #aaaaaa;}
	#smartpage ul li {margin:0;border:0;}
	#smartpage ul li:first-child {margin-top:0;}
	.mentions h2, .confidentialite h2 {margin:20px 10% 7px 10%;font-size:18px;}
	.mentions p, .confidentialite p, .confidentialite ul {margin:0 10% 0 10%;line-height:15px;font-size:12px;}
	.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;}
	.team #methode #slider, .team #methode #slides #container .inner article {width:700px;}
	.team #methode #slides #container .inner article .vignette {width:250px;}
	.team #methode #slides #container .inner article .descriptif {width:calc(100% - 320px);}
	.actualites #actus .article-loop {width:400px;}
	.prestation_details_sample div {height:100px;}
	}
@media screen and (max-width:1060px)
	{
	header #logo {left:30px;}
	header .menu-menu-principal-container {display:none;}
	header #menu-navigation .menu-menu-principal-container, header .menu-toggle {display:block;}
	.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%;}
	.team #competences h2, .team #competences span {width:85%;margin-top:0;}
	}
@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;}
	#contact_wrap #formulaire {width:calc(100% - 200px);}
	#contact_aside #coordonnees {padding-left:100px;background-position:right 100px center;}
	.realisations #filtres label {font-size:12px;}
	.realisations #mozaic .more {font-size:10px;}
	.realisations #mozaic .more img {width:25px;height:25px;}
	.team #methode #commands {display:none;}
	.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;}
	.team #photo_team, .team #competences {width:100%;}
	}
@media screen and (max-width:800px)
	{
	section h1 {height:150px;font-size:25px;}
	#small_contacts #rs, #contact_appel, .prestations_details #descriptif {width:100%;}
	.contacts span, .prestations .sstitle span, .prestations #partenariat span {width:80%;}
	#contact_wrap #formulaire {width:calc(100% - 60px);margin-bottom:30px;}
	#contact_aside #coordonnees {padding-left:30px;background-position:right 30px center;}
	.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;}
	.team #methode #slider {width:500px;height:auto;}
	.team #methode #slides #container .inner article {width:500px;height:auto;flex-direction:column;justify-content:flex-start;align-items:center;}
	.team #methode #slides #container .inner article .vignette {width:350px;margin:20px 0 30px 0;}
	.team #methode #slides #container .inner article .puce {left:calc(((100% - 350px)/2) - 30px);}
	.team #methode #slides #container .inner article .descriptif {width:100%;height:auto;text-align:center;}
	.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)
	{
	footer {height:40px;font-size:9px;}
	#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;}
	.team #methode #slider {width:400px;}
	.team #methode #slides #container .inner article {width:400px;}
	.team #methode #slides #container .inner article .vignette {width:250px;height:200px;}
	.team #methode #slides #container .inner article .puce {left:calc(((100% - 250px)/2) - 30px);}
	.prestation_details_sample div {height:150px;}
	.contacts h2 {margin:40px 20px 50px 20px;text-align:center;}
	#contact_aside #coordonnees {padding-left:30px;background-image:none;align-items:center;}
	#contact_aside #coordonnees span {text-align:center;}
	.contacts #coordonnees h2 {text-align:center;}
	.contacts #coordonnees h2:after {margin:0 calc(50% - 35px);}
	}
@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;}
	#small_contacts #rs span, #reseaux_sociaux_contact span {font-size:16px;}
	.team #competences h2, .team #competences span {width:100%;}
	.team #methode #slider {width:310px;}
	.team #methode #slides #container .inner article {width:310px;}
	.prestations_details #descriptif a {height:auto;}
	.prestation_details_sample div {width:50%;}
	.actualites #actus {padding:15px;}
	}
	*/