/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Hammersmith+One&family=Montserrat:ital,wght@0,400;0,600;1,300&display=swap');

body {
  background: #f3efed;
  color: #2d7f9f;
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
  line-height: 30px;
}
.pagemaster {
  width: 100%;
  position: absolute;
	top: 0;
	left: 0;
  z-index: 1;
}
.pagelarge {
  position: relative;
  margin: 0 100px;
}
.page {
  position: relative;
  width: 1280px;
  margin: 0 auto;
}
.page:after {content:"";display:table;clear:both;}
.pageflex {display:flex;}

.headerpane {
  background: #2d7f9f;
  color: white;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.1em;
  padding: 13px 0;
}
.header {height:45px;line-height:45px;}
.headerflex {display:flex;}
.socialpane {flex:0 0 auto;}
.cartpane {flex:1 1 auto;text-align:center;font-size:14px;text-transform:uppercase;font-weight:600;letter-spacing:0.1em;}
.cartpane i.fas {font-size:16px;font-weight:900;margin:0 6px 0 0;}
.cartpane a:link, .cartpane a:visited {color:#505050;text-decoration:none;}
.cartpane a:active, .cartpane a:hover {color:#2d7f9f;text-decoration:none;}
.headerright {flex:0 0 auto;}
.headerright:after {content:"";display:table;clear:both;}
.loginpane {float:left;font-size:14px;text-transform:uppercase;font-weight:600;letter-spacing:0.1em;margin:0 20px 0 0;}
.loginpane span.sep {display:inline-block;width:2px;height:10px;margin:0 16px;background:#505050;}
.loginpane a:link, .loginpane a:visited {color:#505050;text-decoration:none;}
.loginpane a:active, .loginpane a:hover {color:#2d7f9f;text-decoration:none;}
.langpane {float:left;font-size:14px;text-transform:uppercase;font-weight:600;letter-spacing:0.1em;text-align:center;}
.langpane a:link, .langpane a:visited, .langpane a:active {
  background: rgba(80, 80, 80, 0.1);
  display: inline-block;
  width: 35px;
  height: 22px;
  color: #505050;
  text-decoration: none;
  line-height: 21px;
  margin:0 1px;
}
.langpane a:hover, a.langsel:link, a.langsel:visited, a.langsel:active, a.langsel:hover {background:rgba(80, 80, 80, 0.2);color:#505050;text-decoration:none;}
.banner {position:relative;}
.bannerpane {min-height:380px;}
.logopane {position:absolute;top:20px;left:100px;z-index:9000;}
.menu {background:#70a8c2;}
.menu:after {content:"";display:table;clear:both;}
.menu a:link {text-decoration:none;}
.banner.is-sticky .menu {position:fixed;width:100%;top:0;left:0;z-index:9000;}
.content {padding:60px 0;background:white;}
.content .pageflex {flex-direction:row-reverse;}
.contentpane {padding:0 0 40px 0;}
.leftpane {width:260px;margin:0 40px 0 0;padding:20px 0 0 0;}
.contentpane2 {flex:1;}
.contentpane3 {margin:40px 0 0 0;}
.bottom {padding:80px 0;background:#2d7f9f;color:white;}
.bottom a:link, .bottom a:visited {color:white;text-decoration:none;}
.bottom a:active, .bottom a:hover {color:#70a8c2;text-decoration:none;}
.bp {margin:0 60px 0 0;}
.bottompane2 .h3-headline {margin:0 0 20px 0;}
.bottompane3 {text-transform:uppercase;font-weight:600;white-space:nowrap;}

/* FOOTER */
.footer {padding:20px 0;color:#848484;font-size:13px;text-align:center;}
.footer span.SkinObject {font-weight:normal;color:#6d442f;font-size:13px;}
.footer a.SkinObject:link, .footer a.SkinObject:visited {font-weight:normal;color:#2d7f9f;text-decoration:none;}
.footer a.SkinObject:active, .footer a.SkinObject:hover {font-weight:normal;color:#2d7f9f;text-decoration:underline;}

/* Text selection */
::selection {background:#70a8c2;}
::-moz-selection {background:#70a8c2;}

/* MISC */
.contact-infos {margin-bottom:40px;}
.contact-item {position:relative;padding:11px 0 0 62px;margin:0 0 20px 0;min-height:42px;}
.contact-item span {
  display: block;
  background: #70a8c2;
  height: 42px;
  width: 42px;
  text-align: center;
  border-radius: 50%;
  color: white;
  font-size: 21px;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 42px;
}
.contactsat-infos {font-weight:600;white-space:nowrap;}
.contactsat-infos .contact-item {margin:0 0 12px 0;}
.contactform {margin-bottom:40px;}
.h2-headline {font-family:'Hammersmith One', sans-serif;font-size:40px;line-height:48px;}
.h3-headline {font-family:'Hammersmith One', sans-serif;font-size:24px;}
.intro h1, .intro h3 {margin:0;}
.intro .flexcontent-div {margin:0 !important;}

/* BUTTONS */
a.bigbutton:link, a.bigbutton:visited {background:#70a8c2;display:inline-block;font-size:16px;color:white;text-decoration:none;padding:4px 14px;line-height:28px;}
a.bigbutton:active, a.bigbutton:hover {background:#2d7f9f;color:white;}
button.bigbutton {background:#70a8c2;display:inline-block;font-family:'Hammersmith One', sans-serif;font-size:16px;color:white;text-decoration:none;padding:4px 14px;line-height:28px;border:none;cursor:pointer;}
button.bigbutton:hover {background:#2d7f9f;color:white;}
a.backtotop {position:absolute;bottom:0;right:0;}
a.standardbutton:link, a.standardbutton:visited {background:#70a8c2;display:inline-block;font-size:16px;color:white;text-decoration:none;padding:4px 14px;line-height:28px;}
a.standardbutton:active, a.standardbutton:hover {background:#2d7f9f;color:white;}
/* Documents and links */
.documents {}
.documents a:before {font-family:'Font Awesome 5 Free';font-weight:900;content:"\f1c1";font-size:16px;margin-right:8px;}
.documents a:link, .documents a:visited {background:#70a8c2;display:inline-block;font-size:18px;color:white;text-decoration:none;padding:10px 20px;line-height:24px;border-radius:6px;}
.documents a:active, .documents a:hover {background:#2d7f9f;color:white;}
.newspaper-link a {transition:all .2s ease-in-out 0s;margin:12px 0 0 0;}
.newspaper-link a:link, .newspaper-link a:visited {background:#70a8c2;display:inline-block;font-size:18px;color:white;text-decoration:none;padding:10px 20px;line-height:24px;border-radius:6px;}
.newspaper-link a:active, .newspaper-link a:hover {background:#2d7f9f;color:white;}
/* DNN Buttons */
.LoginPanel a.dnnPrimaryAction, .LoginPanel a.dnnSecondaryAction, .dnnRegistrationForm a.dnnPrimaryAction, .dnnRegistrationForm a.dnnSecondaryAction {border:none;-webkit-border-radius:0;border-radius:0;font-weight:normal;-webkit-box-shadow:none;box-shadow:none;text-shadow:none;margin:10px 0;}
.LoginPanel a.dnnPrimaryAction:link, .LoginPanel a.dnnPrimaryAction:visited, .dnnRegistrationForm a.dnnPrimaryAction:link, .dnnRegistrationForm a.dnnPrimaryAction:visited {background:#70a8c2;display:inline-block;font-size:16px;color:white;text-decoration:none;padding:4px 14px;line-height:28px;}
.LoginPanel a.dnnPrimaryAction:active, .LoginPanel a.dnnPrimaryAction:hover, .dnnRegistrationForm a.dnnPrimaryAction:active, .dnnRegistrationForm a.dnnPrimaryAction:hover {background:#2d7f9f;color:white;}
.LoginPanel a.dnnSecondaryAction:link, .LoginPanel a.dnnSecondaryAction:visited, .dnnRegistrationForm a.dnnSecondaryAction:link, .dnnRegistrationForm a.dnnSecondaryAction:visited {background:#aaa;display:inline-block;font-size:16px;color:white;text-decoration:none;padding:4px 14px;line-height:28px;}
.LoginPanel a.dnnSecondaryAction:active, .LoginPanel a.dnnSecondaryAction:hover, .dnnRegistrationForm a.dnnSecondaryAction:active, .dnnRegistrationForm a.dnnSecondaryAction:hover {background:#2d7f9f;color:white;}

/* TOP SLIDER */
.slider-container {height:540px;width:100%;position:relative;}
.rslides {position:relative;list-style:none;overflow:hidden;width:100%;height:100%;padding:0;margin:0;} /* Get rid of position:absolute and z-index:-1 for clickable content */
.rslides li {-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;height:100%;left:0;top:0;}
.rslides li:first-child {position:relative;display:block;float:left;}
.rslides li .caption {position:absolute;bottom:20px;right:100px;z-index:800;text-align:right;}
.rslides li .caption h2 {font-size:48px;line-height:54px;font-weight:400;color:white;margin:0;}
.rslides li .caption h3 a:link, .rslides li .caption h3 a:visited {background:#2d7f9f;color:white;text-decoration:none;padding:10px;}
.rslides li .caption h3 a:active, .rslides li .caption h3 a:hover {background:#70a8c2;color:white;text-decoration:none;}
.rslides li .caption h3 span {background:#2d7f9f;color:white;padding:10px;}
.rslides_tabs {list-style:none;margin:0;padding:0;position:absolute;z-index:900;top:30px;right:30px;}
.rslides_tabs li {display:inline;float:none;margin-left:6px;}
.rslides_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: white;
  background: rgba(255, 255, 255, 0.2);
  display: inline-block;
  width: 12px;
  height: 12px;
}
.rslides_tabs .rslides_here a {background:white;background:rgba(255, 255, 255, 1);}

/* Image Headers */
.topimageheader {height:380px;overflow:hidden;position:relative;}
.topimageheader .caption {position:absolute;bottom:20px;right:100px;z-index:1100;text-align:right;}
.topimageheader .caption h2 {font-size:48px;line-height:54px;font-weight:400;color:white;margin:0;}
.topimageheader .caption h3 {display:inline-block;background:#2d7f9f;color:white;padding:10px;}
/*.topimageheader:after {
    background: rgba(0,0,0,.5);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    bottom: 0;
    z-index: 1000;
}*/

/* THUMBNAILS */
.labels {}
.labels:after {content:"";display:table;clear:both;}
.labels div {float:left;margin:0 10px 10px 0;display:block;width:202px;height:202px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:#f3efed solid 1px;}
.labels div a, .labels div span {display:table-cell;width:202px;height:202px;text-align:center;vertical-align:middle;}

/* FAQ */
#accordion {margin-top:30px;}
.accordion-header {margin-bottom:10px;}
.accordion-content {padding-left:20px;}
.accordion-header p, .accordion-content p {margin:0;}

/* SVG Blocks */
.svgblockswrapper {position:relative;padding:0 10%;margin:80px 0;}
.svgblocks {display:flex;flex-wrap:wrap;}
.svgblock {flex:1 0 25%;width:25%;padding:0 24px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;text-align:center;}
.svgblock p {font-weight:600;line-height:24px;margin:0;}
.svgblockicon {}
.svgblockicon svg {fill:#70a8c2;width:128px;}

/* SOCIAL ICONS */
.socialiconswrapper {display:flex;}
.socialiconsheader {font-size:14px;text-transform:uppercase;font-weight:600;letter-spacing:0.1em;color:#505050;}
.socialicons {font-size:0;}
.socialicons a {
  display: inline-block;
  font-size: 24px;
  text-align: center;
  text-decoration: none;
  margin: 0 0 0 10px;
  color: #505050 !important;
}
.socialicons a:hover {color:#2d7f9f !important;}
.socialiconssat {background:url("logobt.png") no-repeat top left;min-width:240px;padding:120px 0 0 0;font-size:30px;}

/* BLOG */
#searchlink447 {display:none;}
.ModBlogC {position:relative;}
.blog-tools {position:absolute;top:0;right:0;}/* ManagementPanel.ascx */
.blog-tools a {text-decoration:none !important;}
.blog-main-content article figure {margin:20px 0;}
.ModBlogC .bbs-listarticle .content {padding:0;}
.ModBlogC .bbs-listarticle .content .summary {font-weight:600;font-size:18px;color:#70a8c2;}
/* Catégories */
.blog-categories {background:#f3efed;padding:30px;margin:0 0 20px 0;}
.categoryList_list {margin:10px 0 0 0;}
.categoryList_list ul {margin:0;}
.categoryList_list li {list-style-type:none;padding:5px 0;border-bottom:white solid 5px;}
.categoryList_list li:last-child {border-bottom:0;}
/* Archives */
.blog-archives {background:#f3efed;padding:30px;}
.blogCalList_list {margin:15px 0 0 0;}
.blogCalList_item a {text-transform:capitalize;}
/* Sat */
.blog_post_details {color:#f3efed !important;}

/* OS */
.store-sideimg {margin:40px 0 0 0;}
.store-sideimg .fcd-images div {margin:0 0 20px 0 !important;}
.store-sideimg .fcd-images div:last-child {margin:0 !important;}
/* Featured Cycle */
.cycle-slideshow {width:900px;}
.featuredproduct .product {width:900px;}
.cycle-nav {z-index:500;position:absolute;left:12px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.cycle-nav-right {left:auto;right:12px;}
.cycle-nav span {width:40px;height:40px;display:block;background:#e9eaea;color:#b0acae;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-align:center;line-height:40px;}
.cycle-nav span:hover {background:#2d7f9f;color:white;}
.cycle-nav > * {cursor:pointer;}
/* Carousel Cycle */
.carousel-header {position:relative;margin-bottom:20px;}
.carousel-wrapper .cycle-slideshow {width:auto;}
.carousel-cycle-nav {z-index:500;position:absolute;top:8px;right:0;}
.carousel-cycle-nav span {color:#2d7f9f;padding:0 4px;}
.carousel-cycle-nav span#carouselnext {}
.carousel-cycle-nav span:hover {color:#505050;}
.carousel-cycle-nav > * {cursor:pointer;}
.carousel-footer {padding:10px 0 0 0;}
.carousel-footer a:link, .carousel-footer a:visited {text-decoration:none;color:#2d7f9f;}
.carousel-footer a:active, .carousel-footer a:hover {text-decoration:none;color:#505050;}

/* Instagram Feed */
.instafeedwrapper {margin:0 0 40px 0;}
.instafeedwrapper h3 {text-align:center;margin:0 0 20px 0;color:#505050;}
.instafeedwrapper h3 a:link, .instafeedwrapper h3 a:visited {color:#2d7f9f;text-decoration:none;}
.instafeedwrapper h3 a:active, .instafeedwrapper h3 a:hover {color:#505050;text-decoration:none;}
#instafeed {
  display: flex;
  flex-wrap: wrap;
}
#instafeed a {
  display: flex;
  align-items: center;
  position: relative;
  width: 23%;
  margin: 0 1%;
}
#instafeed img {
  display: block;
  width: 100%;
}

/* TABLE */
.datatable {margin:20px 0;border:1px solid #e9e9e9;}
.datatable th {background-color:#eee;padding:10px;color:#858585;font-family:'Montserrat', sans-serif;font-size:18px;font-weight:600;}
.datatable td {border-top:1px solid #e9e9e9;padding:10px;}

.clearfix {clear:both;}

/* Generic */
h1, h2, h3, h4, h5, h6 {color:#2d7f9f;font-family:'Hammersmith One', sans-serif;font-weight:400;margin:0;line-height:normal;}
h1 {font-size:40px;line-height:48px;}
h2 {font-size:40px;line-height:48px;}
h3 {font-size:24px;}
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited {text-decoration:none;color:#2d7f9f;}
h1 a:active, h1 a:hover, h2 a:active, h2 a:hover {text-decoration:none;color:#70a8c2;}
strong { font-weight:600;} em { font-style:italic;}
a:link, a:visited {color:#2d7f9f;text-decoration:underline;}
a:active, a:hover {color:#70a8c2;text-decoration:underline;}
h1, h2, h3, p {margin:20px 0;}
ul {margin:20px 0;padding:0;}
.content ul {padding:0;}
.content ul li {list-style-type:none;background:url("tick.png") no-repeat 0 4px;padding-left:24px;margin-bottom:6px;overflow:hidden;}
.leftpane ul {padding:0;}
.leftpane ul li {list-style-type:none;padding:5px 0;background:none;border-bottom:#e8e8e8 solid 1px;margin-bottom:0;}
.leftpane ul li:last-child {border-bottom:0;}
hr {border:0;height:10px;background:#f3efed;margin:40px 0;}

/* NBS FIX */
.nbs ul li {background:none;padding-left:0;margin-bottom:0;overflow:visible;}
.NBrightPagingDiv ul li {display:inline-block;background:none;padding-left:0;margin-bottom:0;}
ul.clientmenu li {padding:6px 24px;background:none;padding-left:0;overflow:visible;}
/* DNN FIX */
ul.dnnActions li {background:none;padding-left:0;margin-bottom:0;overflow:visible;}
/* Blog */
ul.bbs-pagination li a {text-decoration:none !important;}

/* DEBUG */
.DNNEmptyPane {margin:0;padding:0 !important;}
li p {line-height:30px;}
/* DNN9 Fix */
.dnnModuleManager {
  padding: 0 !important;
}

/* PREQUERIES */
#pm-menu, #pm-togglebtn, a.pm-basketbtn {display:none;}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 1380px and less */
@media screen and (max-width:1380px) {
.pagelarge {margin:0 40px;}
.logopane {left:40px;}
.rslides li .caption {right:40px;}
.topimageheader .caption {right:40px;}
.svgblockswrapper {padding:0;}
.bp {margin:0 40px 0 0;}
}
/* for 1280px and less */
@media screen and (max-width:1280px) {
.page {width:auto;padding:0 40px;}
}
/* for 980px and less - Only portrait for retina display */
@media all and (max-width:980px),
            screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 2940px) and (orientation: portrait),
            screen and (-webkit-min-device-pixel-ratio: 2.0) and (max-width: 1960px) and (orientation: portrait) {
#megamenu {display:none;}
#pm-menu, #pm-togglebtn, a.pm-basketbtn {display:block;}
.cartpane {display:none;}
.socialpane {flex:1 1 auto;}
.bottom {padding:60px 0;}
.bottom .pageflex {display:block;}
.bp {margin:0 0 40px 0;}
.contactsat-infos {white-space:normal;}
.content img {max-width:100%;height:auto;}
}
/* for 740px and less */
@media screen and (max-width:740px) {
.pageflex {display:block;}
.socialpane {display:none;}
.svgblockswrapper {padding:0;}
.svgblock {flex:1 0 50%;width:50%;margin:0 0 24px 0;}
#instafeed a {width:48%;margin:1%;}
}
/* for 380px and less */
@media screen and (max-width:380px) {
.pagelarge {margin:0 20px;}
.page {width:auto;padding:0 20px;}
.logopane {left:20px;}
.rslides li .caption {right:20px;}
.topimageheader .caption {right:20px;}
.header .pagelarge {margin:0 12px;}
.loginpane span.sep {margin:0 12px;}
.svgblocks {display:block;}
.svgblock {width:auto;}
#instafeed {display:block;}
#instafeed a {width:auto;}
}