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

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

body{
     background-color:#CD608E;
     overflow-x: hidden;
}

.lepetitbonuscopywritingp{
     display: block;
}

.lepetitbonusseop{
     display: none;
}

.lepetitbonusstorytellingp{
     display: none;
}

/*****--**-----*****--|COPYWRITING ACCUEIL|-*****-----**--*****/
     #copywritingaccueil{
          min-height: 100vh;
          width: 60vw;
          max-width: 960px;
          margin: auto;
          padding: 13vh 0;
     }

     #copywritingaccueil h1{
          margin: 0;
          font-family: BouhR;
          color: white;
          font-size: 6vw;
          line-height: 0.90em;
     -webkit-animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.5s both;
             animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.5s both;
     }

     #copywritingaccueil div{
          display: flex;
          margin-top: 24px;
     }

     #copywritingaccueil div img{
          width: 30%;
          margin-top: -10%;
          height: 100%;
     }

     #copywritingaccueil div article{
          width: 70%;
          padding: 36px;
          -webkit-animation: slide-in-blurred-left 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.8s both;
             animation: slide-in-blurred-left 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.8s both;
     }

     #copywritingaccueil div article p{
          font-size: 1.9vw;
          color: white;
          font-family: Valizas;
          font-weight: 800;
          padding: 12px 0;
          text-transform: uppercase;
     }

     /*****--**-----*****--|COPYWRITING ACCUEIL TABLETTE|-*****-----**--*****/
          @media (max-width: 960px){
               #copywritingaccueil {
                    min-height: auto;
                    width: 80%;
                    padding: 10vh 0;
               }

               #copywritingaccueil h1{
                    font-size: 10vw;
               }

               #copywritingaccueil div{
                    flex-direction: column-reverse;
               }

               #copywritingaccueil div img{
                    margin-left: auto;
                    width: 50%;
                    margin-right: -8%;
                    margin-bottom: -6%;
               }

               #copywritingaccueil div article{
                    width: 100%;
               }

               #copywritingaccueil div article p {
                    font-size: 36px;
               }
          }
     /*****--**-----*****--|COPYWRITING ACCUEIL TABLETTE|-*****-----**--*****/

     /*****--**-----*****--|COPYWRITING ACCUEIL MOBILE|-*****-----**--*****/
           @media (max-width: 576px){
               #copywritingaccueil{
                    width: 100%;
                    height: auto;
                    padding: 0;
               }

               #copywritingaccueil h1{
                    font-size: 17vw;
                    padding: 0 12px 12px 12px;
               }

               #copywritingaccueil div img{
                    margin-top: -25%;
                    width: 60%;
               }

               #copywritingaccueil div article p {
                    font-size: 24px;
               }
          }
     /*****--**-----*****--|COPYWRITING ACCUEIL MOBILE|-*****-----**--****/


     /*****--**-----*****--|COPYWRITING ACCUEIL ANIMATIONS|-*****-----**--****/
          #copywritingaccueil div img{
               -webkit-animation: jello-horizontal 0.9s 1.4s both;
                       animation: jello-horizontal 0.9s 1.4s both;
          }

          #copywritingaccueil div img:hover{
               -webkit-animation: jello-horizontal2 0.9s both;
                       animation: jello-horizontal2 0.9s both;
          }

     @-webkit-keyframes jello-horizontal {
       0% {
         -webkit-transform: scale3d(1, 1, 1);
                 transform: scale3d(1, 1, 1);
       }
       30% {
         -webkit-transform: scale3d(1.25, 0.75, 1);
                 transform: scale3d(1.25, 0.75, 1);
       }
       40% {
         -webkit-transform: scale3d(0.75, 1.25, 1);
                 transform: scale3d(0.75, 1.25, 1);
       }
       50% {
         -webkit-transform: scale3d(1.15, 0.85, 1);
                 transform: scale3d(1.15, 0.85, 1);
       }
       65% {
         -webkit-transform: scale3d(0.95, 1.05, 1);
                 transform: scale3d(0.95, 1.05, 1);
       }
       75% {
         -webkit-transform: scale3d(1.05, 0.95, 1);
                 transform: scale3d(1.05, 0.95, 1);
       }
       100% {
         -webkit-transform: scale3d(1, 1, 1);
                 transform: scale3d(1, 1, 1);
       }
     }
     @keyframes jello-horizontal {
       0% {
         -webkit-transform: scale3d(1, 1, 1);
                 transform: scale3d(1, 1, 1);
       }
       30% {
         -webkit-transform: scale3d(1.25, 0.75, 1);
                 transform: scale3d(1.25, 0.75, 1);
       }
       40% {
         -webkit-transform: scale3d(0.75, 1.25, 1);
                 transform: scale3d(0.75, 1.25, 1);
       }
       50% {
         -webkit-transform: scale3d(1.15, 0.85, 1);
                 transform: scale3d(1.15, 0.85, 1);
       }
       65% {
         -webkit-transform: scale3d(0.95, 1.05, 1);
                 transform: scale3d(0.95, 1.05, 1);
       }
       75% {
         -webkit-transform: scale3d(1.05, 0.95, 1);
                 transform: scale3d(1.05, 0.95, 1);
       }
       100% {
         -webkit-transform: scale3d(1, 1, 1);
                 transform: scale3d(1, 1, 1);
       }
     }

     @-webkit-keyframes jello-horizontal2 {
       0% {
         -webkit-transform: scale3d(1, 1, 1);
                 transform: scale3d(1, 1, 1);
       }
       30% {
         -webkit-transform: scale3d(1.25, 0.75, 1);
                 transform: scale3d(1.25, 0.75, 1);
       }
       40% {
         -webkit-transform: scale3d(0.75, 1.25, 1);
                 transform: scale3d(0.75, 1.25, 1);
       }
       50% {
         -webkit-transform: scale3d(1.15, 0.85, 1);
                 transform: scale3d(1.15, 0.85, 1);
       }
       65% {
         -webkit-transform: scale3d(0.95, 1.05, 1);
                 transform: scale3d(0.95, 1.05, 1);
       }
       75% {
         -webkit-transform: scale3d(1.05, 0.95, 1);
                 transform: scale3d(1.05, 0.95, 1);
       }
       100% {
         -webkit-transform: scale3d(1, 1, 1);
                 transform: scale3d(1, 1, 1);
       }
     }
     @keyframes jello-horizontal2 {
       0% {
         -webkit-transform: scale3d(1, 1, 1);
                 transform: scale3d(1, 1, 1);
       }
       30% {
         -webkit-transform: scale3d(1.25, 0.75, 1);
                 transform: scale3d(1.25, 0.75, 1);
       }
       40% {
         -webkit-transform: scale3d(0.75, 1.25, 1);
                 transform: scale3d(0.75, 1.25, 1);
       }
       50% {
         -webkit-transform: scale3d(1.15, 0.85, 1);
                 transform: scale3d(1.15, 0.85, 1);
       }
       65% {
         -webkit-transform: scale3d(0.95, 1.05, 1);
                 transform: scale3d(0.95, 1.05, 1);
       }
       75% {
         -webkit-transform: scale3d(1.05, 0.95, 1);
                 transform: scale3d(1.05, 0.95, 1);
       }
       100% {
         -webkit-transform: scale3d(1, 1, 1);
                 transform: scale3d(1, 1, 1);
       }
     }

     /*#copywritingaidemoi span button a:hover {
     -webkit-animation: text-shadow-pop-br 0.6s both;
             animation: text-shadow-pop-br 0.6s both;
     }*/

     #copywritingsection1 div img{

     }


     @-webkit-keyframes slide-in-blurred-left {
       0% {
         -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
                 transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
         -webkit-transform-origin: 100% 50%;
                 transform-origin: 100% 50%;
         -webkit-filter: blur(40px);
                 filter: blur(40px);
         opacity: 0;
       }
       100% {
         -webkit-transform: translateX(0) scaleY(1) scaleX(1);
                 transform: translateX(0) scaleY(1) scaleX(1);
         -webkit-transform-origin: 50% 50%;
                 transform-origin: 50% 50%;
         -webkit-filter: blur(0);
                 filter: blur(0);
         opacity: 1;
       }
     }
     @keyframes slide-in-blurred-left {
       0% {
         -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
                 transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
         -webkit-transform-origin: 100% 50%;
                 transform-origin: 100% 50%;
         -webkit-filter: blur(40px);
                 filter: blur(40px);
         opacity: 0;
       }
       100% {
         -webkit-transform: translateX(0) scaleY(1) scaleX(1);
                 transform: translateX(0) scaleY(1) scaleX(1);
         -webkit-transform-origin: 50% 50%;
                 transform-origin: 50% 50%;
         -webkit-filter: blur(0);
                 filter: blur(0);
         opacity: 1;
       }
     }


     @-webkit-keyframes slide-in-blurred-top {
       0% {
         -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
                 transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
         -webkit-transform-origin: 50% 0%;
                 transform-origin: 50% 0%;
         -webkit-filter: blur(40px);
                 filter: blur(40px);
         opacity: 0;
       }
       100% {
         -webkit-transform: translateY(0) scaleY(1) scaleX(1);
                 transform: translateY(0) scaleY(1) scaleX(1);
         -webkit-transform-origin: 50% 50%;
                 transform-origin: 50% 50%;
         -webkit-filter: blur(0);
                 filter: blur(0);
         opacity: 1;
       }
     }
     @keyframes slide-in-blurred-top {
       0% {
         -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
                 transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
         -webkit-transform-origin: 50% 0%;
                 transform-origin: 50% 0%;
         -webkit-filter: blur(40px);
                 filter: blur(40px);
         opacity: 0;
       }
       100% {
         -webkit-transform: translateY(0) scaleY(1) scaleX(1);
                 transform: translateY(0) scaleY(1) scaleX(1);
         -webkit-transform-origin: 50% 50%;
                 transform-origin: 50% 50%;
         -webkit-filter: blur(0);
                 filter: blur(0);
         opacity: 1;
       }
     }
