/*------------------------------------------------------------ RESET --------------------------------------------------------------*/
 *, :before, :after {
	 -moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box;
}
 h1 {
	 color: #363636;
	 display: block;
	 font-size: calc( 32px + (56 - 32) * (100vw - 320px) / (2560 - 320) );
	 font-weight: 200;
	 line-height: 1.2em;
	 margin: 0 0 20px;
	 padding: 0 15px;
}
 h1 em {
	/*color: #eb1e4f;
	 font-weight: 200;
	 */
	 font-style: normal;
}
 section {
	 padding: 30px;
}
 .defaultButton {
	 background: #ee3451;
}
 .defaultButton:hover {
	 background: #af263c;
}
/* ================================================== */
/* Icons - (min-width: 1170px) */
/* ================================================== */
 .svgSolutionsDetails {
	 height: 125px;
	 width: 125px;
}
/* ================================================== */
/* Header */
/* ================================================== */
 #mainHeader {
	 display: block !important;
	 height: auto;
}
 #mainHeader #top-nav {
	 right: 0;
}
 #mainHeader .logo {
	 left: 15px;
}
 #mainHeader .logo#logo-twig {
	 left: 50%;
}
 #mainHeader .logo.hide, #mainHeader #top-nav .lang.hide {
	 display: none !important;
}
 #mainHeader li a.link {
	 position: relative;
}
 #mainHeader #top-nav li a.link.phone, #mainHeader #top-nav li a.link.phone:hover, #mainHeader #mobile-nav-emp li a.link.phone, #mainHeader #mobile-nav-emp li a.link.phone:hover {
	 padding: 0 0 0 15px;
}
 #mainHeader #mobile-nav-emp {
	 background: #E0EDF4;
	 box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.3);
	 position: absolute;
	 top: 65px;
	 width: 100%;
}
 #mainHeader #mobile-nav-emp li {
	 border-bottom: 1px solid #D0DEE6;
	 margin: 0 25px;
}
 #mainHeader #mobile-nav-emp li a {
	 display: block;
	 font-size: 16px;
	 line-height: 44px;
}
 #mainHeader .mobileTitleEmp {
	 color: #333;
	 display: none;
	 font-size: 32px;
	 font-weight: lighter;
	 left: 25px;
	 position: absolute;
	 top: 7px;
}
 .svgPhoneIcon {
	 height: 17px;
	 left: 0;
	 position: absolute;
	 top: 13px;
	 width: 9px;
}
 #phoneNumberHeader {
	 background-color: #333333;
	 color: white;
	 padding: 8px;
}
 #phoneNumberHeader .phone {
	 color: #fff;
	 padding-left: 15px;
	 position: relative;
}
 .phoneNumberHeaderContainer {
	 display: flex;
	 justify-content: flex-end;
	 margin: 0 auto;
	 max-width: 1170px;
	 padding-right: 12px;
	 width: 100%;
}
 #top-nav .headerLangDesktopCms {
	 display: none;
}
/* ================================================== */
/* Produits */
/* ================================================== */
 #produits {
	 background: #fff;
	 display: block;
	 padding: 30px 0 20px;
}
 #produits article {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: center;
	 margin: 0 auto;
	 padding: 30px 15px 40px;
	 position: relative;
	 width: 100%;
}
 #produits header {
	 margin: 0 auto 20px;
	 position: relative;
	 text-align: center;
	 width: 100%;
}
 #produits header:before {
	 content: "";
	 position: absolute;
	 top: 50%;
	 left: 0;
	 right: 0;
	 border-top: 1px solid #dee3e6;
}
 #produits h2 {
	 background: #fff;
	 color: #363636;
	 display: inline-block;
	 font-size: calc( 24px + (26 - 24) * (100vw - 320px) / (2560 - 320) );
	 font-weight: 400;
	 line-height: 1.2em;
	 margin: 0;
	 padding: 0 25px;
	 position: relative;
	 text-align: center;
}
 #produits article#emplacementPermanent h2 br {
	 display: none;
}
 @media screen and (max-width: 370px) {
	 #produits article#emplacementPermanent {
		 margin-top: 15px;
	}
	 #produits article#emplacementPermanent header {
		 margin-top: -72px;
	}
	 #produits article#emplacementPermanent h2 br {
		 display: block;
	}
}
 #produits h3 {
	 color: #363636;
	 font-size: calc( 26px + (40 - 26) * (100vw - 320px) / (2560 - 320) );
	 font-weight: 300;
	 line-height: 1.2em;
	 margin: 20px 0 0;
}
 #produits h2 em, #produits h3 em, #produits p em {
	 font-style: normal;
}
 #produits h2 em, #produits h3 em {
	 color: #eb1e4f;
}
 #produits p em {
	 font-weight: 700;
}
 #produits h3 br, #produits p br {
	 display: none;
}
 #produits svg, #section_boomrank img {
	 margin: 5px 15px 0;
}
 #produits div.desc {
	/*flex: 0 0 100%;
	 */
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: center;
	 width: 100%;
}
 #produits article h3, #produits article div {
	 width: 100%;
}
 #produits p, #produits ul {
	 color: #363636;
	 font-size: calc( 16px + (25 - 16) * (100vw - 320px) / (2560 - 320) );
	 line-height: 1.4em;
	 margin: 20px 0 0;
}
 #produits p.note {
	 border: 1px solid #cccccc;
	 font-size: calc( 14px + (19 - 14) * (100vw - 320px) / (2560 - 320) );
	 padding: 10px;
}
 #produits p.sub {
	 font-size: calc( 14px + (18 - 14) * (100vw - 320px) / (2560 - 320) );
	 font-weight: 600;
	 margin-top: 25px;
}
 #produits ul li {
	 padding: 0 0 5px 25px;
	 position: relative;
}
 #produits li i {
	 font-size: calc( 16px + (18 - 16) * (100vw - 320px) / (2560 - 320) );
	 line-height: 1.4em;
}
 #produits .fa-plus {
	 line-height: 1em;
	 left: 0;
	 position: absolute;
	 top: 3px;
}
 a.fixedBot {
	 background: #eb1e4f;
	 border: 1px solid #eb1e4f;
	 border-bottom: 0;
	 border-radius: 10px 10px 0 0;
	 bottom: 0;
	 color: #fff;
	 font-size: calc( 16px + (18 - 16) * (100vw - 320px) / (2560 - 320) );
	 left: 50%;
	 margin-left: -145px;
	 padding: 10px;
	 position: absolute;
	 text-align: center;
	 width: 290px;
}
 .empSignupBtnContainer {
	 background: #fff;
	 min-height: 125px;
	 padding: 10px 0 80px;
}
 .empSignupBtnContent {
	 background: #fff;
	 bottom: 0;
	 -webkit-box-shadow: 0px -2px 5px -3px rgba(0,0,0,0.4);
	 -moz-box-shadow: 0px -2px 5px -3px rgba(0,0,0,0.4);
	 box-shadow: 0px -2px 5px -3px rgba(0,0,0,0.4);
	 left: 0;
	 padding: 15px 0;
	 position: fixed;
	 right: 0;
	 text-align: center;
	 z-index: 1;
}
 .empSignupBtnContent.inView {
	 -webkit-box-shadow: none;
	 -moz-box-shadow: none;
	 box-shadow: none;
	 padding: 0;
	 position: static;
}
 .empSignupBtnBottom {
	 margin: 0 auto;
	 max-width: 270px;
	 width: 100%;
}

.boomrankVideo {
    margin: 20px 0 0 0;
}
.boomrankVideo div {
    padding-bottom: 56.25%; /* Widescreen is a 16:9 aspect ratio. (9/16) = 0.5625 */
    /* padding-top: 30px; *//*  Only needed if you want the youtube controls at the bottom */
    position: relative;
}
.boomrankVideo iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/* ================================================== */
/* Footer */
/* ================================================== */
/* Cookie consent * Global styles overrides, complements of main styles from common-styles.css from JB App */
 #cookie-consent .cookie-consent-inner > .wrapper > div > .title, #cookie-consent .cookie-consent-inner > .wrapper > div > h4 {
	 margin-bottom: 1rem;
}
 #cookie-consent .cookie-consent-inner > .wrapper > div > .title > span, #cookie-consent .cookie-consent-inner > .wrapper > div > h4 > span {
	 vertical-align: middle;
}
 #cookie-consent .cookie-consent-inner > .wrapper > div > .title > span + span, #cookie-consent .cookie-consent-inner > .wrapper > div > h4 > span + span {
	 padding-left: .5rem;
}
 #cookie-consent a[data-js-cookie-consent-close] {
	 font-size: 32px;
	 color: #333;
	 line-height: 32px;
}