@charset "UTF-8";
/*
Any commercial use, modification, or redistribution of modified
versions of this code is strictly prohibited without explicit
written permission from the author.

----------------------------------------------------------------------
License: Creative Commons Attribution-NonCommercial-NoDerivatives 4.0
(CC BY-NC-ND 4.0)
----------------------------------------------------------------------

Copyright (c) 2026 Comite des fetes mobile (Charlie Moine)

This work is licensed under the Creative Commons
Attribution-NonCommercial-NoDerivatives 4.0 International License (CC BY-NC-ND 4.0).

You may copy and redistribute this material in any medium or format
under the following conditions:

1. Attribution
   You must give appropriate credit to the author, provide a link to
   the license, and indicate if changes were made. Attribution must
   not suggest that the author endorses you or your use.

2. NonCommercial
   You may not use this work for commercial purposes.

3. NoDerivatives
   If you remix, transform, modify, or build upon this material,
   you may not distribute the modified material.

No additional restrictions
You may not apply legal terms or technological measures that legally
restrict others from doing anything the license permits.

Disclaimer of Warranties and Limitation of Liability
This work is provided "as is", without warranty of any kind,
express or implied, including but not limited to the warranties of
merchantability, fitness for a particular purpose, and noninfringement.
In no event shall the author be liable for any claim, damages,
or other liability arising from, out of, or in connection with
the work or the use of the work.

Full license text:
https://creativecommons.org/licenses/by-nc-nd/4.0/

----------------------------------------------------------------------
Internal code signature (do not remove)
Author: Comite des fetes mobile (Charlie Moine)
Year: 2026
Project signature: CF-WEBSITE-SCSS-CSS-2026
License: CC BY-NC-ND 4.0
----------------------------------------------------------------------
*/
@CHARSET "UTF-8";
/* Fonts
 * --------------------------------------- */
