/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiGyp8kv8JHgFVrLPTufntAOvWDSHFF.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiGyp8kv8JHgFVrLPTucHtAOvWDSA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLFj_Z1JlFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLFj_Z1xlFd2JQEk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLDz8Z1JlFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLDz8Z1xlFd2JQEk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLGT9Z1JlFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLEj6Z1JlFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}








* {
  font-family: Poppins, ui-sans-serif;
  font-style:normal;
  letter-spacing: -.02em; /*-.05em; */
  color:#000;
  line-height:150%;
  text-decoration: none;
}
.white {
  color:#FFF;
}
.green{
    background: -webkit-linear-gradient(135deg, rgb(136 245 222), rgb(136 245 222),  rgb(136 245 222), rgb(70, 0, 218));
    background: linear-gradient(135deg, rgb(136 245 222), rgb(136 245 222),  rgb(136 245 222), rgb(70, 0, 218));
}
.purple{
    background: -webkit-linear-gradient(135deg, rgb(70, 0, 218), rgb(70, 0, 218), rgb(70, 0, 218),  rgb(136 245 222), rgb(136 245 222));
    background: linear-gradient(135deg, rgb(70, 0, 218), rgb(70, 0, 218), rgb(70, 0, 218),  rgb(136 245 222), rgb(136 245 222));
}
.lightgray{
    background-color:rgb(172, 173, 172); /* 160 */
}
.gray{
    background-color:rgb(120, 120, 120);
}
.darkgray{
    background-color:rgb(80, 80, 80);
}
.green-font{
    color: rgb(93, 201, 191); /* rgb(136 245 222);*/
}
.purple-font{
    color: rgb(63, 9, 207); /*rgb(70, 0, 218);*/ /
}
.silver-font{

    background: -webkit-linear-gradient(135deg,  rgb(70, 0, 218), rgb(70, 0, 218), rgb(136 245 222), rgb(136 245 222));
    background: linear-gradient(135deg, rgb(70, 0, 218), rgb(70, 0, 218), rgb(136 245 222), rgb(136 245 222));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

a.fill-div {
    display: flex;
    height: 100%;
    width: 100%;
    text-decoration: none;
}




/* Change the color of links on hover */



#topnav_icon_bars, #topnav_icon_close {
    display: none;
  }

.topnav {
  float: right;
  display:block;
  background-color: #FFF;
  overflow: hidden;
  margin-top : 30px;
}

/* Style the links inside the navigation bar */
.topnav a {
  text-align: center;
  margin: 5px 5px;
  text-decoration: none;
  font-size: 20px;

}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add an active class to highlight the current page */
.topnav a.active {
  color: rgb(70, 0, 218);
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}


.small-texte{
  font-size: 20px; /* 1.75 */
  font-weight: 300;
  text-align: left;
}

.small-titre{
  font-size: 20px; /* 1.75 */
  font-weight: 500;
  color: rgb(63, 9, 207);
  text-align: left;
}
.small-date{
  font-size: 20px; /* 1.75 */
  font-weight: 500;
  color: rgb(93, 201, 191);
  text-align: left;
}


#logo_modulo{
  margin : 20px;
}
.logo-sponsor{
  width : 15%;
  margin : 20px 0px 20px 0px ;
}
.logo_img{
  width : 100%;
}


#titre{
  font-size: 32px;
  font-weight : 500;
  text-align: center;
}

  .container-titre {
      display: block;
      margin: 50px 10px 30px 10px;
  }
  .container-texte {
    padding: 0px 10px 0px 10px;
  }

  .container-1 {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
  }
  .container-1-2 {
      width: 50%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
      margin : 0px;
  }
  .container-1-2-top {
      width: 50%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
      margin : 0px;
  }
  .container-1-2-cte {
      width: 50%;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      margin : 0px;
  }
  .container-1-4 {
      width: 25%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
      margin : 0px;
  }
  .container-0-8 {
      width: 80%;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
  }
  .container-0-7 {
      width: 70%;
      height : 70%
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
  }
  .container-apprendre {
      width : 100%;
      position: relative;
      aspect-ratio: 3 / 2 ;
      border-radius: 10px;
      margin : 10px;
      padding: 5px 30px 30px 30px;
  }
  .container-enseigner {
      width : 100%;
      display : flex;
      justify-content: center;
      align-items: center;
      border-radius: 10px;
      margin : 10px;
      margin-bottom: 11px;
  }
  .container-h1 {
      width : 97%;
      height : 90px;
      display : flex;
      justify-content: center;
      align-items: center;
      border-radius: 10px;
      margin : 10px;
  }
  .container-contribuer {
      width : 98%;
      display : flex;
      justify-content: center;
      align-items: center;
      border-radius: 10px;
      margin : 10px;
      padding: 0px 0px 0px 0px;
  }

  h1{
    font-size: 32px;
    font-weight: 500;
  }
  h1.top {
    text-align: left;
    top: 0;
    left: 0;
  }
  h1.center {
    text-align: center;
    margin : auto;
  }
  h1.bottom  {
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    padding-left : 30px;
    padding-right : 30px;
  }
  .pt-auto{
    font-weight: 500;
    color: rgb(63, 9, 207);
  }
  #icon_bars, #icon_close {
      display : none;
  }


  @media only screen and (max-width: 850px){ /* 650 */

    .container-1-2-top {
          width: 100%;
          aspect-ratio: 3 / 2 ;
          display: flex;
          flex-wrap: wrap;
          justify-content: space-around;
          margin : 0px;
      }


    #icon_bars, #icon_close {
        font-size : 36px;
        display : block;
        float: right;
        font-size : 36px;
        padding : 0px 18px 0px 18px;
    }
    #icon_bars.hidden, #icon_close.hidden {
        display : none;
    }

    .topnav a {display: none;}

    .topnav a.icon {
        float: right;
        display: block;
      }

    .topnav.responsive {
      /*
      position: absolute;
      right: 10px;
      top: 100px;
      */
    }
    .topnav.responsive a.icon {
      position: absolute;
      right: 0;
      top: 0;
    }
    .topnav.responsive a {
      display: flex;
      justify-content: right;
      font-size: 24px;
    }
    .topnav {
      display: block;
      float: none;
      margin-top: 0px;
    }

}

@media only screen and (max-width: 600px) { /* 650 */

  .container-1, .container-1-2, .container-1-4 {
        width : 100%;
  }
  .logo-sponsor {
        width : 35%;
        margin : 20px 0px 20px 0px ;
  }

  .container-apprendre, .container-enseigner, .container-contribuer  {
      position: relative;
      aspect-ratio: 3 / 2;
      border-radius: 10px;

  }

}


a:link {
  padding: 1px 1px;
  text-decoration: none;
  font-weight: 500;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}