/*****--**-----*****--|COPYWRITING ACCUEIL|-*****-----**--*****/

/*****--**-----*****--|COPYWRITING SECTION 1 - CALL TO ACTION|-*****-----**--*****/
     #copywritingsection1{
          background-color: white;
          padding: 10vh 20%;
     }

     #copywritingsection1 .copywritingctah{
          font-family: BouhC;
          font-size: 64px;
          line-height:0.8em;
          color:#CD608E;
          padding: 19px 0;
          max-width: 640px;
          margin:auto;
     }

     #copywritingsection1 .copywritingctah:nth-child(1){
          -webkit-animation: shake-horizontal 6s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
             animation: shake-horizontal 6s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
     }

     #copywritingsection1 .copywritingctah:nth-child(2){
          -webkit-animation: shake-horizontal 7s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
             animation: shake-horizontal 7s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
     }

     #copywritingsection1 .copywritingctah:nth-child(3){
          -webkit-animation: shake-horizontal 6.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
             animation: shake-horizontal 6.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
     }

     #copywritingsection1 .copywritingctah:nth-child(4){
          -webkit-animation: shake-horizontal 4s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
             animation: shake-horizontal 4s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
     }

     #copywritingsection1 .copywritingctah:nth-child(5){
          -webkit-animation: shake-horizontal 5s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
             animation: shake-horizontal 5s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
     }

     #copywritingsection1 #copywritingpaslesfaire{
          font-family: Valizas;
          font-weight: 800;
          font-size: 31px;
          padding: 10vh 42px;
          text-align: center;
     }

     #copywritingsection1 div{
          display: flex;
     }

     #copywritingsection1 div img{
          width: 29%;
          height: 100%;
          -webkit-animation: pulsate-bck 2s ease-in-out infinite both;
                  animation: pulsate-bck 2s ease-in-out infinite both;
     }

     /*****--**-----*****--|COPYWRITING CALL TO ACTION TABLETTE|-*****-----**--*****/
          @media (max-width: 960px){
               #copywritingsection1{
                    padding: 10vh 15%;
               }

               #copywritingsection1 #copywritingpaslesfaire {
                    padding: 10vh 42px 0 42px;
               }
          }
     /*****--**-----*****--|COPYWRITING CALL TO ACTION TABLETTE|-*****-----**--*****/

     /*****--**-----*****--|COPYWRITING CALL TO ACTION MOBILE|-*****-----**--*****/
          @media (max-width: 576px){
               #copywritingsection1 {
                    padding: 5vh 5%;
               }

               #copywritingsection1 .copywritingctah {
                    font-size: 12vw;
               }

               #copywritingsection1 div .copywritingctah {
                    padding-left:0!important;
               }

               #copywritingsection1 div img {
                    width: 80%;
               }

               #copywritingsection1 #copywritingpaslesfaire {
                    font-size: 24px;
               }
          }
     /*****--**-----*****--|COPYWRITING CALL TO ACTION MOBILE|-*****-----**--*****/

     /*****--**-----*****--|COPYWRITING SECTION 1 - ANIMATIONS|-*****-----**--*****/
          @-webkit-keyframes shake-horizontal {
            0%,
            100% {
              -webkit-transform: translateX(0);
                      transform: translateX(0);
            }
            10%,
            30%,
            50%,
            70% {
              -webkit-transform: translateX(-10px);
                      transform: translateX(-10px);
            }
            20%,
            40%,
            60% {
              -webkit-transform: translateX(10px);
                      transform: translateX(10px);
            }
            80% {
              -webkit-transform: translateX(8px);
                      transform: translateX(8px);
            }
            90% {
              -webkit-transform: translateX(-8px);
                      transform: translateX(-8px);
            }
          }
          @keyframes shake-horizontal {
            0%,
            100% {
              -webkit-transform: translateX(0);
                      transform: translateX(0);
            }
            10%,
            30%,
            50%,
            70% {
              -webkit-transform: translateX(-10px);
                      transform: translateX(-10px);
            }
            20%,
            40%,
            60% {
              -webkit-transform: translateX(10px);
                      transform: translateX(10px);
            }
            80% {
              -webkit-transform: translateX(8px);
                      transform: translateX(8px);
            }
            90% {
              -webkit-transform: translateX(-8px);
                      transform: translateX(-8px);
            }
          }

          @-webkit-keyframes pulsate-bck {
            0% {
              -webkit-transform: scale(1);
                      transform: scale(1);
            }
            50% {
              -webkit-transform: scale(0.9);
                      transform: scale(0.9);
            }
            100% {
              -webkit-transform: scale(1);
                      transform: scale(1);
            }
          }
          @keyframes pulsate-bck {
            0% {
              -webkit-transform: scale(1);
                      transform: scale(1);
            }
            50% {
              -webkit-transform: scale(0.9);
                      transform: scale(0.9);
            }
            100% {
              -webkit-transform: scale(1);
                      transform: scale(1);
            }
          }
     /*****--**-----*****--|COPYWRITING SECTION 1 - ANIMATIONS|-*****-----**--*****/