@font-face {
  font-family: 'Raleway';
  src: url("../fonts/Raleway-Medium.eot");
  src: url("../fonts/Raleway-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Raleway-Medium.woff2") format("woff2"), url("../fonts/Raleway-Medium.woff") format("woff"), url("../fonts/Raleway-Medium.ttf") format("truetype"), url("../fonts/Raleway-Medium.svg#Raleway-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Raleway-black';
  src: url("../fonts/Raleway-Black.eot");
  src: url("../fonts/Raleway-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Raleway-Black.woff2") format("woff2"), url("../fonts/Raleway-Black.woff") format("woff"), url("../fonts/Raleway-Black.ttf") format("truetype"), url("../fonts/Raleway-Black.svg#Raleway-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'webdingsregular';
  src: url("../fonts/webdings-webfont.woff2") format("woff2"), url("../fonts/webdings-webfont.woff") format("woff"), url("../fonts/webdings-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'asgard';
  src: url("../fonts/asgard-variable-webfont.woff2") format("woff2"), url("../fonts/asgard-variable-webfont.woff") format("woff"), url("../fonts/asgard-variable-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
/* Custom CSS
 * --------------------------------------- */
::-webkit-selection {
  background: white;
  color: #002ab6;
  text-shadow: none; }

::-moz-selection {
  background: white;
  color: #002ab6;
  text-shadow: none; }

::selection {
  background: white;
  color: #002ab6;
  text-shadow: none; }

/* Firefox */
*:not(.modal) {
  scrollbar-width: none;
  scrollbar-color: #ffd200 transparent;
  /* couleur poignée et rail */ }

.modal, .modal * {
  scrollbar-width: thin;
  scrollbar-color: #ffd200 transparent;
  /* couleur poignée et rail */ }

/* WebKit */
*:not(.modal)::-webkit-scrollbar {
  width: 0px;
  /* largeur verticale */ }

.modal::-webkit-scrollbar, .modal *::-webkit-scrollbar {
  width: 10px; }

*::-webkit-scrollbar-track {
  background: transparent;
  /* couleur du rail */ }

*::-webkit-scrollbar-thumb {
  background: #ffd200;
  /* couleur poignée */
  border: 0px solid transparent;
  border-radius: 0px;
  background-clip: content-box; }

*::-webkit-scrollbar-thumb:hover {
  background: #ffd200;
  /* couleur au survol */ }

/* Custom CSS
 * --------------------------------------- */
* {
  cursor: default;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -moz-touch-callout: none;
  touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

html, body {
  font-family: arial,helvetica;
  background: #002ab6;
  color: white;
  height: 100%; }

.wrap {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  position: relative; }

/* Style for our header texts
* --------------------------------------- */
h1 {
  color: white; }

p {
  color: white; }

/* Loader
* --------------------------------------- */
#loader {
  position: fixed;
  z-index: 9999999999999;
  background-color: #002ab6;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-image: url(owlcarousel/assets/ajax-loader.gif);
  background-position: center center;
  background-repeat: no-repeat; }

/* Centered texts in each section
* --------------------------------------- */
.fp-overflow {
  height: 100%; }

/* Centered texts in each section
* --------------------------------------- */
.cell {
  padding: 20px 60px;
  z-index: 60; }

@media (max-width: 768px) {
  .cell {
    padding: 20px 15px; } }
/* menu
* --------------------------------------- */
#menu {
  display: none; }

#globalmenu {
  position: fixed;
  z-index: 100000;
  right: 0px;
  left: 0px;
  top: 0px; }

#menufixed {
  margin-top: 5px;
  float: right; }

.slicknav_menu {
  background: transparent; }

.slicknav_btn {
  background-color: transparent; }

.slicknav_btn * {
  cursor: pointer; }

.slicknav_menu .slicknav_icon-bar {
  background-color: white; }

.slicknav_nav li a {
  float: right;
  cursor: pointer;
  padding: 5px 10px 5px 10px;
  margin: 2px 13px;
  text-decoration: none;
  text-align: left;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  font-weight: normal;
  background-color: white;
  color: #002ab6;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out; }

.slicknav_nav li.active a {
  padding: 5px 30px 5px 10px;
  cursor: default;
  pointer-events: none;
  font-weight: 600;
  background-color: white;
  color: #002ab6; }

.slicknav_nav li:not(.active) a:hover {
  padding: 5px 30px 5px 10px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background-color: white;
  color: #002ab6; }

.slicknav_nav li.active a:hover {
  padding: 5px 10px 5px 10px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background-color: white;
  color: #002ab6; }

/* slidesNav
* --------------------------------------- */
.fp-arrow.fp-prev {
  border-width: 38.5px 34px 38.5px 0;
  border-color: transparent white transparent transparent; }

.fp-arrow.fp-next {
  border-width: 38.5px 0 38.5px 34px;
  border-color: transparent transparent transparent white; }

#fp-nav * {
  cursor: pointer; }

#fp-nav ul li a span, .fp-slidesNav ul li a span {
  background: white; }

#fp-nav ul li .fp-tooltip {
  color: white; }

.fp-watermark {
  display: none; }

/* slide down
* --------------------------------------- */
.fp_mouse_scroll {
  position: fixed;
  z-index: 100001;
  display: block;
  margin: 0 auto;
  margin-top: 125px;
  cursor: pointer; }

.fp_mouse_scroll * {
  cursor: pointer; }

.fp_mouse_scroll {
  width: 18px;
  height: 80px;
  bottom: 0px;
  right: 23px; }

.fp_mouse_scroll.to_bottom .m_scroll_arrows {
  display: block;
  width: 5px;
  height: 5px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  margin: 0 0 3px 4px;
  width: 10px;
  height: 10px; }

.fp_mouse_scroll.to_top .m_scroll_arrows {
  display: block;
  width: 5px;
  height: 5px;
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  margin: 0 0 3px 4px;
  width: 10px;
  height: 10px; }

.fp_mouse_scroll.to_bottom .unu {
  margin-top: 1px; }

.fp_mouse_scroll.to_top .unu {
  margin-top: 8px; }

.fp_mouse_scroll .unu,
.fp_mouse_scroll .doi,
.fp_mouse_scroll .trei
 {
  -webkit-animation: mouse-scroll 1s infinite;
  -moz-animation: mouse-scroll 1s infinite;
  animation: mouse-scroll 1s infinite; }

.fp_mouse_scroll.to_bottom .unu {
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  animation-delay: alternate; }

.fp_mouse_scroll.to_bottom .doi {
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;
  animation-delay: .2s;
  animation-direction: alternate;
  margin-top: -6px; }

.fp_mouse_scroll.to_bottom .trei {
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-direction: alternate;
  animation-delay: .3s;
  animation-direction: alternate;
  margin-top: -6px; }

.fp_mouse_scroll.to_top .unu {
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  animation-delay: .3x; }

.fp_mouse_scroll.to_top .doi {
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;
  animation-delay: .2s;
  animation-direction: alternate;
  margin-top: -6px; }

.fp_mouse_scroll.to_top .trei {
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-direction: alternate;
  animation-delay: alternate;
  animation-direction: alternate;
  margin-top: -6px; }

.fp_mouse_scroll .mouse {
  height: 36px;
  width: 18px;
  border-radius: 14px;
  transform: none;
  border: 2px solid white;
  top: 170px; }

.fp_mouse_scroll .wheel {
  height: 5px;
  width: 2px;
  display: block;
  margin: 5px auto;
  background: white;
  position: relative;
  height: 4px;
  width: 4px;
  border: 2px solid white;
  -webkit-border-radius: 8px;
  border-radius: 8px; }

.fp_mouse_scroll .wheel {
  -webkit-animation: mouse-wheel 0.6s linear infinite;
  -moz-animation: mouse-wheel 0.6s linear infinite;
  animation: mouse-wheel 0.6s linear infinite; }

@-webkit-keyframes mouse-wheel {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px); } }
@-moz-keyframes mouse-wheel {
  0% {
    top: 1px; }
  25% {
    top: 2px; }
  50% {
    top: 3px; }
  75% {
    top: 2px; }
  100% {
    top: 1px; } }
@-o-keyframes mouse-wheel {
  0% {
    top: 1px; }
  25% {
    top: 2px; }
  50% {
    top: 3px; }
  75% {
    top: 2px; }
  100% {
    top: 1px; } }
@keyframes mouse-wheel {
  0% {
    top: 1px; }
  25% {
    top: 2px; }
  50% {
    top: 3px; }
  75% {
    top: 2px; }
  100% {
    top: 1px; } }
@-webkit-keyframes mouse-scroll {
  0% {
    opacity: 0; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }
@-moz-keyframes mouse-scroll {
  0% {
    opacity: 0; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }
@-o-keyframes mouse-scroll {
  0% {
    opacity: 0; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }
@keyframes mouse-scroll {
  0% {
    opacity: 0; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }
/* cookies_notice
* --------------------------------------- */
.divascookies {
  background: rgba(0, 0, 0, 0.9);
  color: #ffffff;
  font-size: 0.7em; }

.divascookies a {
  color: #002ab6;
  cursor: pointer; }

.divascookies-accept-button-container > .divascookies-accept-button-text {
  background: #002ab6;
  color: white; }

.divascookies-accept-button-container > .divascookies-accept-button-text:hover {
  background: #002ab6; }

/* canvas
* --------------------------------------- */
canvas {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%; }

/* links
* --------------------------------------- */
.linklight {
  text-decoration: none;
  color: #ffd200;
  font-weight: 600;
  cursor: pointer;
  font-family: 'Raleway'; }

a.buttonlight {
  text-decoration: none;
  color: white;
  font-weight: 600;
  position: relative;
  cursor: pointer;
  font-family: 'Raleway';
  transition: all .2s ease-in-out;
  z-index: 10; }

a.buttonlight::before {
  content: '';
  background-color: rgba(255, 210, 0, 0.85);
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 40%;
  height: 20%;
  z-index: -1;
  transition: all .2s ease-in-out; }

a.buttonlight:hover {
  color: #002ab6; }

a.buttonlight:hover::before {
  bottom: -1px;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 210, 0, 0.95); }

/* advertSlide
* --------------------------------------- */
.advertSlide {
  position: fixed;
  z-index: 100001;
  width: 100px;
  height: 100px;
  top: 10px;
  left: 10px;
  opacity: 1; }

.advertSlide .item {
  width: 100px;
  height: 100px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer; }

.advertSlide .item > img {
  width: 100%;
  cursor: pointer;
  border-radius: 5px; }

/* advertBar
* --------------------------------------- */
#advertBar {
  position: relative;
  background-color: #ffd200;
  padding: 15px 0px;
  text-align: center;
  font-family: 'Raleway';
  font-size: 12px;
  leffer-spacing: 1px;
  white-space: nowrap;
  color: black;
  cursor: pointer;
  overflow: hidden; }

#advertBar * {
  cursor: pointer; }

#advertBar s {
  font-family: 'Raleway';
  text-decoration: underline dotted;
  font-weight: 600; }

#advertBar .ticker {
  display: inline-block;
  position: relative;
  animation: flicker 7s infinite; }

#advertBar:hover {
  background-color: #ffd200; }

@media (max-width: 768px) {
  #advertBar {
    padding: 10px 0px; } }
/* modal
* --------------------------------------- */
.modal {
  background-color: #002ab6;
  color: white;
  padding: 30px;
  display: none;
  overflow-x: auto;
  border-radius: 10px; }

.modal_inner {
  width: 550px; }

@media (max-width: 768px) {
  .modal_inner {
    width: 250px; } }
.modal_inner .title {
  color: #ffd200;
  font-family: 'Raleway-black';
  font-size: 23px;
  padding-top: 6px;
  padding-bottom: 6px; }

.modal_inner .subtitle {
  font-family: 'Raleway-black';
  color: white;
  font-size: 15px;
  padding-top: 6px;
  padding-bottom: 6px; }

.modal_inner .city {
  color: white;
  font-size: 15px;
  padding-top: 6px;
  padding-bottom: 6px; }

.modal_inner .header {
  background-color: darkgray;
  margin-top: 12px;
  margin-bottom: 4px;
  background-image: url(owlcarousel/assets/ajax-loader.gif);
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
  background-repeat: no-repeat;
  height: 250px; }

.modal_inner .txt {
  color: white;
  font-size: 14px;
  padding-top: 3px;
  padding-bottom: 6px;
  line-height: 28px; }

.modal_inner .txt > b:not(.link) {
  font-family: 'Raleway-black'; }

.modal_inner .txt > b.link {
  font-family: 'Raleway-black'; }

.modal_inner a {
  color: #ffd200;
  cursor: pointer;
  text-decoration: none;
  transition: all .1s ease-in-out; }

.modal_inner a:hover {
  text-decoration: underline dotted; }

.modal_inner .img {
  background-color: rgba(0, 0, 0, 0.2);
  margin-bottom: 12px;
  min-height: 250px;
  background-image: url(owlcarousel/assets/ajax-loader.gif);
  background-position: center center;
  background-repeat: no-repeat; }

img {
  pointer-events: none; }

.modal_inner .cpr {
  text-align: right;
  color: #fff;
  font-size: 10px;
  padding: 5px; }

@media (max-width: 768px) {
  .modal_inner .title {
    font-size: 18px; }

  .modal_inner .subtitle {
    font-size: 13px; }

  .modal_inner .city, .modal_inner .txt {
    font-size: 12px; }

  .modal_inner .header {
    height: 160px; } }
/* section ACCUEIL
* --------------------------------------- */
.logo_small {
  width: 180px;
  height: 180px;
  margin: 20px;
  background-color: #002ab6;
  background-image: url("../img/logowhite.png");
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%; }

@media (max-width: 768px) {
  .logo_large {
    display: none; }

  .logo_small {
    display: block; } }
@media (min-width: 768px) {
  .logo_large {
    display: block; }

  .logo_small {
    display: none; } }
#section_accueil .bg {
  background-image: url("../img/1.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll; }

#section_accueil .title {
  color: #ffd200;
  font-family: 'Raleway-black';
  font-size: 35px; }

@media (max-width: 768px) {
  #section_accueil .title {
    font-size: 28px; } }
