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

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

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

/*****--**-----*****--|A PROPOS ACCUEIL|-*****-----**--*****/
     #aproposaccueil{
          min-height: 100vh;
          width: 50vw;
          max-width: 720px;
          margin: auto;
          padding: 5vh 0;
          display: flex;
          flex-direction: column;
          justify-content: center;
     }

     #aproposaccueil h1{
          font-family: BouhC;
          font-size: 148px;
          text-align: center;
          line-height:130px;
     }

     #aproposaccueil p{
          font-family: Valizas;
          font-size: 14px;
          text-align: center;
          margin-top: -2vw;
          font-weight: 700;
     }

     /*****--**-----*****--|A PROPOS ACCUEIL TABLETTE|-*****-----**--*****/
          @media (max-width: 960px){

          }
     /*****--**-----*****--|A PROPOS ACCUEIL TABLETTE|-*****-----**--*****/

     /*****--**-----*****--|A PROPOS ACCUEIL MOBILE|-*****-----**--*****/
          @media (max-width: 576px){
               #aproposaccueil {
                    width: 70vw;
               }
          }
     /*****--**-----*****--|A PROPOS ACCUEIL MOBILE|-*****-----**--****/


     /*****--**-----*****--|A PROPOS ACCUEIL ANIMATIONS|-*****-----**--****/
          #aproposaccueil h1{
               -webkit-animation: bounce-in-bck 1.1s both;
                       animation: bounce-in-bck 1.1s both;
          }

          #aproposaccueil p{
               -webkit-animation: bounce-in-bck 1.1s 0.4s both;
                       animation: bounce-in-bck 1.1s 0.4s both;
                       font-size: 18px;
          }

          @-webkit-keyframes bounce-in-bck {
               0% {
                    -webkit-transform: scale(7);
                            transform: scale(7);
                    -webkit-animation-timing-function: ease-in;
                            animation-timing-function: ease-in;
                    opacity: 0;
               }
               38% {
                    -webkit-transform: scale(1);
                            transform: scale(1);
                    -webkit-animation-timing-function: ease-out;
                            animation-timing-function: ease-out;
                    opacity: 1;
               }
               55% {
                    -webkit-transform: scale(1.5);
                            transform: scale(1.5);
                    -webkit-animation-timing-function: ease-in;
                            animation-timing-function: ease-in;
               }
               72% {
                    -webkit-transform: scale(1);
                            transform: scale(1);
                    -webkit-animation-timing-function: ease-out;
                            animation-timing-function: ease-out;
               }
               81% {
                    -webkit-transform: scale(1.24);
                            transform: scale(1.24);
                    -webkit-animation-timing-function: ease-in;
                            animation-timing-function: ease-in;
               }
               89% {
                    -webkit-transform: scale(1);
                            transform: scale(1);
                    -webkit-animation-timing-function: ease-out;
                            animation-timing-function: ease-out;
               }
               95% {
                    -webkit-transform: scale(1.04);
                            transform: scale(1.04);
                    -webkit-animation-timing-function: ease-in;
                            animation-timing-function: ease-in;
               }
               100% {
                    -webkit-transform: scale(1);
                            transform: scale(1);
                    -webkit-animation-timing-function: ease-out;
                            animation-timing-function: ease-out;
               }
          }
          @keyframes bounce-in-bck {
               0% {
                    -webkit-transform: scale(7);
                            transform: scale(7);
                    -webkit-animation-timing-function: ease-in;
                            animation-timing-function: ease-in;
                    opacity: 0;
               }
               38% {
                    -webkit-transform: scale(1);
                            transform: scale(1);
                    -webkit-animation-timing-function: ease-out;
                            animation-timing-function: ease-out;
                    opacity: 1;
               }
               55% {
                    -webkit-transform: scale(1.5);
                            transform: scale(1.5);
                    -webkit-animation-timing-function: ease-in;
                            animation-timing-function: ease-in;
               }
               72% {
                    -webkit-transform: scale(1);
                            transform: scale(1);
                    -webkit-animation-timing-function: ease-out;
                            animation-timing-function: ease-out;
               }
               81% {
                    -webkit-transform: scale(1.24);
                            transform: scale(1.24);
                    -webkit-animation-timing-function: ease-in;
                            animation-timing-function: ease-in;
               }
               89% {
                    -webkit-transform: scale(1);
                            transform: scale(1);
                    -webkit-animation-timing-function: ease-out;
                            animation-timing-function: ease-out;
               }
               95% {
                    -webkit-transform: scale(1.04);
                            transform: scale(1.04);
                    -webkit-animation-timing-function: ease-in;
                            animation-timing-function: ease-in;
               }
               100% {
                    -webkit-transform: scale(1);
                            transform: scale(1);
                    -webkit-animation-timing-function: ease-out;
                            animation-timing-function: ease-out;
               }
          }
     /*****--**-----*****--|A PROPOS ACCUEIL ANIMATIONS|-*****-----**--****/
