/*****--**-----*****--|FOOTER LE BLOG|-*****-----**--*****/
     #footerlemag{
          background-color: #394F92;
          display: flex;
          padding: 36px;
          justify-content: space-around;
     }

     #footerlemag a{
          text-decoration: none;
          transition: 0.3s;
     }

     #footerlemag a img{
          width: auto;
          height: auto;
          border-radius: 16px;
          margin: 0;
          max-width: 310px;
     }

     #footerlemag a p{
          background-color: white;
          padding: 12px 21px;
          border-radius: 11px;
          text-align: center;
          font-family: Valizas;
          font-weight: 700;
          color: black;
          width: fit-content;
          max-width: 310px;
          margin: -21px auto 0 auto;
          z-index: 9;
          position: relative;
          border: black 3px solid;
     }

     #footerlemag a:hover{
          transform: scale(1.1);
     }

     #footerlemag div a img{
          width: 30vw;
          overflow: visible;
          z-index: 9;
          margin-bottom: -200%;
          transition: 0.3s;
     }

     #footerlemag:hover div a img{
          margin-bottom: -110%;
     }
     /*****--**-----*****--|FOOTER LE BLOG TABLETTE|-*****-----**--*****/
          @media (max-width: 960px){
               #footerlemag a img{
                    width: 50vw;
                    height: 50vw;
               }

               #footerlemag a:nth-child(2){
                    display: none;
               }

               #footerlemag a:nth-child(3){
                    display: none;
               }

               #footerlemag div a img {
                    width: 30vw;
                    height: auto;
                    transform: scale(1.2);
                    margin-bottom: 0;
                    overflow: visible;
               }
          }
     /*****--**-----*****--|FOOTER LE BLOG TABLETTE|-*****-----**--*****/

     /*****--**-----*****--|FOOTER LE BLOG MOBILE|-*****-----**--*****/
          @media (max-width: 576px){
               #footerlemag{
                    flex-direction: column;
                    text-align: center;
               }

               #footerlemag a p {
                    max-width: 80vw;
               }

               #footerlemag a img {
                    width: 70vw;
                    height: 100%;
                    margin-top: 36px;
               }

               #footerlemag a:nth-child(2){
                    display: block;
               }

               #footerlemag a:nth-child(3){
                    display: block;
               }

               #footerlemag div a img {
                    height: 50vw;
               }
          }
     /*****--**-----*****--|FOOTER LE BLOG MOBILE|-*****-----**--****/
/*****--**-----*****--|FOOTER LE BLOG|-*****-----**--*****/









/*****--**-----*****--|FOOTER VALEURS|-*****-----**--*****/
     #footervaleurs{
          background-image: url("../images/footerbackgroundvaleurs.png");
          background-size: cover;
          min-height:100vh;
          width: 100vw;
          display: flex;
          justify-content: center;
          align-items: center;
          position: relative;
     }

     #footervaleurs div{
          border: 12px black solid;
          background-color: white;
          padding: 21px 21px 36px 21px;
          transition: 0.3s;
     }

     #footervaleurs div h2,
     #footervaleurs div p{
          font-family: Valizas;
          font-weight: 900;
          text-transform: uppercase;
          text-align: center;
          transition: 0.3s;
     }

     #footervaleurs div h2{
          max-width: 420px;
          font-size: 2vw;
          padding-bottom: 21px;
     }

     #footervaleurs:hover div{
           border: 42px pink solid;
     }
     /*****--**-----*****--|FOOTER VALEURS TABLETTE|-*****-----**--*****/
          @media (max-width: 960px){
               #footervaleurs div h2{
                    font-size: 3vw;
               }
          }
     /*****--**-----*****--|FOOTER VALEURS TABLETTE|-*****-----**--*****/

     /*****--**-----*****--|FOOTER VALEURS MOBILE|-*****-----**--*****/
           @media (max-width: 576px){
               #footervaleurs div{
                    max-width: 80%;
               }
               #footervaleurs div h2{
                    font-size: 6vw;
               }

               #footervaleurs:hover div{
                    border: 0 pink solid;
               }
          }
     /*****--**-----*****--|FOOTER VALEURS MOBILE|-*****-----**--****/