.marker {
  background-color: #ffd200;
  height: 5px;
  width: 50px;
  margin-top: 8px; }

/* section APROPOS
* --------------------------------------- */
#section_apropos .bg {
  background-image: url("../img/presentation.png");
  background-size: contain;
  background-position: right;
  background-repeat: no-repeat;
  background-attachment: fixed; }

@media (max-width: 768px) {
  #section_apropos .bg {
    background-size: cover;
    background-position: center; } }
#section_apropos .txt {
  color: white;
  font-family: 'Raleway';
  font-size: 15px;
  line-height: 20px; }

#section_apropos .txt .bold {
  font-family: 'Raleway-black';
  font-size: 15px; }

#section_apropos .title {
  color: #ffd200;
  font-family: 'Raleway-black'; }

/* section CONTACTS
* --------------------------------------- */
#section_contacts .bg {
  background-image: url("../img/contacts.jpg");
  background-size: contain;
  background-position: right;
  background-repeat: no-repeat;
  background-attachment: fixed; }

@media (max-width: 768px) {
  #section_contacts .bg {
    background-size: cover;
    background-position: center;
    background-attachment: scroll; } }
#section_contacts .txt {
  color: white;
  font-family: 'Raleway'; }

.logo_back {
  width: 160px; }

/* section COLLABORER
* --------------------------------------- */
#section_collaborer .title {
  color: #ffd200;
  background-color: #002ab6;
  font-family: 'Raleway';
  font-size: 18px;
  letter-spacing: 1px;
  padding: 3px 7px;
  display: inline-block;
  transform: rotate(-5deg); }