/*****--**-----*****--|COPYWRITING SECTION 1 - CALL TO ACTION|-*****-----**--*****/

/*****--**-----*****--|COPYWRITING AIDE MOI|-*****-----**--*****/
     #copywritingaidemoi{
          display: flex;
          background-color: white;
          padding: 10vh 0;
          align-items: center;
          margin-top: -1px;
     }

     #copywritingaidemoi div{
          background-color: #CD608E;
          padding: 50px 56px;
          width: 30%;
          margin-left: 20%;
          text-align: justify;
     }

     #copywritingaidemoi div p{
          font-family: Valizas;
          font-weight: 400;
          font-size: 14px;
          color: white;
          padding: 6px 0;
     }

     #copywritingaidemoi span{
          width: 48%;
          margin-left: 2%;
     }

     #copywritingaidemoi span button{
          font-family: BouhC;
          font-size: 13.5vw;
          color: white;
          border: none;
          background-color: #CD608E;
          line-height: 10vw;
          text-align: left;
          padding: 16px 0 32px 16px;
          -webkit-animation: vibrate-1 2s linear infinite both;
             animation: vibrate-1 2s linear infinite both;
          transition: 0.2s;
          margin-right: -6px;
     }

     #copywritingaidemoi span button:hover{
          -webkit-animation: vibrate-1 0.2s linear infinite both;
             animation: vibrate-1 0.2s linear infinite both;
             background-color: black;
     }

     #copywritingaidemoi span button a{
          text-decoration: none;
          color: white;
          text-stroke: 36px #232323;
     }
     /*****--**-----*****--|COPYWRITING AIDE MOI TABLETTE|-*****-----**--*****/
          @media (max-width: 960px){
               #copywritingaidemoi{
                    padding: 0 0 10vh 0;
               }

               #copywritingaidemoi div{
                    padding: 42px 51px;
                    width: 42%;
                    margin-left: 8%;
               }
          }
     /*****--**-----*****--|COPYWRITING AIDE MOI TABLETTE|-*****-----**--*****/

     /*****--**-----*****--|COPYWRITING AIDE MOI MOBILE|-*****-----**--*****/
          @media (max-width: 576px){
               #copywritingaidemoi{
                    flex-direction: column;
               }

               #copywritingaidemoi div{
                    width: 90%;
                    margin-left: 0;
                    margin-bottom: 6%;
               }

               #copywritingaidemoi span{
                    width: 100%;
                    margin-left: 10%;
               }

               #copywritingaidemoi span button {
                    font-size:32vw;
                    line-height:26vw;
               }
          }
     /*****--**-----*****--|COPYWRITING AIDE MOI MOBILE|-*****-----**--*****/
     /*****--**-----*****--|COPYWRITING AIDE MOI ANIMATIONS|-*****-----**--*****/
          @-webkit-keyframes vibrate-1 {
            0% {
              -webkit-transform: translate(0);
                      transform: translate(0);
            }
            20% {
              -webkit-transform: translate(-2px, 2px);
                      transform: translate(-2px, 2px);
            }
            40% {
              -webkit-transform: translate(-2px, -2px);
                      transform: translate(-2px, -2px);
            }
            60% {
              -webkit-transform: translate(2px, 2px);
                      transform: translate(2px, 2px);
            }
            80% {
              -webkit-transform: translate(2px, -2px);
                      transform: translate(2px, -2px);
            }
            100% {
              -webkit-transform: translate(0);
                      transform: translate(0);
            }
          }
          @keyframes vibrate-1 {
            0% {
              -webkit-transform: translate(0);
                      transform: translate(0);
            }
            20% {
              -webkit-transform: translate(-2px, 2px);
                      transform: translate(-2px, 2px);
            }
            40% {
              -webkit-transform: translate(-2px, -2px);
                      transform: translate(-2px, -2px);
            }
            60% {
              -webkit-transform: translate(2px, 2px);
                      transform: translate(2px, 2px);
            }
            80% {
              -webkit-transform: translate(2px, -2px);
                      transform: translate(2px, -2px);
            }
            100% {
              -webkit-transform: translate(0);
                      transform: translate(0);
            }
          }
          /*****--**-----*****--|COPYWRITING AIDE MOI ANIMATIONS|-*****-----**--*****/