/*****--**-----*****--|FOOTER VALEURS|-*****-----**--*****/

/*****--**-----*****--|FOOTER MOTS D'AMOUR|-*****-----**--*****/
     #footermotsdamour{
          min-height: 100vh;
          background-color: #FEBDD0;
          padding: 5vw 20vw;
          display: flex;
          flex-direction: column;
     }

     #footermotsdamour img{
          position: absolute;
          width: 50vw;
          margin-top: -10vw;
     }

     #footermotsdamour #footermotsdamourdiv{
          transform: rotate(-4deg);
          padding: 36px;
     }

     #footermotsdamour #footermotsdamourdiv h2 {
          font-family: Bouh;
          font-size: 8vw;
          line-height: 7vw;
          color: #FF4C5A;
     }

     #footermotsdamour #footermotsdamourdiv p{
          font-family: Valizas;
          font-weight: 400;
          font-size: 14px;
          color: #FF4C5A;
     }

     #avisClientText{
          position: absolute;
          top: 20vw;
          left: 5vw;
          width: 25vw;
     }

     #footermotsdamour article{
          transform: rotate(-2deg);
     }

     #footermotsdamour article p{
          font-family: Valizas;
          font-weight: 400;
          font-size: 14px;
          color: #FF4C5A;
          max-width: 510px;
     }

     #footermotsdamour article div{
          color: white;
          text-align: right;
          margin-top: 51px;
          margin-right: 51px;
          display: flex;
          align-items: center;
          justify-content: right;
     }

     #footermotsdamour article div button{
          background-color: #FF4C5A;
          padding: 12px;
          border: none;
          font-family: Valizas;
          font-weight: 600;
          font-size: 16px;
          color: white;
     }

     #footermotsdamour article div span{
          display: block;
          height: 12px;
          width: 12px;
          background-color: #FF4C5A;
          margin: 0 12px;
     }

     #footermotsdamour #navAvis{
          position: absolute;
          bottom: -35vh;
          display: flex;
          align-items: center;
          right: 10vw;
     }

     #footermotsdamour #navAvis p{
          background-color: #FF4C5A;
          color: white;
          padding: 6px 12px;
          width: 20vw;
          text-align: center;
          font-size: 16px;
          font-weight: 700;
     }

     #footermotsdamour #navAvis span{
          fill: #FF4C5A ;
     }

     #footermotsdamour #navAvis span:hover{
          cursor: pointer ;
     }

     /*****--**-----*****--|FOOTER MOTS D'AMOUR TABLETTE|-*****-----**--*****/
          @media (max-width: 960px){
               #footermotsdamour{
                    padding: 10vh 20vw;
                    min-height: 80vh;
               }

               #footermotsdamour #footermotsdamourdiv{
                    transform: rotate(-4deg);
                    padding: 36px 0;
               }

               #footermotsdamour #footermotsdamourdiv h2{
                    font-size: 14vw;
                    line-height: 12vw;
                    max-width: fit-content;
               }

               #avisClientText {
                    position: inherit;
                    top: 20vw;
                    left: 5vw;
                    width: 50vw;
                    padding: 12px;
               }

               #footermotsdamour #navAvis {
                    position: inherit;
                    margin-top: 21px;
               }

               #footermotsdamour #navAvis p {
                    width: 80%;
               }
          }
     /*****--**-----*****--|FOOTER MOTS D'AMOUR TABLETTE|-*****-----**--*****/

     /*****--**-----*****--|FOOTER MOTS D'AMOUR MOBILE|-*****-----**--*****/
           @media (max-width: 576px){
               #footermotsdamour{
                    padding: 10vh 10vw;
               }

               #footermotsdamour #footermotsdamourdiv{
                    margin-left: 0;
               }

               #footermotsdamour #footermotsdamourdiv h2{
                    padding-bottom: 12px;
               }

               #footermotsdamour article div {
                    margin-right: 0;
               }

               #footermotsdamour img {
                    position: absolute;
                    width: 80vw;
               }

               #avisClientText {
                    width: 80vw;
               }
          }
     /*****--**-----*****--|FOOTER MOTS D'AMOUR MOBILE|-*****-----**--****/