/*****--**-----*****--|A PROPOS ACCUEIL|-*****-----**--*****/

/*****--**-----*****--|A PROPOS SECTION 1|-*****-----**--*****/
     #apropossection1{
          background-color: black;
          min-height: 100vh;
          padding: 6%;
     }

     #apropossection1 h2, #apropossection1 p{
          font-family: Valizas;
          color: white;
     }

     #apropossection1 div{
          display: flex;
          align-items: center;
          justify-content: center;
          margin: auto;
          padding: 12px 0;
     }

     #apropossection1 div #aproposbob{
          width: 96px;
     }

     #apropossection1 div article h2{
          font-size: 36px;
          transform: rotate(-1deg);
     }

     #apropossection1 div .photosmanon{
          width: 18vw;
          max-width: 310px;
          transition: 0.2s;
     }

     #apropossection1 p{
          font-size: 14px;
     }

     #apropossection1 .apropossection1p{
          width: 50vw;
          margin: auto;
     }

     #apropossection1 .apropossection1p b{
          padding: 12px;
     }

     #apropossection1 div .photosmanon:nth-child(1){
          transform: rotate(-4deg) scale(0.9);
          z-index: 9;
     }
     #apropossection1 div .photosmanon:nth-child(2){
          transform: rotate(3deg) scale(1.0);
          z-index: 10;
     }
     #apropossection1 div .photosmanon:nth-child(3){
          transform: rotate(6deg) scale(0.95);
          z-index: 9;
     }

     /*****--**-----*****--|A PROPOS SECTION 1 TABLETTE|-*****-----**--*****/
          @media (max-width: 960px){
               #aproposaccueil h1 {
                    font-size: 17vw;
                    line-height: 14vw;
               }

               #aproposaccueil p {
                    font-size: 21px;
               }

               #apropossection1 div article h2 {
                    font-size: 11vw;
                    line-height: 10vw;
               }

               #apropossection1 p {
                    padding: 36px;
               }

               #apropossection1 div .photosmanon {
                    width: auto;
               }
          }
     /*****--**-----*****--|A PROPOS SECTION 1 TABLETTE|-*****-----**--*****/

     /*****--**-----*****--|A PROPOS SECTION 1 MOBILE|-*****-----**--*****/
          @media (max-width: 576px){
               #apropossection1 div{
                    flex-direction: column;
               }

               #apropossection1 .apropossection1p {
                    width: 96%;
               }
          }
     /*****--**-----*****--|A PROPOS SECTION 1 MOBILE|-*****-----**--****/


     /*****--**-----*****--|A PROPOS SECTION 1 ANIMATIONS|-*****-----**--****/
          #apropossection1 div .photosmanon:hover{
               transform: scale(1.2);
               z-index: 11;
          }
/*****--**-----*****--|A PROPOS SECTION 1|-*****-----**--*****/

