.page-homepage #block-system-main { background-color: #000000; }
.page-homepage .block-social-inactive-mobile { display: none; }
.page-homepage .homepage-header-slider { width: 100%; }
.page-homepage .homepage-header-slider .field-name-field-slide-text { top: 28%; color: #FFFFFF; -webkit-backface-visibility: hidden; }
.page-homepage .homepage-header-slider .field-name-field-slide-text .field-item { -webkit-backface-visibility: hidden; }
.page-homepage .homepage-header-slider .field-name-field-slide-text .field-item:nth-of-type(1) { line-height: 20px; font-family: "Eurostile LT W01 Conden1391150", Verdana, sans-serif; font-size: 16px; margin-bottom: -4px; }
.page-homepage .homepage-header-slider .field-name-field-slide-text .field-item:nth-of-type(1) .icon-news, .page-homepage .homepage-header-slider .field-name-field-slide-text .field-item:nth-of-type(1) .icon-race { display: inline-block; width: 24px; height: 24px; margin-bottom: -6px; padding-right: 6px; background-image: url("../images/icon-news.png"); background-repeat: no-repeat; background-position: left center; }
.page-homepage .homepage-header-slider .field-name-field-slide-text .field-item:nth-of-type(1) .icon-race { background-image: url("../images/icon-race.png"); }
.page-homepage .homepage-header-slider .field-name-field-slide-text .field-item:nth-of-type(2) { text-transform: uppercase; font-family: "Eurostile LT W01 Demi O1391158", Verdana, sans-serif; font-size: 40px; line-height: 40px; padding-top: 40px; position: relative; }
.page-homepage .homepage-header-slider .field-name-field-slide-text .field-item:nth-of-type(2):after { content: ''; position: absolute; top: 20px; left: 50%; margin-left: -13px; height: 2px; width: 26px; background-color: #FFFFFF; }
.page-homepage .homepage-header-slider .field-name-field-slide-link { top: 53%; }
.page-homepage .homepage-header-slider .field-name-field-slide-link a { display: inline-block; position: relative; z-index: 1; height: 13px; line-height: 13px; font-size: 12px; padding: 10px 58px 10px 20px; color: #FFFFFF; border: 1px solid #BAA370; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.page-homepage .homepage-header-slider .field-name-field-slide-link a:after { content: ""; z-index: -1; position: absolute; right: 0px; top: 0px; width: 58px; height: 33px; background-image: url("../images/fleche-white.svg"); background-repeat: no-repeat; background-position: center; }
.page-homepage .homepage-header-slider .field-name-field-slide-link a::before { content: ''; position: absolute; top: -4px; left: -4px; width: 100%; height: 100%; border: 4px solid #BAA370; z-index: -1; border-radius: inherit; opacity: 0; -moz-transform: scale3d(0.3, 0.3, 1); -ms-transform: scale3d(0.3, 0.3, 1); -webkit-transform: scale3d(0.3, 0.3, 1); transform: scale3d(0.3, 0.3, 1); -moz-transition: -moz-transform 0.3s, opacity 0.3s; -o-transition: -o-transform 0.3s, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -moz-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); -o-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }
.page-homepage .homepage-header-slider .field-name-field-slide-link a:hover { background-color: #BAA370; color: #FFFFFF; }
.page-homepage .homepage-header-slider .field-name-field-slide-link a:hover:before { -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; }
.page-homepage .homepage-header-slider .flex-control-paging { top: 60%; }
.page-homepage .block-social-active ul { width: 960px; margin: 0 auto 80px; }
.page-homepage .block-social-inactive-mobile ul.stream { width: 640px; margin: 0 auto 80px; }
.page-homepage .block-social-inactive-mobile ul.stream li { display: inline-block; width: 50%; padding-bottom: 33.59375%; }
.page-homepage .block-social-inactive ul { width: 310px; margin-left: 10px; height: 645px; overflow: hidden; }
.page-homepage .region-two-66-33-top .node-block-sponsors { position: relative; width: 100%; max-width: 960px; margin: -50px auto 40px; font-size: 0; z-index: 210; text-align: center; }
.page-homepage .region-two-66-33-top .node-block-sponsors .img-wrapper { width: 33%; display: inline-block; text-align: center; }
.page-homepage .region-two-66-33-top .node-block-sponsors .img-wrapper img { display: inline-block; vertical-align: middle; }
.page-homepage .region-two-66-33-middle { background-image: url("../images/homepage-background-news.png"); background-position: bottom center; padding-bottom: 350px; margin-bottom: -180px; -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-perspective: 1000; -webkit-backface-visibility: hidden; }
.page-homepage .region-two-66-33-bottom .block-fleet-bottom-mobile { display: none; }
.page-homepage .view-homepage-block-news .item-list { position: relative; }
.page-homepage .view-homepage-block-news .item-list ul li { margin: 0px; }
.page-homepage .view-homepage-block-news .item-list .flex-control-paging { bottom: -20px; padding-left: 20px; text-align: left; box-sizing: border-box; }
.page-homepage .node-block-text-image { position: relative; z-index: 1; }
.page-homepage .node-block-text-image .field-name-field-block-ti-image { position: absolute; top: 0px; left: 0px; -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; }
.page-homepage .node-block-text-image .field-name-field-block-ti-image img, .page-homepage .node-block-text-image .field-name-field-block-ti-background-image img { width: 100%; }
.page-homepage .node-block-text-image .block-text { position: absolute; width: 25%; top: 0; padding-top: 11%; left: 60%; }
.page-homepage .node-block-text-image .block-text .field-name-field-block-ti-texte .field-item { color: #BAA370; text-transform: uppercase; }
.page-homepage .node-block-text-image .block-text .field-name-field-block-ti-texte .field-item:nth-of-type(1) { font-family: "Eurostile LT W01 Conden1391150", Verdana, sans-serif; font-size: 16px; line-height: 36px; position: relative; }
.page-homepage .node-block-text-image .block-text .field-name-field-block-ti-texte .field-item:nth-of-type(1):after { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 26px; background-color: #BAA370; }
.page-homepage .node-block-text-image .block-text .field-name-field-block-ti-texte .field-item:nth-of-type(2) { font-family: "Eurostile LT W01 Demi O1391158", Verdana, sans-serif; padding-top: 30px; font-size: 38px; line-height: 38px; }
.page-homepage .node-block-text-image .block-text .field-name-field-block-ti-texte .field-item:nth-of-type(3) { color: rgba(0, 0, 0, 0.6); font-size: 12px; text-transform: initial; padding-top: 20px; }
.page-homepage .node-block-text-image .block-text .field-name-field-block-ti-link a { display: block; position: relative; z-index: 1; margin-top: 20px; height: 13px; line-height: 13px; font-size: 12px; padding: 10px 58px 10px 20px; color: #BAA370; border: 1px solid #BAA370; text-decoration: none; width: 130px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.page-homepage .node-block-text-image .block-text .field-name-field-block-ti-link a:after { content: ""; z-index: -1; position: absolute; right: 0px; top: 0px; width: 58px; height: 33px; background-image: url("../images/fleche-golden.svg"); background-repeat: no-repeat; background-position: center; }
.page-homepage .node-block-text-image .block-text .field-name-field-block-ti-link a::before { content: ''; position: absolute; top: -4px; left: -4px; width: 100%; height: 100%; border: 4px solid #BAA370; z-index: -1; border-radius: inherit; opacity: 0; -moz-transform: scale3d(0.3, 0.3, 1); -ms-transform: scale3d(0.3, 0.3, 1); -webkit-transform: scale3d(0.3, 0.3, 1); transform: scale3d(0.3, 0.3, 1); -moz-transition: -moz-transform 0.3s, opacity 0.3s; -o-transition: -o-transform 0.3s, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -moz-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); -o-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }
.page-homepage .node-block-text-image .block-text .field-name-field-block-ti-link a:hover { background-color: #BAA370; color: #FFFFFF; }
.page-homepage .node-block-text-image .block-text .field-name-field-block-ti-link a:hover:before { -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; }
.page-homepage .node-block-text-image .block-text .field-name-field-block-ti-link a:hover:after { background-image: url("../images/fleche-white.svg"); }
.page-homepage .view-homepage-block-bateau { position: relative; margin-top: -140px; margin-bottom: -21px; }
.page-homepage .view-homepage-block-bateau .item-list .flex-viewport:after { content: ''; width: 32%; height: 100%; background-image: url("../images/boat/diag.svg"); background-repeat: no-repeat; background-size: cover; position: absolute; bottom: 0px; right: 0px; z-index: 100; }
.page-homepage .view-homepage-block-bateau .item-list ul.slides li { margin: 0px; position: relative; }
.page-homepage .view-homepage-block-bateau .item-list ul.slides li .node-boat { background-size: auto 100%; background-position: center top; background-repeat: no-repeat; padding-top: 160px; }
.page-homepage .view-homepage-block-bateau .item-list ul.slides li .node-boat .node-content { position: relative; width: 100%; max-width: 1180px; margin: 0 auto; }
.page-homepage .view-homepage-block-bateau .item-list ul.slides li .node-boat .node-content .texte { position: absolute; top: 60px; left: 30px; width: 270px; }
.page-homepage .view-homepage-block-bateau .item-list ul.slides li .node-boat .node-content .texte > a { display: inline-block; position: relative; z-index: 1; height: 13px; line-height: 13px; font-size: 12px; padding: 10px 58px 10px 20px; color: #FFFFFF; border: 1px solid #BAA370; text-decoration: none; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.page-homepage .view-homepage-block-bateau .item-list ul.slides li .node-boat .node-content .texte > a:after { content: ""; z-index: -1; position: absolute; right: 0px; top: 0px; width: 58px; height: 33px; background-image: url("../images/fleche-white.svg"); background-repeat: no-repeat; background-position: center; }
.page-homepage .view-homepage-block-bateau .item-list ul.slides li .node-boat .node-content .texte > a::before { content: ''; position: absolute; top: -4px; left: -4px; width: 100%; height: 100%; border: 4px solid #BAA370; z-index: -1; border-radius: inherit; opacity: 0; -moz-transform: scale3d(0.3, 0.3, 1); -ms-transform: scale3d(0.3, 0.3, 1); -webkit-transform: scale3d(0.3, 0.3, 1); transform: scale3d(0.3, 0.3, 1); -moz-transition: -moz-transform 0.3s, opacity 0.3s; -o-transition: -o-transform 0.3s, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -moz-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); -o-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }
.page-homepage .view-homepage-block-bateau .item-list ul.slides li .node-boat .node-content .texte > a:hover { background-color: #BAA370; color: #FFFFFF; }
.page-homepage .view-homepage-block-bateau .item-list ul.slides li .node-boat .node-content .texte > a:hover:before { -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; }
.page-homepage .view-homepage-block-bateau .item-list ul.slides li .node-boat .node-content .texte .text-fleet { color: #BAA370; text-transform: uppercase; font-family: "Eurostile LT W01 Conden1391150", Verdana, sans-serif; font-size: 16px; line-height: 36px; position: relative; }
.page-homepage .view-homepage-block-bateau .item-list ul.slides li .node-boat .node-content .texte .text-fleet:after { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 26px; background-color: #BAA370; }
.page-homepage .view-homepage-block-bateau .item-list ul.slides li .node-boat .node-content .texte .field-name-field-boat-name { padding-top: 20px; color: #BAA370; font-family: "Eurostile LT W01 Demi O1391158", Verdana, sans-serif; font-size: 38px; line-height: 38px; }
.page-homepage .view-homepage-block-bateau .item-list ul.slides li .node-boat .node-content .texte .field-name-field-boat-description { padding-top: 10px; padding-bottom: 10px; text-align: justify; color: rgba(255, 255, 255, 0.9); font-size: 12px; }
.page-homepage .view-homepage-block-bateau .item-list ul.slides li .node-boat#node-1 .media-imagemap a.bullet:nth-child(4) span.container, .page-homepage .view-homepage-block-bateau .item-list ul.slides li .node-boat#node-3 .media-imagemap a.bullet:nth-child(4) span.container, .page-homepage .view-homepage-block-bateau .item-list ul.slides li .node-boat#node-3 .media-imagemap a.bullet:nth-child(5) span.container, .page-homepage .view-homepage-block-bateau .item-list ul.slides li .node-boat#node-628 .media-imagemap a.bullet:nth-child(4) span.container, .page-homepage .view-homepage-block-bateau .item-list ul.slides li .node-boat#node-874 .media-imagemap a.bullet:nth-child(5) span.container, .page-homepage .view-homepage-block-bateau .item-list ul.slides li .node-boat#node-875 .media-imagemap a.bullet:nth-child(4) span.container, .page-homepage .view-homepage-block-bateau .item-list ul.slides li .node-boat#node-875 .media-imagemap a.bullet:nth-child(5) span.container, .page-homepage .view-homepage-block-bateau .item-list ul.slides li .node-boat#node-934 .media-imagemap a.bullet:nth-child(5) span.container, .page-homepage .view-homepage-block-bateau .item-list ul.slides li .node-boat#node-945 .media-imagemap a.bullet:nth-child(5) span.container, .page-homepage .view-homepage-block-bateau .item-list ul.slides li .node-boat#node-946 .media-imagemap a.bullet:nth-child(4) span.container, .page-homepage .view-homepage-block-bateau .item-list ul.slides li .node-boat#node-947 .media-imagemap a.bullet:nth-child(4) span.container, .page-homepage .view-homepage-block-bateau .item-list ul.slides li .node-boat#node-947 .media-imagemap a.bullet:nth-child(5) span.container, .page-homepage .view-homepage-block-bateau .item-list ul.slides li .node-boat#node-948 .media-imagemap a.bullet:nth-child(4) span.container, .page-homepage .view-homepage-block-bateau .item-list ul.slides li .node-boat#node-948 .media-imagemap a.bullet:nth-child(5) span.container { top: initial !important; bottom: -36px; }
.page-homepage .view-homepage-block-bateau .flex-navs { width: 100%; max-width: 1120px; margin: 0 auto; position: relative; bottom: 160px; text-align: right; }
.page-homepage .view-homepage-block-bateau .flex-navs .flex-control-paging { width: 160px; margin: 10px 50px; position: absolute; right: 0px; bottom: -13px; display: inline-block; }
.page-homepage .view-homepage-block-bateau .flex-navs .flex-direction-nav { width: 260px; display: inline-block; position: relative; margin: 0; z-index: 201; }
.page-homepage .node-details-social-.block-social-activewall ul.stream { overflow: hidden; }
.page-homepage .node-details-social-.block-social-activewall ul.stream li { width: 33.33333%; height: 215px; padding: 0; }