@font-face {url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,300&display=swap')}body,html {height: 100%;margin: 0;padding: 0;font-family: 'Roboto', sans-serif;background:black;}#header {z-index:2000;width: 100%;position: relative;background-color: #fff}#lang {position: relative;float:right;margin: 3px}#lang svg path {transition: all .3s linear;-webkit-transition: opacity .3s linear;}#lang svg:hover path {opacity:.8;}.site-container {background: #f9f9f9}.menu-button {display:none}#header .box-menu {display: block;position: absolute;z-index: 100;background-color: transparent}.box-menu ul {float: right;margin: 0;padding: 0}.box-menu li {list-style: none}.box-menu ul.menu:first-child>li>a {display: inline-block;text-decoration: none;padding: 12px 8px 12px 8px;text-transform: uppercase;border-left: 1px solid #d4d4d4}.box-menu ul.menu:first-child>li:first-child>a {border: none}.box-menu ul.menu li a {color:#1a1a1a;font-weight: 300;line-height: 14px;cursor: pointer;}.box-menu ul.menu li > a:hover,.box-menu ul.menu li.current a {background-color: #00893c;color: #fff}.box-menu ul.menu li a strong {display: block;font-size: 1.1em;font-weight: 400;cursor: pointer}.box-menu ul.menu li {float: left;position: relative;z-index: 20;padding: 0;margin: 0}.box-menu ul.menu li ul li {margin: 0 10px}.box-menu ul.menu ul {display: none;position: absolute;top: 37px;width: 180px;z-index: 999;cursor: pointer;background-color: #fff;box-shadow: 0 4px 15px rgba(0, 0, 0, .1)}.box-menu ul.menu ul li {border-bottom: 1px solid #d4d4d4}.box-menu ul.menu li ul li a span {background-color: transparent;color: #1a1a1a}.box-menu ul.menu li ul li a.current,ul.menu li ul li a span:hover {color:#00893c}.box-menu ul.menu ul li:last-child {border: none}.box-menu ul.menu li ul a {text-decoration: none}.box-menu ul.menu li ul a span {width: 160px;height: auto;float: left;text-align: left;line-height: 23px;padding: 10px 0 8px 0;font-weight: 300;font-size: .9em;min-height: 23px;max-width: none;text-transform: uppercase}ul.menu ul {border-top: none;border: solid 1px #e1e1e1;}ul.menu > li:last-child ul {width: 450px;background: #00893C !important;border: none;padding: 0;cursor: default;border-radius:0px 8px 8px 8px;}ul.menu > li:last-child > a {background: #00893C !important;color: #fff !important;}.bouton-container {width:100%;text-align:center;}#bouton_don img {width:70%;vertical-align:middle;transition:0.7s;opacity:1;}#bouton_don img:hover {opacity:.9;}.bouton-container p {font-weight:300;font-size:1.2em;color:white}.bouton-container i {width:90%;vertical-align:middle;font-weight:300;font-size:0.8em;color:white;}.info {width:100%;height:40px;line-height:40px;text-align:right;}.info a {display:inline;vertical-align:middle;opacity:0.8;margin-right:5px;}.info a:hover {vertical-align:middle;opacity:1;}#banniere {margin-top: 0;position: relative;height: 500px;width: 100%;margin-bottom: 8px;box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);top: 0}.no-webp .banniere {height: 500px;padding: 0;margin: 0;background: url(../images/banniere/advk-1800.jpg) no-repeat center;background-size: cover;animation: mymove 500ms ease-in}.webp .banniere {height: 500px;padding: 0;margin: 0;background: url(../images/banniere/advk-1800.webp) no-repeat center;background-size: cover;animation: mymove 500ms ease-in}@keyframes mymove {from {opacity: 0}to {opacity: 1}}#main {position: relative;width:70%;margin: 0 auto;overflow:hidden;}#main .bouton{z-index:9;font-variant:small-caps;float:right;margin:1%;font-weight: 400;font-size:.9em;letter-spacing: 2px;padding: 1% 2%;text-align: center;cursor: pointer;border-radius: 15px;transition: background .5s;}#main h1 {width:75%;font-weight:700;border:0;text-transform: uppercase;font-size:1.5em;padding:5px;margin:0;letter-spacing:.05em}#main .container-block {display:inline-block;width:48.5%;padding:0;text-align:center;margin:0.5%;vertical-align:top;}.actualites,.agir,.geographie,.philo {display:inline-block;position:relative;background:#fff;vertical-align:top;width:100%;border-radius: 15px;border: 1px solid #d4d4d4;margin-top:2%;overflow:hidden;box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 20px -6px, rgba(0, 0, 0, 0.05) 0px 4px 4px 2px;}.actualites > div,.agir > div,.geographie > div,.philo > div {position: relative;margin:10px;}.no-webp .actualites::after,.no-webp .agir::after,.no-webp .geographie::after,.no-webp .philo::after {display: block;position: absolute;content: "";background: url(../images/logo/shadow-line.png) no-repeat;height: 15px;width: 100%;background-size: 100%;bottom: -15px;left: 0}.webp .actualites::after,.webp .agir::after,.webp .geographie::after,.webp .philo::after {display: block;position: absolute;content: "";background: url(../images/logo/shadow-line.webp) no-repeat;height: 15px;width: 100%;background-size: 100%;bottom: -15px;left: 0}#main .geographie,.agir {background-color: #00893c}#main .actualites h1 {color:#00893c;text-align:left;}#main .slideActu {width: 100%;height: 250px;overflow: hidden}#main .actualites ul {width: 100%;padding: 0;margin: 0;list-style: none}#main .actualites li {position: relative;width: 100%;height: 125px;border-top: 1px dotted #8f8f8f;margin: 0;float: top;overflow: hidden}#main .actu-img {width:180px;height:90px;overflow:hidden;float:left;margin-right: 5px}#main .actu-img img {position absolute;width:auto;height:100%;top:-100%;left:0;right:0;bottom:-100%;margin: auto;border-radius: 0 0 0 5px;aspect-ratio: attr(300)/attr(150)}#main .actu-img:hover img {opacity: .5;cursor: pointer}#main .actu-title {position:relative;width:88%;font-size:1em;font-weight:400;padding-top:3px;text-align:left;}#main .actu-subtitle p {height: 100px;overflow: hidden;font-size: 1em;font-weight: 300;margin: .5% 0 0;padding: 1%;line-height:1.2em;vertical-align:baseline;text-align:left;}#main .actualites .date {display: block;position: absolute;top: 0;right:3px;font-size: .8em;font-weight: 300;color: #1a1a1a;font-style: italic}#main .actualites .bouton {color:#fff;background-color:#00893c;border: 1px solid #00893c}#main .actualites .bouton:hover {background-color:#fff;color:#00893c}#main .geo-title {width: 100%}#main .geo-title h1 {color:#fff;text-align:left;}#main .geo-subtitle {width:100%;font-weight: 300}#main .geo-subtitle p {color: #fff;font-size:1.1em;font-weight: 300;margin: 0;padding: 2%;line-height:1.2em;vertical-align:baseline;text-align:left;}#map2 {display: flex;flex-direction: column;justify-content: center;align-items: center;overflow: hidden;width: 100%;height: 200px;margin: 0;padding: 0;border-radius: 0 0 15px 15px;bottom:0px}#map2 img {height: auto;width: 100%;aspect-ratio: attr(600)/attr(265)}#main .geographie .bouton {color:#00893c;background-color:#fff;border: 1px solid #fff}#main .geographie .bouton:hover {background-color:#00893c;color:#fff}#main .agir-title {width: 100%}#main .agir-title h1 {color: #fff;text-align:left;}#main .video-parrainage {display:block;width:80%;height:auto;}#main .video-parrainage>:first-child {width: 100%;height: auto;border-radius: 15px;margin:5px}#main .agir-list {display:block;overflow: hidden;width:100%;vertical-align: top;color:white;text-align:left;}#main .agir-list > div {padding:5px;float:left;}#main .agir-list > div > p {vertical-align:top;font-size:1.1em;font-weight: 300;margin:0;text-align:left;}#main .agir .bouton,#main .philo .bouton {position: absolute;top: 0;display: block;right: 0;cursor: pointer}#main .agir .bouton {color:#00893c;background-color:#fff;border: 1px solid #fff}#main .agir .bouton:hover {background-color:#00893c;color: #fff}#main .philo picture {display: block;position:relative;width:20%;margin: 0px 10px -10px -10px;float:left;}#main .philo img {height: auto;width: 100%;aspect-ratio: attr(100)/attr(166)}#main .philo-title {width: 100%}#main .philo-title h1 {color: #00893c;text-align:left;}#main .philo-subtitle, #main .philo-texte {width: 100%}#main .philo-subtitle h2 {border: none;font-weight: 500;text-transform: uppercase;font-size: 1.2em;margin: 0;text-align: left;padding-left:2%;text-align:left;}#main .philo-texte p {font-size:1.1em;font-weight: 300;margin: 0;padding: 1% 2%;line-height:1.2em;vertical-align:baseline;text-align:left;}#main .philo .bouton {color:#fff;background:#00893c;border: 1px solid #00893c}#main .philo .bouton:hover {background:#fff;color:#00893c}@media (min-width:800px) and (max-width:1200px) {#main {width: 90%}.box-menu ul.menu li a strong {font-size: 1em}.box-menu ul.menu ul {width: 170px}.box-menu ul.menu ul li {width: 140px}.box-menu ul.menu li ul a span {font-size: .9em}ul.menu>li:last-child ul {width: 450px;font-size: .9em}#banniere {height: 300px}.no-webp .banniere {height: 300px;background: url(../images/banniere/advk-1200.jpg) no-repeat center}.webp .banniere {height: 300px;background: url(../images/banniere/advk-1200.webp) no-repeat center}ul.menu>li:last-child ul {width: 350px}ul.menu>li:last-child table {width: 350px;font-size: 1.1em}ul.menu>li:last-child tr:first-child th {padding: 10px;font-weight: 500}ul.menu>li:last-child td {padding: 8px 10px}ul.menu>li:last-child td span {padding: 3px 5px}ul.menu>li:last-child tr:nth-child(3) td span {width: 40px}ul.menu>li:last-child td input {width: 100px;font-size: 1.1em}ul.menu>li:last-child tr:nth-child(5) td:first-child {width: 200px;font-size: .9em}ul.menu>li:last-child tr:last-child {width: 100%;font-size: 1.5em;height: 50px;line-height: 50px}#main .agir-list {display: block;width: 100%}#main .video-parrainage{width: 97%;float:none;}}@media screen and (max-width:800px) {#lang svg {width: 70%}#lang {float: left;width: 30px}.menu-button {position: relative;display: block;float: right;width: 50px;height: 35px;cursor: pointer;border-radius: 0;border: 0;background: 0 0}.menu-button:after {content: "";position: absolute;display: block;width: 1rem;height: 0;top: 0;left: 15px;box-shadow: 0 10px 0 1px rgba(0, 158, 73, .8), 0 16px 0 1px rgba(0, 158, 73, .8), 0 22px 0 1px rgba(0, 158, 73, .8)}.site-container,.site-pusher {height: 100%}.site-container {overflow: hidden}.site-pusher {transition-duration: .3s;transform: translateX(0)}.site-content {position: absolute;top: 30px;right: 0;left: 0;bottom: 0;padding-top: 0;overflow-y: scroll}.container {overflow: hidden}#header {position: static;background-image: url('../images/fond.png')}.with--sidebar .site-pusher {transform: translateX(-250px)}.with--sidebar .site-cache {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, .4);z-index: 50}#header .box-menu {position: absolute;right: 0;top: 0;bottom: 0;overflow-y: scroll;-webkit-overflow-scrolling: touch;width: 250px;-moz-transform: translateX(250px);-ms-transform: translateX(250px);-webkit-transform: translateX(250px);transform: translateX(250px);}#header .box-menu ul {display:block;position:relative;float:none;height:100%;background-color:#00893C;z-index:0;}#header .box-menu ul.menu li {float:none;display:block;position:relative;}#header .box-menu ul.menu li > a {display: block;position: relative;float: none;height: 25px;text-align: center;color:white;line-height: 25px;}#header .box-menu ul.menu li > a:hover {background-color:rgb(0,148,60);}#header .box-menu ul.menu:first-child li a {display: block;text-decoration: none;border:none;border-bottom: 1px solid rgb(0,148,60);}#header .box-menu ul.menu li a strong {font-size: 1em;}#header .box-menu ul.menu ul {display:block;position: relative;top: 0;width: 100%;float:none;height:100%;margin:0;padding:0;border:none;box-shadow:none;}#header .box-menu ul.menu li ul li {margin: 0;border-bottom: thin solid rgba(180,180,180,0.4);}#header .box-menu ul.menu li ul > li a {display:block;position: relative;line-height: 30px;min-height: 30px;}#header .box-menu ul.menu ul li a span {width:100%;font-size: 0.9em;float:none;text-align: center;color:white;background-image:none;}#header .box-menu ul.menu ul li:first-child a {background-image: none;margin-top:0 ;padding-top:0;}#header .box-menu ul.menu ul li a:hover {background-color:rgb(0,148,60);}.bouton-container p {font-size:1em}.bouton-container i {width:95%;vertical-align:middle;font-weight:300;font-size:0.8em;}.info svg {width:23px;height:23px;float:right;}#banniere {height: 130px;box-shadow: 0 0 2px rgba(0, 0, 0, .14), 0 2px 4px rgba(0, 0, 0, .28);}.no-webp .banniere {height: 130px;background: url(../images/banniere/advk-500.jpg) no-repeat center}.webp .banniere {height: 130px;background: url(../images/banniere/advk-500.webp) no-repeat center}#main {width: 95%}#main .container-block {width:98%;}#main .bouton{margin:2px;font-size:.8em;letter-spacing:1px;padding: 5px 10px;}#main .actualites,#main .agir,#main .geographie,#main .philo {width: 100%;margin-bottom:5%;margin-right:0}#main h1 {width:70%;font-size:1.1em;letter-spacing:.03em;padding:10px;}#main .philo h4 {font-size: 1em}#main .philo-subtitle h2 {font-size:1em}#main .slideActu {height: 200px}#main .actualites li {height: 100px}#main .actu-img {width:110px;height:70px;margin-right:3px}#main .actu-title {font-size: .9em}#main .actu-subtitle p {height: 45px;font-size: .9em}#main .geo-subtitle p,#main .philo-texte p,#main .raisons li {font-size: 1em}#main .agir-list {display: block;width: 100%}#main .video-parrainage {width: 97%;float:none;}#map2 {height: 130px}}