/*****--**-----*****--|A PROPOS SECTION 2|-*****-----**--*****/
     #apropossection2histoire{
          width: 100vw;
          height: 100vh;
          overflow: hidden;
          position: relative;
     }

     #apropossection2histoire .scroll-container{
          display: flex;
          height: 100%;
     }

     #apropossection2histoire .scroll-container .scroll-content{
          min-width: 100vw;
          font-family: Valizas;
          padding: 10vh 30vw;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
     }

     #apropossection2histoire .scroll-container .scroll-content p{
          padding-bottom: 12px;
          line-height: 16px;
          font-size: 14px;
     }

     #apropossection2histoire .scroll-container .scroll-content h2{
          font-size: 36px;
          padding-bottom: 12px;
          transform: rotate(-1deg);
     }

     #apropossection2histoire .scroll-container .scroll-content:nth-child(1){
          background-color: #394f8f;
          color: white;
     }
     #apropossection2histoire .scroll-container .scroll-content:nth-child(1) img{
          padding-bottom: 21px;
          width: 40vw;
     }

     #apropossection2histoire .scroll-container .scroll-content:nth-child(2){
          background-color: #528fc1;
          color: white;
     }
     #apropossection2histoire .scroll-container .scroll-content:nth-child(2) img{
          padding-bottom: 21px;
          width: 25vw;
     }

     #apropossection2histoire .scroll-container .scroll-content:nth-child(3){
          background-color: #e0a52f;
          color: black;
     }

     #apropossection2histoire .scroll-container .scroll-content:nth-child(4){
          background-color: #ffca7b;
          color: black;
     }
     #apropossection2histoire .scroll-container .scroll-content:nth-child(4) img{
          padding-bottom: 21px;
          width: 25vw;
     }

     #apropossection2histoire .scroll-container .scroll-content:nth-child(5){
          background-color: #f79abd;
          color: white;
     }

     #apropossection2histoire .scroll-container .scroll-content:nth-child(6){
          background-color: black;
          color: white;
     }

     #apropossection2histoire .scroll-container .scroll-content:nth-child(7){
          background-color: #ca608b;
          color: white;
     }
     #apropossection2histoire .scroll-container .scroll-content:nth-child(7) img{
          padding-bottom: 21px;
          width: 12vw;
     }

     /*****--**-----*****--|A PROPOS SECTION 2 TABLETTE|-*****-----**--*****/
          @media (max-width: 960px){

          }
     /*****--**-----*****--|A PROPOS SECTION 2 TABLETTE|-*****-----**--*****/

     /*****--**-----*****--|A PROPOS SECTION 2 MOBILE|-*****-----**--*****/
          @media (max-width: 576px){
               #apropossection2histoire .scroll-container .scroll-content {
                    padding: 10vh 10vw;
               }

               #apropossection2histoire .scroll-container .scroll-content:nth-child(1) img,
               #apropossection2histoire .scroll-container .scroll-content:nth-child(2) img,
               #apropossection2histoire .scroll-container .scroll-content:nth-child(4) img,
               #apropossection2histoire .scroll-container .scroll-content:nth-child(7) img {
                    padding-bottom: 36px;
                    width: 70vw;
               }

               #apropossection2histoire .scroll-container .scroll-content h2{
                    font-size: 9vw;
               }
          }
     /*****--**-----*****--|A PROPOS SECTION 2 MOBILE|-*****-----**--****/


     /*****--**-----*****--|A PROPOS SECTION 2 ANIMATIONS|-*****-----**--****/
/*****--**-----*****--|A PROPOS SECTION 2|-*****-----**--*****/

/*****--**-----*****--|A PROPOS SECTION 3|-*****-----**--*****/
     #apropossection3{
          background-color: black;
          min-height: 100vh;
          padding: 8% 20%;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
     }

     #apropossection3 h3, #apropossection3 h2, #apropossection3 p, #apropossection3 a{
          font-family: Valizas;
          color: white;
     }

     #apropossection3 h3, #apropossection3 h2{
          text-transform: uppercase;
          font-style: italic;
          font-size: 21px;
          line-height: 21px;
          width: 60%;
          margin: auto;
     }

     #apropossection3 h2{
          padding-bottom: 24px;
     }

     #apropossection3 h3{
          padding-bottom: 16px;
          transition: 0.3s;
     }

     #apropossection3 p{
          font-size: 14px;
          width: 60%;
          margin: auto;
          padding: 12px 0;
     }

     #apropossection3 a{
          text-decoration: none;
          background-color: white;
          color: black;
          font-size: 24px;
          transform: rotate(-2deg);
          padding: 9px 36px;
          margin: 6px 0;
          font-weight: 1000;
          transition: 0.2s;
     }

     #apropossection3 p a{
          font-size: 14px;
          background-color: transparent;
          color: white;
          padding: 0;
          margin: 0;
          font-weight: 400;
     }
     /*****--**-----*****--|A PROPOS SECTION 3 TABLETTE|-*****-----**--*****/
          @media (max-width: 960px){
               #apropossection3 {
                    padding: 8% 10%;
                    min-hright: 80vh;
               }

               #apropossection3 h3, #apropossection3 h2 {
                    margin: initial;
               }

               #apropossection3 p {
                    margin: initial;
               }
          }
     /*****--**-----*****--|A PROPOS SECTION 3 TABLETTE|-*****-----**--*****/

     /*****--**-----*****--|A PROPOS SECTION 3 MOBILE|-*****-----**--*****/
          @media (max-width: 576px){
               #apropossection3 p,
               #apropossection3 h2,
               #apropossection3 h3{
                    width: 90%;
               }

               #apropossection3 a{
                    font-size: 6vw;
               }
          }
     /*****--**-----*****--|A PROPOS SECTION 3 MOBILE|-*****-----**--****/

     /*****--**-----*****--|A PROPOS SECTION 3 ANIMATIONS|-*****-----**--****/
          #apropossection3 a:hover{
               transform: rotate(-2deg) scale(1.2);
          }

          #apropossection3:hover h3{
               font-weight: 900;
          }
     /*****--**-----*****--|A PROPOS SECTION 3 ANIMATIONS|-*****-----**--****/
