/* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /****************************************/ /* HubSpot Style Boilerplate */ /****************************************/ .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { max-width: 175px !important; } /* These includes are optional, but helpful. */ /* Images */ img { max-width: 100%; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; /* Suppress the space beneath the baseline */ } /* Videos */ video { max-width: 100%; height: auto; } /* Embed Container (iFrame, Object, Embed) */ .hs-responsive-embed { position: relative; height: auto; overflow: hidden; padding-top: 0; padding-left: 0; padding-right: 0; } .hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed { width: 100%; height: 100%; border: 0; } .hs-responsive-embed, .hs-responsive-embed.hs-responsive-embed-youtube, .hs-responsive-embed.hs-responsive-embed-wistia, .hs-responsive-embed.hs-responsive-embed-vimeo { padding-bottom: 2%; } .hs-responsive-embed.hs-responsive-embed-instagram { padding-bottom: 116.01%; } .hs-responsive-embed.hs-responsive-embed-pinterest { height: auto; overflow: visible; padding: 0; } .hs-responsive-embed.hs-responsive-embed-pinterest iframe { position: static; width: auto; height: auto; } iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] { width: 100%; max-width: 100%; } @media (max-width: 568px) { iframe { max-width: 100%; } } /* Forms */ textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select { padding: 6px; display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Menus */ .hs-menu-wrapper ul { padding: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: inline-block; margin-bottom: 20px; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; left: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left: 180px; top: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch { position: relative; margin-bottom: 20px; min-height: 7em; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children { position: static; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; width: auto; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-vertical { width: 100%; } .hs-menu-wrapper.hs-menu-flow-vertical ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-vertical li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; } .hs-menu-wrapper.hs-menu-flow-vertical > ul { margin-bottom: 20px; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a { width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li a { padding: 10px 20px; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; top: 0; left: 180px; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a { min-width: 140px; width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul { max-width: 100%; overflow: hidden; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; position: static; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a { padding-left: 4em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a { padding-left: 6em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a { padding-left: 8em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a { padding-left: 140px; } .hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); } @media (max-width: 568px) { .hs-menu-wrapper, .hs-menu-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: block; max-width: 100%; width: 100%; } } .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: visible; opacity: 1; } /* Space Module */ .widget-type-space { visibility: hidden; } /* Blog Author Section */ .hs-author-listing-header { margin: 0 0 .75em 0; } .hs-author-social-links { display: inline-block; } .hs-author-social-links a.hs-author-social-link { width: 24px; height: 24px; border-width: 0px; border: 0px; line-height: 24px; background-size: 24px 24px; background-repeat: no-repeat; display: inline-block; text-indent: -99999px; } .hs-author-social-links a.hs-author-social-link.hs-social-facebook { background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-linkedin { background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-twitter { background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-google-plus { background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png"); } /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Wrapper */ .hs_cos_wrapper_type_image_slider { display: block; overflow: hidden } /* Browser Resets */ .hs_cos_flex-container a:active, .hs_cos_flex-slider a:active, .hs_cos_flex-container a:focus, .hs_cos_flex-slider a:focus {outline: none;} .hs_cos_flex-slides, .hs_cos_flex-control-nav, .hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .hs_cos_flex-slider {margin: 0; padding: 0;} .hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;} .hs_cos_flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .hs_cos_flex-slides element */ .hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .hs_cos_flex-slides {display: block;} * html .hs_cos_flex-slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ /* FlexSlider Default Theme *********************************/ .hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;} .hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .hs_cos_flex-viewport {max-height: 300px;} .hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .hs_cos_flex-direction-nav {*height: 0;} .hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; } .hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;} .hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;} .hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Direction Nav for the Thumbnail Carousel */ .hs_cos_flex_thumbnavs-direction-nav { margin: 0px; padding: 0px; list-style: none; } .hs_cos_flex_thumbnavs-direction-nav {*height: 0;} .hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;} .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; } .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;} .hs-cos-flex-slider-control-panel img { cursor: pointer; } .hs-cos-flex-slider-control-panel img:hover { opacity:.8; } .hs-cos-flex-slider-control-panel { margin-top: -30px; } /* Control Nav */ .hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;} .hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .hs_cos_flex-control-thumbs img:hover {opacity: 1;} .hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;} .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;} } .hs_cos_flex-slider .caption { background-color: rgba(0,0,0,0.5); position: absolute; font-size: 2em; line-height: 1.1em; color: white; padding: 0px 5% 0px 5%; width: 100%; bottom: 0; text-align: center; } .hs_cos_flex-slider .superimpose .caption { color: white; font-size: 3em; line-height: 1.1em; position: absolute; padding: 0px 5% 0px 5%; width: 90%; top: 40%; text-align: center; background-color: transparent; } @media all and (max-width: 400px) { .hs_cos_flex-slider .superimpose .caption { background-color: black; position: static; font-size: 2em; line-height: 1.1em; color: white; width: 90%; padding: 0px 5% 0px 5%; top: 40%; text-align: center; } /* beat recaptcha into being responsive, !importants and specificity are necessary */ #recaptcha_area table#recaptcha_table {width: 300px !important;} #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;} #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;} #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;} } .hs_cos_flex-slider h1, .hs_cos_flex-slider h2, .hs_cos_flex-slider h3, .hs_cos_flex-slider h4, .hs_cos_flex-slider h5, .hs_cos_flex-slider h6, .hs_cos_flex-slider p { color: white; } /* Thumbnail only version of the gallery */ .hs-gallery-thumbnails li { display: inline-block; margin: 0px; padding: 0px; margin-right:-4px; } .hs-gallery-thumbnails.fixed-height li img { max-height: 150px; margin: 0px; padding: 0px; border-width: 0px; } /* responsive pre elements */ pre { overflow-x: auto; } /* responsive pre tables */ table pre { white-space: pre-wrap; } /* adding minimal spacing for blog comments */ .comment { margin: 10px 0 10px 0; } /* make sure lines with no whitespace don't interefere with layout */ .hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_text, .hs_cos_wrapper_type_header, .hs_cos_wrapper_type_section_header, .hs_cos_wrapper_type_raw_html, .hs_cos_wrapper_type_raw_jinja, .hs_cos_wrapper_type_page_footer { word-wrap: break-word; } /* HTML 5 Reset */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } /* Support migrations from wordpress */ .wp-float-left { float: left; margin: 0 20px 20px 0; } .wp-float-right { float: right; margin: 0 0 20px 20px; } /* Responsive Google Maps */ #map_canvas img, .google-maps img { max-width: none; } /* line height fix for reCaptcha theme */ #recaptcha_table td {line-height: 0;} .recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;} /*****************************************/ /* Start your style declarations here */ /*****************************************/ /* ================================================================================================================================================================================================== ================================================================================================================================================================================================== GÉNÉRALE ================================================================================================================================================================================================== ==================================================================================================================================================================================================*/ :root { --newHeight: 16px; --gutter-checklist: 10rem; --font-size-legal-container: 13px; --gutter-checklist-label: 1.5rem; } @media screen and (max-width: 992px) { :root { --gutter-checklist: 5rem; } } @media screen and (max-width:767px) { :root { --gutter-checklist: 2rem; } } @font-face { font-family: 'Segoe UI Semilight'; src: url('https://cdn2.hubspot.net/hubfs/3967272/DW-Primeum/font-familly/SegoeUI/Segoe%20UI%20Semilight.eot') format('embedded-opentype'), url('https://cdn2.hubspot.net/hubfs/3967272/DW-Primeum/font-familly/SegoeUI/Segoe%20UI%20Semilight.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/3967272/DW-Primeum/font-familly/SegoeUI/Segoe%20UI%20Semilight.woff2') format('woff2'), url('https://cdn2.hubspot.net/hubfs/3967272/DW-Primeum/font-familly/SegoeUI/Segoe%20UI%20Semilight.ttf') format('truetype'), url('https://cdn2.hubspot.net/hubfs/3967272/DW-Primeum/font-familly/SegoeUI/Segoe%20UI%20Semilight.otf') format('opentype'), url('https://cdn2.hubspot.net/hubfs/3967272/DW-Primeum/font-familly/SegoeUI/Segoe%20UI%20Semilight.svg') format('svg'); font-style: normal; font-stretch: normal; } body{ font-family:'Segoe UI Semilight', sans-serif !important; -webkit-font-smoothing: antialiased; } body.hs-site-page{ font-size:16px; } .body-container{ background:url(https://cdn2.hubspot.net/hubfs/3967272/DW-Primeum/bg-vector.png)repeat-y center top; } a, p, h1, h2, h3, span, input{ font-family: 'Segoe UI Semilight', sans-serif !important; font-weight: lighter !important; -webkit-font-smoothing: antialiased; } .container p, .container ul li{ font-size:16px; } h1 { font-size:38px !important; } h2 { font-size:28px; } h3 { font-size:24px !important; position:relative; } h3:before, .richText h3:before { content: ''; position: absolute; width: 55px; height: 1px; background: #415364; bottom: -10px; } p, span, input{ /*font-size: 16px !important;*/ font-size: 16px; } @media screen and (max-width:767px) { h1 { font-size:26px !important; } h2 { font-size:20px !important; } h3 { font-size:18px !important; } } .cta-primeum{ background:#ef8938; border-style: solid; border-color: #C6702D; border-width:0 0 4px 0; font-weight: normal; padding:15px 30px; color:#fff; text-decoration:none; display:inline-block; border-radius: 4px; } .hs-cta-img { height:auto; } .cssSup, .jsSup{ display:none !important; } .header-container { position: fixed; width: 100%; background: #fff; z-index: 9999999; box-shadow: 0 -8px 20px 0; transition: all 0.3s ease-in-out; } .page_home .header-container { background: transparent; box-shadow: 0px 0px 0px 0px; transition: all 0.3s ease-in-out; } .page_home .menu_header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { color:#fff; } .page_home .menu_header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:hover { color:#ED7D31; } .page_home .menu_header .globe_class { background: url(https://cdn2.hubspot.net/hubfs/3967272/DW-Primeum/icone/internet-blanc.svg) no-repeat center center !important; background-size:100% !important; } /**************TOSCROLL*********************/ .page_home .toScroll { background: rgba(255, 255, 255, 1) !important; transition: all 0.3s ease-in-out; box-shadow: 0px -8px 20px 0px; } .page_home .toScroll .menu_header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { color:#000; } .page_home .toScroll .menu_header .globe_class { background: url(https://cdn2.hubspot.net/hubfs/3967272/DW-Primeum/icone/internet.svg) no-repeat center center !important; background-size:100% !important; } .page_home .toScroll .menu_header .hs-menu-wrapper.hs-menu-flow-horizontal > ul .hs-menu-depth-1:first-child a{ background: url(https://cdn2.hubspot.net/hubfs/3967272/DW-Primeum/icone/home.svg) no-repeat center center !important; } @media screen and (min-width:767px) { .hs-menu-depth-1:first-child .toScroll { background:url(https://cdn2.hubspot.net/hubfs/4325809/DW-icone/home-noir.svg) !important; } } @media screen and (max-width:992px) { .page_home .header-container{ background: rgba(255, 255, 255, 1) !important; box-shadow: 0 -8px 20px 0; transition: all 0.3s ease-in-out; } .page_home .menu_header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { color:#000; } .page_home .menu_header .globe_class { background: url(https://cdn2.hubspot.net/hubfs/3967272/DW-Primeum/icone/internet.svg) no-repeat center center !important; background-size:100% !important; } .page_home .toScroll .menu_header .hs-menu-wrapper.hs-menu-flow-horizontal > ul .hs-menu-depth-1:first-child a{ background: none !important; } } @media screen and (max-width:992px) { .page_home .menu_header .widget-type-logo a img { display: none; } .page_home .menu_header .widget-type-logo a { background: url(https://cdn2.hubspot.net/hub/3967272/hubfs/Logos%20pour%20Newsletter/Logo_Primeum_sans.png); background-size: contain; background-repeat: no-repeat; height: 26px; width: 100px; display: block; } } .error_page { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-flex-direction: column; min-height: 100vh; } .body-container-wrapper { flex:1; } @media screen and (min-width: 768px){ .header-container>.row-fluid-wrapper>.row-fluid:first-of-type, .wrapper-container .row-fluid-wrapper .row-fluid:first-of-type, .container{ max-width:750px; margin:0 auto; } } @media screen and (min-width: 992px){ .header-container>.row-fluid-wrapper>.row-fluid:first-of-type, .wrapper-container .row-fluid-wrapper .row-fluid:first-of-type, .container{ max-width:970px; margin:0 auto; } } @media (min-width: 1200px){ .container { width: 970px !important; } } .container-fluid { padding-right: 0 !important; padding-left: 0 !important; margin-right: 0 !important; margin-left: 0 !important; } .richText { padding: 0 15px; } .richText h2 { color:#ed7d31; text-transform:uppercase; margin: 50px 0 30px; } .richText h3, .richText h3 { color:#415364; position:relative; line-height: 30px; margin-bottom:30px; font-size:24px; } .richText h3:before, .richText h3:before{ content: ''; position: absolute; width: 55px; height: 1px; background: #415364; bottom: -10px; } .richText ul { list-style-position: inside; padding:0px; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li { border: 0px !important; } /* ========================================================================== FORMULAIRE NEWSLETTER ========================================================================== */ .formulaire-newsletter .hs_cos_wrapper_type_blog_subscribe, .formulaire-newsletter .hs_cos_wrapper_type_form{ color: #fff !important; } .formulaire-newsletter-bdp .formulaire-newsletter .hs_cos_wrapper_type_blog_subscribe, .formulaire-newsletter-bdp .formulaire-newsletter .hs_cos_wrapper_type_form p, .formulaire-newsletter-bdp .formulaire-newsletter .hs_cos_wrapper_type_form { color: #333 !important; } .formulaire-newsletter-bdp .formulaire-newsletter .legal-consent-container p { color: #fff !important; } .formulaire-newsletter{ text-align: center; position: relative; display: flex !important; flex-wrap: wrap; justify-content: center; align-items: center; min-height: 90px !important; } .formulaire-newsletter .form-title{ display: inline-block; color: #fff; margin: 0 10px 0 0; font-size:18px !important; } .formulaire-newsletter .form-title:before{ content:none; } .formulaire-newsletter .hs_email.field.hs-form-field, .formulaire-newsletter #hs_form_target_blog_subscribe, .formulaire-newsletter #hs_form_target_module_1520848151957143, .formulaire-newsletter #hs_form_target_module_152085108540545, .formulaire-newsletter #hs_form_target_module_152085131574977_newsletter_blog{ position: relative; display: inline-block; } .formulaire-newsletter #hs_form_target_module_1511869718101117, .formulaire-newsletter #hs_form_target_module_1512497416707296, .formulaire-newsletter .hs_form_target_blog_subscribe{ position: relative; display: inline-block; max-width: 300px; /*width: 100%;*/ } .formulaire-newsletter span.hs-form-required,.formulaire-newsletter label { display: none; } .formulaire-newsletter form .hs_submit{ position: absolute; display: inline-block; right:0; top:0; } .formulaire-newsletter .hs_submit { display: inline-block; } .formulaire-newsletter input[type=submit],.formulaire-newsletter input[type=email] { height: 36px; border: 0; border-radius: 0; padding: 0 10px; color: #333; } .formulaire-newsletter input[type=submit] { border-left:1px solid #aaa; background:#ED7D31; color:#fff; } ul.hs-error-msgs.inputs-list { padding-left: 0; list-style: none; color:red; } .formulaire-newsletter form .field .hs-error-msgs label { display: inline-block; margin-top: 10px; color: #E23247; } .hs_error_rollup { position: relative; display: inline-block; color: #E23247; } .hs-blog-listing .formulaire-newsletter-bdp, .hs-blog-post .wrapper-container .row-number-12{ background-color:#6F7B93; } .formulaire-newsletter-bdp .formulaire-newsletter .form-title{ color:#FFF; font-size: 20px; margin: 20px 0; } .formulaire-newsletter-bdp .formulaire-newsletter{ margin-bottom:20px; } .formulaire-newsletter-bdp h3 { text-align: center; color: #333; } .formulaire-newsletter-bdp .logo-bdp{ text-align:center; margin:40px 0; } .legal-consent-container p { margin-top: 10px; } /* ========================================================================== MENU ========================================================================== */ .hs-menu-wrapper { float:; } .header-container .custom-primary ul li{ position: relative; padding: 0 17px; color: #333; text-transform: uppercase; font-weight: 400; font-size: 12px; letter-spacing: 3.2px; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children{ min-height: 50px; height: 100%; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { max-width: 100% !important; color: #000; text-transform:uppercase; height: 100%; font-size:12px; padding: 10px; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{ margin: 0; padding: 10px; text-align: left; color:#000 !important; margin-right:30px; text-transform:none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li:hover{ background:#ed7d31; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{ transition: all 0s ease-in-out !important; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li:hover a{ color:#fff !important; transition: all 0s ease-in-out !important; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper{ background-color:#fff; top:100% } #menu-active a{ color:#ed7d31; } .image_header .menu_header .mobile-trigger i, .image_header .menu_header .mobile-trigger i:before, .image_header .menu_header .mobile-trigger i:after{ background-color: #fff; } .container_menu { position: relative; display: flex; } .switch_lang { width: 30px !important; position: absolute; top: 25px; right: -10px; } .menu_header .globe_class { background: url(https://cdn2.hubspot.net/hubfs/3967272/DW-Primeum/icone/internet.svg) no-repeat center center !important; background-size:100% !important; } .menu_header .globe_class:hover { background: url(https://cdn2.hubspot.net/hubfs/3967272/DW-Primeum/icone/internet-orange.svg) no-repeat center center !important; background-size:100% !important; } .globe_class{ width: 30px !important; height: 30px !important; background-position: center center; background-repeat: no-repeat; } @media screen and (max-width:992px) { .globe_class { width: 25px !important; /*height: 25px !important;*/ } } .lang_list_class { top: 30px; left: -45px; padding: 25px 0 0; text-align: left; } @media screen and (max-width:992px) { .lang_list_class { left: -10px; } } .lang_list_class:after, .lang_list_class:before{ content:none !important; } .lang_list_class li { width: 160px; line-height: 20px; font-weight: lighter; transition: all 0.3s ease-in-out; padding: 0 !important; } .lang_list_class li a { display: block; padding: 10px; } .lang_list_class li, .lang_list_class li:first-child, .lang_list_class li:last-child { border: 0px; } .lang_list_class li:hover { background:#ed7d31; transition: all 0.3s ease-in-out; } .lang_list_class li:hover a { color:#fff; transition: all 0.3s ease-in-out; } @media screen and (max-width:1140px) { .hs-menu-depth-1:nth-child(7) ul.hs-menu-children-wrapper { left: -80px !important; } } @media screen and (max-width:993px) { .menu_header { padding: 15px 15px 0px 15px; } .switch_lang { top: -2px; } .lang_list_class li { width: 75px; font-size: 12px !important; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{ padding: 0px !important; } } @media screen and (min-width:767px) { .container-footer-1 .hs-menu-wrapper { max-width: 200px; } } @media screen and (min-width:993px) { .hs-menu-depth-1:nth-child(7) ul.hs-menu-children-wrapper li a { width: 220px !important; } .image_header .menu_header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { color: #fff; transition: all 0.3s ease-in-out; } .menu_header img.hs-image-widget { /*margin: 30px 0px;*/ margin: 22px 0px; } .menu_header .hs-menu-wrapper > ul { display: flex !important; flex-wrap: wrap; align-items: flex-start; justify-content: space-around; /* padding-top: 30px; */ } .menu_header .hs-menu-wrapper.hs-menu-flow-horizontal > ul, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children { /* height: 96px; */ height: 80px; } .menu_header .hs-menu-wrapper > ul > li { max-width: 150px; text-align: center; padding: 0 10px; min-height: 50px; border-top: 3px solid transparent; } .menu_header .hs-menu-wrapper > ul > li:hover, #menu-active{ border-top: 3px solid #ED7D31; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { transition: all 0.3s ease-in-out; } .menu_header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { max-width: 100% !important; color: #000; text-transform: uppercase; height: 100%; font-size: 14px; padding: 0px; margin: 18px 0; display: block; white-space: initial; max-width: 140px; overflow: initial; text-overflow: initial; text-decoration: none; transition: all 0.3s ease-in-out; } .image_header .menu_header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li:hover a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li:hover a{ color: #ed7d31; transition: all 0.3s ease-in-out; } .menu_header .hs-menu-wrapper.hs-menu-flow-horizontal > ul .hs-menu-depth-1:first-child a{ background: url(https://cdn2.hubspot.net/hubfs/3967272/DW-Primeum/icone/home.svg) no-repeat center center !important; } .page_home .menu_header .hs-menu-wrapper.hs-menu-flow-horizontal > ul .hs-menu-depth-1:first-child a{ background: url(https://cdn2.hubspot.net/hubfs/3967272/DW-Primeum/icone/home-blanc.svg) no-repeat center center !important; } .menu_header .hs-menu-wrapper.hs-menu-flow-horizontal > ul .hs-menu-depth-1:first-child a:hover, .page_home .menu_header .hs-menu-wrapper.hs-menu-flow-horizontal > ul #menu-active a{ background: url(https://cdn2.hubspot.net/hubfs/3967272/DW-Primeum/icone/home-orange.svg) no-repeat center center !important; } .menu_header .hs-menu-wrapper.hs-menu-flow-horizontal > ul .hs-menu-depth-1:first-child a{ width:36px; height:36px; text-indent:-999999px; transition:all 0.3s; /* margin: 20px 0 !important; */ margin: 16px 0 !important; transition: all 0s ease-in-out !important; } } /* ================================================================================================================================================================================================== ================================================================================================================================================================================================== HOME ================================================================================================================================================================================================== ==================================================================================================================================================================================================*/ .image_header { background-size: cover; position: relative; color:#fff; height: fit-content; height: -moz-fit-content; z-index: 1; } .image_header:before { content: ''; position: absolute; background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; z-index: -1; } .text_header { padding: 18rem 0px 18rem 0px; } .textImgDroite a, .textImgDroite h2, .textImgGauche a, .textImgGauche h2{ color: #EF8938; transition: all .3s ease-in-out; position:relative; margin-top: 0px; font-weight:normal; } .textImgDroite a:before, .textImgGauche a:before{ content: ''; position: absolute; width: 55px; height: 2px; background: #EF8938; top: 25px; transition: all .3s ease-in-out; } .textImgDroite a:hover, .textImgGauche a:hover{ text-decoration:none; color:rgba(239, 137, 56, 0.6); transition: all .3s ease-in-out; } .textImgDroite a:hover:before, .textImgGauche a:hover:before{ background:rgba(239, 137, 56, 0.6); transition: all .3s ease-in-out; } .carousel-indicators li { background-color: #34495e !important; border: 1px solid #34495e !important; } .carousel-indicators .active { background-color: #fff !important; border: 1px solid #fff !important; } .container_article { margin:0px; } .flex_article { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .container_articleRecent { margin:0 auto 50px; padding: 0px !important; } h2.related-post-title { font-size: 24px; text-align: center; margin: 50px 0px; font-weight: normal; text-transform: uppercase; } .blog_remuVariable { background: #f9f9f9; padding: 30px 15px; border-right: 2px solid #fff; display: flex; flex-wrap: wrap; } .blog_remuVariable .article { position: relative; } .blog_remuVariable .resum { margin-bottom: 65px; } .blog_remuVariable .more .more-link { position: absolute; bottom: 0; right: 15px; left: 15px; border-radius: 8px; } .blog_client { background: #f9f9f9; padding: 30px 15px; } .postHead { height:220px; } .lien_blogRemu, .lien_blogClient{ text-align: center; transition: all .3s ease-in-out; width: 100%; margin: auto 0 0 0; border-radius: 8px; } .lien_blogRemu a, .lien_blogClient a { background:#79859d; border-top:0px; border-right:0px; border-left:0px; border-bottom:4px solid #3B5261; font-weight:normal; padding:10px 15px; color:#fff; transition: all .3s ease-in-out; margin:20px auto 0px auto; text-transform:uppercase; font-size:16px; display: block; width: 200px; border-radius: 8px; } .lien_blogRemu a { /*max-width: 230px;*/ padding:10px 15px; } .lien_blogRemu a:hover, .lien_blogClient a:hover { text-decoration:none; background:rgba(121, 133, 157, 0.57); transition: all .3s ease-in-out; color:#fff; } a#cta_button_3967272_919ed289-43c7-4ee6-8cbd-26ac91809e57:hover { background-color:rgb(255,150,61); transition: all 0.3s ease-in-out; } .cta_button.withoutpaddingcta { padding:0 !important; border-radius: 50% !important; } .cta_button.withoutpaddingctaborder { padding:0 !important; border:1px solid rgba(52, 73, 94, 0.2) !important; } @media screen and (max-width: 768px){ .text_header { padding: 100px 15px 30px 15px; } .textImgDroite, .textImgGauche{ margin-bottom: 50px; } .blog_remuVariable { border-right: 0px; } } @media screen and (max-width: 992px){ .blog_remuVariable .article { margin-bottom: 50px; } } /* ================================================================================================================================================================================================== ================================================================================================================================================================================================== RÉMUNÉRATION VARIABLE ================================================================================================================================================================================================== ==================================================================================================================================================================================================*/ .textPrincipal { margin:30px 0px; } .container-circle { background:#79859D; } #row-circle { margin: 30px 0px; } .clip-circle { -webkit-clip-path: circle(50.0% at 50% 50%); clip-path: circle(50.0% at 50% 50%); } img.clip-circle { max-width: 180px; } .img-circle, .circle-text{ text-align: center; } .circle-text { max-width: 190px; margin: 0 auto; color: #fff; } .titlePicto{ font-weight:normal; font-size:18px !important; margin-top: 0px !important; line-height: 25px; } .picto:hover { text-decoration:none; } .textPrincipal h2, .textTopProblem h2{ color:#DF9662; } .textPrincipal h3, .textTopProblem h3 { color:#415364; position:relative; line-height: 30px; margin-bottom: 30px; } .textPrincipal h3:before, .textTopProblem h3:before{ content: ''; position: absolute; width: 55px; height: 1px; background: #415364; bottom: -10px; } .textPrincipal ul { padding:0px; list-style-position: inside; } @media screen and (max-width:992px) { .ongletVertical .nav li { display: inline-block; background: #f5f5f5; transition: all 0.3s ease-in-out; } .ongletVertical .nav li:hover { transition: all 0.3s ease-in-out; } .ongletVertical .nav { margin-bottom: 30px !important; } } @media screen and (max-width:762px) { .textvideoDroite { margin-bottom: 30px; } .picto.smooth { display: flex; align-items: center; } .img-circle { width: 100px; } .circle-text { max-width: 60%; margin: 0 auto; color: #fff; } .container_picto { margin: 20px 0; } } /* ================================================================================================================================================================================================== ================================================================================================================================================================================================== GRAND COMPTE ================================================================================================================================================================================================== ==================================================================================================================================================================================================*/ .imgService .hs-image-widget { width: 100% !important; } .legal-consent-mention { font-size: 12px !important; font-style: italic; margin: 50px 0 0 0; border: 1px solid #f2f2f2; padding: 20px; max-width:100%; } /* ================================================================================================================================================================================================== ================================================================================================================================================================================================== PME ================================================================================================================================================================================================== ==================================================================================================================================================================================================*/ .container_pack .row-fluid { display: flex; align-items: flex-start; } .container_pack { margin-bottom: 30px; } .container_pack .panel-heading { text-transform: none !important; } @media screen and (max-width:767px) { .container_pack .row-fluid { display: block; } } .img_pack { align-self: center; } .title_choice_pack { text-align: center; color: #ed7d31; text-transform:uppercase; } .title_choice_pack h3{ margin-bottom: 20px; } .title_choice_pack h3:before{ content : none; } .img_pack img{ max-width: 120px; width: 120px; height: 120px; } .img_pack { text-align: center; } .container_pack .panel-default>.panel-heading{ padding:10px 15px; } /* ================================================================================================================================================================================================== ================================================================================================================================================================================================== FORMULAIRE PRIME & HOMMES ACADEMY ET CONTACT ================================================================================================================================================================================================== ==================================================================================================================================================================================================*/ .hs-input { /*width: 100% !important;*/ width: 100%; } .fondFrom { background: #6F7B93; color: #fff; padding:50px 0px; } .fondFrom fieldset, .fondFrom .actions, .formContact fieldset, .formContact .actions{ margin: 0 auto !important; max-width: 460px !important; font-weight: 900; } .fondFrom .form-title { text-align:center; margin-top:0px; margin-bottom: 30px; font-size: 28px !important; text-transform: uppercase; } .fondFrom .form-title:before { content: none; } .informationSup, .formContact{ padding: 0px 15px; } .informationSup label, .formContact label{ margin: 2rem 0 1rem 0; } .informationSup input[type=submit], .formContact input[type=submit], .google_search .hs-button.primary{ background: #ed7d31; border-radius: 8px !important; border-top: 0px; border-right: 0px; border-left: 0px; border-bottom: 4px solid #C6702D; font-weight: normal; color: #fff !important; display: block; text-align: center; transition: all 0.3s ease-in-out; width: fit-content; width: -moz-fit-content; padding: 10px 15px; font-size: 18px; width: 200px; margin-top: 30px; min-width: fit-content; min-width: -moz-fit-content; text-transform:uppercase; -webkit-appearance: none; } .informationSup input[type=submit]:hover, .formContact input[type=submit]:hover, .google_search .hs-button.primary:hover{ background-color:rgb(255,150,61); transition: all 0.3s ease-in-out; text-decoration:none; } .informationSup input[type="text"], .informationSup input[type="email"], .informationSup input[type="tel"], .informationSup input[type="number"], .informationSup select, .informationSup textarea { background: #d4d8df; color: #000; -webkit-appearance: none; border: 1px solid #fff; } .informationSup select { height:40px; -webkit-appearance: menulist; } .informationSup textarea, .formContact textarea{ height:200px; } .informationSup ul.hs-error-msgs.inputs-list { color:#ad2d2d; } .informationSup input[type=checkbox]:checked::after { background: no-repeat #ed7d31 url(data:image/svg+xml;base64,PCEtLTxzdmcgZmlsbD0iI2ZmZiIgc3R5bGU9ImZpbHRlcjogZHJvcC1zaGFkb3coMCAxcHggMXB4IHJnYmEoMCwwLDAsMC4yNSkpOyIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+LS0+DQogICAgPCEtLTxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4tLT4NCiAgICA8IS0tPHBhdGggZD0iTTkgMTYuMkw0LjggMTJsLTEuNCAxLjRMOSAxOSAyMSA3bC0xLjQtMS40TDkgMTYuMnoiLz4tLT4NCjwhLS08L3N2Zz4tLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IiNmZmYiIHN0eWxlPSJmaWx0ZXI6IGRyb3Atc2hhZG93KDAgMXB4IDFweCByZ2JhKDAsMCwwLDAuMjUpKTsiPg0KPGcgaWQ9IkhlYWRlcl94MkZfQkciIGRpc3BsYXk9Im5vbmUiPg0KCTxyZWN0IHg9Ii01MCIgeT0iLTMxNCIgZGlzcGxheT0iaW5saW5lIiBmaWxsPSIjRjFGMUYyIiB3aWR0aD0iNTIwIiBoZWlnaHQ9IjUyMCIvPg0KPC9nPg0KPGcgaWQ9IkJvdW5kaW5nX0JveGVzIj4NCgk8ZyBpZD0idWlfeDVGX3NwZWNfeDVGX2hlYWRlcl9jb3B5XzMiPg0KCTwvZz4NCgk8cGF0aCBmaWxsPSJub25lIiBkPSJNMCwwaDI0djI0SDBWMHoiLz4NCjwvZz4NCjxnIGlkPSJSb3VuZGVkIj4NCgk8ZyBpZD0idWlfeDVGX3NwZWNfeDVGX2hlYWRlcl9jb3B5XzUiPg0KCTwvZz4NCgk8cGF0aCBkPSJNOSwxNi4ybC0zLjUtMy41Yy0wLjM5LTAuMzktMS4wMS0wLjM5LTEuNCwwbDAsMGMtMC4zOSwwLjM5LTAuMzksMS4wMSwwLDEuNGw0LjE5LDQuMTljMC4zOSwwLjM5LDEuMDIsMC4zOSwxLjQxLDANCgkJTDIwLjMsNy43YzAuMzktMC4zOSwwLjM5LTEuMDEsMC0xLjRsMCwwYy0wLjM5LTAuMzktMS4wMS0wLjM5LTEuNCwwTDksMTYuMnoiLz4NCjwvZz4NCjxnIGlkPSJTaGFycCIgZGlzcGxheT0ibm9uZSI+DQoJPGcgaWQ9InVpX3g1Rl9zcGVjX3g1Rl9oZWFkZXJfY29weV80IiBkaXNwbGF5PSJpbmxpbmUiPg0KCTwvZz4NCgk8cGF0aCBkaXNwbGF5PSJpbmxpbmUiIGQ9Ik05LDE2LjJMNC44LDEybC0xLjQsMS40TDksMTlMMjEsN2wtMS40LTEuNEw5LDE2LjJ6Ii8+DQo8L2c+DQo8ZyBpZD0iT3V0bGluZSIgZGlzcGxheT0ibm9uZSI+DQoJPGcgaWQ9InVpX3g1Rl9zcGVjX3g1Rl9oZWFkZXIiIGRpc3BsYXk9ImlubGluZSI+DQoJPC9nPg0KCTxwYXRoIGRpc3BsYXk9ImlubGluZSIgZD0iTTksMTYuMkw0LjgsMTJsLTEuNCwxLjRMOSwxOUwyMSw3bC0xLjQtMS40TDksMTYuMnoiLz4NCjwvZz4NCjxnIGlkPSJEdW90b25lIiBkaXNwbGF5PSJub25lIj4NCgk8ZyBpZD0idWlfeDVGX3NwZWNfeDVGX2hlYWRlcl9jb3B5XzIiIGRpc3BsYXk9ImlubGluZSI+DQoJPC9nPg0KCTxwYXRoIGRpc3BsYXk9ImlubGluZSIgZD0iTTksMTYuMkw0LjgsMTJsLTEuNCwxLjRMOSwxOUwyMSw3bC0xLjQtMS40TDksMTYuMnoiLz4NCjwvZz4NCjxnIGlkPSJGaWxsIiBkaXNwbGF5PSJub25lIj4NCgk8ZyBpZD0idWlfeDVGX3NwZWNfeDVGX2hlYWRlcl9jb3B5IiBkaXNwbGF5PSJpbmxpbmUiPg0KCTwvZz4NCgk8cGF0aCBkaXNwbGF5PSJpbmxpbmUiIGQ9Ik05LDE2LjJMNC44LDEybC0xLjQsMS40TDksMTlMMjEsN2wtMS40LTEuNEw5LDE2LjJ6Ii8+DQo8L2c+DQo8ZyBpZD0ibnl0X3g1Rl9leHBvcnRlcl94NUZfaW5mbyIgZGlzcGxheT0ibm9uZSI+DQo8L2c+DQo8L3N2Zz4=) center/cover; } .informationSup input[type=checkbox]::after { content: ''; position: absolute; top: 0; left: 0; -webkit-appearance: none; height: 1.5em; width: 1.5em !important; vertical-align: top; border: 1px solid #aaa !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; transition: background 250ms ease; } .submitted-message { text-align: center; } .text_contact h2 { font-size: 24px !important; } .formContact form .legal-consent-container, .informationSup form .legal-consent-container{ font-size: 12px !important; font-style: italic; color: #f5f5f5; font-weight: 400; margin-top: 2rem; max-width:500px } .formContact form .legal-consent-container{ background-color:#f5f5f5; } .informationSup form .legal-consent-container{ background-color:transparent; } .formContact form .legal-consent-container ul.inputs-list, .informationSup form .legal-consent-container ul.inputs-list{ padding-left:0; list-style:none; } /* ================================================================================================================================================================================================== ================================================================================================================================================================================================== POSTULER ================================================================================================================================================================================================== ==================================================================================================================================================================================================*/ .title_post .subTitlePrincipal p:first-of-type { position: relative; display: inline-block; margin: 0 auto; } .title_post .subTitlePrincipal p:first-of-type span { margin-left: 25px; } .title_post .subTitlePrincipal p:first-of-type:before{ content: ''; background-image: url(https://cdn2.hubspot.net/hubfs/3967272/DW-Primeum/marker-poste.png); display: block; position: absolute; width: 20px; height: 30px; left: 0px; top: -10px; background-size: contain; background-repeat: no-repeat; } .title_postule a { cursor: pointer; background: #ef8938; border-top: 0px; border-right: 0px; border-left: 0px; border-bottom: 4px solid #C6702D; font-weight: normal; padding: 15px 50px; color: #fff; text-decoration: none; text-transform:uppercase; } /* ================================================================================================================================================================================================== ================================================================================================================================================================================================== CONTACT ================================================================================================================================================================================================== ==================================================================================================================================================================================================*/ .formContact{ margin-bottom:50px; } .formContact .input .hs-input { width:100%; } input[type=checkbox] { width:fit-content !important; margin-right:20px; border: none; border-radius: 0; background: #fff; width: 13px; height: 13px; -webkit-appearance: none; } /* input[type="checkbox"]:checked:before { font-family: FontAwesome; content: '\f00c'; display: block; color: grey; font-size: 13px; position: absolute; } */ .formContact input[type="text"], .formContact input[type="email"], .formContact input[type="tel"], .formContact select, .formContact textarea { background: #1e252d1a; color: #000; border-radius: 8px; -webkit-appearance: none; border: 0; } /* ================================================================================================================================================================================================== ================================================================================================================================================================================================== BLOG ================================================================================================================================================================================================== ==================================================================================================================================================================================================*/ /* ========================================================================== header ========================================================================== */ .fond_newsletter { background: #6E7A93; height: 150px; display: flex !important; align-items: center; justify-content: center; } .fond_newsletter .hs_cos_wrapper_type_blog_subscribe { display: flex !important; align-items: flex-start; } /* ========================================================================== FILTRES ========================================================================== */ .titre-filtre { text-align: center; margin:30px auto; color: #000; } .titre-filtre span { font-size:18px !important; } .topic-filter { margin-bottom: 30px; } .topic-filter a:hover { color: #E23247; } .topic-filter ul { display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; padding-left: 0; } .topic-filter ul li { list-style: none; border: 1px solid #000; transition: all 0.5s; margin: 5px 3px; } .topic-filter ul li.topic:hover { background-color: #ed7d31; border: 1px solid #ffffff; transition: all 0.5s; } .topic-filter ul li a { color:#000; padding:20px; display: block; font-size:20px; } .topic-filter ul li:hover a { color:#FFF; text-decoration:none; } #topics-active { background:#ed7d31; border: 1px solid #ed7d31; } #topics-active a { color:#fff; } @media screen and (max-width:767px) { .topic-filter ul { display: block; max-width:300px; margin: 0 auto; text-align: center; } .topic-filter ul li a { font-size:18px; padding: 10px; } .topic-filter ul li { margin: 5px 3px; } } /* ========================================================================== POST LISTING NO FILTER ========================================================================== */ .no-filter .post-listing{ margin: 10rem 0 0; } /* ========================================================================== POST LISTING ========================================================================== */ .date_post { line-height: 30px; } .widget-type-blog_content { max-width: 960px; margin: 0 auto !important; float: none !important; } .post-tag, .post-tag p a { padding-right: 5px; color: #6E7A93; transition: all 0.3s ease-in-out; } .post-listing { display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; margin: 0; } .post-listing .post-body p,{ font-size: 14px; } .post-listing .post-header { height: 180px; overflow: hidden; position:relative; transition: all 0.3s ease-in-out; border-radius: 8px; } .post-header .post-thumbnail{ width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-position: center center; transition: all 0.3s ease-in-out; } .post-header:hover .post-thumbnail { transform: scale(1.2); } .post-header .post-thumbnail:after { content:""; display:block; background:rgba(0,0,0, 0); width:100%; position:absolute; top:0; bottom:0; left:0; right:0; transition: all 0.3s ease-in-out; } .post-header:hover .post-thumbnail:after { background:rgba(255, 139, 54, 0.4); } .post-body a:hover, .post-body .post-tag a:focus { color: rgba(240, 143, 65, 0.6); text-decoration: none; transition: all 0.3s ease-in-out; } .post-body .post-tag a:hover, .post-body .post-tag a:focus { color: #5f6b84; } .post-body a { color:#F08F41; } .post-body h2, .post-body p.post-title { padding-bottom: 10px; font-weight: normal; margin: 10px 0; padding: 0px; transition: all 0.3s ease-in-out; } h2.post-title { color: #1E252D; font-size: 22px; } .post-tag { margin-top: 10px; } .post-item { margin-bottom: 30px; padding: 24px !important; } .primeum-blogPost .post-item { margin-bottom: 75px; } .primeum-blogPost .more .more-link { position: absolute; bottom: 0px; left: 24px; right: 24px; border-radius: 8px; } .primeum-blog .post-item { margin-bottom: 15vh !important; position: relative; } @media screen and (max-width:768px){ .primeum-blogPost .more .more-link { position: initial; } } /* ========================================================================== PAGINATION ========================================================================== */ .pagi { text-align: center; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background-color: #ED7D31; border-color: #ED7D31; } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{ color: #ED7D31; background-color:#fff; border-color: #ED7D31; } .pagination ul li:hover a, .pagi ul li:hover a{ background-color: #ed7d31; color: #fff!important; transition: all .3s ease-in-out; } .pagination li a { color: #ED7D31; border-color: #ED7D31; border-radius:0 !important; transition: all .3s ease-in-out; } .pagination li a span { font-size:14px !important; } @media screen and (max-width:768px){ .fond_newsletter .hs_cos_wrapper_type_blog_subscribe { display: block !important; align-items: center; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{ padding:0 10px; } .topic-filter ul{ padding-left: 0; } } /* ========================================================================== ARTICLE DE BLOG sans auteur ========================================================================== */ .no-author .blog-section{ margin:0 auto 80px!important; } /* ========================================================================== ARTICLE DE BLOG ========================================================================== */ .titleBlog { color: #ed7d31; font-weight:normal; margin-top:0px; } .subTitleBlog a { color: #fff; font-size: 23px; transition: all 0.3s ease-in-out; } .subTitleBlog a:hover { color: rgba(255,255,255,0.5); text-decoration:none; transition: all 0.3s ease-in-out; } .blog-link-container, .blog-section, .post-main-title { max-width: 800px; margin: 0 auto !important; float: none !important; } .post-main-title { text-align: center; } .blog-section .post-body { font-size: 16px !important; } .blog-link { font-weight:bold; color: #ed7d31; transition: all 0.3s ease-in-out; } .blog-link:hover { text-decoration:none; color: rgba(237, 125, 49,0.5); transition: all 0.3s ease-in-out; } .hs-blog-post .section.post-header { text-align:center; } .hs-blog-post .section.post-header img{ max-height: 400px; width:100%; text-align:center; } .section.post-header .bg-image{ color:#fff; padding:90px 50px; height: 300px; } .section.post-header .bg-image:after { content: ''; display: block; background-color: rgba(0,0,0,0.5); position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 0; } .section.post-header .post-tag { margin-top: 0; } .hs-blog-social-share-list { text-align:center; } .caption{ position:relative; z-index:5; } .post-author a.author-link{ color:#e68c10; } .section.post-header .post-title{ border-bottom:0; } .more .more-link { background: #ef8938; border-top: 0px; border-right: 0px; border-left: 0px; border-bottom: 4px solid #C6702D; font-weight: normal; padding: 10px 0px; color:#fff !important; display: block; text-align: center; font-size: 16px; transition: all 0.3s ease-in-out; text-transform: uppercase; border-radius: 8px; } .primeum-blog .more .more-link { position: absolute; bottom: -48px; right: 30px; left: 30px; border-radius: 8px; } .more .more-link:hover { background-color:rgb(255,150,61); transition: all 0.3s ease-in-out; } .blog-section{ padding:0 15px; } .post-thumbnail .topics { color: #818181; } .post-thumbnail h2 { } .post-link { color:#303030; } .form_article .hs_cos_wrapper_type_blog_subscribe, .form_article .formulaire-newsletter .form-title{ display:block !important; } .form_article .formulaire-newsletter .form-title { margin-bottom:20px; } .title_about:before{ content:none; } /* ========================================================================== BLOC PARTAGE ========================================================================== */ .partage{ margin:12px auto; text-align:left; } .partage p { margin-right:10px; margin-bottom:0; } .partage span.hs_cos_wrapper_type_blog_social_sharing { display:inline-block; } /* ========================================================================== BLOC COMMENTAIRES ========================================================================== */ .formulaire-newsletter-bdp, .hs-blog-post .wrapper-container .row-number-12 { background:none; } .titre-formulaire-commentaire span { font-size: 28px !important; text-transform:uppercase; } .titre-formulaire-commentaire{ text-align:center; font-size:30px; font-weight:bold; color:#ed7d31; margin-top: 30px; } .widget-type-blog_comments { max-width: 500px; margin: 0 auto !important; float: none !important; padding: 30px; } .new-comments label { font-weight: 400; font-size: 14px; } .new-comments .field { margin-bottom: 10px; } .new-comments .hs_submit{text-align:center;} .new-comments .hs-button{ background-color: #ed7d31; background: #ef8938; border-top: 0px; border-right: 0px; border-left: 0px; border-bottom: 4px solid #C6702D; color: #FFF; margin-top: 30px; transition: all 0.3s; padding: 10px 20px; text-transform: uppercase; -webkit-appearance: none; } .new-comments .hs-button:hover{ background-color: rgb(255,150,61); color:#fff; transition: all 0.3s; } /* ========================================================================== ARTICLES EN RELATION ========================================================================== */ .related-post-container{ padding:50px 0 0; } .related-post-container .post-header{ max-height:150px; position:relative; } .related-post-container .related-post-title{ color:rgba(255, 51, 68, 1); } .title-last-posts { text-align: center; margin: 30px 0px; color:#ed7d31; text-transform:uppercase; } .title-TP { text-align: center; font-family: 'Open Sans', Helvetica, Arial, sans-serif; line-height: 1.56; font-weight: 300; letter-spacing: -0.2px; color: #9B9B9B; text-transform:uppercase; } /* ================================================================================================================================================================================================== ================================================================================================================================================================================================== 404 / 500 / MODEL STANDARD ================================================================================================================================================================================================== ==================================================================================================================================================================================================*/ .textErrorPage { text-align: center; } .google_search { text-align: center; } .google_search .hs-button.primary{ margin: 30px auto; } .text_standard { padding: 15px; margin: 50px auto; } /* ================================================================================================================================================================================================== ================================================================================================================================================================================================== MENU RESPONSIVE ================================================================================================================================================================================================== ==================================================================================================================================================================================================*/ /* Fix menu disappearing on desktop after toggling mobile menu */ @media screen and (min-width:993px) { .custom-menu-primary .hs-menu-wrapper { display:block !important; height:50px; } .container-logo { margin-right: 20px; } .custom-menu-primary { margin-left: 0 !important; } } /* ========================================================================== Mobile Menu - Hubspot Standard Toggle Menu ========================================================================== */ /** * Special Note * * When the menu is open, a class of .mobile-open is applied to the body. You can * use this for custom styling on any element when the menu is in the open position. */ .mobile-trigger, .child-trigger{ display: none; /* Hide button on Desktop */ } @media (max-width: 992px){ .custom-menu-primary.js-enabled { min-height:0; width: 100%; margin-left: 0; } .widget-type-logo img { max-width: 100px; } .container-logo, .telHeader{ margin: 0 auto !important; float: none !important; display: block !important; width: 100% !important; } .container-logoMenuLien { display:block !important; height: auto; min-height:90px !important; padding-top: 14px; } .container-logoMenuLien .row-fluid-wrapper .row-fluid{ min-height:90px !important; } i.fa {display:none;} ul.hs-menu-children-wrapper{border:0;} .header-container-wrapper { max-height: 100%; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1{ float: none; background: none; } .hs-menu-wrapper, .hs-menu-wrapper *{ box-sizing: border-box; display: block; width: 100%; } .custom-menu-primary ul li:nth-child(3) a, .custom-menu-primary ul li:nth-child(4) a{ -webkit-mask-position:10px 50%; mask-position:10px 50%; -webkit-mask-size: 20px; mask-size: 20px; } .custom-menu-primary ul li:nth-child(5) a:hover { border: 0; } /* * Menu Reset * * Remove styling from desktop version of custom-menu-primary. Place any * additional CSS you want removed from the mobile menu in this reset */ .custom-menu-primary, .custom-menu-primary .hs-menu-wrapper > ul, .custom-menu-primary .hs-menu-wrapper > ul li, .custom-menu-primary .hs-menu-wrapper > ul li a{ display: block; float: none; position: static; top: 0; right: auto; left: auto; bottom: auto; padding: 0px; margin: 0px; background-image: none; /*background-color: #fff;*/ border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: none; width: 100%; height: auto; line-height: 1; font-weight: normal; text-decoration: none; text-indent: 0px; text-align: left; } .custom-menu-primary .hs-menu-wrapper > ul li a br { display: none !important; } /* Toggle Button ========================================================================== */ .mobile-trigger{ display: inline-block !important; /* Show button on mobile */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; /*******************************************/ top: -30px; /* Position Button at right of screen */ right: 5%; /*******************************************/ width: auto; /* Button width */ height: auto; /* Button height */ padding: 7px 10px 8px 10px; /*background: #ffffff;*/ /* Background color */ /* border: 1px solid ;*/ font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #5778ba; } .mobile-trigger:hover{ text-decoration: none; /* Removes link text underline on button */ color:#fff; /*background-color: ; */ border-color: transparent; } /* Change button when menu is open */ .mobile-open .mobile-trigger{ color:#fff; border-color: transparent; } /* Toggle Button Icon ========================================================================== */ .mobile-trigger i{ display: inline; position: relative; top: -4px; } .mobile-trigger i:before, .mobile-trigger i:after{ position: absolute; content: ''; } .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{ width: 22px; /* Icon line width */ height: 2px; /* Icon line height */ -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; background-color:#898989; /* Icon color */ display: inline-block; } .mobile-trigger i:before{ top: -6px; /* Position top line */ } .mobile-trigger i:after{ top: 6px; /* Position bottom line */ } .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after, .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{ background-color:#000; /* Icon color */ } /* Child Toggle Button ========================================================================== */ .child-trigger{ display: block !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; top: 0px; right: 0px; width: 55px !important; /* Button width */ min-width: 55px !important; height: 45px !important; /* Button height */ padding: 0 !important; } .child-trigger:hover{ text-decoration: none; } .child-trigger i{ position: relative; top: 50%; /* Centers icon inside button */ margin: 0 auto !important; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .child-trigger i:after{ position: absolute; content: ''; } .child-trigger i, .child-trigger i:after{ width: 10px; /* Icon line width */ height: 1px; /* Icon line height */ background-color:#333; /* Icon color */ display: block; } .child-trigger i:after{ -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .child-trigger.child-open i:after{ -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .child-trigger.child-open i{ } /* Menu Styles on Mobile Devices ========================================================================== */ .custom-menu-primary.js-enabled{ position: relative; padding-top: 15px; /* Makes room for button */ } /* Hide menu on mobile */ .custom-menu-primary.js-enabled .hs-menu-wrapper, .custom-menu-primary.js-enabled .hs-menu-children-wrapper{ display: none; } /* Make child lists appear below parent items */ .custom-menu-primary ul.hs-menu-children-wrapper{ visibility: visible !important; opacity: 1 !important; position: static !important; display:none; border-top:1px solid #e0e0e0; } /* Mobile Menu Styles */ .custom-menu-primary.js-enabled .hs-menu-wrapper{ width: 100%; position: relative; /**************************************************************/ top: 0px; /* Positions the menu to drop from the very top of the screen */ left: 0; /**************************************************************/ padding: 0px; } .image_header .menu_header .custom-menu-primary.js-enabled .hs-menu-wrapper{ width: 100%; position: absolute; /**************************************************************/ top: 20px; /* Positions the menu to drop from the very top of the screen */ left: 0; /**************************************************************/ padding: 14px; background:#fff; } .custom-menu-primary .hs-menu-wrapper{ /*background-color:;*/ /* Menu background color set off global menuColorMobile variable */ width: 100%; /* Full screen width */ } /* Level 1 Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul > li{ position: relative; } .custom-menu-primary .hs-menu-wrapper > ul > li a{ line-height: 45px; overflow: visible; text-transform: uppercase; letter-spacing: 3.2px; font-size: 12px; width: 100% !important; } /* Level 1 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul li{ border-top: 1px solid transparent; /* Adds transparent dark highlights to top of top level list items */ } .custom-menu-primary .hs-menu-wrapper > ul li a{ padding: 0; color:#333; /* link color set by global mobile-aColor variable */ transition: all 0.3s ease; } .custom-menu-primary .hs-menu-wrapper > ul li a:hover { color: #ed7d31 !important; } /* Level 2 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul ul{ width: 100%; } .custom-menu-primary .hs-menu-wrapper > ul ul li a{ text-indent: 20px; /* Indent Child lists */ color:#333; /*font-size: 0.8rem;*/ /* Font size of child lists */ /* border-bottom: 1px solid #f1f1f1;*/ } .custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{ color:#000; } /* Level 3 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{ text-indent: 30px; /* Indent Child lists */ } .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{ text-indent: 50px; /* Indent Child lists */ } } @media (max-width: 767px){ .mobile-trigger{ position: absolute; bottom: 100%; right: 5%; } } @media screen and (max-width:350px) { .custom-menu-primary .hs-menu-wrapper > ul > li a{ letter-spacing: 0px; } } /* ========================================================================== LEGAL CONSENT ========================================================================== */ .legal-consent-container { size: 12px; } /* ========================================================================== PAGE EXPERTISE - VIDEOS ENJEUX ========================================================================== */ .videos3enjeux { --gutter: 2vw; width: 100%; display: flex; flex-flow: row wrap; margin-bottom: 50px; padding: 0 var(--gutter); } .videos3enjeux div { width: calc(100% / 3); height: 100%; padding: var(--gutter); align-self: flex-end; } .videos3enjeux div h3 { margin: 0 0 20px 0 } @media screen and (max-width: 992px) { .videos3enjeux div { width: 100%; } } /* ========================================================================== LANDING PAGE - FORMULAIRE ========================================================================== */ .image_form { background-size: contain; background-repeat: no-repeat; background-position: bottom; position: relative; height: fit-content; height: -moz-fit-content; z-index: 1; } .image_form:before { content: ''; position: absolute; background: rgba(0, 0, 0, 0.1); width: 100%; height: 100%; z-index: -1; } .fondform fieldset, .fondform .actions{ margin: 0 auto !important; max-width: 460px !important; font-weight: 900; } .fondform .form-title { text-align:center; margin-top:0px; margin-bottom: 30px; font-size: 28px !important; text-transform: uppercase; } .fondform .form-title:before { content: none; } /* ========================================================================== LANDING PAGE CHECKLIST ========================================================================== */ .gradientorange { position: relative; padding: calc(var(--gutter-checklist) / 4) calc(var(--gutter-checklist) / 2); /* layout header*/ background: -webkit-linear-gradient(153deg,#fce48e 0%,#ed7d31 100%); background: linear-gradient(-63deg,#fce48e 0%,#ed7d31 100%); background-position: center center; background-repeat: no-repeat; background-size: cover; } .landing-logo .widget-type-logo { display: flex; justify-content: flex-end; } .landing-logo .widget-type-logo span { width: 150px; margin: 0 0 0 auto; } .landing-logo-max { max-width: 300px; } .landing_logo { display: flex !important; justify-content: space-around; } .img-checklist { padding: var(--gutter-checklist); visibility: visible; animation-delay: 0.5s; animation: fadeInDown 1s ease; } @keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0,-8rem,0); } 50% { opacity: 1; } 100% { opacity: 1; transform: translate3d(0,0,0); } } .icone-checklist { padding: 10px; } .text-checklist { padding: var(--gutter-checklist); } .landingform { color: #333; transform: translate3d(0, calc(var(--gutter-checklist) * -1), 0); } .landingform > div > span { background: #fff; padding: calc(var(--gutter-checklist)); box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25); } .fondlanding { background:transparent; } .fondlanding .widget-type-form { display: flex; justify-content: center; } .landingform .form-title { text-align: center; margin-top: 0px; margin-bottom: calc(var(--gutter-checklist-label) * 2); font-size: 32px !important; color: #ed7d31; max-width: 500px; } .landingform .form-title::before { content: none; } .landingform input, .landingform select { display: table !important; background-color: #ffffff; border: 1px solid #EBEBEB !important; border-radius: 4px !important; padding: calc(var(--gutter-checklist-label) / 2); } .landingform label { margin: calc(var(--gutter-checklist-label) * 2) 0 calc(var(--gutter-checklist-label) / 2) 0; word-wrap: break-word !important; font-size: 18px !important; line-height: normal; letter-spacing: 1px !important; font-family: Circular,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif !important; text-transform: uppercase !important; color: #484848 !important; display:flex; } .landingform input + span { flex: 1; text-transform: none; line-height: normal; } .landingform input[type=select] { font-size:16px; } .landingform input[type=submit] { margin-top: calc(var(--gutter-checklist-label) * 2); background:linear-gradient(-63deg,#fce48e 0%,#ed7d31 100%); font-weight: 800 !important; font-size: 24px; padding: var(--gutter-checklist-label); color:#fff; text-decoration:none; border-radius: 4px; transition: all 0.3s ease-in-out; text-transform:uppercase; float: left; } .landingform input[type=checkbox], .checkbox_form input[type=checkbox] { position: relative; -webkit-appearance: none; vertical-align: top; border: none; border-radius: 2px; background-color: #fff; color: #484848; width: 0; height: 24px; pointer-events: none; } .landingform input[type=checkbox]::after, .checkbox_form input[type=checkbox]::after, form input[type=checkbox]::after { content: ''; position: absolute; top: -1px; left: -1px; -webkit-appearance: none; height: 1.5em; width: 1.5em !important; vertical-align: top; border: 1px solid #aaa !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #fff; color: #484848; transition: background 250ms ease; } .landingform input[type=checkbox]:checked::after, .checkbox_form input[type=checkbox]:checked::after { background: no-repeat #ed7d31 url(data:image/svg+xml;base64,PCEtLTxzdmcgZmlsbD0iI2ZmZiIgc3R5bGU9ImZpbHRlcjogZHJvcC1zaGFkb3coMCAxcHggMXB4IHJnYmEoMCwwLDAsMC4yNSkpOyIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+LS0+DQogICAgPCEtLTxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4tLT4NCiAgICA8IS0tPHBhdGggZD0iTTkgMTYuMkw0LjggMTJsLTEuNCAxLjRMOSAxOSAyMSA3bC0xLjQtMS40TDkgMTYuMnoiLz4tLT4NCjwhLS08L3N2Zz4tLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IiNmZmYiIHN0eWxlPSJmaWx0ZXI6IGRyb3Atc2hhZG93KDAgMXB4IDFweCByZ2JhKDAsMCwwLDAuMjUpKTsiPg0KPGcgaWQ9IkhlYWRlcl94MkZfQkciIGRpc3BsYXk9Im5vbmUiPg0KCTxyZWN0IHg9Ii01MCIgeT0iLTMxNCIgZGlzcGxheT0iaW5saW5lIiBmaWxsPSIjRjFGMUYyIiB3aWR0aD0iNTIwIiBoZWlnaHQ9IjUyMCIvPg0KPC9nPg0KPGcgaWQ9IkJvdW5kaW5nX0JveGVzIj4NCgk8ZyBpZD0idWlfeDVGX3NwZWNfeDVGX2hlYWRlcl9jb3B5XzMiPg0KCTwvZz4NCgk8cGF0aCBmaWxsPSJub25lIiBkPSJNMCwwaDI0djI0SDBWMHoiLz4NCjwvZz4NCjxnIGlkPSJSb3VuZGVkIj4NCgk8ZyBpZD0idWlfeDVGX3NwZWNfeDVGX2hlYWRlcl9jb3B5XzUiPg0KCTwvZz4NCgk8cGF0aCBkPSJNOSwxNi4ybC0zLjUtMy41Yy0wLjM5LTAuMzktMS4wMS0wLjM5LTEuNCwwbDAsMGMtMC4zOSwwLjM5LTAuMzksMS4wMSwwLDEuNGw0LjE5LDQuMTljMC4zOSwwLjM5LDEuMDIsMC4zOSwxLjQxLDANCgkJTDIwLjMsNy43YzAuMzktMC4zOSwwLjM5LTEuMDEsMC0xLjRsMCwwYy0wLjM5LTAuMzktMS4wMS0wLjM5LTEuNCwwTDksMTYuMnoiLz4NCjwvZz4NCjxnIGlkPSJTaGFycCIgZGlzcGxheT0ibm9uZSI+DQoJPGcgaWQ9InVpX3g1Rl9zcGVjX3g1Rl9oZWFkZXJfY29weV80IiBkaXNwbGF5PSJpbmxpbmUiPg0KCTwvZz4NCgk8cGF0aCBkaXNwbGF5PSJpbmxpbmUiIGQ9Ik05LDE2LjJMNC44LDEybC0xLjQsMS40TDksMTlMMjEsN2wtMS40LTEuNEw5LDE2LjJ6Ii8+DQo8L2c+DQo8ZyBpZD0iT3V0bGluZSIgZGlzcGxheT0ibm9uZSI+DQoJPGcgaWQ9InVpX3g1Rl9zcGVjX3g1Rl9oZWFkZXIiIGRpc3BsYXk9ImlubGluZSI+DQoJPC9nPg0KCTxwYXRoIGRpc3BsYXk9ImlubGluZSIgZD0iTTksMTYuMkw0LjgsMTJsLTEuNCwxLjRMOSwxOUwyMSw3bC0xLjQtMS40TDksMTYuMnoiLz4NCjwvZz4NCjxnIGlkPSJEdW90b25lIiBkaXNwbGF5PSJub25lIj4NCgk8ZyBpZD0idWlfeDVGX3NwZWNfeDVGX2hlYWRlcl9jb3B5XzIiIGRpc3BsYXk9ImlubGluZSI+DQoJPC9nPg0KCTxwYXRoIGRpc3BsYXk9ImlubGluZSIgZD0iTTksMTYuMkw0LjgsMTJsLTEuNCwxLjRMOSwxOUwyMSw3bC0xLjQtMS40TDksMTYuMnoiLz4NCjwvZz4NCjxnIGlkPSJGaWxsIiBkaXNwbGF5PSJub25lIj4NCgk8ZyBpZD0idWlfeDVGX3NwZWNfeDVGX2hlYWRlcl9jb3B5IiBkaXNwbGF5PSJpbmxpbmUiPg0KCTwvZz4NCgk8cGF0aCBkaXNwbGF5PSJpbmxpbmUiIGQ9Ik05LDE2LjJMNC44LDEybC0xLjQsMS40TDksMTlMMjEsN2wtMS40LTEuNEw5LDE2LjJ6Ii8+DQo8L2c+DQo8ZyBpZD0ibnl0X3g1Rl9leHBvcnRlcl94NUZfaW5mbyIgZGlzcGxheT0ibm9uZSI+DQo8L2c+DQo8L3N2Zz4=) center/cover; } .landingform ul, .checkbox_form ul { list-style: none; padding: 0; } .checkbox_form input[type=checkbox] + span { text-transform: none; padding: 0 0 0 1rem; } .landingrgpd { padding: 0 calc(var(--gutter-checklist) * 2) var(--gutter-checklist) calc(var(--gutter-checklist) * 2); } .checkbox { display: flex; } .checkbox input[type=radio] + label::before { border-radius: 50%; } .checkbox input[type=radio]:checked + label::before { background: no-repeat #34495e url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiBzdHlsZT0iZmlsdGVyOiBkcm9wLXNoYWRvdygwIDFweCAxcHggcmdiYSgwLDAsMCwwLjI1KSk7IiB2aWV3Qm94PSIwIDAgMzAgMzAiICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxwYXRoIGQ9Ik0yNCAyNEgwVjBoMjR2MjR6IiBmaWxsPSJub25lIi8+DQogICAgPGNpcmNsZSBjeD0iMTUiIGN5PSIxNSIgZmlsbD0iI2ZmZiIgcj0iNyIvPg0KPC9zdmc+DQo=) center/cover; } .checkbox input[type=checkbox] + label::before { border-radius: 4px; } .checkbox input[type=checkbox]:checked + label::before { background: no-repeat #34495e url(data:image/svg+xml;base64,PCEtLTxzdmcgZmlsbD0iI2ZmZiIgc3R5bGU9ImZpbHRlcjogZHJvcC1zaGFkb3coMCAxcHggMXB4IHJnYmEoMCwwLDAsMC4yNSkpOyIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+LS0+DQogICAgPCEtLTxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4tLT4NCiAgICA8IS0tPHBhdGggZD0iTTkgMTYuMkw0LjggMTJsLTEuNCAxLjRMOSAxOSAyMSA3bC0xLjQtMS40TDkgMTYuMnoiLz4tLT4NCjwhLS08L3N2Zz4tLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IiNmZmYiIHN0eWxlPSJmaWx0ZXI6IGRyb3Atc2hhZG93KDAgMXB4IDFweCByZ2JhKDAsMCwwLDAuMjUpKTsiPg0KPGcgaWQ9IkhlYWRlcl94MkZfQkciIGRpc3BsYXk9Im5vbmUiPg0KCTxyZWN0IHg9Ii01MCIgeT0iLTMxNCIgZGlzcGxheT0iaW5saW5lIiBmaWxsPSIjRjFGMUYyIiB3aWR0aD0iNTIwIiBoZWlnaHQ9IjUyMCIvPg0KPC9nPg0KPGcgaWQ9IkJvdW5kaW5nX0JveGVzIj4NCgk8ZyBpZD0idWlfeDVGX3NwZWNfeDVGX2hlYWRlcl9jb3B5XzMiPg0KCTwvZz4NCgk8cGF0aCBmaWxsPSJub25lIiBkPSJNMCwwaDI0djI0SDBWMHoiLz4NCjwvZz4NCjxnIGlkPSJSb3VuZGVkIj4NCgk8ZyBpZD0idWlfeDVGX3NwZWNfeDVGX2hlYWRlcl9jb3B5XzUiPg0KCTwvZz4NCgk8cGF0aCBkPSJNOSwxNi4ybC0zLjUtMy41Yy0wLjM5LTAuMzktMS4wMS0wLjM5LTEuNCwwbDAsMGMtMC4zOSwwLjM5LTAuMzksMS4wMSwwLDEuNGw0LjE5LDQuMTljMC4zOSwwLjM5LDEuMDIsMC4zOSwxLjQxLDANCgkJTDIwLjMsNy43YzAuMzktMC4zOSwwLjM5LTEuMDEsMC0xLjRsMCwwYy0wLjM5LTAuMzktMS4wMS0wLjM5LTEuNCwwTDksMTYuMnoiLz4NCjwvZz4NCjxnIGlkPSJTaGFycCIgZGlzcGxheT0ibm9uZSI+DQoJPGcgaWQ9InVpX3g1Rl9zcGVjX3g1Rl9oZWFkZXJfY29weV80IiBkaXNwbGF5PSJpbmxpbmUiPg0KCTwvZz4NCgk8cGF0aCBkaXNwbGF5PSJpbmxpbmUiIGQ9Ik05LDE2LjJMNC44LDEybC0xLjQsMS40TDksMTlMMjEsN2wtMS40LTEuNEw5LDE2LjJ6Ii8+DQo8L2c+DQo8ZyBpZD0iT3V0bGluZSIgZGlzcGxheT0ibm9uZSI+DQoJPGcgaWQ9InVpX3g1Rl9zcGVjX3g1Rl9oZWFkZXIiIGRpc3BsYXk9ImlubGluZSI+DQoJPC9nPg0KCTxwYXRoIGRpc3BsYXk9ImlubGluZSIgZD0iTTksMTYuMkw0LjgsMTJsLTEuNCwxLjRMOSwxOUwyMSw3bC0xLjQtMS40TDksMTYuMnoiLz4NCjwvZz4NCjxnIGlkPSJEdW90b25lIiBkaXNwbGF5PSJub25lIj4NCgk8ZyBpZD0idWlfeDVGX3NwZWNfeDVGX2hlYWRlcl9jb3B5XzIiIGRpc3BsYXk9ImlubGluZSI+DQoJPC9nPg0KCTxwYXRoIGRpc3BsYXk9ImlubGluZSIgZD0iTTksMTYuMkw0LjgsMTJsLTEuNCwxLjRMOSwxOUwyMSw3bC0xLjQtMS40TDksMTYuMnoiLz4NCjwvZz4NCjxnIGlkPSJGaWxsIiBkaXNwbGF5PSJub25lIj4NCgk8ZyBpZD0idWlfeDVGX3NwZWNfeDVGX2hlYWRlcl9jb3B5IiBkaXNwbGF5PSJpbmxpbmUiPg0KCTwvZz4NCgk8cGF0aCBkaXNwbGF5PSJpbmxpbmUiIGQ9Ik05LDE2LjJMNC44LDEybC0xLjQsMS40TDksMTlMMjEsN2wtMS40LTEuNEw5LDE2LjJ6Ii8+DQo8L2c+DQo8ZyBpZD0ibnl0X3g1Rl9leHBvcnRlcl94NUZfaW5mbyIgZGlzcGxheT0ibm9uZSI+DQo8L2c+DQo8L3N2Zz4=) center/cover; } .checkbox input[type=checkbox], .checkbox input[type=radio] { position: absolute; opacity: 0; z-index: -1; } .checkbox input[type=checkbox] + label, .checkbox input[type=radio] + label { display: flex; align-items: center; cursor: pointer; } .checkbox input[type=checkbox] + label span, .checkbox input[type=radio] + label span { flex: 1; padding: 0 0 0 0.5rem; color: #18222B; word-break: break-word; } .checkbox input[type=checkbox] + label::before, .checkbox input[type=radio] + label::before { content: ''; display: inline-flex; align-items: center; width: 1.5rem; height: 1.5rem; background: rgba(52, 73, 94, 0.5); transition: background 250ms ease; } .checkbox input[type=checkbox] + label:hover::before, .checkbox input[type=radio] + label:hover::before { background-color: rgba(52, 73, 94, 0.8); } .checkbox input[type=checkbox] + label:active::before, .checkbox input[type=radio] + label:active::before { background-color: rgba(52, 73, 94, 0.5); } .checkbox input[type=checkbox]:disabled + label, .checkbox input[type=radio]:disabled + label { cursor: auto; } .checkbox input[type=checkbox]:disabled + label span, .checkbox input[type=radio]:disabled + label span { color: rgba(24, 34, 43, 0.5); } .checkbox input[type=checkbox]:disabled + label::before, .checkbox input[type=radio]:disabled + label::before { background: rgba(52, 73, 94, 0.25); } .checkbox + .checkbox { margin: 1rem 0 0 0; } /* ========================================================================== LANDING PAGE DECISION ========================================================================== */ .text_bloc_quote { padding: 10rem 0px 10rem 0px; } .vignette { background: #ed7d31; border-radius: 50%; width: 300px !important; height: 300px; margin: auto; overflow: hidden; display: inline-block; text-align: right; max-width:100%; position:relative; } .vignette img[src*='fabien' i] { position:absolute; left:50%; transform:translate3d(-50%,0,0) scale(.85); bottom:-80px; } .cercles { margin:auto; right: 3.5rem; bottom: 4.5rem; margin-bottom: 0; } /* ========================================================================== THANK YOU PAGE CHECKLIST ========================================================================== */ .tp_gutter { padding: calc(var(--gutter-checklist) / 4) calc(var(--gutter-checklist) / 2); } .tp_title { color: #fff; line-height: 5rem; } .tp_content { display: flex; flex-flow: row wrap; align-items: stretch; padding: 0 10rem; margin-bottom: 10rem; } @media screen and (max-width:767px) { .tp_content { padding: 0 2rem; } } .tp_content-rdv, .tp_content-blog { background-color: #f9f9f9; box-shadow:none; transition:box-shadow ease 200ms, transform ease 200ms; } .tp_content-rdv:hover, .tp_content-blog:hover { box-shadow:-1px 2px 10px 9px rgba(0, 0, 0, 0.1); transform:scale(1.01); } .tp_content-padding { padding:calc(var(--gutter-checklist-label) * 3); } .center-cta { display: flex !important; } .center-cta > * { margin:auto; } /* thank-you-page-remerciement - alignement footer en bas */ body.hs-content-id-6718476220.hs-page, body.hs-content-id-7972546661.hs-page, body.hs-content-id-7977899062.hs-page, body.hs-content-id-9913501794.hs-page { background: linear-gradient(-63deg,#fce48e 0%,#ed7d31 100%) no-repeat; display: flex; flex-direction: column; min-height: 100vh; } .tp-margin-text { margin-top: 6rem; margin-bottom: 3rem; } /* ========================================================================== THANK YOU PAGE LIVRE BLANC ========================================================================== */ .tp_content-rdv2, .tp_content-blog2 { background-color: #ffff; box-shadow:none; transition:box-shadow ease 200ms, transform ease 200ms; } .tp_content-rdv2:hover, .tp_content-blog2:hover { box-shadow:-1px 5px 20px 19px rgba(0, 0, 0, 0.1); transform:scale(1.01); } body.hs-content-id-7869469405.hs-page, body.hs-content-id-7972227917.hs-page, body.hs-content-id-7972310003.hs-page, body.hs-content-id-24638383062.hs-page { background: #f7f7f7 no-repeat; display: flex; flex-direction: column; min-height: 100vh; } .body.hs-content-id-33533440827 { background: url(https://cdn2.hubspot.net/hubfs/3967272/Restart%20Program/bg_hero.jpg) no-repeat; background-size: cover; min-height: 100vh; } /* ========================================================================== THANK YOU PAGE DE ========================================================================== */ body.hs-content-id-7892583171.hs-page, body.hs-content-id-7972717593.hs-page, body.hs-content-id-7972717947.hs-page, body.hs-content-id-18790520724.hs-page, body.hs-content-id-18903263028.hs-page, body.hs-content-id-18897883169.hs-page{ background:#2b3b5b no-repeat; display: flex; flex-direction: column; min-height: 100vh; } .tp_content-confiance, .tp_content-blog3 { background-color: #ffff; box-shadow:none; transition:box-shadow ease 200ms, transform ease 200ms; } .tp_content-confiance:hover, .tp_content-blog3:hover { box-shadow:-1px 5px 20px 19px rgba(0, 0, 0, 0.1); transform:scale(1.01); } .landingde input[type=submit] { margin-top: calc(var(--gutter-checklist-label) * 2); background:linear-gradient(-63deg,#fce48e 0%,#ed7d31 100%); font-weight: 800 !important; font-size: 24px; padding: var(--gutter-checklist-label); color:#fff; text-decoration:none; border-radius: 4px; transition: all 0.3s ease-in-out; text-transform:uppercase; float: left; } .landingde input[type=checkbox], .checkbox_form input[type=checkbox] { position: relative; -webkit-appearance: none; vertical-align: top; border: none; border-radius: 2px; background-color: #fff; color: #484848; width: 0; height: 24px; pointer-events: none; } .landingde input[type=checkbox]::after, .checkbox_form input[type=checkbox]::after { content: ''; position: absolute; top: -1px; left: -1px; -webkit-appearance: none; height: 1.5rem; width: 1.5rem !important; vertical-align: top; border: 1px solid #aaa !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #fff; color: #484848; transition: background 250ms ease; } .landingde input[type=checkbox]:checked::after, .checkbox_form input[type=checkbox]:checked::after { background: no-repeat #ed7d31 url(data:image/svg+xml;base64,PCEtLTxzdmcgZmlsbD0iI2ZmZiIgc3R5bGU9ImZpbHRlcjogZHJvcC1zaGFkb3coMCAxcHggMXB4IHJnYmEoMCwwLDAsMC4yNSkpOyIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+LS0+DQogICAgPCEtLTxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4tLT4NCiAgICA8IS0tPHBhdGggZD0iTTkgMTYuMkw0LjggMTJsLTEuNCAxLjRMOSAxOSAyMSA3bC0xLjQtMS40TDkgMTYuMnoiLz4tLT4NCjwhLS08L3N2Zz4tLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IiNmZmYiIHN0eWxlPSJmaWx0ZXI6IGRyb3Atc2hhZG93KDAgMXB4IDFweCByZ2JhKDAsMCwwLDAuMjUpKTsiPg0KPGcgaWQ9IkhlYWRlcl94MkZfQkciIGRpc3BsYXk9Im5vbmUiPg0KCTxyZWN0IHg9Ii01MCIgeT0iLTMxNCIgZGlzcGxheT0iaW5saW5lIiBmaWxsPSIjRjFGMUYyIiB3aWR0aD0iNTIwIiBoZWlnaHQ9IjUyMCIvPg0KPC9nPg0KPGcgaWQ9IkJvdW5kaW5nX0JveGVzIj4NCgk8ZyBpZD0idWlfeDVGX3NwZWNfeDVGX2hlYWRlcl9jb3B5XzMiPg0KCTwvZz4NCgk8cGF0aCBmaWxsPSJub25lIiBkPSJNMCwwaDI0djI0SDBWMHoiLz4NCjwvZz4NCjxnIGlkPSJSb3VuZGVkIj4NCgk8ZyBpZD0idWlfeDVGX3NwZWNfeDVGX2hlYWRlcl9jb3B5XzUiPg0KCTwvZz4NCgk8cGF0aCBkPSJNOSwxNi4ybC0zLjUtMy41Yy0wLjM5LTAuMzktMS4wMS0wLjM5LTEuNCwwbDAsMGMtMC4zOSwwLjM5LTAuMzksMS4wMSwwLDEuNGw0LjE5LDQuMTljMC4zOSwwLjM5LDEuMDIsMC4zOSwxLjQxLDANCgkJTDIwLjMsNy43YzAuMzktMC4zOSwwLjM5LTEuMDEsMC0xLjRsMCwwYy0wLjM5LTAuMzktMS4wMS0wLjM5LTEuNCwwTDksMTYuMnoiLz4NCjwvZz4NCjxnIGlkPSJTaGFycCIgZGlzcGxheT0ibm9uZSI+DQoJPGcgaWQ9InVpX3g1Rl9zcGVjX3g1Rl9oZWFkZXJfY29weV80IiBkaXNwbGF5PSJpbmxpbmUiPg0KCTwvZz4NCgk8cGF0aCBkaXNwbGF5PSJpbmxpbmUiIGQ9Ik05LDE2LjJMNC44LDEybC0xLjQsMS40TDksMTlMMjEsN2wtMS40LTEuNEw5LDE2LjJ6Ii8+DQo8L2c+DQo8ZyBpZD0iT3V0bGluZSIgZGlzcGxheT0ibm9uZSI+DQoJPGcgaWQ9InVpX3g1Rl9zcGVjX3g1Rl9oZWFkZXIiIGRpc3BsYXk9ImlubGluZSI+DQoJPC9nPg0KCTxwYXRoIGRpc3BsYXk9ImlubGluZSIgZD0iTTksMTYuMkw0LjgsMTJsLTEuNCwxLjRMOSwxOUwyMSw3bC0xLjQtMS40TDksMTYuMnoiLz4NCjwvZz4NCjxnIGlkPSJEdW90b25lIiBkaXNwbGF5PSJub25lIj4NCgk8ZyBpZD0idWlfeDVGX3NwZWNfeDVGX2hlYWRlcl9jb3B5XzIiIGRpc3BsYXk9ImlubGluZSI+DQoJPC9nPg0KCTxwYXRoIGRpc3BsYXk9ImlubGluZSIgZD0iTTksMTYuMkw0LjgsMTJsLTEuNCwxLjRMOSwxOUwyMSw3bC0xLjQtMS40TDksMTYuMnoiLz4NCjwvZz4NCjxnIGlkPSJGaWxsIiBkaXNwbGF5PSJub25lIj4NCgk8ZyBpZD0idWlfeDVGX3NwZWNfeDVGX2hlYWRlcl9jb3B5IiBkaXNwbGF5PSJpbmxpbmUiPg0KCTwvZz4NCgk8cGF0aCBkaXNwbGF5PSJpbmxpbmUiIGQ9Ik05LDE2LjJMNC44LDEybC0xLjQsMS40TDksMTlMMjEsN2wtMS40LTEuNEw5LDE2LjJ6Ii8+DQo8L2c+DQo8ZyBpZD0ibnl0X3g1Rl9leHBvcnRlcl94NUZfaW5mbyIgZGlzcGxheT0ibm9uZSI+DQo8L2c+DQo8L3N2Zz4=) center/cover; } .landingde ul, .checkbox_form ul { list-style: none; padding: 0; } .ctachecklist { display:grid; grid-template-columns: 1fr 1fr 0.8fr; grid-template-rows:1fr 1fr; background:linear-gradient(-63deg,#fce48e 0%,#ed7d31 100%); border-radius:10px; padding:2rem !important; transition:box-shadow 500ms ease; column-gap: 1rem; row-gap: 1rem; } .ctachecklist:hover { box-shadow:0 2px 32px rgba(0,0,0,.5); } .contentctachecklist { grid-column:1/3; grid-row:1/2; display:flex; flex-flow:column; text-align:left; font-family: inherit; } .contentctachecklist h2{ text-transform:uppercase; color:#fff !important; font-weight:800 !important; letter-spacing:2px; font-size:3rem !important; margin:0 0 2rem 0 !important; line-height:1.3; } .contentctachecklist p{ font-size:2rem !important; } .imgctachecklist { grid-column:3/3; grid-row:1/3; } .ctactachecklist{ display:flex; grid-column:1/3; grid-row:2/2; padding: 1rem 0 1rem 0 !important; } .textctactachecklist { margin: auto !important; font-weight:800 !important; background-color:rgb(242, 242, 242); border-radius:10px; color:#34495e; text-transform:uppercase; font-size:2rem; padding:1rem 4rem !important; } @media (max-width:800px){ .ctachecklist { display:flex; flex-flow:column; align-items:center; } .imgctachecklist { max-width:80%; } } .imgctachecklist img, .imgctalivreblanc img { max-height: 350px; width:100%; } .cta_button .withoutpaddingcta { padding:0 !important; border-radius: 50% !important; } .cta_button .withoutpaddingctaborder { padding:0 !important; border:1px solid rgba(52, 73, 94, 0.2) !important; box-shadow: var(--box-shadow-primary); }