/*****--**-----*****--|COPYWRITING AIDE MOI|-*****-----**--*****/

/*****--**-----*****--|COPYWRITING SECTION 2 - COPYWRITING KEZAKO|-*****-----**--*****/
     #copywritingsection2{
          background-color: #FA9DC0;
          min-height: 100vh;
          padding-top: 21vh;
     }

     #copywritingsection2 article{
          width: 50%;
          max-width: 640px;
          margin: auto;
     }

     #copywritingsection2 article h2{
          font-family: Bouh;
          color: white;
          font-size: 41px;
          padding: 0 3vw;
     }

     #copywritingsection2 article p{
          font-family: Valizas;
          font-weight: 400;
          font-size: 14px;
          color: white;
     }

     #copywritingsection2 article #copywritingsection2pid{
          font-weight: 800;
          font-size: 36px;
          text-align: center;
          text-transform: uppercase;
          padding: 36px 0;
          -webkit-animation: scale-up-center 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both;
             animation: scale-up-center 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both;
     }

     #copywritingsection2 article #copywritingsection2pid2{
          font-weight: 800;
          font-size: 42px;
          text-align: center;
          text-transform: uppercase;
          padding: 36px 0 96px 0;
     }

     #copywritingsection2 .copywritingsection2rotate{
          font-size: 21px;
          font-weight: 700;
          padding: 36px;
          width: 80%;
          transition: 0.3s;
     }

     #copywritingsection2 .copywritingsection2rotate:hover{
          transform: scale(1.1)!important;
     }

     /*****--**-----*****--|COPYWRITING KEZAKO TABLETTE|-*****-----**--*****/
          @media (max-width: 960px){
               #copywritingsection2 {
                    padding: 12vh 0;
                    min-height: auto
               }
               #copywritingsection2 article{
                    width: 70%;
               }
          }
     /*****--**-----*****--|COPYWRITING KEZAKO TABLETTE|-*****-----**--*****/

     /*****--**-----*****--|COPYWRITING KEZAKO MOBILE|-*****-----**--*****/
          @media (max-width: 576px){
               #copywritingsection2 {
                    padding: 8vh 0;
               }

               #copywritingsection2 article{
                    width: 90%;
               }

               #copywritingsection2 article .copywritingsection2rotate{
                    padding: 21px 12px;
                    width: 100%;
               }
          }
     /*****--**-----*****--|COPYWRITING KEZAKO MOBILE|-*****-----**--*****/
     /*****--**-----*****--|COPYWRITING KEZAKO ANIMATIONS|-*****-----**--*****/
          @-webkit-keyframes scale-up-center {
               0% {
                    -webkit-transform: scale(0.9);
                            transform: scale(0.9);
               }
               100% {
                    -webkit-transform: scale(1.1);
                            transform: scale(1.1);
               }
          }
          @keyframes scale-up-center {
               0% {
                    -webkit-transform: scale(0.9);
                            transform: scale(0.9);
               }
               100% {
                    -webkit-transform: scale(1.1);
                            transform: scale(1.1);
               }
          }

     /*****--**-----*****--|COPYWRITING KEZAKO ANIMATIONS|-*****-----**--*****/
