/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Work+Sans:wght@400;700&display=swap');

body {
  color: #012928;
  font-size: 18px;
  font-family: 'Inter', sans-serif;
  line-height: 24px;
}
.pagemaster {
  position: absolute;
	top: 0;
  right: 0;
	left: 0;
  z-index: 1;
}
body.stickymenu .pagemaster {top:172px;}
.page {
  width: 1280px;
  margin: 0 auto;
  position: relative;
}
.pagelarge {
  margin: 0 40px;
  position: relative;
}
.page:after, .pagelarge:after {content:"";display:table;clear:both;}
.pageflex {display:flex;}
.content3 .pageflex {max-width:1440px;margin:0 auto;align-items:flex-start;}

.headerright {position:absolute;top:0;right:0;display:flex;background:#43b3b4;z-index:9000;border-bottom-left-radius:24px;padding:0 24px 0 40px;}
body.stickymenu .headerright {display:none;}
.headermenu {font-size:14px;line-height:24px;text-transform:uppercase;font-weight:700;margin:12px 0;}
.headermenu a {display:block;float:left;margin:0 24px 0 0;}
.headermenu a:link, .headermenu a:visited {color:white;text-decoration:none;}
.headermenu a:active, .headermenu a:hover {color:#012928;text-decoration:none;}
.searchpane {padding:10px 0 0 0;}
.header {position:relative;z-index:1200;width:100%;background:rgba(255, 255, 255, 0.5);padding:36px 0;}
body.stickymenu .header {position:fixed;top:0;z-index:9000;padding:12px 0;backdrop-filter:blur(5px);animation:move-down .5s forwards;}
@keyframes move-down {
  from {
    transform: translateY(-72%);
  }
  to {
    transform: translateY(0);
  }
}
.header .pageflex {align-items:end;}
.logopane {margin:0 54px;}
body.stickymenu .logopane {margin:0 30px;}
body.stickymenu .logopane img {max-height:48px;width:auto;}
.socialpane {flex:1;}
.content {padding:80px 0;}
.contentpane {padding:0 0 40px 0;line-height:30px;}
.leftpane {width:68%;margin:0 4% 0 0;padding:0 0 40px 0;}
.rightpane {width:28%;flex:1;padding:0 0 40px 0;}
.hleftpane {width:58%;background:#43b3b4;margin:80px 4% 0 0;color:white;padding:40px 80px 80px 80px;}
.hleftpane h3 {color:white;}
.hrightpane {width:38%;flex:1;margin:80px 0 0 0;}
.content2 {background:#f5f0e9;}
.contentpane2 {padding:40px 0;}
.bottom {background:#f5f0e9;}
.bottompane1 {position:relative;top:-25px;margin:0 0 25px 0;}
.bottompane2 {width:50%;}
.bottompane3 {width:50%;}
.footer {color:#012928;padding:40px 0;font-size:0;}
.footer a, .footer span {display:inline-block;margin:0 24px;font-size:14px;}
.footer a:link, .footer a:visited {color:#012928;text-decoration:none;}
.footer a:active, .footer a:hover {color:#007bc1;text-decoration:none;}

/* Text selection */
::selection {background:#43b3b4;}
::-moz-selection {background:#43b3b4;}

/* BUTTONS */
a.bigbutton {transition:all .2s ease-in-out 0s;}
a.bigbutton {display:inline-block;font-family:'Inter', sans-serif;font-weight:700;font-size:18px;line-height:24px;padding:8px 40px;border-radius:20px;margin:12px 20px 0 0;box-sizing:border-box;transition:all 0.3s ease;text-align:center;}
a.bigbutton:link, a.bigbutton:visited {box-shadow:inset 0px 0px 0px 2px #007bc1;color:#007bc1;text-decoration:none;}
a.bigbutton:active, a.bigbutton:hover {box-shadow:inset 0px 0px 0px 2px #012928;color:#012928;text-decoration:none;}
button.bigbutton {background:none;box-shadow:inset 0px 0px 0px 2px #007bc1;color:#007bc1;display:inline-block;font-family:'Inter', sans-serif;font-weight:700;font-size:18px;line-height:24px;padding:8px 40px;margin:12px 0 0 0;border-radius:20px;border:none;cursor:pointer;text-align:center;}
button.bigbutton:hover {box-shadow:inset 0px 0px 0px 2px #012928;color:#012928;}
.hleftpane a.bigbutton:link, .hleftpane a.bigbutton:visited {box-shadow:inset 0px 0px 0px 2px white;color:white;}
.hleftpane a.bigbutton:active, .hleftpane a.bigbutton:hover {box-shadow:inset 0px 0px 0px 2px #012928;color:#012928;}

/* Documents and links */
.documents, .newspaper-link {display:flex;flex-direction:column;align-items:flex-start;}
.documents a {display:block;font-family:'Inter', sans-serif;font-weight:700;font-size:18px;line-height:24px;padding:8px 40px;border-radius:20px;margin:12px 20px 0 0;box-sizing:border-box;transition:all 0.3s ease;text-align:center;}
.documents a:before {font-family:'Material Icons Outlined';content:"\e2c4";font-size:16px;font-weight:normal;margin:0 6px 0 0;vertical-align:middle;}
.documents a:link, .documents a:visited {box-shadow:inset 0px 0px 0px 2px #007bc1;color:#007bc1;text-decoration:none;}
.documents a:active, .documents a:hover {box-shadow:inset 0px 0px 0px 2px #012928;color:#012928;text-decoration:none;}
.newspaper-link a {display:block;font-family:'Inter', sans-serif;font-weight:700;font-size:18px;line-height:24px;padding:8px 40px;border-radius:20px;margin:12px 20px 0 0;box-sizing:border-box;transition:all 0.3s ease;text-align:center;}
.newspaper-link a:link, .newspaper-link a:visited {box-shadow:inset 0px 0px 0px 2px #007bc1;color:#007bc1;text-decoration:none;}
.newspaper-link a:active, .newspaper-link a:hover {box-shadow:inset 0px 0px 0px 2px #012928;color:#012928;text-decoration:none;}

/* MISC */
.material-icons-outlined {vertical-align:middle;}
.fcd-flex {align-items:center;}
.adhesion {background:#007bc1;text-align:center;padding:10px;border-radius:25px;}
.adhesion.h4-headline {color:white;}
.adhesion a:link, .adhesion a:visited {color:white;text-decoration:none;}
.adhesion a:active, .adhesion a:hover {color:#012928;text-decoration:none;}
.siteportail img {margin:20px 0 30px 0;}
.video-container {text-align:center;margin:40px 0;}

/* HEADERS */
.h1-headline {font-family:'Work Sans', sans-serif;font-weight:700;font-size:36px;line-height:40px;color:#007bc1;}
.h2-headline {font-family:'Work Sans', sans-serif;font-weight:400;font-size:24px;line-height:30px;color:#a6a6a6;}
.h3-headline {font-family:'Work Sans', sans-serif;font-weight:700;font-size:30px;line-height:36px;color:#012928;}
.h4-headline {font-family:'Work Sans', sans-serif;font-weight:700;font-size:24px;line-height:30px;color:#012928;}

/* DNN SEARCH */
.searchInputContainer {float:left;width:200px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.searchpane input[type=text] {color:white;font:inherit;font-size:16px;background:none;border:none;border-bottom:rgba(255, 255, 255, 0.3) solid 1px;width:100%;height:28px;float:left;padding:0 36px 0 6px;box-sizing:border-box;}
.searchpane input[type=text]::-webkit-input-placeholder {color:rgba(255, 255, 255, 0.5);}
.searchpane input[type=text]::-moz-placeholder {color:rgba(255, 255, 255, 0.5);}
.searchpane input[type=text]:-ms-input-placeholder {color:rgba(255, 255, 255, 0.5);}
.searchpane input[type=text]:-moz-placeholder {color:rgba(255, 255, 255, 0.5);}
#dnn_dnnSearch_cmdSearch {display:block;float:left;text-decoration:none !important;}
.searchbutton {display:block;width:28px;height:28px;text-align:center;color:white;}
.searchbutton:after {font-family:'Material Icons Outlined';content:"\e8b6";font-size:24px;vertical-align:middle;}
.searchbutton:hover {color:#012928;}
/* DNN Fix */
.dnnSearchResultSortOptions {display:none;}
#dnn_dnnSearch_ClassicSearch {display:block;position:relative;}
span.searchInputContainer {margin:0 !important;display:block !important;}
/* Suggestions */
.searchSkinObjectPreview {display:none;}
/* Results */
.dnnSearchBoxPanel {display:none;}
.dnnSearchResultPanel {background:none !important;}
.dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Description b, .dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Description b {color:#012928 !important;}
.dnnSearchResultPanel .dnnSearchResultSortOptions > li > a {text-decoration:none !important;background:transparent !important;}
.dnnSearchResultPanel .dnnSearchResultSortOptions > li.active > a,
.dnnSearchResultPanel .dnnSearchResultSortOptions > li.active > a:hover {background:white !important;}
.selectize-control.single .selectize-input {box-shadow:none !important;background:white !important;}
.dnnSearchResultPager a {box-shadow:none !important;}
.dnnSearchResultItem-Link, .dnnSearchResultItem-Others {display:none;}
.dnnSearchResultItem .dnnSearchResultItem-Title:before {font-family:'Material Icons Outlined';content:"\e873";font-size:30px;font-weight:normal;margin:0 6px 0 0;vertical-align:middle;color:#ccc;}

/* SVG Blocks */
.svgblockswrapper > h3 {background:white;color:#43b3b4;line-height:54px;padding:0 25px;display:inline-block;border-radius:5px;}
.svgblocks {display:flex;justify-content:center;flex-wrap:wrap;margin:20px 0;}
a.svgblock {display:flex;align-items:center;justify-content:center;width:250px;height:250px;background:#43b3b4;text-align:center;position:relative;overflow:hidden;border-radius:50%;margin:16px;}
a.svgblock h3 {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:200px;margin:0;color:white;}
.svgblockicon svg {width:160px;fill:rgba(255, 255, 255, 0.2);}
a.svgblock:hover {background:white;}
a.svgblock:hover h3 {color:#43b3b4;}
a.svgblock:hover .svgblockicon svg {fill:rgba(67, 179, 180, 0.2);}

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

/* BLOG */
.blogheader {margin:0 0 40px 0;}
.blogtools {float:right;}
.blog article {margin:0 0 40px 0;}
.blog article h2 {margin:0;}
.blog article .blogdate {margin:6px 0 0 0;}
.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 .h2-headline {background:#43b3b4;color:white;font-size:30px;line-height:54px;font-weight:700;padding:0 25px;display:inline-block;border-radius:5px;margin:30px 0 40px 0;}
.blog-sat .blog article h3 {margin:0;}
.blog-sat .blog article .article-content {display:block;}
.blog-sat .blog article figure {margin:0 0 20px 0;}
.blog-sat .blog article .article-summary {flex:initial;}
/* Categories */
.blog-categories {background:#f5f0e9;padding:30px;margin:0 0 20px 0;width:300px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.blog-categories ul {margin:0;}
.blog-categories li {list-style-type:none;padding:5px 0;border-bottom:#ccc solid 1px;}
.blog-categories li:last-child {border-bottom:0;}
.blog-categories a:link, .blog-categories a:visited {color:#4c565c;text-decoration:none;}
.blog-categories a:active, .blog-categories a:hover {color:#ee726c;text-decoration:none;}
/* 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;}
/* Tags */
.blog-tags .h3-headline {margin:0 0 15px 0;}
.rocket-tagbutton {text-transform:uppercase;font-size:13px;line-height:16px;font-weight:700;display:inline-block;padding:8px 16px;border-radius:16px;background:#f5f0e9;margin:0 4px 4px 0;}
.rocket-tagbutton:before {font-family:'Material Icons Outlined';content:"\f05b";font-size:16px;vertical-align:middle;margin-right:4px;}
.rocket-tagbutton:hover, .rocket-tagbuttonOn {background:#dedede;}
.rocket-tagbutton.rocket-tagbuttonclear {color:#32aab9;}
.rocket-tagbutton.rocket-tagbuttonclear:before {content:'\e888';}
/* Details */
.article-flex {display:flex;flex-direction:row-reverse;}
.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;}
.sharrre {margin-top:4px;}
.sharrre a {display:inline-block;font-size:24px;line-height:24px;margin:0 10px 0 0;}
.sharrre a:link, .sharrre a:visited, .sharrre a:active, .sharrre a:hover {text-decoration:none;}
.article-tags span {text-transform:uppercase;font-size:13px;line-height:18px;font-weight:700;color:#007bc1;margin-right:8px;}
.article-tags span:last-child {margin-right:0;}
.article-tags span:before {font-family:'Material Icons Outlined';content:"\f05b";font-size:16px;vertical-align:middle;margin-right:4px;}
.article-gallery {display:flex;}
.article-gallery a {margin:0 10px 10px 0;}

/* EVENTS */
.eventsheader {margin:0 0 40px 0;}
.eventstools {float:right;}
.events article {display:flex;align-items:flex-start;margin:0 0 40px 0;}
.events article figure {margin:0 24px 0 0;}
.events article .eventdate {text-transform:uppercase;text-align:center;margin:0 14px 0 0;padding:0 14px 0 0;color:#777;border-right:rgba(0, 0, 0, 0.2) solid 1px;}
.eventdate span {display:block;}
.ed-day {font-size:36px;line-height:36px;color:#007bc1;}
.ed-month {font-size:14px;line-height:14px;font-weight:700;}
.ed-year {font-size:12px;line-height:12px;}
.events article h2 {font-size:30px;line-height:36px;margin:0 0 12px 0;}
.eventinfo {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #ccc;
}
.w3-modal {z-index:9999;}
/* Sat */
.events-sat .h2-headline {font-size:30px;font-weight:700;color:white;margin:0 0 40px 0;}
.events-sat .events article {margin:0 0 24px 0;}
.events-sat .events article .eventdate {color:#012928;border-right:rgba(255, 255, 255, 0.2) solid 1px;}
.events-sat .ed-day {color:white;}
.events-sat .events article h3 {font-size:24px;line-height:30px;margin:0 0 6px 0;}
.events-sat .events article article-summary {font-size:16px;}
/* Calendar */
.events-calendar {margin:0 0 40px 0;}
.month {background:#43b3b4;}
.today {background:white;}
.activeday {background:#43b3b4;}
.calendar-popup {padding:20px 30px;}
.calendar-popup h2:first-letter {text-transform:capitalize;}
.calendar-popup h3 {font-size:24px;line-height:30px;margin:0;color:#007bc1;}
.events-table-item {display:flex;font-size:16px;padding-bottom:12px;border-bottom:#eee solid 2px;margin-bottom:12px;}
.events-table-item:last-child {border-bottom:none;}
.events-table-item figure {margin:0 12px 0 0;}
/* Archives */
.events-archives {background:#f5f0e9;padding:30px;margin:0 0 20px 0;}
.events-archives-item {margin:0 0 10px 0;}
.events-archives-item .count {float:right;color:#999;font-size:14px;}
.events-archives-item .count span {margin-left:4px;font-size:21px;vertical-align:top;}
.events-archives-clear {text-transform:uppercase;font-size:13px;line-height:18px;font-weight:700;color:#999;}
.events-archives-clear:before {font-family:'Material Icons Outlined';content:'\e888';font-size:16px;vertical-align:middle;margin-right:4px;}
.events-archives-clear:hover {color:#007bc1;}
/* Details */
.eventdaterange {border-top:#eee solid 2px;border-bottom:#eee solid 2px;color:#777;padding:10px 0;margin-bottom:20px;}
.eventdaterange span.material-icons-outlined {font-size:21px;vertical-align:text-top;}
.event-detail .article-flex {display:flex;flex-direction:row-reverse;}
.event-detail article figure {margin:0 0 40px 0;}
.event-detail img {max-width:100%;height:auto !important;}
.event-detail .article-infos {width:240px;margin:0 40px 0 0;}
.event-detail .article-infos > div {margin:0 0 20px 0;}
.event-detail .article-content {flex:1;}
.event-detail .fb-share-button {margin-top:4px;}
.event-detail .article-gallery {display:flex;}
.event-detail .article-gallery a {margin:0 10px 10px 0;}

/* CONTACT DETAILS MAP */
.contact-wrapper {display:flex;}
.contact-infos {width:50%;margin:0 0 40px 0;}
.contact-item {position:relative;padding:0 0 0 62px;margin:0 0 40px 0;}
.ci-header span {
  display: block;
  background: #007bc1;
  height: 42px;
  width: 42px;
  line-height: 42px;
  text-align: center;
  border-radius: 50%;
  color: white;
  font-size: 21px;
  position: absolute;
  top: 0;
  left: 0;
}
.contact-map {flex:1;margin:0 0 40px 40px;}
.contactsat-infos {background:url("cpierouergue-logo.png") no-repeat 40px 0;padding:0 0 0 180px;}

/* CONTACT FORM */
.contactform .h2-headline {margin:0 0 20px 0;}
.cff-mentions {;margin:20px 0 0 0;font-size:14px;line-height:18px;}
.cff-mentions p {margin:5px 0;}

/* Gallery */
.gallery-wrapper {margin:40px auto;}
.gallery {text-align:center;font-size:0;}
.gallery a {display:inline-block;margin:0 10px 20px 10px;}

/* Slider */
.slider-container {width:100%;position:relative;overflow:hidden;height:500px;}
.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:70px;left:54px;max-width:600px;z-index:1100;}
.rslides li .caption h2 {color:white;margin:0;font-size:40px;line-height:54px;font-weight:700;}
.rslides li .caption h2 span {background:#43b3b4;box-shadow:10px 0 0 #43b3b4,-10px 0 0 #43b3b4;}
/* Pager */
.rslides_tabs {position:absolute;z-index:9000;right:54px;bottom:70px;list-style:none;padding:0;margin:0;}
.rslides_tabs li {
  display: inline;
  padding: 0;
  margin: 0;
}
.rslides_tabs a {
  display: inline-block;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  text-decoration: none !important;
  color: white !important;
  font-size: 15px;
  font-weight: 700;
  border-bottom: rgba(255, 255, 255, 0.3) solid 2px;
}
.rslides_tabs .rslides_here a {
  border-bottom: white solid 2px;
}

/* Text Headers */
.textheader {height:200px;background:#007bc1;display:flex;align-items:center;}
.textheader .caption {margin:0 0 0 54px;max-width:600px;}
.textheader .caption h3 {color:white;margin:0 0 6px 0;font-weight:400;}
.textheader .caption h2 {color:#007bc1;margin:0;font-size:40px;line-height:54px;}
.textheader .caption h2 span {background:white;}
/* DA */
.sensibiliser .textheader {background:#c0504d;}
.sensibiliser .textheader .caption h2 {color:#c0504d;}
.accompagner .textheader {background:#00626f;}
.accompagner .textheader .caption h2 {color:#00626f;}
.environnement .textheader {background:#acca41;}
.environnement .textheader .caption h2 {color:#acca41;}

/* Social */
.socialicons {margin:20px 0 0 0;font-size:0;white-space:nowrap;}
.socialicons a {display:inline-block;font-size:30px;margin:0 16px 0 0;}
.socialicons a:link, .socialicons a:visited {color:#012928;text-decoration:none;}
.socialicons a:active, .socialicons a:hover {color:#007bc1;text-decoration:none;}
/* Sat */
.socialicons.si-menu {margin:0;}
.socialicons.si-menu a {font-size:16px;margin:0 8px 0 0;line-height:42px;width:42px;text-align:center;border-radius:50%;}
.socialicons.si-menu a:link, .socialicons.si-menu a:visited {background:#f5f0e9;}
.socialicons.si-menu a:active, .socialicons.si-menu a:hover {background:#333;color:white;}

/* TABLE */
.datatable {margin:20px 0;border:none;font-size:17px;}
.datatable tr:nth-child(even) {background:#eaeaea;}
.datatable th {color:#555555;font-size:16px;font-family:'Inter', sans-serif;font-weight:700;padding:6px 24px;}
.datatable td {padding:6px 24px;}

.clearfix {clear:both;}
ul.2columns {list-style-type:none;-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;}
.Normal, .NormalDisabled, .NormalDeleted {color:#012928;font-size:18px;line-height:24px;}

/********************* GENERIC *********************/
h1, h2, h3, h4, h5, h6 {color:#007bc1;font-family:'Work Sans', sans-serif;font-weight:700;margin:0;line-height:normal;font-style:normal;}
h1 {font-size:36px;line-height:40px;color:#012928;}
h2 {font-size:36px;line-height:40px;}
h3 {font-size:30px;line-height:36px;}
h4 {font-size:24px;line-height:30px;color:#a6a6a6;font-weight:400;}
h5 {font-size:18px;line-height:24px;}
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited {text-decoration:none;color:#007bc1;}
h1 a:active, h1 a:hover, h2 a:active, h2 a:hover, h3 a:active, h3 a:hover, h4 a:active, h4 a:hover {text-decoration:none;color:#009ee2;}
.hleftpane h3 a:link, .hleftpane h3 a:visited {color:white;}
.hleftpane h3 a:active, .hleftpane h3 a:hover {color:#012928;}
h1 sup {text-transform:uppercase;font-size:16px;padding-left:5px;}
strong {font-weight:700;}
a:link, a:visited {color:#007bc1;text-decoration:underline;}
a:active, a:hover {color:#009ee2;text-decoration:underline;}
h1, h2, h3, h4 {margin:20px 0;}
p {margin:20px 0;}
ul {margin:20px 0;padding:0;}
ul li p {line-height:24px;}
.contentpane ul, .leftpane ul {padding:0;margin:20px 0 20px 20px;}
.contentpane ul li, .leftpane ul li {list-style-type:none;position:relative;padding:0 0 0 32px;margin:0 0 10px 0;}
.contentpane ul li:before, .leftpane ul li:before {font-family:'Material Icons Outlined';content:"\e5cc";font-size:24px;color:#007bc1;position:absolute;top:1px;left:4px;}
/* Blog Tags */
ul.blogtaglist {margin:20px 0 10px 0;}
ul.blogtaglist li {display:inline-block;padding:0;margin:0 8px 0 0;}
ul.blogtaglist li:last-child {margin:0;}
hr {border:0;height:3px;background:#e0eef6;margin:40px auto;max-width:240px;text-align:left;}
blockquote {margin:40px 24px;padding:8px 30px 12px 30px;border-left:#f2f2f2 solid 10px;}
blockquote, blockquote p {font-style:normal;font-size:18px;line-height:25px;font-weight:700;color:#012928;}
blockquote p {margin:0;}

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

/* MainMenu */
nav#dnnMenu {}
nav#dnnMenu ul {list-style:none;margin:0;padding:0;}
nav#dnnMenu ul:after {content:"";display:table;clear:both;}
nav#dnnMenu ul li {
  display: block;
  float: left;
  padding: 0;
  margin: 0;
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  font-weight: 700;
  margin: 0 54px 0 0;
  position: relative;
}
nav#dnnMenu ul li a {
  display: block;
  line-height: 24px;
  color: #012928;
  text-decoration: none;
  padding: 0 0 0 22px;
}
nav#dnnMenu ul li a span.subtitle {display:block;font-weight:400;}
nav#dnnMenu ul li a span.bar {display:block;background:#007bc1;width:6px;height:100%;position:absolute;top:0;left:0;transition: all .2s ease-in-out 0s;}
nav#dnnMenu ul li.rootlevel:first-child {display:none;}
nav#dnnMenu ul li.root3 a span.bar {background:#c0504d;}
nav#dnnMenu ul li.root4 a span.bar {background:#00626f;}
nav#dnnMenu ul li.root5 a span.bar {background:#acca41;}
nav#dnnMenu ul li:hover span.bar {width:12px;}
/* Sub */
nav#dnnMenu .sub {
  visibility: hidden;
  opacity: 0;
	position: absolute;
  top: 48px;
	left: 0;
  z-index: 9900;
  transition: all 0.3s ease;
  padding: 18px 0 0 0;
  white-space: nowrap;
}
nav#dnnMenu ul li:hover > .sub, nav#dnnMenu ul li .sub:hover {visibility:visible;opacity:1;transition:all 0.3s ease;}
nav#dnnMenu ul li ul {background:#007bc1;padding:28px;}
nav#dnnMenu ul li.root3 ul {background:#c0504d;}
nav#dnnMenu ul li.root4 ul {background:#00626f;}
nav#dnnMenu ul li.root5 ul {background:#acca41;}
nav#dnnMenu ul li ul li {float:none;margin:0;}
nav#dnnMenu ul li ul li a {color:white;padding:0;}
nav#dnnMenu ul li ul li a:hover {color:rgba(255, 255, 255, 0.6);}
body.stickymenu nav#dnnMenu ul li {margin:0 30px 0 0;}

/* Navicon */
.pm-togglebtn {display:block;height:74px;width:74px;text-align:center;line-height:74px;color:#012928 !important;text-decoration:none !important;}
.pm-togglebtn:before {font-family:'Material Icons Outlined';content:"\e5d2";font-size:40px;font-weight:normal;vertical-align:middle;}
.pm-togglebtn.collapsable:before {content:"\e5cd";}

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

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for less than 1540px */
@media screen and (max-width:1540px) {
.header {padding:55px 0 7px 0;}
.header .pageflex {align-items:center;}
.logopane {margin:0 30px;}
nav#dnnMenu ul li {margin:5px 30px 5px 0;}
.socialpane {display:none;}
}
/* for less than 1280px */
@media screen and (max-width:1280px) {
.page {width:auto;padding:0 40px;}
.hleftpane {padding:40px;}
}
/* for less than 980px */
@media screen and (max-width:980px) {
.fcd-flex {display:block;}
.fcd-flex .flexcontent-text {flex:initial;margin:0 0 40px 0;}
.fcd-flex.fcd-reverse .flexcontent-text {margin:0 0 40px 0;}
}
/* for 800px and less - Only portrait for retina display */
@media all and (max-width:800px),
            screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 2400px) and (orientation: portrait),
            screen and (-webkit-min-device-pixel-ratio: 2.0) and (max-width: 1600px) and (orientation: portrait),
            screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation: portrait) {
nav#dnnMenu {display:none;}
#pm-menu, #pm-togglebtn {display:block;}
.pagelarge {margin:0 24px;}
.page {padding:0 24px;}
.pageflex {display:block;}
.header {padding:20px 0 0 0;}
.headerright {position:relative;right:auto;border-bottom-left-radius:0;padding:0 24px;}
.logopane {margin:0;text-align:center;}
.content {padding:40px 0;}
.leftpane {width:auto;margin:0;padding:0 0 40px 0;}
.rightpane {width:auto;flex:initial;padding:0;}
.hleftpane {width:auto;margin:40px 0;padding:24px;}
.hrightpane {width:auto;flex:initial;margin:0;}
.bottompane2 {width:auto;margin:0 0 20px 0;}
.bottompane3 {width:auto;}
.footer a, .footer span {margin:0 12px 0 0;}
a.bigbutton, button.bigbutton, .documents a, newspaper-link a {padding:8px 20px;}
.rslides li .caption {left:24px;}
.textheader {height:auto;padding:24px 0;}
.textheader .caption {margin:0 24px;}
.labelswrapper {margin:40px 0;}
.contact-wrapper {display:block;}
.contact-infos {width:auto;}
.contact-map {flex:initial;margin:0 0 40px 0;}
.content img, .content2 img, .content3 img {max-width:100%;height:auto !important;}
}
/* for 640px and less */
@media screen and (max-width:640px) {
.contactsat-infos {padding:120px 0 0 0;}
.contentpane ul, .leftpane ul {margin:20px 0;}
blockquote {margin:20px 0;padding:8px 20px 12px 20px;}
/* 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%;}
}
/* for 480px and less */
@media screen and (max-width:480px) {
.blog article .article-content {display:block;}
.blog article figure {margin:0 0 30px 0;}
.blog article .article-summary {flex:initial;}
.article-flex {display:block;}
.blog-detail .article-infos {width:auto;margin:0;}
.blog-detail .article-content {flex:initial;}
.events article {display:block;}
.events article figure {margin:0 0 24px 0;text-align:center;}
.events article .eventdate {margin:0 0 14px 0;padding:0;border-right:none;}
.events-sat .events article .eventdate {border-right:none;}
.event-detail .article-flex {display:block;}
.event-detail .article-infos {width:auto;margin:0;}
.event-detail .article-content {flex:initial;}
}