aside{
     position: fixed;
     margin: 10px 0 0 83%;
}

aside .bloc-contact,
aside .bloc-catalogue,
aside .bloc-img{
     font-size: 12px;
     border: 1px solid #783f6d;
     background-color: #fff;
     border-radius: 10px;
     box-shadow: 0 10px 20px -10px #575756;
     width: 200px;
     height: 175px;
     padding: 10px;
     margin-top: 20px;
}

aside .bloc-img{
     height: auto;
     padding-top: 0;
} 

.bloc-img div:first-child {
     text-align: center;
}

.bloc-img div:last-child {
     display: flex;
     justify-content: space-around;
}

aside > div h4{
     margin: 5px 0 0 5px;
     padding: 0;
     font-size: 20px;
}

aside a{
     text-decoration: underline;
     color: black;
}

.femme{
     margin: 5px 15px 0 0;
     transform: rotate(15deg);
     float: right;
}

.question{
     margin: 20px 0 0 10px;
}

.handicap {
     margin: 10px 10px 0 0;
     display: flex;
}

.handicap img {
     width: 60px;
}

.handicap p {
     margin: 10px 0 0 10px;
}

.contact{
     float: left;
}

.content-contact{
     margin-left: 5px;
     margin-top: 0;
}

.content-contact img {
     width: 40px;
     height: auto;
}
.num-mail{
     margin-left: 50px;
}

.num-mail p{
     margin-top: 0;
}

.text-catalogue{
     margin: 20px 0 0 10px;
}

.conteneur-pdf{
     margin-left: 10px;
     margin-top: 20px;
}

.pdf{
     width: 40px;
     height: auto;
     float: left;
}

.phrase_qualiopi_1 {
     margin-top: 0;
}

.phrase_qualiopi_1{
     font-size: 10px;
}


.phrase_qualiopi_2{
     font-size: 7px;
}

.logoPole{
    margin-top: 7px;
    width: 73px;
    height: 62px;
}

.logoDatadock{
     width: 70px;
     height: auto;
}

#page .depliant{
     display: none;
}

@media (min-width: 1301px){
     #page aside .container-aside{
          display: block !important;
     }
}

@media only screen and (max-width: 1300px){
     #page aside{
          margin-top: 50px;
          right: 0;
          /*top: 100px;*/
     }

     #page aside .container-aside{
          display: none;
     }

     #page .depliant{
          margin-top: 0;
          display: block;
          position: fixed;
          right: 0;
     }

     #page .uil-angle-double-left:before, #page .uil-angle-double-right:before{
          margin-left: 0;
          margin-right: 0;
          font-size: 40px;
          color: #A8639A;
          border-top-left-radius: 10px;
          background-color: white;
          border-bottom-left-radius: 10px;
          border: 1px solid #783f6d;
          box-shadow: 0 10px 20px -10px #575756;
     }


     aside .bloc-img, aside .bloc-contact, aside .bloc-catalogue{
          width: 150px;
          padding: 5px;
     }

     #page .bloc-img{
          margin-bottom: 10px;
          padding-top: 0;
     }

     #page .bloc-img > div{
          margin-top: 5px;
     }

     #page .bloc-img .logoQualiopi{
          height: auto;
     }

     #page .bloc-img .logoDatadock{
          width: 50px;
          height: auto;
     }

     #page .bloc-img .logoPole{
          width: 50px;
          height: 40px;
          margin-top: 5px;
     }

     #page .bloc-contact{
          height: 160px;
     }

     #page .bloc-contact .femme{
          width: 30px;
          height: auto;
          margin: 0 15px 0 0;
     }

     #page .bloc-contact h4,
     #page .bloc-catalogue h4{
          font-size: 16px;
          margin: 5px 0 0 10px;
     }

     #page .bloc-contact p{
          margin-top: 10px;
          font-size: 10px;
     }

     #page .bloc-contact .content-contact{
          margin: 10px 0 0 0;
     }

     #page .bloc-contact .content-contact .contact{
          width: 28px;
          height: auto;
     }

     #page .bloc-contact .content-contact .num-mail{
          font-size: 10px;
          margin-left: 35px;
     }

     #page .bloc-contact .content-contact .num-mail p:nth-child(1){
          margin-top: 10px;
     }

     #page .bloc-contact .content-contact .num-mail p:nth-child(2){
          margin-left: -35px;
          margin-top: 22px;
     }

     #page .bloc-catalogue,
     #page .bloc-contact{
          margin-top: 10px;
     }

     #page .bloc-catalogue{
          height: 145px;
     }

     #page .bloc-catalogue .text-catalogue{
          font-size: 10px;
          margin: 10px 0 0 20px;
          line-height: 17px;
     }

     #page .bloc-catalogue .conteneur-pdf{
          font-size: 10px;
          margin-top: 10px;
     }

     #page .bloc-catalogue .conteneur-pdf .pdf{
          width: 30px;
     }
}