/*****--**-----*****--|COPYWRITING SECTION 2 - COPYWRITING KEZAKO|-*****-----**--*****/

/*****--**-----*****--|COPYWRITING SECTION 4 - COPYWRITING ETHIQUE|-*****-----**--*****/
     #copywritingsection4{
          background-color: white;
          padding-bottom: 15vh;
     }

     #copywritingsection4 h2{
          margin: 0;
          font-family: BouhR;
          font-size: 6vw;
          line-height: 0.90em;
          padding: 5% 10% 7% 10%;
     }

     #copywritingsection4 div{
          background-color: #CD608E;
          width: 50%;
          max-width: 720px;
          margin: auto;
          padding: 54px 96px;
     }

     #copywritingsection4 div p{
          padding: 6px 0;
          font-size: 14px;
          font-family: Valizas;
          font-weight: 500;
          color: white;
          text-align: justify;
          line-height: 18px;
     }

     #copywritingsection4 div p a{
          text-decoration: none;
          background-color: white;
          color: black;
          padding: 2px 14px;
          font-weight: 700;
          transition: 0.3s;
     }

     #copywritingsection4 div p a:hover{
          padding: 2px 19px;
          letter-spacing: 1px;
     }

     #copywritingsection4 .copywritingsection4bold{
          width: 50%;
          margin: auto;
          padding: 36px 8%;
          font-size: 21px;
          font-family: Valizas;
          font-weight: 700;
          text-align: center;
     }
     /*****--**-----*****--|COPYWRITING ETHIQUE TABLETTTE|-*****-----**--*****/
          @media (max-width: 960px){
               #copywritingsection4{
                    padding-bottom: 5vh;
               }

               #copywritingsection4 div {
                    padding: 36px 54px;
               }
          }
     /*****--**-----*****--|COPYWRITING ETHIQUE TABLETTTE|-*****-----**--*****/

     /*****--**-----*****--|COPYWRITING ETHIQUE MOBILE|-*****-----**--*****/
          @media (max-width: 576px){
               #copywritingsection4{
                    padding-top: 5vh;
               }

               #copywritingsection4 h2{
                    font-size: 7.4vw;
               }

               #copywritingsection4 div{
                    width: 80%;
                    padding: 19px 24px;
               }

               #copywritingsection4 div p{
                    font-size: 12px;
               }

               #copywritingsection4 .copywritingsection4bold {
                    width: 90%;
               }
          }
     /*****--**-----*****--|COPYWRITING ETHIQUE MOBILE|-*****-----**--*****/
/*****--**-----*****--|COPYWRITING SECTION 4 - COPYWRITING ETHIQUE|-*****-----**--*****/

/*****--**-----*****--|COPYWRITING SECTION 5 - COPYWRITING PEPS|-*****-----**--*****/
     #copywritingsection5{
          background-color: white;
          padding: 5vh 0 15vh 0;
          display: flex;
          flex-direction: column;
          justify-content: center;
     }

     #copywritingsection5 h2{
          color: black;
          font-family: Valizas;
          font-weight: 700;
          text-align: center;
          font-size: 14px;
          transition: 0.1s;
          text-transform: uppercase;
     }

     #copywritingsection5 b h2{
          color: #CD608E;
          font-family: BouhC;
          text-align: center;
          font-size: 9vw;
          line-height:7vw;
          width: 50%;
          margin: auto;
     }

     #copywritingsection5 svg{
          margin: 36px auto -5vw auto;
          width: 36px;
     }
     /*****--**-----*****--|COPYWRITING PEPS TABLETTE|-*****-----**--*****/
          @media (max-width: 960px){
               #copywritingsection5{
                    padding: 5vh 0;
                    margin-top: -1px;
               }
               #copywritingsection5 h2{
                    font-size: 18px;
               }

               #copywritingsection5 b h2 {
                    font-size: 13vw;
                    line-height: 11vw;
               }
          }
     /*****--**-----*****--|COPYWRITING PEPS TABLETTE|-*****-----**--*****/
     /*****--**-----*****--|COPYWRITING PEPS MOBILE|-*****-----**--*****/
          @media (max-width: 576px){
               #copywritingsection5 h2{
                    font-size: 14px;
               }

               #copywritingsection5 b h2 {
                    font-size: 21vw;
                    line-height: 17vw;
                    width: 90%;
               }
          }
     /*****--**-----*****--|COPYWRITING PEPS MOBILE|-*****-----**--*****/
     /*****--**-----*****--|COPYWRITING SECTION 5 - COPYWRITING PEPS ANIMATION|-*****-----**--*****/
          #copywritingsection5:hover h2{
               transform: scale(1.2) rotate(2deg);
               padding: 6px 0;
          }
     /*****--**-----*****--|COPYWRITING SECTION 5 - COPYWRITING PEPS ANIMATION|-*****-----**--*****/
/*****--**-----*****--|COPYWRITING SECTION 5 - COPYWRITING PEPS|-*****-----**--*****/

