/*****--**-----*****--|NAV|-*****-----**--*****/
     #navsticky{
          box-shadow: black 14px 14px 0px 0px;
     }

     .bar{
          background-color: black;
     }
/*****--**-----*****--|NAV|-*****-----**--*****/

body{
     background-color:white;
     overflow-x: hidden;
}

/*****--**-----*****--|TARIFS TITRE|-*****-----**--*****/
     #tarifs{
          padding: 10vh 0;
     }

     #tarifs #titre{
          width: 60%;
          margin: auto;
          max-width: 860px;
          padding: 36px;
     }

     #tarifs #titre h1{
          font-family: Valizas;
          font-weight: 800;
          color: black;
          text-transform: uppercase;
          font-size: 56px;
          text-align: center;
     }

     #tarifs #titre p{
          font-family: Valizas;
          font-weight: 600;
          color: black;
          font-size: 14px;
          padding: 12px 0;
     }
     /*****--**-----*****--|TARIFS TITRE TABLETTE|-*****-----**--*****/
          @media (max-width: 960px){
               #tarifs #titre h1{
                    margin-top: 0;
               }

               #tarifs .offre {
                    width: 80%;
               }
          }
     /*****--**-----*****--|TARIFS TITRE TABLETTE|-*****-----**--*****/

     /*****--**-----*****--|TARIFS TITRE MOBILE|-*****-----**--*****/
          @media (max-width: 576px){
               #tarifs #titre {
                    width: 90%;
                    max-width: 860px;
                    padding: 0 36px 36px 36px;
               }
          }
     /*****--**-----*****--|TARIFS TITRE MOBILE|-*****-----**--****/

     /*****--**-----*****--|TARIFS TITRE ANIMATIONS|-*****-----**--****/
     /*****--**-----*****--|TARIFS TITRE ANIMATIONS|-*****-----**--****/
/*****--**-----*****--|TARIFS TITRE|-*****-----**--*****/

/*****--**-----*****--|TARIFS OFFRE|-*****-----**--*****/
     #tarifs .offre{
          background-color: green;
          width: 60%;
          margin: 54px auto;
          max-width: 860px;
          padding: 54px 54px 54px 64px;
          transform: rotate(-1deg);
     }

     #tarifs .offre h2, #tarifs .offre p, #tarifs .offre ul li{
          font-family: Valizas;
          color: white;
          transform: rotate(1deg);
     }

     #tarifs .offre h2{
          font-weight: 800;
          text-transform: uppercase;
          font-size: 24px;
     }

     #tarifs .offre div{
          padding: 6px;
     }

     #tarifs .offre p{
          font-weight: 700;
          padding: 12px 0 0 0;
     }

     #tarifs .offre div ul{
          background-color: white;
          padding: 41px 33px 33px 69px;
          margin-bottom: 21px;
     }

     #tarifs .offre div ul li{
          line-height:1em;
          padding: 3px 0;
          color: black;
          font-weight: 600;
     }

     #tarifs .offre button{
          background-color: white;
          border: none;
          padding: 21px 36px;
          font-size: 21px;
          text-align: right;
          font-family: Valizas;
          color: black;
          font-weight: 900;
          text-transform: uppercase;
          margin-top: 12px;
          margin-bottom: 100px;
          float: inline-end;
          transform: rotate(2deg);
          -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.6);
          box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.6);
          transition:0.2s;
     }

     #tarifs .offre button:hover{
          transform: scale(1.2) rotate(1deg);
     }
     /*****--**-----*****--|TARIFS OFFRES TABLETTE|-*****-----**--*****/
          @media (max-width: 960px){

          }
     /*****--**-----*****--|TARIFS OFFRES TABLETTE|-*****-----**--*****/

     /*****--**-----*****--|TARIFS OFFRES MOBILE|-*****-----**--*****/
          @media (max-width: 576px){
               #tarifs .offre {
                    width: 90%;
                    padding: 36px;
                    margin-bottom: 12vh;
               }

               #tarifs .offre div ul {
                    padding: 21px 11px 21px 21px;
               }

               #tarifs .offre button{
                    font-size: 3.8vw;
               }
          }
     /*****--**-----*****--|TARIFS OFFRES MOBILE|-*****-----**--****/

     /*****--**-----*****--|TARIFS OFFRES ANIMATIONS|-*****-----**--****/
     /*****--**-----*****--|TARIFS OFFRES ANIMATIONS|-*****-----**--****/
/*****--**-----*****--|TARIFS OFFRES|-*****-----**--*****/