/*****--**-----*****--|A PROPOS SECTION 3|-*****-----**--*****/

/*****--**-----*****--|A PROPOS SECTION 4|-*****-----**--*****/
     #apropossection4{
          min-height: 100vh;
          padding: 8% 20%;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
     }

     #apropossection4 h2, #apropossection4 p, #apropossection4 a{
          font-family: Valizas;
          color: black;
     }

     #apropossection4 h2{
          text-transform: uppercase;
          font-style: italic;
          font-size: 21px;
          line-height: 21px;
          width: 60%;
          margin: auto;
          padding-bottom: 24px;
     }

     #apropossection4 h2 span{
          transition: 0.3s;
     }

     #apropossection4 p{
          font-size: 14px;
          width: 60%;
          margin: auto;
          padding: 12px 0;
     }

     #apropossection4 a{
          text-decoration: none;
          background-color: #ca608b;
          color: white;
          font-size: 24px;
          transform: rotate(-2deg);
          padding: 9px 36px;
          margin: 6px 0;
          font-weight: 800;
          transition: 0.3s;
     }
     /*****--**-----*****--|A PROPOS SECTION 4 TABLETTE|-*****-----**--*****/
          @media (max-width: 960px){
               #apropossection4 {
                    min-height: 80vh;
               }

               #apropossection4 h2{
                    width: 100%;
               }

               #apropossection4 p {
                    width: 90%;
               }
          }
     /*****--**-----*****--|A PROPOS SECTION 4 TABLETTE|-*****-----**--*****/

     /*****--**-----*****--|A PROPOS SECTION 4 MOBILE|-*****-----**--*****/
          @media (max-width: 576px){
               #apropossection4{
                    padding: 8% 10%;
               }

               #apropossection4 a{
                    text-align: center;
               }
          }
     /*****--**-----*****--|A PROPOS SECTION 4 MOBILE|-*****-----**--****/


     /*****--**-----*****--|A PROPOS SECTION 4 ANIMATIONS|-*****-----**--****/
          #apropossection4:hover h2 span:nth-child(1){
               font-size: 24px;
               transition-delay: 0s;
          }
          #apropossection4:hover h2 span:nth-child(2){
               font-size: 28px;
               transition-delay: 0.3s;
          }
          #apropossection4:hover h2 span:nth-child(3){
               font-size: 32px;
               transition-delay: 0.6s;
          }
          #apropossection4:hover h2 span:nth-child(4){
               font-size: 36px;
               transition-delay: 0.9s;
          }

          #apropossection4 a:hover{
               transform: rotate(-2deg) scale(1.2);
          }
     /*****--**-----*****--|A PROPOS SECTION 4 ANIMATIONS|-*****-----**--****/
/*****--**-----*****--|A PROPOS SECTION 4|-*****-----**--*****/