/*****--**-----*****--|COPYWRITING SECTION 6 - COPYWRITING SEXY|-*****-----**--*****/
     #copywritingsection6{
          background-color: white;
          overflow: hidden;
     }

     #copywritingsection6 svg{
          fill: #CD608E;
          display: block;
     }

     #copywritingsection6 article{
          background-color: #CD608E;
          margin: -1px 0;
     }

     #copywritingsection6 article #copywritingsection6titre{
          font-family: Valizas;
          font-weight: 800;
          font-size: 24px;
          line-height: 24px;
          color: white;
          text-transform: uppercase;
          text-align: center;
          width: 560px;
          max-width: 80vw;
          margin: auto;
          margin-bottom: 24px;
     }

     #copywritingsection6 article .copywritingsection6p{
          font-family: Valizas;
          font-weight: 400;
          font-size: 14px;
          line-height: 17px;
          color: white;
          padding: 10px;
          max-width: 580px;
          margin: auto;
          text-align: justify;
     }

     #copywritingsection6 article p:nth-child(6){
          text-align: left;
     }

     #copywritingsection6 article #copywritingsexydiv{
          padding: 5vh 0;
     }

     #copywritingsection6 article #copywritingsexydiv .copywritingsection6p{
          text-align: center;
          max-width: 420px;
     }

     #copywritingsection6 article #copywritingsexydiv div{
          display: flex;
          justify-content:space-between;
     }

     #copywritingsection6 article #copywritingsexydiv div div{
          flex-direction:column;
          align-items: center;
          padding: 4vh 0;
     }

     #copywritingsection6 article #copywritingsexydiv .copywritingsection6p b{
          font-size: 36px;
          font-weight: 800;
     }

     #copywritingsection6 article div div img{
          width: 240px;
     }

     #copywritingsection6 article #copywritingsexydiv #copywritingsexydivcandidats{
          display: flex;
          justify-content: center;
     }

     #copywritingsection6 #copywritingsection6svg2{
          transform: rotate(180deg);
     }

     #copywritingsection6 a{
          display: inline-block;
          background-color: white;
          padding: 12px 36px;
          margin-top: 10vh;
          font-family: Valizas;
          font-weight: 800;
          font-size: 24px;
          border: none;
          transform: rotate(2deg) translateX(-50%) scale(1.0);
          text-decoration: none;
          color: #CD608E;
          position: relative;
          z-index: 10;
          left: 50%;
          transition: 0.3s;
          margin-bottom: 25vh;
     }

     #copywritingsection6 article p:nth-child(6) a{
          line-height: 28px;
          margin: 36px 0 0 0;
          }

     #copywritingsection6 a:hover{
          transform: rotate(2deg) translateX(-50%) scale(1.5);
     }
     /*****--**-----*****--|COPYWRITING SEXY TABLETTE|-*****-----**--*****/
          @media (max-width: 960px){
               #copywritingsection6 article #copywritingsexydiv div div {
                    padding: 4vh 36px;
                    width: 40%;
               }
               #copywritingsection6 article div div img{
                    width: 20vw;
               }
          }
     /*****--**-----*****--|COPYWRITING SEXY TABLETTE|-*****-----**--*****/

     /*****--**-----*****--|COPYWRITING SEXY MOBILE|-*****-----**--*****/
          @media (max-width: 576px){
               #copywritingsection6 article #copywritingsection6titre {
                    font-size: 19px;
                    line-height: 19px;
                    padding-top: 5vh;
               }

               #copywritingsection6 article .copywritingsection6p {
                    max-width: 80%;
               }

               #copywritingsection6 article #copywritingsexydiv #copywritingsexydivcandidats {
                    flex-direction: column;
               }
               #copywritingsection6 article #copywritingsexydiv div div {
                    margin: auto;
                    width: 80%;
               }
          }
     /*****--**-----*****--|COPYWRITING SEXY MOBILE|-*****-----**--*****/

     /*****--**-----*****--|COPYWRITING SEXY ANIMATION|-*****-----**--*****/
          #copywritingsection6 #copywritingsection6titre span{
               transition: 1s;
          }

          #copywritingsection6:hover #copywritingsection6titre span:nth-child(1){
               font-size: 28px;
               transition-delay: 0;
          }

          #copywritingsection6:hover #copywritingsection6titre span:nth-child(2){
               font-size: 32px;
               transition-delay: 0.4s;
          }

          #copywritingsection6:hover #copywritingsection6titre span:nth-child(3){
               font-size: 36px;
               transition-delay: 0.8s;
          }
     /*****--**-----*****--|COPYWRITING SEXY ANIMATION|-*****-----**--*****/
/*****--**-----*****--|COPYWRITING SECTION 6 - COPYWRITING SEXY|-*****-----**--*****/

