nav {position: fixed; top: 0%;
right: 0%; padding: 20px;


 font-family: "Afacad Flux", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;
  font-size: 30px;

 }
.navbar {display: inline;}

ul.menu {
          list-style: none;   /* Supprime les puces d'une liste */
          padding: 0;
          margin: 0;
               
         }

          ul.menu li{ display: inline-block;
          padding-left: 20px;
          padding-right: 20px; }

     
          ul.menu li a:hover{ 
          text-decoration: none;
          color:#00cb2b}
     
a{color:#e62a36;
text-decoration: none ;
}

a:hover{ color:#00cb2b;
text-decoration: underline;
}

body{

font-family: "Afacad Flux", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-variation-settings: "slnt" 0;
font-size: 30px;
color:#393e3d;

}

p {font-family: "Afacad Flux", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;
font-size: 30px;
color:#393e3d;
}

.fond-bleu-clair {background-color: #edf6f7;}
.lettrage-plus-gr {font-size: 30px;}


h1,h2,h3,h4 { color: #00cb2b;
}


h1 {
  font-size:85px;

  font-family: "Afacad Flux", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "slnt" 0;
 background-color: #ffffff
  }

h2 {
  font-size: 45px;
  font-family: "Afacad Flux", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:"slnt" 0;
  background-color: #ffffff


}

 h3,h4 {font-family: "Modak", system-ui;
  font-weight: 400;
  font-style: normal;} 

            
  .container {
      width: 80%;
        display: flex;
        gap: 20px;
         /* espace entre les colonnes */
         /*background-color:#f3a5c3;*/
         margin:0 auto;
     }
   .colonne {
        flex: 1; /* les 3 colonnes ont la même largeur */
        padding: 20px;
        background: #eeeeee;
        border: 1px solid #ccc;
     }
     
     .banniere-pleine-largeur {
    /*width: 100%;*/ /* S'étend sur toute la largeur disponible */
    box-sizing: border-box; /* Inclut les éventuelles marges intérieures dans le calcul de la taille */
}


/*
.image-pleine-largeur {

  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  
    
}
*/
.txt-rose { 
color:#e62a36;
}

.line{
opacity: 1;
background-size: 28px 28px;
background-image: repeating-linear-gradient(0deg, #e62a36, #e62a36 1.9000000000000001px, #FFF 1.9000000000000001px, #FFF);
 height: 150px;
}

.line-2{
opacity: 1;
background-size: 28px 28px;
background-image: repeating-linear-gradient(0deg, #00cb2b, #00cb2b 1.9000000000000001px, #FFF 1.9000000000000001px, #FFF);
 height: 150px;
}


footer p{ font-size: 14px;}
.bgrc{ display: block;}

p, .bgrc { width: 80%;
margin:15px auto 0 auto}