/*****--**-----*****--|FOOTER MOTS D'AMOUR|-*****-----**--*****/

/*****--**-----*****--|FOOTER FORMULAIRE|-*****-----**--*****/
     .email-container {
          width: 100%;
            margin: 0 auto;
            padding: 10vh 20vw;
            background-color: #f0f0f0;
        }

        .email-container h2 {
            color: #333;
            font-family: Valizas;
        }

        .email-container form label{
            color: #666;
            font-family: Valizas;
            color: #CA618B;
            padding-right: 12px;
        }

        .email-container form input{
            border-bottom: solid 2px #CA618B;
            border-top: none;
            border-left: none;
            border-right: none;
            background-color: transparent;
            flex: 1;
         }

         .email-container form div{
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 12px 0;
         }

         .email-container #contact-form{
               width: 100%;
               padding: 32px;
         }

         .email-container textarea {
               overflow: auto;
               width: 70%;
               resize: none;
               font-family: Valizas;
               padding: 12px;
          }

          #experience_je_me_lance,
          #experience_1_an,
          #experience_2_ans,
          #experience_3_ans{
               margin-right: 6px;
          }

          #contact-form > input[type=submit]:nth-child(13){
               background-color: #CA618B;
               font-family: Valizas;
               padding: 12px 2vw;
               border: none!important;
               margin-left: auto;
               display: block;
               color: white;
               border-radius: 8px;
               cursor: pointer;
               transition: 0.3s;
          }

          .error {
            color: red;
        }
        .success {
            color: green;
        }

          #contact-form > input[type=submit]:nth-child(13):hover{
               color: #CA618B;
               background-color: white;
          }
     /*****--**-----*****--|FOOTER FORMULAIRE TABLETTE|-*****-----**--*****/
          @media (max-width: 960px){
               .email-container {
                    padding: 10vh 12vw;
               }
          }
     /*****--**-----*****--|FOOTER FORMULAIRE TABLETTE|-*****-----**--*****/

     /*****--**-----*****--|FOOTER FORMULAIRE MOBILE|-*****-----**--*****/
           @media (max-width: 576px){
               .email-container h2 {
                    text-align: center;
                    font-size: 7vw;
               }

               .email-container {
                    padding: 10vh 6vw;
               }

               #contact-form > input[type=submit]:nth-child(13){
                    padding: 12px 36px;
                    margin: auto;
               }

               .email-container form div {
                    flex-direction: column;
                    width: 100%;
               }

               .email-container form input {
                    border-bottom: solid 0 #CA618B;
                    background-color: white;
                    width: 100%;
                    padding: 6px;
                    margin: 6px 0;
               }

               .email-container textarea {
                    width: 100%;
                    margin-top: 6px;
               }
          }
     /*****--**-----*****--|FOOTER FORMULAIRE MOBILE|-*****-----**--****/
/*****--**-----*****--|FOOTER FORMULAIRE|-*****-----**--*****/

/*****--**-----*****--|FOOTER FAQ|-*****-----**--*****/
     #footerfaq{
          background-color: black;
          color: white;
          font-family: Valizas;
          padding: 8% 20vw 12% 20vw;
     }

     #footerfaq h2{
          font-size: 21px;
          padding-bottom: 24px;
     }

     #footerfaq aside p{
          font-size: 14px;
          font-weight: 400;
     }

     #footerfaq aside .item {
            cursor: pointer;
            padding: 12px 20% 12px 6%;
     }

     #footerfaq aside .item:hover{
          background-color: #fff;
          color: black;
     }

     #footerfaq aside .item p {
            display: none;
     }

     #footerfaq i p{
          position: absolute;
          right: 20%;
          padding-top: 54px;
     }

     /*****--**-----*****--|FOOTER FAQ TABLETTE|-*****-----**--*****/
          @media (max-width: 960px){
          }
     /*****--**-----*****--|FOOTER FAQ TABLETTE|-*****-----**--*****/

     /*****--**-----*****--|FOOTER FAQ MOBILE|-*****-----**--*****/
           @media (max-width: 576px){
               #footerfaq{
                    padding: 36px
               }

               #footerfaq i p{
                    display: none;
               }
          }
     /*****--**-----*****--|FOOTER FAQ MOBILE|-*****-----**--****/