/*****--**-----*****--|A PROPOS SECTION 5 FORMATIONS|-*****-----**--*****/
     #apropossection5formations{
          padding: 6vh 0 16vh 0;
     }

     #apropossection5formations h2, #apropossection5formations p, #apropossection5formations h3{
          font-family: Valizas;
     }

     #apropossection5formations h2{
          font-size: 54px;
          text-transform: uppercase;
          font-weight: 1000;
          color: white;
          background-color: #ca608b;
          padding: 36px;
          text-align: center;
          margin-bottom: 36px;
     }

     #apropossection5formations p{
          font-size: 14px;
          width: 40%;
          max-width: 540px;
          margin: auto;
     }

     #apropossection5formations #apropossection5formationsp{
          font-size: 16px;
          width: 60%;
          font-weight: 800;
          max-width: 680px;
          padding: 14px 0;
     }

     #apropossection5formations div{
          display: flex;
          align-items: center;
          justify-content: center;
          width: 60%;
          margin: auto;
          padding: 21px 0;
     }

     #apropossection5formations div div{
          flex-direction: column;
          width: 100%!important;
     }

     #apropossection5formations div div p{
          width: 80%;
          text-align: center;
     }

     #apropossection5formations h3{
          text-align: center;
     }

     #apropossection5formations div div img{
          width: 96px;
          margin-bottom: 12px;
     }
     /*****--**-----*****--|A PROPOS SECTION 5 FORMATIONS TABLETTE|-*****-----**--*****/
          @media (max-width: 960px){
               #apropossection5formations div{
                    width: 90%;
               }

               #apropossection5formations #apropossection5formationsp {
                    padding: 51px 0;
               }
          }
     /*****--**-----*****--|A PROPOS SECTION 5 FORMATIONS TABLETTE|-*****-----**--*****/

     /*****--**-----*****--|A PROPOS SECTION 5 FORMATIONS MOBILE|-*****-----**--*****/
          @media (max-width: 576px){
               #apropossection5formations h2{
                    font-size: 8vw;
               }

               #apropossection5formations p{
                    width: 80%;
               }

               #apropossection5formations div {
                    flex-direction: column;
               }
          }
     /*****--**-----*****--|A PROPOS SECTION 5 FORMATIONS MOBILE|-*****-----**--****/


     /*****--**-----*****--|A PROPOS SECTION 5 FORMATIONS ANIMATIONS|-*****-----**--****/
          #apropossection5formations div div img:hover{
               -webkit-animation: jello-horizontal 0.9s both;
                       animation: jello-horizontal 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);
               }
          }
     /*****--**-----*****--|A PROPOS SECTION 5 FORMATIONS ANIMATIONS|-*****-----**--****/
/*****--**-----*****--|A PROPOS SECTION 5 FORMATIONS|-*****-----**--*****/

