/* 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;
   }
}
/* cmsms stylesheet: __Accueil modified: 12/05/2020 18:45:42 */
#main {
   text-align: right;
   padding-bottom: 2rem;
   font-size: 1.15rem;
}

#menu {
   text-align: center;
}
#menu ul li {
    display: inline-block;
    /*font-size: 0.6em;
    height: 1.6rem;
    line-height: 0.4;*/
    overflow: hidden;
    margin: 2em;
}
#menu ul li.item-1,
#menu ul li.item-11,
#menu ul li.item-15,
#menu ul li.item-30,
#menu ul li.item-38 {
    margin-left: -1.5em;
}
#menu ul li.item-6,
#menu ul li.item-16,
#menu ul li.item-18,
#menu ul li.item-26,
#menu ul li.item-36 {
    margin-bottom: -0.5em;
}
#menu ul li.item-8,
#menu ul li.item-18,
#menu ul li.item-22,
#menu ul li.item-28,
#menu ul li.item-41 {
    margin-left: 1em;
}
#menu ul li.item-2,
#menu ul li.item-10,
#menu ul li.item-22,
#menu ul li.item-28,
#menu ul li.item-41 {
    margin-bottom: -2em;
}
#menu ul li a {
    border-radius: 50%;
    border: 0.2em solid #000;
    display: block;
    overflow: hidden;
    height: 1em;
    width: 1em;
    background: #000;
    color: #000;
    color: transparent;
}
#menu ul li a.bulle {
    border-radius: 0;
    border: 0;
    width: auto;
    background: #fff;
    background: transparent;
    font-size: 0.85rem;
    margin: -1.5em 0 0.5em 0;
    padding-left: 2.5em;
    color: #fff;
    opacity: 0;
}
#menu ul li:hover a.bulle {
    color: #000;
    opacity: 1;
    cursor: default;
}
#menu ul li a:visited {
    background: #fff;
    color: #fff;
    color: transparent;
    border-color: #000;
}

/*#menu ul li a::before {
   content: "•";
   font-size: 4rem;
   color: #000;
   transition-duration: 1s;
   transition-property: all;
   transition-timing-function: linear;
}
#menu ul li a:hover::before {
   color: #999;
}
#menu ul li a:active::before {
   color: #fff;
}
#menu ul li a:visited:before {
   color: #999;
   content: "O";
}*/

@media screen and (max-width: 59.6875em) {
   #main {
      padding-right: 0;
   }
}