/*****--**-----*****--|FOOTER FAQ|-*****-----**--*****/

/*****--**-----*****--|FOOTER CONTACT|-*****-----**--*****/
     #footercontact{
          background-color: #FEBDD0;
          font-family: Valizas;
          display: flex;
          align-items: center;
          justify-content: space-around;
          padding: 5vh 0;
     }

     #footercontact #footercontactleft a{
          text-decoration: none;
     }

     #footercontact #footercontactleft a:hover li{
          color: #CD608E;
     }

     #footercontact #footercontactleft li{
          text-align: left;
          color: white;
          list-style:none;
     }

     #footercontact #footercontactright{
          display: flex;
     }

     #footercontact #footercontactright div{
          text-align: center;
          display: flex;
          flex-direction:column;
          align-items: center;
     }

     #footercontact #footercontactright div h2{
          font-size: 72px;
          font-style: italic;
          font-weight: 900;
          color: #CA618B;
     }

     #footercontact #footercontactright div aside{
          display: flex;
          align-items: center;
          justify-content: center;
     }

     #footercontact #footercontactright div aside h3{
          font-size: 12px;
          font-weight: 800;
          color: white;
          padding: 6px 21px;
          margin: 0 3px;
          margin-top: -9px;
     }

     #footercontact #footercontactright div p{
          padding: 12px 0;
          color: #CA618B;
     }

     #footercontact #footercontactright div a{
          text-decoration: none;
          color: #CA618B;
     }

     #footercontact #footercontactright img{
          height: 190px;
          margin-left: 12px;
     }
     /*****--**-----*****--|FOOTER CONTACT TABLETTE|-*****-----**--*****/
          @media (max-width: 960px){
               #footercontact #footercontactleft{
                   display: none;
               }
          }
     /*****--**-----*****--|FOOTER CONTACT TABLETTE|-*****-----**--*****/

     /*****--**-----*****--|FOOTER CONTACT MOBILE|-*****-----**--*****/
           @media (max-width: 576px){
               #footercontact{
                    flex-direction: column-reverse;
                    padding: 10vh 0;
               }

               #footercontact #footercontactright div h2{
                    font-size: 16vw;
               }

               #footercontact #footercontactright div aside {
                    flex-direction: column;
                    margin-top: -6px;
               }

               #footercontact #footercontactright div aside h3{
                    margin: 4px 3px;
               }

               #footercontact #footercontactright img{
                    display:none;
               }
          }
     /*****--**-----*****--|FOOTER CONTACT MOBILE|-*****-----**--****/
/*****--**-----*****--|FOOTER CONTACT|-*****-----**--*****/

/*****--**-----*****--|FOOTER MOW|-*****-----**--*****/
     footer{
          background-color: #de89b2;
          height:36px;
          padding: 0 24px;
          display: flex;
          justify-content: space-between;
          align-items: center;
     }

     footer a{
          text-decoration:none;
     }

     footer a p{
          color: white;
          font-family: 'Urbanist', sans-serif;
          font-size:12px;
          font-weight:500;
     }

     footer a p span{
          color: #de89b2;
          padding: 3px 10px;
          margin-left: 3px;
          background-color: white;
          font-family: 'Fira Sans', sans-serif;
          font-style: italic;
          font-weight:900;
          transition:0.2s;
     }

     footer #footermow:hover p span{
          padding: 3px 14px;
     }
/*****--**-----*****--|FOOTER MOW|-*****-----**--*****/