/* Definima */.alert {    position: relative;    padding: .75rem 1.25rem;    margin-bottom: 1rem;    border: 1px solid transparent;    border-radius: .25rem;}.alert-primary {    color: #004085;    background-color: #cce5ff;    border-color: #b8daff;}.alert-secondary {    color: #383d41;    background-color: #e2e3e5;    border-color: #d6d8db;}.alert-success {    color: #155724;    background-color: #d4edda;    border-color: #c3e6cb;}.alert-danger {    color: #721c24;    background-color: #f8d7da;    border-color: #f5c6cb;}.alert-warning {    color: #856404;    background-color: #fff3cd;    border-color: #ffeeba;}.alert-info {    color: #0c5460;    background-color: #d1ecf1;    border-color: #bee5eb;}/* FONTS */@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700);@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700);html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0; margin-top:120px; padding: 0; font-family: 'Montserrat', sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}b{font-weight: 700;}.hidden-phone{}.hidden-desktop{display:none;}.adaptAd {width:100%;}.adaptAd img{width:100%; height: auto;}.megaBann {padding-top:10px;padding-bottom:10px;}#wallpaper{ min-width: 960px;}/* COLORS */.color-a{color: #ffffff;}.color-a a{color: #ffffff;text-decoration:none;}.color-a a:hover{color: #ffffff;text-decoration:underline;}.color-b{color: #015368;}.color-b a{color: #015368;text-decoration:none;}.color-b a:hover{color: #015368;text-decoration:underline;}.color-c{color: #000;}.color-c a{color: #000;text-decoration:none;}.color-c a:hover{color: #000;text-decoration:underline;}.color-d{color: #66c5de;}.color-d a{color: #66c5de;text-decoration:none;}.color-d a:hover{color: #66c5de;text-decoration:underline;}.without-underline a{text-decoration:none;}.without-underline a:hover{text-decoration:none;}h1, h2, h3, h4, h5, h6 {    margin: 0;    padding: 0;}h1{color:#015368;}.big{ font-size: 38px; text-shadow: 1px 1px 3px #333; color:#ff6600}a:hover{cursor: pointer;}/*POSITIONNEMENT*/.with-margin-topbottom{ margin-top:10px; margin-bottom:10px;}.with-padding-topbottom{ padding-top:10px; padding-bottom:10px;}.with-padding-topbottom-5{ padding-top:5px; padding-bottom:5px;}.with-padding-topbottom-7{ padding-top:7px; padding-bottom:7px;}.with-padding-leftright{ padding-left:10px; padding-right:10px;}.with-padding{ padding:10px;}.with-padding-vertical{ padding:15px;}.with-padding-5{ padding:5px;}.with-margin{ margin:10px;}.with-margin-left-15{ margin-left:15px;}.with-margin-right-15{ margin-right:15px;}.with-margin-top-20{ margin-top:20px;}.block iframe{ display:block; padding: 0; margin: 0;vertical-align: top;}.block img{ display:block; padding: 0; margin: 0;vertical-align: top;}.text-center{ text-align: center; }.text-right{ text-align: right; }.text-left{ text-align: left; }.uppercase{ text-transform: uppercase; }.mwidth{ max-width: 100%; overflow: hidden; background: #efefef;}/* FOLLOW US */.followus{ color: #fff; text-align: left; }.followus .round{ font-size: 13px; text-align: center; width:17px; height: 17px; display: inline-block; border-radius:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; color:#ffffff;}.followus .round:hover{background: #66c5de;}.followus .round.black{ -webkit-transition: 0.3s; transition: 0.3s; background: #015368;color: #fff;}.followus .round.black:hover{ background: #66c5de;color: #fff;}.followus .round.grey{ -webkit-transition: 0.3s; transition: 0.3s; background: #888888;color: #fff;}.followus .round.grey:hover{ color: #fff;}/* BACKGROUND */.bg-gris{ background: #efefef; }.bg-blanc{ background: #ffffff; }.bg-noir{ background: #000000; }/* COLORS */.color-green{ color: #0ecb00; }.color-orange{ color: #666666; }.color-red{ color: #666666; }/* TITLE BLOC */.title-blue{background: #015368; color: #ffffff; font-size: 12px; color: #ffffff; padding: 5px 0px 5px 0px; font-weight: 700; text-transform: uppercase;}.title-blue a{color: #ffffff; text-decoration: none;}.title-blue a:hover{color: #ffffff; text-decoration: underline;}.title-grey{background: #888888; color: #ffffff; font-size: 12px; color: #ffffff; padding: 5px 0px 5px 0px; font-weight: 700; text-transform: uppercase;}.title-grey a{color: #ffffff; text-decoration: none;}.title-grey a:hover{color: #ffffff; text-decoration: underline;}/* LINE */.line-bottom-blue{ border-bottom: 4px solid #015368; }/* TOP ET HEADER */header{ }.navbar-tcms{ -webkit-transition: 0.5s; transition: 0.5s; position:fixed; z-index:1000; padding:0px; margin: 0; top:0; display: block; width:100%;-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6); }.navbar-tcms #logoTop{ -webkit-transition: 0.5s; transition: 0.5s; }.navbar-tcms #logoTopSmall{ -webkit-transition: 0.5s; transition: 0.5s; height: 40px; margin-top:5px; display: none; }.navbar-tcms .followus{ -webkit-transition: 0.5s; transition: 0.5s; margin-top: 12px; text-align: right; }.navbar-tcms .menu { padding: 0; margin:0; list-style-type: none; display: inline-block; height: 25px; float: left; margin-top: 8px; }.navbar-tcms .menu li{ float:left; margin-left: 2px; background: #000; height: 25px; position:relative; min-width:108px; text-align: center; text-transform: uppercase; }.navbar-tcms .menu li i{ min-width:20px; }.navbar-tcms .menu li a{ -webkit-transition: 0.3s; transition: 0.3s; background: #888888; color: #ffffff; font-size: 12px; width: 100%; height: calc(100% - 5px); padding-top: 5px; display: block;}.navbar-tcms .menu li a:hover{ background: #015368; color: #ffffff; }.navbar-tcms .menu li.active{ background: #015368; color: #ffffff; }.navbar-tcms .menu li.active a{ background: #015368; color: #ffffff; }.navbar-tcms .menu li.active a:hover{ background: #015368; color: #ffffff; }.navbar-tcms .menu li a.special{ -webkit-transition: 0.3s; transition: 0.3s; background: #66c5de; }.navbar-tcms .menu li a.special:hover{ background: #015368; color: #ffffff; }.navbar-tcms .menu .ss-menu{ padding: 0; margin:0; list-style-type: none; display: none; }.navbar-tcms .menu .ss-menu li{ float:none; background: #000; height: 25px; width: 100%; margin-left: 0px; z-index: 9999999; text-align: left;text-transform: none; }.navbar-tcms .menu .ss-menu li a{ -webkit-transition: 0.3s; transition: 0.3s; background: #888888; color: #ffffff; font-size: 12px; height: calc(100% - 5px); padding-top: 5px; display: block;}.navbar-tcms .menu .ss-menu li a:hover{ background: #015368; color: #ffffff; }.navbar-tcms .menu .ss-menu li.active{  }.navbar-tcms .menu .ss-menu li.active a{  }.navbar-tcms .menu .ss-menu li.active a:hover{  }.navbar-tcms .menu .ss-menu li a.special{ -webkit-transition: 0.3s; transition: 0.3s; background: #66c5de; }.navbar-tcms .menu .ss-menu li a.special:hover{ background: #015368; color: #ffffff; }.navbar-tcms.floatable{ border-top: 0; padding-bottom: 0px; -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6); }.navbar-tcms.floatable .line-forecast-container { display: none; }.navbar-tcms.floatable .menu { margin-top: 12px; }.navbar-tcms.floatable #logoTop { display: none; }.navbar-tcms.floatable #logoTopSmall { display: block; }.navbar-tcms.floatable .lineSpace { height: 6px; }.navbar-tcms.floatable .followus{ display: none; }/* RECHERCHE */.navbar-tcms .div-search{background-color: #fff; color: #fff; display: none; position: absolute; text-align: center; text-transform: uppercase; top: 12px;}.navbar-tcms.floatable .div-search{display: none!important;}.navbar-tcms .div-search form{height: 100%; margin-left: auto; margin-right: auto; width: 100%;}.navbar-tcms .search{color: #015368; display: inline-block; float: left; font-family: 'DINCondLight'; font-size: 13px; margin: 0; padding-top: 4px; width: 20%;}.navbar-tcms .button-search{color: #015368; display: inline-block; float: left; font-family: 'DINCondLight'; font-size: 13px; margin: 0; padding-top: 4px; width: 10%;}.navbar-tcms .button-search a{color: #015368;}.navbar-tcms .button-search a:hover{color: #015368;}.navbar-tcms .input-search{border: 1px solid #015368; border-radius: 0px; color: #015368; display: inline-block; float: left; height: 15px; margin: 2px 0 0 2px; padding: 0 0 0 10px; width: calc(90% - 22px);}/* BREADCRUMB */.breadcrumb{ padding: 0; margin:0; list-style-type: none; position: relative; height: 30px; background: #efefef; overflow: hidden;}.breadcrumb li{ float: left;}.breadcrumb li.separ{ padding-right: 5px; padding-left: 5px; color: #888888; font-size: 18px; height: 26px; padding-top: 4px; }.breadcrumb li.bread { padding-right: 10px; padding-left: 10px; -webkit-transition: 0.3s; transition: 0.3s; color: #015368; font-size: 14px; height: 24px; padding-top: 6px; text-decoration: none;}.breadcrumb li.bread a{ -webkit-transition: 0.3s; transition: 0.3s; color: #015368; height: 100%; display: block; text-decoration: none;}.breadcrumb li.bread:hover{ color: #66c5de; text-decoration: none;}.breadcrumb li.bread:hover a{ color: #66c5de; text-decoration: none;}/* MENU MATOS BAR */.menuMatosBarContainer{position: relative; display: flex;}.menuMatosBarContainer ul {font-size: 12px; font-weight: 700; padding: 0; margin:0; list-style-type: none; display: inline-block; float: left; text-transform: uppercase; width: 100%;}.menuMatosBarContainer ul li{border-right: 2px solid #fff; float:left; height: 25px; background: #fff; width: calc(100% / 5 - 43px); text-align: center; }.menuMatosBarContainer ul li:last-child{border-right: 0; width: calc(100% / 5);}.menuMatosBarContainer ul li a{ -webkit-transition: 0.3s; transition: 0.3s; background: #888888; color: #fff; font-size: 12px; width: 100%; height: calc(100% - 5px); padding-top: 5px; display: block; text-decoration: none;}.menuMatosBarContainer ul li a:hover{ background: #888; color: #ffffff; text-decoration: none;}.menuMatosBarContainer ul li .active{ -webkit-transition: 0.3s; transition: 0.3s; background: #66c5de; color: #fff; font-size: 12px; width: 100%; height: calc(100% - 5px); padding-top: 5px; display: block; text-decoration: none;}.menuMatosBarContainer ul li .active:hover{ background: #888; color: #ffffff; text-decoration: none;}/*.menuMatosBarContainer{position: relative; display: flex;}.menuMatosBarContainer ul {font-size: 12px; font-weight: 700; padding: 0; margin:0; list-style-type: none; display: inline-block; float: left; text-transform: uppercase; width: 100%;}.menuMatosBarContainer ul li{border-right: 2px solid #fff; float:left; height: 40px; background: #fff; width: calc(100% / 5 - 2px); text-align: center; }.menuMatosBarContainer ul li:last-child{border-right: 0; width: calc(100% / 5);}.menuMatosBarContainer ul li a{ -webkit-transition: 0.3s; transition: 0.3s; background: #66c5de; color: #fff; font-size: 18px; width: 100%; height: calc(100% - 10px); padding-top: 10px; display: block; text-decoration: none;}.menuMatosBarContainer ul li a:hover{ background: #015368; color: #ffffff; text-decoration: none;}.menuMatosBarContainer ul li .active{ -webkit-transition: 0.3s; transition: 0.3s; background: #888888; color: #fff; font-size: 18px; width: 100%; height: calc(100% - 10px); padding-top: 10px; display: block; text-decoration: none;}.menuMatosBarContainer ul li .active:hover{ background: #015368; color: #ffffff; text-decoration: none;}*//* SEARCH BAR */.searchBarContainer{position: relative; display: flex;}.searchBarContainer .searchBarLabel{ background: #66c5de; padding: 7px 10px 0 10px; height: 23px; color: #ffffff; font-size: 12px; text-transform: uppercase;}.searchBarInputContainer{flex:1; width: auto;}.searchBarInput{ padding:12px; width: calc(100% - 10px); font-size:13px; text-align:left; border:1px solid #888888; border-left:0; border-right:0; outline:0; padding: 3px 5px 3px 5px; height: 22px; -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px; -webkit-appearance: none; -moz-appearance:    none; appearance:         none; }.searchBarInput:focus { border:1px solid #66c5de;border-left:0; border-right:0; outline:0; -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}.searchBarInput::-webkit-input-placeholder {color:    #888;opacity:  1;}.searchBarInput:-moz-placeholder {color:    #888;opacity:  1;}.searchBarInput::-moz-placeholder {color: #888;opacity:  1;}.searchBarInput:-ms-input-placeholder {color: #888;}.searchBarContainer .searchBarIcon{font-size: 18px; background: #66c5de; text-align: center; width:30px; height: 27px; padding-top: 3px; color:#ffffff; cursor: pointer;}.searchBarContainer .searchBarIcon a{color:#ffffff; text-decoration: none;}.searchBarContainer .searchBarIcon a:hover{color:#ffffff; text-decoration: none;}/* SEARCH BAR SURFBOARDS */.searchBarMatos{flex:1; width: auto;}.searchBarMatos img{display: inline-block; float: left; height: 30px;}.searchBarMatos select{display: inline-block; float: left; width: calc((100% - 120px) / 4);}/* SEARCH BAR STAND-UP */.searchBarMatosStandUp{flex:1; width: auto;}.searchBarMatosStandUp img{display: inline-block; float: left; height: 30px;}.searchBarMatosStandUp select{display: inline-block; float: left; width: calc((100% - 120px) / 5);}/* SEARCH BAR SPOT */.searchBarContainer.spot{ }.searchBarContainer.spot .searchBarInput{ padding: 0px 5px 0px 5px; height: 23px; }.searchBarContainer.spot .searchBarLabel{ padding: 5px 10px 0 10px; height: 20px; }.searchBarContainer.spot .searchBarIcon{ padding: 3px 5px 0 5px; height: 22px; }/* MENU SPOT BAR */.menu-spot-container{position: relative; display: flex;}.menu-spot-container ul {font-size: 12px; font-weight: 700; padding: 0; margin:0; list-style-type: none; display: inline-block; float: left; text-transform: uppercase; width: 100%;}.menu-spot-container ul li{border-right: 2px solid #fff; float:left; height: 25px; background: #fff; width: calc(100% / 4 - 2px); text-align: center; }.menu-spot-container ul li:last-child{border-right: 0; width: calc(100% / 4);}.menu-spot-container ul li a{ -webkit-transition: 0.3s; transition: 0.3s; background: #888888; color: #fff; font-size: 12px; width: 100%; height: 100%; display: inline-block; text-decoration: none;}.menu-spot-container ul li a:hover{ background: #66c5de; color: #ffffff; text-decoration: none;}.menu-spot-container ul li .active{ -webkit-transition: 0.3s; transition: 0.3s; background: #66c5de; color: #fff; font-size: 12px; width: 100%; height: 100%; display: inline-block; text-decoration: none;}.menu-spot-container ul li .active:hover{ background: #66c5de; color: #ffffff; text-decoration: none;}.menu-spot-container ul li img{}.menu-spot-container ul li a span{display: inline-block; padding-top:5px;}/* MENU LINE */.line-forecast-container{position:relative; }.line-forecast{ margin: 0; padding: 0; position: relative; list-style-type: none; font-size: 13px; font-weight: 300; height: 21px; width: 100%;}.line-forecast li{ float:left; height: 19px; padding-top: 3px; padding-left: 6px; padding-right: 6px; border-right: 1px solid #888888; color: #888888; }.line-forecast li:first-child{ border-right: 0px; }.line-forecast li:last-child{ border-right: 0px; padding-right: 0px; }.line-forecast li img.weather{ display: block; margin-top: -5px; }.line-forecast li.line-forecast-poi{ background: #015368; color: #ffffff; font-size: 13px; height: 20px; padding-top: 2px; padding-left: 8px; padding-right: 8px; width: 175px; }.line-forecast li b{ color: #015368; font-size: 13px; text-transform: uppercase; }.line-forecast li.line-forecast-poi b a{ color: #ffffff; text-decoration: none; }.line-forecast li b a{ color: #015368; text-decoration: none; }/* LISTE MARQUE PAGE PRODUIT */.list-brand-product{}.list-brand-product ul{list-style-type: none; margin: 0; padding: 0;}.list-brand-product ul li{display: inline-block; height: 94.66px; width: calc((100% - 10px) / 3);}/* CARDS */.card{overflow: hidden; cursor: pointer; width: 100%; height: 100%; position: relative; text-align: center; }.card.simple .cover{ position: relative; display: block; overflow: hidden; width: 100%; height: 100%; }.card.simple .cover .cover-img{ width: 100%; height: 100%; }.card.simple .cover .cover-icon{ -webkit-transition: 0.5s; transition: 0.5s; text-align: center; z-index: 998; position: absolute; top:calc(50% - 50px); margin-left: calc(50% - 20px); font-size: 22px; color: #015368; background: #ffffff; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; width: 34px; height: 30px; padding-top: 5px; padding-left: 1px;  }.card.simple .card-content{ -webkit-transition: 0.5s; transition: 0.5s; position:absolute; width: calc(100% - 20px); padding: 5px 10px 5px 10px; bottom: 0; height: 60px; background: #e8e8e8; z-index: 997; }.card.simple .card-content .date{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 11px; color: #888888; margin-bottom: 3px; }.card.simple .card-content .title{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 14px; font-weight: 700; }.card.simple .card-content .title-bis{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 14px; font-weight: 700; display:none; }.card.simple .card-content .title a{ color: #000000; text-decoration: none; }.card.simple .card-content .title-bis a{ color: #ffffff; text-decoration: none; }.card.simple .card-content .subTitle{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 13px; font-weight: 300; color: #000000; }.card.simple .card-content .subTitle-bis{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 13px; font-weight: 300; color: #000000; display:none; }.card.simple.surfcamp .card-content{ height: 50px; }.card.simple.surfcamp.payoption{height: 60px; }.card.simple.surfcamp.payoption .card-content .title{padding-top: 5px; }.card.simple.surfcamp.payoption:hover .card-content{ height: 60px; padding-top: 0px; background: #e8e8e8; }.card.simple.surfcamp.payoption:hover .card-content .title{ display:block;padding-top: 5px; }.card.simple.surfcamp.payoption:hover .card-content .title-bis{ display:none; }.card.simple.surfcamp.payoption:hover .card-content .subTitle{ display:block; }.card.simple.surfcamp.payoption:hover .card-content .subTitle-bis{ display:none; }.card.simple.surfguide .card-content{ height: 50px; }.card.simple.surfguide.payoption{height: 60px; }.card.simple.surfguide.payoption .card-content .title{padding-top: 5px; }.card.simple.surfguide.payoption:hover .card-content{ height: 60px; padding-top: 0px; background: #e8e8e8; }.card.simple.surfguide.payoption:hover .card-content .title{ display:block;padding-top: 5px; }.card.simple.surfguide.payoption:hover .card-content .title-bis{ display:none; }.card.simple.surfguide.payoption:hover .card-content .subTitle{ display:block; }.card.simple.surfguide.payoption:hover .card-content .subTitle-bis{ display:none; }.card.simple-home-mobile .cover{ position: relative; display: block; overflow: hidden; width: 100%; height: 100%; }.card.simple-home-mobile .cover .cover-img{ width: 100%; height: 100%; }.card.simple-home-mobile .cover .cover-icon{ -webkit-transition: 0.5s; transition: 0.5s; text-align: center; z-index: 998; position: absolute; top:calc(50% - 50px); margin-left: calc(50% - 20px); font-size: 22px; color: #015368; background: #ffffff; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; width: 34px; height: 30px; padding-top: 5px; padding-left: 1px;  }.card.simple-home-mobile .card-content{ -webkit-transition: 0.5s; transition: 0.5s; position:absolute; width: calc(100% - 10px); padding: 5px; bottom: 0; height: 60px; background: #e8e8e8; z-index: 997; }.card.simple-home-mobile .card-content .date{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 11px; color: #888888; margin-bottom: 3px; }.card.simple-home-mobile .card-content .title{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 12px; font-weight: 700; }.card.simple-home-mobile .card-content .title-bis{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 14px; font-weight: 700; display:none; }.card.simple-home-mobile .card-content .title a{ color: #000000; text-decoration: none; }.card.simple-home-mobile .card-content .title-bis a{ color: #ffffff; text-decoration: none; }.card.simple-home-mobile .card-content .subTitle{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 13px; font-weight: 300; color: #000000; }.card.simple-home-mobile .card-content .subTitle-bis{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 13px; font-weight: 300; color: #000000; display:none; }.card.div-list-brand-product .cover{back/ground: #e8e8e8; border: 1px solid #e8e8e8; position: relative; display: block; overflow: hidden; width: calc(100% - 2px); height: calc(100% - 2px);}.card.div-list-brand-product .cover .cover-img{ width: 100%; height: 100%; }.card.brand .cover{background: #e8e8e8; position: relative; display: block; overflow: hidden; width: 100%; height: 100%; }.card.brand .cover .cover-img{ -webkit-transition: 0.5s; transition: 0.5s; width: 100%; height: 100%; }.card.brand .cover .cover-img-bis{ -webkit-transition: 0.5s; transition: 0.5s; width: 100%; height: 100%; display: none; }.card.brand .card-content{ -webkit-transition: 0.5s; transition: 0.5s; position:absolute; width: 100%; bottom: 0; line-height: 15px; z-index: 997; }.card.brand .card-content .title{-webkit-transition: 0.5s; display: none; transition: 0.5s; font-size: 14px; font-weight: 700; text-transform: uppercase; text-shadow: 0px 1px 3px #000000;  }.card.brand .card-content .title a{ color: #fff; text-decoration: none; }.card.brand .card-content .title:after{ -webkit-transition: 0.5s; transition: 0.5s; content: ""; display: block; height:0; background: #ffffff; margin: auto; margin-top:5px; margin-bottom:10px; width: 40px; }.div-brand-products{display: inline-block; float: left; height: 700px; overflow: hidden; width: calc(100% - 80px);}.div-brand-products-contain{display: block; height: 700px; overflow: hidden; width: 2287px;}.div-brand-products-contain div:last-children .brand-product .card-content{border-right: 0;}#slide-brand-products .arrow { cursor: pointer; display: inline-block; float: left; height: 700px; width: 40px; }#slide-brand-products .arrow svg{margin: 330px 5px 0;}#slide-brand-products .arrow.left:hover polyline,#slide-brand-products .arrow.left:focus polyline,#slide-brand-products .arrow.right:hover polyline,#slide-brand-products .arrow.right:focus polyline{ stroke:rgba(85,85,85,1); stroke-width:3; }.product-3-pictures{display: inline; float: left; height: 100%; width: 30%;}.product-3-pictures .picture-product{width: 100%;}.product-3-pictures .picture-product img{height: 150px;}.card.product .cover{position: relative; display: block; overflow: hidden; width: calc(100% - 20px); height: 500px; padding: 0 10px;}.card.product .cover .cover-img{ height: 500px; }.card.brand-product .cover{position: relative; display: block; overflow: hidden; width: calc(100% - 20px); height: 700px; padding: 0 10px;}.card.brand-product .cover .cover-img{ height: 480px; }.card.brand-product .card-content{ -webkit-transition: 0.5s; transition: 0.5s; position:absolute; width: calc(100% - 11px); padding: 0 10px 5px 0; bottom: 0; height: 200px; z-index: 997; border-right: 1px solid rgba(85, 85, 85, 0.2); text-align: left;}.card.brand-product .card-content .title{-webkit-transition: 0.5s; color: #888888; height: 32px; transition: 0.5s; font-size: 13px; font-weight: 700; padding-bottom: 5px; text-transform: uppercase;}.card.brand-product .card-content .descro{-webkit-transition: 0.5s; color: #888888; height: 130px; transition: 0.5s; font-size: 11px; overflow-y: auto; padding: 5px 5px 0 0; text-align: justify;}.card.brand-product .card-content .price{display : none; -webkit-transition: 0.5s; color: rgba(85, 85, 85, 0.6); transition: 0.5s; font-size: 11px; padding: 10px 5px 5px 0; text-transform: uppercase;}.card.brand-product .card-content .url{display : none;-webkit-transition: 0.5s; color: rgba(85, 85, 85, 0.6); transition: 0.5s; font-size: 11px; font-weight: 700; padding: 5px 5px 0 0;}.card.brand-product .card-content .url a{color: rgba(85, 85, 85, 0.6); text-decoration: underline;}.card.brand-product .card-content .url a:hover{color: rgba(85, 85, 85, 0.6); text-decoration: underline;}.card.brand-product .card-content .button a{-webkit-transition: 0.5s; transition: 0.5s; text-decoration: none; text-transform: uppercase; background: #015368; color: #ffffff; font-size: 14px; width: 100%; height: calc(100% - 5px); padding-top: 5px; margin-top: 5px; padding-bottom: 5px; display: block; text-align: center;}.card.brand-product .card-content .button a:hover{ background: #66c5de; text-decoration: none;}.div-search-products{display: inline-block; float: left; height: 750px; overflow: hidden; width: 100%;}.card.search-product .cover{position: relative; display: block; overflow: hidden; width: calc(100% - 20px); height: 750px; padding: 0 10px;}.card.search-product .cover .cover-img{ height: 480px; }.card.search-product .card-content{ -webkit-transition: 0.5s; transition: 0.5s; position:absolute; width: calc(100% - 21px); padding: 0 10px 5px 10px; bottom: 0; height: 245px; z-index: 997; border-right: 1px solid rgba(85, 85, 85, 0.2); text-align: left;}.card.search-product .card-content .title{-webkit-transition: 0.5s; border-bottom: 5px solid #888; color: #888888; transition: 0.5s; font-size: 13px; font-weight: 700; padding: 10px 5px 10px 0; text-transform: uppercase; width: calc(100% - 5px);}.card.search-product .card-content .title-product{-webkit-transition: 0.5s; border-bottom: 1px solid rgba(85, 85, 85, 0.2); color: #888888; height: 37px; transition: 0.5s; font-size: 13px; font-weight: 700; padding: 5px 0; text-transform: uppercase;}.card.search-product .card-content .price{display : none;}.card.search-product .card-content .url{display : none;}.card.search-product .card-content .detail{-webkit-transition: 0.5s; color: rgba(85, 85, 85, 0.6); transition: 0.5s; font-size: 11px; padding: 9px 5px 8px 0; width: calc(100% - 10px);}.card.search-product .card-content .detail-border-bottom{-webkit-transition: 0.5s; border-bottom: 1px solid rgba(85, 85, 85, 0.2); color: rgba(85, 85, 85, 0.6); transition: 0.5s; font-size: 11px; padding: 9px 5px 8px 0; width: calc(100% - 10px);}.card.search-product-last .card-content{border-right: 0;}.card.search-product .card-content .button a{-webkit-transition: 0.5s; transition: 0.5s; text-decoration: none; text-transform: uppercase; background: #015368; color: #ffffff; font-size: 14px; width: 100%; height: calc(100% - 5px); padding-top: 5px; margin-top: 5px; padding-bottom: 5px; display: block; text-align: center;}.card.search-product .card-content .button a:hover{ background: #66c5de; text-decoration: none;}.card.report .cover{ position: relative; display: block; overflow: hidden; width: 100%; height: 100%; }.card.report .cover .cover-img{ width: 100%; height: 100%; }.card.report .cover .cover-icon{ -webkit-transition: 0.5s; transition: 0.5s; text-align: center; z-index: 998; position: absolute; top:calc(50% - 37px); margin-left: calc(50% - 20px); font-size: 22px; color: #015368; background: #ffffff; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; width: 34px; height: 30px; padding-top: 5px; padding-left: 1px;  }.card.report .card-content{ -webkit-transition: 0.5s; transition: 0.5s; position:absolute; width: calc(100% - 20px); padding: 7px 10px 5px 10px; bottom: 0; height: 33px; background: #888888; z-index: 997; }.card.report .card-content .date{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 11px; color: #FFFFFF; margin-bottom: 5px; }.card.report .card-content .title{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 13px; font-weight: 700; text-transform: uppercase; }.card.report .card-content .title-bis{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 13px; font-weight: 700; display:none; text-transform: uppercase; }.card.report .card-content .title a{ color: #FFFFFF; text-decoration: none; }.card.report .card-content .title-bis a{ color: #ffffff; text-decoration: none; }.card.webcam .cover{ position: relative; display: block; overflow: hidden; width: 100%; height: 100%; }.card.webcam .cover .cover-img{ width: 100%; height: 100%; }.card.webcam .cover .cover-icon{ -webkit-transition: 0.5s; transition: 0.5s; text-align: center; z-index: 998; position: absolute; top:calc(50% - 37px); margin-left: calc(50% - 20px); font-size: 22px; color: #015368; background: #ffffff; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; width: 34px; height: 30px; padding-top: 5px; padding-left: 1px;  }.card.webcam .card-content{ -webkit-transition: 0.5s; transition: 0.5s; position:absolute; width: calc(100% - 20px); padding: 7px 10px 5px 10px; bottom: 0; height: 33px; background: #888888; z-index: 997; }.card.webcam .card-content .date{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 11px; color: #FFFFFF; margin-bottom: 5px; }.card.webcam .card-content .title{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 13px; font-weight: 700; text-transform: uppercase; }.card.webcam .card-content .title-bis{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 13px; font-weight: 700; display:none; text-transform: uppercase; }.card.webcam .card-content .title a{ color: #FFFFFF; text-decoration: none; }.card.webcam .card-content .title-bis a{ color: #ffffff; text-decoration: none; }.card.spot .cover{ position: relative; display: block; overflow: hidden; width: 100%; height: 100%; }.card.spot .cover .cover-img{ width: 100%; height: 100%; }.card.spot .cover .cover-icon{ -webkit-transition: 0.5s; transition: 0.5s; text-align: center; z-index: 998; position: absolute; top:calc(50% - 37px); margin-left: calc(50% - 20px); font-size: 22px; color: #015368; background: #ffffff; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; width: 34px; height: 30px; padding-top: 5px; padding-left: 1px;  }.card.spot .card-content{ -webkit-transition: 0.5s; transition: 0.5s; position:absolute; width: calc(100% - 20px); padding: 7px 10px 5px 10px; bottom: 0; height: 33px; background: #888888; z-index: 997; }.card.spot .card-content .date{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 11px; color: #FFFFFF; margin-bottom: 5px; }.card.spot .card-content .title{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 13px; font-weight: 700; text-transform: uppercase; }.card.spot .card-content .title-bis{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 13px; font-weight: 700; display:none; text-transform: uppercase; }.card.spot .card-content .title a{ color: #FFFFFF; text-decoration: none; }.card.spot .card-content .title-bis a{ color: #ffffff; text-decoration: none; }.card.spot.weather .cover{ position: relative; display: block; overflow: hidden; width: 100%; height: 100%; }.card.spot.weather .cover .cover-weather{ width: 100%; height: 100%; background: #e8e8e8; }.card.spot.weather .cover .cover-weather .waves{ width: calc(100% - 10px); padding: 5px; text-align: center; }.card.spot.weather .cover .cover-weather .waves .wave{ margin-top: 10px; margin-bottom: 10px; font-size: 22px; font-weight: 700; line-height: 22px; color: #888888; }.card.spot.weather .cover .cover-weather .waves .wave span{color: #015368; font-size: 26px;}.card.spot.weather .cover .cover-weather .waves .wave .stars{ color: #015368; font-size: 22px; font-weight: 700; margin-top: 10px; margin-bottom: 15px; display: block; }.card.spot.weather .cover .cover-weather .waves .element-container{ color: #015368; text-align: left;}.card.spot.weather .cover .cover-weather .waves .element-container .element-title{ text-align: center; width: 50px; display: inline-block; height: 100%; background: #888888; padding: 3px 5px 3px 5px; color:#fff; font-size: 13px; margin-bottom: 3px;}.card.spot.weather .cover .cover-weather .waves .element-container .element{ padding: 0px 0 0 5px; }.card.spot.weather .cover .cover-weather .waves .element-container .element span{color: #888888; font-size: 12px;}.card.spot.weather .card-content{ -webkit-transition: 0.5s; transition: 0.5s; position:absolute; width: calc(100% - 20px); padding: 7px 10px 5px 10px; bottom: 0; height: 33px; background: #888888; z-index: 998; }.card.spot.weather .card-content .date{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 11px; color: #FFFFFF; margin-bottom: 5px; }.card.spot.weather .card-content .title{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 13px; font-weight: 700; text-transform: uppercase; }.card.spot.weather .card-content .title-bis{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 13px; font-weight: 700; display:none; text-transform: uppercase; }.card.spot.weather .card-content .title a{ color: #FFFFFF; text-decoration: none; }.card.spot.weather .card-content .title-bis a{ color: #ffffff; text-decoration: none; }.card.location .cover{ position: relative; display: block; overflow: hidden; width: 100%; height: 100%; }.card.location .cover .cover-img{ width: 100%; height: 100%; }.card.location .cover .cover-icon{ -webkit-transition: 0.5s; transition: 0.5s; text-align: center; z-index: 998; position: absolute; top:calc(50% - 37px); margin-left: calc(50% - 20px); font-size: 22px; color: #015368; background: #ffffff; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; width: 34px; height: 30px; padding-top: 5px; padding-left: 1px;  }.card.location .card-content{ -webkit-transition: 0.5s; transition: 0.5s; position:absolute; width: calc(100% - 20px); padding: 7px 10px 5px 10px; bottom: 0; height: 33px; background: #888888; z-index: 997; }.card.location .card-content .date{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 11px; color: #FFFFFF; margin-bottom: 5px; }.card.location .card-content .title{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 13px; font-weight: 700; text-transform: uppercase; }.card.location .card-content .title-bis{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 13px; font-weight: 700; display:none; text-transform: uppercase; }.card.location .card-content .title a{ color: #FFFFFF; text-decoration: none; }.card.location .card-content .title-bis a{ color: #ffffff; text-decoration: none; }.card.port .cover{ position: relative; display: block; overflow: hidden; width: 100%; height: 100%; }.card.port .cover .cover-weather{ width: 100%; height: 100%; background: #e8e8e8; }.card.port .cover .cover-weather .tides{ width: calc(100% - 20px); padding: 5px 10px 5px 10px; text-align: center; }.card.port .cover .cover-weather .tides .element-container{ color: #015368; text-align: left;}.card.port .cover .cover-weather .tides .element-container .element-title{ text-align: center; width: 50px; display: inline-block; height: 100%; background: #888888; padding: 3px 5px 3px 5px; color:#fff; font-size: 13px; margin-bottom: 3px; text-transform: uppercase;}.card.port .cover .cover-weather .tides .element-container .element{ padding: 0px 0 0 5px; text-align: center; display: inline-block; width: calc(100% - 70px); }.card.port .cover .cover-weather .tides .element-container .element span{color: #888888; font-size: 12px;}.card.port .card-content{ -webkit-transition: 0.5s; transition: 0.5s; position:absolute; width: calc(100% - 20px); padding: 5px 10px 5px 10px; bottom: 0; height: 17px; background: #888888; z-index: 997; }.card.port .card-content .title{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 13px; font-weight: 700; text-transform: uppercase; }.card.port .card-content .title-bis{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 13px; font-weight: 700; display:none; text-transform: uppercase; }.card.port .card-content .title a{ color: #FFFFFF; text-decoration: none; }.card.port .card-content .title-bis a{ color: #ffffff; text-decoration: none; }.card.bouee.weather .cover{ position: relative; display: block; overflow: hidden; width: 100%; height: 100%; }.card.bouee.weather .cover .cover-weather{ width: calc(100% - 20px); height: calc(100% - 20px); background: #e8e8e8; padding: 5px 10px 10px 10px; }.card.bouee.weather .cover .cover-weather .waves{ width: calc(100% - 10px); text-align: center; }.card.bouee.weather .cover .cover-weather .waves .wave{ margin-top: 10px; margin-bottom: 10px; font-size: 22px; font-weight: 700; line-height: 22px; color: #888888; }.card.bouee.weather .cover .cover-weather .waves .element-container{ color: #015368; text-align: left;}.card.bouee.weather .cover .cover-weather .waves .element-container .element-title{ text-align: center; width: 50%; display: inline-block; height: 100%; background: #888888; padding: 3px 2px 3px 2px; color:#fff; font-size: 13px; margin-bottom: 3px;}.card.bouee.weather .cover .cover-weather .waves .element-container .element{ text-align: center; padding: 0px 0 0 10px; color: #888888; font-size: 12px; display: inline-block; }.card.bouee.weather .cover .cover-weather .waves .element-container .element span{color: #015368; font-size: 14px;}.card.bouee.weather .card-content{ -webkit-transition: 0.5s; transition: 0.5s; position:absolute; width: calc(100% - 20px); padding: 7px 10px 5px 10px; bottom: 0; height: 33px; background: #888888; z-index: 997; }.card.bouee.weather .card-content .date{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 11px; color: #FFFFFF; margin-bottom: 5px; }.card.bouee.weather .card-content .title{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 13px; font-weight: 700; text-transform: uppercase; }.card.bouee.weather .card-content .title-bis{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 13px; font-weight: 700; display:none; text-transform: uppercase; }.card.bouee.weather .card-content .title a{ color: #FFFFFF; text-decoration: none; }.card.bouee.weather .card-content .title-bis a{ color: #ffffff; text-decoration: none; }.card.bouee.list .cover{ position: relative; display: block; overflow: hidden; width: 100%; height: 50px; }.card.bouee.list .card-content{ -webkit-transition: 0.5s; transition: 0.5s; width: calc(100% - 20px); padding: 7px 10px 5px 10px; bottom: 0; height: 33px; background: #efefef; z-index: 997; }.card.bouee.list .card-content .date{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 11px; color: #015368; margin-bottom: 5px; }.card.bouee.list .card-content .title{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 13px; font-weight: 700; text-transform: uppercase;color: #015368; }.card.bouee.list .card-content .title a{ color: #015368; text-decoration: none; }.card.forecast.list .cover{ position: relative; display: block; overflow: hidden; width: 100%; height: 30px; }.card.forecast.list .card-content{ -webkit-transition: 0.5s; transition: 0.5s; width: calc(100% - 20px); padding: 5px 5px 5px 7px; bottom: 0; height: 38px; background: #efefef; z-index: 997; }.card.forecast.list .card-content .date{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 11px; color: #015368; margin-bottom: 5px; }.card.forecast.list .card-content .title{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 12px; text-transform: uppercase;color: #015368; text-align: left; line-height: 19px; overflow: hidden; }.card.forecast.list .card-content .title a{ color: #015368; text-decoration: none; }.card.blue{ -webkit-transition: 0.5s; transition: 0.5s; background: #015368; text-align: center; }.card.blue .card-content .icon{ -webkit-transition: 0.5s; transition: 0.5s; margin-top: 35px; width:100%; text-align: center;  }.card.blue .card-content .icon img{ width:35px; height:35px; border-radius:8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;  border:0px solid #ffffff; }.card.blue .card-content .title{ margin-top: 5px; font-size: 22px; font-weight: 700; }.card.blue .card-content .title a{ color: #ffffff; text-decoration: none; }.card.blue .card-content .keyword{ font-size: 22px; font-weight: 300; color: #ffffff; }.card.blue .card-content .title:after{ -webkit-transition: 0.5s; transition: 0.5s; content: ""; display: block; height:4px; background: #ffffff; margin: auto; margin-top:5px; margin-bottom:10px; width: 40px; }.card.blue.game{ -webkit-transition: 0.5s; transition: 0.5s; background: #015368; text-align: center;color: #ffffff; }.card.blue.game .title{ margin-top: 10px; font-size: 18px; font-weight: 700; }.card.blue.game .brand{ margin-top: 5px; font-size: 18px; font-weight: 300; text-transform: uppercase;}.card.blue.game .brand a{ color: #ffffff; text-decoration: none; }.card.blue.game .brand:after{ -webkit-transition: 0.5s; transition: 0.5s; content: ""; display: block; height:4px; background: #ffffff; margin: auto; margin-top:5px; margin-bottom:10px; width: 40px; }.card.blue.game .title-game{ margin-top: -5px; font-size: 14px; font-weight: 700;}.card.product-bis .cover{ position: relative; display: block; overflow: hidden; width: 100%; height: 100%; }.card.product-bis .cover .cover-img{ width: 100%; height: 100%; }.card.product-bis .card-content{ -webkit-transition: 0.5s; transition: 0.5s; position:absolute; width: calc(100% - 20px); padding: 5px 10px 5px 10px; bottom: 0; height: 60px; background: #e8e8e8; z-index: 997; }.card.product-bis .card-content .date{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 11px; color: #888888; margin-bottom: 3px; }.card.product-bis .card-content .title{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 14px; font-weight: 700; }.card.product-bis .card-content .title-bis{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 14px; font-weight: 700; display:none; }.card.product-bis .card-content .title a{ color: #000000; text-decoration: none; }.card.product-bis .card-content .title-bis a{ color: #ffffff; text-decoration: none; }.card.product-bis .card-content .subTitle{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 16px; font-weight: 300; color: #000000; }.card.product-bis .card-content .subTitle b{ color: #015368; }.card.product-bis .card-content .subTitle-bis{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 16px; font-weight: 300; color: #000000; display:none; }.list { padding: 0; margin:0; list-style-type: none; width:100%; height: 100%; }.list li{ width: 100%; display:flex; margin-bottom: 15px; }.list li .cover{ -webkit-transition: 0.5s; transition: 0.5s; display: block; overflow: hidden; width: 100px; height: 73.3333333px; }.list li .cover .cover-img{ width: 100%; height: 100%; }.list li .list-content{ -webkit-transition: 0.5s; transition: 0.5s; flex: 1; background: #adadad; height: calc(73.3333333px - 10px); padding: 5px 10px 5px 10px; overflow:hidden; }.list li .list-content .date{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 11px; color: #888888; margin-bottom: 3px; }.list li .list-content .title{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 13px; font-weight: 700; text-transform: uppercase; }.list li .list-content .title-bis{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 13px; font-weight: 700; text-transform: uppercase; display: none; }.list li .list-content .title a{ color: #000000; text-decoration: none; }.list li .list-content .title-bis a{ color: #000000; text-decoration: none; }.list li .list-content .subTitle{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 11px; font-weight: 300; color: #000000; }.list li .list-content .subTitle-bis{ -webkit-transition: 0.5s; transition: 0.5s; font-size: 11px; font-weight: 300; color: #000000; display: none; }/* FORECAST BLOC */.list-forecast { padding: 0; margin:0; list-style-type: none; width:100%; background: #efefef; cursor: pointer; }.list-forecast li{ width: calc(100% - 20px); margin-left: 10px; margin-right: 10px; height: 92px; padding-top: 20px; border-bottom: 5px solid #015368;  }.list-forecast li:first-child{ padding-top: 10px;  }.list-forecast li.without-bottom{ border-bottom: 0;  }.list-forecast-line{ margin: 0; padding: 0; margin-top: 7px; font-size: 11px; font-weight: 300; position:relative; border-bottom: 1px solid #888888; display: flex; color: #888888; }.list-forecast-line:first-child{ margin-top: 0px; }.list-forecast-line div{ flex: 1; height: 22px; }.list-forecast-line div:first-child{ height: 20px; }.list-forecast-line div:last-child{  }.list-forecast-line:first-child div:first-child{ margin-right: 10px; }.list-forecast-line:first-child div{ padding-top: 3px; height: 19px; }.list-forecast-line div b{ color: #015368; font-size: 12px; text-transform: uppercase; }.list-forecast-line div b a{ color: #ffffff; text-decoration: none; }.list-forecast-line div img.weather{ display: block; margin-top: -7px; }.list-forecast-line div.forecast-poi{  background: #015368; color: #ffffff; font-size: 13px; height: 20px; padding-top: 2px; padding-left: 10px; padding-right: 10px; flex: none; }.list-forecast-line div.forecast-poi a{ color: #ffffff; text-decoration: none; }/* FORECAST BLOC BIS */.list-forecast-bis { padding: 0; margin:0; list-style-type: none; width:100%; background: #efefef; cursor: pointer; }.list-forecast-bis li{ width: 100%; height: 92px; padding-top: 20px;  }.list-forecast-bis li:first-child{ padding-top: 0px;  }.list-forecast-bis li.without-bottom{ border-bottom: 0;  }.list-forecast-line-bis{ margin: 0; padding: 0; margin-top: 3px; font-size: 11px; font-weight: 300; position:relative; border-bottom: 1px solid #888888; display: flex; color: #888888; }.list-forecast-line-bis:first-child{ margin-top: 0px; border-bottom: none; }.list-forecast-line-bis:last-child{ border-bottom: none; }.list-forecast-line-bis div{ flex: 1; height: 22px; margin-right: 10px; margin-left: 10px; }.list-forecast-line-bis div:first-child{ height: 20px; }.list-forecast-line-bis div:last-child{  }.list-forecast-line-bis:first-child div:first-child{ margin-right: 10px; width: calc(100% - 20px); text-align: center; }.list-forecast-line-bis:first-child div{ padding-top: 3px; height: 19px; }.list-forecast-line-bis div b{ color: #015368; font-size: 12px; text-transform: uppercase; }.list-forecast-line-bis div b a{ color: #ffffff; text-decoration: none; }.list-forecast-line-bis div img.weather{ display: block; margin-top: -7px; }.list-forecast-line-bis div.forecast-poi{  background: #015368; color: #ffffff; font-size: 13px; height: 20px; padding-top: 2px; padding-left: 10px; padding-left: 10px; padding-right: 10px; margin-right: 0px; margin-left: 0px; flex: none; }.list-forecast-line-bis div.forecast-poi a{ color: #ffffff; text-decoration: none; }/* BLOC SHOP */.card.shop .title{text-align: center; color: #ffffff; font-weight: 700; font-size: 16px; padding: 5px 0px 5px 0px; background: #015368;}.card.shop .content{position: relative; height: 100%;}.card.shop .content .promo{position: absolute; width: 120px; height: 104px; right: 0;}.card.shop .content .liens{width:100%; height: 100%; background: #ff6600; list-style-type: none; margin: 0; padding: 0;}.card.shop .content .liens li{ width: 100%; text-align: left; font-size: 13px; }.card.shop .content .liens li a{ -webkit-transition: 0.5s; transition: 0.5s; display: block; width: calc(100%-10px); padding: 5px 0px 5px 10px; background: #888888; color: #ffffff; text-align: left; color: #ffffff; text-decoration: none; text-transform: uppercase; }/* BLOC ACCOMODATION */.card.accomodation .title{text-align: center; color: #ffffff; font-weight: 700; font-size: 16px; padding: 5px 0px 5px 0px; background: #015368;}.card.accomodation .content{}.card.accomodation .content .accomodation-infos{ width: 100%; display: inline-block; color: #015368; text-decoration: none; text-align: left; margin-top: 5px; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #efefef;}.card.accomodation .content .accomodation-infos .one-line{display: flex;}.card.accomodation .content .accomodation-infos .one-line .avatar{flex:0.3;}.card.accomodation .content .accomodation-infos .one-line .lebloc{flex:0.7; margin-left: 5px;}.card.accomodation .content .accomodation-infos .one-line .avatar img{width: 80%;}.card.accomodation .content .accomodation-infos .one-line .adresse{ color: #888888; text-align: justify; font-size: 11px; margin-top: 3px;}.card.accomodation .content .accomodation-infos:last-child{ margin-bottom: 0px;}/* FOOTER */footer{ padding-bottom:60px; padding-top:20px; background: #015368; }footer ul{list-style-type: none; padding: 0; margin: 0;}footer ul li{text-align: left; margin-left: 10px; margin-right: 10px;}footer ul li a{color: #ffffff; text-decoration: none;padding: 5px 0px 0px 0px; font-size: 14px; font-weight: 300; text-transform: uppercase;}footer ul li a:hover{color: #ffffff; text-decoration: underline;}footer ul li.title-footer{text-align: left; border-bottom: 1px solid #ffffff; margin-bottom: 5px; padding-bottom: 5px;color: #ffffff; text-decoration: none;padding: 5px 0px 5px 0px; font-size: 14px; font-weight: 700; text-transform: uppercase;}footer ul li span{color: #ffffff; text-decoration: none;padding: 5px 0px 0px 0px; font-size: 13px; font-weight: 300; text-align: justify;}footer .logo-bottom img{ width:220px;}footer .followus{padding-top:10px;}footer .followus .round{ font-size: 25px; text-align: center; width:30px; height: 30px; display: inline-block; border-radius:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; color:#ffffff;}footer .followus .round:hover{background: #015368;color: #66c5de;}/* SLIDER */#slides-h{    text-align: center;    display: flex;    position: relative;    cursor: pointer;}#slides-h .slides-photos{ }#slides-h .slides-photos div{ width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2);}#slides-h .slides-more{ position: absolute; bottom: 10px; right: 10px; font-size: 18px; z-index: 10; }#slides-h .slides-more i{ color: rgba(255,255,255,0.8); margin-left: 10px;  }#slides-h .slides-more i:hover{ color: rgba(255,255,255,1);  }#slides-h .slides-navigation{ position: absolute; z-index: 5; }#slides-h .slides-navigation .link { cursor: pointer; position: absolute; display: inline-block; width: calc(100% - 120px); left: 60px; }#slides-h .slides-navigation .arrow { cursor: pointer; position: absolute; width: 60px; }#slides-h .slides-navigation .arrow svg { margin-right: 20px; margin-left: 20px; }#slides-h .slides-navigation .arrow.left { left: 0px; text-align: left; }#slides-h .slides-navigation .arrow.right { right: 0px; text-align: right; }#slides-h .slides-navigation .arrow.left:hover polyline,#slides-h .slides-navigation .arrow.left:focus polyline,#slides-h .slides-navigation .arrow.right:hover polyline,#slides-h .slides-navigation .arrow.right:focus polyline{ stroke:rgba(255,255,255,1); stroke-width:3; }#slides-h .slides-dots{ position: absolute; z-index: 5; height: 30px; bottom: 0; text-align: center; left: 50%; }#slides-h .slides-dots div{ margin-left: calc(-50%); }#slides-h .slides-dots div .slides-dot{ width: 10px; height: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: rgba(255,255,255, 0.2); float: left; margin: 5px;}#slides-h .slides-dots div .slides-dot.active{ background: rgba(255,255,255, 0.6);}#slides-h .slides-legends{ position: absolute; width: 100%; font-size: 12px; opacity: 0; display:table-cell; vertical-align:middle; text-align: center;}#slides-h .slides-legends .slides-legend{ position: relative; display:inline-block; vertical-align:top; width: 80%; }#slides-h .slides-legends{ text-shadow: 0px 1px 3px #000000; font-size: 24px; font-weight: 300; color: #ffffff; }#slides-h .slides-legends b{ font-size: 28px; font-weight: 700; padding: 0px 10px 10px 10px; text-align: center; display: inline-block;}#slides-h .slides-legends .slides-icon{ text-shadow: none; position: absolute; none; text-align: center; top:calc(40%); margin-left: calc(50% - 17.5px); font-size: 22px; color: #015368; background: #ffffff; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; width: 35px; height: 30px; padding-top: 5px;  }/* COLORS */.wind-color-1{background-color:#b2ff9a}.wind-color-2{background-color:#68e242}.wind-color-3{background-color:#ebf72f}.wind-color-4{background-color:#f7ae2f}.wind-color-5{background-color:#f03838}.wind-color-6{background-color:#f038cb}.wind-color-7{background-color:#7f1eeb; color:#ffffff;}.wind-color-8{background-color:#7138f0; color:#ffffff;}.wind-color-1{background-color:#E6F3FF; color: rgba(0,0,0,.8) !important;}.wind-color-2{background-color:#A9DBEB; color: rgba(0,0,0,.8) !important;}.wind-color-3{background-color:#66C5DE; color: rgba(0,0,0,.8) !important;}.wind-color-4{background-color:#3A96B0; color: rgba(255,255,255,.8) !important;}.wind-color-5{background-color:#4A6990; color: rgba(255,255,255,.8) !important;}.wind-color-6{background-color:#5A4280; color: rgba(255,255,255,.8) !important;}.wind-color-7{background-color:#6A2A70; color: rgba(255,255,255,.8) !important;}.wind-color-8{background-color:#4A1A50; color: rgba(255,255,255,.8) !important;}/* Input select----------------------------------*/select{    background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519' fill='#888888'/></svg>");    background-repeat:no-repeat;    background-position: right 5px top 7px;    background-size: 16px 16px;    background-color:#ffffff;    color:#888888;    padding:12px;    width:100%;    text-transform: uppercase;    font-size:12px;    font-family: 'Source Sans Pro', sans-serif;    text-align:left;    border-top:1px solid #888888;    border-bottom:1px solid #888888;    border-right:1px solid #888888;    border-left:0;    outline:0;    height: 30px;    padding: 3px 5px 3px 5px;    -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;    -webkit-appearance: none;    -moz-appearance:    none;    appearance:         none;}select:focus, select:active {    border-top:1px solid #66c5de;    border-bottom:1px solid #66c5de;    border-right:1px solid #66c5de;    border-left:0;    outline:0;    -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}select optgroup{    background:#888888;    color:#fff;    font-style:normal;    font-weight:normal;}select.border{border-left:1px solid #888888;}select.border:focus, select.border:active {    border-left:1px solid #66c5de;    outline:0;    -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}input[type="text"].form-control,input[type="password"].form-control,input[type="date"].form-control{    background-color:#ffffff;    color:#888888;    padding:12px;    width:calc(100% - 12px);    font-size:13px; text-align:left;    text-align:left;    border-top:1px solid #888888;    border-bottom:1px solid #888888;    border-right:1px solid #888888;    border-left:0;    outline:0;    height: 22px;    padding: 3px 5px 3px 5px;    -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;    -webkit-appearance: none;    -moz-appearance:    none;    appearance:         none;}input[type="text"].form-control:focus, input[type="password"].form-control:focus,input[type="date"].form-control:focus, input[type="text"].form-control:active, input[type="password"].form-control:active,input[type="date"].form-control:active {    border-top:1px solid #66c5de;    border-bottom:1px solid #66c5de;    border-right:1px solid #66c5de;    border-left:0;    outline:0;    -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}input[type="text"].border,input[type="password"].border,input[type="date"].border{border-left:1px solid #888888;}input[type="text"].border:focus, input[type="password"].border:focus, input[type="date"].border:focus, input[type="text"].border:active, input[type="password"].border:active, input[type="date"].border:active {    border-left:1px solid #66c5de;    -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}/* NEWSLETTER----------------------------------*/.newsletter{position: relative; background:#888888; color: #ffffff; text-transform: uppercase;padding-top: 6px;padding-bottom: 6px; padding-left: 20px; font-weight: 500; font-size: 14px; cursor: pointer;}.newsletter i {    padding-right: 10px;    pointer-events: none;    color: #015368;}.formNewsletter{position: relative;}.formNewsletter i {position: absolute; padding-top: 6px; padding-left: 10px;    pointer-events: none;    color: #888888;}input.submit{    height: 26px;    padding:12px;    width:calc(100% - 12px);    font-size:14px;    text-align:center;    text-transform: uppercase;    outline:0;    padding: 3px 5px 3px 5px;    -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;    -webkit-appearance: none;    -moz-appearance:    none;    appearance:         none;    background-color:#015368;    color: #FFF;    font-weight: 700;    border:1px solid #015368; !important}input.abort{    height: 26px;    padding:12px;    width:calc(100% - 12px);    font-size:14px;    text-align:center;    outline:0;    padding: 3px 5px 3px 5px;    text-transform: uppercase;    -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;    -webkit-appearance: none;    -moz-appearance:    none;    appearance:         none;    background-color:#888888;    color: #FFF;    font-weight: 700;    border:1px solid #888888; !important}/* Autocomplete----------------------------------*/.ac_results { padding:0px; border: 1px solid #66c5de; background-color: white; overflow: hidden; z-index: 99999;    -webkit-border-top-left-radius: 0px;    -webkit-border-top-right-radius: 0px;    -webkit-border-bottom-right-radius: 5px;    -webkit-border-bottom-left-radius: 5px;    -moz-border-radius-topleft: 0px;    -moz-border-radius-topright: 0px;    -moz-border-radius-bottomright: 5px;    -moz-border-radius-bottomleft: 5px;    border-top-left-radius: 0px;    border-top-right-radius: 0px;    border-bottom-right-radius: 5px;    border-bottom-left-radius: 5px;}.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; color:#015368; max-height:200px; overflow:auto; }.ac_results li { margin: 0px; padding-left:5px; cursor:pointer; display: block; font: menu; font-size: 14px; line-height: 20px; overflow: hidden; border-bottom: 1px solid #efefef; padding: 2px 10px 2px 10px; text-align:left; }.ac_loading { background: white url(<?php echo MT_ADRESS_IMG_URL; ?>/load-16-16.gif) right center no-repeat; }.ac_odd { color:#015368; background-color: #efefef; }.ac_over { color: #66c5de; }.ac_left{ float:left; }/* PAGINATION */.pagination {    height: 34px;    margin: 0px 0;    padding: 0;    clear: both;    background-color: #888888;    width: 100%;}.pagination ul {    display: inline-block;    *display: inline;    margin: 0;    padding: 0;    *zoom: 1;}.pagination li {    display: inline;}.pagination a {    float: left;    padding: 0 14px;    line-height: 34px;    text-decoration: none;    border-left-width: 0;    background: #888888;    color: #ffffff;    -webkit-transition: 0.3s; transition: 0.3s;}.pagination a:hover,.pagination .active a {    background: #015368; color: #ffffff;}.pagination .active a {    color: #ffffff;    cursor: default;}.pagination .disabled span,.pagination .disabled a,.pagination .disabled a:hover {    color: #ffffff;    cursor: default;    background-color: #888888;}.pagination li:first-child a {    border-left-width: 1px;}.pagination li:last-child a {}.pagination-centered {    text-align: center;}.pagination-right {    text-align: right;}.forecast-tab .content .line.tides:last-child { margin-bottom: 10px; }.card.simple:hover .cover .cover-icon{ top:20px; background: none; color: #ffffff; }.card.simple:hover .card-content{ height: calc(100% - 60px); padding-top: 60px; background: rgba(0,0,0,0.8) }.card.simple:hover .card-content .date{ margin-top:5px; }.card.simple:hover .card-content .title{ display:none; }.card.simple:hover .card-content .title-bis{ display:block; color: #ffffff; margin-top:10px; margin-bottom:10px; }.card.simple:hover .card-content .subTitle{ display:none; }.card.simple:hover .card-content .subTitle-bis{ display:block; color: #ffffff; }.card.simple:hover .card-content .subTitle-bis:after{ content: ""; display: block; height:2px; background: #ffffff; margin: auto; margin-top:20px; width: 40px; }.card.brand:hover .cover .cover-img{ display: none; }.card.brand:hover .cover .cover-img-bis{ display: block;  }.card.brand:hover .card-content .title{ display: block; font-size: 10px; }.card.brand:hover .card-content .title:after{ width: 90px; }.card.report:hover .cover .cover-icon{ top:20px; background: none; color: #ffffff; }.card.report:hover .card-content{ height: calc(100% - 60px); padding-top: 60px; background: rgba(0,0,0,0.8) }.card.report:hover .card-content .date{ margin-top:5px; }.card.report:hover .card-content .title{ display:none; }.card.report:hover .card-content .title-bis{ display:block; color: #ffffff; margin-top:10px; margin-bottom:10px; }.card.webcam:hover .cover .cover-icon{ top:20px; background: none; color: #ffffff; }.card.webcam:hover .card-content{ height: calc(100% - 60px); padding-top: 60px; background: rgba(0,0,0,0.8) }.card.webcam:hover .card-content .date{ margin-top:5px; }.card.webcam:hover .card-content .title{ display:none; }.card.webcam:hover .card-content .title-bis{ display:block; color: #ffffff; margin-top:10px; margin-bottom:10px; }.card.spot:hover .cover .cover-icon{ top:20px; background: none; color: #ffffff; }.card.spot:hover .card-content{ height: calc(100% - 60px); padding-top: 60px; background: rgba(0,0,0,0.8) }.card.spot:hover .card-content .date{ margin-top:5px; }.card.spot:hover .card-content .title{ display:none; }.card.spot:hover .card-content .title-bis{ display:block; color: #ffffff; margin-top:10px; margin-bottom:10px; }.card.spot.weather:hover .card-content{ height: calc(100% - 60px); padding-top: 60px; background: rgba(0,0,0,0.8) }.card.spot.weather:hover .card-content .date{ margin-top:5px; }.card.spot.weather:hover .card-content .title{ display:none; }.card.spot.weather:hover .card-content .title-bis{ display:block; color: #ffffff; margin-top:10px; margin-bottom:10px; }.card.location:hover .cover .cover-icon{ top:20px; background: none; color: #ffffff; }.card.location:hover .card-content{ height: calc(100% - 60px); padding-top: 60px; background: rgba(0,0,0,0.8) }.card.location:hover .card-content .date{ margin-top:5px; }.card.location:hover .card-content .title{ display:none; }.card.location:hover .card-content .title-bis{ display:block; color: #ffffff; margin-top:10px; margin-bottom:10px; }.card.port:hover .card-content{ height: calc(100% - 30px); padding-top: 30px; background: rgba(0,0,0,0.8) }.card.port:hover .card-content .date{ margin-top:5px; }.card.port:hover .card-content .title{ display:none; }.card.port:hover .card-content .title-bis{ display:block; color: #ffffff; margin-top:10px; margin-bottom:10px; }.card.bouee.weather:hover .card-content{ height: calc(100% - 60px); padding-top: 60px; background: rgba(0,0,0,0.8) }.card.bouee.weather:hover .card-content .date{ margin-top:5px; }.card.bouee.weather:hover .card-content .title{ display:none; }.card.bouee.weather:hover .card-content .title-bis{ display:block; color: #ffffff; margin-top:10px; margin-bottom:10px; }.card.bouee.list:hover .card-content{ background: #015368; color:#ffffff;}.card.bouee.list:hover .card-content .date{ color: #ffffff; }.card.bouee.list:hover .card-content .title{ color:#ffffff; }.card.bouee.list:hover .card-content .title a{ color:#ffffff; }.card.forecast.list:hover .card-content{ background: #015368; color:#ffffff;}.card.forecast.list:hover .card-content .date{ color: #ffffff; }.card.forecast.list:hover .card-content .title{ color:#ffffff; }.card.forecast.list:hover .card-content .title a{ color:#ffffff; }.card.blue:hover{ background: #66c5de; }.card.blue:hover .card-content .icon{ margin-top: 30px; }.card.blue:hover .card-content .title:after{ width: 60px; }.card.blue.game:hover{ background: #66c5de; }.card.blue.game:hover .brand:after{ width: 60px; }.card.product-bis:hover .card-content{ height: calc(100% - 60px); padding-top: 60px; background: rgba(0,0,0,0.8) }.card.product-bis:hover .card-content .date{ margin-top:5px; }.card.product-bis:hover .card-content .title{ display:none; }.card.product-bis:hover .card-content .title-bis{ display:block; color: #ffffff; margin-top:10px; margin-bottom:10px; }.card.product-bis:hover .card-content .subTitle{ display:none; }.card.product-bis:hover .card-content .subTitle-bis{ display:block; color: #ffffff; }.card.product-bis:hover .card-content .subTitle-bis:after{ content: ""; display: block; height:2px; background: #ffffff; margin: auto; margin-top:20px; width: 40px; }.list li:hover .cover{ display: block; overflow: hidden; width: 0px; height: 73.3333333px; }.list li:hover .list-content{ background: #015368; }.list li:hover .list-content .date{ color: #FFFFFF; }.list li:hover .list-content .title{ display: none; }.list li:hover .list-content .subTitle{ display: none; }.list li:hover .list-content .title-bis{ display: block; color:#FFFFFF; }.list li:hover .list-content .title-bis a{ color:#FFFFFF; }.list li:hover .list-content .subTitle-bis{ display: block; color:#FFFFFF; }.card.shop .content .liens li a:hover{ padding-left: 15px; background: #66c5de; }.card.shop.map .content .liens li a:hover{ padding-left: 10px; background: #888888; }