#section_collaborer .space-2, #section_collaborer .txt {
  background-color: #ffd200;
  color: black;
  font-family: 'Raleway';
  font-size: 15px;
  line-height: 20px; }

#section_collaborer .space-2 .bold, #section_collaborer .txt .bold {
  font-family: 'Raleway-black';
  font-size: 15px; }

#section_collaborer a.buttonlight {
  color: #002ab6; }

#section_collaborer a.buttonlight::before {
  background-color: rgba(255, 255, 255, 0.95); }

#section_collaborer a.buttonlight:hover {
  color: white; }

#section_collaborer a.buttonlight:hover::before {
  background-color: rgba(0, 42, 182, 0.95); }

#section_collaborer .bg {
  background-image: url("../img/collaborer.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll; }

@media (max-width: 768px) {
  #section_collaborer .bg {
    height: 0px; } }
/* section CANTINE
* --------------------------------------- */
#section_cantine .title {
  color: white;
  background-color: rgba(0, 0, 0, 0.35);
  font-family: 'Raleway';
  font-size: 18px;
  letter-spacing: 1px;
  padding: 3px 7px;
  display: inline-block;
  transform: rotate(-5deg); }

#section_cantine .space-2, #section_cantine .txt {
  background-color: #ff8f50;
  color: black;
  font-family: 'Raleway';
  font-size: 13px;
  line-height: 20px; }

