/* Fonts */
@import url("https://use.typekit.net/aob8etj.css");
/* Regular 400 / Italic 400 / Bold 700 / Black 900 */

body {
  margin: 0;
  padding: 0;
  color: #3e3128;
  font-size: 1.25rem;
  font-family: "neulis-neue", sans-serif;
  line-height: 1.5;
  font-weight: 400;
}
img {
  border: 0;
  vertical-align: middle;
}
.pagemaster {
  width: 100%;
  position: relative;
  z-index: 1;
}
.pagelarge {
  padding: 0 8%;
}
.page {
  width: 1280px;
  margin: 0 auto;
}
.pagelarge:after, .page:after {content:"";display:table;clear:both;}
.pageflex {display:flex;}
.headerflex {display:flex;align-items:center;}
.header {position:relative;width:100%;background:white;}
.menu {flex-grow:1;margin:0 3rem 0 0;}
.menu a:link {text-decoration:none;}
.toppane {background:#f7f7ed;}
.content0 {background:#f7f7ed;}
.precontentpane {position:relative;z-index:2;max-width:1280px;margin:-5rem auto 0;}
.contentpane0 {padding:3rem 0 4rem 0;}
.content {padding:4rem 0;}
.contentpane {margin:0 0 4rem 0;}
.leftpane {width:68%;margin:0 4% 0 0;padding:0 0 4rem 0;}
.rightpane {flex:1;padding:0 0 4rem 0;}
.content2 {background:#f7f7ed;}
.contentpane2 {padding:4rem 0;}
.contentpane3 {margin:4rem 0;}
.bottom .h3-headline {margin:0 0 1.5rem 0;}
.bottomflex {display:flex;padding:3rem 0;}
.bottomright {flex:1;}
.bottompane1 {margin:0 4rem 0 0;}
.bottompane2 {flex:1;margin:0 4rem 0 0;}
.bottompane3 {flex:1;margin:0 4rem 0 0;}
.bottompane4 {flex:1;}
.footer {margin:0 0 3rem 0;}
.copyright {float:left;color:#3e3128;font-size:1rem;}
.copyright a:link, .copyright a:visited {color:#3e3128;text-decoration:none;}
.copyright a:active, .copyright a:hover {color:#61a248;text-decoration:none;}
.footerpane {float:right;}

/* BUTTONS */
a.bigbutton {display:inline-flex;align-items:center;font-family:"neulis-neue", sans-serif;font-size:1.5rem;line-height:1;font-weight:900;}
a.bigbutton:link, a.bigbutton:visited {color:#3e3128;text-decoration:none;}
a.bigbutton:active, a.bigbutton:hover {color:#61a248;;text-decoration:none;}
a.bigbutton:before {display:inline-block;font-family:'cv82';content:"\e906";font-weight:normal;margin-right:.5rem;}
a.bigbutton.greenbutton {padding:0.875rem 1.5rem;transition:all .3s ease-in-out;}
a.bigbutton.greenbutton:link, a.bigbutton.greenbutton:visited {background:#61a248;color:white;}
a.bigbutton.greenbutton:active, a.bigbutton.greenbutton:hover {background:#3e3128;color:white;}
.bigbutton.isbutton {margin:1rem 0 0 0;}

/* HEADLINES */
.h1-headline, .h2-headline, .h3-headline, .h4-headline {font-family:"neulis-neue", sans-serif;font-weight:900;line-height:1;}
.h1-headline {font-size:2.25rem;font-weight:400;}
.h2-headline {font-size:3rem;}
.h3-headline {font-size:2.25rem;}
.h4-headline {font-size:1.5rem;}

/* Documents and links */
.documents, .newspaper-link {border-top:#f7f7ed solid 2px;padding:1.5rem;display:flex;flex-direction:column;align-items:flex-start;margin:2rem 0 0 0;}
.documents a {display:inline-flex;align-items:center;font-family:"neulis-neue", sans-serif;font-size:1.5rem;line-height:1;font-weight:900;margin:0 1rem 1rem 0;}
.documents a:link, .documents a:visited {color:#3e3128;text-decoration:none;}
.documents a:active, .documents a:hover {color:#61a248;text-decoration:none;}
.documents a:before {display:inline-block;font-family:'cv82';content:"\e902";font-weight:normal;margin-right:.5rem;}
.documents a:only-child {margin:0;}
.newspaper-link a {display:inline-flex;align-items:center;font-family:"neulis-neue", sans-serif;font-size:1.5rem;line-height:1;font-weight:900;margin:0 1rem 1rem 0;}
.newspaper-link a:link, .newspaper-link a:visited {color:#3e3128;text-decoration:none;}
.newspaper-link a:active, .newspaper-link a:hover {color:#61a248;text-decoration:none;}
.newspaper-link a:before {display:inline-block;font-family:'cv82';content:"\e906";font-weight:normal;margin-right:.5rem;}
.newspaper-link a:only-child {margin:0;}

/* MISC */
::selection {background:#b3c47e;}
.video-container {text-align:center;}
.top-buttons {display:flex;justify-content:center;align-items:center;}
.top-buttons a {display:flex;justify-content:center;align-items:center;text-align:center;width:130px;height:120px;font-size:1.5rem;line-height:1;font-weight:900;color:white;transition:all .3s ease-in-out;}
.top-buttons a:link, .top-buttons a:visited {color:white;text-decoration:none;background-size:40%;}
.top-buttons a:active, .top-buttons a:hover {color:white;text-decoration:none;background-size:50%;}
a.adherer {background:#604b3b url("cv82-picto.svg") no-repeat center center;}
a.benevole {background:#61a248 url("cv82-picto.svg") no-repeat center center;}
a.don {background:#f9c03b url("cv82-picto.svg") no-repeat center center;}
.faq-buttons {display:flex;gap:20px;}
.faq-buttons a {width:33.33%;display:block;text-align:center;font-size:2.5rem;line-height:1;font-weight:900;background:white;padding:84px 60px 40px;box-sizing:border-box;position:relative;}
.faq-buttons a:link, .faq-buttons a:visited, .faq-buttons a:active, .faq-buttons a:hover {color:#3e3128;text-decoration:none;}
.faq-buttons a:before {display:block;font-family:'cv82';content:"\e900";font-weight:normal;font-size:3rem;color:#61a248;position:absolute;top:1.5rem;left:50%;transform:translateX(-50%);transition:all .3s ease;}
.faq-buttons a:hover:before {top:2rem;}
.about-content {display:flex;}
.about-content img {margin:0 3rem 0 0;}
.about-text {flex:1;font-weight:700;max-width:300px;}
/* FC OW */
.fcd-flex {align-items:center;}
.flexcontent-div {margin:0 0 3rem 0;}
.flexcontent-media.fcm-bottom {margin:4rem 0 0 0;}
.fcd-images div, .fcd-images div:last-child, .fcd-images div:only-child {margin:0 1rem 2rem 1rem;}
.fcw-2col .flexcontent-div {padding:0;}
.fcw-2col .flexcontent-div:first-child {width:30%;margin:0 4% 5rem 0;flex:initial}
.fcw-2col .flexcontent-div:last-child {width:auto;flex:1;margin:0 0 5rem 0;}
.fcw-2col .flexcontent-div:last-child .flexcontent-text {max-width:640px;}
/* Accordions */
.flexcontent-accordion {margin:3rem 2rem;}
.fca-header {background:rgba(97,162,72,0.5);padding:1rem 1.5rem;}
.fca-header h3 {color:white;margin:0;}
.fca-header h3:after {display:inline-block;font-family:'cv82';content:"\e906";font-weight:normal;font-size:2rem;margin-left:1rem;}
.fca-header h3:hover:after {color:#3e3128;}
.fca-content {padding:0 1.5rem 1.5rem 1.5rem;border-bottom:#f7f7ed solid 2px;}
.flexcontent-active .fca-header h3:after {content:"\e905";}

/* Hero Content */
.herocontent  {height:300px;overflow:hidden;position:relative;}
.herocontent  .caption {position:absolute;top:50%;width:100%;transform:translateY(-50%);color:white;text-align:center;z-index:1200;box-sizing:border-box;padding:0 30px;}
.herocontent  .caption h2 {color:white;margin:0 0 1rem 0;}

/* Headers */
.topimageheader {height:400px;position:relative;}
.topimageheader .caption {position:absolute;top:50%;left:50%;max-width:640px;transform:translate(-50%,-50%);color:white;text-align:center;z-index:1200;}
.topimageheader .caption .h1-headline {margin-right:-2.2rem;}
.topimageheader .caption .h1-headline:after {font-family:'cv82';content:"\e901";font-weight:normal;font-size:1.75rem;padding-left:.5rem;}
.topimageheader .caption h1 {color:white;margin:1.25rem 0 0 0;font-size:3rem;font-weight:900;}
.topimageheader .caption h1 span {background:rgba(97,162,72,0.9);}
.tih-mask:after {
    background: rgba(0,0,0,.25);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
}
.hometih {height:580px;}
.hometih .caption {max-width:840px;padding:0 0 5rem 0;}
.hometih .caption h1 {margin:0;margin:0 0 .75rem 0;font-size:2.5rem;font-weight:400;line-height:1;}
.hometih .caption h2 {color:white;margin:0;line-height:1;}

/* SVG Blocks */
.svgblockswrapper {max-width:1420px;margin:0 auto;}
.svgblockswrapper h2 {display:inline-block;background:#61a248;color:white;padding:1.25rem;margin:0;}
.svgblocks {display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;margin:4rem 0 0 0;gap:50px;}
.svgblock {flex:1;font-weight:900;line-height:1;}
.svgblock .count {font-size:4rem;}
.svgblock h3 {font-size:2.25rem;line-height:1;margin:0;}
.svgblock .extra {font-size:1.5rem;line-height:1;color:#3e3128;margin:.3rem 0 0 0;}
.svgblockicon svg {fill:currentColor;width:160px;height:auto;margin:0 0 10px 0;}
.svgblock.haies, .svgblock.haies h3 {color:#b3c47e;}
.svgblock.arbres, .svgblock.arbres h3 {color:#61a248;}
.svgblock.adherents, .svgblock.adherents h3 {color:#604b3b;}
.svgblock.collectivites, .svgblock.collectivites h3 {color:#f9c03b;}

/* Graphic Blocks */
.gblocks {display:grid;grid-template-columns:auto auto;justify-content:center;}
.gblocks a {display:block;max-width:550px;margin:15px;position:relative;overflow:hidden;}
.gblocks a:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    bottom: 0;
    z-index: 1000;
    transition: all .2s ease-in-out 0s;
    background: rgba(0, 0, 0, 0.15);
}
.gblocks img {display:block;max-width:100%;height:auto;}
.gblockstext {position:absolute;z-index:1100;top:40px;left:40px;max-width:400px;padding:2.5rem 1.5rem;box-sizing:border-box;}
.gblockstext h3 {color:white;line-height:1;max-width:300px;}
.gblockstext p {color:white;margin:4rem 0 0 0;}
.gblockstext h3:before {display:block;content:"";width:240px;height:240px;border-radius:50%;background:#61a248;position:absolute;top:120px;left:120px;transform:translate(-50%, -50%);transition:width 0.5s, height 0.5s;z-index:-1;}
.gblocks a:hover h3:before {width:600px;height:600px;}
/*.gblocks a:hover:after {opacity:0.9;background:#61a248;}*/
.gblocks a:hover img {filter:grayscale(100%);transition:all .3s ease;}
.gblockbt {margin:0 15px;}
.ateliers {background:#f7f7ed url("ateliers.svg") no-repeat center center;max-width:1130px;margin:15px auto;height:205px;display:flex;align-items:center;justify-content:center;background-size:100%;transition:all .3s ease-in-out;}
.ateliers:hover {background-size:120%;}
.ateliers a.bigbutton {font-size:1.875rem;}
.ateliers a.bigbutton:before {font-size:1.5rem;}

/* Trombino */
.trombinowrapper {margin:2.5rem 0;}
.trombino {display:flex;flex-wrap:wrap;justify-content:center;}
.trombino-item {flex:1;max-width:200px;margin:0 2% 2rem;}
.trombino-item img {display:block;border-radius:100px;}
.trombino-text {position:relative;z-index:2;margin:-2rem 0 0 0;}
.trombino-text h3 {color:white;font-size:1.75rem;margin:0 0 .5rem 0;}
.trombino-text h3 strong {font-weight:900;background:rgba(97,162,72,0.5);}
.trombino-text h4 {font-weight:700;line-height:1;margin:0;}

/* BLOG */
.blogheader {margin:0 0 3rem 0;}
.blogtools {float:right;}
.blog article {margin:0 0 3rem 0;}
.blog article h2 {font-size:2.5rem;margin:0 0 .5rem 0;}
.blog article .article-content {display:flex;margin:.5rem 0 0 0;}
.blog article figure {margin:0 2rem 0 0;}
.blog article .article-summary {flex:1;}
.bloginfo {font-weight:700;text-transform:uppercase;}
/* Sat */
.blogsatheader {text-align:center;}
.blogsatheader h2 {margin:0 0 3rem 0;}
.blog-sat .blog {margin:0 0 3rem 0;display:flex;gap:20px;justify-content:center;}
.blog-sat .blog article {margin:0;max-width:380px;}
.blog-sat .blog article h3 {font-size:1.5rem;margin:0;}
.blog-sat .blog article figure {margin:0;}
.blog-sat .blog article .article-content {display:block;margin:-1rem .5rem 0;background:white;padding:2rem 2rem 3rem 2rem;position:relative;z-index:2;}
.blogsatlink {text-align:center;}
/* Archives */
.blog-archives {background:#f7f7ed;padding:2rem;margin:2rem 0 0 0;font-size:1.2rem;}
.blog-archives-item {margin:0 0 .5rem 0;}
.blog-archives-item .count {float:right;font-size:1rem;}
.blog-archives-item .count span {margin-left:.25rem;font-size:1.5rem;}
/* Categories */
.blog-categories {background:#f7f7ed;padding:2rem;margin:2rem 0 0 0;font-size:1.2rem;}
/* Details */
.article-flex {display:flex;flex-direction:row-reverse;}
.blog-detail article h1 {font-size:3rem;font-weight:900;}
.blog-detail article figure {background:#f7f7f7;margin:0 0 3rem 0;text-align:center;}
.blog-detail img {max-width:100%;height:auto !important;}
.blog-detail .article-infos {width:240px;margin:1rem 3rem 0 0;}
.blog-detail .article-infos > div {margin:0 0 1.25rem 0;}
.blog-detail .article-content {flex:1;}
.sharrre {margin-top:.25rem;}
.sharrre a {display:inline-block;font-size:1.5rem;margin:0 1rem 0 0;}
.article-gallery {display:flex;margin:3rem 0 0 0;border-top:#f7f7ed solid 2px;padding:2rem 0 0 0;flex-wrap:wrap;}
.article-gallery a {margin:0 10px 10px 0;}

/* SOCIAL ICONS */
.socialicons {font-size:0;}
.socialicons a {
  display: inline-block;
  font-size: 2.25rem;
  margin-right: 8px;
  text-decoration: none !important;
}

/* Contact */
.contact-wrapper {display:flex;}
.contact-infos {width:50%;margin:0 0 2rem 0;}
.contact-item {margin:0 0 2rem 0;}
.contact-infos .contact-item:last-child {margin:0;}
.contact-map {flex:1;margin:2rem 0 2rem 4rem;}
.contactform {margin:0 0 3rem 0;}
/* Form */
.contactformfields input[type=text], .contactformfields input[type=email], .contactformfields input[type=date], .contactformfields select, .contactformfields textarea {border-radius:6px;}

/* LABELS */
.labels {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:2rem 0 0 0;font-size:0;}
.labels img {display:block;margin:0 .75rem 1.25rem .75rem;max-width:200px;}
.labelslink {text-align:center;}
.homelabels .labels {padding:3rem 0;}

/* TABLE */
.datatable {margin:20px 0;border:2px solid #eee;font-size:18px;border-collapse:collapse;}
.datatable th {border:2px solid #eee;background-color:#3e3128;padding:12px 36px;text-align:right;color:white;font-family:"neulis-neue", sans-serif;font-weight:400;font-size:18px;text-transform:uppercase;font-style:normal;}
.datatable td {border:2px solid #eee;padding:12px 36px;text-align:left;}

.Normal, .NormalDisabled, .NormalDeleted {font-size:1.25rem;line-height:1.5;}
.clearfix {clear:both;}
.as-sr-only {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/* Default */
h1, h2, h3, h4, h5, h6 {font-family:"neulis-neue", sans-serif;font-weight:900;margin:0;line-height:1.2;color:#3e3128;}
h1 {font-size:2.5rem;font-weight:400;}
h2 {font-size:3rem;}
h3 {font-size:2.5rem;}
h4 {font-size:1.5rem;}
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {text-decoration:none;color:#3e3128;}
h1 a:active, h1 a:hover, h2 a:active, h2 a:hover, h3 a:active, h3 a:hover {text-decoration:none;color:#61a248;}
strong {font-weight:700;}
a:link, a:visited {color:#3e3128;text-decoration:underline;}
a:active, a:hover {color:#61a248;text-decoration:underline;}
/* DNN */
h1, h2, h3, h4 {margin:2rem 0;}
p {margin:1rem 0;}
ul {margin:1rem 0;padding:0;}
.content ul, .content ol {padding:0;margin:1rem 0 1rem 2rem;}
.content ul li {margin:0 0 .5rem 0;list-style-type:disc;}
.content ol li {margin:0 0 .5rem 0;}
.content ul li:last-child, .content ol li:last-child {margin:0;}
.content ul li::marker {margin:0 .5rem 0 0;color:#61a248;}
.content ol li::marker {margin:0 .5rem 0 0;color:#61a248;font-size:1.2rem;font-weight:700;}
ul.multicolumn {columns:3;column-gap:4rem;}
hr {border:0;height:4px;background:#61a248;margin:1rem 0;max-width:170px;clear:none;}
blockquote {border-left:rgba(97,162,72,0.5) solid 8px;margin:2rem;padding:0 0 0 1.5rem;max-width:740px;}
blockquote, blockquote p {font-size:1.3rem;line-height:1.5;font-weight:700;font-style:normal;color:#3e3128;}
blockquote p {margin:0;}
em {font-style:italic;}

/* DEBUG */
.DNNEmptyPane {width:auto;margin:0;padding:0 !important;}
/* DNN9 Fix */
.dnnModuleManager {
    padding: 0 !important;
}
.LoginPanel {
    width: auto !important;
    padding-right: 0 !important;
    float: none !important;
}

/* LOGIN */
.LoginPanel {border:#eee solid 2px;border-radius:24px;padding:40px;}
.LoginPanel input {border:none;height:40px;padding-left:10px;background:#eee;color:#3e3128;font:inherit;width:320px !important;}
.dnnFormItem input[type="text"], .dnnFormItem select, .dnnFormItem textarea, .dnnFormItem input[type="email"], .dnnFormItem input[type="search"], .dnnFormItem input[type="password"] {font-size:18px;}
a.dnnPrimaryAction:link, a.dnnPrimaryAction:visited {background:#61a248;color:white;display:inline-block;font-weight:400;text-decoration:none;padding:10px 30px 12px 30px;text-align:center;border-radius:24px;box-shadow:none;text-shadow:none;border-color:#0e8b9e;}
a.dnnPrimaryAction:active, a.dnnPrimaryAction:hover {background:#3e3128;color:white;text-decoration:none;}
a.dnnSecondaryAction:link, a.dnnSecondaryAction:visited {background:#eee;color:#3e3128;display:inline-block;font-weight:400;text-decoration:none;padding:10px 30px 12px 30px;text-align:center;border-radius:24px;box-shadow:none;text-shadow:none;}
a.dnnSecondaryAction:active, a.dnnSecondaryAction:hover {background:#3e3128;color:white;text-decoration:none;}
.dnnLoginRememberMe {display:none;}
/* FORGOT PASSWORD */
.dnnSendPassword {border:#eee solid 2px;border-radius:24px;padding:40px;}
.dnnSendPassword input {border:none;height:40px;padding-left:10px;background:#eee;color:#3e3128;font:inherit;}
.dnnSendPassword .dnnFormItem {margin:40px 0;}
/* Fix */
.dnnFormHelpContent {display:none;}
.dnnFormItem .password-strength-container input {width:auto !important;margin-bottom:0 !important;}
.password-strength-container .meter {height:auto !important;}
.dnnLoginActions ul li, .dnnRegistrationForm ul li, .dnnSendPassword ul li {display:inline-block;margin:0 3px;padding:0 0 0 24px;}
.dnnLoginActions ul li:before, .dnnRegistrationForm ul li:before, .dnnSendPassword ul li:before {content:'';}

/* MainMenu */
nav#dnnMenu {white-space:nowrap;float:right;}
nav#dnnMenu ul {list-style:none;margin:0;padding:0;}
nav#dnnMenu ul li {
  display: block;
  height: 3rem;
	float: left;
  box-sizing: border-box;
  margin: 0 0 0 2.5rem;
  position: relative;
}
nav#dnnMenu ul li.rootlevel:first-child {display:none;}
nav#dnnMenu ul li a {
  display: block;
  height: 3rem;
  line-height: 3rem;
  font-family: "neulis-neue", sans-serif;
  font-weight: 900;
  font-size: 1.25rem;
  color: #3e3128;
  text-decoration: none;
  transition: all .2s ease-in-out;
}
nav#dnnMenu ul li a:hover {color:#61a248;}
nav#dnnMenu ul li:hover, nav#dnnMenu ul li.rootlevel:last-child:hover {cursor:pointer;}
nav#dnnMenu ul li a.haschild svg {fill:currentColor;margin-left:8px;}
nav#dnnMenu ul li ul {
  visibility: hidden;
  opacity: 0;
	position: absolute;
	left: -32px;
  z-index: 9900;
  transition: all 0.3s ease;
  background: #61a248;
  padding: 24px 32px 32px 32px;
}
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 {float:none;margin:0;border-bottom:rgba(255,255,255,0.2) solid 1px;}
nav#dnnMenu ul li ul li:last-child {border-bottom:none;}
nav#dnnMenu ul li ul li a {color:white;}
nav#dnnMenu ul li ul li a:hover {color:#3e3128;}

/* MobileMenu */
/* Button */
.navicon {text-align:center;}
.navicon a {
  display: block;
  font-size: 3rem;
  color: #3e3128;
  font-family: 'cv82';
  font-weight: normal;
}
.navicon a:before {display:inline-block;content:"\e904";}
.navicon a.collapsable:before {content:"\e908";}

/* Menu */
.mobilemenu ul {list-style:none;margin:0;padding:0 0 20px 0;font-family:"neulis-neue", sans-serif;font-size:1.5rem;font-weight:900;text-align:center;}
.mobilemenu ul li {display:block;}
.mobilemenu ul li a {display:block;padding:10px 20px;text-decoration:none;color:#3e3128;}
.mobilemenu ul li a:hover {color:#61a248;}
.mobilemenu ul ul {padding:5px 0 20px 0;}
.mobilemenu ul li li {line-height:1;}
.mobilemenu ul li a.disabled, .mobilemenu ul li a.disabled:hover {background:#61a248;color:white;cursor:default;}

/* CV82 Icons */
@font-face {
  font-family: 'cv82';
  src:
    url('fonts/cv82.ttf?hwd6nz') format('truetype'),
    url('fonts/cv82.woff?hwd6nz') format('woff'),
    url('fonts/cv82.svg?hwd6nz#cv82') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'cv82' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-arrow-down-circle:before {
  content: "\e900";
}
.icon-chevron-right:before {
  content: "\e901";
}
.icon-download:before {
  content: "\e902";
}
.icon-menu:before {
  content: "\e904";
}
.icon-minus-circle:before {
  content: "\e905";
}
.icon-plus-circle:before {
  content: "\e906";
}
.icon-tag:before {
  content: "\e907";
}
.icon-x:before {
  content: "\e908";
}

/* Disable Save as on content images */
.content img, .content2 img {
  pointer-events: none;
  -webkit-touch-callout: none;
}

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

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 1780px and less */
@media screen and (max-width:1780px) {
.pagelarge {padding:0 30px;}
.header .pagelarge {padding:0 0 0 30px;}
}
/* for 1540px and less */
@media screen and (max-width:1540px) {
.menu {margin:0 2rem 0 0;}
nav#dnnMenu ul li {margin:0 0 0 1.5rem;}
.bottompane1, .bottompane2, .bottompane3 {margin:0 2rem 0 0;}
.about-content img {margin:0 2rem 0 0;}
}
/* for 1280px and less */
@media screen and (max-width:1280px) {
.page {width:auto;padding:0 30px;}
.faq-buttons a {padding:84px 20px 40px;}
.svgblocks {gap:25px;}
.gblockstext {top:20px;left:20px;max-width:none;}
.gblockstext h3 {max-width:none;}
.gblockstext p {margin:3rem 0 0 0;}
.ateliers, .ateliers:hover  {background-size:cover;}
}
/* for 1180px and less */
@media screen and (max-width:1180px) {
.blog-sat .blog {display:block;}
.blog-sat .blog article {max-width:none;display:flex;margin:0 0 3rem 0;align-items:flex-start;}
.blog-sat .blog article .article-content {flex:1;margin:.5rem 0 0 -1rem;}
}
/* 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) {
#dnnMenu {display:none;}
.navicon {display:block;}
.header .pagelarge {padding:0 0 0 20px;}
.pageflex {display:block;}
.leftpane {width:auto;margin:0;}
.rightpane {flex:initial;padding:0;}
.bottompane1, .bottompane2, .bottompane3 {margin:0 0 2rem 0;}
.faq-buttons {flex-direction:column;}
.faq-buttons a {width:auto;}
.rslides li .caption {max-width:none;width:100%;box-sizing:border-box;padding:0 30px 5rem;}
.topimageheader .caption {max-width:none;width:100%;box-sizing:border-box;padding:0 30px;}
.gblocks {display:block;}
.gblocks a {margin:15px auto;}
.gblockbt {margin:0;}
.ateliers {max-width:550px;}
.contact-wrapper {display:block;}
.contact-infos {width:auto;margin:0;}
.contact-map {flex:initial;margin:3rem 0 2rem 0;}
/* FC OW */
.fcd-flex {display:block;}
.fcd-flex .flexcontent-text {flex:initial;margin:0 0 3rem 0;}
.fcd-reverse {flex-direction:row;}
.fcd-flex.fcd-reverse .flexcontent-text {margin:0 0 3rem 0;}
.fcw-2col, .fcw-3col, .fcw-4col, .fcw-5col, .fcw-multicol {display:block;}
.fcw-2col .flexcontent-div, .fcw-3col .flexcontent-div, .fcw-4col .flexcontent-div, .fcw-5col .flexcontent-div {flex:initial;width:auto;padding:0;}
.fcw-2col .flexcontent-div:first-child {width:auto;margin:0 0 3rem 0;}
.fcw-2col .flexcontent-div:last-child {flex:initial;margin:0 0 3rem 0;}
.fcw-2col .flexcontent-div:last-child .flexcontent-text {max-width:none;}
.logopane img, .content img, .content2 img, .content3 img {max-width:100%;height:auto !important;}
}
/* for 780px and less */
@media screen and (max-width:780px) {
.bottomflex {display:block;}
.bottomright {flex:initial;}
.blog-sat .blog article {display:block;margin:0 0 3rem 0;}
.blog-sat .blog article .article-content {flex:initial;margin:-1rem .5rem 0;}
.blog article .article-content {display:block;}
.blog article figure {margin:0 0 1.5rem 0;}
.blog article .article-summary {flex:initial;}
.article-flex {display:block;}
.blog-detail .article-infos {width:auto;margin:2rem 0 0 0;}
.blog-detail .article-content {flex:initial;}
/* 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 540px and less */
@media screen and (max-width:540px) {
a.benevole, a.don {display:none;}
.svgblocks {display:block;}
.svgblock {flex:initial;margin:0 0 3rem 0;text-align:center;}
}
/* for less than 380px (Iphone 7)*/
@media screen and (max-width:380px) {
.contentpane {margin:0;}
.h2-headline, h2, .topimageheader .caption h1 {font-size:2.5rem;}
h1, h3 {font-size:2.25rem;}
.documents, .newspaper-link {padding:1.5rem 0;}
.flexcontent-accordion {margin:3rem 0;}
.faq-buttons a {font-size:2.25rem;}
.gblockstext h3 {margin:0;}
.gblockstext p {display:none;}
.bottom, .footer {text-align:center;}
.about-content {display:block;}
.about-content img {margin:0 0 2rem 0;}
.about-text {flex:initial;max-width:none;}
blockquote {margin:2rem 0;}
}