.bg--grey { background: #f0f0ef }
.bg--grey-light { background: #f4f4f3 }
.bg--white { background: #fff }
.bg--yellow { background: #fc3 }
.bg--blue { background: #000 }
.fl-left { float: left }
.fl-right { float: right }
.hidden { display: none; visibility: hidden }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px }
.d-none { display: none!important }
#breadcrumb:after, #breadcrumb:before, #jumpmenu:after, #jumpmenu:before, .clearfix:after, .clearfix:before, .form-row:after, .form-row:before, .l-row:after, .l-row:before, .l-zone:after, .l-zone:before, .map-legend p:after, .map-legend p:before, .page-header:after, .page-header:before, .page-title:after, .page-title:before { content: " "; display: table }
#breadcrumb:after, #jumpmenu:after, .clear, .clearfix:after, .form-row:after, .l-row:after, .l-zone:after, .map-legend p:after, .page-header:after, .page-title:after { clear: both }
.story--sticker .it-content:before, .story--sticker:before { height: 0; width: 0; border-bottom: 1rem solid; border-left: 1rem solid transparent; border-right: 1rem solid transparent }
@-webkit-keyframes scalepulse { 20% {
-webkit-transform:translate3d(-50%, -50%, 0) scale(1.15);
transform:translate3d(-50%, -50%, 0) scale(1.15);
-webkit-animation-timing-function:ease;
animation-timing-function:ease
}
50% {
-webkit-transform:translate3d(-50%, -50%, 0) scale(1);
transform:translate3d(-50%, -50%, 0) scale(1);
-webkit-animation-timing-function:ease;
animation-timing-function:ease
}
}
@keyframes scalepulse { 20% {
-webkit-transform:translate3d(-50%, -50%, 0) scale(1.15);
transform:translate3d(-50%, -50%, 0) scale(1.15);
-webkit-animation-timing-function:ease;
animation-timing-function:ease
}
50% {
-webkit-transform:translate3d(-50%, -50%, 0) scale(1);
transform:translate3d(-50%, -50%, 0) scale(1);
-webkit-animation-timing-function:ease;
animation-timing-function:ease
}
}
@-webkit-keyframes slideButtonArrow { 0% {
-webkit-transform:translateX(0);
transform:translateX(0);
opacity:1
}
50% {
-webkit-transform:translateX(1.6rem);
transform:translateX(1.6rem);
opacity:0
}
75% {
-webkit-transform:translateX(-1.6rem);
transform:translateX(-1.6rem);
opacity:0
}
to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 }
}
@keyframes slideButtonArrow { 0% {
-webkit-transform:translateX(0);
transform:translateX(0);
opacity:1
}
50% {
-webkit-transform:translateX(1.6rem);
transform:translateX(1.6rem);
opacity:0
}
75% {
-webkit-transform:translateX(-1.6rem);
transform:translateX(-1.6rem);
opacity:0
}
to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 }
}
@font-face { font-family: icomoon; src: url(fonts/icomoon.woff2?2fiwat) format("woff2"), url(fonts/icomoon.woff?2fiwat) format("woff"); font-weight: 400; font-style: normal }
[class*=" icon-"]:before, [class^=icon-]:before { font-family: icomoon!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.ico, [class^=ico-] {
border:0;
font:0/0 a;
text-shadow:none;
color:transparent
}
.ico--facebook, .ico--fb, .ico--instagram, .ico--linkedin, .ico--live, .ico--pinterest, .ico--snapchat, .ico--tweet, .ico--twitter, .ico--youtube, .icon--social-responsive { border: 0; font: 0/0 a; text-shadow: none; color: transparent; display: inline-block; height: 40px; width: 40px; border-radius: 50%; vertical-align: middle; text-align: center }
.ico--facebook:before, .ico--fb:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease }
.story--facebook .ico--facebook, .story--facebook .ico--fb { background: url(images/sprite.png) no-repeat -350px -1px }
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {
.story--facebook .ico--facebook, .story--facebook .ico--fb { background-image: url(images/sprite_2x.png); background-size: 500px 500px }
}
.page-header .ico--facebook:before, .page-header .ico--fb:before { line-height: 1; line-height: 3.9rem; font-size: 2rem }
.ico--tweet:before, .ico--twitter:before, .page-header .ico--facebook:before, .page-header .ico--fb:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease }
.ico--tweet:before, .ico--twitter:before { line-height: 1 }
.blog--detail-content .ico--tweet:before, .blog--detail-content .ico--twitter:before, .page-header .ico--tweet:before, .page-header .ico--twitter:before { line-height: 1; line-height: 3.9rem; font-size: 2rem }
.blog--detail-content .ico--tweet:before, .blog--detail-content .ico--twitter:before, .ico--youtube:before, .page-header .ico--tweet:before, .page-header .ico--twitter:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease }
.ico--youtube:before { line-height: 1 }
.story--youtube .ico--youtube { background: url(images/sprite.png) no-repeat -301px -1px }
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {
.story--youtube .ico--youtube { background-image: url(images/sprite_2x.png); background-size: 500px 500px }
}
.page-header .ico--youtube:before { line-height: 1; font-size: 2rem; line-height: 3.9rem }
.ico--pinterest:before, .page-header .ico--youtube:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease }
.ico--pinterest:before { line-height: 1 }
.blog--detail-content .ico--pinterest:before, .page-header .ico--pinterest:before { line-height: 1; line-height: 3.9rem; font-size: 2rem }
.blog--detail-content .ico--pinterest:before, .ico--instagram:before, .page-header .ico--pinterest:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease }
.ico--instagram:before { line-height: 1 }
.story--instagram .ico--instagram { background: url(images/sprite.png) no-repeat -425px 0 }
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {
.story--instagram .ico--instagram { background-image: url(images/sprite_2x.png); background-size: 500px 500px }
}
.page-header .ico--instagram:before { line-height: 1; font-size: 2rem; line-height: 3.9rem }
.ico--linkedin:before, .page-header .ico--instagram:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease }
.ico--linkedin:before { line-height: 1 }
.blog--detail-content .ico--linkedin:before, .page-header .ico--linkedin:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; line-height: 3.9rem; font-size: 2rem }
.ico--live { background: url(images/sprite.png) no-repeat -175px 0 }
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {
.ico--live { background-image: url(images/sprite_2x.png); background-size: 500px 500px }
}
.ico--snapchat { background: url(images/sprite.png) no-repeat -425px -200px }
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {
.ico--snapchat { background-image: url(images/sprite_2x.png); background-size: 500px 500px }
}
.ico--share:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease }
.page-header .ico--share:before { left: -1px; top: 1px }
.js-handle-social-responsive-close:before, .page-header .ico--share:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; font-size: 2rem; line-height: 3.9rem }
.js-handle-social-responsive-close:before { color: #fff }
.page-header .js-handle-social-responsive-close { background: #fff }
.btn--download:before, .btn--grey-twitter:before, .btn--orange-twitter:before { height: 3rem; text-align: center; vertical-align: middle; width: 2.6rem }
.btn--download:before { background-image: url(images/sprite-left.png); background-repeat: no-repeat; background-position: left -478px }
.btn--grey-twitter:before, .btn--orange-twitter:before { background-image: url(images/sprite.png); background-repeat: no-repeat; background-position: -72px -341px }
.ico--blog { background: url(images/sprite.png) no-repeat -200px -425px; width: 31px; height: 20px; text-indent: -99999px }
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {
.ico--blog { background-image: url(images/sprite_2x.png); background-size: 500px 500px }
}
.blog-styled-link-content:before, .btn--circle-arrow .icon:before, .btn-icon-round-white:after, .btn-icon-round-yellow:after, .card-asso__link span:before, .cp-infinite-list-onr-item-t4 .custom-select-opener:before, .cp-infinite-list-onr-item .custom-select-opener:before, .cp-infinite-list-onr-item .story-item .-content:after, .cp-initiatives-slider .init-swiper-button-next:before, .cp-initiatives-slider .init-swiper-button-prev:before, .cp-job-search li:first-child:after, .cp-key-figures-growth .white-block:before, .cp-last-stories .swiper-button-next:before, .cp-last-stories .swiper-button-prev:before, .cp-slider-cars .slider-cars-button-next:before, .cp-slider-cars .slider-cars-button-prev:before, .cp-slider-img-title-description-cta .slider-img-title-description-cta-button-next:before, .cp-slider-img-title-description-cta .slider-img-title-description-cta-button-prev:before, .cp-slider-milestone-news .btn-slider-round-yellow:after, .cp-slider-story .slider-story-button-next:before, .cp-slider-story .slider-story-button-prev:before, .cp-slider-with-overlay .swiper-overlay-btn-next:before, .cp-slider-with-overlay .swiper-overlay-btn-prev:before, .icon-arrow:before, .mod-slider-testimonials-video .swiper-button-next:before, .mod-slider-testimonials-video .swiper-button-prev:before, .pop-country__link span:before, .search-engine .ais-Pagination-list .ais-Pagination-item--nextPage:before, .search-engine .ais-Pagination-list .ais-Pagination-item--previousPage:before, .tpl--banner--group a>em:before, .tpl--more[class] a:before, .tpl.blog-back-link:before { content: "\E9168" }
.cp-contact-form-fleet .multiselect__select:before, .cp-images-accordion .-slide .-title:before, .cp-map-with-pins .container-legend:after, .cp-redirection-website-and-facebook .custom-list span:after, .custom-select-container .custom-select-opener:before, .icon-arrow2:before, .mod-finance-documents .custom-select-container .custom-select-opener:after { content: "\E90E" }
.cp-focus-several-points .link:before, .cp-slider-brands .swiper-button-next:before, .cp-slider-brands .swiper-button-prev:before, .icon-arrow-thin:before, .mod--slider-innovation .swiper-button-next:before, .mod--slider-innovation .swiper-button-prev:before, .twitter-slider .twitter-slider-button-next:before, .twitter-slider .twitter-slider-button-prev:before { content: "\E92F" }
.icon-arrow-circle-left:before { content: "\E92A" }
.icon-arrow-narrow:before, .mod--nav-anchors a:after { content: "\E958" }
.icon-instagram-slider:before { content: "\E92C" }
.icon-instagram-video:before { content: "\E92D" }
.icon-pinterest-border:before { content: "\E952" }
.blog--detail-content .ico--pinterest:before, .ico--pinterest:before, .icon-pinterest:before, .page-header .ico--pinterest:before { content: "\E939" }
.cp-on-r-stories i.-instagram:before, .cp-socialwall .post.-instagram:after, .ico--instagram:before, .icon-instagram:before, .page-header .ico--instagram:before { content: "\E91C" }
.icon-instagram-colored:before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2500' height='2500'%3E%3Cdefs%3E%3CradialGradient id='a' cx='332.14' cy='2511.81' r='3263.54' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.09' stop-color='%23fa8f21'/%3E%3Cstop offset='.78' stop-color='%23d82d7e'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='1516.14' cy='2623.81' r='2572.12' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.64' stop-color='%238c3aaa' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%238c3aaa'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d='M833.4 1250c0-230.11 186.49-416.7 416.6-416.7s416.7 186.59 416.7 416.7-186.59 416.7-416.7 416.7-416.6-186.59-416.6-416.7m-225.26 0c0 354.5 287.36 641.86 641.86 641.86s641.86-287.36 641.86-641.86S1604.5 608.14 1250 608.14 608.14 895.5 608.14 1250m1159.13-667.31a150 150 0 10150.06-149.94h-.06a150.07 150.07 0 00-150 149.94M745 2267.47c-121.87-5.55-188.11-25.85-232.13-43-58.36-22.72-100-49.78-143.78-93.5s-70.88-85.32-93.5-143.68c-17.16-44-37.46-110.26-43-232.13-6.06-131.76-7.27-171.34-7.27-505.15s1.31-373.28 7.27-505.15c5.55-121.87 26-188 43-232.13 22.72-58.36 49.78-100 93.5-143.78s85.32-70.88 143.78-93.5c44-17.16 110.26-37.46 232.13-43 131.76-6.06 171.34-7.27 505-7.27s373.28 1.31 505.15 7.27c121.87 5.55 188 26 232.13 43 58.36 22.62 100 49.78 143.78 93.5s70.78 85.42 93.5 143.78c17.16 44 37.46 110.26 43 232.13 6.06 131.87 7.27 171.34 7.27 505.15s-1.21 373.28-7.27 505.15c-5.55 121.87-25.95 188.11-43 232.13-22.72 58.36-49.78 100-93.5 143.68s-85.42 70.78-143.78 93.5c-44 17.16-110.26 37.46-232.13 43-131.76 6.06-171.34 7.27-505.15 7.27s-373.28-1.21-505-7.27M734.65 7.57c-133.07 6.06-224 27.16-303.41 58.06C349 97.54 279.38 140.35 209.81 209.81S97.54 349 65.63 431.24c-30.9 79.46-52 170.34-58.06 303.41C1.41 867.93 0 910.54 0 1250s1.41 382.07 7.57 515.35c6.06 133.08 27.16 223.95 58.06 303.41 31.91 82.19 74.62 152 144.18 221.43S349 2402.37 431.24 2434.37c79.56 30.9 170.34 52 303.41 58.06C868 2498.49 910.54 2500 1250 2500s382.07-1.41 515.35-7.57c133.08-6.06 223.95-27.16 303.41-58.06 82.19-32 151.86-74.72 221.43-144.18s112.18-139.24 144.18-221.43c30.9-79.46 52.1-170.34 58.06-303.41 6.06-133.38 7.47-175.89 7.47-515.35s-1.41-382.07-7.47-515.35c-6.06-133.08-27.16-224-58.06-303.41-32-82.19-74.72-151.86-144.18-221.43S2150.95 97.54 2068.86 65.63c-79.56-30.9-170.44-52.1-303.41-58.06C1632.17 1.51 1589.56 0 1250.1 0S868 1.41 734.65 7.57' fill='url(%23a)'/%3E%3Cpath d='M833.4 1250c0-230.11 186.49-416.7 416.6-416.7s416.7 186.59 416.7 416.7-186.59 416.7-416.7 416.7-416.6-186.59-416.6-416.7m-225.26 0c0 354.5 287.36 641.86 641.86 641.86s641.86-287.36 641.86-641.86S1604.5 608.14 1250 608.14 608.14 895.5 608.14 1250m1159.13-667.31a150 150 0 10150.06-149.94h-.06a150.07 150.07 0 00-150 149.94M745 2267.47c-121.87-5.55-188.11-25.85-232.13-43-58.36-22.72-100-49.78-143.78-93.5s-70.88-85.32-93.5-143.68c-17.16-44-37.46-110.26-43-232.13-6.06-131.76-7.27-171.34-7.27-505.15s1.31-373.28 7.27-505.15c5.55-121.87 26-188 43-232.13 22.72-58.36 49.78-100 93.5-143.78s85.32-70.88 143.78-93.5c44-17.16 110.26-37.46 232.13-43 131.76-6.06 171.34-7.27 505-7.27s373.28 1.31 505.15 7.27c121.87 5.55 188 26 232.13 43 58.36 22.62 100 49.78 143.78 93.5s70.78 85.42 93.5 143.78c17.16 44 37.46 110.26 43 232.13 6.06 131.87 7.27 171.34 7.27 505.15s-1.21 373.28-7.27 505.15c-5.55 121.87-25.95 188.11-43 232.13-22.72 58.36-49.78 100-93.5 143.68s-85.42 70.78-143.78 93.5c-44 17.16-110.26 37.46-232.13 43-131.76 6.06-171.34 7.27-505.15 7.27s-373.28-1.21-505-7.27M734.65 7.57c-133.07 6.06-224 27.16-303.41 58.06C349 97.54 279.38 140.35 209.81 209.81S97.54 349 65.63 431.24c-30.9 79.46-52 170.34-58.06 303.41C1.41 867.93 0 910.54 0 1250s1.41 382.07 7.57 515.35c6.06 133.08 27.16 223.95 58.06 303.41 31.91 82.19 74.62 152 144.18 221.43S349 2402.37 431.24 2434.37c79.56 30.9 170.34 52 303.41 58.06C868 2498.49 910.54 2500 1250 2500s382.07-1.41 515.35-7.57c133.08-6.06 223.95-27.16 303.41-58.06 82.19-32 151.86-74.72 221.43-144.18s112.18-139.24 144.18-221.43c30.9-79.46 52.1-170.34 58.06-303.41 6.06-133.38 7.47-175.89 7.47-515.35s-1.41-382.07-7.47-515.35c-6.06-133.08-27.16-224-58.06-303.41-32-82.19-74.72-151.86-144.18-221.43S2150.95 97.54 2068.86 65.63c-79.56-30.9-170.44-52.1-303.41-58.06C1632.17 1.51 1589.56 0 1250.1 0S868 1.41 734.65 7.57' fill='url(%23b)'/%3E%3C/svg%3E"); background-size: contain; content: ""; display: inline-block; width: 1.6rem; height: 1.6rem }
.icon-facebook-border:before { content: "\E90C" }
.cp-socialwall .post.-facebook:after, .ico--facebook:before, .ico--fb:before, .icon-facebook:before, .page-header .ico--facebook:before, .page-header .ico--fb:before { content: "\E90F" }
.cp-on-r-stories i.-facebook:before, .icon-facebook-background:before { content: "\E94E" }
.icon-linkedin-border:before { content: "\E906" }
.blog--detail-content .ico--linkedin:before, .ico--linkedin:before, .icon-linkedin:before, .page-header .ico--linkedin:before { content: "\E917" }
.icon-twitter-border:before { content: "\E902" }
.blog--detail-content .ico--tweet:before, .blog--detail-content .ico--twitter:before, .cp-on-r-stories i.-twitter:before, .cp-socialwall .post.-twitter:after, .ico--tweet:before, .ico--twitter:before, .icon-twitter:before, .page-header .ico--tweet:before, .page-header .ico--twitter:before, .tweet-single .post.-twitter:after, .tweet-single .post.-without-img.-twitter .-content:before, .twitterQuote .tweet-sharer:before { content: "\E910" }
.icon-snapchat-border:before { content: "\E901" }
.ico--youtube:before, .icon-youtube:before, .mod-photo-text-block .ico-play:before, .mod-video-text-block .ico-play:before, .page-header .ico--youtube:before { content: "\E945" }
.icon-youtube-color:before { content: "\E911" }
.icon-youtube2:before { content: "\E903" }
.icon-snapchat-2:before { content: "\E947" }
.cp-on-r-stories i.-linkedin:before, .icon-linkedin-background:before { content: "\E950" }
.icon-instagram-background:before { content: "\E91C" }
.icon-twitter-background:before { content: "\E910" }
.ico--share:before, .icon-share:before, .page-header .ico--share:before { content: "\E943" }
.icon-blockquote-close:before, .tpl-banner-with-blockquote blockquote:after { content: "\E907" }
.icon-blockquote-open:before { content: "\E904" }
.icon-divider:before { content: "\E93A" }
.icon-one:before { content: "\E942" }
.icon-two:before { content: "\E959" }
.icon-three:before { content: "\E95A" }
.icon-four:before { content: "\E95B" }
.icon-five:before { content: "\E95C" }
.icon-six:before { content: "\E95D" }
.icon-seven:before { content: "\E95E" }
.icon-eight:before { content: "\E95F" }
.icon-nine:before { content: "\E960" }
.icon-block .tpl-content.bulb h3:before, .icon-bulb:before { content: "\E933" }
.icon-bulb2:before { content: "\E94B" }
.icon-calendar-3:before { content: "\E93D" }
.icon-calendar-2:before { content: "\E934" }
.icon-calendar:before { content: "\E909" }
.icon-camera:before { content: "\E935" }
.icon-block .tpl-content.car h3:before, .icon-car:before { content: "\E936" }
.icon-car2:before { content: "\E94C" }
.icon-car3:before { content: "\E912" }
.icon-chart:before { content: "\E948" }
.icon-check:before { content: "\E91F" }
.icon-checkbox:before, [type=checkbox]+label:after {
content:"\E903"
}
.icon-collaborators:before { content: "\E946" }
.icon-community:before { content: "\E961" }
.cp-images-accordion .-slide .btn-close:before, .cp-slider-with-overlay .close-btn:before, .icon-cross:before, .js-handle-social-responsive-close:before, .pop-asso__btn-close:before { content: "\E913" }
.icon-cup:before { content: "\E932" }
.icon-document:before { content: "\E93C" }
.icon-download-2:before, .mod-essentials-documents .-download:before, .mod-finance-documents .-download:before { content: "\E93E" }
.icon-download:before { content: "\E921" }
.icon-electric:before { content: "\E944" }
.icon-electric_plug:before, .story--electric .icon-electric:before { content: "\E94A" }
.icon-file:before { content: "\E919" }
.icon-flag:before { content: "\E91A" }
.icon-glass:before { content: "\E91B" }
.icon-google-calendar:before { content: "\E926" }
.icon-graph:before { content: "\E93F" }
.icon-heart:before { content: "\E91D" }
.icon-home:before { content: "\E900" }
.icon-import:before { content: "\E91E" }
.icon-link-border:before { content: "\E923" }
.icon-live:before { content: "\E905" }
.icon-key:before { content: "\E949" }
.icon-mail:before, .story--contact p.it-mail:before, .tpl-ag-contact .icon-mail:before { content: "\E957" }
.cp-map-with-key-figures .-item.active .title-mobile-clickable:before, .icon-moins:before, nav a.-submenu-open div.level-1-title:before, nav li.-submenu-open div.level-1-title:before { content: "\E937" }
.icon-non-classe:before { content: "\E931" }
.icon-orga:before { content: "\E929" }
.icon-outlook:before { content: "\E92B" }
.icon-phone:before, .story--contact p.it-phone:before, .tpl-ag-contact .icon-phone:before { content: "\E956" }
.icon-picture:before { content: "\E914" }
.icon-pin-empty:before { content: "\E927" }
.icon-pin:before { content: "\E922" }
.cp-manual-social-media .-video:before, .cp-on-r-stories .btn--media.-video:before, .icon-play:before { content: "\E94F" }
.cp-banner-with-text-left .btn-play:before, .cp-history-template-1 .ico-play:before, .icon-play-border:before, .mod.mod--web-picks .ico--play:before { content: "\E955" }
.cp-image-with-buttons-overlay button:before, .cp-map-with-key-figures .title-mobile-clickable:before, .icon-plus:before, nav div.level-1-title.js-level-1-with-children:before { content: "\E941" }
.icon-profile-check:before { content: "\E925" }
.icon-profiles:before { content: "\E915" }
.icon-renault-door:before { content: "\E90D" }
.icon-block .tpl-content.road h3:before, .icon-route:before { content: "\E920" }
.icon-rse:before { content: "\E928" }
.icon-shake-hand:before { content: "\E916" }
.icon-screen:before { content: "\E930" }
.icon-search:before { content: "\E908" }
.icon-search1:before { content: "\E942" }
.cp-on-r-stories .btn--media.-podcast:before, .icon-sound:before { content: "\E951" }
.icon-spam:before { content: "\E924" }
.icon-star:before { content: "\E90B" }
.icon-support:before { content: "\E93B" }
.cp-infinite-list-onr-item-t4 .-selected-tag:before, .cp-infinite-list-onr-item-t4 .list-tags:before, .cp-infinite-list-onr-item .-selected-tag:before, .cp-infinite-list-onr-item .list-tags:before, .icon-tag:before, .it-tags-span:before, .tpl--in-blog-tags .it-tags-span:before { content: "\E954" }
.icon-talk:before { content: "\E918" }
.icon-three-profile:before { content: "\E90A" }
.blog-read-more-highlight .reading-time:before, .cp-blog-story-content .cp-blog-story-content-autor .reading-time:before, .cp-contenu-title .reading-time:before, .icon-time:before { content: "\E953" }
.icon-trophee:before { content: "\E92E" }
.icon-usine:before { content: "\E94D" }
.icon-world:before { content: "\E938" }
.icon-parts:before { content: "\E940" }
.icon-guarantee:before { content: "\E962" }
.icon-basket:before { content: "\E963" }
.cp-hp-hero-news-banner-actu-event .icon-rg:before, .cp-hp-hero-news-banner .icon-rg:before, .icon-rg:before { content: "\E964" }
.cp-hp-hero-news-banner-actu-event .icon-mobilise:before, .cp-hp-hero-news-banner .icon-mobilise:before, .icon-mobilise:before { content: "\E965" }
.cp-group-links-alpine .next-icon:before, .cp-hp-group-links .next-icon:before, .cp-hp-slider-story-t4 .js-slider-hp-story-button-next:before, .cp-hp-slider-story-t4 .js-slider-hp-story-button-prev:before, .cp-hp-slider-story .js-slider-hp-story-button-next:before, .cp-hp-slider-story .js-slider-hp-story-button-prev:before, .cp-slider-alpine .button-next:before, .cp-slider-alpine .button-prev:before, .icon-arrow-long:before, .js-art-collection-swiper-button-next:before, .js-art-collection-swiper-button-prev:before { content: "\E966" }
.cp-blog-banner .reading-time:before, .cp-hp-slider-story .icon-clock:before, .icon-clock:before { content: "\E967" }
.cp-hp-hero-news-banner-actu-event .icon-dacia:before, .cp-hp-hero-news-banner .icon-dacia:before, .icon-dacia:before { content: " " }









.cp-hp-hero-news-banner-actu-event .icon-renault:before, .cp-hp-hero-news-banner .icon-renault:before, .icon-renault:before { content: " " }
.cp-hp-hero-news-banner-actu-event .icon-alpine:before, .cp-hp-hero-news-banner .icon-alpine:before, .icon-alpine:before { content: "\E96A" }
.icon-alliance:before { content: "\E96B" }
.icon-lada:before { content: "\E96C" }
.cp-initiatives-slider .item:before, .icon-arrow-long-new:before { content: "\E96E" }
.icon-document-empty:before { content: "\E96F" }
.cp-longread-quote blockquote:before, .icon-quote-open-new:before, blockquote:before { content: "\E970" }
@font-face { font-display: swap; font-family: Helvetica Neue LT W05_37 Th Cn; src: url(fonts/HelveticaNeueW01-ThinCn.woff2) format("woff2"), url(fonts/HelveticaNeueW01-ThinCn.woff) format("woff") }
@font-face { font-display: swap; font-family: Helvetica Neue LT W05_47 Lt Cn; src: url(fonts/HelveticaNeueW01-47LtCn.woff2) format("woff2"), url(fonts/HelveticaNeueW01-47LtCn.woff) format("woff") }
@font-face { font-display: swap; font-family: Helvetica Neue LT W05_57 Cond; src: url(fonts/HelveticaNeueW01-57Cn.woff2) format("woff2"), url(fonts/HelveticaNeueW01-57Cn.woff) format("woff") }
@font-face { font-display: swap; font-family: Helvetica Neue LT W05_67 Md Cn; src: url(fonts/HelveticaNeueW01-67MdCn.woff2) format("woff2"), url(fonts/HelveticaNeueW01-67MdCn.woff) format("woff") }
@font-face { font-display: swap; font-family: Helvetica Neue LT W05_77 Bd Cn; src: url(fonts/HelveticaNeueW01-77BdCn.woff2) format("woff2"), url(fonts/HelveticaNeueW01-77BdCn.woff) format("woff") }
@font-face { font-display: swap; font-family: Helvetica Neue LT W05_77BdCnOb; src: url(fonts/HelveticaNeueW01-77BdCnOb.woff2) format("woff2"), url(fonts/HelveticaNeueW01-77BdCnOb.woff) format("woff") }
@font-face { font-display: swap; font-family: Helvetica Neue LT W05_75Bd Outline; src: url(fonts/HelveticaNeueW01-75BdOut.woff2) format("woff2"), url(fonts/HelveticaNeueW01-75BdOut.woff) format("woff") }
@font-face { font-display: swap; font-family: alpineascensionweb-bold; src: url(fonts/alpineascensionweb-bold.woff) format("woff") }
@font-face { font-display: swap; font-family: Dacia Spirit Bold; src: url(fonts/DaciaSpirit-Bold_V1200.woff2) format("woff2"), url(fonts/DaciaSpirit-Bold_V1200.woff) format("woff") }
@font-face { font-display: swap; font-family: Read-Bold; src: url(fonts/Read-Bold.woff2) format("woff2"), url(fonts/Read-Bold.woff) format("woff") }
@font-face { font-display: swap; font-family: Read-Regular; src: url(fonts/Read-Regular.woff2) format("woff2"), url(fonts/Read-Regular.woff) format("woff") }
@font-face { font-display: swap; font-family: Read-Medium; src: url(fonts/Read-Medium.woff2) format("woff2"), url(fonts/Read-Medium.woff) format("woff") }
@font-face { font-display: swap; font-family: Read-Light; src: url(fonts/Read-Light.woff2) format("woff2"), url(fonts/Read-Light.woff) format("woff") }
@font-face { font-display: swap; font-family: Renault-Light; src: url(fonts/RenaultGroup-Light.woff2) format("woff2"), url(fonts/RenaultGroup-Light.woff) format("woff") }
@font-face { font-display: swap; font-family: Renault-Book; src: url(fonts/RenaultGroup-Book.woff2) format("woff2"), url(fonts/RenaultGroup-Book.woff) format("woff") }
@font-face { font-display: swap; font-family: Renault-Regular; src: url(fonts/RenaultGroup-Regular.woff2) format("woff2"), url(fonts/RenaultGroup-Regular.woff) format("woff") }
@font-face { font-display: swap; font-family: Renault-Semibold; src: url(fonts/RenaultGroup-Semibold.woff2) format("woff2"), url(fonts/RenaultGroup-Semibold.woff) format("woff") }
@font-face { font-display: swap; font-family: Renault-Bold; src: url(fonts/RenaultGroup-Bold.woff2) format("woff2"), url(fonts/RenaultGroup-Bold.woff) format("woff") }
@font-face { font-display: swap; font-family: Renault-ExtraBold; src: url(fonts/RenaultGroup-Extrabold.woff2) format("woff2"), url(fonts/RenaultGroup-Extrabold.woff) format("woff") }
@font-face { font-display: swap; font-family: RenaultR-Light; src: url(fonts/nouvelr-light.woff2) format("woff2"), url(fonts/nouvelr-light.woff) format("woff") }
@font-face { font-display: swap; font-family: RenaultR-Regular; src: url(fonts/nouvelr-regular.woff2) format("woff2"), url(fonts/nouvelr-regular.woff) format("woff") }
@font-face { font-display: swap; font-family: RenaultR-Semibold; src: url(fonts/nouvelr-semibold.woff2) format("woff2"), url(fonts/nouvelr-semibold.woff) format("woff") }
@font-face { font-display: swap; font-family: RenaultR-Bold; src: url(fonts/nouvelr-bold.woff2) format("woff2"), url(fonts/nouvelr-bold.woff) format("woff") }
html { font: 62.5% Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; line-height: 1.4; -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale }
* { -moz-font-smoothing: none; font-smoothing: antialiased; -webkit-font-smoothing: antialiased }
.h2-like, .h3-like, .h4-like, .h5-like, .h6-like, .mod-banner-with-right-image h2, h1, h2, h3, h4, h5, h6 { color: #171F4A; clear: both; font-weight: 400; letter-spacing: 0; text-align: left }
.h2-like>b, .h3-like>b, .h4-like>b, .h5-like>b, .h6-like>b, .mod-banner-with-right-image h2>b, h1>b, h2>b, h3>b, h4>b, h5>b, h6>b { font-weight: 400 }
h1 { color: #171F4A; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3.5rem; line-height: 4.2rem; margin: 0 0 2rem }
@media (min-width:37.5em) {
h1 { font-size: 5rem; line-height: 4.5rem }
}
@media (min-width:60em) {
h1 { font-size: 7.2rem; line-height: 6.3rem; margin: 0 0 3.5rem }
}
.h2-like, h2 { color: #171F4A; font-size: 3rem; line-height: 3.5rem; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin-bottom: 1.6rem }
@media (min-width:37.5em) {
.h2-like, h2 { font-size: 3.8rem; line-height: 4.6rem; margin-bottom: 2.4rem }
}
.h2-like strong, h2 strong { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.h2-like.title-zone, h2.title-zone { color: #171F4A; font-size: 3rem; line-height: 3.5rem; margin: 0 auto 1.6rem }
@media (min-width:37.5em) {
.h2-like.title-zone, h2.title-zone { font-size: 3.8rem; line-height: 6rem; margin: 0 auto 6rem }
}
.h2-like .-blue, h2 .-blue { color: #0049c0 }
.h2-like .-yellow, h2 .-yellow { color: #008F84 }
.h3-like, .mod-banner-with-right-image h2, h3 { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3.4rem; line-height: 3.2rem; margin-bottom: 1.6rem }
@media (min-width:37.5em) {
.h3-like, .mod-banner-with-right-image h2, h3 { font-size: 3.4rem; line-height: 3.6rem; margin-bottom: 2.4rem }
}
.h4-like, h4 { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2.6rem; margin-bottom: 1.6rem }
@media (min-width:37.5em) {
.h4-like, h4 { font-size: 2.1rem; line-height: 2.6rem; margin-bottom: 2.4rem }
}
.h5-like, h5 { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2rem; margin-bottom: 1.6rem }
@media (min-width:37.5em) {
.h5-like, h5 { font-size: 2.3rem; line-height: 2.6rem; margin-bottom: 2.4rem }
}
.h6-like, h6 { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.6rem; margin-bottom: 1.6rem }
@media (min-width:37.5em) {
.h6-like, h6 { font-size: 2.2rem; line-height: 2.4rem; margin-bottom: 2.4rem }
}
.mod--video .mod-content>h2, .mod--video .mod-content>h3, .mod--video .mod-content>h4, .mod--video .mod-content>h5, .mod--video .mod-content>h6 { color: #000 }
.mod--video .mod-content>h3 { font-size: 2.2rem }
.mod--video .mod-content>h4 { font-size: 1.8rem }
div[role=main]>blockquote:first-child, div[role=main]>blockquote p:first-child, div[role=main]>dl>dt:first-child, div[role=main]>h1:first-child, div[role=main]>h2:first-child, div[role=main]>h3:first-child, div[role=main]>h4:first-child, div[role=main]>h5:first-child, div[role=main]>h6:first-child, div[role=main]>ol:first-child, div[role=main]>p:first-child, div[role=main]>ul:first-child { margin-top: 0 }
div[role=main]>blockquote p:last-child { margin-bottom: 0 }
dd, dt, li, p, table { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem; margin-bottom: 2.4rem }
@media (min-width:60em) {
dd, dt, li, p, table { margin-bottom: 3.2rem }
}
dd strong, dt strong, li strong, p strong, table strong { font-weight: 400; font-family: Read-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
p { margin-bottom: 2.4rem; margin-left:.5rem
}
@media (min-width:60em) {
p { margin-bottom: 3.2rem }
}
li, ol, ul { list-style: none outside; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0 }
ol, ul { margin: 1.8rem 0 }
ol li, ul li { padding-left: 1.8rem; position: relative }
ol li:before, ul li:before { left: 0; position: absolute; top: 0 }
ul li:before { background: #008F84; border-radius: 100%; content: ""; height:.5rem;
left: 0; top:.6rem;
width:.5rem
}
@media (min-width:37.5em) {
ul li:before { top:.8rem
}
}
@media (min-width:60em) {
ul li:before { top: 1.1rem }
}
ol { counter-reset: list }
ol li { counter-increment: list }
ol li:before { color: #1dba79; content: counter(list) "." }
div[role=main]>ol li, div[role=main]>ul li { line-height: 1.5em }
div[role=main]>ol li+li, div[role=main]>ul li+li { margin-top:.1rem
}
div[role=main]>ol ol, div[role=main]>ol ul, div[role=main]>ul ol, div[role=main]>ul ul { margin-top:.3rem
}
blockquote { color: #171F4A; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.2rem; line-height: 2.7rem; margin: 1.6rem 0; padding: 4rem 1rem 0 0; position: relative }
@media (min-width:60em) {
blockquote { padding: 5rem 1rem 0 0 }
}
blockquote:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: #171F4A; font-size: 2.8rem; left: 0; opacity: .8; position: absolute; top: 0; color: #008F84 }
@media (min-width:37.5em) {
blockquote:before { font-size: 2.8rem; left: 0 }
}
blockquote p { font-size: 2.2rem; line-height: 2.6rem; margin: 0; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.chapo, .cp-focus-several-points .-subtitle, .mod-cta-banner .-subtitle { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2.6rem; margin-bottom: 2rem }
@media (min-width:37.5em) {
.chapo, .cp-focus-several-points .-subtitle, .mod-cta-banner .-subtitle { font-size: 2.8rem }
}
@media (min-width:60em) {
.chapo, .cp-focus-several-points .-subtitle, .mod-cta-banner .-subtitle { font-size: 2.3rem; margin-bottom: 3rem }
}
dd, dt { padding: 0; line-height: 1.5em }
dt { margin: 2rem 0 0 }
dd { margin:.5rem 0 0
}
figure figcaption { color: #999; font-size: 1.8rem; font-style: italic; margin-top: 2rem; padding-bottom: 2rem; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
img { height: auto; max-width: 100%; width: auto }
.it-illus img, img.it-illus { display: block }
em, i { font-style: normal }
b, strong { color: #000 }
.tpl--emphasis em, p>em { font-style: italic }
a { color: #171F4A; text-decoration: none }
a:hover { text-decoration: underline }
#breadcrumb-container a, .mod a, .tpl a, [class^=it-] a { text-decoration: none }
#breadcrumb-container a:hover, .mod a:hover, .tpl a:hover, [class^=it-] a:hover, p a { text-decoration: underline }
.plus { color: #58b70e }
.minus { color: #d60000 }
.neutral { color: #fc3 }
::selection { background: #008F84; color: #fff }
::-moz-selection {
background:#008F84;
color:#fff
}
.page-title { color: #333; font-weight: 400; margin: 3rem auto 0; max-width: calc(100% - 3rem); padding: 0; position: relative; width: auto }
@media (min-width:37.5em) {
.page-title { margin: 4rem auto 2rem; width: 58rem }
}
@media (min-width:47.5em) {
.page-title { width: 76rem }
}
@media (min-width:60em) {
.page-title { font-size: 7.2rem; line-height: 6.3rem; max-width: 100%; width: 95rem }
}
@media (min-width:76em) {
.page-title { width: 119rem }
}
.page-title--int { display: inline-block; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin-top: 6rem; padding-right: 5rem }
.page-header { margin: 1.5rem auto; padding: 0; position: relative; width: 108.4rem; max-width:calc(100% - .5rem)
}
@media (min-width:37.5em) {
.page-header { display: -webkit-box; display: flex; width: 58rem }
}
@media (min-width:47.5em) {
.page-header { width: 76rem }
}
@media (min-width:60em) {
.page-header { max-width: 100%; width: 95rem }
}
@media (min-width:76em) {
.page-header { width: 119.5rem }
}
.page-header .page-title[class] { margin-top: 0; color: #000 }
.page-header .page-title[class]:after, .page-header .page-title[class]:before { display: none }
.page-title-wrapper { margin: 4rem auto 0; max-width: calc(100% - 3rem); width: calc(100% - 3rem) }
@media (min-width:60em) {
.no-touchevents .page-header .page-title-wrapper { position: relative }
.no-touchevents .page-header .social .js-social-share { cursor: pointer }
}
.page-banner { display: block; margin: 0 auto }
.mod--video .mod-content>h2, .mod--video .mod-content>h3, .mod--video .mod-content>h4, .mod--video .mod-content>h5, .mod--video .mod-content>h6 { margin: 1.5rem 0 }
ol+.mod--video .mod-content>h2, ol+.mod--video .mod-content>h3, ol+.mod--video .mod-content>h4, ol+.mod--video .mod-content>h5, ol+.mod--video .mod-content>h6, p+.mod--video .mod-content>h2, p+.mod--video .mod-content>h3, p+.mod--video .mod-content>h4, p+.mod--video .mod-content>h5, p+.mod--video .mod-content>h6, table+.mod--video .mod-content>h2, table+.mod--video .mod-content>h3, table+.mod--video .mod-content>h4, table+.mod--video .mod-content>h5, table+.mod--video .mod-content>h6, ul+.mod--video .mod-content>h2, ul+.mod--video .mod-content>h3, ul+.mod--video .mod-content>h4, ul+.mod--video .mod-content>h5, ul+.mod--video .mod-content>h6 { margin-top: 2rem }
.mod--video .mod-content>h2 { font-size: 2.8rem }
.mod--video .mod-content>h3 { font-size: 2.4rem }
.mod--video .mod-content>h4 { font-size: 2rem }
.mod--video .mod-content>h5, .mod--video .mod-content>h6 { font-size: 1.8rem }
::-webkit-input-placeholder {
color:#999
}
:-moz-placeholder, ::-moz-placeholder {
color:#999
}
:-ms-input-placeholder {
color:#999
}
input, select { font-size: 1.4rem }
input[type=email], input[type=tel], input[type=text], textarea { outline: 0 none!important }
button[type=button], button[type=submit], input[type=email], input[type=reset], input[type=submit], input[type=tel], input[type=text] { border: 0; border-radius: 0; box-sizing: border-box; height: 28px; font-size: 1.8rem; line-height: 2.8rem; padding: 0 10px; vertical-align: middle }
.btn-yellow button[type=button], .btn-yellow button[type=submit], .btn-yellow input[type=email], .btn-yellow input[type=reset], .btn-yellow input[type=submit], .btn-yellow input[type=tel], .btn-yellow input[type=text], button[type=button].btn-yellow, button[type=submit].btn-yellow, input[type=email].btn-yellow, input[type=reset].btn-yellow, input[type=submit].btn-yellow, input[type=tel].btn-yellow, input[type=text].btn-yellow { line-height: 0 }
.btn--grey-plus button[type=button], .btn--grey-plus button[type=submit], .btn--grey-plus input[type=email], .btn--grey-plus input[type=reset], .btn--grey-plus input[type=submit], .btn--grey-plus input[type=tel], .btn--grey-plus input[type=text], .btn--grey button[type=button], .btn--grey button[type=submit], .btn--grey input[type=email], .btn--grey input[type=reset], .btn--grey input[type=submit], .btn--grey input[type=tel], .btn--grey input[type=text], button[type=button], button[type=submit], input[type=reset], input[type=submit] { color: #fff }
input[type=submit] { background: #008F84 }
input[type=reset] { background: #f4f4f4 }
input[type=checkbox], input[type=radio] { height: auto; margin-right: 5px; line-height: normal; border: 0 }
[type=checkbox]:checked, [type=checkbox]:not(:checked), [type=radio]:checked, [type=radio]:not(:checked) { left: -2rem; position: absolute; visibility: hidden }
[type=checkbox]+label, [type=radio]+label {
color:#777;
cursor:pointer;
display:block;
position:relative
}
[type=checkbox]+label:before, [type=radio]+label:before {
content:"";
display:inline-block;
position:absolute;
left:0
}
[type=radio]+label {
padding-left:20px
}
[type=radio]+label:before {
background:url(images/sprite.png) no-repeat -175px -150px;
height:14px;
opacity:.4;
width:14px
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {
[type=radio]+label:before {
background-image:url(images/sprite_2x.png);
background-size:500px 500px
}
}
[type=checkbox]+label {
padding-left:30px
}
[type=checkbox]+label:before {
border:1px solid #bbbcbc;
border-radius:2px;
height:1.8rem;
-webkit-transition:.5s;
transition:.5s;
top:.4rem;
width:1.8rem
}
[type=checkbox]+label:after {
font-family:icomoon!important;
font-style:normal;
font-weight:400;
font-variant:normal;
line-height:1;
position:relative;
speak:none;
text-transform:none;
-webkit-transition:.5s ease;
transition:.5s ease;
color:#008F84;
display:inline-block;
height:1.8rem;
font-size:1.2rem;
left:.4rem;
opacity:0;
position:absolute;
-webkit-transition:.5s;
transition:.5s;
top:.8rem;
width:1.8rem
}
[type=checkbox]:checked+label, [type=radio]:checked+label { color: #53565a }
[type=radio]:checked+label:before { opacity: 1; background: url(images/sprite.png) no-repeat -175px -125px }
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {
[type=radio]:checked+label:before { background-image: url(images/sprite_2x.png); background-size: 500px 500px }
}
[type=checkbox]:checked+label:after { opacity: 1 }
.custom-select-container .custom-select-opener { border: 1px solid #008F84; color: #008F84; display: block; font-size: 1.4rem; line-height: 3.4rem; overflow: hidden; padding: 0 3.4rem 0 1.4rem; position: relative; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 1px); text-transform: uppercase }
.custom-select-container .custom-select-opener:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; height: 100%; line-height: 3.4rem; position: absolute; right: 0; top: 0; text-align: center; -webkit-transform: scaleY(-1); transform: scaleY(-1); width: 3.3rem; color: #008F84 }
.custom-select-container .custom-select-panel { background-color: #f4f4f4; border-left: 1px solid #bbbcbc; border-right: 1px solid #bbbcbc; font-size: 1.4rem; line-height: 2.4rem }
.custom-select-container .custom-select-option { color: #000 }
.custom-select-container .custom-select-option.has-focus { background: #008F84; color: #fff; font-size: 1.4rem; padding:.5rem 1rem;
line-height: inherit }
.custom-select-container .custom-select-option.is-selected { background: #008F84; color: #fff; font-size: 1.4rem; padding:.5rem 1.6rem;
line-height: inherit; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.custom-select-container.is-open .custom-select-panel { border-bottom: 1px solid #6d6d6d }
.form input[type=email], .form input[type=tel], .form input[type=text], .form textarea { border: 1px solid #008F84; color: #171F4A; font-size: 1.4rem }
.form .error .custom-select-opener, .form .error input[type=checkbox]+label:before, .form .error input[type=email], .form .error input[type=tel], .form .error input[type=text], .form .error textarea { border-color: #d60000 }
.form input[type=email], .form input[type=tel], .form input[type=text] { height: 36px; line-height: 36px }
.form .captcha input[type=text] { height: 28px; line-height: 28px; width: 200px }
.form .error .captcha { color: #d60000 }
.form .captcha-img { position: relative }
.form .captcha-img>a { display: block; color: #d2d2d2; text-decoration: underline; font-size: 1rem }
.form textarea { resize: none }
.form label+div, .form label+input, .form label+select, .form label+span, .form label+textarea { margin-top: 5px }
.form .mandatory, .form label { font-family: Helvetica Neue LT W05_37 Th Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem }
.form .mandatory>i, .form label>i { color: #008F84 }
.form .error-message { color: #d60000; clear: both; display: none; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.1rem; padding-top: 5px }
.form .form-captcha { width: 100% }
@media (min-width:37.5em) {
.form .form-captcha { width: auto }
}
.form .form-captcha .btn-yellow { width: 100% }
@media (min-width:37.5em) {
.form .form-captcha .btn-yellow { margin-left: 0; width: auto }
}
.form-row { position: relative; width: 100% }
.form-row+.form-row { margin-top: 15px }
.form-row input[type=email], .form-row input[type=text], .form-row label, .form-row select, .form-row textarea { float: left; clear: both }
.form-row .btn-yellow { width: 100% }
@media (min-width:37.5em) {
.form-row .btn-yellow { margin-left: 13px; width: auto }
}
.btn--back-grey, .btn--black, .btn--blur, .btn--blur-arrow, .btn--border, .btn--download, .btn--gold, .btn--grey, .btn--grey-twitter, .btn--orange, .btn--orange-linkedin, .btn--orange-twitter, .btn--transparent, .btn--transparent-black, .btn--white, .btn--white-new, .btn-yellow, .tpl--cta--rich.bg--grey .links--bottom>a.btn--grey { border: 0; box-sizing: border-box; color: #171F4A; display: inline-block; font-family: RenaultR-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; height: auto; line-height: 4.4rem; min-width: 20rem; max-width: 100%; overflow: hidden; padding: 0 15px; position: relative; text-align: center; text-decoration: none; text-overflow: ellipsis; text-transform: uppercase; -webkit-transition: color .5s, background-color .5s, box-shadow .5s; transition: color .5s, background-color .5s, box-shadow .5s; vertical-align: middle; white-space: normal }
@media (min-width:37.5em) {
.btn--back-grey, .btn--black, .btn--blur, .btn--blur-arrow, .btn--border, .btn--download, .btn--gold, .btn--grey, .btn--grey-twitter, .btn--orange, .btn--orange-linkedin, .btn--orange-twitter, .btn--transparent, .btn--transparent-black, .btn--white, .btn--white-new, .btn-yellow, .tpl--cta--rich.bg--grey .links--bottom>a.btn--grey { font-size: 1.6rem }
}
.btn--back-grey button, .btn--back-grey input, .btn--black button, .btn--black input, .btn--blur-arrow button, .btn--blur-arrow input, .btn--blur button, .btn--blur input, .btn--border button, .btn--border input, .btn--download button, .btn--download input, .btn--gold button, .btn--gold input, .btn--grey-twitter button, .btn--grey-twitter input, .btn--grey button, .btn--grey input, .btn--orange-linkedin button, .btn--orange-linkedin input, .btn--orange-twitter button, .btn--orange-twitter input, .btn--orange button, .btn--orange input, .btn--transparent-black button, .btn--transparent-black input, .btn--transparent button, .btn--transparent input, .btn--white-new button, .btn--white-new input, .btn--white button, .btn--white input, .btn-yellow button, .btn-yellow input, .tpl--cta--rich.bg--grey .links--bottom>a.btn--grey button, .tpl--cta--rich.bg--grey .links--bottom>a.btn--grey input { background: none transparent; color: #171F4A; font-size: 1.8rem; padding: 0 15px; position: relative; z-index: 5 }
@media (min-width:37.5em) {
.btn--back-grey button, .btn--back-grey input, .btn--black button, .btn--black input, .btn--blur-arrow button, .btn--blur-arrow input, .btn--blur button, .btn--blur input, .btn--border button, .btn--border input, .btn--download button, .btn--download input, .btn--gold button, .btn--gold input, .btn--grey-twitter button, .btn--grey-twitter input, .btn--grey button, .btn--grey input, .btn--orange-linkedin button, .btn--orange-linkedin input, .btn--orange-twitter button, .btn--orange-twitter input, .btn--orange button, .btn--orange input, .btn--transparent-black button, .btn--transparent-black input, .btn--transparent button, .btn--transparent input, .btn--white-new button, .btn--white-new input, .btn--white button, .btn--white input, .btn-yellow button, .btn-yellow input, .tpl--cta--rich.bg--grey .links--bottom>a.btn--grey button, .tpl--cta--rich.bg--grey .links--bottom>a.btn--grey input { font-size: 1.6rem }
}
.btn--back-grey:hover, .btn--black:hover, .btn--blur-arrow:hover, .btn--blur:hover, .btn--border:hover, .btn--download:hover, .btn--gold:hover, .btn--grey-twitter:hover, .btn--grey:hover, .btn--orange-linkedin:hover, .btn--orange-twitter:hover, .btn--orange:hover, .btn--transparent-black:hover, .btn--transparent:hover, .btn--white-new:hover, .btn--white:hover, .btn-yellow:hover, .tpl--cta--rich.bg--grey .links--bottom>a.btn--grey:hover, .tpl--cta--rich.bg--grey a:hover .links--bottom>a.btn--grey, a:hover .btn--back-grey, a:hover .btn--black, a:hover .btn--blur, a:hover .btn--blur-arrow, a:hover .btn--border, a:hover .btn--download, a:hover .btn--gold, a:hover .btn--grey, a:hover .btn--grey-twitter, a:hover .btn--orange, a:hover .btn--orange-linkedin, a:hover .btn--orange-twitter, a:hover .btn--transparent, a:hover .btn--transparent-black, a:hover .btn--white, a:hover .btn--white-new, a:hover .btn-yellow, a:hover .tpl--cta--rich.bg--grey .links--bottom>a.btn--grey { text-decoration: none!important }
.tpl--cta--rich.bg--grey form .links--bottom>a.btn--grey, .tpl--cta--rich.bg--grey form .links--bottom>a.btn--grey input, form .btn--back-grey, form .btn--back-grey input, form .btn--black, form .btn--black input, form .btn--blur, form .btn--blur-arrow, form .btn--blur-arrow input, form .btn--blur input, form .btn--border, form .btn--border input, form .btn--download, form .btn--download input, form .btn--gold, form .btn--gold input, form .btn--grey, form .btn--grey-twitter, form .btn--grey-twitter input, form .btn--grey input, form .btn--orange, form .btn--orange-linkedin, form .btn--orange-linkedin input, form .btn--orange-twitter, form .btn--orange-twitter input, form .btn--orange input, form .btn--transparent, form .btn--transparent-black, form .btn--transparent-black input, form .btn--transparent input, form .btn--white, form .btn--white-new, form .btn--white-new input, form .btn--white input, form .btn-yellow, form .btn-yellow input, form .tpl--cta--rich.bg--grey .links--bottom>a.btn--grey, form .tpl--cta--rich.bg--grey .links--bottom>a.btn--grey input { height: 4.4rem }
.tpl--cta--rich.bg--grey form .links--bottom>a.btn--grey input, form .btn--back-grey input, form .btn--black input, form .btn--blur-arrow input, form .btn--blur input, form .btn--border input, form .btn--download input, form .btn--gold input, form .btn--grey-twitter input, form .btn--grey input, form .btn--orange-linkedin input, form .btn--orange-twitter input, form .btn--orange input, form .btn--transparent-black input, form .btn--transparent input, form .btn--white-new input, form .btn--white input, form .btn-yellow input, form .tpl--cta--rich.bg--grey .links--bottom>a.btn--grey input { display: block }
.mod--block .btn--back-grey, .mod--block .btn--back-grey input, .mod--block .btn--black, .mod--block .btn--black input, .mod--block .btn--blur, .mod--block .btn--blur-arrow, .mod--block .btn--blur-arrow input, .mod--block .btn--blur input, .mod--block .btn--border, .mod--block .btn--border input, .mod--block .btn--download, .mod--block .btn--download input, .mod--block .btn--gold, .mod--block .btn--gold input, .mod--block .btn--grey, .mod--block .btn--grey-twitter, .mod--block .btn--grey-twitter input, .mod--block .btn--grey input, .mod--block .btn--orange, .mod--block .btn--orange-linkedin, .mod--block .btn--orange-linkedin input, .mod--block .btn--orange-twitter, .mod--block .btn--orange-twitter input, .mod--block .btn--orange input, .mod--block .btn--transparent, .mod--block .btn--transparent-black, .mod--block .btn--transparent-black input, .mod--block .btn--transparent input, .mod--block .btn--white, .mod--block .btn--white-new, .mod--block .btn--white-new input, .mod--block .btn--white input, .mod--block .btn-yellow, .mod--block .btn-yellow input, .mod--block .tpl--cta--rich.bg--grey .links--bottom>a.btn--grey, .mod--block .tpl--cta--rich.bg--grey .links--bottom>a.btn--grey input, .tpl--cta--rich.bg--grey .mod--block .links--bottom>a.btn--grey, .tpl--cta--rich.bg--grey .mod--block .links--bottom>a.btn--grey input { display: block; margin-bottom: 10px }
.fb-iframe-wrapper .btn--back-grey input, .fb-iframe-wrapper .btn--black input, .fb-iframe-wrapper .btn--blur-arrow input, .fb-iframe-wrapper .btn--blur input, .fb-iframe-wrapper .btn--border input, .fb-iframe-wrapper .btn--download input, .fb-iframe-wrapper .btn--gold input, .fb-iframe-wrapper .btn--grey-twitter input, .fb-iframe-wrapper .btn--grey input, .fb-iframe-wrapper .btn--orange-linkedin input, .fb-iframe-wrapper .btn--orange-twitter input, .fb-iframe-wrapper .btn--orange input, .fb-iframe-wrapper .btn--transparent-black input, .fb-iframe-wrapper .btn--transparent input, .fb-iframe-wrapper .btn--white-new input, .fb-iframe-wrapper .btn--white input, .fb-iframe-wrapper .btn-yellow input, .fb-iframe-wrapper .tpl--cta--rich.bg--grey .links--bottom>a.btn--grey input, .mod--focus .btn--back-grey input, .mod--focus .btn--black input, .mod--focus .btn--blur-arrow input, .mod--focus .btn--blur input, .mod--focus .btn--border input, .mod--focus .btn--download input, .mod--focus .btn--gold input, .mod--focus .btn--grey-twitter input, .mod--focus .btn--grey input, .mod--focus .btn--orange-linkedin input, .mod--focus .btn--orange-twitter input, .mod--focus .btn--orange input, .mod--focus .btn--transparent-black input, .mod--focus .btn--transparent input, .mod--focus .btn--white-new input, .mod--focus .btn--white input, .mod--focus .btn-yellow input, .mod--focus .tpl--cta--rich.bg--grey .links--bottom>a.btn--grey input, .tpl--cta--rich.bg--grey .fb-iframe-wrapper .links--bottom>a.btn--grey input, .tpl--cta--rich.bg--grey .mod--focus .links--bottom>a.btn--grey input { display: block }
.btn--back-grey:hover, .btn--black:hover, .btn--blur-arrow:hover, .btn--blur:hover, .btn--border:hover, .btn--download:hover, .btn--gold:hover, .btn--grey-twitter:hover, .btn--grey:hover, .btn--orange-linkedin:hover, .btn--orange-twitter:hover, .btn--orange:hover, .btn--transparent-black:hover, .btn--transparent:hover, .btn--white-new:hover, .btn--white:hover, .btn-yellow:hover, .tpl--cta--rich.bg--grey .links--bottom>a.btn--grey:hover { color: #171F4A; text-decoration: none }
div.btn--back-grey>input, div.btn--black>input, div.btn--blur-arrow>input, div.btn--blur>input, div.btn--border>input, div.btn--download>input, div.btn--gold>input, div.btn--grey-twitter>input, div.btn--grey>input, div.btn--orange-linkedin>input, div.btn--orange-twitter>input, div.btn--orange>input, div.btn--transparent-black>input, div.btn--transparent>input, div.btn--white-new>input, div.btn--white>input, div.btn-yellow>input, span.btn--back-grey>input, span.btn--black>input, span.btn--blur-arrow>input, span.btn--blur>input, span.btn--border>input, span.btn--download>input, span.btn--gold>input, span.btn--grey-twitter>input, span.btn--grey>input, span.btn--orange-linkedin>input, span.btn--orange-twitter>input, span.btn--orange>input, span.btn--transparent-black>input, span.btn--transparent>input, span.btn--white-new>input, span.btn--white>input, span.btn-yellow>input { height: 100%; text-transform: uppercase; width: 100% }
.btn--download:before, .btn--grey-twitter:before, .btn--orange-linkedin:before, .btn--orange-twitter:before { content: ""; display: inline-block; z-index: 2 }
.btn--download, .btn--download button, .btn--download input, .btn--grey-twitter, .btn--grey-twitter button, .btn--grey-twitter input, .btn--orange-linkedin, .btn--orange-linkedin button, .btn--orange-linkedin input, .btn--orange-twitter, .btn--orange-twitter button, .btn--orange-twitter input { padding-left: 45px }
.btn--download:before, .btn--grey-twitter:before, .btn--orange-linkedin:before, .btn--orange-twitter:before { position: absolute; top: 50%; left: 7px }
.it-button div.btn--download, .it-button div.btn--grey-twitter, .it-button div.btn--orange-linkedin, .it-button div.btn--orange-twitter, .it-button span.btn--download, .it-button span.btn--grey-twitter, .it-button span.btn--orange-linkedin, .it-button span.btn--orange-twitter { padding: 0 15px 0 45px!important }
.btn--blur, .btn--blur-arrow { background: hsla(0,0%,39.2%,.6); border: 1px solid #fff }
.btn--blur-arrow:hover, .btn--blur:hover, a:hover .btn--blur, a:hover .btn--blur-arrow { background: rgba(90,90,90,.7) }
.btn--blur-arrow:hover .js-blur-wrapper, .btn--blur:hover .js-blur-wrapper, a:hover .btn--blur-arrow .js-blur-wrapper, a:hover .btn--blur .js-blur-wrapper { opacity: .91 }
@media (min-width:37.5em) {
.btn--blur-arrow:hover.js-blurred, .btn--blur:hover.js-blurred, a:hover .js-blurred.btn--blur, a:hover .js-blurred.btn--blur-arrow { text-shadow: 0 0 30px rgba(0,0,0,.7) }
}
@media (min-width:37.5em) {
.js-blurred.btn--blur, .js-blurred.btn--blur-arrow { text-shadow: 0 0 30px #000 }
}
.js-blurred.btn--blur-arrow _:-ms-input-placeholder, .js-blurred.btn--blur _:-ms-input-placeholder, :root .js-blurred.btn--blur-arrow:after, :root .js-blurred.btn--blur:after {
content:"";
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background:rgba(0,0,0,.3);
z-index:-1;
display:block
}
.btn--blur-arrow .js-blur, .btn--blur-arrow .js-blur-wrapper, .btn--blur .js-blur, .btn--blur .js-blur-wrapper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden }
.btn--blur-arrow .js-blur-wrapper, .btn--blur .js-blur-wrapper { z-index: -1; opacity: 1 }
.btn--black, .btn--gold, .btn--grey, .btn--orange, .btn--white, .btn--white-new, .btn-yellow { line-height: 2.2rem; padding: 1rem }
.btn--orange:hover, .btn-yellow:hover, .mod .btn--orange:hover, .mod .btn-yellow:hover { box-shadow: 0 0 0 1px #008F84; background: transparent; line-height: 2.2rem }
.btn--download, .btn--orange, .btn--orange-linkedin, .btn--orange-twitter, .btn-yellow { background: #008F84; color: #fff }
.btn--download:hover, .btn--orange-linkedin:hover, .btn--orange-twitter:hover, .btn--orange:hover, .btn-yellow:hover, a:hover .btn--download, a:hover .btn--orange, a:hover .btn--orange-linkedin, a:hover .btn--orange-twitter, a:hover .btn-yellow { color: #008F84; background: transparent }
.btn-yellow button[type=button] { color: #fff }
.btn-yellow:hover button[type=button] { color: #008F84 }
.btn--border { border: 1px solid #171F4A; color: #000 }
.btn--border:hover, .mod .btn--border:hover { background: #53565a; color: #fff }
.btn--back-grey, .btn--grey { background: #eee }
.btn--back-grey:hover, .btn--grey:hover, a:hover .btn--back-grey, a:hover .btn--grey { background: #f5f3f2 }
.btn--black { background: #313131; color: #fff }
.btn--black:hover, a:hover .btn--black { background: #333; color: #fff!important }
.btn--blur { color: #fff; height: auto }
.btn--blur-arrow, .btn--blur-arrow:hover, .btn--blur:hover { color: #fff }
.btn--grey-twitter:before, .btn--orange-twitter:before { border-right: 1px solid #fff; margin-top: -15px }
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {
.btn--grey-twitter:before, .btn--orange-twitter:before { background-image: url(images/sprite_2x.png); background-size: 500px 500px }
}
.btn--orange-linkedin:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; border-right: 1px solid #171F4A; content: "\E917"; font-size: 1.5rem; height: 30px; left: 0; line-height: 30px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 30px }
.btn--download:before { margin-top: -15px }
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {
.btn--download:before { background-image: url(images/sprite-left_2x.png); background-size: 30px 700px }
}
.btn--white { border: 1px solid #fff }
.btn--white, .btn--white:hover { background: #fff; color: #000 }
.btn--white-new { color: #171F4A; background: #fff; border: 1px solid #171F4A; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.2rem; text-transform: uppercase; -webkit-transition: .4s; transition: .4s }
.btn--white-new:hover { background: #171F4A; border: 1px solid #fff; color: #fff }
.btn--gold { color: #fff; background: #008F84; border: 1px solid #008F84; font-family: RenaultR-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.4rem; text-transform: uppercase; -webkit-transition: .4s; transition: .4s }
.btn--gold:hover { background: transparent; color: #008F84 }
.btn--transparent { border: 1px solid #fff; line-height: 40px; color: #fff; position: relative; -webkit-transition: all .3s; transition: all .3s }
.btn--transparent:hover { color: #171F4A; background: #fff }
.btn--transparent:hover:after { width: 100% }
.btn--transparent-black { border: 1px solid #171F4A; line-height: 40px; color: #171F4A; position: relative; -webkit-transition: all .3s; transition: all .3s }
.btn--transparent-black:hover { background: #53565a; border: 1px solid #53565a; color: #fff }
.btn--transparent-black:hover:after { width: 100% }
.btn--circle-arrow { -webkit-box-align: center; align-items: center; cursor: pointer; display: -webkit-box; display: flex; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; letter-spacing: 1px; position: relative; text-transform: uppercase; z-index: 200 }
.btn--circle-arrow .icon { display: inline-block; margin-right: 1rem; position: relative; overflow: hidden }
@media (min-width:37.5em) {
.btn--circle-arrow .icon { border-radius: 50%; border: 1px solid #fff; display: block; height: 4.4rem; margin-right: 1.8rem; width: 4.4rem }
}
.btn--circle-arrow .icon:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; font-size: 1.2rem; top:calc(50% - .6rem)
}
@media (min-width:37.5em) {
.btn--circle-arrow .icon:before { left: 54%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
}
.btn-icon-round-yellow { color: #171F4A; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.8rem; position: relative; text-transform: uppercase }
@media (min-width:37.5em) {
.btn-icon-round-yellow { font-size: 1.6rem }
}
.btn-icon-round-yellow:hover { text-decoration: none }
.btn-icon-round-yellow:hover:before { background: #ffde00 }
.btn-icon-round-yellow:hover:after { -webkit-animation: slideButtonArrow .4s linear 1 forwards; animation: slideButtonArrow .4s linear 1 forwards }
.btn-icon-round-yellow:before { background: #008F84; border-radius: 50%; content: "\A0"; line-height: 4rem; margin-right: 1.5rem }
.btn-icon-round-yellow:after, .btn-icon-round-yellow:before { display: inline-block; height: 4rem; text-align: center; width: 4rem }
.btn-icon-round-yellow:after { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: currentColor; font-size: 1.1rem; left: 0; line-height: 4rem; position: absolute; top: -1rem }
.btn-icon-round-white { color: #fff; font-size: 1.5rem; line-height: 2.8rem; position: relative; text-transform: uppercase }
.btn-icon-round-white:hover { text-decoration: none }
.btn-icon-round-white:hover:after { -webkit-animation: slideButtonArrow .4s linear 1 forwards; animation: slideButtonArrow .4s linear 1 forwards }
.btn-icon-round-white:before { border: 1px solid #fff; border-radius: 50%; content: "\A0"; display: inline-block; height: 3.8rem; line-height: 3.8rem; margin-right: 1.5rem; text-align: center; width: 3.8rem }
.btn-icon-round-white:after { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: currentColor; display: inline-block; font-size: 1.1rem; height: 4rem; left: 0; line-height: 4.1rem; position: absolute; top: 0; text-align: center; text-indent:.1rem;
width: 4rem }
td, th { background: #fff; border:.1rem solid #dddedd;
line-height: 1.5em; padding:1rem .5rem;
text-align: center }
td.hide, th.hide { background: none transparent; border: 0 transparent; color: transparent; font: 0/0 a!important; overflow: hidden; text-shadow: none }
thead td.hide, thead th.hide { border-bottom:.1rem solid #dddedd
}
tbody>tr:nth-child(2n+2) td, tbody>tr:nth-child(2n+2) th { background: #f0f0ef }
tbody td { vertical-align: middle }
th { border-top: 0; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; font-weight: 400; text-transform: uppercase }
thead th { background: #008F84; border-color: #008F84; color: #fff }
thead th:first-child { border-left-color: #008F84 }
thead th:last-child { border-right-color: #008F84 }
table { border-collapse: collapse; border: 0 }
@media (min-width:60em) {
table { table-layout: fixed; width: 100% }
}
dd table, dt table, li table, p table { font-size: 1.6rem }
.js-tablewrapper { position: relative; overflow: hidden; overflow-x: scroll }
html { overflow-x: hidden; overflow-y: auto; scroll-behavior: smooth }
html.-mobile-menu-open { overflow: hidden; position: relative; height: 100% }
@media (min-width:76em) {
html.-mobile-menu-open { overflow-y: scroll }
}
body { overflow: hidden; padding-top: 5.3rem }
@media (min-width:37.5em) {
body { padding-top: 6.4rem }
}
@media (min-width:60em) {
body { padding-top: 8.2rem }
}
#global { position: relative; -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out; z-index: 10 }
#breadcrumb-container { margin: 0; padding: 0; position: relative; width: 100% }
#breadcrumb, #jumpmenu { margin: 0 auto; max-width: calc(100% - 3rem); padding: 0; position: relative; width: auto }
@media (min-width:37.5em) {
#breadcrumb, #jumpmenu { width: 58rem }
}
@media (min-width:47.5em) {
#breadcrumb, #jumpmenu { width: 76rem }
}
@media (min-width:60em) {
#breadcrumb, #jumpmenu { max-width: 100%; width: 95rem }
}
@media (min-width:76em) {
#breadcrumb, #jumpmenu { width: 119rem }
}
.bg--grey.zone--last { padding-bottom: 4rem }
.bg--darkgrey { background: #454545; padding: 2.5rem }
@media (min-width:37.5em) and (max-width:60em) {
.bg--darkgrey>.l-zone { width: 100% }
}
.l-col, .l-row, .l-zone, .l-zone>div { box-sizing: border-box }
.l-row, .l-zone { clear: both }
.l-row { padding: 2rem 0 }
.header+.l-row, .l-row.bg--grey+.bg--grey, .l-row.bg--white+.bg--white { padding-top: 0 }
.l-row.bg--grey { padding: 4rem 0 6rem }
@media (min-width:37.5em) {
.l-row.bg--grey { padding: 10rem 0 12rem }
}
.page-header+.l-row, .page-title+.l-row { padding-top: 1.5rem }
.l-row.layout--hp { padding: 0 }
.l-row.layout--hp.layout--hp-3col { padding: 1rem 0 }
@media (min-width:37.5em) {
.l-row.layout--hp.layout--hp-3col { padding: 4rem 0 }
}
.l-row.layout--hp .tpl--title { margin-top: 1rem; margin-bottom: 1rem }
@media (min-width:37.5em) {
.l-row.layout--hp .tpl--title { margin-top: 6rem; margin-bottom: 2rem; padding: 0 }
}
.l-row.zone--slider { padding-bottom: 0; overflow: hidden }
#breadcrumb-container+.l-row.zone--slider { padding-top: 0 }
@media (min-width:37.5em) {
.l-row.zone--banner { padding-top: 1.4rem }
}
.l-row.zone--crysis { padding-bottom: 0 }
.l-row.zone--crysis+.zone--slider { padding-top: 0 }
.l-row.zone--blog { padding-top: 1rem }
.l-zone { position: relative }
.l-zone+.l-zone { margin-top: 2rem }
@media (min-width:0) and (max-width:37.49em) {
.l-zone .l-col+.l-mob-12-12, .l-zone .l-mob-12-12+.l-col { margin-top: 1rem }
}
@media (min-width:37.5em) and (max-width:59.99em) {
.l-zone .l-col+.l-tab-12-12, .l-zone .l-tab-12-12+.l-col, .l-zone .l-tab-12-12+.l-col+.l-col { margin-top: 1rem }
}
@media (min-width:60em) {
.l-zone .l-col+.l-desk-12-12, .l-zone .l-desk-12-12+.l-col, .l-zone .l-desk-12-12+.l-col+.l-col, .l-zone .l-desk-12-12+.l-col+.l-col+.l-col, .l-zone .l-desk-12-12+.l-col+.l-col+.l-col+.l-col { margin-top: 1rem }
}
.dt-zone, .l-zone { margin: 0 auto; max-width: calc(100% - 4.8rem); width: calc(100% - 4.8rem) }
.dt-zone:after, .dt-zone:before, .l-zone:after, .l-zone:before { content: " "; display: table }
.dt-zone:after, .l-zone:after { clear: both }
@media (min-width:37.5em) {
.dt-zone, .l-zone { width: 59rem }
}
@media (min-width:47.5em) {
.dt-zone, .l-zone { width: 77rem }
}
@media (min-width:60em) {
.dt-zone, .l-zone { max-width: 100%; width: 96rem }
}
@media (min-width:76em) {
.dt-zone, .l-zone { width: 120rem }
}
.dt-zone .l-zone, .l-zone .l-zone { width: auto }
.cp-slider-vertical-parallax .dt-zone .container-pagination, .cp-slider-vertical-parallax .l-zone .container-pagination, .dt-zone .cp-slider-vertical-parallax .container-pagination, .dt-zone .dt-zone, .dt-zone .l-zone, .dt-zone .teq-container, .l-zone .cp-slider-vertical-parallax .container-pagination, .l-zone .dt-zone, .l-zone .l-zone, .l-zone .teq-container { max-width: 100% }
.df-zone { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin: 0 auto; max-width: calc(100% - 3rem) }
@media (min-width:37.5em) {
.df-zone { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; flex-wrap: wrap; width: 59rem }
}
@media (min-width:47.5em) {
.df-zone { width: 77rem }
}
@media (min-width:60em) {
.df-zone { flex-wrap: nowrap; max-width: 100%; width: 96rem }
}
@media (min-width:76em) {
.df-zone { width: 120rem }
}
.df-zone .l-col { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; float: none; margin:0 -.1rem 1rem
}
@media (min-width:60em) {
.df-zone .l-col { margin-bottom: 0 }
}
.df-zone .l-col>.mod, .df-zone .l-col>.tpl { -webkit-box-flex: 1; flex-grow: 1 }
.df-zone .l-col>.mod--docs-focus, .df-zone .l-col>.tpl--cta--rich { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column }
.df-zone .l-col>.mod--docs-focus { -webkit-box-pack: center; justify-content: center }
.zone--widgets>.df-zone { margin-bottom: 1rem }

.l-col, .l-zone>div { display: block; float: left }
@media (min-width:60em) {
.l-col { padding:0 .5rem
}
}
@media (min-width:0) and (max-width:59.99em) {
.layout--hp.zone--3-widgets .l-tab-6-12, .layout--hp.zone--widgets .l-tab-6-12 { margin-top: 1rem }
.l-tab-6-12+.l-tab-6-12+.l-tab-6-12 { clear: both }
.mod--bio--list .l-tab-6-12+.l-tab-6-12+.l-tab-6-12 { clear: none }
}
@media (min-width:37.5em) {
.layout--int.zone--blog>.l-zone>.l-col, .layout--int.zone--content>.l-zone>.l-col { padding: 0 2rem }
.layout--int.zone--blog>.l-zone>.l-col:first-child, .layout--int.zone--content>.l-zone>.l-col:first-child { padding-left: 0 }
.layout--int.zone--blog>.l-zone>.l-col:last-child, .layout--int.zone--content>.l-zone>.l-col:last-child { padding-right:.5rem
}
.layout--int.zone--blog>.l-zone>.l-col p, .layout--int.zone--content>.l-zone>.l-col p { margin: auto; color: #000 }
}
.l-mob-1-12 { width: 8.3333333333% }
.l-mob-2-12 { width: 16.6666666667% }
.l-mob-3-12 { width: 25% }
.l-mob-4-12 { width: 33.3333333333% }
.l-mob-5-12 { width: 41.6666666667% }
.l-mob-6-12 { width: 50% }
.l-mob-7-12 { width: 58.3333333333% }
.l-mob-8-12 { width: 66.6666666667% }
.l-mob-9-12 { width: 75% }
.l-mob-10-12 { width: 83.3333333333% }
.l-mob-11-12 { width: 91.6666666667% }
.l-mob-12-12 { width: 100% }
@media (min-width:37.5em) {
.l-tab-1-12 { width: 8.3333333333% }
.l-tab-2-12 { width: 16.6666666667% }
.l-tab-3-12 { width: 25% }
.l-tab-4-12 { width: 33.3333333333% }
.l-tab-5-12 { width: 41.6666666667% }
.l-tab-6-12 { width: 50% }
.l-tab-7-12 { width: 58.3333333333% }
.l-tab-8-12 { width: 66.6666666667% }
.l-tab-9-12 { width: 75% }
.l-tab-10-12 { width: 83.3333333333% }
.l-tab-11-12 { width: 91.6666666667% }
.l-tab-12-12 { width: 100% }
}
@media (min-width:60em) {
.l-desk-1-12 { width: 8.3333333333% }
.l-desk-2-12 { width: 16.6666666667% }
.l-desk-3-12 { width: 25% }
.l-desk-4-12 { width: 33.3333333333% }
.l-desk-5-12 { width: 41.6666666667% }
.l-desk-6-12 { width: 50% }
.l-desk-7-12 { width: 58.3333333333% }
.l-desk-8-12 { width: 66.6666666667% }
.l-desk-9-12 { width: 75% }
.l-desk-10-12 { width: 83.3333333333% }
.l-desk-11-12 { width: 91.6666666667% }
.l-desk-12-12 { width: 100% }
}
.dt-zone>.dt-mod { width: 100% }
@media (min-width:60em) {
.dt-zone { display: table; table-layout: fixed; margin:0 -.5rem
}
.dt-zone>.dt-mod {
border-left:.5rem solid #fff;
border-right:.5rem solid #fff; display: table-cell; vertical-align: top }
}
.layout-1col-small { margin: auto auto 6rem; width: 90% }
@media (min-width:37.5em) {
.layout-1col-small { margin: auto auto 12rem }
}
.layout-1col-small .zone-banner { margin: 0 0 6rem }
@media (min-width:37.5em) {
.layout-1col-small .zone-banner { margin: 0 0 12rem }
}
.layout-1col-small .-header-without-banner { margin: 8rem 0 6rem }
@media (min-width:37.5em) {
.layout-1col-small .-header-without-banner { margin: 12rem 0;margin-bottom:6rem }
}
.layout-1col-small .-header-without-banner .h1-title { position: relative; padding-top: 3rem }
@media (min-width:37.5em) {
.layout-1col-small .-header-without-banner .h1-title { padding-top: 0 }
}
.layout-1col-small .-header-without-banner h1 { color: #171F4A; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; line-height: 100%; margin: 0 0 0 2rem; position: relative; z-index: 2; max-width: 90% }
@media (min-width:37.5em) {
.layout-1col-small .-header-without-banner h1 { color: #171F4A; margin: 0 auto; max-width: 800px }
}
.layout-1col-small .-header-without-banner .h1-subtitle { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; line-height: 100%; margin: 2rem auto 0; position: relative; z-index: 2; max-width: 90% }
@media (min-width:37.5em) {
.layout-1col-small .-header-without-banner .h1-subtitle { font-size: 3rem; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; max-width: 800px }
}
@media (min-width:60em) {
.layout-1col-small .-header-without-banner .h1-subtitle { font-weight:bold;font-size: 3.6rem;line-height:5rem;margin-bottom:1rem; }
}
.layout-1col-small .-header-without-banner .social { position: absolute; right: 25px; top: -5rem }
@media (min-width:37.5em) {
.layout-1col-small .-header-without-banner .social { right: 10%; top: 1.5rem }
}
.body-small>:not(div), .body-small>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic) { margin: 0 auto; max-width: calc(100% - 3rem) }
@media (min-width:37.5em) {
.body-small>:not(div), .body-small>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic) { width: 48.33333rem }
}
@media (min-width:47.5em) {
.body-small>:not(div), .body-small>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic) { width: 63.33333rem }
}
@media (min-width:60em) {
.body-small>:not(div), .body-small>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic) { max-width: 100%; width: 63.33333rem }
}
@media (min-width:76em) {
.body-small>:not(div), .body-small>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic) { width: 79.33333rem }
}
.body-small>:not(div).aligncenter, .body-small>:not(div).alignleft, .body-small>:not(div).alignnone, .body-small>:not(div).alignright, .body-small>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).aligncenter, .body-small>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).alignleft, .body-small>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).alignnone, .body-small>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).alignright { margin: 6rem auto; width: auto }
@media (min-width:37.5em) {
.body-small>:not(div).aligncenter, .body-small>:not(div).alignleft, .body-small>:not(div).alignnone, .body-small>:not(div).alignright, .body-small>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).aligncenter, .body-small>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).alignleft, .body-small>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).alignnone, .body-small>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).alignright { margin: 12rem auto; max-width: 48.33333rem }
}
@media (min-width:47.5em) {
.body-small>:not(div).aligncenter, .body-small>:not(div).alignleft, .body-small>:not(div).alignnone, .body-small>:not(div).alignright, .body-small>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).aligncenter, .body-small>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).alignleft, .body-small>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).alignnone, .body-small>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).alignright { max-width: 63.33333rem }
}
@media (min-width:60em) {
.body-small>:not(div).aligncenter, .body-small>:not(div).alignleft, .body-small>:not(div).alignnone, .body-small>:not(div).alignright, .body-small>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).aligncenter, .body-small>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).alignleft, .body-small>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).alignnone, .body-small>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).alignright { max-width: 79.16667rem }
}
@media (min-width:76em) {
.body-small>:not(div).aligncenter, .body-small>:not(div).alignleft, .body-small>:not(div).alignnone, .body-small>:not(div).alignright, .body-small>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).aligncenter, .body-small>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).alignleft, .body-small>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).alignnone, .body-small>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).alignright { max-width: 99.16667rem }
}
.body-small>:not(div).alignleft, .body-small>:not(div).alignright, .body-small>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).alignleft, .body-small>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).alignright { float: none }
.body-small>:not(div).aligncenter img, .body-small>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).aligncenter img { margin: 0 auto }
.body-small>p iframe { width: 100% }
.body-small>div.tpl, .body-small>div[class^=tpl] { margin: 4rem auto; max-width: calc(100% - 3rem) }
@media (min-width:37.5em) {
.body-small>div.tpl, .body-small>div[class^=tpl] { margin: 10rem auto; width: 48.33333rem }
}
@media (min-width:47.5em) {
.body-small>div.tpl, .body-small>div[class^=tpl] { width: 63.33333rem }
}
@media (min-width:60em) {
.body-small>div.tpl, .body-small>div[class^=tpl] { width: 79.16667rem }
}
@media (min-width:76em) {
.body-small>div.tpl, .body-small>div[class^=tpl] { width: 99.16667rem }
}
.body-small>.tpl--more { margin: 4rem auto }
@media (min-width:37.5em) {
.body-small>.tpl--more { margin: 10rem auto }
}
.body-small>.tpl.blog-styled-link, .body-small>.tpl.tpl--more { clear: both; max-width: calc(100% - 3rem) }
@media (min-width:37.5em) {
.body-small>.tpl.blog-styled-link, .body-small>.tpl.tpl--more { width: 48.33333rem }
}
@media (min-width:47.5em) {
.body-small>.tpl.blog-styled-link, .body-small>.tpl.tpl--more { width: 63.33333rem }
}
@media (min-width:60em) {
.body-small>.tpl.blog-styled-link, .body-small>.tpl.tpl--more { max-width: 100%; width: 63.33333rem }
}
@media (min-width:76em) {
.body-small>.tpl.blog-styled-link, .body-small>.tpl.tpl--more { width: 79.33333rem }
}
.body-small>iframe.instagram-media { margin: 6rem auto!important; max-width: calc(100% - 3rem)!important }
@media (min-width:37.5em) {
.body-small>iframe.instagram-media { margin: 12rem auto!important; max-width: calc(48.33333rem - 3px)!important }
}
@media (min-width:47.5em) {
.body-small>iframe.instagram-media { max-width: calc(63.33333rem - 3px)!important }
}
@media (min-width:60em) {
.body-small>iframe.instagram-media { max-width: calc(79.16667rem - 3px)!important }
}
@media (min-width:76em) {
.body-small>iframe.instagram-media { max-width: calc(99.16667rem - 3px)!important }
}
.body-small .tpl--emphasis p { margin: 0 0 3rem }
@media (min-width:37.5em) {
.body-small .tpl--emphasis p { line-height: 3.2rem }
}
@media (min-width:60em) {
.body-small .tpl--emphasis p { margin: 0 0 4rem }
}
.body-small .tpl--emphasis .alignleft, .body-small .tpl--emphasis .alignright { margin: 3rem auto; width: 100% }
@media (min-width:60em) {
.body-small .tpl--emphasis .alignleft, .body-small .tpl--emphasis .alignright { margin: 0 0 3rem 4rem; width: 31.66667rem }
}
@media (min-width:76em) {
.body-small .tpl--emphasis .alignleft, .body-small .tpl--emphasis .alignright { width: 39.66667rem }
}
@media (min-width:37.5em) {
.body-small .tpl--emphasis .alignleft { margin: 0 3rem 2rem 0 }
}
@media (min-width:60em) {
.body-small .tpl--emphasis .alignleft { margin: 0 4rem 3rem 0 }
}
.body-small>h2 { font-size: 2.6rem; line-height: 2.8rem; margin: 6rem auto 3rem; text-align: center }
@media (min-width:37.5em) {
.body-small>h2 { font-size: 6rem; line-height: 5.8rem; margin: 12rem auto 6rem }
}
.body-small>h3 { color: #171F4A; font-size: 1.8rem; font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; line-height: 2.2rem }
@media (min-width:37.5em) {
.body-small>h3 { font-size: 3rem; line-height: 3.4rem; margin-bottom: 4rem }
}
.body-small>h4 { margin: 0 auto 4rem }
.body-small>h5, .body-small>h6 { margin: 0 auto 3rem }
.body-small>h6 { max-width: 90% }
@media (min-width:37.5em) {
.body-small>h6 { max-width: 800px }
}
.body-small>p { margin: 1.5rem auto 3rem }
@media (min-width:37.5em) {
.body-small>p { line-height: 3.2rem }
}
@media (min-width:60em) {
.body-small>p { margin: 2rem auto 4rem }
}
.body-small ol, .body-small ul { margin: 1.5rem auto 6rem }
@media (min-width:37.5em) {
.body-small ol, .body-small ul { line-height: 3.2rem }
}
@media (min-width:60em) {
.body-small ol, .body-small ul { margin: 3rem auto 10rem }
}
.body-small ol li, .body-small ul li { margin-bottom: 1.5rem }
.body-small blockquote { font-size: 3rem; letter-spacing:-.1rem;
line-height: 4.8rem; margin: 4rem auto 2rem }
@media (min-width:37.5em) {
.body-small blockquote { margin: 8rem auto 4rem }
}
@media (min-width:60em) {
.body-small blockquote { padding: 3rem 1rem 3rem 0 }
}
.body-small blockquote:after, .body-small blockquote:before { color: #888b8d }
@media (min-width:81em) {
.body-small blockquote:after { -webkit-transform: translateX(100%); transform: translateX(100%) }
}
.body-small blockquote p { font-size: 1.8rem; line-height: 2.6rem }
@media (min-width:37.5em) {
.body-small blockquote p { font-size: 3rem; line-height: 4.8rem }
}
.body-small table { margin: 3rem auto 6rem }
@media (min-width:37.5em) {
.body-small table { margin: 6rem auto 12rem }
}
.body-small table td, .body-small table th { padding: 2rem; text-align: left; vertical-align: top }
.mod[class], .tpl[class] { border-box: box-sizing; position: relative }
.mod[class]+.mod[class], .mod[class]+.story[class], .tpl[class]+.mod[class], .tpl[class]+.story[class], div[role=main]>.mod[class], div[role=main]>.tpl[class] { margin-top: 2rem }
div[role=main]>.mod[class]:first-child, div[role=main]>.tpl[class]:first-child { margin-top: 0 }
.mod[class]~.story[class], aside[role=complementary] .story[class] { position: relative }
.mod[class]~.story[class]+.story[class], aside[role=complementary] .story[class]+.story[class] { margin-top: 20px }
.video-wrapper { height: 0; padding-bottom: 56.25%; padding-top: 25px; position: relative }
.video-wrapper embed, .video-wrapper iframe, .video-wrapper object, .video-wrapper video {object-fit: cover; height: 100%; left: 0; position: absolute; top: 0; width: 100% }
.story--sticker { position: relative }
.story--sticker, .story--sticker .it-content { background: #fff; -webkit-box-flex: 1; flex-grow: 1; position: relative; padding: 8px 1rem 8px 0; z-index: 2 }
.story--sticker .it-content:before, .story--sticker:before { content: ""; display: inline-block; position: absolute; top: -1rem; left: 18px; border-bottom-color: #fff }
.story--sticker .it-title { position: relative; margin-bottom: 5px; font-family: Helvetica Neue LT W05_57 Cond, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.2rem; font-weight: 400; line-height: 1.15em }
@media (min-width:37.5em) {
.story--sticker .it-title { font-size: 1.7rem; margin-top: 3px }
}
@media (min-width:60em) {
.story--sticker .it-title { font-size: 1.8rem; margin-top: 1px }
}
@media (min-width:76em) {
.story--sticker .it-title { font-size: 1.9rem; margin-top: 0 }
}
.story--sticker .it-title, .story--sticker .it-title>a { color: #333 }
.story--sticker .it-title>a:hover { color: #171F4A; text-decoration: none }
.story--sticker .it-meta { font-size: 1.2rem; font-weight: 700; color: #d2d2d2 }
.story--sticker .it-meta .it-cat { font-weight: 700 }
.story--sticker .it-meta p { font-size: 1.6rem }
.story--sticker .it-author, .story--sticker .it-desc { line-height: 1.5em; color: #999 }
.story--sticker .it-author { position: relative; min-height: 60px; padding-left: 20px; margin-top: 1.5rem; font-size: 1.1rem }
.story--sticker .it-author>strong { display: block; font-family: Helvetica Neue LT W05_57 Cond, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; font-weight: 400 }
.story--sticker .it-author>img { position: absolute; left: -43px; top: 0; width: 50px }
.story--sticker .it-date, .story--sticker p { margin-top: 1px }
.story--sticker .it-source { font-style: italic; font-weight: 400 }
.story--sticker .it-illus { position: relative; width: 100%; z-index: 1; background: #f0f0ef }
.story--sticker .it-illus .story--sticker-gif-link:before { content: ""; height: 7.2rem; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 7.2rem; background: url(images/sprite.png) no-repeat -326px -200px }
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {
.story--sticker .it-illus .story--sticker-gif-link:before { background-image: url(images/sprite_2x.png); background-size: 500px 500px }
}
.story--sticker .it-illus .story--sticker-gif-txt { content: ""; left: 50%; position: absolute; top: 50%; margin: 50px 0 0; font-family: Helvetica Neue LT W05_37 Th Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; text-transform: uppercase; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff }
.story--sticker img { display: block; margin: 0 auto }
.story--sticker .it-desc { margin: 6px 0 0; font-size: 1.1rem }
.story--sticker .it-ico { position: absolute; left: 13px; top: 1rem }
.story--sticker .it-ico.ico--blog { top: 8px }
.story--sticker .it-ico.icon-linkedin { color: #0098c7; font-size: 3.2rem; top: 7px }
@media (min-width:37.5em) {
.story--sticker.mod .it-content { position: absolute; bottom: 0; left: 0; right: 0 }
.story--sticker.mod .it-content:before { left: 18px }
.story--sticker.mod .it-illus { min-height: 220px }
.story--sticker.mod .it-meta { position: absolute; bottom: 8px; left: 60px }
}
.story--sticker.mod--download .it-content { padding-left: 1rem }
.story--sticker.mod--download .it-meta { left: 1rem }
.story--sticker.rcl-col .it-content { position: relative; bottom: 0; left: 0; right: 0 }
.story--sticker.rcl-col .it-content:before { left: 18px }
.story--sticker.rcl-col .it-illus { min-height: 0 }
.bg--white .story--event .it-content, .bg--white .story--report .it-content, .bg--white .story--square, .bg--white .story--sticker { border: 1px solid #eae9e8 }
.story--date .ico--play, .story--sticker .ico--play { position: absolute; top: 50%; left: 50%; width: 58px; height: 58px; margin-left: -30px; margin-top: -30px; border: 1px solid #fff; line-height: 58px; text-align: center; z-index: 5; background: hsla(0,0%,39.2%,.6) }
.story--date .ico--play:after, .story--sticker .ico--play:after { content: ""; display: inline-block; position: absolute; left: 50%; top: 50%; width: 20px; height: 30px; margin-left: -8px; margin-top: -1.5rem; vertical-align: middle; background: url(images/sprite.png) no-repeat -400px 0; z-index: 6 }
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {
.story--date .ico--play:after, .story--sticker .ico--play:after { background-image: url(images/sprite_2x.png); background-size: 500px 500px }
}
.story--date .js-blur-wrapper, .story--sticker .js-blur-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 0; overflow: hidden; z-index: 4; opacity: 1 }
.story--date .js-blur, .story--sticker .js-blur { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10 }
.story--date a.ico--play:hover, .story--date a:hover .ico--play, .story--sticker a.ico--play:hover, .story--sticker a:hover .ico--play { background: rgba(90,90,90,.7) }
.story--date a.ico--play:hover .js-blur-wrapper, .story--date a:hover .ico--play .js-blur-wrapper, .story--sticker a.ico--play:hover .js-blur-wrapper, .story--sticker a:hover .ico--play .js-blur-wrapper { opacity: .91 }
.story--default .it-content { border-top: 1px solid #eae9e8 }
.story--default .it-content:before { background: url(images/sprite.png) no-repeat 0 -338px; width: 20px; height: 1.2rem; top: -1.2rem }
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {
.story--default .it-content:before { background-image: url(images/sprite_2x.png); background-size: 500px 500px }
}
aside[role=complementary] .story--sticker.mod .it-illus { min-height: 0!important; height: auto }
aside[role=complementary] .mod.mod--download .it-content { min-height: 0!important }
aside[role=complementary] .story--sticker.mod .it-content { position: relative; bottom: auto; left: auto; right: auto }
aside[role=complementary] .story--sticker.mod .it-meta { position: relative; left: auto; bottom: auto }
aside[role=complementary] .mod.mod--download { height: auto; padding-bottom: 0 }
.story--event { position: relative; text-align: center; color: #999 }
.story--event .it-content { padding: 10% 1rem 20px }
.story--event .it-desc, .story--event .it-title, .story--event .links>p { margin-top: 1rem }
.story--event .it-date, .story--event .it-title { font-size: 2rem }
.story--event .it-date { font-family: Helvetica Neue LT W05_57 Cond, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; color: #333 }
.story--event .it-date:before { content: ""; display: block; width: 5.2rem; height: 5.2rem; margin: 0 auto 1rem; background: url(images/sprite.png) no-repeat -300px -103px }
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {
.story--event .it-date:before { background-image: url(images/sprite_2x.png); background-size: 500px 500px }
}
.story--event .it-title { font-family: Helvetica Neue LT W05_37 Th Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.story--event .it-desc { font-size: 1.3rem; line-height: 1.5em }
.story--event .links>p { font-size: 1.1rem }
.story--event .links>p a { color: #171F4A; font-weight: 700 }
.story--event .links>.links--more a { text-decoration: underline }
.story--event .links>.links--more a:hover { text-decoration: none }
.story--event .links+.links--more { margin-top: 20px }
.story--event [class^=btn--] { display: block }
.story--event.current .it-content, .story--event.current .it-content .it-date, .story--event.current .it-content a, .story--event.current .it-title { color: #fff }
.story--event.current .it-content { background: url(images/renault-pattern-yellow.png) repeat 0 0 #008F84 }
.story--event.current .it-date:before { background: url(images/sprite.png) no-repeat -300px -50px }
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {
.story--event.current .it-date:before { background-image: url(images/sprite_2x.png); background-size: 500px 500px }
}
.cssgradients .story--event.current .it-content { background: url(images/renault-pattern-yellow.png) repeat 0 0, -webkit-gradient(linear, left top, left bottom, from(#008F84), to(#008F84)); background: url(images/renault-pattern-yellow.png) repeat 0 0, linear-gradient(180deg, #008F84 0, #008F84) }
@media (min-width:37.5em) {
.story--event .it-content { padding-top: 15% }
}
@media (min-width:60em) {
.story--event .it-content { padding-top: 15% }
}
@media (min-width:76em) {
.story--event .it-content { padding-top: 25% }
}
.story--linkedin, .story--youtube { padding: 0 }
.story--linkedin:before, .story--youtube:before { display: none }
.story--linkedin .it-content, .story--youtube .it-content { padding:.8rem 1rem .8rem 6rem
}
.story--linkedin .it-ico, .story--youtube .it-ico { border: 0; font: 0/0 a; text-shadow: none; color: transparent; width: 31px; height: 31px }
.story--linkedin .it-meta a, .story--youtube .it-meta a { display: block; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 1px) }
.mod--blog-focus .it-content, .story--electric .it-content, .story--facebook .it-content { padding:.8rem 1rem .8rem 6rem
}
.story--instagram .it-meta a { color: #6c5142 }
.story--instagram.carousel:before, .story--instagram.video:before { top: 1.5rem; left: 1.5rem }
.story--youtube .it-meta a { color: red; overflow-wrap: break-word }
.story--youtube .it-text { display: none; left: 0; text-align: center; margin-top: -1.5rem; position: absolute; right: 0; top: 50%; z-index: 1 }
.story--youtube .it-text span { display: inline-block; background: hsla(0,0%,39.2%,.6); height: 60px; line-height: 60px; font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; color: #fff; text-transform: uppercase; border: 1px solid #fff; margin-top: -1.5rem; padding: 0 1.5rem }
.story--linkedin .it-meta a { color: #0288d1 }
.story--youtube-play .it-illus img { opacity: 1 }
.story--youtube-play .it-text { display: block }
.story--youtube-play .ico--play { display: none }
.story--square { background: #fff; text-align: center }
.story--square .it-content { box-sizing: border-box; padding: 2rem 3rem }
.story--square .it-content>div, .story--square .it-content>h2, .story--square .it-content>p { margin-top: 2rem }
.story--square .it-message, .story--square .it-title { font-family: Helvetica Neue LT W05_37 Th Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 1.2em }
.story--square .it-meta { font-size: 1.2rem; color: #ccc; font-style: italic }
@media (min-width:76em) {
.story--square .it-message, .story--square .it-title { font-size: 2.2rem; line-height: 1.5em }
}
.story--report .it-content { padding: 20px }
.story--report .it-title { margin-top: 20px }
.story--report .it-meta { margin-top: 3px }
.story--report .it-desc { margin: 20px 0 0; font-size: 1.3rem }
.story--report .links--more { line-height: 1em; margin: 1.5rem 0 0 }
.story--report [class^=btn--] { display: block }
.layout--hp.zone--widgets .story--report .it-content { padding: 25px 2rem 2rem }
@media (min-width:0) and (max-width:37.49em) {
.mod--similar .l-col+.l-col { margin-top: 1rem }
}
h2.tpl--bio-title { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin-bottom: 1.6rem; font-size: 2.8rem; line-height: 3.2rem }
@media (min-width:37.5em) {
h2.tpl--bio-title { font-size: 3.6rem; line-height: 3.2rem; width: 108.4rem; margin-left: auto; margin-right: auto; max-width:calc(100% - .5rem)
}
}
.p--bio--title { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2.4rem }
@media (min-width:37.5em) {
.p--bio--title { font-size: 2.3rem; line-height: 2.6rem; width: 119rem; margin-left: auto; margin-right: auto; max-width:calc(100% - .5rem)
}
}
.mod--bio--list .story--bio { margin-top: 1rem }
.subtitle-tags-wrapper { margin: 0 0 20px }
.fb-iframe-wrapper, .mod--focus { border: 1px solid #ebeae9; padding: 2rem; background: #fff }
.fb-iframe-wrapper p, .mod--focus p { margin: 1.5rem 0 }
.layout--hp.zone--widgets .fb-iframe-wrapper, .layout--hp.zone--widgets .mod--focus { padding: 2.5rem 2rem 2rem }
.fb-iframe-wrapper .mod-title[class], .mod--focus .mod-title[class] { padding-top: 0; margin-bottom: 1.5rem; font-size: 2.5rem; color: #333; text-transform: uppercase }
.fb-iframe-wrapper [class^=btn--], .fb-iframe-wrapper input[type=email], .fb-iframe-wrapper input[type=text], .mod--focus [class^=btn--], .mod--focus input[type=email], .mod--focus input[type=text] { display: block }
.fb-iframe-wrapper input[type=email], .fb-iframe-wrapper input[type=text], .mod--focus input[type=email], .mod--focus input[type=text] { width: 100% }
.fb-iframe-wrapper .btns, .fb-iframe-wrapper form>*+*, .mod--focus .btns, .mod--focus form>*+* { margin-top: 2rem }
@media (min-width:76em) {
.fb-iframe-wrapper .mod-title[class], .mod--focus .mod-title[class] { font-size: 3rem }
}
.mod--redirection .mod-content>p:first-child { font-family: Helvetica Neue LT W05_47 Lt Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 1em }
.mod--redirection form+ul { margin-top: 2rem }
.mod--redirection ul { font-family: Helvetica Neue LT W05_47 Lt Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.mod--redirection ul>li+li { margin-top: 5px }
.mod--redirection ul a { color: #333; text-transform: uppercase }
.mod--redirection ul a:hover { text-decoration: none; color: #000 }
.mod--facebook .fb-like-box { display: block!important; margin: 0 -2rem }
@media (min-width:76em) {
.mod--facebook .fb-like-box { margin: 0 auto }
}
.layout--int .mod--actus-focus .mod-title[class], .mod--actus-focus .mod-title[class] { margin-bottom: 1rem; font-family: Helvetica Neue LT W05_47 Lt Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.mod--actus-focus .mod-content { padding-top: 1rem; border-top: 1px solid #eae9e8 }
.mod--actus-focus .it-title { font-family: Helvetica Neue LT W05_57 Cond, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-weight: 400 }
.mod--actus-focus .it-title a { color: #333 }
.mod--actus-focus .it-title a:hover { text-decoration: none; color: #000 }
.mod--actus-focus .it-date { color: #d2d2d2; font-size: 1rem; font-weight: 700 }
.mod--actus-focus .it-desc { margin-top: 5px; line-height: 1.5em; color: #000 }
.mod--actus-focus .mod-bottom { margin-top: 2rem }
.mod--docs--lists.mod--docs-focus h3 { margin-bottom: 4.2rem }
.mod--docs--lists .it-content { overflow: hidden }
.mod--docs--lists .it-desc, .mod--docs--lists .it-subtitle { color: #000 }
.mod--docs--lists .it-subtitle, .mod--docs--lists .it-title, .mod--docs--lists .it-title>strong { font-weight: 400 }
.mod--docs--lists .it-title { font-family: Helvetica Neue LT W05_47 Lt Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.5rem }
.mod--docs--lists .it-title>strong { font-family: Helvetica Neue LT W05_67 Md Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.mod--docs--lists .it-subtitle { margin-bottom: 1rem; font-family: Helvetica Neue LT W05_37 Th Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem }
.mod--docs--lists .it-desc { margin-bottom: 2rem; font-size: 1.3rem }
.mod--docs--lists .docs-list .btn--minus, .mod--docs--lists .docs-list .optional { display: none }
.mod--docs--lists .docs-list .btn--plus, .mod--docs--lists .docs-list.js-open .btn--minus, .mod--docs--lists .docs-list.js-open .optional { display: block }
.mod--docs--lists .docs-list.js-open .btn--plus { display: none }
@media (min-width:37.5em) {
.mod--docs--lists .it-illus { float: left; max-width: 30%; margin-right: 2rem; margin-bottom: 0 }
.mod--docs--lists .it-title { font-size: 3rem }
.mod--docs--lists .it-subtitle { font-size: 2.2rem }
}
.mod--docs--lists .docs-more { background: transparent; position: relative }
.mod--docs--lists .docs-more .btn--minus, .mod--docs--lists .docs-more .btn--plus { display: none; float: right }
.mod--docs--lists .docs-more .btn--minus.active, .mod--docs--lists .docs-more .btn--plus.active { display: block }
.mod--docs--lists .docs-more .loader { width: 31px; height: 31px; margin: -1.5rem 0 0 -1.5rem; opacity: 0; position: absolute; top: 50%; left: 50% }
.no-js .mod--docs--lists .docs-list { display: block }
.js-collapse .btns { opacity: 0 }
.js-collapse .optional+.btns { opacity: 1 }
iframe { max-width: 100% }
iframe.video { max-height: 50rem }
@media (min-width:37.5em) {
iframe.video { max-height: auto; min-height: 120rem }
}
.mod--iframe iframe { border: 0; max-height: 100%; display: none }
.mod--iframe .alternative, .mod--iframe iframe.alternative { display: block; padding: 5px 1rem }
@media (min-width:37.5em) {
.mod--iframe iframe { display: block }
.mod--iframe .alternative, .mod--iframe iframe.alternative { display: none }
}
.bg--blog .tpl--cta--rich, .bg--white .tpl--cta--rich { border: 1px solid #eae9e8 }
.bg--blog .tpl--cta--rich .tpl-illus, .bg--white .tpl--cta--rich .tpl-illus { margin: -1px -1px 0 }
.yellow-border { border-left: 5px solid #008F84; padding-left: 18px }
@media (max-width:37.5em) {
.yellow-border { border-left: none; padding-left: 0; border-top: 5px solid #008F84; margin-top: 1.5rem; padding-top: 1.5rem }
}
.mod--action-info-top-1, .mod--action-info-top-2 { border: 1px solid #f0f0ef; font-size: 3rem; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; padding: 3rem 2rem }
@media (min-width:60em) {
.mod--action-info-top-1, .mod--action-info-top-2 { height: 52rem; box-sizing: border-box; font-size: 6rem }
}
.mod--action-info-top-1 h2, .mod--action-info-top-2 h2 { color: #171F4A; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin: 0 0 2rem; line-height: 3rem }
.mod--action-info-top-1 .head-number.-green, .mod--action-info-top-2 .head-number.-green { color: #58b70e; font-size: 3rem; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:60em) {
.mod--action-info-top-1 .head-number.-green, .mod--action-info-top-2 .head-number.-green { font-size: 6rem; line-height: 4.8rem; margin-bottom: 3rem }
}
.mod--action-info-top-1 .item, .mod--action-info-top-2 .item { font-size: 1.6rem; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.mod--action-info-top-1 .item .head-number, .mod--action-info-top-2 .item .head-number { font-size: 3rem; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:60em) {
.mod--action-info-top-1 .item .head-number, .mod--action-info-top-2 .item .head-number { font-size: 6rem; line-height: 4.8rem; margin-bottom: 3rem }
}
.mod--action-info-top-1 .item .head-number.-yellow, .mod--action-info-top-2 .item .head-number.-yellow { color: #008F84 }
.mod--action-info-top-1 .item .head-number.-grey, .mod--action-info-top-2 .item .head-number.-grey { color: #000 }
.mod--action-info-top-1 .item .head-number.-green, .mod--action-info-top-2 .item .head-number.-green { color: #58b70e }
.mod--action-info-top-1 .item .head-number.-red, .mod--action-info-top-2 .item .head-number.-red { color: #d60000 }
.mod--action-info-top-1 hr, .mod--action-info-top-2 hr { background: #f0f0ef; border: 0; height:.1rem;
margin-bottom: 2rem }
.mod--action-info-top-2 h2 { font-size: 2.2rem; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.mod--action-info-top-1 h2 { font-size: 3.5rem }
.mod--action-info-bottom-1, .mod--action-info-bottom-2, .mod--action-info-bottom-3 { box-sizing: border-box; font-size: 1.6rem; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; padding: 4rem 2rem 2rem }
.mod--action-info-bottom-1 strong, .mod--action-info-bottom-2 strong, .mod--action-info-bottom-3 strong { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-weight: 400 }
.mod--action-info-bottom-1 .item, .mod--action-info-bottom-2 .item, .mod--action-info-bottom-3 .item { margin-bottom: 2rem; padding-bottom: 2rem }
.mod--action-info-bottom-1 .item:last-child, .mod--action-info-bottom-2 .item:last-child, .mod--action-info-bottom-3 .item:last-child { margin-bottom: 0 }
.mod--action-info-bottom-1 h2, .mod--action-info-bottom-2 h2, .mod--action-info-bottom-3 h2 { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.7rem; line-height: 3.2rem; margin: 0 0 1.6rem }
@media (min-width:37.5em) {
.mod--action-info-bottom-1 h2, .mod--action-info-bottom-2 h2, .mod--action-info-bottom-3 h2 { font-size: 3.4rem; line-height: 3.6rem; margin-bottom: 2.4rem }
}
.mod--action-info-bottom-1 .fl-right, .mod--action-info-bottom-2 .fl-right, .mod--action-info-bottom-3 .fl-right { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.mod--action-info-bottom-1 { background: #008F84; color: #fff }
.mod--action-info-bottom-1 .item { border-bottom: 1px solid #f4f4f4 }
.mod--action-info-bottom-1 .item:last-child { border-bottom: 0 }
.mod--action-info-bottom-1 .item .fl-left { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.mod--action-info-bottom-1 .item .fl-right { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.mod--action-info-bottom-2, .mod--action-info-bottom-3 { background: #f4f4f4; box-sizing: border-box; color: #000 }
.mod--action-info-bottom-2 .item, .mod--action-info-bottom-3 .item { border-bottom: 1px solid #dedede }
.mod--action-info-bottom-2 .item:last-child, .mod--action-info-bottom-3 .item:last-child { border-bottom: 0 }
.header { -webkit-box-align: center; align-items: center; background: #fff; box-shadow: 0 2px 4px 0 rgba(0,0,0,.08); display: -webkit-box; display: flex; height: 7rem; left: 0; -webkit-box-pack: center; justify-content: center; position: fixed; right: 0; top: 0; -webkit-transition: .4s; transition: .4s; z-index: 505 }
@media (min-width:37.5em) {
.header { height: 7rem }
}
@media (min-width:60em) {
.header { height: 8.2rem }
}
.header .logo, .header h1.logo { display: -webkit-box; display: flex; font-size: 1.3rem; margin: 0 auto 0 2rem; line-height: 100%; -webkit-transition: .4s; transition: .4s }
@media (min-width:76em) {
.header .logo, .header h1.logo { -webkit-box-align: center; align-items: center; box-sizing: border-box; height: 100%; left: 4rem; position: absolute; top: 0 }
}
@media (min-width:105em) {
.header .logo, .header h1.logo { left: 10rem }
}
.header .logo img, .header h1.logo img { width: 11rem }
@media (min-width:76em) {
.header .logo img, .header h1.logo img { width: 15rem }
}
.logo-scroll { display: none }
@media (min-width:76em) {
.logo-scroll { -webkit-box-align: center; align-items: center; box-sizing: border-box; display: -webkit-box; display: flex; height: 0; left: 6rem; margin: 0; opacity: 0; position: absolute; width: 5.5rem }
}
@media (min-width:105em) {
.logo-scroll { left: 10rem } 
}
.logo-scroll img { width:10rem }
@media (min-width:37.5em) {
.header.scrolling { height: 8.2rem }
}
@media (min-width:37.5em) {
.header.scrolling nav { background: #fff; height: auto; min-height: 6rem; padding-top: 0; top: 5.9rem }
}
@media (min-width:60em) {
.header.scrolling .logo { -webkit-animation: fadeOut 1s ease-out 0s normal forwards; animation: fadeOut 1s ease-out 0s normal forwards }
}
@media (min-width:60em) {
.header.scrolling .logo-scroll { -webkit-animation: fadeIn 1s ease-in .1s normal forwards; animation: fadeIn 1s ease-in .1s normal forwards }
}
.header.scrolling nav a, .header.scrolling nav li { }
@media (min-width:76em) {
.header.scrolling nav .sub-menu { top: 5.9rem }
}
.header-menu-btn { height: 7rem; right: 0; position: absolute; text-align: center; top: 0; -webkit-transition: .65s cubic-bezier(.77, 0, .175, 1); transition: .65s cubic-bezier(.77, 0, .175, 1); width: 7rem; z-index: 550 }
@media (min-width:76em) {
.header-menu-btn { display: none }
}
.header-menu-btn span { background: #1b1b1b; display: inline-block; height: 2px; position: absolute; top: 50%; left: calc(50% - 1rem); vertical-align: middle; width: 2rem }
.header-menu-btn span:before { top:-.6rem
}
.header-menu-btn span:after, .header-menu-btn span:before { background: #1b1b1b; content: ""; height: 2px; left: 0; position: absolute; -webkit-transform-origin: 0; transform-origin: 0; width: 100% }
.header-menu-btn span:after { top:.6rem
}
.header-special-links { -webkit-box-align: center; align-items: center; background: #fff; box-shadow: 4px 1px 10px 0 rgba(0,0,0,.25); box-sizing: border-box; display: -webkit-box; display: flex; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; height: 100%; left: 0; overflow-y: hidden; padding: 0 0 0 2rem; pointer-events: none; position: absolute; top: 0; -webkit-transform: translateX(-100vw); transform: translateX(-100vw); -webkit-transition: .65s cubic-bezier(.77, 0, .175, 1); transition: .65s cubic-bezier(.77, 0, .175, 1); width: calc(100% - 7rem); z-index: 500 }
@media (min-width:37.5em) {
.header-special-links { background: #f1f1f2; max-width: calc(100% - 7rem) }
}
@media (min-width:76em) {
.header-special-links { box-shadow: 0 0 0 transparent; left: auto; opacity: 1; pointer-events: auto; right: 0; -webkit-transform: translateX(0); transform: translateX(0); width: auto }
}
@media (min-width:105em) {
.header-special-links { padding: 0 0 0 3rem }
}
.header-special-links a.stock-exchange { font-size: 1.2rem; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; color: #666 }
@media (min-width:37.5em) {
.header-special-links a.stock-exchange { color: #171F4A }
}
.header-special-links a.stock-exchange:hover { color: #000 }
.header-special-links span { margin: 0 18px 0 10px }
.header-special-links .positif { color: #00bf70 }
.header-special-links .negatif { color: #d60000 }
.header-language-link { border-left: 1px solid #bbbcbc; border-right: 1px solid #bbbcbc; color: #666; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; padding: 0 9px; margin: 0 1rem 0 auto; text-align: right }
@media (min-width:76em) {
.header-language-link { border-right: 1px solid #bbbcbc; color: #171F4A }
}
.header-search-link { height: 1.9rem; margin-right: 1rem; text-align: center; text-decoration: none; width: 4.4rem }
.header-search-link:before { color: #666; font-size: 1.8rem; position: relative }
.header-search-link:hover { text-decoration: none }
.header-mask-for-mobile { background: rgba(0,0,0,.2); bottom: 0; left: 0; opacity: 0; pointer-events: none; position: fixed; right: 0; top: 0; -webkit-transition: .8s; transition: .8s; z-index: 499 }
@media (min-width:76em) {
.header-mask-for-mobile { display: none }
}
nav { background: #171F4A; box-shadow: 4px 1px 10px 0 rgba(0,0,0,.25); left: 0; height: calc(100vh - 12rem); overflow-y: auto; padding-top: 3rem; position: fixed; top: 7rem; -webkit-transform: translateX(-100vw); transform: translateX(-100vw); -webkit-transition: .4s cubic-bezier(.77, 0, .175, 1); transition: .4s cubic-bezier(.77, 0, .175, 1); width: 100%; z-index: 505; overflow: scroll }
@media (min-width:37.5em) {
nav { height: calc(100vh - 5.3rem); max-width: calc(100% - 7rem); padding-top: 0; top: 6.4rem }
}
@media (min-width:60em) {
nav { background: #fff; top: 8.2rem }
}
@media (min-width:76em) {
nav { box-shadow: 0 0 0 transparent; display: block; height: auto; min-height: 8rem; max-width: none; overflow: visible; position: static; -webkit-transform: translateX(0); transform: translateX(0); width: auto }
}
nav ul { margin: 0 0 8rem }
@media (min-width:76em) {
nav ul { display: -webkit-box; display: flex; margin: 0 }
}
nav li { padding: 0 2rem; margin-bottom: 0 }
@media (min-width:76em) {
nav li { padding: 0; margin-bottom: 0 }
}
nav a, nav li { box-sizing: border-box; color: #fff; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.7rem; line-height: 2rem; position: relative; text-decoration: none }
@media (min-width:76em) {
nav a, nav li { color: #171F4A; font-size: 1.6rem; padding: 0; line-height: 8.2rem; text-transform: uppercase }
}
nav a>a, nav li>a { color: #fff }
@media (min-width:76em) {
nav a>a, nav li>a { color: #171F4A; text-transform: uppercase }
}
nav a.current .level-1-title a, nav a:hover .level-1-title a, nav li.current .level-1-title a, nav li:hover .level-1-title a { text-decoration: none }
nav a.current .level-1-title a, nav a:hover, nav li.current .level-1-title a, nav li:hover { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
nav a.-submenu-open .sub-menu, nav li.-submenu-open .sub-menu { display: block }
@media (min-width:76em) {
nav a:hover .sub-menu, nav li:hover .sub-menu { height: auto; max-height: 1000px; -webkit-transition: max-height .8s ease-in; transition: max-height .8s ease-in }
}
nav a .icon-live, nav li .icon-live { color: #008F84; display: inline-block; line-height: 1; margin-left:.25rem;
position: relative; width: 3rem }
nav a .icon-live:before, nav li .icon-live:before { bottom: -1rem; font-size: 3rem; left: 0; position: absolute }
nav .sub-menu-container ul { margin-bottom: 0 }
nav .sub-menu-container li { padding: 2rem 0 0 }
@media (min-width:76em) {
nav .sub-menu-container { -webkit-box-align: start; align-items: flex-start; display: -webkit-box; display: flex; margin: 0 auto; max-width: 119rem; opacity: 0; padding: 5.2rem 0 5.5rem; position: relative }
nav .sub-menu-container:after, nav .sub-menu-container:before { background: #dedede; content: ""; height: calc(100% - 6rem); position: absolute; top: 3rem; width: 1px; z-index: 5000 }
nav .sub-menu-container:before { left: 33% }
nav .sub-menu-container:after { left: 66% }
nav .sub-menu-container ul { padding-top: 8px }
nav .sub-menu-container li { padding: 0 }
}
@media (min-width:76em) {
nav li:hover .sub-menu-container { -webkit-animation: opacity .3s linear .4s 1 forwards; animation: opacity .3s linear .4s 1 forwards }
}
@media (min-width:76em) {
nav li.current div.level-1-title:after, nav li:hover div.level-1-title:after { height:.2rem
}
}
nav li:before { display: none }
nav .sub-menu { background: #171F4A; display: none; font-size: 1.2rem; padding: 2.5rem 1rem; text-transform: none }
@media (min-width:76em) {
nav .sub-menu { background: #fff; box-sizing: border-box; display: block; max-height: 0; left: 50%; overflow: hidden; padding: 0; position: fixed; top: 8rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: max-height .8s ease-out; transition: max-height .8s ease-out; width: 100vw }
}
nav .sub-menu ul { padding-left: 2rem }
@media (min-width:76em) {
nav .sub-menu ul { display: block; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; padding-left: 0; min-width: 66.6%; width: 66.6% }
}
nav .sub-menu li { font-size: 1.2rem; line-height: 1; text-transform: none }
nav .sub-menu li.current a { color: #fff; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
nav .sub-menu li:hover a { color: #000 }
@media (min-width:76em) {
nav .sub-menu li { box-sizing: border-box; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; line-height: 3rem; margin-bottom: 1rem; padding-left: 7rem; text-transform: uppercase }
nav .sub-menu li.current a, nav .sub-menu li:hover a { color: #008F84; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
}
nav .sub-menu a { color: #fff; -webkit-transition: .6s; transition: .6s }
@media (min-width:76em) {
nav .sub-menu a { color: #171F4A; line-height: 1.6rem }
}
nav .sub-menu a:hover { color: #008F84; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; text-decoration: none }
@media (min-width:76em) {
nav .space-blk { box-sizing: border-box; min-width: 33.33%; padding-right: 6rem; width: 33.33% }
nav .space-blk a { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.4rem; position: relative; text-decoration: underline; text-transform: uppercase }
nav .space-blk a:before { background: #999; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 100% }
nav .space-blk span { text-transform: uppercase }
}
nav .space-description, nav .space-title { display: none }
@media (min-width:76em) {
nav .space-description, nav .space-title { display: block }
}
nav .space-title { color: #008F84; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; margin-bottom: 2rem }
@media (min-width:76em) {
nav .space-title { font-size: 3rem; line-height: 3.6rem; margin-bottom: 2.5rem }
}
nav .space-description { color: #171F4A; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; line-height: 2.2rem; margin: 0 }
nav .level-1-title { display: block; cursor: pointer; padding: 2rem 0; position: relative }
@media (min-width:76em) {
nav .level-1-title { line-height: 8.2rem; overflow: hidden; padding: 0 1rem }
}
@media (min-width:84.5em) {
nav .level-1-title { padding: 0 1.4rem }
}
@media (min-width:105em) {
nav .level-1-title { padding: 0 1.6rem }
}
nav .level-1-title:after { background: #008F84; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; right: 0; width: 100% }
@media (min-width:76em) {
nav .level-1-title:after { background: #008F84; display: block; height: 0; -webkit-transition: .6s; transition: .6s; width: calc(100% - 2rem) }
}
@media (min-width:84.5em) {
nav .level-1-title:after { left: 1.6rem; width: calc(100% - 3.2rem) }
}
nav .level-1-title:first-child { border-top: 1px solid #6d6d6d }
@media (min-width:76em) {
nav .level-1-title:first-child { border-top: none }
}
nav .level-1-title a { box-sizing: border-box; display: block; height: 100%; width: 100% }
nav .level-1-title a b { font-weight: 400 }
nav div.level-1-title.js-level-1-with-children:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; font-size: 1.1rem; font-weight: 700; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
@media (min-width:76em) {
nav div.level-1-title.js-level-1-with-children:before { display: none }
}
nav .js-level-1-with-children a { pointer-events: none }
@media (min-width:76em) {
nav .js-level-1-with-children a { pointer-events: auto }
}
nav a.level-1-title:hover { text-decoration: none; color: #000 }
nav .level-1-title a b { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; color: inherit!important }
@-webkit-keyframes opacity { 0% {
opacity:0
}
to { opacity: 1 }
}
.teq-body-content { -webkit-transition: .7s cubic-bezier(.77, 0, .175, 1); transition: .7s cubic-bezier(.77, 0, .175, 1) }
html.-mobile-menu-open .header-special-links { pointer-events: auto; -webkit-transform: translateX(0); transform: translateX(0) }
html.-mobile-menu-open .teq-body-content, html.-mobile-menu-open header .logo { -webkit-transform: translateX(100vw); transform: translateX(100vw) }
@media (min-width:37.5em) {
html.-mobile-menu-open .teq-body-content, html.-mobile-menu-open header .logo { -webkit-transform: translateX(49.5rem); transform: translateX(49.5rem) }
}
@media (min-width:76em) {
html.-mobile-menu-open .teq-body-content, html.-mobile-menu-open header .logo { -webkit-transform: translateX(0); transform: translateX(0) }
}
html.-mobile-menu-open .header-menu-btn { background: #008F84; left: auto; right: 0 }
@media (min-width:37.5em) {
html.-mobile-menu-open .header-menu-btn { left: auto; right: 0 }
}
html.-mobile-menu-open .header-menu-btn span { background: none }
html.-mobile-menu-open .header-menu-btn span:before { background: #fff; left: 50%; -webkit-transform:translate(-.5rem, -1px) rotate(45deg);
transform:translate(-.5rem, -1px) rotate(45deg)
}
html.-mobile-menu-open .header-menu-btn span:after { background: #fff; left: 50%; -webkit-transform:translate(-.5rem, 1px) rotate(-45deg);
transform:translate(-.5rem, 1px) rotate(-45deg)
}
html.-mobile-menu-open nav { -webkit-transform: translateX(0); transform: translateX(0) }
html.-mobile-menu-open .header-mask-for-mobile { opacity: 1; pointer-events: auto }
@-webkit-keyframes fadeIn { 0% {
opacity:0;
height:0
}
to { opacity: 1; height: 100% }
}
@keyframes fadeIn { 0% {
opacity:0;
height:0
}
to { opacity: 1; height: 100% }
}
@-webkit-keyframes fadeOut { 0% {
opacity:1
}
to { opacity: 0 }
}
@keyframes fadeOut { 0% {
opacity:1
}
to { opacity: 0 }
}
#breadcrumb-container { border-bottom: 1px solid #d2d0cd }
#breadcrumb { border-box: box-sizing; color: #d2d2d2; font-family: Helvetica Neue LT W05_57 Cond, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; padding: 8px 10px 5px }
#breadcrumb a { color: #6c6f70; text-decoration: underline }
#breadcrumb a:hover { text-decoration: none; color: #5f6263 }
#breadcrumb i { border: 0; font: 0/0 a; text-shadow: none; color: transparent; display: inline-block; width: 5px; height: 7px; margin: 0 5px; background: url(images/sprite.png) no-repeat -50px -100px; vertical-align: middle }
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {
#breadcrumb i { background-image: url(images/sprite_2x.png); background-size: 500px 500px }
}
@media (min-width:60em) {
#breadcrumb { padding: 8px 0 5px }
}
#overlay { display: none; position: absolute; -webkit-backface-visibility: hidden; backface-visibility: hidden; left: -270px; top: 0; right: 0; bottom: 0; z-index: -1; background: transparent; -webkit-transition: all .5s ease-out .1s; transition: all .5s ease-out .1s }
#overlay.js-visible, .js-mob--open #overlay { display: block; z-index: 100; background: rgba(0,0,0,.25) }
#cboxClose { border: 0; font: 0/0 a; text-shadow: none; color: transparent; position: absolute; right: 0; top: -30px; display: block; width: 21px; height: 21px; background: url(images/sprite.png) no-repeat -200px -100px; z-index: 999999 }
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {
#cboxClose { background-image: url(images/sprite_2x.png); background-size: 500px 500px }
}
.mod--popin { padding: 20px 0 0 }
.the_excerpt { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2.6rem; margin: 4rem 0 5rem; text-align: left }
@media (min-width:76em) {
.the_excerpt { margin: 5.5rem 0 7.5rem; font-size: 2.3rem; line-height: 2.6rem }
}
.the_excerpt-with-pattern { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2.6rem; margin: 4rem 0 5.3rem; position: relative; text-align: center }
@media (min-width:37.5em) {
.the_excerpt-with-pattern { font-size: 2.3rem; line-height: 2.6rem; padding: 6rem 0; margin: 0 auto; width: 83.33333% }
}
@media (min-width:76em) {
.the_excerpt-with-pattern { width: 66.66667% }
}
.overfooter-container { background: #171F4A; position: relative; z-index: 110;margin-top: 15rem; }
.overfooter-container .overfooter { position: static; box-sizing: border-box; margin: 0 auto; max-width: 100%; padding: 6.5rem 3rem 5rem; width: 100% }
@media (min-width:60em) {
.overfooter-container .overfooter { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between }
}
@media (min-width:76em) {
.overfooter-container .overfooter { padding: 6.5rem 14rem }
}
.overfooter-container .newsletter-col-overfooter p { color: #fff; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.5rem; margin-bottom: 3.4rem; max-width: 35rem }
@media (min-width:37.5em) {
.overfooter-container .newsletter-col-overfooter p { font-size: 1.4rem; margin-bottom: 2.5rem }
}
.overfooter-container .footer-logo { display: block; margin-bottom: 2rem; width: 9rem }
@media (min-width:37.5em) {
.overfooter-container .footer-logo { margin-bottom: 2.5rem }
}
.overfooter-container .overfooter-buttons-newsletter { display: -webkit-box; display: flex; flex-wrap: wrap; margin-bottom: 4rem }
@media (min-width:30em) {
.overfooter-container .overfooter-buttons-newsletter { margin-bottom: 3.5rem }
}
@media (min-width:76em) {
.overfooter-container .overfooter-buttons-newsletter { flex-wrap: nowrap }
}
.overfooter-container .overfooter-buttons-newsletter a:first-child { margin-bottom: 1.5rem }
@media (min-width:37.5em) {
.overfooter-container .overfooter-buttons-newsletter a:first-child { margin-right: 2rem }
}
.overfooter-container .overfooter-buttons-newsletter a.btn--white-new, .overfooter-container .overfooter-buttons-newsletter a.btn-yellow { width: 100%; font-size: 1.8rem; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:60em) {
.overfooter-container .overfooter-buttons-newsletter a.btn--white-new, .overfooter-container .overfooter-buttons-newsletter a.btn-yellow { font-size: 1.6rem; max-width: 24.4rem; width: auto }
}
.overfooter-container .overfooter-social { display: -webkit-box; display: flex; margin-bottom: 3.6rem }
.overfooter-container .overfooter-social li { padding-left: 0; margin-left:.7rem;
margin-bottom: 0 }
@media (min-width:30em) {
.overfooter-container .overfooter-social li { margin-left: 1.2rem }
}
.overfooter-container .overfooter-social li:first-child { margin-left: 0 }
.overfooter-container .overfooter-social li:before { display: none }
.overfooter-container .overfooter-social a { display: block; height: 3rem; text-align: center; text-decoration: none; -webkit-transition: .4s; transition: .4s; width: 3rem }
@media (min-width:30em) {
.overfooter-container .overfooter-social a { height: 4rem; width: 4rem }
}
.overfooter-container .overfooter-social a:before { color: #fff; display: block; line-height: 3rem }
@media (min-width:30em) {
.overfooter-container .overfooter-social a:before { line-height: 4rem }
}
.overfooter-container .overfooter-social a:hover:before { color: #008F84 }
.overfooter-container .quick-links-col-overfooter { -webkit-box-align: start; align-items: flex-start; display: -webkit-box; display: flex; flex-wrap: wrap; justify-content: space-around; overflow: hidden; position: relative; height: 0; -webkit-transform: 12s; transform: 12s }
.-mobile-footer-menu-open .overfooter-container .quick-links-col-overfooter { border-bottom: 1px solid #333; height: auto }
@media (min-width:37.5em) {
.overfooter-container .quick-links-col-overfooter { height: auto; -webkit-box-pack: justify; justify-content: space-between }
}
@media (min-width:60em) {
.overfooter-container .quick-links-col-overfooter { -webkit-box-flex: 1; flex: 1 1 auto; -webkit-box-pack: justify; justify-content: space-between; max-width: 55% }
}
.overfooter-container .mobile-menu-title { border-top: 1px solid #333; border-bottom: 1px solid #333; box-sizing: border-box; color: #fff; cursor: pointer; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.4rem; margin-bottom: 2.5rem; line-height: 1.7rem; padding: 3rem 0; position: relative }
.overfooter-container .mobile-menu-title:after, .overfooter-container .mobile-menu-title:before { background: #fff; content: ""; width: 9px; height: 2px; position: absolute; right: 0; top: 4rem; -webkit-transition: .2s; transition: .2s }
.overfooter-container .mobile-menu-title:after { -webkit-transform: rotate(90deg); transform: rotate(90deg) }
.-mobile-footer-menu-open .overfooter-container .mobile-menu-title { border-bottom: none; padding-bottom: 0 }
.-mobile-footer-menu-open .overfooter-container .mobile-menu-title:after { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
@media (min-width:37.5em) {
.overfooter-container .mobile-menu-title { display: none }
}
.overfooter-container .overfooter-quick-links { display: inline-block; width: 100%; vertical-align: top }
@media (min-width:37.5em) {
.overfooter-container .overfooter-quick-links { width: calc(50% - 60px); max-width: 50% }
}
@media (min-width:60em) {
.overfooter-container .overfooter-quick-links { -webkit-box-flex: 1; flex: 1 1 calc(50% - 5px); width: calc(50% - 5px); max-width: calc(35% - 5rem) }
}
.overfooter-container .overfooter-quick-links ul { margin: 1rem 0!important }
.overfooter-container .overfooter-quick-links li { color: #919191; font-family: Read-Medium, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.3rem; line-height: 2.2rem; padding-left: 0; margin-bottom: 0 }
.overfooter-container .overfooter-quick-links li:before { display: none }
.overfooter-container .overfooter-quick-links a { color: #919191; cursor: pointer; -webkit-transition: .4s; transition: .4s }
.overfooter-container .overfooter-quick-links a:hover { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; color: #fff; text-decoration: none }
.overfooter-container .overfooter-quick-links-title { color: #fff; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; line-height: 1.9rem; margin-top: 1.9rem }
.footer-container { background: #008F84; z-index: 109; position: relative }
.footer-container footer { box-sizing: border-box; color: #fff; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.3rem; margin: 0 auto; min-height: 7rem; padding: 2.5rem 3rem; width: 100%; position: static }
@media (min-width:47.5em) {
.footer-container footer { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; padding: 2.9rem 3rem 2.6rem }
}
@media (min-width:76em) {
.footer-container footer { padding: 2.9rem 14rem }
}
.footer-container .copyright { color: #fff; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; line-height: 2.5rem; letter-spacing: .04em }
.footer-container .links-footer { margin: 1.5rem 0 0 }
@media (min-width:47.5em) {
.footer-container .links-footer { margin: 0 }
}
.footer-container .links-footer li { display: inline-block; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; letter-spacing: .04em; line-height: 2.5rem; margin: 0 1.5rem 1.5rem 0; padding-left: 0 }
@media (min-width:47.5em) {
.footer-container .links-footer li { margin: 0 0 0 3.9rem }
}
.footer-container .links-footer li:before { display: none }
.footer-container .links-footer a { color: #fff }
.footer-container .links-footer a:hover { color: #fff; text-decoration: none }
.js-back-to-top-container { opacity: 0; position: absolute; right: 2rem; -webkit-transition: opacity .3s ease-out; transition: opacity .3s ease-out }
@media (min-width:84.5em) {
.js-back-to-top-container { right: 2.5rem }
}
.js-back-to-top-container.show { display: block; opacity: 1; z-index: 99 }
.js-back-to-top-container.show .js-back-to-top { visibility: visible }
.js-back-to-top-container.show .js-back-to-top:hover { opacity: .7 }
.js-back-to-top-container.show .js-back-to-top.stop { position: absolute; right:-.4rem;
top: 0 }
@media (min-width:0) and (max-width:30em) {
.js-back-to-top-container.show .js-back-to-top.stop { background: #171F4A; position: fixed; top: auto; right: 1.5rem }
}
.js-back-to-top-container .js-back-to-top { background: #008F84; color: #fff; border-radius: 50%; bottom: 100px; cursor: pointer; font-size: 1.8rem; height: 4.8rem; line-height: 4.8rem; position: fixed; right: 1.5rem; text-align: center; text-decoration: none; width: 4.8rem; z-index: 9999; visibility: hidden }
@media (min-width:60em) {
.js-back-to-top-container .js-back-to-top { right: 3rem }
}
.js-back-to-top-container .js-back-to-top:hover { opacity: .7 }
.group-social-icon-widget .social.js-container-social-responsive a:hover, .group-social-icon-widget .social.js-container-social-responsive span:hover, .page-header .social.js-container-social-responsive a:hover, .page-header .social.js-container-social-responsive span:hover { opacity: .8 }
@media (min-width:23.75em) and (max-width:47.5em) {
.zone--banner-talents .dt-zone { width: 100% }
}
@media (min-width:23.75em) and (max-width:47.5em) {
.zone--banner-talents .dt-zone .social.js-container-social-responsive { right: 2rem }
}
@media (min-width:37.5em) {
.js-container-social-responsive { display: -webkit-box; display: flex }
}
.js-container-social-responsive a, .js-container-social-responsive span { background: #008F84; border-radius: 50%; color: #fff; cursor: pointer; display: inline-block; font-size: 2rem; height: 4.2rem; line-height: 4.2rem; margin-right: 1.2rem; text-align: center; text-decoration: none; -webkit-transition: .4s ease; transition: .4s ease; vertical-align: middle; width: 4.2rem }
@media (min-width:37.5em) {
.js-container-social-responsive a, .js-container-social-responsive span { margin-left: 1.8rem; margin-right: 0 }
.js-container-social-responsive a.icon--social-responsive, .js-container-social-responsive span.icon--social-responsive { display: none }
}
.js-container-social-responsive a:hover, .js-container-social-responsive span:hover { background: #008F84; color: #fff; text-decoration: none }
.js-container-social-responsive a:before, .js-container-social-responsive span:before { font-size: 1.9rem; line-height: 4.1rem }
.js-container-social-responsive a:before :first-child, .js-container-social-responsive span:before :first-child {
font-size:.5rem
}
.js-container-social-responsive a a:first-child:before, .js-container-social-responsive a span:first-child:before, .js-container-social-responsive span a:first-child:before, .js-container-social-responsive span span:first-child:before { font-size: 1.7rem; top: 1px; left: .5px }
.js-container-social-responsive a a:last-child:before, .js-container-social-responsive a span:last-child:before, .js-container-social-responsive span a:last-child:before, .js-container-social-responsive span span:last-child:before { left: 0; top: -1px }
.js-container-social-responsive a:first-child, .js-container-social-responsive span:first-child { margin-left: 0 }
.js-container-social-responsive a.js-handle-social-responsive-close, .js-container-social-responsive span.js-handle-social-responsive-close { background: #008F84 }
.js-container-social-responsive a.icon--social-responsive, .js-container-social-responsive span.icon--social-responsive { display: inline-block; margin: 0 }
@media (min-width:37.5em) {
.js-container-social-responsive a.icon--social-responsive, .js-container-social-responsive span.icon--social-responsive { display: none }
}
.js-container-social-responsive a.js-social-share, .js-container-social-responsive span.js-social-share { display: none }
@media (min-width:37.5em) {
.js-container-social-responsive a.js-social-share, .js-container-social-responsive span.js-social-share { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border: none }
}
.js-container-social-responsive a .ico--share, .js-container-social-responsive span .ico--share { line-height: 4rem }
.js-container-social-responsive a .ico--share:before, .js-container-social-responsive span .ico--share:before { margin-right:.3rem
}
.js-container-social-responsive.social-links-appear a.js-social-share, .js-container-social-responsive.social-links-appear span.js-social-share { display: inline-block }
.cp-title-onair .js-container-social-responsive { display: -webkit-box; display: flex; -webkit-box-pack: end; justify-content: flex-end; text-align: right }
.mod--banner-quote .js-container-social-responsive, .mod-banner-search .js-container-social-responsive, .mod-banner-talents .js-container-social-responsive, .mod-banner-with-subtitle .js-container-social-responsive { position: absolute; right: 0; top: 1.5rem; z-index: 10 }
@media (min-width:60em) {
.mod--banner-quote .js-container-social-responsive, .mod-banner-search .js-container-social-responsive, .mod-banner-talents .js-container-social-responsive, .mod-banner-with-subtitle .js-container-social-responsive { margin-bottom: 2rem; right: 2rem; text-align: right; top: 3.4rem }
}
@media (min-width:84.5em) {
.mod--banner-quote .js-container-social-responsive, .mod-banner-search .js-container-social-responsive, .mod-banner-talents .js-container-social-responsive, .mod-banner-with-subtitle .js-container-social-responsive { right: 2.5rem }
}
.mod--banner-quote .js-container-social-responsive a, .mod--banner-quote .js-container-social-responsive span, .mod-banner-search .js-container-social-responsive a, .mod-banner-search .js-container-social-responsive span, .mod-banner-talents .js-container-social-responsive a, .mod-banner-talents .js-container-social-responsive span, .mod-banner-with-subtitle .js-container-social-responsive a, .mod-banner-with-subtitle .js-container-social-responsive span { background: #008F84; color: #fff; text-decoration: none }
.mod--banner-quote .js-container-social-responsive a:hover, .mod--banner-quote .js-container-social-responsive span:hover, .mod-banner-search .js-container-social-responsive a:hover, .mod-banner-search .js-container-social-responsive span:hover, .mod-banner-talents .js-container-social-responsive a:hover, .mod-banner-talents .js-container-social-responsive span:hover, .mod-banner-with-subtitle .js-container-social-responsive a:hover, .mod-banner-with-subtitle .js-container-social-responsive span:hover { background: #000 }
.mod--banner-quote .js-container-social-responsive a:before, .mod--banner-quote .js-container-social-responsive span:before, .mod-banner-search .js-container-social-responsive a:before, .mod-banner-search .js-container-social-responsive span:before, .mod-banner-talents .js-container-social-responsive a:before, .mod-banner-talents .js-container-social-responsive span:before, .mod-banner-with-subtitle .js-container-social-responsive a:before, .mod-banner-with-subtitle .js-container-social-responsive span:before { font-size: 1.9rem; left: 1px; position: relative }
.mod--banner-quote .js-container-social-responsive a:first-child:before, .mod--banner-quote .js-container-social-responsive span:first-child:before, .mod-banner-search .js-container-social-responsive a:first-child:before, .mod-banner-search .js-container-social-responsive span:first-child:before, .mod-banner-talents .js-container-social-responsive a:first-child:before, .mod-banner-talents .js-container-social-responsive span:first-child:before, .mod-banner-with-subtitle .js-container-social-responsive a:first-child:before, .mod-banner-with-subtitle .js-container-social-responsive span:first-child:before { font-size: 1.7rem; top: 1px; left: .5px }
.mod--banner-quote .js-container-social-responsive a:last-child:before, .mod--banner-quote .js-container-social-responsive span:last-child:before, .mod-banner-search .js-container-social-responsive a:last-child:before, .mod-banner-search .js-container-social-responsive span:last-child:before, .mod-banner-talents .js-container-social-responsive a:last-child:before, .mod-banner-talents .js-container-social-responsive span:last-child:before, .mod-banner-with-subtitle .js-container-social-responsive a:last-child:before, .mod-banner-with-subtitle .js-container-social-responsive span:last-child:before { left: 0; top: -1px }
.mod-banner-with-subtitle .js-container-social-responsive { right: 1.5rem }
@media (min-width:37.5em) {
.mod-banner-with-subtitle .js-container-social-responsive { right: 0 }
}
.cp-blog-banner .js-container-social-responsive { position: absolute; right: 0; top: -3rem; z-index: 10 }
@media (min-width:60em) {
.cp-blog-banner .js-container-social-responsive { margin-bottom: 2rem; right: 2rem; text-align: right; top: -6rem }
}
@media (min-width:84.5em) {
.cp-blog-banner .js-container-social-responsive { right: 2.5rem; top: 4rem }
}
.mod-banner-with-subtitle-brand .js-container-social-responsive .social a, .mod-banner-with-subtitle-brand .js-container-social-responsive .social span { color: #53565a }
.mod-banner-with-subtitle-brand .js-container-social-responsive .social a:hover, .mod-banner-with-subtitle-brand .js-container-social-responsive .social span:hover { background: #53565a; color: #fff }
.mod-banner-talents .js-container-social-responsive { top: 2rem }
@media (min-width:60em) {
.mod-banner-talents .js-container-social-responsive { top: 1.5rem }
}
.mod--banner-quote .js-container-social-responsive { top: 0 }
@media (min-width:30em) {
.mod--banner-quote .js-container-social-responsive { right: 0; top: 2.7rem }
}
@media (min-width:76em) {
.mod--banner-quote .js-container-social-responsive { top: 1.4rem }
}
@-webkit-keyframes fadeFixed { 0% {
display:none;
opacity:0
}
10% {
display:block;
opacity:.2
}
50% {
display:block;
opacity:.3
}
80% {
display:block;
opacity:.6
}
to { display: block; opacity: 1 }
}
@keyframes fadeFixed { 0% {
display:none;
opacity:0
}
10% {
display:block;
opacity:.2
}
50% {
display:block;
opacity:.3
}
80% {
display:block;
opacity:.6
}
to { display: block; opacity: 1 }
}
.mod-banner-search .social.js-container-social-responsive { right: 2rem }
@media (min-width:60em) {
.mod-banner-search .social.js-container-social-responsive { top: 6.5rem }
}
.mod-banner-search .social a, .mod-banner-search .social span { margin-right: 1px }
.layout-history .mod-banner-with-subtitle .social.js-container-social-responsive a, .layout-history .mod-banner-with-subtitle .social.js-container-social-responsive span { margin-right: 12px }
.page-title.page-title--int { box-sizing: border-box; padding-right: 2rem; margin: 2.8rem 0; width: 100% }
@media (min-width:37.5em) {
.page-title.page-title--int { margin: 1.2rem 0 0; padding-right: 16rem }
}
.page-title.page-title--int+.social { position: absolute; right: 0; top: 1.7rem }
@media (min-width:30em) {
.page-title.page-title--int+.social { position: absolute; top: 21px; right: 0 }
}
.page-header .social { margin-top: 3.8rem; position: absolute; right: 0; top: 0 }
@media (min-width:37.5em) {
.page-header .social { position: relative; right: inherit; top: inherit; display: -webkit-box; display: flex; -webkit-box-pack: end; justify-content: flex-end; margin-top: 5rem }
}
.page-header .social.js-container-social-responsive a, .page-header .social.js-container-social-responsive span { margin-right:.7rem
}
.page-header h1 { display: inline-block; padding-right: 6rem }
@media (min-width:60em) {
.page-header h1 { padding-right: 12rem }
}
.it-meta { position: relative }
.it-meta .js-container-social-responsive { position: absolute; right: -1.5rem; top:-.8rem
}
.it-meta .js-container-social-responsive>a { text-decoration: none; margin-left:.6rem
}
.group-social-icon-widget { position: relative }
.group-social-icon-widget .tpl--banner--group { margin-bottom:.5rem
}
.group-social-icon-widget .js-container-social-responsive { position: absolute; right: 0; top: 9px }
@media (min-width:23.75em) {
.group-social-icon-widget h1 { padding-right: 6rem }
}
@media (min-width:60em) {
.group-social-icon-widget .js-container-social-responsive { position: absolute; top: 3.5rem; right: 0 }
.group-social-icon-widget h1 { padding-right: 0 }
}
.mod--404 { position: relative; padding: 2rem; min-height: 10rem }
@media (min-width:37.5em) {
.mod--404 { padding: 0 }
}
.mod--404 .slogan--big, .mod--404 .slogan--small { line-height: 1.1em; text-transform: uppercase }
.mod--404 .slogan--big { font-family: Helvetica Neue LT W05_67 Md Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.8rem }
.mod--404 .slogan--small { font-family: Helvetica Neue LT W05_37 Th Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem }
.mod--404>img { position: relative; z-index: 1; margin: 10px 0 }
.mod--404 .btns { text-align: right }
@media (min-width:37.5em) {
.mod--404 .slogan { position: absolute; top: 15px; left: 25px; z-index: 2; color: #333 }
.mod--404 .slogan--big { font-size: 3.5rem }
.mod--404 .slogan--small { font-size: 2.5rem }
.mod--404 .btn-yellow { bottom: 2rem; position: absolute; right: 2rem; z-index: 2 }
.mod--404>img { margin: 0 }
}
@media (min-width:76em) {
.mod--404 .slogan--big { font-size: 5rem }
.mod--404 .slogan--small { font-size: 4rem }
}
.mod--search-404 .search { border-top: 1px solid #eae9e8; border-bottom: 1px solid #eae9e8; padding: 5px 0; text-align: center }
.mod--search-404 .search-wrapper { position: relative; display: inline-block; width: auto; padding: 5px; background: #f0f0ef }
.mod--search-404 input[type=text] { background: none transparent; font-family: Helvetica Neue LT W05_47 Lt Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; width: 100% }
.mod--search-404 input[type=submit] { border: 0; font: 0/0 a; text-shadow: none; color: transparent; position: absolute; right: 10px; top: 50%; margin-top: -12px; width: 25px; height: 25px; background: url(images/sprite.png) no-repeat -100px -175px }
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {
.mod--search-404 input[type=submit] { background-image: url(images/sprite_2x.png); background-size: 500px 500px }
}
@media (min-width:60em) {
.mod--search-404 .search-wrapper { width: 33% }
}
.mod--sitemap .l-zone { margin: 0 -1rem }
.mod--sitemap .l-col { padding: 0 1rem }
.mod--sitemap .li-1>a, .mod--sitemap .li-2>a, .mod--sitemap .li-3>a { display: inline-block; position: relative }
.mod--sitemap .li-1>a:hover, .mod--sitemap .li-2>a:hover, .mod--sitemap .li-3>a:hover { text-decoration: none }
.mod--sitemap .li-2>a, .mod--sitemap .li-3>a { font-size: 1.8rem; line-height: 2.4rem }
.mod--sitemap .li-1 { margin: 1rem 0 }
.mod--sitemap .li-1:before { display: none }
.mod--sitemap .li-1>a { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; margin-bottom:.5rem
}
.mod--sitemap .li-2 { margin: 1rem 0 0; padding-left: 2rem; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.mod--sitemap .li-2:before { top: 10px }
@media (min-width:37.5em) {
.mod--sitemap .li-2:before { top: 11px }
}
@media (min-width:60em) {
.mod--sitemap .li-2:before { top: 13px }
}
.mod--sitemap .li-2>a { color: #171F4A; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.mod--sitemap .li-2>a:hover { color: #000 }
.mod--sitemap .li-3 { margin-top:.1rem
}
.mod--sitemap .li-3:before { display: none }
.mod--sitemap .li-3>a { color: #6c6f70; font-family: Helvetica Neue LT W05_37 Th Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; padding:.2rem 0 .2rem 1.5rem
}
.mod--sitemap .li-3>a:hover { color: #3a3c3c }
.mod--sitemap .li-3>a:before { content: "+"; display: inline-block; font-family: Helvetica Neue LT W05_47 Lt Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2em; left: 0; position: absolute; top: -1px }
.mod.mod--download { overflow: hidden }
.mod.mod--download .it-content { min-height: 74px }
@media (min-width:37.5em) {
.mod.mod--download { height: 246px; padding-bottom: 84px }
.bg--grey .mod.mod--download { height: 244px }
}
@media (min-width:47.5em) {
.mod.mod--download { height: 296px }
.bg--grey .mod.mod--download { height: 294px }
}
@media (min-width:60em) {
.mod.mod--download { height: 260px }
.bg--grey .mod.mod--download { height: 250px }
}
@media (min-width:76em) {
.mod.mod--download { height: 305px }
.bg--grey .mod.mod--download { height: 303px }
}
.mod--download .it-illus { height: 0; min-height: 0!important; padding-top: 56.41%; text-align: center; background: url(images/renault-pattern-yellow.png) repeat 0 0 #008F84 }
.mod--download .it-illus img { position: absolute; top: 50%; left: 50%; margin-top: -47px; margin-left: -38px }
aside[role=complementary] .mod--download .it-illus { padding: 30px 0 }
aside[role=complementary] .mod--download .it-illus img { position: relative; margin: 0 auto; top: auto; left: auto }
#map_close-zoom { background: #ebebeb url(images/sprite.png) no-repeat -341px -341px; border: 1px solid #6c6f70; height: 50px; cursor: pointer; display: none; position: absolute; right: 0; top: 0; width: 50px }
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {
#map_close-zoom { background-image: url(images/sprite_2x.png); background-size: 500px 500px }
}
.map-map { display: none; position: relative }
@media (min-width:37.5em) {
.map-map { display: block }
}
.map-map>img { display: none }
.map-map g path { cursor: pointer }
.map-map .loader { display: block; margin: 0 auto; text-align: center }
#map_container { display: none; position: relative; vertical-align: middle; overflow: hidden }
@media (min-width:60em) {
#map_container { display: inline-block; height: 600px; width: 980px }
}
@media (min-width:76em) {
#map_container { height: 707px; width: 1190px }
}
#map_container>div { position: absolute; top: 0; right: 0; bottom: 0; left: 0 }
#map_container text tspan { display: none }
@media (min-width:76em) {
#map_container text tspan { display: block }
}
.map-lists { margin-bottom: 4rem }
@media (min-width:37.5em) {
.map-lists { margin-bottom: 6rem }
}
@media (min-width:60em) {
.map-lists { margin-bottom: 12rem }
}
.map-legend p, .map-lists li { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4em; padding-left: 2.5rem; margin: 0 }
.map-legend p:before, .map-lists li:before { background: #171F4A; top: 1.8rem }
.map-legend p:last-child, .map-lists li:last-child { margin-bottom: 4rem }
.map-legend p a, .map-lists li a { display: inline-block }
.map-legend p img, .map-lists li img { float: right; position: relative; top: 1px; margin: 0 5px; vertical-align: text-bottom }
.map-legend .title { margin-bottom: 5px; font-weight: 700; color: #008F84 }
.map-legend p img { float: left; margin-left: 0 }
.map-legend { border: 1px solid #f1f1f0; padding: 15px 10px; width: 200px }
@media (min-width:37.5em) {
.map-legend { background: #fff; display: none; position: absolute; left: 10px; top: 10px }
.map-legend>img { display: block; margin: 0 auto }
}
.map-legend [type=checkbox]+label { display: block; padding-right: 30px }
.map-legend [type=checkbox]:checked+label:before, .map-legend [type=checkbox]:not(:checked)+label:before { background: #fff; border: 1px solid #f1f1f0; color: #171F4A; content: ""; display: block; height: 16px; left: auto; line-height: 16px; position: absolute; right: 0; text-align: center; top: 1px; -webkit-transition: all .2s; transition: all .2s; width: 16px }
.map-legend [type=checkbox][disabled]:checked+label, .map-legend [type=checkbox][disabled]:not(:checked)+label { opacity: .5 }
.map-legend [type=checkbox]:checked+label:before { content: "\2713" }
.map-label-bg-rect { fill: hsla(0,0%,100%,.8); pointer-events: none }
.mod--directory-map { box-sizing: border-box; margin: 0 auto; max-width: 120rem; padding: 2rem 3rem; width: 100% }
@media (min-width:64.063em) {
.mod--directory-map { padding: 3rem 0 2rem }
}
.mod--directory-map h2 { font-size: 2.7rem; line-height: 3.2rem; margin: 0 0 22px }
@media (min-width:64.063em) {
.mod--directory-map h2 { font-size: 3.4rem; line-height: 3.6rem; margin: 0 }
}
@media (min-width:37.5em) {
.mod--directory-map h2 { font-size: 3.4rem; line-height: 3.6rem; margin: 0 }
}
.map-wrapper { margin: 4rem auto; position: relative; max-width: 100% }
@media (min-width:112.5em) {
.map-wrapper { margin: 4rem 0 }
}
@media (max-width:60em) {
.map-wrapper { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column nowrap }
}
@media (min-width:64.063em) {
.infobox, .map-wrapper { border: 1px solid #dfdfdf }
}
.map-canvas, .map-zoom-wrapper { width: 100%; display: block; opacity: 1; position: relative; margin: auto }
@media (min-width:64.063em) {
.map-canvas, .map-zoom-wrapper { height: 58rem; max-width: 100%; width: 100% }
}
@media (max-width:64.063em) {
.map-canvas, .map-zoom-wrapper { height: 56.25vw }
}
@media (max-width:37.5em) {
.map-canvas, .map-zoom-wrapper { height: 80vw }
}
@media (max-width:60em) {
.map-canvas { -webkit-box-ordinal-group: 3; order: 2 }
}
.map-zoom-wrapper { position: absolute; top: 41px; left: 20px; margin: auto; text-align: center; width: auto; height: auto }
@media (max-width:60em) {
.map-zoom-wrapper { -webkit-box-ordinal-group: 2; order: 1; position: static; top: auto; left: auto; margin-bottom: 25px }
}
.map-zoom-wrapper .btn-yellow { background: transparent; cursor: pointer; display: inline-block; font-family: Helvetica Neue LT W05_67 Md Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin: auto; min-width: 0; padding: 0; text-transform: uppercase }
.map-zoom-out { background: #008F84; color: #fff; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; display: none; font-size: 2rem; padding: 0 1.5rem }
.map-zoom-out.-visible { display: block }
.infobox { background: #fff; box-sizing: border-box; font-size: 1.6rem; padding: 2rem 3rem; position: absolute }
.infobox:after { background: url(images/map-bubble.png); bottom:-.9rem;
content: ""; height: 1rem; left: 1.5rem; position: absolute; width: 2rem }
.infobox img:not(.dirmap-flag) { z-index: 1; position: absolute!important; display: block; top: 20px; right: 20px; -webkit-transform: scale(1.3); transform: scale(1.3) }
.dirmap-country .ico { background: transparent url(images/flags.png) no-repeat 0 0; display: block; float: left; height: 22px; width: 33px; margin: 5px 20px 0 0; overflow: hidden }
.dirmap-country .ico--flag-AL { background-position: 0 0 }
.dirmap-country .ico--flag-AM { background-position: 0 -34px }
.dirmap-country .ico--flag-AT { background-position: 0 -69px }
.dirmap-country .ico--flag-BY { background-position: 0 -103px }
.dirmap-country .ico--flag-BE { background-position: 0 -137px }
.dirmap-country .ico--flag-BA { background-position: 0 -172px }
.dirmap-country .ico--flag-BG { background-position: 0 -206px }
.dirmap-country .ico--flag-HR { background-position: 0 -241px }
.dirmap-country .ico--flag-CY { background-position: 0 -275px }
.dirmap-country .ico--flag-CZ { background-position: 0 -309px }
.dirmap-country .ico--flag-DK { background-position: 0 -344px }
.dirmap-country .ico--flag-EE { background-position: 0 -378px }
.dirmap-country .ico--flag-FI { background-position: 0 -412px }
.dirmap-country .ico--flag-FR { background-position: 0 -447px }
.dirmap-country .ico--flag-GE { background-position: 0 -481px }
.dirmap-country .ico--flag-DE { background-position: 0 -516px }
.dirmap-country .ico--flag-GR { background-position: 0 -550px }
.dirmap-country .ico--flag-HU { background-position: 0 -584px }
.dirmap-country .ico--flag-IS { background-position: 0 -619px }
.dirmap-country .ico--flag-IE { background-position: 0 -653px }
.dirmap-country .ico--flag-IT { background-position: 0 -687px }
.dirmap-country .ico--flag-LV { background-position: 0 -722px }
.dirmap-country .ico--flag-LT { background-position: 0 -756px }
.dirmap-country .ico--flag-LU { background-position: 0 -791px }
.dirmap-country .ico--flag-MK { background-position: 0 -825px }
.dirmap-country .ico--flag-MT { background-position: 0 -859px }
.dirmap-country .ico--flag-MD { background-position: 0 -894px }
.dirmap-country .ico--flag-ME { background-position: 0 -928px }
.dirmap-country .ico--flag-NL { background-position: 0 -962px }
.dirmap-country .ico--flag-NO { background-position: 0 -997px }
.dirmap-country .ico--flag-PL { background-position: 0 -1031px }
.dirmap-country .ico--flag-PT { background-position: 0 -1066px }
.dirmap-country .ico--flag-RO { background-position: 0 -1100px }
.dirmap-country .ico--flag-RS { background-position: 0 -1134px }
.dirmap-country .ico--flag-SK { background-position: 0 -1169px }
.dirmap-country .ico--flag-SI { background-position: 0 -1203px }
.dirmap-country .ico--flag-ES { background-position: 0 -1237px }
.dirmap-country .ico--flag-SE { background-position: 0 -1272px }
.dirmap-country .ico--flag-UA { background-position: 0 -1306px }
.dirmap-country .ico--flag-GB { background-position: 0 -1341px }
.dirmap-country .ico--flag-AR { background-position: 0 -1375px }
.dirmap-country .ico--flag-BR { background-position: 0 -1409px }
.dirmap-country .ico--flag-CL { background-position: 0 -1444px }
.dirmap-country .ico--flag-CO { background-position: 0 -1478px }
.dirmap-country .ico--flag-DO { background-position: 0 -1512px }
.dirmap-country .ico--flag-EC { background-position: 0 -1547px }
.dirmap-country .ico--flag-MX { background-position: 0 -1581px }
.dirmap-country .ico--flag-PY { background-position: 0 -1616px }
.dirmap-country .ico--flag-PE { background-position: 0 -1650px }
.dirmap-country .ico--flag-UY { background-position: 0 -1684px }
.dirmap-country .ico--flag-VE { background-position: 0 -1719px }
.dirmap-country .ico--flag-AZ { background-position: 0 -1753px }
.dirmap-country .ico--flag-BH { background-position: 0 -1787px }
.dirmap-country .ico--flag-CN { background-position: 0 -1822px }
.dirmap-country .ico--flag-AE { background-position: 0 -1856px }
.dirmap-country .ico--flag-HK { background-position: 0 -1891px }
.dirmap-country .ico--flag-IN { background-position: 0 -1925px }
.dirmap-country .ico--flag-ID { background-position: 0 -1959px }
.dirmap-country .ico--flag-IL { background-position: 0 -1994px }
.dirmap-country .ico--flag-IR { background-position: 0 -2028px }
.dirmap-country .ico--flag-JP { background-position: 0 -2062px }
.dirmap-country .ico--flag-KZ { background-position: 0 -2097px }
.dirmap-country .ico--flag-KW { background-position: 0 -2131px }
.dirmap-country .ico--flag-LB { background-position: 0 -2166px }
.dirmap-country .ico--flag-MY { background-position: 0 -2200px }
.dirmap-country .ico--flag-QA { background-position: 0 -2234px }
.dirmap-country .ico--flag-RU { background-position: 0 -2269px }
.dirmap-country .ico--flag-SA { background-position: 0 -2303px }
.dirmap-country .ico--flag-SG { background-position: 0 -2337px }
.dirmap-country .ico--flag-TR { background-position: 0 -2372px }
.dirmap-country .ico--flag-VN { background-position: 0 -2406px }
.dirmap-country .ico--flag-KR { background-position: 0 -2441px }
.dirmap-country .ico--flag-DZ { background-position: 0 -2475px }
.dirmap-country .ico--flag-AO { background-position: 0 -2509px }
.dirmap-country .ico--flag-BN { background-position: 0 -2544px }
.dirmap-country .ico--flag-EG { background-position: 0 -2578px }
.dirmap-country .ico--flag-GH { background-position: 0 -2612px }
.dirmap-country .ico--flag-KE { background-position: 0 -2647px }
.dirmap-country .ico--flag-MA { background-position: 0 -2681px }
.dirmap-country .ico--flag-ZA { background-position: 0 -2716px }
.dirmap-country .ico--flag-SY { background-position: 0 -2750px }
.dirmap-country .ico--flag-TN { background-position: 0 -2784px }
.dirmap-country .ico--flag-AU { background-position: 0 -2819px }
.dirmap-country .ico--flag-NZ { background-position: 0 -2853px }
.dirmap-country .ico--flag-CH { background-position: 0 -2887px }
.dirmap-country .ico--flag-GT { background-position: 0 -2922px }
.dirmap-country .ico--flag-NI { background-position: 0 -2956px }
.dirmap-country .ico--flag-NG { background-position: 0 -2991px }
.dirmap-country .ico--flag-MZ { background-position: 0 -3025px }
.dirmap-country .ico--flag-TZ { background-position: 0 -3059px }
.dirmap-country .ico--flag-ZM { background-position: 0 -3094px }
.dirmap-country .ico--flag-AF { background-position: 0 -3128px }
.dirmap-country .ico--flag-IQ { background-position: 0 -3162px }
.dirmap-country .ico--flag-JO { background-position: 0 -3197px }
.dirmap-country .ico--flag-OM { background-position: 0 -3231px }
.dirmap-country .ico--flag-YE { background-position: 0 -3266px }
.dirmap-country .ico--flag-TG { background-position: 0 -3300px }
.dirmap-country .ico--flag-CM { background-position: 0 -3337px }
.map-dialog { min-width: 300px; position: relative; display: none }
.infobox .map-dialog, .map-dialog.-iscurrent { display: block }
@media (min-width:64.063em) {
.map-dialog.-iscurrent { display: none }
}
h3.dirmap-country { text-transform: uppercase; margin: 0 0 3rem; display: none }
.infobox h3.dirmap-country { display: block }
.dirmap-flag { display: inline-block; margin: 0 1.5rem 0 0 }
.dirmap-links .dirmap-linkgroup { margin: 0 0 1rem }
.dirmap-links .dirmap-linkgroup:before { display: none }
.dirmap-link-ul { margin: 0 }
.dirmap-link-ul .dirmap-link-li {
margin:0 0 .5rem; padding: 0; position: relative }
.dirmap-link-ul .dirmap-link-li:before { display: none }
.dirmap-link { cursor: pointer; font-size: 2rem; font-family: Helvetica Neue LT W05_47 Lt Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; display: block }
.dirmap-link-yt .dirmap-link:before { background-position: -50px -300px }
.dirmap-link-twitter .dirmap-link:before { background-position: -25px -300px }
.dirmap-link-site .dirmap-link:before { background-position: -147px -300px }
.map-select-wrapper { position: relative }
@media (min-width:64.063em) {
.dir-top-select, .mod--directory-map .directory-select { display: none!important }
}
.map-select-flag { height: 10px; width: 15px; position: absolute; background-size: contain; background-repeat: no-repeat; top: 13px; left: 15px }
@media (min-width:64.063em) {
.map-select-flag { display: none }
}
.map-wrapper .directory-selectInner { padding: 0 0 0 35px }
.mod--directory-contact-map { max-width: none; padding: 4rem 0 }
.mod--directory-contact-map .page-container { max-width: 120rem; padding-left: 3rem; padding-right: 3rem; margin: 0 auto }
.mod--directory-contact-map .page-container.heading { z-index: 10; position: relative }
.mod--directory-contact-map .social-links { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -webkit-box-pack: end; justify-content: flex-end }
.mod--directory-contact-map .social-links .item:not(:last-child) { margin-right: 30px }
.mod--directory-contact-map .social-links .link { color: #171F4A; text-decoration: none; -webkit-transition: all .2s ease; transition: all .2s ease }
.mod--directory-contact-map .social-links .link:focus, .mod--directory-contact-map .social-links .link:hover { color: #404040 }
.mod--directory-contact-map .social-links .icon { font-size: 1.4rem }
.mod--directory-contact-map .tpl--title { font-size: 3.4rem; line-height: 3.6rem; text-align: center; margin: 0 0 4rem; text-transform: inherit!important; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; padding: 0 }
.mod--directory-contact-map .listRegions { position: relative }
.mod--directory-contact-map .listRegions .map-regions-filters-toggler { position: relative; width: 100%; padding: 10px 35px 10px 15px; background-color: #fafafa; border: 1px solid #a1a1a1; color: #171F4A; font-size: 1.2rem; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; -moz-text-align-last: left; text-align-last: left; text-transform: uppercase }
.mod--directory-contact-map .listRegions .map-regions-filters-toggler:after { content: "\E9168"; font-family: icomoon; z-index: 1; position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); font-weight: 400; -webkit-transition: all .2s ease; transition: all .2s ease }
.mod--directory-contact-map .listRegions .map-regions-filters-toggler.open:after { -webkit-transform: translateY(-50%) rotate(270deg); transform: translateY(-50%) rotate(270deg) }
.mod--directory-contact-map .listRegions .filters-container { position: absolute; top: 100%; left: 0; display: none; width: 100% }
.mod--directory-contact-map .listRegions .filters-wrapper { display: block; box-sizing: border-box; width: 100%; padding: 15px 0; background-color: #fff; border-bottom: 1px solid #008F84; border-left: 1px solid #008F84; border-right: 1px solid #008F84 }
@media (min-width:60em) {
.mod--directory-contact-map .listRegions .filters-wrapper { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center }
}
.mod--directory-contact-map .listRegions .map-regions-filter { display: block; padding: 0 1.5rem 1.9rem; color: #171F4A; font-size: 1.2rem; line-height: 1.4rem; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; text-decoration: none; text-transform: uppercase }
.mod--directory-contact-map .listRegions .map-regions-filter.active, .mod--directory-contact-map .listRegions .map-regions-filter:focus, .mod--directory-contact-map .listRegions .map-regions-filter:hover { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media screen and (min-width:900px) {
.mod--directory-contact-map .listRegions .map-regions-filters-toggler { display: none }
.mod--directory-contact-map .listRegions .filters-container { position: static; top: auto; left: auto; display: block!important }
.mod--directory-contact-map .listRegions .filters-wrapper { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; padding: 0; background-color: transparent; border: none; border-bottom: 1px solid #dbdbdb }
.mod--directory-contact-map .listRegions .map-regions-filter { position: relative }
.mod--directory-contact-map .listRegions .map-regions-filter:before { content: ""; z-index: 2; position: absolute; bottom: -1px; left: 0; width: 100%; height: 0; background-color: #008F84; -webkit-transition: all .2s ease; transition: all .2s ease }
.mod--directory-contact-map .listRegions .map-regions-filter.active:before { height: 3px }
}
.mod--directory-contact-map .map-wrapper { z-index: 5; position: relative; max-width: none; border: none }
.mod--directory-contact-map .map-canvas { width: 100% }
.mod--directory-contact-map .dirmap-linkgroup { position: relative }
.mod--directory-contact-map .dirmap-linkgroup:before { display: inline-block }
.div:not(.mod--action-info-top-2) .mod--iframe iframe { height: 1000px }
@media (min-width:47.5em) {
.div:not(.mod--action-info-top-2) .mod--iframe iframe { height: 570px }
}
@media (min-width:76em) {
.div:not(.mod--action-info-top-2) .mod--iframe iframe { height: 525px }
}
.div:not(.mod--action-info-top-2) .mod--iframe.iframe-finance iframe { height: 1000px }
@media (min-width:47.5em) {
.div:not(.mod--action-info-top-2) .mod--iframe.iframe-finance iframe { height: 635px }
}
@media (min-width:76em) {
.div:not(.mod--action-info-top-2) .mod--iframe.iframe-finance iframe { height: 577px }
}
.mod--action-chart, .mod--action-graph { background: #fff; width: 100%; min-height: 486px }
.mod--action-graph { padding: 20px }
.mod--action-graph h3 { font-size: 2.2rem; text-transform: none; font-weight: 400; margin: 10px 0 }
.mod--action-graph h3, .mod--action-graph label { font-family: Helvetica Neue LT W05_57 Cond, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.mod--action-graph label { font-size: 1.2rem; text-transform: uppercase; color: #333; line-height: 36px; width: 100% }
@media (min-width:76em) {
.mod--action-graph label { float: left; width: 30% }
}
.mod--action-graph .js-select-wrapper { clear: none; float: right; font-size: 1.1rem; width: 100% }
@media (min-width:76em) {
.mod--action-graph .js-select-wrapper { float: left; width: 65% }
}
.mod--action-graph [type=checkbox]+label { padding: 0 30px 0 0; line-height: 15px }
.mod--action-graph [type=checkbox]+label:before { left: auto; right: -30px }
.mod--action-graph [type=checkbox]:checked+label:before { background: url(images/sprite.png) no-repeat -175px -275px!important; position: absolute; right: -30px!important }
.mod--action-graph .filter-checkbox label { clear: none; display: inline-block; float: none; width: auto; padding: 0; margin-right: 30px }
.mod--action-graph .filter-checkbox label+input+label { margin: 0 }
@media (min-width:76em) {
.mod--action-graph .filter-checkbox label+input+label { margin: 0 0 28px 45px }
}
.mod--action-graph .form-row--sep { border-top: 1px solid #f0f0ef }
.mod--action-graph .btn--orange-arrow, .mod--action-graph .btn-yellow { width: 100%; height: 36px!important; font-size: 1.6rem }
.mod--action-chart { position: relative; text-align: center }
.mod--action-chart .chartsDG { display: inline-block; margin: 20px 0 0 }
.mod--action-chart .chartsDG>div+div { margin: 20px 0 0 }
.mod--jumpmenu { background: #008F84; border-bottom: 1px solid #fff; display: none; width: 100% }
.mod--jumpmenu[aria-expanded=true] { border-bottom: 1px solid #000 }
.jumpmenu { height: 0; padding: 0; margin: 0 auto; overflow: hidden }
.mod--jumpmenu .jumpmenu:focus, .mod--jumpmenu[aria-expanded=true] .jumpmenu { height: auto }
.jumpmenu-label[class], .jumpmenu-ul[class], .jumpmenu-ul[class] .jumpmenu-li { line-height: 1; display: inline-block; font-size: 1em; color: #000 }
.jumpmenu-label[class], .jumpmenu-ul[class] .jumpmenu-li { display: block; float: left }
.jumpmenu-ul[class] { margin: 10px 0; font-size: 1em; line-height: 1 }
.jumpmenu-label[class] { margin: 10px 10px 10px 0 }
.jumpmenu-ul[class] .jumpmenu-li { position: relative }
.jumpmenu-li+.jumpmenu-li { padding: 0 0 0 20px }
.jumpmenu-li+.jumpmenu-li:before { background: #171F4A; content: ""; display: block; height: 1em; left: 10px; position: absolute; top: 0; width: 1px }
.mod .jumpmenu-a { text-decoration: underline }
.slider { background: #f4f4f3; overflow: hidden }
.slider_wrapper { width: 100%; height: 100%; -webkit-transition: all .75s linear; transition: all .75s linear; position: relative }
.slider_item { width: 100%; position: relative; z-index: 5 }
.slider_item+.slider_item { visibility: hidden; position: absolute; top: 0; left: 0 }
.slider--active .slider_item+.slider_item { visibility: visible }
.slider_item.ghost { visibility: hidden }
.slider_item.at-bat { z-index: 10 }
.slider_item.in-the-hole { left: auto; right: auto }
.slider--active .slider_item { position: absolute; top: 0; left: 0 }
.slider_img { height: 180px }
@media (min-width:0) and (max-width:37.5em) {
.slider_img { background: 0 none!important }
}
@media (min-width:37.5em) {
.slider_img { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; height: 243px }
}
@media (min-width:47.5em) {
.slider_img { height: 322px }
}
@media (min-width:60em) {
.slider_img { height: 402px }
}
@media (min-width:76em) {
.slider_img { height: 670px }
}
@media (max-height:700px) {
.no-touchevents .slider_img { height: 520px }
}
.slider_img img { height: 180px; left: 50%; max-width: none; -o-object-fit: cover; object-fit: cover; position: relative; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
@media (min-width:37.5em) {
.slider_img img { display: none }
}
.slider_content { background: #f4f4f3; padding: 10px 10px 20px }
@media (min-width:60em) {
.slider_content { background: none; width: 960px; margin: auto; padding: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0 }
}
@media (min-width:76em) {
.slider_content { width: 1200px }
}
.slider_txt { display: block; padding: 10px }
.slider_txt.-background-white { background: hsla(0,0%,100%,.7) }
.slider_txt.-background-white-90 { background: hsla(0,0%,100%,.9) }
@media (min-width:60em) {
.slider_txt { position: absolute; padding: 15px; top: 15px }
.-bottom .slider_txt { bottom: 150px; top: auto }
}
@media (min-width:76em) {
.slider_txt { top: 30px }
}
.mod .slider_txt:hover { text-decoration: none }
@media (min-width:60em) {
.slider_btn { display: -webkit-box; display: flex; flex-wrap: wrap; margin: 0 -10px; position: absolute; left: 0; bottom: 40px }
}
.slider_btn .btn { display: block }
@media (min-width:60em) {
.slider_btn .btn { min-width: 190px; margin: 0 10px 20px }
}
@media (max-width:59em) {
.slider_btn .btn+.btn { margin-top: 10px }
}
.slider_source { background: url(images/sprite.png) no-repeat -75px -425px; float: left; height: 5.3rem; width: 9rem }
.slider_source.-youtube { background: url(images/youtube-logo.png) no-repeat; height: 3rem; margin: 0 1rem 0 0; width: 3rem }
.slider_source.-easyelectriclife { background: url(images/easyelectriclife.png) no-repeat; background-size: contain; height: 2.8rem; margin: 3rem 1rem 0 0; width: 21rem }
.slider_date { color: #171F4A; font-size:.9rem;
font-weight: 700; padding-left: 7px; position: relative }
@media (min-width:60em) {
.slider_date { margin-top: 3.9rem }
}
.slider_date:before { content: "-"; position: absolute; left: 0; top: 0 }
.slider_source+.slider_date { margin-top: 39px; margin-left: 2px; float: left }
.slider_title { color: #171F4A; font-family: Helvetica Neue LT W05_37 Th Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.2rem; margin-bottom: 1.5rem; text-transform: uppercase }
@media (min-width:60em) {
.slider_title { font-size: 3rem }
.slider_title.w400 { width: 400px }
.slider_title.w900 { width: 900px }
}
.slider_title span { font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; color: #000 }
.-bottom .slider_title { text-transform: none }
@media (min-width:60em) {
[data-color=white] .slider_title, [data-color=white] .slider_title span { color: #fff }
}
[data-color=white] .-background-white-90 .slider_title, [data-color=white] .-background-white-90 span, [data-color=white] .-background-white .slider_title, [data-color=white] .-background-white span { color: #000 }
.slider_pager { display: none; width: 100%; text-align: center; position: absolute; top: 145px; z-index: 20 }
@media (min-width:37.5em) {
.slider_pager { top: 208px }
}
@media (min-width:47.5em) {
.slider_pager { top: 287px }
}
@media (min-width:60em) {
.slider_pager { width: 300px; text-align: right; margin: auto; left: 660px; right: 0; top: auto; bottom: 29px }
}
@media (min-width:76em) {
.slider_pager { left: 900px }
}
.slider--active .slider_pager { display: block }
.-video-playing .slider_pager { display: none }
.slider_pager_item { display: inline-block; width: 18px; height: 18px; border: 1px solid #fff; vertical-align: top }
.no-touchevents .slider_pager_item:hover span, .slider_pager_item.active span { background: #fff }
.slider_pager--black .no-touchevents .slider_pager_item:hover span, .slider_pager--black .slider_pager_item.active span { background: #333 }
.slider_pager_item span { display: block; width: 16px; height: 16px; margin: 1px }
.slider_pager_item+.slider_pager_item { margin-left: 15px }
.slider_pager--black .slider_pager_item { border-color: #333 }
.slider_controls { display: none }
@media (min-width:60em) {
.slider--active .slider_controls { display: block }
}
.slider_control { width: 73px; cursor: pointer; position: absolute; top: 0; bottom: 0; z-index: 20 }
.slider_control:before { background-image: url(images/sprite.png); background-repeat: no-repeat; width: 33px; height: 50px; content: ""; margin: auto; position: absolute; top: 0; bottom: 0 }
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {
.slider_control:before { background-image: url(images/sprite_2x.png); background-size: 500px 500px }
}
.slider_control--prev { left: 0 }
.slider_control--prev:before { background-position: -125px -350px; right: 0 }
.slider_controls--black .slider_control--prev:before { background-position: -225px -350px }
.slider_control--next { right: 0 }
.slider_control--next:before { background-position: -175px -350px; left: 0 }
.slider_controls--black .slider_control--next:before { background-position: -275px -350px }
.slider_thumb { display: block; opacity: 0; background: rgba(0,0,0,.8); width: 200px; height: 142px; margin: auto; padding: 5px 5px 0; position: absolute; top: 0; bottom: 0; -webkit-transition: opacity .5s ease-out, left .7s ease-out, right .7s ease-out; transition: opacity .5s ease-out, left .7s ease-out, right .7s ease-out; pointer-events: none }
.slider_thumb img { display: block }
.slider_thumb span { display: block; width: 100%; height: 30px; line-height: 30px; font-size: 1.1rem; color: #dfdfdf; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.slider_control--prev .slider_thumb { left: -210px }
.slider_control--prev .slider_thumb.-showthumb { left: 0 }
.slider_control--next .slider_thumb { right: -210px }
.slider_control--next .slider_thumb.-showthumb { right: 0 }
.slider_thumb--active.-showthumb { opacity: 1 }
.no-touchevents .slider_thumb--active { display: block }
.growl { background-color: rgba(0,0,0,.8); box-sizing: border-box; display: none; left: 50%; margin-left: -150px; padding: 2rem; position: fixed; top: 6.5rem; width: 300px; z-index: 250 }
@media (min-width:37.5em) {
.growl { left: 0; right: 20px; margin: 0; top: 7rem }
}
@media (min-width:60em) {
.growl { top: 9rem }
}
.layout-hp .growl { top: 50px }
.growl a { text-decoration: none }
.growl p { color: #fff; font-size: 1.2rem; line-height: 18px; margin: 10px 0 }
.growl img { border-radius: 50%; float: left; margin-right: 20px }
.growl span { display: inline-block; margin-left: 5px; vertical-align: bottom }
.growl .growl-close { position: absolute; top: 0; right: 0; background-color: transparent; border: none; outline: none; color: #fff; font-family: Verdana, sans-serif; font-size: 1.8rem; padding: 5px 10px 10px }
.mod--job-offers .the_excerpt { margin: 20px 0 }
.job-offers-tiles { margin: 0 0 30px }
@media (min-width:60em) {
.job-offers-tiles { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between }
}
.job-offers-tile { border: 1px solid #f0f0ef; box-sizing: border-box; margin: 0 0 10px; -webkit-box-flex: 1; flex-grow: 1 }
@media (min-width:60em) {
.job-offers-tile { max-width: calc(33.33333% - 6.66667px) }
}
@media (min-width:60em) {
.job-offers-tile.-large { max-width: 66.5%; -webkit-box-flex: 0; flex-grow: 0; flex-shrink: 0; flex-basis: calc(67.2% - 10px); display: -webkit-box; display: flex; margin: 0 0 10px }
}
.job-offers-tile-img { display: block; width: 100% }
.job-offers-tile-txt { border-top: 1px solid #f0f0ef; box-sizing: border-box; padding: 25px; text-transform: uppercase }
.-large .job-offers-tile-txt { border: none }
.job-offers-tile-name[class] { font-size: 2rem; margin: 0 0 25px; text-transform: uppercase }
.job-offers-tile-list .job-offers-tile-li { font-family: Helvetica Neue LT W05_67 Md Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; margin: 0 0 8px }
.job-offers-tile-li-link { color: #333; display: block; padding: 0 0 0 15px; position: relative }
.job-offers-tile-li-link:before { content: ""; background: url(images/sprite.png) no-repeat -249px -200px; display: block; height: 10px; margin: 2px 10px 0 0; position: absolute; width: 6px; left: 0; top: 0 }
.job-offers-bottom-btn-wrapper { background: url(images/btn-linkedin.png) no-repeat 50% #007bb8; text-align: center; min-height: 218px; position: relative }
.job-offers-bottom-btn { border: 1px solid #fff; font-size: 1.4rem; left: 50%; overflow: hidden; position: absolute; text-transform: uppercase; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.job-offers-bottom-btn:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(108,111,112,.5); -webkit-filter: blur(2px); filter: blur(2px); z-index: 1 }
.job-offers-bottom-btn-link { box-sizing: border-box; font-family: Helvetica Neue LT W05_67 Md Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; color: #fff; display: inline-block; line-height: 4.4rem; margin: 0 auto; min-width: 20rem; padding: 0 1.5rem; position: relative; z-index: 2 }
.fb-iframe-wrapper { background: #fff; margin: 20px auto }
.fb-page { display: block!important; overflow: hidden; max-width: 100%; max-height: 225px; margin: auto; width: 320px }
.fb_iframe_widget span { display: block }
.fb-page iframe { box-sizing: border-box; width: 100%!important }
.tpl--quality-discover { background: #f0f0ef; display: block; text-align: center; padding: 2rem; margin: 3rem 0 }
.tpl--quality-discover.-yellow { background: #008F84 }
.tpl--quality-discover .-content { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center }
.tpl--quality-discover .-text { font-family: Helvetica Neue LT W05_37 Th Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3rem; color: #171F4A; text-align: left; margin-left: 2rem; line-height: 2.8rem }
.tpl--quality-discover .-text span { display: block; font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.tpl--quality-discover.-yellow .-text { color: #fff }
.tpl--quality-discover:hover .-text { text-decoration: none }
.mod--quality-video { margin: 14rem 0; text-align: center }
.mod--quality-video .-row { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center }
.mod--quality-video .-logo { display: none }
@media (min-width:60em) {
.mod--quality-video .-logo { margin: 0 5rem; display: block }
}
.mod--quality-video .-item { display: inline-block; padding: 8px; margin: 0; border-radius: 50%; position: relative; -webkit-transform: scale(.6); transform: scale(.6) }
@media (min-width:60em) {
.mod--quality-video .-item { margin: -8px 6px; -webkit-transform: none; transform: none }
}
.mod--quality-video .-item:hover { text-decoration: none }
.mod--quality-video .-item.-orange { border: 3px solid #e67e22 }
.mod--quality-video .-item.-orange .-player { border: 3px solid #e67e22; top: -70px; left: -35px }
.mod--quality-video .-item.-orange .-player span:not(.-image), .mod--quality-video .-item.-orange .-player span:not(.-player) { -webkit-transform: rotate(56deg); transform: rotate(56deg); right: 4px; bottom: -11px }
.mod--quality-video .-item.-orange .-player span:not(.-image):before, .mod--quality-video .-item.-orange .-player span:not(.-player):before { content: ""; width: 14px; height: 5px; border-top-left-radius: 15px; border-top-right-radius: 15px; border: 3px solid #e67e22; border-bottom: 0; position: absolute; top: 14px; right: -1px }
.mod--quality-video .-item.-orange .-player span:not(.-image):after, .mod--quality-video .-item.-orange .-player span:not(.-player):after { content: ""; width: 14px; height: 5px; border-top-left-radius: 15px; border-top-right-radius: 15px; border: 3px solid #e67e22; border-bottom: 0; position: absolute; top: -5px; right: -1px; -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.mod--quality-video .-item.-yellow { border: 3px solid #008F84 }
.mod--quality-video .-item.-yellow .-player { border: 3px solid #008F84; top: -70px; right: -35px }
.mod--quality-video .-item.-yellow .-player span { -webkit-transform: rotate(-56deg); transform: rotate(-56deg); left: 2px; bottom: -11px }
.mod--quality-video .-item.-yellow .-player span:before { content: ""; width: 13px; height: 5px; border-top-left-radius: 15px; border-top-right-radius: 15px; border: 3px solid #008F84; border-bottom: 0; position: absolute; right: 0; top: 13px }
.mod--quality-video .-item.-yellow .-player span:after { content: ""; width: 13px; height: 5px; border-top-left-radius: 15px; border-top-right-radius: 15px; border: 3px solid #fc3; border-bottom: 0; position: absolute; top: -3px; right: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.mod--quality-video .-item.-red { border: 3px solid #e74c3c; -webkit-transform: scale(.6) translate(25%); transform: scale(.6) translate(25%) }
@media (min-width:60em) {
.mod--quality-video .-item.-red { -webkit-transform: none; transform: none }
}
.mod--quality-video .-item.-red .-player { border: 3px solid #e74c3c; top: 40px; left: -92px }
.mod--quality-video .-item.-red .-player span { right: -18px; top: 27px }
.mod--quality-video .-item.-red .-player span:before { top: 13px; right: 0 }
.mod--quality-video .-item.-red .-player span:after, .mod--quality-video .-item.-red .-player span:before { content: ""; width: 13px; height: 5px; border-top-left-radius: 15px; border-top-right-radius: 15px; border: 3px solid #e74c3c; border-bottom: 0; position: absolute }
.mod--quality-video .-item.-red .-player span:after { top: -3px; right: 1px; -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.mod--quality-video .-item.-green { border: 3px solid #2ecc71; -webkit-transform: scale(.6) translate(-25%); transform: scale(.6) translate(-25%) }
@media (min-width:60em) {
.mod--quality-video .-item.-green { -webkit-transform: none; transform: none }
}
.mod--quality-video .-item.-green .-player { border: 3px solid #2ecc71; top: 40px; right: -92px }
.mod--quality-video .-item.-green .-player span { left: -18px; top: 26px }
.mod--quality-video .-item.-green .-player span:before { top: 13px; right: 1px }
.mod--quality-video .-item.-green .-player span:after, .mod--quality-video .-item.-green .-player span:before { content: ""; width: 13px; height: 5px; border-top-left-radius: 15px; border-top-right-radius: 15px; border: 3px solid #2ecc71; border-bottom: 0; position: absolute }
.mod--quality-video .-item.-green .-player span:after { right: 0; top: -3px; -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.mod--quality-video .-item.-purple { border: 3px solid #9c3a99 }
.mod--quality-video .-item.-purple .-player { border: 3px solid #9c3a99; bottom: -70px; left: -35px }
.mod--quality-video .-item.-purple .-player span { -webkit-transform: rotate(-56deg); transform: rotate(-56deg); right: 2px; top: -10px }
.mod--quality-video .-item.-purple .-player span:before { top: 13px }
.mod--quality-video .-item.-purple .-player span:after, .mod--quality-video .-item.-purple .-player span:before { content: ""; width: 13px; height: 5px; border-top-left-radius: 15px; border-top-right-radius: 15px; border: 3px solid #9c3a99; border-bottom: 0; position: absolute; right: 0 }
.mod--quality-video .-item.-purple .-player span:after { top: -3px; -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.mod--quality-video .-item.-blue { border: 3px solid #16a085 }
.mod--quality-video .-item.-blue .-player { border: 3px solid #16a085; bottom: -70px; right: -35px }
.mod--quality-video .-item.-blue .-player span { -webkit-transform: rotate(56deg); transform: rotate(56deg); left: -1px; top: -10px }
.mod--quality-video .-item.-blue .-player span:before { top: 14px }
.mod--quality-video .-item.-blue .-player span:after, .mod--quality-video .-item.-blue .-player span:before { content: ""; width: 14px; height: 5px; border-top-left-radius: 15px; border-top-right-radius: 15px; border: 3px solid #16a085; border-bottom: 0; position: absolute; right: -1px }
.mod--quality-video .-item.-blue .-player span:after { top: -5px; -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.mod--quality-video .-image { width: 134px; height: 134px; background-repeat: no-repeat; background-size: contain; padding: 15px; box-sizing: border-box; font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; text-transform: uppercase; color: #fff }
.mod--quality-video .-image, .mod--quality-video .-player { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-align: center }
.mod--quality-video .-player { width: 72px; height: 72px; background: #fff; position: absolute; border-radius: 50% }
.mod--quality-video .-player span { position: absolute; width: 20px; height: 20px; background: #fff }
.mod--quality-range .-ranges { display: -webkit-box; display: flex; flex-wrap: wrap; margin: 0 -7px }
.mod--quality-range .-item { width: calc(33.33333% - 12px); margin: 6px; text-align: center; color: inherit; display: block }
.mod--quality-range .-item:hover { text-decoration: none }
.mod--quality-range .-item[href]:hover { text-decoration: underline }
.mod--quality-range .-label { margin-top: 10px; font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; display: block }
.mod--quality-range .quality-range-txt { font-size: 1.3rem; display: block; margin: 8px 0 }
.tpl--quality-feature .-item { max-width: 320px; margin: 30px auto; text-align: center }
.tpl--quality-feature .-item .-title { margin: 10px 0; font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3rem; color: #fc3; text-transform: uppercase }
.tpl--quality-feature .-item p { font-family: Helvetica Neue LT W05_47 Lt Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem }
.twitter-slider .it-content { padding-top: 5rem }
.twitter-slider .twitter-slider-button-next, .twitter-slider .twitter-slider-button-prev { cursor: pointer; height: 2rem; position: absolute; top: 50%; width: 1rem; z-index: 5 }
.twitter-slider .twitter-slider-button-next:before, .twitter-slider .twitter-slider-button-prev:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; font-size: 2rem }
.twitter-slider .twitter-slider-button-prev { left: 0 }
.twitter-slider .twitter-slider-button-next { right: 0; -webkit-transform: scale(-1); transform: scale(-1) }
.mod.mod--web-picks { border: 1px solid #ececec; color: #fff; margin-bottom: 10px; overflow: hidden }
@media (min-width:60em) {
.mod.mod--web-picks { margin: 0 }
}
.mod.mod--web-picks .it-illust { display: block; position: relative }
.mod.mod--web-picks .it-illust img { display: block; font-family: "object-fit: cover"; height: 290px; -o-object-fit: cover; object-fit: cover; width: 100% }
.mod.mod--web-picks .ico--play { background: rgba(0,0,0,.5); border:.2rem solid #fff;
border-radius: 100%; cursor: pointer; display: block; height: 6.6rem; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: .6s ease; transition: .6s ease; width: 6.6rem; will-change: transform; z-index: 2 }
@media (min-width:37.5em) {
.mod.mod--web-picks .ico--play { height: 8.8rem; width: 8.8rem }
}
.mod.mod--web-picks .ico--play:hover { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); -webkit-transition: .6s ease; transition: .6s ease }
.mod.mod--web-picks .ico--play:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: #fff; font-size: 2rem; left: 55%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
@media (min-width:60em) {
.mod.mod--web-picks .ico--play:before { font-size: 2.8rem }
}
.mod.mod--web-picks .it-content { box-sizing: border-box; padding: 25px; position: relative }
.mod.mod--web-picks .it-content:before { border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; display: inline-block; content: ""; position: absolute; top: -10px; left: 18px }
.mod.mod--web-picks .it-source { color: #171F4A; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; text-transform: uppercase }
.mod.mod--web-picks .it-title { font-family: RenaultR-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.2rem; line-height: 100%; margin-bottom: 15px }
.mod.mod--web-picks .it-date { color: #7b7a7a; font-family: RenaultR-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.3rem }
.mod.mod--web-picks .it-link { color: #7b7a7a; font-family: RenaultR-Light, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.3rem; font-style: italic; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.mod--web-picks--3 { margin: 6rem 0 }
@media (min-width:37.5em) {
.mod--web-picks--3 { margin: 12rem 0 10rem }
}
.mod--web-picks--3 h2 { font-size: 2.6rem; line-height: 2.8rem; margin: 0 0 2.8rem; text-align: center }
@media (min-width:37.5em) {
.mod--web-picks--3 h2 { font-size: 6rem; line-height: 5.8rem; margin: 0 0 3rem }
}
.mod--web-picks--3 .df-zone { margin: auto }
@media (min-width:37.5em) {
.mod--web-picks--3 .df-zone { margin: 0 -5px }
}
.mos--container { border: 1px solid #d2d2d2; padding: 1.5em 1.3em .2em; text-align: left; background-color: #fff; margin-top: 20px }
.mos--container .mos--content .mos--title { text-transform: uppercase; font-size: 1.8em; margin-bottom: 5px }
.mos--container .mos--content .mos--images { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; flex-wrap: wrap; justify-content: space-around }
.mos--container .mos--content .mos--images .mos--once { width: 100%; height: 100% }
.mos--container .mos--content .mos--images .mos--once .mos--image { margin: .5em 0; max-height: 300px; width: 100% }
.block-youtube, .block-youtube *, .block-youtube :after, .block-youtube :before { box-sizing: border-box }
.block-youtube h1 { margin-bottom: 2.4rem }
@media (min-width:60em) {
.block-youtube h1 { margin-bottom: 4rem }
}
.block-youtube.charcoal { background-color: #171F4A; color: #fff }
@media (min-width:60em) {
.block-youtube.charcoal { margin-top: 0 }
}
.block-youtube.charcoal h1 { color: #fff }
.block-youtube.charcoal .block-youtube__counter, .block-youtube.charcoal .block-youtube__counter-end-text { color: #008F84 }
.block-youtube.charcoal .btn--white-new, .block-youtube.lightgrey .btn--white-new { border: 1px solid #fff }
.block-youtube.charcoal .btn--white-new:hover, .block-youtube.lightgrey .btn--white-new:hover { border: 1px solid #fff; background: none }
.block-youtube.lightgrey { background-color: #008F84; color: #fff }
.block-youtube.lightgrey .block-youtube__counter, .block-youtube.lightgrey .block-youtube__counter-end-text, .block-youtube.lightgrey h1 { color: #fff }
.block-youtube.lightgrey .block-youtube__actions .block-youtube__btn.-grey { background-color: #d1cfcf }
.block-youtube.lightgrey .block-youtube__actions .block-youtube__btn.-grey:hover { background-color: #bbb }
.block-youtube.white { background-color: #fff; color: #000 }
.block-youtube__header { text-align: center }
.block-youtube__header>.container-gen { padding: 2rem }
@media (min-width:37.5em) {
.block-youtube__header>.container-gen { padding: 4rem 2rem }
}
.block-youtube__title { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3rem; line-height: 3.2rem; text-align: center; text-transform: none; margin-bottom: 2.4rem }
@media (min-width:37.5em) {
.block-youtube__title { font-size: 7rem; line-height: 7rem; margin-bottom: 4rem }
}
.block-youtube__text { margin-bottom: 1rem 0; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.8rem; text-align: center }
@media (min-width:37.5em) {
.block-youtube__text { font-size: 2rem; max-width: 90rem; margin: 0 auto }
}
@media (min-width:60em) {
.block-youtube__text { font-size: 2.8rem; line-height: 3.2rem }
}
.block-youtube__text p { margin: 0 }
.block-youtube__text * { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 22px; color: inherit }
.block-youtube__text dd strong, .block-youtube__text dt strong, .block-youtube__text li strong, .block-youtube__text p strong, .block-youtube__text strong, .block-youtube__text table strong { font-weight: 700; color: inherit }
.block-youtube__text a { text-decoration: underline; color: inherit }
.block-youtube__logo { display: inline-block; margin-bottom: 1rem }
.block-youtube__counter, .block-youtube__counter-end-text, .block-youtube__counter-end-text p { display: none; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3.4rem; line-height: 4.2rem; margin: 1rem auto; text-align: center }
.block-youtube__counter-end-text.is-active, .block-youtube__counter-end-text p.is-active, .block-youtube__counter.is-active { display: block }
.block-youtube__counter-end-text dd strong, .block-youtube__counter-end-text dt strong, .block-youtube__counter-end-text li strong, .block-youtube__counter-end-text p dd strong, .block-youtube__counter-end-text p dt strong, .block-youtube__counter-end-text p li strong, .block-youtube__counter-end-text p p strong, .block-youtube__counter-end-text p strong, .block-youtube__counter-end-text p table strong, .block-youtube__counter-end-text strong, .block-youtube__counter-end-text table strong, .block-youtube__counter dd strong, .block-youtube__counter dt strong, .block-youtube__counter li strong, .block-youtube__counter p strong, .block-youtube__counter strong, .block-youtube__counter table strong { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; color: inherit }
.block-youtube__counter-end-text a, .block-youtube__counter-end-text p a, .block-youtube__counter a { color: inherit; text-decoration: underline; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3.4rem; line-height: 4.2rem }
.block-youtube__counter-end-text a:hover, .block-youtube__counter-end-text p a:hover, .block-youtube__counter a:hover { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.player-youtube { margin: 0 auto; width: 100%; max-width: 100%; visibility: hidden }
.embed-container { position: relative }
.embed-container:before { content: ""; display: block; padding-top: 56% }
.embed-container .player-youtube__btn, .embed-container .player-youtube__thumb, .embed-container embed, .embed-container iframe, .embed-container object { position: absolute; top: 0; left: 0; height: 100%; width: 100% }
.cp-contenu-banner img, .picture-if-no-embed { -o-object-fit: cover; object-fit: cover; width: 100%; margin-bottom: -1.5rem; aspect-ratio: inherit!important }
.player-youtube__thumb[id=thumb-after-live], .player-youtube__thumb[id=thumb-before-live] { z-index: 2; display: none }
.player-youtube__btn { z-index: 1; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border: 0 }
.player-youtube__btn:hover .player-youtube__picto-play { -webkit-transform: scale(1.1); transform: scale(1.1) }
.player-youtube__btn.is-hidden { display: none }
.player-youtube__picto-play { position: relative; z-index: 2; width: 86px; height: 86px; -webkit-transition: -webkit-transform .25s; transition: -webkit-transform .25s; transition: transform .25s; transition: transform .25s, -webkit-transform .25s }
.block-youtube__actions { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 30px 24px }
.block-youtube__actions .btn--white-new { margin: 1rem }
.block-youtube__actions .block-youtube__btn:hover { text-decoration: none }
@media (max-width:47.5em) {
.block-youtube .player-youtube__picto-play { width: 56px; height: 56px }
}
@media (max-width:37.5em) {
.block-youtube .block-youtube__text { font-size: 1.6rem }
.block-youtube .block-youtube__counter, .block-youtube .block-youtube__counter-end-text { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.8rem; text-align: center }
.block-youtube .block-youtube__counter *, .block-youtube .block-youtube__counter-end-text * { font-size: 24px }
.block-youtube .block-youtube__actions { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 24px }
}
.zone-banner { margin-bottom: 0!important }
.block-map { padding: 0 2rem 60px; overflow: hidden }
.block-map, .block-map *, .block-map :after, .block-map :before { box-sizing: border-box }
.block-map .mod-title[class], .block-map .tpl--title[class] { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; text-transform: none; font-size: 3rem; line-height: 3.5rem; text-align: center; margin: 0 0 1.6rem }
@media (min-width:37.5em) {
.block-map .mod-title[class], .block-map .tpl--title[class] { font-size: 4.5rem; line-height: 4.5rem; text-align: center }
}
@media (min-width:60em) {
.block-map .mod-title[class], .block-map .tpl--title[class] { font-size: 4.8rem; line-height: 4.6rem }
}
.block-map .block-map__text { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2.6rem; margin-bottom: 20px; text-align: center }
@media (min-width:37.5em) {
.block-map .block-map__text { font-size: 2.8rem }
}
@media (min-width:60em) {
.block-map .block-map__text { font-size: 2.3rem; margin-bottom: 30px }
}
.block-map .map-foundation-wrapper { position: relative }
.block-map .map-foundation-wrapper svg .map-country, .block-map .map-foundation-wrapper svg .map-country path { fill: #bbbcbc; -webkit-transition: .25s; transition: .25s }
@media (min-width:47.5em) {
.block-map .map-foundation-wrapper svg .map-country { cursor: pointer }
.block-map .map-foundation-wrapper svg .map-country.is-active, .block-map .map-foundation-wrapper svg .map-country.is-active path, .block-map .map-foundation-wrapper svg .map-country:hover, .block-map .map-foundation-wrapper svg .map-country:hover path { fill: #008F84!important }
}
@media (max-width:47.5em) {
.block-map .map-foundation-wrapper svg .map-country path { fill: #008F84!important }
}
.pop-countries-container, .pop-country { position: absolute; top: 0; left: 0 }
.pop-country { width: 340px; padding: 24px; border: 1px solid #eee; border-radius: 4px; background-color: #fff; opacity: 0; visibility: hidden; -webkit-transform: translateY(8px); transform: translateY(8px); -webkit-transition: opacity .25s, visibility .25s, -webkit-transform .25s; transition: opacity .25s, visibility .25s, -webkit-transform .25s; transition: opacity .25s, visibility .25s, transform .25s; transition: opacity .25s, visibility .25s, transform .25s, -webkit-transform .25s }
.pop-country.is-active { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0) }
.pop-country__header { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; margin-bottom: 5px }
.pop-country__flag { margin-right: 1rem }
.pop-country__title { margin-top: 5px; margin-bottom: 0; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.7rem; line-height: 3.2rem; text-transform: uppercase; color: #008F84 }
@media (min-width:60em) {
.pop-country__title { font-size: 3.4rem; line-height: 3.6rem }
}
.pop-country__link { display: -webkit-inline-box; display: inline-flex; -webkit-box-align: center; align-items: center; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.5rem; margin-top: 5px }
.pop-country__link:hover span { text-decoration: underline }
.pop-country__link span { display: inline-block; font-size: 14px; font-weight: 400; color: #000 }
.pop-country__link span:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; display: inline-block; margin-right: 8px; font-size: 14px; color: #008F84; top:.2rem
}
@media (max-width:47.5em) {
.block-map .pop-countries-container { position: relative; padding-top: 2rem }
.block-map .pop-country { position: static; width: 100%; max-width: 560px; margin:0 auto .5rem;
opacity: 1; visibility: visible; -webkit-transform: unset; transform: unset; -webkit-transition: unset; transition: unset }
}
@media (max-width:30em) {
.block-map { padding: 0 1rem 20px }
}
.container-gen.-text-center { text-align: center }
.card-asso { position: relative; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 100%; background-color: #f1f1f2 }
.card-asso.-emploi:hover .card-asso__link span:before { color: #f1c79a }
.card-asso.-emploi .card-asso__click:after { background-color: #f1c79a }
.card-asso.-numerique:hover .card-asso__link span:before { color: #95d3c8 }
.card-asso.-numerique .card-asso__click:after { background-color: #95d3c8 }
.card-asso.-entrepreneuriat:hover .card-asso__link span:before { color: #c68678 }
.card-asso.-entrepreneuriat .card-asso__click:after { background-color: #c68678 }
.card-asso.-embauche:hover .card-asso__link span:before { color: #ebd1bb }
.card-asso.-embauche .card-asso__click:after { background-color: #ebd1bb }
.card-asso.-post-carcerale:hover .card-asso__link span:before { color: #cdefd1 }
.card-asso.-post-carcerale .card-asso__click:after { background-color: #cdefd1 }
.card-asso.-conduire:hover .card-asso__link span:before { color: #c5c4f1 }
.card-asso.-conduire .card-asso__click:after { background-color: #c5c4f1 }
.card-asso.-accompagement:hover .card-asso__link span:before { color: #efcdd3 }
.card-asso.-accompagement .card-asso__click:after { background-color: #efcdd3 }
.card-asso__header { position: relative }
.card-asso__figure { position: relative; height: 19.1rem; overflow: hidden }
.card-asso__figure:before { content: ""; display: block; padding-top: 66.6666666667% }
.card-asso__figure>* { position: absolute; top: 0; left: 0; height: 100%; width: 100% }
.card-asso__figure:before { height: 19.1rem; padding-top: 0 }
.card-asso__figure img, .card-asso__image { -o-object-fit: cover; object-fit: cover }
.card-asso__image { -webkit-transition: -webkit-transform .6s; transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s }
.card-asso__logo-wrapper { position: relative; top: 24px; left: 24px; width: 64px; height: 64px; padding: 5px; background-color: #fff }
.card-asso__figure+.card-asso__logo-wrapper { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: absolute; top: unset; left: 24px; bottom: -24px }
.card-asso__logo { height: auto; width: 54px; -o-object-fit: cover; object-fit: cover }
.card-asso__body { -webkit-box-flex: 1; flex-grow: 1; padding: 4rem 2.4rem 2.4rem }
.card-asso__subtitle { text-transform: uppercase; font-size: 1.2rem; line-height: 1.5rem; letter-spacing:.1rem;
margin-bottom:.8rem
}
.card-asso__subtitle, .card-asso__title { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.card-asso__title { margin-bottom: 2.4rem; font-size: 2.3rem; line-height: 2.6rem }
.card-asso__desc { margin: 0; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem }
.card-asso__footer { padding: 0 2.4rem 2.4rem }
.card-asso__link { position: relative; display: inline-block; -webkit-box-align: center; align-items: center; font-size: 1.2rem; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; text-transform: uppercase; letter-spacing:.1rem;
padding: 0 2.4rem }
.card-asso__link span { position: relative; margin-left: -2.5rem; color: #008F84 }
.card-asso__link span:before { right: -3rem; top:.2rem;
font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; display: inline-block; margin-right: 8px; font-size: 14px; color: #008F84; content: "\E96E"; position: absolute }
.card-asso__click { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2 }
.card-asso__click:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #008F84; opacity: 0; -webkit-transition: opacity .25s; transition: opacity .25s }
.card-asso__click:hover:after { opacity: 1 }
.card-asso__click:hover+.card-asso__header .card-asso__image { -webkit-transform: scale(1.1); transform: scale(1.1) }
@media (max-width:37.5em) {
.card-asso .card-asso__desc { margin: 0 0 16px }
}
.page-title { text-transform: inherit!important; margin-bottom: 4rem }
@media (min-width:37.5em) {
.page-title { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif!important }
}
.modal-asso { position: fixed; z-index: 600; top: 0; bottom: 0; left: 0; right: 0; display: -webkit-box; display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: center; justify-content: center; padding: 0 2rem; opacity: 0; visibility: hidden; overflow: auto; -webkit-transition: opacity .25s, visibility .25s; transition: opacity .25s, visibility .25s }
.modal-asso.is-open { opacity: 1; visibility: visible }
.modal-asso.is-open .pop-asso { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity .25s .25s, -webkit-transform .25s .25s; transition: opacity .25s .25s, -webkit-transform .25s .25s; transition: opacity .25s .25s, transform .25s .25s; transition: opacity .25s .25s, transform .25s .25s, -webkit-transform .25s .25s }
.modal-asso__overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(51,51,51,.8) }
.pop-asso { position: relative; max-width: 640px; max-height: 100%; opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); -webkit-transition: opacity .25s, -webkit-transform .25s; transition: opacity .25s, -webkit-transform .25s; transition: opacity .25s, transform .25s; transition: opacity .25s, transform .25s, -webkit-transform .25s }
.pop-asso__inner { position: relative; margin-top: 20px; margin-bottom: 1rem; background-color: #fff; border-radius: 4px }
.pop-asso__btn-close { position: absolute; top: 8px; right: 8px; height: 20px; width: 20px; background-color: #fff; -webkit-transition: -webkit-transform .25s; transition: -webkit-transform .25s; transition: transform .25s; transition: transform .25s, -webkit-transform .25s }
.pop-asso__btn-close:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; display: inline-block; font-size: 20px; color: #171F4A; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s }
.pop-asso__btn-close:hover:before { -webkit-transform: rotate(90deg); transform: rotate(90deg) }
.pop-asso__heading { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 38px 24px 24px }
.pop-asso__logo { max-width: 100px; margin-right: 2rem }
.pop-asso__title { margin: 0; font-size: 30px; font-weight: 700; color: #000 }
.pop-asso__image { display: block; max-width: 100%; margin: 0 auto; height: auto }
.pop-asso__image.-full { width: 100% }
.pop-asso .pop-asso__text { padding: 4rem; font-size: 1.6rem }
.pop-asso .pop-asso__text p { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif!important; font-size: 1.6rem }
.pop-asso .pop-asso__text dd strong, .pop-asso .pop-asso__text dt strong, .pop-asso .pop-asso__text li strong, .pop-asso .pop-asso__text p strong, .pop-asso .pop-asso__text table strong { font-family: Read-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif!important; color: #000 }
.pop-asso .pop-asso__text a { text-decoration: underline }
.pop-asso .pop-asso__text a:hover { color: #777 }
.pop-asso__actions { display: -webkit-box; display: flex; flex-wrap: wrap; padding: 0 24px 30px }
.pop-asso__actions, .pop-asso__actions .pop-asso__btn { -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center }
.pop-asso__actions .pop-asso__btn { display: -webkit-inline-box; display: inline-flex; padding: 0 4rem; height: 5.4rem; line-height: 5.4rem; margin:.8rem;
font-family: RenaultR-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; text-transform: uppercase; color: #fff; background-color: #008F84; -webkit-transition: background-color .25s; transition: background-color .25s; text-decoration: none }
.pop-asso__actions .pop-asso__btn:hover { text-decoration: none }
.pop-asso__actions .pop-asso__btn.-grey { background-color: #eee }
.pop-asso__actions .pop-asso__btn.-grey:hover { background-color: #ddd }
@media (max-width:37.5em) {
.modal-asso { padding: 0 }
.modal-asso .pop-asso__inner { border-radius: 0; margin-top: 0; margin-bottom: 0 }
.modal-asso .pop-asso__heading { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 4rem }
.modal-asso .pop-asso__logo { margin-right: 4rem; margin-bottom: 0 }
.modal-asso .pop-asso__title { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 4.8rem; line-height: 4.8rem }
.modal-asso .pop-asso__text { padding: 1rem }
.modal-asso .pop-asso__actions { padding: 0 1rem 30px }
}
.block-grid-asso { padding: 0 0 120px; box-sizing: border-box }
@media (min-width:37.5em) {
.block-grid-asso { padding: 0 1rem 120px }
}
.block-grid-asso *, .block-grid-asso :after, .block-grid-asso :before { box-sizing: border-box }
.block-grid-asso__title { margin-bottom: 26px; text-align: center }
.grid-asso { display: -webkit-box; display: flex; flex-wrap: wrap; margin-bottom: 30px }
.grid-asso__col { width: 33.3333%; margin-bottom: 10px; padding: 0 5px }
.block-grid-asso__btn-more { display: -webkit-inline-box; display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 13px 24px; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 14px; font-weight: 400; text-transform: uppercase; background-color: #008F84; -webkit-transition: background-color .25s; transition: background-color .25s; text-decoration: none; margin: 0 auto }
.block-grid-asso__btn-more:hover { background-color: #ffde00; text-decoration: none }
.no-scroll { overflow: hidden!important }
@media (max-width:60em) {
.block-grid-asso .grid-asso__col { width: 50% }
}
@media (max-width:47.5em) {
.block-grid-asso { padding: 0 1rem 120px }
.block-grid-asso .grid-asso { max-width: 460px; margin: 0 auto }
.block-grid-asso .grid-asso__col { width: 100%; padding: 0 }
}
@media (max-width:37.5em) {
.block-grid-asso .block-grid-asso__title { font-size: 3rem; margin-bottom: 34px }
}
/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */.flickity-enabled { position: relative }
.flickity-enabled:focus { outline: 0 }
.flickity-viewport { overflow: hidden; position: relative; height: 100% }
.flickity-slider { position: absolute; width: 100%; height: 100% }
.flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab }
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing }
.flickity-button { position: absolute; background: hsla(0,0%,100%,.75); border: none; color: #333 }
.flickity-button:hover { background: #fff; cursor: pointer }
.flickity-button:focus { outline: 0; box-shadow: 0 0 0 5px #19f }
.flickity-button:active { opacity: .6 }
.flickity-button:disabled { opacity: .3; cursor: auto; pointer-events: none }
.flickity-button-icon { fill: currentColor }
.flickity-prev-next-button { top: 50%; width: 44px; height: 44px; border-radius: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.flickity-prev-next-button.previous { left: 10px }
.flickity-prev-next-button.next { right: 10px }
.flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px }
.flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px }
.flickity-prev-next-button .flickity-button-icon { position: absolute; left: 20%; top: 20%; width: 60%; height: 60% }
.flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1 }
.flickity-rtl .flickity-page-dots { direction: rtl }
.flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; opacity: .25; cursor: pointer }
.flickity-page-dots .dot.is-selected { opacity: 1 }
.container-gen { position: relative; width: 100%; max-width: 1880px; margin: 0 auto }
.container-gen.-fluid { max-width: 100% }
.container-gen.-large { max-width: 1366px }
.container-gen.-medium { max-width: 1176px; padding-left: 5px!important; padding-right: 5px!important }
.container-gen.-small { max-width: 1110px }
.container-gen.-narrow { max-width: 940px }
.block-collection { padding: 0 0 120px }
.block-collection, .block-collection *, .block-collection :after, .block-collection :before { box-sizing: border-box }
.block-collection.-with-grey-bg { background: #f6f6f6 }
.block-collection__heading { padding: 0 2rem }
.block-collection__title { margin-bottom: 2px; text-align: center }
.block-collection__subtitle { margin-bottom: 56px; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 22px; text-align: center }
.nav-collection { position: relative; margin-bottom: 60px; padding: 0 calc(60px + 2rem) }
.slider-nav-collection { position: relative; opacity: 0; -webkit-transition: opacity .25s; transition: opacity .25s }
.slide-nav-collection { width: 100% }
@media screen and (min-width:600px) {
.slide-nav-collection { width: 50% }
}
@media screen and (min-width:900px) {
.slide-nav-collection { width: 33.3333% }
}
@media screen and (min-width:1000px) {
.slide-nav-collection { width: 25% }
}
@media screen and (min-width:1250px) {
.slide-nav-collection { width: 20% }
}
@media screen and (min-width:1400px) {
.slide-nav-collection { width: 16.666% }
}
@media screen and (min-width:1650px) {
.slide-nav-collection { width: 14.285% }
}
.slider-nav-collection .flickity-prev-next-button.next { right: -50px }
.slider-nav-collection .flickity-prev-next-button.previous { left: -50px }
.nav-collection__link, .slider-nav-collection .flickity-slider { display: -webkit-box; display: flex }
.nav-collection__link { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 24px 10px 18px; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; text-align: center; color: #171F4A; text-decoration: none!important }
.nav-collection__link:before { content: ""; position: absolute; top: 0; left: 8px; width: calc(100% - 16px); height: 4px; background-color: #008F84; -webkit-transform-origin: top; transform-origin: top; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform .25s; transition: -webkit-transform .25s; transition: transform .25s; transition: transform .25s, -webkit-transform .25s }
.nav-collection__link.is-active:before, .nav-collection__link:hover:before { -webkit-transform: scaleY(1); transform: scaleY(1) }
.nav-collection__artist { font-size: 18px; font-weight: 400; text-transform: uppercase; line-height: 1.3 }
.nav-collection__date { font-size: 14px; font-weight: 400 }
@media screen and (max-width:599px) {
.nav-collection { padding: 0 }
.slider-nav-collection button.flickity-prev-next-button { display: none; visibility: hidden }
.slide-nav-collection { width: 40% }
}
.nav-collection-mobile { display: none; margin-bottom: 60px; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch }
.nav-collection-mobile .nav-collection__link { -webkit-box-flex: 0; flex: 0 0 auto; padding: 24px 12px 18px; width: 40% }
.item-artist { display: none }
.item-artist.is-active { display: block }
.item-artist__header { display: -webkit-box; display: flex; min-height: 380px; margin-bottom: 40px; padding: 0 calc(60px + 2rem) }
.item-artist__header.no-date { min-height: 310px }
.item-artist__header.no-image, .item-artist__header.no-image .item-artist__header-left { min-height: unset }
.item-artist__header-left { position: relative; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; flex-shrink: 0; width: 500px }
.item-artist__name { position: relative; z-index: 1; font-size: 48px; font-weight: 700; line-height: 1.2; text-transform: uppercase; width: 270px; margin: 0; padding-right: 1rem; color: #000 }
.item-artist__name.reveal { -webkit-animation: revealSlideUp .45s ease-out both; animation: revealSlideUp .45s ease-out both; -webkit-animation-delay: .2s; animation-delay: .2s }
.item-artist__image-date-wrapper { position: relative; padding-right: 70px }
.item-artist__image-wrapper { position: absolute; right: 70px; width: 160px }
.item-artist__image-wrapper.reveal { -webkit-animation: revealFadeIn .45s linear both; animation: revealFadeIn .45s linear both; -webkit-animation-delay: .4s; animation-delay: .4s }
.item-artist__image { max-width: 100% }
.item-artist__date { padding-top: 30px }
.item-artist__date .item-artist__date-birth, .item-artist__date .item-artist__date-death { position: relative; display: block; font-size: 140px; font-weight: 700; font-style: italic; letter-spacing: -10px; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(0,0,0,.3) }
.item-artist__date .item-artist__date-birth.reveal { -webkit-animation: revealSlideLeft .45s ease-out both; animation: revealSlideLeft .45s ease-out both; -webkit-animation-delay: .5s; animation-delay: .5s }
.item-artist__date .item-artist__date-death { left: 100px; margin-top: -80px }
.item-artist__date .item-artist__date-death.reveal { -webkit-animation: revealSlideRight .45s ease-out both; animation: revealSlideRight .45s ease-out both; -webkit-animation-delay: .65s; animation-delay: .65s }
.item-artist__text { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 18px; line-height: 32px }
.item-artist__text.reveal { -webkit-animation: revealFadeIn .35s linear both; animation: revealFadeIn .35s linear both; -webkit-animation-delay: .8s; animation-delay: .8s }
.item-artist__text p { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif!important; font-size: 18px; line-height: 32px }
.item-artist__text p:first-child { margin-top: 0 }
.item-artist__text dd strong, .item-artist__text dt strong, .item-artist__text li strong, .item-artist__text p strong, .item-artist__text table strong { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif!important; font-weight: 700; color: #000 }
.item-artist__text a { text-decoration: underline }
.item-artist__text a:hover { color: #777 }
@-webkit-keyframes revealSlideLeft { 0% {
opacity:0;
-webkit-transform:translateX(30px);
transform:translateX(30px)
}
to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) }
}
@keyframes revealSlideLeft { 0% {
opacity:0;
-webkit-transform:translateX(30px);
transform:translateX(30px)
}
to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) }
}
@-webkit-keyframes revealSlideRight { 0% {
opacity:0;
-webkit-transform:translateX(-30px);
transform:translateX(-30px)
}
to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) }
}
@keyframes revealSlideRight { 0% {
opacity:0;
-webkit-transform:translateX(-30px);
transform:translateX(-30px)
}
to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) }
}
@-webkit-keyframes revealSlideUp { 0% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) }
}
@keyframes revealSlideUp { 0% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) }
}
@-webkit-keyframes revealFadeIn { 0% {
opacity:0
}
to { opacity: 1 }
}
@keyframes revealFadeIn { 0% {
opacity:0
}
to { opacity: 1 }
}
.slider-artist { position: relative }
.slider-artist.reveal { -webkit-animation: revealFadeIn .25s linear both; animation: revealFadeIn .25s linear both; -webkit-animation-delay: .7s; animation-delay: .7s }
.slide-artist { width: 290px; margin-right: 10px }
.slide-artist img { max-width: 100% }
.slider-artist .flickity-slider { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center }
button.flickity-button:active { opacity: 1 }
button.flickity-button:hover { background: #008F84 }
button.flickity-prev-next-button { display: -webkit-box!important; display: flex!important; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 40px; height: 40px; background-color: #008F84; border-radius: 50%!important; -webkit-transition: background-color .2s linear; transition: background-color .2s linear }
@media (hover:hover) and (pointer:fine) {
button.flickity-prev-next-button:active, button.flickity-prev-next-button:hover { background-color: #ffde00 }
}
button.flickity-prev-next-button .flickity-button-icon { position: static; width: 14px; height: 14px; fill: #000 }
button.flickity-prev-next-button:disabled { background-color: #f1f1f2; opacity: 0 }
button.flickity-prev-next-button:disabled .flickity-button-icon { opacity: .3 }
.slider-artist button.flickity-prev-next-button { top: unset; bottom: -66px; right: 0; -webkit-transform: unset; transform: unset }
.slider-artist button.flickity-prev-next-button.next { right: 1rem }
.slider-artist button.flickity-prev-next-button.previous { left: 1rem }
@media (max-width:76em) {
.block-collection .item-artist__header { padding: 0 2rem }
}
@media (max-width:60em) {
.block-collection .item-artist__header { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-height: unset }
.block-collection .item-artist__header.no-date .item-artist__header-left { min-height: 310px }
.block-collection .item-artist__header.no-image .item-artist__header-left { min-height: unset }
.block-collection .item-artist__header-left { width: 100%; min-height: 340px; margin-bottom: 1rem }
.block-collection .item-artist__name { width: 380px }
.block-collection .item-artist__image-date-wrapper { padding-right: 0 }
.block-collection .item-artist__image-wrapper { right: unset; left: 380px }
.block-collection .item-artist__date { margin-left: 100px }
}
@media (max-width:37.5em) {
.block-collection { padding: 0 16px 120px }
.block-collection .block-collection__title { font-size: 36px; margin-bottom: 6px }
.block-collection .block-collection__heading { padding: 0 1rem }
.block-collection .item-artist__header { margin-bottom: 24px; padding: 0 }
.block-collection .item-artist__header.no-date .item-artist__header-left { min-height: 250px }
.block-collection .item-artist__header-left { min-height: 300px; -webkit-box-pack: justify; justify-content: space-between }
.block-collection .item-artist__name { font-size: 32px; margin-right: 0; width: auto; padding-right: 170px }
.block-collection .item-artist__image-date-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.block-collection .item-artist__image-wrapper { left: unset; right: 0 }
.block-collection .item-artist__date { margin-left: 0; padding-top: 60px }
.block-collection .item-artist__date .item-artist__date-birth, .block-collection .item-artist__date .item-artist__date-death { font-size: 100px; letter-spacing: -5px; -webkit-text-stroke-width: 1.5px; -webkit-text-stroke-color: rgba(0,0,0,.5) }
.block-collection .item-artist__date .item-artist__date-death { left: 100px; margin-top: -50px }
.block-collection button.flickity-prev-next-button.next { right: 0 }
.block-collection button.flickity-prev-next-button.previous { left: 0; right: unset }
}
.mod-pagination { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; font-family: Helvetica Neue LT W05_47 Lt Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; margin: 30px auto; text-align: center }
.mod-pagination .pag-next, .mod-pagination .pag-prev { border: 0; font: 0/0 a; text-shadow: none; color: transparent }
.mod-pagination>div { display: -webkit-box; display: flex }
.mod-pagination .pag-next, .mod-pagination .pag-prev, .mod-pagination a, .mod-pagination span { background: #fff; border: 1px solid #eae9e8; color: #333; display: none; height: 36px; line-height: 36px; margin: 0 3px; overflow: hidden; position: relative; text-align: center; vertical-align: middle; width: 36px }
.mod-pagination .current, .mod-pagination .pag-next, .mod-pagination .pag-prev { display: block }
.mod-pagination .pag-next:before, .mod-pagination .pag-prev:before { content: ""; display: inline-block; width: 10px; height: 15px; vertical-align: middle }
.mod-pagination .pag-prev:before { background: url(images/sprite.png) no-repeat -175px -175px }
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {
.mod-pagination .pag-prev:before { background-image: url(images/sprite_2x.png); background-size: 500px 500px }
}
.mod-pagination .pag-prev:hover:before { background: url(images/sprite.png) no-repeat -200px -175px }
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {
.mod-pagination .pag-prev:hover:before { background-image: url(images/sprite_2x.png); background-size: 500px 500px }
}
.mod-pagination .pag-next:before { background: url(images/sprite.png) no-repeat -175px -200px }
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {
.mod-pagination .pag-next:before { background-image: url(images/sprite_2x.png); background-size: 500px 500px }
}
.mod-pagination .pag-next:hover:before { background: url(images/sprite.png) no-repeat -200px -200px }
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {
.mod-pagination .pag-next:hover:before { background-image: url(images/sprite_2x.png); background-size: 500px 500px }
}
.mod-pagination a.current, .mod-pagination a:hover, .mod-pagination span.current { background: #008F84; border-color: #008F84; color: #fff; text-decoration: none }
.mod-pagination .ellipse { border: 0; background: transparent }
@media (min-width:60em) {
.mod-pagination .pag-next, .mod-pagination .pag-prev, .mod-pagination a, .mod-pagination span { display: block }
}
.mod-photo-text-block, .mod-video-text-block { box-sizing: border-box; margin: 3.5rem 0 4.5rem; position: relative }
@media (min-width:60em) {
.mod-photo-text-block, .mod-video-text-block { margin: 10.5rem auto 12.5rem }
}
@media (min-width:37.5em) {
.cp-slider-vertical-parallax .mod-photo-text-block .container-pagination, .cp-slider-vertical-parallax .mod-video-text-block .container-pagination, .mod-photo-text-block .cp-slider-vertical-parallax .container-pagination, .mod-photo-text-block .teq-container, .mod-video-text-block .cp-slider-vertical-parallax .container-pagination, .mod-video-text-block .teq-container { width: 120rem; max-width: 120rem }
}
.mod-photo-text-block.-with-grey-bg, .mod-video-text-block.-with-grey-bg { background: #f6f6f6; margin: 0 0 5rem; padding: 6rem 0 }
.mod-photo-text-block.video-appear img, .mod-video-text-block.video-appear img { z-index: 0 }
.mod-photo-text-block.video-appear .ico-play, .mod-video-text-block.video-appear .ico-play { opacity: 0 }
.mod-photo-text-block.video-appear .video-container, .mod-video-text-block.video-appear .video-container { opacity: 1; z-index: 1 }
.mod-photo-text-block .-video, .mod-video-text-block .-video { margin: 0; overflow: hidden; position: relative; width: 100% }
@media (min-width:60em) {
.mod-photo-text-block .-video, .mod-video-text-block .-video { width: 50% }
}
.mod-photo-text-block .-image img, .mod-video-text-block .-image img { width: 100% }
.mod-photo-text-block h2, .mod-video-text-block h2 { font-size: 3rem; line-height: 3.5rem; margin: 0 0 1.6rem; text-align: center; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:37.5em) {
.mod-photo-text-block h2, .mod-video-text-block h2 { font-size: 4.8rem; line-height: 4.6rem }
}
.mod-photo-text-block .-subtitle, .mod-video-text-block .-subtitle { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem; margin-bottom: 4rem; text-align: center }
@media (min-width:37.5em) {
.mod-photo-text-block .-subtitle, .mod-video-text-block .-subtitle { margin-bottom: 8rem }
}
.mod-photo-text-block h3, .mod-video-text-block h3 { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.7rem; line-height: 3.2rem; margin-bottom: 2rem }
@media (min-width:37.5em) {
.mod-photo-text-block h3, .mod-video-text-block h3 { font-size: 3.4rem; line-height: 3.6rem; margin-bottom: 2.4rem }
}
@media (min-width:60em) {
.mod-photo-text-block .df-zone, .mod-video-text-block .df-zone { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between }
}
.mod-photo-text-block .df-zone>:first-child, .mod-video-text-block .df-zone>:first-child { margin-bottom: 4rem }
@media (min-width:60em) {
.mod-photo-text-block .df-zone>:first-child, .mod-video-text-block .df-zone>:first-child { margin-bottom: 0 }
}
.mod-photo-text-block .-content, .mod-video-text-block .-content { box-sizing: border-box; width: 100% }
@media (min-width:60em) {
.mod-photo-text-block .-content, .mod-video-text-block .-content { width: calc(50% - 4.5rem); margin: 0 3.7rem }
}
.mod-photo-text-block .-text, .mod-video-text-block .-text { margin-bottom: 4rem }
.mod-photo-text-block p, .mod-video-text-block p { margin: 0 }
.mod-photo-text-block .btn-yellow, .mod-video-text-block .btn-yellow { width: 100% }
@media (min-width:37.5em) {
.mod-photo-text-block .btn-yellow, .mod-video-text-block .btn-yellow { width: inherit }
}
.mod-photo-text-block .-video, .mod-video-text-block .-video { -webkit-box-align: center; align-items: center; box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center }
@media (min-width:60em) {
.mod-photo-text-block .-video, .mod-video-text-block .-video { width: calc(50% - 2.25rem) }
}
.mod-photo-text-block .-video:before, .mod-video-text-block .-video:before { content: ""; display: block; padding-top: 63.83333%; width: 100% }
.mod-photo-text-block .-video .video-container, .mod-photo-text-block .-video img, .mod-video-text-block .-video .video-container, .mod-video-text-block .-video img { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100% }
.mod-photo-text-block .-video img, .mod-video-text-block .-video img { font-family: "object-fit: cover"; -o-object-fit: cover; object-fit: cover; z-index: 1 }
.mod-photo-text-block .video-container, .mod-video-text-block .video-container { opacity: 0 }
.mod-photo-text-block .video-container iframe, .mod-video-text-block .video-container iframe { height: 100%; font-family: "object-fit: cover"; -o-object-fit: cover; object-fit: cover; width: 100% }
.mod-photo-text-block .video-container .btn-close, .mod-video-text-block .video-container .btn-close { background: #171F4A; color: #fff; cursor: pointer; height: 5rem; position: absolute; right: 0; text-align: center; top: 0; width: 5rem; z-index: 20 }
.mod-photo-text-block .video-container .btn-close:before, .mod-video-text-block .video-container .btn-close:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; content: "\E913"; font-size: 2.8rem; line-height: 5rem }
.mod-photo-text-block .ico-play, .mod-video-text-block .ico-play { border-radius: 100%; cursor: pointer; display: block; height: 6.6rem; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: .6s ease; transition: .6s ease; width: 6.6rem; will-change: transform; z-index: 2; background: transparent }
@media (min-width:37.5em) {
.mod-photo-text-block .ico-play, .mod-video-text-block .ico-play { height: 8.8rem; width: 8.8rem }
}
.mod-photo-text-block .ico-play:hover, .mod-video-text-block .ico-play:hover { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); -webkit-transition: .6s ease; transition: .6s ease }
.mod-photo-text-block .ico-play:before, .mod-video-text-block .ico-play:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: #fff; font-size: 6rem; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.mod--nav-anchors { background: #f4f4f4; height: 26rem; padding: 1.6rem }
@media (min-width:76em) {
.mod--nav-anchors { height: 30.5rem; padding: 2.4rem }
}
.bg--grey .mod--nav-anchors { height: 25.9rem }
.mod--nav-anchors .mod-title[class] { color: #171F4A; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-weight: 400; font-size: 3rem; line-height: 3.2rem; margin-bottom: 3rem; text-transform: none }
@media (min-width:76em) {
.mod--nav-anchors .mod-title[class] { font-size: 3.4rem; line-height: 3.6rem }
}
.mod--nav-anchors ul { overflow: hidden }
.mod--nav-anchors li { color: #171F4A; float: none; padding-left: 0 }
.mod--nav-anchors li:before { display: none }
.mod--nav-anchors a { box-sizing: border-box; color: #171F4A; display: block; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2.4rem; margin-bottom:.8rem;
padding: 0 2rem 0 0; position: relative }
@media (min-width:60em) {
.mod--nav-anchors a { font-size: 2.1rem }
}
.mod--nav-anchors a:hover { color: #008F84; text-decoration: none }
.mod--nav-anchors a:hover:after { color: #008F84 }
.mod--nav-anchors a:after { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: #171F4A; display: inline-block; position: absolute; right:.5rem;
top: 10%; -webkit-transform: rotate(90deg); transform: rotate(90deg) }
.mod--nav-anchors img { vertical-align: middle; margin-right: 1rem }
.mod--nav-anchors { display: none }
@media (min-width:60em) {
.mod--nav-anchors { display: block; height: auto }
}
.mod--nav-anchors.is_stuck { display: none }
.layout--int .mod--nav-anchors .mod-title[class], .mod--nav-anchors .mod-title[class] { color: #171F4A; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3rem; line-height: 3.2rem; margin-bottom: 1rem }
@media (min-width:60em) {
.layout--int .mod--nav-anchors .mod-title[class], .mod--nav-anchors .mod-title[class] { font-size: 3.4rem; line-height: 3.6rem; margin-bottom: 3.3rem }
}
.mod--nav-anchors a:after { background-position:.3rem -16.2rem
}
.js-blur { -webkit-filter: blur(4px); filter: blur(4px) }
.mod--report-focus { background: #fff; border: 1px solid #ececec; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 2rem 2rem 6.5rem; position: relative; text-align: center; box-sizing: border-box }
@media (min-width:37.5em) {
.mod--report-focus { padding: 3rem 2rem 4.4rem }
}
@media (min-width:60em) {
.mod--report-focus { padding: 5rem 3rem 7.5rem }
}
.mod--report-focus .item-content { box-sizing: border-box }
.ie .mod--report-focus .item-content { max-height: calc(100% - 36px) }
.mod--report-focus .it-title { color: #171F4A; font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2rem; margin-bottom: 3rem; text-align: left; text-transform: uppercase }
@media (min-width:37.5em) {
.mod--report-focus .it-title { font-size: 2.5rem; line-height: 2.5rem; margin-bottom: 4rem; margin-top: 0 }
}
@media (min-width:60em) {
.mod--report-focus .it-title { font-size: 3rem; line-height: 3rem; margin-bottom: 6rem }
}
.mod--report-focus img { display: block; margin: 0 auto 3rem }
.mod--report-focus .it-meta { color: #7b7a7a; font-family: Helvetica Neue LT W05_57 Cond, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.mod--report-focus h4 { font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.4rem; line-height: 1.5rem; margin-bottom:.3rem;
text-transform: uppercase }
.mod--report-focus h4:hover { text-decoration: underline }
@media (min-width:37.5em) {
.mod--report-focus h4 { font-size: 1.8rem; line-height: 2rem; margin-bottom:.4rem
}
}
@media (min-width:60em) {
.mod--report-focus h4 { font-size: 2.2rem; line-height: 2.3rem; margin-bottom:.6rem
}
}
.mod--report-focus .it-text a { color: #333; -webkit-transition: .5s; transition: .5s }
.mod--report-focus .it-text a:hover { color: #171F4A; text-decoration: none }
.mod--report-focus .it-meta { color: #171F4A; font-family: Helvetica Neue LT W05_47 Lt Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.4rem; margin-bottom: 2.25rem }
@media (min-width:37.5em) {
.mod--report-focus .it-meta { font-size: 1.8rem; margin-bottom: 3.375rem }
}
@media (min-width:60em) {
.mod--report-focus .it-meta { font-size: 2.2rem; margin-bottom: 4.5rem }
}
.mod--report-focus .btn-yellow { display: block; position: absolute; bottom: 3rem; width: calc(100% - 4rem) }
@media (min-width:60em) {
.mod--report-focus .btn-yellow { width: calc(100% - 6rem) }
}
.search-engine { margin: 1.5rem auto 0; max-width: calc(100% - 4rem) }
@media (min-width:37.5em) {
.search-engine { max-width: 100rem; margin: 3.4rem auto 0 }
}
.search-engine .ais-Hits-item { padding-left: 0 }
.search-engine .ais-Hits-item:before { display: none }
.search-engine .ais-SearchBox-form { display: -webkit-box; display: flex; margin-bottom: 1rem; position: relative }
.search-engine .ais-SearchBox-submit { background: none; box-sizing: border-box; overflow: visible; padding: 0; position: absolute; right: 0; bottom: 3rem; text-align: center; width: 3rem }
@media (min-width:60em) {
.search-engine .ais-SearchBox-submit { right: 1rem; bottom: 4rem; font-size: 2.6rem; padding: 0 }
}
.search-engine .ais-SearchBox-submitIcon { fill: #858585; height: 2.4rem; overflow: visible; width: 100% }
@media (min-width:37.5em) {
.search-engine .ais-SearchBox-submitIcon { height: 2.6rem; width: 2.6rem }
}
.search-engine .ais-SearchBox-reset { display: none }
.search-engine .search-title { display: -webkit-box; display: flex; position: relative }
@media (min-width:37.5em) {
.search-engine .search-title { font-size: 1.8rem }
}
.search-engine .number, .search-engine .search-query, .search-engine h1 { color: #008F84; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2.6rem; margin-bottom: 1.6rem }
@media (min-width:37.5em) {
.search-engine .number, .search-engine .search-query, .search-engine h1 { font-size: 2.1rem; line-height: 2.6rem; margin-bottom: 2.4rem }
}
.search-engine .number span, .search-engine .search-query span, .search-engine h1 span { color: #171F4A; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; display: inline-block; margin:0 .5rem
}
.search-engine .search-query { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.search-engine .ais-SearchBox-input { border: 0; border-bottom: 1px solid #eee; color: #171F4A; height: 4rem; width: 100% }
@media (min-width:60em) {
.search-engine .ais-SearchBox-input { height: 6.6rem }
}
.search-engine input:focus, .search-engine textarea:focus { outline: none }
.search-engine input[type=search] { border-radius: 0; color: #171F4A; font-size: 3rem; line-height: 3.5rem; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin-bottom: 1.6rem; padding:1rem 0 1rem .1rem;
-webkit-appearance: none }
@media (min-width:37.5em) {
.search-engine input[type=search] { font-size: 4.8rem; line-height: 4.6rem; margin-bottom: 2.4rem }
}
@media (min-width:60em) {
.search-engine input[type=search] { padding-bottom:.8rem
}
}
.search-engine input[type=search]::-ms-clear, .search-engine input[type=search]::-ms-reveal {
display:none;
width:0;
height:0
}
.search-engine ::-webkit-input-placeholder {
font-size:3rem;
line-height:3.5rem;
font-family:Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif;
margin-bottom:1.6rem
}
@media (min-width:37.5em) {
.search-engine ::-webkit-input-placeholder {
font-size:4.8rem;
line-height:4.6rem;
margin-bottom:2.4rem
}
}
.search-engine ::-moz-placeholder {
font-size:3rem;
line-height:3.5rem;
font-family:Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif;
margin-bottom:1.6rem
}
@media (min-width:37.5em) {
.search-engine ::-moz-placeholder {
font-size:4.8rem;
line-height:4.6rem;
margin-bottom:2.4rem
}
}
.search-engine :-ms-input-placeholder {
font-size:3rem;
line-height:3.5rem;
font-family:Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif;
margin-bottom:1.6rem
}
@media (min-width:37.5em) {
.search-engine :-ms-input-placeholder {
font-size:4.8rem;
line-height:4.6rem;
margin-bottom:2.4rem
}
}
.search-engine :-moz-placeholder {
font-size:3rem;
line-height:3.5rem;
font-family:Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif;
margin-bottom:1.6rem
}
@media (min-width:37.5em) {
.search-engine :-moz-placeholder {
font-size:4.8rem;
line-height:4.6rem;
margin-bottom:2.4rem
}
}
.search-engine input:focus::-webkit-input-placeholder {
opacity:0
}
.search-engine input:focus::-moz-placeholder {
opacity:0
}
.search-engine input:focus::-ms-input-placeholder {
opacity:0
}
.search-engine .search-result { border-bottom: 1px solid #eee; margin-bottom: 2.6rem; position: relative; width: 100% }
@media (min-width:60em) {
.search-engine .search-result { margin-bottom: 3.8rem }
}
@media (min-width:37.5em) {
.search-engine .flex-container { -webkit-box-align: start; align-items: flex-start; align-content: flex-start; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between }
}
.search-engine .illust { margin-bottom: 1.2rem; overflow: hidden; position: relative; width: 100% }
@media (min-width:37.5em) {
.search-engine .illust { margin-bottom: 0; width: 19rem }
}
.search-engine .illust:before { display: block; content: ""; width: 100%; padding-top: 57.8947368421% }
.search-engine .illust img { font-family: "object-fit: cover"; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; width: 100% }
@media (min-width:37.5em) {
.search-engine .illust+.content { width: calc(100% - 21rem) }
}
.search-engine .subtitle { color: #53565a; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; margin-bottom: 2rem; text-transform: uppercase }
@media (min-width:60em) {
.search-engine .subtitle { margin-bottom: 1rem }
}
.search-engine .title { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2rem; margin-bottom: 1.6rem }
@media (min-width:37.5em) {
.search-engine .title { color: #000;font-size: 2.3rem; line-height: 2.6rem; margin-bottom:.8rem
}
}
.search-engine .text { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem; margin-bottom: 2.4rem }
@media (min-width:60em) {
.search-engine .text { margin-bottom:.8rem
}
}
.search-engine .date { color: #171F4A; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; letter-spacing: 1px; margin-bottom: 1.5rem; text-transform: uppercase }
@media (min-width:37.5em) {
.search-engine .date { margin-bottom: 3rem }
}
.search-engine .link { cursor: pointer; height: 100%; position: absolute; left: 0; top: 0; width: 100% }
.search-engine .ais-Pagination-list { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; font-family: Helvetica Neue LT W05_47 Lt Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; margin: 30px auto; text-align: center }
.search-engine .ais-Pagination-list li:before { content: none }
.search-engine .ais-Pagination-list .ais-Pagination-item { background: #fff; box-sizing: border-box; border: 1px solid #eae9e8!important; color: #333; height: 38px; line-height: 38px; margin: 0 3px; overflow: hidden; padding: 0; position: relative; text-align: center; vertical-align: middle; width: 38px }
.search-engine .ais-Pagination-list .ais-Pagination-item a { color: #333; display: block; height: 100%; width: 100% }
.search-engine .ais-Pagination-list .ais-Pagination-item:hover a { color: #fff; text-decoration: none }
.search-engine .ais-Pagination-list .ais-Pagination-item--nextPage, .search-engine .ais-Pagination-list .ais-Pagination-item--previousPage { border: 1px solid #eae9e8; display: block }
.search-engine .ais-Pagination-list .ais-Pagination-item--nextPage a, .search-engine .ais-Pagination-list .ais-Pagination-item--nextPage span, .search-engine .ais-Pagination-list .ais-Pagination-item--previousPage a, .search-engine .ais-Pagination-list .ais-Pagination-item--previousPage span { opacity: 0 }
.search-engine .ais-Pagination-list .ais-Pagination-item--nextPage:before, .search-engine .ais-Pagination-list .ais-Pagination-item--previousPage:before { background: none; font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: #171F4A; cursor: pointer; display: block; font-size: 1.5rem; margin-top:.5rem;
position: absolute; text-align: center; width: 34px }
@media (min-width:30em) {
.search-engine .ais-Pagination-list .ais-Pagination-item--nextPage:before, .search-engine .ais-Pagination-list .ais-Pagination-item--previousPage:before { margin-top:.3rem
}
}
@media (min-width:60em) {
.search-engine .ais-Pagination-list .ais-Pagination-item--nextPage:before, .search-engine .ais-Pagination-list .ais-Pagination-item--previousPage:before { margin-top: 0 }
}
.search-engine .ais-Pagination-list .ais-Pagination-item--nextPage:hover:before, .search-engine .ais-Pagination-list .ais-Pagination-item--previousPage:hover:before { color: #fff }
.search-engine .ais-Pagination-list .ais-Pagination-item--nextPage.ais-Pagination-item--disabled, .search-engine .ais-Pagination-list .ais-Pagination-item--previousPage.ais-Pagination-item--disabled { pointer-events: none }
.search-engine .ais-Pagination-list .ais-Pagination-item--nextPage.ais-Pagination-item--disabled:before, .search-engine .ais-Pagination-list .ais-Pagination-item--previousPage.ais-Pagination-item--disabled:before { color: #eae9e8 }
.search-engine .ais-Pagination-list .ais-Pagination-item--previousPage:before { margin-top: 1.5rem; -webkit-transform: rotate(-180deg); transform: rotate(-180deg) }
@media (min-width:30em) {
.search-engine .ais-Pagination-list .ais-Pagination-item--previousPage:before { margin-top: 1.4rem }
}
@media (min-width:60em) {
.search-engine .ais-Pagination-list .ais-Pagination-item--previousPage:before { margin-top: 1.1rem }
}
.search-engine .ais-Pagination-list .ais-Pagination-item--selected, .search-engine .ais-Pagination-list .ais-Pagination-item:hover { background: #008F84; border-color: #008F84!important; text-decoration: none }
.search-engine .ais-Pagination-list .ais-Pagination-item--selected { display: block }
.search-engine .ais-Pagination-list .ais-Pagination-item--selected a { color: #fff }
.search-engine .ais-Pagination-list .ellipse { border: 0; background: transparent }
.fade-enter-active, .fade-leave-active { -webkit-transition: opacity 1s; transition: opacity 1s }
.cp-subscription-form { border-top: 1px solid #eae9e8; margin: 0 0 6rem; padding-top: 2rem }
@media (min-width:37.5em) {
.cp-subscription-form { margin: 0 0 12rem }
}
.cp-subscription-form label { display: block }
.cp-subscription-form input[type=email], .cp-subscription-form input[type=text] { width: 100% }
@media (min-width:37.5em) {
.cp-subscription-form input[type=email], .cp-subscription-form input[type=text] { width: 320px }
}
.cp-subscription-form textarea { height: 10rem; padding: 0; width: 100% }
@media (min-width:37.5em) {
.cp-subscription-form textarea { padding: 1em; width: 550px }
}
.cp-subscription-form .mandatory { font-size: 1.8rem; font-family: Helvetica Neue LT W05_37 Th Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin: 0; position: absolute; right: 2rem; top: 2rem }
@media (min-width:37.5em) {
.cp-subscription-form .mandatory { font-size: 2rem; right: 0 }
}
.cp-subscription-form .mandatory>i { color: #008F84 }
.cp-subscription-form .btn-yellow { margin-left: 0 }
@media (min-width:37.5em) {
.cp-subscription-form .btn-yellow { margin: 1rem 0 0 }
}
.cp-subscription-form .form-row.error .error-message { display: block }
.cp-subscription-form .it-message { font-family: Helvetica Neue LT W05_47 Lt Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem }
.cp-subscription-form .loader-container { height: 100%; margin: 0; overflow: hidden; width: 100% }
.cp-subscription-form .loader-container .loader { -webkit-animation: circle-loader-spin 1s linear infinite; animation: circle-loader-spin 1s linear infinite; border-radius: 50%; border:.5rem solid rgba(151,139,127,.2);
border-left-color: #008F84; display: -webkit-box; display: flex; height: 5rem; margin: 0; min-height: 5rem; min-width: 5rem; -webkit-transform: translateZ(0); transform: translateZ(0); width: 5rem }
.cp-subscription-form .grecaptcha-badge { z-index: 110 }
.cp-contact-form { display: -webkit-box; display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; margin: 0 0 6rem; padding-top: 2rem; position: relative }
@media (min-width:37.5em) {
.cp-contact-form { margin: 0 0 12rem }
}
.cp-contact-form h2 { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:37.5em) {
.cp-contact-form h2 { font-size: 3.4rem; line-height: 3.6rem }
}
.cp-contact-form label { display: block; text-transform: uppercase; font-size: 1.12rem; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; letter-spacing:.01rem
}
.cp-contact-form label>i { color: #1a1b1d }
.cp-contact-form label small { display: none }
.cp-contact-form form { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; padding-top: 4.2rem; position: relative }
@media (min-width:60em) {
.cp-contact-form form { width: 90rem }
}
.cp-contact-form .form-row { margin-bottom: 1.6rem }
@media (min-width:47.5em) {
.cp-contact-form .form-row { width: calc(50% - 1rem) }
}
.cp-contact-form .form-row.message, .cp-contact-form .form-row.validation { width: 100% }
.cp-contact-form .form-row+.form-row { margin-top: 0 }
.cp-contact-form input::-webkit-input-placeholder {
color:#008F84
}
.cp-contact-form input::-moz-placeholder {
color:#008F84
}
.cp-contact-form input:-ms-input-placeholder {
color:#008F84
}
.cp-contact-form input::-ms-input-placeholder {
color:#008F84
}
.cp-contact-form input::placeholder {
color:#008F84
}
.cp-contact-form .custom-select-container, .cp-contact-form input[type=email], .cp-contact-form input[type=tel], .cp-contact-form input[type=text], .cp-contact-form textarea { width: 100%; margin-top:.8rem;
height: 5.4rem; line-height: 5.4rem; font-size: 1.6rem; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; border-color: #008F84 }
.cp-contact-form .custom-select-container .custom-select-opener, .cp-contact-form input[type=email] .custom-select-opener, .cp-contact-form input[type=tel] .custom-select-opener, .cp-contact-form input[type=text] .custom-select-opener, .cp-contact-form textarea .custom-select-opener { height: 5.4rem; line-height: 5.4rem; font-size: 1.6rem; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-contact-form .form-row label { float: none!important }
@media (min-width:none) and (max-width:37.5em) {
.cp-contact-form .form-row label { font-size: 1rem }
}
.cp-contact-form textarea { display: block; height: 10rem; width: calc(100% - 3.6rem); line-height: 2rem; padding: 1.2em 1.5em 1.2em .625em }
.cp-contact-form textarea::-webkit-input-placeholder {
color:#008F84
}
.cp-contact-form textarea::-moz-placeholder {
color:#008F84
}
.cp-contact-form textarea:-ms-input-placeholder {
color:#008F84
}
.cp-contact-form textarea::-ms-input-placeholder {
color:#008F84
}
.cp-contact-form textarea::placeholder {
color:#008F84
}
.cp-contact-form .mandatory { font-size: 1.6rem; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin: 0; position: absolute; right: 0; top: 0 }
.cp-contact-form .mandatory>i { color: #008F84 }
.cp-contact-form .btns { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center }
.cp-contact-form .btn-yellow { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-contact-form .form-row.error .error-message { display: block }
.cp-contact-form .it-message { font-family: Helvetica Neue LT W05_47 Lt Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem }
.cp-contact-form .loader-container { height: 100%; margin: 0; overflow: hidden; width: 100% }
.cp-contact-form .loader-container .loader { -webkit-animation: circle-loader-spin 1s linear infinite; animation: circle-loader-spin 1s linear infinite; border-radius: 50%; border:.5rem solid rgba(151,139,127,.2);
border-left-color: #008F84; display: -webkit-box; display: flex; height: 5rem; margin: 0; min-height: 5rem; min-width: 5rem; -webkit-transform: translateZ(0); transform: translateZ(0); width: 5rem }
.cp-contact-form .grecaptcha-badge { z-index: 110 }
.cp-contact-form .it-message { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; min-height: 30rem; text-align: center }
.cp-contact-form .it-message strong { color: #008F84; display: block; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 4rem; text-transform: uppercase }
.cp-contact-form .it-message p { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; margin:.5rem 0 0
}
.form-url p { margin: 0 0 1rem }
.form-url .list-url_item { padding-left: 15px }
.form-url .list-url_item:before { display: block }
.form-url .list-url_item+.list-url_item { margin-top: 5px }
.page-title { font-size: 3.5rem; line-height: 4.2rem; margin: 3rem 2rem; text-transform: inherit; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:37.5em) {
.page-title { font-size: 7.2rem; line-height: 6.3rem; margin: 0 0 4rem }
}
.cp-contact-form-rde { -webkit-box-pack: start; justify-content: flex-start }
.cp-contact-form-rde>div { width: 100% }
.additionnal-text-rapport { margin-bottom: 1em }
.additionnal-text-rapport, .rapport-light .attached-source .file-attach { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem; color: #000 }
.rapport-light .attached-source .file-attach { position: relative; padding-left: 2.3rem }
.rapport-light .attached-source .file-attach svg { fill: #008F84 }
.rapport-light .attached-source .file-attach:focus, .rapport-light .attached-source .file-attach:hover { color: #60504a; text-decoration: underline }
.rapport-light .attached-source .file-attach:before { content: "\E96E"; position: absolute; top: 0; left: 0; font-size: 1.6rem; display: none }
.rapport-light .attached-source .file-attach .illus-attach { position: absolute; left: 0; bottom: 2px }
.cp-contact-form-fleet { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center }
@media (min-width:60em) {
.cp-contact-form-fleet form { width: 90rem }
}
.cp-contact-form-fleet .multiselect { border: 1px solid #008F84; border-radius: 0; min-height: 5.2rem; margin-top:.8rem;
width: auto }
.cp-contact-form-fleet .multiselect input[type=text] { border: 0; height: 2.5rem; line-height: 2.5rem; margin: 0 }
.cp-contact-form-fleet .multiselect ul { padding: 0 }
.cp-contact-form-fleet .multiselect li:before { display: none; padding-left: 0 }
.cp-contact-form-fleet .form-row label { float: none!important }
.cp-contact-form-fleet .multiselect__placeholder { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; color: #008F84 }
.cp-contact-form-fleet .multiselect__tags { border: none; padding: 13px 40px 0 8px }
.cp-contact-form-fleet .multiselect__option--highlight { background: #008F84; color: #777; outline: none }
.cp-contact-form-fleet .multiselect__option--highlight:after { background: #ccc }
.cp-contact-form-fleet .multiselect__tag { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; background: #008F84; color: #53565a }
.cp-contact-form-fleet .multiselect__option--highlight:after { background: #008F84; color: #53565a }
.cp-contact-form-fleet .multiselect__tag-icon:after { color: #6c6f70 }
.cp-contact-form-fleet .multiselect__tag-icon:focus, .cp-contact-form-fleet .multiselect__tag-icon:hover { background: #ffde00 }
.cp-contact-form-fleet .multiselect__element { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; padding-left: 0 }
.cp-contact-form-fleet .multiselect__element:focus .multiselect__option, .cp-contact-form-fleet .multiselect__element:hover .multiselect__option { color: #fff }
.cp-contact-form-fleet .multiselect__select:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; height: 100%; line-height: 3.4rem; position: absolute; right: 0; top: 4px; text-align: center; -webkit-transform: scaleY(-1); transform: scaleY(-1); width: 3.3rem; color: #008F84; border-style: none }
.cp-contact-form-fleet .multiselect--active .multiselect__select { -webkit-transform: none; transform: none }
.cp-hp-highlight { padding: 4rem 0; text-align: center }
@media (min-width:37.5em) {
.cp-hp-highlight { padding: 7rem 0 }
}
.cp-hp-highlight h2 { font-size: 2.6rem; line-height: 2.8rem; margin: 0 0 3rem; text-align: center }
@media (min-width:37.5em) {
.cp-hp-highlight h2 { font-size: 6rem; line-height: 6rem; margin: 0 0 4rem }
}
.cp-hp-highlight p {
letter-spacing:.067rem; text-align: center; line-height: 2.5rem; margin: 0 auto 5rem; width: 83.33333% }
@media (min-width:37.5em) {
.cp-hp-highlight p { width: 66.66667% }
}
.cp-hp-highlight .btn--grey, .cp-hp-highlight .btn-yellow { margin:0 .5rem 1rem
}
.bandeau--crise { background: #454545; display: table; width: 100% }
.bandeau--crise img { display: block; width: 100%; height: auto; margin: auto }
.bandeau--crise .l-row { padding: 30px 0 }
.bandeau--crise .vertical-alignment { display: table-cell; vertical-align: middle }
.bandeau--crise h1 { color: #fff; margin-top: 0 }
.bandeau--crise .it-meta { color: #eeac05; font-size: 1rem; font-weight: 700; margin-bottom: 0 }
.bandeau--crise .it-meta:before { display: none }
.bandeau--crise p { quotes: "\201C" "\201D"; -webkit-margin-after: 0; margin-bottom: 4.5em; color: #fff; text-align: justify }
.bandeau--crise p:before { content: open-quote; color: #008F84; display: block; float: left; font-size: 6rem; line-height: 0; margin:2.2rem .5rem -.4rem -.3rem
}
.bandeau--crise p .quote { display: none }
.bandeau--crise a { position: absolute; bottom: 0; left: 1rem; right: 1rem; font-size: 1.2rem; padding: 0 5.2rem 0 8.2rem }
@media (min-width:60em) {
.bandeau--crise a { left: auto }
}
.cp-page-banner { padding: 6rem 0 0 }
@media (min-width:37.5em) {
.cp-page-banner { padding: 8rem 0 0 }
}
.cp-page-banner .cp-slider-vertical-parallax .container-pagination, .cp-page-banner .teq-container, .cp-slider-vertical-parallax .cp-page-banner .container-pagination { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; flex-wrap: wrap }
@media (min-width:37.5em) {
.cp-page-banner .cp-slider-vertical-parallax .container-pagination, .cp-page-banner .teq-container, .cp-slider-vertical-parallax .cp-page-banner .container-pagination { flex-wrap: wrap }
}
.cp-page-banner .social { margin-bottom: 0rem; text-align: right }
@media (min-width:37.5em) {
.cp-page-banner .social { display: -webkit-box; display: flex; width: 17.1rem; margin-left: 2.5rem; margin-top: 1.8rem }
}
.cp-page-banner.-no-social h1 { width: 100% }
.cp-page-banner h1 { margin: 0; font-size: 3.5rem; line-height: 4.2rem; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; width: calc(100% - 5rem) }
@media (min-width:37.5em) {
.cp-page-banner h1 {font-weight:bold; font-size: 4.2rem; line-height: 6.3rem; width: calc(100% - 19.6rem); margin-bottom: 0rem }
}
.cp-page-banner .h1-subtitle { width: 100%; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 3.2rem; margin-top: 2rem }
@media (min-width:37.5em) {
.cp-page-banner .h1-subtitle { font-size: 3.2rem; padding-left: 3px; margin-top: 0 }
}
.cp-page-banner img { margin-top: 2rem; width: 100% }
@media (min-width:37.5em) {
.cp-page-banner img { margin-top: 6rem; height: 66rem; -o-object-fit: cover; object-fit: cover }
}
.cp-page-banner .video-container { height: 100%; margin-top: 3rem; width: 100% }
@media (min-width:37.5em) {
.cp-page-banner .video-container { margin-top: 8rem }
}
.cp-page-banner .bgvid { background-color: transparent; display: block; font-family: "object-fit: cover; object-position: center center;"; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; width: 100% }
.cp-page-banner video::-webkit-media-controls-start-playback-button {
display:none
}
.mod--banner-quote { color: #fff; position: relative; width: 100%; background-color: #171F4A; margin-bottom: 20px }
@media (min-width:47.5em) {
.mod--banner-quote { background-color: transparent; height: 42vw; overflow: hidden }
}
.mod--banner-quote .df-zone { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; margin: 0 auto; padding: 2rem 0 }
@media (min-width:37.5em) {
.mod--banner-quote .df-zone { bottom: 0; left: 50%; padding: 4rem 0; position: absolute; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 2 }
}
.mod--banner-quote .video-container { min-height: 210px; background-repeat: no-repeat; background-position: 50%; background-size: cover; position: relative; left: 0; top: 0; width: 100%; z-index: 0 }
@media (min-width:47.5em) {
.mod--banner-quote .video-container { display: block; height: 100% }
.mod--banner-quote .video-container:before { background: rgba(0,0,0,.4); content: ""; left: 0; position: absolute; bottom: 0; right: 0; top: 0; z-index: 2 }
}
.mod--banner-quote video.bgvid { display: none; max-width: none; min-width: 100%; max-height: none }
@media (min-width:47.5em) {
.mod--banner-quote video.bgvid { display: block }
}
.mod--banner-quote .l-row { display: none }
@media (min-width:47.5em) {
.mod--banner-quote .l-row { display: block; position: absolute; left: 0; top: 0; width: 100% }
}
.mod--banner-quote .social { box-sizing: border-box; text-align: right; padding: 20px; width: 100%; z-index: 2 }
@media (min-width:37.5em) {
.mod--banner-quote .social { padding: 0 }
}
@media (min-width:60em) {
.mod--banner-quote .social { padding: 20px 0 }
}
.mod--banner-quote .-content { background-color: #171F4A; box-sizing: border-box; display: block; min-height: 250px; padding: 2.5rem 1rem; position: relative; text-align: center }
@media (min-width:60em) {
.mod--banner-quote .-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; width: 98%; z-index: 5; max-width: 945px; background: none; padding: 50px }
}
.mod--banner-quote h1 { font-size: 2rem; color: #fff; display: block; line-height: 100%; margin: 1.6rem 0; font-weight: 400 }
@media (min-width:37.5em) {
.mod--banner-quote h1 { font-size: 3.6rem; margin: 0 0 3rem }
}
@media (min-width:76em) {
.mod--banner-quote h1 { font-size: 7rem }
}
@media (min-width:105em) {
.mod--banner-quote h1 { margin-bottom: 6rem; width: 100% }
}
.mod--banner-quote .quote-mark { font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; color: #fc3; font-size: 5rem; line-height: 3rem }
@media (min-width:47.5em) {
.mod--banner-quote .quote-mark { font-size: 10rem }
}
@media (min-width:60em) {
.mod--banner-quote .quote-mark { font-size: 12rem }
}
.mod--banner-quote .quotation { font-size: 1.6rem; line-height: 2.8rem; display: block; margin-bottom: 15px }
@media (min-width:47.5em) {
.mod--banner-quote .quotation { font-size: 2rem }
}
.mod--banner-quote .name { font-size: 1rem; display: inline-block }
@media (min-width:47.5em) {
.mod--banner-quote .name { font-size: 2.2rem; display: block; width: 100% }
}
.mod--banner-quote .title { font-size: 1rem; display: inline-block }
@media (min-width:47.5em) {
.mod--banner-quote .title { font-size: 1.8rem; display: block }
}
.mod-banner-with-subtitle { background-size: cover; color: #171F4A; overflow: hidden; position: relative }
@media (min-width:37.5em) {
.mod-banner-with-subtitle { color: #fff }
.mod-banner-with-subtitle:before { background: rgba(0,0,0,.3); content: ""; bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 1 }
}
@media (min-width:60em) {
.mod-banner-with-subtitle { height: 67rem; max-height: calc(90vh - 12rem) }
}
.mod-banner-with-subtitle .video-container { background-repeat: no-repeat; background-size: cover; background-color: transparent; height: 100%; width: 100% }
.mod-banner-with-subtitle .bgvid, .mod-banner-with-subtitle>img { background-color: transparent; display: block; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; width: 100%; font-family: "object-fit: cover; object-position: center center;" }
.mod-banner-with-subtitle video::-webkit-media-controls-start-playback-button {
display:none
}
.mod-banner-with-subtitle .df-zone { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; margin: 2rem auto; padding: 2rem 0 }
@media (min-width:37.5em) {
.mod-banner-with-subtitle .df-zone { bottom: 0; left: 50%; padding: 4rem 0; position: absolute; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 2 }
}
.mod-banner-with-subtitle h1 { color: #171F4A; line-height: 100%; margin-top: 1rem; margin-left:.5rem;
position: relative; z-index: 2 }
@media (min-width:37.5em) {
.mod-banner-with-subtitle h1 { color: #fff; margin-top: 0; text-shadow: 0 2px 13px rgba(0,0,0,.5) }
}
@media (min-width:37.5em) {
.mod-banner-with-subtitle.-italic:before { background: none }
}
.mod-banner-with-subtitle.-italic h1 { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 5rem; font-style: italic; letter-spacing: 1px; line-height: 87%; margin: 0 auto; text-stroke: 1px #171F4A; -webkit-text-stroke: 1px #171F4A; -webkit-text-fill-color: transparent; width: 100% }
@media (min-width:23.75em) {
.mod-banner-with-subtitle.-italic h1 { width: 80% }
}
@media (-ms-high-contrast:none) {
.mod-banner-with-subtitle.-italic h1 { color: #171F4A; opacity: .9 }
}
@media (min-width:37.5em) {
.mod-banner-with-subtitle.-italic h1 { font-size: 6.4rem; text-align: left; text-shadow: none; text-stroke: 1px #fff; -webkit-text-stroke: 1px #fff; -webkit-text-fill-color: transparent }
}
@media (min-width:37.5em) and (-ms-high-contrast:none) {
.mod-banner-with-subtitle.-italic h1 { color: #fff; opacity: .4 }
}
@media (min-width:60em) {
.mod-banner-with-subtitle.-italic h1 { font-size: 120px; margin: -5rem auto 0; text-align: left; width: auto }
}
@media (min-width:105em) {
.mod-banner-with-subtitle.-italic h1 { font-size: 14rem; margin: 0 auto }
}
@media (min-width:37.5em) {
.mod-banner-with-subtitle.-italic h1 span { display: block; margin-left: 7rem }
}
@media (min-width:105em) {
.mod-banner-with-subtitle.-italic h1 span { margin-left: 13.5rem }
}
.mod-banner-with-subtitle .h1-subtitle { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; line-height: 100%; position: relative; text-align: left; z-index: 2 }
@media (min-width:37.5em) {
.mod-banner-with-subtitle .h1-subtitle { font-size: 3rem }
}
@media (min-width:60em) {
.mod-banner-with-subtitle .h1-subtitle { font-size: 3.6rem }
}
.mod-banner-with-subtitle-and-blocks { padding-top: 6rem; position: relative; margin-bottom: 8rem; background: #f4f4f4 }
@media (min-width:60em) {
.mod-banner-with-subtitle-and-blocks { background-color: #fff; padding-top: 8rem; margin-bottom: 55rem }
}
.mod-banner-with-subtitle-and-blocks.e-tech-2 h1 { text-align: center }
.mod-banner-with-subtitle-and-blocks .top-container { margin-bottom: 4rem }
@media (min-width:60em) {
.mod-banner-with-subtitle-and-blocks .top-container { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-bottom: 0 }
}
.mod-banner-with-subtitle-and-blocks img, .mod-banner-with-subtitle-and-blocks video { -webkit-box-ordinal-group: 3; order: 2 }
.mod-banner-with-subtitle-and-blocks .js-container-social-responsive { margin: 0 0 0 auto }
.mod-banner-with-subtitle-and-blocks .df-zone { -webkit-box-ordinal-group: 2; order: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; position: relative; max-width: calc(100% - 4.8rem) }
@media (min-width:60em) {
.mod-banner-with-subtitle-and-blocks .df-zone { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: start; align-items: flex-start; margin-bottom: 4rem }
}
@media (min-width:76em) {
.mod-banner-with-subtitle-and-blocks .df-zone { max-width: 108.4rem }
}
.mod-banner-with-subtitle-and-blocks .social { position: absolute; top: 0; right: 0; z-index: 5 }
.mod-banner-with-subtitle-and-blocks .l-zone { z-index: 3 }
@media (min-width:60em) {
.mod-banner-with-subtitle-and-blocks .l-zone { position: absolute; left: 50%; top: 62%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: flex; align-content: center }
}
.mod-banner-with-subtitle-and-blocks img { display: none }
@media (min-width:60em) {
.mod-banner-with-subtitle-and-blocks img { aspect-ratio: 1600/519; display: block; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; overflow: hiden; height: 100%; width: 100%; z-index: -1 }
}
.mod-banner-with-subtitle-and-blocks video.bgvid { display: none; font-family: "object-fit: cover; object-position: center center;"; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; position: absolute; top: 0; width: 100%; margin-top: 4rem }
@media (min-width:60em) {
.mod-banner-with-subtitle-and-blocks video.bgvid { display: block; top: 23.9rem; height: 51.9rem }
}
.mod-banner-with-subtitle-and-blocks h1 { color: #171F4A; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3.5rem; line-height: 4.2rem; margin: 5rem 0; position: relative; z-index: 2; text-transform: none; text-align: left }
@media (min-width:37.5em) {
.mod-banner-with-subtitle-and-blocks h1 { font-size: 7.2rem; line-height: 6.3rem; margin-bottom: 5.7rem }
}
@media (min-width:60em) {
.mod-banner-with-subtitle-and-blocks h1 { margin-top: 0; width: calc(100% - 19.6rem); margin-bottom: 5.7rem }
}
.mod-banner-with-subtitle-and-blocks .h1-subtitle { color: #171F4A; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 3.2rem }
@media (min-width:60em) {
.mod-banner-with-subtitle-and-blocks .h1-subtitle { font-size: 3.2rem; line-height: 3.2rem; width: calc(100% - 19.6rem) }
}
.mod-banner-with-subtitle-and-blocks .blocks-container { padding-bottom: 3rem }
@media (min-width:60em) {
.mod-banner-with-subtitle-and-blocks .blocks-container { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; padding-bottom: 0; -webkit-box-pack: justify; justify-content: space-between; max-width: 90rem; margin: 70rem auto 0 }
}
.mod-banner-with-subtitle-and-blocks .-block { box-sizing: border-box; color: #fff; display: block; margin-bottom: 2rem; padding: 4rem 2rem; position: relative; overflow: hidden; text-decoration: none; -webkit-transition: .2s; transition: .2s; width: 100%; background-color: #000 }
@media (min-width:60em) {
.mod-banner-with-subtitle-and-blocks .-block { background-color: transparent }
}
.mod-banner-with-subtitle-and-blocks .-block:before { background: #171F4A; content: ""; height: 100%; width: 100%; top: 0; left: 0; position: absolute; opacity: .5; z-index: 1 }
.mod-banner-with-subtitle-and-blocks .-block:after { background: #008F84; content: ""; height: 100%; width: 100%; top: 0; -webkit-transform: translateY(100%); transform: translateY(100%); left: 0; position: absolute; -webkit-transition: .2s; transition: .2s; z-index: 2 }
@media (min-width:60em) {
.mod-banner-with-subtitle-and-blocks .-block { margin-bottom: 0; min-height: 24rem; padding: 3.2rem; width: calc(50% - 1rem) }
.mod-banner-with-subtitle-and-blocks .-block:hover .-content { -webkit-box-pack: start; justify-content: flex-start }
.mod-banner-with-subtitle-and-blocks .-block:hover p { height: auto; opacity: 1 }
.mod-banner-with-subtitle-and-blocks .-block:hover:after { -webkit-transform: translateY(0); transform: translateY(0) }
}
.mod-banner-with-subtitle-and-blocks .-block:hover { text-decoration: none }
.mod-banner-with-subtitle-and-blocks .-content { text-decoration: none; width: 100%; position: relative; z-index: 10 }
@media (min-width:60em) {
.mod-banner-with-subtitle-and-blocks .-content { box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 100%; -webkit-box-pack: end; justify-content: flex-end; -webkit-transition: .6s; transition: .6s }
}
.mod-banner-with-subtitle-and-blocks .-content p { margin-bottom: 0 }
.mod-banner-with-subtitle-and-blocks h2 { color: #fff; font-size: 2rem; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; line-height: 2.4rem; text-align: left; margin: 0 0 2.4rem }
@media (min-width:60em) {
.mod-banner-with-subtitle-and-blocks h2 { font-size: 3.4rem; line-height: 3.6rem; margin-bottom: 1.6rem; -webkit-transition: .5s; transition: .5s; z-index: 2 }
}
.mod-banner-with-subtitle-and-blocks p { color: #fff; position: relative; text-align: left; -webkit-transition: .5s; transition: .5s; z-index: 2 }
@media (min-width:60em) {
.mod-banner-with-subtitle-and-blocks p { color: #fff; height: 0; opacity: 0; margin: 0 }
}
.mod-banner-with-subtitle-and-blocks .stack-in-responsive { position: relative; color: #000 }
@media (min-width:37.5em) {
.mod-banner-with-subtitle-and-blocks .stack-in-responsive { position: absolute; bottom: auto; top: 13% }
}
@media (min-width:60em) {
.mod-banner-with-subtitle-and-blocks .stack-in-responsive { left: 0; right: 0; bottom: 0; top: 0; width: 90%; position: relative }
}
.js-container-social-responsive a, .js-container-social-responsive span { width: 4.8rem; height: 4.8rem; line-height: 4.8rem }
@media (min-width:37.5em) {
.js-container-social-responsive a, .js-container-social-responsive span { width: 4.3rem; height: 4.3rem; line-height: 4.3rem }
}
.js-container-social-responsive a:before, .js-container-social-responsive span:before { line-height: 4.8rem }
@media (min-width:37.5em) {
.js-container-social-responsive a:before, .js-container-social-responsive span:before { line-height: 4.3rem }
}
.mod--banner-event { background: transparent url(https://source.unsplash.com/Maf7wdHCmvo/1600x765) no-repeat 50%/cover; height: 41vw; min-height: 300px; overflow: hidden; position: relative; width: 100vw }
.mod--banner-event:before { background: url(images/hp-event/mask-video.png) no-repeat 50%/cover; content: ""; left: 0; position: absolute; bottom: 0; right: 0; top: 0; opacity: .5; z-index: 1 }
@media screen and (min-width:1025px) {
.mod--banner-event:before { background: url(images/hp-event/mask-video.png) no-repeat 50%/cover }
}
.mod--banner-event .l-zone { height: 100%; width: 100%; z-index: 1 }
.mod--banner-event.-youtube { background: transparent url(https://source.unsplash.com/Maf7wdHCmvo/1600x765) no-repeat 50%/cover; box-sizing: border-box; height: auto!important; padding: 2rem }
@media (min-width:37.5em) {
.mod--banner-event.-youtube { padding: 3rem }
}
@media (min-width:60em) {
.mod--banner-event.-youtube { padding: 4rem }
}
@media (min-width:76em) {
.mod--banner-event.-youtube { padding: 5rem }
}
.mod--banner-event.-youtube:before { display: none }
.mod--banner-event.-youtube .l-zone>div { float: none }
.mod--banner-event video.bgvid { display: none; max-width: none; min-width: 100%; max-height: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
@media screen and (min-width:1025px) {
.mod--banner-event video.bgvid { display: block }
}
.mod--banner-event .button-container { display: none }
.mod--banner-event .social { position: absolute; right: 0; z-index: 3; top: 10px }
@media (min-width:600px) and (max-width:47.5em) {
.mod--banner-event .social { right: 0 }
}
.mod--banner-event .social.js-container-social-responsive a, .mod--banner-event .social.js-container-social-responsive span { margin-right: 9px }
@media (min-width:434px) and (max-width:599px) {
.mod--banner-event .social.js-container-social-responsive a, .mod--banner-event .social.js-container-social-responsive span { margin-right: 7px }
}
@media (min-width:600px) and (max-width:47.5em) {
.mod--banner-event .social.js-container-social-responsive a, .mod--banner-event .social.js-container-social-responsive span { margin-right: 7px }
}
@media (min-width:434px) and (max-width:600px) {
.mod--banner-event .social { top: auto }
}
@media (min-width:37.5em) {
.mod--banner-event .social { margin-bottom: 0; right: 4% }
}
@media (min-width:60em) {
.mod--banner-event .social { margin-bottom: 0; right: 6% }
}
@media (min-width:76em) {
.mod--banner-event .social { margin-bottom: 0; right: 8% }
}
.mod--banner-event .social a, .mod--banner-event .social span { color: #53565a; cursor: pointer; height: 40px; width: 40px; border-radius: 50%; line-height: 40px; text-align: center; margin-left: 6px; text-decoration: none; background: #fff; display: inline-block; vertical-align: middle }
@media (min-width:769px) {
.mod--banner-event .social a, .mod--banner-event .social span { display: inline-block!important }
.mod--banner-event .social a.icon--social-responsive, .mod--banner-event .social span.icon--social-responsive { display: none!important }
}
.mod--banner-event .social a.ico--share, .mod--banner-event .social span.ico--share { line-height: 40px }
.mod--banner-event .social a.ico--share:before, .mod--banner-event .social span.ico--share:before { margin-right: 3px }
.mod--banner-event .social a:before, .mod--banner-event .social span:before { font-size: 20px }
@media (min-width:0) and (max-width:768px) {
.mod--banner-event .social a.icon--social-responsive, .mod--banner-event .social span.icon--social-responsive { display: inline-block }
}
@media (min-width:769px) {
.mod--banner-event .social a.icon--social-responsive, .mod--banner-event .social span.icon--social-responsive { display: none }
}
.mod--banner-event .social a.js-social-share, .mod--banner-event .social span.js-social-share { display: inline-block; border: none }
@media (min-width:0) and (max-width:768px) {
.mod--banner-event .social a.js-social-share, .mod--banner-event .social span.js-social-share { display: none }
}
.mod--banner-event .-content { color: #fff; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; width: 98%; z-index: 5 }
.mod--banner-event .icon-youtube { border-radius: 3px; font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.1rem; margin-bottom: 5px; padding: 2px 5px; text-transform: uppercase }
.mod--banner-event .icon-youtube:before { background: transparent url(images/hp-event/ico-youtube.png) no-repeat 50%; content: ""; display: inline-block; height: 14px; margin-right: 5px; width: 42px }
.mod--banner-event .-title h1 { color: #fff; display: block; font-size: 2.5rem; text-transform: uppercase }
@media (min-width:37.5em) {
.mod--banner-event .-title h1 { font-size: 3rem }
}
@media (min-width:47.5em) {
.mod--banner-event .-title h1 { font-size: 4rem }
}
@media (min-width:60em) {
.mod--banner-event .-title h1 { font-size: 7rem }
}
.mod--banner-event .-title span { background: rgba(0,0,0,.4); box-shadow: 10px 0 0 rgba(0,0,0,.4), -10px 0 0 rgba(0,0,0,.4); display: inline; font-family: Helvetica Neue LT W05_37 Th Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 150%; padding: 2px 0 }
@media (min-width:37.5em) {
.mod--banner-event .-title span { font-size: 2.5rem }
}
@media (min-width:47.5em) {
.mod--banner-event .-title span { font-size: 3.5rem }
}
@media (min-width:60em) {
.mod--banner-event .-title span { font-size: 4rem }
}
@media (min-width:76em) {
.mod--banner-event .-title span { font-size: 4.5rem; line-height: 145%; padding: 5px 0 }
}
.mod--banner-event .btn-yellow { margin: 1rem 2rem }
.mod--banner-event.-left { height: 80vh; text-align: left }
@media (min-width:37.5em) {
.mod--banner-event.-left { height: 41vw }
}
.cp-slider-vertical-parallax .mod--banner-event.-left .container-pagination, .mod--banner-event.-left .cp-slider-vertical-parallax .container-pagination, .mod--banner-event.-left .teq-container { height: 80%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 300 }
.mod--banner-event.-left .-content { background: hsla(0,0%,100%,.7); box-sizing: border-box; display: block; left: 0; padding: 10px; position: absolute; top: 0; -webkit-transform: none; transform: none; width: 100% }
@media (min-width:37.5em) {
.mod--banner-event.-left .-content { margin-left: 2rem; position: relative; width: 50% }
}
@media (min-width:60em) {
.mod--banner-event.-left .-content { padding: 10px 10px 20px }
}
.mod--banner-event.-left .-title h1 { color: #000!important; font-size: 2.2rem; margin-bottom: 15px; text-transform: uppercase; text-align: left }
@media (min-width:60em) {
.mod--banner-event.-left .-title h1 { font-size: 3rem }
}
.mod--banner-event.-left .button-container { bottom: 0; display: block; position: absolute; width: 100% }
.mod--banner-event.-left .button-container .btn { margin: 1rem 0; width: 100% }
@media (min-width:37.5em) {
.mod--banner-event.-left .button-container .btn { margin: 1rem 2rem; width: 200px }
}
.stack-in-responsive { text-align: center; z-index: 5 }
@media (min-width:700px) {
.stack-in-responsive { left: 0; right: 0; bottom: 0; width: 90%; margin: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.stack-in-responsive, .stack-in-responsive .-content { position: absolute; top: 50%; color: #fff; text-align: center }
.stack-in-responsive .-content { left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 98%; z-index: 5 }
}
.stack-in-responsive .-title { margin: 22px }
.stack-in-responsive .-title h1 { color: #171F4A; margin: 22px; display: block; font-size: 2.5rem; text-transform: uppercase }
@media (min-width:37.5em) {
.stack-in-responsive .-title h1 { font-size: 3rem }
}
@media (min-width:700px) {
.stack-in-responsive .-title h1 { color: #fff }
}
@media (min-width:47.5em) {
.stack-in-responsive .-title h1 { font-size: 4rem }
}
@media (min-width:60em) {
.stack-in-responsive .-title h1 { font-size: 7rem; color: #fff }
}
@media (min-width:700px) {
.stack-in-responsive .-title { margin: 0 }
.stack-in-responsive .-title h1 { color: #fff }
}
.stack-in-responsive .-title span { display: inline; font-family: Helvetica Neue LT W05_37 Th Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 150%; padding: 2px 0 }
@media (min-width:37.5em) {
.stack-in-responsive .-title span { font-size: 2.5rem }
}
@media (min-width:47.5em) {
.stack-in-responsive .-title span { font-size: 3.5rem }
}
@media (min-width:60em) {
.stack-in-responsive .-title span { font-size: 4rem; background: rgba(0,0,0,.4); box-shadow: 10px 0 0 rgba(0,0,0,.4), -10px 0 0 rgba(0,0,0,.4); display: inline }
}
@media (min-width:76em) {
.stack-in-responsive .-title span { font-size: 4.5rem; line-height: 145%; padding: 5px 0 }
}
.banner-event-img { position: relative; z-index: 1; max-width: none; max-height: 300px }
@media (min-width:37.5em) {
.banner-event-img { max-width: 100%; max-height: none }
}
.videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3 }
.mod-banner-img-with-white-flat { padding: 2rem 0 5rem }
.mod-banner-img-with-white-flat .dt-zone { background: #fff; max-width: 100%; width: 100%; margin: 0 auto }
@media (min-width:37.5em) {
.mod-banner-img-with-white-flat .dt-zone { width: 120rem; max-width: 120rem }
}
.mod-banner-img-with-white-flat h2 { color: #171F4A; text-align: center; margin: 0 0 4rem }
.mod-banner-img-with-white-flat h3 { text-align: center; margin-top: 0 }
.mod-banner-img-with-white-flat .bg { display: none }
@media (min-width:37.5em) {
.mod-banner-img-with-white-flat .bg { display: block; width: 100% }
}
.mod-banner-img-with-white-flat .-container { position: relative }
.mod-banner-img-with-white-flat .-content { background: #f0f0ef; box-sizing: border-box; margin: 0 auto; padding: 4rem 1.6rem; position: relative; text-align: center }
@media (min-width:37.5em) {
.mod-banner-img-with-white-flat .-content { background: hsla(0,0%,100%,.94); left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: calc(100% - 120px) }
}
@media (min-width:60em) {
.mod-banner-img-with-white-flat .-content { padding: 45px 115px; width: calc(100% - 240px) }
}
@media (min-width:76em) {
.mod-banner-img-with-white-flat .-content { padding: 4.5rem 15rem; width: 71rem }
}
.mod-banner-img-with-white-flat .-content i { background: #008F84; border-radius: 50%; color: #fff; display: none; height: 8rem; left: -5rem; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; width: 8rem }
@media (min-width:37.5em) {
.mod-banner-img-with-white-flat .-content i { display: block }
}
@media (min-width:60em) {
.mod-banner-img-with-white-flat .-content i { height: 10rem; left: -5rem; width: 10rem }
}
.mod-banner-img-with-white-flat .-content i:before { font-size: 6rem; line-height: 10rem }
.mod-banner-img-with-white-flat .-content a { margin: 5px }
.mod-banner-img-with-white-flat .-content .-txt { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem; margin-bottom: 2.4rem }
@media (min-width:60em) {
.mod-banner-img-with-white-flat .-content .-txt { margin-bottom: 3.2rem }
}
.mod-banner-img-with-picto { background: #fff; padding: 70px 0 }
.mod-banner-img-with-picto .df-zone { overflow: hidden }
.mod-banner-img-with-picto .-content { background: #f0f0ef; box-sizing: border-box; padding: 50px 40px; width: 100% }
@media (min-width:60em) {
.mod-banner-img-with-picto .-content { width: 41.66667% }
}
.mod-banner-img-with-picto h2 { color: #171F4A; line-height: 100%; margin: 0 0 30px }
.mod-banner-img-with-picto p { color: #171F4A; font-family: Helvetica Neue LT W05_47 Lt Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.2rem; line-height: 1.2 }
.mod-banner-img-with-picto .-img { position: relative; width: 100% }
@media (min-width:60em) {
.mod-banner-img-with-picto .-img { width: 58.33333% }
}
.mod-banner-img-with-picto img { -o-object-fit: cover; object-fit: cover; width: 100% }
.mod-banner-img-with-picto i { background: #008F84; border-radius: 50%; color: #fff; height: 120px; left: 50%; position: absolute; text-align: center; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 120px }
@media (min-width:60em) {
.mod-banner-img-with-picto i { height: 240px; width: 240px }
}
.mod-banner-img-with-picto i:before { font-size: 7.5rem; line-height: 12rem }
@media (min-width:60em) {
.mod-banner-img-with-picto i:before { font-size: 11rem; line-height: 24rem }
}
.mod-banner-linkedin-img-with-picto { background: #f0f0ef; padding: 70px 0 }
.mod-banner-linkedin-img-with-picto .df-zone { overflow: hidden }
.mod-banner-linkedin-img-with-picto .-content { background: #fff; box-sizing: border-box; padding: 50px 40px }
@media (min-width:37.5em) {
.mod-banner-linkedin-img-with-picto .-content { min-width: 41.66667% }
}
@media (min-width:60em) {
.mod-banner-linkedin-img-with-picto .-content { width: 41.66667% }
}
.mod-banner-linkedin-img-with-picto h2 { line-height: 100%; margin: 0 0 30px }
.mod-banner-linkedin-img-with-picto p { font-family: Helvetica Neue LT W05_37 Th Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.2rem; line-height: 1.2 }
.mod-banner-linkedin-img-with-picto .-img { position: relative; width: 100% }
.mod-banner-linkedin-img-with-picto img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% }
.mod-banner-linkedin-img-with-picto i { background: #008F84; border-radius: 50%; color: #fff; height: 120px; left: 50%; position: absolute; text-align: center; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 12rem }
@media (min-width:60em) {
.mod-banner-linkedin-img-with-picto i { height: 24rem; width: 24rem }
}
.mod-banner-linkedin-img-with-picto i:before { font-size: 7.5rem; line-height: 12rem }
@media (min-width:60em) {
.mod-banner-linkedin-img-with-picto i:before { font-size: 15rem; line-height: 24rem }
}
.mod-usual-banner { padding: 0; position: relative }
@media (min-width:37.5em) {
.mod-usual-banner { padding: 15rem 0 }
}
@media (min-width:60em) {
.mod-usual-banner { margin-left: 14.1rem; margin-right: 14.1rem }
}
.cp-slider-vertical-parallax .mod-usual-banner .container-pagination, .mod-usual-banner .cp-slider-vertical-parallax .container-pagination, .mod-usual-banner .teq-container { max-width: calc(100% - 3rem); width: calc(100% - 3rem) }
@media (min-width:37.5em) {
.cp-slider-vertical-parallax .mod-usual-banner .container-pagination, .mod-usual-banner .cp-slider-vertical-parallax .container-pagination, .mod-usual-banner .teq-container { width: 120rem }
}
.mod-usual-banner.bg--mineral { background: none }
.mod-usual-banner.bg--mineral .-content { background: #008F84; color: #fff }
.mod-usual-banner.bg--mineral .btn-yellow { background: transparent; border: 1px solid #fff }
.mod-usual-banner.bg--mineral .btn-yellow:hover { color: #fff; border: 1px solid #fff }
.mod-usual-banner.bg--black { background: none }
.mod-usual-banner.bg--black .-content { background: #000 }
.mod-usual-banner.bg--black .btn-yellow { background: transparent; border: 1px solid #fff }
.mod-usual-banner.bg--black .btn-yellow:hover { color: #fff; border: 1px solid #fff }
.mod-usual-banner.bg--grey-light { background: none }
.mod-usual-banner.bg--grey-light .-content { background: #f4f4f3; color: #000 }
.mod-usual-banner.bg--grey-light.mod-slider-testimonials-video .swiper-button-next, .mod-usual-banner.bg--grey-light.mod-slider-testimonials-video .swiper-button-prev { color: #171F4A; fill: #000 }
.mod-usual-banner.bg--grey-light.mod-slider-testimonials-video .line, .mod-usual-banner.bg--grey-light.mod-slider-testimonials-video .swiper-pagination-bullet { border-color: #000 }
.mod-usual-banner.bg--grey-light.mod-slider-testimonials-video .line.swiper-pagination-bullet-active, .mod-usual-banner.bg--grey-light.mod-slider-testimonials-video .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000 }
.mod-usual-banner.bg--grey-light .btn-yellow { background: transparent; color: #171F4A; border: 1px solid #171F4A; white-space: normal }
.mod-usual-banner.bg--grey-light .btn-yellow:hover { color: #171F4A; border: 1px solid #000 }
.mod-usual-banner.bg--grey-light .-subtitle, .mod-usual-banner.bg--grey-light .swiper-slide, .mod-usual-banner.bg--grey-light blockquote, .mod-usual-banner.bg--grey-light blockquote:after, .mod-usual-banner.bg--grey-light blockquote:before, .mod-usual-banner.bg--grey-light h2, .mod-usual-banner.bg--grey-light h3, .mod-usual-banner.bg--grey-light p { color: #000 }
.mod-usual-banner .swiper-slide, .mod-usual-banner blockquote, .mod-usual-banner blockquote p { color: #fff; padding: 0; margin: 0; font-size: 1.8rem; line-height: 2.4rem; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.mod-usual-banner .swiper-slide:after, .mod-usual-banner .swiper-slide:before, .mod-usual-banner blockquote:after, .mod-usual-banner blockquote:before, .mod-usual-banner blockquote p:after, .mod-usual-banner blockquote p:before { display: none }
.mod-usual-banner blockquote { text-align: center; width: 100%; margin-bottom: 3.2rem }
.mod-usual-banner blockquote ul { margin: 0 0 3rem }
.mod-usual-banner blockquote ul li { width: 100%; padding-left: 1.5rem; margin-bottom: 1rem; text-align: left }
.mod-usual-banner .-illust { padding: 0; position: relative; -webkit-transition: .8s; transition: .8s }
@media (min-width:76em) {
.mod-usual-banner .-illust { max-height: 59.2rem; width: 108.5rem; margin-left: auto; margin-right: auto }
}
.mod-usual-banner .-illust:before { display: block; content: ""; padding-top: 41.875%; width: 100% }
.mod-usual-banner .-illust:after { background: -webkit-gradient(linear, left top, right top, from(hsla(0,0%,100%,0)), to(hsla(0,0%,100%,.3))); background: linear-gradient(90deg, hsla(0,0%,100%,0) 0, hsla(0,0%,100%,.3)); content: ""; display: block; height: 100%; left: -75%; position: absolute; top: 0; -webkit-transform: skewX(-25deg); transform: skewX(-25deg); width: 50%; z-index: 2 }
.mod-usual-banner .video-wrapper+.-illust { opacity: 1 }
.mod-usual-banner .video-wrapper+.-illust:before { display: block }
@media (min-width:37.5em) {
.mod-usual-banner .video-wrapper+.-illust { opacity: 1 }
.mod-usual-banner .video-wrapper+.-illust:before { display: block }
.mod-usual-banner .video-wrapper+.-illust:hover { cursor: pointer }
.mod-usual-banner .video-wrapper+.-illust:hover:after { -webkit-animation: shine 4s infinite; animation: shine 4s infinite }
}
.mod-usual-banner .-illust img { font-family: "object-fit: cover;"; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; -webkit-transition: .5s; transition: .5s; width: 100%; z-index: 0 }
@media (min-width:37.5em) {
.mod-usual-banner .-illust img { top: -4rem }
}
.mod-usual-banner .video-wrapper { background: #171F4A; display: none; height: auto; -webkit-box-pack: center; justify-content: center; padding: 0; max-height: 90vh; z-index: 0 }
.mod-usual-banner .video-wrapper:before { display: block; content: ""; padding-top: 41.875%; width: 100% }

@media (min-width:37.5em) {
.mod-usual-banner .video-wrapper { display: none; left: 0; max-height: unset; padding-top: 41.875%; position: absolute; right: 0; top: 0 }
}
@media (min-width:76em) {
.mod-usual-banner .video-wrapper { max-height: 67rem; padding: 0 }
}
@media (min-width:37.5em) {
.mod-usual-banner iframe { bottom: 0; left: 50%; opacity: 0; overflow: hidden; right: 0; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: calc(100% - 11rem); z-index: 4 }
}
.mod-usual-banner .btn-close { background: #171F4A; color: #fff; cursor: pointer; display: none; height: 5rem; position: absolute; right:.5rem;
text-align: center; top: 0; width: 5rem; z-index: 20 }
.mod-usual-banner .btn-close:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; content: "\E913"; font-size: 2.8rem; line-height: 5rem }
.mod-usual-banner .-content { background: #171F4A; box-sizing: border-box; color: #fff; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; margin: -3rem 0 0; overflow: visible; padding: 3rem 6rem 1rem; position: relative; -webkit-transition: .8s; transition: .8s; z-index: 3; text-align: center }
@media (min-width:37.5em) {
.mod-usual-banner .-content { box-sizing: border-box; margin: -15rem auto 0; min-height: auto; padding: 6rem 6rem 1rem; max-width: 80rem }
}
@media (min-width:76em) {
.mod-usual-banner .-content.-align-left { margin: -20rem 0 0 }
}
.mod-usual-banner .-content .btn-play { display: -webkit-box!important; display: flex!important; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; background: #fff; border-radius: 100%; color: #171F4A; cursor: pointer; height: 4.6rem; line-height: 7rem; position: absolute; right: calc(50% - 23px); top: 0; text-align: center; -webkit-transition: .4s; transition: .4s; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 4.6rem }
@media (min-width:37.5em) {
.mod-usual-banner .-content .btn-play { right: calc(50% - 38px); width: 7.6rem; height: 7.6rem }
}
.mod-usual-banner .-content .btn-play:before { font-size: 2rem; padding-left:.5rem
}
.mod-usual-banner .-content p { text-align: center }
.mod-usual-banner h2, .mod-usual-banner h3 { color: #fff; display: block; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2.6rem; margin: 0 0 1.6rem; width: 100%; text-align: center }
@media (min-width:37.5em) {
.mod-usual-banner h2, .mod-usual-banner h3 { font-size: 3.4rem; line-height: 3.6rem }
}
.mod-usual-banner .-subtitle { color: #fff; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.2rem; line-height: 2.5rem; margin: 0 0 1.5rem; text-transform: uppercase; width: 100%; text-align: center }
@media (min-width:37.5em) {
.mod-usual-banner .-subtitle { margin: 0 0 2rem }
}
.mod-usual-banner .-subtitle .-yellow { color: #008F84 }
.mod-usual-banner .-subtitle .-green { color: #1dba79 }
.mod-usual-banner .-subtitle .-blue { color: #1749c4 }
.mod-usual-banner .-subtitle._italic { text-transform: none; font-style: italic }
.mod-usual-banner .-subtitle._center { text-align: center; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center }
.mod-usual-banner .btn-yellow { box-shadow: 0 0 0 1px #fff; background: transparent; color: #fff; height: auto; line-height: 2.2rem; width: auto; white-space: normal; padding: 1rem; margin-bottom: 3.2rem }
.mod-usual-banner .btn-yellow:hover { background: #fff!important; color: #000!important; box-shadow: 0 0 0 1px #000!important }
.mod-usual-banner strong { color: currentColor; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.mod-usual-banner ol li { font-size: 2.2rem; line-height: 1.2; margin-bottom: 15px; padding-left: 30px }
.mod-usual-banner ol li strong { color: #fff }
.mod-usual-banner ol li:before { background: #008F84; border-radius: 50%; color: #fff; content: counter(list); font-size: 1.4rem; height: 2rem; line-height: 2.2rem; text-align: center; top: 3px; width: 20px }
.mod-usual-banner.video-appear .video-wrapper { display: block; z-index: 20 }
.mod-usual-banner.video-appear .video-wrapper+.-illust:before { display: none }
.mod-usual-banner.video-appear .btn-close { display: block }
@media (min-width:37.5em) {
.cp-slider-vertical-parallax .mod-usual-banner.video-appear .container-pagination, .mod-usual-banner.video-appear .cp-slider-vertical-parallax .container-pagination, .mod-usual-banner.video-appear .teq-container { margin-top: 51rem }
.mod-usual-banner.video-appear:before { opacity: 1 }
.mod-usual-banner.video-appear .video-wrapper { display: block; z-index: 20 }
.mod-usual-banner.video-appear .-content, .mod-usual-banner.video-appear .-illust { opacity: .6 }
.mod-usual-banner.video-appear .-content { margin: 2rem 0 0 }
}
@media (min-width:37.5em) and (min-width:37.5em) {
.mod-usual-banner.video-appear .-content { margin: 4rem auto; min-height: 25rem; padding: 4rem 9rem 5.2rem; width: 60.6rem }
}
@media (min-width:37.5em) {
.mod-usual-banner.video-appear .btn-play { opacity: 0 }
}
@media (min-width:37.5em) {
.mod-usual-banner.video-appear iframe { opacity: 1; z-index: 11 }
}
@media (min-width:37.5em) {
.mod-usual-banner.video-appear .btn-close { display: block }
}
.mod-slider-testimonials-video .swiper-container { min-height: 100%; position: relative; width: 100%; overflow: hidden }
.mod-slider-testimonials-video .swiper-wrapper {
padding-left:.5rem; -webkit-box-align: stretch; align-items: stretch; height: auto }
@media (min-width:37.5em) {
.mod-slider-testimonials-video .swiper-slide { padding-top: 0 }
}
.mod-slider-testimonials-video .swiper-slide .btn-yellow:hover { background: #fff!important; color: #000!important; box-shadow: 0 0 0 1px #000!important }
.mod-slider-testimonials-video .swiper-pagination { padding-top: 3rem; box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; opacity: 1; position: relative; width: 100%; z-index: 100 }
@media (min-width:37.5em) {
.mod-slider-testimonials-video .swiper-pagination { -webkit-box-pack: start; justify-content: flex-start }
}
.mod-slider-testimonials-video .line, .mod-slider-testimonials-video .swiper-pagination-bullet { border-radius: 50%; border: 1px solid #fff; display: inline-block; height:.8rem;
margin:0 .8rem;
opacity: 1; width:.8rem
}
.mod-slider-testimonials-video .swiper-pagination-bullet { background: transparent }
.mod-slider-testimonials-video .line.-current, .mod-slider-testimonials-video .swiper-pagination-bullet-active { background: none; border: 1.5px solid #fff; opacity: 1 }
.mod-slider-testimonials-video .swiper-pagination-bullet-active { background: #fff }
.mod-slider-testimonials-video .testimonials-name { font-family: Renault-Book, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3.2rem }
.mod-slider-testimonials-video .testimonials-job { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; margin-bottom: 2rem }
.mod-slider-testimonials-video .swiper-button-next, .mod-slider-testimonials-video .swiper-button-prev { background-image: none; border: none; color: #fff; display: none; height: 3rem; line-height: 3rem; width: 3rem }
@media (min-width:37.5em) {
.mod-slider-testimonials-video .swiper-button-next, .mod-slider-testimonials-video .swiper-button-prev { display: none; left: 0; position: absolute; top: 2rem; z-index: 10 }
}
.mod-slider-testimonials-video .swiper-button-next:before, .mod-slider-testimonials-video .swiper-button-prev:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: currentColor; display: inline-block; -webkit-transform: scale(-1); transform: scale(-1); content: "\E96E"; font-size: 2.5rem }
.mod-slider-testimonials-video .swiper-button-next { left: auto; right: 1rem; bottom: 0 }
@media (min-width:60em) {
.mod-slider-testimonials-video .swiper-button-next { right: inherit; left: 5.6rem; padding-right: 17rem }
}
.mod-slider-testimonials-video .swiper-button-next:before { -webkit-transform: scale(1); transform: scale(1) }
.mod-slider-testimonials-video .swiper-button-prev { padding-top: 1px }
@-webkit-keyframes shine { 50%, to {
opacity:0;
left:-75%
}
0% {
opacity:1;
left:-75%
}
45% {
left:125%
}
}
@keyframes shine { 50%, to {
opacity:0;
left:-75%
}
0% {
opacity:1;
left:-75%
}
45% {
left:125%
}
}
.mod-banner-with-right-image { padding: 6rem 0 }
@media (min-width:37.5em) {
.mod-banner-with-right-image { padding: 0rem 0 }
}
.mod-banner-with-right-image.-with-grey-bg { background: #f6f6f6 }
.mod-banner-with-right-image.-with-grey-bg .-content { background: #fff }
.mod-banner-with-right-image .df-zone { overflow: hidden }
.mod-banner-with-right-image .df-zone>div { width: 100% }
.mod-banner-with-right-image .-content { background: #f6f6f6; box-sizing: border-box; padding: 3rem }
@media (min-width:37.5em) {
.mod-banner-with-right-image .-content { padding: 4rem; min-width: 30% }
}
@media (min-width:76em) {
.mod-banner-with-right-image .-content { padding: 5rem 4rem; width: 30% }
}
.mod-banner-with-right-image h2 { color: #171F4A; margin-bottom: 1.6rem }
@media (min-width:37.5em) {
.mod-banner-with-right-image h2 { margin: 0 0 1.6rem }
}
.mod-banner-with-right-image img { font-family: "object-fit: cover"; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% }
.mod-banner-with-right-image .btn-yellow { margin-top: 0; width: 100% }
@media (min-width:30em) {
.mod-banner-with-right-image .btn-yellow { width: auto }
}
.cp-banner-with-white-block .-illust { font-family: "object-fit: cover"; -o-object-fit: cover; object-fit: cover; margin-bottom: 4rem; max-height: 80vh; width: 100% }
@media (min-width:60em) {
.cp-banner-with-white-block .-illust { height: 75rem; margin-bottom: 0 }
}
.cp-banner-with-white-block h2 { color: #171F4A; font-size: 2.4rem; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin: 0 0 2.4rem; position: relative; text-align: center; z-index: 2 }
@media (min-width:37.5em) {
.cp-banner-with-white-block h2 { text-shadow: 0 2px 13px rgba(0,0,0,.5); color: #fff; font-size: 3.2rem }
}
@media (min-width:60em) {
.cp-banner-with-white-block h2 { font-size: 6rem; margin: -24rem 0 6rem }
}
.cp-banner-with-white-block .cp-slider-vertical-parallax .container-pagination, .cp-banner-with-white-block .teq-container, .cp-slider-vertical-parallax .cp-banner-with-white-block .container-pagination { background: #fff; box-sizing: border-box; position: relative; padding: 0 }
@media (min-width:60em) {
.cp-banner-with-white-block .cp-slider-vertical-parallax .container-pagination, .cp-banner-with-white-block .teq-container, .cp-slider-vertical-parallax .cp-banner-with-white-block .container-pagination { padding: 4rem 12rem }
}
.cp-banner-with-white-block .-subtitle { color: #171F4A; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.2rem; line-height: 2.7rem; text-align: center; margin-bottom: 2.4rem }
.cp-banner-with-white-block p { color: #171F4A; text-align: center }
@media (min-width:60em) {
.cp-banner-with-white-block p { margin: 0 0 3rem }
}
.cp-banner-with-white-block a { text-decoration: underline }
.mod-banner-search { box-sizing: border-box; color: #fff; min-height: 300px; overflow: hidden; position: relative; width: 100%; margin-top: 0 }
@media (min-width:60em) {
.mod-banner-search { height: 620px; max-height: calc(90vh - 12rem) }
}
.mod-banner-search .-illust { max-width: 100%; overflow: hidden; position: relative; width: 100% }
@media (min-width:60em) {
.mod-banner-search .-illust { margin-top: 10rem }
}
.mod-banner-search img { display: block; width: 100%; top: 0; bottom: 0; left: 0; right: 0; height: auto }
.mod-banner-search .content { color: #fff; height: 17rem; margin: 0 auto; position: relative; z-index: 2 }
@media (min-width:23.75em) and (max-width:47.5em) {
.mod-banner-search .content { width: 100% }
}
@media (min-width:37.5em) {
.mod-banner-search .content { margin: 0 auto 1rem }
}
@media (min-width:60em) {
.mod-banner-search .content { height: 4.8rem }
}
.mod-banner-search .text-container { position: absolute; top: 5.4rem; width: 26.5rem; left: 2rem }
@media (min-width:60em) {
.mod-banner-search .text-container { position: relative; top: inherit; left: inherit; max-width: 108.4rem; width: calc(100% - 4.8rem); margin: auto }
}
.mod-banner-search h1 { box-sizing: border-box; color: #fff; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3.5rem; line-height: 4.2rem; z-index: 2 }
@media (min-width:60em) {
.mod-banner-search h1 { font-size: 7.2rem; line-height: 6.3rem; width: 71.7rem; margin-bottom: 16rem }
}
.mod-banner-search .link-container { background-color: rgba(17,18,18,.9); box-sizing: border-box; padding: 2.4rem 2rem; margin: 0 auto; text-align: center; width: 100%; z-index: 3 }
@media (min-width:60em) {
.mod-banner-search .link-container { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; max-width: 108.4rem; width: calc(100% - 4.8rem); margin: 0 auto; padding: 3rem 5rem 2rem }
}
.mod-banner-search .link-container .title { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.2rem; line-height: 2.7rem; margin-bottom: 3.2rem; color: #fff }
@media (min-width:60em) {
.mod-banner-search .link-container .title { margin-bottom: 2.4rem }
}
.mod-banner-search .links { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center }
.mod-banner-search .link-redirect { width: 100%; line-height: 2.2rem; box-sizing: border-box; text-transform: uppercase; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; margin: 0 0 1.2rem }
@media (min-width:60em) {
.mod-banner-search .link-redirect { font-size: 1.6rem; width: inherit; margin: 0 1rem 2rem }
}
.mod-banner-live { width: 100% }
.mod-banner-live, .mod-banner-live .illust { position: relative }
.mod-banner-live .illust:before { display: block; content: ""; width: 100%; padding-top: 56.25% }
@media (min-width:37.5em) {
.mod-banner-live .illust:before { padding-top: 41.875% }
}
.mod-banner-live img { font-family: "object-fit: cover"; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; width: 100% }
.cp-slider-vertical-parallax .mod-banner-live .container-pagination, .mod-banner-live .cp-slider-vertical-parallax .container-pagination, .mod-banner-live .teq-container { max-width: 100%; width: 100% }
@media (min-width:37.5em) {
.cp-slider-vertical-parallax .mod-banner-live .container-pagination, .mod-banner-live .cp-slider-vertical-parallax .container-pagination, .mod-banner-live .teq-container { width: 590px }
}
@media (min-width:47.5em) {
.cp-slider-vertical-parallax .mod-banner-live .container-pagination, .mod-banner-live .cp-slider-vertical-parallax .container-pagination, .mod-banner-live .teq-container { width: 770px }
}
@media (min-width:60em) {
.cp-slider-vertical-parallax .mod-banner-live .container-pagination, .mod-banner-live .cp-slider-vertical-parallax .container-pagination, .mod-banner-live .teq-container { width: 960px }
}
@media (min-width:76em) {
.cp-slider-vertical-parallax .mod-banner-live .container-pagination, .mod-banner-live .cp-slider-vertical-parallax .container-pagination, .mod-banner-live .teq-container { width: 1200px }
}
.mod-banner-live .content { background: #f0f0ef; box-sizing: border-box; padding: 3rem 1.5rem; width: 100% }
@media (min-width:47.5em) {
.mod-banner-live .content { margin-top: -10rem; max-width: 79rem; padding: 4rem 5rem 5rem; position: relative; z-index: 2 }
}
@media (min-width:76em) {
.mod-banner-live .content { margin-top: -18.6rem }
}
@media (min-width:47.5em) {
.mod-banner-live.-right .content { margin: -10rem 0 0 auto }
}
@media (min-width:76em) {
.mod-banner-live.-right .content { margin: -18.6rem 0 0 auto }
}
.mod-banner-live .icon-live { font-size: 7rem; line-height: .7 }
@media (min-width:47.5em) {
.mod-banner-live .icon-live { font-size: 9rem }
}
.cp-banner-with-text-left { margin: 0 auto; position: relative; width: 100% }
@media (min-width:60em) {
.cp-banner-with-text-left { background: #000 }
}
@media (min-width:76em) {
.cp-banner-with-text-left { -webkit-box-align: stretch; align-items: stretch; display: -webkit-box; display: flex; max-width: 100% }
}
@media (min-width:105em) {
.cp-banner-with-text-left { height: calc(100vh - 8.2rem); max-height: 80rem }
}
.cp-banner-with-text-left.video-appear .video-wrapper { display: block; z-index: 20 }
.cp-banner-with-text-left.video-appear .-illust, .cp-banner-with-text-left.video-appear .btn-play { opacity: 0 }
.cp-banner-with-text-left.video-appear iframe { opacity: 1; z-index: 11 }
.cp-banner-with-text-left.video-appear .btn-close { display: block }
.cp-banner-with-text-left .-content { padding: 3rem; background: #000 }
@media (min-width:23.75em) {
.cp-banner-with-text-left .-content { padding: 5rem 3rem }
}
@media (min-width:60em) {
.cp-banner-with-text-left .-content { -webkit-box-align: start; align-items: flex-start; box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; padding: 7rem 4vw; width: 50rem }
}
@media (min-width:105em) {
.cp-banner-with-text-left .-content { padding: 7rem 7.5rem }
}
.cp-banner-with-text-left .-content .btn-yellow { width: 100%; display: table; margin: 0 auto; border: 1px solid #fff; color: #fff!important; background: transparent!important }
@media (min-width:60em) {
.cp-banner-with-text-left .-content .btn-yellow { width: auto; display: inline-block; margin: 0 }
}
.cp-banner-with-text-left .-content .btn-yellow:hover { background: #008F84!important; color: #fff!important; border: none }
.cp-banner-with-text-left h2 { font-size: 3rem; line-height: 3.2rem; margin: 0 0 2rem; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; width: 100%; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; color: #fff }
@media (min-width:37.5em) {
.cp-banner-with-text-left h2 { font-size: 3.4rem; line-height: 3.6rem; margin-bottom: 4rem }
}
.cp-banner-with-text-left p { width: 100%; font-size: 1.8rem; line-height: 2.4rem; color: #fff }
.cp-banner-with-text-left .-details { font-family: Read-Medium, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; color: #4d4d4d; font-size: 1rem; font-weight: 400; letter-spacing:.25rem;
text-transform: uppercase; margin-bottom: 2.4rem }
@media (min-width:37.5em) {
.cp-banner-with-text-left .-details { font-size: 1.5rem }
}
.cp-banner-with-text-left .-content-img { position: relative }
@media (min-width:60em) {
.cp-banner-with-text-left .-content-img { width: calc(100% - 50rem) }
}
.cp-banner-with-text-left .btn-play { background: rgba(0,0,0,.5); border:.2rem solid #fff;
border-radius: 100%; cursor: pointer; display: block; height: 6.6rem; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: .6s ease; transition: .6s ease; width: 6.6rem; will-change: transform; z-index: 2 }
@media (min-width:37.5em) {
.cp-banner-with-text-left .btn-play { height: 8.8rem; width: 8.8rem }
}
.cp-banner-with-text-left .btn-play:hover { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); -webkit-transition: .6s ease; transition: .6s ease }
.cp-banner-with-text-left .btn-play:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: #fff; font-size: 2rem; left: 55%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
@media (min-width:60em) {
.cp-banner-with-text-left .btn-play:before { font-size: 2.8rem }
}
.cp-banner-with-text-left .-illust { font-family: "object-fit: cover;"; -o-object-fit: cover; object-fit: cover; -webkit-transition: .5s; transition: .5s; width: 100%; height: 28.8rem; z-index: 1 }
@media (min-width:60em) {
.cp-banner-with-text-left .-illust { height: 100% }
}
.cp-banner-with-text-left .video-wrapper { background: #171F4A; display: none; height: 100%; left: 0; padding: 0; position: absolute; right: 0; top: 0; z-index: 0 }
.cp-banner-with-text-left iframe { height: 100%; -o-object-fit: cover; object-fit: cover; left: 50%; opacity: 0; overflow: hidden; right: 0; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: calc(100% - 6rem); z-index: 4 }
@media (min-width:76em) {
.cp-banner-with-text-left iframe { width: calc(100% - 11rem) }
}
.cp-banner-with-text-left .btn-close { background: #171F4A; color: #fff; cursor: pointer; display: none; height: 5rem; position: absolute; right:.5rem;
text-align: center; top: 0; width: 5rem; z-index: 20 }
.cp-banner-with-text-left .btn-close:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; content: "\E913"; font-size: 2.8rem; line-height: 5rem }
.cp-banner-with-text-left .no-hyphens { hyphens: none; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none }
.cp-in-blog-tags { border: none; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; margin: 0 0 3rem; position: relative; text-align: center; text-transform: uppercase; max-width: 100% }
@media (min-width:37.5em) {
.cp-in-blog-tags { margin: 0 0 4rem }
}
.cp-in-blog-tags a { display: inline-block; font-family: RenaultR-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.2rem; position: relative; padding: 0 1.6rem; width: 100% }
@media (min-width:37.5em) {
.cp-in-blog-tags a { width: inherit; font-size: 1.6rem }
}
@media (min-width:30em) {
.cp-in-blog-tags a+a:before { background: #171F4A; content: ""; height: 1.2rem; opacity: .2; position: absolute; left: 0; top:calc(50% - .6rem);
width:.1rem
}
}
.mod-blog { margin: 0 0 6rem; padding-top: 4rem }
@media (min-width:37.5em) {
.mod-blog { margin: 0 0 12rem; padding-top: 6rem }
}
.mod-blog>:not(div), .mod-blog>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic) { margin: 0 auto; max-width: calc(100% - 3rem) }
@media (min-width:37.5em) {
.mod-blog>:not(div), .mod-blog>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic) { width: 48.33333rem }
}
@media (min-width:47.5em) {
.mod-blog>:not(div), .mod-blog>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic) { width: 63.33333rem }
}
@media (min-width:60em) {
.mod-blog>:not(div), .mod-blog>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic) { max-width: 100%; width: 63.33333rem }
}
@media (min-width:76em) {
.mod-blog>:not(div), .mod-blog>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic) { width: 79.33333rem }
}
.mod-blog>:not(div).aligncenter, .mod-blog>:not(div).alignleft, .mod-blog>:not(div).alignnone, .mod-blog>:not(div).alignright, .mod-blog>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).aligncenter, .mod-blog>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).alignleft, .mod-blog>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).alignnone, .mod-blog>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).alignright { margin: 6rem auto; width: auto }
@media (min-width:37.5em) {
.mod-blog>:not(div).aligncenter, .mod-blog>:not(div).alignleft, .mod-blog>:not(div).alignnone, .mod-blog>:not(div).alignright, .mod-blog>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).aligncenter, .mod-blog>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).alignleft, .mod-blog>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).alignnone, .mod-blog>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).alignright { margin: 12rem auto; max-width: 48.33333rem }
}
@media (min-width:47.5em) {
.mod-blog>:not(div).aligncenter, .mod-blog>:not(div).alignleft, .mod-blog>:not(div).alignnone, .mod-blog>:not(div).alignright, .mod-blog>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).aligncenter, .mod-blog>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).alignleft, .mod-blog>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).alignnone, .mod-blog>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).alignright { max-width: 63.33333rem }
}
@media (min-width:60em) {
.mod-blog>:not(div).aligncenter, .mod-blog>:not(div).alignleft, .mod-blog>:not(div).alignnone, .mod-blog>:not(div).alignright, .mod-blog>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).aligncenter, .mod-blog>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).alignleft, .mod-blog>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).alignnone, .mod-blog>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).alignright { max-width: 79.16667rem }
}
@media (min-width:76em) {
.mod-blog>:not(div).aligncenter, .mod-blog>:not(div).alignleft, .mod-blog>:not(div).alignnone, .mod-blog>:not(div).alignright, .mod-blog>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).aligncenter, .mod-blog>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).alignleft, .mod-blog>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).alignnone, .mod-blog>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).alignright { max-width: 99.16667rem }
}
.mod-blog>:not(div).alignleft, .mod-blog>:not(div).alignright, .mod-blog>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).alignleft, .mod-blog>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).alignright { float: none }
.mod-blog>:not(div).aligncenter img, .mod-blog>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic).aligncenter img { margin: 0 auto }
.mod-blog>:not(div) a, .mod-blog>div:not([class^=cp]):not([class^=mod]):not([class^=tpl]):not(.blog-img-mosaic) a { text-decoration: none }
.mod-blog>figure { margin: 6rem auto; width: auto }
@media (min-width:37.5em) {
.mod-blog>figure { margin: 12rem auto; max-width: 48.33333rem }
}
@media (min-width:47.5em) {
.mod-blog>figure { max-width: 63.33333rem }
}
@media (min-width:60em) {
.mod-blog>figure { max-width: 79.16667rem }
}
@media (min-width:76em) {
.mod-blog>figure { max-width: 99.16667rem }
}
.mod-blog>figure figcaption { font-family: Read-Light, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.mod-blog>p iframe { width: 100% }
.mod-blog>div.tpl, .mod-blog>div[class^=tpl] { margin: 4rem auto; max-width: calc(100% - 3rem) }
@media (min-width:37.5em) {
.mod-blog>div.tpl, .mod-blog>div[class^=tpl] { margin: 10rem auto; width: 48.33333rem }
}
@media (min-width:47.5em) {
.mod-blog>div.tpl, .mod-blog>div[class^=tpl] { width: 63.33333rem }
}
@media (min-width:60em) {
.mod-blog>div.tpl, .mod-blog>div[class^=tpl] { width: 79.16667rem }
}
@media (min-width:76em) {
.mod-blog>div.tpl, .mod-blog>div[class^=tpl] { width: 99.16667rem }
}
.mod-blog>.tpl--more { margin: 4rem auto }
@media (min-width:37.5em) {
.mod-blog>.tpl--more { margin: 10rem auto }
}
.mod-blog>.tpl.blog-styled-link, .mod-blog>.tpl.tpl--more { clear: both; max-width: calc(100% - 3rem) }
@media (min-width:37.5em) {
.mod-blog>.tpl.blog-styled-link, .mod-blog>.tpl.tpl--more { width: 48.33333rem }
}
@media (min-width:47.5em) {
.mod-blog>.tpl.blog-styled-link, .mod-blog>.tpl.tpl--more { width: 63.33333rem }
}
@media (min-width:60em) {
.mod-blog>.tpl.blog-styled-link, .mod-blog>.tpl.tpl--more { max-width: 100%; width: 63.33333rem }
}
@media (min-width:76em) {
.mod-blog>.tpl.blog-styled-link, .mod-blog>.tpl.tpl--more { width: 79.33333rem }
}
.mod-blog .blog-read-more-txt-normal p, .mod-blog .blog-read-more-txt-normal p b, .mod-blog .blog-read-more-txt-normal p strong, .mod-blog .tpl--fig--int p, .mod-blog .tpl--fig--int p b, .mod-blog .tpl--fig--int p strong { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.mod-blog>iframe.instagram-media { margin: 6rem auto!important; max-width: calc(100% - 3rem)!important }
@media (min-width:37.5em) {
.mod-blog>iframe.instagram-media { margin: 12rem auto!important; max-width: calc(48.33333rem - 3px)!important }
}
@media (min-width:47.5em) {
.mod-blog>iframe.instagram-media { max-width: calc(63.33333rem - 3px)!important }
}
@media (min-width:60em) {
.mod-blog>iframe.instagram-media { max-width: calc(79.16667rem - 3px)!important }
}
@media (min-width:76em) {
.mod-blog>iframe.instagram-media { max-width: calc(99.16667rem - 3px)!important }
}
.mod-blog .tpl--emphasis p { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin: 0 0 3rem }
@media (min-width:37.5em) {
.mod-blog .tpl--emphasis p { line-height: 3.2rem }
}
@media (min-width:60em) {
.mod-blog .tpl--emphasis p { margin: 0 0 4rem }
}
.mod-blog .tpl--emphasis p a { color: #1749c4; text-decoration: none }
.mod-blog .tpl--emphasis p b, .mod-blog .tpl--emphasis p strong { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.mod-blog .tpl--emphasis .alignleft, .mod-blog .tpl--emphasis .alignright { margin: 3rem auto; width: 100% }
@media (min-width:60em) {
.mod-blog .tpl--emphasis .alignleft, .mod-blog .tpl--emphasis .alignright { margin: 0 0 3rem 4rem; width: 31.66667rem }
}
@media (min-width:76em) {
.mod-blog .tpl--emphasis .alignleft, .mod-blog .tpl--emphasis .alignright { width: 39.66667rem }
}
@media (min-width:37.5em) {
.mod-blog .tpl--emphasis .alignleft { margin: 0 3rem 2rem 0 }
}
@media (min-width:60em) {
.mod-blog .tpl--emphasis .alignleft { margin: 0 4rem 3rem 0 }
}
.mod-blog>.h2-like, .mod-blog>h2 { font-size: 2.6rem; line-height: 2.8rem; margin: 6rem auto 3rem; text-align: center }
@media (min-width:37.5em) {
.mod-blog>.h2-like, .mod-blog>h2 { font-size: 3.4rem;color: #171F4A; line-height: 5.8rem; margin: 12rem auto 6rem }
}
.mod-banner-with-right-image .mod-blog>h2, .mod-blog>.h3-like, .mod-blog>h3 { color: #171F4A; font-size: 1.8rem; line-height: 2.2rem }
@media (min-width:37.5em) {
.mod-banner-with-right-image .mod-blog>h2, .mod-blog>.h3-like, .mod-blog>h3 { font-size: 3rem; line-height: 3.4rem; margin-bottom: 4rem }
}
.mod-blog>.h4-like, .mod-blog>h4 { margin: 0 auto 4rem }
.mod-blog>.h5-like, .mod-blog>.h6-like, .mod-blog>h5, .mod-blog>h6 { margin: 0 auto 3rem }
.mod-blog>p { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin: 1.5rem auto 3rem }
@media (min-width:37.5em) {
.mod-blog>p { line-height: 3.2rem }
}
@media (min-width:60em) {
.mod-blog>p { margin: 2rem auto 4rem }
}
.mod-blog>p a:not([class^=btn]) { color: #1749c4; text-decoration: none }
.mod-blog>p a:not([class^=btn]) b, .mod-blog>p a:not([class^=btn]) strong { color: #1749c4 }
.mod-blog>p b, .mod-blog>p strong { font-family: Read-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.mod-blog>p em, .mod-blog>p i { font-style: italic }
.mod-blog ol, .mod-blog ul { margin: 1.5rem auto 6rem }
@media (min-width:37.5em) {
.mod-blog ol, .mod-blog ul { line-height: 3.2rem }
}
@media (min-width:60em) {
.mod-blog ol, .mod-blog ul { margin: 3rem auto 10rem }
}
.mod-blog ol a, .mod-blog ul a { color: #1749c4; text-decoration: none }
.mod-blog ol li, .mod-blog ul li { font-family: Read-Light, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin-bottom: 1.5rem }
.mod-blog ol li b, .mod-blog ol li strong, .mod-blog ul li b, .mod-blog ul li strong { font-family: Read-Medium, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.mod-blog blockquote { font-size: 2.2rem; line-height: 2.7rem; letter-spacing:-.1rem;
margin: 4rem auto 2rem }
@media (min-width:37.5em) {
.mod-blog blockquote { margin: 8rem auto 4rem }
}
@media (min-width:60em) {
.mod-blog blockquote { padding: 3rem 1rem 3rem 0 }
}
.mod-blog blockquote:after, .mod-blog blockquote:before { color: #008F84 }
.mod-blog blockquote:before { top: -2.5rem }
@media (min-width:81em) {
.mod-blog blockquote:after { -webkit-transform: translateX(100%); transform: translateX(100%) }
}
.mod-blog blockquote p { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.2rem; line-height: 2.7rem }
@media (min-width:37.5em) {
.mod-blog blockquote p { font-size: 2.2rem; line-height: 2.7rem }
}
.mod-blog blockquote a { color: #1749c4 }
.mod-blog table { font-family: Read-Light, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin: 3rem auto 6rem }
@media (min-width:37.5em) {
.mod-blog table { margin: 6rem auto 12rem }
}
.mod-blog table td, .mod-blog table th { padding: 2rem; text-align: left; vertical-align: top }
.mod-blog table th { font-family: Read-Medium, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-blog-excerpt { padding: 3rem 0 6rem; background-color: #f4f4f4 }
@media (min-width:37.5em) {
.cp-blog-excerpt { padding: 8rem 0 }
}
.cp-blog-excerpt .blog-author { color: #60504a; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; letter-spacing:.1rem;
text-align: center; text-transform: uppercase }
.cp-blog-excerpt .the_excerpt-with-pattern { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem; margin: 0 0 3rem }
@media (min-width:37.5em) {
.cp-blog-excerpt .the_excerpt-with-pattern { margin: 5rem auto; padding: 0 0 2.4rem }
}
@media (min-width:76em) {
.cp-blog-excerpt .the_excerpt-with-pattern { margin: 0 auto; min-height: 10rem }
}
.cp-blog-excerpt .the_excerpt-with-pattern:after { display: none }
.it-tags[class] { font-size: 1.1rem; position: relative }
.tpl--in-blog-tags .it-tags[class] { border: none; font-size: 1.4rem; font-family: Helvetica Neue LT W05_67 Md Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; padding: 1rem 0 }
.it-tags-span { border: 0; font: 0/0 a; text-shadow: none; color: transparent; vertical-align: middle }
.it-tags-span, .it-tags-span:before { display: inline-block; height: 4.5rem; width: 4.5rem }
.it-tags-span:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; background: #1749c4; border-radius: 100%; color: #fff; font-size: 2.4rem; line-height: 4.5rem; position: relative; text-align: center }
.cp-blog-banner { background-size: cover; color: #171F4A; position: relative }
.cp-blog-banner .media-container { margin-top: 6rem; position: relative }
.cp-blog-banner .media-container:after { display: block; content: ""; width: 100%; padding-top: 41.66667% }
.cp-blog-banner.-with-pattern .media-container:before { display: none; background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 94'%3E%3Cpath d='M143.9 1.3L58.2 86.6l6.2 6.1 85.7-85.3-6.2-6.1z' fill-rule='evenodd' clip-rule='evenodd' fill='%230049c0'/%3E%3Cpath d='M85.8 1.3L.1 86.6l6.2 6.1L91.9 7.5l-6.1-6.2z' fill-rule='evenodd' clip-rule='evenodd' fill='%231dba79'/%3E%3C/svg%3E") no-repeat 0 0/contain; content: ""; height: 4.7rem; left: 4rem; position: absolute; top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 7.5rem; z-index: 1 }
@media (min-width:37.5em) {
.cp-blog-banner.-with-pattern .media-container:before { height: 9.4rem; width: 15rem }
}
.cp-blog-banner .bgvid, .cp-blog-banner img { display: block; font-family: "object-fit: cover; object-position: center center;"; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; position: absolute; top: 0; width: 100%; z-index: 0 }
.cp-blog-banner .cp-slider-vertical-parallax .container-pagination, .cp-blog-banner .teq-container, .cp-slider-vertical-parallax .cp-blog-banner .container-pagination { max-width: 100%; width: 100%; margin: 6rem 0 0; position: relative }
@media (min-width:37.5em) {
.cp-blog-banner .cp-slider-vertical-parallax .container-pagination, .cp-blog-banner .teq-container, .cp-slider-vertical-parallax .cp-blog-banner .container-pagination { margin: 10rem auto 0 }
}
.cp-blog-banner .details { color: #171F4A; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.4rem; letter-spacing:.2rem;
line-height: 2rem; margin-bottom: 2rem; margin-left: 2rem; text-align: left; text-transform: uppercase }
@media (min-width:60em) {
.cp-blog-banner .details { margin-bottom: 0; margin-top: -3rem }
}
@media (min-width:76em) {
.cp-blog-banner .details { margin-left: 6rem }
}
@media (min-width:105em) {
.cp-blog-banner .details { margin-left: 12rem }
}
.cp-blog-banner .details span { opacity: .4 }
.cp-blog-banner .details a { color: #000 }
.cp-blog-banner h1 { color: #171F4A; line-height: 100%; margin-top: 1rem; margin-left: 2rem; position: relative; text-align: left; z-index: 2 }
@media (min-width:76em) {
.cp-blog-banner h1 { width: 60%; margin: 0 6rem 3rem }
}
@media (min-width:105em) {
.cp-blog-banner h1 { margin: 0 12rem 3rem }
}
.cp-blog-banner h1 .-yellow { color: #008F84 }
.cp-blog-banner h1 .-green { color: #1dba79 }
.cp-blog-banner h1 .-blue { color: #1749c4 }
.cp-blog-banner .reading-time { color: #008F84; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; letter-spacing:.2rem;
line-height: 4.5rem; margin-left: 2rem; text-align: left; text-transform: uppercase }
.cp-blog-banner .reading-time:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: currentColor; font-size: 2rem; margin-right: 1.1rem; position: relative; top:.4rem
}
.cp-blog-banner .date-and-time { color: #008F84; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.3rem; line-height: 1.5rem; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; margin-left: 0rem }
@media (min-width:76em) {
.cp-blog-banner .date-and-time { margin-left: 0rem }
}
@media (min-width:105em) {
.cp-blog-banner .date-and-time { margin-left: 0rem }
}
.cp-blog-banner .social { right: 1.5rem }
@media (min-width:76em) {
.cp-blog-banner .social { right: 16.5rem }
}
.cp-blog-focus { background: #fff; height: 100%; position: relative; background-color: #f4f4f4 }
.cp-blog-focus, .cp-blog-focus:after { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: .6s; transition: .6s }
.cp-blog-focus:after { background: #008F84; bottom: 0; content: ""; height: 2px; left: 0; opacity: 0; position: absolute; width: 100% }
.cp-blog-focus:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px) }
.cp-blog-focus:after { opacity: 1; -webkit-transform: translateY(2px); transform: translateY(2px) }
.bg--grey .cp-blog-focus { background: #fff }
.cp-blog-focus .it-illust img { font-family: "object-fit: cover;"; height: 19rem; -o-object-fit: cover; object-fit: cover; width: 100% }
.cp-blog-focus .item-content { box-sizing: border-box; padding: 2.4rem }
@media (min-width:37.5em) {
.cp-blog-focus .item-content { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column }
}
.cp-blog-focus .it-cat { color: #60504a!important; font-family: Renault-Semibold; font-size: 1.2rem; text-transform: uppercase; letter-spacing: 1px; margin-bottom:.8rem
}
.cp-blog-focus .it-title { color: #171F4A; font-size: 2.3rem; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; line-height: 2.6rem; margin: 0 0 4rem; text-transform: inherit!important }
@media (min-width:37.5em) {
.cp-blog-focus .it-title { height: 13rem; overflow: hidden; margin: 0 0 1.4rem }
}
.cp-blog-focus .it-date { color: #008F84; font-size: 1.2rem; line-height: 1.5rem; letter-spacing: 1px; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-blog-focus>a { font-size: 0; height: 100%; left: 0; position: absolute; opacity: 0; text-indent: 200%; top: 0; white-space: nowrap; width: 100%; z-index: 2 }
.mod--similar, .mod-blog-focus-, .mod-blog-focus-1, .mod-blog-focus-2, .mod-blog-focus-3 { margin: 0 }
@media (min-width:37.5em) {
.mod--similar, .mod-blog-focus-, .mod-blog-focus-1, .mod-blog-focus-2, .mod-blog-focus-3 { padding: 0 }
}
.mod--similar.bg--grey, .mod-blog-focus-1.bg--grey, .mod-blog-focus-2.bg--grey, .mod-blog-focus-3.bg--grey, .mod-blog-focus-.bg--grey { margin: 6rem 0 0; padding: 4rem 0 }
@media (min-width:37.5em) {
.mod--similar.bg--grey, .mod-blog-focus-1.bg--grey, .mod-blog-focus-2.bg--grey, .mod-blog-focus-3.bg--grey, .mod-blog-focus-.bg--grey { margin: 10rem 0 12rem; padding: 8rem 0 }
}
.mod--similar .mod-title, .mod--similar h2, .mod-blog-focus-1 .mod-title, .mod-blog-focus-1 h2, .mod-blog-focus-2 .mod-title, .mod-blog-focus-2 h2, .mod-blog-focus-3 .mod-title, .mod-blog-focus-3 h2, .mod-blog-focus- .mod-title, .mod-blog-focus- h2 { color: #171F4A; font-size: 3rem; line-height: 3.5rem; margin: 0 0 4rem; text-transform: inherit!important; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:37.5em) {
.mod--similar .mod-title, .mod--similar h2, .mod-blog-focus-1 .mod-title, .mod-blog-focus-1 h2, .mod-blog-focus-2 .mod-title, .mod-blog-focus-2 h2, .mod-blog-focus-3 .mod-title, .mod-blog-focus-3 h2, .mod-blog-focus- .mod-title, .mod-blog-focus- h2 { font-size: 4.8rem; line-height: 4.6rem; margin: 0 0 4rem }
}
.mod--similar h2, .mod-blog-focus-1 h2, .mod-blog-focus-2 h2, .mod-blog-focus-3 h2, .mod-blog-focus- h2 { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif!important }
.mod--similar .btn-yellow, .mod-blog-focus-1 .btn-yellow, .mod-blog-focus-2 .btn-yellow, .mod-blog-focus-3 .btn-yellow, .mod-blog-focus- .btn-yellow { display: table; margin: 3rem auto 0 }
@media (min-width:37.5em) {
.mod--similar .btn-yellow, .mod-blog-focus-1 .btn-yellow, .mod-blog-focus-2 .btn-yellow, .mod-blog-focus-3 .btn-yellow, .mod-blog-focus- .btn-yellow { margin: 6rem auto 0 }
}
.l-col>.mod-blog-focus- { height: 100%; margin: 0 }
.cp-slider-vertical-parallax .l-col>.mod-blog-focus- .container-pagination, .l-col>.mod-blog-focus- .cp-slider-vertical-parallax .container-pagination, .l-col>.mod-blog-focus- .df-zone, .l-col>.mod-blog-focus- .teq-container { height: 100%; max-width: none; width: 100% }
.mod-blog-focus-1 .df-zone, .mod-blog-focus-2 .df-zone { flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; max-width: 100% }
.mod-blog-focus-1 .df-zone .cp-blog-focus, .mod-blog-focus-2 .df-zone .cp-blog-focus { height: auto; margin: 0 0 1.5rem }
@media (min-width:37.5em) {
.mod-blog-focus-1 .df-zone .cp-blog-focus, .mod-blog-focus-2 .df-zone .cp-blog-focus {
margin:0 .5rem 1rem; max-width: 39.5rem; width: calc(50% - 1rem) }
}
.mod-blog-focus-1 h2 { text-align: center }
@media (min-width:37.5em) {
.mod-blog-focus-3 h2 { margin-left:.5rem
}
}
.mod-blog-focus-3 .df-zone { flex-wrap: wrap; max-width: 100% }
.mod-blog-focus-3 .df-zone .cp-blog-focus { height: auto; margin: 0 0 1.5rem }
@media (min-width:37.5em) {
.mod-blog-focus-3 .df-zone .cp-blog-focus {
margin:0 .5rem 1rem; width: calc(50% - 1rem) }
}
@media (min-width:60em) {
.mod-blog-focus-3 .df-zone .cp-blog-focus { width: calc(33.33% - 1rem) }
}
.mod-blog-focus-3 .df-zone .cp-blog-focus:after { display: none }
.cp-blog-story-content { background: #008F84; box-sizing: border-box; padding: 2rem 0 }
@media (min-width:60em) {
.cp-blog-story-content { margin-top: -25rem; padding: 30rem 0 1rem }
}
.cp-blog-story-content .the_excerpt-with-pattern-white { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.6rem; margin: 4rem 0 5.3rem; position: relative; text-align: center }
@media (min-width:37.5em) {
.cp-blog-story-content .the_excerpt-with-pattern-white { margin: 7rem auto 12rem }
.cp-blog-story-content .the_excerpt-with-pattern-white p:not(.cp-blog-story-content-title) { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.6rem; line-height: 3.6rem; margin: 7rem auto 0 }
}
@media (min-width:76em) {
.cp-blog-story-content .the_excerpt-with-pattern-white { width: 66.66667% }
}
.cp-blog-story-content .cp-blog-story-content-title { color: #fff; font-size: 4rem; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; text-transform: uppercase; line-height: 4rem }
.cp-blog-story-content .cp-blog-story-content-title span { font-size: 8rem }
.cp-blog-story-content .cp-blog-story-author { font-family: Read-Medium, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-blog-story-content .cp-blog-story-author, .cp-blog-story-content .cp-blog-story-content-autor { color: #171F4A; font-size: 1.4rem; letter-spacing:.2rem;
text-align: center; text-transform: uppercase; padding: 12px }
.cp-blog-story-content .cp-blog-story-content-autor { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin: 6rem 0 2.4rem }
.cp-blog-story-content .cp-blog-story-content-autor span { padding: 12px }
.cp-blog-story-content .cp-blog-story-content-autor .reading-time { color: #171F4A; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; letter-spacing:.2rem;
line-height: 2.5rem; text-align: center; text-transform: uppercase; padding: 0 12px 12px; margin: 2rem 0 4rem }
.cp-blog-story-content .cp-blog-story-content-autor .reading-time:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: currentColor; font-size: 2.9rem; margin-right: 1.1rem; position: relative; top:.7rem
}
.cp-in-blog-tags-story { border: none; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; margin: 3rem 0; position: relative; text-align: center; text-transform: uppercase; max-width: 100% }
.cp-in-blog-tags-story a { color: #2f2f2f; display: inline-block; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; letter-spacing:.1rem;
line-height: 2.8rem; position: relative; padding: 0 1.6rem }
@media (min-width:30em) {
.cp-in-blog-tags-story a+a:before { background: #2f2f2f; content: ""; height: 1.6rem; opacity: .5; position: absolute; left: 0; top:calc(50% - .8rem);
width:.1rem
}
}
.cp-blog-story-video { overflow: visible; position: relative }
@media (min-width:60em) {
.cp-blog-story-video { background: none }
.cp-blog-story-video:before { content: ""; height: 30rem; position: absolute; left: 0; top: 0; width: 100% }
}
.cp-blog-story-video .no-background { background-color: none }
.cp-contenu-title { background-size: cover; color: #171F4A; position: relative }
.cp-contenu-title .cp-slider-vertical-parallax .container-pagination, .cp-contenu-title .teq-container, .cp-slider-vertical-parallax .cp-contenu-title .container-pagination { margin: 6rem auto 3rem; position: relative }
@media (min-width:37.5em) {
.cp-contenu-title .cp-slider-vertical-parallax .container-pagination, .cp-contenu-title .teq-container, .cp-slider-vertical-parallax .cp-contenu-title .container-pagination { margin: 10rem auto 8.4rem }
}
.cp-contenu-title .social { text-align: right; -webkit-box-pack: end; justify-content: end }
@media (min-width:37.5em) {
.cp-contenu-title .social { -webkit-transform: translateY(3.2rem); transform: translateY(3.2rem) }
}
.cp-contenu-title .details { color: #171F4A; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.4rem; letter-spacing:.2rem;
line-height: 1.4rem; text-transform: uppercase }
@media (min-width:60em) {
.cp-contenu-title .details { margin-bottom: 1.3rem }
}
.cp-contenu-title .details span { opacity: .4 }
.cp-contenu-title .details a { color: #000 }
.cp-contenu-title h1 { color: #171F4A; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; line-height: 100%; margin-top: 1rem; position: relative; z-index: 2 }
@media (min-width:60em) {
.cp-contenu-title h1 { margin: 0 0 3rem }
}
.cp-contenu-title h1 .-yellow { color: #fc3 }
.cp-contenu-title h1 .-green { color: #1dba79 }
.cp-contenu-title h1 .-blue { color: #1749c4 }
.cp-contenu-title .date { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; color: #008F84; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.4rem; letter-spacing:.2rem;
line-height: 1.4rem; text-transform: uppercase }
.cp-contenu-title .date span { opacity: .4 }
.cp-contenu-title .reading-time { color: #008F84; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; letter-spacing:.2rem;
line-height: 1.5rem; text-transform: uppercase; display: -webkit-box; display: flex }
.cp-contenu-title .reading-time:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: #008F84; font-size: medium; position: relative; margin-left: 1.7rem; margin-right:.9rem
}
.cp-contenu-banner .image-or-iframe { overflow: hidden; position: relative }
@media (min-width:76em) and (max-width:105em) {
.cp-contenu-banner .image-or-iframe:before { max-height: 54.5rem; height: 54.5rem; display: block; content: ""; width: 100% }
}
.cp-contenu-banner .image-or-iframe iframe, .cp-contenu-banner .image-or-iframe img { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover }
@media (min-width:76em) and (max-width:105em) {
.cp-contenu-banner .image-or-iframe iframe, .cp-contenu-banner .image-or-iframe img { position: absolute; top: 0; left: 0 }
}
.cp-contenu-description { background: #f4f4f4 }
.cp-contenu-description .cp-slider-vertical-parallax .container-pagination, .cp-contenu-description .teq-container, .cp-slider-vertical-parallax .cp-contenu-description .container-pagination { padding: 4rem 0 }
@media (min-width:60em) {
.cp-contenu-description .cp-slider-vertical-parallax .container-pagination, .cp-contenu-description .teq-container, .cp-slider-vertical-parallax .cp-contenu-description .container-pagination { padding: 8rem 0 }
}
.cp-contenu-description .cp-slider-vertical-parallax .container-pagination .description, .cp-contenu-description .teq-container .description, .cp-slider-vertical-parallax .cp-contenu-description .container-pagination .description { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center }
.cp-contenu-description .cp-slider-vertical-parallax .container-pagination .description .details, .cp-contenu-description .teq-container .description .details, .cp-slider-vertical-parallax .cp-contenu-description .container-pagination .description .details { color: #171F4A; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; letter-spacing:.2rem;
line-height: 2.2rem; text-transform: uppercase }
.cp-contenu-description .cp-slider-vertical-parallax .container-pagination .description .details span, .cp-contenu-description .teq-container .description .details span, .cp-slider-vertical-parallax .cp-contenu-description .container-pagination .description .details span { opacity: .4 }
.cp-contenu-description .cp-slider-vertical-parallax .container-pagination .description .details a, .cp-contenu-description .teq-container .description .details a, .cp-slider-vertical-parallax .cp-contenu-description .container-pagination .description .details a { color: #000 }
.cp-contenu-description .cp-slider-vertical-parallax .container-pagination .description .details.-mineral-gray, .cp-contenu-description .cp-slider-vertical-parallax .container-pagination .description .details.-mineral-gray a, .cp-contenu-description .teq-container .description .details.-mineral-gray, .cp-contenu-description .teq-container .description .details.-mineral-gray a, .cp-slider-vertical-parallax .cp-contenu-description .container-pagination .description .details.-mineral-gray, .cp-slider-vertical-parallax .cp-contenu-description .container-pagination .description .details.-mineral-gray a { color: #008F84 }
.cp-contenu-description .cp-slider-vertical-parallax .container-pagination .description .text, .cp-contenu-description .teq-container .description .text, .cp-slider-vertical-parallax .cp-contenu-description .container-pagination .description .text { margin: 0; padding-top: 2rem; font-size: 1.8rem; line-height: 2.4rem; font-family: Read-Medium, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; color: #000 }
@media (min-width:60em) {
.cp-contenu-description .cp-slider-vertical-parallax .container-pagination .description .text, .cp-contenu-description .teq-container .description .text, .cp-slider-vertical-parallax .cp-contenu-description .container-pagination .description .text { padding-top: 4rem }
}
.cp-contenu-description .cp-slider-vertical-parallax .container-pagination .description .text p, .cp-contenu-description .cp-slider-vertical-parallax .container-pagination .description .text span, .cp-contenu-description .teq-container .description .text p, .cp-contenu-description .teq-container .description .text span, .cp-slider-vertical-parallax .cp-contenu-description .container-pagination .description .text p, .cp-slider-vertical-parallax .cp-contenu-description .container-pagination .description .text span { -webkit-margin-before: 0; margin-block-start: 0; margin-bottom: 0; font-size: 1.8rem; line-height: 2.4rem; font-family: Read-Medium, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-contenu-description .cp-slider-vertical-parallax .container-pagination .description .text strong, .cp-contenu-description .teq-container .description .text strong, .cp-slider-vertical-parallax .cp-contenu-description .container-pagination .description .text strong { font-size: 1.8rem; line-height: 2.4rem; font-family: Read-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:37.5em) {
.cp-on-r-stories .cp-slider-vertical-parallax .container-pagination, .cp-on-r-stories .teq-container, .cp-slider-vertical-parallax .cp-on-r-stories .container-pagination { -webkit-box-align: start; align-items: flex-start; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; position: relative; z-index: 10 }
}
.cp-on-r-stories .item { cursor: pointer; margin-bottom: 3rem; position: relative; -webkit-transition: .3s; transition: .3s; width: 100% }
@media (min-width:37.5em) {
.cp-on-r-stories .item { margin-bottom: 10rem; width: 41% }
.cp-on-r-stories .item:nth-child(2n) { -webkit-transform: translateY(-11rem); transform: translateY(-11rem) }
.cp-on-r-stories .item:nth-child(odd) { -webkit-transform: translateY(-22rem); transform: translateY(-22rem) }
.cp-on-r-stories .item:last-child:nth-child(2n) { margin-left: auto; margin-right: 0 }
}
@media (min-width:60em) {
.cp-on-r-stories .item { margin-bottom: 14rem }
}
.cp-on-r-stories .item:before { display: block; content: ""; width: 100%; padding-top: 132.6530612245% }
.cp-on-r-stories .item:after { background: #fff; content: ""; height: 100%; left: 0; position: absolute; bottom: 0; -webkit-transition: 2s; transition: 2s; width: 100%; z-index: 20 }
.cp-on-r-stories .item.aos-animate:after { height: 0 }
.cp-on-r-stories .item:hover .illust { box-shadow: 0 0 15px 3px rgba(0,0,0,.3) }
.cp-on-r-stories .item:hover .illust img { -webkit-transform: scale(1.1); transform: scale(1.1) }
.cp-on-r-stories .item.-dark .content, .cp-on-r-stories .item.-dark .title { color: #000 }
.cp-on-r-stories .item.-dark .date:before { background: #000 }
.cp-on-r-stories .item.-dark i.-instagram:before { color: #6c5142 }
.cp-on-r-stories .item.-dark i.-twitter:before { color: #00ace3 }
.cp-on-r-stories .item.-dark i.-facebook:before { color: #3b5998 }
.cp-on-r-stories .item.-dark i.-linkedin:before { color: #0288d1 }
.cp-on-r-stories .item.-gradient .illust:after, .cp-on-r-stories .item.-gradient .video-container:after { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.7)), color-stop(35%, transparent), color-stop(65%, transparent), to(rgba(0,0,0,.7))); background: linear-gradient(180deg, rgba(0,0,0,.7) 0, transparent 35%, transparent 65%, rgba(0,0,0,.7)); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10 }
@media (min-width:37.5em) {
.cp-on-r-stories .item.-deco .link { overflow: visible }
.cp-on-r-stories .item.-deco .link:after, .cp-on-r-stories .item.-deco .link:before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150.34 93.34'%3E%3Cpath fill='%231dba79' d='M-.001 86.268L86.266.001l7.071 7.071L7.07 93.339z'/%3E%3Cpath fill='%230049c0' d='M57.004 86.263L143.271-.004l7.071 7.07-86.267 86.268z'/%3E%3C/svg%3E"); background-size: contain; content: ""; height: 5.5rem; overflow: visible; position: absolute; width: 9rem; z-index: 100 }
.cp-on-r-stories .item.-deco .link:before { left: 2.5rem; top: -2.75rem }
.cp-on-r-stories .item.-deco .link:after { bottom: -2.75rem; right: 2.5rem }
}
@media (min-width:60em) {
.cp-on-r-stories .item.-deco .link:after, .cp-on-r-stories .item.-deco .link:before { height: 9.3rem; width: 14.9rem }
.cp-on-r-stories .item.-deco .link:before { left: 5rem; top: -5rem }
.cp-on-r-stories .item.-deco .link:after { bottom: -5rem; right: 5rem }
}
.cp-on-r-stories .video-container { background-color: transparent; background-repeat: no-repeat; background-size: cover; height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; -webkit-transition: .6s; transition: .6s; width: 100% }
.cp-on-r-stories video::-webkit-media-controls-start-playback-button {
display:none
}
.cp-on-r-stories .bgvid, .cp-on-r-stories>img { background-color: transparent; display: block; font-family: "object-fit: cover; object-position: center center;"; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; width: 100% }
.cp-on-r-stories .edito-chapo { position: relative; text-align: center; width: 100% }
@media (min-width:37.5em) {
.cp-on-r-stories .edito-chapo { align-self: flex-start; margin: 3rem auto 0 0; width: 41% }
}
@media (min-width:60em) {
.cp-on-r-stories .edito-chapo { margin: 5rem auto 0 0 }
}
@media (min-width:76em) {
.cp-on-r-stories .edito-chapo { box-sizing: border-box; padding: 10rem 0 0 }
.cp-on-r-stories .edito-chapo:before { color: #fff; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 23rem; left: -7rem; line-height: 33.5rem; content: attr(data-lettrine); position: absolute; top: -3rem; text-shadow: 1px 1px 0 #e8e8e8, 1px -1px 0 #e8e8e8, -1px 1px 0 #e8e8e8, -1px -1px 0 #e8e8e8, 1px 0 0 #e8e8e8, 0 2px 0 #e8e8e8, -1px 0 0 #e8e8e8, 0 -1px 0 #e8e8e8, 1px 1px 1px hsla(0,0%,91%,0); text-transform: uppercase; z-index: -1 }
}
.cp-on-r-stories .edito-chapo .title-edito { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.7rem; line-height: 3.2rem; margin-bottom: 1.6rem; text-align: center }
@media (min-width:37.5em) {
.cp-on-r-stories .edito-chapo .title-edito { font-size: 3.4rem; line-height: 3.6rem; margin-bottom: 2.4rem; text-align: left }
}
.cp-on-r-stories .edito-chapo .text { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2.6rem }
@media (min-width:37.5em) {
.cp-on-r-stories .edito-chapo .text { font-size: 2.8rem; text-align: left }
}
@media (min-width:60em) {
.cp-on-r-stories .edito-chapo .text { font-size: 2.3rem; margin-bottom: 3rem }
}
.cp-on-r-stories .illust { height: 100%; left: 0; overflow: hidden; position: absolute; -webkit-transition: .6s; transition: .6s; top: 0; width: 100% }
.cp-on-r-stories .illust img { font-family: "object-fit: cover"; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; width: 100% }
.cp-on-r-stories .content { -webkit-box-align: start; align-items: flex-start; box-sizing: border-box; color: #fff; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 100%; -webkit-box-pack: justify; justify-content: space-between; padding: 2rem; pointer-events: none; position: absolute; top: 0; left: 0; text-align: center; width: 100%; z-index: 11 }
@media (min-width:37.5em) {
.cp-on-r-stories .content { padding: 2rem }
}
@media (min-width:60em) {
.cp-on-r-stories .content { padding: 3rem 3rem 5rem }
}
.cp-on-r-stories .top { width: 100% }
.cp-on-r-stories .bottom { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; width: 100% }
.cp-on-r-stories .category { text-transform: uppercase; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; letter-spacing: 1px; text-align: center; width: 100% }
.cp-on-r-stories .date { padding-left: 2rem; position: relative }
.cp-on-r-stories .date:before { background: #fff; content: ""; height: 1.3rem; left: 1rem; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1px }
.cp-on-r-stories .title { color: #fff; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.7rem; line-height: 3.2rem; margin-bottom: 1.6rem }
@media (min-width:37.5em) {
.cp-on-r-stories .title { font-size: 3.4rem; line-height: 3.6rem; margin-bottom: 2.4rem }
}
.cp-on-r-stories .title.-blue span { color: #1749c4 }
.cp-on-r-stories .title.-yellow span { color: #fff }
.cp-on-r-stories .subtitle { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem }
.cp-on-r-stories .link { cursor: pointer; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 15 }
.cp-on-r-stories i { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; width: 100% }
.cp-on-r-stories i:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; content: ""; display: block; font-size: 3.3rem; text-align: center; z-index: 15 }
.cp-on-r-stories i.-facebook:before, .cp-on-r-stories i.-instagram:before, .cp-on-r-stories i.-linkedin:before, .cp-on-r-stories i.-twitter:before { color: #fff }
@media (min-width:60em) {
.cp-on-r-stories .item:hover .icon:before { -webkit-animation: slideButtonArrow .4s linear 1 forwards; animation: slideButtonArrow .4s linear 1 forwards }
.cp-on-r-stories .item:hover .btn--media { -webkit-animation: scalepulsebutton 1.3s linear .3s infinite both; animation: scalepulsebutton 1.3s linear .3s infinite both }
}
.cp-on-r-stories .btn--media { background: #0049c0; border: 1px solid #3469d2; border-radius: 50%; box-shadow: 0 0 0 10px; color: #0049c0; height: 5.8rem; margin: 0 auto; position: relative; -webkit-transition: .6s; transition: .6s; width: 5.8rem; z-index: 200 }
@media (min-width:60em) {
.cp-on-r-stories .btn--media { height: 7.8rem; width: 7.8rem }
}
.cp-on-r-stories .btn--media:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: #fff; font-size: 1.6rem; left: 55%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
@media (min-width:60em) {
.cp-on-r-stories .btn--media:before { font-size: 2.8rem }
}
@-webkit-keyframes slide { 0% {
left:54%;
opacity:1
}
25% {
left:70%;
opacity:1
}
50% {
left:110%;
opacity:0
}
75% {
left:0;
opacity:0
}
to { left: 54%; opacity: 1 }
}
@keyframes slide { 0% {
left:54%;
opacity:1
}
25% {
left:70%;
opacity:1
}
50% {
left:110%;
opacity:0
}
75% {
left:0;
opacity:0
}
to { left: 54%; opacity: 1 }
}
.tpl-blog-read-more { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-top: 0; padding: 0 }
@media (min-width:37.5em) {
.tpl-blog-read-more { line-height: 3.2rem }
}
@media (min-width:47.5em) {
.tpl-blog-read-more { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row }
}
.tpl-blog-read-more.tpl-blog-read-more-left { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse }
@media (min-width:47.5em) {
.tpl-blog-read-more.tpl-blog-read-more-left { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row }
}
@media (min-width:47.5em) {
.blog-read-more-txt-normal { width: calc(66.66667% - 7rem) }
}
.blog-read-more-txt-normal p { margin: 1.5rem auto 3rem }
@media (min-width:37.5em) {
.blog-read-more-txt-normal p { line-height: 3.2rem }
}
@media (min-width:60em) {
.blog-read-more-txt-normal p { margin: 2rem auto 4rem }
}
.blog-read-more-txt-normal p a { color: #1749c4 }
.blog-read-more-highlight { margin: 2rem 0 3rem; width: calc(100% - 3rem) }
@media (min-width:47.5em) {
.blog-read-more-highlight { margin: 2rem 0 0 6rem; width: 33.33333% }
}
@media (min-width:47.5em) {
.tpl-blog-read-more-left .blog-read-more-highlight { margin: 2rem 6rem 0 0 }
}
.blog-read-more-highlight img { margin-bottom: 2.5rem }
.blog-read-more-highlight .label-read-more { color: #1749c4; font-family: Read-Medium, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; line-height: 1.6rem; margin-bottom: 1.5rem; text-transform: uppercase }
.blog-read-more-highlight .title-article { color: #171F4A; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.6rem; margin-bottom: 2rem; text-transform: uppercase }
.blog-read-more-highlight .reading-time { color: #888b8d; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; letter-spacing:.2rem;
line-height: 2.5rem; text-transform: uppercase }
.blog-read-more-highlight .reading-time:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: currentColor; font-size: 2.9rem; margin-right: 1.1rem; position: relative; top:.7rem
}
.cp-title-onair { padding: 4rem 0 0 }
@media (min-width:37.5em) {
.cp-title-onair { padding: 8rem 0 8.2rem }
}
.cp-title-onair .slide, .cp-title-onair .slideshow { position: relative; width: 100%; height: 100%; margin:4rem 0 .9rem;
font-size: 3.5rem; line-height: 4.2rem; text-align: left }
@media (min-width:37.5em) {
.cp-title-onair .slide, .cp-title-onair .slideshow { font-size: 7.2rem; line-height: 6.3rem; margin: -5.5rem 0 1.6rem }
}
@media (min-width:37.5em) {
.cp-slider-vertical-parallax .cp-title-onair .container-pagination, .cp-title-onair .cp-slider-vertical-parallax .container-pagination, .cp-title-onair .teq-container { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; flex-wrap: wrap }
}
@media (min-width:37.5em) {
.cp-title-onair h1 { margin-bottom: 0; width: calc(100% - 20rem) }
}
.cp-title-onair .social { position: relative; z-index: 5 }
.cp-title-onair .slide { display: inline }
.cp-title-onair .slide:not(.-active) { pointer-events: none; opacity: 1 }
.cp-title-onair .title { display: inline }
.cp-title-onair .letter-effect { margin: 0; position: relative; text-transform: uppercase; font-weight: 400 }
.cp-title-onair [class*=letter] { display: block; -webkit-box-flex: 0; flex: none; position: relative; white-space: pre }
.cp-title-onair .-subtitle { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2.6rem; margin-bottom: 4rem }
@media (min-width:37.5em) {
.cp-title-onair .-subtitle { width: 100%; font-size: 2.3rem; line-height: 2.6rem; margin-bottom: 0 }
}
.cp-title-onair.js-with-animation .slide:not(.-active) { opacity: 1; pointer-events: none }
.cp-last-stories { padding: 6rem 0; max-width: 100vw; position: relative; background-color: #fff }
@media (min-width:37.5em) {
.cp-last-stories { padding: 8rem 0 }
}
.cp-last-stories .h2-like { position: relative; font-size: 3rem; line-height: 3.5rem; margin: 0 0 3rem; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:37.5em) {
.cp-last-stories .h2-like { font-size: 4.8rem; line-height: 4.6rem; margin: 0 auto 4rem; max-width: 108.4rem; width: calc(100% - 4.8rem) }
}
.cp-last-stories.-with-pattern:after { background: transparent url(images/pattern/neon.svg) no-repeat 0 0/100% auto; content: ""; left: 1rem; height: 9rem; position: absolute; top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 15rem; z-index: 1 }
@media (min-width:37.5em) {
.cp-last-stories.-with-pattern:after { height: 11rem; top: -5rem; width: 22rem }
}
@media (min-width:76em) {
.cp-last-stories.-with-pattern:after { left: 7rem }
}
.cp-last-stories.-with-grey-bg { padding: 3rem 0 0 }
@media (min-width:37.5em) {
.cp-last-stories.-with-grey-bg { padding: 6rem 0 0 }
}
.cp-last-stories.-with-grey-bg:before { background: #f6f6f6; bottom: -6rem; content: ""; left: 0; position: absolute; right: 0; top: -1rem; z-index: 1 }
@media (min-width:37.5em) {
.cp-last-stories.-with-grey-bg:before { bottom: 0; top: -5rem }
}
.cp-last-stories.-with-grey-bg .slide { background: #fff }
@media (min-width:37.5em) {
.cp-last-stories.-with-grey-bg .slide { background: 0 none }
}
.cp-last-stories.-with-grey-bg .-content:before { background: #fff }
.cp-last-stories .swiper-container { margin:0 0 1.6rem .75rem
}
@media (min-width:37.5em) {
.cp-last-stories .swiper-container { margin: 0; overflow: visible }
}
.cp-last-stories .slide {
margin:0 .75rem; width: calc(100% - 4.5rem) }
@media (min-width:37.5em) {
.cp-last-stories .slide { background: 0 none; width: 59rem }
.cp-last-stories .slide>a { pointer-events: none }
}
@media (min-width:47.5em) {
.cp-last-stories .slide { padding: 0 0 3rem; width: 77rem }
}
@media (min-width:60em) {
.cp-last-stories .slide { margin: 0 1rem; width: 96rem }
}
@media (min-width:76em) {
.cp-last-stories .slide { width: 122rem }
}
.cp-last-stories .slide:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50% }
.cp-last-stories .slide:hover h2 { color: #000 }
.cp-last-stories .swiper-slide { height: auto }
@media (min-width:37.5em) {
.cp-last-stories .swiper-slide-active>a { pointer-events: auto }
}
.cp-last-stories .swiper-slide-active .-details { -webkit-transform: translateX(0); transform: translateX(0) }
.cp-last-stories .swiper-slide-active .-content { opacity: 1; background: #f6f6f6 }
.cp-last-stories .swiper-slide-active .-content:before { -webkit-transform: translateX(0); transform: translateX(0); box-shadow: none }
.cp-last-stories .swiper-slide-active .-date { opacity: 1 }
.cp-last-stories .swiper-slide-active h2 { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) }
.cp-last-stories .-illust { display: block; overflow: hidden; position: relative; width: 100%; z-index: 1 }
.cp-last-stories .-illust:before { content: ""; display: block; padding-top: 48.0672268908%; width: 100% }
.cp-last-stories img { font-family: " object-fit: cover;"; height: 100%; -o-object-fit: cover; object-fit: cover; left: 0; position: absolute; top: 0; -webkit-transition: -webkit-transform .6s; transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s; width: 100% }
.cp-last-stories .-content { box-sizing: border-box; display: block; margin: 0; min-height: 10.1rem; padding: 2.1rem 1.9rem; position: relative; -webkit-transition: .8s; transition: .8s; z-index: 2 }
@media (min-width:37.5em) {
.cp-last-stories .-content { margin: -12.7rem 0 0 8.33333%; min-height: 12.7rem; padding: 1.6rem 2.4rem 0; width: 34.6rem }
}
.cp-last-stories .-content:hover { text-decoration: none }
.cp-last-stories .-content:before { background: #fff; bottom: 0; content: ""; left: 0; right: 0; position: absolute; top: 0 }
@media (min-width:37.5em) {
.cp-last-stories .-content:before { -webkit-transform: translateX(6rem); transform: translateX(6rem); -webkit-transition: 1.8s; transition: 1.8s }
}
.cp-last-stories .-details { color: #60504a; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; letter-spacing:.1rem;
line-height: 1.5rem; margin-bottom:.8rem;
position: relative; text-transform: uppercase }
@media (min-width:37.5em) {
.cp-last-stories .-details { -webkit-transition: 1.6s; transition: 1.6s; -webkit-transform: translateX(10rem); transform: translateX(10rem) }
}
.cp-last-stories h2 { font-size: 2rem; line-height: 2.5rem; margin: 0 0 2.4rem; -webkit-transition: .5s; transition: .5s; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:37.5em) {
.cp-last-stories h2 { font-size: 2.2rem; margin: 0 0 4rem; -webkit-transition: opacity .5s, -webkit-transform 1.4s; transition: opacity .5s, -webkit-transform 1.4s; transition: transform 1.4s, opacity .5s; transition: transform 1.4s, opacity .5s, -webkit-transform 1.4s; opacity: 0; -webkit-transform: translateX(15rem); transform: translateX(15rem) }
}
.cp-last-stories .-date { color: #828282; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; line-height: 1.4rem; position: relative; -webkit-transition: 1.6s; transition: 1.6s; opacity: 0; text-transform: uppercase; letter-spacing: 5%; bottom: 1.5rem }
.cp-last-stories .swiper-button-next, .cp-last-stories .swiper-button-prev { background: transparent; border-radius: 100%; color: #171F4A; display: none; height: 4.6rem; line-height: 4.6rem; text-align: center; width: 4.4rem; top: inherit; display: block; bottom: 0; left: inherit }
@media (min-width:37.5em) {
.cp-last-stories .swiper-button-next, .cp-last-stories .swiper-button-prev { display: block; top: -5.5rem; bottom: inherit; left: 50vw; width: 2.7rem }
}
.cp-last-stories .swiper-button-next:focus, .cp-last-stories .swiper-button-prev:focus { outline: none }
.cp-last-stories .swiper-button-next:before, .cp-last-stories .swiper-button-prev:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: currentColor; display: inline-block; content: "\E96E"; width: 2.7rem; height: 2.5rem; font-size: 2.7rem; z-index: 5 }
@media (min-width:60em) {
.cp-last-stories .swiper-button-prev { left: calc(50vw + 782.5px - 28rem) }
}
.cp-last-stories .swiper-button-prev:before { -webkit-transform: scale(-1); transform: scale(-1) }
@media (min-width:60em) {
.cp-last-stories .swiper-button-next { left: calc(50vw + 782.5px - 21rem) }
}
.cp-last-stories .swiper-button-next:before {
left:.1rem; top: -1px }
.cp-last-stories .cp-slider-vertical-parallax .container-pagination, .cp-last-stories .teq-container, .cp-slider-vertical-parallax .cp-last-stories .container-pagination { position: static; text-align: center; -webkit-transition: .4s; transition: .4s; width: calc(100% - 2.4rem) }
@media (min-width:37.5em) {
.cp-last-stories .cp-slider-vertical-parallax .container-pagination, .cp-last-stories .teq-container, .cp-slider-vertical-parallax .cp-last-stories .container-pagination { max-width: 122.1rem; width: calc(100% - 4.8rem) }
}
.cp-last-stories .cp-slider-vertical-parallax .container-pagination .btn-yellow, .cp-last-stories .teq-container .btn-yellow, .cp-slider-vertical-parallax .cp-last-stories .container-pagination .btn-yellow { margin: 0 auto; font-family: RenaultR-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; width: 100% }
@media (min-width:37.5em) {
.cp-last-stories .cp-slider-vertical-parallax .container-pagination .btn-yellow, .cp-last-stories .teq-container .btn-yellow, .cp-slider-vertical-parallax .cp-last-stories .container-pagination .btn-yellow { width: 27rem }
}
.cp-last-articles { padding: 6rem 0; position: relative; background-color: #fff }
@media (min-width:37.5em) {
.cp-last-articles { padding: 8rem 0 }
}
.cp-last-articles.-with-grey-bg { padding: 3rem 0 0; background-color: #f4f4f4 }
@media (min-width:37.5em) {
.cp-last-articles.-with-grey-bg { padding: 6rem 0 0 }
}
.cp-last-articles.-with-grey-bg:before { background: #f4f4f4; bottom: -7rem; content: ""; left: 0; position: absolute; right: 0; top: -7rem; z-index: -1 }
@media (min-width:37.5em) {
.cp-last-articles.-with-grey-bg:before { bottom: -13rem; top: -13rem }
}
.cp-last-articles.-with-grey-bg .-item { background: #fff }
.cp-last-articles .h2-like { font-size: 2.6rem; line-height: 2.8rem; margin: 0 0 3rem; text-align: center; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:37.5em) {
.cp-last-articles .h2-like { font-size: 4.8rem; line-height: 4.6rem; margin: 0 0 4rem; text-align: left }
}
.cp-last-articles .swiper-container { overflow: visible }
@media (min-width:76em) {
.cp-last-articles .swiper-container { overflow: hidden }
}
.cp-last-articles .-list { box-sizing: content-box; display: -webkit-box; display: flex; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; width: 100%; z-index: 1 }
@media (min-width:60em) {
.cp-last-articles .-list { flex-wrap: wrap; margin:0 -.5rem;
min-width: 100% }
}
.cp-last-articles .-item { background: #f4f4f4; display: block; flex-shrink: 0; position: relative; margin-right: 1.5rem; max-width: 40rem; width: calc(100% - 3.5rem) }
@media (min-width:60em) {
.cp-last-articles .-item { flex-shrink: inherit; margin: 0 1rem 6rem; width: calc(33.33333% - 2rem) }
}
.cp-last-articles .-illust { overflow: hidden; position: relative; width: 100% }
.cp-last-articles .-illust:before { content: ""; display: block; padding-top: 55.6962025316%; width: 100% }
.cp-last-articles img { font-family: " object-fit: cover;"; height: 100%; -o-object-fit: cover; object-fit: cover; left: 0; position: absolute; top: 0; -webkit-transition: -webkit-transform .6s; transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s; width: 100% }
.cp-last-articles .-content { padding: 1.8rem 2rem }
@media (min-width:37.5em) {
.cp-last-articles .-content { box-sizing: border-box; padding: 2.4rem; min-height: 20rem }
}
.cp-last-articles .-details { color: #60504a; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; letter-spacing:.1rem;
line-height: 1.2rem; text-transform: uppercase; margin-bottom:.8rem
}
@media (min-width:37.5em) {
.cp-last-articles .-details { line-height: 1.5rem }
}
.cp-last-articles h2 { font-size: 2rem; line-height: 2.4rem; margin: 0 0 1.1rem; height: 10.4rem; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:37.5em) {
.cp-last-articles h2 { height: 13rem; overflow: hidden; -webkit-transition: .5s; transition: .5s; font-size: 2.4rem; line-height: 2.6rem }
}
.cp-last-articles .-date { color: #008F84; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; text-transform: uppercase; font-size: 1.2rem; line-height: 1.5rem }
.cp-last-articles .btn-yellow { display: table; margin: 3rem auto 0; max-width: 30rem; width: 100% }
@media (min-width:37.5em) {
.cp-last-articles .btn-yellow { max-width: none; width: auto }
}
.cp-last-easyelectriclife-articles { background: #171F4A; margin: 0; overflow: hidden; padding: 6rem 0; position: relative }
@media (min-width:37.5em) {
.cp-last-easyelectriclife-articles { padding: 8rem 0 }
}
.cp-last-easyelectriclife-articles .h2-like, .cp-last-easyelectriclife-articles h2 { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3rem; line-height: 3.2rem; margin: 0 0 3rem; min-height: 7.8rem }
@media (min-width:37.5em) {
.cp-last-easyelectriclife-articles .h2-like, .cp-last-easyelectriclife-articles h2 { font-size: 3.4rem; line-height: 3.6rem; margin: 0 0 4rem }
}
.cp-last-easyelectriclife-articles .h2-like strong, .cp-last-easyelectriclife-articles h2 strong { color: #fff; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-last-easyelectriclife-articles .swiper-container { overflow: visible; position: relative }
.cp-last-easyelectriclife-articles .-list { box-sizing: content-box; display: -webkit-box; display: flex; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; width: 100%; z-index: 1 }
@media (min-width:60em) {
.cp-last-easyelectriclife-articles .-list { flex-wrap: wrap; margin:0 -.5rem
}
}
.cp-last-easyelectriclife-articles .-item { background: #fff; flex-shrink: 0; position: relative; margin-right: 1.5rem; max-width: 40rem; width: calc(100% - 3.5rem); -webkit-transition: -webkit-transform .6s; transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s }
@media (min-width:60em) {
.cp-last-easyelectriclife-articles .-item { flex-shrink: inherit; margin: 0 1rem; width: calc(33.33333% - 2rem) }
}
.cp-last-easyelectriclife-articles .-item:hover { text-decoration: none; background: #008F84; -webkit-transition: -webkit-transform .6s; transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s }
.cp-last-easyelectriclife-articles .-item:hover .-date, .cp-last-easyelectriclife-articles .-item:hover .-details, .cp-last-easyelectriclife-articles .-item:hover h2 { color: #fff; -webkit-transition: -webkit-transform .6s; transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s }
.cp-last-easyelectriclife-articles .-item:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50% }
.cp-last-easyelectriclife-articles .-illust { overflow: hidden; position: relative; width: 100% }
.cp-last-easyelectriclife-articles .-illust:before { content: ""; display: block; padding-top: 55.6962025316%; width: 100% }
.cp-last-easyelectriclife-articles img { font-family: " object-fit: cover;"; height: 100%; -o-object-fit: cover; object-fit: cover; left: 0; position: absolute; top: 0; -webkit-transition: -webkit-transform .6s; transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s; width: 100% }
.cp-last-easyelectriclife-articles .-content { position: relative; padding: 2.4rem }
@media (min-width:37.5em) {
.cp-last-easyelectriclife-articles .-content { box-sizing: border-box; min-height: 20rem }
}
.cp-last-easyelectriclife-articles .-content:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; position: absolute; bottom: 2.4rem; right: 2.4rem; font-size: 1.6rem; content: "\E969"; color: #008F84; fill: #008F84 }
.cp-last-easyelectriclife-articles .-details { color: #60504a; font-size: 1.2rem; letter-spacing:.1rem;
line-height: 1.5rem; text-transform: uppercase; margin-bottom:.8rem
}
.cp-last-easyelectriclife-articles .-details, .cp-last-easyelectriclife-articles h2 { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; -webkit-transition: -webkit-transform .6s; transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s }
.cp-last-easyelectriclife-articles h2 { font-size: 2.3rem; line-height: 2.6rem; margin: 0 0 3.5rem }
@media (min-width:37.5em) {
.cp-last-easyelectriclife-articles h2 { height: 10.4rem; text-overflow: ellipsis }
}
.cp-last-easyelectriclife-articles .-date { color: #008F84; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; line-height: 1.5rem; letter-spacing:.1rem;
text-transform: uppercase; -webkit-transition: -webkit-transform .6s; transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s }
.cp-last-easyelectriclife-articles .btn--white { display: table; margin: 4rem auto 0; max-width: 100%; width: 100%; background-color: #008F84; color: #fff; border: none; font-family: RenaultR-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem }
.cp-last-easyelectriclife-articles .btn--white:hover { background-color: transparent; border: 1px solid #008F84; color: #fff!important; opacity: 1 }
@media (min-width:37.5em) {
.cp-last-easyelectriclife-articles .btn--white { max-width: none; width: auto; padding: 0 4rem }
}
.cp-infinite-list-onr-item { margin: 2rem 0 3rem; position: relative }
@media (min-width:37.5em) {
.cp-infinite-list-onr-item { margin: 6rem 0 10rem }
}
.cp-infinite-list-onr-item .form-group { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-bottom: 4rem; width: 100% }
@media (min-width:37.5em) {
.cp-infinite-list-onr-item .form-group { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 4.2rem }
}
.cp-infinite-list-onr-item .filters { width: 100% }
@media (min-width:37.5em) {
.cp-infinite-list-onr-item .filters { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex }
.cp-infinite-list-onr-item .filters div { width: 34.8rem; margin-right: 1rem }
}
.cp-infinite-list-onr-item .custom-select-container { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.4rem; margin-bottom: 1.6rem; width: 100%; z-index: 50; color: #000 }
@media (min-width:37.5em) {
.cp-infinite-list-onr-item .custom-select-container { margin-bottom: 0 }
}
.cp-infinite-list-onr-item .custom-select-container:focus { outline: none }
.cp-infinite-list-onr-item .custom-select-opener { border: 0; border-bottom:.1rem solid #171F4A;
line-height: 4rem; padding: 0; position: relative; color: #000 }
.cp-infinite-list-onr-item .custom-select-opener:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; border: 0; color: #171F4A; font-size: 1.6rem; height: auto; position: absolute; right: 0; top: 1.3rem; width: auto }
.cp-infinite-list-onr-item .-selected-tag { display: none; background: #fff; border-radius: 1.5rem; color: #1749c4; font-family: Read-Medium, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.41rem; line-height: 2.2rem; margin: 2rem 0; padding:.5rem 3rem .4rem 4.2rem;
position: relative; text-transform: uppercase }
@media (min-width:37.5em) {
.cp-infinite-list-onr-item .-selected-tag { margin: 0 0 0 3rem }
}
.cp-infinite-list-onr-item .-selected-tag:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: #171F4A; font-size: 1.5rem; left: 1.5rem; position: absolute; top:.8rem
}
.cp-infinite-list-onr-item .reset { width: 100%; text-align: right; text-decoration: underline; font-size: 1.4rem; line-height: 4rem; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; background-color: transparent; border: none }
.cp-infinite-list-onr-item .reset:hover { color: #171F4A; opacity: 1 }
.cp-infinite-list-onr-item .-list { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: left; position: relative; z-index: 1 }
@media (min-width:37.5em) {
.cp-infinite-list-onr-item .-list { margin:0 -.5rem
}
}
@media (min-width:60em) {
.cp-infinite-list-onr-item .-list { margin: 0 auto; max-width: 108.4rem; width: 100% }
}
.cp-infinite-list-onr-item .-illust { background: #171F4A; overflow: hidden; position: relative; width: 100%; z-index: 0; height: 18.4rem }
@media (min-width:37.5em) {
.cp-infinite-list-onr-item .-illust { height: 23rem }
}
.cp-infinite-list-onr-item img { font-family: " object-fit: cover;"; height: 100%; -o-object-fit: cover; object-fit: cover; left: 0; position: absolute; top: 0; -webkit-transition: -webkit-transform .6s; transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s; width: 100% }
.cp-infinite-list-onr-item .-details { color: #60504a; font-size: 1.2rem; letter-spacing:.1rem;
line-height: 1.5rem; text-transform: uppercase; margin-bottom:.8rem
}
.cp-infinite-list-onr-item .-details, .cp-infinite-list-onr-item h2 { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-infinite-list-onr-item h2 { font-size: 2rem; line-height: 2.4rem; margin: 0 0 2.4rem }
@media (min-width:37.5em) {
.cp-infinite-list-onr-item h2 { font-weight: normal;font-size: 2.3rem; line-height:3.2rem; height: 8rem; margin-bottom: 2.4rem; -webkit-transition: .5s; transition: .5s }
}
.cp-infinite-list-onr-item .-date { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; color: #008F84; font-size: 1.2rem; line-height: 1.5rem; letter-spacing:.1rem;
text-transform: uppercase }
.cp-infinite-list-onr-item .story-item { background: #f6f6f6; display: block; position: relative; margin-bottom: 1.5rem; max-width: 40rem; width: 100% }
@media (min-width:37.5em) {
.cp-infinite-list-onr-item .story-item {
margin:0 .5rem 1.5rem; width: calc(50% - 1rem) }
}
@media (min-width:60em) {
.cp-infinite-list-onr-item .story-item {
margin:0 .5rem .5rem; width: calc(33.33333% - 1rem) }
}
.cp-infinite-list-onr-item .story-item:hover { text-decoration: none }
.cp-infinite-list-onr-item .story-item:hover img { opacity: .8; -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50% }
.cp-infinite-list-onr-item .story-item:hover .-content:after { -webkit-animation: slideButtonArrow .4s linear 1 forwards; animation: slideButtonArrow .4s linear 1 forwards }
.cp-infinite-list-onr-item .story-item:before { background: -webkit-gradient(linear, left bottom, left top, from(hsla(0,0%,100%,0)), to(#000)); background: linear-gradient(0deg, hsla(0,0%,100%,0), #000); bottom: 50%; content: ""; display: block; left: 0; opacity: .6; position: absolute; right: 0; top: 0; -webkit-transition: .6s; transition: .6s; z-index: 1 }
.cp-infinite-list-onr-item .story-item .-content { padding: 2.4rem; z-index: 2; background-color: #f4f4f4 }
@media (min-width:37.5em) {
.cp-infinite-list-onr-item .story-item .-content { box-sizing: border-box; min-height: 23.4rem }
}
.cp-infinite-list-onr-item .story-item .-content:after { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; bottom: 4rem; color: #fff; display: inline-block; font-size: 1.1rem; height: 4rem; line-height: 4.1rem; position: absolute; right: 4rem; text-align: center; text-indent:.1rem;
width: 4rem }
.cp-infinite-list-onr-item .story-item .-date { color: #008F84; font-size: 1.2rem; line-height: 1.5rem; letter-spacing:.1rem;
text-transform: uppercase }
.cp-infinite-list-onr-item .list-tags { display: none; color: #1749c4; flex-wrap: wrap; font-family: Read-Medium, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.1rem; line-height: 1.5rem; margin-bottom: 1.7rem; padding: 0 0 0 1.5rem; position: relative; text-transform: uppercase; z-index: 3 }
.cp-infinite-list-onr-item .list-tags:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: #171F4A; font-size: 1.5rem; left: 0; position: absolute; top: 0 }
.cp-infinite-list-onr-item .list-tags .tag { cursor: pointer; padding: 0 1rem; position: relative }
.cp-infinite-list-onr-item .list-tags .tag:after { background: #1749c4; content: ""; height: 1.2rem; opacity: .2; position: absolute; right: 0; top:calc(50% - .6rem);
width:.1rem
}
.cp-infinite-list-onr-item .list-tags .tag:last-child:after { display: none }
.cp-infinite-list-onr-item .news-item { background: #f4f4f4; display: block; position: relative; margin-bottom: 2.4rem; max-width: 40rem; width: 100% }
@media (min-width:37.5em) {
.cp-infinite-list-onr-item .news-item { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: stretch; justify-content: stretch; margin: 0 1rem 2rem; width: calc(50% - 2rem) }
}
@media (min-width:60em) {
.cp-infinite-list-onr-item .news-item { width: calc(33.33333% - 2rem) }
}
.cp-infinite-list-onr-item .news-item:hover { text-decoration: none }
.cp-infinite-list-onr-item .news-item:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50% }
.cp-infinite-list-onr-item .news-item .-illust:before { padding-top: 55.6962025316% }
.cp-infinite-list-onr-item .news-item .-content { padding: 2.4rem }
@media (min-width:37.5em) {
.cp-infinite-list-onr-item .news-item .-content { box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-height:15rem }
}
.cp-infinite-list-onr-item .news-item .-details { color: #60504a }
.cp-infinite-list-onr-item .news-item .-date { color: #008F84; font-size: 1.2rem; line-height: 1.5rem; letter-spacing:.1rem;
margin-top: 0; text-transform: uppercase }
.cp-infinite-list-onr-item .news-item>.link-article { bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 2 }
.cp-infinite-list-onr-item .news-item>.link-article:hover { text-decoration: none }
.cp-infinite-list-onr-item .btn--orange { width: 100% }
@media (min-width:37.5em) {
.cp-infinite-list-onr-item .btn--orange { width: auto; display: table; margin: 1.8rem auto }
}
.cp-infinite-list-onr-item .btn--orange:focus { outline: none }
.cp-infinite-list-onr-item .loader-container { display: -webkit-box; display: flex; flex-wrap: wrap; height: 100%; margin: 2rem 0; overflow: hidden; width: 100% }
.cp-infinite-list-onr-item .loader-container .loader { -webkit-box-align: center; align-items: center; -webkit-animation: circle-loader-spin 1s linear infinite; animation: circle-loader-spin 1s linear infinite; border-radius: 50%; border:.5rem solid rgba(151,139,127,.2);
border-left-color: #008F84; display: -webkit-box; display: flex; height: 12rem; -webkit-box-pack: center; justify-content: center; margin: 2rem auto 0; min-height: 12rem; min-width: 12rem; -webkit-transform: translateZ(0); transform: translateZ(0); width: 12rem }
.cp-infinite-list-onr-item .no-result { position: relative; z-index: 1 }
.cp-infinite-list-onr-item-t4 { margin: 2rem 0 3rem; position: relative }
@media (min-width:37.5em) {
.cp-infinite-list-onr-item-t4 { margin: 0 0 10rem }
}
@media (min-width:37.5em) {
.cp-infinite-list-onr-item-t4 form { margin: 0 -6.5rem }
}
.cp-infinite-list-onr-item-t4 .form-group { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-bottom: 4rem; width: 100% }
@media (min-width:37.5em) {
.cp-infinite-list-onr-item-t4 .form-group { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 4.2rem; margin-left:-.5rem
}
}
.cp-infinite-list-onr-item-t4 .filters { width: 100% }
@media (min-width:37.5em) {
.cp-infinite-list-onr-item-t4 .filters { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex }
.cp-infinite-list-onr-item-t4 .filters div { width: 34.8rem; margin-right: 1rem }
}
.cp-infinite-list-onr-item-t4 .custom-select-container { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.4rem; margin-bottom: 1.6rem; width: 100%; z-index: 50; color: #000 }
@media (min-width:37.5em) {
.cp-infinite-list-onr-item-t4 .custom-select-container { margin-bottom: 0 }
}
.cp-infinite-list-onr-item-t4 .custom-select-container:focus { outline: none }
.cp-infinite-list-onr-item-t4 .custom-select-opener { border: 0; border-bottom:.1rem solid #171F4A;
line-height: 4rem; padding: 0; position: relative; color: #000 }
.cp-infinite-list-onr-item-t4 .custom-select-opener:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; border: 0; color: #171F4A; font-size: 1.6rem; height: auto; position: absolute; right: 0; top: 1.3rem; width: auto }
.cp-infinite-list-onr-item-t4 .-selected-tag { display: none; background: #fff; border-radius: 1.5rem; color: #1749c4; font-family: Read-Medium, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.41rem; line-height: 2.2rem; margin: 2rem 0; padding:.5rem 3rem .4rem 4.2rem;
position: relative; text-transform: uppercase }
@media (min-width:37.5em) {
.cp-infinite-list-onr-item-t4 .-selected-tag { margin: 0 0 0 3rem }
}
.cp-infinite-list-onr-item-t4 .-selected-tag:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: #171F4A; font-size: 1.5rem; left: 1.5rem; position: absolute; top:.8rem
}
.cp-infinite-list-onr-item-t4 .reset { width: 100%; text-align: right; text-decoration: underline; font-size: 1.4rem; line-height: 4rem; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; background-color: transparent; border: none }
@media (min-width:37.5em) {
.cp-infinite-list-onr-item-t4 .reset { padding-right: 0; margin-right:-.5rem
}
}
.cp-infinite-list-onr-item-t4 .reset:hover { color: #171F4A; opacity: 1 }
.cp-infinite-list-onr-item-t4 .-list { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; position: relative; z-index: 1 }
@media (min-width:37.5em) {
.cp-infinite-list-onr-item-t4 .-list { margin: 0 -10.5rem }
}
@media (min-width:60em) {
.cp-infinite-list-onr-item-t4 .-list { min-width: 100% }
}
.cp-infinite-list-onr-item-t4 .-illust { background: #171F4A; overflow: hidden; position: relative; width: 100%; z-index: 0; height: 18.4rem }
@media (min-width:37.5em) {
.cp-infinite-list-onr-item-t4 .-illust { height: 19.1rem }
}
.cp-infinite-list-onr-item-t4 .-details { font-size: 1.2rem; letter-spacing:.1rem;
line-height: 1.5rem; text-transform: uppercase; margin-bottom:.8rem
}
.cp-infinite-list-onr-item-t4 .-details, .cp-infinite-list-onr-item-t4 h2 { color: #fff; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-infinite-list-onr-item-t4 h2 { font-size: 2rem; line-height: 2.4rem; margin: 0 0 2.4rem }
@media (min-width:37.5em) {
.cp-infinite-list-onr-item-t4 h2 { font-size: 2.3rem; line-height: 2.6rem; margin-bottom: 2.4rem; -webkit-transition: .5s; transition: .5s }
}
.cp-infinite-list-onr-item-t4 .story-item { position: relative; margin-bottom: 1.5rem; max-width: 40rem; width: 100%; background-repeat: no-repeat; -webkit-box-align: end; align-items: flex-end; display: -webkit-box; display: flex; background-size: cover; background-position: 50%; min-height: 35rem }
@media (min-width:37.5em) {
.cp-infinite-list-onr-item-t4 .story-item {
margin:0 .5rem 1.5rem; width: calc(50% - 1rem) }
}
@media (min-width:60em) {
.cp-infinite-list-onr-item-t4 .story-item {
margin:0 .5rem .5rem; width: calc(33.33333% - 1rem); height: 44rem }
}
.cp-infinite-list-onr-item-t4 .story-item:hover { text-decoration: none }
.cp-infinite-list-onr-item-t4 .story-item:hover img { opacity: .8; -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50% }
.cp-infinite-list-onr-item-t4 .story-item:hover .-content:after { -webkit-animation: slideButtonArrow .4s linear 1 forwards; animation: slideButtonArrow .4s linear 1 forwards }
.cp-infinite-list-onr-item-t4 .story-item:before { background: -webkit-gradient(linear, left bottom, left top, from(hsla(0,0%,100%,0)), to(#000)); background: linear-gradient(0deg, hsla(0,0%,100%,0), #000); bottom: 50%; content: ""; display: block; left: 0; opacity: .6; position: absolute; right: 0; top: 0; -webkit-transition: .6s; transition: .6s; z-index: 1 }
.cp-infinite-list-onr-item-t4 .story-item .-content { padding: 2.4rem; z-index: 2 }
.cp-infinite-list-onr-item-t4 .story-item .-date, .cp-infinite-list-onr-item-t4 .story-item .-time { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; color: #fff; font-size: 1.2rem; line-height: 1.5rem; letter-spacing:.1rem;
text-transform: uppercase }
.cp-infinite-list-onr-item-t4 .list-tags { display: none; color: #1749c4; flex-wrap: wrap; font-family: Read-Medium, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.1rem; line-height: 1.5rem; margin-bottom: 1.7rem; padding: 0 0 0 1.5rem; position: relative; text-transform: uppercase; z-index: 3 }
.cp-infinite-list-onr-item-t4 .list-tags:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: #171F4A; font-size: 1.5rem; left: 0; position: absolute; top: 0 }
.cp-infinite-list-onr-item-t4 .list-tags .tag { cursor: pointer; padding: 0 1rem; position: relative }
.cp-infinite-list-onr-item-t4 .list-tags .tag:after { background: #1749c4; content: ""; height: 1.2rem; opacity: .2; position: absolute; right: 0; top:calc(50% - .6rem);
width:.1rem
}
.cp-infinite-list-onr-item-t4 .list-tags .tag:last-child:after { display: none }
.cp-infinite-list-onr-item-t4 .news-item { background: #f4f4f4; display: block; position: relative; margin-bottom: 2.4rem; max-width: 40rem; width: 100% }
@media (min-width:37.5em) {
.cp-infinite-list-onr-item-t4 .news-item { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: stretch; justify-content: stretch; margin: 0 1rem 2rem; width: calc(50% - 2rem) }
}
@media (min-width:60em) {
.cp-infinite-list-onr-item-t4 .news-item { width: calc(33.33333% - 2rem) }
}
.cp-infinite-list-onr-item-t4 .news-item:hover { text-decoration: none }
.cp-infinite-list-onr-item-t4 .news-item:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50% }
.cp-infinite-list-onr-item-t4 .news-item .-illust:before { padding-top: 55.6962025316% }
.cp-infinite-list-onr-item-t4 .news-item .-content { padding: 2.4rem }
@media (min-width:37.5em) {
.cp-infinite-list-onr-item-t4 .news-item .-content { box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-height: 23.4rem }
}
.cp-infinite-list-onr-item-t4 .news-item>.link-article { bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 2 }
.cp-infinite-list-onr-item-t4 .news-item>.link-article:hover { text-decoration: none }
.cp-infinite-list-onr-item-t4 .btn--orange { width: 100% }
@media (min-width:37.5em) {
.cp-infinite-list-onr-item-t4 .btn--orange { width: auto; display: table; margin: 1.8rem auto }
}
.cp-infinite-list-onr-item-t4 .btn--orange:focus { outline: none }
.cp-infinite-list-onr-item-t4 .loader-container { display: -webkit-box; display: flex; flex-wrap: wrap; height: 100%; margin: 2rem 0; overflow: hidden; width: 100% }
.cp-infinite-list-onr-item-t4 .loader-container .loader { -webkit-box-align: center; align-items: center; -webkit-animation: circle-loader-spin 1s linear infinite; animation: circle-loader-spin 1s linear infinite; border-radius: 50%; border:.5rem solid rgba(151,139,127,.2);
border-left-color: #008F84; display: -webkit-box; display: flex; height: 12rem; -webkit-box-pack: center; justify-content: center; margin: 2rem auto 0; min-height: 12rem; min-width: 12rem; -webkit-transform: translateZ(0); transform: translateZ(0); width: 12rem }
.cp-infinite-list-onr-item-t4 .no-result { position: relative; z-index: 1 }
.cp-slider-milestone-news { margin: 6rem 0; padding: 1.5rem 0 0; position: relative }
@media (min-width:37.5em) {
.cp-slider-milestone-news { margin: 8rem 0 8.9rem }
}
.cp-slider-milestone-news.-with-pattern { background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 409'%3E%3Cpath d='M-3.8 13.5c49.6 0 96.3 19.9 131.4 56 17.1 17.6 30.5 38.1 39.9 60.9 9.7 23.6 14.7 48.7 14.7 74.6s-4.9 51-14.7 74.6c-9.4 22.8-22.8 43.3-39.9 60.9-35.1 36.1-81.8 56-131.4 56s-96.3-19.9-131.4-56c-17.1-17.6-30.5-38.1-39.9-60.9-9.7-23.6-14.7-48.7-14.7-74.6s4.9-51 14.7-74.6c9.4-22.8 22.8-43.3 39.9-60.9 35.2-36.1 81.8-56 131.4-56m0-11c-108.8 0-196.9 90.7-196.9 202.5s88.2 202.5 196.9 202.5 197-90.6 197-202.5S105 2.5-3.8 2.5z' fill='%23ffcd34'/%3E%3Cpath d='M120.9 1.5c53.9 0 97.7 43.3 97.7 96.5s-43.8 96.5-97.7 96.5S23.2 151.2 23.2 98 67 1.5 120.9 1.5m0-1C66.4.5 22.2 44.2 22.2 98s44.2 97.5 98.7 97.5 98.7-43.7 98.7-97.5S175.4.5 120.9.5z' fill='%23fff59b'/%3E%3C/svg%3E") no-repeat 0 0/25vw auto }
@media (min-width:37.5em) {
.cp-slider-milestone-news.-with-pattern { background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 409'%3E%3Cpath d='M-3.8 13.5c49.6 0 96.3 19.9 131.4 56 17.1 17.6 30.5 38.1 39.9 60.9 9.7 23.6 14.7 48.7 14.7 74.6s-4.9 51-14.7 74.6c-9.4 22.8-22.8 43.3-39.9 60.9-35.1 36.1-81.8 56-131.4 56s-96.3-19.9-131.4-56c-17.1-17.6-30.5-38.1-39.9-60.9-9.7-23.6-14.7-48.7-14.7-74.6s4.9-51 14.7-74.6c9.4-22.8 22.8-43.3 39.9-60.9 35.2-36.1 81.8-56 131.4-56m0-11c-108.8 0-196.9 90.7-196.9 202.5s88.2 202.5 196.9 202.5 197-90.6 197-202.5S105 2.5-3.8 2.5z' fill='%23ffcd34'/%3E%3Cpath d='M120.9 1.5c53.9 0 97.7 43.3 97.7 96.5s-43.8 96.5-97.7 96.5S23.2 151.2 23.2 98 67 1.5 120.9 1.5m0-1C66.4.5 22.2 44.2 22.2 98s44.2 97.5 98.7 97.5 98.7-43.7 98.7-97.5S175.4.5 120.9.5z' fill='%23fff59b'/%3E%3C/svg%3E") no-repeat 0 0/22rem auto }
}
.cp-slider-milestone-news.-grey-version { background: #f0f0ef; padding: 8rem 0 6rem }
@media (min-width:37.5em) {
.cp-slider-milestone-news.-grey-version { padding: 14rem 0 10rem }
}
.cp-slider-milestone-news.-grey-version .cp-slider-vertical-parallax .container-pagination, .cp-slider-milestone-news.-grey-version .teq-container, .cp-slider-vertical-parallax .cp-slider-milestone-news.-grey-version .container-pagination { position: relative }
.cp-slider-milestone-news.-grey-version.-with-pattern { background: #f0f0ef url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 409'%3E%3Cpath d='M-3.8 13.5c49.6 0 96.3 19.9 131.4 56 17.1 17.6 30.5 38.1 39.9 60.9 9.7 23.6 14.7 48.7 14.7 74.6s-4.9 51-14.7 74.6c-9.4 22.8-22.8 43.3-39.9 60.9-35.1 36.1-81.8 56-131.4 56s-96.3-19.9-131.4-56c-17.1-17.6-30.5-38.1-39.9-60.9-9.7-23.6-14.7-48.7-14.7-74.6s4.9-51 14.7-74.6c9.4-22.8 22.8-43.3 39.9-60.9 35.2-36.1 81.8-56 131.4-56m0-11c-108.8 0-196.9 90.7-196.9 202.5s88.2 202.5 196.9 202.5 197-90.6 197-202.5S105 2.5-3.8 2.5z' fill='%23ffcd34'/%3E%3Cpath d='M120.9 1.5c53.9 0 97.7 43.3 97.7 96.5s-43.8 96.5-97.7 96.5S23.2 151.2 23.2 98 67 1.5 120.9 1.5m0-1C66.4.5 22.2 44.2 22.2 98s44.2 97.5 98.7 97.5 98.7-43.7 98.7-97.5S175.4.5 120.9.5z' fill='%23fff59b'/%3E%3C/svg%3E") no-repeat 0 2rem/25vw auto }
@media (min-width:37.5em) {
.cp-slider-milestone-news.-grey-version.-with-pattern { background: #f0f0ef url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 409'%3E%3Cpath d='M-3.8 13.5c49.6 0 96.3 19.9 131.4 56 17.1 17.6 30.5 38.1 39.9 60.9 9.7 23.6 14.7 48.7 14.7 74.6s-4.9 51-14.7 74.6c-9.4 22.8-22.8 43.3-39.9 60.9-35.1 36.1-81.8 56-131.4 56s-96.3-19.9-131.4-56c-17.1-17.6-30.5-38.1-39.9-60.9-9.7-23.6-14.7-48.7-14.7-74.6s4.9-51 14.7-74.6c9.4-22.8 22.8-43.3 39.9-60.9 35.2-36.1 81.8-56 131.4-56m0-11c-108.8 0-196.9 90.7-196.9 202.5s88.2 202.5 196.9 202.5 197-90.6 197-202.5S105 2.5-3.8 2.5z' fill='%23ffcd34'/%3E%3Cpath d='M120.9 1.5c53.9 0 97.7 43.3 97.7 96.5s-43.8 96.5-97.7 96.5S23.2 151.2 23.2 98 67 1.5 120.9 1.5m0-1C66.4.5 22.2 44.2 22.2 98s44.2 97.5 98.7 97.5 98.7-43.7 98.7-97.5S175.4.5 120.9.5z' fill='%23fff59b'/%3E%3C/svg%3E") no-repeat 0 2rem/22rem auto }
}
.cp-slider-milestone-news.-grey-version .-item { background: #fff }
.cp-slider-milestone-news.-dark-version { background: #171F4A; color: #fff; padding: 8rem 0 6rem }
@media (min-width:37.5em) {
.cp-slider-milestone-news.-dark-version { padding: 14rem 0 10rem }
}
.cp-slider-milestone-news.-dark-version .cp-slider-vertical-parallax .container-pagination, .cp-slider-milestone-news.-dark-version .teq-container, .cp-slider-vertical-parallax .cp-slider-milestone-news.-dark-version .container-pagination { position: relative }
.cp-slider-milestone-news.-dark-version.-with-pattern:before { background: transparent url(images/pattern/neon.svg) no-repeat 0 0/100% auto; content: ""; left: 1rem; height: 9rem; position: absolute; top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 15rem; z-index: 1 }
@media (min-width:37.5em) {
.cp-slider-milestone-news.-dark-version.-with-pattern:before { height: 11rem; width: 22rem }
}
@media (min-width:76em) {
.cp-slider-milestone-news.-dark-version.-with-pattern:before { left: 7rem }
}
.cp-slider-milestone-news.-dark-version.-with-pattern .cp-slider-vertical-parallax .container-pagination:before, .cp-slider-milestone-news.-dark-version.-with-pattern .teq-container:before, .cp-slider-vertical-parallax .cp-slider-milestone-news.-dark-version.-with-pattern .container-pagination:before { background: transparent url(images/pattern/blue-dots-right.svg) no-repeat 100% 0/22rem auto; content: ""; display: none; height: 22rem; position: absolute; right: 0; top: 0; -webkit-transform: translate(-25%, -50%); transform: translate(-25%, -50%); width: 22rem; z-index: 1 }
@media (min-width:76em) {
.cp-slider-milestone-news.-dark-version.-with-pattern .cp-slider-vertical-parallax .container-pagination:before, .cp-slider-milestone-news.-dark-version.-with-pattern .teq-container:before, .cp-slider-vertical-parallax .cp-slider-milestone-news.-dark-version.-with-pattern .container-pagination:before { display: block }
}
.cp-slider-milestone-news.-dark-version h2 { color: #fff }
.cp-slider-milestone-news h2 { font-size: 3rem; line-height: 3.5rem; margin: 0 0 3rem; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:37.5em) {
.cp-slider-milestone-news h2 { font-size: 3.8rem; line-height: 4.6rem; margin: 0 0 4rem }
}
.cp-slider-milestone-news p {
letter-spacing:.067rem; line-height: 2.5rem; margin: 0 auto 5rem; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-slider-milestone-news .-container-slider { position: relative }
.cp-slider-milestone-news .-list { box-sizing: content-box; display: -webkit-box; display: flex; height: 100%; overflow: visible; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; z-index: 1 }
.cp-slider-milestone-news .-item { background: #f4f4f4; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; flex-shrink: 0; -webkit-box-flex: 1; flex-grow: 1; position: relative; margin-right: 2rem; max-width: 40rem; width: calc(100% - 3.5rem) }
@media (min-width:37.5em) {
.cp-slider-milestone-news .-item { flex-shrink: inherit; min-width: calc(50% - 1rem); width: calc(50% - 1rem) }
}
.cp-slider-milestone-news .-item:hover { text-decoration: none }
.cp-slider-milestone-news .-item:hover h2 { color: #000 }
.cp-slider-milestone-news .-item:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50% }
.cp-slider-milestone-news .-illust { overflow: hidden; position: relative; width: 100% }
.cp-slider-milestone-news .-illust:before { content: ""; display: block; padding-top: 55.6962025316%; width: 100% }
.cp-slider-milestone-news img { font-family: " object-fit: cover;"; height: 100%; -o-object-fit: cover; object-fit: cover; left: 0; position: absolute; top: 0; -webkit-transition: -webkit-transform .6s; transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s; width: 100% }
.cp-slider-milestone-news .-content { padding: 1.8rem 2rem; position: relative }
@media (min-width:37.5em) {
.cp-slider-milestone-news .-content { box-sizing: border-box; padding: 2.4rem 2.4rem 2.1rem }
}
.cp-slider-milestone-news .-details { color: #60504a; font-size: 2.4rem; letter-spacing:.1rem;
line-height: 1.5rem; text-transform: uppercase; margin-bottom:.8rem
}
.cp-slider-milestone-news .-details, .cp-slider-milestone-news h3 { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-slider-milestone-news h3 { font-size: 2rem; line-height: 2.6rem; margin: 0 0 3.1rem }
@media (min-width:37.5em) {
.cp-slider-milestone-news h3 { font-size: 2.3rem; overflow: hidden; height: 5.2rem }
}
.cp-slider-milestone-news .-date { color: #008F84; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; line-height: 1.5rem; letter-spacing:.1rem
}
.cp-slider-milestone-news .btn-slider-round-yellow { color: #171F4A; cursor: pointer; display: none; position: absolute; right: 5rem; top: -3rem; -webkit-transform: translateY(-2.5rem); transform: translateY(-2.5rem); width: 4rem; z-index: 5 }
@media (min-width:37.5em) {
.cp-slider-milestone-news .btn-slider-round-yellow { top: -4.5rem; display: block }
}
.cp-slider-milestone-news .btn-slider-round-yellow:focus { outline: none }
.cp-slider-milestone-news .btn-slider-round-yellow:hover { text-decoration: none }
.cp-slider-milestone-news .btn-slider-round-yellow:hover:before { background: #ffde00 }
.cp-slider-milestone-news .btn-slider-round-yellow+.btn-slider-round-yellow { display: none; right: -53px; -webkit-transform: translate(-100%, -2.5rem); transform: translate(-100%, -2.5rem) }
@media (min-width:37.5em) {
.cp-slider-milestone-news .btn-slider-round-yellow+.btn-slider-round-yellow { display: block }
}
.cp-slider-milestone-news .btn-slider-round-yellow+.btn-slider-round-yellow:after { -webkit-transform: scale(1); transform: scale(1) }
.cp-slider-milestone-news .btn-slider-round-yellow:after, .cp-slider-milestone-news .btn-slider-round-yellow:before { display: block }
.cp-slider-milestone-news .btn-slider-round-yellow:after { background: transparent; color: #171F4A; content: "\E96E"; font-size: 2.5rem; font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; display: inline-block; left: 0; position: absolute; top: 0; text-align: center; -webkit-transform: scale(-1); transform: scale(-1) }
.cp-slider-milestone-news .btn-slider-round-yellow.swiper-button-disabled { display: none; opacity: .2 }
@media (min-width:37.5em) {
.cp-slider-milestone-news .btn-slider-round-yellow.swiper-button-disabled { display: block }
}
.cp-slider-milestone-news .btn-yellow { display: table; margin: 3rem auto 0; max-width: 30rem; width: 100% }
@media (min-width:37.5em) {
.cp-slider-milestone-news .btn-yellow { max-width: none; width: auto }
}
.cp-slider-story { margin-bottom: 4rem }
@media (min-width:37.5em) {
.cp-slider-story { margin-bottom: 5rem }
}
.cp-slider-story.-grey-version { background: #f0f0ef }
.cp-slider-story.-grey-version .cp-slider-vertical-parallax .container-pagination, .cp-slider-story.-grey-version .teq-container, .cp-slider-vertical-parallax .cp-slider-story.-grey-version .container-pagination { border-bottom: 0 }
.cp-slider-story .cp-slider-vertical-parallax .container-pagination, .cp-slider-story .teq-container, .cp-slider-vertical-parallax .cp-slider-story .container-pagination { border-bottom: 1px solid #eae9e8; box-sizing: border-box; overflow: visible; padding-top: 3.3rem; width: calc(100% - 4rem) }
@media (min-width:37.5em) {
.cp-slider-story .cp-slider-vertical-parallax .container-pagination, .cp-slider-story .teq-container, .cp-slider-vertical-parallax .cp-slider-story .container-pagination { max-width: 120rem }
}
.cp-slider-story .swiper-container { overflow: visible }
.cp-slider-story .item {
margin:0 .5rem; width: 100% }
@media (min-width:37.5em) {
.cp-slider-story .item { margin: 0 1rem }
}
.cp-slider-story .link:hover { text-decoration: none }
.cp-slider-story .illust-container { overflow: hidden; position: relative }
.cp-slider-story .illust-container:before { display: block; content: ""; width: 100%; padding-top: 50.6329113924% }
.cp-slider-story .illust-container img { position: absolute; top: 0; left: 0; bottom: 0; min-width: 100%; min-height: 100%; -o-object-fit: cover; object-fit: cover }
.cp-slider-story .description { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-style: italic; font-size: 1.8rem; line-height: 2.8rem; padding: 10px 0 0; margin: 0; text-transform: none; text-align: center; color: #999 }
.cp-slider-story .slider-story-button-next, .cp-slider-story .slider-story-button-prev { background: rgba(0,0,0,.6); border-radius: 50%; height: 4.6rem; top: 35%; width: 4.6rem }
@media (min-width:37.5em) {
.cp-slider-story .slider-story-button-next, .cp-slider-story .slider-story-button-prev { height: 8rem; top: 45%; width: 8rem }
}
.cp-slider-story .slider-story-button-next.swiper-button-disabled, .cp-slider-story .slider-story-button-prev.swiper-button-disabled { opacity: 0 }
.cp-slider-story .slider-story-button-next:before, .cp-slider-story .slider-story-button-prev:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: #fff; font-size: 1.6rem; display: inline-block; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; z-index: 10 }
@media (min-width:37.5em) {
.cp-slider-story .slider-story-button-next:before, .cp-slider-story .slider-story-button-prev:before { font-size: 2.6rem }
}
.cp-slider-story .slider-story-button-prev { display: none }
@media (min-width:37.5em) {
.cp-slider-story .slider-story-button-prev { display: block; left: -11rem }
}
@media (min-width:105em) {
.cp-slider-story .slider-story-button-prev { display: block; left: -13rem }
}
.cp-slider-story .slider-story-button-prev:before { -webkit-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg) }
.cp-slider-story .slider-story-button-next { right: -1.5rem; display: none }
@media (min-width:37.5em) {
.cp-slider-story .slider-story-button-next { display: block; right: -11rem }
}
@media (min-width:105em) {
.cp-slider-story .slider-story-button-next { display: block; right: -13rem }
}
.cp-slider-story .slider-story-button-next:before { -webkit-transform: translate(-50%, -50%) rotate(1turn); transform: translate(-50%, -50%) rotate(1turn) }
.cp-text-img-alternate { margin: 5rem auto; max-width: 108.4rem; width: calc(100% - 4.8rem) }
@media (min-width:37.5em) {
.cp-text-img-alternate { margin: 12rem auto 5rem }
}
.cp-text-img-alternate h1, .cp-text-img-alternate h2, .cp-text-img-alternate h3, .cp-text-img-alternate h4, .cp-text-img-alternate h5, .cp-text-img-alternate h6 { color: #171F4A; margin-bottom: 3rem; width: 100%; font-style: normal; text-align: center }
@media (min-width:37.5em) {
.cp-text-img-alternate h1, .cp-text-img-alternate h2, .cp-text-img-alternate h3, .cp-text-img-alternate h4, .cp-text-img-alternate h5, .cp-text-img-alternate h6 { margin-bottom: 5rem }
}
.cp-text-img-alternate .content { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column }
@media (min-width:37.5em) {
.cp-text-img-alternate .content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row }
}
@media (min-width:37.5em) {
.cp-text-img-alternate .inverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse }
}
@media (min-width:37.5em) {
.cp-text-img-alternate .inverse .text { padding: 0 5rem 0 0 }
}
.cp-text-img-alternate .illust { width: 100%; height: auto; margin: 0 auto }
@media (min-width:37.5em) {
.cp-text-img-alternate .illust { width: 50% }
}
.cp-text-img-alternate .text { width: 100% }
@media (min-width:37.5em) {
.cp-text-img-alternate .text { width: 50%; padding: 0 0 0 5rem }
}
.cp-text-img-alternate a, .cp-text-img-alternate li, .cp-text-img-alternate p { color: #171F4A; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; line-height: 2.8rem; margin-bottom: 2.5rem; position: relative; text-align: left; z-index: 2 }
@media (min-width:37.5em) {
.cp-text-img-alternate a, .cp-text-img-alternate li, .cp-text-img-alternate p { margin-top: 0; font-size: 2.2rem; line-height: 3.4rem }
}
.cp-text-img-alternate blockquote, .cp-text-img-alternate blockquote p { font-size: 2.2rem; line-height: 2.7rem; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-text-img-alternate figure { margin: 0 }
.cp-text-img-alternate .legend-text { border-bottom: 1px solid #eae9e8; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.8rem; padding: 10px 0 0; font-style: italic; color: #999; text-transform: none; text-align: center; margin: 0; width: 100% }
.cp-stories-content .content { margin: 5rem auto; max-width:79.5rem }
@media (min-width:37.5em) {
.cp-stories-content .content { margin-top: 0rem }
}
.cp-stories-content h1, .cp-stories-content h2, .cp-stories-content h3, .cp-stories-content h4, .cp-stories-content h5, .cp-stories-content h6 { color: #171F4A; margin-bottom: 3rem; width: 100%; font-style: normal; text-align: center }
.cp-stories-content a, .cp-stories-content li, .cp-stories-content p { color: #171F4A; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; line-height: 2.8rem; margin-bottom: 2.5rem; position: relative; text-align: left; z-index: 2 }
@media (min-width:37.5em) {
.cp-stories-content a, .cp-stories-content li, .cp-stories-content p { font-size: 2rem; line-height: 3.4rem }
}
.cp-stories-content blockquote, .cp-stories-content blockquote p { line-height: 2.7rem; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-stories-img-description { margin: 5rem auto }
.cp-stories-img-description .illust { display: block; margin: 0 auto; height: auto; width: 100% }
.cp-stories-img-description figure { margin: 0 }
.cp-stories-img-description .legend-text { border-bottom: 1px solid #eae9e8; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; font-style: italic; color: #999; text-align: center; margin-top: 2rem; padding-bottom: 2rem; width: 100% }
.story--bio { margin: 0 auto; max-width:calc(100% - .5rem)
}
@media (min-width:37.5em) {
.story--bio { display: -webkit-box; display: flex; flex-basis: auto; flex-wrap: wrap; width: 119rem }
}
.story--bio h2 { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:37.5em) {
.story--bio h2 { font-size: 2.3rem; line-height: 2.6rem; margin-bottom: 4rem }
}
.story--bio .item { background: #f4f4f4; box-sizing: border-box; margin-bottom: 2rem; position: relative; width: 100% }
@media (min-width:37.5em) {
.story--bio .item { margin-right: 2rem; text-align: center; width: calc(50% - 1rem) }
.story--bio .item:nth-child(2n) { margin-right: 0 }
}
@media (min-width:60em) {
.story--bio .item { margin-right: 2rem; width: calc(33% - 1.5rem) }
.story--bio .item:nth-child(2n) { margin-right: 2rem }
.story--bio .item:nth-child(3n) { margin-right: 0 }
}
@media (min-width:76em) {
.story--bio .item { margin-right: 2rem; width: calc(25% - 1.5rem) }
.story--bio .item:nth-child(3n) { margin-right: 2rem }
.story--bio .item:nth-child(4n) { margin-right: 0 }
}
.story--bio .with-link { -webkit-transition: .4s; transition: .4s }
.story--bio .flex-container { display: -webkit-box; display: flex; -webkit-box-pack: start; justify-content: flex-start }
@media (min-width:37.5em) {
.story--bio .flex-container { -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 100% }
}
.story--bio .portrait { align-content: center; background-repeat: no-repeat; background-position: 50%; background-size: 83%; background-color: #008F84; display: -webkit-box; display: flex; height: 9rem; overflow: hidden; position: relative; width: 9rem }
@media (min-width:37.5em) {
.story--bio .portrait { height: 19.1rem; min-height: 19.1rem; margin: 0 auto; width: 100%; background-size: inherit }
}
.story--bio .portrait img { font-family: "object-fit: cover"; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 0; object-position: 50% 0; width: 100% }
.story--bio .content { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; width: calc(100% - 12rem); padding: 1.6rem }
@media (min-width:37.5em) {
.story--bio .content { align-content: space-between; height: calc(100% - 12rem); width: calc(100% - 3.2rem); padding: 2.4rem 1.6rem }
}
.story--bio .image-link { cursor: pointer; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100% }
.story--bio .name { color: #171F4A; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.7rem; letter-spacing: 0; min-height: 5rem; margin:0 0 .8rem
}
@media (min-width:37.5em) {
.story--bio .name { text-align: center }
}
.story--bio .description { color: #171F4A; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; line-height: 1.5rem; margin-bottom: 2.4rem; text-decoration: none; text-transform: uppercase; word-spacing:.2rem
}
@media (min-width:37.5em) {
.story--bio .description { text-align: center; height: 13.5rem; overflow: hidden }
}
.story--bio .icon-document, .story--bio .icon-instagram-background, .story--bio .icon-linkedin-background, .story--bio .icon-mail, .story--bio .icon-twitter-background { display: inline-block; font-size: 2.3rem; margin: 1rem 1.6rem 0 0; overflow: visible; color: #008F84; -webkit-transition: .4s; transition: .4s }
.story--bio .icon-document:hover, .story--bio .icon-instagram-background:hover, .story--bio .icon-linkedin-background:hover, .story--bio .icon-mail:hover, .story--bio .icon-twitter-background:hover { -webkit-transform: scale(1.2); transform: scale(1.2); text-decoration: none }
.story--bio .mandats { color: #171F4A; overflow: visible; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.4rem; line-height: 2.4rem; text-align: center }
.story--bio .mandats:hover { text-decoration: none }
.story--bio .link-name { position: relative; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.4rem; line-height: 2.4rem; margin-left: -4rem }
.story--bio .link-name:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; content: "\E96E"; font-size: 1.6rem; color: #171F4A; position: absolute; top:.4rem;
right: 1.8rem; z-index: 10 }
.story--bio .icon-arrow-narrow { display: none }
@media (min-width:76em) {
.page-title h1 { width: 120rem; margin:4.8rem auto .5rem
}
}
.story--electric .it-cat, .story--electric .it-date, .story--electric .it-meta { font-size: 1.1rem; font-weight: 700; color: #d2d2d2!important; display: inline!important }
.story--electric a.it-cat { text-decoration: underline }
.story--electric .ico--play { display: none!important }
.story--electric .icon-electric:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; font-size: 3.5rem!important; color: #007396; z-index: 10 }
.story--electric .logo { display: block; margin: 15px 0 20px; width: 126px }
.story--twitter.story--square .it-content:before { content: ""; display: inline-block; width: 60px; height: 51px; background: url(images/sprite.png) no-repeat -200px 0 }
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {
.story--twitter.story--square .it-content:before { background-image: url(images/sprite_2x.png); background-size: 500px 500px }
}
.story--twitter.story--square .it-meta { margin-bottom: 0 }
.story--twitter.story--square .it-meta a { font-family: Helvetica Neue LT W05_37 Th Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; font-style: normal }
.story--twitter.story--square .it-message, .story--twitter.story--square .it-source { margin-bottom: 0 }
.story--twitter .it-meta a, .story--twitter.story--square a { color: #00ace3 }
.story--report .it-title { position: relative; margin-bottom: 5px; font-family: Helvetica Neue LT W05_57 Cond, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.2rem; font-weight: 400; line-height: 1.15em }
.story--report .it-title, .story--report .it-title>a { color: #333 }
.story--report .it-title>a:hover { color: #171F4A; text-decoration: none }
.story--report .it-meta { font-size: 1rem; font-weight: 700; color: #d2d2d2; margin-bottom: 0 }
.story--report .it-meta .it-cat, .story--report .it-meta a { color: #6c6f70 }
.story--report .it-meta .it-cat { font-weight: 700 }
.story--report .it-meta p { font-size: 1.6rem }
.story--report .it-author, .story--report .it-desc { line-height: 1.5em; color: #999 }
.story--report .it-author { position: relative; min-height: 60px; padding-left: 20px; margin-top: 15px; font-size: 1.1rem }
.story--report .it-author>strong { display: block; font-family: Helvetica Neue LT W05_57 Cond, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; font-weight: 400 }
.story--report .it-author>img { position: absolute; left: -43px; top: 0; width: 50px }
@media (min-width:37.5em) {
.story--report .it-title { margin-top: 3px; font-size: 1.7rem }
}
@media (min-width:60em) {
.story--report .it-title { margin-top: 1px; font-size: 1.8rem }
}
@media (min-width:76em) {
.story--report .it-title { margin-top: 0; font-size: 1.9rem }
}
.story--facebook .it-ico { border: 0; font: 0/0 a; text-shadow: none; color: transparent; width: 31px; height: 31px }
.story--facebook .it-meta a { display: block; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 1px) }
.story--facebook .it-source { margin-bottom: 0 }
.story--facebook.story--square .it-content:before { content: ""; display: inline-block; width: 58px; height: 58px; background: url(images/sprite.png) no-repeat -376px -125px }
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {
.story--facebook.story--square .it-content:before { background-image: url(images/sprite_2x.png); background-size: 500px 500px }
}
.story--facebook.story--square a { color: #333 }
.story--facebook .it-meta a { color: #3b5998 }
.story--instagram .it-ico { border: 0; font: 0/0 a; text-shadow: none; color: transparent; width: 31px; height: 31px }
.story--instagram .it-meta a { display: block; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 1px) }
.story--instagram .it-meta yarn :-moz-drag-over a {
color:#6c5142
}
.story--instagram.carousel:before, .story--instagram.video:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; content: "\E92D"; font-size: 2.75rem; color: #fff; position: absolute; top: 15px; left: 15px; z-index: 10 }
.story--instagram.carousel:before { content: "\E92C" }
.story--instagram .it-source { margin-bottom: 0 }
.tpl.blog-back-link { color: #1749c4; display: block; font-family: Read-Medium, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; letter-spacing:.4rem;
line-height: 2.8rem; position: relative; padding: 0 1.6rem 0 7rem; text-transform: uppercase }
.tpl.blog-back-link:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; background: #1749c4; border-radius: 100%; color: #fff; display: inline-block; font-size: 1rem; height: 4.5rem; left: 0; line-height: 4.5rem; margin-right: 1.6rem; position: absolute; text-indent: 1.8rem; -webkit-transform: scale(-1); transform: scale(-1); top: -1.2rem; width: 4.5rem }
.tpl.blog-back-link a { color: #1749c4 }
.story-title .page-title { display: -webkit-box; display: flex; padding-top: 3.5rem; margin: 0 2.4rem }
@media (min-width:60em) {
.story-title .page-title { margin: 0 auto; -webkit-box-align: center; align-items: center }
}
@media (min-width:76em) {
.story-title .page-title { width: 120rem; margin: 0 auto 4.2rem; padding-top: 0 }
}
.story-title .page-title h1 { padding-top: 6rem }
@media (min-width:60em) {
.story-title .page-title h1 { padding-top: 0 }
}
.story-title .page-title .social { position: absolute; right: 0; top: 4rem }
@media (min-width:60em) {
.story-title .page-title .social { margin-top: 0; top: 6rem }
}
.zone--banner-wall { padding: 0; overflow: hidden; position: relative }
.zone--wall .l-col { margin-top: 10px }
.l-zone-flex { display: -webkit-box; display: flex; flex-wrap: wrap }
.l-zone-flex .l-col, .l-zone-flex .l-zone>div { float: none }
.mod-title[class].tpl--title-wall, .tpl--title[class].tpl--title-wall { color: #fff }
.mod-title[class].tpl--title-wall span, .tpl--title[class].tpl--title-wall span { font-family: Helvetica Neue LT W05_37 Th Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.bg--agenda-event { background: #000 url(images/agenda-event/bg.jpg) no-repeat top/cover }
.cp-form-search-offer { margin: 3rem 0 6rem }
@media (min-width:37.5em) {
.cp-form-search-offer { margin: 6rem 0 }
}
.cp-form-search-offer h2 { font-size: 3rem; line-height: 3.5rem; margin: 0 0 3rem; text-align: center; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:37.5em) {
.cp-form-search-offer h2 { font-size: 4.8rem; line-height: 4.6rem; margin: 0 0 6rem }
}
.cp-form-search-offer .-form-container { background-color: #f4f4f4; margin: 0 auto; position: relative; width: 100% }
@media (min-width:37.5em) {
.cp-form-search-offer .-form-container { width: 65.83333% }
}
.cp-form-search-offer .banner-talents-form { padding: 3rem; position: relative; z-index: 20 }
@media (min-width:37.5em) {
.cp-form-search-offer .banner-talents-form { padding: 6.3rem 0 3rem }
}
.cp-form-search-offer .jobsearch-form-txt { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2.6rem; margin-bottom: 1.6rem; text-align: center }
@media (min-width:37.5em) {
.cp-form-search-offer .jobsearch-form-txt { font-size: 2.1rem }
}
.cp-form-search-offer .selects-container { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center }
.cp-form-search-offer .select-container { width: 100% }
@media (min-width:37.5em) {
.cp-form-search-offer .select-container { min-width: 26rem; max-width: calc(33.33333% - 2.4rem) }
}
@media (min-width:37.5em) {
.cp-form-search-offer .select-container+.select-container { margin: 2.4rem 0 0 2.4rem }
}
.cp-form-search-offer .customSelect { -webkit-box-align: center; align-items: center; border-bottom: 1px solid #008F84; color: #171F4A; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-width: 18rem; text-align: left }
@media (min-width:37.5em) {
.cp-form-search-offer .customSelect { min-width: 26rem }
}
.cp-form-search-offer .customSelect .custom-select-opener { border: 0; color: #008F84; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.4rem; max-width: 100%; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; vertical-align: bottom; white-space: nowrap; width: 100% }
@media (min-width:37.5em) {
.cp-form-search-offer .customSelect .custom-select-opener { max-width: 25rem }
}
.cp-form-search-offer .customSelect .custom-select-opener:focus { outline: none }
.cp-form-search-offer .customSelect .custom-select-opener:before { display: none }
.cp-form-search-offer .customSelect .custom-select-opener:after { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; content: "\E958"; display: inline-block; color: #008F84; font-size: 1.6rem; position: absolute; right:.2rem;
top: 1.5rem; -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg) }
.cp-form-search-offer .custom-select-opener { background: 0 none; padding: 0 }
.cp-form-search-offer .custom-select-panel { background-color: #fff; box-shadow: 0 0 17px 0 rgba(0,0,0,.1); color: #171F4A; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.4rem; min-width: 100%; right: 0; width: auto; left: auto }
@media (min-width:37.5em) {
.cp-form-search-offer .custom-select-panel { left: -1.1rem }
}
.cp-form-search-offer .custom-select-option {
padding:.5rem 1rem; white-space: nowrap }
.cp-form-search-offer .custom-select-option.is-selected { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-weight: 400 }
.cp-form-search-offer .custom-select-option.is-selected:before { display: none }
.cp-form-search-offer .custom-select-option.has-focus { background: #444; color: #fff; cursor: pointer }
.cp-form-search-offer .link-redirect { margin: 0 }
.cp-form-search-offer .btn-icon-round-yellow, .cp-form-search-offer .btn-icon-yellow { text-transform: inherit; color: #000 }
.cp-form-search-offer .container-btn { text-align: center; margin-top: 4rem }
.cp-form-search-offer .btn-icon-round-yellow:before { display: none }
.cp-form-search-offer .btn-icon-round-yellow:after { color: #171F4A; background: inherit; content: "\E96E"; left: -4.5rem; font-size: 1.6rem }
@keyframes loading { 0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to { -webkit-transform: rotate(1turn); transform: rotate(1turn) }
}
@-webkit-keyframes loading { 0% {
-webkit-transform:rotate(0deg)
}
to { -webkit-transform: rotate(1turn) }
}
.mod-slider-animated { background: #f0f0ef; padding: 40px 0 }
@media (min-width:76em) {
.mod-slider-animated { padding: 85px 0 }
}
.mod-slider-animated .dt-zone { background: #fff; display: -webkit-box; display: flex; margin: 0 auto }
.mod-slider-animated .-content { box-sizing: border-box; padding: 35px }
@media (min-width:60em) {
.mod-slider-animated .-content { width: 41.66667% }
}
.mod-slider-animated h2 { color: #171F4A; font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; line-height: 100%; margin: 0 0 30px }
.mod-slider-animated .-subtitle { color: #171F4A; font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.2rem; line-height: 1.2 }
.mod-slider-animated p { color: #171F4A; font-family: Helvetica Neue LT W05_47 Lt Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.2rem; line-height: 1.2; margin-top: 5px }
.mod-slider-animated .slider { display: none; position: relative }
@media (min-width:60em) {
.mod-slider-animated .slider { display: block; overflow: hidden; width: 730px }
}
.mod-slider-animated .slider:before { background: #008F84; content: ""; display: block; height: 210px; position: absolute; right: 60px; top: 95px; width: 170px; z-index: 2 }
.mod-slider-animated .slider:after { background: rgba(17,17,17,.94); box-sizing: border-box; content: ""; height: 210px; padding: 30px; position: absolute; right: 85px; top: 115px; width: 275px; z-index: 3 }
.mod-slider-animated .slider .slide { bottom: 0; left: 0; position: absolute; right: 0; top: 0; visibility: hidden }
.mod-slider-animated .slider .slide img { opacity: 0; max-width: none; min-height: 100%; -webkit-transition: .4s; transition: .4s }
.mod-slider-animated .slider .slide.actif { visibility: visible }
.mod-slider-animated .slider .slide.actif img { opacity: 1 }
.mod-slider-animated .slider .slider-content { color: #fff; box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3.3rem; -webkit-box-pack: center; justify-content: center; height: 210px; line-height: 100%; padding: 30px; position: absolute; right: 85px; text-transform: uppercase; top: 115px; width: 275px; z-index: 4 }
.mod-slider-animated .slider .pager { color: #fff; display: block; font-family: Helvetica Neue LT W05_67 Md Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; position: absolute; right: 110px; top: 130px; z-index: 8 }
.mod-slider-animated .slider .timer { height: 36px; position: absolute; right: 97px; top: 125.5px; width: 36px; z-index: 8; display: inline-block; -webkit-transform: rotate(-90deg); transform: rotate(-90deg) }
.mod-slider-animated .slider svg { background: transparent; border-radius: 50%; height: 36px; position: relative; width: 36px }
.mod-slider-animated .slider .circle-pie { stroke-dashoffset: 116; stroke-dasharray: 116 }
.mod-slider-animated .slider .is-running .circle-pie { -webkit-animation: grow 4s linear infinite; animation: grow 4s linear infinite }
@-webkit-keyframes grow { to {
stroke-dashoffset:0
}
}
@keyframes grow { to {
stroke-dashoffset:0
}
}
.mod-cta-banner { padding: 4rem 0; position: relative }
@media (min-width:37.5em) {
.mod-cta-banner { height: 90vh; max-height: 67rem; padding: 0 }
.mod-cta-banner:before { background: rgba(0,0,0,.45); content: ""; bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 1 }
}
.mod-cta-banner img { position: relative; width: 100%; z-index: 0 }
@media (min-width:37.5em) {
.mod-cta-banner img { display: block; font-family: "object-fit: cover;"; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center }
}
.mod-cta-banner .-content { color: #171F4A; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; position: relative; margin: 0 auto; max-width: calc(100% - 4.8rem); width: calc(100% - 4.8rem); text-align: center; z-index: 2 }
@media (min-width:37.5em) {
.mod-cta-banner .-content { bottom: 0; color: #fff; left: 50%; max-width: 1200px; position: absolute; right: 0; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
}
.mod-cta-banner h2 { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3.5rem; line-height: 100%; margin:2rem .5rem;
text-align: center }
@media (min-width:37.5em) {
.mod-cta-banner h2 { color: #fff; font-size: 5.2rem; margin-top: 0 }
}
@media (min-width:60em) {
.mod-cta-banner h2 { font-size: 7rem }
}
@media (min-width:37.5em) {
.mod-cta-banner.-with-black-text .-content, .mod-cta-banner.-with-black-text h2 { color: #000 }
}
.mod-cta-banner .-content .btn-yellow { box-shadow: 0 0 0 1px #008F84; width: calc(100% - 4.8rem); margin:0 .3rem .5rem
}
@media (min-width:60em) {
.mod-cta-banner .-content .btn-yellow { width: auto }
}
.mod-cta-banner .-content .btn-yellow:hover { box-shadow: 0 0 0 1px #008F84; background-color: transparent; color: #008F84 }
.mod-pathmotion { padding: 6rem 0 }
@media (min-width:76em) {
.mod-pathmotion { padding: 12rem 0 }
}
.mod-pathmotion .dt-zone { background: #fff; margin: 0 auto }
.mod-pathmotion h2 { color: #171F4A; margin-top: 0 }
.mod-pathmotion .bg { display: none }
@media (min-width:37.5em) {
.mod-pathmotion .bg { display: block }
}
.mod-pathmotion .-container { position: relative }
.mod-pathmotion .-content { background: #f0f0ef; box-sizing: border-box; margin: 0 auto; padding: 20px 45px; position: relative; text-align: center }
@media (min-width:37.5em) {
.mod-pathmotion .-content { background: hsla(0,0%,100%,.72); left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: calc(100% - 120px) }
}
@media (min-width:60em) {
.mod-pathmotion .-content { padding: 45px 115px; width: calc(100% - 240px) }
}
@media (min-width:76em) {
.mod-pathmotion .-content { padding: 45px 120px; width: 760px }
}
.mod-pathmotion .-content img { border-radius: 50%; display: none; height: 100px; left: -50px; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; width: 100px }
@media (min-width:37.5em) {
.mod-pathmotion .-content img { display: block }
}
@media (min-width:60em) {
.mod-pathmotion .-content img { height: 190px; left: -95px; width: 190px }
}
.mod-pathmotion .-content a { margin: 5px 0 }
@media (min-width:37.5em) {
.mod-pathmotion .-content a { margin: 5px }
}
.mod-pathmotion blockquote { color: #171F4A; font-size: 2.2rem; line-height: 100%; margin: 0 15px 15px; padding-left: 0; overflow: visible }
@media (min-width:60em) {
.mod-pathmotion blockquote { margin-bottom: 25px }
}
@media (min-width:76em) {
.mod-pathmotion blockquote { font-size: 4.7rem }
}
.mod-pathmotion blockquote:before { position: relative; margin-right: 1.5rem; position: static }
.mod-pathmotion blockquote:after, .mod-pathmotion blockquote:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: #008F84; content: "\E970"; font-size: 1.6rem; vertical-align: top }
.mod-pathmotion blockquote:after { position: relative; margin-left: 15px }
.mod-pathmotion p { color: #171F4A; font-family: Helvetica Neue LT W05_37 Th Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.3rem; line-height: 100% }
@media (min-width:76em) {
.mod-pathmotion p { font-size: 3.4rem }
}
.mod-pathmotion .name { color: #171F4A; font-family: Renault-Light, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem }
@media (min-width:60em) {
.mod-pathmotion .name { font-size: 2.2rem }
}
.mod-pathmotion .function { color: #171F4A; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; line-height: 100%; margin-bottom: 10px; text-transform: uppercase }
@media (min-width:60em) {
.mod-pathmotion .function { font-size: 2.2rem }
}
.mod-title-news { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 3rem }
.mod-title-news .btn--grey { margin-bottom: 1rem }
.mod-title-news h2 { margin: 0 }
.cp-focus-several-points { margin: 6rem 0; position: relative }
@media (min-width:37.5em) {
.cp-focus-several-points { margin: 12rem 0 }
}
.cp-focus-several-points.-with-grey-bg { background: #f6f6f6; padding: 6rem 0 }
@media (min-width:37.5em) {
.cp-focus-several-points.-with-grey-bg { padding: 12rem 0 }
}
.cp-focus-several-points.-with-grey-bg a.item:hover { background: #fff }
.cp-focus-several-points .dt-zone { margin: 0 auto }
.cp-focus-several-points h2 { text-align: center }
@media (min-width:37.5em) {
.cp-focus-several-points h2 { line-height: 5.8rem; margin: 0 0 6rem }
}
.cp-focus-several-points .-subtitle { text-align: center }
@media (min-width:37.5em) {
.cp-focus-several-points .-subtitle { margin: 0 auto 3rem; max-width: 90rem }
}
.cp-focus-several-points .-list { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; margin:4rem -.5rem 1rem
}
.cp-focus-several-points .item { -webkit-box-align: center; align-items: center; border: 1px solid #bbbcbc; box-sizing: border-box; display: -webkit-box; display: flex; margin:0 .5rem 2rem 4.5rem;
min-height: 12rem; padding: 2.7rem 2rem 2.7rem 6rem; position: relative; text-decoration: none; -webkit-transition: .5s; transition: .5s; width: calc(100% - 5rem) }
@media (min-width:37.5em) {
.cp-focus-several-points .item { width: calc(50% - 5rem) }
}
@media (min-width:60em) {
.cp-focus-several-points .item { width: calc(33.33% - 5rem) }
}
.cp-focus-several-points a.item:hover { background: #faf9f8; box-shadow:0 .8rem 1rem 0 rgba(0,0,0,.1)
}
.cp-focus-several-points .link { color: #171F4A; font-family: Helvetica Neue LT W05_47 Lt Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 3.4rem; margin-top:.7rem;
padding-left: 1.8rem; position: relative; text-decoration: none }
.cp-focus-several-points .link:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: #008F84; display: block; font-size: 1.4rem; position: absolute; left: 0; top:.5rem;
-webkit-transform: scale(-1); transform: scale(-1) }
.cp-focus-several-points i { background: #008F84; border-radius: 50%; display: block; height: 8rem; left: 0; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 8rem }
.cp-focus-several-points i:before { color: #fff; display: block; font-size: 3.2rem; line-height: 8rem; text-align: center }
.cp-focus-several-points i.icon-talk:before { font-size: 5rem }
.cp-focus-several-points h3 { color: #171F4A; font-family: Read-Medium, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.6rem; margin: 0 }
.cp-focus-several-points .btn-yellow { display: table; margin: 5rem auto 0 }
@media (min-width:37.5em) {
.cp-focus-several-points .btn-yellow { margin: 10rem auto 0 }
}
.offer-item { background: #fff; border-left: 4px solid; box-sizing: border-box; padding: 20px 25px }
.offer-item h3 { color: #171F4A; font-size: 2.2rem; margin: 0 0 10px; text-transform: none }
.offer-item .-category:before, .offer-item .-localisation:before { color: #171F4A; font-size: 1.8rem; margin-right: 10px; position: relative; top: 2px }
.offer-item .-localisation { color: #171F4A; font-size: 1.1rem; font-weight: 700; margin: 0 0 10px }
.offer-item .-category { color: #6c6f73; font-size: 1.1rem; margin: 0 0 10px }
.mod-map-worker { padding: 60px 0 }
.mod-map-worker .dt-zone { background: #2860bc; background: radial-gradient(ellipse at center, #2860bc 0, #2860bc 32%, #064999 52%, #053288 67%, #02194c 100%); box-sizing: border-box; padding: 20px; margin: 0 auto; max-width: 100% }
@media (min-width:60em) {
.mod-map-worker .dt-zone { padding: 50px 35px }
}
.mod-map-worker h2 { color: #fff; margin-top: 0 }
@media (min-width:60em) {
.mod-map-worker .dflex { display: -webkit-box; display: flex }
}
.mod-map-worker figure { margin: 0; width: 100% }
@media (min-width:60em) {
.mod-map-worker figure { min-width: 570px; width: 60% }
}
.mod-map-worker svg { width: 100% }
.mod-map-worker g { cursor: pointer }
.mod-map-worker tspan { font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3.2rem; line-height: 100%; text-transform: uppercase }
.mod-map-worker tspan.line2 { font-family: Helvetica Neue LT W05_67 Md Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.6rem; line-height: 100% }
@media (min-width:60em) {
.mod-map-worker line, .mod-map-worker rect, .mod-map-worker text { opacity: 0; -webkit-transition: .4s; transition: .4s }
}
.mod-map-worker circle { stroke: #008F84 }
@media (min-width:60em) {
.mod-map-worker circle { stroke: #cdcdcd }
}
.mod-map-worker g:hover circle { stroke: #008F84 }
.mod-map-worker g:hover line, .mod-map-worker g:hover rect, .mod-map-worker g:hover text { opacity: 1 }
.mod-map-worker .-content { border: 1px solid #fff; color: #fff; display: table; margin: 20px auto; padding: 35px; text-align: center }
@media (min-width:60em) {
.mod-map-worker .-content { display: block; margin: 0 2%; width: 30% }
}
.mod-map-worker .nb-offers { font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3.5rem; line-height: 100% }
@media (min-width:37.5em) {
.mod-map-worker .nb-offers { font-size: 5rem }
}
@media (min-width:60em) {
.mod-map-worker .nb-offers { font-size: 8rem }
}
.mod-map-worker .nb-offers:before { margin-right: 5px; position: relative }
@media (min-width:60em) {
.mod-map-worker .nb-offers:before { font-size: 7rem; top: 3px }
}
.mod-map-worker .-description { font-family: Helvetica Neue LT W05_47 Lt Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; margin-bottom: 35px }
@media (min-width:37.5em) {
.mod-map-worker .-description { font-size: 2.2rem }
}
@media (min-width:60em) {
.mod-map-worker .-description { font-size: 2.8rem }
}
.mod-result-offers .-list { display: -webkit-box; display: flex; flex-wrap: wrap }
@media (min-width:60em) {
.mod-result-offers .-list { margin: 0 -5px }
}
.mod-result-offers .offer-item { border-bottom: 1px solid #f0f0ef; border-right: 1px solid #f0f0ef; border-top: 1px solid #f0f0ef; margin: 5px; width: calc(100% - 10px) }
@media (min-width:60em) {
.mod-result-offers .offer-item { width: calc(50% - 10px) }
}



.mod-result-offers-count { color: #171F4A; font-size: 1.8rem; text-align: center; font-family: Helvetica Neue LT W05_57 Cond, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.mod-rh-accordion { padding: 0 0 1rem }
@media (min-width:37.5em) {
.mod-rh-accordion { padding: 0 0 2rem }
}
@media (min-width:60em) {
.mod-rh-accordion { padding: 0 0 4rem }
}
.mod-rh-accordion .dt-zone { margin: 0 auto }
@media (min-width:37.5em) {
.mod-rh-accordion .dt-zone { width: 90rem }
}
.mod-rh-accordion .-title { background: #008F84; color: #fff; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2.4rem; padding: 3.2rem }
@media (min-width:37.5em) {
.mod-rh-accordion .-title { font-size: 2.3rem; line-height: 2.6rem }
}
.mod-rh-accordion .-item { border: 1px solid #008F84; border-top: 0 solid #008F84; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out }
.mod-rh-accordion .-item.active .-question:before { -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg) }
.mod-rh-accordion .-item.active .-answer { height: auto; padding: 0 40px 40px }
.mod-rh-accordion .-item.active .-answer p strong { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.mod-rh-accordion .-question { cursor: pointer; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2.6rem; padding: 1.4rem 2.4rem 1.4rem 6.4rem; position: relative }
@media (min-width:37.5em) {
.mod-rh-accordion .-question { font-size: 2.1rem }
}
.mod-rh-accordion .-question:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; content: "\E96E"; color: #008F84; font-size: 1.6rem; left: 3.2rem; position: absolute; top: 2.7rem; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.mod-rh-accordion .-question li { margin: 0 }
.mod-rh-accordion .-answer { height: 0; overflow: hidden; padding: 0 40px; -webkit-transition: .6s; transition: .6s; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.mod-hr-step { margin: 4rem 0; text-align: center }
@media (min-width:37.5em) {
.mod-hr-step { margin: 8rem 0 }
}
.cp-slider-vertical-parallax .mod-hr-step .container-pagination, .mod-hr-step .cp-slider-vertical-parallax .container-pagination, .mod-hr-step .teq-container { background: #f0f0ef; padding: 4rem 4rem 3rem; position: relative; width: calc(100% - 8rem) }
@media (min-width:37.5em) {
.cp-slider-vertical-parallax .mod-hr-step .container-pagination, .mod-hr-step .cp-slider-vertical-parallax .container-pagination, .mod-hr-step .teq-container { padding: 6.5rem 4rem }
}
@media (min-width:76em) {
.cp-slider-vertical-parallax .mod-hr-step .container-pagination, .mod-hr-step .cp-slider-vertical-parallax .container-pagination, .mod-hr-step .teq-container { padding: 10rem 10rem 8rem; width: calc(100% - 20rem) }
}
.mod-hr-step i { background: #008F84; border-radius: 50%; color: #fff; display: block; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.8rem; height: 5rem; line-height: 5rem; width: 5rem; z-index: 2; margin-bottom: 1.6rem }
@media (min-width:37.5em) {
.mod-hr-step i { font-size: 4.8rem; height: 6.2rem; line-height: 6.2rem; width: 6.2rem }
}
.mod-hr-step h2 { color: #fff; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3rem; line-height: 3.5rem; margin: 0 0 3rem; position: relative; text-align: center; z-index: 2 }
@media (min-width:37.5em) {
.mod-hr-step h2 { font-size: 3rem; font-size: 4.8rem; line-height: 4.6rem; margin-bottom: 8rem }
}
.mod-hr-step p { color: #171F4A; font-family: Helvetica Neue LT W05_47 Lt Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; line-height: 1.2; margin: 0 0 2.8rem }
@media (min-width:37.5em) {
.mod-hr-step p { font-size: 2.2rem }
}
@media (min-width:37.5em) {
.mod-hr-step .btn-yellow { width: inherit }
}
.mod-hr-step ul li:before { top: -4px; left: -6px; display: inline-block; position: relative }
.mod-hr-step+.mod-hr-step { margin: 5rem 0 0 }
@media (min-width:37.5em) {
.mod-hr-step+.mod-hr-step { margin: 10rem 0 0 }
}
.mod-hr-step p+ul { margin: -40px 0 0 }
.cp-slider-vertical-parallax .mod-hr-step-with-bg-img .container-pagination, .mod-hr-step-with-bg-img .cp-slider-vertical-parallax .container-pagination, .mod-hr-step-with-bg-img .teq-container { background-size: cover; padding: 5rem 4rem; width: calc(100% - 8rem) }
@media (min-width:60em) {
.cp-slider-vertical-parallax .mod-hr-step-with-bg-img .container-pagination, .mod-hr-step-with-bg-img .cp-slider-vertical-parallax .container-pagination, .mod-hr-step-with-bg-img .teq-container { padding: 9.8rem 9.2rem; width: calc(100% - 18.4rem); max-width: 90rem }
}
.mod-hr-step-with-bg-img i { margin: 0 auto 1.6rem; position: inherit; left: auto; top: auto; -webkit-transform: translateX(0); transform: translateX(0) }
.mod-hr-step-with-bg-img h2 { color: #fff; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.5rem; line-height: 100%; margin: 0 0 3rem; position: relative; text-align: center; z-index: 2; font-size: 3rem; line-height: 3.5rem }
@media (min-width:37.5em) {
.mod-hr-step-with-bg-img h2 { font-size: 4.8rem; line-height: 4.6rem; margin-bottom: 8rem }
}
.mod-hr-step-with-bg-img .-content { background: rgba(0,0,0,.9); color: #fff; padding: 20px; position: relative; z-index: 2 }
@media (min-width:37.5em) {
.mod-hr-step-with-bg-img .-content { padding: 4rem }
}
@media (min-width:60em) {
.mod-hr-step-with-bg-img .-content { padding: 4rem 9.2rem }
}
.mod-hr-step-with-bg-img .-content p { color: #fff; font-size: 2rem; line-height: 2.6rem; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:37.5em) {
.mod-hr-step-with-bg-img .-content p { font-size: 2.3rem; line-height: 2.6rem }
}
.mod-hr-step-with-bg-img .-content p span { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.mod-list-jobs { padding: 4rem 0 }
@media (min-width:37.5em) {
.mod-list-jobs { padding: 8rem 0 }
}
.mod-list-jobs .-list { display: -webkit-box; display: flex; flex-wrap: wrap; margin: 0 -8px }
.mod-list-jobs .item-job { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin: 1.2rem; width: calc(100% - 18px) }
@media (min-width:37.5em) {
.mod-list-jobs .item-job { width: calc(50% - 18px); margin:.8rem
}
}
@media (min-width:60em) {
.mod-list-jobs .item-job { width: calc(33.33% - 18px) }
}
.mod-list-jobs .item-job img { display: block; height: 18.1rem; -o-object-fit: cover; object-fit: cover; width: 100% }
@media (min-width:37.5em) {
.mod-list-jobs .item-job img { height: auto }
}
.mod-list-jobs .item-job h2 { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; margin: 0 0 1.6rem }
@media (min-width:37.5em) {
.mod-list-jobs .item-job h2 { font-size: 2.3rem; line-height: 2.6rem }
}
.mod-list-jobs .item-job p { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.4rem; line-height: 2.2rem; margin: 0 0 2.6rem }
@media (min-width:37.5em) {
.mod-list-jobs .item-job p { min-height: 15.4rem }
}
.mod-list-jobs .-content { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-flex: 1; flex-grow: 1; padding: 1.6rem 1.6rem 2.2rem; background: #f4f4f4 }
@media (min-width:37.5em) {
.mod-list-jobs .-content { padding: 2.4rem }
}
.mod-list-jobs .btn-yellow { height: 3.8rem }
.mod-list-jobs .btn-yellow, .mod-list-jobs .btn-yellow:hover { font-size: 1.8rem; line-height: 2rem }
@media (min-width:37.5em) {
.mod-list-jobs .btn-yellow, .mod-list-jobs .btn-yellow:hover { font-size: 1.6rem; line-height: 2rem }
}
.mod-slider-three-images { margin: 6rem 0 }
.mod-slider-three-images.-with-grey-bg { background: #f6f6f6; margin: 0; padding: 6rem 0 }
@media (min-width:37.5em) {
.mod-slider-three-images.-with-grey-bg { padding: 12rem 0 }
}
.mod-slider-three-images .swiper-slide { margin: 0; width: 100% }
.mod-slider-three-images .swiper-slide:after, .mod-slider-three-images .swiper-slide:before { content: " "; display: table }
.mod-slider-three-images .swiper-slide:after { clear: both }
.mod-slider-three-images h2 { color: #333; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.mod-slider-three-images p { color: #333; font-size: 2.2rem; line-height: 1.2; margin-top: 0 }
.mod-slider-three-images .slider-container { position: relative }
.mod-slider-three-images .item-slide { float: left; margin:.5rem;
position: relative; width: calc(100% - 1rem) }
@media (min-width:37.5em) {
.mod-slider-three-images .item-slide { width: calc(50% - 10px) }
}
.mod-slider-three-images .item-slide:before { background: rgba(0,0,0,.3); display: block; content: ""; padding-top: calc(50% - 5px); position: relative; width: 100%; z-index: 1 }
@media (min-width:78em) {
.mod-slider-three-images .item-slide:before { background: rgba(0,0,0,.2) }
}
.mod-slider-three-images .item-slide:first-child:before { padding-top: 100% }
.mod-slider-three-images .item-slide img { display: block; height: 100%; font-family: "object-fit: cover"; left: 0; position: absolute; -o-object-fit: cover; object-fit: cover; top: 0; width: 100%; z-index: 0 }
.mod-slider-three-images .item-slide img.aligncenter, .mod-slider-three-images .item-slide img.alignleft, .mod-slider-three-images .item-slide img.alignnone, .mod-slider-three-images .item-slide img.alignright { margin: 0; text-align: left }
.mod-slider-three-images .item-slide .-content { bottom: 2rem; color: #fff; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; left: 2rem; position: absolute; right: 2rem; text-align: center; text-transform: uppercase; z-index: 2 }
@media (min-width:60em) {
.mod-slider-three-images .item-slide .-content { font-size: 3rem }
}
.mod-slider-three-images .item-slide .-content:before { display: block }
.mod-slider-three-images .item-slide .-content span { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.mod-slider-three-images .swiper-button-next, .mod-slider-three-images .swiper-button-prev { background: 0 none; cursor: pointer; display: none; height: 5.6rem; left: 0; position: absolute; text-decoration: none; width: 5.6rem }
@media (min-width:78.75em) {
.mod-slider-three-images .swiper-button-next, .mod-slider-three-images .swiper-button-prev { left: -6rem }
}
.mod-slider-three-images .swiper-button-next:focus, .mod-slider-three-images .swiper-button-prev:focus { outline: none }
.mod-slider-three-images .swiper-button-next:before, .mod-slider-three-images .swiper-button-prev:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; content: "\E9168"; color: #ccc; display: inline-block; font-size: 5.5rem }
.mod-slider-three-images .swiper-container-initialized .swiper-button-next, .mod-slider-three-images .swiper-container-initialized .swiper-button-prev { display: block }
.mod-slider-three-images .swiper-button-next { left: auto; right: 0 }
@media (min-width:78.75em) {
.mod-slider-three-images .swiper-button-next { right: -6rem }
}
.mod-slider-three-images .swiper-button-prev:before { -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.mod-slider-three-images .slider-three-image-pagination { display: -webkit-box; display: flex; -webkit-box-pack: end; justify-content: flex-end; margin-top: 2rem }
.mod-slider-three-images .swiper-pagination-bullet { background: 0 none; border: 1px solid #444; border-radius: 0; cursor: pointer; display: block; height: 1.7rem; margin:0 .2rem;
opacity: 1; position: relative; width: 1.7rem }
.mod-slider-three-images .swiper-pagination-bullet:focus { outline: none }
.mod-slider-three-images .swiper-pagination-bullet:before { background: #333; content: ""; height: 1.3rem; left:.2rem;
opacity: 0; position: absolute; top:.2rem;
-webkit-transition: .5s; transition: .5s; width: 1.3rem }
.mod-slider-three-images .swiper-pagination-bullet-active:before, .mod-slider-three-images .swiper-pagination-bullet:hover:before { opacity: 1 }
.layout-innovation .the_excerpt { color: #333; font-size: 1.6rem; line-height: 28px; padding: 0 10px }
@media (min-width:37.5em) {
.layout-innovation .the_excerpt { font-size: 2.2rem; margin-bottom: 20px; padding: 0 }
}
.layout-innovation .tpl-title { display: block; width: 100% }
@media (min-width:37.5em) {
.layout-innovation .tpl-title { display: inline }
}
.layout-innovation.theme-connectivite .btn, .layout-innovation.theme-connectivite .btn--orange, .layout-innovation.theme-connectivite .btn--orange-arrow, .layout-innovation.theme-connectivite .btn-yellow, .layout-innovation.theme-connectivite .cp-blog-focus:after, .layout-innovation.theme-connectivite .mod--slider-innovation .circle, .layout-innovation.theme-connectivite .theme-background { background-color: #000 }
.layout-innovation.theme-connectivite .btn--orange-arrow:hover, .layout-innovation.theme-connectivite .btn--orange:hover, .layout-innovation.theme-connectivite .btn:hover { background-color: transparent; line-height: 2.2rem; color: #171F4A; box-shadow: 0 0 0 1px #000 }
.layout-innovation.theme-autonome .mod--slider-innovation .circle-container:before, .layout-innovation.theme-autonome .theme-border, .layout-innovation.theme-connectivite .mod--slider-innovation .circle-container:before, .layout-innovation.theme-connectivite .theme-border, .layout-innovation.theme-electrique .mod--slider-innovation .circle-container:before, .layout-innovation.theme-electrique .theme-border { border-color: #c2c2c2 }
.layout-innovation .mod--slider-innovation .swiper-button-next.disabled, .layout-innovation .mod--slider-innovation .swiper-button-prev.disabled { opacity: .3 }
.layout-innovation .l-row.layout--hp.zone--banner.zone--news:last-child { margin-bottom: 40px }
@media (min-width:47.5em) {
.layout-innovation .zone--banner-wall { margin-bottom: 50px }
}
.layout-innovation .mod--banner-event:before { background: none rgba(0,0,0,.4) }
@media (min-width:60em) {
.layout-innovation .mod--banner-event .-title strong { font-size: 7rem; font-weight: 400 }
}
.layout-innovation .mod--banner-event .-title span { background: transparent; box-shadow: none }
.layout-innovation .tpl--cta--quint { margin-bottom: 50px }
.layout-innovation .mod-usual-banner { margin-bottom: 5rem }
.layout-innovation .mod-usual-banner blockquote, .layout-innovation .mod-usual-banner p { font-size: 1.6rem; line-height: 28px }
.layout-innovation .mod-usual-banner p { margin-bottom: 20px }
.layout-innovation .mod-usual-banner strong { color: #fff; font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.layout-innovation .mod-usual-banner em, .layout-innovation .mod-usual-banner i { font-style: italic }
@media (min-width:60em) {
.layout-innovation .mod-usual-banner blockquote, .layout-innovation .mod-usual-banner p { font-size: 2.2rem }
}
.layout-innovation .zone--news { margin-bottom: 70px; padding-bottom: 0 }
@media (min-width:0) and (max-width:37.49em) {
.layout-innovation .tpl--discover--single .btn--blur-arrow { display: inline-block; position: relative; z-index: 2 }
.layout-innovation .tpl--discover--single .it-button { position: absolute; display: block; top: 50%; left: 0; right: 0; margin-top: -15px; z-index: 1 }
}
.layout-innovation .tweet-single .post .account-name { color: #fff }
.mod--titleleft-textright { padding: 20px 10px 0; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column }
@media (min-width:37.5em) {
.mod--titleleft-textright { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; padding: 9rem 0 }
}
@media (min-width:37.5em) {
.mod--titleleft-textright h2 { margin:-.5rem 0 0
}
}
.mod--titleleft-textright .tpl-title { box-sizing: border-box; padding-bottom: 0; width: 100%; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:37.5em) {
.mod--titleleft-textright .tpl-title { padding-right: 4rem; width: 33.33333%; font-size: 4.8rem; line-height: 4.8rem }
}
.mod--titleleft-textright .tpl-title .not-colored { display: block; width: 100% }
@media (min-width:37.5em) {
.mod--titleleft-textright .tpl-title .not-colored { display: inline }
}
.mod--titleleft-textright .tpl-title .colored, .mod--titleleft-textright .tpl-title .not-colored { color: #000 }
.mod--titleleft-textright .tpl-content { width: 100% }
@media (min-width:37.5em) {
.mod--titleleft-textright .tpl-content { width: 61.33333% }
}
.mod--titleleft-textright .description { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem }
.mod--titleleft-textright .description em, .mod--titleleft-textright .description i { font-style: italic }
@media (min-width:37.5em) {
.mod--titleleft-textright .description { font-size: 2rem; margin-bottom: 0px }
}
@media (min-width:37.5em) {
.mod--titleleft-textright .description p { margin-top: 0 }
}
.mod--titleleft-textright .description ul { margin-bottom: 3.2rem }
.mod--titleleft-textright .description li { margin-bottom: 0 }
.tweet-single { height: 100%; min-height: 30rem }
.tweet-single .post { background: #55acee; color: #171F4A; display: -webkit-box; display: flex; height: 100%; min-height: 25rem; position: relative; width: 100% }
.tweet-single .post:after { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; content: ""; color: #fff; display: block; font-size: 2.5rem; position: absolute; right: 1rem; text-align: center; top: 2rem; width: 35px; z-index: 5 }
.tweet-single .post .-content { box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; font-size: 1.6rem; -webkit-box-pack: center; justify-content: center; line-height: 2rem; padding: 3rem; width: 100%; z-index: 4 }
.tweet-single .post .-content, .tweet-single .post .-content>div { display: -webkit-box; display: flex }
.tweet-single .post .-details { color: #fff; width: calc(100% - 7rem) }
.tweet-single .post .-details a { display: block }
.tweet-single .post .img-account { border-radius: 100%; display: block; height: 5.5rem; overflow: hidden; margin-right: 1rem; width: 5.5rem }
@media (min-width:60em) {
.tweet-single .post .img-account { height: 5rem; margin-right: 2rem; width: 5rem }
}
.tweet-single .post .img-account img { font-family: "object-fit: cover"; height: 5.5rem; -o-object-fit: cover; object-fit: cover; width: 5.5rem }
.tweet-single .post .account-name { text-transform: uppercase; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.4rem; line-height: 2rem }
.tweet-single .post p, .tweet-single .post p a { color: #fff; line-height: 2.2rem; margin: 0; text-decoration: none; text-overflow: ellipsis; word-wrap: break-word }
.tweet-single .post.-without-img.-twitter .-content { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; top: 0 }
.tweet-single .post.-without-img.-twitter .-content:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: #51a3e2; font-size: 22rem; left: 0; position: absolute; right: 0; text-align: center; z-index: -1 }
.icon-block { background: #f4f4f4; margin-bottom: 6rem; padding: 6rem 0 }
@media (min-width:60em) {
.icon-block { padding: 12rem 0 }
}
@media (min-width:60em) {
.icon-block .items-container { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between }
}
.theme-autonome .icon-block .btn, .theme-connectivite .icon-block .btn, .theme-vehicule-electric .icon-block .btn { color: #fff }
.icon-block .tpl-content { padding: 2.8rem 3rem; text-align: center }
@media (min-width:60em) {
.icon-block .tpl-content { padding: 7rem 0 4rem; width: calc(33% - 66px) }
}
.icon-block .tpl-content h3 { color: #171F4A; display: block; line-height: 2.8rem; width: 100% }
.icon-block .tpl-content h3:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; display: block; color: #171F4A; font-size: 9rem; margin:0 .5rem 3.2rem 0;
top: -2px; width: 100% }
.icon-block .tpl-content p { font-size: 1.6rem; line-height: 28px; margin-bottom: 25px }
@media (min-width:47.5em) {
.icon-block .tpl-content p { font-size: 2.2rem }
}
@media (min-width:60em) {
.icon-block .tpl-content { padding: 7rem 0 4rem; width: calc(33% - 66px) }
.icon-block .tpl-content p { margin-bottom: 15px }
}
.cp-scrollbar-slider { margin: 4rem 0 }









@media (min-width:60em) {
 .cp-scrollbar-slider{ margin: 8rem 0 8rem; overflow: visible }
}
.bg--grey { background: 0 none }
@media (min-width:60em) {
.bg--grey { margin: 22rem 0 }
}
.bg--grey .swiper-container:before { background: #f0f0ef; bottom: 0; content: ""; height: calc(100% - 11.5rem); left: -1.5rem; position: absolute; right: -1.5rem }
@media (min-width:60em) {
.bg--grey .swiper-container:before { bottom: -5rem; left: 16rem; height: calc(100% + 10rem); right: auto; width: 100vw }
}
.bg--grey .illust-1:after, .bg--grey .illust-2:after, .bg--grey .illust-3:after { background: #f0f0ef }
 .-container-desktop { display: -webkit-box; display: flex; position: relative }

 
 @media (min-width:37.5em) {
 .cp-slider-vertical-parallax .container-pagination,  .teq-container, .cp-slider-vertical-parallax  .container-pagination { padding: 0 }
}
@media (min-width:60em) {
 .cp-slider-vertical-parallax .container-pagination,  .teq-container, .cp-slider-vertical-parallax  .container-pagination { width: calc(100% - 14rem); max-width: calc(100% - 14rem) }
}
 h2 { box-sizing: border-box; margin: 10px 0; padding-left:0rem;font-weight:bold; }
@media (min-width:37.5em) {
 h2 { margin: 35px 0 20px }
}
@media (min-width:60em) {
 h2 { padding-left: 0 }
}
 .custom-pagination { background: #008F84; box-sizing: border-box; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; line-height: 2.4rem; padding: 2.4rem 0 2.4rem 2.4rem; position: relative; -webkit-transition: .5s; transition: .5s; width: 14rem; height: 100%; text-transform: uppercase; z-index: 20 }
@media (min-width:37.5em) {
 .custom-pagination { margin-top: 9.8rem }
}
 .pagination { color: #fff; cursor: pointer; position: relative; -webkit-transition: .6s; transition: .6s; width: calc(100% - 1px) }
 .pagination:before { background: #fff; content: ""; height:.2rem;
left: -3rem; position: absolute; top:calc(50% - .1rem);
-webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: .6s; transition: .6s; width: 1.6rem }
 .pagination:focus { outline: none }
 .pagination.active { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
 .pagination.active:before { -webkit-transform: translateX(0); transform: translateX(0) }
 .swiper-container { position: relative; overflow: hidden; padding: 0 }
@media (min-width:37.5em) {
 .swiper-container { overflow: hidden }
}
 .swiper-wrapper { position: relative; max-width: 100%; width: 100% }
 .swiper-slide { box-sizing: border-box; padding-bottom: 2rem; position: relative; width: 100% }
@media (min-width:37.5em) {
/* .swiper-slide { -webkit-box-align: start; align-items: flex-start; display: -webkit-box; display: flex }*/
}
@media (min-width:76em) {
 .swiper-slide { padding-bottom: 0rem }
}
 .-container-desktop .illust-1 { overflow: hidden; position: relative; margin-top: 5rem }
@media (min-width:37.5em) {
 .-container-desktop .illust-1 { width: 100%; height: 52.2rem; margin-top: 0 }
}
 .-container-desktop .illust-1:before { content: ""; display: block; padding-top: 76.0869565217%; width: 100% }
 .-container-desktop .illust-1:after { background: #fff; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: .6s; transition: .6s; z-index: 1 }
 .-container-desktop .illust-1 img { font-family: "object-fit: cover;"; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; width: 100%; z-index: 0 }
 .illust-1,  .illust-2,  .illust-3,  .illust-4 { position: relative; z-index: -1 }
 .-container-mobile .illust-1 { margin: 4rem 0 2rem; position: relative; width: 100% }
 .-container-mobile .illust-1:before { content: ""; display: block; padding-top: 76.0869565217%; width: 100% }
 .-container-mobile .illust-1:after { color: transparent; content: attr(data-lettrine); font-size: 6rem; line-height: 6rem; opacity: 0; position: absolute; right: 0; text-stroke: 1px #008F84; -webkit-text-stroke: 1px #008F84; -webkit-text-fill-color: transparent; top: -3rem; z-index: 4 }
@media (-ms-high-contrast:none) {
 .-container-mobile .illust-1:after { color: #008F84; opacity: .4 }
}
 .-container-mobile .illust-1 img { font-family: "object-fit: cover;"; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; width: 100%; z-index: 0 }
@media (min-width:37.5em) {
 .col-2 { margin-left: 11.2rem; width: calc(100% - 46rem) }
}
 .-with-once-img .illust-1 { margin-top: 0 }
@media (min-width:60em) {
 .-with-once-img .illust-1 { width: 44.41667rem;top: -38px;  }
}
@media (min-width:76em) {
 .-with-once-img .illust-1 { width: 57.41667rem;top: -38px;  }
}
@media (min-width:84.5em) {
 .-with-once-img .illust-1 { width: 62.83333rem;top: -38px;  }
}
@media (min-width:105em) {
 .-with-once-img .illust-1 { width: 79.08333rem;top: -38px; }
}
@media (min-width:60em) {
 .-with-once-img .col-2 { margin-left: 8rem; width: 30.75rem }
}
@media (min-width:76em) {
 .-with-once-img .col-2 { margin-left: 10rem; width: 39.75rem }
}
@media (min-width:84.5em) {
 .-with-once-img .col-2 { margin-left: 10.83333rem; width: 43.5rem }
}
@media (min-width:105em) {
 .-with-once-img .col-2 { margin-left: 13.33333rem; width: 54.75rem }
}
 .illust-2 { overflow: hidden; position: relative; width: 100%;margin-bottom: 50px; }
 .illust-2:before { display: block; content: ""; width: 100%; padding-top: 64.7058823529% }
 .illust-2:after { background: #fff; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: .6s .2s; transition: .6s .2s; z-index: 1 }
 .illust-2 img { font-family: "object-fit: cover;"; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; width: 100%; z-index: 0 }
 .illust-2+.slide-txt { max-width: 26rem; padding-top: 0; margin:0 auto;left: -60px;}
@media (min-width:37.5em) {
 .illust-2+.slide-txt { width: 100%; max-width: 100% }


 
}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0% !important;
  margin: 0 auto;
    margin-left: auto;
  margin-left:0;
  width: 100% !important;
}

@media only screen and (max-width: 760px) {
    .teq-container .col-2{width:100%;}
    
    .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 50% !important;
  margin: 0 auto;
    margin-left: auto;
  margin-left: -13rem;
  width: 26rem !important;
}
}

 .illust-3 { align-self: center; display: none; margin: 2rem 0 2rem -8rem; overflow: hidden; position: relative }
@media (min-width:60em) {
 .illust-3 { margin: 2rem 0 8rem -4rem; width: 20.5rem }
}
@media (min-width:76em) {
 .illust-3 { margin: 4rem 0 2rem -11.16667rem; width: 26.5rem }
}
@media (min-width:84.5em) {
 .illust-3 { margin: 4rem 0 2rem -12rem; width: 29rem }
}
@media (min-width:105em) {
 .illust-3 { margin: 4rem 0 2rem -14.5rem; width: 36.5rem }
}
 .illust-3:before { display: block; content: ""; padding-top: 110.5263157895%; width: 100% }
 .illust-3:after { background: #fff; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: .6s .4s; transition: .6s .4s; z-index: 2 }
 .illust-3 img { font-family: "object-fit: contain;"; height: 100%; left: 0; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; width: 100%; z-index: 1 }
 .slide-txt { opacity: 0; position: relative; -webkit-transition: .8s; transition: .8s; z-index: 5 }
@media (min-width:60em) {
 .slide-txt { margin-left: -2.5rem; max-width: 45rem; padding-top: 7rem }
}
@media (min-width:76em) {
 .slide-txt { margin-left: -5rem; padding-top: 10rem }
}
 .slide-txt .btns { margin-top: 4rem }
 .slide-txt .btn-yellow { width: 100% }
@media (min-width:60em) {
 .slide-txt .btn-yellow { width: auto; margin: 0 1rem 1rem 0 }
}
 .slide-txt .btn-yellow:hover { line-height: 2.2rem; background: transparent; box-shadow: 0 0 0 1px #171F4A; color: #000 }
 p { margin: 2rem 0 }
 .text,  .text p { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem }
 .title { display: none; color: #171F4A; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 0; line-height: 0; width: auto; height: auto; margin-bottom: 1rem; position: relative; text-transform: none; color: transparent }
@media (min-width:60em) {
 .title { display: block }
}
 .title:before { bottom: -5.5rem; box-sizing: border-box; color: transparent; content: attr(data-lettrine); display: none; font-size: 12rem; left: -23rem; line-height: 12rem; padding-right: 2.5rem; position: absolute; text-stroke:.1rem #008F84;
text-transform: none; -webkit-text-stroke: 1px #008F84; -webkit-text-fill-color: transparent; z-index: -1 }
@media (min-width:37.5em) {
 .title:before { display: block; left: -30rem; bottom: -2.5rem; z-index: 200 }
}
@media (-ms-high-contrast:none) {
 .title:before { color: #008F84; opacity: .4 }
}
 .-container-mobile .swiper-slide { opacity: 0; width: 100%!important }
 .-container-mobile .swiper-slide-active { opacity: 1 }
 h3 { color: #171F4A; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.7rem; line-height: 3.2rem; margin: 2.4rem 0 1.6rem;font-weight:bold; }
@media (min-width:60em) {
 h3 { font-size: 3.4rem; line-height: 3.6rem; margin-top: 0rem }
}
 .-container-mobile .swiper-slide-active .illust-1:after,  .swiper-slide-active .slide-txt { opacity: 1 }
 .-container-desktop .swiper-slide-active .illust-1:after,  .-container-desktop .swiper-slide-active .illust-2:after,  .-container-desktop .swiper-slide-active .illust-3:after { -webkit-transform: translateX(-101%); transform: translateX(-101%) }
 .swiper-scrollbar { background: rgba(0,0,0,.2); border-radius: 0; height: 1px }
 .swiper-scrollbar-drag { background: #171F4A; border-radius: 0; height: 3px; top: -1px }














.mod--banner-innovation-sec { background-color: #ccc; background-size: cover; background-position: 50%; background-repeat: no-repeat; box-sizing: border-box; margin-bottom: 60px; position: relative; padding: 40px 0 }
@media (min-width:60em) {
.mod--banner-innovation-sec:before { background: rgba(0,0,0,.45); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 1 }
}
@media (min-width:76em) {
.mod--banner-innovation-sec { padding: 80px 0 }
}
.mod--banner-innovation-sec img { display: none; width: 100% }
@media (min-width:60em) {
.mod--banner-innovation-sec img { display: block; font-family: "object-fit: cover;"; height: 100%; left: 0; margin: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; width: 100%; z-index: 0 }
}
.mod--banner-innovation-sec .-content { color: #171F4A; padding: 0 10px; position: relative; text-align: center; z-index: 2 }
@media (min-width:60em) {
.mod--banner-innovation-sec .-content { color: #fff }
}
.mod--banner-innovation-sec .-content .btn:hover { background: transparent; box-shadow: 0 0 0 1px #fff; color: #fff }
.mod--banner-innovation-sec h2 { color: #171F4A; font-size: 2rem; line-height: 2.2rem; margin: 0 }
@media (min-width:37.5em) {
.mod--banner-innovation-sec h2 { font-size: 3.6rem; line-height: 3.8rem }
}
@media (min-width:60em) {
.mod--banner-innovation-sec h2 { color: #fff; font-size: 4.6rem; line-height: 4.8rem }
}
.mod--banner-innovation-sec .-description { display: block; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; margin-bottom: 10px; width: 100% }
@media (min-width:37.5em) {
.mod--banner-innovation-sec .-description { font-size: 2rem }
.mod--banner-innovation-sec .-description b, .mod--banner-innovation-sec .-description strong { color: #171F4A; font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-weight: 400 }
}
@media (min-width:60em) {
.mod--banner-innovation-sec .-description b, .mod--banner-innovation-sec .-description strong { color: #fff }
}
.mod--banner-innovation-sec .-subtitle { font-size: 2rem; line-height: 2.2rem; margin-bottom: 10px; text-align: center; text-transform: uppercase }
@media (min-width:37.5em) {
.mod--banner-innovation-sec .-subtitle { font-size: 3.6rem; line-height: 3.8rem; margin-bottom: 20px }
}
@media (min-width:60em) {
.mod--banner-innovation-sec .-subtitle { font-size: 4.6rem; line-height: 4.8rem }
}
.mod--banner-innovation-sec .footnote { color: #171F4A; font-family: arial, sans-serif; font-size: 1.1rem; line-height: 1.4rem; margin: 20px 0 0 }
@media (min-width:37.5em) {
.mod--banner-innovation-sec .footnote { font-size: 1rem; line-height: 1.6rem; margin: 60px 0 0 }
}
@media (min-width:60em) {
.mod--banner-innovation-sec .footnote { margin: 100px 0 20px; color: #fff }
}
.mod--alt-image-text { align-content: center; display: -webkit-box; display: flex; flex-wrap: wrap; margin: 2.4rem auto }
.mod--alt-image-text .flex-cont { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; width: 100% }
@media (min-width:37.5em) {
.mod--alt-image-text .flex-cont { margin-bottom: 4rem; max-width: 108.4rem }
}
.mod--alt-image-text .flex-cont img { width: 100%; -o-object-fit: cover; object-fit: cover; overflow: hidden; padding: 20px 0 }
@media (min-width:37.5em) {
.mod--alt-image-text .flex-cont img { width: 50% }
}
@media (min-width:60em) {
.mod--alt-image-text .flex-cont img { padding: 0 }
}
.mod--alt-image-text .tpl-content { width: 100%; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; align-content: center }
@media (min-width:37.5em) {
.mod--alt-image-text .tpl-content { width: calc(50% - 35px) }
}
@media (min-width:60em) {
.mod--alt-image-text .tpl-content { width: calc(50% - 92px) }
}
.mod--alt-image-text .tpl-title { padding-bottom: 20px; width: 100% }
@media (min-width:37.5em) {
.mod--alt-image-text .tpl-title { padding-bottom: 30px }
}
.mod--alt-image-text .tpl-title .not-colored { color: #333; display: block; width: 100%; text-transform: none }
.mod--alt-image-text .-description { display: block; width: 100%; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 4.4rem }
.mod--alt-image-text .-description a:not(.btn) { text-decoration: underline }
.mod--alt-image-text .-description p { margin-bottom: 2rem }
.mod--alt-image-text .order img { -webkit-box-ordinal-group: 2; order: 1 }
@media (min-width:37.5em) {
.mod--alt-image-text .order img { -webkit-box-ordinal-group: 3; order: 2 }
}
.mod--alt-image-text .order .tpl-content { -webkit-box-ordinal-group: 3; order: 2 }
@media (min-width:37.5em) {
.mod--alt-image-text .order .tpl-content { -webkit-box-ordinal-group: 2; order: 1 }
}
.mod--alt-image-text a { margin: 21px auto 0 }
@media (min-width:60em) {
.mod--alt-image-text a { margin: 59px auto 0 }
}
.mod-image-text-button { margin-bottom: 60px; position: relative; padding: 20px 0 }
@media (min-width:60em) {
.mod-image-text-button { padding: 0 }
}
.mod-image-text-button:before { background: rgba(0,0,0,.3); content: ""; z-index: 1 }
.mod-image-text-button:before, .mod-image-text-button img { display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100% }
.mod-image-text-button img { font-family: "object-fit: cover"; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; z-index: 0 }
@media (min-width:60em) {
.mod-image-text-button img { position: relative }
}
.mod-image-text-button .-content { -webkit-box-align: center; align-items: center; box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; position: relative; margin: 0 auto; max-width: 1000px; width: 100%; text-align: center; padding: 4px 10px 13px; z-index: 2 }
@media (min-width:37.5em) {
.mod-image-text-button .-content { padding: 0 50px }
}
@media (min-width:60em) {
.mod-image-text-button .-content { bottom: 0; left: 50%; position: absolute; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
}
.mod-image-text-button h2 { color: #fff; margin-bottom: 25px }
@media (min-width:37.5em) {
.mod-image-text-button h2 { line-height: 3.8rem }
}
@media (min-width:60em) {
.mod-image-text-button h2 { margin-bottom: 35px }
}
.mod-image-text-button .-description { color: #fff; display: block; margin-bottom: 10px; width: 100%; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; line-height: 28px }
@media (min-width:37.5em) {
.mod-image-text-button .-description { font-size: 2rem }
}
.mod-image-text-button .-description p { color: #fff; font-size: 1.6rem; line-height: 28px }
@media (min-width:37.5em) {
.mod-image-text-button .-description p { font-size: 2rem }
}
.mod-image-text-button .-description a { color: inherit; text-decoration: underline }
.mod-image-text-button a { margin: 25px auto 0 }
@media (min-width:60em) {
.mod-image-text-button a { margin: 33px auto 45px }
}
.mod--slider-innovation { background: #f0f0ef; margin-bottom: 3.9rem }
@media (min-width:37.5em) {
.mod--slider-innovation { background: #fff; margin-bottom: 10rem }
}
.mod--slider-innovation a { text-decoration: underline }
.mod--slider-innovation .btn-yellow { text-decoration: none }
.mod--slider-innovation .swiper-slide { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; justify-content: space-around; margin: 0 }
.mod--slider-innovation .tpl-content { align-content: center; box-sizing: border-box; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: start; justify-content: flex-start; padding: 3rem 2rem 7rem; width: 100% }
@media (min-width:37.5em) {
.mod--slider-innovation .tpl-content { padding: 0; width: calc(50% - 35px) }
}
@media (min-width:60em) {
.mod--slider-innovation .tpl-content { width: 36.5rem }
}
.mod--slider-innovation .tpl-title { padding-bottom: 1.6rem; margin-bottom: 0; margin-top: 0; font-size: 3rem; line-height: 3.5rem; text-transform: inherit; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:60em) {
.mod--slider-innovation .tpl-title { font-size: 4.8rem; line-height: 4.6rem }
}
.mod--slider-innovation .-description { display: block; width: 100%; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem }
.mod--slider-innovation .image-container { box-sizing: border-box; height: 20rem; overflow: hidden; position: relative; padding: 0 0 2rem; width: 100% }
@media (min-width:37.5em) {
.mod--slider-innovation .image-container { height: 28rem; width: 50% }
}
@media (min-width:60em) {
.mod--slider-innovation .image-container { height: 37.8rem; padding: 0 }
}
.mod--slider-innovation .illust { display: block; font-family: "object-fit: cover"; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 0; object-position: 50% 0; position: absolute; top: 0; width: 100% }
.mod--slider-innovation .order .image-container { -webkit-box-ordinal-group: 2; order: 1 }
@media (min-width:37.5em) {
.mod--slider-innovation .order .image-container { -webkit-box-ordinal-group: 3; order: 2 }
}
.mod--slider-innovation .order .tpl-content { -webkit-box-ordinal-group: 3; order: 2 }
@media (min-width:37.5em) {
.mod--slider-innovation .order .tpl-content { -webkit-box-ordinal-group: 2; order: 1 }
}
.mod--slider-innovation .swiper-wrapper { box-sizing: border-box; position: relative }
.mod--slider-innovation .swiper-button-next, .mod--slider-innovation .swiper-button-prev { bottom: 1rem; height: 5rem; position: absolute; text-align: center; text-decoration: none; top: auto; width: 5rem; -webkit-tap-highlight-color: rgba(255,255,255,0); background: inherit }
@media (min-width:60em) {
.mod--slider-innovation .swiper-button-next, .mod--slider-innovation .swiper-button-prev { display: none }
}
.mod--slider-innovation .swiper-button-next:before, .mod--slider-innovation .swiper-button-prev:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: #171F4A; display: block; font-size: 18px; line-height: 35px; text-align: center; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: "\E96E" }
@media (min-width:76em) {
.mod--slider-innovation .swiper-button-next:before, .mod--slider-innovation .swiper-button-prev:before { font-size: 30px }
}
.mod--slider-innovation .swiper-button-next:focus, .mod--slider-innovation .swiper-button-next:hover, .mod--slider-innovation .swiper-button-prev:focus, .mod--slider-innovation .swiper-button-prev:hover { text-decoration: none; outline: none!important }
.mod--slider-innovation .swiper-button-next.disabled, .mod--slider-innovation .swiper-button-prev.disabled { opacity: .5 }
.mod--slider-innovation .swiper-button-disabled, .mod--slider-innovation .swiper-button-prev { right: 6rem!important; left: auto }
.mod--slider-innovation .swiper-button-disabled:before, .mod--slider-innovation .swiper-button-prev:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); top: 8px }
.mod--slider-innovation .swiper-button-next { right: 1rem }
.mod--slider-innovation .swiper-button-disabled { opacity: .5 }
.mod--slider-innovation .pagination-container { display: none }
@media (min-width:60em) {
.mod--slider-innovation .pagination-container { display: -webkit-box; display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: center; justify-content: center; width: 100%; margin-top: 6rem }
}
.mod--slider-innovation .circle-container { padding-right: 85px; position: relative }
@media (min-width:76em) {
.mod--slider-innovation .circle-container { padding-right:80px }
}
.mod--slider-innovation .circle-container:before { border-top: 1px solid #c2c2c2; content: ""; width: 105px; border-left: 0; position: absolute; top: 50%; left: 40px }
.mod--slider-innovation .circle-container:last-child { padding-right: 0 }
.mod--slider-innovation .circle-container:last-child:before { display: none }
.mod--slider-innovation .circle-container.-current~.circle-container:before { border-color: #c2c2c2 }
.mod--slider-innovation .circle-container.-current~.circle-container .circle { background-color: #008F84 }
.mod--slider-innovation .circle-container:hover .bubble { opacity: 1 }
.mod--slider-innovation .bubble { box-sizing: border-box; opacity: 0; -webkit-transition: opacity .4s; transition: opacity .4s; position: absolute; white-space: nowrap; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.1rem; color: #282828; text-transform: uppercase; padding: 5px 10px; border: 1px solid #e8e8e8; border-bottom: 0; -webkit-transform: translateX(-50%) translateX(17px); transform: translateX(-50%) translateX(17px); top: -50px; margin-bottom: 15px; box-shadow: 0 3px 4px 0 rgba(0,0,0,.1) }
.mod--slider-innovation .bubble .caret { overflow: hidden; position: absolute; left: 50%; top: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 16px; width: 30px }
.mod--slider-innovation .bubble .caret:before { background-color: #fff; box-shadow: 1px 3px 4px 0 rgba(0,0,0,.1); content: ""; position: absolute; left: 50%; bottom: 8px; height: 10px; width: 10px; -webkit-transform: rotate(45deg) translateX(-50%); transform: rotate(45deg) translateX(-50%) }
.mod--slider-innovation .circle { background: #171F4A; border: 0; border-radius: 50%; padding: 0; cursor: pointer; width: 40px; height: 40px; font-family: Renault-Bold; font-size: 2rem; color: #fff; display: table-cell; vertical-align: middle; text-align: center; overflow: hidden; outline: none }
.mod--slider-innovation .circle:focus { outline: none }
.mod--slider-innovation .circle:active { padding: 0 }
.mod--slider-innovation .circle span { display: block; margin-top: -2px }
.mod--slider-innovation :focus { outline: none }
.mod--slider-innovation ::-moz-focus-inner {
border:0
}
.mod--slider-innovation .btn { margin: 2.1rem 0 0 }
@media (min-width:60em) {
.mod--slider-innovation .btn { margin: 5rem 0 4rem }
}
.title-text-centered { margin: 2.5rem auto; padding: 0 1rem; text-align: center }
@media (min-width:37.5em) {
.title-text-centered { margin: 8rem auto; padding: 0 }
}
.title-text-centered .tpl-title { display: block; text-align: center; margin-bottom: 2.4rem; width: 100%; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3rem; line-height: 3.5rem }
@media (min-width:37.5em) {
.title-text-centered .tpl-title { font-size: 4.8rem; line-height: 4.6rem }
}
.title-text-centered .tpl-title.theme-text-color .colored { display: block; color: #008F84 }
.title-text-centered .tpl-title span { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.title-text-centered .tpl-content { margin: 0 auto; max-width: 90rem; overflow: visible; position: relative; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.title-text-centered .description { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem }
.cp-key-figures { background: #fff; margin: 4rem 0; padding: 0 }
@media (min-width:37.5em) {
.cp-key-figures { margin: 6rem 0 }
}
@media (min-width:60em) {
.cp-key-figures { margin: 12rem 0 }
}
.cp-key-figures.-with-grey-bg { background: #f0f0ef; margin: 6rem 0; padding: 6rem 0 }
@media (min-width:37.5em) {
.cp-key-figures.-with-grey-bg { margin: 12rem 0; padding: 12rem 0 }
}
.cp-key-figures .-title { color: #171F4A; margin: 0 0 3.5rem; text-align: center; font-size: 3rem; line-height: 3.5rem }
@media (min-width:37.5em) {
.cp-key-figures .-title { font-size: 4.8rem; line-height: 4.6rem; margin: 0 0 5.5rem }
}
.cp-key-figures .-subtitle { color: #171F4A; font-size: 2rem; line-height: 2.6rem; margin-bottom: 7rem; text-align: center; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:37.5em) {
.cp-key-figures .-subtitle { font-size: 2.3rem; line-height: 2.6rem }
}
.cp-key-figures .df-zone { max-width: 100%; -webkit-box-align: inherit; align-items: inherit; -webkit-box-pack: center; justify-content: center; text-align: center }
.cp-key-figures .item-key-figures { display: -webkit-box; color: #008F84; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; padding: 4rem; width: calc(100% - 8rem); margin: 0 0 2rem }
@media (min-width:47.5em) {
.cp-key-figures .item-key-figures { margin: 0 1rem 2rem; width: calc(50% - 2rem) }
}
@media (min-width:60em) {
.cp-key-figures .item-key-figures { margin: 0 1rem; width: calc(33.33% - 2rem) }
}
@media (min-width:60em) {
.cp-key-figures .item-key-figures:first-child { margin-left: 0 }
}
@media (min-width:60em) {
.cp-key-figures .item-key-figures:last-child { margin-right: 0 }
}
.cp-key-figures .item-key-figures p { color: #000 }
.cp-key-figures .counter-symbol-after, .cp-key-figures .counter-symbol-before, .cp-key-figures .counter-value, .cp-key-figures .style-counter-value { font-size: 7.8rem; line-height: 4.6rem; margin:2.4rem 0 .8rem;
font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; -webkit-box-ordinal-group: 3; order: 2 }
.cp-key-figures .details { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: end; align-items: flex-end; width: 100%; font-size: 1.6rem; line-height: 2.4rem; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; -webkit-box-ordinal-group: 5; order: 4; color: #000 }
.cp-key-figures p { -webkit-box-ordinal-group: 4; order: 3; width: 100%; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin-bottom: 2rem; font-size: 2rem }
.cp-key-figures i { display: block; color: #171F4A; font-size: 4rem; height: 4rem; width: 100%; -webkit-box-ordinal-group: 2; order: 1 }
.cp-key-figures .-actions { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; margin: 5rem 0 0 }
@media (min-width:60em) {
.cp-key-figures .-actions { margin: 8.5rem 0 0 }
}
.cp-image-block-column { margin: 2rem 0 4rem }
@media (min-width:37.5em) {
.cp-image-block-column { margin: 2rem 0 8rem }
}
@media (min-width:60em) {
.cp-image-block-column { margin: 0rem }
}
.cp-image-block-column.-with-pattern { padding: 5rem 0 6rem; overflow: visible; position: relative }
.cp-image-block-column.-with-pattern:after, .cp-image-block-column.-with-pattern:before { background-size: contain; content: ""; display: none; pointer-events: none; position: absolute }
@media (min-width:76em) {
.cp-image-block-column.-with-pattern:after, .cp-image-block-column.-with-pattern:before { display: block }
}
@media (min-width:76em) {
.cp-image-block-column.-with-pattern:before { background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg width='252' height='534' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-16 534v-10c142.493 0 258-115.068 258-257C242 126.487 128.792 12.304-11.733 10.034L-16 10V0c148.007 0 268 119.536 268 267 0 145.99-117.605 264.606-263.568 266.964L-16 534z' fill='%23FACB04' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat 50%; height: 54rem; left: -11rem; overflow: visible; top: 2rem; width: 26rem }
}
@media (min-width:105em) {
.cp-image-block-column.-with-pattern:before { left: 8rem }
}
@media (min-width:125em) {
.cp-image-block-column.-with-pattern:before { left: 26rem }
}
@media (min-width:76em) {
.cp-image-block-column.-with-pattern:after { background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg width='190' height='190' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M189.5 190H0v-11h178.5V.5h11z' fill='%2342BA76' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat 100% 100%; height: 18.9rem; right: 1rem; bottom: -2rem; width: 18.9rem }
}
@media (min-width:105em) {
.cp-image-block-column.-with-pattern:after { right: 13rem }
}
@media (min-width:125em) {
.cp-image-block-column.-with-pattern:after { right: 32rem }
}
.cp-image-block-column .df-zone { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center }
@media (min-width:47.5em) {
.cp-image-block-column .df-zone { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row }
}
.cp-image-block-column .-item { background-size: cover; background-position: 50%; box-sizing: border-box; cursor: pointer; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin:.5rem 0 2.1rem;
overflow: hidden; padding: 4rem 0; position: relative; text-decoration: none }
@media (min-width:47.5em) {
.cp-image-block-column .-item {
margin:.5rem; width: calc(50% - 1rem) }
}
@media (min-width:60em) {
.cp-image-block-column .-item { width: calc(41.66667% - 1rem) }
.cp-image-block-column .-item:before { color: transparent; content: attr(data-h3); font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3rem; display: block; padding: 0 6rem; line-height: 4rem; text-align: center; text-transform: uppercase }
.cp-image-block-column .-item:after { color: transparent; content: attr(data-p); display: block; font-size: 1.4rem; margin: 0 0 6rem; padding: 0 5rem; line-height: 1.5em }
}
@media (min-width:60em) and (min-width:37.5em) {
.cp-image-block-column .-item:after { font-size: 1.6rem; padding: 0 8rem }
}
@media (min-width:60em) and (min-width:60em) {
.cp-image-block-column .-item:after { font-size: 2rem; padding: 0 5rem }
}
@media (min-width:76em) {
.cp-image-block-column .-item { width: calc(33.33333% - 1rem) }
}
@media (min-width:76em) {
.cp-image-block-column .four-blocs { width: calc(25% - 1rem) }
}
.cp-image-block-column .-item:hover .-content { bottom: 10rem }
.cp-image-block-column .-item:hover .-content:before { opacity: 1 }
.cp-image-block-column .-item:hover p { opacity: 1; height: auto }
.cp-image-block-column .-content { box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-transition: .6s; transition: .6s }
@media (min-width:60em) {
.cp-image-block-column .-content { bottom: 1.6rem; left: 0; height: 100%; position: absolute; right: 0; display: -webkit-box; display: flex; -webkit-box-pack: end; justify-content: flex-end }
}
.cp-image-block-column .-content:before { background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, rgba(0,0,0,.7)), to(transparent)); background: linear-gradient(0deg, rgba(0,0,0,.7) 30%, transparent); bottom: -15rem; content: ""; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: .3s; transition: .3s; z-index: 0; display: -webkit-box; display: flex; -webkit-box-pack: end; justify-content: flex-end }
.no-touchevents .cp-image-block-column .-content:before { background: rgba(0,0,0,.5); opacity: 1 }
@media (min-width:60em) {
.no-touchevents .cp-image-block-column .-content:before { opacity: 0 }
}
.cp-image-block-column h3 { color: #fff; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.1rem; left: 0; line-height: 2.6rem; padding: 0 1.6rem; position: relative; text-align: center; text-shadow: 0 2px 13px rgba(0,0,0,.5); z-index: 2; margin: 0 0 1.6rem }
@media (min-width:37.5em) {
.cp-image-block-column h3 { padding: 0 10rem }
}
@media (min-width:60em) {
.cp-image-block-column h3 { padding: 0 6rem; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center }
}
.cp-image-block-column p { color: #fff; margin: 0; padding: 0 1.6rem; position: relative; text-align: center; -webkit-transition: .5s; transition: .5s; z-index: 2; font-size: 1.8rem; line-height: 2.4rem }
@media (min-width:60em) {
.cp-image-block-column p { opacity: 0; height: 0 }
}
.tpl-grey-title-subtitle-txt { background: #f0f0ef; padding: 4rem 0 1rem; text-align: center }
@media (min-width:37.5em) {
.tpl-grey-title-subtitle-txt { padding: 6rem 0 2rem }
}
@media (min-width:60em) {
.tpl-grey-title-subtitle-txt { padding: 9rem 0 3rem }
}
.tpl-grey-title-subtitle-txt .l-zone { margin: 0 auto }
@media (min-width:60em) {
.tpl-grey-title-subtitle-txt .l-zone { max-width: 79rem; width: 66.66667% }
}
.tpl-grey-title-subtitle-txt .-content { float: none }
.tpl-grey-title-subtitle-txt h2 { color: #171F4A; font-size: 3rem; line-height: 3.5rem; margin-top: 0; text-align: center }
@media (min-width:37.5em) {
.tpl-grey-title-subtitle-txt h2 { font-size: 4.8rem; line-height: 4.6rem }
}
.tpl-grey-title-subtitle-txt h3 { color: #171F4A; margin-bottom: 2rem; text-align: center; text-transform: uppercase }
@media (min-width:37.5em) {
.tpl-grey-title-subtitle-txt h3 { font-size: 3.2rem; margin-bottom: 4rem }
}
@media (min-width:60em) {
.tpl-grey-title-subtitle-txt h3 { font-size: 5rem; margin-bottom: 2.5rem }
}
.tpl-grey-title-subtitle-txt .h2-subtitle { color: #171F4A; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2.6rem }
@media (min-width:37.5em) {
.tpl-grey-title-subtitle-txt .h2-subtitle { font-size: 2.3rem; line-height: 2.6rem }
}
@media (min-width:60em) {
.tpl-grey-title-subtitle-txt .h2-subtitle { font-size: 2.3rem; line-height: 2.6rem }
}
.tpl-grey-title-subtitle-txt a { text-decoration: underline }
.tpl-grey-title-subtitle-txt .btn-yellow { text-decoration: none; color: #fff; box-shadow: 0 0 0 1px #008F84 }
.tpl-grey-title-subtitle-txt .btn-yellow:hover { color: #008F84; box-shadow: 0 0 0 1px #008F84 }
.tpl-grey-title-subtitle-txt.-bg-white { background: #fff }
.tpl-white-title-subtitle-txt { margin: 4rem 0 0; text-align: center }
@media (min-width:37.5em) {
.tpl-white-title-subtitle-txt { margin: 9rem 0 }
}
.tpl-white-title-subtitle-txt.-without-small-margin-top { margin: 2rem 0 }
@media (min-width:37.5em) {
.tpl-white-title-subtitle-txt.-without-small-margin-top { margin: 6rem 0 }
}
@media (min-width:76em) {
.tpl-white-title-subtitle-txt.-deco .h2-subtitle { position: relative }
}
.tpl-white-title-subtitle-txt.-deco .h2-subtitle:after { display: none!important }
.tpl-white-title-subtitle-txt.-deco blockquote:after, .tpl-white-title-subtitle-txt.-deco blockquote:before { color: #008F84!important }
.tpl-white-title-subtitle-txt.-deco blockquote:after { display: block!important; content: "\E907"; top: inherit; left: inherit; bottom: 0; right: 0; font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease }
.tpl-white-title-subtitle-txt blockquote p { text-align: left }
.tpl-white-title-subtitle-txt .non-italic { font-family: Read-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-style: normal; font-size: 1.6rem }
@media (min-width:60em) {
.tpl-white-title-subtitle-txt .non-italic { font-size: 2.9rem }
}
.tpl-white-title-subtitle-txt .l-zone { margin: 0 auto }
@media (min-width:60em) {
.tpl-white-title-subtitle-txt .l-zone { max-width: 79rem; width: 66.66667% }
}
.tpl-white-title-subtitle-txt .-content { float: none }
.tpl-white-title-subtitle-txt h2 { font-size: 3rem; line-height: 3.5rem; margin: 0 0 1.6rem; text-align: center }
@media (min-width:37.5em) {
.tpl-white-title-subtitle-txt h2 { font-size: 4.8rem; line-height: 4.6rem; margin: 0 0 2.4rem }
}
.tpl-white-title-subtitle-txt h3 { color: #171F4A; font-size: 2.7rem; line-height: 3.2rem; margin-bottom: 1.6rem; text-align: center }
@media (min-width:37.5em) {
.tpl-white-title-subtitle-txt h3 { font-size: 3.4rem; line-height: 3.6rem; margin-bottom: 2.4rem }
}
.tpl-white-title-subtitle-txt .h2-subtitle { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height:3.6rem; margin-bottom: 6.4rem }
@media (min-width:60em) {
.tpl-white-title-subtitle-txt .h2-subtitle { margin-bottom: 3.2rem }
}
.tpl-white-title-subtitle-txt .h2-subtitle strong { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.tpl-white-title-subtitle-txt .h2-subtitle .name { font-size: 2rem; color: #171F4A; text-align: center; line-height: 2rem; margin-bottom: 0 }
.tpl-white-title-subtitle-txt .h2-subtitle .job-title { font-size: 2rem; color: #171F4A; letter-spacing: .67px; line-height: 1rem }
.tpl-white-title-subtitle-txt .btn-yellow { color: #fff }
.tpl-white-title-subtitle-txt .btn-yellow:hover { color: #008F84 }
.tpl-white-title-subtitle-txt .infographie { position: relative }
.tpl-white-title-subtitle-txt .infographie a { color: #008F84; text-decoration: none }
.tpl-white-title-subtitle-txt .infographie-number { color: #008F84; background-color: #171F4A; width: 20px; height: 20px; font-size: 12px; line-height: 20px; border-radius: 50%; text-align: center }
.tpl-white-title-subtitle-txt .infographie-number.number-8 { top: 46% }
@media screen and (max-width:780px) {
.tpl-white-title-subtitle-txt .infographie-number.number-8 { top: 75% }
}
.tpl-white-title-subtitle-txt .infographie-title1 { position: absolute; top: 0; left: 0 }
@media screen and (max-width:780px) {
.tpl-white-title-subtitle-txt .infographie-title1 { position: absolute; top: -90px; left: 0 }
}
.tpl-white-title-subtitle-txt .infographie-title2 { position: absolute; top: 57%; left: -37px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content }
@media screen and (max-width:780px) {
.tpl-white-title-subtitle-txt .infographie-title2 { position: absolute; bottom: 5%; left: 0 }
}
.tpl-white-title-subtitle-txt .infographie-title3 { position: absolute; bottom: 21%; right: -6% }
@media screen and (max-width:780px) {
.tpl-white-title-subtitle-txt .infographie-title3 { position: absolute; bottom: 7%; right: 0 }
}
.tpl-white-title-subtitle-txt .infographie-text { font-family: Helvetica Neue LT W05_67 Md Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 16px; font-weight: 700; font-style: italic }
@media screen and (max-width:780px) {
.tpl-white-title-subtitle-txt .infographie-text { font-family: Helvetica Neue LT W05_67 Md Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 11px; font-weight: 700; font-style: italic }
}
.tpl-white-title-subtitle-txt .infographie .infographie-content-title { font-family: Helvetica Neue LT W05_67 Md Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-weight: 700; text-align: center }
@media screen and (max-width:780px) {
.tpl-white-title-subtitle-txt .infographie .infographie-content-text { font-size: 8px; text-align: center }
}
.tpl-white-title-subtitle-txt .infographie .action-1 { position: absolute; top: 2%; left: 44%; width: 20% }
@media screen and (max-width:780px) {
.tpl-white-title-subtitle-txt .infographie .action-1 { position: absolute; width: 20% }
}
.tpl-white-title-subtitle-txt .infographie .action-2 { position: absolute; top: 32%; left: 31%; width: 20% }
@media screen and (max-width:780px) {
.tpl-white-title-subtitle-txt .infographie .action-2 { position: absolute; top: 30%; width: 20% }
}
.tpl-white-title-subtitle-txt .infographie .action-3 { position: absolute; top: 25%; right: -5%; width: 20% }
@media screen and (max-width:780px) {
.tpl-white-title-subtitle-txt .infographie .action-3 { position: absolute; top: 20%; right: -3%; width: 20% }
}
.tpl-white-title-subtitle-txt .infographie .action-4 { position: absolute; top: 0; right: -5%; width: 20% }
@media screen and (max-width:780px) {
.tpl-white-title-subtitle-txt .infographie .action-4 { position: absolute; top: -13%; right: -2%; width: 20% }
}
.tpl-white-title-subtitle-txt .infographie .action-5 { position: absolute; top: 5%; left: -14%; width: 20% }
@media screen and (max-width:780px) {
.tpl-white-title-subtitle-txt .infographie .action-5 { position: absolute; top: -10%; left: 0; width: 20% }
}
.tpl-white-title-subtitle-txt .infographie .action-7 { position: absolute; bottom: 0; right: 6%; width: 20% }
@media screen and (max-width:780px) {
.tpl-white-title-subtitle-txt .infographie .action-7 { position: absolute; right: 16%; width: 20%; top: 100% }
}
.tpl-white-title-subtitle-txt .infographie .action-9 { position: absolute; bottom: 9%; left: -7%; width: 20% }
@media screen and (max-width:780px) {
.tpl-white-title-subtitle-txt .infographie .action-9 { position: absolute; top: 100%; left: 5%; width: 20% }
}
.tpl-white-title-subtitle-txt .infographie .action-8 { position: absolute; bottom: 59%; left: -8%; width: 20% }
@media screen and (max-width:780px) {
.tpl-white-title-subtitle-txt .infographie .action-8 { position: absolute; bottom: 8%; left: 0; width: 20% }
}
.tpl-grey-txt-img-fullscreen { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column }
@media (min-width:47.5em) {
.tpl-grey-txt-img-fullscreen { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; min-height: 35rem }
}
@media (min-width:60em) {
.tpl-grey-txt-img-fullscreen { min-height: 40rem }
}
.tpl-grey-txt-img-fullscreen .-content { box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; padding: 3rem 2rem 2rem; -webkit-box-ordinal-group: 3; order: 2 }
@media (min-width:47.5em) {
.tpl-grey-txt-img-fullscreen .-content { background: #f0f0ef; -webkit-box-ordinal-group: inherit; order: inherit; padding: 3rem 5rem 2rem; width: 50% }
}
@media (min-width:76em) {
.tpl-grey-txt-img-fullscreen .-content { padding: 4rem 9% 2rem }
}
.tpl-grey-txt-img-fullscreen h3 { color: #171F4A; line-height: 2.4rem; margin: 0 0 2rem }
@media (min-width:47.5em) {
.tpl-grey-txt-img-fullscreen h3 { font-size: 2.8rem; line-height: 3rem; margin-bottom: 2.8rem }
}
@media (min-width:60em) {
.tpl-grey-txt-img-fullscreen h3 { font-size: 3.2rem; line-height: 4.2rem; margin-bottom: 3.5rem }
}
.tpl-grey-txt-img-fullscreen .-illust { -webkit-box-ordinal-group: 2; order: 1 }
@media (min-width:47.5em) {
.tpl-grey-txt-img-fullscreen .-illust { -webkit-box-ordinal-group: inherit; order: inherit; width: 50% }
}
.tpl-grey-txt-img-fullscreen .-illust>img { display: block; height: 100%; font-family: "object-fit: cover"; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; margin: 0; width: 100% }
.tpl-grey-txt-img-fullscreen p { color: #171F4A; line-height: 1.4em; margin: 0 0 2rem }
.tpl-grey-txt-img-fullscreen ul { margin: 0!important }
.tpl-grey-txt-img-fullscreen li { color: #000!important }
.tpl-grey-txt-img-fullscreen .btn-yellow { align-self: flex-start }
@media (min-width:47.5em) {
.tpl-grey-txt-img-fullscreen .btn-yellow { margin-top: 3rem }
}
@media (min-width:60em) {
.tpl-grey-txt-img-fullscreen .btn-yellow { margin-top: 4rem }
}
.tpl-edito { position: relative; margin: 4rem 1rem 1rem }
.tpl-edito .aligncenter { margin: 0 auto 1px }
@media (min-width:60em) {
.tpl-edito { margin: 5rem 0 }
}
.tpl-edito:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; content: "\E970"; color: #008F84; font-size: 3rem; left: 50%; position: absolute; text-align: center; top: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 8.4rem; z-index: 2 }
@media (min-width:60em) {
.tpl-edito:before { font-size: 4.4rem }
}
@media (min-width:60em) {
.tpl-edito:after { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; bottom: 0; content: "\E970"; color: #008F84; font-size: 4.4rem; left: 50%; position: absolute; text-align: center; -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); width: 8.4rem; z-index: 2 }
}
.tpl-edito .df-zone { border: 1px solid #999; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column }
@media (min-width:60em) {
.tpl-edito .df-zone { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row }
.tpl-edito .df-zone:after { background: #fff; bottom: -1px; content: ""; height: 1px; left: 50%; position: absolute; -webkit-transform: translate(-50%); transform: translate(-50%); width: 8.4rem; z-index: 1 }
}
.tpl-edito .df-zone:before { background: #fff; content: ""; height: 1px; left: 50%; position: absolute; text-align: center; top: -1px; -webkit-transform: translate(-50%); transform: translate(-50%); width: 8.4rem; z-index: 1 }
.tpl-edito .-content { box-sizing: border-box; padding: 2rem }
@media (min-width:37.5em) {
.tpl-edito .-content { padding: 4rem }
}
@media (min-width:60em) {
.tpl-edito .-content { padding: 4rem 0 4rem 4rem; align-self: center; width: 50% }
}
@media (min-width:76em) {
.tpl-edito .-content { padding: 5rem 0 5rem 5.5rem }
}
.tpl-edito p { color: #6c6f70; font-size: 1.6rem; font-style: italic; line-height: 3.2rem; margin: 0 0 2rem; display: block; width: 100% }
@media (min-width:37.5em) {
.tpl-edito p { font-size: 2rem; line-height: 3rem; margin: 0 0 3rem }
}
@media (min-width:60em) {
.tpl-edito p { font-size: 2.2rem }
}
@media (min-width:76em) {
.tpl-edito p { margin: 0 0 4rem }
}
.tpl-edito p b, .tpl-edito p strong { color: #000 }
.tpl-edito p sup { font-size: 1.5rem }
.tpl-edito .-author { color: #171F4A; font-size: 1.6rem; text-transform: uppercase }
@media (min-width:37.5em) {
.tpl-edito .-author { font-size: 2rem }
}
@media (min-width:76em) {
.tpl-edito .-author { font-size: 2.6rem }
}
.tpl-edito .-job { color: #6c6f70; font-size: 1.2rem }
@media (min-width:37.5em) {
.tpl-edito .-job { font-size: 1.4rem }
}
@media (min-width:76em) {
.tpl-edito .-job { font-size: 1.6rem }
}
.tpl-edito .-illust { -webkit-box-align: end; align-items: flex-end; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; width: 100% }
@media (min-width:60em) {
.tpl-edito .-illust { box-sizing: border-box; padding: 0 1rem; width: 50% }
}
.tpl-edito .-illust img { margin-bottom: 1px }
.tpl-edito-with-background:before { top: 5rem }
.tpl-edito-with-background:after { bottom: 5rem }
.tpl-edito-with-background .df-zone { border: 1px solid #fff; border-top: 0; max-width: 100%; width: 100% }
.tpl-edito-with-background .df-zone:before { left: 0; top: 0; -webkit-transform: translate(0); transform: translate(0); width: calc(50% - 4rem) }
@media (min-width:60em) {
.tpl-edito-with-background .df-zone { border-bottom: 0 }
.tpl-edito-with-background .df-zone:after { bottom: 0; left: 0; -webkit-transform: translate(0); transform: translate(0); width: calc(50% - 4rem) }
}
.tpl-edito-with-background .-container { background-size: cover; background-repeat: no-repeat; background-position: 50%; box-sizing: border-box; padding: 5rem; position: relative; margin: 0 auto; max-width: 98% }
@media (min-width:37.5em) {
.tpl-edito-with-background .-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; flex-wrap: wrap; width: 590px }
}
@media (min-width:47.5em) {
.tpl-edito-with-background .-container { width: 770px }
}
@media (min-width:60em) {
.tpl-edito-with-background .-container { flex-wrap: nowrap; max-width: 100%; width: 960px }
}
@media (min-width:76em) {
.tpl-edito-with-background .-container { width: 1200px }
}
.tpl-edito-with-background .-container:before { background: #fff; content: ""; height: 1px; right: 5rem; position: absolute; text-align: center; top: 5rem; width: calc(50% - 9rem); z-index: 1 }
@media (min-width:60em) {
.tpl-edito-with-background .-container:after { background: #fff; bottom: 5rem; content: ""; height: 1px; right: 5rem; position: absolute; width: calc(50% - 9rem); z-index: 1 }
}
.agenda-sport-iframe { width: 100%; display: block }
@media (min-width:1025px) {
.agenda-sport-iframe { height: 100vh; max-height: 750px }
}
.reachtabs-wrapper { margin: auto }
.cp-slider-vertical-parallax .reachtabs-wrapper.container-pagination, .reachtabs-wrapper.teq-container { max-width: calc(100% - 3rem); width: calc(100% - 3rem) }
@media (min-width:37.5em) {
.cp-slider-vertical-parallax .reachtabs-wrapper.container-pagination, .reachtabs-wrapper.teq-container { max-width: 119rem; width: 119rem }
}
.reach-intro { display: block; margin: 40px 0; color: #171F4A; font-size: 1.8rem; line-height: 2.4rem; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.reach-intro strong { color: #171F4A; font-family: Read-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:37.5em) {
.reach-intro { font-size: 1.6rem; line-height: 2.2rem }
}
@media (min-width:60em) {
.reach-intro { margin: 90px 0 110px; font-size: 2rem; line-height: 3.2rem }
}
.reach-intro p a { display: block }
@media (min-width:37.5em) {
.reach-intro p a { display: inline-block }
}
.reachtabs-tabs { margin: 0 0 30px; position: -webkit-sticky; position: sticky; padding: 5px 0; top: 0; background: #fff }
.is_stuck~.zone--content .reachtabs-tabs { top: 45px }
.reachtabs-tab { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem; background: none; border: none; -webkit-appearance: none; border-radius: none; color: #171F4A; outline: none; position: relative; text-transform: uppercase; margin-right: 0 }
@media (min-width:37.5em) {
.reachtabs-tab { margin-right: 10rem }
}
.reachtabs-tab:before { content: ""; display: block; height: 3px; -webkit-transition: background-color .15s ease-out; transition: background-color .15s ease-out }
.reachtabs-tab.-current:before, .reachtabs-tab:hover:before { background: #008F84 }
.reachtabs-all-items { margin-bottom: 40px }
@media (min-width:37.5em) {
.reachtabs-all-items { margin-bottom: 85px }
}
.reachtabs-items { display: none; flex-wrap: wrap; -webkit-box-align: start; align-items: flex-start; margin: auto 0 }
@media (min-width:37.5em) {
.reachtabs-items { margin: 0 -8px }
}
.reachtabs-items.-current { display: -webkit-box; display: flex }
.reachtabs-item { display: -webkit-inline-box; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; margin: 0 auto 2.4rem; width: 100% }
@media (min-width:30em) {
.reachtabs-item { width: calc(50% - 1.6rem) }
}
@media (min-width:37.5em) {
.reachtabs-item { margin: 0 1rem 6.4rem; width: calc(33% - 1.6rem) }
}
@media (min-width:60em) {
.reachtabs-item { width: calc(25% - 1.6rem) }
}
.reachtabs-item-name { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; line-height: 2.2rem; margin: 1.6rem 0; text-align: center }
.tpl-edito-quote { position: relative; margin: 0 }
.tpl-edito-quote:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; content: "\E970"; color: #008F84; font-size: 3rem; left: 50%; position: absolute; text-align: center; top: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 8.4rem; z-index: 2 }
@media (min-width:60em) {
.tpl-edito-quote:before { font-size: 4.4rem }
}
@media (min-width:60em) {
.tpl-edito-quote:after { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; bottom: 0; content: "\E970"; color: #008F84; font-size: 4.4rem; left: 50%; position: absolute; text-align: center; -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); width: 8.4rem; z-index: 2 }
}
.tpl-edito-quote .df-zone { border: 1px solid #999; position: relative }
@media (min-width:60em) {
.tpl-edito-quote .df-zone { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row }
.tpl-edito-quote .df-zone:after { background: #fff; bottom: -1px; content: ""; height: 1px; left: 50%; position: absolute; -webkit-transform: translate(-50%); transform: translate(-50%); width: 8.4rem; z-index: 1 }
}
.tpl-edito-quote .df-zone:before { background: #fff; content: ""; height: 1px; left: 50%; position: absolute; text-align: center; top: -1px; -webkit-transform: translate(-50%); transform: translate(-50%); width: 8.4rem; z-index: 1 }
.tpl-edito-quote .-content { box-sizing: border-box; padding: 2rem; text-align: center; margin: 0 auto }
@media (min-width:37.5em) {
.tpl-edito-quote .-content { padding: 4rem }
}
@media (min-width:60em) {
.tpl-edito-quote .-content { padding: 4rem; align-self: center; max-width: 65rem }
}
@media (min-width:76em) {
.tpl-edito-quote .-content { padding: 5rem }
}
.tpl-edito-quote p { color: #6c6f70; font-size: 1.6rem; font-style: italic; line-height: 3.2rem; margin: 0 0 2rem; display: block; width: 100% }
@media (min-width:37.5em) {
.tpl-edito-quote p { font-size: 2rem; line-height: 3rem; margin: 0 0 3rem }
}
@media (min-width:60em) {
.tpl-edito-quote p { font-size: 2.2rem }
}
@media (min-width:76em) {
.tpl-edito-quote p { margin: 0 0 4rem }
}
.tpl-edito-quote p b, .tpl-edito-quote p strong { color: #000 }
.tpl-edito-quote p sup { font-size: 1.5rem }
.tpl-edito-quote .-author { box-sizing: border-box; color: #171F4A; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.4rem; line-height: 2.4rem; text-transform: uppercase; margin-bottom:.5rem;
padding: 0 2rem; text-align: center }
@media (min-width:60em) {
.tpl-edito-quote .-author { padding: 0; margin:0 auto .5rem
}
}
.tpl-edito-quote .-job { box-sizing: border-box; color: #171F4A; font-family: Renault-Light, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.4rem; line-height: 2.4rem; margin-bottom: 1rem; padding: 0 2rem; text-align: center }
@media (min-width:60em) {
.tpl-edito-quote .-job { padding: 0; margin: 0 auto }
}
.cp-image-block-column-nolinks { margin: 2rem 0 4rem }
@media (min-width:37.5em) {
.cp-image-block-column-nolinks { margin: 2rem 0 8rem }
}
@media (min-width:60em) {
.cp-image-block-column-nolinks { margin: 2rem 0 12rem }
}
.cp-image-block-column-nolinks .df-zone { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center }
@media (min-width:47.5em) {
.cp-image-block-column-nolinks .df-zone { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; flex-wrap: wrap }
}
.cp-image-block-column-nolinks .-item { background-size: cover; background-position: 50%; box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin:.5rem 0;
overflow: hidden; padding: 7rem 0; position: relative; text-decoration: none }
@media (min-width:47.5em) {
.cp-image-block-column-nolinks .-item {
margin:.5rem; width: calc(50% - 1rem); padding: 10rem 0 }
}
@media (min-width:60em) {
.cp-image-block-column-nolinks .-item { width: calc(41.66667% - 1rem) }
}
@media (min-width:76em) {
.cp-image-block-column-nolinks .-item { width: calc(33.33333% - 1rem) }
}
.cp-image-block-column-nolinks h3 { display: block; box-sizing: border-box; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.9rem; line-height: 2rem; position: relative; text-align: center; text-shadow: 0 2px 13px rgba(0,0,0,.5); text-transform: uppercase; z-index: 2 }
@media (min-width:37.5em) {
.cp-image-block-column-nolinks h3 { font-size: 2.5rem; line-height: 3rem }
}
@media (min-width:60em) {
.cp-image-block-column-nolinks h3 { font-size: 3rem; line-height: 4rem }
}
.cp-image-block-column-nolinks p { color: #fff; margin: 0; padding: 0 5rem; position: relative; text-align: center; -webkit-transition: .5s; transition: .5s; z-index: 2 }
@media (min-width:37.5em) {
.cp-image-block-column-nolinks p { padding: 0 8rem }
}
@media (min-width:60em) {
.cp-image-block-column-nolinks p { opacity: 0; height: 0; padding: 0 5rem }
}
.tpl-title-img-description-middle { margin: 6rem 0 }
@media (min-width:37.5em) {
.tpl-title-img-description-middle { margin: 12rem 0 }
}
.tpl-title-img-description-middle h2 { margin: 0 auto 1.5rem; max-width: 120rem; text-align: center; width: 90% }
@media (min-width:60em) {
.tpl-title-img-description-middle h2 { font-size: 6rem; margin-bottom: 5rem }
}
@media (min-width:37.5em) {
.tpl-title-img-description-middle .-illust { margin-right: 8.33333%; width: 50% }
}
@media (min-width:37.5em) {
.tpl-title-img-description-middle .-content { align-self: center; width: 41.66667% }
}
.tpl-title-img-description-middle p { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; color: #171F4A; margin: 2rem 0; line-height: 2.4rem }
.tpl-title-img-description-middle p strong { color: #000 }
.cp-slider-brands { width: 100%; background-color: #f4f4f4; box-sizing: border-box; margin: 0 auto; padding: 0 2% 10.8rem 0 }
@media (min-width:37.5em) {
.cp-slider-brands { padding-top: 8rem }
}
.cp-slider-brands .swiper-container { padding: 1rem 0 5rem; max-width: 100%; position: relative }
@media (min-width:76em) {
.cp-slider-brands .swiper-container { overflow: visible!important; width: 120rem }
.cp-slider-brands .swiper-container:before { content: ""; background: #f4f4f4; width: 50vw; position: absolute; left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); height: 100%; display: block; z-index: 5 }
}
.cp-slider-brands .swiper-wrapper { margin: 0 auto; width: 100% }
@media (min-width:76em) {
.cp-slider-brands .swiper-wrapper { overflow: visible }
}
.cp-slider-brands .item { background: #fff; margin-right: 2rem; max-width: 40rem; padding: 0; text-decoration: none; -webkit-transition: .8s; transition: .8s; width: 100% }
@media (min-width:30em) {
.cp-slider-brands .item { margin-right: 10px }
}
.cp-slider-brands .item:hover { box-shadow: 0 10px 34px 0 rgba(0,0,0,.15) }
.cp-slider-brands .item:hover img { -webkit-transform: scale(1.03); transform: scale(1.03) }
.cp-slider-brands .illust { height: 31rem; margin: 0; overflow: hidden; padding: 0; position: relative; width: 100% }
.cp-slider-brands .illust img { bottom: 0; font-family: "object-fit: cover; object-position: center center;"; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; position: absolute; right: 0; top: 0; -webkit-transition: .8s; transition: .8s; width: 100% }
.cp-slider-brands .-content { color: #171F4A; font-family: Renault-Regular; font-size: 2rem; line-height: 2.6rem; padding: 1.6rem; height: 4.2rem; overflow: hidden }
@media (min-width:37.5em) {
.cp-slider-brands .-content { font-size: 2.1rem }
}
.cp-slider-brands .swiper-button-next, .cp-slider-brands .swiper-button-prev { color: #171F4A; display: inline-block; background-image: inherit; font: 0/0 a; margin:0 .5rem;
outline: 0; position: absolute; text-decoration: none; top: 90%; -webkit-transition: .5s; transition: .5s; width: 5rem }
@media (min-width:76em) {
.cp-slider-brands .swiper-button-next, .cp-slider-brands .swiper-button-prev { height: 9rem; width: 9rem; top: 95% }
}
.cp-slider-brands .swiper-button-next.disabled, .cp-slider-brands .swiper-button-prev.disabled { opacity: .5 }
.cp-slider-brands .swiper-button-next:before, .cp-slider-brands .swiper-button-prev:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: #171F4A; display: block; font-size: 18px; line-height: 35px; text-align: center; top: 50%; right: -2rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: "\E96E" }
@media (min-width:76em) {
.cp-slider-brands .swiper-button-next:before, .cp-slider-brands .swiper-button-prev:before { font-size: 30px; right: 2rem }
}
.cp-slider-brands .swiper-button-next { right: 0 }
@media (min-width:76em) {
.cp-slider-brands .swiper-button-next { right: -3.9rem }
}
.cp-slider-brands .swiper-button-prev { left: inherit; right: 5rem }
@media (min-width:76em) {
.cp-slider-brands .swiper-button-prev { right: 2rem }
}
.cp-slider-brands .swiper-button-prev:before { -webkit-transform: rotate(-180deg) translateY(48%); transform: rotate(-180deg) translateY(48%) }
.cp-slider-brands .swiper-button-disabled { opacity: .5 }
.cp-slider-mosaic-auto { margin: 6rem 0 }
@media (min-width:37.5em) {
.cp-slider-mosaic-auto { margin: 12rem 0 }
}
.cp-slider-mosaic-auto .swiper-wrapper { -webkit-transition-timing-function: linear; transition-timing-function: linear; min-width: 100% }
.cp-slider-mosaic-auto .item { height: 25rem; position: relative; width: 25rem }
.cp-slider-mosaic-auto .item img { position: absolute; width: 100% }
.cp-slider-mosaic-auto .item:nth-child(2n) img { top: 0 }
.cp-slider-mosaic-auto .item:nth-child(odd) img { bottom: 0 }
.cp-mosaic-key-figures { margin: 6rem auto 3rem; max-width: 120rem; width: 98% }
.cp-mosaic-key-figures .-list { -webkit-box-pack: start; justify-content: flex-start; margin:0 -.5rem
}
.cp-mosaic-key-figures .-col, .cp-mosaic-key-figures .-list { -webkit-box-align: start; align-items: flex-start; display: -webkit-box; display: flex; flex-wrap: wrap }
.cp-mosaic-key-figures .-col-for-2 { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 100% }
@media (min-width:60em) {
.cp-mosaic-key-figures .-col-for-2 { width: 41.66667% }
}
.cp-mosaic-key-figures .-col-for-4 { width: 100% }
@media (min-width:30em) {
.cp-mosaic-key-figures .-col-for-4 { width: 50% }
}
@media (min-width:60em) {
.cp-mosaic-key-figures .-col-for-4 { width: 33.33333% }
}
.cp-mosaic-key-figures .-col-for-4 .col-6-12 { width: calc(50% - 1.01rem) }
.cp-mosaic-key-figures .col-2-12 { width: calc(16.66667% - 1rem) }
.cp-mosaic-key-figures .col-4-12 { width: calc(100% - 1rem) }
@media (min-width:30em) {
.cp-mosaic-key-figures .col-4-12 { width: calc(50% - 1rem) }
}
@media (min-width:60em) {
.cp-mosaic-key-figures .col-4-12 { width: calc(33.33333% - 1rem) }
}
.cp-mosaic-key-figures .col-5-12 { width: calc(100% - 1rem) }
@media (min-width:30em) {
.cp-mosaic-key-figures .col-5-12 { width: calc(50% - 1rem) }
}
@media (min-width:60em) {
.cp-mosaic-key-figures .col-5-12 { width: calc(41.66667% - 1rem) }
}
.cp-mosaic-key-figures .col-6-12 { width: 100% }
@media (min-width:30em) {
.cp-mosaic-key-figures .col-6-12 { width: calc(50% - 1rem) }
}
.cp-mosaic-key-figures .col-7-12 { width: calc(100% - 1rem) }
@media (min-width:60em) {
.cp-mosaic-key-figures .col-7-12 { width: calc(58.33333% - 1.01rem) }
}
.cp-mosaic-key-figures .-item {
margin:.5rem; position: relative }
.cp-mosaic-key-figures .-item:before { display: block; content: ""; width: 100%; padding-top: 100% }
.cp-mosaic-key-figures .-item img { background-repeat: no-repeat; font-family: "object-fit: cover;"; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; position: absolute; top: 0; width: 100% }
.cp-mosaic-key-figures .-item-69-39:before { display: block; content: ""; width: 100%; padding-top: 56.5217391304% }
.cp-mosaic-key-figures .-item-49-39:before { display: block; content: ""; width: 100%; padding-top: 79.5918367347% }
.cp-mosaic-key-figures .-item-49-19:before { display: block; content: ""; width: 100%; padding-top: 38.7755102041% }
.cp-mosaic-key-figures .-active .-key-figures { opacity: 1 }
.cp-mosaic-key-figures .-key-figures { -webkit-box-align: center; align-items: center; bottom: 0; color: #fff; display: -webkit-box; display: flex; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; left: 0; opacity: 1; position: absolute; right: 0; top: 0; -webkit-transition: .5s; transition: .5s; will-change: opacity; z-index: 2 }
.cp-mosaic-key-figures .-number { font-size: 7rem; line-height: .9 }
@media (min-width:60em) {
.cp-mosaic-key-figures .-number { font-size: 9rem }
}
.cp-mosaic-key-figures .-description { font-size: 2.2rem; line-height: 1.1 }
.cp-mosaic-key-figures i { display: block; font-size: 4rem; line-height: 2rem; text-align: center }
@media (min-width:60em) {
.cp-mosaic-key-figures i { font-size: 6rem; line-height: 4rem }
}
.cp-mosaic-key-figures i:before { display: block; line-height: 4rem }
.cp-mosaic-key-figures i+.-number { margin-bottom: 1.6rem }
.cp-mosaic-key-figures .-key-figures-blue { background: rgba(151,139,127,.7) }
.cp-mosaic-key-figures .-key-figures-purple { background: rgba(0,0,0,.7); box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; flex-wrap: wrap; padding: 1.5rem }
@media (min-width:76em) {
.cp-mosaic-key-figures .-key-figures-purple { padding: 3.9rem }
}
.cp-mosaic-key-figures .-key-figures-purple .-number { width: 100%; text-align: center }
.cp-mosaic-key-figures .-key-figures-purple i { font-size: 2rem; line-height:.2rem;
margin-right: 8px }
.cp-redirection-website-and-facebook { position: relative; z-index: 100 }
.cp-redirection-website-and-facebook>img { display: block; width: 100% }
@media (min-width:76em) {
.cp-redirection-website-and-facebook>img { height: 72.5rem; font-family: "object-fit: cover; object-position: center center;"; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center }
}
.cp-redirection-website-and-facebook .df-zone { width: 100%; max-width: 1200px }
@media (min-width:76em) {
.cp-redirection-website-and-facebook .df-zone { bottom: 2rem; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
}
.cp-redirection-website-and-facebook ul { background: #0f1012; border: 1px solid #fff; display: none; margin: 0; max-height: 150px; overflow-y: auto; position: absolute; left: -1px; top: 3.2rem; width: 100% }
.cp-redirection-website-and-facebook li { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; letter-spacing: 1px; text-transform: uppercase; padding: 0; margin: 0 }
.cp-redirection-website-and-facebook li, .cp-redirection-website-and-facebook li a { color: #fff }
.cp-redirection-website-and-facebook li a { display: block; padding:.5rem 3rem;
-webkit-transition: .5s; transition: .5s }
.cp-redirection-website-and-facebook li a:hover { background: #fff; color: #171F4A; text-decoration: none }
.cp-redirection-website-and-facebook li:before { display: none }
.cp-redirection-website-and-facebook .col-1, .cp-redirection-website-and-facebook .col-2 { background: #0f1012; box-sizing: border-box; padding: 2rem; margin:0 0 .5rem
}
@media (min-width:37.5em) {
.cp-redirection-website-and-facebook .col-1, .cp-redirection-website-and-facebook .col-2 { padding: 3rem; margin:0 .1rem;
width:calc(50% - .2rem)
}
}
@media (min-width:76em) {
.cp-redirection-website-and-facebook .col-1, .cp-redirection-website-and-facebook .col-2 { padding: 4rem; margin:0 .5rem;
width: calc(50% - 1rem) }
}
.cp-redirection-website-and-facebook .title { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3rem; line-height: 3.2rem; margin-bottom: 1.6rem; color: #fff }
@media (min-width:37.5em) {
.cp-redirection-website-and-facebook .title { font-size: 3.4rem; line-height: 3.6rem; margin-bottom: 2.4rem }
}
.cp-redirection-website-and-facebook p { color: #fff; margin-bottom: 3rem }
.cp-redirection-website-and-facebook .icon-facebook:before { border: 1px solid #fff; display: inline-block; font-size: 2.2rem; height: 2.5rem; margin-right: 1rem; text-align: center; width: 2.5rem }
.cp-redirection-website-and-facebook .custom-list { border: 1px solid #fff; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; letter-spacing: 1px; text-transform: uppercase; max-width: 100%; min-height: 3.4rem; position: relative; width: 30rem }
.cp-redirection-website-and-facebook .custom-list span { color: #fff; display: block; line-height: 3.2rem; padding: 0 3rem; position: relative }
.cp-redirection-website-and-facebook .custom-list span:after { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; border-right: 1px solid #fff; color: #fff; cursor: pointer; display: block; height: 30px; line-height: 30px; position: absolute; right: 0; text-align: center; -webkit-transform: scale(-1) translateY(50%); transform: scale(-1) translateY(50%); top: 50%; width: 30px }
.cp-redirection-website-and-facebook .custom-list.active ul { display: block }
.cp-slider-cars { position: relative; box-sizing: border-box; margin: 0 auto 6rem; width: calc(100% - 4.8rem) }
@media (min-width:37.5em) {
.cp-slider-cars { margin: 12rem auto 12rem }
}
.cp-slider-cars h2 { text-align: center; margin-top: 0 }
@media (min-width:60em) {
.cp-slider-cars h2 { font-size: 6rem; line-height: 6rem; margin-bottom: 4rem }
}
.cp-slider-cars h3 { color: #171F4A; text-align: center; margin: 2.4rem 0 1.6rem; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:60em) {
.cp-slider-cars h3 { margin:2.5rem 0 .5rem
}
}
.cp-slider-cars .container-slider { margin: 0 auto; overflow: hidden; text-align: center; width: 100% }
.cp-slider-cars .item { width: 100% }
@media (min-width:60em) {
.cp-slider-cars .item { width: 33.33333vw }
}
.cp-slider-cars .-illust { margin-bottom: 6.4rem; width: 100% }
@media (min-width:37.5em) {
.cp-slider-cars .-illust { margin-bottom: 6rem }
}
.cp-slider-cars .-illust img { width: 100%; height: 19.5rem; -o-object-fit: cover; object-fit: cover }
@media (min-width:37.5em) {
.cp-slider-cars .-illust img { width: auto; height: inherit; -o-object-fit: inherit; object-fit: inherit; -webkit-transform: scale(.8); transform: scale(.8); -webkit-transition: all .5s; transition: all .5s; opacity: .6 }
}
.cp-slider-cars .-content { opacity: 0; -webkit-transition: .5s; transition: .5s }
.cp-slider-cars .container-slider>.js-slider-cars>.item .-illust img, .cp-slider-cars .swiper-slide-active .-illust img { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
.cp-slider-cars .container-slider>.js-slider-cars>.item .-content, .cp-slider-cars .swiper-slide-active .-content { opacity: 1 }
.cp-slider-cars p { margin: 0 0 3.5rem }
.cp-slider-cars .slider-cars-button-next, .cp-slider-cars .slider-cars-button-prev { color: #333; cursor: pointer; position: absolute; top: 22rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); font: 0/0 a; z-index: 5 }
@media (min-width:37.5em) {
.cp-slider-cars .slider-cars-button-next, .cp-slider-cars .slider-cars-button-prev { top: 52% }
}
.cp-slider-cars .slider-cars-button-next:before, .cp-slider-cars .slider-cars-button-prev:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; display: inline-block; font-size: 2.5rem }
@media (min-width:37.5em) {
.cp-slider-cars .slider-cars-button-next:before, .cp-slider-cars .slider-cars-button-prev:before { font-size: 3.5rem }
}
@media (min-width:76em) {
.cp-slider-cars .slider-cars-button-next:before, .cp-slider-cars .slider-cars-button-prev:before { font-size: 5rem }
}
.cp-slider-cars .slider-cars-button-next.swiper-button-disabled, .cp-slider-cars .slider-cars-button-prev.swiper-button-disabled { color: #cacaca; cursor: default }
.cp-slider-cars .slider-cars-button-next:focus, .cp-slider-cars .slider-cars-button-prev:focus { outline: none }
.cp-slider-cars .no-swiper-instance .slider-cars-button-next, .cp-slider-cars .no-swiper-instance .slider-cars-button-prev { display: none }
.cp-slider-cars .slider-cars-button-prev { left: 35% }
@media (min-width:76em) {
.cp-slider-cars .slider-cars-button-prev { left: 3rem }
}
.cp-slider-cars .slider-cars-button-next { right: 35% }
@media (min-width:76em) {
.cp-slider-cars .slider-cars-button-next { right: 3rem }
}
.cp-slider-cars .slider-cars-button-prev:before { -webkit-transform: scale(-1); transform: scale(-1) }
.tpl-banner-with-blockquote { position: relative }
@media (min-width:60em) {
.tpl-banner-with-blockquote { height: 75rem }
.tpl-banner-with-blockquote.-with-black-mask:after { background: linear-gradient(91deg, hsla(0,0%,100%,0), rgba(1,1,1,.8)); bottom: 0; content: ""; position: absolute; right: 0; top: 0; width: 60%; z-index: 1 }
.tpl-banner-with-blockquote.-with-white-mask:after { background: linear-gradient(91deg, hsla(0,0%,100%,0), hsla(0,0%,100%,.8)); bottom: 0; content: ""; position: absolute; right: 0; top: 0; width: 60%; z-index: 1 }
}
.tpl-banner-with-blockquote>img { display: block; width: 100% }
@media (min-width:60em) {
.tpl-banner-with-blockquote>img { height: 100%; font-family: "object-fit: cover; object-position: 25% center;"; -o-object-fit: cover; object-fit: cover; -o-object-position: 25% center; object-position: 25% center }
}
.tpl-banner-with-blockquote .-content { -webkit-box-align: center; align-items: center; box-sizing: border-box; content: ""; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; padding: 3rem 2rem }
@media (min-width:60em) {
.tpl-banner-with-blockquote .-content { background: 0 none; bottom: 0; padding: 0 7.5rem; position: absolute; right: 0; top: 0; width: 50%; z-index: 2 }
}
@media (min-width:76em) {
.tpl-banner-with-blockquote .-content { padding: 0 14rem }
}
.tpl-banner-with-blockquote.-with-black-mask { background: #0f1012 }
@media (min-width:60em) {
.tpl-banner-with-blockquote.-with-black-mask { background: 0 none }
}
.tpl-banner-with-blockquote.-with-black-mask .-author, .tpl-banner-with-blockquote.-with-black-mask .-author strong, .tpl-banner-with-blockquote.-with-black-mask .-content, .tpl-banner-with-blockquote.-with-black-mask blockquote, .tpl-banner-with-blockquote.-with-black-mask blockquote:after, .tpl-banner-with-blockquote.-with-black-mask blockquote:before { color: #fff }
.tpl-banner-with-blockquote.-with-white-mask { background: #f0f0ef }
@media (min-width:60em) {
.tpl-banner-with-blockquote.-with-white-mask { background: 0 none }
}
.tpl-banner-with-blockquote.-with-white-mask .-author, .tpl-banner-with-blockquote.-with-white-mask .-author strong, .tpl-banner-with-blockquote.-with-white-mask .-content, .tpl-banner-with-blockquote.-with-white-mask blockquote, .tpl-banner-with-blockquote.-with-white-mask blockquote:before { color: #000 }
.tpl-banner-with-blockquote blockquote { text-align: center; margin: 0 0 2rem; padding: 0 1px; text-transform: uppercase; width: 100%; overflow: visible }
@media (min-width:60em) {
.tpl-banner-with-blockquote blockquote { font-size: 4rem; line-height: 4rem; margin: 0 0 3.8rem }
}
@media (min-width:76em) {
.tpl-banner-with-blockquote blockquote { font-size: 5.2rem; line-height: 5.2rem }
}
.tpl-banner-with-blockquote blockquote:before { font-size: 2rem; position: static; vertical-align: top }
.tpl-banner-with-blockquote blockquote:after { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; font-size: 2rem; margin-left: 1.5rem; vertical-align: top }
.tpl-banner-with-blockquote .-author { font-size: 1.5rem; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; line-height: 1.8rem; text-align: center; text-transform: uppercase; width: 100% }
@media (min-width:60em) {
.tpl-banner-with-blockquote .-author { font-size: 2rem; line-height: 2.3rem }
}
@media (min-width:76em) {
.tpl-banner-with-blockquote .-author { font-size: 2.2rem; line-height: 3rem }
}
.cp-slider-img-title-description-cta { margin: 6rem 0; position: relative }
@media (min-width:37.5em) {
.cp-slider-img-title-description-cta { margin: 12rem 0 }
}
.cp-slider-img-title-description-cta.-with-grey-bg { background: #f6f6f6; padding: 6rem 0 }
@media (min-width:37.5em) {
.cp-slider-img-title-description-cta.-with-grey-bg { padding: 12rem 0 }
}
.cp-slider-img-title-description-cta .container-slider { margin: 0 auto; max-width: 120rem; width: 100% }
@media (min-width:37.5em) {
.cp-slider-img-title-description-cta .container-slider { width: calc(100% - 10rem) }
}
.cp-slider-img-title-description-cta .item { padding: 0 }
@media (min-width:60em) {
.cp-slider-img-title-description-cta .item { display: -webkit-box; display: flex }
}
.cp-slider-img-title-description-cta .-illust { margin-bottom: 2rem }
@media (min-width:60em) {
.cp-slider-img-title-description-cta .-illust { margin-bottom: 0; margin-right: 3rem; width: 50% }
}
@media (min-width:76em) {
.cp-slider-img-title-description-cta .-illust { margin-right: 8.33333% }
}
.cp-slider-img-title-description-cta .-illust img { width: 100% }
.cp-slider-img-title-description-cta .-content { -webkit-box-align: start; align-items: flex-start; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center }
@media (min-width:60em) {
.cp-slider-img-title-description-cta .-content { width: calc(50% - 3rem) }
}
@media (min-width:76em) {
.cp-slider-img-title-description-cta .-content { width: 41.66667% }
}
.cp-slider-img-title-description-cta .-content p { display: block; width: 100% }
.cp-slider-img-title-description-cta h3 { color: #171F4A; margin-top: 0; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.5rem; line-height: 2.5rem; width: 100% }
@media (min-width:76em) {
.cp-slider-img-title-description-cta h3 { font-size: 3rem; line-height: 3rem }
}
.cp-slider-img-title-description-cta h3 strong { color: #171F4A; display: block; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-weight: 400 }
.cp-slider-img-title-description-cta p { color: #171F4A; margin: 0 0 3rem }
.cp-slider-img-title-description-cta .btn-yelllow { display: inline-block }
.cp-slider-img-title-description-cta .container-navigation-direction { display: none; -webkit-box-pack: justify; justify-content: space-between; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 11rem; width: calc(100vw - 1.5rem); z-index: 5 }
@media (min-width:37.5em) {
.cp-slider-img-title-description-cta .container-navigation-direction { top: 26rem }
}
@media (min-width:60em) {
.cp-slider-img-title-description-cta .container-navigation-direction { top: 50% }
}
@media (min-width:76em) {
.cp-slider-img-title-description-cta .container-navigation-direction { width: calc(100vw - 3rem) }
}
.cp-slider-img-title-description-cta .container-navigation-direction a { text-decoration: none }
.cp-slider-img-title-description-cta .swiper-container-horizontal+.container-navigation-direction { display: -webkit-box; display: flex }
.cp-slider-img-title-description-cta .slider-img-title-description-cta-button-next, .cp-slider-img-title-description-cta .slider-img-title-description-cta-button-prev { color: #fff; cursor: pointer; font: 0/0 a; background: rgba(0,0,0,.7); border-radius: 50%; height: 6rem; position: absolute; text-decoration: none; width: 6rem; z-index: 50 }
@media (min-width:60em) {
.cp-slider-img-title-description-cta .slider-img-title-description-cta-button-next, .cp-slider-img-title-description-cta .slider-img-title-description-cta-button-prev { background: none }
}
.cp-slider-img-title-description-cta .slider-img-title-description-cta-button-next:before, .cp-slider-img-title-description-cta .slider-img-title-description-cta-button-prev:before { color: #fff; font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; font-size: 1.2rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
@media (min-width:60em) {
.cp-slider-img-title-description-cta .slider-img-title-description-cta-button-next:before, .cp-slider-img-title-description-cta .slider-img-title-description-cta-button-prev:before { color: #171F4A; display: block; font-size: 3.5rem }
}
@media (min-width:76em) {
.cp-slider-img-title-description-cta .slider-img-title-description-cta-button-next:before, .cp-slider-img-title-description-cta .slider-img-title-description-cta-button-prev:before { font-size: 5rem }
}
.cp-slider-img-title-description-cta .slider-img-title-description-cta-button-next:active, .cp-slider-img-title-description-cta .slider-img-title-description-cta-button-next:focus, .cp-slider-img-title-description-cta .slider-img-title-description-cta-button-prev:active, .cp-slider-img-title-description-cta .slider-img-title-description-cta-button-prev:focus { outline: none }
.cp-slider-img-title-description-cta .slider-img-title-description-cta-button-next.disabled, .cp-slider-img-title-description-cta .slider-img-title-description-cta-button-prev.disabled { opacity: 0 }
@media (min-width:37.5em) {
.cp-slider-img-title-description-cta .slider-img-title-description-cta-button-next.disabled, .cp-slider-img-title-description-cta .slider-img-title-description-cta-button-prev.disabled { cursor: default; opacity: 1 }
.cp-slider-img-title-description-cta .slider-img-title-description-cta-button-next.disabled:before, .cp-slider-img-title-description-cta .slider-img-title-description-cta-button-prev.disabled:before { color: #cacaca }
}
.cp-slider-img-title-description-cta .slider-img-title-description-cta-button-prev:before { -webkit-transform: translate(-50%, -50%) scale(-1); transform: translate(-50%, -50%) scale(-1) }
.cp-slider-img-title-description-cta .slider-img-title-description-cta-button-prev { left:-.7rem
}
@media (min-width:37.5em) {
.cp-slider-img-title-description-cta .slider-img-title-description-cta-button-prev { left: 0 }
}
.cp-slider-img-title-description-cta .slider-img-title-description-cta-button-next { left: auto; right:-.7rem
}
@media (min-width:37.5em) {
.cp-slider-img-title-description-cta .slider-img-title-description-cta-button-next { right: 0 }
}
.cp-slider-img-title-description-cta .slider-img-title-description-cta-pagination { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; margin-top: 2rem; width: 100% }
@media (min-width:60em) {
.cp-slider-img-title-description-cta .slider-img-title-description-cta-pagination { width: 50% }
}
.cp-slider-img-title-description-cta .swiper-pagination-bullet { background: 0 none; border: 1px solid #cacaca; border-radius: 50%; display: inline-block; height:.5rem;
font: 0/0 a; opacity: 1; margin:0 .5rem;
width:.5rem
}
.cp-slider-img-title-description-cta .swiper-pagination-bullet-active { background: #cacaca }
.mod-banner-with-subtitle-brand { height: 26rem; margin-bottom: 2.5rem; overflow: hidden }
@media (min-width:37.5em) {
.mod-banner-with-subtitle-brand { height: 67rem; margin-bottom: 5.5rem }
.mod-banner-with-subtitle-brand:before { background: -webkit-gradient(linear, left bottom, left top, from(transparent), to(rgba(0,0,0,.2))); background: linear-gradient(0deg, transparent, rgba(0,0,0,.2)); height: 10rem }
}
@media (min-width:60em) {
.mod-banner-with-subtitle-brand { max-height: calc(90vh - 12rem) }
}
@media (min-width:76em) {
.mod-banner-with-subtitle-brand { margin-bottom: 11rem }
}
.mod-banner-with-subtitle-brand .-logo { display: none }
.mod-banner-with-subtitle-brand .bgvid, .mod-banner-with-subtitle-brand>img { display: block; font-family: "object-fit: cover; object-position: center center;"; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; width: 100% }
.mod-banner-with-subtitle-brand .df-zone { padding: 0; position: absolute; right: 1rem; top: 1rem }
.zone-description-brand { position: relative; -webkit-transition: 1s; transition: 1s; -webkit-backface-visibility: hidden; will-change: background }
@media (min-width:76em) {
.zone-description-brand { min-height: 50rem }
}
.zone-description-brand:before { background-position: 0 bottom; background-repeat: no-repeat; background-size: 90% auto; content: ""; -webkit-transform: translateX(-100%); transform: translateX(-100%); position: absolute; height: 50%; left: 0; top: 50%; width: 100%; -webkit-transition: 1s; transition: 1s }
@media (min-width:37.5em) {
.zone-description-brand:before { background-size: 100% auto; background-position: 0; height: 100%; width: 40%; top: 0 }
}
@media (min-width:76em) {
.zone-description-brand:before { background-position: -15%; background-size: contain; font-family: "background-size: contain;"; min-height: 50rem }
}
.zone-description-brand:after { display: block; content: ""; padding-top: 72.7272727273%; width: 100% }
@media (min-width:37.5em) {
.zone-description-brand:after { display: none }
}
.zone-description-brand.in-view:before { -webkit-transform: translateX(0); transform: translateX(0) }
.zone-description-brand.in-view .-key-figures { opacity: 1 }
.zone-description-brand .df-zone { -webkit-box-pack: end; justify-content: flex-end }
.zone-description-brand h1 { color: #171F4A; font-size: 3.4rem; line-height: 3.6rem; margin: 0 0 2rem }
@media (min-width:37.5em) {
.zone-description-brand h1 { font-size: 6rem; line-height: 6.6rem }
}
.zone-description-brand p { color: #000 }
.zone-description-brand .keyfigures-container { display: -webkit-box; display: flex; justify-content: space-around }
.zone-description-brand .-key-figures { opacity: 0; text-align: center; -webkit-transition: .8s; transition: .8s }
.zone-description-brand .-number { color: #008F84; font-size: 3.4rem; line-height: .9 }
@media (min-width:37.5em) {
.zone-description-brand .-number { font-size: 6rem }
}
@media (min-width:76em) {
.zone-description-brand .-number { font-size: 9rem }
}
.zone-description-brand .-description { color: #171F4A; font-size: 1.6rem; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:76em) {
.zone-description-brand .-description { font-size: 2.2rem }
}
.theme-alpine .-logo { top: 8.2rem; width: 50% }
@media (min-width:76em) {
.theme-alpine .-logo { width: 600px }
}
.theme-alpine .zone-description-brand:before { background-image: url(images/our-brands/car-alpine.jpg) }
.theme-alpine .-number { color: #005bbb; font-family: alpineascensionweb-bold, arial, sans-serif }
.theme-alpine .mod-pathmotion blockquote:after, .theme-alpine .mod-pathmotion blockquote:before { color: #005bbb }
.theme-dacia .-logo { top: 6rem; width: 33.33333% }
@media (min-width:76em) {
.theme-dacia .-logo { width: 400px }
}
.theme-dacia .zone-description-brand:before { background-image: url(images/our-brands/car-dacia.jpg) }
.theme-dacia .-number { color: #0089cd; font-family: Dacia Spirit Bold, arial, sans-serif }
.theme-dacia .mod-pathmotion blockquote:after, .theme-dacia .mod-pathmotion blockquote:before { color: #0089cd }
.theme-renault .-logo { top: 8.2rem; width: 33.33333% }
@media (min-width:76em) {
.theme-renault .-logo { width: 400px }
}
.theme-renault .zone-description-brand:before { background-image: url(images/our-brands/car-renault.jpg) }
.theme-renault .-number { color: #ffcc31; font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.theme-renault .mod-pathmotion blockquote:after, .theme-renault .mod-pathmotion blockquote:before { color: #ffcc31 }
.theme-lada .-logo { min-width: 20rem; top: 3rem; width: 33.33333% }
@media (min-width:37.5em) {
.theme-lada .-logo { top: 5rem }
}
@media (min-width:76em) {
.theme-lada .-logo { width: 400px }
}
.theme-lada .zone-description-brand:before { background-image: url(images/our-brands/car-lada.jpg) }
.theme-lada .-number { color: #5a6770; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.theme-lada .mod-pathmotion blockquote:after, .theme-lada .mod-pathmotion blockquote:before { color: #ffcc31 }
.theme-rsm .-logo { top: 6rem; width: 13.75% }
@media (min-width:76em) {
.theme-rsm .-logo { width: 165px }
}
.theme-rsm .zone-description-brand:before { background-image: url(images/our-brands/car-rsm.jpg) }
.theme-rsm .-number { color: #ffcc4a; font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.theme-rsm .mod-pathmotion blockquote:after, .theme-rsm .mod-pathmotion blockquote:before { color: #ffcc4a }
.main-history { min-height: 100vh; overflow: hidden; position: relative; padding: 0 }
@media (min-width:37.5em) {
.main-history { padding: 0 0 0 8rem }
}
@media (min-width:76em) {
.main-history { padding: 0 8rem }
}
.main-history:before { background: #171F4A; content: ""; display: none; height: calc(100% + 2rem); left: 0; position: absolute; top: 0; width: 8rem; z-index: 100 }
@media (min-width:37.5em) {
.main-history:before { display: block }
}
@media (min-width:37.5em) {
.main-history.-thematic { padding: 0 }
}
@media (min-width:76em) {
.main-history.-thematic { padding: 0 }
}
.main-history.-thematic:before { display: none }
.main-history.-thematic .mod-history .-item+.-item:before { top: -13rem }
.main-history .tpl-history-mosaic { margin: 3rem auto }
@media (min-width:37.5em) {
.main-history .tpl-history-mosaic { margin: 7rem auto 1.5rem }
}
.main-history .excerpt { color: #171F4A; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; margin: 0 auto; max-width: 119rem; padding: 4rem 0 1rem; width: 98% }
@media (min-width:37.5em) {
.main-history .excerpt { font-size: 2.2rem; padding: 6rem 0 2rem }
}
@media (min-width:60em) {
.main-history .excerpt { font-size: 2.6rem; padding: 9rem 0 3rem }
}
.main-history .cp-slider-brands { padding: 7rem 2rem 4rem }
@media (min-width:60em) {
.main-history .cp-slider-brands { padding: 7rem 0 4rem 2% }
}
@media (min-width:76em) {
.main-history .cp-slider-brands { width: calc(100% + 8rem) }
}
.layout-history .mod-banner-with-subtitle { z-index: 110 }
.mod-history .label-date { box-sizing: border-box; color: #171F4A; font-size: 8rem; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin: 8rem auto 3.5rem; max-width: 119rem; padding: 7rem 0 0 5rem; line-height: 10rem; position: relative; width: 100% }
@media (min-width:37.5em) {
.mod-history .label-date { font-size: 10rem }
}
@media (min-width:76em) {
.mod-history .label-date { padding-left: 9.91667rem }
}
.mod-history .label-date:before { background-color: #008F84; border-radius: 50%; content: ""; display: block; height: 1rem; left: 2.5rem; position: absolute; text-align: center; top: 11.5rem; width: 1rem; z-index: 201 }
.mod-history .label-date:after { background: #fff; border: 1px solid #008F84; border-radius: 50%; content: ""; display: block; height: 1.8rem; left: 2rem; position: absolute; text-align: center; top: 11rem; width: 1.8rem; z-index: 200 }
.mod-history .label-date span { display: block; position: relative }
.mod-history .label-date span:before { bottom: -10px; color: #f6f6f6; content: attr(data-label-date); display: block; font-size: 130px; left: 0; line-height: 160px; position: absolute; z-index: -1 }
@media (min-width:37.5em) {
.mod-history .label-date span:before { font-size: 200px; left: 0; line-height: 200px }
}
.mod-history .-item { position: relative }
.mod-history .-item:before { border-left: 1px solid #008F84; content: ""; height: calc(100% + 13rem); left: calc(50% + 2.9rem); max-width: 100%; pointer-events: none; position: absolute; top: 12rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 119rem; z-index: 15 }
@media (min-width:60em) {
.mod-history .-item:before { left: calc(50% + 3rem) }
}
.mod-history .-item+.-item:before { top: -11rem }
.mod-history .-item:last-child .item-template { margin-bottom: 0; padding-bottom: 15rem }
.cp-timeline { box-sizing: border-box; display: none; height: calc(100vh - 9rem); left: 0; padding: 10rem 0 2rem; position: fixed; top: 4.5rem; width: 8rem; z-index: 105 }
@media (min-width:37.5em) {
.cp-timeline { display: block }
}
.cp-timeline ul { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin: 0; padding: 0; height: 100%; text-align: center; -webkit-box-pack: center; justify-content: center }
.cp-timeline li { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.2rem; line-height: 3.4rem; margin: 0 0 2rem; padding: 0; opacity: .4; -webkit-transition: .5s; transition: .5s }
@media (min-width:76em) {
.cp-timeline li { margin: 0 0 2.2rem }
}
.cp-timeline li:before { display: none }
.cp-timeline li.active, .no-touchevents .cp-timeline li:hover { opacity: 1; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-timeline li:active, .cp-timeline li:focus, .cp-timeline li:visited { opacity: .2 }
.cp-timeline a, .cp-timeline a:hover { color: #fff; text-decoration: none }
.cp-history-template-1 { box-sizing: border-box; margin: 3.5rem 0 4.5rem 5rem; max-width: 119rem; position: relative; width: calc(100% - 7.5rem) }
@media (min-width:60em) {
.cp-history-template-1 { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; margin: 10.5rem auto 12.5rem; width: 98% }
}
.cp-history-template-1 .-image, .cp-history-template-1 .-video { margin: 0; overflow: hidden; position: relative; width: 100% }
@media (min-width:60em) {
.cp-history-template-1 .-image, .cp-history-template-1 .-video { width: 41.66667% }
}
.cp-history-template-1 .-image img { width: 100% }
.cp-history-template-1 .-content { box-sizing: border-box; margin-bottom: 4rem; width: 100% }
@media (min-width:60em) {
.cp-history-template-1 .-content { margin-bottom: 0; margin-left: 8.33333%; width: 41.66667% }
}
.cp-history-template-1 .-video { -webkit-box-align: center; align-items: center; box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center }
.cp-history-template-1 .-video:before { content: ""; display: block; width: 100%; padding-top: 63.8333333333% }
.cp-history-template-1 .-video iframe, .cp-history-template-1 .-video img { display: block; height: 100%; font-family: "object-fit: cover"; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; width: 100% }
.cp-history-template-1 .-video img { z-index: 1 }
.cp-history-template-1 .-video.active img { z-index: 0 }
.cp-history-template-1 .-video.active .ico-play { opacity: 0 }
.cp-history-template-1 .-video.active iframe { opacity: 1 }
.cp-history-template-1 .video-btn-text { color: #fff; font-family: Read-Medium, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; position: absolute; top: 75%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 100 }
@media (min-width:60em) {
.cp-history-template-1 .video-btn-text { top: 72% }
}
.cp-history-template-1 iframe { opacity: 0 }
.cp-history-template-1 .ico-play { background: rgba(0,0,0,.5); border:.2rem solid #fff;
border-radius: 100%; cursor: pointer; display: block; height: 6.6rem; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: .6s ease; transition: .6s ease; width: 6.6rem; will-change: transform; z-index: 2 }
@media (min-width:37.5em) {
.cp-history-template-1 .ico-play { height: 8.8rem; width: 8.8rem }
}
.cp-history-template-1 .ico-play:hover { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); -webkit-transition: .6s ease; transition: .6s ease }
.cp-history-template-1 .ico-play:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: #fff; font-size: 2rem; left: 55%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
@media (min-width:60em) {
.cp-history-template-1 .ico-play:before { font-size: 2.8rem }
}
@media (min-width:76em) {
.cp-history-template-2 { width: calc(100vw - 8rem) }
}
@media (min-width:76em) {
.main-history.-thematic .cp-history-template-2 { width: 100% }
}
.cp-history-template-2 .mod-usual-banner p { margin: 0 }
.cp-history-template-2 .buttons { margin-top: 4rem }
.cp-history-template-2 .buttons a { margin:0 .5rem 1rem
}
.cp-history-template-2 .video-btn-text { color: #fff; font-family: Read-Medium, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; font-style: normal; z-index: 100 }
@media (min-width:60em) {
.cp-history-template-2 .video-btn-text { top: 72% }
}
.cp-history-template-3 { box-sizing: border-box; margin: 3.5rem 0 4.5rem 5rem; max-width: 119rem; position: relative; text-align: center; width: calc(100% - 7.5rem) }
@media (min-width:60em) {
.cp-history-template-3 { margin: 10.5rem auto 12.5rem; padding-left: 9.91667rem; width: 98% }
}
.cp-history-template-3 h2 { line-height: 100%; margin: 0 auto 2rem; max-width: 65rem; text-align: center }
@media (min-width:37.5em) {
.cp-history-template-3 h2 { margin: 0 auto 4rem }
}
.cp-history-template-3 p { display: block; margin: 0 auto 3rem; max-width: 70rem }
@media (min-width:37.5em) {
.cp-history-template-3 p { margin: 0 auto 6rem }
}
@media (min-width:37.5em) {
.cp-history-template-3 .-mosaic { box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between }
}
.cp-history-template-3 .-col { display: block; width: 100% }
@media (min-width:37.5em) {
.cp-history-template-3 .-col { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; width: calc(50% - 5px) }
}
.cp-history-template-3 .image-container-rect, .cp-history-template-3 .image-container-sq { margin-bottom: 10px; overflow: hidden; position: relative }
@media (min-width:37.5em) {
.cp-history-template-3 .image-container-rect, .cp-history-template-3 .image-container-sq { margin-bottom: 10px }
}
.cp-history-template-3 .image-container-rect img, .cp-history-template-3 .image-container-sq img { display: block; bottom: 0; font-family: "object-fit: cover"; -o-object-fit: cover; object-fit: cover; height: 100%; left: 0; position: absolute; top: 0; width: 100% }
.cp-history-template-3 .image-container-sq:before { content: ""; display: block; padding-top: 100%; width: 100% }
.cp-history-template-3 .image-container-rect:before { content: ""; display: block; padding-top: 50%; width: 100% }
@media (min-width:37.5em) {
.cp-history-template-3 .image-container-rect { height: calc(50% - 5px) }
.cp-history-template-3 .image-container-rect:before { padding-top: 0 }
}
.cp-history-template-3 .buttons { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; margin: 5rem 0 0 }
.cp-history-template-3 .buttons a { margin:0 .5rem 1rem
}
.cp-history-template-4 { margin: 3.5rem 0 4.5rem 5rem }
@media (min-width:60em) {
.cp-history-template-4 { margin: 10.5rem auto 12.5rem }
}
.cp-history-template-4 .-content { box-sizing: border-box; margin: 0 3rem 0 0; max-width: 119rem; position: relative; text-align: center; width: calc(100% - 3rem) }
@media (min-width:60em) {
.cp-history-template-4 .-content { margin: 0 auto; width: 98% }
}
@media (min-width:76em) {
.cp-history-template-4 .-content { padding-left: 9.91667rem }
}
.cp-history-template-4 .-content h2 { line-height: 100%; margin: 0 auto 2rem; max-width: 65rem; text-align: center }
@media (min-width:37.5em) {
.cp-history-template-4 .-content h2 { margin: 0 auto 4rem }
}
.cp-history-template-4 .-content p { display: block; margin: 0 auto 3rem; max-width: 70rem }
@media (min-width:37.5em) {
.cp-history-template-4 .-content p { margin: 0 auto 6rem }
}
.cp-history-template-4 .cp-slider-mosaic-auto { margin: 3rem 0 2rem -5rem }
@media (min-width:37.5em) {
.cp-history-template-4 .cp-slider-mosaic-auto { margin: 3rem 0 4rem -5rem; width: calc(100vw - 8rem) }
}
@media (min-width:60em) {
.cp-history-template-4 .cp-slider-mosaic-auto { margin: 3rem 0 4rem }
}
.cp-history-template-4 .buttons { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; flex-wrap: wrap }
.cp-history-template-4 .buttons a { margin:0 .5rem 1rem
}
.cp-history-template-5 { box-sizing: border-box; margin: 3.5rem 0 4.5rem 5rem; max-width: 119rem; position: relative; width: calc(100% - 7.5rem) }
@media (min-width:60em) {
.cp-history-template-5 { -webkit-box-align: start; align-items: flex-start; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; margin: 10.5rem auto 12.5rem; width: 98% }
}
.cp-history-template-5 .video-appear.mod-video-banner .-content { display: none }
.cp-history-template-5 .-image, .cp-history-template-5 .-video { position: relative; margin: 0 0 0 -7.5rem; overflow: hidden; width: calc(100% + 15rem) }
@media (min-width:60em) {
.cp-history-template-5 .-image, .cp-history-template-5 .-video { margin-left: 8.33333%; width: 41.66667% }
}
.cp-history-template-5 .video-btn-text { color: #fff; font-family: Read-Medium, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; position: absolute; top: 75%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 100 }
@media (min-width:60em) {
.cp-history-template-5 .video-btn-text { top: 72% }
}
.cp-history-template-5 .-content { box-sizing: border-box; margin-bottom: 4rem; width: 100% }
@media (min-width:60em) {
.cp-history-template-5 .-content { margin-bottom: 0; width: 41.66667% }
}
.cp-history-template-5 .-image img { width: 100% }
.cp-history-template-5 .-video { -webkit-box-align: center; align-items: center; box-sizing: border-box; display: block; -webkit-box-pack: center; justify-content: center }
.cp-history-template-5 .-video:before { display: block; content: ""; width: 100%; padding-top: 63.8333333333% }
.cp-history-template-5 .-video iframe, .cp-history-template-5 .-video img { display: block; height: 100%; font-family: "object-fit: cover"; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; width: 100% }
.cp-history-template-5 .-video img { z-index: 1 }
.cp-history-template-5 .-video.active img { z-index: 0 }
.cp-history-template-5 .-video.active .ico-play { opacity: 0 }
.cp-history-template-5 .-video.active iframe { opacity: 1 }
.cp-history-template-5 iframe { display: none }
.cp-history-template-5 .ico-play { background: rgba(0,0,0,.5); border: 1px solid #fff; cursor: pointer; height: 95px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: .6s ease; transition: .6s ease; width: 95px; z-index: 2 }
@media (min-width:60em) {
.cp-history-template-5 .ico-play { display: block }
}
.cp-history-template-5 .ico-play:before { border-color: transparent transparent transparent #fff; border-style: solid; border-width: 15px 0 15px 20px; content: ""; height: 0; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; width: 0; z-index: 4 }
.cp-history-template-5 .ico-play:hover { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); -webkit-transition: .6s ease; transition: .6s ease }
.cp-history-template-5 .buttons { display: -webkit-box; display: flex; flex-wrap: wrap }
.cp-history-template-5 .buttons a { margin:0 .5rem 1rem
}
.cp-history-template-5 .buttons a:first-child { margin:0 .5rem 1rem 0
}
.cp-history-template-5 .buttons a:last-child { margin:0 0 1rem .5rem
}
.layout--finance .zone--banner+.l-row { padding-top: 4rem }
@media (min-width:37.5em) {
.layout--finance .zone--banner+.l-row { padding-top: 6rem }
}
@media (min-width:60em) {
.layout--finance .zone--banner+.l-row { padding-top: 9rem }
}
.layout--finance.-actionnaire .l-row { padding: 4rem 0 6rem }
@media (min-width:37.5em) {
.layout--finance.-actionnaire .l-row { padding: 6rem 0 8rem }
}
@media (min-width:60em) {
.layout--finance.-actionnaire .l-row { padding: 9rem 0 12rem }
}
.layout--finance.-actionnaire .df-zone-3cols { flex-wrap: wrap }
@media (min-width:37.5em) {
.layout--finance.-actionnaire .df-zone-3cols>div {
margin:0 .5rem 1rem!important; width: calc(50% - 1rem) }
}
@media (min-width:60em) {
.layout--finance.-actionnaire .df-zone-3cols>div { width: calc(33.33333% - 1rem) }
}
.layout--finance .df-zone .mod--report-focus { height: 100% }
.layout--finance .mod-banner-search { height: auto }
@media (min-width:60em) {
.layout--finance .mod-banner-search { max-height: 100% }
}
.layout--finance .mod-banner-search .text-container { top: 7.4rem }
@media (min-width:60em) {
.layout--finance .mod-banner-search .text-container { top: inherit }
}
.layout--finance .mod-banner-search h1 { color: #171F4A; margin-bottom: 0 }
.layout--finance .mod-banner-search .js-container-social-responsive { top: 2.5rem }
@media (min-width:60em) {
.layout--finance .mod-banner-search .js-container-social-responsive { top: 7rem }
}
.mod-event-finance { background-color: #171F4A; box-sizing: border-box; padding: 2rem }
@media (min-width:37.5em) {
.mod-event-finance { padding: 4rem }
}
.mod-event-finance h3 { color: #fff; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2rem; margin: 0 0 4rem; text-transform: none }
@media (min-width:37.5em) {
.mod-event-finance h3 { font-size: 2.3rem; line-height: 2.6rem; margin: 0 0 9.2rem }
}
.mod-event-finance ul { margin: 0 }
.mod-event-finance li { margin-bottom: 1.5rem; padding: 0 }
.mod-event-finance li a { display: block }
.mod-event-finance li:before { display: none }
.mod-event-finance .btn--orange, .mod-event-finance .btn--white, .mod-event-finance .btn-yellow { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 100%; height: 53px; line-height: 23px!important; text-align: center; text-transform: uppercase; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; overflow: inherit; text-overflow: inherit; white-space: inherit }
.mod-event-finance .btn--white { border: 1px solid #fff; position: relative; background: transparent; color: #fff!important }
.mod-event-finance .btn--white:hover { background: #fff!important; color: #000!important }
.mod-event-finance .btn--white:before { display: none }
.mod-event-finance .btn--orange, .mod-event-finance .btn-orange { background-color: #008F84; border: 1px solid #008F84; color: #fff!important }
.mod-event-finance .btn--orange:hover, .mod-event-finance .btn-orange:hover { background: transparent; color: #008F84!important }
.mod-event-finance .btn--orange, .mod-event-finance .btn--white, .mod-event-finance .btn-yellow { font-size: 1.2rem }
@media (min-width:37.5em) {
.mod-event-finance .btn--orange, .mod-event-finance .btn--white, .mod-event-finance .btn-yellow { font-size: 1.4rem }
}
.mod-action-share-price { background: #fff; border: 1px solid #ececec; padding: 2rem }
@media (min-width:37.5em) {
.mod-action-share-price { padding: 3rem 2rem }
}
@media (min-width:60em) {
.mod-action-share-price { padding: 5rem 3rem 3rem }
}
.mod-action-share-price h3 { color: #171F4A; font-size: 2rem; line-height: 2rem; margin-top: 0; margin-bottom: 2rem }
@media (min-width:37.5em) {
.mod-action-share-price h3 { font-size: 2.5rem; line-height: 2.5rem }
}
@media (min-width:60em) {
.mod-action-share-price h3 { font-size: 3rem; line-height: 3rem }
}
.mod-action-share-price .item { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.4rem; line-height: 1.5rem; margin-bottom: 1.5rem }
@media (min-width:37.5em) {
.mod-action-share-price .item { font-size: 1.8rem; line-height: 2rem; margin-bottom: 2.75rem }
}
@media (min-width:60em) {
.mod-action-share-price .item { font-size: 2.2rem; line-height: 2.3rem; margin-bottom: 3rem }
}
.mod-action-share-price .head-number { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3rem; line-height: 100% }
@media (min-width:37.5em) {
.mod-action-share-price .head-number { font-size: 4.5rem }
}
@media (min-width:60em) {
.mod-action-share-price .head-number { font-size: 6rem }
}
.mod-action-share-price .head-number.-yellow { color: #008F84 }
.mod-action-share-price .head-number.-green { color: #58b70e }
.mod-action-share-price .head-number.-red { color: #d60000 }
.mod-action-share-price .head-number.-grey { color: #a9aaab }
.mod-action-share-price hr { background-color: #f0f0ef; border: 0; height: 1px; margin-bottom: 3rem }
.mod-action-share-price .btn-yellow { display: block; margin-top: 3.7rem; width: 100% }
.tpl-dividend { background: #fff; border: 1px solid #ececec; padding: 2rem }
@media (min-width:37.5em) {
.tpl-dividend { padding: 3rem 2rem }
}
@media (min-width:60em) {
.tpl-dividend { padding: 5rem 3rem 3rem }
}
.tpl-dividend h3 { color: #171F4A; font-size: 2rem; line-height: 2rem; margin-top: 0 }
@media (min-width:37.5em) {
.tpl-dividend h3 { font-size: 2.5rem; line-height: 2.5rem }
}
@media (min-width:60em) {
.tpl-dividend h3 { font-size: 3rem; line-height: 3rem }
}
.tpl-dividend p { margin-bottom: 2rem }
.tpl-dividend hr { background-color: #f0f0ef; border: 0; height: 1px; margin-bottom: 3rem }
.tpl-dividend h4 { font-size: 1.6rem; margin: 0 }
@media (min-width:37.5em) {
.tpl-dividend h4 { font-size: 2.1rem }
}
@media (min-width:60em) {
.tpl-dividend h4 { font-size: 2.8rem }
}
.tpl-dividend li { line-height: 2.4rem; margin-bottom: 2.3rem }
.mod--summary--list { background: #fff; padding: 4rem 0 5rem }
@media (min-width:37.5em) {
.mod--summary--list { padding: 8rem 0;padding-bottom:0; }
}
.cp-slider-vertical-parallax .mod--summary--list .container-pagination, .mod--summary--list .cp-slider-vertical-parallax .container-pagination, .mod--summary--list .teq-container { max-width: 120rem }
.mod--summary--list .df-zone { flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; margin: 0; max-width: 100% }
.mod--summary--list .story--summary { margin: 0 0 2.4rem; width: 100% }
@media (min-width:37.5em) {
.mod--summary--list .story--summary { margin: 0 1rem 2rem; width: calc(50% - 2rem) }
}
@media (min-width:60em) {
.mod--summary--list .story--summary { width: calc(33.33333% - 2rem) }
}
.mod--summary--list h2 { text-align: center }
@media (min-width:37.5em) {
.mod--summary--list h2 { text-align: left; margin-left: 1rem }
}
.story--summary { display: block; overflow: hidden; position: relative; width: 100% }
.story--summary:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: .4s; transition: .4s; background: rgba(0,0,0,.6); z-index: 3 }
.story--summary h3 { color: #fff; left: 50%; margin: 0; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; text-align: center; width: 100%; z-index: 4; font-size: 2rem; line-height: 2.6rem }
@media (min-width:37.5em) {
.story--summary h3 { font-size: 2.1rem }
}
.story--summary .it-illus { width: 100% }
.story--summary:hover:after { background: rgba(0,0,0,.2) }
.mod-essentials-documents, .mod-finance-documents { padding: 4rem 0 5rem }
@media (min-width:37.5em) {
.mod-essentials-documents, .mod-finance-documents { padding: 6rem 0 8rem }
}
@media (min-width:60em) {
.mod-essentials-documents, .mod-finance-documents { padding: 7.4rem 0 }
}
.mod-essentials-documents .df-zone, .mod-finance-documents .df-zone { -webkit-box-pack: center; justify-content: center; max-width: 100% }
.mod-essentials-documents .item, .mod-finance-documents .item { -webkit-animation: opacity .8s; animation: opacity .8s; background-color: #fff; box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; margin: 0 0 1rem; padding: 3.2rem; text-align: center; -webkit-transition: .5s; transition: .5s; width: 100%; background-color: #f4f4f4 }
@media (min-width:37.5em) {
.mod-essentials-documents .item, .mod-finance-documents .item { margin: 0 1rem 1rem 0; width: calc(50% - 2rem) }
}
@media (min-width:60em) {
.mod-essentials-documents .item, .mod-finance-documents .item { width: calc(33.33333% - 2rem) }
}
@media (min-width:60em) {
.mod-essentials-documents .item:first-child, .mod-finance-documents .item:first-child { margin-left: 0 }
}
@media (min-width:60em) {
.mod-essentials-documents .item:last-child, .mod-finance-documents .item:last-child { margin-right: 0 }
}
.mod-essentials-documents .item:hover, .mod-finance-documents .item:hover { text-decoration: none }
.mod-essentials-documents .item:hover .-illust img, .mod-finance-documents .item:hover .-illust img { -webkit-transform: translate(4px, 4px); transform: translate(4px, 4px) }
.mod-essentials-documents .item:hover .-download, .mod-finance-documents .item:hover .-download { color: #000 }
.mod-essentials-documents .-illust, .mod-finance-documents .-illust { height: 14.8rem; position: relative; margin: 0 auto; width: 11.5rem }
.mod-essentials-documents .-illust:before, .mod-finance-documents .-illust:before { background: #f0f0ef; bottom: 0; content: ""; height: 14.3rem; position: absolute; right: 0; width: 11rem }
.mod-essentials-documents img, .mod-finance-documents img { height: 15.1rem; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; -webkit-transition: .5s; transition: .5s; width: 10.6rem }
.mod-essentials-documents h3, .mod-finance-documents h3 { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem; margin: 1.6rem 0 3.2rem; text-align: center; color: #000 }
@media (min-width:37.5em) {
.mod-essentials-documents h3, .mod-finance-documents h3 { font-size: 1.6rem }
}
.mod-essentials-documents .-period, .mod-finance-documents .-period { color: #171F4A; font-family: Helvetica Neue LT W05_47 Lt Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.4rem; margin-bottom: 3.5rem; text-transform: uppercase }
@media (min-width:37.5em) {
.mod-essentials-documents .-period, .mod-finance-documents .-period { font-size: 1.8rem; margin-bottom: 5.25rem }
}
@media (min-width:60em) {
.mod-essentials-documents .-period, .mod-finance-documents .-period { font-size: 2.2rem; margin-bottom: 7rem }
}
.mod-essentials-documents .-download, .mod-finance-documents .-download { color: #60504a; font-family: RenaultR-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; line-height: 2.2rem; -webkit-transition: .5s; transition: .5s }
.mod-essentials-documents .-download:before, .mod-finance-documents .-download:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; -webkit-transition: 0s; transition: 0s; font-size: 1.4rem; margin-right:.8rem
}
.mod-essentials-documents h2.title-zone, .mod-finance-documents h2.title-zone { text-transform: inherit; text-align: center; font-size: 2.7rem; line-height: 3.2rem }
@media (min-width:37.5em) {
.mod-essentials-documents h2.title-zone, .mod-finance-documents h2.title-zone { font-size: 4.8rem; line-height: 4.6rem }
}
.mod--docs-focus { background: #fff; border: 1px solid #008F84; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; padding: 2rem }
@media (min-width:37.5em) {
.mod--docs-focus { padding: 3rem 2rem }
}
@media (min-width:60em) {
.mod--docs-focus { padding: 4rem 9.2rem }
}
.mod--docs-focus h3 { color: #171F4A; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2rem; margin: 0 0 3.4rem }
@media (min-width:37.5em) {
.mod--docs-focus h3 { font-size: 3.4rem; line-height: 3.6rem }
}
.mod--docs-focus .btn-yellow { width: 100%; overflow: visible; display: block; text-overflow: inherit; white-space: inherit; height: inherit; line-height: inherit; padding: 1rem 0 }
.l-col>.mod--docs-focus { border: none; background-color: #f4f4f4 }
@media (min-width:37.5em) {
.l-col>.mod--docs-focus { padding: 3.2rem; background-color: transparent; border: 1px solid #008F84 }
}
.docs-list .doc { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; position: relative; padding: 0 0 0 4.1rem; margin-bottom: 2.4rem; min-height: 4.4rem; list-style: none }
.docs-list .doc:before { content: url(../media/finance/icon-document-empty.png); position: absolute; background: #fff; top:.5rem
}
.docs-list .doc a { color: #333; -webkit-transition: .5s; transition: .5s }
.docs-list .doc a:hover { color: #171F4A; text-decoration: none }
.docs-list h4 { font-size: 1.8rem; line-height: 2.4rem; margin: 0 }
.docs-list h4, .docs-list span { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.docs-list span { display: block; color: #008F84; font-size: 1.5rem; margin-top: 0 }
@media (min-width:37.5em) {
.docs-list span { font-size: 1.6rem }
}
.docs-list .btn--plus { background-color: #008F84; color: #fff; padding: 0; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; width: 100% }
@media (min-width:37.5em) {
.docs-list .btn--plus { width: 14.5rem }
}
.tpl-capital { background: #008F84; border: 1px solid #ececec; padding: 2rem }
@media (min-width:37.5em) {
.tpl-capital { padding: 3rem 2rem }
}
@media (min-width:60em) {
.tpl-capital { padding: 5rem 3rem 3rem }
}
.tpl-capital h3 { color: #fff; font-size: 2rem; line-height: 2rem; margin: 0 0 1rem }
@media (min-width:37.5em) {
.tpl-capital h3 { font-size: 2.5rem; line-height: 2.5rem }
}
@media (min-width:60em) {
.tpl-capital h3 { font-size: 3rem; line-height: 3rem }
}
.tpl-capital p { color: #fff; margin-bottom: 2rem }
.tpl-capital img { display: block; margin: 0 auto 3rem }
.tpl-blue-icon-txt { color: #fff }
@media (min-width:37.5em) {
.tpl-blue-icon-txt { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 100%; -webkit-box-pack: justify; justify-content: space-between }
}
.tpl-blue-icon-txt .item { background: #008F84; box-sizing: border-box; display: -webkit-box; display: flex; color: #fff; font-family: Helvetica Neue LT W05_47 Lt Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.4rem; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-height: 13rem; padding: 3rem; position: relative; text-align: center; -webkit-transition: .4s; transition: .4s }
@media (min-width:30em) {
.tpl-blue-icon-txt .item { font-size: 1.8rem; height: calc(50% - 5px) }
}
@media (min-width:60em) {
.tpl-blue-icon-txt .item { font-size: 2.2rem }
}
.tpl-blue-icon-txt .item:first-child { margin-bottom: 10px }
.tpl-blue-icon-txt .item:hover { background-color: #000 }
.tpl-blue-icon-txt img { max-width: 40px; width: 40px; margin: 0 auto 1.5rem }
.tpl-blue-icon-txt a { position: absolute; top: 0; bottom: 0; left: 0; right: 0 }
.tpl-blue-icon-txt h3, .tpl-blue-icon-txt p { color: #fff; font-size: 1.4rem; text-transform: none }
@media (min-width:37.5em) {
.tpl-blue-icon-txt h3, .tpl-blue-icon-txt p { font-size: 1.8rem }
}
@media (min-width:60em) {
.tpl-blue-icon-txt h3, .tpl-blue-icon-txt p { font-size: 2.2rem }
}
.tpl-blue-icon-txt h3 { margin: 0; text-transform: uppercase }
.tpl-blue-icon-txt .phone { font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.tpl-blue-icon-txt .mail { margin-top: 1.5rem }
.mod-finance-documents { background-color: #fff; padding-bottom: 7rem; min-height: 50rem }
.mod-finance-documents .df-zone { flex-wrap: wrap; margin:0 -.5rem 6rem;
width: calc(100% + 1rem) }
@media (min-width:76em) {
.mod-finance-documents .df-zone { max-width: none }
}
.cp-slider-vertical-parallax .mod-finance-documents .container-pagination, .mod-finance-documents .cp-slider-vertical-parallax .container-pagination, .mod-finance-documents .teq-container { max-width: 108.4rem }
.mod-finance-documents form { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column }
@media (min-width:37.5em) {
.mod-finance-documents form { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; flex-wrap: wrap }
}
.mod-finance-documents .-subtitle { color: #171F4A; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; line-height: 1.5rem; margin: 0 0 2rem; letter-spacing:.1rem;
text-transform: uppercase }
@media (min-width:37.5em) {
.mod-finance-documents .-subtitle { width: 100%; margin: 0 4.1rem 0 0 }
}
@media (min-width:60em) {
.mod-finance-documents .-subtitle { width: auto }
}
.mod-finance-documents .-title { color: #171F4A; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.1rem; line-height: 2.6rem; margin: 0 0 2.3rem }
@media (min-width:37.5em) {
.mod-finance-documents .-title { width: 100% }
}
@media (min-width:60em) {
.mod-finance-documents .-title { width: auto }
}
.mod-finance-documents .error { display: none }
.mod-finance-documents .item { position: inherit!important }
.mod-finance-documents .documents-filter { background: #fff; border:.1rem solid #008F84;
padding: 2rem; margin-bottom: 2rem }
@media (min-width:37.5em) {
.mod-finance-documents .documents-filter { padding: 3.2rem; margin-bottom: 4rem }
}
@media (min-width:60em) {
.mod-finance-documents .documents-filter { padding: 3.2rem 7rem }
}
.mod-finance-documents .btn--white { height: 5.4rem; background-color: #008F84; color: #fff; font-family: RenaultR-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem }
.mod-finance-documents .btn--white:hover { background: transparent; color: #008F84; box-shadow: 0 0 0 1px #008F84 }
.mod-finance-documents .custom-select-container { background: transparent; border: 1px solid #008F84; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; margin: 0 0 1rem; max-width: 25rem; width: 100% }
@media (min-width:37.5em) {
.mod-finance-documents .custom-select-container { margin: 0 1rem 0 0; width: 25rem }
}
@media (min-width:60em) {
.mod-finance-documents .custom-select-container { margin: 0 0 0 1.6rem }
}
@media (min-width:37.5em) {
.mod-finance-documents .custom-select-container+.custom-select-container { width: 15rem }
}
.mod-finance-documents .custom-select-container .custom-select-opener, .mod-finance-documents .custom-select-container .custom-select-option { background: #fff; color: #171F4A; font-size: 1.6rem; line-height: 2.2rem }
.mod-finance-documents .custom-select-container .custom-select-opener { color: #008F84; border: 0; font-size: 1.8rem; line-height: 2.2rem; padding:.8rem 5.7rem .8rem 1.6rem;
position: relative }
@media (min-width:37.5em) {
.mod-finance-documents .custom-select-container .custom-select-opener { font-size: 1.6rem }
}
.mod-finance-documents .custom-select-container .custom-select-opener:before { display: none; content: ""; width: 0; height: 0; font-size: 0 }
.mod-finance-documents .custom-select-container .custom-select-opener:after { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; background: transparent; bottom: 0; color: #008F84; display: block; font-size: 1.4rem; line-height: 42px; position: absolute; right: 0; text-align: center; -webkit-transform: scale(-1); transform: scale(-1); -webkit-transition: 0s; transition: 0s; top: 0; width: 4.4rem }
.mod-finance-documents .custom-select-container .custom-select-opener span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 1px) }
.mod-finance-documents .countresult p { color: #171F4A; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem; margin:.9rem 0 0
}
.mod-finance-documents .countresult p span { font-family: Read-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.mod-finance-documents .is-open .custom-select-opener:after { -webkit-transform: scale(1); transform: scale(1) }
.mod-finance-documents .custom-select-option { cursor: pointer; padding: .35em 1.5rem }
.mod-finance-documents .custom-select-option.is-selected, .mod-finance-documents .custom-select-option:hover { color: #000 }
.mod-finance-documents .custom-select-option.is-selected:before { display: none }
.mod-finance-documents .-buttons { text-align: center }
@media (min-width:37.5em) {
.mod-finance-documents .-buttons { margin: 1rem 0 0 auto }
}
@media (min-width:76em) {
.mod-finance-documents .-buttons { margin: 0 0 0 auto }
}
.mod-finance-documents .-buttons button { margin:.5rem
}
@media (min-width:37.5em) {
.mod-finance-documents .-buttons button {
margin:.5rem 0 .5rem 1rem; width: 18.9rem; font-size: 1.6rem }
}
.mod-finance-documents :focus { outline: none }
.mod-finance-documents .mod-pagination { display: none }
.mod-finance-documents .loader-container { display: -webkit-box; display: flex; flex-wrap: wrap; height: 100%; margin: 0; overflow: hidden; width: 100% }
.mod-finance-documents .loader-container .loader { -webkit-box-align: center; align-items: center; -webkit-animation: circle-loader-spin 1s linear infinite; animation: circle-loader-spin 1s linear infinite; border-radius: 50%; border:.5rem solid rgba(151,139,127,.2);
border-left-color: #008F84; display: -webkit-box; display: flex; height: 12rem; -webkit-box-pack: center; justify-content: center; margin: 2rem auto 0; min-height: 12rem; min-width: 12rem; -webkit-transform: translateZ(0); transform: translateZ(0); width: 12rem }
@-webkit-keyframes circle-loader-spin { 0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to { -webkit-transform: rotate(1turn); transform: rotate(1turn) }
}
@keyframes circle-loader-spin { 0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to { -webkit-transform: rotate(1turn); transform: rotate(1turn) }
}
.mod-top-page-group { margin: 2.5rem 0 3rem }
@media (min-width:37.5em) {
.mod-top-page-group { margin: 8.2rem 0 4rem }
}
.mod-top-page-group .df-zone { -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column }
@media (min-width:37.5em) {
.mod-top-page-group .df-zone { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; margin: 0 auto; max-width: 108.4rem; width: calc(100% - 4.8rem) }
}
.mod-top-page-group .social { display: -webkit-box; display: flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; margin-bottom: 1.5rem }
@media (min-width:37.5em) {
.mod-top-page-group .social { margin-bottom: 0 }
}
.mod-top-page-group a, .mod-top-page-group span { cursor: pointer }
.mod-top-page-group a:hover, .mod-top-page-group span:hover { opacity: .8 }
.mod-top-page-group h1 { color: #171F4A; margin-bottom: 0 }
@media (min-width:60em) {
.mod-top-page-group h1 { padding-right: 35rem }
}
@media (min-width:37.5em) {
.cp-edito-group { padding: 4rem 0 12rem }
}
@media (min-width:37.5em) {
.cp-edito-group, .cp-edito-group .cp-slider-vertical-parallax .container-pagination, .cp-edito-group .teq-container, .cp-slider-vertical-parallax .cp-edito-group .container-pagination { position: relative }
}
.cp-edito-group p { font-size: 1.8rem; line-height: 2.4rem; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:37.5em) {
.cp-edito-group p { margin: 0 }
}
.cp-edito-group p strong { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-edito-group p a { text-decoration: none }
.cp-edito-group p a:hover { text-decoration: underline }
.cp-edito-group .-content-1 { position: relative; margin-bottom: 2rem; z-index: 4 }
@media (min-width:37.5em) {
.cp-edito-group .-content-1 { margin-bottom: 3rem }
}
@media (min-width:37.5em) {
.cp-edito-group .-content-1 p { padding-top: 0; font-size: 3.4rem; color: #171F4A;font-weight:bold;line-height: 4.6rem; width: 62.4rem }
}
.cp-edito-group .-content-2 { position: relative; z-index: 4 }
@media (min-width:37.5em) {
.cp-edito-group .-content-2 { width: 50.2rem; margin-bottom: 8rem }
}
.cp-edito-group .-illust-1 { background-repeat: no-repeat; background-size: 100% auto; background-attachment: fixed; overflow: hidden; left: -2rem; position: relative; top: 0; width: 62.5%; z-index: 3; height: 28rem }
@media (min-width:37.5em) {
.cp-edito-group .-illust-1 { -o-object-fit: cover; object-fit: cover; left: inherit; top: inherit; width: 80.8rem; height: 50rem }
}
.cp-edito-group .-illust-1:before { display: block; content: ""; width: 100% }
.cp-edito-group .-illust-1.aos-init:after { background: #fff; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 1s cubic-bezier(.87, .365, .2, .82) .6s; transition: all 1s cubic-bezier(.87, .365, .2, .82) .6s; z-index: 1 }
.cp-edito-group .-illust-1.aos-animate:after { -webkit-transform: translateY(100%); transform: translateY(100%) }
.cp-edito-group .-illust-1 img { left: 0; font-family: "object-fit: cover;"; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; width: 100% }
@media (min-width:37.5em) {
.cp-edito-group .-illust-1 img { position: relative; width: 100%; height: 100%; left: inherit; top: inherit; -webkit-transform: inherit!important; transform: inherit!important }
}
.cp-edito-group .-illust-2 { background-repeat: no-repeat; background-size: 100% auto; background-attachment: fixed; margin-left: 37.5%; overflow: hidden; position: relative; right: -2rem; top: -2rem; width: 62.5%; z-index: 2 }
@media (min-width:37.5em) {
.cp-edito-group .-illust-2 { position: absolute; right: 0; top: 0; width: 34.8rem; height: 45rem; -o-object-fit: cover; object-fit: cover }
}
.cp-edito-group .-illust-2:before { display: block; content: ""; width: 100%; padding-top: 113.9240506329% }
.cp-edito-group .-illust-2.aos-init:after { background: #fff; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 1s cubic-bezier(.87, .365, .2, .82) .8s; transition: -webkit-transform 1s cubic-bezier(.87, .365, .2, .82) .8s; transition: transform 1s cubic-bezier(.87, .365, .2, .82) .8s; transition: transform 1s cubic-bezier(.87, .365, .2, .82) .8s, -webkit-transform 1s cubic-bezier(.87, .365, .2, .82) .8s; z-index: 1 }
.cp-edito-group .-illust-2.aos-animate:after { -webkit-transform: translateY(100%); transform: translateY(100%) }
.cp-edito-group .-illust-2 img { left: 0; font-family: "object-fit: cover;"; -o-object-fit: cover; object-fit: cover; position: absolute; top: 14px; width: 100%; z-index: 0 }
.cp-edito-group .-illust-3 { background-repeat: no-repeat; background-size: 100% auto; background-attachment: fixed; left: -2rem; overflow: hidden; position: relative; top: -20.5rem; width: 62.5%; z-index: 1 }
@media (min-width:37.5em) {
.cp-edito-group .-illust-3 { position: absolute; width: 34.8rem; height: 20.8rem; left: inherit; right: 0; top: inherit; bottom: 42rem }
}
.cp-edito-group .-illust-3:before { content: ""; display: block; padding-top: 72.7272727273%; position: relative; width: 100% }
.cp-edito-group .-illust-3 img { font-family: "object-fit: cover;"; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; width: 100% }
@media (min-width:37.5em) {
.cp-edito-group .-illust-3 img { height: 100%; left: inherit; right: 0; -webkit-transform: inherit!important; transform: inherit!important }
}
.cp-slider-vertical-parallax { position: relative; width: 100% }
.cp-slider-vertical-parallax:before { position: absolute; top: 0; left: 0; content: ""; background: rgba(0,0,0,.6) }
.cp-slider-vertical-parallax .swiper-container { position: relative; width: 100% }
@media (min-height:40em) {
.cp-slider-vertical-parallax .swiper-container { height: calc(85vh - 8.2rem); max-height: 65rem }
}
@media (min-width:76em) {
.cp-slider-vertical-parallax .swiper-container { height: calc(85vh - 8.2rem); max-height: 65rem }
}
.cp-slider-vertical-parallax .swiper-container:before { content: ""; display: block; padding-top: 140.625%; width: 100% }
@media (min-height:40em) {
.cp-slider-vertical-parallax .swiper-container:before { display: none }
}
@media (min-width:76em) {
.cp-slider-vertical-parallax .swiper-container:before { display: none }
}
.cp-slider-vertical-parallax .swiper-wrapper { height: 100%; position: absolute; top: 0; z-index: 20 }
@media (min-height:43.75em) {
.cp-slider-vertical-parallax .swiper-wrapper { height: 100%; position: relative; top: auto }
}
.cp-slider-vertical-parallax .swiper-slide { display: block; height: 100%; overflow: hidden }
.cp-slider-vertical-parallax .swiper-slide-active { z-index: 1 }
.cp-slider-vertical-parallax .-illust { background: #171F4A; height: 100% }
.cp-slider-vertical-parallax .swiper-slide-next .btn-yellow, .cp-slider-vertical-parallax .swiper-slide-next h2, .cp-slider-vertical-parallax .swiper-slide-next p, .cp-slider-vertical-parallax .swiper-slide-prev .btn-yellow, .cp-slider-vertical-parallax .swiper-slide-prev h2, .cp-slider-vertical-parallax .swiper-slide-prev p { -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0) }
.cp-slider-vertical-parallax .swiper-slide-next .-date span, .cp-slider-vertical-parallax .swiper-slide-prev .-date span { -webkit-transform: translate3d(0, 14rem, 0); transform: translate3d(0, 14rem, 0) }
.cp-slider-vertical-parallax img { font-family: "object-fit: cover;"; -o-object-fit: cover; object-fit: cover; opacity: .5; height: 100%; width: 100% }
@media (min-width:60em) {
.cp-slider-vertical-parallax img { opacity: 1 }
}
.cp-slider-vertical-parallax .swiper-wrapper .container-pagination, .cp-slider-vertical-parallax .swiper-wrapper .teq-container { -webkit-box-align: end; align-items: flex-end; box-sizing: border-box; bottom: 0; display: -webkit-box; display: flex; left: 0; padding: 2.5rem 0; position: absolute; right: 0; top: 0 }
@media (min-width:37.5em) {
.cp-slider-vertical-parallax .swiper-wrapper .container-pagination, .cp-slider-vertical-parallax .swiper-wrapper .teq-container { padding: 5rem 0 }
}
@media (min-width:60em) {
.cp-slider-vertical-parallax .swiper-wrapper .container-pagination, .cp-slider-vertical-parallax .swiper-wrapper .teq-container { -webkit-box-align: center; align-items: center; box-sizing: border-box; left: 50%; padding: 14.3rem 0; -webkit-box-pack: end; justify-content: flex-end; right: auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); max-width: calc(100% - 3rem) }
}
.cp-slider-vertical-parallax h2 { -webkit-backface-visibility: hidden; backface-visibility: hidden; color: #fff; font-size: 3rem; line-height: 3.5rem; margin: 0 0 1.5rem; opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); -webkit-transition: all .8s cubic-bezier(.215, .61, .355, 1) 1.2s; transition: all .8s cubic-bezier(.215, .61, .355, 1) 1.2s }
@media (min-width:37.5em) {
.cp-slider-vertical-parallax h2 { font-size: 4rem; line-height: 4rem; margin: 0 0 2.1rem }
}
.cp-slider-vertical-parallax .-content { width: 100% }
@media (min-width:60em) {
.cp-slider-vertical-parallax .-content { margin: 0 0 0 8.33333%; width: 41.66667% }
}
@media (min-width:76em) {
.cp-slider-vertical-parallax .-content { margin: 0 0 0 16.66667%; width: 33.33333% }
}
.cp-slider-vertical-parallax .-date { color: #fff; display: block; font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 6rem; line-height: 6rem; height: 6rem; overflow: hidden; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0) }
@media (min-width:37.5em) {
.cp-slider-vertical-parallax .-date { font-size: 14rem; line-height: 14rem; height: 14rem }
}
.cp-slider-vertical-parallax .-date span { -webkit-backface-visibility: hidden; backface-visibility: hidden; display: block; overflow: hidden; -webkit-transition: -webkit-transform .8s cubic-bezier(.215, .61, .355, 1) 1.3s; transition: -webkit-transform .8s cubic-bezier(.215, .61, .355, 1) 1.3s; transition: transform .8s cubic-bezier(.215, .61, .355, 1) 1.3s; transition: transform .8s cubic-bezier(.215, .61, .355, 1) 1.3s, -webkit-transform .8s cubic-bezier(.215, .61, .355, 1) 1.3s; will-change: transform; -webkit-transform: translate3d(0, 6rem, 0); transform: translate3d(0, 6rem, 0); zoom: 1 }
@media (min-width:37.5em) {
.cp-slider-vertical-parallax .-date span { -webkit-transform: translate3d(0, 14rem, 0); transform: translate3d(0, 14rem, 0) }
}
.cp-slider-vertical-parallax p { color: #fff; font-size: 1.8rem; line-height: 3rem; margin-bottom: 2.1rem; margin-top: 0; -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 1.4s; transition: all .6s cubic-bezier(.215, .61, .355, 1) 1.4s }
.cp-slider-vertical-parallax .btn-yellow, .cp-slider-vertical-parallax p { -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); width: 100% }
.cp-slider-vertical-parallax .btn-yellow { -webkit-transition: all .8s cubic-bezier(.215, .61, .355, 1) 1.6s; transition: all .8s cubic-bezier(.215, .61, .355, 1) 1.6s }
@media (min-width:23.75em) {
.cp-slider-vertical-parallax .btn-yellow { width: auto }
}
.cp-slider-vertical-parallax .swiper-slide.swiper-slide-active .btn-yellow, .cp-slider-vertical-parallax .swiper-slide.swiper-slide-active h2, .cp-slider-vertical-parallax .swiper-slide.swiper-slide-active p { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 }
.cp-slider-vertical-parallax .swiper-slide.swiper-slide-active .-date span { -webkit-transform: translateZ(0); transform: translateZ(0) }
.cp-slider-vertical-parallax .container-pagination { left: 50%; margin: 0; position: absolute; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 30 }
@media (min-width:60em) {
.cp-slider-vertical-parallax .container-pagination { max-width: calc(100% - 3rem) }
}
.cp-slider-vertical-parallax .swiper-pagination { -webkit-box-align: start; align-items: flex-start; display: -webkit-box; display: flex; -webkit-box-pack: start; justify-content: flex-start; margin-top: 4rem; position: inherit; width: 100% }
@media (min-width:60em) {
.cp-slider-vertical-parallax .swiper-pagination { -webkit-box-align: center; align-items: center; width: 58.33333%; margin-top: 14.3rem }
}
.cp-slider-vertical-parallax .pagination-item { display: block; color: hsla(0,0%,100%,.2); font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 4.2rem; outline: none; line-height: 3rem; -webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1); transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1); transition: transform .3s cubic-bezier(.4, 0, .2, 1); transition: transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1); margin-right: 2rem }
@media (min-width:37.5em) {
.cp-slider-vertical-parallax .pagination-item { font-size: 7rem; line-height: 7rem }
}
.cp-slider-vertical-parallax .pagination-item:not(.-current):hover { cursor: pointer; -webkit-transform: translateX(-20px); transform: translateX(-20px) }
.cp-slider-vertical-parallax .pagination-item:not(.-current):hover+.pagination-item:before { -webkit-transform: scaleX(1.3) translateX(-15%); transform: scaleX(1.3) translateX(-15%) }
.cp-slider-vertical-parallax .pagination-item+.pagination-item:not(.-current):hover { -webkit-transform: translateX(20px); transform: translateX(20px) }
.cp-slider-vertical-parallax .pagination-item+.pagination-item:not(.-current):hover:before { -webkit-transform: scaleX(1.3) translateX(0); transform: scaleX(1.3) translateX(0) }
.cp-slider-vertical-parallax .pagination-item.-current { color: #fff; margin-right: 6rem }
.cp-blockquote-with-cta { background: #f4f4f4; padding: 4rem 0; margin: 0 0 6rem }
@media (min-width:37.5em) {
.cp-blockquote-with-cta { margin: 0 0 12rem; padding: 8rem 0 }
}
@media (min-width:76em) {
.cp-blockquote-with-cta { padding: 12rem 0 }
}
.cp-blockquote-with-cta.bg--white { background: #fff; margin: 6rem 0; padding: 0 }
@media (min-width:37.5em) {
.cp-blockquote-with-cta.bg--white { margin: 12rem 0 }
}
.cp-blockquote-with-cta h2 { font-size: 2.6rem; line-height: 2.8rem; margin-bottom: 3rem; text-align: center }
@media (min-width:37.5em) {
.cp-blockquote-with-cta h2 { font-size: 6rem; line-height: 5.8rem; margin-bottom: 9rem }
}
.cp-blockquote-with-cta .dflex { margin-bottom: 3rem }
@media (min-width:47.5em) {
.cp-blockquote-with-cta .dflex { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; margin-bottom: 7rem }
}
@media (min-width:76em) {
.cp-blockquote-with-cta .dflex { padding: 0 8.33333% }
}
.cp-blockquote-with-cta .dflex.-center { -webkit-box-pack: center; justify-content: center; margin-bottom: 0 }
@media (min-width:37.5em) {
.cp-blockquote-with-cta .dflex.-center { display: -webkit-box; display: flex; flex-wrap: wrap }
}
.cp-blockquote-with-cta .-content { width: 100% }
@media (min-width:47.5em) {
.cp-blockquote-with-cta .-content { margin-left: 2rem; padding: 0 0 0 5rem; width: calc(50% - 2rem) }
}
@media (min-width:60em) {
.cp-blockquote-with-cta .-content { padding: 0 5.5rem }
}
@media (min-width:76em) {
.cp-blockquote-with-cta .-content { margin-left: calc(100% / 12);
    width: calc(100% / 12 * 5); }
}
.cp-blockquote-with-cta img { width: 100% }
@media (min-width:47.5em) {
.cp-blockquote-with-cta img { width: 50% }
}
@media (min-width:76em) {
.cp-blockquote-with-cta img {width: calc(100% / 15 * 5);}
}
.cp-blockquote-with-cta blockquote:after, .cp-blockquote-with-cta blockquote:before { color: #008F84 }
.cp-blockquote-with-cta .-author { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; line-height: 1.5rem; text-transform: uppercase }
.cp-blockquote-with-cta .-job { color: #171F4A; font-family: Renault-Light, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.4rem; line-height: 1.4rem }
.cp-blockquote-with-cta .btn--transparent-black { margin: 0 0 1rem; width: 100% }
@media (min-width:30em) {
.cp-blockquote-with-cta .btn--transparent-black { margin: 0 1rem 1rem; width: auto }
}
.cp-banner-with-image-panels { margin: 2rem auto 6rem; max-width: calc(100% - 3rem); position: relative }
@media (min-width:76em) {
.cp-banner-with-image-panels { -webkit-box-align: stretch; align-items: stretch; display: -webkit-box; display: flex; max-width: 100%; max-height: 80rem; height: calc(100vh - 8.2rem); margin-top: 0 }
}
@media (min-width:23.75em) {
.cp-banner-with-image-panels .-content { padding: 0 0 5rem }
}
@media (min-width:76em) {
.cp-banner-with-image-panels .-content { -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; background: #f4f4f4; box-sizing: border-box; display: -webkit-box; display: flex; padding: 0 8.5rem; width: 44rem }
}
.cp-banner-with-image-panels h2 { font-size: 3rem; line-height: 3.2rem; margin: 0 0 2.4rem; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; width: 100% }
@media (min-width:37.5em) {
.cp-banner-with-image-panels h2 { font-size: 4.8rem; line-height: 4.6rem }
}
@media (min-width:76em) {
.cp-banner-with-image-panels h2 { width: 100% }
}
.cp-banner-with-image-panels p { width: 100%; font-size: 1.8rem; line-height: 2.4rem; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin-top: 0 }
.cp-banner-with-image-panels .btn-yellow { bottom: 0; position: absolute; left: 0; right: 0 }
@media (min-width:23.75em) {
.cp-banner-with-image-panels .btn-yellow { bottom: auto; left: auto; position: relative; right: auto }
}
.cp-banner-with-image-panels .-content-img { position: relative }
@media (min-width:76em) {
.cp-banner-with-image-panels .-content-img { width: calc(100% - 44rem) }
}
.cp-banner-with-image-panels .-content-img:before { display: block; content: ""; width: 100%; padding-top: 155.1724137931% }
@media (min-width:47.5em) {
.cp-banner-with-image-panels .-content-img:before { padding-top: 63.6363636364% }
}
@media (min-width:76em) {
.cp-banner-with-image-panels .-content-img:before { display: none }
}
.cp-banner-with-image-panels .-illust { height: 100%; left: 0; position: absolute; top: 0; width: 100% }
@media (min-width:76em) {
.cp-banner-with-image-panels .-illust { position: relative }
}
.cp-banner-with-image-panels .-illust:before { background: rgba(0,0,0,.14); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2 }
.cp-banner-with-image-panels .-illust>img { height: 100%; font-family: "object-fit: cover;"; left: 0; opacity: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; -webkit-transition: .5s; transition: .5s; width: 100%; z-index: 1 }
.no-touchevents .cp-banner-with-image-panels .-illust>.-active { opacity: 1 }
.cp-banner-with-image-panels .-illust picture { height: 100%; left: 0; position: absolute; top: 0; width: 100% }
.cp-banner-with-image-panels picture img { height: 100%; font-family: "object-fit: cover;"; -o-object-fit: cover; object-fit: cover; width: 100%; z-index: 0 }
.cp-banner-with-image-panels .-list { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 3 }
@media (min-width:47.5em) {
.cp-banner-with-image-panels .-list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row }
}
.cp-banner-with-image-panels .-list a { -webkit-box-align: center; align-items: center; border-top: 2px solid #fff; box-sizing: border-box; color: #fff; cursor: pointer; display: -webkit-box; display: flex; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; -webkit-box-flex: 1; flex: 1; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; height: 100%; -webkit-box-pack: justify; justify-content: space-between; line-height: 2.6rem; padding: 0 2rem; text-align: left; text-decoration: none }
@media (min-width:47.5em) {
.cp-banner-with-image-panels .-list a { border-top: 0; border-left: 2px solid #fff; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; text-align: center; padding: 0 2.8rem; font-size: 2.3rem }
}
.cp-banner-with-image-panels .-list a:first-child { border-top: 2px solid #fff }
@media (min-width:47.5em) {
.cp-banner-with-image-panels .-list a:first-child { border-top: 0; border-left: 2px solid #fff }
}
.cp-banner-with-image-panels .-list a span { position: relative; width: 100% }
@media (min-width:47.5em) {
.cp-banner-with-image-panels .-list a span { top: calc(50% + 4rem) }
}
.cp-banner-with-image-panels .-list .deco { -webkit-backface-visibility: hidden; backface-visibility: hidden; display: block; height: 6rem; opacity: 1; -webkit-perspective: 1000px; perspective: 1000px; position: relative; -webkit-transition: .1s; transition: .1s; -webkit-transform: translateZ(0); transform: translateZ(0); width: 6rem }
@media (min-width:47.5em) {
.cp-banner-with-image-panels .-list .deco { top:calc(50% - -1rem)
}
}
.cp-banner-with-image-panels .-list .deco i { background: hsla(0,0%,100%,.8); border: 1px solid #fff; border-radius: 100%; height: 3.4rem; -webkit-transform: translate3d(-50%, -50%, 0) scale(.5); transform: translate3d(-50%, -50%, 0) scale(.5); width: 3.4rem }
.cp-banner-with-image-panels .-list .deco:before, .cp-banner-with-image-panels .-list .deco i { left: 50%; -webkit-perspective: 1000px; perspective: 1000px; position: absolute; top: 50%; -webkit-transition: .4s; transition: .4s }
.cp-banner-with-image-panels .-list .deco:before { -webkit-backface-visibility: hidden; backface-visibility: hidden; border: 2.5px solid #fff; border-radius: 100%; content: ""; height: 4.84rem; -webkit-transform: translate3d(-50%, -50%, 0) scale(.75); transform: translate3d(-50%, -50%, 0) scale(.75); width: 4.84rem }
.no-touchevents .cp-banner-with-image-panels .-list a.is-active .deco { -webkit-transform: translateZ(0); transform: translateZ(0) }
.no-touchevents .cp-banner-with-image-panels .-list a.is-active .deco i { background: #fff; -webkit-animation: scalepulse 1.3s linear 0s infinite both; animation: scalepulse 1.3s linear 0s infinite both; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1) }
.no-touchevents .cp-banner-with-image-panels .-list a.is-active .deco:before { -webkit-animation: scalepulse 1.3s linear .3s infinite both; animation: scalepulse 1.3s linear .3s infinite both; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1) }
.no-touchevents .cp-banner-with-image-panels .-list a.is-active .deco:after { -webkit-animation: scalepulse 1.3s linear .15s infinite both; animation: scalepulse 1.3s linear .15s infinite both; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1) }
.cp-images-mosaic-with-hover { padding: 6rem 0 }
@media (min-width:37.5em) {
.cp-images-mosaic-with-hover { padding: 8rem 0 }
}
.cp-images-mosaic-with-hover h2 { font-size: 3rem; line-height: 3.5rem; margin: 0 0 2.4rem; text-align: center; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:37.5em) {
.cp-images-mosaic-with-hover h2 { font-size: 4.8rem; line-height: 4.6rem }
}
@media (min-width:76em) {
.cp-images-mosaic-with-hover h2 { margin: 0 auto 2.4rem; width: 83.33333% }
}
.cp-images-mosaic-with-hover .-subtitle { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem; margin-bottom: 4rem; text-align: center }
@media (min-width:76em) {
.cp-images-mosaic-with-hover .-subtitle { margin: 0 auto 4rem; width: 66.66667% }
}
.cp-images-mosaic-with-hover .-list { display: -webkit-box; display: flex; flex-wrap: wrap }
@media (min-width:37.5em) {
.cp-images-mosaic-with-hover .-list { margin:0 -.5rem
}
}
.cp-images-mosaic-with-hover .-item { position: relative; margin-bottom: 2rem; width: 100% }
@media (min-width:37.5em) {
.cp-images-mosaic-with-hover .-item { margin: 0 1rem 2rem; width: calc(50% - 2rem) }
}
@media (min-width:60em) {
.cp-images-mosaic-with-hover .-item { width: calc(33.33333% - 2rem) }
}
.cp-images-mosaic-with-hover .-item:before { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.6)), color-stop(1%, rgba(0,0,0,.6)), to(transparent)); background: linear-gradient(0deg, rgba(0,0,0,.6), rgba(0,0,0,.6) 1%, transparent); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; -webkit-transition-delay: .05s; transition-delay: .05s; -webkit-transition-duration: .35s; transition-duration: .35s }
.cp-images-mosaic-with-hover .-item:hover:before { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.6)), color-stop(50%, rgba(0,0,0,.6)), to(rgba(0,0,0,.3))); background: linear-gradient(0deg, rgba(0,0,0,.6), rgba(0,0,0,.6) 50%, rgba(0,0,0,.3)) }
.cp-images-mosaic-with-hover .-item:hover .-content, .cp-images-mosaic-with-hover .-item:hover h3, .cp-images-mosaic-with-hover .-item:hover p { -webkit-transform: translateZ(0); transform: translateZ(0) }
.cp-images-mosaic-with-hover .-item:hover p { opacity: 1; -webkit-transition-delay: .05s; transition-delay: .05s; -webkit-transition-duration: .35s; transition-duration: .35s }
.cp-images-mosaic-with-hover .-item img { font-family: "object-fit: cover;"; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% }
.cp-images-mosaic-with-hover .-content { bottom: 1.6rem; left: 1.6rem; position: absolute; right: 1.6rem; -webkit-transform: translateY(calc(100% - 6rem)); transform: translateY(calc(100% - 6rem)) }
.cp-images-mosaic-with-hover .-content, .cp-images-mosaic-with-hover h3 { -webkit-transition: -webkit-transform .35s; transition: -webkit-transform .35s; transition: transform .35s; transition: transform .35s, -webkit-transform .35s }
.cp-images-mosaic-with-hover h3 { color: #fff; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2.6rem; margin: 0; text-align: center; -webkit-transform: translate3d(0, 3rem, 0); transform: translate3d(0, 3rem, 0) }
@media (min-width:37.5em) {
.cp-images-mosaic-with-hover h3 { font-size: 2.1rem }
}
.cp-images-mosaic-with-hover p { color: #fff; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin: 1.5rem 0 0; text-align: center; opacity: 0; -webkit-transform: translate3d(0, 3rem, 0); transform: translate3d(0, 3rem, 0); -webkit-transition: opacity .2s, -webkit-transform .35s; transition: opacity .2s, -webkit-transform .35s; transition: opacity .2s, transform .35s; transition: opacity .2s, transform .35s, -webkit-transform .35s }
.cp-images-mosaic-with-hover .btn-yellow { margin: 3rem auto 0; width: 100% }
@media (min-width:30em) {
.cp-images-mosaic-with-hover .btn-yellow { display: table; margin: 5rem auto 0; width: auto }
}
.cp-map-with-key-figures { padding: 6rem 0; background-color: #fff }
@media (min-width:37.5em) {
.cp-map-with-key-figures { padding: 8rem 0 10.2rem }
}
.cp-map-with-key-figures h2 { font-size: 3rem; line-height: 3.5rem; margin: 0 0 2.4rem }
@media (min-width:37.5em) {
.cp-map-with-key-figures h2 { font-size: 4.8rem; line-height: 4.6rem }
}
.cp-map-with-key-figures .-subtitle { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem; margin-bottom: 3rem }
@media (min-width:37.5em) {
.cp-map-with-key-figures .-subtitle { margin-bottom: 5.7rem }
}
.cp-map-with-key-figures .-item { border: 1px solid #f0f0ef; -webkit-transition: all .4s cubic-bezier(1, .5, .8, 1); transition: all .4s cubic-bezier(1, .5, .8, 1) }
.cp-map-with-key-figures .-item.active { border: 1px solid #333 }
.cp-map-with-key-figures .-item.active+.-item { margin: 3rem 0 0 }
.cp-map-with-key-figures .-item.active .title-mobile-clickable:before { -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.cp-map-with-key-figures .-item+.-item.active { margin: 3rem 0 0 }
.cp-map-with-key-figures .title-mobile-clickable { padding: 2rem 4.5rem 2rem 2rem; position: relative }
.cp-map-with-key-figures .title-mobile-clickable:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: #333; font-size: 1.5rem; right: 1.5rem; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.cp-map-with-key-figures h3 { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; width: 100%; padding: 1.5rem; font-size: 1.8rem; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; line-height: 2.4rem; margin: 0; border: 1px solid #171F4A; background-color: #fff }
@media (min-width:47.5em) {
.cp-map-with-key-figures h3 { width: calc(50% - 10px); position: relative; margin-top: -4rem; height: 4.8rem; padding: 1.6rem 3.2rem 1.6rem 7.6rem }
}
@media (min-width:60em) {
.cp-map-with-key-figures h3:before { background: #171F4A; border-radius: 100%; content: ""; height: 1.2rem; left: 4.5rem; position: absolute; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 1.2rem }
.cp-map-with-key-figures h3:after { border: 2px solid #171F4A; border-radius: 100%; content: ""; height: 2.2rem; left: 3.2rem; position: absolute; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); width: 2.2rem }
.cp-map-with-key-figures h3.active-0 { background-color: #2e2eca; border: 1px solid #2e2eca; color: #fff }
.cp-map-with-key-figures h3.active-0:before { -webkit-animation: bounceGraphLegend 2s infinite; animation: bounceGraphLegend 2s infinite; background: #fff }
.cp-map-with-key-figures h3.active-0:after { -webkit-animation: bounceGraphLegend2 2s infinite; animation: bounceGraphLegend2 2s infinite; border-color: #fff }
.cp-map-with-key-figures h3.active-1 { background-color: #008F84; border: 1px solid #008F84; color: #fff }
.cp-map-with-key-figures h3.active-1:before { -webkit-animation: bounceGraphLegend 2s infinite; animation: bounceGraphLegend 2s infinite; background: #fff }
.cp-map-with-key-figures h3.active-1:after { -webkit-animation: bounceGraphLegend2 2s infinite; animation: bounceGraphLegend2 2s infinite; border-color: #fff }
.cp-map-with-key-figures h3:first-child { margin-right: 2rem }
}
.cp-map-with-key-figures .body-mobile { padding: 2rem }
.cp-map-with-key-figures .body-mobile .key-figures-list { margin-top: 1rem; margin-bottom: 3.5rem }
.cp-map-with-key-figures .body-mobile .key-figures-list .-number { font-size: 5rem }
@media (min-width:60em) {
.cp-map-with-key-figures .body-mobile .key-figures-list { display: block }
}
.cp-map-with-key-figures .body-mobile .key-figures-list-item-1 .-number { color: #008F84 }
.cp-map-with-key-figures .body-mobile .key-figures-list-item-1 i { top: 65% }
.cp-map-with-key-figures .key-figures-item { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; margin-bottom: 1rem; padding: 0 0 0 5.5rem; position: relative }
@media (min-width:37.5em) {
.cp-map-with-key-figures .key-figures-item { -webkit-box-flex: 1; flex-grow: 1; flex-basis: 0 }
}
@media (min-width:60em) {
.cp-map-with-key-figures .key-figures-item { margin-bottom: 3.5rem; padding: 0 0 0 8.5rem }
}
.cp-map-with-key-figures .key-figures-item i { color: #171F4A; font-size: 4rem; left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.cp-map-with-key-figures .key-figures-item .icon-usine { height: 4rem }
.cp-map-with-key-figures .key-figures-item .icon-bulb2, .cp-map-with-key-figures .key-figures-item .icon-car2 { height: 3.1rem }
.cp-map-with-key-figures .key-figures-item .-number { width: 6.6rem; color: #2e2eca; font-size: 6rem; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; line-height: 4.6rem; margin-right: 1.8rem; text-align: right }
.cp-map-with-key-figures .key-figures-item .-label { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; width: 13rem; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem }
.cp-map-with-key-figures .btn--grey { height: auto; line-height: 2.4rem; padding: 1.5rem; text-overflow: inherit; white-space: normal; width: 100%; background: #fff; -webkit-transition: color .5s, background-color .5s, box-shadow .5s; transition: color .5s, background-color .5s, box-shadow .5s }
.cp-map-with-key-figures .btn--grey:hover { background: transparent; color: #008F84; box-shadow: inset 0 0 0 1px #008F84 }
.cp-map-with-key-figures .titles-desktop { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; cursor: pointer; width: 100% }
.cp-map-with-key-figures .-content { width: 29.16667%; margin-left: 8.5% }
.cp-map-with-key-figures .body-desktop { min-height: 50rem; position: relative; background-color: #f4f4f4 }
.cp-map-with-key-figures .body-desktop .item { -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; display: -webkit-box; display: flex; bottom: 0; left: 0; position: absolute; right: 0; top: 0 }
.cp-map-with-key-figures .body-desktop img { margin-right: 4.16667%; width: 47.5% }
.cp-map-with-key-figures .body-desktop .once-key-figures-item { padding: 10.5rem 0 0 }
.cp-map-with-key-figures .body-desktop .once-key-figures-item i { font-size: 10rem; left: 50%; position: absolute; top: -15px; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.cp-map-with-key-figures .body-desktop .once-key-figures-item .-number { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; font-size: 6rem; line-height: 4.6rem; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; color: #2e2eca }
.cp-map-with-key-figures .body-desktop .once-key-figures-item .-label { -webkit-box-flex: 2; flex-grow: 2; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2.8rem; text-align: center; margin-bottom: 1rem }
.cp-map-with-key-figures .body-desktop :nth-child(2) .once-key-figures-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; margin-bottom: 3rem }
.cp-map-with-key-figures .body-desktop :nth-child(2) .once-key-figures-item .-number { width: auto; margin-right: 0; margin-bottom: 2rem; color: #008F84 }
.cp-map-with-key-figures .body-desktop :nth-child(2) .once-key-figures-item .-label { width: auto }
.fade-enter-active, .fade-leave-active { -webkit-transition: opacity .5s; transition: opacity .5s }
.fade-enter, .fade-leave-to { opacity: 0 }
@-webkit-keyframes bounceGraphLegend2 { 0% {
-webkit-transform:translate3d(0, -50%, 0) scale(1);
transform:translate3d(0, -50%, 0) scale(1);
filter:alpha(enabled=false);
opacity:1
}
50% {
-webkit-transform:translate3d(0, -50%, 0) scale(1.15);
transform:translate3d(0, -50%, 0) scale(1.15);
filter:alpha(Opacity=60);
opacity:.6
}
to { -webkit-transform: translate3d(0, -50%, 0) scale(1); transform: translate3d(0, -50%, 0) scale(1); filter: alpha(enabled=false); opacity: 1 }
}
@keyframes bounceGraphLegend2 { 0% {
-webkit-transform:translate3d(0, -50%, 0) scale(1);
transform:translate3d(0, -50%, 0) scale(1);
filter:alpha(enabled=false);
opacity:1
}
50% {
-webkit-transform:translate3d(0, -50%, 0) scale(1.15);
transform:translate3d(0, -50%, 0) scale(1.15);
filter:alpha(Opacity=60);
opacity:.6
}
to { -webkit-transform: translate3d(0, -50%, 0) scale(1); transform: translate3d(0, -50%, 0) scale(1); filter: alpha(enabled=false); opacity: 1 }
}
.cp-key-figures-growth { padding: 6rem 0 }
@media (min-width:37.5em) {
.cp-key-figures-growth { padding: 8rem 0 }
}
.cp-key-figures-growth h2 { font-size: 3rem; line-height: 3.5rem; margin: 0 0 1.6rem; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:37.5em) {
.cp-key-figures-growth h2 { font-size: 4.8rem; line-height: 4.6rem; width: 86rem; margin-left: auto; margin-right: auto }
}
.cp-key-figures-growth .-subtitle { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem }
@media (min-width:37.5em) {
.cp-key-figures-growth .-subtitle { width: 86rem; margin-left: auto; margin-right: auto }
}
.cp-key-figures-growth .wrapper { display: -webkit-box; display: flex; flex-wrap: wrap; height: 36rem; -webkit-box-pack: justify; justify-content: space-between; width: 100%; margin-top: 3rem }
@media (min-width:37.5em) {
.cp-key-figures-growth .wrapper { height: auto; margin-top: 6.4rem }
}
.cp-key-figures-growth .date-container { height: 100%; text-align: center; width: calc(25% - 1rem) }
@media (min-width:37.5em) {
.cp-key-figures-growth .date-container { margin-bottom: 9rem; width: 100% }
}
.cp-key-figures-growth .date { box-sizing: border-box; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem; height: 33.33333%; opacity: 0; padding-top: 1.2rem }
@media (min-width:37.5em) {
.cp-key-figures-growth .date { width: 33.33333%; padding-top:.8rem
}
}
@media (min-width:37.5em) {
.cp-key-figures-growth .flex-order-one { display: -webkit-box; display: flex; -webkit-box-ordinal-group: 4; order: 3 }
}
@media (min-width:37.5em) {
.cp-key-figures-growth .flex-order-two { display: -webkit-box; display: flex; -webkit-box-ordinal-group: 3; order: 2 }
}
@media (min-width:37.5em) {
.cp-key-figures-growth .flex-order-three { -webkit-box-align: start; align-items: flex-start; display: -webkit-box; display: flex; -webkit-box-ordinal-group: 2; order: 1 }
}
.cp-key-figures-growth .illustration-container { height: 100%; margin-right: 1rem; position: relative; width: calc(20% - 1rem) }
@media (min-width:37.5em) {
.cp-key-figures-growth .illustration-container { height: auto; margin: 0 auto 4rem; max-width: 66%; width: 100% }
}
.cp-key-figures-growth .lines { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 64%; margin: 0 auto; padding-top: 2.5rem; width: 1.4rem }
@media (min-width:37.5em) {
.cp-key-figures-growth .lines { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; height: 1.6rem; padding: 0; top: 0; width: 100% }
}
.cp-key-figures-growth .dotted-line, .cp-key-figures-growth .solid-line { box-sizing: border-box; height: 58%; overflow: hidden; padding-top: 1rem; position: relative; width: 100% }
@media (min-width:37.5em) {
.cp-key-figures-growth .dotted-line, .cp-key-figures-growth .solid-line { height: 100%; margin-bottom: 0; padding: 0; width: 50% }
}
.cp-key-figures-growth .solid-line { margin-bottom:.5rem
}
@media (min-width:37.5em) {
.cp-key-figures-growth .solid-line { margin-bottom: 0 }
}
.cp-key-figures-growth .solid-line:before { position: absolute; top: 0; left:.5rem;
content: ""; width:.2rem;
height: 100%; background-color: #60504a; opacity: .3 }
@media (min-width:37.5em) {
.cp-key-figures-growth .solid-line:before { position: absolute; top:.5rem;
left: 0; width: 100%; height:.2rem
}
}
.cp-key-figures-growth .dotted-line { height: 25%; margin-top:.5rem
}
@media (min-width:37.5em) {
.cp-key-figures-growth .dotted-line { height: 100%; width: 40%; margin-top: 0 }
}
.cp-key-figures-growth .dotted-line:after { content: ""; position: absolute }
.cp-key-figures-growth .dotted-line:before { position: absolute; top: 0; left:.5rem;
content: ""; width:.2rem;
height: 100%; background-color: #60504a }
@media (min-width:37.5em) {
.cp-key-figures-growth .dotted-line:before { position: absolute; top:.5rem;
left: 0; width: 100%; height:.2rem
}
}
.cp-key-figures-growth .dotted-mobile, .cp-key-figures-growth .solid-mobile { bottom: 0; display: none; height: 100%; min-height: 100%; font-family: "object-fit: cover;"; -o-object-fit: cover; object-fit: cover; overflow: hidden; position: absolute; width: 100% }
@media (min-width:37.5em) {
.cp-key-figures-growth .dotted-mobile, .cp-key-figures-growth .solid-mobile { display: none }
}
.cp-key-figures-growth .dotted-desktop, .cp-key-figures-growth .solid-desktop { display: none }
@media (min-width:37.5em) {
.cp-key-figures-growth .dotted-desktop, .cp-key-figures-growth .solid-desktop { right: 0; overflow: hidden; height: 100%; font-family: "object-fit: cover;"; -o-object-fit: cover; object-fit: cover; position: absolute; min-width: 100% }
}
.cp-key-figures-growth .white-block { height: 56%; background: #fff; position: absolute; bottom: 32%; left:.8rem;
right: 0; width: 100%; will-change: width; z-index: 10; -webkit-transform: rotate(90deg); transform: rotate(90deg) }
@media (min-width:37.5em) {
.cp-key-figures-growth .white-block { display: block; bottom:.4rem;
height: 100%; left: auto; right: 11.8%; top:-.35rem;
width: 1.9rem; height: 1.9rem; -webkit-transform: rotate(0); transform: rotate(0) }
}
.cp-key-figures-growth .white-block:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; font-size: 1.9rem; color: #008F84 }
.cp-key-figures-growth .wrapper.-active .white-block { -webkit-animation: vertical-grow 2s ease-in 1 normal forwards; animation: vertical-grow 2s ease-in 1 normal forwards }
@media (min-width:37.5em) {
.cp-key-figures-growth .wrapper.-active .white-block { -webkit-animation: horizontal-grow 1.6s ease-in 1 normal forwards; animation: horizontal-grow 1.6s ease-in 1 normal forwards }
}
.cp-key-figures-growth .wrapper.-active .white-block:before { -webkit-animation: color-mobile 1.6s ease-in 1 normal forwards; animation: color-mobile 1.6s ease-in 1 normal forwards }
@media (min-width:37.5em) {
.cp-key-figures-growth .wrapper.-active .white-block:before { -webkit-animation: color-desktop 1.6s ease-in 1 normal forwards; animation: color-desktop 1.6s ease-in 1 normal forwards }
}
.cp-key-figures-growth .wrapper.-active .circle { -webkit-animation: opacity .5s ease-in normal forwards; animation: opacity .5s ease-in normal forwards }
.cp-key-figures-growth .wrapper.-active .circle:first-child, .cp-key-figures-growth .wrapper.-active .date:first-child, .cp-key-figures-growth .wrapper.-active .item:first-child { -webkit-animation: opacity .4s ease-in 0s normal forwards; animation: opacity .4s ease-in 0s normal forwards }
.cp-key-figures-growth .wrapper.-active .circle:nth-child(2n), .cp-key-figures-growth .wrapper.-active .date:nth-child(2n), .cp-key-figures-growth .wrapper.-active .item:nth-child(2n) { -webkit-animation: opacity 1s ease-in 1s normal forwards; animation: opacity 1s ease-in 1s normal forwards }
.cp-key-figures-growth .wrapper.-active .circle:last-child, .cp-key-figures-growth .wrapper.-active .date:last-child, .cp-key-figures-growth .wrapper.-active .item:last-child { -webkit-animation: opacity 1s ease-in 2s normal forwards; animation: opacity 1s ease-in 2s normal forwards }
.cp-key-figures-growth .white-block { -webkit-animation: vertical-grow 2s ease-in 1 normal forwards; animation: vertical-grow 2s ease-in 1 normal forwards }
@media (min-width:37.5em) {
.cp-key-figures-growth .white-block { -webkit-animation: horizontal-grow 1.6s ease-in 1 normal forwards; animation: horizontal-grow 1.6s ease-in 1 normal forwards }
}
.cp-key-figures-growth .white-block:before { -webkit-animation: color-mobile 1.6s ease-in 1 normal forwards; animation: color-mobile 1.6s ease-in 1 normal forwards }
@media (min-width:37.5em) {
.cp-key-figures-growth .white-block:before { -webkit-animation: color-desktop 1.6s ease-in 1 normal forwards; animation: color-desktop 1.6s ease-in 1 normal forwards }
}
.cp-key-figures-growth .circle { -webkit-animation: opacity .5s ease-in normal forwards; animation: opacity .5s ease-in normal forwards }
.cp-key-figures-growth .circle:first-child, .cp-key-figures-growth .date:first-child, .cp-key-figures-growth .item:first-child { -webkit-animation: opacity .4s ease-in 0s normal forwards; animation: opacity .4s ease-in 0s normal forwards }
.cp-key-figures-growth .circle:nth-child(2n), .cp-key-figures-growth .date:nth-child(2n), .cp-key-figures-growth .item:nth-child(2n) { -webkit-animation: opacity 1s ease-in 1s normal forwards; animation: opacity 1s ease-in 1s normal forwards }
.cp-key-figures-growth .circle:last-child, .cp-key-figures-growth .date:last-child, .cp-key-figures-growth .item:last-child { -webkit-animation: opacity 1s ease-in 2s normal forwards; animation: opacity 1s ease-in 2s normal forwards }
.cp-key-figures-growth .circle { border: 2px solid #008F84; background: #fff; border-radius: 100%; height: 4rem; opacity: 0; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 4rem; z-index: 20 }
.cp-key-figures-growth .circle:before { background: #008F84; border-radius: 100%; content: ""; height: 1.8rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 1.8rem }
@media (min-width:37.5em) {
.cp-key-figures-growth .circle { left: 0; top: -1.6rem }
}
.cp-key-figures-growth .circle:nth-child(2n) { top: 33.3% }
@media (min-width:37.5em) {
.cp-key-figures-growth .circle:nth-child(2n) { left: 50%; top: -1.6rem }
}
.cp-key-figures-growth .circle:last-child { border: 2px dashed #008F84; top: 66.6% }
@media (min-width:37.5em) {
.cp-key-figures-growth .circle:last-child { left: 100%; top: -1.6rem }
}
.cp-key-figures-growth .circle:last-child:before { background: #008F84; border: 2px solid #008F84 }
.cp-key-figures-growth .numbers-container { height: 100%; margin-bottom: 2rem; width: 55% }
@media (min-width:37.5em) {
.cp-key-figures-growth .numbers-container { width: 100% }
}
@media (min-width:76em) {
.cp-key-figures-growth .numbers-container { margin-bottom: 3.6rem }
}
.cp-key-figures-growth .item { color: #008F84; height: 33.33333%; opacity: 0; text-align: left }
@media (min-width:37.5em) {
.cp-key-figures-growth .item { text-align: center; margin-top: auto; width: 33.33333% }
}
.cp-key-figures-growth .item:last-child .value-container { color: #000 }
.cp-key-figures-growth .growth-container { font-family: Read-Medium, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem; margin-bottom:.8rem;
color: #000 }
.cp-key-figures-growth .value-container { display: -webkit-box; display: flex; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.7rem; line-height: 3.2rem; width: 100%; margin-top:-.7rem
}
@media (min-width:37.5em) {
.cp-key-figures-growth .value-container { align-content: flex-end; -webkit-box-pack: center; justify-content: center; margin-top: 0; font-size: 3.4rem; line-height: 3.6rem }
}
.cp-key-figures-growth .btn-yellow { width: 100% }
@media (min-width:30em) {
.cp-key-figures-growth .btn-yellow { display: table; margin: 0 auto; width: auto }
}
@-webkit-keyframes vertical-grow { 0% {
height:56%
}
to { height: 0 }
}
@keyframes vertical-grow { 0% {
height:56%
}
to { height: 0 }
}
@-webkit-keyframes horizontal-grow { 0% {
width:90%
}
to { width: 0 }
}
@keyframes horizontal-grow { 0% {
width:90%
}
to { width: 0 }
}
@keyframes opacity { 0% {
opacity:0
}
to { opacity: 1 }
}
@-webkit-keyframes color-mobile { 0% {
border-color:#fff transparent transparent
}
50% {
border-color:#deecf4 transparent transparent
}
to { border-color: #9ff0d5 transparent transparent }
}
@keyframes color-mobile { 0% {
border-color:#fff transparent transparent
}
50% {
border-color:#deecf4 transparent transparent
}
to { border-color: #9ff0d5 transparent transparent }
}
@-webkit-keyframes color-desktop { 0% {
border-color:#fff transparent transparent
}
50% {
border-color:#deecf4 transparent transparent
}
to { border-color: #c7efeb transparent transparent }
}
@keyframes color-desktop { 0% {
border-color:#fff transparent transparent
}
50% {
border-color:#deecf4 transparent transparent
}
to { border-color: #c7efeb transparent transparent }
}
.cp-chart-simple { background: #f4f4f4; padding: 5rem 0 4rem }
@media (min-width:37.5em) {
.cp-chart-simple { padding: 8rem 0 }
}
.cp-chart-simple .cp-slider-vertical-parallax .container-pagination, .cp-chart-simple .teq-container, .cp-slider-vertical-parallax .cp-chart-simple .container-pagination { max-width: calc(100% - 3rem); width: calc(100% - 3rem) }
@media (min-width:37.5em) {
.cp-chart-simple .cp-slider-vertical-parallax .container-pagination, .cp-chart-simple .teq-container, .cp-slider-vertical-parallax .cp-chart-simple .container-pagination { max-width: 100%; width: 100%; background: #f4f4f4 }
}
.cp-chart-simple h2 { font-size: 2.6rem; line-height: 2.8rem; margin: 0 0 3rem; text-align: center }
@media (min-width:37.5em) {
.cp-chart-simple h2 { font-size: 6rem; line-height: 5.8rem; margin: 0 0 4.5rem }
}
@media (min-width:76em) {
.cp-chart-simple h2 { margin: 0 0 6rem }
}
.cp-chart-simple .desktop-version { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center }
@media (min-width:37.5em) {
.cp-chart-simple .desktop-version { -webkit-box-pack: center; justify-content: center }
}
.cp-chart-simple .top-legend { margin-top: 3rem; margin-bottom: 2.4rem }
@media (min-width:60em) {
.cp-chart-simple .top-legend { margin-bottom: 4.5rem }
}
.cp-chart-simple .top-legend:not(.aos-init) { opacity: 1 }
.cp-chart-simple .top-legend .number { font-size: 3.5rem; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; line-height: 4.2rem; margin-bottom:.8rem;
color: #008F84 }
@media (min-width:60em) {
.cp-chart-simple .top-legend .number { font-size: 7.2rem; line-height: 6.3rem; margin-bottom: 1.6rem }
}
.cp-chart-simple .top-legend .label { font-size: 2.7rem; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; line-height: 3.2rem }
@media (min-width:60em) {
.cp-chart-simple .top-legend .label { font-size: 3.4rem; line-height: 4rem; margin-bottom: 1.7rem }
}
.cp-chart-simple .legend .item.-active .deco:before, .cp-chart-simple .legend .item:hover .deco:before { -webkit-animation: bounceGraphLegend 2s infinite; animation: bounceGraphLegend 2s infinite }
.cp-chart-simple .graph-legend .item { cursor: pointer; font-size: 1.6rem; line-height: 3.5rem; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin-bottom: 2rem; padding: 0 0 0 7rem; position: relative }
.cp-chart-simple .graph-legend .item:not(.aos-init) { opacity: 1 }
.cp-chart-simple .graph-legend .deco { background: currentColor; border-radius: 100%; display: block; height: 1.08rem; left: 1.7rem; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1.08rem }
.cp-chart-simple .graph-legend .deco:before { border: 2px solid; border-radius: 100%; content: ""; height: 2.4rem; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 2.4rem }
.cp-chart-simple .mobile-legend { margin-top: 2rem }
.cp-chart-simple .mobile-legend .graph-legend { background: transparent; box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; overflow: hidden; padding: 1rem 2rem; position: relative; width: 100% }
.cp-chart-simple .mobile-legend .graph-legend:before { bottom: 0; content: ""; left: 0; right: 0; top: 0; position: absolute; z-index: 2 }
.cp-chart-simple .mobile-legend .graph-legend.-open:before { display: none }
.cp-chart-simple .mobile-legend .graph-legend.-open:after { -webkit-transform: scale(1); transform: scale(1) }
.cp-chart-simple .mobile-legend .graph-legend.-open .item { height: auto; margin-bottom: 1rem; padding:.5rem 0 .5rem 6rem
}
.cp-chart-simple .mobile-legend .deco:before { height: 2.4rem; width: 2.4rem }
.cp-chart-simple .mobile-legend .item { overflow: hidden; margin-bottom: 0; -webkit-transition: height .3s; transition: height .3s; z-index: 1 }
.cp-chart-simple .mobile-legend .item.-active { height: auto; max-width: calc(100% - 8rem); -webkit-box-ordinal-group: 1; order: 0; overflow: hidden; padding:.5rem 0 .5rem 6rem;
text-overflow: ellipsis; white-space: nowrap }
.cp-chart-simple .container-graph { margin: 0 auto; max-width: 100% }
@media (min-width:37.5em) {
.cp-chart-simple .container-graph { max-width: 26.2rem }
}
@media (min-width:60em) {
.cp-chart-simple .container-graph { height: 26.2rem; min-width: 26.2rem; width: 26.2rem; margin: 0 8.6rem 0 2rem }
}
.cp-chart-simple .data-text { -webkit-transition: -webkit-transform .2s ease-in-out; transition: -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out; transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; fill: #000 }
.cp-chart-simple .data-text-value { font-size: 5rem; line-height: 7rem; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; opacity: 0 }
.cp-chart-simple .data-text-name { font-size: 1.6rem; line-height: 3.5rem; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; opacity: 0 }
.cp-chart-simple .data-text-show { -webkit-animation: fadeGraphTextIn .5s forwards; animation: fadeGraphTextIn .5s forwards }
.cp-chart-simple .data-text:hover { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
@-webkit-keyframes bounceGraphLegend { 0%, 50%, to {
border-width:3px
}
0% {
-webkit-transform:translate3d(-50%, -50%, 0) scale(1);
transform:translate3d(-50%, -50%, 0) scale(1);
filter:alpha(enabled=false);
opacity:1
}
50% {
-webkit-transform:translate3d(-50%, -50%, 0) scale(1.15);
transform:translate3d(-50%, -50%, 0) scale(1.15);
filter:alpha(Opacity=60);
opacity:.6
}
to { -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1); filter: alpha(enabled=false); opacity: 1 }
}
@keyframes bounceGraphLegend { 0%, 50%, to {
border-width:3px
}
0% {
-webkit-transform:translate3d(-50%, -50%, 0) scale(1);
transform:translate3d(-50%, -50%, 0) scale(1);
filter:alpha(enabled=false);
opacity:1
}
50% {
-webkit-transform:translate3d(-50%, -50%, 0) scale(1.15);
transform:translate3d(-50%, -50%, 0) scale(1.15);
filter:alpha(Opacity=60);
opacity:.6
}
to { -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1); filter: alpha(enabled=false); opacity: 1 }
}
@-webkit-keyframes fadeGraphTextIn { 0% {
opacity:0
}
to { opacity: 1 }
}
@keyframes fadeGraphTextIn { 0% {
opacity:0
}
to { opacity: 1 }
}
@media (min-width:37.5em) {
.cp-chart-with-image .dflex { display: -webkit-box; display: flex }
}
@media (min-width:37.5em) {
.cp-chart-with-image .desktop-version { margin: 0 0 0 4.16667%; width: 62.5% }
}
@media (min-width:60em) {
.cp-chart-with-image .container-graph { margin: 0 2rem; min-width: 28rem }
}
@media (min-width:76em) {
.cp-chart-with-image .container-graph { min-width: 41rem }
}
.cp-chart-with-image .container-images { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; position: relative }
@media (min-width:37.5em) {
.cp-chart-with-image .container-images { margin: 0 2rem 0 0; width: 50% }
}
@media (min-width:60em) {
.cp-chart-with-image .container-images { margin: 0; width: 33.33333% }
}
.cp-chart-with-image .-illust-1, .cp-chart-with-image .-illust-2 { overflow: hidden; position: relative; width: 72% }
.cp-chart-with-image .-illust-1:before, .cp-chart-with-image .-illust-2:before { display: block; content: ""; width: 100%; padding-top: 100% }
.cp-chart-with-image .-illust-1>.-content, .cp-chart-with-image .-illust-2>.-content { color: #fff; font-family: Helvetica Neue LT W05_47 Lt Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.6rem; left: 0; line-height: 3rem; position: absolute; right: 0; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; z-index: 1 }
.cp-chart-with-image .-illust-1>.-content span, .cp-chart-with-image .-illust-2>.-content span { display: block; font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 6rem; line-height: 6rem }
.cp-chart-with-image .-illust-1 img, .cp-chart-with-image .-illust-2 img { font-family: "object-fit: cover;"; height: 100%; left: 0; position: absolute; -o-object-fit: cover; object-fit: cover; top: 0; width: 100%; Z-index: 0 }
.cp-chart-with-image .-illust-2 { align-self: flex-end; top: -6rem }
.cp-key-figures-mosaic { margin: 6rem 0 }
@media (min-width:37.5em) {
.cp-key-figures-mosaic { margin: 8rem 0 }
}
@media (min-width:37.5em) {
.cp-key-figures-mosaic .-list, .cp-key-figures-mosaic .cp-slider-vertical-parallax .container-pagination, .cp-key-figures-mosaic .teq-container, .cp-slider-vertical-parallax .cp-key-figures-mosaic .container-pagination { display: -webkit-box; display: flex; flex-wrap: wrap }
.cp-key-figures-mosaic .-list { width: 100%; clear: both }
}
.cp-key-figures-mosaic h2 { font-size: 3rem; line-height: 3.5rem; margin: 0 0 3rem; text-align: center; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:37.5em) {
.cp-key-figures-mosaic h2 { font-size: 4.8rem; line-height: 4.6rem; max-width: 34.8rem; margin: 0 11rem 4.5rem 0; text-align: left }
}
.cp-key-figures-mosaic .-subtitle { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem; margin-bottom: 3rem; text-align: center }
@media (min-width:37.5em) {
.cp-key-figures-mosaic .-subtitle { text-align: right; margin-bottom: 0; width: calc(100% - 46.4rem) }
}
.cp-key-figures-mosaic .item { box-sizing: border-box; margin-bottom: 2.4rem; width: 100% }
@media (min-width:37.5em) {
.cp-key-figures-mosaic .item { margin: 0 1rem 2rem; overflow: hidden; position: relative; width: calc(50% - 2rem) }
.cp-key-figures-mosaic .item:before { display: block; content: ""; width: 100%; padding-top: 112.8205128205% }
}
@media (min-width:60em) {
.cp-key-figures-mosaic .item { width: calc(33.3% - 1.5rem) }
.cp-key-figures-mosaic .item:nth-child(3) { margin-left: 0 }
.cp-key-figures-mosaic .item:last-child, .cp-key-figures-mosaic .item:nth-child(2) { margin-right: 0 }
}
.cp-key-figures-mosaic .slider-item { box-sizing: border-box; margin-bottom: 10px; width: 100% }
@media (min-width:37.5em) {
.cp-key-figures-mosaic .slider-item { margin: 0 10px 2rem 0; overflow: hidden; position: relative }
}
@media (min-width:60em) {
.cp-key-figures-mosaic .slider-item { width: calc(66.6% - 10px) }
}
.cp-key-figures-mosaic .wrapper { position: relative }
.cp-key-figures-mosaic .wrapper:before { display: block; content: ""; width: 100%; padding-top: 55.6962025316% }
.cp-key-figures-mosaic .divider { bottom: 0; height: 100%; overflow: hidden; position: absolute; right: 0; width: 100%; -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; left: 0; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.cp-key-figures-mosaic .divider img { pointer-events: none }
@media (min-width:37.5em) {
.cp-key-figures-mosaic .divider img { height: 100% }
}
@media (min-width:37.5em) {
.cp-key-figures-mosaic .divider { height: 39.6rem }
.cp-key-figures-mosaic .divider .number { right: 3.2rem; bottom: 3.2rem }
}
.cp-key-figures-mosaic .illust { box-sizing: border-box; overflow: hidden; position: relative; width: 100% }
@media (min-width:37.5em) {
.cp-key-figures-mosaic .illust { height: 100%; position: absolute; top: 0; left: 0; bottom: 0; width: 100% }
}
.cp-key-figures-mosaic .illust:before { content: ""; display: block; width: 100%; padding-top: 55.1724137931% }
@media (min-width:37.5em) {
.cp-key-figures-mosaic .illust:before { content: none; padding-top: 0 }
}
.cp-key-figures-mosaic .illust img { display: block; font-family: "object-fit: cover;  object-position: center center;"; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; height: 100%; left: 0; right: 0; top: 0; position: absolute; width: 100% }
.cp-key-figures-mosaic .number { color: #fff; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 5rem; line-height: 5rem; left: 2rem; position: absolute; top: 1rem; z-index: 20 }
@media (min-width:37.5em) {
.cp-key-figures-mosaic .number { bottom: 4rem; font-size: 7.2rem; line-height: 6.3rem; left: auto; right: 4rem; top: auto }
}
.cp-key-figures-mosaic .content { background: #f4f4f4; box-sizing: border-box; color: #171F4A; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; padding: 2rem; width: 100% }
@media (min-width:37.5em) {
.cp-key-figures-mosaic .content { background: none; color: #fff; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; left: 0; position: absolute; top: 0; padding: 3.2rem }
}
.cp-key-figures-mosaic .car-name { font-family: Renault-Light, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.6rem; -webkit-box-ordinal-group: 2; order: 1 }
@media (min-width:37.5em) {
.cp-key-figures-mosaic .car-name { font-size: 3.4rem; line-height: 3.4rem; -webkit-box-ordinal-group: 3; order: 2 }
}
.cp-key-figures-mosaic .sales-record { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.6rem; -webkit-box-ordinal-group: 3; order: 2; margin-top:-.1rem
}
@media (min-width:37.5em) {
.cp-key-figures-mosaic .sales-record { font-size: 4.8rem; line-height: 4.6rem; -webkit-box-ordinal-group: 2; order: 1; margin-top: 0 }
}
.cp-key-figures-mosaic .btn-yellow { margin: 2rem auto 0; width: 100%; padding: 0 2rem; font-size: 1.5rem }
@media (min-width:30em) {
.cp-key-figures-mosaic .btn-yellow { display: table; width: auto }
}
@media (min-width:37.5em) {
.cp-key-figures-mosaic .btn-yellow { font-size: 1.6rem }
}
.cp-key-figures-mosaic .top-image { display: block; height: 100%; max-width: none; width: auto!important }
.cp-key-figures-mosaic .beforeImage { height: 100%; left: 0; overflow: hidden; pointer-events: none; position: absolute; top: 0; width: 50% }
.cp-key-figures-mosaic .handle { display: none; border-radius: 50%; background-color: #202224; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Mode Isolation' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 138.58 49.88'%3E%3Cpath d='M28.48 49.88A237.17 237.17 0 010 27.74v-5.6A237.17 237.17 0 0128.48-.03l3.1 4.43A230.58 230.58 0 005.02 24.97a230.58 230.58 0 0026.56 20.51zM110.1 49.88a237.17 237.17 0 0028.48-22.14v-5.6A237.17 237.17 0 00110.1-.03L107 4.4a229.72 229.72 0 0126.56 20.57A229.72 229.72 0 01107 45.48z' fill='%23fff'/%3E%3C/svg%3E"); background-position: 50%; background-repeat: no-repeat; background-size: 4.2rem; height: 8rem; opacity: .8; -webkit-transition: opacity .3s; transition: opacity .3s; width: 8rem }
.cp-key-figures-mosaic .handle, .cp-key-figures-mosaic .handle:before { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.cp-key-figures-mosaic .handle:before { border: 1px solid #2e2e2e; border-radius: 50%; content: ""; height: 7rem; opacity: 0; width: 7rem; z-index: 10 }
.cp-key-figures-mosaic .handle:hover { background-color: #030303 }
.cp-key-figures-mosaic .handle:hover:before { opacity: 1 }
.cp-key-figures-mosaic .handle:hover { opacity: 1; -webkit-transition: opacity .3s; transition: opacity .3s }
.cp-key-figures-mosaic .handle:active { opacity: .2; -webkit-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2) }
.cp-map-with-pins { margin: 6rem 0 }
@media (min-width:37.5em) {
.cp-map-with-pins { margin: 12rem 0 }
}
.cp-map-with-pins h2 { font-size: 2.6rem; line-height: 2.8rem; margin: 0 0 3rem; text-align: center }
@media (min-width:37.5em) {
.cp-map-with-pins h2 { font-size: 6rem; line-height: 5.8rem; margin: 0 0 4.5rem }
}
@media (min-width:76em) {
.cp-map-with-pins h2 { margin: 0 0 9rem }
}
.cp-map-with-pins .-subtitle { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.6rem; margin-bottom: 3rem; text-align: center }
@media (min-width:37.5em) {
.cp-map-with-pins .-subtitle { font-size: 2.6rem; line-height: 3.6rem; margin-bottom: 5rem }
}
@media (min-width:76em) {
.cp-map-with-pins .-subtitle { margin: 0 auto 5rem; width: 66.66667% }
}
.cp-map-with-pins .label { color: #171F4A; font-size: 2.6rem; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; line-height: 2.6rem; text-transform: uppercase }
@media (min-width:60em) {
.cp-map-with-pins .label { font-size: 3rem; line-height: 3rem }
}
.cp-map-with-pins .numbers { color: #171F4A; font-size: 1.6rem; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; line-height: 3rem }
@media (min-width:60em) {
.cp-map-with-pins .numbers { font-size: 2rem }
}
.cp-map-with-pins .separator { background: #ccc; display: inline-block; height: 1.2rem; margin:0 .5rem;
width:.1rem
}
.cp-map-with-pins .container-svg { margin: 0 auto; position: relative }
@media (min-width:37.5em) {
.cp-map-with-pins .container-svg { width: 83.33333% }
}
@media (min-width:76em) {
.cp-map-with-pins .container-svg { height: 60rem }
}
.cp-map-with-pins .pin { opacity: 0; pointer-events: none; position: absolute; -webkit-transform:translate(-1.2rem, -.6rem);
transform:translate(-1.2rem, -.6rem)
}
@media (min-width:60em) {
.cp-map-with-pins .pin { pointer-events: inherit; opacity: 1; -webkit-transform:translate(-1.2rem, -.6rem);
transform:translate(-1.2rem, -.6rem)
}
}
.cp-map-with-pins .pin .deco { background: #171F4A; border: 2px solid transparent; border-radius: 100%; display: block; height:.8rem;
left: 1.2rem; width:.8rem
}
.cp-map-with-pins .pin .deco, .cp-map-with-pins .pin .deco:before { position: absolute; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) }
.cp-map-with-pins .pin .deco:before { background: rgba(0,0,0,.1); border: 2px solid #171F4A; border-radius: 100%; content: ""; height: 2.5rem; left: 50%; width: 2.5rem }
@media (max-width:60em) {
.cp-map-with-pins .pin.-active-mobile { opacity: 1 }
.cp-map-with-pins .pin.-active-mobile .deco:before { -webkit-animation: bounceGraphLegend 2s infinite; animation: bounceGraphLegend 2s infinite }
}
.cp-map-with-pins .pin.-active { opacity: 1 }
.cp-map-with-pins .pin.-active .deco:before, .cp-map-with-pins .pin:hover .deco:before { -webkit-animation: bounceGraphLegend 2s infinite; animation: bounceGraphLegend 2s infinite }
.cp-map-with-pins .tooltip { background: #fff; box-shadow: 0 10px 64px 16px rgba(0,0,0,.07); box-sizing: border-box; height: 11rem; opacity: 0; padding: 3rem 2rem; pointer-events: none; position: absolute; text-align: center; -webkit-transition: .6s; transition: .6s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 20rem; z-index: 50 }
@media (min-width:60em) {
.cp-map-with-pins .tooltip { -webkit-transform: translate(calc(-50% + 1.2rem), -50%); transform: translate(calc(-50% + 1.2rem), -50%) }
}
.cp-map-with-pins .tooltip:before { border-color: #fff transparent transparent; border-style: solid; border-width: 11px 8.5px 0; bottom: -1rem; content: ""; height: 0; position: absolute; left: 50%; width: 0 }
.cp-map-with-pins .tooltip.-active { opacity: 1 }
.cp-map-with-pins .tooltip .close { color: #171F4A; display: none; height: 1.5rem; pointer-events: auto; position: absolute; right:.8rem;
top:.8rem;
width: 1.5rem }
.cp-map-with-pins .tooltip .close:before { font-size: 1.5rem }
.touchevents .cp-map-with-pins .tooltip .close { display: block }
.cp-map-with-pins .pin-belgique { left: 48.48485%; top: 32.96703% }
.cp-map-with-pins .tooltip-belgique { left: 46.16162%; height: 15rem; top: 16.48352% }
.cp-map-with-pins .pin-inde { left: 68.68687%; top: 49.45055% }
.cp-map-with-pins .tooltip-inde { left: 66.66667%; top: 34.79853% }
.cp-map-with-pins .pin-russie { left: 70.70707%; top: 23.80952% }
.cp-map-with-pins .tooltip-russie { left: 68.68687%; top: 9.15751% }
.cp-map-with-pins .pin-argentine { left: 27.27273%; top: 78.75458% }
.cp-map-with-pins .tooltip-argentine { left: 25.25253%; top: 64.10256% }
.cp-map-with-pins .pin-bresil { left: 33.33333%; top: 65.93407% }
.cp-map-with-pins .tooltip-bresil { left: 31.31313%; top: 51.28205% }
.cp-map-with-pins .pin-france { left: 47.47475%; top: 34.79853% }
.cp-map-with-pins .tooltip-france { left: 45.45455%; top: 20.14652% }
.cp-map-with-pins .pin-turquie { left: 55.55556%; top: 38.46154% }
.cp-map-with-pins .tooltip-turquie { left: 53.53535%; top: 23.80952% }
.cp-map-with-pins .pin-allemagne { left: 50%; top: 30.21978% }
.cp-map-with-pins .tooltip-allemagne { left: 47.9798%; top: 15.56777% }
.cp-map-with-pins .pin-iran { left: 61.61616%; top: 43.04029% }
.cp-map-with-pins .tooltip-iran { left: 59.59596%; top: 28.38828% }
.cp-map-with-pins .pin-italie { left: 50.50505%; top: 36.63004% }
.cp-map-with-pins .tooltip-italie { left: 48.48485%; top: 21.97802% }
.cp-map-with-pins .pin-espagne { left: 46.26263%; top: 38.46154% }
.cp-map-with-pins .tooltip-espagne { left: 44.24242%; top: 23.80952% }
.cp-map-with-pins .pin-royaume-uni { left: 45.9596%; top: 29.30403% }
.cp-map-with-pins .tooltip-royaume-uni { left: 43.93939%; top: 14.65201% }
.cp-map-with-pins .pin-chine { left: 77.77778%; top: 43.95604% }
.cp-map-with-pins .tooltip-chine { left: 75.75758%; top: 29.30403% }
.cp-map-with-pins .container-legend { -webkit-box-pack: start; justify-content: flex-start; background: #f4f4f4; box-sizing: border-box; display: -webkit-box; display: flex; max-height: 8.6rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; overflow: hidden; padding: 1rem 2rem; position: relative; width: 100% }
@media (min-width:60em) {
.cp-map-with-pins .container-legend { display: none }
}
.cp-map-with-pins .container-legend:before { bottom: 0; content: ""; left: 0; right: 0; top: 0; position: absolute; z-index: 2 }
.cp-map-with-pins .container-legend:after { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: #171F4A; font-size: 1.7rem; position: absolute; right: 2.4rem; -webkit-transform: scale(-1); transform: scale(-1); top: 3.6rem }
.cp-map-with-pins .container-legend.-open { max-height: none }
.cp-map-with-pins .container-legend.-open:before { display: none }
.cp-map-with-pins .container-legend.-open:after { -webkit-transform: scale(1); transform: scale(1) }
.cp-map-with-pins .container-legend.-open .legend { opacity: 1; z-index: 2 }
.cp-map-with-pins .legend { opacity: 0; -webkit-transition: .1s; transition: .1s; -webkit-box-ordinal-group: 2; order: 1; margin-bottom: 1rem; padding:.5rem 0 .5rem 6rem;
pointer-events: all; position: relative; z-index: 1 }
.cp-map-with-pins .legend.-active { -webkit-box-ordinal-group: 1; order: 0; opacity: 1 }
.cp-map-with-pins .legend:before { background: #171F4A; border: 2px solid #171F4A; border-radius: 100%; display: block; height: 1rem; left: 1.2rem; width: 1rem }
.cp-map-with-pins .legend:after, .cp-map-with-pins .legend:before { content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.cp-map-with-pins .legend:after { border: 1px solid #171F4A; border-radius: 100%; height: 3.5rem; left: 0; width: 3.5rem }
.cp-slider-with-overlay { margin-bottom: 4rem; width: 100% }
@media (min-width:37.5em) {
.cp-slider-with-overlay { max-height: 80rem; height: calc(100vh - 5rem); margin-bottom: 12rem; width: 100% }
}
@media (min-width:60em) {
.cp-slider-with-overlay { max-height: 70rem; margin-bottom: 22rem }
}
@media (max-height:25em) {
.cp-slider-with-overlay { max-height: none; height: auto }
}
@media (min-width:60em) {
.cp-slider-with-overlay .flex-container { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; height: 100% }
}
.cp-slider-with-overlay .content { align-content: center; background: #f0f0ef; box-sizing: border-box; margin: 0 auto; padding: 1.5rem 2rem; position: relative; width: 100% }
@media (min-width:60em) {
.cp-slider-with-overlay .content { display: -webkit-box; display: flex; flex-wrap: wrap; height: 100%; padding: 10rem 7rem; width: 50% }
.cp-slider-with-overlay .content:before { background: #f0f0ef; content: ""; height: 100%; position: absolute; right: -50%; top: 0; width: 50% }
}
@media (min-width:76em) {
.cp-slider-with-overlay .content { width: 30% }
}
.cp-slider-with-overlay h3 { color: #171F4A; text-align: center }
@media (min-width:37.5em) {
.cp-slider-with-overlay h3 {
margin-bottom:.8rem; text-align: left; width: 100% }
}
.cp-slider-with-overlay h4 { color: #fff; font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; line-height: 2.2rem }
@media (min-width:37.5em) {
.cp-slider-with-overlay h4 { font-size: 3rem; line-height: 3.4rem }
}
.cp-slider-with-overlay .text { display: block; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem; text-align: center }
@media (min-width:37.5em) {
.cp-slider-with-overlay .text { margin-bottom: 5rem; text-align: left; width: 100% }
}
.cp-slider-with-overlay .swiper-overlay-btn-next, .cp-slider-with-overlay .swiper-overlay-btn-prev { background: #fff; border-radius: 50%; cursor: pointer; display: none; height: 6rem; position: relative; width: 6rem; z-index: 1 }
@media (min-width:60em) {
.cp-slider-with-overlay .swiper-overlay-btn-next, .cp-slider-with-overlay .swiper-overlay-btn-prev { display: block }
.cp-slider-with-overlay .swiper-overlay-btn-next.swiper-button-lock, .cp-slider-with-overlay .swiper-overlay-btn-prev.swiper-button-lock { display: none }
}
.cp-slider-with-overlay .swiper-overlay-btn-next:before, .cp-slider-with-overlay .swiper-overlay-btn-prev:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: #171F4A; font-size: 1.2rem; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.cp-slider-with-overlay .swiper-overlay-btn-next:active, .cp-slider-with-overlay .swiper-overlay-btn-next:focus, .cp-slider-with-overlay .swiper-overlay-btn-prev:active, .cp-slider-with-overlay .swiper-overlay-btn-prev:focus { outline: none }
.cp-slider-with-overlay .swiper-overlay-btn-next.swiper-button-disabled:before, .cp-slider-with-overlay .swiper-overlay-btn-prev.swiper-button-disabled:before { color: #ccc }
.cp-slider-with-overlay .swiper-overlay-btn-prev { margin-right: 1.5rem; -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.cp-slider-with-overlay .title { color: #fff; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2rem; margin-bottom: 1.6rem; text-align: center }
@media (min-width:37.5em) {
.cp-slider-with-overlay .title { font-size: 2.3rem; line-height: 2.6rem; margin-bottom: 2.4rem; text-align: left }
}
.cp-slider-with-overlay .swiper-container { height: 100% }
.cp-slider-with-overlay .swiper-wrapper { height: 46.5rem; margin-left: 1.5rem }
@media (min-width:37.5em) {
.cp-slider-with-overlay .swiper-wrapper { height: 100%; margin-left: 0 }
}
.cp-slider-with-overlay .swiper-slide { cursor: pointer; height: 100%; margin-right: 1rem; position: relative; width: calc(100% - 4.3rem) }
@media (min-width:37.5em) {
.cp-slider-with-overlay .swiper-slide { margin-right: 0; width: 33.3% }
}
@media (min-width:60em) {
.cp-slider-with-overlay .swiper-slide { width: 50% }
}
@media (min-width:76em) {
.cp-slider-with-overlay .swiper-slide { width: 33.3% }
}
.cp-slider-with-overlay .swiper-slide:before { background: rgba(0,0,0,.14); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2 }
.cp-slider-with-overlay .title-container { display: block; left: 50%; position: absolute; text-align: center; top: 40%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 5; width: 100%; max-width: calc(100% - 4.8rem); margin: 0 auto }
.cp-slider-with-overlay .title-container:hover { text-decoration: none }
.cp-slider-with-overlay .illust-overlay, .cp-slider-with-overlay .illust-slide { height: 100%; font-family: "object-fit: cover"; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; width: 100% }
.cp-slider-with-overlay .overlay-swiper-container { height: 46rem; position: relative; width: 100% }
@media (min-width:60em) {
.cp-slider-with-overlay .overlay-swiper-container { height: calc(100% - 10rem); width: 50% }
}
@media (min-width:76em) {
.cp-slider-with-overlay .overlay-swiper-container { width: 70% }
}
.cp-slider-with-overlay .overlay-container { bottom: 0; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; -webkit-transition: .6s; transition: .6s; z-index: 35 }
@media (min-width:60em) {
.cp-slider-with-overlay .overlay-container { bottom: -5rem; height: auto; left: -50vw; top: -5rem; width: 100vw }
}
@media (min-width:76em) {
.cp-slider-with-overlay .overlay-container { left: -30vw }
}
.cp-slider-with-overlay .overlay-text { font-family: Helvetica Neue LT W05_47 Lt Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; line-height: 2.4rem; overflow: hidden; text-align: left }
.cp-slider-with-overlay .overlay-text strong { color: #fff }
.cp-slider-with-overlay .close-btn { background: #171F4A; border-radius: 50%; cursor: pointer; height: 5rem; opacity: 0; pointer-events: auto; position: absolute; right: 2.2rem; top: 3rem; -webkit-transition: .4s; transition: .4s; width: 5rem; z-index: 40 }
@media (min-width:37.5em) {
.cp-slider-with-overlay .close-btn { right: 4rem; top: 4rem }
}
@media (min-width:60em) {
.cp-slider-with-overlay .close-btn { background: rgba(0,0,0,.6) }
}
.cp-slider-with-overlay .close-btn:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: #fff; font-size: 2.8rem; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 30 }
.cp-slider-with-overlay .close-btn:hover { -webkit-transform: scale(1.1); transform: scale(1.1) }
.cp-slider-with-overlay .ps__rail-y { background-color: #d3d3d3; margin: 3rem 0; opacity: 0!important; right: 0; width: 2px }
.cp-slider-with-overlay .ps__rail-y:hover { width: 11px }
.cp-slider-with-overlay .ps__rail-y:hover .ps__thumb-y { width: 11px!important }
.cp-slider-with-overlay .ps__thumb-y { background-color: #000!important; opacity: 0!important; right: 0; top: 0; width: 2px!important }
.cp-slider-with-overlay .ps__thumb-y:hover { width: 11px!important }
.cp-slider-with-overlay .overlay-container.-overlay-active { opacity: 1; pointer-events: auto }
.cp-slider-with-overlay .overlay-container.-overlay-active .close-btn { opacity: 1 }
.cp-slider-with-overlay .overlay-container.-overlay-active .ps__rail-y, .cp-slider-with-overlay .overlay-container.-overlay-active .ps__thumb-y { opacity: 1!important }
.cp-slider-with-overlay .overlay { box-sizing: border-box; display: none; height:calc(100% - .1rem);
overflow: hidden; padding: 12rem 1.5rem 5rem; -webkit-transition: .8s; transition: .8s; z-index: 30 }
@media (min-width:37.5em) {
.cp-slider-with-overlay .overlay { padding: 3rem 10rem }
}
@media (min-width:76em) {
.cp-slider-with-overlay .overlay { padding: 6rem 20rem }
}
.cp-slider-with-overlay .overlay.-active { display: block }
.cp-slider-with-overlay .overlay:before { content: ""; height: 100%; background: -webkit-linear-gradient(top, #000, transparent); position: absolute; left: 0; top: 0; width: 100%; z-index: 20 }
@media (min-width:60em) {
.cp-slider-with-overlay .overlay:before { background: -webkit-linear-gradient(left, #000, transparent 73%, transparent) }
}
.cp-slider-with-overlay .overlay-content { box-sizing: border-box; color: #fff; height: 100%; overflow: hidden; padding-right: 3rem; position: relative; text-align: left; width: calc(100% - 1px); z-index: 25 }
@media (min-width:37.5em) {
.cp-slider-with-overlay .overlay-content { width: 50% }
}
@media (min-width:76em) {
.cp-slider-with-overlay .overlay-content { width: 33% }
}
.cp-slider-with-overlay .deco { -webkit-backface-visibility: hidden; backface-visibility: hidden; display: block; height: 6rem; margin: 0 auto 1.5rem; opacity: 1; position: relative; -webkit-transition: .1s; transition: .1s; width: 6rem; text-align: center; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-perspective: 1000px; perspective: 1000px }
@media (min-width:47.5em) {
.cp-slider-with-overlay .deco { top: 50% }
}
.cp-slider-with-overlay .deco i { background: hsla(0,0%,100%,.8); border: 1px solid #fff; border-radius: 100%; height: 2.2rem; left: 50%; position: absolute; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0) scale(.5); transform: translate3d(-50%, -50%, 0) scale(.5); -webkit-transition: .4s; transition: .4s; width: 2.2rem; -webkit-perspective: 1000px; perspective: 1000px }
.cp-slider-with-overlay .deco:before { border: 1px solid hsla(0,0%,100%,.3); border-radius: 100%; height: 4rem; width: 4rem }
.cp-slider-with-overlay .deco:after, .cp-slider-with-overlay .deco:before { -webkit-backface-visibility: hidden; backface-visibility: hidden; content: ""; left: 50%; position: absolute; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0) scale(.75); transform: translate3d(-50%, -50%, 0) scale(.75); -webkit-transition: .4s; transition: .4s; -webkit-perspective: 1000px; perspective: 1000px }
.cp-slider-with-overlay .deco:after { border: 1px solid hsla(0,0%,100%,.1); border-radius: 100%; height: 6rem; width: 6rem }
.cp-slider-with-overlay .swiper-slide:hover .deco { -webkit-transform: translateZ(0); transform: translateZ(0) }
.cp-slider-with-overlay .swiper-slide:hover .deco i { background: #fff; -webkit-animation: scalepulse 1.3s linear 0s infinite both; animation: scalepulse 1.3s linear 0s infinite both; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1) }
.cp-slider-with-overlay .swiper-slide:hover .deco:before { -webkit-animation: scalepulse 1.3s linear .3s infinite both; animation: scalepulse 1.3s linear .3s infinite both; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1) }
.cp-slider-with-overlay .swiper-slide:hover .deco:after { -webkit-animation: scalepulse 1.3s linear .15s infinite both; animation: scalepulse 1.3s linear .15s infinite both; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1) }
.cp-images-accordion { background: #444; margin: 6rem 0; position: relative }
@media (min-width:37.5em) {
.cp-images-accordion { margin: 8rem 0 }
}
@media (min-width:60em) {
.cp-images-accordion { max-height: 80rem; height: calc(100vh - 8.2rem) }
}
.cp-images-accordion .-illust, .cp-images-accordion .-illust:before { bottom: 0; left: 0; position: absolute; right: 0; top: 0 }
.cp-images-accordion .-illust:before { background: rgba(0,0,0,.5); content: ""; opacity: 0; z-index: 1 }
@media (min-width:60em) {
.cp-images-accordion .-illust:before { opacity: 1 }
}
.cp-images-accordion .-illust>img { display: block; font-family: "object-fit: cover;"; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; -webkit-transition: .6s; transition: .6s; z-index: 0 }
.cp-images-accordion .-illust>img.-desactivate { opacity: 0 }
.cp-images-accordion .-illust picture { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: .6s; transition: .6s; z-index: 0 }
.cp-images-accordion .-illust picture img { font-family: "object-fit: cover;"; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% }
.cp-images-accordion .-illust picture.-active { opacity: 1 }
.cp-images-accordion .-slider { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; position: relative; z-index: 3 }
@media (min-width:60em) {
.cp-images-accordion .-slider { height: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; left: 0; position: absolute; top: 0; width: 100% }
}
.cp-images-accordion .-slide { border-top: 1px solid #fff; -webkit-box-flex: 1; flex: 1; min-width: 0; overflow: hidden; position: relative; -webkit-transition: .5s; transition: .5s }
@media (min-width:60em) {
.cp-images-accordion .-slide { border-top: 0; border-left: 1px solid #fff }
}
.cp-images-accordion .-slide:first-child { border-top: 1px solid #fff }
@media (min-width:60em) {
.cp-images-accordion .-slide:first-child { border-top: 0; border-left: 1px solid #fff }
}
.cp-images-accordion .-slide .-title { -webkit-box-align: center; align-items: center; box-sizing: border-box; color: #fff; cursor: pointer; display: -webkit-box; display: flex; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; -webkit-box-flex: 1; flex: 1; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; height: 12rem; -webkit-box-pack: justify; justify-content: space-between; line-height: 2.4rem; padding: 0 2rem 0 7.6rem; text-align: left; text-decoration: none; -webkit-transition: .5s; transition: .5s }
@media (min-width:60em) {
.cp-images-accordion .-slide .-title { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 100%; -webkit-box-pack: start; justify-content: flex-start; padding: 0 2.8rem; text-align: center; font-size: 2.3rem; line-height: 2.6rem }
}
.cp-images-accordion .-slide .-title:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; -webkit-transform: scale(-1); transform: scale(-1); font-size: 1.6rem }
@media (min-width:60em) {
.cp-images-accordion .-slide .-title:before { display: none }
}
.cp-images-accordion .-slide .-title h3 { margin: 0; position: relative; width: 100%; font-size: 2rem }
@media (min-width:60em) {
.cp-images-accordion .-slide .-title h3 { top: calc(100% - 8rem); text-align: center; font-size: 2.3rem; line-height: 2.6rem }
}
.cp-images-accordion .-slide .deco { -webkit-backface-visibility: hidden; backface-visibility: hidden; display: block; height: 4rem; opacity: 1; -webkit-perspective: 1000px; perspective: 1000px; position: relative; -webkit-transition: .1s; transition: .1s; -webkit-transform: translateZ(0); transform: translateZ(0); width: 4rem; position: absolute; left: 2rem }
@media (min-width:60em) {
.cp-images-accordion .-slide .deco { left: inherit; width: 6rem; height: 6rem; top: calc(100% - 18.2rem) }
}
.cp-images-accordion .-slide .deco i { background: hsla(0,0%,100%,.8); border: 1px solid #fff; border-radius: 100%; height: 1.8rem; left: 50%; -webkit-perspective: 1000px; perspective: 1000px; position: absolute; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0) scale(.5); transform: translate3d(-50%, -50%, 0) scale(.5); -webkit-transition: .4s; transition: .4s; width: 1.8rem }
@media (min-width:60em) {
.cp-images-accordion .-slide .deco i { height: 2.2rem; width: 2.2rem }
}
.cp-images-accordion .-slide .deco:before { -webkit-backface-visibility: hidden; backface-visibility: hidden; border: 2.5px solid #fff; border-radius: 100%; content: ""; height: 4rem; left: 50%; position: absolute; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0) scale(.75); transform: translate3d(-50%, -50%, 0) scale(.75); -webkit-transition: .4s; transition: .4s; width: 4rem; -webkit-perspective: 1000px; perspective: 1000px }
@media (min-width:60em) {
.cp-images-accordion .-slide .deco:before { height: 4.84rem; width: 4.84rem }
}
.cp-images-accordion .-slide .deco:after { -webkit-backface-visibility: hidden; backface-visibility: hidden; border: 2.5px solid #fff; border-radius: 100%; content: ""; height: 4rem; left: 50%; position: absolute; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0) scale(.75); transform: translate3d(-50%, -50%, 0) scale(.75); -webkit-transition: .4s; transition: .4s; width: 4rem; -webkit-perspective: 1000px; perspective: 1000px }
.cp-images-accordion .-slide h3 { color: #fff }
.cp-images-accordion .-slide .-container-content { align-self: center; box-sizing: border-box; color: #fff; display: none; padding: 3.2rem 2rem 4rem }
@media (min-width:60em) {
.cp-images-accordion .-slide .-container-content { padding: 0 5rem }
}
@media (min-width:76em) {
.cp-images-accordion .-slide .-container-content { padding: 0 9rem }
}
@media (min-width:84.5em) {
.cp-images-accordion .-slide .-container-content { padding: 0 12rem }
}
@media (min-width:105em) {
.cp-images-accordion .-slide .-container-content { padding: 0 15rem }
}
.cp-images-accordion .-slide .-content { opacity: 0; -webkit-transition: opacity .6s; transition: opacity .6s; width: 100%; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem }
@media (min-width:60em) {
.cp-images-accordion .-slide .-content { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 60rem }
}
@media (min-width:76em) {
.cp-images-accordion .-slide .-content { width: 65rem }
}
@media (min-width:84.5em) {
.cp-images-accordion .-slide .-content { width: 68rem }
}
@media (min-width:105em) {
.cp-images-accordion .-slide .-content { width: 80rem }
}
.cp-images-accordion .-slide h4 { color: #fff; font-size: 2.7rem; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; line-height: 3.2rem; margin: 0 0 2.4rem }
@media (min-width:60em) {
.cp-images-accordion .-slide h4 { line-height: 3.6rem; font-size: 3.4rem }
}
.cp-images-accordion .-slide p { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin: 0 0 3rem }
.cp-images-accordion .-slide .btn-close { background: #fff; border-radius: 100%; cursor: pointer; height: 2rem; opacity: 0; pointer-events: none; position: absolute; right: 0; top: 0; -webkit-transition: opacity .2s; transition: opacity .2s; width: 2rem; z-index: 5; color: #171F4A; top: 5px; right: 5px }
@media (min-width:60em) {
.cp-images-accordion .-slide .btn-close { right: 4rem; top: 4rem; height: 4.8rem; width: 4.8rem }
}
.cp-images-accordion .-slide .btn-close:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: #171F4A; display: block; font-size: 1.2rem; height: 2rem; line-height: 2rem; text-align: center }
@media (min-width:60em) {
.cp-images-accordion .-slide .btn-close:before { font-size: 2.6rem; height: 4.8rem; line-height: 4.8rem }
}
.no-touchevents .cp-images-accordion .-slide.is-hover .-title .deco { -webkit-transform: translateZ(0); transform: translateZ(0) }
.no-touchevents .cp-images-accordion .-slide.is-hover .-title .deco i { background: #fff; -webkit-animation: scalepulse 1.3s linear 0s infinite both; animation: scalepulse 1.3s linear 0s infinite both; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1) }
.no-touchevents .cp-images-accordion .-slide.is-hover .-title .deco:before { -webkit-animation: scalepulse 1.3s linear .3s infinite both; animation: scalepulse 1.3s linear .3s infinite both; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1) }
.no-touchevents .cp-images-accordion .-slide.is-hover .-title .deco:after { -webkit-animation: scalepulse 1.3s linear .15s infinite both; animation: scalepulse 1.3s linear .15s infinite both; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1) }
@media (min-width:60em) {
.cp-images-accordion.tab-is-open .-title .deco { opacity: 0 }
}
@media (min-width:60em) {
.cp-images-accordion.tab-is-open .-title h3 { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation: appear 1s; animation: appear 1s; -ms-writing-mode: lr-bt; margin-left: 0; position: absolute; -webkit-transform: rotate(-90deg) translateX(-50%); transform: rotate(-90deg) translateX(-50%); -webkit-transform-origin: 0 0; transform-origin: 0 0; left: 3.5rem; white-space: nowrap; max-width: 80rem; width: calc(100vh - 8.2rem); height: 3rem; top: 38%; text-align: left; font-size: 2rem; line-height: 2.5rem }
}
.cp-images-accordion.tab-is-open .-illust:before { opacity: 1 }
.cp-images-accordion.tab-is-open .-illust:after { background: linear-gradient(271deg, transparent, rgba(0,0,0,.5)); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 0 }
.cp-images-accordion.tab-is-open .-slide { -webkit-box-flex: 1; flex: auto }
.cp-images-accordion.tab-is-open .-slide:not(.is-activate) { background: rgba(0,0,0,.5) }
@media (min-width:60em) {
.cp-images-accordion.tab-is-open .-slide:not(.is-activate) { background: 0 none; width: 10rem }
}
@media (min-width:76em) {
.cp-images-accordion.tab-is-open .-slide:not(.is-activate) { width: 13rem }
}
.cp-images-accordion.tab-is-open .-slide.is-activate { width: 100% }
@media (min-width:60em) {
.cp-images-accordion.tab-is-open .-slide.is-activate { display: -webkit-box; display: flex; -webkit-box-pack: start; justify-content: flex-start }
}
@media (min-width:60em) {
.cp-images-accordion.tab-is-open .-slide.is-activate .-title { max-width: 10rem }
}
@media (min-width:76em) {
.cp-images-accordion.tab-is-open .-slide.is-activate .-title { max-width: 13rem }
}
.cp-images-accordion.tab-is-open .-slide.is-activate .-title:before { -webkit-transform: scale(1); transform: scale(1) }
.cp-images-accordion.tab-is-open .-slide.is-activate .-container-content { display: block }
.cp-images-accordion.tab-is-open .-slide.is-activate .-content { opacity: 1 }
.cp-images-accordion.tab-is-open .-slide.is-activate .btn-close { pointer-events: auto; opacity: 1 }
@media (min-width:60em) {
.cp-images-accordion.tab-is-open .-slide.is-activate .btn-close { opacity: 1 }
}
.cp-slider-vertical-parallax .tpl-ag-text-pattern .container-pagination, .tpl-ag-text-pattern .cp-slider-vertical-parallax .container-pagination, .tpl-ag-text-pattern .teq-container { position: relative }
.cp-slider-vertical-parallax .tpl-ag-text-pattern .container-pagination:before, .tpl-ag-text-pattern .cp-slider-vertical-parallax .container-pagination:before, .tpl-ag-text-pattern .teq-container:before { background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='190' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M90.001 5a5 5 0 0010 0 5 5 0 00-10 0zm-30 0a5 5 0 0010 0 5 5 0 00-10 0zm-30 0a5 5 0 1010 0 5 5 0 00-10 0zm60 30a5 5 0 0010 0 5 5 0 00-10 0zM60 35a5 5 0 0010.001.001A5 5 0 1060 35zm-29.999 0a5 5 0 1010 0 5 5 0 00-10 0zm60 30a5 5 0 1010 0 5 5 0 00-10 0zM60 65a5 5 0 009.331 2.501A5 5 0 0065.001 60 5 5 0 0060 65zm-29.999 0a5 5 0 1010 0 5 5 0 00-10 0zM0 65a5 5 0 005 5.001A5.003 5.003 0 009.331 62.5 5 5 0 000 65zm90.001 30a5.002 5.002 0 009.331 2.501 5.003 5.003 0 00.001-5A5 5 0 0090.001 95zM60 95a5.002 5.002 0 009.331 2.501A5 5 0 0065.001 90 5 5 0 0060 95zm-29.999 0a5 5 0 1010 0 5 5 0 00-10 0zM0 95a5.002 5.002 0 009.331 2.501A5 5 0 005.001 90 5 5 0 000 95zm90.002 30a5 5 0 0010 0 5 5 0 00-10 0zm-30.001 0a5 5 0 0010 0 5 5 0 00-10 0zm-30 0a5 5 0 1010 0 5 5 0 00-10 0zm-30 0a5 5 0 0010 0 5 5 0 00-10 0zm60 30a5 5 0 1010 0 5 5 0 00-10 0zm-30 0a5 5 0 1010 0 5 5 0 00-10 0zm-30 0a5 5 0 1010 0 5 5 0 00-10 0zm60 30a5 5 0 0010 0 5 5 0 00-10 0zm-30 0a5 5 0 1010 0 5 5 0 00-10 0zm-30 0a5 5 0 0010 0 5 5 0 00-10 0z' id='a'/%3E%3C/defs%3E%3Cg transform='rotate(-180 50 95)' fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath fill='%23E9E9E9' mask='url(%23b)' d='M-5 195h110.002V-5H-5z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 0 0; background-size: contain; content: ""; display: none; height: 19rem; left: -15rem; pointer-events: none; position: absolute; top: 1.3rem; width: 10rem }
@media (min-width:60em) {
.cp-slider-vertical-parallax .tpl-ag-text-pattern .container-pagination:before, .tpl-ag-text-pattern .cp-slider-vertical-parallax .container-pagination:before, .tpl-ag-text-pattern .teq-container:before { display: block }
}
.tpl-ag-contact { box-sizing: border-box; padding: 4rem 0 3rem; position: relative }
@media (min-width:37.5em) {
.tpl-ag-contact { padding: 7.5rem 0 8rem }
}
.tpl-ag-contact .illust { left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; width: 100% }
.tpl-ag-contact h2 { color: #fff; font-size: 3rem; line-height: 3rem; position: relative; text-align: center; z-index: 5 }
@media (min-width:37.5em) {
.tpl-ag-contact h2 { font-size: 5rem; line-height: 4rem }
}
.tpl-ag-contact .container { margin: 0 auto; width: calc(100% - 3rem) }
@media (min-width:37.5em) {
.tpl-ag-contact .container { width: 80rem }
}
.tpl-ag-contact .title { color: #171F4A; margin: 1rem 0; text-align: center }
.tpl-ag-contact .title.-margin-bottom { margin-bottom: 2.5rem }
.tpl-ag-contact .subtitle { color: #323232; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.1rem; margin-bottom: 2.5rem; text-align: center }
.tpl-ag-contact .subtitle em { font-style: italic!important }
.tpl-ag-contact .list-item { color: #171F4A; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.9rem; margin-bottom: 2rem; position: relative; text-align: center; width: 100% }
@media (min-width:37.5em) {
.tpl-ag-contact .list-item { -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; margin-bottom: 0 }
}
.tpl-ag-contact .dot { display: none }
@media (min-width:37.5em) {
.tpl-ag-contact .dot { background: #008F84; border-radius: 50%; display: inline-block; height:.7rem;
margin-right: 1.2rem; width:.7rem
}
}
.tpl-ag-contact .content { background: #fff; box-sizing: border-box; padding: 2rem; position: relative; z-index: 5 }
@media (min-width:37.5em) {
.tpl-ag-contact .content { padding: 5.5rem 2.5rem 8.5rem }
}
.tpl-ag-contact .top { margin-bottom: 12.5rem; position: relative }
.tpl-ag-contact .top:after { background: #d8d8d8; bottom: -7rem; content: ""; height: 1px; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 56rem }
.tpl-ag-contact .action { color: #999; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.1rem; margin-bottom: 1rem; text-align: center; text-transform: uppercase }
.tpl-ag-contact .action.-margin-top { margin-top: 6rem }
.tpl-ag-contact .icon-container { -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; display: -webkit-box; display: flex }
.tpl-ag-contact .contact-person, .tpl-ag-contact .phone-link { color: #171F4A; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.1rem; text-align: center }
.tpl-ag-contact .contact-person { margin-bottom: 1rem }
.tpl-ag-contact .phone-link { cursor: pointer }
.tpl-ag-contact .phone-link:hover { color: #666 }
.tpl-ag-contact .email-link { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.1rem; color: #171F4A; text-align: center; text-decoration: underline; cursor: pointer }
.tpl-ag-contact .email-link:hover { color: #666 }
.tpl-ag-contact .icon-mail:before, .tpl-ag-contact .icon-phone:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: #008F84; font-size: 2rem; margin-right: 1.5rem }
.cp-glossaire { padding-bottom: 10rem }
.cp-glossaire h2 { margin-top: 2.5rem; line-height: 4.2rem; margin-bottom: 2.5rem; font-size: 4rem }
.cp-glossaire h1 { text-align: center; margin-top: 7rem; line-height: 7rem; margin-bottom: 7rem }
.cp-glossaire .bg-grey { background-color: #f1f1f2 }
.cp-glossaire a { text-decoration: none; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-glossaire .spn1 a { font-size: 40px }
.cp-glossaire .spn1-disabled a { font-size: 40px; color: grey }
.cp-glossaire .spn1-active a { font-size: 40px; font-weight: 700 }
.cp-glossaire #alphabet { width: 85% }
@media (min-width:60em) {
.cp-glossaire #alphabet { width: 65% }
}
.cp-glossaire .alphabet { display: block; padding: 50px 0; width: 85% }
.cp-glossaire .alphabet span { display: inline-block; margin: 5px }
.cp-glossaire .alphabet a { display: inline; text-align: center }
.cp-glossaire .alphabet a:hover { font-weight: 700 }
@media (min-width:60em) {
.cp-glossaire .alphabet { width: 65%; margin: 0 auto; display: block; padding: 50px 0; height: auto }
}
.cp-glossaire .result-content { border-bottom: 1px solid #eae9e8; padding: 0 0 4rem }
.cp-three-blocks-with-custom-background { margin-bottom: 6rem; padding: 4rem 0; position: relative; text-align: center }
@media (min-width:37.5em) {
.cp-three-blocks-with-custom-background { margin-bottom: 12rem; padding: 8rem 0 }
}
.cp-three-blocks-with-custom-background .-illust { background-attachment: fixed; background-position: 50%; background-repeat: no-repeat; background-size: cover; bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 1 }
.cp-three-blocks-with-custom-background .-content { position: relative; z-index: 2 }
.cp-three-blocks-with-custom-background h2 { color: #fff; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3rem; line-height: 3.5rem; margin: 0 0 4rem; text-align: center }
@media (min-width:37.5em) {
.cp-three-blocks-with-custom-background h2 { font-size: 4.8rem; line-height: 4.6rem }
}
@media (min-width:60em) {
.cp-three-blocks-with-custom-background .-list { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; margin:0 -.5rem
}
}
.cp-three-blocks-with-custom-background .-item { background: #fff; box-sizing: border-box; margin-bottom: 1rem; padding: 3rem 2rem 1rem; width: 100% }
@media (min-width:60em) {
.cp-three-blocks-with-custom-background .-item { padding: 4rem 2.4 3.8rem 2.4rem; margin: 0 1rem; width: calc(33.33333% - 2rem) }
}
@media (min-width:60em) {
.cp-three-blocks-with-custom-background .-item:first-child { margin-left: 0 }
}
@media (min-width:60em) {
.cp-three-blocks-with-custom-background .-item:last-child { margin-right: 0 }
}
.cp-three-blocks-with-custom-background .number { display: block; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2.6rem; margin-bottom: 2.4rem }
@media (min-width:37.5em) {
.cp-three-blocks-with-custom-background .number { font-size: 2.3rem }
}
.cp-three-blocks-with-custom-background h3 { color: #008F84; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2.4rem; margin: 0 0 1.6rem; text-align: center }
@media (min-width:37.5em) {
.cp-three-blocks-with-custom-background h3 { font-size: 2.3rem; line-height: 2.6rem }
}
.cp-three-blocks-with-custom-background p { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-portrait-job, .cp-portrait-job-title { position: relative }
.cp-three-blocks-with-custom-background+.cp-portrait-job, .cp-three-blocks-with-custom-background+.cp-portrait-job-title { margin-top: 6rem }
@media (min-width:37.5em) {
.cp-three-blocks-with-custom-background+.cp-portrait-job, .cp-three-blocks-with-custom-background+.cp-portrait-job-title { margin-top: 12rem }
}
.-right.cp-portrait-job-title .row1 .-content, .cp-portrait-job.-right .row1 .-content { -webkit-box-ordinal-group: 3; order: 2 }
@media (min-width:60em) {
.-right.cp-portrait-job-title .row1 .-content, .cp-portrait-job.-right .row1 .-content { -webkit-box-ordinal-group: 2; order: 1 }
}
.-right.cp-portrait-job-title .row1 img, .cp-portrait-job.-right .row1 img { display: block; -webkit-box-ordinal-group: 2; order: 1 }
@media (min-width:60em) {
.-right.cp-portrait-job-title .row1 img, .cp-portrait-job.-right .row1 img { margin: 0 0 0 8.33333%; -webkit-box-ordinal-group: 3; order: 2 }
}
@media (min-width:60em) {
.-right.cp-portrait-job-title .spotify-link, .cp-portrait-job.-right .spotify-link { margin: 0 8.33333% 0 0 }
}
.cp-portrait-job-title:before, .cp-portrait-job:before { background-attachment: fixed; background-size: contain; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 0 }
.cp-portrait-job-title .cp-slider-vertical-parallax .container-pagination, .cp-portrait-job-title .teq-container, .cp-portrait-job .cp-slider-vertical-parallax .container-pagination, .cp-portrait-job .teq-container, .cp-slider-vertical-parallax .cp-portrait-job-title .container-pagination, .cp-slider-vertical-parallax .cp-portrait-job .container-pagination { position: relative; z-index: 1 }
.cp-portrait-job-title .row1, .cp-portrait-job .row1 { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-bottom: 4rem }
@media (min-width:37.5em) {
.cp-portrait-job-title .row1, .cp-portrait-job .row1 { -webkit-box-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row }
}
.cp-portrait-job-title .row1 img, .cp-portrait-job .row1 img { height: auto; margin-bottom: 3rem; width: 100% }
@media (min-width:37.5em) {
.cp-portrait-job-title .row1 img, .cp-portrait-job .row1 img { margin-bottom: 0; margin-right: 8.33333%; width: 50% }
}
@media (min-width:60em) {
.cp-portrait-job-title .row1 img, .cp-portrait-job .row1 img { width: 30% }
}
.cp-portrait-job-title .row1 .-content, .cp-portrait-job .row1 .-content { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; width: 100% }
@media (min-width:37.5em) {
.cp-portrait-job-title .row1 .-content, .cp-portrait-job .row1 .-content { width: 50% }
}
@media (min-width:60em) {
.cp-portrait-job-title .row1 .-content, .cp-portrait-job .row1 .-content { width: 58.33333% }
}
.cp-portrait-job-title blockquote, .cp-portrait-job blockquote { display: block; width: 100% }
.cp-portrait-job-title h2, .cp-portrait-job h2 { font-size: 2.6rem; line-height: 2.8rem }
@media (min-width:37.5em) {
.cp-portrait-job-title h2, .cp-portrait-job h2 { font-size: 4.8rem; line-height: 4.8rem; margin: 0 0 6rem }
}
@media (min-width:60em) {
.cp-portrait-job-title h2, .cp-portrait-job h2 { font-size: 5rem; line-height: 5rem }
}
.cp-portrait-job-title h3, .cp-portrait-job h3 { color: #171F4A; font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-portrait-job-title .spotify-link, .cp-portrait-job .spotify-link { border: 1px solid #bfc0c0; box-sizing: border-box; color: #5f0788; display: block; font-family: Helvetica Neue LT W05_47 Lt Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.2rem; line-height: 2.7rem; margin-bottom: 4rem; padding: 3rem; text-align: center; text-transform: uppercase; width: 100% }
@media (min-width:37.5em) {
.cp-portrait-job-title .spotify-link, .cp-portrait-job .spotify-link { border: none; margin-right: 8.33333%; padding: 0 }
}
@media (min-width:60em) {
.cp-portrait-job-title .spotify-link, .cp-portrait-job .spotify-link { padding: 0; margin: 0 8.33333% 0 16.66667%; min-width: 25%; width: 25% }
}
@media (min-width:76em) {
.cp-portrait-job-title .spotify-link, .cp-portrait-job .spotify-link { margin: 0 8.33333% 0 16.66667% }
}
.cp-portrait-job-title .spotify-link img, .cp-portrait-job .spotify-link img { margin-bottom: 3rem; display: block; width: 100% }
.cp-portrait-job-title .row2, .cp-portrait-job .row2 { margin-bottom: 6rem }
@media (min-width:37.5em) {
.cp-portrait-job-title .row2, .cp-portrait-job .row2 { display: -webkit-box; display: flex; margin-bottom: 12rem }
}
.cp-portrait-job-title .row2 li, .cp-portrait-job .row2 li { margin-bottom: 2rem }
@media (-ms-high-contrast:none) {
.cp-portrait-job-title ::-ms-backdrop, .cp-portrait-job-title [data-aos^=fade-up][data-aos^=fade-up], .cp-portrait-job ::-ms-backdrop, .cp-portrait-job [data-aos^=fade-up][data-aos^=fade-up] {
opacity:1
}
}
.cp-initiatives-slider { margin-bottom: 9rem; position: relative }
@media (min-width:37.5em) {
.cp-initiatives-slider { margin-bottom: 16rem; padding-bottom: 8rem }
}
@media (min-width:60em) {
.cp-initiatives-slider { margin-bottom: 23rem }
}
.cp-initiatives-slider .cp-slider-vertical-parallax .container-pagination, .cp-initiatives-slider.teq-container, .cp-initiatives-slider .teq-container, .cp-slider-vertical-parallax .cp-initiatives-slider.container-pagination, .cp-slider-vertical-parallax .cp-initiatives-slider .container-pagination { max-width: 120rem }
.cp-initiatives-slider h2 { text-align: left }
@media (min-width:60em) {
.cp-initiatives-slider h2 { font-size: 3rem }
}
.cp-initiatives-slider h3 { margin-top: 0 }
.cp-initiatives-slider .colored { color: #008F84; display: block }
.layout-innovation .cp-initiatives-slider .colored { color: #000 }
.cp-initiatives-slider .image-container { box-sizing: border-box; position: relative }
@media (min-width:60em) {
.cp-initiatives-slider .image-container { height: 62rem }
}
.cp-initiatives-slider .image-container:before { display: block; content: ""; width: 100%; padding-top: 45.5311973019% }
.cp-initiatives-slider .illust { width: 100%; height: 19rem; -o-object-fit: cover; object-fit: cover }
.cp-initiatives-slider .content { background: #f5f5f5; box-sizing: border-box; height: 100%; padding: 3rem 2rem 2rem }
.cp-initiatives-slider .card-container { align-content: flex-end; bottom: -8.5rem; box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; padding: 0 6rem; position: absolute; width: 100%; z-index: 20 }
@media (min-width:37.5em) {
.cp-initiatives-slider .card-container { -webkit-box-pack: center; justify-content: center }
}
@media (min-width:76em) {
.cp-initiatives-slider .card-container { padding: 0 7rem }
}
.cp-initiatives-slider .flex-container { border-bottom: 3px solid #008F84; box-sizing: border-box; overflow: visible; position: relative; -webkit-transition: .4s; transition: .4s; width: calc(25% - 2rem) }
@media (min-width:37.5em) {
.cp-initiatives-slider .flex-container { width: 25.6rem; margin: 0 1rem }
}
.cp-initiatives-slider .flex-container:hover { border-bottom-color: #f4f4f4 }
.layout-innovation .cp-initiatives-slider .flex-container:hover { border-bottom: 4px solid #36a9e0 }
.cp-initiatives-slider p { font-size: 1.8rem; line-height: 2.2rem; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin-bottom: 0 }
@media (min-width:37.5em) {
.cp-initiatives-slider p { opacity: 0; -webkit-transition: .4s; transition: .4s; font-size: 1.6rem }
}
.cp-initiatives-slider .item { background: #f4f4f4; bottom: 0; box-sizing: border-box; max-height: 18rem; overflow: hidden; padding: 2.4rem 1.4rem; position: absolute; -webkit-transition: 1s; transition: 1s; width: 100% }
.cp-initiatives-slider .item:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; bottom: 2.1rem; color: #171F4A; font-size: 2.5rem; left: calc(50% - 1.1rem); opacity: 1; -webkit-transform: rotate(90deg); transform: rotate(90deg); position: absolute }
@media (min-width:60em) {
.cp-initiatives-slider .item { max-height: 18.6rem }
}
.cp-initiatives-slider .item.active { max-height: 62rem; -webkit-transition: max-height .6s; transition: max-height .6s }
.cp-initiatives-slider .item:hover { -webkit-transition: 1s; transition: 1s }
.cp-initiatives-slider .item:hover p { opacity: 1 }
.cp-initiatives-slider .item:hover:before { opacity: 0 }
.cp-initiatives-slider .title { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; line-height: 2.6rem; font-size: 2rem; text-transform: uppercase }
@media (min-width:60em) {
.cp-initiatives-slider .title { font-size: 2.1rem; text-transform: inherit }
}
.cp-initiatives-slider .desktop-container { box-sizing: border-box; position: relative; width: 100% }
.cp-initiatives-slider .desktop-container .illust { font-family: "object-fit: cover"; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; position: absolute; top: 0; width: 100%; z-index: 0 }
.cp-initiatives-slider .desktop-container .illust.active { z-index: 10 }
.cp-initiatives-slider .swiper-container { height: 100%; position: relative; margin-bottom: 2rem }
.cp-initiatives-slider .swiper-wrapper { margin-bottom: 2rem }
.cp-initiatives-slider .swiper-slide { height: auto; width: 70% }
.cp-initiatives-slider .swiper-pagination { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; height: 1rem; width: 100% }
.cp-initiatives-slider .line { background: #b2b2b2; display: block; height: 2px; width: calc(25% - 3px) }
.cp-initiatives-slider .line.-current { background: #008F84 }
.cp-initiatives-slider .init-swiper-button-next, .cp-initiatives-slider .init-swiper-button-prev { background: rgba(0,0,0,.7); border-radius: 50%; color: #171F4A; display: inline-block; font: 0/0 a; height: 6rem; outline: none; position: absolute; text-decoration: none; top: 30%; -webkit-transition: .5s; transition: .5s; width: 6rem; z-index: 10 }
@media (min-width:76em) {
.cp-initiatives-slider .init-swiper-button-next, .cp-initiatives-slider .init-swiper-button-prev { width: 9rem; height: 9rem }
}
.cp-initiatives-slider .init-swiper-button-next.disabled, .cp-initiatives-slider .init-swiper-button-prev.disabled { opacity: 0 }
.cp-initiatives-slider .init-swiper-button-next:before, .cp-initiatives-slider .init-swiper-button-prev:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: #fff; display: block; font-size: 1.2rem; line-height: 35px; text-align: center; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
@media (min-width:76em) {
.cp-initiatives-slider .init-swiper-button-next:before, .cp-initiatives-slider .init-swiper-button-prev:before { font-size: 30px }
}
.cp-initiatives-slider .init-swiper-button-next { right: 0 }
@media (min-width:76em) {
.cp-initiatives-slider .init-swiper-button-next { right: -4.5rem }
}
.cp-initiatives-slider .init-swiper-button-prev { left: 0 }
@media (min-width:76em) {
.cp-initiatives-slider .init-swiper-button-prev { left: -4.5rem }
}
.cp-initiatives-slider .init-swiper-button-prev:before { -webkit-transform: rotate(-180deg) translateY(48%); transform: rotate(-180deg) translateY(48%) }
.cp-initiatives-slider .swiper-button-disabled { opacity: 0 }
.cp-title-anchor-block { background: #f5f5f5; margin-bottom: 6rem; padding: 2rem 0 0; position: relative; z-index: 10 }
@media (min-width:60em) {
.cp-title-anchor-block { margin-bottom: 12rem; padding: 5rem 0 6.4rem }
}
.cp-slider-vertical-parallax .cp-title-anchor-block .container-pagination, .cp-title-anchor-block .cp-slider-vertical-parallax .container-pagination, .cp-title-anchor-block .teq-container { max-width: 120rem }
.cp-title-anchor-block h2 { color: #171F4A; text-align: left }
.cp-title-anchor-block .colored { color: #171F4A; display: block; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.layout-innovation .cp-title-anchor-block .colored { color: #000 }
.cp-title-anchor-block .flex-container { width: 100%; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: start; align-items: flex-start }
.cp-title-anchor-block a:hover { text-decoration: none }
.cp-title-anchor-block .anchor-item { display: block; position: relative; text-align: left; width: 100%; margin-bottom: 2.5rem }
@media (min-width:37.5em) {
.cp-title-anchor-block .anchor-item { max-width: 28rem; margin-bottom: 0 }
}
.cp-title-anchor-block .anchor-item:visited { color: #bbb }
.cp-title-anchor-block .anchor-item:first-child { border-bottom: 4px solid #36a9e0 }
@media (min-width:60em) {
.cp-title-anchor-block .anchor-item:first-child { border-bottom: 0 }
}
.cp-title-anchor-block .anchor-item:hover { text-decoration: none!important }
.cp-title-anchor-block .anchor-item:nth-child(2) .number { color: #2151c6 }
.cp-title-anchor-block .number { color: #2151c6; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2.6rem; margin-bottom: 0 }
@media (min-width:37.5em) {
.cp-title-anchor-block .number { font-size: 2.1rem; line-height: 2.6rem; margin-bottom: 0 }
}
.cp-title-anchor-block .title { display: none }
@media (min-width:37.5em) {
.cp-title-anchor-block .title { display: block; color: #171F4A; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.1rem; line-height: 2.6rem }
}
.cp-title-anchor-block .subtitle { display: none }
@media (min-width:60em) {
.cp-title-anchor-block .subtitle { display: block; color: #171F4A; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem; width: 100% }
}
.cp-title-anchor-block.-dark { background: #171F4A }
@media (min-width:60em) {
.cp-title-anchor-block.-dark { margin-bottom: 10rem; padding: 6.5rem 0 11.5rem }
}
.layout-innovation .cp-title-anchor-block.-dark .colored { color: #008F84 }
.cp-title-anchor-block.-dark .title { color: #fff }
@media (min-width:37.5em) {
.cp-title-anchor-block.-dark .title { color: #008F84 }
}
.cp-title-anchor-block.-dark .number { color: #008F84; margin-right:.7rem
}
@media (min-width:37.5em) {
.cp-title-anchor-block.-dark .number { color: #008F84 }
}
.cp-title-anchor-block.-dark .anchor-item { max-width: 100%!important; margin-bottom: 1.5rem }
@media (min-width:37.5em) {
.cp-title-anchor-block.-dark .anchor-item { -webkit-box-align: start; align-items: flex-start; display: -webkit-box; display: flex; flex-wrap: wrap; max-width: 33.3%!important; margin-bottom: 0 }
}
.cp-title-anchor-block.-dark .anchor-item:first-child { border-bottom: 4px solid #008F84 }
@media (min-width:60em) {
.cp-title-anchor-block.-dark .anchor-item:first-child { border-bottom: 0 }
}
.cp-title-anchor-block.-dark .anchor-item:nth-child(2) .number { color: #fff }
@media (min-width:37.5em) {
.cp-title-anchor-block.-dark .anchor-item:nth-child(2) .number { color: #008F84 }
}
.cp-title-anchor-block.-dark .anchor-item:hover { text-decoration: none }
.cp-title-anchor-block.-dark .colored, .cp-title-anchor-block.-dark h2, .cp-title-anchor-block.-dark h2.colored { color: #fff; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:37.5em) {
.cp-title-anchor-block.-dark .colored, .cp-title-anchor-block.-dark h2, .cp-title-anchor-block.-dark h2.colored { color: #008F84 }
}
.cp-title-anchor-block.-dark .subtitle, .cp-title-anchor-block.-dark .title { color: #fff }
.cp-image-with-buttons-overlay { margin: 6rem 0 }
@media (min-width:37.5em) {
.cp-image-with-buttons-overlay { margin-bottom: 12rem }
}
.cp-image-with-buttons-overlay .cp-slider-vertical-parallax .container-pagination, .cp-image-with-buttons-overlay .teq-container, .cp-slider-vertical-parallax .cp-image-with-buttons-overlay .container-pagination { box-sizing: border-box; position: relative }
.cp-image-with-buttons-overlay .primary-container { box-sizing: border-box; overflow: hidden; position: relative; top: 0; width: 100%; z-index: 10 }
.cp-image-with-buttons-overlay .illust { max-width: 100%; height: auto }
@media (min-width:37.5em) {
.cp-image-with-buttons-overlay .-mobile { display: none }
}
.cp-image-with-buttons-overlay .-desktop { display: none }
@media (min-width:37.5em) {
.cp-image-with-buttons-overlay .-desktop { display: block }
}
.cp-image-with-buttons-overlay button { border-radius: 50%; box-shadow: 0 0 0 5px; height: 1.4rem; outline: none; -moz-box-shadow: inset 0 0 10px #171F4A; position: absolute; -webkit-transition: .4s; transition: .4s; width: 1.4rem }
@media (min-width:30em) {
.cp-image-with-buttons-overlay button { box-shadow: 0 0 0 13px; height: 2.5rem; width: 2.5rem }
}
.cp-image-with-buttons-overlay button:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; display: none; color: #fff; font-size:.8rem;
font-weight: 700; left: 50%; position: absolute; top: 51%; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
@media (min-width:37.5em) {
.cp-image-with-buttons-overlay button:before { font-size: 1.2rem }
}
.cp-image-with-buttons-overlay button:hover { -webkit-animation: scalepulsebutton 1.3s linear .3s infinite both; animation: scalepulsebutton 1.3s linear .3s infinite both }
.cp-image-with-buttons-overlay .overlay { background: #212121; box-sizing: border-box; height: 0; opacity: 0; width: auto; z-index: -1; max-width: 530px }
@media (min-width:37.5em) {
.cp-image-with-buttons-overlay .overlay { position: absolute; background: none; bottom: 0; height: O; left: 0 }
}
.cp-image-with-buttons-overlay .overlay .illust { position: relative; display: none }
@media (min-width:37.5em) {
.cp-image-with-buttons-overlay .overlay .illust { left: 0; right: 0; top: 0; height: 100%; width: 100% }
}
.cp-image-with-buttons-overlay .overlay.-active { height: auto; min-height: auto; opacity: 1; z-index: 20 }
.cp-image-with-buttons-overlay .close { right: 2.5rem; top: 2.5rem; z-index: 21; -webkit-transform: rotate(45deg); transform: rotate(45deg); display: none }
@media (min-width:37.5em) {
.cp-image-with-buttons-overlay .close { right: 4rem; top: 4rem }
}
.cp-image-with-buttons-overlay .close:hover { -webkit-animation: scalepulsebuttonclose 1.3s linear .3s infinite both; animation: scalepulsebuttonclose 1.3s linear .3s infinite both }
.cp-image-with-buttons-overlay .content { box-sizing: border-box; padding: 5px 15px; width: 100%; position: relative; background-color: #dcdcdc }
@media (min-width:37.5em) {
.cp-image-with-buttons-overlay .content { padding: 1.5rem 5.3rem 1.6rem }
}
.cp-image-with-buttons-overlay .title { color: #171F4A; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.5rem; line-height: 1.5rem }
@media (min-width:37.5em) {
.cp-image-with-buttons-overlay .title { font-size: 2rem; line-height: 2.6rem }
}
.cp-image-with-buttons-overlay .text { color: #171F4A; font-family: Renault-Light, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; line-height: 1.5rem }
@media (min-width:37.5em) {
.cp-image-with-buttons-overlay .text { font-size: 1.6rem; line-height: 2.4rem }
}
.cp-image-with-buttons-overlay.-light .overlay { background: #fff; box-shadow: 0 2px 5px 0 rgba(0,0,0,.4) }
@media (min-width:37.5em) {
.cp-image-with-buttons-overlay.-light .overlay { background: none; box-shadow: none }
}
.cp-image-with-buttons-overlay.-light .text, .cp-image-with-buttons-overlay.-light .title { color: #000 }
.cp-image-with-buttons-overlay.-template-one button.first { bottom: 42%; left: 11% }
.cp-image-with-buttons-overlay.-template-one button.second { top: 30%; right: 27% }
.cp-image-with-buttons-overlay.-template-one button.third { top: 14%; right: 7% }
.cp-image-with-buttons-overlay.-template-two { background: #f5f5f5; margin-bottom: 0; padding-bottom: 6rem }
.cp-image-with-buttons-overlay.-template-two button.first { bottom: 45%; left: 18%; background: #fff; color: #dddada; border: 1px solid #fff }
@media (min-width:37.5em) {
.cp-image-with-buttons-overlay.-template-two button.first { bottom: 45%; left: 20% }
}
.cp-image-with-buttons-overlay.-template-two button.second { top: 80%; right: 34%; background: #c9c9c9; border: 1px solid #c9c9c9; color: #fff }
@media (min-width:37.5em) {
.cp-image-with-buttons-overlay.-template-two button.second { top: 80%; right: 35% }
}
.cp-image-with-buttons-overlay.-template-two button.third { top: 14%; right: 7% }
.cp-image-with-buttons-overlay.-template-two .overlay[data-overlay=first].-active { height: auto; opacity: 1; z-index: 20; position: absolute; top: auto; bottom: 2rem; left: 1rem }
.cp-image-with-buttons-overlay.-template-two .overlay[data-overlay=first].-active .illust { display: none }
@media (min-width:37.5em) {
.cp-image-with-buttons-overlay.-template-two .overlay[data-overlay=first].-active { height: 7.9rem; min-height: 0; position: absolute; top: 60%; left: 10% }
.cp-image-with-buttons-overlay.-template-two .overlay[data-overlay=first].-active .illust { display: none }
}
.cp-image-with-buttons-overlay.-template-two .overlay[data-overlay=second] { position: absolute; right: 5rem; left: auto; bottom: 9rem; top: auto }
.cp-image-with-buttons-overlay.-template-two .overlay[data-overlay=second].-active { opacity: 1; z-index: 20 }
.cp-image-with-buttons-overlay.-template-two .overlay[data-overlay=second].-active .illust { display: none }
@media (min-width:37.5em) {
.cp-image-with-buttons-overlay.-template-two .overlay[data-overlay=second].-active { position: absolute; right: 5rem; left: auto; bottom: 5rem; top: auto; height: 7.9rem }
.cp-image-with-buttons-overlay.-template-two .overlay[data-overlay=second].-active .illust { display: none }
}
.cp-image-with-buttons-overlay.-template-two .title { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; text-align: center; margin: 0 }
.cp-image-with-buttons-overlay.-template-two .text { font-family: Renault-Light, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; text-align: center; color: #171F4A; margin: 0 }
.cp-image-with-buttons-overlay.-template-two .close { display: none }
.cp-image-with-buttons-overlay.-template-three .overlay { position: absolute; background: none; bottom: 6%; left: auto; right: 0; top: auto }
@media (min-width:37.5em) {
.cp-image-with-buttons-overlay.-template-three .overlay { bottom: 19%; right: 5% }
}
.cp-image-with-buttons-overlay.-template-three .content { background-color: #fff }
.cp-image-with-buttons-overlay.-template-three .overlay[data-overlay=second] { bottom: auto; left: 3%; right: auto; top: 19% }
@media (min-width:37.5em) {
.cp-image-with-buttons-overlay.-template-three .overlay[data-overlay=second] { left: 13%; top: 25% }
}
.cp-image-with-buttons-overlay.-template-three button.first { background: #fff; color: #008F84; bottom: 0; right: 30%; left: auto; top: 55%; border: 1px solid #008F84 }
.cp-image-with-buttons-overlay.-template-three button.second { background: #008F84; color: #dddada; border: 1px solid #dddada; top: 45%; left: 31% }
.cp-image-with-buttons-overlay.-template-three button.third { top: 14%; right: 7% }
.cp-image-with-buttons-overlay.-template-four button.first { bottom: 23%; left: 52% }
.cp-image-with-buttons-overlay.-template-four button.second { top: 35%; left: 24% }
.cp-image-with-buttons-overlay.-template-four button.third { top: 31%; right: 23% }
@media (min-width:37.5em) {
.cp-image-with-buttons-overlay.-template-four button.first { bottom: 31%; left: 52% }
.cp-image-with-buttons-overlay.-template-four button.second { top: 43%; left: 34% }
.cp-image-with-buttons-overlay.-template-four button.third { top: 31%; right: 26% }
}
@-webkit-keyframes scalepulsebutton { 20% {
-webkit-transform:scale(1.08);
transform:scale(1.08);
-webkit-animation-timing-function:ease;
animation-timing-function:ease
}
50% {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-animation-timing-function:ease;
animation-timing-function:ease
}
}
@keyframes scalepulsebutton { 20% {
-webkit-transform:scale(1.08);
transform:scale(1.08);
-webkit-animation-timing-function:ease;
animation-timing-function:ease
}
50% {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-animation-timing-function:ease;
animation-timing-function:ease
}
}
@-webkit-keyframes scalepulsebuttonclose { 20% {
-webkit-transform:scale(1.08) rotate(45deg);
transform:scale(1.08) rotate(45deg);
-webkit-animation-timing-function:ease;
animation-timing-function:ease
}
50% {
-webkit-transform:scale(1) rotate(45deg);
transform:scale(1) rotate(45deg);
-webkit-animation-timing-function:ease;
animation-timing-function:ease
}
}
@keyframes scalepulsebuttonclose { 20% {
-webkit-transform:scale(1.08) rotate(45deg);
transform:scale(1.08) rotate(45deg);
-webkit-animation-timing-function:ease;
animation-timing-function:ease
}
50% {
-webkit-transform:scale(1) rotate(45deg);
transform:scale(1) rotate(45deg);
-webkit-animation-timing-function:ease;
animation-timing-function:ease
}
}
.cp-key-figures-text-block { margin: 6rem 0 }
@media (min-width:37.5em) {
.cp-key-figures-text-block { margin: 8rem 0 }
}
.cp-key-figures-text-block.-left { margin-bottom: 0 }
@media (min-width:37.5em) {
.cp-key-figures-text-block.-left { margin-bottom: 10rem }
}
.cp-key-figures-text-block.-left .key-figures { background: #2151c6 }
@media (min-width:60em) {
.cp-key-figures-text-block.-left .key-figures { margin: 0 0 0 auto; -webkit-box-ordinal-group: 3; order: 2 }
}
@media (min-width:37.5em) {
.cp-key-figures-text-block .cp-slider-vertical-parallax .container-pagination, .cp-key-figures-text-block .teq-container, .cp-slider-vertical-parallax .cp-key-figures-text-block .container-pagination { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between }
}
.cp-key-figures-text-block .key-figures { -webkit-box-pack: center; justify-content: center; background: #2151c6; border-radius: 50%; box-sizing: border-box; color: #fff; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 24rem; margin: 0 auto 4rem; padding: 1rem 0; text-align: center; width: 24rem }
@media (min-width:60em) {
.cp-key-figures-text-block .key-figures { margin: 0 auto 0 0; padding: 1.2rem 0; height: 29rem; width: 29rem }
}
.cp-key-figures-text-block .illust { align-self: center; display: block; height: 10.5rem; margin: 0 auto }
@media (min-width:60em) {
.cp-key-figures-text-block .illust { height: 11.5rem }
}
.cp-key-figures-text-block .number { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 5.5rem; line-height: 1 }
@media (min-width:60em) {
.cp-key-figures-text-block .number { font-size: 5.8rem }
}
.cp-key-figures-text-block .description { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.4rem; line-height: 1.1; margin: 0 auto; width: 72% }
@media (min-width:60em) {
.cp-key-figures-text-block .description { font-size: 2.8rem }
}
.cp-key-figures-text-block .content { width: 100% }
@media (min-width:37.5em) {
.cp-key-figures-text-block .content { width: calc(100% - 35rem) }
}
@media (min-width:60em) {
.cp-key-figures-text-block .content { width: calc(100% - 40rem) }
}
.cp-key-figures-text-block .title { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.7rem; line-height: 3.2rem; margin-bottom: 1.6rem }
@media (min-width:37.5em) {
.cp-key-figures-text-block .title { font-size: 3.4rem; line-height: 3.6rem; margin-bottom: 2.4rem }
}
.cp-key-figures-text-block .text { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem; margin-bottom: 2.4rem }
@media (min-width:60em) {
.cp-key-figures-text-block .text { margin-bottom: 3.2rem }
}
@media (-ms-high-contrast:none) {
.cp-key-figures-text-block ::-ms-backdrop, .cp-key-figures-text-block [data-aos^=fade-up][data-aos^=fade-up] {
opacity:1
}
}
.cp-title-paragraph-anchor { margin-bottom: 3rem; z-index: -1 }
@media (min-width:76em) {
.cp-title-paragraph-anchor { margin-bottom: 8rem }
}
.cp-title-paragraph-anchor .number, .cp-title-paragraph-anchor h2 { padding: 0; margin: 0 0 2rem; font-size: 3rem; line-height: 3.5rem }
.cp-title-paragraph-anchor .number:before, .cp-title-paragraph-anchor h2:before { display: block; content: ""; margin-top: -15rem; height: 15rem; visibility: hidden; pointer-events: none }
@media (min-width:37.5em) {
.cp-title-paragraph-anchor .number, .cp-title-paragraph-anchor h2 { font-size: 4.8rem; line-height: 4.6rem }
.cp-title-paragraph-anchor .number:before, .cp-title-paragraph-anchor h2:before { margin-top: -25rem; height: 25rem }
}
@media (min-width:76em) {
.cp-title-paragraph-anchor .number, .cp-title-paragraph-anchor h2 { font-size: 6rem; margin-bottom: 5.5rem }
}
@media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) {
.cp-title-paragraph-anchor h2 { display: inline-block }
}
.cp-title-paragraph-anchor .number { color: #2151c6; margin-bottom: 1.6rem }
.cp-title-paragraph-anchor.-green { background: #f5f5f5; margin-bottom: 0; padding: 4rem 0 }
@media (min-width:37.5em) {
.cp-title-paragraph-anchor.-green { padding-bottom: 8rem }
}
.cp-title-paragraph-anchor.-green .number { color: #008F84 }
.cp-title-paragraph-anchor strong { font-family: Read-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (-ms-high-contrast:none) {
.cp-title-paragraph-anchor ::-ms-backdrop, .cp-title-paragraph-anchor [data-aos^=fade-up][data-aos^=fade-up] {
opacity:1
}
}
.cp-portrait-job-title { box-sizing: border-box; padding-bottom: 2rem; margin-bottom: 6rem; padding-top: 5rem; background: #f5f5f5 }
@media (min-width:37.5em) {
.cp-portrait-job-title { margin-bottom: 12rem }
}
.cp-portrait-job-title:before { background: none }
.cp-portrait-job-title .author, .cp-portrait-job-title .content { display: -webkit-box; display: flex }
.cp-portrait-job-title .content { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between }
.cp-portrait-job-title .name { width: 100%; font-size: 1.2rem; line-height: 1.5rem; margin-bottom:.8rem;
font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; text-transform: uppercase }
.cp-portrait-job-title .title { font-size: 1.4rem; line-height: 1.4rem; font-family: Renault-Light, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; width: 100% }
.cp-portrait-job-title.-right .row1 { margin-bottom: 0 }
.cp-portrait-job-title blockquote:after, .cp-portrait-job-title blockquote:before { color: #53565a!important }
.cp-portrait-job-title.-right { background: none }
@media (min-width:37.5em) {
.cp-portrait-job-title.-right blockquote { margin-bottom: 4rem }
}
.cp-cta-banner-responsive-img { -webkit-box-align: center; align-items: center; box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; height: 50vh; position: relative; margin-bottom: 6rem }
@media (min-width:76em) {
.cp-cta-banner-responsive-img { height: 46rem }
}
.cp-cta-banner-responsive-img.teq-container, .cp-slider-vertical-parallax .cp-cta-banner-responsive-img.container-pagination { width: calc(100% - 3rem) }
.cp-cta-banner-responsive-img:before { background: rgba(0,0,0,.45); content: ""; bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 1 }
.cp-cta-banner-responsive-img picture { z-index: 2 }
.cp-cta-banner-responsive-img .illust { bottom: 0; display: block; font-family: "object-fit: cover;"; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; position: absolute; top: 0; width: 100% }
.cp-cta-banner-responsive-img .-content { color: #fff; text-align: center; z-index: 2 }
.cp-cta-banner-responsive-img h2 { color: #fff; font-size: 3rem; line-height: 1.1; max-width: calc(100% - 0rem); text-align: center; margin: 0 auto 6.6rem; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:37.5em) {
.cp-cta-banner-responsive-img h2 { font-size: 4.8rem; line-height: 4.6rem }
}
.cp-cta-banner-responsive-img .-subtitle { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem; text-align: center; margin-bottom: 4rem }
.cp-cta-banner-responsive-img .-content .btn-yellow { box-shadow: 0 0 0 1px #f4f4f4; height: auto; line-height: 3.2rem; width: auto; padding: 0 4rem; margin: 0 1rem; font-size: 1.8rem; background-color: #f4f4f4; color: #171F4A; text-transform: uppercase; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; white-space: normal }
@media (min-width:37.5em) {
.cp-cta-banner-responsive-img .-content .btn-yellow { line-height: 5.4rem; font-size: 1.8rem }
}
.cp-cta-banner-responsive-img .-content .btn-yellow:hover { box-shadow: 0 0 0 1px #f4f4f4; background: transparent; color: #f4f4f4 }
.cp-usine-bd-link { margin-top: 80px; position: relative }
@media (min-width:37.5em) {
.cp-usine-bd-link { margin-top: 0 }
}
.cp-usine-bd-link .bottom, .cp-usine-bd-link .top { box-sizing: border-box; overflow: hidden; position: relative; width: 100% }
.cp-usine-bd-link .bottom:before, .cp-usine-bd-link .top:before { display: block; content: ""; width: 100%; padding-top: 157.3333333333% }
@media (min-width:37.5em) {
.cp-usine-bd-link .bottom:before, .cp-usine-bd-link .top:before { padding-top: 120% }
}
.cp-usine-bd-link .top { background-image: url(../media/usine40/cta-top.jpg); background-position: bottom; height: 100%; position: absolute; top: 0; -webkit-transition: .4s; transition: .4s; left: 0; z-index: 5 }
.cp-usine-bd-link .top.-hide { height: 0; overflow: hidden }
.cp-usine-bd-link .content { bottom: 15.7rem; position: absolute; left: 50%; text-align: center; text-transform: uppercase; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: calc(100% - 6rem) }
@media (min-width:37.5em) {
.cp-usine-bd-link .content { width: calc(100% - 2rem) }
}
@media (min-width:60em) {
.cp-usine-bd-link .content { width: calc(100% - 6rem) }
}
.cp-usine-bd-link .bottom { background-image: url(../media/usine40/cta-bottom.jpg); background-position: bottom; top: 0 }
.cp-usine-bd-link .bottom .content { bottom: auto; top: 4rem }
@media (min-width:37.5em) {
.cp-usine-bd-link .bottom .content { top: 3rem }
}
.cp-usine-bd-link .bottom a { height: 100%; position: absolute; top: 0; left: 0; width: 100% }
.cp-usine-bd-link .subtitle, .cp-usine-bd-link .title { color: #fff; font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 4rem; line-height: 1; margin-bottom: 5rem }
@media (min-width:37.5em) {
.cp-usine-bd-link .subtitle, .cp-usine-bd-link .title { font-size: 3rem; margin-bottom: 3rem }
}
@media (min-width:60em) {
.cp-usine-bd-link .subtitle, .cp-usine-bd-link .title { font-size: 4rem }
}
.cp-usine-bd-link .subtitle { font-family: Helvetica Neue LT W05_57 Cond, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; text-transform: none }
.cp-usine-bd-link .button-container { -webkit-box-align: center; align-items: center; background: #fff; border-radius: 20px; display: -webkit-box; display: flex; height: 9rem; position: relative; width: 100% }
@media (min-width:37.5em) {
.cp-usine-bd-link .button-container { height: 7rem }
}
@media (min-width:76em) {
.cp-usine-bd-link .button-container { height: 9rem }
}
.cp-usine-bd-link .button-container:before { background: #c1c1c2; content: ""; height: 100%; left: 50%; position: absolute; top: 0; width: 2px }
.cp-usine-bd-link .button { box-sizing: border-box; color: #3b3b3b; cursor: pointer; font-family: Helvetica Neue LT W05_57 Cond, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 1; padding: 0 2rem; -webkit-transition: .2s; transition: .2s; width: 50% }
@media (min-width:37.5em) {
.cp-usine-bd-link .button { font-size: 1.5rem; padding: 0 1rem }
}
@media (min-width:76em) {
.cp-usine-bd-link .button { font-size: 2.4rem; padding: 0 2rem }
}
.cp-usine-bd-link .button:hover { color: #000 }
.cp-job-search { color: #171F4A; margin-bottom: 3rem; text-align: center }
@media (min-width:60em) {
.cp-job-search { margin-bottom: 12rem }
}
.cp-job-search .title-container { background: #eee; box-sizing: border-box; padding: 4rem 2rem; width: 100% }
@media (min-width:60em) {
.cp-job-search .title-container { padding: 9rem 10rem }
}
.cp-job-search h2 { font-size: 3rem; line-height: 3rem }
@media (min-width:60em) {
.cp-job-search h2 { font-size: 4.8rem; line-height: 4.8rem }
}
.cp-job-search .jobsearch-container { background: #f9d74c; box-sizing: border-box; padding: 4rem 2rem; position: relative }
@media (min-width:37.5em) {
.cp-job-search .jobsearch-container { padding: 9rem 10rem }
}
@media (min-width:60em) {
.cp-job-search .jobsearch-container { padding: 9rem 10rem }
}
.cp-job-search .search-title { display: inline; font-family: Helvetica Neue LT W05_57 Cond, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.2rem; line-height: 1.8; padding-bottom:.5rem;
vertical-align: top }
@media (min-width:60em) {
.cp-job-search .search-title { font-size: 2.5rem }
}
.cp-job-search .ps__rail-y { background-color: #d3d3d3; margin: 3rem 0; opacity: 0!important; right: 3rem; width: 2px }
.cp-job-search .ps__rail-y:hover { width: 11px }
.cp-job-search .ps__rail-y:hover .ps__thumb-y { width: 11px!important }
.cp-job-search .ps__thumb-y { background-color: #000!important; opacity: 0!important; right: 0; top: 0; width: 2px!important }
.cp-job-search .ps__thumb-y:hover { width: 11px!important }
.cp-job-search .country-list { box-sizing: border-box; cursor: pointer; text-align: left }
.cp-job-search .country-list.-open { background: #fbfbfb; box-shadow: 1px 1px 10px 0 rgba(0,0,0,.15); box-sizing: border-box; display: block; left: 0; line-height: 1.2; max-height: 38.5rem; overflow: hidden; padding: 3rem 6rem 3rem 3rem; position: absolute; top: 0; z-index: 120 }
@media (min-width:37.5em) {
.cp-job-search .country-list.-open { left: auto }
}
.cp-job-search .country-list.-open li { display: block; margin: 0 0 1.5rem }
.cp-job-search .country-list.-open li:first-child { display: none }
.cp-job-search .country-list.-open .ps__rail-y, .cp-job-search .country-list.-open .ps__thumb-y { opacity: 1!important }
.cp-job-search .list { display: inline-block; overflow: visible; vertical-align: top }
@media (min-width:60em) {
.cp-job-search .list { min-width: 13.5rem; top: 1.2rem }
}
.cp-job-search ul { padding: 0; margin:0 0 0 .4rem
}
.cp-job-search li { display: none; padding-left: 0 }
.cp-job-search li:before { content: none }
.cp-job-search li:first-child { font-family: Helvetica Neue LT W05_57 Cond, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.2rem; line-height: 1.8; display: inline-block; overflow: visible; padding: 0 5rem 0 0; position: relative; pointer-events: none }
@media (min-width:60em) {
.cp-job-search li:first-child { font-size: 2.5rem }
}
.cp-job-search li:first-child:after { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: #171F4A; font-size: 1.7rem; position: absolute; top:.6rem;
-webkit-transform: rotate(90deg); transform: rotate(90deg); right: 0 }
.cp-job-search li:first-child:before { background: #171F4A; bottom: 0; content: ""; height: 1px; left: 0; top: auto!important; width: 100% }
@media (min-width:60em) {
.cp-job-search li:first-child:before { top: auto!important }
}
.cp-job-search a { color: #171F4A; cursor: pointer; font-family: Helvetica Neue LT W05_57 Cond, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.5rem; line-height: 2.5rem; text-decoration: none; -webkit-transition: .4s; transition: .4s }
.cp-job-search a:hover { color: #585858 }
.cp-iframe-bd {
margin:-2rem -2rem 0 -.5rem; overflow: hidden; width: calc(100% + 2.6rem) }
.cp-iframe-bd iframe { height: calc(100vh - 8.2rem) }
.cp-focus { padding: 6rem 0; position: relative }
@media (min-width:37.5em) {
.cp-focus { padding: 8rem 0 }
}
.cp-focus.-with-grey-bg:before { background: #f4f4f4; bottom: -6rem; content: ""; left: 0; position: absolute; right: 0; top: -1rem; z-index: -1 }
@media (min-width:37.5em) {
.cp-focus.-with-grey-bg:before { bottom: -12rem; top: -5rem }
}
.cp-focus.-with-grey-bg .-item { background: #fff }
.cp-focus.-with-grey-bg .-illust { border: 1px solid #eee }
.cp-focus .swiper-container { overflow: visible }
.cp-focus .h2-like { font-size: 3rem; line-height: 3.5rem; margin: 0 0 3rem; text-align: center; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:37.5em) {
.cp-focus .h2-like { font-size: 4.8rem; line-height: 4.6rem; margin: 0 0 4rem }
}
.cp-focus .-list { position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; min-width: 100% }
@media (min-width:37.5em) {
.cp-focus .-list { display: -webkit-box; display: flex }
}
@media (min-width:76em) {
.cp-focus .-list { -webkit-box-pack: center; justify-content: center }
}
.cp-focus .-item { background: #f1f1f2; display: block; height: auto; margin: 0 1rem 1rem 0; max-width: calc(100% - 2rem); position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; width: 38rem }
.cp-focus .-item:hover { text-decoration: none }
.cp-focus .-item:hover h2 { color: #000 }
.cp-focus .-item:hover .bg-img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50% }
.cp-focus .-illust { border: 1px solid #bbbcbc; overflow: hidden; position: relative; width: calc(100% - 2px); height: 28rem }
.cp-focus .-illust:before { content: ""; display: block; width: 100% }
.cp-focus .-illust .overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: -webkit-box; display: flex; justify-content: space-around; -webkit-box-align: center; align-items: center; z-index: 10 }
.cp-focus .play-btn { position: relative; display: block; width: 30px; height: 30px; padding: 15px; background-color: rgba(0,0,0,.4); border: 2px solid #fff; border-radius: 50%; -webkit-transition: all .5s ease; transition: all .5s ease }
.cp-focus .play-btn:hover { -webkit-transform: scale(1.1); transform: scale(1.1) }
@media (min-width:37.5em) {
.cp-focus .play-btn { width: 40px; height: 40px }
}
.cp-focus .play-btn .icon-play { position: absolute; top: 50%; left: 55%; display: block; width: 35%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.cp-focus .bg-img { font-family: " object-fit: cover;"; height: 100%; -o-object-fit: cover; object-fit: cover; left: 0; position: absolute; top: 0; -webkit-transition: -webkit-transform .6s; transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s; width: 100% }
.cp-focus .-content { padding: 1.7rem 2.1rem 4.1rem }
@media (min-width:37.5em) {
.cp-focus .-content { padding: 2.4rem }
}
.cp-focus .-content .play-btn { margin: 0 0 3rem }
.cp-focus .-details { color: #60504a; font-size: 1.2rem; letter-spacing:.1rem;
line-height: 1.5rem; text-transform: uppercase; margin-bottom:.8rem
}
.cp-focus .-details, .cp-focus h2 { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-focus h2 { font-size: 2.3rem; line-height: 2.6rem; margin: 1.9rem 0 1.2rem; max-width: 100% }
@media (min-width:37.5em) {
.cp-focus h2 { margin: 0 0 3.7rem; -webkit-transition: .5s; transition: .5s; height: 10.4rem; overflow: hidden }
}
.cp-focus .-date { bottom: 1.7rem; color: #008F84; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; left: 2.1rem; letter-spacing:.1rem;
line-height: 1.5rem; position: absolute; right: 2.1rem; text-transform: uppercase }
@media (min-width:37.5em) {
.cp-focus .-date { position: inherit; bottom: inherit; right: inherit; left: inherit }
}
.cp-focus .btn-yellow { display: table; margin: 3rem auto 0 }
@media (min-width:37.5em) {
.cp-focus .btn-yellow { margin: 6rem auto 0 }
}
.cp-focus .-cta-with-img:hover h2 { color: #fff }
.cp-focus .-cta-with-img .-content { z-index: 2; position: relative; top: auto; bottom: auto; left: auto; right: auto; box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; height: 100%; padding: 3rem; text-align: center }
@media (min-width:60em) {
.cp-focus .-cta-with-img .-content { padding: 3rem 6rem }
}
.cp-focus .-cta-with-img .-illust { z-index: 0; position: absolute; top: 0; left: 0; bottom: auto; right: auto; width: 100%; height: 100% }
.cp-focus .-cta-with-img .bg-img { z-index: 1; position: static; min-height: 30rem }
@media (min-width:37.5em) {
.cp-focus .-cta-with-img .bg-img { min-height: 0 }
}
.cp-focus .-cta-with-img .-illust:before { background: rgba(0,0,0,.5); height: 100%; padding-top: 0; position: absolute; z-index: 1 }
.cp-focus .-cta-with-img h2 { color: #fff; font-size: 3.4rem; line-height: 3.8rem; margin: 0 0 2rem }
@media (min-width:37.5em) {
.cp-focus .-cta-with-img h2 { font-size: 4rem; line-height: 4.4rem; margin: 0 0 3rem; -webkit-transition: .5s; transition: .5s }
}
.cp-focus .-cta-with-img .btn-icon-round-white { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-socialwall { margin: 6rem 0; overflow-x: hidden }
@media (min-width:37.5em) {
.cp-socialwall { margin: 11rem 0 12rem }
}
.cp-socialwall.-with-grey-bg, .cp-socialwall.bg--grey { background: #f6f6f6; margin: 0; padding: 6rem 0 }
@media (min-width:37.5em) {
.cp-socialwall.-with-grey-bg, .cp-socialwall.bg--grey { padding: 11rem 0 12rem }
}
.cp-socialwall h2 { font-size: 2.6rem; line-height: 2.8rem; margin: 0 0 3.3rem; text-align: center }
@media (min-width:37.5em) {
.cp-socialwall h2 { font-size: 6rem; line-height: 5.8rem; margin: 0 0 6rem }
}
.cp-socialwall .swiper-container { overflow: visible }
@media (min-width:76em) {
.cp-socialwall .swiper-container { overflow: hidden }
}
.cp-socialwall .-list { box-sizing: content-box; display: -webkit-box; display: flex; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; width: 100%; z-index: 1 }
@media (min-width:76em) {
.cp-socialwall .-list { display: block; margin:0 -.5rem
}
}
.cp-socialwall .post { color: #fff; display: block; flex-shrink: 0; margin:0 .5rem 1rem;
overflow: hidden; position: relative; max-width: 32rem; width: calc(100% - 2.6rem) }
@media (min-width:37.5em) {
.cp-socialwall .post { width: calc(50% - 10px) }
}
@media (min-width:76em) {
.cp-socialwall .post { box-sizing: border-box; color: #fff; flex-shrink: inherit; float: left; max-width: none; width: calc(25% - 1rem) }
}
.cp-socialwall .post:before { display: block; content: ""; padding-top: 99.98%; width: 100% }
.cp-socialwall .post:after { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; content: ""; color: #fff; display: block; font-size: 2.5rem; position: absolute; right: 1.9rem; text-align: center; top: 1.6rem; width: 35px; z-index: 5 }
.cp-socialwall .post.-facebook:after { text-align: center }
.cp-socialwall .post.slider:after { content: "\E92C" }
.cp-socialwall .post.video:after { content: "\E92D" }
@media (min-width:76em) {
.cp-socialwall .post:first-child { width: calc(50% - 1rem) }
.cp-socialwall .post:first-child .-content { padding: 2rem 4rem }
}
@media (min-width:76em) {
.cp-socialwall .post:first-child .img-account { height: 5.5rem; margin-right: 1.9rem; width: 5.5rem }
}
.cp-socialwall .post a { color: #fff }
.cp-socialwall .post.-without-img.-twitter { background: #55acee; color: #fff }
.cp-socialwall .post.-without-img.-twitter:before { background: #55acee }
.cp-socialwall .post.-without-img.-twitter .-content { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; top: 0 }
.cp-socialwall .-illust { height: 100%; left: 0; position: absolute; top: 0; width: 100% }
.cp-socialwall .-illust:before { background: linear-gradient(183deg, rgba(0,0,0,.7), transparent); bottom: 0; content: ""; left: 0; padding: 0; position: absolute; right: 0; top: 0; z-index: 0 }
.cp-socialwall .-illust img { font-family: "object-fit: cover"; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; width: 100%; z-index: 1 }
.cp-socialwall .-content { box-sizing: border-box; font-family: Helvetica Neue LT W05_57 Cond, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; left: 0; line-height: 2rem; padding: 1.5rem; position: absolute; top: 0; width: 100%; z-index: 4 }
@media (min-width:60em) {
.cp-socialwall .-content { line-height: 2.2rem; padding: 2rem }
}
.cp-socialwall .-content>div { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex }
.cp-socialwall .img-account { border-radius: 100%; display: block; height: 3.9rem; margin-right: 1rem; overflow: hidden; width: 3.9rem }
@media (min-width:60em) {
.cp-socialwall .img-account { height: 4rem; width: 4rem }
}
.cp-socialwall .img-account img { font-family: "object-fit: cover;  object-position: center center;"; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; width: 100% }
.cp-socialwall .-details, .cp-socialwall .account-name { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-socialwall .account-name { font-size: 1.2rem; line-height: 1.8rem; text-transform: uppercase }
@media (min-width:60em) {
.cp-socialwall .account-name { font-size: 1.4rem; line-height: 1.8rem }
}
.cp-socialwall p { display: -webkit-box; font-size: 1.6rem; height: 17rem; line-height: 2.2rem; margin: 1.9rem 0 0; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 1px); -webkit-box-orient: vertical; -webkit-line-clamp: 8; word-wrap: break-word }
@media (min-width:37.5em) {
.cp-socialwall p { height: 15rem; -webkit-line-clamp: 7 }
}
.cp-socialwall p a, .cp-socialwall p span { color: #fff; text-decoration: none }
.cp-socialwall .btn-yellow { display: table; margin: 3.9rem auto 0; max-width: 30rem; width: 100% }
@media (min-width:37.5em) {
.cp-socialwall .btn-yellow { max-width: none; width: auto }
}
.cp-event-accounts { background: #000 url(images/bg-tpl-accounts.jpg) no-repeat 0 100%/100% auto; margin: 6rem 0; padding: 4rem 0 }
@media (min-width:37.5em) {
.cp-event-accounts { margin: 12rem 0; padding: 14rem 0 }
}
.cp-event-accounts h2 { color: #fff; font-size: 2.6rem; line-height: 2.8rem; margin: 0 0 3rem; text-align: center }
@media (min-width:37.5em) {
.cp-event-accounts h2 { font-size: 6rem; line-height: 5.8rem; margin: 0 0 4.5rem }
}
@media (min-width:76em) {
.cp-event-accounts h2 { margin: 0 0 9rem }
}
.cp-event-accounts .container-icon { background: #fff; border-radius: 100%; height: 10rem; position: relative; margin-bottom: 2.5rem; width: 10rem }
@media (min-width:37.5em) {
.cp-event-accounts .container-icon { height: 14.2rem; position: relative; margin-bottom: 5.5rem; width: 14.2rem }
}
.cp-event-accounts .container-icon:after { border: 3px solid #008F84; border-radius: 100%; content: ""; height: 12rem; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 12rem }
@media (min-width:37.5em) {
.cp-event-accounts .container-icon:after { height: 15.9rem; width: 15.9rem }
}
.cp-event-accounts .container-icon i { display: block; font-size: 4.4rem; line-height: 11rem; text-align: center }
@media (min-width:37.5em) {
.cp-event-accounts .container-icon i { line-height: 15rem }
}
.cp-event-accounts .icon-instagram { background: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3CradialGradient cx='56.35' cy='19.218' gradientTransform='matrix(.9986 -.05234 .04449 .8488 -36.974 443.801)' gradientUnits='userSpaceOnUse' id='a' r='711.335'%3E%3Cstop offset='0' stop-color='%23fed576'/%3E%3Cstop offset='.263' stop-color='%23f47133'/%3E%3Cstop offset='.609' stop-color='%23bc3081'/%3E%3Cstop offset='1' stop-color='%234c63d2'/%3E%3C/radialGradient%3E%3Cpath d='M96.1 23.2c-16.2 6.3-29.9 14.7-43.6 28.4C38.8 65.2 30.4 79 24.1 95.1c-6.1 15.6-10.2 33.5-11.4 59.7-1.2 26.2-1.5 34.6-1.5 101.4s.3 75.2 1.5 101.4c1.2 26.2 5.4 44.1 11.4 59.7 6.3 16.2 14.7 29.9 28.4 43.6 13.7 13.7 27.4 22.1 43.6 28.4 15.6 6.1 33.5 10.2 59.7 11.4 26.2 1.2 34.6 1.5 101.4 1.5 66.8 0 75.2-.3 101.4-1.5 26.2-1.2 44.1-5.4 59.7-11.4 16.2-6.3 29.9-14.7 43.6-28.4 13.7-13.7 22.1-27.4 28.4-43.6 6.1-15.6 10.2-33.5 11.4-59.7 1.2-26.2 1.5-34.6 1.5-101.4s-.3-75.2-1.5-101.4c-1.2-26.2-5.4-44.1-11.4-59.7C484 79 475.6 65.2 462 51.6c-13.7-13.7-27.4-22.1-43.6-28.4-15.6-6.1-33.5-10.2-59.7-11.4-26.2-1.2-34.6-1.5-101.4-1.5s-75.2.3-101.4 1.5c-26.3 1.1-44.2 5.3-59.8 11.4zM356.6 56c24 1.1 37 5.1 45.7 8.5 11.5 4.5 19.7 9.8 28.3 18.4 8.6 8.6 13.9 16.8 18.4 28.3 3.4 8.7 7.4 21.7 8.5 45.7 1.2 25.9 1.4 33.7 1.4 99.4s-.3 73.5-1.4 99.4c-1.1 24-5.1 37-8.5 45.7-4.5 11.5-9.8 19.7-18.4 28.3-8.6 8.6-16.8 13.9-28.3 18.4-8.7 3.4-21.7 7.4-45.7 8.5-25.9 1.2-33.7 1.4-99.4 1.4s-73.5-.3-99.4-1.4c-24-1.1-37-5.1-45.7-8.5-11.5-4.5-19.7-9.8-28.3-18.4-8.6-8.6-13.9-16.8-18.4-28.3-3.4-8.7-7.4-21.7-8.5-45.7-1.2-25.9-1.4-33.7-1.4-99.4s.3-73.5 1.4-99.4c1.1-24 5.1-37 8.5-45.7 4.5-11.5 9.8-19.7 18.4-28.3 8.6-8.6 16.8-13.9 28.3-18.4 8.7-3.4 21.7-7.4 45.7-8.5 25.9-1.2 33.7-1.4 99.4-1.4s73.5.2 99.4 1.4z' fill='url(%23a)'/%3E%3CradialGradient cx='154.073' cy='134.55' gradientTransform='matrix(.9986 -.05234 .04449 .8488 -24.362 253.295)' gradientUnits='userSpaceOnUse' id='b' r='365.28'%3E%3Cstop offset='0' stop-color='%23fed576'/%3E%3Cstop offset='.263' stop-color='%23f47133'/%3E%3Cstop offset='.609' stop-color='%23bc3081'/%3E%3Cstop offset='1' stop-color='%234c63d2'/%3E%3C/radialGradient%3E%3Cpath d='M130.9 256.3c0 69.8 56.6 126.3 126.3 126.3S383.5 326 383.5 256.3 327 130 257.2 130s-126.3 56.5-126.3 126.3zm208.3 0c0 45.3-36.7 82-82 82s-82-36.7-82-82 36.7-82 82-82 82 36.7 82 82z' fill='url(%23b)'/%3E%3Ccircle cx='388.6' cy='125' r='29.5' fill='%23654c9f'/%3E%3C/svg%3E") no-repeat 50%/4.4rem 4.4rem; height: 10.4rem; text-align: center }
@media (min-width:37.5em) {
.cp-event-accounts .icon-instagram { height: 14.4rem }
}
.cp-event-accounts .icon-instagram:before { display: none }
.cp-event-accounts .icon-linkedin-background:before { color: #0288d1 }
.cp-event-accounts .icon-facebook-background:before { color: #3b5998 }
.cp-event-accounts .icon-twitter:before { color: #00ace3 }
.cp-event-accounts .icon-youtube:before { color: red }
.event-accounts-list { display: -webkit-box; display: flex; flex-wrap: wrap; justify-content: space-around; width: 100% }
.event-accounts-item { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; margin: 3rem 2rem 0 }
.event-accounts-item:hover { text-decoration: none }
.event-accounts-name { color: #fff; font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3.5rem; letter-spacing:.116rem;
line-height: 3.1rem; text-align: center }
.event-accounts-name span { display: block; font-family: Helvetica Neue LT W05_57 Cond, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.5rem; letter-spacing:.05rem;
text-transform: uppercase }
.cp-manual-social-media { margin: 6rem 0; position: relative }
@media (min-width:37.5em) {
.cp-manual-social-media { margin: 12rem 0 }
}
.cp-manual-social-media .cp-slider-vertical-parallax .container-pagination, .cp-manual-social-media .teq-container, .cp-slider-vertical-parallax .cp-manual-social-media .container-pagination { width: 100% }
@media (min-width:37.5em) {
.cp-manual-social-media .cp-slider-vertical-parallax .container-pagination, .cp-manual-social-media .teq-container, .cp-slider-vertical-parallax .cp-manual-social-media .container-pagination { width: calc(100% - 4.8rem) }
}
.cp-manual-social-media h2 { font-size: 2.6rem; line-height: 2.8rem; margin: 0 0 3rem; text-align: center }
@media (min-width:37.5em) {
.cp-manual-social-media h2 { font-size: 6rem; line-height: 6rem; margin: 0 0 6rem }
}
.cp-manual-social-media.-with-grey-bg { background: #f6f6f6; margin: 0 0 6rem; padding: 3rem 0 }
@media (min-width:37.5em) {
.cp-manual-social-media.-with-grey-bg { margin: 0 0 12rem; padding: 6rem 0 }
}
.cp-manual-social-media.-with-grey-bg .-item { background: #fff }
.cp-manual-social-media .swiper-container { overflow: visible }
.cp-manual-social-media .-list { display: -webkit-box; display: flex }
@media (min-width:64em) {
.cp-manual-social-media .-list { -webkit-box-pack: center; justify-content: center; margin: 0 -1rem }
}
.cp-manual-social-media .-item { background: #f6f6f6; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: auto; margin: 0 1.6rem 0 0; max-width: calc(100% - 4.5rem); width: 39rem }
@media (min-width:64em) {
.cp-manual-social-media .-item { margin: 0 1rem; width: calc(33.33333% - 1.4rem) }
}
.cp-manual-social-media .-item:hover { text-decoration: none }
.cp-manual-social-media .-account { color: #171F4A; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; line-height: 2.2rem; margin-bottom: 3.8rem; padding: 3.8rem 7.8rem 0 3.8rem; position: relative }
.cp-manual-social-media .-account span { color: #008F84; display: block; text-decoration: underline; text-transform: uppercase }
.cp-manual-social-media .-content { margin-bottom: 3.8rem; padding: 0 3rem }
.cp-manual-social-media .-content>a:hover { text-decoration: none }
.cp-manual-social-media .-content p { margin: 0 }
.cp-manual-social-media .-content img { height: 16px }
.cp-manual-social-media .-content, .cp-manual-social-media .-content p { color: #171F4A; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem }
.cp-manual-social-media .-item.-facebook .-content span { color: #4164b4 }
.cp-manual-social-media .-item.-linkedin .-content span, .cp-manual-social-media .-item.-twitter .-content span { color: #0288d1 }
.cp-manual-social-media .icon { font-size: 3.2rem; right: 3.8rem; position: absolute; top: 3.8rem }
.cp-manual-social-media .icon-twitter { color: #00ace3 }
.cp-manual-social-media .icon-facebook-background { color: #3b5998 }
.cp-manual-social-media .icon-linkedin-background { color: #0288d1 }
.cp-manual-social-media .icon-youtube { color: red; font-size: 3.9rem }
.cp-manual-social-media .icon-instagram-colored:before { width: 3.6rem; height: 3.6rem }
.cp-manual-social-media .-illust, .cp-manual-social-media .-video, .cp-manual-social-media .-video-new-link { margin-top: auto; position: relative }
.cp-manual-social-media .-illust img, .cp-manual-social-media .-video-new-link img, .cp-manual-social-media .-video img { display: block }
.cp-manual-social-media .-video:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; display: block; position: absolute; transition: .6s ease }
.cp-manual-social-media .-video-new-link a, .cp-manual-social-media .-video:before { background: rgba(0,0,0,.5); border:.2rem solid #fff;
border-radius: 100%; color: #fff; cursor: pointer; font-size: 2.8rem; height: 9.2rem; left: 50%; line-height: 9.2rem; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: .6s ease; text-align: center; width: 9.2rem; will-change: transform; z-index: 2 }
.cp-manual-social-media .-video-new-link a { display: -webkit-box; display: flex; position: absolute; transition: .6s ease; justify-content: space-around }
.cp-manual-social-media .-video-new-link a svg { width: 7.2rem }
.cp-manual-social-media .-video-new-link a a[rel=external], .cp-manual-social-media .-video-new-link a a[rel~=external] { color: #2e2eca }
.title-text-bkrnd-intro { box-sizing: border-box; margin-bottom: 2.5rem; padding: 4rem 1rem; text-align: center; width: 100% }
@media (min-width:37.5em) {
.title-text-bkrnd-intro { margin-bottom: 7rem; padding: 6rem 2rem 7rem }
}
@media (min-width:76em) {
.title-text-bkrnd-intro { margin-bottom: 14rem; padding: 12.5rem 0 17rem }
}
.title-text-bkrnd-intro .episode-title { -webkit-box-align: center; align-items: center; color: #fff; display: -webkit-box; display: flex; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3rem; font-style: italic; -webkit-box-pack: center; justify-content: center; line-height: 5rem; text-align: center; text-transform: uppercase }
.title-text-bkrnd-intro .episode-title span { font-size: 5rem; margin-left:.8rem
}
@media (min-width:37.5em) {
.title-text-bkrnd-intro .episode-title { font-size: 4rem; line-height: 6rem }
.title-text-bkrnd-intro .episode-title span { font-size: 8rem }
}
.title-text-bkrnd-intro .tpl-title-intro { color: #171F4A; display: block; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-style: italic; margin-bottom: 3rem; text-align: center; width: 100% }
@media (min-width:37.5em) {
.title-text-bkrnd-intro .tpl-title-intro { font-size: 3.8rem; line-height: 3.8rem }
}
@media (min-width:76em) {
.title-text-bkrnd-intro .tpl-title-intro { font-size: 6rem; line-height: 6rem; margin-bottom: 5rem }
}
.title-text-bkrnd-intro .tpl-content { margin: 0 auto; max-width: 775px; overflow: visible; position: relative }
.title-text-bkrnd-intro .description { color: #171F4A; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem; margin-bottom: 2.5rem; position: relative; text-align: center; z-index: 2 }
@media (min-width:47.5em) {
.title-text-bkrnd-intro .description { font-size: 2.2rem; line-height: 3.4rem; margin-bottom: 3.2rem }
}
.cp-photo-deco { margin-bottom: 2.5rem }
@media (min-width:37.5em) {
.cp-photo-deco { margin-bottom: 7rem }
}
@media (min-width:76em) {
.cp-photo-deco { margin-bottom: 14rem }
}
.cp-photo-deco .cp-slider-vertical-parallax .container-pagination, .cp-photo-deco .teq-container, .cp-slider-vertical-parallax .cp-photo-deco .container-pagination { position: relative; border-bottom: 1px solid #eae9e8 }
@media (min-width:76em) {
.cp-photo-deco .cp-slider-vertical-parallax .container-pagination figure.withLegend, .cp-photo-deco .teq-container figure.withLegend, .cp-slider-vertical-parallax .cp-photo-deco .container-pagination figure.withLegend { border-bottom: none!important }
.cp-photo-deco .cp-slider-vertical-parallax .container-pagination figure.withLegend figcaption, .cp-photo-deco .teq-container figure.withLegend figcaption, .cp-slider-vertical-parallax .cp-photo-deco .container-pagination figure.withLegend figcaption { position: relative; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-photo-deco .cp-slider-vertical-parallax .container-pagination figure.withLegend figcaption:after, .cp-photo-deco .teq-container figure.withLegend figcaption:after, .cp-slider-vertical-parallax .cp-photo-deco .container-pagination figure.withLegend figcaption:after { content: ""; position: absolute; bottom: 0; left: 0; display: none; height: 1px; width: calc(100% - 50px); background-color: #eae9e8 }
}
.cp-photo-deco .illust { display: block; width: 100% }
.title-text-bkrnd-anchor { background-size: 0 0; box-sizing: border-box; margin-bottom: 0; text-align: center; width: 100% }
@media (min-width:37.5em) {
.title-text-bkrnd-anchor { background-repeat: no-repeat; background-position: 50%; background-size: cover; margin-bottom: 0; padding: 0 2rem 10rem }
}
@media (min-width:76em) {
.title-text-bkrnd-anchor { margin-bottom: 0; padding: 2rem 0 10rem }
.cp-slider-vertical-parallax .title-text-bkrnd-anchor.-deco .container-pagination, .title-text-bkrnd-anchor.-deco .cp-slider-vertical-parallax .container-pagination, .title-text-bkrnd-anchor.-deco .teq-container { position: relative }
.title-text-bkrnd-anchor.-deco .tpl-title { margin-bottom: 7rem }
}
.title-text-bkrnd-anchor.-white .description, .title-text-bkrnd-anchor.-white .tpl-title { color: #fff }
.title-text-bkrnd-anchor .tpl-title { color: #171F4A; display: block; margin-bottom: 3rem; width: 100%; font-style: normal; text-align: center }
.title-text-bkrnd-anchor .tpl-title span { color: #008F84!important }
@media (min-width:37.5em) {
.title-text-bkrnd-anchor .tpl-title { font-size: 4.8rem; line-height: 4.6rem }
}
@media (min-width:76em) {
.title-text-bkrnd-anchor .tpl-title { margin-bottom: 5rem }
}
.title-text-bkrnd-anchor .tpl-content { margin: 0 auto; max-width: 775px; overflow: visible; position: relative }
@media (min-width:76em) {
.title-text-bkrnd-anchor .tpl-content:before { display: none; color: #fff; font-family: Read-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 22rem; font-style: italic; left: -9.375%; line-height: 11rem; content: attr(data-lettrine); position: absolute; top: 0; text-shadow: 1px 1px 0 #008F84, 1px -1px 0 #008F84, -1px 1px 0 #008F84, -1px -1px 0 #008F84, 1px 0 0 #008F84, 0 2px 0 #008F84, -1px 0 0 #008F84, 0 -1px 0 #008F84, 1px 1px 1px hsla(0,0%,91%,0); text-transform: uppercase; z-index: 1 }
.title-text-bkrnd-anchor .tpl-content:after { display: none; background: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 115.93 92.02'%3E%3Cg data-name='Episode-%231'%3E%3Cg fill='%23fff' fill-rule='evenodd' data-name='Saga-Etech-%231'%3E%3Cpath d='M65.38 3.62A3.63 3.63 0 1169 7.25a3.62 3.62 0 01-3.62-3.63M87.03 3.62a3.63 3.63 0 113.62 3.63 3.62 3.62 0 01-3.62-3.63M108.68 3.62a3.63 3.63 0 113.62 3.63 3.62 3.62 0 01-3.62-3.63M65.38 24.81A3.63 3.63 0 1169 28.44a3.62 3.62 0 01-3.62-3.63M87.03 24.81a3.63 3.63 0 113.62 3.63 3.62 3.62 0 01-3.62-3.63M108.68 24.81a3.63 3.63 0 113.62 3.63 3.62 3.62 0 01-3.62-3.63M65.38 46.02A3.63 3.63 0 1169 49.64a3.63 3.63 0 01-3.62-3.62M87.03 46.02a3.63 3.63 0 113.62 3.62 3.63 3.63 0 01-3.62-3.62M108.68 46.02a3.63 3.63 0 113.62 3.62 3.63 3.63 0 01-3.62-3.62M65.38 67.2A3.63 3.63 0 1169 70.83a3.62 3.62 0 01-3.62-3.63M87.03 67.2a3.63 3.63 0 113.62 3.63 3.62 3.62 0 01-3.62-3.63M108.68 67.2a3.63 3.63 0 113.62 3.63 3.62 3.62 0 01-3.62-3.63M0 67.2a3.63 3.63 0 113.63 3.63A3.63 3.63 0 010 67.2M21.65 67.2a3.63 3.63 0 113.63 3.63 3.63 3.63 0 01-3.63-3.63M43.3 67.2a3.63 3.63 0 113.63 3.63 3.63 3.63 0 01-3.63-3.63M65.38 88.39A3.63 3.63 0 1169 92.02a3.62 3.62 0 01-3.62-3.63M0 88.39a3.63 3.63 0 113.63 3.63A3.63 3.63 0 010 88.39M21.65 88.39a3.63 3.63 0 113.63 3.63 3.63 3.63 0 01-3.63-3.63M43.3 88.39a3.63 3.63 0 113.63 3.63 3.63 3.63 0 01-3.63-3.63'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat 0 0/contain; bottom: -8.7rem; content: ""; height: 12rem; right: -12.5%; position: absolute; width: 12rem }
}
.title-text-bkrnd-anchor .description { color: #171F4A; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; line-height: 2.8rem; margin-bottom: 2.5rem; position: relative; text-align: center; z-index: 2 }
@media (min-width:47.5em) {
.title-text-bkrnd-anchor .description { font-size: 2.2rem; line-height: 3.4rem }
}
.cp-alt-image-text { align-content: center; box-sizing: border-box; display: -webkit-box; display: flex; flex-wrap: wrap; margin: 0 }
@media (min-width:37.5em) {
.cp-alt-image-text { margin: 0 }
}
@media (min-width:37.5em) {
.cp-alt-image-text .cp-slider-vertical-parallax .container-pagination, .cp-alt-image-text .teq-container, .cp-slider-vertical-parallax .cp-alt-image-text .container-pagination { width: 120rem; max-width: 120rem }
}
.cp-alt-image-text.-gray { background: #f6f6f6; margin-bottom: 0 }
@media (min-width:76em) {
.cp-alt-image-text.-gray { margin-bottom: 0; padding: 12rem 0 }
}
.cp-alt-image-text .cp-slider-vertical-parallax .container-pagination, .cp-alt-image-text .teq-container, .cp-slider-vertical-parallax .cp-alt-image-text .container-pagination { position: relative }
.cp-alt-image-text .flex-cont { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: justify; justify-content: space-between; width: 100% }
.cp-alt-image-text .flex-cont figure, .cp-alt-image-text .flex-cont img { width: 100%; -o-object-fit: cover; object-fit: cover; overflow: hidden; padding: 20px 0 }
@media (min-width:37.5em) {
.cp-alt-image-text .flex-cont figure, .cp-alt-image-text .flex-cont img { width: calc(50% - 1rem) }
}
@media (min-width:60em) {
.cp-alt-image-text .flex-cont figure, .cp-alt-image-text .flex-cont img { padding: 0 }
}
@media (min-width:60em) {
.cp-alt-image-text .flex-cont:first-child { margin-bottom: 5rem }
}
.cp-alt-image-text .tpl-content { width: 100%; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; align-content: center }
@media (min-width:37.5em) {
.cp-alt-image-text .tpl-content { width: calc(50% - 35px) }
}
@media (min-width:60em) {
.cp-alt-image-text .tpl-content { width: calc(50% - 70px) }
}
.cp-alt-image-text .-description { display: block; box-sizing: border-box; width: 100% }
@media (min-width:37.5em) {
.cp-alt-image-text .-description { padding: 0 }
}
.cp-alt-image-text .-description p { color: #53565a; line-height: 3rem; margin-top: 0 }
.cp-alt-image-text .order figure, .cp-alt-image-text .order img { -webkit-box-ordinal-group: 2; order: 1 }
@media (min-width:37.5em) {
.cp-alt-image-text .order figure, .cp-alt-image-text .order img { -webkit-box-ordinal-group: 3; order: 2 }
}
.cp-alt-image-text .order .tpl-content { -webkit-box-ordinal-group: 3; order: 2 }
@media (min-width:37.5em) {
.cp-alt-image-text .order .tpl-content { -webkit-box-ordinal-group: 2; order: 1 }
}
.cp-alt-image-text a { margin: 21px auto 0 }
@media (min-width:60em) {
.cp-alt-image-text a { margin: 59px auto 0 }
}
.cp-alt-image-text figure img { width: 100% }
@media (min-width:37.5em) {
.cp-alt-image-text figure img { width: 100%!important }
}
@media (min-width:60em) {
.cp-alt-image-text figure img { width: 100%!important }
}
@media (min-width:76em) {
.cp-alt-image-text figure img { width: 100%!important }
}
.cp-anchor-video-quote { background: #171F4A; box-sizing: border-box; padding: 2rem 0 }
@media (min-width:76em) {
.cp-anchor-video-quote { padding: 6rem 0 8rem }
}
.cp-anchor-video-quote .title-text-bkrnd-anchor { margin: 0 0 4rem; padding: 0 }
@media (min-width:76em) {
.cp-anchor-video-quote .title-text-bkrnd-anchor { padding-top: 10rem; margin-top: -10rem; margin-bottom: 9rem }
}
@media (min-width:76em) {
.cp-anchor-video-quote .title-text-bkrnd-anchor .tpl-content:before { color: #171F4A }
.cp-anchor-video-quote .title-text-bkrnd-anchor .tpl-content:after { background: none }
.cp-anchor-video-quote .title-text-bkrnd-anchor .tpl-content .description { position: relative; z-index: 5 }
}
.cp-anchor-video-quote .mod-photo-text-block, .cp-anchor-video-quote .mod-video-text-block { margin: 0 0 4rem; position: relative }
@media (min-width:60em) {
.cp-anchor-video-quote .mod-photo-text-block, .cp-anchor-video-quote .mod-video-text-block { margin-bottom: 10rem }
}
.cp-anchor-video-quote .mod-photo-text-block .cp-slider-vertical-parallax .container-pagination, .cp-anchor-video-quote .mod-photo-text-block .teq-container, .cp-anchor-video-quote .mod-video-text-block .cp-slider-vertical-parallax .container-pagination, .cp-anchor-video-quote .mod-video-text-block .teq-container, .cp-slider-vertical-parallax .cp-anchor-video-quote .mod-photo-text-block .container-pagination, .cp-slider-vertical-parallax .cp-anchor-video-quote .mod-video-text-block .container-pagination { max-width: 67.5rem }
@media (min-width:60em) {
.cp-anchor-video-quote .mod-photo-text-block .-video, .cp-anchor-video-quote .mod-video-text-block .-video { width: 100% }
}
.cp-anchor-video-quote .mod-photo-text-block:before, .cp-anchor-video-quote .mod-video-text-block:before { padding-top: .4933333333 }
.cp-anchor-video-quote .cp-portrait-job-title .cp-slider-vertical-parallax .container-pagination, .cp-anchor-video-quote .cp-portrait-job-title .teq-container, .cp-anchor-video-quote .cp-portrait-job .cp-slider-vertical-parallax .container-pagination, .cp-anchor-video-quote .cp-portrait-job .teq-container, .cp-slider-vertical-parallax .cp-anchor-video-quote .cp-portrait-job-title .container-pagination, .cp-slider-vertical-parallax .cp-anchor-video-quote .cp-portrait-job .container-pagination { max-width: 120rem }
.cp-anchor-video-quote .cp-portrait-job-title blockquote, .cp-anchor-video-quote .cp-portrait-job blockquote { color: #fff }
.cp-anchor-video-quote .cp-portrait-job-title blockquote:after, .cp-anchor-video-quote .cp-portrait-job-title blockquote:before, .cp-anchor-video-quote .cp-portrait-job blockquote:after, .cp-anchor-video-quote .cp-portrait-job blockquote:before { color: #008F84 }
.cp-anchor-video-quote .cp-portrait-job-title .name, .cp-anchor-video-quote .cp-portrait-job .name { box-sizing: border-box; color: #fff; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; line-height: 2.4rem; text-transform: uppercase; margin-bottom:.5rem;
width: 100%; text-align: right }
.cp-anchor-video-quote .cp-portrait-job-title .job-title, .cp-anchor-video-quote .cp-portrait-job .job-title { box-sizing: border-box; color: #fff; font-family: Renault-Light, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; line-height: 2.4rem; margin-bottom: 1rem; text-align: right }
@media (min-width:60em) {
.cp-anchor-video-quote .cp-portrait-job-title .job-title, .cp-anchor-video-quote .cp-portrait-job .job-title { padding: 0; margin: 0; width: 100% }
}
@media (min-width:60em) {
.cp-anchor-video-quote .cp-portrait-job-title .-content, .cp-anchor-video-quote .cp-portrait-job-title img, .cp-anchor-video-quote .cp-portrait-job .-content, .cp-anchor-video-quote .cp-portrait-job img { width: 50% }
}
.tpl-image-fullwidth { width: 100% }
.tpl-image-fullwidth img { display: block; height: auto; margin: 0!important; width: 100% }
.title-text-bkrnd-intro.e-tech-2 { background-size: cover; background-position-y: 13%; position: relative; padding-top: 200px; margin-top: -130px }
.title-text-bkrnd-intro.e-tech-2 .description, .title-text-bkrnd-intro.e-tech-2 .tpl-title-intro { color: #fff }
.title-text-bkrnd-intro.e-tech-2 .description a { color: #fff; text-decoration: underline }
@media (min-width:37.5em) {
.title-text-bkrnd-intro.e-tech-2 { padding-top: 300px; margin-top: -230px }
}
@media (min-width:76em) {
.title-text-bkrnd-intro.e-tech-2 .tpl-title-intro { max-width: 900px; margin-left: auto; margin-right: auto }
}
.cp-title-anchor-block.-dark a:hover { -webkit-text-decoration: underline #fff!important; text-decoration: underline #fff!important }
@media (min-width:60em) {
.cp-title-anchor-block.e-tech-2.-dark .anchor-item { max-width: 33.3%!important }
}
.mod-photo-text-block.e-tech-2 .-content p, .mod-video-text-block.e-tech-2 .-content p { color: #53565a; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; line-height: 3rem }
@media (min-width:37.5em) {
.mod-photo-text-block.e-tech-2 .-content p, .mod-video-text-block.e-tech-2 .-content p { font-size: 1.8rem; line-height: 3.4rem }
}
.cp-anchor-video-quote.e-tech-2 { padding-bottom: 0 }
.cp-anchor-video-quote.e-tech-2 .mod-photo-text-block:after, .cp-anchor-video-quote.e-tech-2 .mod-video-text-block:after { display: none }
.cp-anchor-video-quote.e-tech-2 .cp-alt-image-text .-description p { color: #fff }
.cp-anchor-video-quote.e-tech-2 .tpl-white-title-subtitle-txt .h2-subtitle:after { display: none }
.cp-anchor-video-quote.e-tech-2 .tpl-white-title-subtitle-txt blockquote { color: #fff }
.cp-anchor-video-quote.e-tech-2 .job-title, .cp-anchor-video-quote.e-tech-2 .name, .cp-anchor-video-quote.e-tech-2 .tpl-white-title-subtitle-txt .job-title, .cp-anchor-video-quote.e-tech-2 .tpl-white-title-subtitle-txt .name { color: #fff; text-align: left }
.cp-anchor-video-quote.e-tech-2 .image-fullwidth { position: relative }
.cp-anchor-video-quote.e-tech-2 .image-fullwidth img { display: block; width: 100% }
.cp-alt-image-text.e-tech-2 .flex-cont { -webkit-box-align: center; align-items: center }
.cp-alt-image-text.e-tech-2 .flex-cont p { margin: 0 }
#third.title-text-bkrnd-anchor.e-tech-2 .cp-slider-vertical-parallax .container-pagination:after, #third.title-text-bkrnd-anchor.e-tech-2 .teq-container:after, .cp-slider-vertical-parallax #third.title-text-bkrnd-anchor.e-tech-2 .container-pagination:after { display: none }
#third.title-text-bkrnd-anchor.e-tech-2 .tpl-title { max-width: 700px; margin-left: auto; margin-right: auto }
.cp-edito-quote.e-tech-2 .-content { max-width: 800px }
.cp-edito-quote.e-tech-2 .-content p { line-height: 1.7 }
.cp-text-image-superposition.e-tech-2 { margin-top: 60px }
.cp-text-image-superposition.e-tech-2 .content { position: relative; display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -webkit-box-pack: center; justify-content: center }
.cp-text-image-superposition.e-tech-2 .content p { max-width: 590px; color: #53565a; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; line-height: 3rem }
.cp-text-image-superposition.e-tech-2 .image-wrapper { position: relative }
.cp-text-image-superposition.e-tech-2 .image-wrapper img { display: block; width: 100% }
.cp-text-image-superposition.e-tech-2 .title-text-bkrnd-anchor { padding: 0; margin: 40px 0 }
.cp-slider-vertical-parallax .cp-text-image-superposition.e-tech-2 .title-text-bkrnd-anchor .container-pagination:after, .cp-text-image-superposition.e-tech-2 .title-text-bkrnd-anchor .cp-slider-vertical-parallax .container-pagination:after, .cp-text-image-superposition.e-tech-2 .title-text-bkrnd-anchor .teq-container:after { height: 12rem; display: none }
.cp-text-image-superposition.e-tech-2 .title-text-bkrnd-anchor .tpl-content:before { left: -15% }
@media (min-width:37.5em) {
.cp-text-image-superposition.e-tech-2 .content p { font-size: 1.8rem; line-height: 3.4rem }
}
@media (min-width:60em) {
.cp-text-image-superposition.e-tech-2 .image-wrapper { margin-top: -40px }
}
@media (min-width:76em) {
.cp-text-image-superposition.e-tech-2 .content { -webkit-box-pack: end; justify-content: flex-end }
.cp-text-image-superposition.e-tech-2 .image-wrapper { margin-top: -120px }
.cp-text-image-superposition.e-tech-2 .title-text-bkrnd-anchor { padding: 70px 0 120px }
.cp-slider-vertical-parallax .cp-text-image-superposition.e-tech-2 .title-text-bkrnd-anchor .container-pagination:after, .cp-text-image-superposition.e-tech-2 .title-text-bkrnd-anchor .cp-slider-vertical-parallax .container-pagination:after, .cp-text-image-superposition.e-tech-2 .title-text-bkrnd-anchor .teq-container:after { display: block }
}
.mod-banner-titre-image { background-size: 0 0; box-sizing: border-box; margin-bottom: 0; text-align: center; width: 100% }
@media screen and (max-width:30em) {
.mod-banner-titre-image .tpl-content { margin: 0 auto; max-width: calc(100% - 3rem); width: calc(100% - 3rem) }
.mod-banner-titre-image .tpl-content .description { text-align: left }
}
.mod-banner-titre-image .img-fullwidth { max-width: none; width: 100% }
.mod-banner-titre-image .content-txt { background-color: #171F4A }
@media (min-width:37.5em) {
.mod-banner-titre-image .content-txt { background-repeat: no-repeat; background-position: 50%; background-size: cover; margin-bottom: 0; padding: 0 2rem 10rem }
}
@media (min-width:76em) {
.mod-banner-titre-image .content-txt { margin-bottom: 0; padding: 10rem 0 }
.cp-slider-vertical-parallax .mod-banner-titre-image .content-txt.-deco .container-pagination, .mod-banner-titre-image .content-txt.-deco .cp-slider-vertical-parallax .container-pagination, .mod-banner-titre-image .content-txt.-deco .teq-container { position: relative }
.mod-banner-titre-image .content-txt.-deco .tpl-title { margin-bottom: 7rem }
}
.mod-banner-titre-image .content-txt .tpl-title { color: #fff; display: block; margin-bottom: 3rem; width: 100%; font-style: normal; text-align: center }
.mod-banner-titre-image .content-txt .tpl-title span { color: #008F84!important }
@media (min-width:37.5em) {
.mod-banner-titre-image .content-txt .tpl-title { font-size: 3.8rem; line-height: 3.8rem }
}
@media (min-width:76em) {
.mod-banner-titre-image .content-txt .tpl-title { font-size: 6rem; line-height: 6rem; margin-bottom: 5rem }
}
.mod-banner-titre-image .content-txt .tpl-content { margin: 0 auto; max-width: 775px; overflow: visible; position: relative }
.mod-banner-titre-image .content-txt .description { color: #fff; font-family: Read-Light, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; line-height: 2.8rem; margin-bottom: 2.5rem; position: relative; text-align: center; z-index: 2 }
@media (min-width:47.5em) {
.mod-banner-titre-image .content-txt .description { font-size: 2.2rem; line-height: 3.4rem }
}
.cp-anchor-video-quote.e-tech-3 { padding-bottom: 0 }
.cp-anchor-video-quote.e-tech-3 .flex-cont { -webkit-box-align: center; align-items: center }
.cp-anchor-video-quote.e-tech-3 .cp-alt-image-text .-description p { color: #fff; line-height: 1.7 }
.cp-anchor-video-quote.e-tech-3 .tpl-white-title-subtitle-txt .h2-subtitle:after { display: none }
.cp-anchor-video-quote.e-tech-3 .tpl-white-title-subtitle-txt .job-title, .cp-anchor-video-quote.e-tech-3 .tpl-white-title-subtitle-txt .name, .cp-anchor-video-quote.e-tech-3 .tpl-white-title-subtitle-txt blockquote { color: #fff }
.cp-anchor-video-quote.e-tech-3 .row1 { padding-top: 60px }
.cp-anchor-video-quote.e-tech-3 .image-fullwidth { position: relative }
.cp-anchor-video-quote.e-tech-3 .image-fullwidth img { display: block; width: 100% }
.cp-anchor-video-quote.e-tech-3 .image-fullwidth img:after { left: auto; right: 0 }
@media (min-width:76em) {
.cp-anchor-video-quote.e-tech-3 .image-fullwidth { margin-top: 30px }
}
.tpl-white-title-subtitle-txt.episode-3 { position: relative; margin: 0 0 4rem; text-align: center }
@media (min-width:37.5em) {
.tpl-white-title-subtitle-txt.episode-3 { margin: 0 0 6rem }
}
@media (min-width:60em) {
.tpl-white-title-subtitle-txt.episode-3 { margin: 0 0 9rem }
}
.tpl-white-title-subtitle-txt.episode-3.-without-small-margin-top { margin: 2rem 0 }
@media (min-width:37.5em) {
.tpl-white-title-subtitle-txt.episode-3.-without-small-margin-top { margin: 0 0 6rem }
}
@media (min-width:76em) {
.tpl-white-title-subtitle-txt.episode-3.-deco .h2-subtitle { position: relative }
.tpl-white-title-subtitle-txt.episode-3.-deco .h2-subtitle:after { content: ""; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='190' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M90.001 5a5 5 0 0010 0 5 5 0 00-10 0zm-30 0a5 5 0 0010 0 5 5 0 00-10 0zm-30 0a5 5 0 1010 0 5 5 0 00-10 0zm60 30a5 5 0 0010 0 5 5 0 00-10 0zM60 35a5 5 0 0010.001.001A5 5 0 1060 35zm-29.999 0a5 5 0 1010 0 5 5 0 00-10 0zm60 30a5 5 0 1010 0 5 5 0 00-10 0zM60 65a5 5 0 009.331 2.501A5 5 0 0065.001 60 5 5 0 0060 65zm-29.999 0a5 5 0 1010 0 5 5 0 00-10 0zM0 65a5 5 0 005 5.001A5.003 5.003 0 009.331 62.5 5 5 0 000 65zm90.001 30a5.002 5.002 0 009.331 2.501 5.003 5.003 0 00.001-5A5 5 0 0090.001 95zM60 95a5.002 5.002 0 009.331 2.501A5 5 0 0065.001 90 5 5 0 0060 95zm-29.999 0a5 5 0 1010 0 5 5 0 00-10 0zM0 95a5.002 5.002 0 009.331 2.501A5 5 0 005.001 90 5 5 0 000 95zm90.002 30a5 5 0 0010 0 5 5 0 00-10 0zm-30.001 0a5 5 0 0010 0 5 5 0 00-10 0zm-30 0a5 5 0 1010 0 5 5 0 00-10 0zm-30 0a5 5 0 0010 0 5 5 0 00-10 0zm60 30a5 5 0 1010 0 5 5 0 00-10 0zm-30 0a5 5 0 1010 0 5 5 0 00-10 0zm-30 0a5 5 0 1010 0 5 5 0 00-10 0zm60 30a5 5 0 0010 0 5 5 0 00-10 0zm-30 0a5 5 0 1010 0 5 5 0 00-10 0zm-30 0a5 5 0 0010 0 5 5 0 00-10 0z' id='a'/%3E%3C/defs%3E%3Cg transform='rotate(-180 50 95)' fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath fill='%23E9E9E9' mask='url(%23b)' d='M-5 195h110.002V-5H-5z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 0 0/contain; position: absolute; bottom: -11rem; right: -37.5%; height: 19rem; width: 11rem; z-index: 1 }
}
.tpl-white-title-subtitle-txt.episode-3.-deco blockquote:after, .tpl-white-title-subtitle-txt.episode-3.-deco blockquote:before { color: #008F84!important }
.tpl-white-title-subtitle-txt.episode-3 .non-italic { font-family: Helvetica Neue LT W05_67 Md Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-style: normal; font-size: 1.6rem }
@media (min-width:60em) {
.tpl-white-title-subtitle-txt.episode-3 .non-italic { font-size: 2.9rem }
}
.tpl-white-title-subtitle-txt.episode-3 .l-zone { margin: 0 auto; padding-top: 100px }
@media (min-width:60em) {
.tpl-white-title-subtitle-txt.episode-3 .l-zone { max-width: 79rem; width: 66.66667% }
}
.tpl-white-title-subtitle-txt.episode-3 .-content { float: none }
.tpl-white-title-subtitle-txt.episode-3 h2 { font-size: 2.6rem; line-height: 2.8rem; margin: 0 0 3rem; text-align: center }
@media (min-width:37.5em) {
.tpl-white-title-subtitle-txt.episode-3 h2 { font-size: 6rem; line-height: 5.8rem; margin: 0 0 9rem }
}
.tpl-white-title-subtitle-txt.episode-3 h3 { color: #171F4A; font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.2rem; line-height: 2.4rem; margin-bottom: 2rem; text-align: center; text-transform: uppercase }
@media (min-width:37.5em) {
.tpl-white-title-subtitle-txt.episode-3 h3 { font-size: 3.6rem; line-height: 4rem; margin-bottom: 4rem }
}
@media (min-width:60em) {
.tpl-white-title-subtitle-txt.episode-3 h3 { margin-bottom: 2.5rem }
}
.tpl-white-title-subtitle-txt.episode-3 .h2-subtitle { color: #171F4A; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2.6rem }
@media (min-width:37.5em) {
.tpl-white-title-subtitle-txt.episode-3 .h2-subtitle { font-size: 2.3rem; line-height: 2.6rem }
}
@media (min-width:60em) {
.tpl-white-title-subtitle-txt.episode-3 .h2-subtitle { font-size: 2.3rem; line-height: 2.6rem }
}
.tpl-white-title-subtitle-txt.episode-3 .h2-subtitle .name { font-family: Helvetica Neue LT W05_67 Md Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; color: #171F4A; text-align: center; line-height: 2rem; text-transform: uppercase; margin-bottom: 0 }
.tpl-white-title-subtitle-txt.episode-3 .h2-subtitle .job-title { font-family: Helvetica Neue LT W05_47 Lt Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; color: #171F4A; letter-spacing: .67px; line-height: 1.8rem }
.tpl-white-title-subtitle-txt.episode-3 a { color: #171F4A; text-decoration: underline }
.tpl-white-title-subtitle-txt.episode-3 a:hover { color: #888b8d }
.tpl-white-title-subtitle-txt.episode-3 a:visited { color: #53565a }
.tpl-white-title-subtitle-txt.episode-3 .btn-yellow { text-decoration: none }
.tpl-white-title-subtitle-txt.episode-3 .btn-yellow:hover, .tpl-white-title-subtitle-txt.episode-3 .btn-yellow:visited { color: #000 }
.tpl-white-title-subtitle-txt.episode-3 .image-fullwidth { position: relative; padding-top: 100px }
@media screen and (max-width:37.5em) {
.tpl-white-title-subtitle-txt.episode-3 .image-fullwidth:before { display: none }
}
.cp-edito-quote.e-tech-3 .flex-cont { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; width: 100%; margin-bottom: 10rem }
.cp-edito-quote.e-tech-3 .flex-cont .img { width: calc(50% - 4rem) }
.cp-edito-quote.e-tech-3 .tpl-edito-quote { margin: 5rem 0 }
.cp-edito-quote.e-tech-3 .tpl-edito-quote .-content { max-width: 85rem }
.cp-edito-quote.e-tech-3 .tpl-edito-quote .-content p { font-size: 2.4rem; line-height: 4rem }
@media screen and (max-width:30rem) {
.cp-edito-quote.e-tech-3 .tpl-edito-quote .-content p {
font-size:1.8rem;
line-height:2.6rem
}
}
.cp-edito-quote.e-tech-3 .tpl-edito-quote .-content .-author { line-height: 2rem }
.cp-edito-quote.e-tech-3 .tpl-edito-quote .-job { font-size: 2rem; letter-spacing: .67px; line-height: 1.8rem; margin: 2rem 0 4rem }
.cp-edito-quote.e-tech-3 .tpl-content { width: calc(50% - 4rem) }
.cp-edito-quote.e-tech-3 .tpl-content .-description { display: block; margin-bottom: 10px; width: 100%; font-family: Helvetica Neue LT W05_47 Lt Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; line-height: 28px }
@media (min-width:37.5em) {
.cp-edito-quote.e-tech-3 .tpl-content .-description { font-size: 2rem }
}
.cp-edito-quote.e-tech-3 .tpl-content .-description p { color: #171F4A; font-size: 1.6rem; line-height: 28px }
@media (min-width:37.5em) {
.cp-edito-quote.e-tech-3 .tpl-content .-description p { font-size: 2rem }
}
.cp-title-anchor-block.e-tech-3 .colored { width: 600px }
.cp-title-anchor-block.e-tech-3 .anchor-item { display: block; position: relative; text-align: left; width: 100% }
@media (min-width:37.5em) {
.cp-title-anchor-block.e-tech-3 .anchor-item { max-width: 28rem; margin-bottom: 0 }
}
.cp-title-anchor-block.e-tech-3 .anchor-item:visited { color: #bbb }
.cp-title-anchor-block.e-tech-3 .anchor-item:first-child { border-bottom: 4px solid #36a9e0 }
@media (min-width:60em) {
.cp-title-anchor-block.e-tech-3 .anchor-item:first-child { border-bottom: 0 }
}
.cp-title-anchor-block.e-tech-3.-dark { background: #171F4A }
@media (min-width:60em) {
.cp-title-anchor-block.e-tech-3.-dark { margin-bottom: 0; padding: 6.5rem 0 11.5rem }
}
@media (min-width:37.5em) {
.cp-title-anchor-block.e-tech-3.-dark .anchor-item { -webkit-box-align: start; align-items: flex-start; display: -webkit-box; display: flex; flex-wrap: nowrap; -webkit-box-pack: left; justify-content: left; max-width: 33.3%!important }
}
.cp-title-anchor-block.e-tech-3.-dark .anchor-item:first-child { border-bottom: 4px solid #008F84 }
@media (min-width:60em) {
.cp-title-anchor-block.e-tech-3.-dark .anchor-item:first-child { border-bottom: 0 }
}
.cp-title-anchor-block.e-tech-3.-dark .anchor-item:nth-child(2) .number { color: #008F84 }
.cp-title-anchor-block.e-tech-3.-dark h2 { color: #008F84; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-title-anchor-block.e-tech-3.-dark .number { color: #008F84; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin-right:.7rem
}
.cp-title-anchor-block.e-tech-3.-dark .subtitle, .cp-title-anchor-block.e-tech-3.-dark .title { color: #fff }
.title-text-bkrnd-intro.e-tech-3 { background-size: cover; background-position-y: 13%; position: relative }
.title-text-bkrnd-intro.e-tech-3 .description, .title-text-bkrnd-intro.e-tech-3 .tpl-title-intro { color: #fff }
.title-text-bkrnd-intro.e-tech-3 .description a { color: #fff; text-decoration: underline }
@media (min-width:76em) {
.title-text-bkrnd-intro.e-tech-3 .tpl-title-intro { max-width: 900px; margin-left: auto; margin-right: auto }
}
.etech4.bloc1 .title-text-bkrnd-intro .tpl-content:before { display: none }
.cp-photo-deco { margin-bottom: 5rem }
.etech4.bloc3 .mod-banner-titre-image { background-color: #fff }
.etech4.bloc3 .mod-banner-titre-image .content-txt { background-color: #fff; padding: 0 }
.etech4.bloc3 .mod-banner-titre-image .content-txt .description { color: #171F4A; font-size: 1.8rem; line-height: 3.8rem }
.etech4.bloc3 .cp-anchor-video-quote { background-color: #fff }
.etech4.bloc3 .cp-anchor-video-quote .cp-alt-image-text { margin-top: 0 }
.etech4.bloc3 .cp-anchor-video-quote .tpl-content { background-color: #fff }
.etech4.bloc3 .cp-anchor-video-quote .tpl-content .-description p { color: #171F4A }
.etech4.bloc3 .cp-portrait-job, .etech4.bloc3 .cp-portrait-job-title { background-color: #fff }
.etech4.bloc3 .cp-portrait-job-title blockquote, .etech4.bloc3 .cp-portrait-job blockquote { color: #171F4A }
.etech4.bloc3 .cp-portrait-job-title .job-title, .etech4.bloc3 .cp-portrait-job-title .name, .etech4.bloc3 .cp-portrait-job .job-title, .etech4.bloc3 .cp-portrait-job .name { color: #171F4A; text-align: left }
.etech4.bloc5 .cp-portrait-job, .etech4.bloc5 .cp-portrait-job-title { background-color: #fff }
.etech4.bloc5 .cp-portrait-job-title .job-title, .etech4.bloc5 .cp-portrait-job-title .name, .etech4.bloc5 .cp-portrait-job-title blockquote, .etech4.bloc5 .cp-portrait-job .job-title, .etech4.bloc5 .cp-portrait-job .name, .etech4.bloc5 .cp-portrait-job blockquote { color: #171F4A }
.etech4.bloc5 .cp-anchor-video-quote { background-color: #fff }
@media (min-width:37.5em) {
.etech4.bloc5 #first .tpl-content:before { text-shadow: none; -webkit-text-stroke: 1px #008F84 }
.etech4.bloc5 .cp-portrait-job-title .row1, .etech4.bloc5 .cp-portrait-job .row1 { -webkit-box-pack: justify; justify-content: space-between }
.etech4.bloc5 .cp-portrait-job-title .row1 .-content blockquote, .etech4.bloc5 .cp-portrait-job .row1 .-content blockquote { text-align: right }
.etech4.bloc5 .cp-portrait-job-title .row1 img, .etech4.bloc5 .cp-portrait-job .row1 img { margin-bottom: 0; margin-left: 100px; margin-right: 0; width: 45% }
}
.etech4 .mod-banner-titre-image { background-color: inherit }
.etech4 .mod-banner-titre-image .img-fullwidth { margin-bottom: -35px }
@media (max-width:37.5em) {
.etech4 .mod-banner-titre-image .img-fullwidth { margin-bottom: -6px }
}
@media (min-width:60em) {
.etech4 .mod-banner-titre-image .img-fullwidth { margin-bottom: -4px }
}
@media (min-width:76em) {
.etech4 .mod-banner-titre-image .img-fullwidth { margin-bottom: -55px }
}
.etech4 .mod-banner-titre-image #second { margin-top: -15px; margin-bottom: -25px; background-color: #171F4A }
@media (min-width:60em) {
.etech4 .mod-banner-titre-image #second { margin: 0; padding: 0 2rem 1rem }
}
.etech4 .mod-banner-titre-image #second .tpl-content:before { display: none }
.etech4 .mod-banner-titre-image #second .tpl-content .description { color: #fff }
.etech4 .mod-banner-titre-image .second-img { position: relative; background-color: #171F4A }
@media (max-width:60em) {
.etech4 .mod-banner-titre-image .second-img:after { display: none }
}
.etech4 .mod-banner-titre-image .second-img .img-fullwidth { max-width: 100%; width: auto }
.etech4 .cp-anchor-video-quote.e-tech-3 .cp-alt-image-text { margin-top: 0 }
@media (min-width:60em) {
.etech4 .cp-anchor-video-quote.e-tech-3 .cp-alt-image-text { margin-top: 60px; padding-bottom: 5rem }
}
.etech4 .cp-anchor-video-quote.e-tech-3 .cp-alt-image-text .tpl-content .-description p { line-height: 3.8rem }
.etech4 .cp-edito-quote.e-tech-2, .etech4 .cp-edito-quote.e-tech-2 .df-zone:after, .etech4 .cp-edito-quote.e-tech-2 .df-zone:before { background-color: #171F4A }
.etech4 .cp-edito-quote.e-tech-2 .df-zone .-content { max-width: 1000px }
.etech4 .cp-edito-quote.e-tech-2 .df-zone .-content p { color: #fff; font-size: 2rem }
@media (min-width:60em) {
.etech4 .cp-edito-quote.e-tech-2 .df-zone .-content p { font-size: 2.6rem }
}
.etech4 .cp-edito-quote.e-tech-2 .df-zone .-author { color: #008F84 }
.etech4 .cp-edito-quote.e-tech-2 .df-zone .-job { color: #fff; font-size: 2rem }
.etech4 .cp-alt-image-text { margin-top: 60px }
.etech4 .cp-alt-image-text .tpl-content .-description p { color: #fff; line-height: 3.8rem }
.etech4 .image-fullwidth .last { max-width: none; width: 100%; margin-bottom: -4px }
.cp-anchor-video-quote.e-tech-4 { background: #fff; padding: 0 }
.cp-anchor-video-quote.e-tech-4 .cp-alt-image-text { margin-top: 0 }
@media (min-width:60em) {
.cp-anchor-video-quote.e-tech-4 .cp-alt-image-text { margin-top: 60px; margin-bottom: 40px }
}
.cp-anchor-video-quote.e-tech-4 .tpl-content .-description p { color: #171F4A }
.cp-slider-vertical-parallax .etech4 #third .container-pagination .tpl-content:before, .etech4 #third .cp-slider-vertical-parallax .container-pagination .tpl-content:before, .etech4 #third .teq-container .tpl-content:before { text-shadow: none; -webkit-text-stroke: 1px #008F84 }
.etech4 .tpl-white-title-subtitle-txt.episode-4.-deco { margin-bottom: 0; position: relative }
@media (min-width:60em) {
.etech4 .tpl-white-title-subtitle-txt.episode-4.-deco { margin-bottom: 6rem }
}
.etech4 .tpl-white-title-subtitle-txt.episode-4.-deco .l-zone { max-width: 80rem }
.etech4 .tpl-white-title-subtitle-txt.episode-4.-deco .l-zone .-content blockquote p { line-height: 5.2rem }
@media (max-width:37.5em) {
.etech4 .tpl-white-title-subtitle-txt.episode-4.-deco .l-zone .-content blockquote p { font-size: 1.8rem; line-height: 2.6rem }
}
.etech4.conclusion, .etech4.conclusion .title-text-bkrnd-anchor { background-color: #1749c4 }
.etech4.conclusion .title-text-bkrnd-anchor .tpl-title { color: #fff }
.etech4.conclusion .title-text-bkrnd-anchor .tpl-content:before { color: #1749c4; text-shadow: none; -webkit-text-stroke: 1px #008F84 }
.etech4.conclusion .title-text-bkrnd-anchor .tpl-content:after { display: none }
.etech4.conclusion .title-text-bkrnd-anchor .tpl-content .description { color: #fff }
.etech4.conclusion .cp-photo-deco { background-color: #1749c4 }
.etech4.conclusion .cp-photo-deco .wp-caption-text { color: #fff; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem; font-style: italic }
.etech4.conclusion .cp-anchor-video-quote { background-color: #1749c4!important }
.etech4.conclusion .cp-anchor-video-quote .cp-alt-image-text .-description p { color: #fff }
.cp-slider-vertical-parallax .etech4.conclusion .cp-anchor-video-quote .cp-portrait-job-title .container-pagination, .cp-slider-vertical-parallax .etech4.conclusion .cp-anchor-video-quote .cp-portrait-job .container-pagination, .etech4.conclusion .cp-anchor-video-quote .cp-portrait-job-title .cp-slider-vertical-parallax .container-pagination, .etech4.conclusion .cp-anchor-video-quote .cp-portrait-job-title .teq-container, .etech4.conclusion .cp-anchor-video-quote .cp-portrait-job .cp-slider-vertical-parallax .container-pagination, .etech4.conclusion .cp-anchor-video-quote .cp-portrait-job .teq-container { position: relative }
.etech4.conclusion .cp-anchor-video-quote .cp-portrait-job-title blockquote, .etech4.conclusion .cp-anchor-video-quote .cp-portrait-job blockquote { color: #fff; margin-bottom: 2rem }
.etech4.conclusion .cp-anchor-video-quote .cp-portrait-job-title blockquote:before, .etech4.conclusion .cp-anchor-video-quote .cp-portrait-job blockquote:before { color: #fff; content: "\E970" }
.etech4.conclusion .cp-anchor-video-quote .cp-portrait-job-title .job-title, .etech4.conclusion .cp-anchor-video-quote .cp-portrait-job-title .name, .etech4.conclusion .cp-anchor-video-quote .cp-portrait-job .job-title, .etech4.conclusion .cp-anchor-video-quote .cp-portrait-job .name { color: #fff }
@media (min-width:37.5em) {
.etech4.conclusion .cp-portrait-job-title .row1 img, .etech4.conclusion .cp-portrait-job .row1 img { margin-bottom: 0; margin-left: 100px; margin-right: 0; width: 45% }
}
@media screen and (max-width:650px) {
.cp-slider-vertical-parallax .etech4.conclusion .cp-anchor-video-quote .cp-portrait-job-title .container-pagination .row1 .-content, .cp-slider-vertical-parallax .etech4.conclusion .cp-anchor-video-quote .cp-portrait-job .container-pagination .row1 .-content, .etech4.conclusion .cp-anchor-video-quote .cp-portrait-job-title .cp-slider-vertical-parallax .container-pagination .row1 .-content, .etech4.conclusion .cp-anchor-video-quote .cp-portrait-job-title .teq-container .row1 .-content, .etech4.conclusion .cp-anchor-video-quote .cp-portrait-job .cp-slider-vertical-parallax .container-pagination .row1 .-content, .etech4.conclusion .cp-anchor-video-quote .cp-portrait-job .teq-container .row1 .-content { margin-bottom: 40px }
.cp-slider-vertical-parallax .etech4.conclusion .cp-anchor-video-quote .cp-portrait-job-title .container-pagination .row1 .-content .job-title, .cp-slider-vertical-parallax .etech4.conclusion .cp-anchor-video-quote .cp-portrait-job .container-pagination .row1 .-content .job-title, .etech4.conclusion .cp-anchor-video-quote .cp-portrait-job-title .cp-slider-vertical-parallax .container-pagination .row1 .-content .job-title, .etech4.conclusion .cp-anchor-video-quote .cp-portrait-job-title .teq-container .row1 .-content .job-title, .etech4.conclusion .cp-anchor-video-quote .cp-portrait-job .cp-slider-vertical-parallax .container-pagination .row1 .-content .job-title, .etech4.conclusion .cp-anchor-video-quote .cp-portrait-job .teq-container .row1 .-content .job-title { margin-top: 30px }
}
.cp-checks { box-sizing: border-box; padding: 4rem 0; position: relative; background: #f4f4f4 }
.cp-checks .cp-slider-vertical-parallax .container-pagination, .cp-checks .teq-container, .cp-slider-vertical-parallax .cp-checks .container-pagination { max-width: 108.4rem }
@media (min-width:37.5em) {
.cp-checks .cp-slider-vertical-parallax .container-pagination, .cp-checks .teq-container, .cp-slider-vertical-parallax .cp-checks .container-pagination { padding: 8rem 0 }
}
.cp-checks .title { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin: 0 0 2.4rem; text-transform: none; font-size: 3rem; line-height: 3.5rem }
@media (min-width:37.5em) {
.cp-checks .title { margin-left: auto; margin-right: auto; font-size: 4.8rem; line-height: 4.6rem }
}
.cp-checks .title span { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:37.5em) {
.cp-checks .check-container { margin-left: auto; margin-right: auto }
}
@media (min-width:60em) {
.cp-checks .check-container { font-size: 8rem; line-height: 100% }
}
@media (min-width:37.5em) {
.cp-checks .alignnone.size-full { min-width: 108.4rem; margin-left: -9.2rem }
}
.cp-checks .check { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; align-content: center; margin-bottom: 15px }
.cp-checks .img-left { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.5 17.94c-1.89-.61-3.907-.94-6-.94C15.73 17 7 25.73 7 36.5S15.73 56 26.5 56 46 47.27 46 36.5c0-3.45-.895-6.689-2.467-9.5' stroke='%2300C19F' stroke-width='2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.864 44.96h-1.96A159.71 159.71 0 0117 31.52l1.848-1.176c2.744 4.592 5.096 8.232 8.008 12.208 5.432-9.352 9.8-17.584 14.56-27.552l1.904 1.008c-5.152 10.752-9.576 19.04-15.456 28.952' fill='%2300C19F'/%3E%3C/svg%3E") no-repeat 0 0/contain; height: 4rem; margin-right: 1rem; width: 4rem }
@media (min-width:60em) {
.cp-checks .img-left { height: 5.8rem; width: 5.8rem; margin-right:.5rem;
max-width: 11rem }
}
.cp-checks .aside, .cp-checks li, .cp-checks p, .cp-checks ul { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.6rem; width: 100% }
@media (min-width:60em) {
.cp-checks .aside, .cp-checks li, .cp-checks p, .cp-checks ul { font-size: 2.3rem; line-height: 2.6rem }
}
.cp-checks .aside { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.6rem; margin-bottom: 3rem; width: 100% }
@media (min-width:60em) {
.cp-checks .aside { font-size: 2.3rem; line-height: 2.6rem }
}
.cp-checks .aside strong { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-checks .aside li, .cp-checks .aside p, .cp-checks .aside ul { text-transform: none }
.cp-checks.variant-no-checks .check { display: none }
.cp-longread-phases { background: #f4f4f4; position: relative }
@media (min-width:60em) {
.cp-longread-phases { background: #f3f3f3; box-sizing: border-box; padding: 8rem 0; position: relative }
.cp-longread-phases:before { margin-top: 0; height: 0 }
}
.cp-longread-phases .background-image { display: none }
.cp-longread-phases .illust { display: block; min-height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; left: 0; min-width: 100% }
.cp-longread-phases .cp-slider-vertical-parallax .container-pagination, .cp-longread-phases .teq-container, .cp-slider-vertical-parallax .cp-longread-phases .container-pagination { box-sizing: border-box; overflow: visible; padding: 4.76rem 1.5rem 6rem; position: relative; max-width: 100%; z-index: 2; background: #f4f4f4!important }
@media (min-width:60em) {
.cp-longread-phases .cp-slider-vertical-parallax .container-pagination, .cp-longread-phases .teq-container, .cp-slider-vertical-parallax .cp-longread-phases .container-pagination { background: #f4f4f4; padding: 13rem 12rem }
.cp-longread-phases .cp-slider-vertical-parallax .container-pagination:before, .cp-longread-phases .teq-container:before, .cp-slider-vertical-parallax .cp-longread-phases .container-pagination:before { display: none }
}
@media (min-width:60em) {
.cp-longread-phases .flex-container { position: relative; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; overflow: hidden; padding-right:.8rem;
padding-left:.8rem;
width: 100rem; margin-left: auto; margin-right: auto }
}
.cp-longread-phases .gray-line { display: none }
@media (min-width:60em) {
.cp-longread-phases .gray-line { position: absolute; display: block; bottom: 0; left: -18rem; width: 132rem; pointer-events: none }
.cp-longread-phases .gray-line:before { background: #c2c2c2; content: ""; height: 1.5px; position: absolute; width: 99%; top: 49% }
}
.cp-longread-phases .title { font-size: 2.7rem; line-height: 3.2rem; color: #171F4A; font-style: normal; text-align: center; margin: 0 0 4rem; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; text-transform: none; padding-bottom: 4rem }
@media (min-width:37.5em) {
.cp-longread-phases .title { font-size: 3.4rem; line-height: 3.6rem; padding-bottom: 0 }
}
.cp-longread-phases .date, .cp-longread-phases .dot, .cp-longread-phases .subtitle, .cp-longread-phases .text { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out }
.cp-longread-phases .date, .cp-longread-phases .subtitle, .cp-longread-phases .text { -webkit-transform-origin: top left; transform-origin: top left }
.cp-longread-phases .item { box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-bottom: 6rem; overflow: visible; padding: 0 0 0 5.5rem; position: relative; -webkit-transition: 1s ease-in; transition: 1s ease-in }
.cp-longread-phases .item:before { background: #008F84; content: ""; position: absolute; height: calc(100% + 9.2rem); top: -4.6rem; left: 2rem; width: 1.5px }
@media (min-width:60em) {
.cp-longread-phases .item:before { background: none }
}
@media (min-width:60em) {
.cp-longread-phases .item:after { content: ""; position: absolute; overflow: visible; height: 84%; width: 2px; left: 2rem; bottom: 3rem; z-index: 0 }
}
.cp-longread-phases .item.-blue:after, .cp-longread-phases .item.-green:after, .cp-longread-phases .item.-yellow:after { background: #008F84 }
.cp-longread-phases .item.-blue .dot, .cp-longread-phases .item.-green .dot, .cp-longread-phases .item.-yellow .dot { border: 3px solid #008F84 }
.cp-longread-phases .item.-blue .dot:before, .cp-longread-phases .item.-green .dot:before, .cp-longread-phases .item.-yellow .dot:before { background: #008F84 }
@media (min-width:60em) {
.cp-longread-phases .item.-blue .dot:after, .cp-longread-phases .item.-green .dot:after, .cp-longread-phases .item.-yellow .dot:after { background: #008F84 }
}
.cp-longread-phases .item.-blue { -webkit-box-ordinal-group: 2; order: 1 }
.cp-longread-phases .item.-yellow { -webkit-box-ordinal-group: 4; order: 3 }
@media (min-width:60em) {
.cp-longread-phases .item.-yellow { -webkit-box-ordinal-group: 3; order: 2 }
}
.cp-longread-phases .item.-yellow:after { right: 1.8rem; left: auto }
@media (min-width:60em) {
.cp-longread-phases .item.-yellow .text { margin-left: -4rem }
}
.cp-longread-phases .item.-green { -webkit-box-ordinal-group: 3; order: 2 }
@media (min-width:60em) {
.cp-longread-phases .item.-green { -webkit-box-ordinal-group: 4; order: 3 }
}
.cp-longread-phases .item.-green:after { bottom: auto; top: -1rem; height: 90% }
@media (min-width:60em) {
.cp-longread-phases .item.-green .dot { bottom: auto; top: -6rem }
}
@media (min-width:60em) {
.cp-longread-phases .item { margin-bottom: 0; width: 50%; max-width: 32.1rem; padding: 0 0 4.2rem 4.2rem }
.cp-longread-phases .item.-margin-top { margin-top: 4rem; margin-left: calc(50% - 15rem) }
.cp-longread-phases .item:hover .date, .cp-longread-phases .item:hover .dot, .cp-longread-phases .item:hover .subtitle, .cp-longread-phases .item:hover .text { -webkit-transform: scale(1.2); transform: scale(1.2) }
}
@media (min-width:60em) {
.cp-longread-phases .item.-left { padding: 0 4rem 0 0; text-align: right }
.cp-longread-phases .item.-left .dot {
right:-.4rem; top: auto; left: auto }
.cp-longread-phases .item.-left .date, .cp-longread-phases .item.-left .subtitle, .cp-longread-phases .item.-left .text { -webkit-transform-origin: top right; transform-origin: top right }
}
.cp-longread-phases .dot { background: #fff; border-radius: 50%; height: 3.7rem; width: 3.7rem; top: 2.6rem; left: 0; position: absolute; z-index: 1 }
@media (min-width:60em) {
.cp-longread-phases .dot { bottom: -2rem; top: auto }
}
.cp-longread-phases .dot:after, .cp-longread-phases .dot:before { content: ""; position: absolute; overflow: visible }
.cp-longread-phases .dot:before { border-radius: 50%; height: 1.8rem; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 1.8rem }
.cp-longread-phases .dot:after { height: calc(100% - 50rem); width: 2px }
.cp-longread-phases .subtitle { color: #60504a; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.5rem; line-height: 2.2rem; text-transform: uppercase }
.cp-longread-phases .date { color: #171F4A; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.3rem; line-height: 2.6rem; margin-bottom: 1.6rem }
.cp-longread-phases .text { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem }
@media (min-width:60em) {
.cp-longread-phases .text { min-width: 32.1rem }
}
.cp-navigation-anchor-radio-container { background: #171F4A; box-sizing: border-box; position: fixed; top: 7rem; left: 0; width: 100%; z-index: 100; display: none }
@media (min-width:60em) {
.cp-navigation-anchor-radio-container { background: transparent; left: 2.5rem; top: 50vh; width: auto; display: block }
}
.cp-navigation-anchor-radio-container .flex-container { display: -webkit-box; display: flex }
@media (min-width:60em) {
.cp-navigation-anchor-radio-container .flex-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column }
}
.cp-navigation-anchor-radio-container .button { cursor: pointer; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 50%; padding:.9rem 0 1.1rem;
position: relative; color: #fff }
@media (min-width:60em) {
.cp-navigation-anchor-radio-container .button { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: start; justify-content: flex-start; padding: 0; width: auto; color: #000 }
.cp-navigation-anchor-radio-container .button:first-child { margin-bottom: 15px }
.cp-navigation-anchor-radio-container .button:hover { text-decoration: none }
}
.cp-navigation-anchor-radio-container .radio { position: relative; top: 0; width: 15px; height: 15px; border: 2px solid #fff; border-radius: 100%; vertical-align: middle; cursor: pointer; margin-bottom:.5rem
}
@media (min-width:60em) {
.cp-navigation-anchor-radio-container .radio { border-color: #008F84 }
}
.cp-navigation-anchor-radio-container .label-radio { color: #fff; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.4rem; line-height: 1.4rem; display: block; position: relative; pointer-events: none; text-align: center; width: 100% }
@media (min-width:60em) {
.cp-navigation-anchor-radio-container .label-radio { text-align: left; margin-left: 1.3rem; width: 14.3rem; margin-top:-.7rem;
color: #008F84 }
}
.cp-navigation-anchor-radio-container .label-radio:before { content: ""; left: 0; position: absolute; height: 2px; width: 100%; bottom: -1.2rem }
.cp-navigation-anchor-radio-container .radio:after { content: ""; position: absolute; top: 49%; left: 49%; width: 17px; height: 17px; border-radius: 100%; background: #171F4A; -webkit-transform: scale(0) translate(-50%, -50%); transform: scale(0) translate(-50%, -50%); -webkit-transform-origin: 0 0; transform-origin: 0 0 }
.cp-navigation-anchor-radio-container .rlabel { position: relative; top: 1px; vertical-align: middle; cursor: pointer }
.cp-navigation-anchor-radio-container input[type=radio]:checked+.radio { border-color: #171F4A; -webkit-animation: jelly .6s ease forwards; animation: jelly .6s ease forwards }
.cp-navigation-anchor-radio-container input[type=radio]:checked+.radio:before { content: ""; position: absolute; height: 2px; width: 100%; bottom: 0 }
.cp-navigation-anchor-radio-container input[type=radio]:checked~.label-radio { color: #000 }
.cp-navigation-anchor-radio-container input[type=radio]:checked~.label-radio:before { background: #000 }
@media (min-width:60em) {
.cp-navigation-anchor-radio-container input[type=radio]:checked~.label-radio:before { background: none }
}
.cp-navigation-anchor-radio-container input[type=radio]:checked+.radio:after { -webkit-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); -webkit-transition: all .3s ease; transition: all .3s ease }
.cp-navigation-anchor-radio-container input[type=radio]:checked+.radio:before { background: none }
.cp-navigation-anchor-radio-container input[type=radio]+label { padding-left: 0 }
.cp-navigation-anchor-radio-container input[type=radio]+label:before { background: none }
[type=checkbox]:checked, [type=radio]:checked, [type=radio]:not(:checked), input[type=checkbox]:not(:checked) { left: 0; right: 0; height: 100%; width: 14rem; z-index: 10; cursor: pointer; visibility: visible; opacity: .01 }
.cp-longread-renaulution { background: #f3f3f3; overflow: visible; padding: 4rem 0 }
@media (min-width:60em) {
.cp-longread-renaulution { padding: 8rem 0 4.4rem }
}
@media (min-width:60em) {
.cp-longread-renaulution .cp-slider-vertical-parallax .container-pagination :nth-child(3) .-narrow, .cp-longread-renaulution .teq-container :nth-child(3) .-narrow, .cp-slider-vertical-parallax .cp-longread-renaulution .container-pagination :nth-child(3) .-narrow { position: relative; top: -4rem; padding-bottom:.5rem
}
}
.cp-longread-renaulution .title-container { margin-bottom: 2rem; overflow: visible; position: relative; text-align: center }
@media (min-width:60em) {
.cp-longread-renaulution .title-container { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: end; align-items: flex-end; margin-bottom: 4rem; text-align: left }
}
.cp-longread-renaulution h6, .cp-longread-renaulution sub, .cp-longread-renaulution sup { width: 100%; position: relative; -webkit-box-ordinal-group: 9; order: 8; font-size: 1.4rem; margin: 0 0 1.5rem; line-height: 2rem; top: inherit; left: inherit; right: inherit; bottom: inherit }
.cp-longread-renaulution sub, .cp-longread-renaulution sup { font-family: Renault-Light, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-longread-renaulution .title { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3rem; line-height: 3.5rem; margin: 0 0 1rem; text-align: center }
@media (min-width:60em) {
.cp-longread-renaulution .title { width: 38%; font-size: 4.8rem; line-height: 4.6rem; text-align: left; margin: 0 }
}
.cp-longread-renaulution .text-renaulution { -webkit-box-ordinal-group: 3; order: 2; margin-top: 3.2rem }
@media (min-width:60em) {
.cp-longread-renaulution .text-renaulution { width: 100% }
}
.cp-longread-renaulution .subtitle { font-family: Read-Medium, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem }
@media (min-width:60em) {
.cp-longread-renaulution .subtitle { width: calc(50% - 1rem); width: -webkit-calc(50% - 1rem) }
}
.cp-longread-renaulution .flex-container { align-content: flex-start; -webkit-box-align: start; align-items: flex-start }
.cp-longread-renaulution .flex-container, .cp-longread-renaulution .item { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; position: relative }
.cp-longread-renaulution .item { background: #fff; box-sizing: border-box; padding: 2rem 2.5rem 3.2rem; margin-bottom: 5.9rem }
@media (min-width:60em) {
.cp-longread-renaulution .item { margin-bottom: 2rem; padding: 4rem; width: calc(50% - 1rem) }
}
@media (min-width:60em) {
.cp-longread-renaulution .item:nth-child(odd) { margin-right: 2rem }
}
.cp-longread-renaulution .icon { color: #008F84; position: relative; -webkit-box-ordinal-group: 3; order: 2; font-size: 4rem }
@media (min-width:60em) {
.cp-longread-renaulution .icon { height: 5.6rem }
}
.cp-longread-renaulution h3 { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.7rem; line-height: 3.2rem; position: relative; margin: 0; padding: 0; -webkit-box-ordinal-group: 2; order: 1 }
.cp-longread-renaulution h3 sup { top: -15px }
@media (min-width:60em) {
.cp-longread-renaulution h3 { font-size: 3.4rem; line-height: 3.6rem; height: 5.6rem }
}
.cp-longread-renaulution ul { width: 100%; -webkit-box-ordinal-group: 4; order: 3; margin: 0; padding: 0 }
.cp-longread-renaulution .text-renaulution, .cp-longread-renaulution li { color: #171F4A; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.4rem; line-height: 2rem; margin-bottom: 1.5rem }
.cp-longread-renaulution .text-renaulution:before, .cp-longread-renaulution li:before { background: #008F84; height: 1rem; overflow: visible; width: 1rem; top:.4rem
}
@media (min-width:60em) {
.cp-longread-renaulution li { width: 96% }
}
.cp-longread-objectives { background: #f3f3f3; padding-bottom: 7rem }
@media (min-width:60em) {
.cp-longread-objectives { padding: 4rem 0 25rem }
}
.cp-longread-objectives .title-container { margin-bottom: 4rem; width: 60% }
@media (min-width:60em) {
.cp-longread-objectives .title-container { margin-top: -12rem; width: 50% }
}
.cp-longread-objectives .title { color: #171F4A; display: block; font-size: 3rem; line-height: 3.5rem }
@media (min-width:60em) {
.cp-longread-objectives .title { font-size: 4.8rem; line-height: 4.6rem; display: block; margin-left: 3rem; max-width: 41rem }
}
.cp-longread-objectives .cp-slider-vertical-parallax .container-pagination, .cp-longread-objectives .teq-container, .cp-slider-vertical-parallax .cp-longread-objectives .container-pagination { max-width: 108rem }
.cp-longread-objectives .flex-container { margin-bottom: 3.7rem }
@media (min-width:60em) {
.cp-longread-objectives .flex-container { display: -webkit-box; display: flex; margin-bottom: 4rem }
}
.cp-longread-objectives .item-simple { box-sizing: border-box; padding: 1.8rem 3rem 4rem; text-align: center }
@media (min-width:60em) {
.cp-longread-objectives .item-simple { padding: 1.8rem 6rem 5rem; width: 50% }
}
.cp-longread-objectives .item-double { position: relative }
.cp-longread-objectives .item-simple { background: #fff; position: relative }
.cp-longread-objectives .item-double:after, .cp-longread-objectives .item-double:before { display: none }
@media (min-width:60em) {
.cp-longread-objectives .item-double:after, .cp-longread-objectives .item-double:before { display: block }
}
.cp-longread-objectives .year { color: #212121; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2rem; left:-.5rem;
position: absolute; text-align: center; text-transform: uppercase; top: 2rem }
@media (min-width:60em) {
.cp-longread-objectives .year { left: -1.1rem; top: 2.4rem; font-size: 2.3rem; line-height: 2.6rem }
}
.cp-longread-objectives h3 { color: #008F84; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; line-height: 2rem; text-align: center; letter-spacing: 1px; margin-bottom: 1rem; text-transform: uppercase }
@media (min-width:60em) {
.cp-longread-objectives h3 { margin-bottom: 2rem }
}
.cp-longread-objectives .cost { color: #008F84; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 4.6rem; line-height: 4.6rem; text-align: center; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 1rem }
.cp-longread-objectives .cost span { display: inline-block; margin-left:.7rem
}
@media (min-width:60em) {
.cp-longread-objectives .cost { font-size: 6rem; line-height: 6rem; letter-spacing: 1px; margin-bottom: 2rem }
}
.cp-longread-objectives .text { color: #171F4A; font-family: Read-Medium, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem; text-align: center }
.cp-longread-objectives .item-double { background: #fff; text-align: center; margin-bottom: 7rem }
@media (min-width:60em) {
.cp-longread-objectives .item-double { display: -webkit-box; display: flex; margin-bottom: 0 }
}
.cp-longread-objectives .col { box-sizing: border-box; padding: 1.8rem 4rem 4rem; position: relative }
@media (min-width:60em) {
.cp-longread-objectives .col { padding: 1.8rem 6rem 5rem; width: 50% }
}
.cp-longread-objectives .col:first-child { position: relative }
.cp-longread-objectives .col:first-child:before { background: #f3f3f3; bottom: 0; content: ""; height: 3px; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: calc(100% - 3rem) }
@media (min-width:60em) {
.cp-longread-objectives .col:first-child:before { bottom: auto; height: calc(100% - 6rem); left: auto; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 3px }
}
.cp-longread-objectives .colored { background-color: #008F84 }
.cp-longread-objectives .colored .cost, .cp-longread-objectives .colored .text, .cp-longread-objectives .colored h3 { color: #fff }
.cp-longread-img-far-right { background: #f3f3f3; box-sizing: border-box; padding: 4rem 0 5rem; position: relative }
@media (min-width:60em) {
.cp-longread-img-far-right { padding: 2rem 0 7rem }
}
.cp-longread-img-far-right .title { margin: 0 0 2.4rem; padding-left:.5rem;
font-size: 3rem; line-height: 3.5rem }
@media (min-width:60em) {
.cp-longread-img-far-right .title { font-size: 4.8rem; line-height: 4.6rem; margin-bottom: 4rem }
}
.cp-longread-img-far-right .text { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem; margin-bottom: 2.4rem }
@media (min-width:60em) {
.cp-longread-img-far-right .text { margin-bottom: 3.2rem }
}
.cp-longread-img-far-right .illust { display: block; margin: 0 auto 3rem; max-width: calc(100% - 3rem); width: calc(100% - 3rem) }
@media (min-width:37.5em) {
.cp-longread-img-far-right .illust { margin: 0 auto 3.5rem; width: calc(100% - 4rem) }
}
@media (min-width:60em) {
.cp-longread-img-far-right .illust { margin-bottom: 5rem; max-width: 108rem }
}
.cp-longread-text-img-centered { box-sizing: border-box; padding: 6rem 0 4rem }
@media (min-width:60em) {
.cp-longread-text-img-centered { background: #f4f4f4 }
}
.cp-longread-text-img-centered .cp-slider-vertical-parallax .container-pagination, .cp-longread-text-img-centered .teq-container, .cp-slider-vertical-parallax .cp-longread-text-img-centered .container-pagination { margin: 0; max-width: 100%; width: 100%; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center }
@media (min-width:60em) {
.cp-longread-text-img-centered .cp-slider-vertical-parallax .container-pagination, .cp-longread-text-img-centered .teq-container, .cp-slider-vertical-parallax .cp-longread-text-img-centered .container-pagination { padding-top: 9rem; margin: 0 auto; max-width: 100%; width: 108.4rem }
}
.cp-longread-text-img-centered .content { margin: 0 auto 4rem }
.cp-longread-text-img-centered .title { color: #171F4A; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3rem; line-height: 110%; text-align: center; text-transform: inherit }
@media (min-width:60em) {
.cp-longread-text-img-centered .title { font-size: 4.8rem; line-height: 4.6rem; margin-bottom: 4rem }
}
.cp-longread-text-img-centered .subtitle { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.7rem; line-height: 3.2rem; text-align: center }
@media (min-width:60em) {
.cp-longread-text-img-centered .subtitle { font-size: 3.4rem; line-height: 3.6rem }
}
.cp-longread-text-img-centered .illust { display: block; width: 100%; margin-bottom: 0 }
@media (min-width:60em) {
.cp-longread-text-img-centered .illust { margin-bottom: 20px }
}
.cp-longread-conclusion { background: #3d3d3d; box-sizing: border-box; padding: 6rem 0; position: relative }
.cp-longread-conclusion:before { background: #575757; content: ""; height: 1px; position: absolute; bottom: 0; left: 50%; max-width: 100rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: calc(100% - 5rem) }
@media (min-width:60em) {
.cp-longread-conclusion { padding: 9.5rem 0 12rem }
}
.cp-longread-conclusion .cp-slider-vertical-parallax .container-pagination, .cp-longread-conclusion .teq-container, .cp-slider-vertical-parallax .cp-longread-conclusion .container-pagination { width: calc(100% - 9rem); position: relative }
@media (min-width:60em) {
.cp-longread-conclusion .cp-slider-vertical-parallax .container-pagination, .cp-longread-conclusion .teq-container, .cp-slider-vertical-parallax .cp-longread-conclusion .container-pagination { max-width: 94rem }
}
.cp-longread-conclusion .quote-illust { display: none; height: 8rem; position: absolute; top: 1rem; right: 0; width: 7.1rem }
@media (min-width:60em) {
.cp-longread-conclusion .quote-illust { display: none; height: 19.7rem; position: absolute; top: 5rem; right: 0; width: 17.4rem }
}
.cp-longread-conclusion .title { color: #fff; display: block; font-size: 2rem; line-height: 110%; margin-bottom: 3rem; text-transform: uppercase; text-align: center }
@media (min-width:60em) {
.cp-longread-conclusion .title { font-size: 5rem; line-height: 5.9rem }
}
@media (min-width:60em) {
.cp-longread-conclusion .content { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; align-content: flex-end; -webkit-box-align: end; align-items: flex-end; -webkit-box-pack: end; justify-content: flex-end }
}
.cp-longread-conclusion .text { color: #fff; display: block; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; font-style: normal; line-height: 2.6rem; margin-bottom: 2.6rem; width: 100% }
@media (min-width:60em) {
.cp-longread-conclusion .text { font-size: 2.2rem; line-height: 3.6rem; margin: 1.8rem }
}
.cp-longread-conclusion .subtitle { color: #ffcc34; font-size: 1.8rem; line-height: 2rem; text-align: center; text-transform: uppercase; margin: 0 0 4rem; width: 100% }
@media (min-width:60em) {
.cp-longread-conclusion .subtitle { font-size: 3rem; line-height: 3.6rem; margin: 0 0 1.5rem }
}
.cp-longread-conclusion .title-container { margin-top: 3.5rem }
@media (min-width:60em) {
.cp-longread-conclusion .title-container { margin-top: 4rem; mrgin-left: auto }
}
.cp-longread-conclusion .name { font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; color: #fff; font-size: 2rem; text-transform: uppercase; font-size: 2.4rem }
@media (min-width:60em) {
.cp-longread-conclusion .name { font-size: 3rem; line-height: 3.6rem }
}
.cp-longread-conclusion .job { font-family: Helvetica Neue LT W05_37 Th Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; color: #fff; font-size: 1.5rem; line-height: 2rem }
@media (min-width:60em) {
.cp-longread-conclusion .job { font-size: 2rem }
}
.cp-goal { padding: 4rem 0; background-color: #f4f4f4 }
@media (min-width:60em) {
.cp-goal { padding: 8rem 0 }
}
@media (min-width:37.5em) {
.cp-goal .cp-slider-vertical-parallax .container-pagination, .cp-goal .teq-container, .cp-slider-vertical-parallax .cp-goal .container-pagination { position: relative }
}
.cp-goal .right-corner { display: none }
@media (min-width:60em) {
.cp-goal .right-corner { position: absolute; right: -50px; top: -20px; display: block; opacity: .3 }
}
@media (min-width:37.5em) {
.cp-goal .alignright { margin-top: -10rem; margin-right: -46rem; width: 34.8rem; margin-left: 11rem }
}
.cp-goal .dflex { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center }
.cp-goal .dflex p { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.8rem; padding: 0 2rem; margin-bottom: 1rem; color: #000 }
@media (min-width:37.5em) {
.cp-goal .dflex p { max-width: 90.5rem; width: calc(100% - 4.8rem); margin: 0 auto 1rem }
}
.cp-goal h2 { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3rem; line-height: 3.5rem; color: #171F4A; margin-bottom: 1.6rem; padding: 0 2rem }
@media (min-width:37.5em) {
.cp-goal h2 { margin: 0 auto 2.4rem; max-width: 90.5rem; font-size: 4.8rem; line-height: 4.6rem; width: calc(100% - 4.8rem) }
}
.cp-goal h3 { padding: 0 2rem; margin-bottom: 1.6rem }
@media (min-width:37.5em) {
.cp-goal h3 { margin: 0 auto 2.4rem; max-width: 90.5rem; width: calc(100% - 4.8rem) }
}
.cp-goal .cta { display: none; -webkit-box-pack: left; justify-content: left; -webkit-box-align: center; align-items: center; flex-wrap: wrap; width: 100% }
@media (min-width:60em) {
.cp-goal .cta { -webkit-box-pack: space-evenly; justify-content: space-evenly; flex-wrap: nowrap }
}
.cp-goal .cta .button-container { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; margin-bottom: 20px }
.cp-goal .cta .button-container p { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 18px; display: block; line-height: 20px; text-transform: uppercase; color: #fff; margin: 0 }
@media (min-width:47.5em) {
.cp-goal .cta .button-container { margin-bottom: 0 }
}
.cp-goal .cta .separation { background-color: #464646; width: 2px; height: 85px; display: none }
@media (min-width:47.5em) {
.cp-goal .cta .separation { display: block }
}
.cp-goal .link-anchor { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; text-decoration: none }
.cp-goal .link-anchor span { background: #0c44d2; border-radius: 50%; bottom: 60px; color: #fff; cursor: pointer; font-size: 1.6rem; height: 4.5rem; line-height: 4.4rem; display: block; right: 1.5rem; text-align: center; text-decoration: none; width: 4.5rem; min-width: 4.5rem; margin-right: 18px; -webkit-transform: rotate(180deg); transform: rotate(180deg) }
@media (min-width:60em) {
.cp-goal .link-anchor span { height: 5.6rem; line-height: 5.6rem; width: 5.6rem }
}
@media (min-width:60em) {
.cp-goal .icon-arrow2:before { font-size: 1.7rem }
}
.cp-goal ul { margin-top: 0; padding-left: 5rem }
.cp-goal li { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem; color: #171F4A; list-style: initial; padding-left: 0; margin-bottom:.5rem
}
.cp-goal li:before { display: none }
@media (min-width:37.5em) {
.cp-goal li { position: relative; left: -4.5rem; max-width: 80.8rem; width: calc(100% - 4.8rem); margin:0 auto .5rem
}
}
.cp-goal iframe { padding: 4rem 2rem; background: #f4f4f4; width: calc(100% - 4rem) }
@media (min-width:37.5em) {
.cp-goal iframe { max-width: 90rem; width: calc(100% - 2.4rem); margin: -8rem auto 2.4rem!important; padding: 0 0 8rem; min-height: 53.6rem }
}
.longread-top { background: #171F4A; overflow: visible; position: relative; z-index: 1; padding: 4rem 0 }
@media (min-width:60em) {
.longread-top { padding: 8rem 0 }
}
.cp-slider-vertical-parallax .longread-top .container-pagination, .longread-top .cp-slider-vertical-parallax .container-pagination, .longread-top .teq-container { box-sizing: border-box; position: relative }
.longread-top .main-title { color: #fff; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3rem; line-height: 3.2rem; text-align: center; margin: 0 auto 4rem }
@media (min-width:60em) {
.longread-top .main-title { font-size: 4.8rem; line-height: 4.6rem; max-width: 50rem }
}
.longread-top .second-title { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; line-height: 1.9rem; text-align: center; color: #fff; max-width: 870px; margin-bottom: 6.5rem; padding: 0 15px }
@media (min-width:60em) {
.longread-top .second-title { font-size: 2.5rem; line-height: 180%; margin: 3rem auto 10rem }
}
.longread-top .brand-container { margin: 0 auto; display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; position: relative; z-index: 100; flex-wrap: wrap }
@media (min-width:37.5em) {
.longread-top .brand-container { max-width: 450px }
}
@media (min-width:60em) {
.longread-top .brand-container { max-width: 560px }
}
@media (min-width:76em) {
.longread-top .brand-container { max-width: 1110px; flex-wrap: nowrap }
}
.longread-top .brand { display: block; position: relative; background-color: transparent; margin-bottom: 1rem; width:calc(50% - .5rem);
border: 1px solid hsla(0,0%,95.7%,.3) }
@media (min-width:37.5em) {
.longread-top .brand { width: 25.6rem; height: 25.6rem }
}
.longread-top .brand .logo { display: -webkit-box; display: flex; align-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; margin-bottom: 2.5rem; -o-object-fit: contain; object-fit: contain; height: 2rem; width: 100% }
@media (min-width:37.5em) {
.longread-top .brand .logo { height: 3rem }
}
.longread-top .brand .logo img { display: block; max-width: 9rem; margin: 0 auto }
@media (min-width:60em) {
.longread-top .brand .logo img { min-width: 12rem; max-width: 17rem }
}
.longread-top .container { box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 4rem 1.4rem 2.5rem; height: 100%; width: 100% }
.longread-top .color { display: none; height:.5rem;
width: 85%; bottom: 0; margin-bottom: 15px }
@media (min-width:37.5em) {
.longread-top .color { height:.88rem
}
}
.longread-top .brand-text { display: none; font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 14px; line-height: 24px; text-align: center; letter-spacing: .03em; text-transform: uppercase; color: #666 }
@media (min-width:60em) {
.longread-top .brand-text { font-size: 20px; line-height: 24px }
}
.longread-top.long-read-renault .color { background-color: #fce903 }
.longread-top.long-read-dacia .color { background-color: #646b52 }
.longread-top.long-read-alpine .color { background-color: #051c2c }
.longread-top.long-read-mobilize .color { background-color: #f84300 }
.cp-longread-quote { box-sizing: border-box; padding-bottom: 4.4rem; background: #f4f4f4; position: relative }
@media (min-width:60em) {
.cp-longread-quote { background: inherit; margin-bottom: 0; padding: 6rem 0 }
}
.cp-longread-quote .cp-slider-vertical-parallax .container-pagination, .cp-longread-quote .teq-container, .cp-slider-vertical-parallax .cp-longread-quote .container-pagination { width: 100%; position: relative }
@media (min-width:60em) {
.cp-longread-quote .cp-slider-vertical-parallax .container-pagination, .cp-longread-quote .teq-container, .cp-slider-vertical-parallax .cp-longread-quote .container-pagination { max-width: 108.5rem; margin-left: auto; margin-right: auto }
}
@media (min-width:60em) {
.cp-longread-quote .dflex { display: -webkit-box; display: flex; height: 100%; -webkit-box-align: stretch; align-items: stretch; background: #f4f4f4; width: 100% }
}
.cp-longread-quote .-content { box-sizing: border-box; padding: 0 2rem }
@media (min-width:60em) {
.cp-longread-quote .-content { box-sizing: border-box; padding: 7.2rem 9.2rem 5.5rem 14.5rem; width: 67% }
}
.cp-longread-quote .illust-left { width: 100%; margin: 0 0 6rem; overflow: hidden; position: relative }
@media (min-width:60em) {
.cp-longread-quote .illust-left { min-height: 100%; width: 33%; margin: 0 }
}
.cp-longread-quote .illust-left img { min-width: 100%; min-height: 100%; display: block; -o-object-fit: cover; object-fit: cover }
.cp-longread-quote .big-quotes { display: none; position: absolute; top: 0; right: 0; width: 7rem; height: 8rem; z-index: -1 }
@media (min-width:47.5em) {
.cp-longread-quote .big-quotes { height: 19.7rem; right: -5rem; top: -4rem; width: 17.4rem }
}
.cp-longread-quote .illust-bg-left { display: none; overflow: hidden; left: 0; top: 0; width: 55vw; position: absolute }
.cp-longread-quote .illust-bg-left:before { display: block; content: ""; width: 100%; padding-top: 213% }
@media (min-width:60em) {
.cp-longread-quote .illust-bg-left { height: 100%; width: 30vw }
.cp-longread-quote .illust-bg-left:before { padding-top: 0 }
}
.cp-longread-quote .illust-bg-left img { display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; left: 0; min-height: 100%; min-width: 100% }
.cp-longread-quote blockquote { display: block; margin: 0 0 2rem; padding: 0; position: relative; text-align: center; font-style: normal }
@media (min-width:60em) {
.cp-longread-quote blockquote { margin: 0; padding: 0; text-align: left }
}
.cp-longread-quote blockquote p { color: #171F4A; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.2rem; line-height: 2.7rem; text-align: left }
@media (min-width:47.5em) {
.cp-longread-quote blockquote p { margin: 0 auto 2rem }
}
.cp-longread-quote blockquote:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; font-size: 2.7rem; text-align: center; top: -2rem; color: #008F84 }
@media (min-width:60em) {
.cp-longread-quote blockquote:before { font-size: 2.8rem; left: 0; top: -1rem }
}
.cp-longread-quote blockquote:after { display: none }
.cp-longread-quote .-author { box-sizing: border-box; color: #171F4A; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.4rem; text-align: center; text-transform: uppercase; margin-bottom: 0; line-height: 1rem; padding: 0 2rem }
@media (min-width:60em) {
.cp-longread-quote .-author { text-align: left; padding: 0; width: 43.6rem; margin:0 auto .5rem 0
}
}
.cp-longread-quote .-job { box-sizing: border-box; color: #171F4A; font-family: Renault-Light, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.4rem; line-height: 2.4rem; margin-bottom: 1rem; padding: 0 2rem; text-align: center }
@media (min-width:60em) {
.cp-longread-quote .-job { text-align: left; padding: 0; width: 43.6rem; margin: 0 }
}
.brand-big { background-color: #171F4A; z-index: 0; padding:8rem 0 .5rem;
position: relative }
@media (min-width:60em) {
.brand-big { padding: 8rem 0 9rem }
}
.brand-big ul li:before { background: #008F84; height: 1rem; width: 1rem }
@media (min-width:60em) {
.brand-big .cp-slider-vertical-parallax .-wide.container-pagination, .brand-big .teq-container.-wide, .cp-slider-vertical-parallax .brand-big .-wide.container-pagination { max-width: 115rem }
}
.brand-big .illust-container { position: relative; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: start; align-items: flex-start; margin-bottom: 3rem }
@media (min-width:60em) {
.brand-big .illust-container { margin: -30rem 0 10.7rem }
}
.brand-big .left-corner { display: none }
@media (min-width:60em) {
.brand-big .title-container { max-width: 60rem }
}
.brand-big .brand-slogan { width: calc(100% - 6rem) }
.brand-big .slogan, .brand-big h3 { display: block; font-size: 3rem; line-height: 3.4rem; color: #fff; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; position: relative; text-transform: inherit!important }
@media (min-width:60em) {
.brand-big .slogan, .brand-big h3 { font-size: 4.8rem; line-height: 4.6rem }
}
.brand-big .slogan { width: 100%; padding-bottom: 5rem }
@media (min-width:60em) {
.brand-big .slogan { margin: 3.9rem 0 0; padding-bottom: 4rem }
}
.brand-big .little-text { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; line-height: 2.6rem; color: #fff }
@media (min-width:60em) {
.brand-big .little-text { font-size: 2.2rem; line-height: 157% }
}
.brand-big .renault_little_circle { position: relative; left: 0; top: 150px }
.brand-big .cp-blockquote-with-cta { background-color: transparent; color: #fff; padding: 0; margin: 0 0 4rem }
@media (min-width:60em) {
.brand-big .cp-blockquote-with-cta { margin: 0 0 7rem; padding-top: 8rem }
}
.brand-big .cp-blockquote-with-cta .dflex { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; padding: 0 }
@media (min-width:60em) {
.brand-big .cp-blockquote-with-cta .dflex { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between }
}
@media (min-width:60em) {
.brand-big .cp-blockquote-with-cta .content { width: 50% }
}
.brand-big .cp-blockquote-with-cta .illust { margin-bottom: 2.7rem }
@media (min-width:60em) {
.brand-big .cp-blockquote-with-cta .illust { margin-bottom: 0; max-width: 44rem; width: calc(50% - 6.7rem) }
}
.brand-big .cp-blockquote-with-cta blockquote { font-style: normal }
.brand-big .cp-blockquote-with-cta blockquote p { font-size: 2.2rem; line-height: 2.7rem; margin-bottom: 1.6rem; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-style: normal; color: #fff }
.brand-big .cp-blockquote-with-cta blockquote:before { color: #fff; opacity: 1 }
.brand-big .cp-blockquote-with-cta blockquote:after { display: none }
.brand-big .cp-blockquote-with-cta .-content { margin-left: 0; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; line-height: 1.5rem }
.brand-big .cp-blockquote-with-cta .-job { color: #fff; font-size: 1.4rem; line-height: 1.4rem; font-family: Renault-Light, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.brand-big .end-content { position: relative }
@media (min-width:60em) {
.brand-big .end-content { padding-top: 8rem }
}
@media (min-width:60em) {
.brand-big .end-content:before { position: absolute; top: 0; content: ""; background-color: #fff; height: 130%; width: 100% }
}
.brand-big .end-content .title { display: none }
.brand-big .end-content .list { position: relative; max-width: 80rem; margin: 0 auto 1rem }
@media (min-width:60em) {
.brand-big .end-content .list { margin: 0 auto 0 0 }
}
.brand-big .end-content .list li { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem; color: #fff; margin-bottom: 1rem }
@media (min-width:60em) {
.brand-big .end-content .list li { color: #171F4A; margin-bottom: 2rem }
.brand-big .end-content .list li :before { top:.7rem
}
}
.brand-big .end-content .list li :before { top:.7rem
}
.brand-big .end-content .list p { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem; color: #fff; margin-bottom: 1rem }
@media (min-width:60em) {
.brand-big .end-content .list p { color: #171F4A; font-size: 1.8rem; line-height: 2.4rem }
}
.brand-big .end-content strong { font-family: Read-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; line-height: 1.6rem; color: #171F4A; margin-bottom: 1rem }
@media (min-width:60em) {
.brand-big .end-content strong { font-size: 2rem; line-height: 3.6rem }
}
.brand-big .end-content .dropdown-hidden { position: absolute; top: -999999999px }
.brand-big .end-content .js-toggle-section { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; max-width: 394px; margin: 40px auto 55px 0 }
.brand-big .end-content .js-toggle-section .js-toggle { border-radius: 50%; color: #171F4A; cursor: pointer; line-height: 4.9rem; font-size: 1.7rem; height: 4.5rem; text-align: center; text-decoration: none; width: 4.5rem; z-index: 9999 }
.brand-big .end-content .js-toggle-section .blanc { color: #fff }
.brand-big .end-content .js-toggle-section .text { display: none; color: #171F4A; font-style: normal; font-weight: 700; font-size: 1.8rem; line-height: 2.1rem; max-width: 80%; text-align: center; text-transform: uppercase; z-index: 1 }
@media (min-width:60em) {
.brand-big .end-content .js-toggle-section .text { font-size: 2.2rem; line-height: 2.6rem; max-width: 100% }
}
.cp-longread-brand-renault {
margin-top:-.5rem; position: relative }
@media (min-width:60em) {
.cp-longread-brand-renault { box-sizing: border-box; margin-top: -55rem; padding-top: 50rem }
}
.cp-longread-brand-renault .left-circle { display: none }
@media (min-width:84.5em) {
.cp-longread-brand-renault .left-circle { position: absolute; left: 0; top: 52%; width: 200px; height: 432px; z-index: -1 }
}
.cp-longread-brand-renault .logo { width: 7.9rem }
.cp-longread-brand-renault .brand-slogan { width: 100%; margin: 6rem 0 0 }
@media (min-width:37.5em) {
.cp-longread-brand-renault .brand-slogan { width: 77% }
}
@media (min-width:60em) {
.cp-longread-brand-renault .brand-slogan { margin: 6rem 0 0 }
}
.cp-longread-brand-renault .slogan:after { background: #fce903 }
.cp-longread-brand-renault .illust-wide { display: block; overflow: visible; position: relative; align-self: flex-start; margin-top: 7rem; width: 77%; z-index: 2 }
@media (min-width:60em) {
.cp-longread-brand-renault .illust-wide { margin-top: 38rem; width: 64vw; height: auto }
}
@media (min-width:76em) {
.cp-longread-brand-renault .illust-wide { width: 60vw }
}
@media (min-width:84.5em) {
.cp-longread-brand-renault .illust-wide { width: 55vw }
}
@media (min-width:105em) {
.cp-longread-brand-renault .illust-wide { width: 50.1vw }
}
.cp-longread-brand-renault .illust { display: block; width: 100%; -o-object-fit: cover; object-fit: cover }
.cp-longread-brand-renault .illust-narrow { position: absolute; right: 0; z-index: 1; width: 33% }
@media (min-width:60em) {
.cp-longread-brand-renault .illust-narrow { width: 34.8rem; height: 45rem; overflow: hidden; right: 7rem }
}
.cp-longread-brand-renault .little-text { max-width: 100%; margin: 0 auto 2rem 0; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:60em) {
.cp-longread-brand-renault .little-text { max-width: calc(100% - 6rem); font-size: 2.3rem; line-height: 2.6rem; margin: 0; width: 55% }
}
.cp-longread-brand-renault .cp-blockquote-with-cta { position: relative }
@media (min-width:60em) {
.cp-longread-brand-renault .cp-blockquote-with-cta:before { position: absolute; top: 0; left: 0; content: ""; background-color: #008F84; height: 80.9rem; width: 69% }
}
.cp-longread-brand-renault .cp-blockquote-with-cta .content { -webkit-box-ordinal-group: 3; order: 2 }
@media (min-width:60em) {
.cp-longread-brand-renault .cp-blockquote-with-cta .content { -webkit-box-ordinal-group: 2; order: 1 }
}
.cp-longread-brand-renault .cp-blockquote-with-cta .illust { -webkit-box-ordinal-group: 2; order: 1; margin-bottom: 2.7rem }
@media (min-width:60em) {
.cp-longread-brand-renault .cp-blockquote-with-cta .illust { -webkit-box-ordinal-group: 3; order: 2; margin-bottom: 0 }
}
.cp-longread-brand-renault .js-toggle { background: #008F84; color: #fff!important }
@media (min-width:84.5em) {
.cp-longread-brand-dacia { padding-top: 5rem }
}
.cp-longread-brand-dacia .left-circle { display: none }
@media (min-width:84.5em) {
.cp-longread-brand-dacia .left-circle { height: 43rem; left: 0; position: absolute; top: 41%; width: 21rem }
}
.cp-longread-brand-dacia .right-circle { display: none }
@media (min-width:84.5em) {
.cp-longread-brand-dacia .right-circle { display: none; position: absolute; right: 0; top: 3rem; width: 200px; height: 432px; z-index: -1 }
}
.cp-longread-brand-dacia .logo { width: 15.1rem }
@media (min-width:60em) {
.cp-longread-brand-dacia .logo { width: 34rem }
}
.cp-longread-brand-dacia .brand-slogan { width: 100% }
@media (min-width:37.5em) {
.cp-longread-brand-dacia .brand-slogan { width: 77% }
}
@media (min-width:60em) {
.cp-longread-brand-dacia .brand-slogan { margin-left: calc(33% + 3rem) }
}
.cp-longread-brand-dacia .slogan:after { background: #646b52 }
@media (min-width:60em) {
.cp-longread-brand-dacia .illust-container { margin: -24rem 0 7rem }
}
.cp-longread-brand-dacia .illust-wide { overflow: visible; position: relative; align-self: flex-start; margin-top: 7rem; width: 77% }
@media (min-width:60em) {
.cp-longread-brand-dacia .illust-wide { margin-top: 38rem }
}
.cp-longread-brand-dacia .illust-wide:before { background: #646b52; content: ""; position: absolute; top: 0; bottom: 0; left:-.82rem;
width:.82rem
}
@media (min-width:60em) {
.cp-longread-brand-dacia .illust-wide:before { left: -3rem; width: 3rem }
}
.cp-longread-brand-dacia .illust { display: block; width: 100%; -o-object-fit: cover; object-fit: cover }
.cp-longread-brand-dacia .illust-narrow { width: 33% }
.cp-longread-brand-dacia .little-text { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; line-height: 2.6rem; max-width: 100%; margin: 0 auto 2rem 0; color: #fff }
@media (min-width:60em) {
.cp-longread-brand-dacia .little-text { font-size: 2.2rem; line-height: 157%; margin: 0 auto 2rem 0; max-width: calc(100% - 6rem); width: 57rem }
}
.cp-longread-brand-dacia .framed-text { background: #323232; padding: 25px; color: #fff!important }
.cp-longread-brand-dacia .framed-text strong { color: #fff!important }
.cp-longread-brand-dacia .list li:before { background-color: #646b52 }
.cp-longread-brand-dacia .js-toggle { background-color: #646b52!important }
.cp-longread-brand-dacia .lada-section { background: #323232; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin: 100px auto }
@media (min-width:47.5em) {
.cp-longread-brand-dacia .lada-section { background: transparent; margin: 180px auto 100px; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row }
}
.cp-longread-brand-dacia .lada-text-container { background: #323232; box-sizing: borer-box; padding: 3rem }
@media (min-width:60em) {
.cp-longread-brand-dacia .lada-text-container { padding: 4rem 7rem 8rem; position: relative; width: 50% }
.cp-longread-brand-dacia .lada-text-container:before { content: ""; height: 100%; right: -8.4rem; position: absolute; top: 0; width: 8.4rem }
}
.cp-longread-brand-dacia .lada-logo { width: 12rem }
.cp-longread-brand-dacia .lada-title { font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; color: #fff; font-size: 3rem; line-height: 115% }
.cp-longread-brand-dacia .lada-text { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-style: normal; font-weight: 400; font-size: 1.6rem; line-height: 157%; color: #fff }
@media (min-width:60em) {
.cp-longread-brand-dacia .lada-text { font-size: 2rem; line-height: 3rem }
}
.cp-longread-brand-dacia .lada-illust-container { margin-bottom: 3rem; overflow: hidden; position: relative; width: calc(100% - 4rem) }
@media (min-width:60em) {
.cp-longread-brand-dacia .lada-illust-container { margin-bottom: 0; width: 50% }
}
.cp-longread-brand-dacia .lada-illust-container:before { display: block; content: ""; width: 100%; padding-top: 71.511627907% }
.cp-longread-brand-dacia .lada-illust-container img { display: block; position: absolute; -o-object-fit: cover; object-fit: cover; top: 0; left: 0; min-width: 100% }
.cp-longread-brand-dacia .btn-yellow { background-color: #646b52 }
.cp-longread-brand-dacia .btn-yellow:hover { color: #646b52; background-color: #fff; box-shadow: 0 0 0 1px #646b52 }
.cp-longread-brand-mobilize { position: relative }
@media (min-width:84.5em) {
.cp-longread-brand-mobilize { padding-top: 5rem }
}
.cp-longread-brand-mobilize .left-circle { position: absolute; display: block; left: 0; top: 36%; width: 21rem; height: 42rem; display: none; z-index: -1 }
.cp-longread-brand-mobilize .logo { width: 15rem }
@media (min-width:60em) {
.cp-longread-brand-mobilize .logo { width: 30rem }
}
.cp-longread-brand-mobilize .brand-slogan { width: 100% }
@media (min-width:60em) {
.cp-longread-brand-mobilize .brand-slogan { margin-left: calc(33% + 10rem); width: 77% }
}
.cp-longread-brand-mobilize .title-container { width: 100% }
.cp-longread-brand-mobilize .slogan { padding-bottom: 5rem; padding-left:.6rem
}
.cp-longread-brand-mobilize .slogan:after { background: #f84300 }
@media (min-width:60em) {
.cp-longread-brand-mobilize .slogan { padding-bottom: 10rem; padding-left: 1.3rem }
}
.cp-longread-brand-mobilize .list li:before { background-color: #f84300 }
.cp-longread-brand-mobilize .illust-container { position: relative }
@media (min-width:60em) {
.cp-longread-brand-mobilize .illust-container { margin: -15rem 0 7rem }
}
.cp-longread-brand-mobilize .illust-wide { overflow: visible; position: relative; align-self: flex-start; margin-top: 7rem; width: 77% }
@media (min-width:60em) {
.cp-longread-brand-mobilize .illust-wide { margin: 21rem 0 0 auto; width: 80% }
}
.cp-longread-brand-mobilize .illust-wide:before { background: #f84300; content: ""; position: absolute; top: 0; bottom: 0; left:-.82rem;
width:.82rem
}
@media (min-width:60em) {
.cp-longread-brand-mobilize .illust-wide:before { left: -3rem; width: 3rem }
}
.cp-longread-brand-mobilize .illust { display: block; width: 100%; -o-object-fit: cover; object-fit: cover }
.cp-longread-brand-mobilize .illust-narrow { position: absolute; top: 0; right: 0; width: 40% }
@media (min-width:60em) {
.cp-longread-brand-mobilize .illust-narrow { left: 0; right: auto }
}
.cp-longread-brand-mobilize .little-text { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; line-height: 2.6rem; max-width: 100%; margin: 0 auto 2rem 0; padding-left:.6rem;
color: #fff }
@media (min-width:60em) {
.cp-longread-brand-mobilize .little-text { font-size: 2.2rem; line-height: 157%; margin-left: 0; max-width: calc(100% - 6rem); padding-left: 1.3rem; width: 57rem }
}
.cp-longread-brand-mobilize .js-toggle { background-color: #f84300!important }
.cp-longread-brand-mobilize .btn-yellow { background-color: #f84300 }
.cp-longread-brand-mobilize .btn-yellow:hover { color: #f84300; background-color: #fff; box-shadow: 0 0 0 1px #f84300 }
@media (min-width:76em) {
.cp-longread-brand-alpine { padding-top: 5rem }
}
.cp-longread-brand-alpine .right-circle { display: none }
@media (min-width:84.5em) {
.cp-longread-brand-alpine .right-circle { display: none; position: absolute; right: 0; top: 50%; width: 200px; height: 432px; z-index: -1 }
}
.cp-longread-brand-alpine .brand-slogan { margin-bottom: 6.5rem; width: 100% }
@media (min-width:37.5em) {
.cp-longread-brand-alpine .brand-slogan { width: 77% }
}
@media (min-width:76em) {
.cp-longread-brand-alpine .brand-slogan { margin: 2rem 0 10rem }
}
.cp-longread-brand-alpine .slogan:after { background: #051c2c }
.cp-longread-brand-alpine .logo { width: 18rem }
@media (min-width:76em) {
.cp-longread-brand-alpine .logo { width: 38rem }
}
.cp-longread-brand-alpine .brand-image { margin-bottom: 4rem; overflow: visible; position: relative }
.cp-longread-brand-alpine .brand-image:before { background: #051c2c; bottom:-.8rem;
content: ""; height: 52%; left:-.8rem;
position: absolute; width: 33%; z-index: -2 }
@media (min-width:76em) {
.cp-longread-brand-alpine .brand-image { margin-bottom: 9rem }
.cp-longread-brand-alpine .brand-image:before { bottom: -3.7rem; height: 42%; left: -3.7rem; width: 38% }
}
.cp-longread-brand-alpine .brand-image img { display: block; width: 100% }
.cp-longread-brand-alpine .little-text { font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; line-height: 2.6rem; max-width: 100%; margin: 0 auto 6.4rem 0; color: #fff }
@media (min-width:60em) {
.cp-longread-brand-alpine .little-text { max-width: calc(100% - 6rem); font-size: 2.2rem; line-height: 157%; margin-left: 0; width: 64rem }
}
.cp-longread-brand-alpine .cp-blockquote-with-cta .content { -webkit-box-ordinal-group: 3; order: 2 }
@media (min-width:60em) {
.cp-longread-brand-alpine .cp-blockquote-with-cta .content { -webkit-box-ordinal-group: 2; order: 1 }
}
.cp-longread-brand-alpine .cp-blockquote-with-cta .illust { -webkit-box-ordinal-group: 2; order: 1 }
@media (min-width:60em) {
.cp-longread-brand-alpine .cp-blockquote-with-cta .illust { -webkit-box-ordinal-group: 3; order: 2 }
}
.cp-longread-brand-alpine .list li:before { background-color: #051c2c }
.cp-longread-brand-alpine .js-toggle { background-color: #051c2c!important }
.cp-longread-brand-alpine .btn-yellow { background-color: #051c2c }
.cp-longread-brand-alpine .btn-yellow:hover { color: #051c2c; background-color: #fff; box-shadow: 0 0 0 1px #051c2c }
.cp-navigation-anchor-links { position: fixed; right: 1.6rem; bottom: 10.5rem; z-index: 100 }
@media (min-width:60em) {
.cp-navigation-anchor-links { right: 3.1rem }
}
.cp-navigation-anchor-links.-white .rolling, .cp-navigation-anchor-links.-white .rolling_icon { background: #fff }
.cp-navigation-anchor-links.-white .label { color: #fff; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-navigation-anchor-links.-white .cc-rockmenu, .cp-navigation-anchor-links.-white .icon-download-2, .cp-navigation-anchor-links.-white .icon-import { color: #fff }
.cp-navigation-anchor-links .cc-rockmenu { color: #171F4A; text-align: center; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: end; align-items: flex-end }
.cp-navigation-anchor-links .rolling { cursor: pointer; width: 4.8rem; height: 4.8rem; text-align: left; overflow: hidden; border-radius: 26px; background: #fff; color: #171F4A; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; white-space: nowrap; margin-bottom: 20px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center }
.cp-navigation-anchor-links .rolling:hover { text-decoration: none; width: auto; padding: 0 2rem; background: #000 }
.cp-navigation-anchor-links .rolling:hover .rolling_icon { background-color: #171F4A; border: none; color: #fff }
.cp-navigation-anchor-links .rolling:hover .rolling_icon i { color: #fff }
.cp-navigation-anchor-links .rolling_icon { z-index: 9; display: inline-block; min-width: 4.8rem; background: #fff; color: #171F4A; border: 2px solid #171F4A; height: 4.8rem; border-radius: 26px; box-sizing: border-box; margin:0 .4rem 0 0
}
.cp-navigation-anchor-links .cc-rockmenu .rolling .rolling_icon:hover .rolling { width: 23.9rem }
.cp-navigation-anchor-links .cc-rockmenu .rolling i { display: block; font-size: 2.4rem; width: 4.8rem; color: #171F4A; text-align: center; line-height: 4.8rem }
.cp-navigation-anchor-links .cc-rockmenu .rolling i:before { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin-left:-.3rem
}
.cp-navigation-anchor-links .label { margin: 0; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size:.8rem;
line-height: 110%; color: #fff }
@media (min-width:76em) {
.cp-navigation-anchor-links .label { font-size: 1.4rem; line-height: 130% }
}
@media (min-width:37.5em) {
.block-grid-asso { padding-top: 0 }
}
.cp-longread-links { padding: 3.7rem 0; position: relative }
.cp-longread-links .cp-slider-vertical-parallax .container-pagination, .cp-longread-links .teq-container, .cp-slider-vertical-parallax .cp-longread-links .container-pagination { width: calc(100% - 9rem); position: relative }
@media (min-width:60em) {
.cp-longread-links .cp-slider-vertical-parallax .container-pagination, .cp-longread-links .teq-container, .cp-slider-vertical-parallax .cp-longread-links .container-pagination { max-width: 94rem }
}
@media (min-width:60em) {
.cp-longread-links .flex-container { background: #f4f4f4; padding: 2.4rem 10rem 1.6rem; display: -webkit-box; display: flex; flex-wrap: wrap; max-width: 90rem; margin: auto; -webkit-box-pack: start; justify-content: flex-start; align-content: flex-start }
}
.cp-longread-links .item { box-sizing: border-box; cursor: pointer; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; margin:0 0 .8rem;
padding: 1.6rem; text-decoration: none; -webkit-transition: all .5s ease; transition: all .5s ease }
@media (min-width:60em) {
.cp-longread-links .item { width: calc(50% - 4rem) }
}
@media (min-width:60em) {
.cp-longread-links .item:nth-child(odd) { margin-right: 6.4rem }
}
.cp-longread-links .item:hover, .cp-longread-links .item:hover .icon { background-color: #171F4A; -webkit-transition: all .5s ease; transition: all .5s ease }
.cp-longread-links .item:hover .label { text-decoration: underline }
.cp-longread-links .icon, .cp-longread-links .item:hover .label { color: #fff; -webkit-transition: all .5s ease; transition: all .5s ease }
.cp-longread-links .icon { background: #008F84; border-radius: 50%; font-size: 1.6rem; height: 4rem; margin-right:.8rem;
text-align: center; text-decoration: none; width: 4rem; min-width: 4rem }
.cp-longread-links .icon:before { line-height: 4rem; min-width: 4rem; text-decoration: none }
.cp-longread-links .icon-document:before { content: "\E96F"!important }
.cp-longread-links .label { color: #171F4A; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; line-height: 1.5rem; letter-spacing:.1rem;
text-transform: uppercase; -webkit-transition: all .5s ease; transition: all .5s ease }
.cp-longread-social-links { background: #3d3d3d; padding: 4rem 0 }
@media (min-width:60em) {
.cp-longread-social-links { padding: 5rem 0 }
}
.cp-longread-social-links .cp-slider-vertical-parallax .container-pagination, .cp-longread-social-links .teq-container, .cp-slider-vertical-parallax .cp-longread-social-links .container-pagination { width: calc(100% - 9rem); position: relative }
@media (min-width:60em) {
.cp-longread-social-links .cp-slider-vertical-parallax .container-pagination, .cp-longread-social-links .teq-container, .cp-slider-vertical-parallax .cp-longread-social-links .container-pagination { max-width: 94rem }
}
.cp-longread-social-links .title { color: #fff; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3rem; line-height: 3.2rem; margin-bottom: 1.6rem; text-align: center }
@media (min-width:37.5em) {
.cp-longread-social-links .title { font-size: 3.4rem; line-height: 3.6rem; margin-bottom: 2.4rem }
}
.cp-longread-social-links .flex-container { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; margin: 0 auto; max-width: 18.4rem }
@media (min-width:60em) {
.cp-longread-social-links .flex-container { max-width: 29rem }
}
.cp-longread-social-links .item { display: block; cursor: pointer; text-decoration: none; width: 4rem }
@media (min-width:60em) {
.cp-longread-social-links .item { width: 6rem }
}
.cp-longread-social-links .icon { background: #fff; border-radius: 50%; color: #171F4A; font-size: 2rem; height: 4rem; line-height: 4rem; text-align: center; -webkit-transition: .4s; transition: .4s; width: 4rem }
@media (min-width:60em) {
.cp-longread-social-links .icon { font-size: 2.2rem; height: 6rem; line-height: 6rem; width: 6rem }
}
.cp-longread-social-links .icon:hover { background: #008F84 }
.cp-longread-text-link-img { box-sizing: border-box; padding: 4rem 0 }
.cp-longread-text-link-img .cp-slider-vertical-parallax .container-pagination, .cp-longread-text-link-img .teq-container, .cp-slider-vertical-parallax .cp-longread-text-link-img .container-pagination { max-width: 100%; width: 100% }
@media (min-width:60em) {
.cp-longread-text-link-img .cp-slider-vertical-parallax .container-pagination, .cp-longread-text-link-img .teq-container, .cp-slider-vertical-parallax .cp-longread-text-link-img .container-pagination { display: -webkit-box; display: flex; max-width: 101rem; height: 49.4rem; padding: 6rem 0 }
}
@media (min-width:60em) {
.cp-longread-text-link-img .cp-slider-vertical-parallax .container-pagination:nth-child(2n), .cp-longread-text-link-img .teq-container:nth-child(2n), .cp-slider-vertical-parallax .cp-longread-text-link-img .container-pagination:nth-child(2n) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse }
}
.cp-longread-text-link-img .title { color: #fff; font-family: Renault-Semibold; font-size: 3rem; line-height: 3.2rem; text-transform: inherit!important; margin: 0 0 2.4rem }
@media (min-width:60em) {
.cp-longread-text-link-img .title { font-size: 3.4rem; line-height: 3.6rem; margin-bottom: 4rem }
}
.cp-longread-text-link-img .btn-yellow { width: 100% }
@media (min-width:60em) {
.cp-longread-text-link-img .btn-yellow { width: 17.2rem }
}
.cp-longread-text-link-img .illust { -webkit-box-ordinal-group: 2; order: 1; position: relative; background-color: #fff }
@media (min-width:60em) {
.cp-longread-text-link-img .illust { width: 50%; min-height: 100%; overflow: hidden; -webkit-box-ordinal-group: 3; order: 2 }
}
.cp-longread-text-link-img .illust img { display: block; width: 100%; -o-object-fit: cover; object-fit: cover }
@media (min-width:60em) {
.cp-longread-text-link-img .illust img { bottom: 0; min-height: 60%; margin: auto 0; position: absolute; -o-object-fit: cover; object-fit: cover; top: 0 }
}
.cp-longread-text-link-img .content { background: #171F4A; box-sizing: border-box; -webkit-box-ordinal-group: 3; order: 2; padding: 2.4rem 2rem 4rem }
@media (min-width:60em) {
.cp-longread-text-link-img .content { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 50%; -webkit-box-ordinal-group: 2; order: 1; padding: 0 9.1rem }
}
.cp-hp-hero-news-banner-actu-event { background: #fff; box-sizing: border-box; padding-bottom: 7rem; position: relative; width: 100%; margin-top: 4.8rem }
@media (min-width:60em) {
.cp-hp-hero-news-banner-actu-event { display: -webkit-box; display: flex; padding-bottom: 6.4rem }
}
.cp-hp-hero-news-banner-actu-event:before { background: #171F4A; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 1 }
@media (min-width:60em) {
.cp-hp-hero-news-banner-actu-event:before { height: 0; opacity: 0; width: 0; display: none }
}
.cp-hp-hero-news-banner-actu-event .focus-container { position: relative; width: 100%;height:750px; }
.cp-hp-hero-news-banner-actu-event .illustration-container { overflow: hidden; position: relative }
.cp-hp-hero-news-banner-actu-event .illustration-container:before { display: block; content: ""; width: 100%; padding-top: 159.2% }
@media (min-width:37.5em) {
.cp-hp-hero-news-banner-actu-event .illustration-container { height: 100%; position: relative }
.cp-hp-hero-news-banner-actu-event .illustration-container:before { display: block; content: ""; width: 100%; padding-top: 37.77582% }
}
.cp-hp-hero-news-banner-actu-event .illust { bottom: 0; position: absolute; top: 0; left: 0; min-height: 100%; min-width: 100%; -o-object-fit: cover; object-fit: cover }
.cp-hp-hero-news-banner-actu-event .video-wrapper { display: none; height: auto; -webkit-box-pack: center; justify-content: center; left: 0; right: 0; top: 50%; overflow: visible; padding: 0; position: absolute; width: 100%; z-index: 0 }
.cp-hp-hero-news-banner-actu-event .video-wrapper:before { display: block; content: ""; padding-top: 37.77582%; width: 100% }
@media (min-width:37.5em) {
.cp-hp-hero-news-banner-actu-event .video-wrapper { display: none; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden }
}
@media (min-width:76em) {
.cp-hp-hero-news-banner-actu-event .video-wrapper { padding: 0 }
}
@media (min-width:37.5em) {
.cp-hp-hero-news-banner-actu-event iframe { left: 0; top: 0 }
}
.cp-hp-hero-news-banner-actu-event .btn-play { -webkit-box-align: center; align-items: center; background: #fff; border-radius: 100%; color: #171F4A; cursor: pointer; display: -webkit-box; display: flex; height: 7.6rem; -webkit-box-pack: center; justify-content: center; line-height: 7rem; position: absolute; left: 50%; top: 40%; text-align: center; -webkit-transition: .4s; transition: .4s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 7.6rem; z-index: 100 }
@media (min-width:37.5em) {
.cp-hp-hero-news-banner-actu-event .btn-play { top: 50% }
}
.cp-hp-hero-news-banner-actu-event .btn-play:before { font-size: 2rem }
.cp-hp-hero-news-banner-actu-event .btn-close { background: #171F4A; color: #fff; cursor: pointer; display: none; height: 5rem; position: absolute; right: 2rem; text-align: center; top: -7rem; width: 5rem; z-index: 20 }
.cp-hp-hero-news-banner-actu-event .btn-close:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; content: "\E913"; font-size: 2.8rem; line-height: 5rem }
.cp-hp-hero-news-banner-actu-event.video-appear:before { opacity: .7 }
@media (min-width:60em) {
.cp-hp-hero-news-banner-actu-event.video-appear:before { opacity: 0 }
}
.cp-hp-hero-news-banner-actu-event.video-appear .video-wrapper { display: block; z-index: 20 }
.cp-hp-hero-news-banner-actu-event.video-appear .description { opacity: 0; z-index: -1 }
.cp-hp-hero-news-banner-actu-event.video-appear .btn-play { opacity: 0 }
.cp-hp-hero-news-banner-actu-event.video-appear iframe { opacity: 1; z-index: 11 }
.cp-hp-hero-news-banner-actu-event.video-appear .btn-close { display: block }
.cp-hp-hero-news-banner-actu-event .cp-slider-vertical-parallax .container-pagination, .cp-hp-hero-news-banner-actu-event .teq-container, .cp-slider-vertical-parallax .cp-hp-hero-news-banner-actu-event .container-pagination { position: absolute; bottom: -1px; margin: 0 auto; z-index: 10; max-width: 108.4rem; width: calc(100% - 4.8rem) }
@media (min-width:76em) {
.cp-hp-hero-news-banner-actu-event .cp-slider-vertical-parallax .container-pagination, .cp-hp-hero-news-banner-actu-event .teq-container, .cp-slider-vertical-parallax .cp-hp-hero-news-banner-actu-event .container-pagination { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); max-width: 95rem }
}
.cp-hp-hero-news-banner-actu-event .description { background: #fff; box-sizing: border-box; padding: 2rem 2.3rem; z-index: 5 }
@media (min-width:60em) {
.cp-hp-hero-news-banner-actu-event .description { padding: 3rem 4rem; width: 37rem }
.cp-hp-hero-news-banner-actu-event .description.-wide { width: 55rem }
}
@media (min-width:76em) {
.cp-hp-hero-news-banner-actu-event .description { padding: 3rem 4rem }
}
.cp-hp-hero-news-banner-actu-event .description.-dark { background: #171F4A }
.cp-hp-hero-news-banner-actu-event .description.-dark .text, .cp-hp-hero-news-banner-actu-event .description.-dark h2 { color: #fff }
@media (min-width:76em) {
.cp-hp-hero-news-banner-actu-event .description.-right { margin: 0 0 0 auto }
}
.cp-hp-hero-news-banner-actu-event h2 { color: #008F84; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.4rem; line-height: 1.7rem; text-transform: uppercase; margin: 0 0 1rem }
@media (min-width:60em) {
.cp-hp-hero-news-banner-actu-event h2 { font-size: 1.4rem; line-height: 1.7rem; margin:0 0 .5rem
}
}
@media (min-width:84.5em) {
.cp-hp-hero-news-banner-actu-event h2 { font-size: 1.4rem; line-height: 1.7rem; margin:0 0 .5rem
}
}
.cp-hp-hero-news-banner-actu-event .text { color: #171F4A; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3.3rem; line-height: 3.2rem }
@media (min-width:60em) {
.cp-hp-hero-news-banner-actu-event .text { font-size: 3.3rem; line-height: 2.6rem }
}
@media (min-width:84.5em) {
.cp-hp-hero-news-banner-actu-event .text { font-size: 3.3rem; line-height: 3.2rem }
}
.cp-hp-hero-news-banner-actu-event h3 { color: #171F4A; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.7rem; line-height: 3.2rem; margin: 1rem 0 2rem; text-transform: none }
@media (min-width:60em) {
.cp-hp-hero-news-banner-actu-event h3 { font-size: 1.8rem; line-height: 2.2rem; margin: 1rem 0 3.8rem }
}
.cp-hp-hero-news-banner-actu-event .category { color: #008F84; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; line-height: 1.4rem; letter-spacing: .05em; margin-bottom: 1rem; text-transform: uppercase }
@media (min-width:60em) {
.cp-hp-hero-news-banner-actu-event .category { margin-bottom:.5rem
}
}
.cp-hp-hero-news-banner-actu-event .title { color: #171F4A; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2.4rem; margin-bottom: 1rem }
@media (min-width:60em) {
.cp-hp-hero-news-banner-actu-event .title { font-size: 1.4rem; line-height: 1.7rem; margin-bottom: 1.3rem }
}
.cp-hp-hero-news-banner-actu-event .date { color: #828282; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; line-height: 1.4rem; letter-spacing: .05em; text-transform: uppercase }
@media (min-width:60em) {
.cp-hp-hero-news-banner-actu-event .date { font-size: 1.2rem; line-height: 1.4rem }
}
.cp-hp-hero-news-banner-actu-event .icon { position: absolute; right: 0; bottom: 1rem; color: #a7a7a7 }
.cp-hp-hero-news-banner-actu-event .icon:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; font-size: 1.2rem }
.cp-hp-hero-news-banner-actu-event .icon-dacia:before { font-size:.9rem
}
.cp-hp-hero-news-banner-actu-event .icon-renault:before { font-size: 1.9rem }
.cp-hp-hero-news-banner { background: #fff; box-sizing: border-box; padding-bottom: 3rem; position: relative; width: 100% }
@media (min-width:60em) {
.cp-hp-hero-news-banner { display: -webkit-box; display: flex; padding-bottom: 15rem }
}
/*.cp-hp-hero-news-banner:before { background: #171F4A; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 1 }*/
@media (min-width:60em) {
.cp-hp-hero-news-banner:before { height: 0; opacity: 0; width: 0; display: none }
}
.cp-hp-hero-news-banner .focus-container { position: relative; width: 100% }
@media (min-width:60em) {
.cp-hp-hero-news-banner .focus-container { width: calc(100%) }
}
@media (min-width:76em) {
.cp-hp-hero-news-banner .focus-container { width: calc(100%) }
}
@media (min-width:105em) {
.cp-hp-hero-news-banner .focus-container { width: calc(100% );height:750px; }
}
.cp-hp-hero-news-banner .focus-container:hover .description { text-decoration: underline }
.cp-hp-hero-news-banner .illustration-container { overflow: hidden; position: relative }
.cp-hp-hero-news-banner .illustration-container:before { display: block; content: ""; width: 100%; padding-top: 80% }
@media (min-width:37.5em) {
.cp-hp-hero-news-banner .illustration-container { height: 100%; position: relative }
.cp-hp-hero-news-banner .illustration-container:before { display: block; content: ""; width: 100%; padding-top: 37.77582% }
}
.cp-hp-hero-news-banner .illust { bottom: 0; position: absolute; top: 0; left: 0; min-height: 100%; min-width: 100%; -o-object-fit: cover; object-fit: cover }
.cp-hp-hero-news-banner .video-wrapper { display: none; height: auto; -webkit-box-pack: center; justify-content: center; left: 0; right: 0; top: 50%; overflow: visible; padding: 0; position: absolute; width: 100%; z-index: 0 }
.cp-hp-hero-news-banner .video-wrapper:before { display: block; content: ""; padding-top: 37.77582%; width: 100% }
@media (min-width:37.5em) {
.cp-hp-hero-news-banner .video-wrapper { display: none; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden }
} 
@media (min-width:76em) {
.cp-hp-hero-news-banner .video-wrapper { padding: 0 }
}
@media (min-width:37.5em) {
.cp-hp-hero-news-banner iframe { left: 0; top: 0 }
}
.cp-hp-hero-news-banner .btn-play { -webkit-box-align: center; align-items: center; background: #fff; border-radius: 100%; color: #171F4A; cursor: pointer; display: -webkit-box; display: flex; height: 7.6rem; -webkit-box-pack: center; justify-content: center; line-height: 7rem; position: absolute; left: 50%; top: 40%; text-align: center; -webkit-transition: .4s; transition: .4s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 7.6rem; z-index: 100 }
@media (min-width:37.5em) {
.cp-hp-hero-news-banner .btn-play { top: 50% }
}
.cp-hp-hero-news-banner .btn-play:before { font-size: 2rem }
.cp-hp-hero-news-banner .btn-close { background: #171F4A; color: #fff; cursor: pointer; display: none; height: 5rem; position: absolute; right: 2rem; text-align: center; top: -7rem; width: 5rem; z-index: 20 }
.cp-hp-hero-news-banner .btn-close:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; content: "\E913"; font-size: 2.8rem; line-height: 5rem }
.cp-hp-hero-news-banner.video-appear:before { opacity: .7 }
@media (min-width:60em) {
.cp-hp-hero-news-banner.video-appear:before { opacity: 0 }
}
.cp-hp-hero-news-banner.video-appear .video-wrapper { display: block; z-index: 20 }
.cp-hp-hero-news-banner.video-appear .description { opacity: 0; z-index: -1 }
.cp-hp-hero-news-banner.video-appear .btn-play { opacity: 0 }
.cp-hp-hero-news-banner.video-appear iframe { opacity: 1; z-index: 11 }
.cp-hp-hero-news-banner.video-appear .btn-close { display: block }
.cp-hp-hero-news-banner .cp-slider-vertical-parallax .container-pagination, .cp-hp-hero-news-banner .teq-container, .cp-slider-vertical-parallax .cp-hp-hero-news-banner .container-pagination { position: absolute; bottom: -1px; margin: 0 auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); max-width: calc(100% - 4rem); z-index: 10 }
@media (min-width:60em) {
.cp-hp-hero-news-banner .cp-slider-vertical-parallax .container-pagination, .cp-hp-hero-news-banner .teq-container, .cp-slider-vertical-parallax .cp-hp-hero-news-banner .container-pagination { max-width: 72rem }
}
@media (min-width:76em) {
.cp-hp-hero-news-banner .cp-slider-vertical-parallax .container-pagination, .cp-hp-hero-news-banner .teq-container, .cp-slider-vertical-parallax .cp-hp-hero-news-banner .container-pagination { max-width: 95rem }
}
.cp-hp-hero-news-banner .description { background: #fff; box-sizing: border-box; padding: 2rem 2rem 2.4rem; z-index: 5 }
@media (min-width:60em) {
.cp-hp-hero-news-banner .description { padding: 3rem 5rem 2rem; width: 37rem }
.cp-hp-hero-news-banner .description.-wide { width: 55rem }
}
@media (min-width:76em) {
.cp-hp-hero-news-banner .description { padding: 3rem 5rem 2rem }
}
.cp-hp-hero-news-banner .description.-dark { background: #171F4A }
.cp-hp-hero-news-banner .description.-dark .text, .cp-hp-hero-news-banner .description.-dark h2 { color: #fff }
@media (min-width:76em) {
.cp-hp-hero-news-banner .description.-right { margin: 0 0 0 auto }
}
.cp-hp-hero-news-banner h2 { color: #008F84; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.4rem; line-height: 1.7rem; text-transform: uppercase; margin: 0 0 1rem }
@media (min-width:60em) {
.cp-hp-hero-news-banner h2 { font-size: 1.4rem; line-height: 1.7rem; margin:0 0 .5rem
}
}
@media (min-width:84.5em) {
.cp-hp-hero-news-banner h2 { font-size: 1.4rem; line-height: 1.7rem; margin:0 0 .5rem
}
}
.cp-hp-hero-news-banner .text { color: #171F4A; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3.3rem; line-height: 3.2rem }
@media (min-width:60em) {
.cp-hp-hero-news-banner .text { font-size: 3.3rem; line-height: 2.6rem }
}
@media (min-width:84.5em) {
.cp-hp-hero-news-banner .text { font-size: 3.3rem; line-height: 4rem }
}
.cp-hp-hero-news-banner .news-container { background: #fff; box-sizing: border-box; padding: 5rem 2rem 2rem }
@media (min-width:60em) {
.cp-hp-hero-news-banner .news-container { padding: 4rem 2rem 0; width: 24.6rem }
}
@media (min-width:76em) {
.cp-hp-hero-news-banner .news-container { width: 25rem }
}
@media (min-width:105em) {
.cp-hp-hero-news-banner .news-container { width: 25.5rem }
}
.cp-hp-hero-news-banner .news-item:first-child { margin-bottom: 3rem }
.cp-hp-hero-news-banner h3 { color: #171F4A; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.7rem; line-height: 3.2rem; margin: 1rem 0 2rem; text-transform: none }
@media (min-width:60em) {
.cp-hp-hero-news-banner h3 { font-size: 1.8rem; line-height: 2.2rem; margin: 1rem 0 3.8rem }
}
.cp-hp-hero-news-banner .item { border-bottom: 1px solid #cfcfcf; margin-bottom: 1.5rem; padding-bottom: 1.5rem; position: relative }
@media (min-width:60em) {
.cp-hp-hero-news-banner .item { margin-bottom: 1.5rem; padding-bottom: 1.2rem }
}
.cp-hp-hero-news-banner .item:last-child { margin-bottom: 0 }
.cp-hp-hero-news-banner .item a { cursor: pointer; text-decoration: none }
.cp-hp-hero-news-banner .item a:hover { text-decoration: none }
.cp-hp-hero-news-banner .item a:hover .title { text-decoration: underline }
.cp-hp-hero-news-banner .category { color: #008F84; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; line-height: 1.4rem; letter-spacing: .05em; margin-bottom: 1rem; text-transform: uppercase }
@media (min-width:60em) {
.cp-hp-hero-news-banner .category { margin-bottom:.5rem
}
}
.cp-hp-hero-news-banner .title { color: #171F4A; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2.4rem; margin-bottom: 1rem }
@media (min-width:60em) {
.cp-hp-hero-news-banner .title { font-size: 1.4rem; line-height: 1.7rem; margin-bottom: 1.3rem }
}
.cp-hp-hero-news-banner .date { color: #828282; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; line-height: 1.4rem; letter-spacing: .05em; text-transform: uppercase }
@media (min-width:60em) {
.cp-hp-hero-news-banner .date { font-size: 1.2rem; line-height: 1.4rem }
}
.cp-hp-hero-news-banner .icon { position: absolute; right: 0; bottom: 1rem; color: #a7a7a7 }
.cp-hp-hero-news-banner .icon:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; font-size: 1.2rem }
.cp-hp-hero-news-banner .icon-dacia:before { font-size:.9rem
}
.cp-hp-hero-news-banner .icon-renault:before { font-size: 1.9rem }
.cp-hp-slider-story { box-sizing: border-box; padding: 1.5rem 0 13.5rem }
@media (min-width:60em) {
.cp-hp-slider-story { overflow: hidden;padding: 15rem 0 0rem }
}
.cp-hp-slider-story.bg-white { background: #fff }
.cp-hp-slider-story .cp-slider-vertical-parallax .container-pagination, .cp-hp-slider-story .teq-container, .cp-slider-vertical-parallax .cp-hp-slider-story .container-pagination { position: relative; width: 120rem; max-width: 100%; overflow: visible }
.cp-hp-slider-story h2 { color: #171F4A; font-size: 3rem; line-height: 3.5rem; margin-bottom:.5rem;
text-align: center; text-transform: none; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:60em) {
.cp-hp-slider-story h2 { font-size: 3.4rem; line-height: 3.6rem; margin: 0 0 0 1.1rem; text-align: left }
}
.cp-hp-slider-story .stories-link { position: relative; cursor: pointer; display: block; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.2rem; text-transform: uppercase; text-align: center; text-decoration: underline; z-index: 5 }
@media (min-width:60em) {
.cp-hp-slider-story .stories-link { text-align: left; margin: 0 0 0 1.1rem; font-size: 1.6rem }
}
.cp-hp-slider-story .cp-slider-vertical-parallax .container-pagination, .cp-hp-slider-story .swiper-container, .cp-hp-slider-story .teq-container, .cp-slider-vertical-parallax .cp-hp-slider-story .container-pagination { overflow: visible }
.cp-hp-slider-story .swiper-container { margin-top: 3rem }
@media (min-width:60em) {
.cp-hp-slider-story .swiper-container { margin-top: -4rem; padding-top: 9rem; top: 4rem }
}
.cp-hp-slider-story .item { height: auto; margin-right: 2rem; min-height: 35rem; width: calc(100% - 3.5rem) }
@media (min-width:60em) {
.cp-hp-slider-story .item { margin: 0 1.1rem; min-height: 42.5rem; width: calc(33% - 2rem) }
}
.cp-hp-slider-story .item:hover { cursor: pointer; text-decoration: none }
.cp-hp-slider-story .item:hover .description { text-decoration: underline }
.cp-hp-slider-story .item:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50% }
.cp-hp-slider-story .link { cursor: pointer; display: -webkit-box; display: flex; height: 100%; -webkit-box-align: stretch; align-items: stretch; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; align-content: stretch }
.cp-hp-slider-story .link:hover { text-decoration: none }
.cp-hp-slider-story .illust-container { position: relative; overflow: hidden }
.cp-hp-slider-story .illust-container:before { display: block; content: ""; width: 100%; padding-top: 61.4232209738% }
@media (min-width:60em) {
.cp-hp-slider-story .illust-container:before { padding-top: 47.1264367816% }
}
.cp-hp-slider-story .illust-container img { position: absolute; -o-object-fit: cover; object-fit: cover; top: 0; left: 0; min-width: 100%; min-height: 100%; -webkit-transition: -webkit-transform .6s; transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s }
.cp-hp-slider-story .content { background: #fff; box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-flex: 1; flex: 1; -webkit-box-pack: justify; justify-content: space-between; padding: 2rem }
@media (min-width:60em) {
.cp-hp-slider-story .content { padding: 5rem 2rem 2rem }
}
.cp-hp-slider-story .category { font-size: 1.2rem; line-height: 1.5rem; letter-spacing:.1rem;
text-transform: uppercase; margin-bottom:.8rem
}
.cp-hp-slider-story .category, .cp-hp-slider-story .description { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-hp-slider-story .description { font-size: 2rem; line-height: 2.3rem; margin-bottom: 2.6rem; text-transform: none; -webkit-transition: .2s; transition: .2s }
@media (min-width:60em) {
.cp-hp-slider-story .description { font-size: 2.3rem; line-height: 2.6rem; margin: 0 }
}
.cp-hp-slider-story .bottom { -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; position: relative; z-index: 10 }
.cp-hp-slider-story .bottom, .cp-hp-slider-story .left { display: -webkit-box; display: flex }
.cp-hp-slider-story .date, .cp-hp-slider-story .time { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; line-height: 1.5rem; letter-spacing:.1rem;
text-transform: uppercase }
.cp-hp-slider-story .date { margin-right: 1.6rem }
.cp-hp-slider-story .icon { color: #fff }
.cp-hp-slider-story .icon:before { display: block; font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; font-size: 1.1rem }









.cp-hp-slider-story .icon-renault:before { font-size: 1.9rem;background:url(/images/index_images_001.svg) no-repeat;width:30px; height:30px; }







.cp-hp-slider-story .icon-dacia:before { font-size:.8rem!important;background:url(/images/index_images_002.svg) no-repeat;width:30px; height:30px;
}









.cp-hp-slider-story .icon-clock { color: #a7a7a7; display: inline-block; margin:0 .2rem 0 0
}
.cp-hp-slider-story .icon-clock:before { display: block; font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; font-size: 1.2rem }
.cp-hp-slider-story .swiper-slide.-full-image:before { display: block; content: ""; width: 100% }
.cp-hp-slider-story .swiper-slide.-full-image .illust-container { height: 100% }
.cp-hp-slider-story .swiper-slide.-full-image .illust-container:before { padding-top: 0 }
@media (min-width:60em) {
.cp-hp-slider-story .swiper-slide.-full-image .illust-container:before { padding-top: 0 }
}
.cp-hp-slider-story .swiper-slide.-full-image .content { background: none; box-sizing: border-box; bottom: 25px; left: 0; padding-top: calc(33% + 2rem); position: absolute; top: 0; right: 0 }
@media (min-width:60em) {
.cp-hp-slider-story .swiper-slide.-full-image .content { padding-top: calc(60% + 5rem) }
}
.cp-hp-slider-story .swiper-slide.-dark:after, .cp-hp-slider-story .swiper-slide.-light:after { content: ""; left: 0; right: 0; top: 0; bottom: 0; position: absolute; height: 100%; width: 100%; z-index: 1 }
.cp-hp-slider-story .swiper-slide.-dark .category, .cp-hp-slider-story .swiper-slide.-dark .date, .cp-hp-slider-story .swiper-slide.-dark .description, .cp-hp-slider-story .swiper-slide.-dark .icon, .cp-hp-slider-story .swiper-slide.-dark .time, .cp-hp-slider-story .swiper-slide.-light .category, .cp-hp-slider-story .swiper-slide.-light .date, .cp-hp-slider-story .swiper-slide.-light .description, .cp-hp-slider-story .swiper-slide.-light .icon, .cp-hp-slider-story .swiper-slide.-light .time { position: relative; z-index: 10 }
.cp-hp-slider-story .swiper-slide.-dark:after { background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(28%, transparent), to(rgba(0,0,0,.9))); background: linear-gradient(180deg, transparent 0, transparent 28%, rgba(0,0,0,.9)) }
.cp-hp-slider-story .swiper-slide.-dark .category, .cp-hp-slider-story .swiper-slide.-dark .description { color: #fff }
.cp-hp-slider-story .swiper-slide.-dark .date, .cp-hp-slider-story .swiper-slide.-dark .icon, .cp-hp-slider-story .swiper-slide.-dark .time { color: #f4f4f4 }
.cp-hp-slider-story .swiper-slide.-light:after { background: -webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,100%,0)), color-stop(95%, #fff), to(#fff)); background: linear-gradient(180deg, hsla(0,0%,100%,0) 0, #fff 95%, #fff) }
.cp-hp-slider-story .swiper-slide.-light .category, .cp-hp-slider-story .swiper-slide.-light .date, .cp-hp-slider-story .swiper-slide.-light .description, .cp-hp-slider-story .swiper-slide.-light .icon, .cp-hp-slider-story .swiper-slide.-light .time { color: #000 }
.cp-hp-slider-story .nav-container { display: none; height: 3rem; position: absolute; right: 0; top: 0; width: 8rem; z-index: 50 }
@media (min-width:60em) {
.cp-hp-slider-story .nav-container { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-right: 1.8rem }
}
.cp-hp-slider-story .js-slider-hp-story-button-next, .cp-hp-slider-story .js-slider-hp-story-button-prev { background-image: none!important; height: 2.5rem; width: 2.5rem }
.cp-hp-slider-story .js-slider-hp-story-button-next:before, .cp-hp-slider-story .js-slider-hp-story-button-prev:before { color: #171F4A; font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; font-size: 2.5rem }
.cp-hp-slider-story .js-slider-hp-story-button-next.swiper-button-disabled:before, .cp-hp-slider-story .js-slider-hp-story-button-prev.swiper-button-disabled:before { opacity: .2 }
.cp-hp-slider-story .js-slider-hp-story-button-prev { left: 0; top: 0 }
.cp-hp-slider-story .js-slider-hp-story-button-next { right: 0; top: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.cp-hp-slider-story .swiper-scrollbar { bottom: -3rem }
@media (min-width:60em) {
.cp-hp-slider-story .swiper-scrollbar { display: none }
}
.cp-hp-slider-story .swiper-scrollbar { border-radius: 10px; background: #b5b5b5; height: 1px }
.cp-hp-slider-story .swiper-scrollbar-drag { height: 2px; width: 100%; position: relative; background: #008F84; border-radius: 20px; left: 0; top: -1px; opacity: 1 }
.cp-hp-slider-story-t4 { box-sizing: border-box; padding: 1.5rem 0 13.5rem }
@media (min-width:60em) {
.cp-hp-slider-story-t4 { overflow: hidden; background: #f4f4f4; padding: 8rem 0 16.5rem }
}
.cp-hp-slider-story-t4.bg-white { background: #fff }
.cp-hp-slider-story-t4 .cp-slider-vertical-parallax .container-pagination, .cp-hp-slider-story-t4 .teq-container, .cp-slider-vertical-parallax .cp-hp-slider-story-t4 .container-pagination { position: relative; width: 120rem; max-width: 100%; overflow: visible }
.cp-hp-slider-story-t4 .title { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column }
@media (min-width:60em) {
.cp-hp-slider-story-t4 .title { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: end; align-items: flex-end }
}
.cp-hp-slider-story-t4 .title .link-video { font-size: 1.4rem; line-height: 1.4rem; text-decoration: underline; text-transform: uppercase }
.cp-hp-slider-story-t4 .title .link-video, .cp-hp-slider-story-t4 h2 { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-hp-slider-story-t4 h2 { color: #171F4A; font-size: 3rem; line-height: 3.5rem; margin-bottom:.5rem;
margin-left: 2rem; text-transform: none }
@media (min-width:60em) {
.cp-hp-slider-story-t4 h2 { font-size: 3.4rem; line-height: 3.6rem; margin: 0 0 0 1.1rem; text-align: left }
}
.cp-hp-slider-story-t4 .stories-link { z-index: 10; cursor: pointer; display: block; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.4rem; line-height: 2.2rem; margin-left: 2rem; text-transform: uppercase; text-decoration: underline }
@media (min-width:60em) {
.cp-hp-slider-story-t4 .stories-link { text-align: left; margin: 0 2rem 0 1.1rem }
}
.cp-hp-slider-story-t4 .cp-slider-vertical-parallax .container-pagination, .cp-hp-slider-story-t4 .swiper-container, .cp-hp-slider-story-t4 .teq-container, .cp-slider-vertical-parallax .cp-hp-slider-story-t4 .container-pagination { overflow: visible }
.cp-hp-slider-story-t4 .swiper-container { margin-top: 3rem }
@media (min-width:60em) {
.cp-hp-slider-story-t4 .swiper-container { margin-top: -4rem; padding-top: 9rem }
}
.cp-hp-slider-story-t4 .item { height: auto; margin-right: 2rem; min-height: 35rem; width: calc(100% - 3.5rem) }
@media (min-width:60em) {
.cp-hp-slider-story-t4 .item { margin: 0 1.1rem; min-height: 42.5rem; width: calc(33% - 2rem) }
}
.cp-hp-slider-story-t4 .item:hover { cursor: pointer; text-decoration: none }
.cp-hp-slider-story-t4 .item:hover .description { text-decoration: underline }
.cp-hp-slider-story-t4 .item:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50% }
.cp-hp-slider-story-t4 .link { cursor: pointer; display: -webkit-box; display: flex; height: 100%; -webkit-box-align: stretch; align-items: stretch; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; align-content: stretch }
.cp-hp-slider-story-t4 .link:hover { text-decoration: none }
.cp-hp-slider-story-t4 .illust-container { position: relative; overflow: hidden }
.cp-hp-slider-story-t4 .illust-container:before { display: block; content: ""; width: 100%; padding-top: 61.4232209738% }
@media (min-width:60em) {
.cp-hp-slider-story-t4 .illust-container:before { padding-top: 47.1264367816% }
}
.cp-hp-slider-story-t4 .illust-container img { position: absolute; -o-object-fit: cover; object-fit: cover; top: 0; left: 0; min-width: 100%; min-height: 100%; -webkit-transition: -webkit-transform .6s; transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s }
.cp-hp-slider-story-t4 .content { background: #fff; box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-flex: 1; flex: 1; -webkit-box-pack: justify; justify-content: space-between; padding: 2rem }
@media (min-width:60em) {
.cp-hp-slider-story-t4 .content { padding: 5rem 2rem 2rem }
}
.cp-hp-slider-story-t4 .category { font-size: 1.2rem; line-height: 1.5rem; letter-spacing:.1rem;
text-transform: uppercase; margin-bottom:.8rem
}
.cp-hp-slider-story-t4 .category, .cp-hp-slider-story-t4 .description { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-hp-slider-story-t4 .description { font-size: 2rem; line-height: 2.4rem; margin-bottom: 2.4rem; text-transform: none; -webkit-transition: .2s; transition: .2s }
@media (min-width:60em) {
.cp-hp-slider-story-t4 .description { font-size: 2.3rem; line-height: 2.6rem; margin: 0 }
}
.cp-hp-slider-story-t4 .bottom { -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; position: relative; z-index: 10 }
.cp-hp-slider-story-t4 .bottom, .cp-hp-slider-story-t4 .left { display: -webkit-box; display: flex }
.cp-hp-slider-story-t4 .time { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; line-height: 1.5rem; letter-spacing:.1rem;
text-transform: uppercase }
.cp-hp-slider-story-t4 .icon { display: none; color: #fff }
.cp-hp-slider-story-t4 .icon:before { display: block; font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; font-size: 1.1rem }
.cp-hp-slider-story-t4 .icon-renault:before { font-size: 1.9rem }
.cp-hp-slider-story-t4 .icon-dacia:before { font-size:.8rem!important
}
.cp-hp-slider-story-t4 .swiper-slide.-full-image:before { display: block; content: ""; width: 100% }
.cp-hp-slider-story-t4 .swiper-slide.-full-image .illust-container { height: 100% }
.cp-hp-slider-story-t4 .swiper-slide.-full-image .illust-container:before { padding-top: 0 }
@media (min-width:60em) {
.cp-hp-slider-story-t4 .swiper-slide.-full-image .illust-container:before { padding-top: 0 }
}
.cp-hp-slider-story-t4 .swiper-slide.-full-image .content { background: none; box-sizing: border-box; bottom: 25px; left: 0; position: absolute; top: 0; right: 0 }
.cp-hp-slider-story-t4 .swiper-slide.-full-image .content .top { height: 47.5% }
.cp-hp-slider-story-t4 .swiper-slide.-full-image .content .middle { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 1.5% }
.cp-hp-slider-story-t4 .swiper-slide.-full-image .content .bottom { height: 5% }
.cp-hp-slider-story-t4 .swiper-slide.-dark:after { content: ""; left: 0; right: 0; top: 0; bottom: 0; position: absolute; height: 100%; width: 100%; z-index: 1 }
.cp-hp-slider-story-t4 .swiper-slide.-dark .category, .cp-hp-slider-story-t4 .swiper-slide.-dark .date, .cp-hp-slider-story-t4 .swiper-slide.-dark .description, .cp-hp-slider-story-t4 .swiper-slide.-dark .icon, .cp-hp-slider-story-t4 .swiper-slide.-dark .time { position: relative; z-index: 10 }
.cp-hp-slider-story-t4 .swiper-slide.-dark:after { background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(28%, transparent), to(rgba(0,0,0,.9))); background: linear-gradient(180deg, transparent 0, transparent 28%, rgba(0,0,0,.9)) }
.cp-hp-slider-story-t4 .swiper-slide.-dark .category, .cp-hp-slider-story-t4 .swiper-slide.-dark .description { color: #fff }
.cp-hp-slider-story-t4 .swiper-slide.-dark .date, .cp-hp-slider-story-t4 .swiper-slide.-dark .icon, .cp-hp-slider-story-t4 .swiper-slide.-dark .time { color: #f4f4f4 }
.cp-hp-slider-story-t4 .nav-container { display: none; height: 3rem; position: absolute; right: 0; top: auto; bottom: -8rem; width: 8rem; z-index: 50 }
@media (min-width:60em) {
.cp-hp-slider-story-t4 .nav-container { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between }
}
.cp-hp-slider-story-t4 .js-slider-hp-story-button-next, .cp-hp-slider-story-t4 .js-slider-hp-story-button-prev { background-image: none!important; height: 2.5rem; width: 2.5rem }
.cp-hp-slider-story-t4 .js-slider-hp-story-button-next:before, .cp-hp-slider-story-t4 .js-slider-hp-story-button-prev:before { color: #171F4A; font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; font-size: 2.5rem }
.cp-hp-slider-story-t4 .js-slider-hp-story-button-next.swiper-button-disabled:before, .cp-hp-slider-story-t4 .js-slider-hp-story-button-prev.swiper-button-disabled:before { opacity: .2 }
.cp-hp-slider-story-t4 .js-slider-hp-story-button-prev { left: 0; top: 0 }
.cp-hp-slider-story-t4 .js-slider-hp-story-button-next { right: 0; top: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.cp-hp-slider-story-t4 .swiper-scrollbar { bottom: -3rem }
@media (min-width:60em) {
.cp-hp-slider-story-t4 .swiper-scrollbar { display: none }
}
.cp-hp-slider-story-t4 .swiper-scrollbar { border-radius: 10px; background: #b5b5b5; height: 1px }
.cp-hp-slider-story-t4 .swiper-scrollbar-drag { height: 2px; width: 100%; position: relative; background: #008F84; border-radius: 20px; left: 0; top: -1px; opacity: 1 }
.cp-hp-banner-cta { margin-bottom: 9rem; position: relative }
@media (min-width:60em) {
.cp-hp-banner-cta { margin-bottom: 10.5rem }
}
.cp-hp-banner-cta:before { background: -webkit-gradient(linear, left top, left bottom, color-stop(33.63%, rgba(0,0,0,.6)), to(rgba(34,34,34,0))); background: linear-gradient(180deg, rgba(0,0,0,.6) 33.63%, rgba(34,34,34,0)); bottom: 0; content: ""; left: 0; right: 0; top: 0; width: 100%; z-index: 1 }
.cp-hp-banner-cta img { display: block; width: 100%; height: 39.4rem; -o-object-fit: cover; object-fit: cover }
@media (min-width:60em) {
.cp-hp-banner-cta img { height: auto }
}
.cp-hp-banner-cta .cp-slider-vertical-parallax .container-pagination, .cp-hp-banner-cta .teq-container, .cp-slider-vertical-parallax .cp-hp-banner-cta .container-pagination { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10 }
@media (min-width:60em) {
.cp-hp-banner-cta .cp-slider-vertical-parallax .container-pagination, .cp-hp-banner-cta .teq-container, .cp-slider-vertical-parallax .cp-hp-banner-cta .container-pagination { max-width: 100.4rem; width: calc(100% - 4.8rem) }
}
.cp-hp-banner-cta .subtitle { color: #fff; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; line-height: 1.4rem; text-transform: uppercase }
@media (min-width:60em) {
.cp-hp-banner-cta .subtitle { font-size: 1.5rem; line-height: 1.8rem; max-width: 55rem; margin-left: 0 }
}
.cp-hp-banner-cta h2 { color: #fff; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.7rem; line-height: 3.2rem; margin: 2rem 0 4rem; text-transform: none }
@media (min-width:60em) {
.cp-hp-banner-cta h2 { font-size: 4rem; line-height: 100%; margin: 1rem 0 5rem; max-width: 70rem }
}
.cp-hp-banner-cta .btn--gold { margin-left: 0 }
.cp-hp-rsu { padding-top: 5rem }
@media (min-width:60em) {
.cp-hp-rsu { padding-top: 0 }
}
@media (min-width:60em) {
.cp-hp-rsu .cp-slider-vertical-parallax .container-pagination, .cp-hp-rsu .teq-container, .cp-slider-vertical-parallax .cp-hp-rsu .container-pagination { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; -webkit-box-pack: start; justify-content: flex-start; margin-bottom: 7rem; max-width: 108.4rem }
}
.cp-hp-rsu .col { width: 100% }
@media (min-width:60em) {
.cp-hp-rsu .col { width: calc(50% - 2rem); -webkit-box-flex: 2; flex: 2 }
.cp-hp-rsu .col.-button { -webkit-box-align: end; align-items: flex-end; display: -webkit-box; display: flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-flex: 1; flex: 1 }
.cp-hp-rsu .col.-button a { display: inline-block; margin: 3rem 0 0 auto }
}
.cp-hp-rsu h2 { color: #171F4A; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.7rem; line-height: 3.2rem; margin: 0 0 2rem; text-transform: none; text-align: left }
@media (min-width:60em) {
.cp-hp-rsu h2 { font-size: 3.4rem; line-height: 3.5rem; margin-bottom: 4.8rem }
}
.cp-hp-rsu .intro { color: #1b1b1b; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.8rem; margin-bottom: 3rem }
@media (min-width:60em) {
.cp-hp-rsu .intro { font-size: 1.8rem; line-height: 2.5rem; margin-bottom: 0 }
}
.cp-hp-rsu .btn--white-new { margin-bottom: 5rem }
@media (min-width:60em) {
.cp-hp-rsu .btn--white-new { margin: 1rem 0 0 }
}
.cp-hp-rsu .pillars-container { width: calc(100% - 3rem); margin: 0 auto }
@media (min-width:60em) {
.cp-hp-rsu .pillars-container { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; width: 100% }
}
.cp-hp-rsu .item { margin-bottom: 4rem }
@media (min-width:60em) {
.cp-hp-rsu .item { -webkit-box-flex: 1; flex-grow: 1; margin-bottom: 0; overflow: hidden; position: relative; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
.cp-hp-rsu .item:after { content: ""; background: -webkit-gradient(linear, left top, left bottom, from(rgba(34,34,34,0)), to(rgba(34,34,34,.45))); background: linear-gradient(180deg, rgba(34,34,34,0), rgba(34,34,34,.45)); background: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10 }
.cp-hp-rsu .item:before { display: block; content: ""; width: 100%; padding-top: 120.6140350877% }
}
@media only screen and (min-width:1070px) {
.cp-hp-rsu .item { height: 45rem }
}
@media only screen and (min-width:1170px) {
.cp-hp-rsu .item { height: 47rem }
}
@media only screen and (min-width:1270px) {
.cp-hp-rsu .item { height: 51rem }
}
@media only screen and (min-width:1370px) {
.cp-hp-rsu .item { height: 55rem }
}
@media (min-width:60em) {
.cp-hp-rsu .item:hover:after { background: none }
.cp-hp-rsu .item:hover .top-content { -webkit-animation: slideTopBlockUp .4s ease-in .4s forwards; animation: slideTopBlockUp .4s ease-in .4s forwards }
.cp-hp-rsu .item:hover .bottom-content { -webkit-animation: slideBottomBlockUp .4s ease-in .8s forwards; animation: slideBottomBlockUp .4s ease-in .8s forwards }
}
.cp-hp-rsu .illust { width: 100%; height: 22.3rem; pointer-events: none; margin-bottom: 2rem; -o-object-fit: cover; object-fit: cover }
@media (min-width:60em) {
.cp-hp-rsu .illust { display: block; height: 100%; min-width: 20vw; margin-bottom: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; left: 0; bottom: 0; z-index: -1; width: 67vw }
}
.cp-hp-rsu .top-content { display: none }
@media (min-width:60em) {
.cp-hp-rsu .top-content { display: block; position: absolute; bottom: 3rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 20 }
}
.cp-hp-rsu .number-top { display: none; color: #171F4A; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2.4rem; margin: 0 0 1rem; text-transform: none; text-align: left }
@media (min-width:60em) {
.cp-hp-rsu .number-top { display: block; color: #fff; margin-bottom: 2rem; font-size: 2.2rem; line-height: 2.6rem; text-align: center }
}
.cp-hp-rsu .category { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 100%; margin: 0; text-transform: none; text-align: left }
@media (min-width:60em) {
.cp-hp-rsu .category { color: #fff; font-size: 3rem; line-height: 100%; margin: 0 0 2rem; text-align: center }
}
.cp-hp-rsu .bottom-content { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column }
@media (min-width:60em) {
.cp-hp-rsu .bottom-content { background: #008F84; box-sizing: border-box; padding: 2.5rem 5rem 3rem; left: 50%; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition: 1.3s; transition: 1.3s; -webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%); position: absolute; bottom: 0; height: auto; width: 100% }
.cp-hp-rsu .bottom-content .category { font-size: 2.5rem; line-height: 3rem }
}
.cp-hp-rsu .bottom-content .category { -webkit-box-ordinal-group: 3; order: 2 }
@media (min-width:60em) {
.cp-hp-rsu .bottom-content .category { -webkit-box-ordinal-group: 2; order: 1 }
}
.cp-hp-rsu .bottom-content .text { -webkit-box-ordinal-group: 4; order: 3 }
@media (min-width:60em) {
.cp-hp-rsu .bottom-content .text { -webkit-box-ordinal-group: 3; order: 2 }
}
.cp-hp-rsu .bottom-content .number-top { -webkit-box-ordinal-group: 2; order: 1 }
@media (min-width:60em) {
.cp-hp-rsu .bottom-content .number-top { -webkit-box-ordinal-group: 4; order: 3 }
}
.cp-hp-rsu .text { color: #1b1b1b; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; line-height: 2.4rem }
@media (min-width:60em) {
.cp-hp-rsu .text { color: #fff; margin-bottom: 2.4rem; text-align: center }
}
.cp-hp-rsu .number { display: none }
@media (min-width:60em) {
.cp-hp-rsu .number { display: block; text-align: center }
}
@-webkit-keyframes slideBottomBlockUp { 0% {
-webkit-transform:translate(-50%, 100%);
transform:translate(-50%, 100%)
}
to { -webkit-transform: translate(-50%); transform: translate(-50%) }
}
@keyframes slideBottomBlockUp { 0% {
-webkit-transform:translate(-50%, 100%);
transform:translate(-50%, 100%)
}
to { -webkit-transform: translate(-50%); transform: translate(-50%) }
}
@-webkit-keyframes slideTopBlockUp { 0% {
-webkit-transform:translateX(-50%);
transform:translateX(-50%)
}
to { -webkit-transform: translate(-50%, -60rem); transform: translate(-50%, -60rem) }
}
@keyframes slideTopBlockUp { 0% {
-webkit-transform:translateX(-50%);
transform:translateX(-50%)
}
to { -webkit-transform: translate(-50%, -60rem); transform: translate(-50%, -60rem) }
}
.cp-hp-group-links { background: #171F4A; overflow: hidden; position: relative }
.cp-hp-group-links:before { content: ""; background: rgba(23,31,74);  bottom: 0; position: absolute; right: 0; left: 0; top: 0; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition: .4s; transition: .4s; z-index: 1 }
@media (min-width:60em) {
.cp-hp-group-links { background: none }
.cp-hp-group-links:hover:before {  }
}
.cp-hp-group-links .illust { display: none }
@media (min-width:60em) {
.cp-hp-group-links .illust { display: block; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; right: 0; min-height: 100%; min-width: 100%; z-index: -1 }
}
.cp-hp-group-links .cp-slider-vertical-parallax .container-pagination, .cp-hp-group-links .teq-container, .cp-slider-vertical-parallax .cp-hp-group-links .container-pagination { box-sizing: border-box; padding: 5rem 0 0 }
@media (min-width:60em) {
.cp-hp-group-links .cp-slider-vertical-parallax .container-pagination, .cp-hp-group-links .teq-container, .cp-slider-vertical-parallax .cp-hp-group-links .container-pagination { padding: 7.5rem 0; position: relative; z-index: 5; max-width: 120rem }
}
.cp-hp-group-links .cp-slider-vertical-parallax .alpine.container-pagination, .cp-hp-group-links .teq-container.alpine, .cp-slider-vertical-parallax .cp-hp-group-links .alpine.container-pagination { text-align: center }
.cp-hp-group-links h2 { color: #fff; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.7rem; line-height: 3.2rem; text-transform: none; margin: 0 0 2.5rem }
@media (min-width:60em) {
.cp-hp-group-links h2 { text-align: center; font-size: 3.4rem; line-height: 3.6rem }
}
.cp-hp-group-links h2.alpine { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.16rem; text-transform: none }
@media (min-width:60em) {
.cp-hp-group-links h2.alpine { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3.4rem; line-height: 4.1rem; text-align: center }
}
.cp-hp-group-links .intro { color: #fff; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem; margin-bottom: 1rem }
@media (min-width:60em) {
.cp-hp-group-links .intro { max-width: 69.6rem; margin: 0 auto 7.5rem; text-align: center }
}
@media (min-width:60em) {
.cp-hp-group-links .flex-container { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center }
}
.cp-hp-group-links .flex-container.alpine { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; margin-bottom: 2rem }
@media (min-width:60em) {
.cp-hp-group-links .flex-container.alpine { margin-bottom: 0 }
}
.cp-hp-group-links .link { border-bottom: 1px solid #6d6d6d; color: #f4f4f4; cursor: pointer; display: block; font-family: RenaultR-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 6.5rem; position: relative; pointer-events: all; text-decoration: inherit; text-transform: uppercase; -webkit-transition: .4s; transition: .4s; width: 100%; z-index: 50 }
@media (min-width:60em) {
.cp-hp-group-links .link { border-bottom: none; font-size: 1.6rem; line-height: 2.2rem; margin: 0 3rem; width: auto }
}
@media (min-width:84.5em) {
.cp-hp-group-links .link { margin: 0 6.4rem }
}
.cp-hp-group-links .link:hover { font-family: RenaultR-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; color: #fff; text-decoration: underline }
.cp-hp-group-links .next-icon { background-image: none!important; width: 1.7rem; -webkit-box-flex: 1; flex: 1; text-align: center; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; cursor: pointer; height: 1.7rem; position: relative; -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.cp-hp-group-links .next-icon:before { color: #fff; font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; font-size: 1.7rem }
.cp-hp-group-links .link-icon { text-decoration: none }
.cp-hp-social-media .cp-slider-vertical-parallax .container-pagination, .cp-hp-social-media .teq-container, .cp-slider-vertical-parallax .cp-hp-social-media .container-pagination { box-sizing: border-box; display: block; padding: 6rem 2rem 5rem; background: #f4f4f4; max-width: 100%; width: 100% }
@media (min-width:60em) {
.cp-hp-social-media .cp-slider-vertical-parallax .container-pagination, .cp-hp-social-media .teq-container, .cp-slider-vertical-parallax .cp-hp-social-media .container-pagination { align-content: center; -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; padding: 5rem 14rem }
}
.cp-hp-social-media .subtitle { color: #60504a; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; line-height: 1.4rem; letter-spacing: .05em; text-transform: uppercase }
@media (min-width:60em) {
.cp-hp-social-media .subtitle { color: #008F84; margin: 0; font-size: 1.5rem }
}
.cp-hp-social-media h2 { color: #171F4A; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.7rem; line-height: 3rem; margin: 1.5rem 0; text-transform: none }
@media (min-width:60em) {
.cp-hp-social-media h2 { font-size: 3.4rem; line-height: 3.6rem; margin: 0; text-align: left }
}
@media (min-width:60em) {
.cp-hp-social-media .content { max-width: 35rem; align-self: flex-start }
}
.cp-hp-social-media .links-container { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between }
@media (min-width:60em) {
.cp-hp-social-media .links-container { max-width: 50rem }
}
.cp-hp-social-media .icon { border-radius: 50%; height: 4.8rem; text-align: center; text-decoration: none; -webkit-transition: .4s; transition: .4s; width: 4.8rem; fill: #171F4A; background: none; border: 2px solid #171F4A; color: #171F4A }
.cp-hp-social-media .icon:before { display: block; font-size: 2.3rem; line-height: 4.7rem; text-align: center }
@media (min-width:60em) {
.cp-hp-social-media .icon { height: 4.8rem; margin: 0 1.3rem; width: 4.8rem }
.cp-hp-social-media .icon:hover { background: #008F84; text-decoration: none; color: #fff; fill: #fff; border: 2px solid #008F84 }
}
@media (min-width:37.5em) {
.rse-hero-banner .title { padding-right: 25rem }
}
@media (min-width:60em) {
.rse-hero-banner .title { margin: 0 141px 30px; font-size: 70px; line-height: 70px; padding-right: 20rem }
}
.rse-hero-banner .illust { display: block }
.rse-2col-title-text { margin: 4rem 0 0; text-align: center }
@media (min-width:37.5em) {
.rse-2col-title-text { margin: 6rem 0 0 }
}
@media (min-width:60em) {
.rse-2col-title-text { margin: 9rem 0 0 }
}
.rse-2col-title-text .-content { float: none }
.rse-2col-title-text h2 { font-size: 18px; line-height: 28px; margin: 0 0 3rem; text-align: initial }
@media (min-width:37.5em) {
.rse-2col-title-text h2 { font-size: 18px; line-height: 28px; margin: 0 0 9rem; text-align: center }
}
.rse-2col-title-text h3 { color: #171F4A; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 18px; line-height: 24px; margin-bottom: 2rem; text-align: initial; text-transform: inherit }
@media (min-width:37.5em) {
.rse-2col-title-text h3 { font-size: 18px; line-height: 24px; margin-bottom: 4rem }
}
@media (min-width:60em) {
.rse-2col-title-text h3 { text-align: center; width: 45%; margin: 0 auto 2.5rem; line-height: 24px }
}
.rse-2col-title-text .h2-subtitle { color: #171F4A; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2.6rem; text-align: left }
@media (min-width:37.5em) {
.rse-2col-title-text .h2-subtitle { font-size: 2.3rem; line-height: 2.6rem }
}
@media (min-width:60em) {
.rse-2col-title-text .h2-subtitle { font-size: 2.3rem; line-height: 2.6rem }
}
.re-blockquote { display: -webkit-box; display: flex }
@media (min-width:60em) {
.re-blockquote { margin-left: 141px; margin-right: 141px; margin-bottom: 100px }
}
.re-blockquote .blockquote { background: #f4f4f4; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; text-align: center; margin-top: 100px }
@media (min-width:60em) {
.re-blockquote .blockquote { -webkit-box-orient: initial; -webkit-box-direction: initial; flex-direction: row; text-align: initial }
}
.re-blockquote .text { padding-left: 20px; padding-right: 20px }
@media (min-width:60em) {
.re-blockquote .text { padding: 94px 127px 94px 0 }
}
.re-blockquote .title { font-size: 20px; line-height: 24px; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; text-transform: none; text-align: center }
@media (min-width:60em) {
.re-blockquote .title { font-size: 22px; line-height: 32px; text-align: initial }
}
.re-blockquote .img-container { background: url(/wp-content/themes/renault/assets/media/re/blockquote-img-mobile.png); height: 235px; width: 100%; background-size: cover; background-repeat: no-repeat }
@media (min-width:60em) {
.re-blockquote .img-container { background: url(/wp-content/themes/renault/assets/media/re/blockquote-img.png); height: auto; max-width: 400px; min-width: 400px; -webkit-box-flex: 1; flex: 1; background-size: cover; background-repeat: no-repeat }
}
.re-blockquote .test { display: block }
@media (min-width:60em) {
.re-blockquote .test { display: none }
}
.re-blockquote .text-container { -webkit-box-flex: 2; flex: 2; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; text-align: left }
@media (min-width:60em) {
.re-blockquote .text-container { -webkit-box-orient: initial; -webkit-box-direction: initial; flex-direction: row }
}
.re-blockquote .author-name { line-height: 150%; font-size: 14px; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin-bottom: 0; text-transform: uppercase; text-align: center }
@media (min-width:60em) {
.re-blockquote .author-name { text-align: initial }
}
.re-blockquote .author-description { font-size: 14px; line-height: 24px; color: #171F4A; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin-top: 4px; text-align: center }
@media (min-width:60em) {
.re-blockquote .author-description { text-align: initial }
}
.re-blockquote .quote { margin-left: auto; margin-right: auto; width: 4rem; padding-top: 4rem }
@media (min-width:60em) {
.re-blockquote .quote { margin-left: 8.2rem; margin-right: 7rem; padding-top: 0; height: 25rem }
}
.rse-banner { background: url(/images/about_images.mob.png); display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; background-repeat: no-repeat; background-size: cover }
@media (min-width:60em) {
.rse-banner { background: url(/images/about_images.png); background-repeat: no-repeat; background-size: 100% 100% }
}
.rse-banner-container { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; margin: 100px 10px }

.rse-banner-container img{width:20rem}


.rse-banner-text { font-size: 25px; line-height: 30px; color: #fff; text-align: center; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; width: 100%; margin: 20px 0 }
@media (min-width:60em) {
.rse-banner-text { width: 70%; font-size: 40px; line-height: 48px }
}
.cp-re-manifest-start { background: #171F4A; z-index: 0; padding:8rem 0 .5rem;
position: relative }
@media (min-width:60em) {
.cp-re-manifest-start { padding: 8rem 0 10rem }
}
.cp-re-manifest-start .illust-container { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: start; align-items: flex-start; margin-bottom: 3rem; position: relative }
@media (min-width:60em) {
.cp-re-manifest-start .illust-container { margin: -25rem 0 7rem }
}
.cp-re-manifest-start .left-corner { display: none; position: absolute; left: 0; top: 0; height: 160px }
@media (min-width:84.5em) {
.cp-re-manifest-start .left-corner { left: 100px; top: 50px; height: 300px }
}
@media (min-width:60em) {
.cp-re-manifest-start .title-container { max-width: 65rem; padding-left: 4rem }
}
.cp-re-manifest-start .brand-slogan { width: calc(100% - 6rem) }
@media (min-width:60em) {
.cp-re-manifest-start .brand-slogan { position: relative }
}
.cp-re-manifest-start .slogan, .cp-re-manifest-start h3 { display: block; font-size: 3rem; line-height: 3.4rem; color: #fff; position: relative }
@media (min-width:60em) {
.cp-re-manifest-start .slogan, .cp-re-manifest-start h3 { font-size: 50px; line-height: 50px }
}
.cp-re-manifest-start .slogan { width: 100%; padding-bottom: 20px; text-transform: inherit; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-re-manifest-start .slogan b { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; color: #fff }
@media (min-width:60em) {
.cp-re-manifest-start .slogan { font-size: 50px; line-height: 50px; margin: 8rem 0 0; padding-bottom: 2rem }
}
.cp-re-manifest-start .little-text { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.8rem; color: #fff; margin-bottom: 20px; width: 100% }
.cp-re-manifest-start .little-text b { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; color: #fff }
@media (min-width:60em) {
.cp-re-manifest-start .little-text { font-size: 2rem; line-height: 157%; width: 90% }
}
.cp-re-manifest-start .brand-slogan { width: 100% }
@media (min-width:60em) {
.cp-re-manifest-start .brand-slogan { width: 77% }
}
.cp-re-manifest-start .illust-wide { overflow: visible; position: relative; align-self: flex-start; margin-top: 10rem; width: 77% }
@media (min-width:60em) {
.cp-re-manifest-start .illust-wide { margin-top: 38rem }
}
.cp-re-manifest-start .illust { display: block; width: 100%; -o-object-fit: cover; object-fit: cover }
.cp-re-manifest-start .illust-narrow { width: 33%; position: absolute; right: 0; z-index: -1; top: 0 }
@media (min-width:60em) {
.cp-re-manifest-start .illust-narrow { right: -50px; top: 20px }
}
.re-manifest-quote { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 50px 0; background-color: #171F4A; color: #fff }
@media (min-width:60em) {
.re-manifest-quote { padding: 50px 141px 100px; position: relative }
}
.re-manifest-quote .title { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; text-align: inherit; margin: 0 20px; font-weight: 400; font-size: 20px; line-height: 24px }
@media (min-width:60em) {
.re-manifest-quote .title { margin: 0; font-size: 25px; line-height: 30px }
}
.re-manifest-quote .content { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 18px; line-height: 28px; margin: 20px; font-weight: 400 }
@media (min-width:60em) {
.re-manifest-quote .content { font-size: 20px; line-height: 30px; align-self: flex-end; margin: 20px 16% 0 0 }
}
.re-manifesto-block { background-color: #000 }
.re-manifesto-block .manifesto-section { -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin: 0 auto; max-width: 100%; width: 100%; background: #4f4f4f }
@media (min-width:47.5em) {
.re-manifesto-block .manifesto-section { display: -webkit-box; display: flex; background: #323232; background: transparent; margin: 0; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; width: 70%; max-width: calc(100% - 3rem) }
}
.re-manifesto-block .manifesto-text-container { background: #008F84; box-sizing: borer-box; margin-right: 20px; padding: 5rem 2rem 18rem }
@media (min-width:60em) {
.re-manifesto-block .manifesto-text-container { margin-right: auto; padding: 10rem 24.6rem 22.5rem 14.1rem; position: relative }
.re-manifesto-block .manifesto-text-container:before { content: ""; height: 100%; right: -8.4rem; position: absolute; top: 0; width: 8.4rem }
}
.re-manifesto-block .manifesto-title { color: #fff; font-size: 3rem; line-height: 3.6rem; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; text-transform: none }
@media (min-width:60em) {
.re-manifesto-block .manifesto-title { font-size: 5rem; line-height: 5rem }
}
.re-manifesto-block .manifesto-title strong { color: #fff; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.re-manifesto-block .manifesto-text { font-style: normal; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.8rem; color: #fff }
@media (min-width:60em) {
.re-manifesto-block .manifesto-text { font-size: 2rem; line-height: 3rem; padding-right: 31px }
}
.text-block-white { margin-left: 20px; padding: 2rem; background: #fff; position: relative; margin-bottom: 10rem }
.text-block-white:after { content: ""; position: absolute; left: -140px; background: #fff; width: 140px; height: 80%; top: 50px }
@media (min-width:60em) {
.text-block-white:after { top: 89px }
}
@media (min-width:60em) {
.text-block-white { padding: 10rem 23.3rem 10rem 18.4rem; margin-left: 141px; margin-top: -9rem; margin-bottom: 0 }
}
.text-block-white span { font-size: 18px; line-height: 28px; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:60em) {
.text-block-white span { font-size: 20px; line-height: 30px }
}
.text-block-white strong { font-family: Renault-ExtraBold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.manifesto-illust-container { margin-left: 20px; margin-top: -130px; padding-bottom: 10rem }
@media (min-width:60em) {
.manifesto-illust-container { position: absolute; width: 440px; right: 15rem; margin-bottom: 9rem; margin-left: auto; margin-top: auto; padding-bottom: 0 }
}
@media (min-width:105em) {
.manifesto-illust-container { padding-left: 92px }
.manifesto-illust-container:before { display: none; content: ""; height: 165%; position: absolute; top: -64px; left: -32px; width: 200px; background-color: #008F84 }
}
.manifesto-illust-container img { contain: content }
@media (min-width:60em) {
.border-gold { position: relative; z-index: 2 }
}
@media (min-width:60em) {
.rse-video { margin: 0 }
}
.rse-video .upper-block { padding-bottom: 50px }
@media (min-width:60em) {
.rse-video .upper-block .title-block { display: block; margin-right: 80px; -webkit-box-flex: 1; flex: 1; font-size: 34px; line-height: 42px; margin-left: 100px; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
}
.rse-video .upper-block .content-block { margin-top: 20px }
.rse-video.mod-usual-banner .-content .btn-play { right: 41% }
@media (min-width:60em) {
.rse-video.mod-usual-banner .-content .btn-play { right: 44% }
}
.rse-video .-content { background: #171F4A; margin-top: -4rem }
@media (min-width:60em) {
.rse-video .-content { width: 75%; margin-left: 13rem; padding: 5rem 5rem 1rem; margin-top: -15rem }
}
@media (min-width:105em) {
.rse-video .-content { margin-left: 0; width: 100%; padding: 6rem 6rem 1rem }
}
.rse-video .-content p { font-size: 18px; line-height: 28px; margin: 0 0 3rem }
@media (min-width:60em) {
.rse-video .-content p { margin: 2rem 0 3rem }
}
.mod-usual-banner.rse-video.video-appear .-content, .mod-usual-banner.rse-video.video-appear .-illust { display: none }
.re-strategy { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column }
@media (min-width:60em) {
.re-strategy { margin-left: 141px; margin-right: 141px; -webkit-box-orient: initial; -webkit-box-direction: initial; flex-direction: row }
}
.re-strategy .re-strategy-container { -webkit-box-flex: 2; flex: 2; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; text-align: left; margin: 20px }
@media (min-width:60em) {
.re-strategy .re-strategy-container { margin: initial }
}
.re-strategy .re-strategy-container .title { font-size: 34px; line-height: 40.8px; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin-bottom: 5px }
.re-strategy .re-strategy-container .description { font-size: 18px; line-height: 28px; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-weight: 400 }
@media (min-width:60em) {
.re-strategy .re-strategy-container .description { padding-right: 13rem }
}
.re-strategy .re-strategy-container .description .strong { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.re-strategy .btn-cta { -webkit-box-flex: 1; flex: 1; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center }
.re-strategy .btn-cta .links--bottom { margin-top: 50px }
.re-strategy .btn-cta .links--bottom>a { font-size: 14px; line-height: 40px; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.rse-hero-banner { padding-top: 30px; height: 100%; max-height: 100% }
.rse-hero-banner:before { background: transparent }
.rse-hero-banner .title { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 35px; line-height: 42px; margin: 20px; color: #171F4A; text-align: left }
@media (min-width:60em) {
.rse-hero-banner .title { margin: 0 141px 30px; font-size: 70px; line-height: 70px }
}
.rse-hero-banner .hero-container { display: -webkit-box; display: flex; margin-top: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column }
@media (min-width:60em) {
.rse-hero-banner .hero-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; margin-top: 0 }
}
.rse-hero-banner .js-container-social-responsive a { background: #008F84; color: #fff }
.rse-hero-banner .js-container-social-responsive { top: 2rem }
.rse-hero-banner .df-zone { margin: 0; padding: 0 }
@media (min-width:60em) {
.rse-hero-banner .df-zone { margin: initial; padding: initial }
}
.rse-hero-banner .illust { width: 100% }
.rse-hero-banner .-gold { background: #008F84!important }
.cp-rse-sub-hero { margin: 10rem 0 52px; text-align: center }
@media (min-width:37.5em) {
.cp-rse-sub-hero { margin: 6rem 0 }
}
@media (min-width:60em) {
.cp-rse-sub-hero { margin: 10rem 0;margin-bottom:0 }
}
.cp-rse-sub-hero .-content { float: none }
@media (min-width:60em) {
.cp-rse-sub-hero .-content { margin: 0 25rem }
}
.cp-rse-sub-hero h2 { font-size: 2.6rem; line-height: 2.8rem; margin: 0 0 3rem; text-align: center }
@media (min-width:37.5em) {
.cp-rse-sub-hero h2 { color: #171F4A; font-size: 3.8rem; line-height: 5.8rem; margin: 0 0 3rem }
}
.cp-rse-sub-hero h3 { color: #171F4A; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.7rem; line-height: 3.24rem; margin-bottom: 2rem; text-align: left; text-transform: inherit }
@media (min-width:37.5em) {
.cp-rse-sub-hero h3 { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3.4rem; line-height: 4.9rem; margin-bottom: 4rem; text-align: center }
}
@media (min-width:60em) {
.cp-rse-sub-hero h3 { margin-bottom: 2.5rem; text-align: center }
}
.cp-rse-sub-hero .h2-subtitle { color: #171F4A; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2.6rem; text-align: left }
@media (min-width:37.5em) {
.cp-rse-sub-hero .h2-subtitle { font-size: 2.3rem; line-height: 2.6rem }
}
@media (min-width:60em) {
.cp-rse-sub-hero .h2-subtitle { font-size: 2rem; line-height: 3.5rem }
}
.rse-blockquote { display: -webkit-box; display: flex }
@media (min-width:60em) {
.rse-blockquote { margin-left: 141px; margin-right: 141px; margin-bottom: 100px }
}
.rse-blockquote .blockquote { background: #f4f4f4; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; text-align: center }
@media (min-width:60em) {
.rse-blockquote .blockquote { -webkit-box-orient: initial; -webkit-box-direction: initial; flex-direction: row; text-align: initial }
}
.rse-blockquote .text { padding-left: 20px; padding-right: 20px }
@media (min-width:60em) {
.rse-blockquote .text { padding: 65px 94px 65px 0 }
}
.rse-blockquote .title { font-size: 22px; line-height: 32px; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; text-transform: none; text-align: center }
@media (min-width:60em) {
.rse-blockquote .title { font-size: 22px; line-height: 32px; text-align: initial }
}
.rse-blockquote .img-container { height: 23.2rem; overflow: hidden; width: 100% }
@media (min-width:60em) {
.rse-blockquote .img-container { height: 100%; width: 40rem }
}
.rse-blockquote .img-container img { -o-object-fit: cover; object-fit: cover; min-height: 100%; min-width: 100% }
.rse-blockquote .text-container { -webkit-box-flex: 2; flex: 2; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; text-align: left }
@media (min-width:60em) {
.rse-blockquote .text-container { -webkit-box-orient: initial; -webkit-box-direction: initial; flex-direction: row }
}
.rse-blockquote .author-name { font-size: 14px; line-height: 24px; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin-bottom: 0; text-transform: uppercase; text-align: center; color: #171F4A }
@media (min-width:60em) {
.rse-blockquote .author-name { font-size: 15px; line-height: 18px; text-align: initial }
}
.rse-blockquote .author-description { font-size: 14px; line-height: 24px; color: #171F4A; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin-top: 4px; text-align: center }
@media (min-width:60em) {
.rse-blockquote .author-description { text-align: initial }
}
.rse-blockquote .quote { margin-left: 40%; margin-right: 82px; width: 40px; padding-top: 40px }
@media (min-width:60em) {
.rse-blockquote .quote { margin-left: 82px; padding-top: 0 }
}
.cp-rse-pillar { padding: 5.3rem 0 4rem }
@media (min-width:60em) {
.cp-rse-pillar { margin-bottom: 10.5rem }
}
@media (min-width:60em) {
.cp-rse-pillar .cp-slider-vertical-parallax .container-pagination, .cp-rse-pillar .teq-container, .cp-slider-vertical-parallax .cp-rse-pillar .container-pagination { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 4.8rem }
}
.cp-rse-pillar .col { width: 100% }
@media (min-width:60em) {
.cp-rse-pillar .col { width: calc(50% - 8rem); margin-right: auto }
.cp-rse-pillar .col.-button { -webkit-box-align: end; align-items: flex-end; display: -webkit-box; display: flex; -webkit-box-pack: end; justify-content: flex-end }
.cp-rse-pillar .col.-button a { display: inline-block; margin: 3rem 0 0 auto }
}
.cp-rse-pillar h2 { color: #171F4A; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.7rem; line-height: 3.2rem; margin: 0 0 2rem; padding-left: 2rem; text-transform: none; text-align: left }
@media (min-width:60em) {
.cp-rse-pillar h2 { font-size: 3.4rem; line-height: 3.5rem; margin-bottom: 4.8rem }
}
.cp-rse-pillar .intro { color: #1b1b1b; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.8rem; margin-bottom: 3rem }
@media (min-width:60em) {
.cp-rse-pillar .intro { font-size: 1.8rem; line-height: 3rem; margin-bottom: 0 }
}
.cp-rse-pillar .btn--white-new { margin-bottom: 5rem }
@media (min-width:60em) {
.cp-rse-pillar .btn--white-new { margin: 1rem 0 0 }
}
.cp-rse-pillar .pillars-container { width: calc(100% - 3rem); margin: 0 auto }
@media (min-width:60em) {
.cp-rse-pillar .pillars-container { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; width: 100% }
}
@media (min-width:60em) {
.cp-rse-pillar .item { cursor: pointer; height: 55rem; -webkit-box-flex: 1; flex-grow: 1; overflow: hidden; position: relative; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
.cp-rse-pillar .item:before { background: -webkit-gradient(linear, left top, left bottom, from(rgba(34,34,34,.35)), to(rgba(34,34,34,.63))); background: linear-gradient(180deg, rgba(34,34,34,.35), rgba(34,34,34,.63)); height: 100%; left: 0; position: absolute; top: 0; z-index: 10; display: block; content: ""; width: 100%; padding-top: 82.9090909091% }
.cp-rse-pillar .item:hover { -webkit-box-flex: 4; flex-grow: 4 }
}
@media (min-width:60em) and (min-width:60em) {
.cp-rse-pillar .item:hover:before { background: none }
.cp-rse-pillar .item:hover .top-content { -webkit-transform: translate(-50%, -60rem); transform: translate(-50%, -60rem) }
.cp-rse-pillar .item:hover .bottom-content { -webkit-animation: revealBlock .4s ease-in .5s forwards; animation: revealBlock .4s ease-in .5s forwards }
}
.cp-rse-pillar .illust { width: 100%; height: 22.3rem; pointer-events: none; margin-bottom: 2rem; -o-object-fit: cover; object-fit: cover }
@media (min-width:60em) {
.cp-rse-pillar .illust { display: block; height: 100%; min-width: 70vw; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; left: 0; bottom: 0; z-index: -1 }
}
.cp-rse-pillar .top-content { display: none }
@media (min-width:60em) {
.cp-rse-pillar .top-content { display: block; position: absolute; bottom: 3rem; left: 50%; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition: 1s; transition: 1s; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 20 }
}
.cp-rse-pillar .number-top { display: none }
@media (min-width:60em) {
.cp-rse-pillar .number-top { display: block; color: #fff; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin-bottom: 2rem; font-size: 2.2rem; line-height: 3.2rem; text-align: center }
}
.cp-rse-pillar .category { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2.4rem; margin: 0; text-transform: none; text-align: left }
@media (min-width:60em) {
.cp-rse-pillar .category { color: #fff; font-size: 3rem; line-height: 4rem; text-align: center; margin-bottom: 2rem }
}
@media (min-width:60em) {
.cp-rse-pillar .bottom-content { background: #008F84; box-sizing: border-box; padding: 2.5rem 4rem; left: 50%; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition: 1.3s; transition: 1.3s; -webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%); position: absolute; bottom: 0; height: 50%; width: 42.3rem }
.cp-rse-pillar .bottom-content .category { font-size: 2.5rem; line-height: 3rem }
}
.cp-rse-pillar .text { display: none; color: #1b1b1b; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.8rem }
@media (min-width:60em) {
.cp-rse-pillar .text { display: block; color: #fff; font-size: 1.6rem; line-height: 2.1rem; margin-bottom: 2rem; text-align: center }
}
.cp-rse-pillar .number { display: none }
@media (min-width:60em) {
.cp-rse-pillar .number { display: block; text-align: center }
}
@-webkit-keyframes revealBlock { 0% {
-webkit-transform:translate(-50%, 100%);
transform:translate(-50%, 100%)
}
to { -webkit-transform: translate(-50%); transform: translate(-50%) }
}
@keyframes revealBlock { 0% {
-webkit-transform:translate(-50%, 100%);
transform:translate(-50%, 100%)
}
to { -webkit-transform: translate(-50%); transform: translate(-50%) }
}
.cp-rse-image-block-column { margin: 2rem 0 4rem }
@media (min-width:37.5em) {
.cp-rse-image-block-column { margin: 2rem 0 8rem }
}
@media (min-width:60em) {
.cp-rse-image-block-column { margin: 0rem 0 2rem }
}
.cp-rse-image-block-column .title-block { font-size: 27px; line-height: 32px; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin-left: 3rem; text-transform: inherit }
@media (min-width:60em) {
.cp-rse-image-block-column .title-block { font-size: 34px; line-height: 42px; margin-left: 200px; text-transform: inherit }
}
.cp-rse-image-block-column .df-zone { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; display: -webkit-box; display: flex }
@media (min-width:47.5em) {
.cp-rse-image-block-column .df-zone { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; flex-wrap: wrap }
}
.cp-rse-image-block-column .-item { background-size: cover; background-position: 50%; box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin:.5rem 0;
overflow: hidden; padding: 4rem 0; position: relative; text-decoration: none; -webkit-box-flex: 1; flex: 1 }
@media (min-width:47.5em) {
.cp-rse-image-block-column .-item { margin: 1rem; height: 450px }
}
@media (min-width:60em) {
.cp-rse-image-block-column .-item:before { color: transparent; content: attr(data-h3); font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3rem; display: block; padding: 0 6rem; line-height: 4rem; text-align: center; text-transform: uppercase }
.cp-rse-image-block-column .-item:after { color: transparent; content: attr(data-p); display: block; font-size: 1.4rem; margin: 0 0 6rem; padding: 0 5rem; line-height: 1.5em }
}
@media (min-width:60em) and (min-width:37.5em) {
.cp-rse-image-block-column .-item:after { font-size: 1.6rem; padding: 0 8rem }
}
@media (min-width:60em) and (min-width:60em) {
.cp-rse-image-block-column .-item:after { font-size: 2rem; padding: 0 5rem }
}
.cp-rse-image-block-column .-item:hover .-content { bottom: 0; -webkit-box-pack: center; justify-content: center }
.cp-rse-image-block-column .-item:hover .-content:before { opacity: 1 }
.cp-rse-image-block-column .-item:hover .-content .-logo { opacity: 0 }
.cp-rse-image-block-column .-item:hover h5:after { opacity: 1 }
@media (min-width:60em) {
.cp-rse-image-block-column .-item:hover h5:after { margin: 3rem auto }
}
.cp-rse-image-block-column .-item:hover p { opacity: 1; height: auto }
.cp-rse-image-block-column .-content { box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-transition: .6s; transition: .6s }
@media (min-width:60em) {
.cp-rse-image-block-column .-content { bottom: 0; left: 0; height: 100%; padding: 3rem 0; position: absolute; right: 0; -webkit-box-pack: end; justify-content: flex-end }
}
.cp-rse-image-block-column .-content:before { background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, rgba(0,0,0,.7)), to(transparent)); background: linear-gradient(0deg, rgba(0,0,0,.7) 30%, transparent); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: .3s; transition: .3s; z-index: 0 }
.cp-rse-image-block-column .-content .-logo { height: 50px; position: absolute; opacity: 0; top: calc(50% - 30px); width: 100% }
@media (min-width:60em) {
.cp-rse-image-block-column .-content .-logo { opacity: 1 }
}
.cp-rse-image-block-column .-content .-mini { height: 30px }
.no-touchevents .cp-rse-image-block-column .-content:before { background: rgba(0,0,0,.8); opacity: 0 }
.cp-rse-image-block-column h3 { color: #fff; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; left: 0; font-size: 1.5rem; line-height: 1.8rem; margin: 0; padding: 0 6rem; position: relative; text-align: center; text-shadow: 0 2px 13px rgba(0,0,0,.5); text-transform: uppercase; z-index: 2 }
@media (min-width:37.5em) {
.cp-rse-image-block-column h3 { font-size: 1.5rem; line-height: 1.8rem; padding: 0 10rem; margin-bottom: 1rem }
}
@media (min-width:60em) {
.cp-rse-image-block-column h3 { margin-bottom: 1rem; padding: 0 6rem }
}
.cp-rse-image-block-column h5 { color: #fff; text-align: center; position: relative; left: 0; z-index: 2; text-transform: inherit; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin: 0; padding: 0 6rem; text-shadow: 0 2px 13px rgba(0,0,0,.5) }
.cp-rse-image-block-column h5:after { background: hsla(0,0%,100%,.4); content: ""; display: block; opacity: 0; height: 1px; margin: 1rem auto; -webkit-transition: .6s; transition: .6s; width: 6rem; z-index: 2 }
@media (min-width:37.5em) {
.cp-rse-image-block-column h5:after { margin: 2rem auto }
}
@media (min-width:60em) {
.cp-rse-image-block-column h5:after { margin: 0 }
}
.cp-rse-image-block-column p { color: #fff; margin: 0; padding: 0 5rem; position: relative; text-align: center; -webkit-transition: .5s; transition: .5s; z-index: 2; font-size: 16px; line-height: 26px; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:37.5em) {
.cp-rse-image-block-column p { padding: 0 8rem }
}
@media (min-width:60em) {
.cp-rse-image-block-column p { opacity: 0; height: 0; padding: 0 5rem }
}
.cp-rse-pillar-block { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse }
@media (min-width:60em) {
.cp-rse-pillar-block { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row }
}
.cp-rse-pillar-block .-content { background: #1b1b1b; padding-bottom: 2rem; padding-top: 0; position: relative }
@media (min-width:60em) {
.cp-rse-pillar-block .-content { padding-top: 6rem; padding-bottom: 7rem }
}
.cp-rse-pillar-block h2 { color: #fff; font-size: 27px; line-height: 32.4px; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; z-index: 2; text-transform: none; width: 92%; position: relative }
@media (min-width:60em) {
.cp-rse-pillar-block h2 { font-size: 34px; line-height: 42px }
}
.cp-rse-pillar-block span { color: #fff; width: 95% }
.cp-rse-pillar-block li, .cp-rse-pillar-block span { font-size: 18px; line-height: 28px; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-rse-pillar-block li { color: #fff!important }
.cp-rse-pillar-block li:before { background: #fff }
.cp-rse-pillar-block .for { display: none }
@media (min-width:60em) {
.cp-rse-pillar-block .for { display: block; position: absolute; top: -17px; left: -51px; z-index: -1; width: 144.52px; height: 118.98px; font-size: 18rem; color: #4d4d4d; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
}
.cp-rse-pillar-block .-illust img { display: none }
@media (min-width:60em) {
.cp-rse-pillar-block .-illust img { display: block }
}
.cp-rse-pillar-block .-illust .if-mobile { display: block }
@media (min-width:60em) {
.cp-rse-pillar-block .-illust .if-mobile { display: none }
}
.cp-rse-anchors { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; top: 0 }
.cp-rse-anchors .anchor-item { color: #fff; display: block; width: 33%; text-align: center; padding: 1rem; background: #171F4A; -webkit-box-pack: center; justify-content: center; margin-top: 1rem; cursor: pointer; text-decoration: none }
.cp-rse-anchors .anchor-item.active { background-color: #008F84; -webkit-animation: fade-right .7s ease-in; animation: fade-right .7s ease-in }
.cp-rse-anchors .anchor-item:nth-of-type(2) { border-left: 1px solid #6d6d6d }
.cp-rse-anchors .anchor-item:nth-of-type(2):before { content: ""; width: 1px; height: 40px; background: #6d6d6d; position: relative; left: -31.5% }
@media (min-width:37.5em) {
.cp-rse-anchors .anchor-item:nth-of-type(2):before { left: -25% }
}
@media (min-width:105em) {
.cp-rse-anchors .anchor-item:nth-of-type(2):before { left: -37.5% }
}
@media (min-width:60em) {
.cp-rse-anchors .anchor-item:nth-of-type(2) { border: none }
}
.cp-rse-anchors .anchor-item:nth-of-type(3) { border-left: 1px solid #6d6d6d }
.cp-rse-anchors .anchor-item:nth-of-type(3):before { content: ""; width: 1px; height: 40px; background: #6d6d6d; position: relative; left: -38.1% }
@media (min-width:37.5em) {
.cp-rse-anchors .anchor-item:nth-of-type(3):before { left: -34% }
}
@media (min-width:105em) {
.cp-rse-anchors .anchor-item:nth-of-type(3):before { left: -21.1% }
}
@media (min-width:60em) {
.cp-rse-anchors .anchor-item:nth-of-type(3) { border: none }
}




.cp-rse-anchors .anchor-item:nth-of-type(4) { border-left: 1px solid #6d6d6d }
.cp-rse-anchors .anchor-item:nth-of-type(4):before { content: ""; width: 1px; height: 40px; background: #6d6d6d; position: relative; left: -38.1% }
@media (min-width:37.5em) {
.cp-rse-anchors .anchor-item:nth-of-type(4):before { left: -34% }
}
@media (min-width:105em) {
.cp-rse-anchors .anchor-item:nth-of-type(4):before { left: -38.1% }
}
@media (min-width:60em) {
.cp-rse-anchors .anchor-item:nth-of-type(4) { border: none }
}






.cp-rse-anchors .anchor-item:nth-of-type(5) { border-left: 1px solid #6d6d6d }
.cp-rse-anchors .anchor-item:nth-of-type(5):before { content: ""; width: 1px; height: 40px; background: #6d6d6d; position: relative; left: -38.1% }
@media (min-width:37.5em) {
.cp-rse-anchors .anchor-item:nth-of-type(5):before { left: -34% }
}
@media (min-width:105em) {
.cp-rse-anchors .anchor-item:nth-of-type(5):before { left: -38.1% }
}
@media (min-width:60em) {
.cp-rse-anchors .anchor-item:nth-of-type(5) { border: none }
}





.cp-rse-anchors .anchor-item:nth-of-type(6) { border-left: 1px solid #6d6d6d }
.cp-rse-anchors .anchor-item:nth-of-type(6):before { content: ""; width: 1px; height: 40px; background: #6d6d6d; position: relative; left: -38.1% }
@media (min-width:37.5em) {
.cp-rse-anchors .anchor-item:nth-of-type(6):before { left: -34% }
}
@media (min-width:105em) {
.cp-rse-anchors .anchor-item:nth-of-type(6):before { left: -38.1% }
}
@media (min-width:60em) {
.cp-rse-anchors .anchor-item:nth-of-type(6) { border: none }
}

.cp-rse-anchors .anchor-item:nth-of-type(7) { border-left: 1px solid #6d6d6d }
.cp-rse-anchors .anchor-item:nth-of-type(7):before { content: ""; width: 1px; height: 40px; background: #6d6d6d; position: relative; left: -38.1% }
@media (min-width:37.5em) {
.cp-rse-anchors .anchor-item:nth-of-type(7):before { left: -34% }
}
@media (min-width:105em) {
.cp-rse-anchors .anchor-item:nth-of-type(7):before { left: -38.1% }
}
@media (min-width:60em) {
.cp-rse-anchors .anchor-item:nth-of-type(7) { border: none }
}



.cp-rse-anchors .anchor-item:nth-of-type(8) { border-left: 1px solid #6d6d6d }
.cp-rse-anchors .anchor-item:nth-of-type(8):before { content: ""; width: 1px; height: 40px; background: #6d6d6d; position: relative; left: -38.1% }
@media (min-width:37.5em) {
.cp-rse-anchors .anchor-item:nth-of-type(8):before { left: -34% }
}
@media (min-width:105em) {
.cp-rse-anchors .anchor-item:nth-of-type(8):before { left: -38.1% }
}
@media (min-width:60em) {
.cp-rse-anchors .anchor-item:nth-of-type(8) { border: none }
}

.cp-rse-anchors .anchor-item:nth-of-type(9) { border-left: 1px solid #6d6d6d }
.cp-rse-anchors .anchor-item:nth-of-type(9):before { content: ""; width: 1px; height: 40px; background: #6d6d6d; position: relative; left: -38.1% }
@media (min-width:37.5em) {
.cp-rse-anchors .anchor-item:nth-of-type(9):before { left: -34% }
}
@media (min-width:105em) {
.cp-rse-anchors .anchor-item:nth-of-type(9):before { left: -38.1% }
}
@media (min-width:60em) {
.cp-rse-anchors .anchor-item:nth-of-type(9) { border: none }
}




















@media (min-width:60em) {
.cp-rse-anchors .anchor-item { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; text-align: inherit; margin-top: 0; border: none }
}
.cp-rse-anchors .anchor-item .anchor-number { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 22px; line-height: 26px; align-self: center; margin-right: 20px }
.cp-rse-anchors .anchor-item .anchor-content { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column }
.cp-rse-anchors .anchor-item .anchor-content .anchor-title { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 15px; line-height: 18px; color: #fff; text-transform: inherit; margin: 10px 0 0 }
@media (min-width:60em) {
.cp-rse-anchors .anchor-item .anchor-content .anchor-title { text-transform: uppercase; margin: 0;font-weight:bold; }
}
.cp-rse-anchors .anchor-item .anchor-content .anchor-subtitle { font-family: Read-Medium, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 14px; line-height: 24px; display: none }
@media (min-width:60em) {
.cp-rse-anchors .anchor-item .anchor-content .anchor-subtitle { display: block }
}
.sticky { position: fixed; top: 0; width: 100%; margin-top: 8.2rem; z-index: 200 }
@-webkit-keyframes fade-right { 0% {
background:#171F4A
}
to { background: #008F84 }
}
@keyframes fade-right { 0% {
background:#171F4A
}
to { background: #008F84 }
}
.cp-rse-carbon-goal { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column }
@media (min-width:60em) {
.cp-rse-carbon-goal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; padding-top: 100px; padding-bottom: 50px }
}
.cp-rse-carbon-goal .block-left { padding: 50px 0 }
@media (min-width:60em) {
.cp-rse-carbon-goal .block-left { padding: 30px 0; -webkit-box-flex: 1; flex: 1 }
}
.cp-rse-carbon-goal .block-left .title { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin-bottom: 20px; font-size: 27px; line-height: 32.4px }
@media (min-width:60em) {
.cp-rse-carbon-goal .block-left .title { font-size: 34px; line-height: 41px }
}
.cp-rse-carbon-goal .block-left .content { font-size: 16px; line-height: 26px; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-rse-carbon-goal .block-right { padding-bottom: 30px; -webkit-box-flex: 1; flex: 1; display: -webkit-box; display: flex }
@media (min-width:60em) {
.cp-rse-carbon-goal .block-right { background-color: #f4f4f4; padding-bottom: 0 }
}
.cp-rse-carbon-goal .block-right .data { -webkit-box-flex: 1; flex: 1; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; margin: auto }
@media (min-width:60em) {
.cp-rse-carbon-goal .block-right .data { margin: initial; padding: 20px 50px }
}
.cp-rse-carbon-goal .block-right .data .year { color: #2e2eca; font-size: 60px; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:60em) {
.cp-rse-carbon-goal .block-right .data .year { font-size: 60px }
}
.cp-rse-carbon-goal .block-right .data .location { font-size: 14px; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-rse-img-full { margin-bottom: 67.5px }
.cp-rse-img-full .img-full { width: 100% }
@media (min-width:60em) {
.cp-rse-img-full { margin-bottom: 0 }
}
.rse-collapse { padding: 0 2rem 6rem }
@media (min-width:60em) {
.rse-collapse { padding: initial; margin-left: 141px; margin-right: 140px; margin-bottom: 0 }
}
@media (min-width:60em) {
.rse-collapse .-list { margin-top: 40px }
}
.rse-collapse .-item { display: -webkit-box; display: flex; flex-wrap: wrap; border: none; border-top: 1px solid #c6c6c6 }
.rse-collapse .-item.active { margin: 0 }
.rse-collapse .-item.active, .rse-collapse .-item.active+.-item { border: none; border-top: 1px solid #c6c6c6 }
.rse-collapse .-item.active .-answer { height: auto; padding: 0 }
@media (min-width:60em) {
.rse-collapse .-item.active .-answer { margin-bottom: 5rem }
}
.rse-collapse .-item.active .-question:before { -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; content: "-"; color: #171F4A; font-size: 4rem; left: calc(100% - 40px); position: absolute; top: 10%; -webkit-transform: initial; transform: none }
@media (min-width:60em) {
.rse-collapse .-item.active .-question:before { top: 30% }
}
.rse-collapse .-question { font-size: 20px; line-height: 24px; color: #008F84; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; padding-top: 20px; padding-bottom: 20px; padding-left: 0; width: 100% }
@media (min-width:60em) {
.rse-collapse .-question { font-size: 22px; line-height: 32px; padding-left: 40px; padding-top: 40px; padding-bottom: 40px }
}
.rse-collapse .-question:before { -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; content: "+"; color: #171F4A; font-size: 2.5rem; left: calc(100% - 40px); position: absolute; top: 20%; -webkit-transform: initial; transform: none }
@media (min-width:60em) {
.rse-collapse .-question:before { top: 36% }
}
.rse-collapse .-answer { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-transition: none; transition: none }
@media (min-width:60em) {
.rse-collapse .-answer { -webkit-box-orient: initial; -webkit-box-direction: initial; flex-direction: row; margin-left: 184px; padding: 0 40px }
}
.rse-collapse .block-1 { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; position: relative }
@media (min-width:60em) {
.rse-collapse .block-1 { margin-right: 91px; width: 50% }
}
.rse-collapse .block-1 p { font-size: 16px; line-height: 26px; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin-top: 0 }
.rse-collapse .block-1 h5.title { font-size: 20px; line-height: 24px; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; text-transform: none; margin-top: 0 }
@media (min-width:60em) {
.rse-collapse .block-1 h5.title { font-size: 22px; line-height: 32px }
}
@media (min-width:60em) {
.rse-collapse .block-1 .button { position: absolute; bottom: 0 }
}
.rse-collapse .block-1 .not { position: static }
@media (min-width:60em) {
.rse-collapse .if-img-right { margin-right: 91px; width: 39% }
}
.rse-collapse .block-2 { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column }
@media (min-width:60em) {
.rse-collapse .block-2 { width: 100% }
}
.rse-collapse .block-2 p { font-size: 16px; line-height: 26px; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin-top: 0 }
.rse-collapse .block-2 h5.title { font-size: 22px; line-height: 32px; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; text-transform: none; margin-top: 0; margin-bottom: 0 }
.rse-collapse .block-2 .legend { font-size: 14px; line-height: 14px; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.rse-collapse .block-2 img.img-padding { padding-top: 4.6rem }
.rse-collapse .if-img { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding-top: 2rem }
@media (min-width:60em) {
.rse-collapse .if-img { width: 50%; padding-top: 0 }
}
.cp-rse-banner-cta { margin-bottom: 10rem; position: relative }
@media (min-width:60em) {
.cp-rse-banner-cta { margin-bottom: 10.5rem }
}
.cp-rse-banner-cta:before { background: -webkit-gradient(linear, left top, left bottom, color-stop(33.63%, rgba(0,0,0,.6)), to(rgba(34,34,34,0))); background: linear-gradient(180deg, rgba(0,0,0,.6) 33.63%, rgba(34,34,34,0)); bottom: 0; content: ""; left: 0; right: 0; top: 0; width: 100%; z-index: 1 }
.cp-rse-banner-cta img { display: block; width: 100% }
.cp-rse-banner-cta .cp-slider-vertical-parallax .container-pagination, .cp-rse-banner-cta .teq-container, .cp-slider-vertical-parallax .cp-rse-banner-cta .container-pagination { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10 }
.cp-rse-banner-cta .subtitle { color: #fff; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.2rem; line-height: 1.4rem; text-transform: uppercase }
@media (min-width:60em) {
.cp-rse-banner-cta .subtitle { font-size: 1.5rem; line-height: 1.8rem; max-width: 55rem }
}
.cp-rse-banner-cta h2 { color: #fff; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.7rem; line-height: 3.2rem; margin: 2rem 0 4rem; text-transform: none }
@media (min-width:60em) {
.cp-rse-banner-cta h2 { font-size: 4rem; line-height: 100%; margin: 1rem 0 5rem; max-width: 55rem }
}
@media (min-width:60em) {
.rse-video { margin-left: 141px; margin-right: 141px; padding-top: 10rem }
}
.rse-video iframe.video { max-height: 100%; min-height: auto }
.rse-video .video-appear .-illust { opacity: 0 }
.rse-video .upper-block { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column }
@media (min-width:60em) {
.rse-video .upper-block { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row }
}
.rse-video .upper-block .title-block { font-size: 27px; line-height: 32px; display: none; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:60em) {
.rse-video .upper-block .title-block { display: block; margin-right: 80px; -webkit-box-flex: 1; flex: 1; font-size: 34px; line-height: 42px; margin-left: 100px }
}
.rse-video .upper-block .-mobile { display: block }
@media (min-width:60em) {
.rse-video .upper-block .-mobile { display: none }
}
.rse-video .upper-block .content-block { font-size: 16px; line-height: 26px; margin-top: 18px; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:60em) {
.rse-video .upper-block .content-block { margin-top: 0; -webkit-box-flex: 2; flex: 2; font-size: 18px; line-height: 28px; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
}
.rse-video.mod-usual-banner .-content .btn-play { left: calc(50% - 3.8rem) }
.rse-video .-content { background: #171F4A; text-align: center; min-height: auto; margin: -5rem 0 0; vertical-align: middle; padding: 4rem 3.4rem 0 }
@media (min-width:60em) {
.rse-video .-content { width: 75%; padding: 6rem 6rem 1rem; margin-top: -8rem; width: 80.8rem; margin-left: auto; margin-right: auto }
}
@media (min-width:105em) {
.rse-video .-content { padding: 6rem 6rem 1rem }
}
.rse-video .-content p { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.2rem; text-align: center; margin-left: auto; margin-right: auto }
.rse-video .video-wrapper { position: inherit }
.mod-usual-banner.rse-video.video-appear .-illust { opacity: 0 }
.mod-usual-banner.rse-video.video-appear ._content { display: none }
.cp-rse-phases { padding: 6rem 0 10rem; position: static }
@media (min-width:60em) {
.cp-rse-phases { padding: initial }
}
.cp-rse-phases .cp-slider-vertical-parallax .container-pagination, .cp-rse-phases .teq-container, .cp-slider-vertical-parallax .cp-rse-phases .container-pagination { background: #f4f4f4 }
.cp-rse-phases .title { font-size: 27px; line-height: 32.4px; margin-bottom: 7rem; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; text-transform: none }
@media (min-width:60em) {
.cp-rse-phases .title { margin-bottom: 17rem; font-size: 34px; line-height: 42px }
}
.cp-rse-phases .legend { font-size: 18px; line-height: 28px; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-rse-phases .subtitle { font-size: 20px; line-height: 24px; text-transform: none; margin-top: 35px; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:60em) {
.cp-rse-phases .subtitle { font-size: 22px; line-height: 32px; margin-top: 0; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
}
.cp-rse-phases .text { font-size: 16px; line-height: 26px; margin-top: 5px; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:60em) {
.cp-rse-phases .text { font-size: 18px; line-height: 28px; margin-top: 0 }
}
.cp-rse-phases .item { max-width: 40rem }
.cp-rse-phases .item:after { height: 100% }
.cp-rse-phases .item.-gold:after { background: #008F84 }
.cp-rse-phases .item.-gold .dot { border: 3px solid #008F84 }
.cp-rse-phases .item.-gold .dot:before { background: #008F84; width: 1.8rem; height: 1.8rem }
@media (min-width:60em) {
.cp-rse-phases .item.-gold .dot:after { background: #008F84 }
}
.cp-rse-alt-image-text { margin-left: 2rem; margin-right: 2rem }
@media (min-width:60em) {
.cp-rse-alt-image-text { margin-left: 141px; margin-right: 141px }
}
.cp-rse-alt-image-text .tpl-content { -webkit-box-pack: left; justify-content: left }
.cp-rse-alt-image-text .tpl-content h2 { text-transform: inherit; font-size: 27px; line-height: 32.4px; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:60em) {
.cp-rse-alt-image-text .tpl-content h2 { font-size: 34px; line-height: 42px }
}
.cp-rse-alt-image-text .tpl-content .-description { font-size: 18px; line-height: 28px; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-rse-alt-image-text img { display: none }
@media (min-width:60em) {
.cp-rse-alt-image-text img { display: block }
}
.cp-rse-alt-image-text .flex-cont { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse }
@media (min-width:60em) {
.cp-rse-alt-image-text .flex-cont { -webkit-box-orient: initial; -webkit-box-direction: initial; flex-direction: row }
}
.cp-rse-alt-image-text .number { -webkit-box-ordinal-group: 3; order: 2; margin-left: -40px; margin-right: -40px; margin-top: 20px; padding: 20px 20px 20px 40px; background: #008F84; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center }
@media (min-width:60em) {
.cp-rse-alt-image-text .number { margin-top: 0; margin-left: 0; margin-right: 0; padding: 30px 62px 37px; width: 37.5% }
}
.cp-rse-alt-image-text .number .title { font-size: 14px; line-height: 24px; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; color: #fff }
@media (min-width:60em) {
.cp-rse-alt-image-text .number .title { font-size: 15px; line-height: 18px }
}
.cp-rse-alt-image-text .number .subtitle { font-size: 80px; line-height: 80px; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; color: #fff }
.cp-rse-alt-image-text .number .description { font-size: 18px; line-height: 28px; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; color: #fff; text-align: center }
@media (min-width:60em) {
.cp-rse-alt-image-text .number .description { text-align: left }
}
@media (min-width:60em) {
.cp-rse-strategy { background: #f4f4f4; padding: 100px 14.1rem }
}
.cp-rse-strategy .df-zone { max-width: 100%; width: 100% }
@media (min-width:60em) {
.cp-rse-strategy .df-zone>div { width: 112% }
}
.cp-rse-strategy .-content { background: #323232; text-align: center }
@media (min-width:60em) {
.cp-rse-strategy .-content { padding: 15rem 0 15rem 10rem; position: relative; text-align: initial }
.cp-rse-strategy .-content:before { content: ""; height: 165%; position: absolute; top: -64px; right: -149px; width: 150px; background-color: #323232 }
}
@media (min-width:60em) and (min-width:105em) {
.cp-rse-strategy .-content:before { right: -422px; width: 423px }
}
.cp-rse-strategy .title { text-transform: inherit; font-size: 27px; line-height: 32.4px; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; color: #fff; text-align: left }
@media (min-width:60em) {
.cp-rse-strategy .title { font-size: 34px; line-height: 44px }
}
.cp-rse-strategy .description { font-size: 18px; line-height: 28px; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; color: #fff; text-align: left }
.cp-rse-strategy .img-container { width: 100%; position: relative; min-width: 60% }
@media (min-width:105em) {
.cp-rse-strategy .img-container { min-width: 100% }
}
@media (min-width:60em) {
.cp-rse-strategy img { padding: 5rem; margin-left: -5rem; height: calc(100% - 10rem); position: absolute; -o-object-fit: contain; object-fit: contain }
}
@media (min-width:105em) {
.cp-rse-strategy img { margin-left: -15rem }
}
.cp-rse-discover { margin-bottom: 10rem }
.cp-rse-discover .title { font-size: 27px; line-height: 32px; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; text-transform: inherit }
@media (min-width:60em) {
.cp-rse-discover .title { padding-top: 100px; font-size: 34px; line-height: 41px }
}
.cp-rse-discover .tpl--cta--quint { background-color: transparent!important }
.cp-rse-discover .tpl--cta--quint a { border: none }
.cp-rse-discover .tpl--cta--quint a span+span { font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 20px; line-height: 24px; background: #f4f4f4 }
@media (min-width:60em) {
.cp-rse-discover .tpl--cta--quint a span+span { font-size: 22px; line-height: 32px }
}
.cp-rse-discover .tpl--cta--quint a span+span:before { content: none }
.cp-artist-menu .js-artist-open-menu { background: #008F84; border-radius: 50%; bottom: 120px; color: #fff; cursor: pointer; font-size: 1.2rem; height: 4.5rem; line-height: 4.4rem; position: fixed; right: 1.5rem; text-align: center; text-decoration: none; width: 4.5rem; z-index: 111; visibility: visible }
@media (min-width:60em) {
.cp-artist-menu .js-artist-open-menu { visibility: hidden }
}
.cp-artist-menu-modal, .cp-artist-menu .js-artist-close-menu { background-color: #008F84 }
.cp-artist-menu-modal { width: 100%; height: 100vh; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; font-size: 1.7rem; padding-top: 40px; position: fixed; z-index: 9999999; top: 0; left: 0 }
.cp-artist-menu-modal-item { color: #fff; border-bottom: 1px solid #fff; margin: 0 20px; padding: 15px 0 }
.cp-artist-menu .cp-artist-menu-desktop { visibility: hidden; background-color: #008F84; width: 101px; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 20px 20px 15px; position: absolute; top: auto }
@media (min-width:60em) {
.cp-artist-menu .cp-artist-menu-desktop { visibility: visible }
}
.cp-artist-menu .cp-artist-menu-desktop-item { color: #fff; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; text-transform: uppercase; font-size: 12px; font-weight: 400; margin-bottom: 5px; position: relative }
.cp-artist-menu .cp-artist-menu-desktop-item-active { padding-left: 5px; font-weight: 700 }
.cp-artist-menu .cp-artist-menu-desktop-item-active:before { content: ""; width: 22px; height: 2px; background-color: #fff; left: -20px; top: 7px; position: absolute }
.cp-artist-menu .cp-artist-menu-desktop-item:hover { text-decoration: none; font-weight: 700 }
.cp-artist-menu .sticky { position: fixed!important; top: 100px }
.cp-artist-block { background: #f4f4f4; display: -webkit-box; display: flex }
.cp-artist-block .artist-img { height: auto; max-width: 348px; min-width: 348px; z-index: 2 }
.cp-artist-block .artist-img .illust { height: 100%; -o-object-fit: cover; object-fit: cover; max-width: none }
@media (min-width:60em) {
.cp-artist-block .artist-img .illust { max-width: 100% }
}
.cp-artist-block .artist-container { margin-left: 0; margin-right: 0 }
@media (min-width:60em) {
.cp-artist-block .artist-container { margin-left: 141px; margin-right: 141px }
}
.cp-artist-block .artist { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-top: -43px; padding-top: 150px }
.cp-artist-block .artist:nth-child(2n) .artist-title { right: 10px; left: auto }
@media (min-width:60em) {
.cp-artist-block .artist:nth-child(odd) .artist-title { left: 72px }
.cp-artist-block .artist:nth-child(odd) .elements-text { display: -webkit-box; display: flex; position: relative }
.cp-artist-block .artist:nth-child(odd) .elements-text, .cp-artist-block .artist:nth-child(odd) .quote-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row }
.cp-artist-block .artist:nth-child(2n) .artist-title { right: 72px; left: auto }
.cp-artist-block .artist:nth-child(2n) .elements-text, .cp-artist-block .artist:nth-child(2n) .quote-container { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse }
.cp-artist-block .artist:nth-child(2n) .elements-text { display: -webkit-box; display: flex; background: #fff; position: relative }
}
.cp-artist-block .artist .elements-text { background: #fff; position: relative; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column }
.cp-artist-block .artist .artist-title { position: absolute; font-size: 46px; line-height: 38px; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; padding-right: 20px; color: #008F84; left: 0; top: -40px; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; text-transform: uppercase }
@media (min-width:60em) {
.cp-artist-block .artist .artist-title { top: -100px; font-size: 120px; line-height: 120px }
}
.cp-artist-block .artist .artist-text { background: #fff; z-index: 1; padding: 0 20px }
@media (min-width:60em) {
.cp-artist-block .artist .artist-text { padding: 65px 92px 64px 112px }
}
.cp-artist-block .artist li { font-size: 18px; line-height: 28px; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-artist-block .artist li:before { background: #000 }
.cp-artist-block .artist a { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 20px }
.cp-artist-block .artist .quote-container { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column }
.cp-artist-block .artist .quote-container .quote-text { font-size: 20px; line-height: 24px; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; padding-bottom: 20px }
@media (min-width:60em) {
.cp-artist-block .artist .quote-container .quote-text { padding-left: 30px; font-size: 34px; line-height: 44px }
}
.cp-artist-block .artist .quote-container h2 { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif!important }
.cp-artist-block .artist .quote-container .quote-img { margin: 40px auto 20px }
@media (min-width:60em) {
.cp-artist-block .artist .quote-container .quote-img { margin: auto }
}
.cp-artist-block .artist .quote-container .quote-img .quote { margin-left: 40%; margin-right: 82px; width: 60px; padding-top: 40px }
@media (min-width:60em) {
.cp-artist-block .artist .quote-container .quote-img .quote { margin-left: 82px; padding-top: 0 }
}
.cp-artist-block .artist .description { font-size: 20px; line-height: 30px }
.cp-artist-block .artist .description p { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-artist-block .artist .description span, .cp-artist-block .artist .description strong { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-artist-block .artist .button-modal { background: #171F4A; overflow: hidden; position: relative; height: 200px; text-align: center }
.cp-artist-block .artist .button-modal:before { content: ""; background: rgba(23,31,74,.55); opacity: .4; bottom: 0; position: absolute; right: 0; left: 0; top: 0; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition: .4s; transition: .4s; z-index: 1 }
.cp-artist-block .artist .button-modal .illust { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100% }
@media (min-width:60em) {
.cp-artist-block .artist .button-modal .illust { height: auto; width: auto }
}
.cp-artist-block .artist .button-modal a { font-size: 22px; line-height: 32px; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; border: 1px solid #fff; position: absolute; top: 35%; left: 36px; right: 36px; z-index: 2; color: #fff }
.cp-artist-block .artist .button-modal a:hover { cursor: pointer; text-decoration: none }
@media (min-width:60em) {
.cp-artist-block .artist .button-modal a { top: 76px; left: 262px; right: 262px; padding: 12px 60px }
}
.discover-block { width: 100% }
@media (min-width:60em) {
.discover-block { width: 60% }
}
.discover-block-title { color: #171F4A; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; text-transform: none; font-weight: 600; font-size: 2.7rem }
@media (min-width:60em) {
.discover-block-title { font-size: 3.3rem }
}
.discover-block-content p { color: #171F4A; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; margin-bottom: 0 }
@media (min-width:60em) {
.discover-block-content p { font-size: 2.2rem }
}
.discover-block-content .read-more__link-wrap { color: #171F4A; font-weight: 700; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; text-decoration: underline }
@media (min-width:60em) {
.discover-block-content .read-more__link-wrap { font-size: 1.6rem }
}
.discover-block-swiper-container { margin: 50px 0 }
.discover-block .swiper-wrapper { flex-wrap: nowrap }
@media (min-width:60em) {
.discover-block .swiper-wrapper { flex-wrap: wrap }
}
.discover-anchor { border: 2px solid #171F4A; text-transform: uppercase; text-align: center; max-width: 130px!important; padding: 5px 20px; margin-top: 10px; margin-right: 10px; width: auto!important; background-color: #fff; color: #171F4A; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1rem; white-space: nowrap }
@media (min-width:60em) {
.discover-anchor { font-size: 1.6rem }
}
.discover-anchor:hover { text-decoration: none; background-color: #171F4A; color: #fff }
.cp-modal-block { box-sizing: border-box; opacity: 1; overflow: visible; position: fixed; top: 0; left: 0; width: 100vw; z-index: 506 }
@media (min-width:60em) {
.cp-modal-block { top: 5rem }
}
.cp-modal-block.hidden { display: none }
.cp-modal-block:before { content: ""; height: 200vh; background-color: rgba(0,0,0,.5); left: -75vw; position: absolute; top: -75vh; width: 200vw; z-index: -1 }
.cp-modal-block .card-container { overflow: visible }
@media (min-width:60em) {
.cp-modal-block .card-container { margin-left: 141px; margin-right: 141px }
}
.cp-modal-block .card { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; max-height: 100vh; overflow-y: hidden; min-width: 100% }
@media (min-width:60em) {
.cp-modal-block .card { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; margin-right: 200px; -webkit-box-pack: center; justify-content: center }
}
.cp-modal-block .card .card-image img { -o-object-fit: cover; object-fit: cover; min-height: 100%; max-height: 273px; min-width: 100%; margin-bottom: -5px }
@media (min-width:60em) {
.cp-modal-block .card .card-image img { max-height: none; height: 80vh; min-width: 0 }
}
.cp-modal-block .card .card-description { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 2rem; background: #fff }
@media (min-width:60em) {
.cp-modal-block .card .card-description { padding: 5rem; width: 430px }
}
.cp-modal-block .card .card-description .title { font-size: 27px; line-height: 32px; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; padding-bottom: 2rem; margin-bottom: 0; text-transform: none; padding-right: 2rem; -webkit-margin-before: 0; margin-block-start: 0 }
@media (min-width:60em) {
.cp-modal-block .card .card-description .title { padding-bottom: 5rem; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 30px; line-height: 40px; padding-right: 0 }
}
.cp-modal-block .card .card-description .description { font-size: 16px; line-height: 26px; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-modal-block .card .element { display: -webkit-box; display: flex; flex-wrap: wrap }
.cp-modal-block .card .element>div { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 2rem 0; -webkit-box-flex: 1; flex: 1 1 50% }
.cp-modal-block .card .element>div span { font-size: 15px; line-height: 18px; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:60em) {
.cp-modal-block .card .element>div span { font-size: 16px; line-height: 26px }
}
.cp-modal-block .card .element .sub-title { color: #6d6d6d; font-size: 16px; line-height: 26px }
.cp-modal-block .card .social { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; display: -webkit-box; display: flex; padding-top: 6rem; text-align: center; -webkit-box-pack: justify; justify-content: space-between }
@media (min-width:60em) {
.cp-modal-block .card .social { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; padding-top: 8rem; text-align: initial; flex-wrap: wrap }
}
.cp-modal-block .card .social .left { font-size: 14px; line-height: 24px; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; text-transform: uppercase; margin-bottom: 1rem }
@media (min-width:60em) {
.cp-modal-block .card .social .left { margin-bottom: 0; -webkit-box-flex: 1; flex: 1 1 50% }
}
.cp-modal-block .card .social .right { -webkit-box-flex: 1; flex: 1 1 50% }
.cp-modal-block .card .social .right a:hover { background: #008F84 }
.cp-modal-block .js-container-social-responsive a.js-social-share, .cp-modal-block .js-container-social-responsive span.js-social-share { display: inline-block }
.cp-modal-block .js-handle-social-responsive { display: none!important }
.js-art-collection-swiper-button-next, .js-art-collection-swiper-button-prev { background-image: none!important; height: 2rem; width: 2rem; position: absolute; z-index: 2 }
.js-art-collection-swiper-button-next:before, .js-art-collection-swiper-button-prev:before { color: #008F84; background-color: #fff; font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; font-size: 2rem; border-radius: 50%; padding: 8px }
@media (min-width:60em) {
.js-art-collection-swiper-button-next:before, .js-art-collection-swiper-button-prev:before { background-color: transparent; color: #fff }
}
.js-art-collection-swiper-button-next.swiper-button-disabled:before, .js-art-collection-swiper-button-prev.swiper-button-disabled:before { opacity: .5 }
.js-art-collection-swiper-button-prev { top: 117px; left: 10px; cursor: pointer }
@media (min-width:60em) {
.js-art-collection-swiper-button-prev { left: -89px; top: 50% }
}
.js-art-collection-swiper-button-next { right: 10px; top: 117px; cursor: pointer; -webkit-transform: rotate(180deg); transform: rotate(180deg) }
@media (min-width:60em) {
.js-art-collection-swiper-button-next { right: -89px; top: 50% }
}
.btn-close { color: #fff; cursor: pointer; position: absolute; right: 10px; top: 10px; background: #1b1b1b; border-radius: 50%; text-align: center; height: 3rem; width: 3rem; z-index: 20 }
@media (min-width:60em) {
.btn-close { top: -3%; background: none; width: 5rem; height: 5rem }
}
.btn-close:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; content: "\E913"; font-size: 2.8rem; line-height: 3rem; display: block }
@media (min-width:60em) {
.btn-close:before { line-height: 5rem }
}
.cp-group-links-alpine { background: #171F4A; overflow: hidden; position: relative }
.cp-group-links-alpine:before { content: ""; background: rgba(23,31,74,.55); opacity: .4; bottom: 0; position: absolute; right: 0; left: 0; top: 0; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition: .4s; transition: .4s; z-index: 1 }
@media (min-width:60em) {
.cp-group-links-alpine { background: none }
.cp-group-links-alpine:hover:before { background: transparent }
}
.cp-group-links-alpine .illust { display: none }
@media (min-width:60em) {
.cp-group-links-alpine .illust { display: block; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; right: 0; min-height: 100%; min-width: 100%; z-index: -1 }
}
.cp-group-links-alpine .cp-slider-vertical-parallax .container-pagination, .cp-group-links-alpine .teq-container, .cp-slider-vertical-parallax .cp-group-links-alpine .container-pagination { box-sizing: border-box; padding: 5rem 0 0 }
@media (min-width:60em) {
.cp-group-links-alpine .cp-slider-vertical-parallax .container-pagination, .cp-group-links-alpine .teq-container, .cp-slider-vertical-parallax .cp-group-links-alpine .container-pagination { padding: 7.5rem 0; position: relative; z-index: 5; max-width: 120rem }
}
.cp-group-links-alpine .cp-slider-vertical-parallax .alpine.container-pagination, .cp-group-links-alpine .teq-container.alpine, .cp-slider-vertical-parallax .cp-group-links-alpine .alpine.container-pagination { text-align: center }
.cp-group-links-alpine h2 { color: #fff; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.7rem; line-height: 3.2rem; text-transform: none; margin: 0 0 2.5rem }
@media (min-width:60em) {
.cp-group-links-alpine h2 { text-align: center; font-size: 3.4rem; line-height: 3.6rem }
}
.cp-group-links-alpine h2.alpine { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.16rem; text-transform: none }
@media (min-width:60em) {
.cp-group-links-alpine h2.alpine { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3.4rem; line-height: 4.1rem; text-align: center }
}
.cp-group-links-alpine .intro { color: #fff; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.4rem; margin-bottom: 1rem }
@media (min-width:60em) {
.cp-group-links-alpine .intro { max-width: 69.6rem; margin: 0 auto 7.5rem; text-align: center }
}
@media (min-width:60em) {
.cp-group-links-alpine .flex-container { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center }
}
.cp-group-links-alpine .flex-container.alpine { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; margin-bottom: 2rem }
@media (min-width:60em) {
.cp-group-links-alpine .flex-container.alpine { margin-bottom: 0 }
}
.cp-group-links-alpine .link, .cp-group-links-alpine .link-container { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center }
.cp-group-links-alpine .link { border-bottom: 1px solid #6d6d6d; color: #f4f4f4; cursor: pointer; font-family: RenaultR-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 6.5rem; position: relative; pointer-events: all; text-decoration: inherit; text-transform: uppercase; -webkit-transition: .4s; transition: .4s; width: auto; z-index: 50 }
@media (min-width:60em) {
.cp-group-links-alpine .link { border-bottom: none; font-size: 1.6rem; line-height: 2.2rem; margin: 0; width: auto }
}
@media (min-width:84.5em) {
.cp-group-links-alpine .link { margin: 0 }
}
.cp-group-links-alpine .link:hover { font-family: RenaultR-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; text-decoration: underline; color: #fff }
.cp-group-links-alpine .link:hover .next-icon { text-decoration: none }
.cp-group-links-alpine .next-icon { background-image: none!important; margin-left: 1rem; text-align: center; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; cursor: pointer; height: 1.7rem; position: relative; -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.cp-group-links-alpine .next-icon:before { color: #fff; font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; font-size: 1.7rem }
.cp-group-links-alpine .link-icon { text-decoration: none }
.cp-saga-episode-one { background: #008F84; box-sizing: border-box; margin-bottom: 10rem; padding: 5rem 0; position: relative }
@media (min-width:60em) {
.cp-saga-episode-one { padding: 10rem 0 }
}
.cp-saga-episode-one:before { background: #008F84; content: ""; height: 84rem; left: 0; position: absolute; top: 0; width: calc(100% - 2rem); z-index: 0 }
@media (min-width:60em) {
.cp-saga-episode-one:before { height: 56.3rem; width: calc(50vw + 26rem) }
}
.cp-saga-episode-one .flex-container { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-bottom: 3.4rem; position: relative; z-index: 2 }
@media (min-width:60em) {
.cp-saga-episode-one .flex-container { align-content: center }
}
@media (min-width:60em) {
.cp-saga-episode-one .flex-container.-one { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between }
}
@media (min-width:60em) {
.cp-saga-episode-one .flex-container.-one .content { width: 41.66667% }
}
.cp-saga-episode-one .flex-container.-one h2 { color: #fff }
.cp-saga-episode-one .flex-container.-one .text { margin-bottom: 2rem; color: #fff }
.cp-saga-episode-one .flex-container.-one .text strong { color: #fff }
@media (min-width:60em) {
.cp-saga-episode-one .flex-container.-one .text { box-sizing: border-box; margin-bottom: 0 }
}
.cp-saga-episode-one .flex-container.-one .illust:before { display: block; content: ""; width: 100%; padding-top: 102.5056947608% }
@media (min-width:60em) {
.cp-saga-episode-one .flex-container.-one .illust { width: 41.66667% }
}
@media (min-width:60em) {
.cp-saga-episode-one .flex-container.-two { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 10rem }
.cp-saga-episode-one .flex-container.-two .content { -webkit-box-ordinal-group: 3; order: 2 }
}
.cp-saga-episode-one .flex-container.-two .illust:before { display: block; content: ""; width: 100%; padding-top: 62.5939849624% }
@media (min-width:60em) {
.cp-saga-episode-one .flex-container.-two .illust { width: calc(50% - 2rem) }
}
@media (min-width:60em) {
.cp-saga-episode-one .flex-container.-two .content { margin-top: 10rem; width: 41.66667% }
}
@media (min-width:60em) {
.cp-saga-episode-one .flex-container.-three { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between }
}
.cp-saga-episode-one .flex-container.-three .illust { margin: -3rem 0 0 auto; width: 33% }
.cp-saga-episode-one .flex-container.-three .illust:before { display: block; content: ""; width: 100%; padding-top: 129.3103448276% }
@media (min-width:60em) {
.cp-saga-episode-one .flex-container.-three .illust { width: 33.33333% }
}
@media (min-width:60em) {
.cp-saga-episode-one .flex-container.-three .content { margin-top: 10rem; width: 50% }
}
@media (min-width:60em) {
.cp-saga-episode-one .flex-container.-three .text { box-sizing: border-box }
}
@media (min-width:60em) {
.cp-saga-episode-one .flex-container.-four .content { margin-left: 0; margin-bottom: 6rem; width: 75% }
}
.cp-saga-episode-one .illust-negative-margin { display: block; margin: -9rem 0 3.5rem; position: relative; width: 76%; z-index: 2 }
@media (min-width:60em) {
.cp-saga-episode-one .illust-negative-margin { margin-top: -13rem; width: 75% }
}
.cp-saga-episode-one .content { margin-bottom: 2.6rem }
@media (min-width:60em) {
.cp-saga-episode-one .content { margin-bottom: 0 }
}
.cp-saga-episode-one h2 { color: #fff; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3rem; line-height: 5rem; margin-bottom: 1.9rem; text-transform: none }
.cp-saga-episode-one h2 strong { color: inherit; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:60em) {
.cp-saga-episode-one h2 { font-size: 4.5rem; line-height: 5rem; margin-bottom: 5rem }
}
.cp-saga-episode-one h3 { color: #fff; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2.4rem; text-transform: none }
@media (min-width:60em) {
.cp-saga-episode-one h3 { font-size: 2.5rem; line-height: 3rem }
}
.cp-saga-episode-one .text p { color: #fff; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 3rem }
.cp-saga-episode-one .text p b, .cp-saga-episode-one .text p strong { color: #fff; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-saga-episode-one .illust { overflow: hidden; position: relative; width: 100%; z-index: 2 }
.cp-saga-episode-one .illust img { bottom: 0; display: block; left: 0; min-height: 100%; min-width: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; right: 0; top: 0 }
.cp-saga-episode-one .illust-full { display: block; width: 100% }
@media (min-width:60em) {
.cp-saga-episode-one .illust-full { margin-bottom: 6rem }
}
.cp-saga-episode-one .conclusion { color: #fff; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.2rem; text-align: center }
@media (min-width:60em) {
.cp-saga-episode-one .conclusion { font-size: 3.4rem; line-height: 4.1rem; width: 83.33333%; margin: 0 auto }
}
.cp-saga-episode-one-v2 { background: #171F4A; box-sizing: border-box; padding: 0 0 6rem; position: relative }
@media (min-width:60em) {
.cp-saga-episode-one-v2 { padding: 10rem 0 0 }
}
.cp-saga-episode-one-v2:before { background: #171F4A; content: ""; height: 84rem; left: 0; position: absolute; top: 0; width: calc(100% - 2rem); z-index: 0 }
@media (min-width:60em) {
.cp-saga-episode-one-v2:before { height: 56.3rem; width: calc(50vw + 26rem) }
}
@media (min-width:60em) {
.cp-saga-episode-one-v2 .cp-slider-vertical-parallax .container-pagination, .cp-saga-episode-one-v2 .teq-container, .cp-slider-vertical-parallax .cp-saga-episode-one-v2 .container-pagination { padding-top: 11rem }
}
.cp-saga-episode-one-v2 .flex-container { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-bottom: 3.4rem; position: relative; z-index: 2 }
@media (min-width:60em) {
.cp-saga-episode-one-v2 .flex-container { align-content: center }
}
.cp-saga-episode-one-v2 .flex-container.-one b, .cp-saga-episode-one-v2 .flex-container.-one strong, .cp-saga-episode-one-v2 .flex-container.-three b, .cp-saga-episode-one-v2 .flex-container.-three strong, .cp-saga-episode-one-v2 .flex-container.-two b, .cp-saga-episode-one-v2 .flex-container.-two strong { color: #fff }
@media (min-width:60em) {
.cp-saga-episode-one-v2 .flex-container.-one { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between }
}
.cp-saga-episode-one-v2 .flex-container.-one .illust { margin: -3rem 0 0 auto; width: 33% }
.cp-saga-episode-one-v2 .flex-container.-one .illust:before { display: block; content: ""; width: 100%; padding-top: 129.3103448276% }
@media (min-width:60em) {
.cp-saga-episode-one-v2 .flex-container.-one .illust { width: 33.33333% }
}
@media (min-width:60em) {
.cp-saga-episode-one-v2 .flex-container.-one .content { -webkit-transform: translateY(-10rem); transform: translateY(-10rem); width: 58.33333% }
}
@media (min-width:60em) {
.cp-saga-episode-one-v2 .flex-container.-one .text { box-sizing: border-box }
}
@media (min-width:60em) {
.cp-saga-episode-one-v2 .flex-container.-two { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 10rem }
.cp-saga-episode-one-v2 .flex-container.-two .content { -webkit-box-ordinal-group: 3; order: 2 }
}
.cp-saga-episode-one-v2 .flex-container.-two .illust:before { display: block; content: ""; width: 100%; padding-top: 62.5939849624% }
@media (min-width:60em) {
.cp-saga-episode-one-v2 .flex-container.-two .illust { width: calc(50% - 2rem) }
}
@media (min-width:60em) {
.cp-saga-episode-one-v2 .flex-container.-two .content { width: 41.66667% }
}
@media (min-width:60em) {
.cp-saga-episode-one-v2 .flex-container.-three { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between }
}
.cp-saga-episode-one-v2 .flex-container.-three .illust { margin: -3rem 0 0 auto; width: 33% }
.cp-saga-episode-one-v2 .flex-container.-three .illust:before { display: block; content: ""; width: 100%; padding-top: 129.3103448276% }
@media (min-width:60em) {
.cp-saga-episode-one-v2 .flex-container.-three .illust { width: 33.33333% }
}
@media (min-width:60em) {
.cp-saga-episode-one-v2 .flex-container.-three .content { width: 50% }
}
@media (min-width:60em) {
.cp-saga-episode-one-v2 .flex-container.-three .text { box-sizing: border-box }
}
.cp-saga-episode-one-v2 .flex-container.-four { position: relative; -webkit-box-align: center; align-items: center }
.cp-saga-episode-one-v2 .flex-container.-four .content { width: calc(100% - 4.8rem); padding: 50px 0 10px }
@media (min-width:60em) {
.cp-saga-episode-one-v2 .flex-container.-four .content { padding: 50px 0; width: calc(100% - 4.8rem); max-width: 108.4rem }
}
.cp-saga-episode-one-v2 .flex-container.-four .content h3 { font-size: 2rem }
@media (min-width:60em) {
.cp-saga-episode-one-v2 .flex-container.-four .content h3 { font-size: 2.5rem }
}
.cp-saga-episode-one-v2 .flex-container.-four .content .text { margin-right: 0 }
@media (min-width:60em) {
.cp-saga-episode-one-v2 .flex-container.-four .content .text { margin-right: 25rem }
}
.cp-saga-episode-one-v2 .flex-container.-four .content .text p, .cp-saga-episode-one-v2 .flex-container.-four .content .text strong { margin-left: 0; color: #fff }
.cp-saga-episode-one-v2 .flex-container.-four .manifesto-container { position: relative; width: 100%; padding: 0 14rem; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; max-height: 63rem }
@media (min-width:60em) {
.cp-saga-episode-one-v2 .flex-container.-four .manifesto-container { display: block }
}
.cp-saga-episode-one-v2 .flex-container.-four .manifesto-container .illust-container { position: relative; display: -webkit-box; display: flex; -webkit-box-pack: end; justify-content: flex-end; width: 100%; bottom: 0; padding-bottom: 5rem }
@media (min-width:60em) {
.cp-saga-episode-one-v2 .flex-container.-four .manifesto-container .illust-container { position: absolute; width: 30%; max-width: none; bottom: 15rem; right: 15rem; top: 2rem; padding-bottom: 0 }
}
.cp-saga-episode-one-v2 .flex-container.-four .manifesto-container .illust-container:before { display: none; content: ""; width: 100%; padding-top: 68.1818181818% }
@media (min-width:60em) {
.cp-saga-episode-one-v2 .flex-container.-four .manifesto-container .illust-container:before { display: block }
}
.cp-saga-episode-one-v2 .flex-container.-four .manifesto-container .illust-container>img { position: relative; max-width: 70% }
@media (min-width:60em) {
.cp-saga-episode-one-v2 .flex-container.-four .manifesto-container .illust-container>img { position: absolute; top: 5rem; right: 0; bottom: 0; left: -5.5rem; max-width: 100% }
}
.cp-saga-episode-one-v2 .flex-container.-four .manifesto-container .content { position: relative; background: #171F4A; color: #fff; width: auto; padding: 0 2.4rem }
@media (min-width:60em) {
.cp-saga-episode-one-v2 .flex-container.-four .manifesto-container .content { background: #008F84; padding: 4rem 0 10rem; min-height: 45rem; width: calc(100% - 4.8rem); max-width: 108.4rem; margin: 0 auto }
}
.cp-saga-episode-one-v2 .flex-container.-four .manifesto-container .content h3 { font-size: 3rem; line-height: 3.6rem; color: #fff }
@media (min-width:60em) {
.cp-saga-episode-one-v2 .flex-container.-four .manifesto-container .content h3 { font-size: 5rem; line-height: 5rem; padding-right: 45rem }
}
.cp-saga-episode-one-v2 .flex-container.-four .manifesto-container .content .text { margin-right: 0 }
.cp-saga-episode-one-v2 .flex-container.-four .manifesto-container .content .text p, .cp-saga-episode-one-v2 .flex-container.-four .manifesto-container .content .text strong { color: #fff }
@media (min-width:60em) {
.cp-saga-episode-one-v2 .flex-container.-four .manifesto-container .content .text { padding-right: 45rem; padding-left: 0 }
}
.cp-saga-episode-one-v2 .flex-container.-four .manifesto-container .content:before { content: ""; background: #008F84; position: absolute; left: -50rem; top: 0; width: 50rem; height: 100% }
.cp-saga-episode-one-v2 .flex-container.-four .manifesto-container .content:after { display: none; content: ""; background: #171F4A; position: absolute; right: 0; top: 0; width: 26.5rem; height: 100% }
@media (min-width:60em) {
.cp-saga-episode-one-v2 .flex-container.-four .manifesto-container .content:after { display: block }
}
.cp-saga-episode-one-v2 .flex-container.-four .manifesto-container:after { display: none; content: ""; position: absolute; background: #fff; height: 10rem; width: 100%; bottom: -10rem }
@media (min-width:60em) {
.cp-saga-episode-one-v2 .flex-container.-four .manifesto-container:after { display: block }
}
.cp-saga-episode-one-v2 .illust-negative-margin { display: block; margin: -9rem 0 3.5rem; position: relative; width: 76%; z-index: 2 }
@media (min-width:60em) {
.cp-saga-episode-one-v2 .illust-negative-margin { margin-top: -13rem; margin-bottom: 15.5rem; width: 75% }
}
.cp-saga-episode-one-v2 .content { margin-bottom: 2.6rem }
@media (min-width:60em) {
.cp-saga-episode-one-v2 .content { margin-bottom: 0 }
}
.cp-saga-episode-one-v2 h2 { color: #fff; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3rem; line-height: 3.4rem; margin-bottom: 1.9rem; text-transform: none }
.cp-saga-episode-one-v2 h2 strong { color: inherit; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; color: #fff }
@media (min-width:60em) {
.cp-saga-episode-one-v2 h2 { font-size: 5rem; line-height: 5rem; margin-top: 1rem; margin-bottom: 2rem }
}
.cp-saga-episode-one-v2 h3 { color: #fff; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2.4rem; text-transform: none }
@media (min-width:60em) {
.cp-saga-episode-one-v2 h3 { font-size: 5rem; line-height: 5rem }
}
.cp-saga-episode-one-v2 .text p { color: #fff; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 3rem }
.cp-saga-episode-one-v2 .text p b, .cp-saga-episode-one-v2 .text p strong { color: #fff; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.cp-saga-episode-one-v2 .illust { overflow: hidden; position: relative; width: 100%; z-index: 2 }
.cp-saga-episode-one-v2 .illust img { bottom: 0; display: block; left: 0; min-height: 100%; min-width: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; right: 0; top: 0 }
.cp-saga-episode-one-v2 .illust-full { display: block; width: 100% }
@media (min-width:60em) {
.cp-saga-episode-one-v2 .illust-full { margin-bottom: 6rem }
}
.cp-saga-episode-one-v2 .conclusion { box-sizing: border-box; background: #fff; color: #171F4A; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 2.2rem; padding: 4rem; margin-left: 2.5rem; position: relative; z-index: 5 }
@media (min-width:60em) {
.cp-saga-episode-one-v2 .conclusion { color: #171F4A; z-index: 5; position: relative; background: #fff; font-size: 2rem; line-height: 3rem; padding: 10rem 10rem 10rem 15rem; bottom: 10rem; width: calc(100% - 4.8rem); max-width: 108.4rem; margin: 0 auto }
}
.cp-saga-episode-one-v2 .conclusion:after { content: ""; background: #fff; right: -45rem; position: absolute; height: 100%; top: 0; width: 50rem }
.cp-saga-episode-one-v2:after { content: ""; position: absolute; background: #fff; height: 15rem; width: 100%; bottom: 0 }
@media (min-width:60em) {
.cp-saga-episode-one-v2:after { height: 25rem }
}
.cp-slider-alpine { margin-bottom: 12rem }
.cp-slider-alpine .container-date { display: none }
.cp-slider-alpine .container-date.active { display: block }
.cp-slider-alpine .date-background { font-size: 120px; line-height: 120px; color: #008F84; opacity: .2; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; text-align: center; margin-bottom: -3.2rem; font-weight: 700 }
@media (min-width:60em) {
.cp-slider-alpine .date-background { margin-bottom: -13rem; margin-left: 8rem; font-size: 30rem; line-height: 30rem; text-align: left }
}
.cp-slider-alpine .df-zone { z-index: 2; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse }
@media (min-width:60em) {
.cp-slider-alpine .df-zone { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row }
}
.cp-slider-alpine .df-zone .text-container { margin-top: 20px }
@media (min-width:60em) {
.cp-slider-alpine .df-zone .text-container { margin: auto 9.2rem auto auto }
}
.cp-slider-alpine .df-zone .text-container .date { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 5rem; line-height: 5rem; font-weight: 700 }
.cp-slider-alpine .df-zone .text-container .text { margin-top: 2rem; font-size: 2rem; line-height: 3rem; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
@media (min-width:60em) {
.cp-slider-alpine .df-zone .text-container .text { margin-top: 3.3rem }
}
.cp-slider-alpine .df-zone .-image { -webkit-box-align: center; align-items: center; box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; position: relative; width: 100%; max-width: 530px }
.cp-slider-alpine .df-zone .-image:before { content: ""; display: block; padding-top: 81.57895%; width: 100% }
.cp-slider-alpine .df-zone .-image img { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; font-family: "object-fit: cover"; -o-object-fit: cover; object-fit: cover; z-index: 1 }
.cp-slider-alpine .nav-list { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; height: 6.5rem; background: #171F4A; color: #fff; -webkit-box-align: center; align-items: center; position: relative; z-index: 1 }
@media (min-width:60em) {
.cp-slider-alpine .nav-list { padding: 0 60px }
}
.cp-slider-alpine .nav-list .link { -webkit-box-flex: 2; flex: 2; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 6.5rem; font-size: 1.5rem; line-height: 1.8rem; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; color: hsla(0,0%,100%,.5); position: relative; display: none; cursor: pointer }
@media (min-width:60em) {
.cp-slider-alpine .nav-list .link { display: -webkit-box; display: flex }
}
.cp-slider-alpine .nav-list .link:after { content: ""; width: 1px; height: 40px; background: #6d6d6d; position: absolute; left: 100% }
.cp-slider-alpine .nav-list .link.active { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2.2rem; line-height: 2.64rem; background: #008F84; color: #fff; display: -webkit-box; display: flex; -webkit-box-flex: 2; flex: 2 }
.cp-slider-alpine .nav-list .link.active:after { content: ""; width: 1px; height: 40px; background: transparent; position: absolute; left: 100% }
.cp-slider-alpine .button-next, .cp-slider-alpine .button-prev { background-image: none!important; height: 1.7rem; width: 1.7rem; -webkit-box-flex: 1; flex: 1; text-align: center; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; cursor: pointer; height: 6.5rem; position: relative }
.cp-slider-alpine .button-next:before, .cp-slider-alpine .button-prev:before { color: #fff; font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; font-size: 1.7rem }
.cp-slider-alpine .button-next.hide:before, .cp-slider-alpine .button-prev.hide:before { display: none }
.cp-slider-alpine .button-prev:after { content: ""; width: 1px; height: 40px; background: #6d6d6d; position: absolute; left: 100% }
.cp-slider-alpine .button-next { -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.mod-history-slider+.tpl-white-title-subtitle-txt { margin: 0 0 3rem }
@media (min-width:37.5em) {
.mod-history-slider+.tpl-white-title-subtitle-txt { margin: 0 0 4rem }
}
@media (min-width:60em) {
.mod-history-slider+.tpl-white-title-subtitle-txt { margin: 0 0 3rem }
}
.mod-banner-with-subtitle+.tpl-white-title-subtitle-txt { margin: 0 0 3rem }
@media (min-width:37.5em) {
.mod-banner-with-subtitle+.tpl-white-title-subtitle-txt { margin: 3rem 0 }
}
@media (min-width:60em) {
.mod-banner-with-subtitle+.tpl-white-title-subtitle-txt { margin: 9rem 0 }
}
.zone--content{margin-bottom:10rem;}
.zone-banner+.zone--content .tpl-white-title-subtitle-txt:first-child { margin: 0 0 3rem }
@media (min-width:37.5em) {
.zone-banner+.zone--content .tpl-white-title-subtitle-txt:first-child { margin: 6rem 0 }
}
@media (min-width:60em) {
.zone-banner+.zone--content .tpl-white-title-subtitle-txt:first-child { margin: 9rem 0 }
}
.tpl-white-title-subtitle-txt+h2 { margin-bottom: 0 }
.tpl-white-title-subtitle-txt+h2+.video-wrapper { padding-top: 0 }
.mod-banner-img-with-picto+.tpl-white-title-subtitle-txt, .mod-history-slider+.tpl-white-title-subtitle-txt { margin: 0 0 3rem }
@media (min-width:37.5em) {
.mod-banner-img-with-picto+.tpl-white-title-subtitle-txt, .mod-history-slider+.tpl-white-title-subtitle-txt { margin: 0 0 6rem }
}
@media (min-width:60em) {
.mod-banner-img-with-picto+.tpl-white-title-subtitle-txt, .mod-history-slider+.tpl-white-title-subtitle-txt { margin: 3rem 0 9rem }
}
.cp-slider-cars+.tpl-white-title-subtitle-txt { margin: 0 0 3rem }
@media (min-width:37.5em) {
.cp-slider-cars+.tpl-white-title-subtitle-txt { margin: 0 0 6rem }
}
@media (min-width:60em) {
.cp-slider-cars+.tpl-white-title-subtitle-txt { margin: 0 0 9rem }
}
.btn--orange-arrow.theme-background:first-child, .btn-yellow.theme-background:first-child { margin-bottom: 10px }
@media (min-width:30em) {
.btn--orange-arrow.theme-background:first-child, .btn-yellow.theme-background:first-child { margin-bottom: 0 }
}
.zone--news+.zone--content .mod-rh-accordion { margin-bottom: 4rem }
@media (min-width:37.5em) {
.zone--news+.zone--content .mod-rh-accordion { margin-bottom: 8rem }
}
#participer { display: block; padding-top: 100px; margin-top: -100px; display: inline-block }
.mod--responsive-img { margin-bottom: 2rem }
@media (min-width:60em) {
.mod--responsive-img { margin-bottom: 4rem }
}
.mod--responsive-img img { display: block; width: 100% }
.tpl-illus img { display: block }
.tpl-illus img.alignleft { margin: 0 }
.tpl-illus img.alignnone { margin: 0 auto }
.tpl--in-blog-tags .it-tags { border: none; position: relative; text-transform: uppercase }
.tpl--in-blog-tags a { color: #1749c4; display: inline-block; font-family: Read-Medium, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; letter-spacing:.4rem;
line-height: 2.8rem; position: relative; padding: 0 1.6rem }
.tpl--in-blog-tags a+a:before { background: #1749c4; content: ""; height: 1.2rem; opacity: .2; position: absolute; left: 0; top:calc(50% - .6rem);
width:.1rem
}
.tpl--in-blog-tags .it-tags-span { border: 0; font: 0/0 a; text-shadow: none; color: transparent }
.tpl--in-blog-tags .it-tags-span:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; background: #1749c4; border-radius: 100%; color: #fff; display: inline-block; font-size: 2.4rem; height: 4.5rem; line-height: 4.5rem; position: relative; text-align: center; width: 4.5rem }
.tpl--content--discover, .tpl--discover { position: relative; font-family: Helvetica Neue LT W05_67 Md Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.tpl--content--discover a, .tpl--content--discover a:hover, .tpl--discover a, .tpl--discover a:hover { text-decoration: none }
.tpl--content--discover .story, .tpl--discover .story { position: relative; padding-top: 0; text-align: center; height: 100%; clear: none!important }
.tpl--content--discover .story+.story, .tpl--discover .story+.story { padding-top: 10px }
.tpl--content--discover>.story, .tpl--discover>.story { float: none!important }
.tpl--content--discover img, .tpl--discover img { font-family: "object-fit: cover;"; display: block; height: 100%; -o-object-fit: cover; object-fit: cover; margin: 0; min-width: 100%; width: 100% }
.tpl--content--discover .btn--blur-arrow, .tpl--discover .btn--blur-arrow { display: inline-block; border: 1px solid #fff; color: #fff; background: hsla(0,0%,39.2%,.6) }
.tpl--content--discover .btn--blur-arrow:hover, .tpl--discover .btn--blur-arrow:hover, a:hover .tpl--content--discover .btn--blur-arrow, a:hover .tpl--discover .btn--blur-arrow { background: rgba(90,90,90,.7) }
.tpl--content--discover .btn--blur, .tpl--discover .btn--blur { position: relative; z-index: 10 }
.tpl--content--discover .btn--blur span, .tpl--discover .btn--blur span { position: relative; z-index: 100 }
@media (min-width:0) and (max-width:37.49em) {
.tpl--content--discover .intro, .tpl--content--discover .story, .tpl--discover .intro, .tpl--discover .story { float: none }
aside[role=complementary] .tpl--content--discover .it-illus, aside[role=complementary] .tpl--content--discover img, aside[role=complementary] .tpl--discover .it-illus, aside[role=complementary] .tpl--discover img { position: relative }
}
@media (min-width:37.5em) {
.tpl--content--discover .l-zone, .tpl--discover .l-zone { margin: 0 -1px }
.tpl--content--discover .it-illus, .tpl--discover .it-illus { display: block; margin: 0 auto; position: relative }
.tpl--content--discover .it-illus:before, .tpl--discover .it-illus:before { display: block; content: ""; padding-top: 99.98%; width: 100% }
.tpl--content--discover .story, .tpl--discover .story { float: left; padding: 1px 0 0 1px }
.tpl--content--discover .story+.story, .tpl--discover .story+.story { padding-top: 1px }
}
aside[role=complementary] .tpl--content--discover, aside[role=complementary] .tpl--discover { font-size: 1.4rem }
aside[role=complementary] .tpl--content--discover .it-illus, aside[role=complementary] .tpl--discover .it-illus { display: block; margin: 0 auto }
@media (min-width:37.5em) and (max-width:47.49em) {
html[lang=fr] aside[role=complementary] .tpl--content--discover .it-button .btn--blur-arrow:after, html[lang=fr] aside[role=complementary] .tpl--discover .it-button .btn--blur-arrow:after { content: " : " }
aside[role=complementary] .tpl--content--discover .js-blurred.btn--blur-arrow, aside[role=complementary] .tpl--discover .js-blurred.btn--blur-arrow { text-shadow: 0 0 0 transparent!important }
}
@media (min-width:60em) {
aside[role=complementary] .tpl--content--discover, aside[role=complementary] .tpl--discover { font-size: 2rem }
}
.tpl--content--discover, .tpl--discover { font-size: 2rem }
.tpl--content--discover .l-zone, .tpl--discover .l-zone { margin: 0 -5px }
.tpl--content--discover .l-col, .tpl--discover .l-col { padding: 0 5px }
.tpl--content--discover .intro>p, .tpl--discover .intro>p { display: inline-block; vertical-align: center; padding: 10px; text-transform: uppercase; line-height: 1em; font-size: 3rem; color: #333 }
.tpl--content--discover .intro>p>b, .tpl--content--discover .intro>p>strong, .tpl--discover .intro>p>b, .tpl--discover .intro>p>strong { color: #008F84; display: block; font-weight: 400 }
.tpl--content--discover .intro>p>b>br, .tpl--content--discover .intro>p>strong>br, .tpl--discover .intro>p>b>br, .tpl--discover .intro>p>strong>br { display: none }
.tpl--content--discover .it-button, .tpl--discover .it-button { position: absolute; top: 50%; left: 10px; right: 10px; margin-top: -15px; z-index: 1 }
@media (min-width:37.5em) {
.tpl--content--discover .intro>p, .tpl--discover .intro>p { font-size: 4.8rem }
.tpl--content--discover .l-zone, .tpl--discover .l-zone { margin: 0 -1px }
.tpl--content--discover .l-col, .tpl--discover .l-col { padding: 0 1px }
}
@media (min-width:60em) {
.tpl--discover .story+.story { margin-top: 0 }
}
@media (min-width:37.5em) {
.tpl--content--discover .l-zone { margin: 0 -5px }
.tpl--content--discover .l-col { padding: 0 5px }
.tpl--content--discover .intro+.story, .tpl--content--discover .intro+.story+.story { margin-top: 0 }
}
@media (min-width:47.5em) and (max-width:75.99em) {
.tpl--content--discover .intro>p { font-size: 4rem }
}
@media (min-width:60em) {
.tpl--content--discover .intro { padding-top: 10px }
}
@media (min-width:76em) {
.tpl--content--discover .intro { padding-top: 30px }
}
.js-responsive { display: table }
.mod-title[class], .tpl--title[class] { color: #171F4A; font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; padding-top: 0; text-align: center }
.mod-title[class]>strong, .tpl--title[class]>strong { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-weight: 400 }
.layout--int .mod-title[class], .layout--int .tpl--title[class] { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.layout-hp .mod-title[class], .layout-hp .tpl--title[class] { line-height: 1em }
.tpl--title[class] { padding: .5em 0 }
.story--report .it-type, .tpl--contactus .tpl-title[class], .tpl--focus .tpl-title[class], .tpl--infos .tpl-title[class] { color: #333; font-size: 2.5rem; margin: 0 0 1rem; padding: 0; text-transform: uppercase }
@media (min-width:76em) {
.story--report .it-type, .tpl--contactus .tpl-title[class], .tpl--focus .tpl-title[class], .tpl--infos .tpl-title[class] { font-size: 3rem; margin: 0 0 30px }
}
.tpl--focus { border: 1px solid #eae9e8; padding: 20px }
.tpl--focus .tpl-content { overflow: hidden }
.layout--hp.zone--widgets .tpl--focus { padding: 25px 20px 20px }
@media (min-width:60em) {
.tpl--focus img[class^=align] { margin-top: 0; margin-bottom: 0 }
}
.tpl--ethic { overflow: hidden }
.tpl--ethic .btns, .tpl--ethic p+p { margin-top: 20px }
@media (min-width:60em) {
.tpl--ethic img, .tpl--ethic img[class^=align] { max-width: 50% }
}
.tpl--fig, .tpl--fig--int { padding: 1.5rem 1rem 1rem; text-align: center }
.tpl--fig { background: #008F84; color: #fff }
@media (min-width:60em) {
.tpl--fig { margin-top: 0 }
}
.tpl--fig.-grey { background: #f1f1f2; color: #000 }
.tpl--fig p+p { margin-top: 1rem }
@media (min-width:60em) {
.tpl--fig p+p { margin-top: 1.5rem }
}
.tpl--fig .fig-big { line-height: 1em; font-size: 6rem }
@media (min-width:60em) {
.tpl--fig .fig-big { font-size: 7rem }
}
.tpl--fig .fig-big strong { color: #008F84 }
.tpl--fig .fig-small { font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.8rem; line-height: 1.2em; text-transform: uppercase }
@media (min-width:60em) {
.tpl--fig .fig-small { font-size: 2.4rem }
}
@media (min-width:76em) {
.tpl--fig .fig-small { font-size: 2.6rem; line-height: 1em }
}
.tpl--fig .tpl-illus { margin-top: 2rem }
@media (min-width:60em) {
.tpl--fig .tpl-illus { position: absolute; bottom: 25px; left: 10px; right: 10px }
.tpl--fig .tpl-illus>img { margin: 0 auto }
}
@media (min-width:76em) {
.tpl--fig .tpl-illus { bottom: 15px }
}
.tpl--fig--int.-grey { background: #f1f1f2; color: #171F4A; padding: 5rem 0 3rem }
.tpl--fig--int p { margin-top:.5rem
}
.tpl--fig--int .tpl-illus img { margin: 0 auto 1.5rem }
.tpl--fig--int .fig-big strong, .tpl--fig--int .fig-small strong { color: #008F84 }
.tpl--fig--int .fig-big { font-size: 6rem; line-height: 1em }
@media (min-width:60em) {
.tpl--fig--int .fig-big { font-size: 7rem }
}
.tpl--fig--int .fig-big, .tpl--fig--int .fig-big>strong { color: #008F84 }
.tpl--fig--int .fig-small { font-size: 1.8rem; line-height: 1.2em; text-transform: uppercase }
@media (min-width:60em) {
.tpl--fig--int .fig-small { font-size: 2.4rem }
}
@media (min-width:76em) {
.tpl--fig--int .fig-small { font-size: 2.6rem; line-height: 1em }
}
.tpl--cta--rich .tpl-content { padding: 3rem 3rem 7.5rem }
.tpl--cta--rich p { margin: 2rem 0 4rem }
.tpl--cta--rich .tpl-title { color: #171F4A; font-size: 1.8rem; line-height: 2rem; text-transform: uppercase }
@media (min-width:37.5em) {
.tpl--cta--rich .tpl-title { font-size: 2.2rem; line-height: 2.4rem }
}
@media (min-width:60em) {
.tpl--cta--rich .tpl-title { font-size: 3rem; line-height: 3.2rem }
}
.tpl--cta--rich .tpl-illus img { width: 100% }
.tpl--cta--rich .btn--orange, .tpl--cta--rich .btn-yellow { display: block; position: absolute; bottom: 3rem; width: calc(100% - 6rem) }
.tpl--cta--rich .links--bottom { padding: 0 3rem 3rem }
.tpl--cta--rich .links--bottom>a { display: block }
.tpl--cta--rich.bg--grey .links--bottom>a.btn--grey { border: 1px solid #171F4A; color: #171F4A; display: block }
.mod .tpl--cta--rich.bg--grey .links--bottom>a.btn--grey:hover, .tpl--cta--rich.bg--grey .links--bottom>a.btn--grey:hover { background: #53565a; color: #fff }
.aligncenter, .alignleft, .alignnone, .alignright { display: block; margin: 5px 0; text-align: center;margin:0 auto; }
.alignnone { text-align: left }
.wp-caption { position: relative; text-align: center; border-bottom: 1px solid #eae9e8; max-width: 100% }
.wp-caption img { display: block; border: 0; height: auto; margin: 0; max-width: 100%; padding: 0; width: 100% }
.alignleft p.wp-caption-text, .alignnone p.wp-caption-text, .alignright p.wp-caption-text { color: #a9aaab; text-align: left; font-size: 1.1rem; margin: 12px 0 }
@media (min-width:37.5em) {
.alignleft { margin: 20px 15px 20px 0 }
.alignnone { text-align: left }
p+.alignleft, p+.alignright { margin-top: 0 }
.alignright { float: right; margin: 20px 0 20px 15px }
.alignleft { float: none }
.aligncenter { display: block; margin: 1.4em auto }
.aligncenter img { margin: 0 auto }
}
h1+.alignleft, h1+.alignnone, h1+.alignright, h1+p .alignleft, h1+p .alignnone, h1+p .alignright, h2+.alignleft, h2+.alignnone, h2+.alignright, h2+p .alignleft, h2+p .alignnone, h2+p .alignright, h3+.alignleft, h3+.alignnone, h3+.alignright, h3+p .alignleft, h3+p .alignnone, h3+p .alignright, h4+.alignleft, h4+.alignnone, h4+.alignright, h4+p .alignleft, h4+p .alignnone, h4+p .alignright, h5+.alignleft, h5+.alignnone, h5+.alignright, h5+p .alignleft, h5+p .alignnone, h5+p .alignright, h6+.alignleft, h6+.alignnone, h6+.alignright, h6+p .alignleft, h6+p .alignnone, h6+p .alignright { margin-top: 0 }
.tpl--bio-details { border: 1px solid #eae9e8; padding: 1.7rem 2rem }
.tpl--bio-details h3 { color: #008F84; letter-spacing: .5px; margin: 0 }
.tpl--bio-details p+h3 { margin-top: 15px }
.tpl--bio-details h3+p { margin-top: 5px; line-height: 1.5em }
.tpl--banner--group { padding: 10px 0; overflow: hidden }
.tpl--banner--group>img { display: none }
.tpl--banner--group>div { position: relative; z-index: 2 }
.tpl--banner--group a { display: block }
.tpl--banner--group a:hover { text-decoration: none }
.tpl--banner--group a>img { width: 42px; float: left; margin-right: 10px }
.tpl--banner--group a, .tpl--banner--group a>em, .tpl--banner--group a>strong { overflow: hidden; display: block }
.tpl--banner--group a>br { display: none }
.tpl--banner--group a>strong { color: #008F84; font-size: 1.8rem; font-family: RenaultR-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; text-transform: uppercase }
.tpl--banner--group a>em { color: #333; font-size: 1.8rem; font-family: Helvetica Neue LT W05_47 Lt Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.tpl--banner--group a>em:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: #008F84; display: inline-block; font-size: 1.5rem; margin-right: 1rem }
.tpl--banner--group .group-links--side>div { margin-top: 10px }
@media (min-width:37.5em) {
.tpl--banner--group>img { display: block }
.tpl--banner--group a { white-space: nowrap }
.tpl--banner--group .group-links--center, .tpl--banner--group .group-links--side { position: absolute }
.tpl--banner--group .group-links--center { width: 275px; left: 55px; top: 15% }
.tpl--banner--group .group-links--center a { background: hsla(0,0%,100%,.5); padding: 10px }
.tpl--banner--group .group-links--center a>strong { margin-top: 0 }
.tpl--banner--group .group-links--center a>img { margin-top: 7px }
.tpl--banner--group .group-links--side { top: 20%; right: 0; width: 330px }
.tpl--banner--group .group-links--side>div { margin-top: 0 }
.tpl--banner--group .group-links--side>div+div { margin-top: 30px }
}
@media (min-width:60em) {
.tpl--banner--group a>img { width: auto; margin-right: 30px }
.tpl--banner--group a>strong { margin-top: 15px; font-size: 2.6rem }
.tpl--banner--group a>em { font-size: 2rem }
.tpl--banner--group .group-links--center { width: 320px; left: 0; top: 30% }
.tpl--banner--group .group-links--side { top: 30px; right: 0; width: 500px }
}
@media (min-width:76em) {
.tpl--banner--group .group-links--center { width: 330px; left: 16%; top: 40% }
}
.tpl--history .links--bottom { margin-top: 20px; text-align: center }
.tpl--history .links--bottom>a { border: 1px solid #171F4A; box-sizing: border-box; color: #171F4A; display: inline-block; font-family: Helvetica Neue LT W05_67 Md Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.4rem; height: 4.4rem; line-height: 4.4rem; min-width: 20rem; position: relative; padding: 0 1.5rem; text-transform: uppercase; -webkit-transition: .5s; transition: .5s }
.tpl--history .links--bottom>a:hover { background: #53565a; color: #fff; text-decoration: none }
.tpl--infos { padding: 20px 0 }
.tpl--infos .story { float: left; padding: 0 20px }
.tpl--infos .tpl-title[class] { padding: 0 20px }
.bg--blog .tpl--infos, .bg--white .tpl--infos { border: 1px solid #eae9e8 }
.story--download .it-illus { padding: 20px; text-align: center }
.story--download .it-illus img { display: inline-block; vertical-align: middle }
.story--download [class^=btn--] { display: block }
.tpl--contactus { padding: 35px }
.bg--blog .tpl--contactus, .bg--white .tpl--contactus { border: 1px solid #eae9e8 }
.bg--grey .tpl--contactus { border: 0; background: #fff }
.layout--hp.zone--widgets .tpl--contactus { padding: 25px 20px 20px }
.story--contact+.story--contact { margin-top: 15px; padding-top: 15px; border-top: 1px solid #eae9e8 }
.story--contact .it-title { font-weight: 400; color: #000 }
.story--contact p {
margin:.5rem 0 0; line-height:2em }
.story--contact p, .story--contact p a { color: #333; overflow-wrap: break-word }
.story--contact p:before { content: ""; display: inline-block; position: relative; margin-right: 0px; top: 2px; vertical-align: baseline }
.story--contact p.it-mail:before, .story--contact p.it-phone:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; color: #008F84 }
.tpl--cta--quad { overflow: hidden }
.tpl--cta--quad .tpl--title { padding: 20px 10px 0 }
.tpl--cta--quad .l-col { padding: 0 }
.tpl--cta--quad .tpl-content { margin: 20px 10px }
.tpl--cta--quad .story { line-height: 1em }
.tpl--cta--quad .story+.story { border-top: 1px solid #eae9e8 }
.tpl--cta--quad .story, .tpl--cta--quad .story a { color: #000 }
.tpl--cta--quad .story a, .tpl--cta--quad .story span { display: block; height: 20px }
.tpl--cta--quad .story a { padding: 2px 0 }
.tpl--cta--quad .story span { overflow: hidden }
.tpl--cta--quad .story a:hover { text-decoration: none; color: #000 }
.tpl--cta--quad .story img { float: left; margin: 0 25px 0 0; width: 20px }
.tpl--cta--quad .story b { color: inherit }
@media (min-width:37.5em) {
.tpl--cta--quad .story img { float: left; margin: 0 25px 0 10px }
}
@media (min-width:60em) {
.tpl--cta--quad .tpl--title { padding: 20px 20px 0 }
.tpl--cta--quad .tpl-content { background: url(images/bg--cta--squad.png) no-repeat 50%; margin: 20px }
.tpl--cta--quad .story { font-size: 2.2rem }
.tpl--cta--quad .story+.story { border-top: 0 }
.tpl--cta--quad .story a, .tpl--cta--quad .story span { height: 70px }
.tpl--cta--quad .story a { padding: 15px 0 }
.tpl--cta--quad .story span { margin-top: 10px }
.tpl--cta--quad .story img { width: auto; margin: 0 25px 0 10px }
.tpl--cta--quad .story b { display: block }
.tpl--cta--quad .story:first-child+.story, .tpl--cta--quad .story:first-child+.story+.story+.story { padding-left: 20px }
}
@media (min-width:76em) {
.tpl--cta--quad .story { font-size: 3rem }
.tpl--cta--quad .story span { margin-top: 5px }
}
.tpl--cta--quint { padding: 4rem 0; background-color: #f4f4f4; margin-bottom: 0 }
@media (min-width:76em) {
.tpl--cta--quint { padding: 8rem 0; margin-bottom: 0 }
}
.tpl--cta--quint h2.title-zone { font-size: 2.7rem; line-height: 3.2rem; font-family: Renault-Semibold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin-bottom: 4rem; text-align: center }
@media (min-width:76em) {
.tpl--cta--quint h2.title-zone { font-size: 3.4rem; line-height: 3.6rem }
}
.tpl--cta--quint .l-col { width: 100% }
.tpl--cta--quint .story { font-size: 2.2rem; margin: 0 0 2rem }
.tpl--cta--quint .story+.story a { border-top: 0px solid #eae9e8 }
.tpl--cta--quint a { color: #333; display: block }
.tpl--cta--quint a:hover { text-decoration: none; color: #000 }
.tpl--cta--quint a span+span { display: block; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; padding: 1.6rem; font-size: 2rem; line-height: 2.6rem; background-color: #fff; position: relative }
.tpl--cta--quint .it-illus .aligncenter, .tpl--cta--quint .it-illus .alignleft, .tpl--cta--quint .it-illus .alignnone, .tpl--cta--quint .it-illus .alignright { margin: 0 }
.tpl--cta--quint .it-illus img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover }
@media (min-width:47.5em) {
.tpl--cta--quint .l-zone { margin: 0; width: 108.4rem; max-width: 100% }
.tpl--cta--quint a { display: block; min-height: 160px; font-size: 1.6rem }
.tpl--cta--quint a span+span { font-size: 2.1rem }
.tpl--cta--quint .l-col { float: left; width: calc(20% - 20px); margin: 0 10px; padding: 0 }
.tpl--cta--quint.tpl--cta--quint--4 .l-col { width: calc(25% - 20px) }
.tpl--cta--quint.tpl--cta--quint--3 .l-col { width: calc(33.33% - 1.4rem) }
.tpl--cta--quint.tpl--cta--quint--3 .l-col:first-child { margin-left: 0 }
.tpl--cta--quint.tpl--cta--quint--3 .l-col:last-child { margin-right: 0 }
.tpl--cta--quint .it-illus { display: block; height: 24.8rem }
.tpl--cta--quint a { border: 1px solid #eae9e8 }
}
@media (min-width:60em) {
.tpl--cta--quint .l-zone { margin: 0 auto; max-width: none; margin-bottom:2rem }
.tpl--cta--quint a { min-height: 200px; font-size: 2rem }
}
@media (min-width:76em) {
.tpl--cta--quint a { font-size: 2.2rem; min-height: 230px }
}
.tpl--cta--double p { background: #008F84; position: relative; margin: 0; text-transform: uppercase }
.tpl--cta--double p+p { margin-top: 2rem }
.tpl--cta--double p, .tpl--cta--double p a { color: #fff }
.tpl--cta--double p>a { display: block; padding: 20px }
.tpl--cta--double.-grey p { background: #f1f1f2 }
.tpl--cta--double.-grey p, .tpl--cta--double.-grey p a { color: #000 }
.tpl--cta--double img { position: absolute; left: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 45px }
.tpl--cta--double span { display: inline-block; line-height: 100%; padding-left: 65px }
.tpl--cta--double span b { color: inherit }
@media (min-width:60em) {
.tpl--cta--double p { font-size: 3rem }
.tpl--cta--double p a { height: 105px; line-height: 140px }
.tpl--cta--double img { width: 50px }
.tpl--cta--double span { padding-left: 75px }
}
@media (min-width:76em) {
.tpl--cta--double img { width: 70px }
.tpl--cta--double span { padding-left: 90px }
}
.map-lists h2 { margin: 0 0 1.6rem; border-bottom: 1px solid #008F84; font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2.6em; text-transform: none }
@media (min-width:37.5em) {
.map-lists h2 { font-size: 2.1rem }
}
.map-lists ul { margin: 0 }
@media (min-width:37.5em) {
.map-lists .l-desk-6-12 { margin: 0 1rem; width: calc(50% - 2rem) }
}
.map-lists a { color: #171F4A; text-decoration: none; line-height: normal }
.tpl--faq dt, .tpl--faq h2 { color: #333 }
.tpl--faq h2 { font-family: Helvetica Neue LT W05_47 Lt Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.tpl--faq h2 strong { font-family: Helvetica Neue LT W05_67 Md Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-weight: 400 }
.tpl--faq dt { padding: 0 0 5px; border-bottom: 1px solid #eae9e8; font-family: Helvetica Neue LT W05_57 Cond, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem }
.tpl--faq dt>i { margin-right: 5px; color: #008F84 }
.tpl--faq dd { margin-top: 1rem }
.tpl--faq a { text-decoration: underline }
.tpl--faq a:hover { text-decoration: none }
.tpl--emphasis { background: #f0f0ef; box-sizing: border-box; color: #333; padding: 3rem; width: 100% }
@media (min-width:37.5em) {
.tpl--emphasis { padding: 3rem 4.83333rem }
}
@media (min-width:47.5em) {
.tpl--emphasis { padding: 3rem 6.33333rem }
}
@media (min-width:60em) {
.tpl--emphasis { padding: 6rem 7.91667rem }
}
@media (min-width:76em) {
.tpl--emphasis { padding: 6rem 9.91667rem }
}
.tpl--emphasis a:not(.btn) { color: #171F4A; text-decoration: underline }
.tpl--emphasis a:not(.btn):hover { color: #171F4A; text-decoration: none }
.tpl--emphasis img[class^=align], .tpl--emphasis p { margin-top: 0 }
.tpl--emphasis h1:first-child, .tpl--emphasis h2:first-child, .tpl--emphasis h3:first-child, .tpl--emphasis h4:first-child, .tpl--emphasis h5:first-child, .tpl--emphasis h6:first-child { margin-top: 0; text-align: center }
.tpl--emphasis h1, .tpl--emphasis h2, .tpl--emphasis h3, .tpl--emphasis h4, .tpl--emphasis h5, .tpl--emphasis h6 { text-transform: none; font-weight: 400 }
.tpl--emphasis .-content h1, .tpl--emphasis .-content h2, .tpl--emphasis .-content h3, .tpl--emphasis .-content h4, .tpl--emphasis .-content h5, .tpl--emphasis .-content h6 { clear: none }
.tpl--emphasis .tpl-more { clear: both }
.tpl--more[class] { color: #171F4A; clear: both; display: block; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; line-height: 2.8rem; text-transform: uppercase }
.tpl--more[class] a { color: #171F4A; display: block; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; padding-left: 6.2rem; position: relative; text-decoration: none; word-break: break-word }
.tpl--more[class] a:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; background: #008F84; border-radius: 100%; color: #fff; display: inline-block; font-size: 1.3rem; height: 4.5rem; left: 0; line-height: 4.5rem; position: absolute; text-align: center; top: -1rem; width: 4.5rem }
.tpl--more[class] a+a { margin-top: 3rem }
#tinymce .mod--download { max-width: 400px }
#tinymce .mod--download .it-illus { padding: 20px; background: url(images/renault-pattern-yellow.png) repeat 0 0 #008F84 }
#tinymce .mod--download .it-illus img { margin: 0 auto }
.responsive-table-wrapper { width: 100%; max-width: 100%; overflow-x: auto }
.responsive-table-wrapper table, .responsive-table-wrapper table tbody, .responsive-table-wrapper table td, .responsive-table-wrapper table tr { }
.tpl--contact { color: #fff }
@media (min-width:37.5em) {
.tpl--contact { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 100%; -webkit-box-pack: justify; justify-content: space-between }
}
.l-col .tpl--contact { height: 100% }
.tpl--contact .item { background: #008F84; box-sizing: border-box; color: #fff; font-size: 1.4rem; min-height: 13rem; padding: 3rem; text-align: center }
@media (min-width:37.5em) {
.tpl--contact .item { font-size: 1.8rem; min-height: calc(50% - 10px) }
}
@media (min-width:60em) {
.tpl--contact .item { font-size: 2.2rem }
}
.tpl--contact .item:first-child { margin-bottom: 10px }
.tpl--contact .phone { color: #fff; display: inline-block; line-height: 2.4rem }
.tpl--contact h3, .tpl--contact p { color: #fff; font-size: 1.4rem; line-height: 2.4rem; text-transform: none }
@media (min-width:37.5em) {
.tpl--contact h3, .tpl--contact p { font-size: 1.6rem }
}
@media (min-width:60em) {
.tpl--contact h3, .tpl--contact p { font-size: 1.7rem }
}
.tpl--contact h3 { margin: 1rem 0; text-align: center }
.tpl--contact p { margin: 2rem 0 }
.tpl--contact .mail { margin-top: 1.5rem }
.blog-img-mosaic-1 { margin: 3rem auto 6rem }
@media (min-width:30em) {
.blog-img-mosaic-1 { -webkit-box-align: start; align-items: flex-start; display: -webkit-box; display: flex }
}
@media (min-width:60em) {
.blog-img-mosaic-1 { margin: 6rem auto 12rem }
}
.blog-img-mosaic-1 img { display: block; width: 100% }
.blog-img-mosaic-1 img.aligncenter, .blog-img-mosaic-1 img.alignleft, .blog-img-mosaic-1 img.alignnone, .blog-img-mosaic-1 img.alignright { margin: 0; text-align: left }
.blog-mosaic-1-left, .blog-mosaic-1-right { box-sizing: border-box }
.blog-mosaic-1-left { margin-bottom: 1rem; width: 100% }
@media (min-width:30em) {
.blog-mosaic-1-left { margin-bottom: 0; margin-right: 1rem; width:calc(71.5% - .5rem)
}
}
@media (min-width:30em) {
.blog-mosaic-1-right { width:calc(28.5% - .5rem)
}
}
.blog-mosaic-1-right img { display: block; margin: 0 }
.blog-mosaic-1-right img:first-child { margin: 0 0 1rem }
.blog-img-mosaic-2 { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin: 3rem auto 6rem }
@media (min-width:60em) {
.blog-img-mosaic-2 { margin: 6rem auto 12rem }
}
.blog-mosaic-2-row { margin: 0 0 1rem; width: 100% }
@media (min-width:30em) {
.blog-mosaic-2-row { -webkit-box-align: stretch; align-items: stretch; display: -webkit-box; display: flex }
}
@media (min-width:30em) {
.blog-mosaic-2-row-3-left, .blog-mosaic-2-row-3-right { float: left }
}
.blog-mosaic-2-row-3-left { box-sizing: border-box; margin-bottom: 1rem; width: 100% }
@media (min-width:30em) {
.blog-mosaic-2-row-3-left { margin-bottom: 0; margin-right: 1rem; width:calc(28% - .5rem)
}
}
.blog-mosaic-2-row-3-right { box-sizing: border-box; width: 100% }
@media (min-width:30em) {
.blog-mosaic-2-row-3-right { width:calc(72% - .5rem)
}
}
.blog-img-mosaic-2 img { box-sizing: border-box; display: block; width: 100% }
.blog-img-mosaic-2 img.aligncenter, .blog-img-mosaic-2 img.alignleft, .blog-img-mosaic-2 img.alignnone, .blog-img-mosaic-2 img.alignright { margin: 0; text-align: left }
.blog-mosaic-2-img-wrapper.-img-1-1 { margin: 0 0 1rem; width: 100% }
@media (min-width:30em) {
.blog-mosaic-2-img-wrapper.-img-1-1 { margin: 0 1rem 0 0; width:calc(63% - .5rem)
}
}
.blog-mosaic-2-img-wrapper.-img-1-2 { width: 100% }
@media (min-width:30em) {
.blog-mosaic-2-img-wrapper.-img-1-2 { width:calc(37% - .5rem)
}
}
.blog-mosaic-2-row-3-left img+img { margin: 1rem 0 0 }
.blog-mosaic-2-1-img-wrapper { float: left; padding: 0 1px 0 0; box-sizing: border-box; display: -webkit-box; display: flex; -webkit-box-align: stretch; align-items: stretch }
.blog-mosaic-2-1-img-wrapper+.blog-mosaic-2-1-img-wrapper { padding: 0; float: right; max-width: 36% }
.blog-mosaic-3 { margin: 3rem auto 6rem }
@media (min-width:60em) {
.blog-mosaic-3 { margin: 6rem auto 12rem }
}
.blog-img-item { position: relative; margin-bottom: 1rem; width: 100% }
@media (min-width:30em) {
.blog-img-item { float: left; margin-bottom: 0; margin-right: 1rem; width:calc(50% - .5rem)
}
}
.blog-img-item+.blog-img-item { display: block; margin: 0 }
@media (min-width:30em) {
.blog-img-item+.blog-img-item { height:calc(50% - .5rem)
}
}
.blog-img-item:nth-child(2) { margin-bottom: 1rem }
.blog-img-item img { display: block; height: 100%; font-family: " object-fit: cover;"; -o-object-fit: cover; object-fit: cover; width: 100% }
.blog-img-item img.aligncenter, .blog-img-item img.alignleft, .blog-img-item img.alignnone, .blog-img-item img.alignright { margin: 0; text-align: left }
.blog-highlighted-txt-floated, .blog-highlighted-txt-normal { box-sizing: border-box }
.tpl .blog-highlighted-txt-normal { color: #171F4A; font-family: Read-Light, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; margin-top: 0; padding: 0 }
@media (min-width:37.5em) {
.tpl .blog-highlighted-txt-normal { line-height: 3.2rem }
}
@media (min-width:47.5em) {
.tpl .blog-highlighted-txt-normal { float: left; width: calc(66.66667% - 7rem) }
.-left+.tpl .blog-highlighted-txt-normal { float: right }
}
.tpl .blog-highlighted-txt-normal p { color: #000 }
.blog-highlighted-txt-floated, .tpl .blog-highlighted-txt-normal p { font-family: Read-Light, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif }
.blog-highlighted-txt-floated { border-top: 5px solid #eee; color: #171F4A; font-size: 2.8rem; line-height: 4.2rem; margin: 0 0 3rem; padding: 3.4rem 0 0; width: calc(100% - 3rem) }
@media (min-width:47.5em) {
.blog-highlighted-txt-floated { float: right; margin: 0 0 0 7rem; width: 33.33333% }
.blog-highlighted-txt-floated.-left { float: left; margin: 0 7rem 0 0 }
}
.blog-highlighted-txt-floated a { color: #1749c4 }
.blog-styled-link { padding-top: 3.4rem }
.blog-styled-link-content { color: #171F4A; display: block; font-family: Read-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; line-height: 2.8rem; padding-left: 6.2rem; position: relative; text-transform: uppercase }
.blog-styled-link-content:before { font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; position: relative; speak: none; text-transform: none; -webkit-transition: .5s ease; transition: .5s ease; background: #008F84; border-radius: 100%; color: #fff; display: inline-block; font-size: 1.3rem; height: 4.5rem; left: 0; line-height: 4.5rem; position: absolute; text-align: center; top: -1rem; width: 4.5rem }
.tpl--focus-mosaic { background-color: #fff; border: 1px solid #d2d2d2; margin-top: 20px; padding: 30px 30px 0; text-align: left }
.tpl--focus-mosaic .mos--title { text-transform: uppercase; font-size: 2.4rem; margin-bottom: 20px }
.tpl--focus-mosaic .mos--image { display: block; margin: 0 0 20px; width: 100% }
.tpl-find-offer-in-the-world { padding: 62px 0 }
.tpl-find-offer-in-the-world .dt-zone { background: transparent url(images/world.jpg) no-repeat 50%; background-size: 100% auto; margin: 0 auto; position: relative; text-align: center }
.tpl-find-offer-in-the-world .dt-zone:before { display: block; content: ""; padding-top: 54.9833094897%; width: 100% }
.tpl-find-offer-in-the-world .-content { color: #171F4A; left: 20px; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); max-width: 60rem; margin: 0 auto }
.tpl-find-offer-in-the-world h2 { font-family: Renault-Bold, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3rem; line-height: 3.5rem; text-align: center; margin: 0 0 1.6rem }
@media (min-width:37.5em) {
.tpl-find-offer-in-the-world h2 { font-size: 4.5rem; line-height: 4.5rem; text-align: center }
}
@media (min-width:60em) {
.tpl-find-offer-in-the-world h2 { font-size: 4.8rem; line-height: 4.6rem }
}
.tpl-find-offer-in-the-world .h2-subtitle { font-family: Renault-Regular, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; line-height: 2.6rem; margin-bottom: 20px }
@media (min-width:37.5em) {
.tpl-find-offer-in-the-world .h2-subtitle { font-size: 2.3rem; line-height: 2.6rem }
}
@media (min-width:60em) {
.tpl-find-offer-in-the-world .h2-subtitle { font-size: 2.3rem; line-height: 2.6rem; margin-bottom: 30px }
}
@media (min-width:60em) {
.tpl-find-offer-in-the-world .btn-yellow { width: auto!important }
}
.tpl-three-block-yellow { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; margin: 10px -5px; width: 100% }
.tpl-three-block-yellow .block { background: #008F84; box-sizing: border-box; color: #171F4A; font-family: Helvetica Neue LT W05_47 Lt Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 2rem; margin: 5px; padding: 2rem; text-align: center; width: calc(100% - 1rem) }
@media (min-width:37.5em) {
.tpl-three-block-yellow .block { width: calc(33.33% - 1rem) }
}
.tpl-three-block-yellow .number { font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3rem; margin: 1rem 0 2rem }
.tpl-three-block-yellow img { display: block; height: 50px; margin: 0 auto 10px }
.tpl-map-working-international { background: #f0f0ef; padding: 50px 0 }
.tpl-map-working-international .dt-zone { background: #2860bc; background: radial-gradient(ellipse at center, #2860bc 0, #2860bc 32%, #064999 52%, #053288 67%, #02194c 100%); box-sizing: border-box; padding: 20px; margin: 0 auto; max-width: 100% }
@media (min-width:60em) {
.tpl-map-working-international .dt-zone { padding: 50px 35px }
}
.tpl-map-working-international h2 { color: #fff; margin-top: 0 }
@media (min-width:60em) {
.tpl-map-working-international .dflex { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex }
}
.tpl-map-working-international .-content { border: 1px solid #fff; color: #fff; display: table; margin: 20px auto; padding: 35px; text-align: center }
@media (min-width:60em) {
.tpl-map-working-international .-content { display: block; margin: 0 2%; width: 30% }
}
.tpl-map-working-international .nb-offers { font-family: Helvetica Neue LT W05_77 Bd Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 3.5rem }
@media (min-width:37.5em) {
.tpl-map-working-international .nb-offers { font-size: 5rem }
}
@media (min-width:60em) {
.tpl-map-working-international .nb-offers { font-size: 8rem }
}
.tpl-map-working-international .nb-offers:before { margin-right: 5px; position: relative }
@media (min-width:60em) {
.tpl-map-working-international .nb-offers:before { top: 10px }
}
.tpl-map-working-international .-description { font-family: Helvetica Neue LT W05_47 Lt Cn, Arial, Helvetica, Liberation Sans, FreeSans, sans-serif; font-size: 1.6rem; line-height: 100%; margin-bottom: 35px }
@media (min-width:37.5em) {
.tpl-map-working-international .-description { font-size: 2.2rem }
}
@media (min-width:60em) {
.tpl-map-working-international .-description { font-size: 2.8rem }
}
.twitterQuote { color: #44b4ff; line-height: 1em; font-weight: 700 }
.twitterQuote, .twitterQuote:hover { -webkit-transition: .2s ease; transition: .2s ease }
.twitterQuote:hover { background: none repeat scroll 0 0 #e2f1f9; text-decoration: none; cursor: pointer }
.twitterQuote .hastags { display: none }
.twitterQuote .tweet-sharer:before { color: #00ace3; font-family: icomoon!important; font-style: normal; font-weight: 400; font-variant: normal; position: relative; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: .5s ease; transition: .5s ease; border-radius: 50%; height: 35px; right: 7px; width: 35px; z-index: 3 }
.tpl--video { margin: 3rem 0; position: relative; width: 100% }
.tpl--video:before { display: block; content: ""; padding-top: 56.25%; width: 100% }
.tpl--video>embed, .tpl--video>iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100% }
@media print {
* { background: transparent!important; color: #000!important; box-shadow: none!important; text-shadow: none!important }
a, a:visited { text-decoration: underline }
blockquote, pre { border: 1px solid #999; page-break-inside: avoid }
thead { display: table-header-group }
img, tr { page-break-inside: avoid }
img { max-width: 100%!important }
@page {
margin:.5cm
}
h2, h3, p { orphans: 3; widows: 3 }
h2, h3 { page-break-after: avoid }
}
.cp-slider-vertical-parallax .container-pagination, .teq-container { margin: 0 auto; max-width: 108.4rem; width: calc(100% - 4.8rem);margin-bottom: 0px; }
.mod-rh-accordion .dt-zone{
margin-bottom:60px;}
.cp-cta-banner-responsive-img{top:5rem;}
#cpzx{
text-align: center;margin-top: 14rem;margin-bottom: 5rem;}


#cdse{margin-bottom:10rem;}


@media screen and (max-width:640px){
	#cdse{margin-bottom:5rem;}
    .cp-rse-anchors .anchor-item{display:block;float:left;padding:1rem 0;margin-top:0;border-bottom:1px solid #6d6d6d}
    .cp-rse-anchors{display:block;}
    .cp-rse-anchors .anchor-item .anchor-content .anchor-title{text-align:center;}
      .illust-2+.slide-txt { left: 0px;}
 .cp-slider-vertical-parallax .container-pagination, .teq-container{margin-bottom:0}
 .cp-hp-slider-story{padding:8rem 0 0rem;}
 .cp-image-block-column{margin: 0rem 0 0rem;}
 .cp-hp-rsu{padding:0rem;}
 .slide-txt h3{
 text-align:center;}
 
 .swiper-slide{padding:0rem;}
 
 .mod-banner-with-right-image {
  padding: 0; 
}
 
 .cp-rse-sub-hero{
 margin: 3rem 0 52px;}
 
 .cp-hp-rsu h2{
	padding-left:0;
 }
 .cp-hp-rsu .bottom-content .category {
 
  line-height: 3rem;
  margin-bottom: 2rem;
  font-weight:bold;
}
 #cpzx{
text-align: center;margin-top: 6rem;margin-bottom: 5rem;}

.tpl-grey-txt-img-fullscreen{margin-bottom: 3rem;}
.js-responsive {
  display: block;
}




.cp-edito-group p strong {

  font-size: 2.5rem;
  font-weight: bold;
}

.zone--banner-wall{
margin-bottom:50px;}
.cp-edito-group .-illust-1
{
	height: 20rem;
}
.cp-edito-group{height:79rem;}
}
.ewm{width:100px;margin:0}
.ewm img{  margin-right: 2rem;}