@font-face{
  font-family:"FranklinGothic";
  src:url("Fonts/09c494e9-92a0-4b99-8153-1674aa0ca91e.woff2") format("woff2"),url("Fonts/92fde49b-44fa-441b-9633-c66f9d78a9b4.woff") format("woff");
  font-weight: normal; /*400*/
  font-style: normal;
}
@font-face{
  font-family:"FranklinGothic";
  src:url("Fonts/32b9312c-a816-4ffb-808f-87e8182601c3.woff2") format("woff2"),url("Fonts/da0bcd53-63f4-47c9-8280-ad304d2bdea6.woff") format("woff");
  font-weight: normal; /*400*/
  font-style: italic;
}
@font-face{
  font-family:"FranklinGothic";
  src:url("Fonts/d6cae508-cc22-4316-ac5e-d39f24e99555.woff2") format("woff2"),url("Fonts/a533f589-966b-46d4-9bc2-654f1bcb669e.woff") format("woff");
  font-weight: 500; /*500*/
  font-style: normal;
}
/*
@font-face{
  font-family:"FranklinGothic";
  src:url("Fonts/26f91380-8d9c-415b-8e18-8229eb4a8320.woff2") format("woff2"),url("Fonts/361020a1-32d2-4c5a-a8ab-57c6181a4ae9.woff") format("woff");
  font-weight: 600; 
  font-style: normal;
}
*/
@font-face{
  font-family:"FranklinGothic";
  src:url("Fonts/1cdae846-ca85-4164-bbdf-de3e536aaa03.woff2") format("woff2"),url("Fonts/06b5fb6a-da85-4730-b401-2e354e7498f2.woff") format("woff");
  font-weight: bold; /*700*/
  font-style: normal;
}
/* Fontello */
@font-face {
  font-family: 'pictos';
  src: url('Fonts/pictos.eot?11301158');
  src: url('Fonts/pictos.eot?11301158#iefix') format('embedded-opentype'),
       url('Fonts/pictos.woff2?11301158') format('woff2'),
       url('Fonts/pictos.woff?11301158') format('woff'),
       url('Fonts/pictos.ttf?11301158') format('truetype'),
       url('Fonts/pictos.svg?11301158#pictos') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'pictos';
    src: url('../font/pictos.svg?11301158#pictos') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "pictos";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-up-open:before { content: '\e800'; } /* '' */
.icon-up-small:before { content: '\e801'; } /* '' */
.icon-down-open:before { content: '\e802'; } /* '' */
.icon-down-small:before { content: '\e803'; } /* '' */
.icon-left-open:before { content: '\e804'; } /* '' */
.icon-left-small:before { content: '\e805'; } /* '' */
.icon-right-open:before { content: '\e806'; } /* '' */
.icon-right-small:before { content: '\e807'; } /* '' */
.icon-menu:before { content: '\e808'; } /* '' */
.icon-search:before { content: '\e809'; } /* '' */
.icon-right:before { content: '\e80a'; } /* '' */
.icon-left:before { content: '\e80b'; } /* '' */
.icon-down:before { content: '\e80c'; } /* '' */
.icon-up:before { content: '\e80d'; } /* '' */
.icon-plus:before { content: '\e80e'; } /* '' */
.icon-minus:before { content: '\e80f'; } /* '' */
.icon-globe:before { content: '\e812'; } /* '' */
.icon-facebook:before { content: '\f30e'; } /* '' */
.icon-instagram:before { content: '\f32d'; } /* '' */

/* ======================================================
   GLOBAL RESET
====================================================== */
*, html, body, iframe, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, table, th, td, audio, video { 
	margin:0; padding:0; outline:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; 
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img { display:block; }
table { border-collapse:collapse; border-spacing:0; }
table td { vertical-align:top; }
iframe, fieldset, img, a img { border:0 none; }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; text-align:left; } 
h1, h2, h3, h5, h5, h6 { font-size:100%; }
blockquote::before, blockquote::after, q::before, q::after { content:''; content:none; }
html>body * a { position:relative; }  /* Gets links displaying over a PNG background */
a { outline:none; } /* Gets rid of Firefox's dotted borders */
textarea, table, td, th, code, pre, samp { 
  word-wrap: break-word; /* passage à la ligne forcé */
  -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; /* césure propre */
}
input, select { vertical-align:middle; }
ul li { margin:0.5em 1em; padding: 0 0.25em; list-style:disc; }
ol li { margin:0.5em 1em; padding: 0 0.25em; list-style:decimal; }
strong, b { font-weight:bold; }
em, i { font-style:italic; }
img { width: 100%; }
span { white-space: nowrap; }

/**------------------------------
 * GENERAL CLASSES and SETTINGS
--------------------------------**/
:root {
  --mainColor: #333;
  --brightGreen: #AEBC37;
  --darkGreen: #7e892b;
  --mediumGray: #dcddde;
  --lightGray: #E9E9E9;
}

html { width:100%; height:100%; }
body { width: 100%; height: 100%; font:normal 1.1em/1.3 "FranklinGothic", Helvetica, Arial, sans-serif; color: var(--mainColor); text-align: left; background-color: #FFF; }
h1 { margin: 1em 0 .5em; max-width: 750px; font-size: 1.6em; line-height: 1.2; font-weight: bold; text-transform: uppercase; }
h2 { margin: 1em 0 .5em; max-width: 750px; font-size: 1.4em; line-height: 1.1; font-weight: bold; color: var(--brightGreen); text-transform: uppercase; }
h3 { margin: 1em 0 .5em; max-width: 750px; font-size: 1.2em; line-height: 1.1; font-weight: bold; text-transform: uppercase; }
h4 { font-size: 1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }
a { color: var(--darkGreen); text-decoration: underline; line-height: 1; }
a:hover, a:focus { color: var(--brightGreen); text-decoration: underline; }
a[href ^= 'tel:'] { text-decoration: none; }
p { margin: 1em 0; max-width: 750px; }

/* ======================================================
   CLASSES and *
====================================================== */
.ctn-msg { margin: .5em auto; }
.success { padding: 1px .5em; background-color: #fff; border-radius: .5em; color: #6b9f0c; }
.error { padding: 1px .5em; background-color: #fff; border-radius: .5em; color: #d73f03; }
.responsive { position: relative; padding-bottom:66.67%; height: 0; overflow: hidden; }
.responsive.video { padding-top: 30px; padding-bottom:56.25%; }
.responsive iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.responsive img { margin:.5em auto; width: 100%; height: auto; max-height: none; max-width: none; }
.button, a.button, button { display:inline-block; padding:.5em 1em; font-weight: 500; color: #fff; text-transform:uppercase; text-decoration:none; white-space:nowrap; background-color: var(--brightGreen); border: 0; cursor:pointer; }
a.button:hover, a.button:focus, button:hover, button:focus { background-color: var(--darkGreen); }
.clear-fix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.center { text-align:center; }
span.number { white-space:nowrap; }
.wrapper { max-width: 1920px; margin: 0 auto; position: relative; }

/* Formulaires */
form { max-width: 540px; }
.fieldset { width: 100%; margin-bottom: 2em; }
form p, form .line { clear:both; margin:0.5em auto; text-align: left; }
form .form-blktxt .line { max-width: inherit; }
form label { display:block; font-family: "FranklinGothic", Helvetica, Arial, sans-serif; font-size: 1em; color: var(--mainColor); text-align: left; cursor:pointer; }
form input[type="text"], form input[type="password"], form input[type="email"], form input[type="tel"], form input[type="number"], form input[type="time"], form textarea, form select { padding:0.5em 1em; width: 100%; font-size: 1em; line-height: 1.5; font-family: "FranklinGothic", Helvetica, Arial, sans-serif; border:2px solid var(--mediumGray); }
form input[type="text"]:focus, form input[type="password"]:focus, form input[type="email"]:focus, form input[type="tel"]:focus, form input[type="number"]:focus, form input[type="time"]:focus, form textarea:focus { border-color:var(--brightGreen); }
form select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 1.2em; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJNMTQuODMgMTYuNDJsOS4xNyA5LjE3IDkuMTctOS4xNyAyLjgzIDIuODMtMTIgMTItMTItMTJ6Ii8+PHBhdGggZD0iTTAtLjc1aDQ4djQ4aC00OHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4='); background-size: 1.2em; background-repeat: no-repeat; background-position: calc(100% - .1em) center; width:240px; margin:.25em 0; }
form input[type="checkbox"], form input[type="radio"] { cursor: pointer; }
form textarea { width: 100%; height:10rem; }
form .code-image { clear:both; text-align: left; }
form .code-image img { border:medium none; float:left; margin:0 0.5em 0 0; width:160px; border-radius:inherit; }
form .code-image input { height:50px; width:160px; text-align:center; letter-spacing:0.3em; text-transform:uppercase; }
a.btn-reloadimgcode { display: inline-block; margin: 0 .5em; padding: .1em .5em 0; font-size: .8em; line-height: 1.3; color: #fff; text-decoration: none; background-color: var(--brightGreen); text-align: center; }
a.btn-reloadimgcode:hover, a.btn-reloadimgcode:focus { background-color: var(--darkGreen); }
form input[type="submit"] { display: block; margin: 1.5em 0; padding: .5em 1em; width: 200px; font-size: .8em; line-height: 1; color: #fff; text-decoration: none; text-align: center; border: 0; background-color: var(--brightGreen); cursor: pointer; }
form input[type="submit"]:hover, form input[type="submit"]:focus { background-color: var(--brightGreen); }
button { display:block; margin: 1.5em 0; }

.form-search { margin-bottom:1em; max-width:inherit; }
.btn-reset { display:inline-block; padding:0.5em 1em; line-height: 1.5; background-color: #fff; }

/* ======================================================
   HEADER
====================================================== */
header { position: fixed; top: 0; left: 0; padding: .5em 0 0; width: 100%; height: auto; background-color: #fff; z-index: 20; }
header .wrapper { height: 100% }
header .flex-grid { flex-flow: row nowrap; -webkit-box-pack: left; align-items: center; justify-content: center; align-content: center; gap: 0; }
header .flex-item { position: relative; display: inline-block; margin: auto; padding: 0; width: auto; flex-grow: 1; align-self:center; }
header div.flex-item:nth-child(2) { flex-grow:2; text-align:right; }
#logo { display: block; margin: 0 .5em; height: 38px; }
#logo img { width: auto; height:100%; }
.blk-lang { margin: 0 1em; text-align: right; }
span.lang, a.lang, span.sep { display: inline-block; margin: .25em; padding:.2em .3em; font-size:.9rem; font-weight: normal; color: var(--mainColor); text-decoration:none; }
span.lang { color:var(--darkGreen); }
a.lang:hover, a.lang:focus { color: var(--brightGreen); }
a.btn-donate { display: inline-block; margin: 0 0 0 .5em; padding: 1.2rem 1.5em; font-size: .7em; line-height: 1; font-weight: 500; text-transform:uppercase; color: #fff; background-color: var(--brightGreen); }
a.btn-donate:hover, a.btn-donate:focus { color: #fff; background-color: var(--darkGreen); }

/* MENU */
/*
#toggle-menu { position: relative; display:inline-block; margin:0 1em .6rem; padding:1.2rem 2em; font-size: .6rem; line-height: 1.2rem; font-weight: 500; text-transform: uppercase; cursor:pointer; }
#toggle-menu::after { display:block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); font-family: 'pictos'; content: '\e808'; font-size: 1.6rem; line-height: 1; font-weight: normal; }
*/
#toggle-menu { position: relative; display:inline-block; margin:.25em; padding:.25em; font-size: 25px; line-height: 1; vertical-align: middle; cursor:pointer; }
#toggle-menu::before { display:block; font-family: 'pictos'; content: '\e808'; font-size: 1em; line-height: 1; font-weight: normal; }
#toggle-menu:hover, #toggle-menu:focus, #toggle-menu:hover i, #toggle-menu:focus i { color: var(--brightGreen); }
#blk-menu { display: none; position:absolute; right: 0; top: 100%; padding: 0; width: 50vw; background-color: #fff; box-shadow:0 15px 15px 0 rgba(0, 0, 0, 0.5); font-size: 1em; line-height: 1; font-weight: 500; text-transform:uppercase; text-align:left; }
.menu { position: relative; }
.menu.active { display: block; }
.menu li { display: block; margin: .5em .25em; padding: 0; list-style: none; }
.menu li a { display:inline-block; margin: 0 auto; padding:.5em 1em .5em 2.2em; line-height:1; color: var(--mainColor); text-decoration:none; }
.menu li a.link-menu { width: 100%;  }
.menu li:hover, .menu li:focus-within { background-color:var(--lightGray); }
.menu li > a:hover, .menu li > a:focus, .menu li.active > a { color:var(--brightGreen); text-decoration:none; background-color:var(--lightGray); }
.menu li .btn-plus { position: absolute; left: 0; padding: .5em; }
.s-menu { display: none; background-color: var(--lightGray); position: absolute; right: 100%; top: -.5em; padding-top: .5em; width: 100%; }
.s-menu.active { display: block; }
.s-menu li { display: block; margin: 0; padding: .25em 0; border-bottom: 2px solid #fff; }
.s-menu li span { display:block; padding: .25em 1em .25em .5em; margin: 0; text-transform:initial; text-align:right; }
.s-menu li a { display: block; padding: .25em 1em .25em .5em; margin: 0; font-weight: normal; text-transform:initial; text-align:right; white-space: nowrap; }
.s-menu li a::before { display: inline-block; margin-right: .5em; font-family: 'pictos'; font-size:1em; content: "\e806"; color: var(--brightGreen); }


/* ======================================================
   MAIN, CONTENT
====================================================== */
main { margin-top:90px; }
section { position: relative; }
#content { padding: 2em 3%; }
#section-news { padding: 0 3% 2em; }
#section-news h1 { margin-top: 0; font-size: 1.2em; line-height: 1.1; color: var(--brightGreen); }
.flex-grid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-flow: row wrap; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-start; align-content:flex-start; gap:2em; }
.flex-item { position: relative; flex-grow: 0; }
.flex-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-flow: row wrap; -webkit-box-pack: left; justify-content: left; align-items: flex-start; }
.flex-side { position: relative; display: inline-block; width: 100%; }
.text { max-width:750px; }
.text strong, .text b { font-weight:500; }
.list-items img { max-width:480px; }
.list-items .flex-item a { font-weight: 500; white-space: nowrap; }
.list-items .flex-item h3 { margin: .5em 0 .1em; }
.list-items .flex-item .intro { margin:0; font-size:1em; }
span.country, span.theme, span.type { color: var(--brightGreen); font-weight: 500; }

/* HOMEPAGE */
.text-home { max-width: 750px; margin: 0 auto 2em; font-size: 1.1em; }

/**PAGES**/
#content img { max-width:768px; }
#content .ctn-image { max-width:480px; padding: 2em 0; }
.right-side h2, .right-side h3 { color: var(--mainColor); }
.right-side h3 { margin: .5em 0; }
.right-side .project { max-width:480px; }
.right-side .project, .right-side .blk-side { border-bottom: 1px solid var(--mainColor); padding-bottom: 1em; margin-bottom: 2em; position: relative; }
.right-side .project:last-child, .right-side .blk-side:last-child { border-bottom: 0; }
.right-side .blk-side:first-child h3 { margin-top: 0; }
.right-side .blk-side a { font-weight:500; }
#content .blk-side img { max-width:480px }
.project-top { padding: 2em 5% 1em; }
.blk-imgtitle { position: relative; width:100%; height: calc(100% * 2 / 3); overflow: hidden; }
.blk-imgtitle img { object-fit:cover; object-position:center; width:100%; height:100%; }
.blk-imgtitle h1 { display: inline-block; position:absolute; bottom:10%; left:50%; transform:translateX(-50%); padding: 0 .5em; font-size: 1.2em; font-weight: bold; text-transform: uppercase; white-space: normal; }
.blk-imgtitle h1 span { background-color: #fff; white-space:normal; }
.project-details .right-side { padding-top: 2em; }
/*.project .country, .project .theme { display: block; }*/
.project a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.intro { margin:1em 0; max-width:750px; font-size:1.3em; }
.zewo { margin-right: 1em; width:100px; float:left; }
.blk-donate { display: flex; max-width: 400px; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; align-content:flex-start; gap:2px; }
.blk-donate a { flex-grow: 0; padding: .5em; width:48%; font-size: 1.6em; font-weight: 500; color:#fff; background-color:var(--brightGreen); text-decoration: none; text-align:center; }
.blk-donate a:hover, .blk-donate a:focus { background-color:var(--darkGreen); }
#content .goals img { display: inline-block; max-width:120px; }
#content .elements img { display: inline-block; max-width:60px; }
.quickaccess { padding: .5em; max-width: 768px; color:#fff; background-color:var(--brightGreen); }
.quickaccess a { color:#fff }
.enbref { max-width: 768px; color:#fff; background-color:var(--brightGreen); }
.enbref h3 { margin:0; padding:.4em; }
.tbl-enbref { display:flex; flex-flow: row wrap; justify-content: stretch; align-items: stretch; align-content:flex-start; }
.tbl-enbref div { flex-grow: 0; padding: .5em; width:100%; border-top:1px solid #fff; }
.objectifs { margin: 1em 0; padding:.5em; max-width: 768px; color:#fff; background-color:var(--brightGreen); }
.objectifs h3 { margin:0; }
.blk-video { max-width:480px }

/**Section menu**/
.section-menu { display: inline-block; background-color: var(--lightGray); padding: 0.5em 1em; }
.section-menu span { font-size: 1.2em; }
.section-menu ul li { display: inline-block; border-right: 2px solid var(--mediumGray); list-style: none; margin: 0; padding: 0 0.5em; line-height: 1; }
.section-menu ul li:first-child { padding-left: 0; }
.section-menu ul li:last-child { border-right: none; }
.section-menu li a { color: var(--mainColor); text-decoration: none; }
.section-menu li a:hover, .section-menu li a:focus { color:var(--brightGreen); text-decoration:none; }
.section-menu li.active a { font-weight: bold; color:var(--brightGreen); }
.ctn-belonging { display: inline-block; background-color: var(--lightGray); padding: 0.5em 1em; }

/* Special */
blockquote { margin:.5em auto; font-style:italic; }
.pagination { margin:1em auto; text-align:center; }
.pagination span, .pagination a { display:inline-block; margin: .25em; padding:.5em .7em; font-family: Helvetica, Arial, sans-serif; font-weight:bold; color:var(--darkGreen); line-height: 1; text-decoration:none; background-color: #fff; border:1px solid var(--darkGreen); border-radius: 2em; }
.pagination span.disabled { color: var(--mediumGray); border-color:var(--mediumGray); }
.pagination span.current { color: #fff; background-color: var(--brightGreen); border: 1px solid var(--brightGreen); }
.pagination a:hover, .pagination a:focus { color:var(--brightGreen); background-color:#fff; border: 1px solid var(--brightGreen); }
div[data-service] { min-height: 132px; min-width: 235px; }


/* Slider photos */
.my-slider { width: 100%; height: calc(100% * 2 / 3); max-width: 480px; max-height: 320px; overflow: hidden; }
.btn-direction { border: none; background-color: #fff; position: absolute; top: 46%; display: block; margin: 0; padding: .3em; font-size: 1.2em; cursor: pointer; color: var(--darkGreen); z-index: 9; }
.btn-direction:hover, .btn-direction:focus { color: var(--brightGreen); background-color:#fff; }
.my-slider .btn-prev { left: 0; }
.my-slider .btn-next { right: 0; }
.slick-list { height:100%; }
.slick-track { height: 100%; }
.slick-slide img { object-fit: cover; object-position: center; width: 100%; height: 100%; }
/* Slider principal HOMEPAGE */
#slider { height: calc(100vw * 3 / 4); max-width:inherit; max-height:inherit; }
#slider .slide { background-size: cover; background-position: center center; position: relative; height: 100%; }
#slider .slide p { position: absolute; bottom: 10%; left:50%; transform: translateX(-50%); margin: 0 auto; width: 80%; max-width: 750px; text-align:center; }
#slider .slide p.white { color: #fff; }
.slide-title { display:inline-block; padding: 0 .5em; font-size: 1.2em; font-weight:bold; text-transform:uppercase; white-space: normal; background-color:#fff; }
.slide-date { display:inline-block; padding: 0 .5em; font-size: 1.2em; font-weight:500; white-space: normal; background-color:#fff; }
p.white .slide-title { background-color:var(--mainColor); }
p.white .slide-date { background-color:var(--mainColor); }

/* Magnific popup */
.mfp-title {  line-height: 1.2; }
.mfp-image-holder .mfp-close { width: 30px; height: 30px; line-height: 1; text-align: center; background-color: var(--brightGreen); margin: 1em; padding: 0; right: -1.5em; opacity:1; }

/* ======================================================
   FOOTER
====================================================== */
footer { position: relative; margin: 2em 0 0; background-color:var(--darkGreen); color: #fff; z-index: 11; }
footer h3 { margin:0; }
footer a, footer a:hover, footer a:focus { color: #fff; }
footer .wrapper { padding: 2em 3%; }
.footer-bottom { margin: 1em auto; text-align: center; }
.footer-bottom a.btn-white { margin: 1em 2em; min-width: 200px; font-weight: 500; color: var(--mainColor); background-color: #fff; }
.footer-bottom a.btn-white:hover, .footer-bottom a.btn-white:focus { color:#fff; background-color:var(--brightGreen); }
div.txt-dons { display:flex; flex-flow: row nowrap; margin:1em 0; }
div.txt-dons div { display:block; width:50%; }
footer img.zewo { display: block; margin: 0 1em; width: 60px; }
a.btn-social { white-space:nowrap; }
a.btn-social::before { display: inline-block; margin-right: .5em; font-family:'pictos'; }
a.fb::before { content:'\f30e'; }
a.itm::before { content:'\f32d'; }
.btn-go-top { display:block; position:absolute; top:2rem; right:1rem; font-size: 1.4em; line-height: 1.4; border: 1px solid #fff; border-radius: 3em; }
.signature { font-size:.8em; }
#blk-cookies { position: fixed; clear: both; padding: 1em; bottom: 0; width: 100%; color: #fff; text-align: center; background-color: var(--darkGreen); box-shadow: 0 -10px 15px 1px rgba(0,0,0,.2); z-index: 101; }
a.btn-cookies-accept { display: inline-block; margin-left: .5em; font-weight: 500; color: var(--mainColor); background-color: #fff; }
a.btn-cookies-accept:hover, a.btn-cookies-accept:focus { color:#fff; background-color:var(--brightGreen); }

.debug { display: none; }

/**=====================================================
   ECRANS taille moyenne : tablettes, petits notebooks
====================================================== */
@media (min-width:768px) {
  section { padding: 2em 0; }
  #logo { margin: 0 .7em; height: 48px; }
  a.btn-donate { padding:1.2em 1.5em; font-size:1.1em; }
  #slider { height: calc(100vw * 3 / 4); }
  .slide-title { font-size: 1.8em; }
  .slide-date { font-size: 1.1em; }
  #slider .slide .button { font-size:1.1em; }
  .flex-grid { gap:1em 2em; }
  .flex-item { width: calc((100% - 2em) / 2); }
  .left-side { padding-right: 1em; width: 65%; }
  .right-side { padding: 1em 0 1em 1em; width: 35%; }
  .blk-imgtitle h1 { font-size:1.8em; }
  .project-details .right-side { padding-top: 0; }
  span.country, span.theme, span.type { font-size:1.1em; }
  .tbl-enbref div { width:calc(100% / 3); border-right:1px solid #fff; }
  .debug { display: block; } 
  footer .flex-item { width: calc((100% - 4em) / 3); }
}
@media (min-width:1024px) {
  header .flex-grid { align-items: baseline; align-content: flex-end; }
  header .flex-item { margin: 0; align-self: flex-end; }
  #logo { margin-bottom: 1em; }
  span.lang, a.lang, span.sep { font-size:1em; }
  #toggle-menu { display: none; }
  #blk-menu { display: inline-block; position: relative; left: auto; bottom: auto; top: auto; width: auto; font-size:1.1em; box-shadow:none; }
  .menu > li { display:inline-block; position: relative; margin:0 .25em; }
  .menu li:hover .s-menu, .menu li:focus-within .s-menu { display: block; }
  .menu li .btn-plus { display: none; }
  .menu li a { padding: 1.3em; }
  .s-menu { right: auto; top: auto; padding: 0; min-width: 100%; width: auto; }
  .s-menu li span, .s-menu li a { padding: .25em 2em .25em 1em; text-align:left; }
  a.btn-donate { margin:0; padding:1.3em 1.5em; font-size:1.1em; }
  main { margin-top:100px; }
  #slider { height: 520px; }
  #slider .slide p { width: 94%; max-width:960px; text-align:left; }
  .text-home { max-width: 960px; font-size: 1.3em; }
  #content { padding: 2em 5%; }
  #section-news { padding: 0 5% 2em; }
  .flex-grid.list-items { gap:2em 4em; }
  .list-items .flex-item { width: calc((100% - 12em) / 4); }
  .blk-imgtitle { height:35vw; }
  footer .wrapper { padding: 2em 5%; }
}
/**=====================================================
   ECRANS + grands
====================================================== */
@media (min-width:1280px) {
  h1 { font-size:2em; }
  #section-news h1 { font-size: 1.8em; }
  h2 { font-size:1.8em; }
  h3 { font-size:1.3em; }
  #logo { height: 60px; }
  .menu li a { padding: 1.4em; }
  a.btn-donate { padding: 1.4em 1.5em; }
  .s-menu li span, .s-menu li a { padding: .25em 2em .25em 1em; }
  #slider { height: 640px; }
  .slide-title { font-size: 2.4em; }
  .slide-date { font-size: 1.2em; }
  #slider .slide .button { font-size:1.2em; }
  .text-home { font-size: 1.3em; }
  .blk-imgtitle h1 { font-size:2.4em; }
  .title_blk { height: 400px; max-width: 750px; }
  .flex-item { width: calc((100% - 4em) / 3); }
  .left-side { padding-right: 2em; width: 60%; }
  .right-side { padding-left: 2em; width: 40%; }
  .ctn-belonging { font-size: 1.2em; }
}