/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
/* Thin 100 / ExtraLight 200 / Light 300 / Regular 400 / Medium 500 / SemiBold 600/ Bold 700 / ExtraBold 800 / Black 900 */

body {
  color: #1a2e68;
  font-size: 20px;
  font-family: "Raleway", sans-serif;
  line-height: 30px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
.pagemaster {
  width: 100%;
  position: relative;
  z-index: 1;
}
.pagelarge {
  position: relative;
  margin: 0 0 0 15px;
}
.page {
  position: relative;
  width: 1280px;
  margin: 0 auto;
}
.pagelarge:after, .page:after {content:"";display:table;clear:both;}
.pageflex {display:flex;}

.banner {margin:0 30px;}
.bannerflex {display:flex;align-items:center;}
.logopane img {margin:18px 0;}
.splitscreen {display:flex;}
.menuwrapper {flex:1;}
.langpane {float:right;}
.content {margin:100px 0;}
.contentpane {padding:0 0 100px 0;}
.leftpane {width:45%;margin:0 10% 0 0;padding:100px 0 0 0;}
.rightpane {width:45%;flex:1;padding:100px 0 0 0;}
.cp3 {padding:100px 0 0 0;}
.bottom {background:#baa189;padding:60px;color:white;}
.bottom a:link, .bottom a:visited {color:white;text-decoration:none;}
.bottom a:active, .bottom a:hover {color:#1a2e68;text-decoration:none;}
.bottom h3, .bottom h4 {color:white;margin:0;}
.bottom .h4-headline {color:white;}
.bottompane {margin:0 0 60px 0;}
.bp2 {margin:0 120px 0 60px;}
.bp3 {margin:0 120px 0 0;}
.bp4 {flex-grow:1;}
.copyright {font-size:16px;line-height:18px;letter-spacing:0.12em;color:white;margin:60px 0 0 0;}
.copyright a:link, .copyright a:visited {color:white;text-decoration:none;}
.copyright a:active, .copyright a:hover {color:#1a2e68;text-decoration:none;}

/* Text selection */
::selection {background:#1a2e68;}
::-moz-selection {background:#1a2e68;}

/* BUTTONS */
a.bigbutton {display:inline-block;font-family:"Raleway", sans-serif;font-weight:900;font-size:20px;line-height:20px;letter-spacing:0.12em;transition:all 0.3s ease;}
a.bigbutton:link, a.bigbutton:visited {color:#baa189;text-decoration:none;}
a.bigbutton:active, a.bigbutton:hover {color:#1a2e68;text-decoration:none;}
a.bigbutton:before {font-family:'Material Icons';content:"\e147";font-size:21px;font-weight:normal;vertical-align:middle;margin-right:12px;}
button.bigbutton {background:#1a2e68;color:white;display:inline-block;font-family:"Raleway", sans-serif;font-weight:700;font-size:20px;line-height:40px;padding:0 24px;margin:12px 0 0 0;border-radius:20px;border:none;cursor:pointer;min-width:200px;text-align:center;}
button.bigbutton:hover {background:#baa189;color:white;}
a.bigbutton.megabutton {background:#1a2e68;color:white;font-weight:700;line-height:40px;padding:0 24px;letter-spacing:0;border-radius:20px;}
a.bigbutton.megabutton:hover {background:#baa189;color:white;color:white;}
a.bigbutton.megabutton:before {display:none;}

/* Documents and links */
.documents, .newspaper-link {display:flex;flex-direction:column;align-items:flex-start;}
.documents {margin:24px 0 0 0;}
.documents a {display:inline-block;font-family:"Raleway", sans-serif;font-weight:900;font-size:20px;line-height:20px;letter-spacing:0.12em;transition:all 0.3s ease;margin:20px 0 0 0;}
.documents a:link, .documents a:visited {color:#baa189;text-decoration:none;}
.documents a:active, .documents a:hover {color:#1a2e68;text-decoration:none;}
.documents a:before {font-family:'Material Icons';content:"\e2c4";font-size:21px;font-weight:normal;vertical-align:middle;margin-right:12px;}
.newspaper-link {margin:24px 0 0 0;}
.newspaper-link a {display:inline-block;font-family:"Raleway", sans-serif;font-weight:900;font-size:20px;line-height:20px;letter-spacing:0.12em;transition:all 0.3s ease;margin:20px 0 0 0;}
.newspaper-link a:link, .newspaper-link a:visited {color:#baa189;text-decoration:none;}
.newspaper-link a:active, .newspaper-link a:hover {color:#1a2e68;text-decoration:none;}
.newspaper-link a:before {font-family:'Material Icons';content:"\e147";font-size:21px;font-weight:normal;vertical-align:middle;margin-right:12px;}

/* MISC */
.marginbottom {margin:0 0 60px 0;}
.herocontent {padding:100px 0;}
.herocontent .caption {background:rgba(26, 46, 104, 0.9);padding:40px;color:white;width:58%;box-sizing:border-box;}
.herocontent .caption h2 {color:white;}
.herocontent a.bigbutton:active, .herocontent a.bigbutton:hover {color:white;}
.herocontent a:active, .herocontent a:hover {color:white;}
.about-content {display:flex;align-items:center;}
.about-content img {margin:0 24px 0 0;}
.about-text {flex:1;}
.about-text h3 {font-weight:800;}
.temoignage {background:url('5stars.svg') no-repeat;padding:20px 0 0 0;}
.bloc {background:#f1ece7;padding:40px 60px 60px 60px;}
.flexcontent-div:only-child.bloc {margin:60px 0 0 0;}
.flexcontent-accordion {margin:40px 0;}
.fca-header h3 {margin:0;}
.fca-header h3:after {font-family:'Material Icons';content:"\e147";font-size:21px;font-weight:normal;margin-left:8px;vertical-align:top;}
.flexcontent-active .fca-header h3:after {content:"\e15d";}
.fca-content p {margin:12px 0 0 0;}
.gallery-wrapper, .gallery {margin:40px 0 0 0;}
.gallery:after {content:"";display:table;clear:both;}
.gallery a {display:block;float:left;margin:0 40px 40px 0;}

/* Responsive Embed */
.video-container {text-align:center;}
.fcd-flex .video-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;text-align:center;}
.fcd-flex .video-container iframe, .fcd-flex .video-container object, .fcd-flex .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}

/* Social */
.socialicons {font-size:0;margin:30px 0 20px 0;}
.socialicons a {display:inline-block;font-size:30px;line-height:30px;margin:0 0 0 30px;text-decoration:none !important;}

/* Labels */
.labelswrapper {font-size:0;margin:80px 0;}
.labels {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
.labels img {display:inline-block;margin:0 30px 30px 30px;}

/* Headlines */
.h1-headline {font-family:"Raleway", sans-serif;font-weight:900;font-size:48px;line-height:48px;letter-spacing:-0.03em;color:#1a2e68;}
.h2-headline {font-family:"Raleway", sans-serif;font-weight:900;font-size:48px;line-height:54px;letter-spacing:-0.03em;color:#1a2e68;}
.h3-headline {font-family:"Raleway", sans-serif;font-weight:900;font-size:30px;line-height:30px;letter-spacing:-0.03em;color:#baa189;}
.h4-headline {font-family:"Raleway", sans-serif;font-weight:700;font-size:24px;line-height:30px;color:#1a2e68;}

/* Contact */
.contact-wrapper {display:flex;}
.contact-infos {width:50%;margin:0 40px 80px 0;}
.contact-infos .contact-item {position:relative;padding:0 0 0 60px;margin:36px 0 0 0;font-weight:700;line-height:36px;}
.contact-infos .contact-item span {position:absolute;top:0;left:0;font-size:30px;color:#baa189;}
.contact-map {flex:1;margin:30px 0 80px 0;}

/* SVG Blocks */
.svgblockswrapper {margin:40px 0 80px 0;}
.svgblocks {display:flex;flex-wrap:wrap;justify-content:center;}
.svgblock {background:#baa189;width:96px;height:96px;border-radius:20px;margin:20px;}
.svgblockicon svg {width:64px;fill:white;margin:16px;}

/* Graphic Blocks */
.toppane .gblockswrapper {margin:100px 0 0 0;}
.gblockswrapper h2 {margin:0 0 40px 0;}
.gblocks {display:flex;justify-content:center;flex-wrap:wrap;}
.gblocks a {display:block;margin:7px;position:relative;overflow:hidden;}
.gblocks a:after {
    position: absolute;
    width: 100%;
    height: 200px;
    content: "";
    left: 0;
    bottom: 0;
    z-index: 1000;
    transition: all .2s ease-in-out 0s;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
}
.gblocks img {display:block;max-width:100%;height:auto;}
.gblockstext {position:absolute;z-index:1100;bottom:40px;left:0;margin:0 12px 0 24px;}
.gblockstext h2 {font-size:30px;line-height:30px;margin:0;color:white;}
.gblockstext h3 {font-weight:400;font-size:18px;line-height:24px;margin:12px 0 0 0;color:white;}
.gblocks a:hover:after {
    height: 100%;
    opacity: 0.8;
    transition: all .2s ease-in-out 0s;
    background: #1a2e68;
}
.leftpane .gblocks a {margin:0 0 40px 0;overflow:visible;}
.leftpane .gblockstext {right:-36px;text-align:right;margin:0;padding:0 100px 0 0;}
.leftpane .gblockstext:after {
    position: absolute;
    width: 72px;
    height: 72px;
    line-height: 72px;
    text-align: center;
    font-family: 'Material Icons';
    content: "\e145";
    font-size: 36px;
    font-weight: normal;
    vertical-align: middle;
    right: 0;
    top: 0;
    z-index: 1200;
    background: #baa189;
    color: white;
}
.leftpane .gblocks a:hover .gblockstext:after {background:#1a2e68;}

/* FlexSlider */
.flexslider {margin:0;border:none;box-shadow:none;}
.flexslider .slides > li {}
.flexslider .slides img {width:auto !important;max-width:calc(50% + 50px);margin:140px 0 0 0;float:right;}
/* Caption */
.flex-caption {background:linear-gradient(90deg, #baa189 72%, white 28%);}
.flex-caption h2 {font-size:64px;line-height:60px;color:white;margin:0;}
.flex-caption h3 {font-size:40px;line-height:48px;color:white;margin:24px 0 0 0;}
.flex-caption h4 {color:white;margin:12px 0 0 0;}
.flex-caption a.bigbutton:link, .flex-caption a.bigbutton:visited {color:white;}
.flex-caption a.bigbutton:active, .flex-caption a.bigbutton:hover {color:#1a2e68;}
.flex-caption a.bigbutton:after {background:white;}
.flex-caption a.bigbutton:hover:after {background:#1a2e68;}
.fc-text {width:50%;box-sizing:border-box;padding:80px 100px 100px 100px;background:url('tampon.png') no-repeat 100% 40px;}
/* Nav */
.flex-control-nav {width:auto;bottom:40px;right:40px;z-index:9000;line-height:16px;}
.flex-control-nav li {margin:0 0 0 6px;}
.flex-control-paging li a {width:16px;height:16px;background:rgba(255,255,255,0.5);box-shadow:none;border-radius:8px;}
.flex-control-paging li a:hover {background:rgba(255,255,255,0.7);}
.flex-control-paging li a.flex-active {background:rgba(255,255,255,0.9);}

/* Headers */
.topimageheader {background:#baa189 url('tampon-tih.png') no-repeat right 50px center;}
.topimageheader .caption {padding:40px 0 50px 50px;}
.topimageheader .caption h2 {font-size:64px;line-height:60px;color:white;margin:0;max-width:820px;}
.topimageheader .caption h4 {color:white;margin:12px 0 0 0;}

/* NEWS */
.blogwrapper {}
.blogheader {margin:0 0 40px 0;}
.blogtools {float:right;}
.blog article {margin:0 0 40px 0;position:relative;padding:0 0 0 100px;}
.blog article h2 {font-size:36px;line-height:36px;margin:0 0 20px 0;}
.formatdate {position:absolute;top:0;left:0;width:72px;text-transform:uppercase;text-align:center;}
.formatdate span {display:block;}
.fd-day {background-color:white;height:60px;line-height:60px;font-size:40px;font-family:"Raleway", sans-serif;font-weight:700;color:#baa189;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}
.fd-month {background-color:#baa189;color:white;font-size:12px;-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;}
.blog article .article-content {display:flex;margin:10px 0 0 0;}
.blog article figure {margin:0 30px 0 0;}
.blog article .article-summary {flex:1;}
.bloginfo {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #ccc;
}
/* Sat */
.blog-sat {margin:40px 0 0 0;}
.blog-sat h4 {margin:40px 0 20px 0;}
.blog-sat .blog article {margin:40px 0;padding:0;}
.blog-sat .blog article .article-content {display:block;margin:0;}
.blog-sat .blog article .article-summary {flex:initial;}
/* Archives */
.blog-archives {background:#f5f0e9;padding:30px;margin:0 0 20px 0;}
.blog-archives-item {margin:0 0 10px 0;text-transform:capitalize;}
.blog-archives-item .count {float:right;color:#999;font-size:14px;}
.blog-archives-item .count span {margin-left:4px;font-size:24px;}
/* Details */
.article-flex {display:flex;flex-direction:row-reverse;}
.blog-detail article h1 {font-size:48px;line-height:54px;}
.blog-detail article figure {margin:0 0 40px 0;}
.blog-detail img {max-width:100%;height:auto !important;}
.blog-detail .article-infos {width:240px;margin:0 40px 0 0;}
.blog-detail .article-infos > div {margin:0 0 20px 0;}
.blog-detail .article-content {flex:1;}
.blog-detail .fb-share-button {margin-top:4px;}
.article-gallery {display:flex;}
.article-gallery a {margin:0 10px 10px 0;}

/* FORM */
.contactform {margin:0 0 80px 0;}
.contactformfields label {color:#baa189;font-weight:600;padding:0 12px;}
.contactformfields input[type=text], .contactformfields input[type=email], .contactformfields input[type=date], .contactformfields select {border:#baa189 solid 2px;background:white;color:#1a2e68;border-radius:20px;padding-left:20px;padding-right:20px;}
.contactformfields textarea {border:#baa189 solid 2px;background:white;color:#1a2e68;border-radius:20px;}

/* LANG DDL */
.language-object, .language-object * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.language-object {
	position: relative;
  line-height: 36px;
} 
.language-object select {
	width: 100%;
  font-family: "Raleway", sans-serif;
  font-weight: 900;
  font-size: 18px;
  color: #1a2e68;
	padding: 0 12px;
	border: none;
	background: transparent;
		-webkit-appearance: none;
		-moz-appearance: none;
	appearance: none;
  cursor: pointer;
}
.language-object select:active, .language-object select:focus {
	outline: none;
	box-shadow: none;
}
.language-object:after {
  font-family: 'Material Icons';
  content: "\e313";
  font-size: 16px;
  font-weight: normal;
  vertical-align: middle;
	position: absolute;
	top: 0;
	right: 12px;
  width: 0;
  height: 0;
}

/* TABLE */
.datatable {margin:30px 0;border:1px solid #d0e8e9;font-size:20px;line-height:24px;border-collapse:collapse;}
.datatable th {background-color:#d0e8e9;border:1px solid #d0e8e9;padding:12px 24px;color:#baa189;font-family:"Raleway", sans-serif;font-size:20px;font-weight:600;}
.datatable td {border:1px solid #d0e8e9;padding:12px 24px;}

.clearfix {clear:both;}

/* Default */
h1, h2, h3, h4, h5, h6 {color:#1a2e68;font-family:"Raleway", sans-serif;font-weight:800;margin:0;line-height:normal;}
h1 {font-size:40px;line-height:48px;color:#baa189;}
h2 {font-size:40px;line-height:48px;}
h3 {font-size:36px;line-height:40px;font-weight:200;}
h4 {font-size:18px;line-height:24px;font-weight:500;letter-spacing:0.2em;}
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited  {color:#baa189;text-decoration:none;}
h2 a:active, h2 a:hover, h3 a:active, h3 a:hover {color:#1a2e68;text-decoration:none;}
hr {border:0;height:4px;background:#d0e8e9;border-radius:2px;margin:20px 0;max-width:200px;}
a:link, a:visited {color:#baa189;text-decoration:underline;}
a:active, a:hover {color:#1a2e68;text-decoration:underline;}
/* IE10 FIX */
a:active {background-color:transparent;}
/* DNN7 FIX */
h1, h2, h3, h4, p {margin:12px 0;}
.content ul {padding:0;margin:12px 0 12px 40px;}
.content ul li {margin:0 0 10px 0;list-style-type:disc;}
.content ul li::marker {color:#baa189;margin:0 .5rem 0 0;}
.content h4 {font-weight:800;}
blockquote {border-left:#baa189 solid 10px;margin:40px;padding:0 0 0 20px;max-width:800px;}
blockquote, blockquote p {font-style:normal;font-size:20px;line-height:30px;font-weight:700;color:#baa189;}
ul.twocol {columns:2;column-gap:40px;}

/* DEBUG */
.DNNEmptyPane {margin:0;padding:0 !important;}
li p {line-height:30px;}
/* 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: 36px;
	float: left;
  box-sizing: border-box;
  margin: 0 0 0 24px;
  position: relative;
}
nav#dnnMenu ul li a {
  display: block;
  height: 36px;
  line-height: 36px;
  font-family: "Raleway", sans-serif;
  font-weight: 900;
  font-size: 18px;
  color: #1a2e68;
  text-decoration: none;
}
nav#dnnMenu ul li a:hover {color:#baa189;}
nav#dnnMenu ul li:hover, nav#dnnMenu ul li.rootlevel:last-child:hover {cursor:pointer;}
nav#dnnMenu ul li a.haschild:after {font-family:'Material Icons';content:"\e313";font-size:16px;font-weight:normal;vertical-align:middle;margin-left:4px;}
nav#dnnMenu ul li ul {
  visibility: hidden;
  opacity: 0;
	position: absolute;
	left: -24px;
  z-index: 9900;
  transition: all 0.3s ease;
  background: white;
  padding: 24px;
}
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 {}
nav#dnnMenu ul li ul li {float:none;margin:0;}

/* SiteMap Menu */
.sm-menu * {margin:0;padding:0;list-style:none;}
.sm-menu {font-size:24px;line-height:36px;font-weight:700;margin:0;padding:0;}
.sm-menu li {color:white;}
.sm-menu a, .sm-menu a:visited {color:white;text-decoration:none;}
.sm-menu a:focus, .sm-menu a:hover, .sm-menu a:active {color:#1a2e68;transition:.4s;outline:0;}
.sm-haschild li {font-weight:400;font-size:20px;line-height:30px;}
.sm-menu2 {margin:24px 0 0 0;}

/* MobileMenu */
/* Button */
.navicon {}
.navicon a {display:block;width:72px;height:72px;line-height:72px;text-align:center;text-decoration:none !important;float:right;}
.navicon a:before {font-family:'Material Icons';content:"\e5d2";font-size:48px;font-weight:normal;vertical-align:middle;color:#1a2e68;}
.navicon a.collapsable:before {content:"\e5cd";}

/* Menu */
.mobilemenu {background:white;}
.mobilemenu ul {list-style:none;margin:0;padding:20px;font-family:"Raleway", sans-serif;font-weight:900;font-size:24px;text-align:center;background:white;}
.mobilemenu ul li {display:block;padding:10px 0;border-bottom:#e1e1e1 solid 1px;}
.mobilemenu>ul>li:last-child {border-bottom:none;}
.mobilemenu ul li a {display:block;text-decoration:none;color:#1a2e68;}
.mobilemenu ul li a:hover {color:#baa189;}
.mobilemenu ul li a.disabled {color:#baa189;}
.mobilemenu ul li span {color:#baa189;}
.mobilemenu ul li ul {padding:10px 0;}
.mobilemenu ul li li {padding:5px 0;border-bottom:none;}
.mobilemenu ul li li:last-child {padding:5px 0 0 0;}

/* PREQUERIES */
.navicon, .mobilemenu {display:none;}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 1280px and less */
@media screen and (max-width:1280px) {
.page {width:auto;margin:0 30px;}
}
/* for 1140px and less */
@media screen and (max-width:1140px) {
.flexslider .slides img {max-width:50%;}
.fc-text {padding:80px 50px 100px 50px;}
}
/* 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) {
nav#dnnMenu {display:none;}
.navicon {display:block;}
.pagelarge {margin:0 30px;}
.pageflex {display:block;}
.banner {margin:0 12px;}
.language-object {line-height:72px;} 
.leftpane {width:auto;margin:0;}
.rightpane {width:auto;flex:initial;}
.bottompane {margin:0 0 40px 0;}
.bp2 {margin:0 0 40px 0;}
.bp3 {margin:0 0 40px 0;}

.article-flex {display:block;}
.article-left {margin:0;}

.flexslider .slides img {max-width:100%;margin:0;float:none;}
.flex-caption {background:#baa189;}
.fc-text {width:auto;padding:80px;}
.contact-wrapper {display:block;}
.contact-infos {width:auto;margin:0 0 40px 0;}
.contact-map {flex:initial;margin:0 0 40px 0;}
.content img {max-width:100%;height:auto !important;}
}
/* for 640px and less */
@media screen and (max-width:640px) {
.content {margin:60px 0;}
.contentpane {padding:0 0 60px 0;}
.leftpane {padding:60px 0 0 0;}
.rightpane {padding:60px 0 0 0;}
.cp3 {padding:60px 0 0 0;}
.bottom {padding:30px;}
.herocontent {padding:60px 0;}
.herocontent .caption {width:auto;}
.about-content {display:block;}
.about-content img {margin:0 0 24px 0;}
.about-text {flex:initial;}
.toppane .gblockswrapper {margin:60px 0 0 0;}
.leftpane .gblocks a:last-child {margin:0;}
.leftpane .gblockstext {right:0;}
.fc-text {padding:40px;background:#baa189 url('tampon-tih.png') no-repeat right 50px center;}
.flex-caption h2 {font-size:40px;line-height:40px;max-width:none;}
.flex-caption h3 {font-size:24px;line-height:30px;}
.topimageheader .caption {padding:40px;}
.topimageheader .caption h2 {font-size:40px;line-height:40px;}
/* Responsive Embed */
.video-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;text-align:center;}
.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}
}
/* for 480px and less */
@media screen and (max-width:480px) {
.pagelarge {margin:0 20px;}
.page {margin:0 20px;}
.fc-text {padding:40px 20px;}
.topimageheader .caption {padding:40px 20px;}
.contact-infos .contact-item {padding:0 0 0 40px;}
.bloc {padding:30px;}
h1 {font-size:36px;line-height:40px;}
h2 {font-size:36px;line-height:40px;}
h3 {font-size:30px;line-height:36px;}

.blog article {padding:0;}
.formatdate {display:none;}
article.article-detail h1 {float:none;}
.article-back {float:none;}
}