/*****--**-----*****--|COPYWRITING SECTION 7 - COPYWRITING DISCLAIMER|-*****-----**--*****/
     #copywritingsection7{
          background-color: black;
          color: white;
          display: flex;
          flex-direction: column;
          align-items: center;
          padding: 20vh 0;
     }

     #copywritingsection7 h2{
          font-size: 4vw;
          color: white;
          font-family: Valizas;
          font-weight: 600;
          text-transform: uppercase;
          line-height: 3.4vw;
          width: 50%;
          text-align: center;
          transition: 1s;
          line-height: 4vw;
     }

     #copywritingsection7 article{
          display: flex;
          width: 60%;
          max-width: 720px;
          margin: auto;
          align-items: center;
          padding: 3%;
     }

     #copywritingsection7 article div p{
          font-size: 14px;
          color: white;
          font-family: Valizas;
          font-weight: 500;
          padding: 7px 36px;
          text-align: justify;
     }

     #copywritingsection7 article img{
          width: 240px;
          height: 100%;
          width: 40%;
     }

     #copywritingsection7 button{
          background-color: #CD608E;
          border: none;
          color: white;
          font-family: Valizas;
          font-weight: 800;
          text-align: center;
          font-size: 3vw;
          display: block;
          margin: auto;
          padding: 24px 42px;
          transition: 1s;
     }

     #copywritingsection7 button a{
          text-decoration: none;
          color: white;
     }
     /*****--**-----*****--|COPYWRITING DISCLAIMER TABLETTTE|-*****-----**--*****/
          @media (max-width: 960px){
               #copywritingsection7{
                    padding: 10vh 0;
               }

               #copywritingsection7 article{
                    width: 70%;
               }
          }
     /*****--**-----*****--|COPYWRITING DISCLAIMER TABLETTTE|-*****-----**--*****/

     /*****--**-----*****--|COPYWRITING DISCLAIMER MOBILE|-*****-----**--*****/
          @media (max-width: 576px){
               #copywritingsection7 h2 {
                    font-size: 36px;
                    line-height: 36px;
                    width: 90%;
               }

               #copywritingsection7 article{
                    flex-direction: column-reverse;
                    width: 90%;
               }

               #copywritingsection7 article img{
                    margin: auto;
               }

               #copywritingsection7 article div p{
                    padding: 24px 32px;
               }

               #copywritingsection7 button{
                    font-size: 5vw;
               }
          }
     /*****--**-----*****--|COPYWRITING DISCLAIMER MOBILE|-*****-----**--*****/

     /*****--**-----*****--|COPYWRITING DISCLAIMER ANIMATION|-*****-----**--*****/
          #copywritingsection7:hover h2{
               font-weight: 1000;
          }

          #copywritingsection7:hover img{
               animation: acquiesce 6s linear infinite;
          }

          @keyframes acquiesce {
               0%, 20%, 23%, 30%, 100% {
                    transform: rotate(0deg);
               }
               21%{
                    transform: rotate(-5deg);
               }
               26% {
                    transform: rotate(-9deg);
               }
          }

          #copywritingsection7 button:hover{
               font-weight: 1000;
          }
     /*****--**-----*****--|COPYWRITING DISCLAIMER ANIMATION|-*****-----**--*****/
/*****--**-----*****--|COPYWRITING SECTION 7 - COPYWRITING DISCLAIMER|-*****-----**--*****/

/*****--**-----*****--|COPYWRITING SECTION 8 - COPYWRITING AUTRES EXPERTISES|-*****-----**--*****/
     #copywritingsection8{
          padding: 2%;
          display: flex;
     }

     #copywritingsection8 div{
          width: 41%;
     }

     #copywritingsection8 img{
          width: 65%;
          margin: -2% -2% -2% 2%;
          max-height: 100vh;
     }

     #copywritingsection8 div h2{
          font-family: BouhC;
          font-size: 3.5vw ;
          color: white;
          width: 75%;
          line-height: 3.2vw;
     }

     #copywritingsection8 div p{
          font-family: Valizas;
          font-weight: 400;
          font-size: 13px;
          color: white;
          padding: 9px 16px;
          max-width: 410px;
     }
     /*****--**-----*****--|COPYWRITING AUTRES EXPERTISES TABLETTE|-*****-----**--*****/
          @media (max-width: 960px){
               #copywritingsection8 div h2 {
                    font-size: 36px;
                    width: 100%;
                    line-height: 36px;
                    text-align: center;
               }
          }
     /*****--**-----*****--|COPYWRITING AUTRES EXPERTISES TABLETTE|-*****-----**--*****/

     /*****--**-----*****--|COPYWRITING AUTRES EXPERTISES MOBILE|-*****-----**--*****/
          @media (max-width: 576px){
               #copywritingsection8 {
                    flex-direction: column-reverse;
               }

               #copywritingsection8 div {
                    width: 100%;
               }

               #copywritingsection8 div h2{
                    margin-top: 2vh;
               }

               #copywritingsection8 img {
                    width: 104%;
                    height: 50vh;
                    margin: -2%;
               }
          }
     /*****--**-----*****--|COPYWRITING AUTRES EXPERTISES MOBILE|-*****-----**--*****/
/*****--**-----*****--|COPYWRITING SECTION 8 - COPYWRITING AUTRES EXPERTISES|-*****-----**--*****/

/*****--**-----*****--|COPYWRITING SECTION 9 - COPYWRITING STORY SEO|-*****-----**--*****/
     #copywritingsection9{
          height: 100vh;
          display: flex;
     }
     #copywritingsection9 div{
          margin: auto;
          width: 50%;
          max-width: 540px;
          color: black;
     }

     #copywritingsection9 div svg{
          width: 45%;
          display: block;
          margin: auto;
          padding: 24px;
     }

     #copywritingsection9 div p{
          font-family: Valizas;
          font-weight: 400;
          font-size: 13px;
          padding: 12px;
     }

     #copywritingsection9 div p span{
          background-color: black;
          padding: 6px 16px 0 16px;
          color: white;
          font-weight: 600;
     }

     #copywritingsection9 div p span a{
          text-decoration: none;
          color: white;
     }

     #copywritingsection9 div p b{
          width: 90%;
          padding: 0 36px;
          text-align: center;
          display: block;
          margin: auto;
          font-size: 14px;
     }
     /*****--**-----*****--|COPYWRITING STORY SEO TABLETTE|-*****-----**--*****/
          @media (max-width: 960px){
               #copywritingsection9 div {
                    width: 510px;
               }
          }
     /*****--**-----*****--|COPYWRITING STORY SEO TABLETTE|-*****-----**--*****/

     /*****--**-----*****--|COPYWRITING STORY SEO MOBILE|-*****-----**--*****/
          @media (max-width: 576px){
               #copywritingsection9 div {
                    width:90%;
               }
          }
     /*****--**-----*****--|COPYWRITING STORY SEO MOBILE|-*****-----**--*****/