/*****--**-----*****--|A PROPOS SECTION 6 TRUCS|-*****-----**--*****/
     #apropossection6trucs{
          font-family: Valizas;
          color: white;
     }

     #apropossection6trucs .trucs h2{
          text-align: center;
          text-transform: uppercase;
          font-weight: 1000;
          font-size: 36px;
          padding-bottom: 72px;
     }

     #apropossection6trucs .trucs{
          min-height: 80vh;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          padding: 20vh 0;
     }

     #apropossection6trucs .trucs h3{
          text-transform: uppercase;
          font-weight: 900;
          font-size: 24px;
     }

     #apropossection6trucs .trucs p{
          width: 50%;
          max-width: 480px;
          padding: 36px;
          font-size: 14px;
          line-height: 19px;
     }

     #apropossection6trucs .trucs div{
          display: flex;
          align-items: center;
     }

     #apropossection6trucs .trucs div p{
          transform: rotate(-4deg);
          font-weight: 900;
          font-size: 16px;
          width: 80%;
          padding: 0;
     }

     #apropossection6trucs .trucs:nth-child(1){
          background-color: #394f8f;
     }
     #apropossection6trucs .trucs:nth-child(1) div img{
          width: 25vw;
          padding-right: 36px;
     }

     #apropossection6trucs .trucs:nth-child(2){
          background-color: #488047;
     }
     #apropossection6trucs .trucs:nth-child(2) div img{
          width: 24vw;
          padding-right: 36px;
     }

     #apropossection6trucs .trucs:nth-child(3){
          background-color: #e0a52f;
     }
     #apropossection6trucs .trucs:nth-child(3) div img{
          width: 25vw;
          padding-right: 36px;
     }

     #apropossection6trucs .trucs:nth-child(4){
          background-color: #c76188;
     }
     #apropossection6trucs .trucs:nth-child(4) div img{
          width: 20vw;
          padding-right: 36px;
     }

     /*****--**-----*****--|A PROPOS SECTION 6 TRUCS TABLETTE|-*****-----**--*****/
          @media (max-width: 960px){
               #apropossection6trucs .trucs div{
                    flex-direction: column;
               }

               #apropossection6trucs .trucs div img{
                    padding-bottom: 36px;
               }

               #apropossection6trucs .trucs:nth-child(2) div img,
               #apropossection6trucs .trucs:nth-child(3) div img{
                    width: 60vw;
                    padding-right: 0;
               }

               #apropossection6trucs .trucs:nth-child(1) div img,
               #apropossection6trucs .trucs:nth-child(4) div img{
                    width: 45vw;
                    padding-right: 0;
               }
          }
     /*****--**-----*****--|A PROPOS SECTION 6 TRUCS TABLETTE|-*****-----**--*****/

     /*****--**-----*****--|A PROPOS SECTION 6 TRUCS MOBILE|-*****-----**--*****/
          @media (max-width: 576px){

               #apropossection6trucs .trucs h2{
                    font-size: 8vw;
                    width: 80%;
               }

               #apropossection6trucs .trucs p{
                    width: 90%;
               }

               #apropossection6trucs .trucs h3{
                    text-align: center;
                    width: 70%;
               }

               #apropossection6trucs .trucs div p{
                    text-align: center;
               }

               #apropossection6trucs .trucs:nth-child(2) div img,
               #apropossection6trucs .trucs:nth-child(3) div img{
                    width: 90%;
               }

               #apropossection6trucs .trucs:nth-child(1) div img,
               #apropossection6trucs .trucs:nth-child(4) div img{
                    width: 70%;
               }
          }
     /*****--**-----*****--|A PROPOS SECTION 6 TRUCS MOBILE|-*****-----**--****/

     /*****--**-----*****--|A PROPOS SECTION 6 TRUCS ANIMATIONS|-*****-----**--****/
          #apropossection6trucs .trucs h3{
               -webkit-animation: pulsate-fwd 0.5s ease-in-out infinite both;
                       animation: pulsate-fwd 0.5s ease-in-out infinite both;
          }

          @-webkit-keyframes pulsate-fwd {
               0% {
                    -webkit-transform: scale(1);
                            transform: scale(1);
               }
               50% {
                    -webkit-transform: scale(1.1);
                            transform: scale(1.1);
               }
               100% {
                    -webkit-transform: scale(1);
                            transform: scale(1);
               }
          }
          @keyframes pulsate-fwd {
               0% {
                    -webkit-transform: scale(1);
                            transform: scale(1);
               }
               50% {
                    -webkit-transform: scale(1.1);
                            transform: scale(1.1);
               }
               100% {
                    -webkit-transform: scale(1);
                            transform: scale(1);
               }
          }
/*****--**-----*****--|A PROPOS SECTION 6 TRUCS|-*****-----**--*****/

/*****--**-----*****--|A PROPOS SECTION 7 CONTACT|-*****-----**--*****/
     #apropossection7contact{
          padding: 15vh 0;
     }

     #apropossection7contact p{
          font-family: Valizas;
          font-size: 31px;
          font-weight: 800;
          text-align: center;
          transition: 0.3s;
     }

     #apropossection7contact a{
          text-decoration: none;
          color: black;
     }

     #apropossection7contact a p{
          padding: 36px 24px;
          transform: rotate(-2deg);
          font-size: 31px!important;
     }
     /*****--**-----*****--|A PROPOS SECTION 7 CONTACT TABLETTE|-*****-----**--*****/
          @media (max-width: 960px){

          }
     /*****--**-----*****--|A PROPOS SECTION 7 CONTACT TABLETTE|-*****-----**--*****/

     /*****--**-----*****--|A PROPOS SECTION 7 CONTACT MOBILE|-*****-----**--*****/
          @media (max-width: 576px){
               #apropossection7contact p{
                    font-size: 12vw;
               }

               #apropossection7contact a p{
                    font-size: 21px!important;
               }
          }
     /*****--**-----*****--|A PROPOS SECTION 7 CONTACT MOBILE|-*****-----**--****/


     /*****--**-----*****--|A PROPOS SECTION 7 CONTACT ANIMATIONS|-*****-----**--****/
          #apropossection7contact:hover p:nth-child(1){
               font-size: 41px;
          }
/*****--**-----*****--|A PROPOS SECTION 7 CONTACT|-*****-----**--*****/