/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,400;0,600;0,700;1,400&display=swap');
@font-face {
    font-family: 'moon_flower_boldregular';
    src: url('fonts/moon_flower_bold-webfont.woff2') format('woff2'),
         url('fonts/moon_flower_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
  color: #676767;
  font-size: 18px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  line-height: 30px;
}
.pagemaster {
  position: absolute;
	top: 0;
  right: 0;
	left: 0;
  z-index: 1;
}
.page {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
.page:after {content:"";display:table;clear:both;}
.pageflex {display:flex;}

.langpane {position:absolute;z-index:1300;top:20px;right:68px;}
.language-object {font-size:18px;line-height:24px;text-transform:uppercase;color:white;letter-spacing:0.2em;font-weight:600;}
.language-object a {display:inline-block;margin:0 15px 0 0;}
.language-object a:last-child {margin:0;}
.language-object a:link, .language-object a:visited {color:white;text-decoration:none;}
.language-object a:active, .language-object a:hover {color:#278e9e;text-decoration:none;}
.logopane {position:absolute;z-index:1200;top:0;left:68px;}
.menuwrapper {background:#f2f2f2;width:100%;height:100px;padding:0 0 0 68px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.menuwrapper.is-sticky {
  position: fixed;
  z-index: 1200;
  top: 0;
  -webkit-transform: translateY(-100px);
  transform: translateY(-100px);
  -webkit-animation: move-down .2s forwards;
  animation: move-down .2s forwards;
}
@-webkit-keyframes move-down {
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@keyframes move-down {
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
.menu {float:left;}
.menu a:link {text-decoration:none;}
.resapane {float:right;}
.toppane {}
.content {position:relative;padding:80px 0;}
.contentpane {}
.content2 {position:relative;background:#f2f2f2;}
.contentpane2 {padding:60px 0;}
.content3 {}
.contentpane3 {padding:70px 0;}
.bottom {background:#278e9e;color:white;padding:40px 0;line-height:24px;}
.bottom .h3-headline {color:#c3c3c3;}
.bottom a:link, .bottom a:visited {color:white;}
.bottom a:active, .bottom a:hover {color:#c3c3c3;}
.bp1, .bp2, .bp3 {margin:0 100px 0 0;}
.copyright {font-size:14px;line-height:14px;color:#68a8b4;padding:20px 0;}
.copyright a:link, .copyright a:visited {color:#68a8b4;text-decoration:none;}
.copyright a:active, .copyright a:hover {color:white;text-decoration:none;}

/* Text selection */
::selection {background:#7ba02c;}
::-moz-selection {background:#7ba02c;}

/* BUTTONS */
a.bigbutton {margin:0 12px 12px 0;}
a.bigbutton:link, a.bigbutton:visited {background:#f2f2f2;color:#278e9e;display:inline-block;font-size:18px;font-weight:600;line-height:38px;text-decoration:none;padding:0 20px;}
a.bigbutton:active, a.bigbutton:hover {background:#278e9e;color:white;text-decoration:none;}
a.bigbutton:before {font-family:"Font Awesome 5 Free";content:"\f105";font-size:16px;margin-right:8px;}
.content2 a.bigbutton:link, .content2 a.bigbutton:visited {background:white;color:#278e9e;}
.content2 a.bigbutton:active, .content2 a.bigbutton:hover {background:#278e9e;color:white;}
button.bigbutton {background:#f2f2f2;color:#278e9e;display:inline-block;font-size:18px;font-weight:600;line-height:38px;text-decoration:none;padding:0 20px;border:none;cursor:pointer;}
button.bigbutton:hover {background:#278e9e;color:white;}
a.megabutton:link, a.megabutton:visited {background:#278e9e;color:white;font-size:24px;line-height:48px;}
a.megabutton:active, a.megabutton:hover {background:#f2f2f2;color:#278e9e;}

/* Documents and links */
.documents {}
.documents div {margin:0 0 20px 0;}
.documents a:before {font-family:"Font Awesome 5 Free";content:"\f1c1";font-size:16px;margin-right:8px;}
.documents a:link, .documents a:visited {background:#f2f2f2;color:#278e9e;display:inline-block;font-size:18px;font-weight:600;line-height:38px;text-decoration:none;padding:0 20px;}
.documents a:active, .documents a:hover {background:#278e9e;color:white;text-decoration:none;}
.newspaper-link {margin:30px 0 0 0;}
.newspaper-link a:before {font-family:"Font Awesome 5 Free";content:"\f105";font-size:16px;margin-right:8px;}
.newspaper-link a:link, .newspaper-link a:visited {background:#f2f2f2;color:#278e9e;display:inline-block;font-size:18px;font-weight:600;line-height:38px;text-decoration:none;padding:0 20px;}
.newspaper-link a:active, .newspaper-link a:hover {background:#278e9e;color:white;text-decoration:none;}

/* MISC */
.newspaper-imgdivcellleft {padding:0 40px 20px 0;}
.newspaper-imgdivcellright {padding:0 0 20px 40px;}
.socialicons {margin:20px 0;font-size:0;}
.socialicons a {font-size:24px;line-height:48px;margin:0 0 0 10px;}
.instafeed {text-align:center;}
.instaheader .h3-headline {
  display: flex;
  justify-content: center;
  align-items: center;
}
.instaheader .h3-headline:before, .instaheader .h3-headline:after {
  content: '';
  border-top: #e6eeed 1px solid;
  margin: 0 100px 0 0;
  flex: 1 0 100px;
}
.instaheader .h3-headline:after {
  margin: 0 0 0 100px;
}
.instacontent {font-style:italic;padding:40px 0;}
.instalink {font-weight:600;}
.instalink a {text-decoration:none !important;}
.instalink i.fab {display:table-cell;background:#f2f2f2;width:48px;border-radius:50%;font-size:24px;text-align:center;line-height:48px;font-weight:normal;}
.instalink span {display:table-cell;vertical-align:middle;padding:0 0 0 10px;}
ul.sec-menu {white-space:nowrap;}
.faqwrapper #accordion {margin:40px 0 0 0;}
.faqwrapper h3 {text-transform:none;margin:0;}
.faqwrapper p {margin:0;}
.faqwrapper hr {margin:30px 0;}
.accordion-content {padding:20px 0;}
/* Responsive Embed */
.video-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}

/* Headlines */
.h1-headline {font-family:'Titillium Web', sans-serif;font-weight:700;font-size:48px;line-height:48px;color:#278e9e;}
.h2-headline {font-family:'moon_flower_boldregular';font-weight:normal;font-size:48px;line-height:48px;color:#7ba02c;}
.h3-headline {font-family:'Titillium Web', sans-serif;font-weight:700;font-size:24px;line-height:24px;text-transform:uppercase;color:black;}

/* SVG Blocks */
.svgblockswrapper {}
.svgblocks {display:flex;flex-wrap:wrap;justify-content:center;margin:40px 0 0 0;}
.svgblock {width:180px;margin:0 20px;text-align:center;}
.svgblockicon {display:inline-block;width:128px;height:128px;background:#f2f2f2;border-radius:50%;transition:all .2s ease-in-out 0s;}
.svgblockicon svg {fill:black;max-width:72px;margin:26px;}
.svgblock:hover .svgblockicon {background:#278e9e;}
.svgblock:hover .svgblockicon svg  {fill:white;}
.svgblock a.bigbutton:link, .svgblock a.bigbutton:visited {color:#5a677b;}
.svgblock a.bigbutton:active, .svgblock a.bigbutton:hover {color:#5a677b;}

/* Labels */
.labels {display:flex;justify-content:center;flex-wrap:wrap;}
.label {display:flex;margin:0 8px;align-items:center;}

/* Contact Infos */
.contact-infos {background:url('map.png') no-repeat 80% 0;min-height:405px;}
.contact-item {position:relative;padding:0 0 0 34px;margin:10px 0;}
.contact-item span {position:absolute;top:0;left:0;color:#7ba02c;}
.contact-infos .contact-item {padding:0 0 0 40px;margin:0 0 15px 0;}
.contactsat-infos {background:url('picto.png') no-repeat;white-space:nowrap;padding:80px 0 0 0;}

/* Slider */
.slider-container {width:100%;position:relative;overflow:hidden;min-height:320px;height:640px;}
.rslides {position:absolute;list-style:none;overflow:hidden;width:100%;height:100%;padding:0;margin:0;}
.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;}
/* Caption */
.rslides li .caption {position:absolute;bottom:30px;left:68px;z-index:1100;}
.rslides li .caption h2 {color:white;font-family:'Titillium Web', sans-serif;font-weight:700;font-size:60px;line-height:60px;text-transform:none;}
/* Pager */
.rslides_tabs {position:absolute;z-index:9000;right:68px;bottom:30px;list-style:none;padding:0;margin:0;}
.rslides_tabs li {
  display: inline;
  padding: 0;
  margin: 0 0 0 8px;
}
.rslides_tabs a {
  text-indent: -9000px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: rgba(255,255,255, .3);
  display: inline-block;
  width: 16px;
  height: 16px;
}
.rslides_tabs .rslides_here a {
  background: white;
}

/* Image Headers */
.topimageheader {height:480px;overflow:hidden;position:relative;}
.topimageheader .caption {position:absolute;bottom:30px;left:68px;z-index:1100;}
.topimageheader .caption h2 {color:white;font-family:'Titillium Web', sans-serif;font-weight:700;font-size:60px;line-height:60px;text-transform:none;}

/* BLOG */
.blog {}
.blog article {margin:0 0 40px 0;}
.blog article:after {content:"";display:table;clear:both;}
.blog article hr {margin:20px auto;max-width:none;}
.blog article .article-infos {}
.blog article .article-infos span {color:#aeaeae;}
.blog article .article-img {float:left;margin:0 40px 40px 0;}
/* Detail */
article.blog-detail {}
article.blog-detail hr {margin:20px auto;max-width:none;}
.article-return {float:right;font-size:24px;}
.article-content {margin:40px 0;}
.article-summary {font-weight:bold;}
.article-gallery {margin:40px 0 0 0;}
.article-gallery:after {content:"";display:table;clear:both;}
.article-gallery img {display:block;float:left;margin:0 20px 0 0;}
/* Sat */
.blogsat {display:flex;position:relative;}
.blogsatheader {margin:0 70px 0 0;}
.blogsat article {flex:1;display:flex;}
.blogsatimg {background:white;padding:12px;margin:0 60px 0 0;}
.blogsatcontent {flex:1;}
.blogsatlink {position:absolute;bottom:0;right:0;}

/* Gallery */
.gallery {}
.gallery:after {content:"";display:table;clear:both;}
.gallery a {display:block;float:left;width:18%;margin:12px 1%;}
.gallery a img {max-width:100%;height:auto;}

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

.clearfix {clear:both;}

/* Default */
h1, h2, h3, h4, h5, h6 {color:#278e9e;font-family:'Titillium Web', sans-serif;font-weight:700;margin:0;line-height:normal;}
h1 {font-size:48px;line-height:48px;}
h2 {font-family:'moon_flower_boldregular';font-weight:normal;font-size:48px;line-height:48px;color:#7ba02c;}
.content2 h2 {color:#278e9e;}
h3 {font-size:24px;line-height:24px;text-transform:uppercase;color:black;}
h4 {font-size:48px;line-height:48px;}
h1 a:link, h1 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited {text-decoration:none;color:#278e9e;}
h1 a:active, h1 a:hover, h3 a:active, h3 a:hover, h4 a:active, h4 a:hover {text-decoration:none;color:#1b636e;}
h2 a:link, h2 a:visited {text-decoration:none;color:#1b636e;}
h2 a:active, h2 a:hover {text-decoration:none;color:#278e9e;}
hr {border:0;height:4px;background:#278e9e;margin:20px 0;max-width:90px;text-align:left;}
b, strong {font-weight:600;}
em {font-style:italic;}
a:link, a:visited {color:#278e9e;text-decoration:underline;}
a:active, a:hover {color:#1b636e;text-decoration:underline;}
/* IE10 FIX */
a:active {background-color:transparent;}
/* DNN7 FIX */
h1, h2, h3, h4, p {margin:20px 0;}
ul {margin:20px 0;padding:0;}
ul li {list-style-type:none;}
/* Styled lists */
.content ul {padding:0;margin:30px 0 30px 10px;}
.content ul li {list-style-type:none;position:relative;padding-left:32px;margin:0 0 10px 0;}
.content ul li:before {font-family:"Font Awesome 5 Free";font-weight:900;content:"\f141";font-size:16px;color:#278e9e;position:absolute;top:0;left:0;}
ul.twocol {-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px;}
blockquote {margin:40px 0;padding:8px 30px 12px 30px;border-left:none;}
blockquote, blockquote p {font-style:italic;font-size:24px;line-height:30px;color:#747474;background:#f5f5f5;text-align:center;}

/* DEBUG */
.DNNEmptyPane {width:auto;margin:0;padding:0;}
/* DNN9 Fix */
.dnnModuleManager {
    padding: 0 !important;
}

/* MainMenu */
nav#dnnMenu {white-space:nowrap;}
nav#dnnMenu ul {list-style:none;margin:0;padding:0;}
nav#dnnMenu ul li {
  display: block;
  height: 100px;
	float: left;
	position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 40px 0 0;
}
nav#dnnMenu ul li a {
  display: block;
  height: 100px;
  line-height: 100px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 700;
  font-size: 21px;
  color: #278e9e;
  text-decoration: none;
}
nav#dnnMenu ul li a:hover {color:#1b636e;}
nav#dnnMenu ul li.rootlevel:first-child {display:none;}
nav#dnnMenu ul li:last-child {margin:0;}
nav#dnnMenu ul li:hover, nav#dnnMenu ul li.rootlevel:last-child:hover {cursor:pointer;}
nav#dnnMenu ul li.active {
  -webkit-box-shadow: inset 0 6px 0 0 #1b636e;
  -moz-box-shadow: inset 0 6px 0 0 #1b636e;
  box-shadow: inset 0 6px 0 0 #1b636e;
}
nav#dnnMenu ul li ul {
  visibility: hidden;
  opacity: 0;
	position: absolute;
	left: 0;
  z-index: 9900;
  transition: all 0.3s ease;
}
nav#dnnMenu ul li:hover > ul, nav#dnnMenu ul li ul:hover {visibility:visible;opacity:1;transition: all 0.3s ease;}
nav#dnnMenu ul li ul li {background:rgba(39,142,158,.9);height:40px;float:none;margin:0 0 1px 0;}
nav#dnnMenu ul li ul li:hover {background:rgba(39,142,158,1);}
nav#dnnMenu ul li ul li a {height:40px;line-height:40px;padding:0 20px;color:white !important;}
nav#dnnMenu ul li a.haschild:after {font-family:'Font Awesome 5 Free';font-weight:900;content:'\f107';font-size:16px;padding-left:10px;}

/* Bouton Résa */
a.resabtn {
  display: block;
  height: 100px;
  line-height: 100px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 700;
  font-size: 21px;
  padding:0 30px;
}
a.resabtn:link, a.resabtn:visited {background:#278e9e;color:white;text-decoration:none;}
a.resabtn:active, a.resabtn:hover {background:#1b636e;color:white;text-decoration:none;}
a.resabtn:before {font-family:'Font Awesome 5 Free';font-weight:900;content:"\f105";font-size:16px;margin-right:10px;}

/* BottomMenu */
ul.sec-menu li a {
  display: block;
  font-weight: 600;
  color: white;
  text-decoration: none;
}

/* Navicon */
.pm-togglebtn {width:100px;height:100px;text-align:center;line-height:100px;color:#3c99a8 !important;text-decoration:none !important;}
.pm-togglebtn:before {font-family:'Font Awesome 5 Free';font-weight:900;content:"\f0c9";font-size:36px;}
.pm-togglebtn.collapsable:before {content:"\f00d";}

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

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 1300px and less */
@media screen and (max-width:1300px) {
.logopane {left:30px;}
.langpane {right:30px;}
.menuwrapper {padding:0 0 0 30px;}
.rslides li .caption {left:30px;}
.topimageheader .caption {left:30px;}
nav#dnnMenu ul li {margin:0 30px 0 0;}
}
/* for 1240px and less */
@media screen and (max-width:1240px) {
.page {width:auto;padding:0 30px;}
.bp1, .bp2, .bp3 {margin:0 40px 0 0;}
nav#dnnMenu ul li {margin:0 20px 0 0;}
}
/* for 1140px and less - Retina display */
@media all and (max-width:1140px),
            screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 3420px),
            screen and (-webkit-min-device-pixel-ratio: 2.0) and (max-width: 2250px),
            screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1710px) {
nav#dnnMenu {display:none;}
#pm-menu, #pm-togglebtn {display:block;}
.page {width:auto;padding:0 40px;}
.menuwrapper {padding:0;}
.blogsat {display:block;}
.blogsat article {flex:initial;}
.blogsatheader {margin:0 0 30px 0;}
.blogsatcontent {flex:1;}
}
/* for 980px and less */
@media screen and (max-width:980px) {
.pageflex {display:block;}
.bp1, .bp2, .bp3 {margin:0 0 30px 0;}
.blog article .article-img {float:none;margin:0 0 30px 0;}
.blogsat article {display:block;}
.blogsatimg {display:inline-block;margin:0 0 30px 0;}
.blogsatcontent {flex:initial;}
.blogsatlink {position:relative;}
ul.twocol {-webkit-column-count:2;-moz-column-count:2;column-count:2;}
}
/* for 640px and less */
@media screen and (max-width:640px) {
.logopane {position:relative;left:auto;text-align:center;background:#1b636e;}
.logopane img, .content img, .content2 img {max-width:100%;height:auto !important;}
.content {padding:40px 0;}
.contentpane2 {padding:40px 0;}
.contentpane3 {padding:40px 0;}
.slider-container {height:320px;}
.instaheader .h3-headline {display:block;}
.instaheader .h3-headline:before, .instaheader .h3-headline:after {border-top:none;margin:0;flex:initial;}
.instaheader .h3-headline:after {margin:0;}
.contact-infos {background:url('map.png') no-repeat bottom left;min-height:700px;}
a.resabtn span {display:none;}
ul.twocol {-webkit-column-count:1;-moz-column-count:1;column-count:1;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;}
}