/* cmsms stylesheet: __Projets modified: 12/05/2020 19:02:17 */
#projets {
   overflow: hidden;
}
#projets #retour {
   text-align: right;
}
#projets #retour a {
   position: relative;
   color: #000;
   font-size: 1.5rem;
   transition-duration: 1s;
   transition-property: all;
   transition-timing-function: linear;
}
#projets #retour a:hover {
}
#projets #retour a:active {
   color: #fff;
}

#projets #content {
   margin-top: 1.25em;
}

#projets h3 {
   font-size: 1rem;
   position: absolute;
   left: 75%;
   top: 72.5%;
   z-index: 100;
}

#projets img {
   width: 72.5%;
   height: auto;   
   margin-top: -3em;
}
#projets ul img {
   margin-top: 0;
}
#projets li img:hover {
   cursor: pointer;
}

#projets #content ul {
   margin-top: -3em;
   list-style: none;
}
#projets #content ul li .cache {
    background-color: #fff;
    height: 100%;
    position: absolute;
    width: 65%;
}

@media screen and (max-width: 60em) {
   body {
      margin-top: 2.5%;
   }
   #projets #retour,
   #projets #content {
      margin-top: 0;
   }
   #projets h3 {
       margin-bottom: 3.5em;
       margin-top: -1.25em;
       position: relative;
       left: 0;
   }
   #projets h3,
   #projets img,
   #projets #content ul li .cache {
      width: 85%;
   }
   #projets #content ul,
   #projets #content img {
      margin-top: -1.5em;
   }
   #projets #content ul img {
      margin-top: 0;
   }
   #projets #retour {
   }
}
@media screen and (max-width: 45em) {
   #projets img,
   #projets #content ul li .cache {
      width: 100%;
   }
}
@media screen and (max-width: 30em) {
   #projets #content ul li .cache {
      opacity: 0;
   }
   #projets #content ul li img {
      margin-bottom: 0.75em;
   }
}