/*****--**-----*****--|COPYWRITING SECTION 9 - COPYWRITING STORY SEO|-*****-----**--*****/

/*****--**-----*****--|COPYWRITING SECTION 10 - COPYWRITING BONUS |-*****-----**--*****/
     #copywritingsection10{
          min-height: 100vh;
          display: flex;
          border: solid 5vw white;
          background-color: #FA9DC0;
     }

     #copywritingsection10 div{
          width: 60%;
     }

     #copywritingsection10 div h3{
          color: white;
          font-family: BouhC;
          font-size: 11vw;
          width: 60%;
          line-height:9vw;
          transform: rotate(-11deg);
          margin-bottom: 10vh;
     }

     #copywritingsection10 div p{
          font-family: Valizas;
          font-weight: 500;
          font-size: 16px;
          padding: 24px;
          margin: 0 10% 0 10%;
     }

     #copywritingsection10 div p b{
          font-size: 36px;
          font-weight: 900;
          text-transform: uppercase;
     }

     #copywritingsection10 div a span{
          background-color: #CD608E;
          padding: 16px 48px;
     }

     #copywritingsection10 div a{
          display: block;
          text-decoration: none;
          color: white;
          font-family: Valizas;
          font-weight: 800;
          font-size: 36px;
          margin: 0 10% 0 10%;
          transform: rotate(-2deg);
     }

     #copywritingsection10 div div{
          display: flex;
          margin:auto;
          justify-content: space-around;
          margin-top: 6vh ;
     }

     #copywritingsection10 div img{
          width: 96px;
     }

     #copywritingsection10 img{
          margin-right: -10%;
          width: 50%;
     }
     /*****--**-----*****--|COPYWRITING BONUS TABLETTE|-*****-----**--*****/
          @media (max-width: 960px){
               #copywritingsection10 div h3{
                    font-size: 18vw;
                    width: 90%;
                    line-height: 14vw;
                    margin-bottom: 5vh;
               }

               #copywritingsection10 div p b{
                    font-size: 26px;
               }
          }
     /*****--**-----*****--|COPYWRITING BONUS TABLETTE|-*****-----**--*****/

     /*****--**-----*****--|COPYWRITING BONUS MOBILE|-*****-----**--*****/
          @media (max-width: 576px){
               #copywritingsection10{
                    flex-direction: column;
               }

               #copywritingsection10 div {
                    width: 100%;
               }

               #copywritingsection10 div h3 {
                    font-size: 37vw;
                    width: 100%;
                    line-height: 30vw;
               }

               #copywritingsection10 div p{
                    font-size: 14px;
                    padding: 24px 12px;
               }

               #copywritingsection10 div div{
                    display: none;
               }

               #copywritingsection10 img {
                    width: 120%;
                    margin-top: -25%;
               }
          }
     /*****--**-----*****--|COPYWRITING BONUS MOBILE|-*****-----**--*****/
/*****--**-----*****--|COPYWRITING SECTION 10 - COPYWRITING BONUS |-*****-----**--*****/

/*****--**-----*****--|COPYWRITING SECTION 11 - COPYWRITING ROUTINE |-*****-----**--*****/
     #copywritingsection11{
          background-color: white;
          padding-bottom: 10vh;
     }

     #copywritingsection11 h2{
          color: #CD608E;
          font-family: BouhC;
          font-size: 7vw;
          line-height:6vw;
          width: 38%;
          margin: auto;
          padding: 10vh 0;
     }

     #copywritingsection11 div{
          display: flex;
          margin: auto;
          width: 50%;
          max-width: 620px;
          align-items: center;
          padding: 36px 0;
     }

     #copywritingsection11 div img{
          width: 210px;
     }

     #copywritingsection11 div p{
          color: black;
          font-family: Valizas;
          font-weight: 500;
          font-size: 13px;
          padding: 24px;
     }

     #copywritingsection11 a span{
          background-color: #CD608E;
          padding: 16px 48px;
     }

     #copywritingsection11 a{
          display: block;
          text-decoration: none;
          color: white;
          font-family: Valizas;
          font-weight: 800;
          font-size: 36px;
          margin: 36px 0;
          text-align: center;
     }
     /*****--**-----*****--|COPYWRITING ROUTINE TABLETTE|-*****-----**--*****/
          @media (max-width: 960px){
               #copywritingsection11 h2 {
                    font-size: 13vw;
                    line-height: 10vw;
                    width: 70%;
                    padding: 7vh 0;
               }

               #copywritingsection11 div{
                    width: 60%;
               }
               #copywritingsection11 a{
                    font-size: 6vw;
               }
               #copywritingsection11 a span{
                    padding: 3vw 8vw;
               }
          }
     /*****--**-----*****--|COPYWRITING ROUTINE TABLETTE|-*****-----**--*****/

     /*****--**-----*****--|COPYWRITING ROUTINE MOBILE|-*****-----**--*****/
          @media (max-width: 576px){
               #copywritingsection11 div{
                    flex-direction:column;
                    padding: 0;
                    width: 80%;
                    padding-bottom: 36px;
               }

               #copywritingsection11 div img {
                    width: 50%;
               }
          }
     /*****--**-----*****--|COPYWRITING ROUTINE MOBILE|-*****-----**--*****/
/*****--**-----*****--|COPYWRITING SECTION 11 - COPYWRITING ROUTINE |-*****-----**--*****/

#footerfusionne1 .lepetitbonuscopywritingp{
     display: block;
}

#footerfusionne1 .lepetitbonusseop{
     display: none!important;
}

#footerfusionne1 .lepetitbonustorytellingp{
     display: none!important;
}