#section_cantine .space-2 .bold, #section_cantine .txt .bold {
  font-family: 'Raleway-black';
  font-size: 13px; }

#section_cantine a.buttonlight {
  color: rgba(0, 0, 0, 0.45); }

#section_cantine a.buttonlight::before {
  background-color: rgba(0, 42, 182, 0.95); }

#section_cantine a.buttonlight:hover {
  color: white; }

#section_cantine a.buttonlight:hover::before {
  background-color: rgba(0, 42, 182, 0.95); }

#section_cantine .bg {
  background-image: url("../img/cantine.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll; }

@media (max-width: 768px) {
  #section_cantine .bg {
    background-attachment: fixed; } }
/* section PROJETS
* --------------------------------------- */
#section_projets .bg {
  background-image: url("../img/projets.png");
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
  background-attachment: fixed; }

@media (max-width: 768px) {
  #section_projets .bg {
    height: 0px; } }
#section_projets .title {
  font-family: 'Raleway';
  font-size: 18px;
  letter-spacing: 1px;
  padding: 3px 7px;
  display: inline-block;
  white-space: nowrap;
  transition: all .1s ease-in-out; }

#section_projets .sb-title {
  position: absolute;
  width: 1px;
  height: 1px;
  z-index: 90; }

#section_projets .sb-title .title {
  color: white;
  background-color: rgba(0, 0, 0, 0.35);
  cursor: pointer; }

#section_projets .sb-title.selected {
  z-index: 100; }

#section_projets .sb-title.selected .title {
  color: #002ab6;
  background-color: #ffd200;
  cursor: default; }

#section_projets .title-lnk1 {
  transform: rotate(-5deg);
  margin-top: 0px;
  margin-left: 0px; }

#section_projets .title-lnk2 {
  transform: rotate(-5deg);
  margin-top: 31px;
  margin-left: 2px; }

#section_projets .title-lnk3 {
  transform: rotate(-5deg);
  margin-top: 59px;
  margin-left: 4px; }

#section_projets .sb-title:hover .title {
  font-size: 19px; }

#section_projets .descLst {
  color: #002ab6;
  font-family: 'Raleway';
  font-size: 15px;
  letter-spacing: 1px;
  display: block;
  white-space: normal; }

#section_projets .link {
  font-size: 14px;
  line-height: 15px;
  font-weight: 600;
  cursor: pointer;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0px;
  white-space: nowrap;
  margin: 0px;
  color: #ffd200;
  transition: all .1s ease-in-out; }

#section_projets .link i {
  cursor: pointer;
  color: white; }

#section_projets .link:hover {
  line-height: 15px;
  font-weight: 600;
  cursor: pointer;
  padding-left: 15px;
  color: #ffd200; }

#section_projets .projetsLst {
  background: linear-gradient(90deg, #00239a 0%, #002ab6 100%);
  border-radius: 3px;
  padding: 15px;
  overflow: hidden;
  min-height: 340px;
  display: none; }

@media (max-width: 768px) {
  #section_projets .projetsLst {
    overflow: auto;
    overflow-x: hidden;
    width: auto;
    max-width: 280px;
    min-height: 0px; } }
#section_projets .projetsLst.selected {
  display: block; }

/* tooltips
* --------------------------------------- */
.tooltips {
  position: fixed;
  z-index: 9999999999999999999999999999999999999999999;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.9);
  color: white;
  padding: 15px 15px;
  border-radius: 2px;
  font-family: 'Raleway';
  font-weight: 600;
  font-size: 11px;
  line-height: 15px;
  transition: opacity 0.15s;
  opacity: 0; }

/*# sourceMappingURL=index.css.map */