/* #region TRICKS CSS */
  
    .MT0   {margin-top: 0px !important;}
    .MT10  {margin-top: 10px !important;}
    .MT20  {margin-top: 20px !important;}
    .MT30  {margin-top: 30px !important;}
    .MT40  {margin-top: 40px !important;}
    .MT50  {margin-top: 50px !important;}
    .MT60  {margin-top: 60px !important;}
    .MT70  {margin-top: 70px !important;}
    .MT80  {margin-top: 80px !important;}
    .MT90  {margin-top: 90px !important;}
    .MT100 {margin-top: 100px !important;}
    .MT110 {margin-top: 110px !important;}
    .MT120 {margin-top: 120px !important;}
    .MT130 {margin-top: 130px !important;}
    .MT140 {margin-top: 140px !important;}
    .MT150 {margin-top: 150px !important;}
    .MT160 {margin-top: 160px !important;}
    .MT170 {margin-top: 170px !important;}
    .MT180 {margin-top: 180px !important;}
    .MT190 {margin-top: 190px !important;}
    .MT200 {margin-top: 200px !important;}

    .MR0   {margin-right: 0px !important;}
    .MR10  {margin-right: 10px !important;}
    .MR20  {margin-right: 20px !important;}
    .MR30  {margin-right: 30px !important;}
    .MR40  {margin-right: 40px !important;}
    .MR50  {margin-right: 50px !important;}
    .MR60  {margin-right: 60px !important;}
    .MR70  {margin-right: 70px !important;}
    .MR80  {margin-right: 80px !important;}
    .MR90  {margin-right: 90px !important;}
    .MR100 {margin-right: 100px !important;}
    .MR110 {margin-right: 110px !important;}
    .MR120 {margin-right: 120px !important;}
    .MR130 {margin-right: 130px !important;}
    .MR140 {margin-right: 140px !important;}
    .MR150 {margin-right: 150px !important;}
    .MR160 {margin-right: 160px !important;}
    .MR170 {margin-right: 170px !important;}
    .MR180 {margin-right: 180px !important;}
    .MR190 {margin-right: 190px !important;}
    .MR200 {margin-right: 200px !important;}
  
    .MB0   {margin-bottom: 0px !important;}
    .MB10  {margin-bottom: 10px !important;}
    .MB20  {margin-bottom: 20px !important;}
    .MB30  {margin-bottom: 30px !important;}
    .MB40  {margin-bottom: 40px !important;}
    .MB50  {margin-bottom: 50px !important;}
    .MB60  {margin-bottom: 60px !important;}
    .MB70  {margin-bottom: 70px !important;}
    .MB80  {margin-bottom: 80px !important;}
    .MB90  {margin-bottom: 90px !important;}
    .MB100 {margin-bottom: 100px !important;}
    .MB110 {margin-bottom: 110px !important;}
    .MB120 {margin-bottom: 120px !important;}
    .MB130 {margin-bottom: 130px !important;}
    .MB140 {margin-bottom: 140px !important;}
    .MB150 {margin-bottom: 150px !important;}
    .MB160 {margin-bottom: 160px !important;}
    .MB170 {margin-bottom: 170px !important;}
    .MB180 {margin-bottom: 180px !important;}
    .MB190 {margin-bottom: 190px !important;}
    .MB200 {margin-bottom: 200px !important;}

    .ML0   {margin-left: 0px !important;}
    .ML10  {margin-left: 10px !important;}
    .ML20  {margin-left: 20px !important;}
    .ML30  {margin-left: 30px !important;}
    .ML40  {margin-left: 40px !important;}
    .ML50  {margin-left: 50px !important;}
    .ML60  {margin-left: 60px !important;}
    .ML70  {margin-left: 70px !important;}
    .ML80  {margin-left: 80px !important;}
    .ML90  {margin-left: 90px !important;}
    .ML100 {margin-left: 100px !important;}
    .ML110 {margin-left: 110px !important;}
    .ML120 {margin-left: 120px !important;}
    .ML130 {margin-left: 130px !important;}
    .ML140 {margin-left: 140px !important;}
    .ML150 {margin-left: 150px !important;}
    .ML160 {margin-left: 160px !important;}
    .ML170 {margin-left: 170px !important;}
    .ML180 {margin-left: 180px !important;}
    .ML190 {margin-left: 190px !important;}
    .ML200 {margin-left: 200px !important;}

    .MT-10  {margin-top: -10px !important;}
    .MT-20  {margin-top: -20px !important;}
    .MT-30  {margin-top: -30px !important;}
    .MT-40  {margin-top: -40px !important;}
    .MT-50  {margin-top: -50px !important;}
    .MT-60  {margin-top: -60px !important;}
    .MT-70  {margin-top: -70px !important;}
    .MT-80  {margin-top: -80px !important;}
    .MT-90  {margin-top: -90px !important;}
    .MT-100 {margin-top: -100px !important;}
    .MT-110 {margin-top: -110px !important;}
    .MT-120 {margin-top: -120px !important;}
    .MT-130 {margin-top: -130px !important;}
    .MT-140 {margin-top: -140px !important;}
    .MT-150 {margin-top: -150px !important;}
    .MT-160 {margin-top: -160px !important;}
    .MT-170 {margin-top: -170px !important;}
    .MT-180 {margin-top: -180px !important;}
    .MT-190 {margin-top: -190px !important;}
    .MT-200 {margin-top: -200px !important;}

    .MR-10  {margin-right: -10px !important;}
    .MR-20  {margin-right: -20px !important;}
    .MR-30  {margin-right: -30px !important;}
    .MR-40  {margin-right: -40px !important;}
    .MR-50  {margin-right: -50px !important;}
    .MR-60  {margin-right: -60px !important;}
    .MR-70  {margin-right: -70px !important;}
    .MR-80  {margin-right: -80px !important;}
    .MR-90  {margin-right: -90px !important;}
    .MR-100 {margin-right: -100px !important;}
    .MR-110 {margin-right: -110px !important;}
    .MR-120 {margin-right: -120px !important;}
    .MR-130 {margin-right: -130px !important;}
    .MR-140 {margin-right: -140px !important;}
    .MR-150 {margin-right: -150px !important;}
    .MR-160 {margin-right: -160px !important;}
    .MR-170 {margin-right: -170px !important;}
    .MR-180 {margin-right: -180px !important;}
    .MR-190 {margin-right: -190px !important;}
    .MR-200 {margin-right: -200px !important;}
  
    .MB-10  {margin-bottom: -10px !important;}
    .MB-20  {margin-bottom: -20px !important;}
    .MB-30  {margin-bottom: -30px !important;}
    .MB-40  {margin-bottom: -40px !important;}
    .MB-50  {margin-bottom: -50px !important;}
    .MB-60  {margin-bottom: -60px !important;}
    .MB-70  {margin-bottom: -70px !important;}
    .MB-80  {margin-bottom: -80px !important;}
    .MB-90  {margin-bottom: -90px !important;}
    .MB-100 {margin-bottom: -100px !important;}
    .MB-110 {margin-bottom: -110px !important;}
    .MB-120 {margin-bottom: -120px !important;}
    .MB-130 {margin-bottom: -130px !important;}
    .MB-140 {margin-bottom: -140px !important;}
    .MB-150 {margin-bottom: -150px !important;}
    .MB-160 {margin-bottom: -160px !important;}
    .MB-170 {margin-bottom: -170px !important;}
    .MB-180 {margin-bottom: -180px !important;}
    .MB-190 {margin-bottom: -190px !important;}
    .MB-200 {margin-bottom: -200px !important;}

    .ML-10  {margin-left: -10px !important;}
    .ML-20  {margin-left: -20px !important;}
    .ML-30  {margin-left: -30px !important;}
    .ML-40  {margin-left: -40px !important;}
    .ML-50  {margin-left: -50px !important;}
    .ML-60  {margin-left: -60px !important;}
    .ML-70  {margin-left: -70px !important;}
    .ML-80  {margin-left: -80px !important;}
    .ML-90  {margin-left: -90px !important;}
    .ML-100 {margin-left: -100px !important;}
    .ML-110 {margin-left: -110px !important;}
    .ML-120 {margin-left: -120px !important;}
    .ML-130 {margin-left: -130px !important;}
    .ML-140 {margin-left: -140px !important;}
    .ML-150 {margin-left: -150px !important;}
    .ML-160 {margin-left: -160px !important;}
    .ML-170 {margin-left: -170px !important;}
    .ML-180 {margin-left: -180px !important;}
    .ML-190 {margin-left: -190px !important;}
    .ML-200 {margin-left: -200px !important;}

        

    @media   (max-width: 767px) {
        .MTxs0   {margin-top: 0px !important;}
        .MTxs10  {margin-top: 10px !important;}
        .MTxs20  {margin-top: 20px !important;}
        .MTxs30  {margin-top: 30px !important;}
        .MTxs40  {margin-top: 40px !important;}
        .MTxs50  {margin-top: 50px !important;}
        .MTxs60  {margin-top: 60px !important;}
        .MTxs70  {margin-top: 70px !important;}
        .MTxs80  {margin-top: 80px !important;}
        .MTxs90  {margin-top: 90px !important;}
        .MTxs100 {margin-top: 100px !important;}
        .MTxs110 {margin-top: 110px !important;}
        .MTxs120 {margin-top: 120px !important;}
        .MTxs130 {margin-top: 130px !important;}
        .MTxs140 {margin-top: 140px !important;}
        .MTxs150 {margin-top: 150px !important;}
        .MTxs160 {margin-top: 160px !important;}
        .MTxs170 {margin-top: 170px !important;}
        .MTxs180 {margin-top: 180px !important;}
        .MTxs190 {margin-top: 190px !important;}
        .MTxs200 {margin-top: 200px !important;}

        .MRxs0   {margin-right: 0px !important;}
        .MRxs10  {margin-right: 10px !important;}
        .MRxs20  {margin-right: 20px !important;}
        .MRxs30  {margin-right: 30px !important;}
        .MRxs40  {margin-right: 40px !important;}
        .MRxs50  {margin-right: 50px !important;}
        .MRxs60  {margin-right: 60px !important;}
        .MRxs70  {margin-right: 70px !important;}
        .MRxs80  {margin-right: 80px !important;}
        .MRxs90  {margin-right: 90px !important;}
        .MRxs100 {margin-right: 100px !important;}
        .MRxs110 {margin-right: 110px !important;}
        .MRxs120 {margin-right: 120px !important;}
        .MRxs130 {margin-right: 130px !important;}
        .MRxs140 {margin-right: 140px !important;}
        .MRxs150 {margin-right: 150px !important;}
        .MRxs160 {margin-right: 160px !important;}
        .MRxs170 {margin-right: 170px !important;}
        .MRxs180 {margin-right: 180px !important;}
        .MRxs190 {margin-right: 190px !important;}
        .MRxs200 {margin-right: 200px !important;}
      
        .MBxs0   {margin-bottom: 0px !important;}
        .MBxs10  {margin-bottom: 10px !important;}
        .MBxs20  {margin-bottom: 20px !important;}
        .MBxs30  {margin-bottom: 30px !important;}
        .MBxs40  {margin-bottom: 40px !important;}
        .MBxs50  {margin-bottom: 50px !important;}
        .MBxs60  {margin-bottom: 60px !important;}
        .MBxs70  {margin-bottom: 70px !important;}
        .MBxs80  {margin-bottom: 80px !important;}
        .MBxs90  {margin-bottom: 90px !important;}
        .MBxs100 {margin-bottom: 100px !important;}
        .MBxs110 {margin-bottom: 110px !important;}
        .MBxs120 {margin-bottom: 120px !important;}
        .MBxs130 {margin-bottom: 130px !important;}
        .MBxs140 {margin-bottom: 140px !important;}
        .MBxs150 {margin-bottom: 150px !important;}
        .MBxs160 {margin-bottom: 160px !important;}
        .MBxs170 {margin-bottom: 170px !important;}
        .MBxs180 {margin-bottom: 180px !important;}
        .MBxs190 {margin-bottom: 190px !important;}
        .MBxs200 {margin-bottom: 200px !important;}

        .MLxs0   {margin-left: 0px !important;}
        .MLxs10  {margin-left: 10px !important;}
        .MLxs20  {margin-left: 20px !important;}
        .MLxs30  {margin-left: 30px !important;}
        .MLxs40  {margin-left: 40px !important;}
        .MLxs50  {margin-left: 50px !important;}
        .MLxs60  {margin-left: 60px !important;}
        .MLxs70  {margin-left: 70px !important;}
        .MLxs80  {margin-left: 80px !important;}
        .MLxs90  {margin-left: 90px !important;}
        .MLxs100 {margin-left: 100px !important;}
        .MLxs110 {margin-left: 110px !important;}
        .MLxs120 {margin-left: 120px !important;}
        .MLxs130 {margin-left: 130px !important;}
        .MLxs140 {margin-left: 140px !important;}
        .MLxs150 {margin-left: 150px !important;}
        .MLxs160 {margin-left: 160px !important;}
        .MLxs170 {margin-left: 170px !important;}
        .MLxs180 {margin-left: 180px !important;}
        .MLxs190 {margin-left: 190px !important;}
        .MLxs200 {margin-left: 200px !important;}


        .MTxs-10  {margin-top: -10px !important;}
        .MTxs-20  {margin-top: -20px !important;}
        .MTxs-30  {margin-top: -30px !important;}
        .MTxs-40  {margin-top: -40px !important;}
        .MTxs-50  {margin-top: -50px !important;}
        .MTxs-60  {margin-top: -60px !important;}
        .MTxs-70  {margin-top: -70px !important;}
        .MTxs-80  {margin-top: -80px !important;}
        .MTxs-90  {margin-top: -90px !important;}
        .MTxs-100 {margin-top: -100px !important;}
        .MTxs-110 {margin-top: -110px !important;}
        .MTxs-120 {margin-top: -120px !important;}
        .MTxs-130 {margin-top: -130px !important;}
        .MTxs-140 {margin-top: -140px !important;}
        .MTxs-150 {margin-top: -150px !important;}
        .MTxs-160 {margin-top: -160px !important;}
        .MTxs-170 {margin-top: -170px !important;}
        .MTxs-180 {margin-top: -180px !important;}
        .MTxs-190 {margin-top: -190px !important;}
        .MTxs-200 {margin-top: -200px !important;}

        .MRxs-10  {margin-right: -10px !important;}
        .MRxs-20  {margin-right: -20px !important;}
        .MRxs-30  {margin-right: -30px !important;}
        .MRxs-40  {margin-right: -40px !important;}
        .MRxs-50  {margin-right: -50px !important;}
        .MRxs-60  {margin-right: -60px !important;}
        .MRxs-70  {margin-right: -70px !important;}
        .MRxs-80  {margin-right: -80px !important;}
        .MRxs-90  {margin-right: -90px !important;}
        .MRxs-100 {margin-right: -100px !important;}
        .MRxs-110 {margin-right: -110px !important;}
        .MRxs-120 {margin-right: -120px !important;}
        .MRxs-130 {margin-right: -130px !important;}
        .MRxs-140 {margin-right: -140px !important;}
        .MRxs-150 {margin-right: -150px !important;}
        .MRxs-160 {margin-right: -160px !important;}
        .MRxs-170 {margin-right: -170px !important;}
        .MRxs-180 {margin-right: -180px !important;}
        .MRxs-190 {margin-right: -190px !important;}
        .MRxs-200 {margin-right: -200px !important;}
      
        .MBxs-10  {margin-bottom: -10px !important;}
        .MBxs-20  {margin-bottom: -20px !important;}
        .MBxs-30  {margin-bottom: -30px !important;}
        .MBxs-40  {margin-bottom: -40px !important;}
        .MBxs-50  {margin-bottom: -50px !important;}
        .MBxs-60  {margin-bottom: -60px !important;}
        .MBxs-70  {margin-bottom: -70px !important;}
        .MBxs-80  {margin-bottom: -80px !important;}
        .MBxs-90  {margin-bottom: -90px !important;}
        .MBxs-100 {margin-bottom: -100px !important;}
        .MBxs-110 {margin-bottom: -110px !important;}
        .MBxs-120 {margin-bottom: -120px !important;}
        .MBxs-130 {margin-bottom: -130px !important;}
        .MBxs-140 {margin-bottom: -140px !important;}
        .MBxs-150 {margin-bottom: -150px !important;}
        .MBxs-160 {margin-bottom: -160px !important;}
        .MBxs-170 {margin-bottom: -170px !important;}
        .MBxs-180 {margin-bottom: -180px !important;}
        .MBxs-190 {margin-bottom: -190px !important;}
        .MBxs-200 {margin-bottom: -200px !important;}

        .MLxs-10  {margin-left: -10px !important;}
        .MLxs-20  {margin-left: -20px !important;}
        .MLxs-30  {margin-left: -30px !important;}
        .MLxs-40  {margin-left: -40px !important;}
        .MLxs-50  {margin-left: -50px !important;}
        .MLxs-60  {margin-left: -60px !important;}
        .MLxs-70  {margin-left: -70px !important;}
        .MLxs-80  {margin-left: -80px !important;}
        .MLxs-90  {margin-left: -90px !important;}
        .MLxs-100 {margin-left: -100px !important;}
        .MLxs-110 {margin-left: -110px !important;}
        .MLxs-120 {margin-left: -120px !important;}
        .MLxs-130 {margin-left: -130px !important;}
        .MLxs-140 {margin-left: -140px !important;}
        .MLxs-150 {margin-left: -150px !important;}
        .MLxs-160 {margin-left: -160px !important;}
        .MLxs-170 {margin-left: -170px !important;}
        .MLxs-180 {margin-left: -180px !important;}
        .MLxs-190 {margin-left: -190px !important;}
        .MLxs-200 {margin-left: -200px !important;}
    }



  
  
    .PT0   {padding-top: 0px !important;}
    .PT10  {padding-top: 10px !important;}
    .PT20  {padding-top: 20px !important;}
    .PT30  {padding-top: 30px !important;}
    .PT40  {padding-top: 40px !important;}
    .PT50  {padding-top: 50px !important;}
    .PT60  {padding-top: 60px !important;}
    .PT70  {padding-top: 70px !important;}
    .PT80  {padding-top: 80px !important;}
    .PT90  {padding-top: 90px !important;}
    .PT100 {padding-top: 100px !important;}
    .PT110 {padding-top: 110px !important;}
    .PT120 {padding-top: 120px !important;}
    .PT130 {padding-top: 130px !important;}
    .PT140 {padding-top: 140px !important;}
    .PT150 {padding-top: 150px !important;}
    .PT160 {padding-top: 160px !important;}
    .PT170 {padding-top: 170px !important;}
    .PT180 {padding-top: 180px !important;}
    .PT190 {padding-top: 190px !important;}
    .PT200 {padding-top: 200px !important;}

    .PR0   {padding-right: 0px !important;}
    .PR10  {padding-right: 10px !important;}
    .PR20  {padding-right: 20px !important;}
    .PR30  {padding-right: 30px !important;}
    .PR40  {padding-right: 40px !important;}
    .PR50  {padding-right: 50px !important;}
    .PR60  {padding-right: 60px !important;}
    .PR70  {padding-right: 70px !important;}
    .PR80  {padding-right: 80px !important;}
    .PR90  {padding-right: 90px !important;}
    .PR100 {padding-right: 100px !important;}
    .PR110 {padding-right: 110px !important;}
    .PR120 {padding-right: 120px !important;}
    .PR130 {padding-right: 130px !important;}
    .PR140 {padding-right: 140px !important;}
    .PR150 {padding-right: 150px !important;}
    .PR160 {padding-right: 160px !important;}
    .PR170 {padding-right: 170px !important;}
    .PR180 {padding-right: 180px !important;}
    .PR190 {padding-right: 190px !important;}
    .PR200 {padding-right: 200px !important;}
  
    .PB0   {padding-bottom: 0px !important;}
    .PB10  {padding-bottom: 10px !important;}
    .PB20  {padding-bottom: 20px !important;}
    .PB25  {padding-bottom: 25px !important;}
    .PB30  {padding-bottom: 30px !important;}
    .PB40  {padding-bottom: 40px !important;}
    .PB50  {padding-bottom: 50px !important;}
    .PB60  {padding-bottom: 60px !important;}
    .PB70  {padding-bottom: 70px !important;}
    .PB80  {padding-bottom: 80px !important;}
    .PB90  {padding-bottom: 90px !important;}
    .PB100 {padding-bottom: 100px !important;}
    .PB110 {padding-bottom: 110px !important;}
    .PB120 {padding-bottom: 120px !important;}
    .PB130 {padding-bottom: 130px !important;}
    .PB140 {padding-bottom: 140px !important;}
    .PB150 {padding-bottom: 150px !important;}
    .PB160 {padding-bottom: 160px !important;}
    .PB170 {padding-bottom: 170px !important;}
    .PB180 {padding-bottom: 180px !important;}
    .PB190 {padding-bottom: 190px !important;}
    .PB200 {padding-bottom: 200px !important;}

    .PL0   {padding-left: 0px !important;}
    .PL10  {padding-left: 10px !important;}
    .PL20  {padding-left: 20px !important;}
    .PL30  {padding-left: 30px !important;}
    .PL40  {padding-left: 40px !important;}
    .PL50  {padding-left: 50px !important;}
    .PL60  {padding-left: 60px !important;}
    .PL70  {padding-left: 70px !important;}
    .PL80  {padding-left: 80px !important;}
    .PL90  {padding-left: 90px !important;}
    .PL100 {padding-left: 100px !important;}
    .PL110 {padding-left: 110px !important;}
    .PL120 {padding-left: 120px !important;}
    .PL130 {padding-left: 130px !important;}
    .PL140 {padding-left: 140px !important;}
    .PL150 {padding-left: 150px !important;}
    .PL160 {padding-left: 160px !important;}
    .PL170 {padding-left: 170px !important;}
    .PL180 {padding-left: 180px !important;}
    .PL190 {padding-left: 190px !important;}
    .PL200 {padding-left: 200px !important;}


    @media   (max-width: 767px) {

        .PTxs0   {padding-top: 0px !important;}
        .PTxs10  {padding-top: 10px !important;}
        .PTxs20  {padding-top: 20px !important;}
        .PTxs30  {padding-top: 30px !important;}
        .PTxs40  {padding-top: 40px !important;}
        .PTxs50  {padding-top: 50px !important;}
        .PTxs60  {padding-top: 60px !important;}
        .PTxs70  {padding-top: 70px !important;}
        .PTxs80  {padding-top: 80px !important;}
        .PTxs90  {padding-top: 90px !important;}
        .PTxs100 {padding-top: 100px !important;}
        .PTxs110 {padding-top: 110px !important;}
        .PTxs120 {padding-top: 120px !important;}
        .PTxs130 {padding-top: 130px !important;}
        .PTxs140 {padding-top: 140px !important;}
        .PTxs150 {padding-top: 150px !important;}
        .PTxs160 {padding-top: 160px !important;}
        .PTxs170 {padding-top: 170px !important;}
        .PTxs180 {padding-top: 180px !important;}
        .PTxs190 {padding-top: 190px !important;}
        .PTxs200 {padding-top: 200px !important;}

        .PRxs0   {padding-right: 0px !important;}
        .PRxs10  {padding-right: 10px !important;}
        .PRxs20  {padding-right: 20px !important;}
        .PRxs30  {padding-right: 30px !important;}
        .PRxs40  {padding-right: 40px !important;}
        .PRxs50  {padding-right: 50px !important;}
        .PRxs60  {padding-right: 60px !important;}
        .PRxs70  {padding-right: 70px !important;}
        .PRxs80  {padding-right: 80px !important;}
        .PRxs90  {padding-right: 90px !important;}
        .PRxs100 {padding-right: 100px !important;}
        .PRxs110 {padding-right: 110px !important;}
        .PRxs120 {padding-right: 120px !important;}
        .PRxs130 {padding-right: 130px !important;}
        .PRxs140 {padding-right: 140px !important;}
        .PRxs150 {padding-right: 150px !important;}
        .PRxs160 {padding-right: 160px !important;}
        .PRxs170 {padding-right: 170px !important;}
        .PRxs180 {padding-right: 180px !important;}
        .PRxs190 {padding-right: 190px !important;}
        .PRxs200 {padding-right: 200px !important;}

        .PBxs0   {padding-bottom: 0px !important;}
        .PBxs10  {padding-bottom: 10px !important;}
        .PBxs20  {padding-bottom: 20px !important;}
        .PBxs30  {padding-bottom: 30px !important;}
        .PBxs40  {padding-bottom: 40px !important;}
        .PBxs50  {padding-bottom: 50px !important;}
        .PBxs60  {padding-bottom: 60px !important;}
        .PBxs70  {padding-bottom: 70px !important;}
        .PBxs80  {padding-bottom: 80px !important;}
        .PBxs90  {padding-bottom: 90px !important;}
        .PBxs100 {padding-bottom: 100px !important;}
        .PBxs110 {padding-bottom: 110px !important;}
        .PBxs120 {padding-bottom: 120px !important;}
        .PBxs130 {padding-bottom: 130px !important;}
        .PBxs140 {padding-bottom: 140px !important;}
        .PBxs150 {padding-bottom: 150px !important;}
        .PBxs160 {padding-bottom: 160px !important;}
        .PBxs170 {padding-bottom: 170px !important;}
        .PBxs180 {padding-bottom: 180px !important;}
        .PBxs190 {padding-bottom: 190px !important;}
        .PBxs200 {padding-bottom: 200px !important;}

        .PLxs0   {padding-left: 0px !important;}
        .PLxs10  {padding-left: 10px !important;}
        .PLxs20  {padding-left: 20px !important;}
        .PLxs30  {padding-left: 30px !important;}
        .PLxs40  {padding-left: 40px !important;}
        .PLxs50  {padding-left: 50px !important;}
        .PLxs60  {padding-left: 60px !important;}
        .PLxs70  {padding-left: 70px !important;}
        .PLxs80  {padding-left: 80px !important;}
        .PLxs90  {padding-left: 90px !important;}
        .PLxs100 {padding-left: 100px !important;}
        .PLxs110 {padding-left: 110px !important;}
        .PLxs120 {padding-left: 120px !important;}
        .PLxs130 {padding-left: 130px !important;}
        .PLxs140 {padding-left: 140px !important;}
        .PLxs150 {padding-left: 150px !important;}
        .PLxs160 {padding-left: 160px !important;}
        .PLxs170 {padding-left: 170px !important;}
        .PLxs180 {padding-left: 180px !important;}
        .PLxs190 {padding-left: 190px !important;}
        .PLxs200 {padding-left: 200px !important;}

    }


    @media (max-width: 767px) {
        .PT60.PL60.PR60.PB60 {
            padding: 30px!important;
        }
        
    }

/* #endregion TRICKS CSS */    


/* #region FONTS */


   @font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Catamaran-Regular.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Catamaran Thin';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Catamaran-Thin.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Catamaran ExtraLight';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Catamaran-ExtraLight.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Catamaran Light';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Catamaran-Light.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Catamaran Medium';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Catamaran-Medium.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Catamaran SemiBold';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Catamaran-SemiBold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Catamaran Bold';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Catamaran-Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Catamaran ExtraBold';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Catamaran-ExtraBold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Catamaran Black';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Catamaran-Black.woff') format('woff');
    }

    
    
/* #endregion FONTS */


/* #region COLOR & FONT */

    :root {
        --color-bleu: #04305F;
        --color-jaune: #F29400;
        --color-black: #151515;
        --color-white: #fff;
        --color-gris: #EFF2F4;
        --color-gris-fonce: #55575A;

        --font-primary:'Catamaran';
        --font-bold:'Catamaran Black';
        /* --font-gotham:'Gotham';
        --font-gotham-bold:'GothamBold'; */

        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 1.5rem;
        
    }

    
    .bold {
        font-family: var(--font-bold);
    }

    .bg-gris {
        background-color: var(--color-gris);
    }
    .bg-bleu {
        background-color: var(--color-bleu) !important;
    }
    .bg-jaune {
        background-color: var(--color-jaune);
    }
    .bg-blanc {
        background-color: var(--color-white) !important;
    }


    .font-bleu {
        color: var(--color-bleu);
    }
    .font-jaune {
        color: var(--color-jaune);
    }
    .font-white {
        color: var(--color-white);
    }
    .font-gris-fonce {
        color:var(--color-gris-fonce)
    }
   

/* #endregion COLOR & FONT */
    

/* #region GENERIQUE */
   
    

    hr {
        background-color: var(--color-bleu);
        opacity: 1;
    }

    .my-icon.icon-magnifying-glass {
        font-weight: bolder;
    }
    

    body {
        color: var(--color-bleu);
        font-family: var(--font-primary);
        background-color: var(--color-white);
    }

    .container {
        max-width: 1440px;
    }
    .container-md {
        max-width: 1200px;
    }
    .container-xl {
        max-width: 1620px;
    }

    .container-fluid {
        padding-left: 0px;
        padding-right: 0px;
    }

    a {
        color: var(--color-bleu);
        text-decoration: none;
    }

    a:hover {
        color: var(--color-rouge);
        text-decoration: none;
    }

   
    
    ul, ol, li {
        list-style: none;
    }

    section {
        padding-top: 80px;
        padding-bottom: 80px;
    }


    

    .asp_search_button {
        display: none !important;
    }
    #ajaxsearchpro1_1, div.asp_m.asp_m_1 {
        background: transparent !important;
    }
/* #endregion GENERIQUE */


/* #region STYLE TYPOS */

    h1 {
        font-size: clamp(33px, 4vw, 55px);
        text-transform: uppercase;
    }

    h2 {
        
        font-size: clamp(48px, 5vw, 62px);
        text-transform: uppercase;
    }

    h3 {
        
        font-size: clamp(24px, 4vw, 30px);
        
    }

    h4 {
        
        font-size: clamp(20px, 3.5vw, 20px);
        
    }

    h5 {
        
        font-size: clamp(20px, 3vw, 18px);
        
    }

    p {
        color: var(--color-gris-fonce);
        
        
    }


    .small {
        
        font-size: clamp(10px, 1.5vw, 10px);
        
    }

    .small-xl {
        
        font-size: clamp(12px, 1.5vw, 14px);
        
    }

   
/* #endregion STYLE TYPOS */  
   

/* #region BOUTONS */

    .btn {
        border-radius: 0px;
        font-size: 16px;
        padding: 12px 40px 10px 40px;
        text-transform: uppercase;
    }
    
    .btn:focus {
        outline: none !important;
        box-shadow: none !important;
    }

    /* blanc sur fond jaune */
    .btn-primary {
        background: var(--color-jaune);
        color: var(--color-white);
        border-color: var(--color-jaune);
    }
    .btn-primary:hover {
        color: var(--color-jaune);
        background-color: var(--color-white); 
        border-color: var(--color-jaune);       
    }

    

    /* jaune sur fond blanc */
    .btn-second {
        background: var(--color-white);
        color: var(--color-jaune) !important;
        border: 1px solid var(--color-white);
    }
    .btn-second:hover {
        color: var(--color-white) !important;
        background-color:var(--color-jaune);    
        border: 1px solid var(--color-jaune);    
    }

    /* jaune sur fond blanc avec contour */
    .btn-three {
        background: var(--color-white);
        color: var(--color-jaune);
        border: 1px solid var(--color-jaune);
    }
    .btn-three:hover {
        color: var(--color-white);
        background-color:var(--color-jaune);    
        border: 1px solid var(--color-jaune);    
    }


    /* blanc sur fond bleu */
    .btn-four {
        background: var(--color-bleu);
        color: var(--color-white) !important;
        border: 1px solid var(--color-bleu);
    }
    .btn-four:hover {
        color: var(--color-white) !important;
        background-color:var(--color-jaune);    
        border: 1px solid var(--color-jaune);    
    }

    /* rouge sur fond blanc */
    .btn-link {
        background: transparent;
        color: var(--color-jaune);
        border-color: transparent;
        text-decoration: none;
    }
    .btn-link:hover {
        background-color: var(--color-white); 
        border-color: var(--color-white);     
        color: var(--color-jaune);  
    }

    
    
/* #endregion BOUTONS */


/* #region TOP BARRE */

    
    .social-link {
        font-size: 32px;
    }

    .social-link:hover {
        color: var(--color-jaune) !important;
    }

    @media (max-width: 767px) {
    .top-bar {
        justify-content: center !important;
    }
    
    }

/* #endregion TOP BARRE */    


/* #region MENU */

    button {
        border: none;
        background: none;
        outline: none;
        cursor: pointer;
    }
    .nav-link {
        color: #fff;
    }
    .mobile-menu-header .icon-close {
        color: var(--color-jaune);
    }
    .main-menu a {
        color: #fff;
    }

    .bg-menu {
        background-color: var(--color-bleu) !important;
    }

    /* Chevron pour les items avec sous-menu (ex: Nos marques) */
.menu-bar.v1 .main-menu li.menu-item-has-children > a::after {
    content: "▾";
    display: inline-block;
    margin-left: 8px;
    font-size: 0.8em;
    transition: transform 0.3s ease;
}
/* Rotation du chevron au hover */
.menu-bar.v1 .main-menu li.menu-item-has-children:hover > a::after {
    transform: rotate(180deg);
}



   
    

/* #endregion MENU */
    

/* #region HERO */ 

    .hero {
        position: relative;
        width: 100%;
        height: 90vh;
        background-size: cover !important;
    }
    .hero-text {
        position: absolute;
        top: 50%;
        left: 15%;
        transform: translateY(-50%);
        white-space: nowrap;
    }
    @media (max-width: 767px) {
        .hero-text {
            position: absolute;
            top: 60%;
            left: 0;
            transform: translateY(-50%);
             white-space: normal;
        }
    }
    @media (min-width: 768px) and (max-width: 950px) {
        .hero-text {
            position: absolute;
            top: 60%;
            left: 2%;
            transform: translateY(-50%);
            white-space: normal;
        }
    }
    .bloc-bleu {
        background-color: var(--color-bleu);
        position: absolute;
        width: 25vw;
        height: 50vh;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
    .bloc-gris {
        background-color: var(--color-gris);
        position: absolute;
        width: 25vw;
        height: 5vh;
        bottom:-25px;
        right: 0;
        z-index: 1;
    }
    

/* #endregion HERO */


/* #region HEADER PAGE */

    

    


    @media (max-width: 1199px) {
        .header-page {
            padding-top: 55px !important;
        }
        
    }
    .header-page {
        padding-top: 100px;
    }





   

   
    
   

/* #endregion HEADER PAGE */


/* #region FOOTER */

    .contact-block .separator {
        width: 2px;
        height: 50px;
        background-color: #fff;
        opacity: 0.8;
    }

    footer {
        padding-top: 80px;
        padding-bottom: 40px;
    }

    footer p {
        font-family: var(--font-primary);
        font-size: clamp(14px, 2vw, 14px);
        color:#fff !important
    }

    footer a {
        margin-right: 10px;
        color:#fff !important;
        font-family: var(--font-primary);
        font-size: clamp(14px, 2vw, 18px);
        
        font-weight: 500;
    }
    footer li {
        margin-bottom: 10px;
    }
    footer ul {
        padding-left: 0px;
    }

    .footer-bottom a {
        color:#fff !important;
        font-family: var(--font-primary);
        font-size: clamp(14px, 2vw, 14px);
    }

    footer a:hover {
        color: var(--color-jaune) !important;
    }

    

   

/* #endregion FOOTER */


/* #region TWO BLOCKS */

    .two-blocks .col-md-6 {
        position: relative;
    }
    .hero-row { min-height: 560px; }
    .img-cover {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        display: block;
    }

/* #endregion TWO BLOCKS */
    






/* #region SWIPER */

    .swiper {
        width: 100%;
        height: 100%;
      }
  
      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
      }
  
      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        aspect-ratio: 20 / 10;
        object-fit: cover;
      }
      @media (max-width: 767px) {
        .swiper-slide img {
            aspect-ratio: 4 / 4;
        }
      }

      .swiper-button-next, .swiper-button-prev {
        color: #ffffff;
        }

        .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
            bottom: var(--swiper-pagination-bottom,20px);
            top: var(--swiper-pagination-top,auto);
            left: 50%;
            transform: translateX(-50%);
            width: 100px;
            background-color: #FFF;
            padding: 5px 0px;
            border: none;
            border-radius: 25px;
        }


/* #endregion SWIPER */


/* #region VIDEO YT */

    .video-wrapper iframe {
        border-radius: 25px;
        overflow: hidden;
    }
/* #endregion VIDEO YT */




/* #region CONTACT */

    
    .form-control {
        padding: 10px;
        font-size: 0.9rem;
        
    }

    .form-control:focus {
        outline: none !important;
        box-shadow: none !important;
        border: 1px solid var(--color-black);
    }

    








.wpcf7-list-item {
    margin: 0
}



/* GROUP SUCCESS / ENCADRÉ BLEU */
.wpcf7-mail-sent-ok,
.wpcf7-mail-sent-success,
.wpcf7 form.sent .wpcf7-response-output {
    border: 2px solid #235CA4;
    background-color: #235CA420; /* bleu léger transparent */
    color: #235CA4;
    padding: 15px 20px;
    font-family: "Gotham";
    margin-top: 20px;
}




/* GROUP ERROR / ENCADRÉ ROUGE */
.wpcf7-validation-errors,
.wpcf7-mail-sent-ng,
.wpcf7-spam-blocked,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border: 2px solid #E61C2B;
    background-color: #E61C2B20; /* rouge léger transparent */
    color: #E61C2B;
    padding: 15px 20px;
    font-family: "Gotham";
    margin-top: 20px;
}



#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input {
    font-family: var(--font-primary);
    color: #ffffff !important;
    font-size: 18px !important;
}

/* #endregion CONTACT */ 














/* CSS */






/* OVERLAY PERMANENT + HOVER SUR LES BLOCS EXPERTISES */
.bloc-service .aspect1,
.bloc-service .aspect2 {
    position: relative;
    overflow: hidden;
}

/* Overlay par défaut */
.bloc-service .aspect1::before,
.bloc-service .aspect2::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--color-bleu); /* overlay permanent */
    opacity: 0.4;                      /* toujours visible */
    transition: opacity 0.3s ease;
    z-index: 1;
}

/* Hover = overlay plus fort */
.bloc-service .aspect1:hover::before,
.bloc-service .aspect2:hover::before {
    opacity: 0.9;
}

/* Picto + texte doivent passer au-dessus */
.bloc-service .aspect1 img,
.bloc-service .aspect1 h4,
.bloc-service .aspect2 img,
.bloc-service .aspect2 h4 {
    position: relative;
    z-index: 2;
}






.bloc-gauche h3 {
    font-size: clamp(35px, 9vw, 56px);
}
/* Two blocks — images en background */
.bloc-gauche,
.bloc-droite {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 480px;
    display: flex;
    align-items: center;
    background-image: var(--img);
}

/* Wrappers internes */
.inner-gauche,
.inner-droite {
    position: relative;
    z-index: 2;
}

.inner-droite {
    margin-left: -3px;
}

/* Sur mobile */
@media (max-width: 767px) {
    .bloc-gauche,
    .bloc-droite {
        min-height: 340px;
    }
}


.logo-societe {
    height: 65px;        /* tu ajustes si besoin */
    width: auto;
    max-width: 100%;
    display: block;
    padding-bottom: 10px;
}
@media (max-width: 767px) {
    .logo-societe {
        height: 50px;    /* un peu plus petit sur mobile */
    }
}



.picto-expert {
    width: 70px;
}

/* ASPECT RATIO IMAGES */

    /* MOBILE */
    @media (max-width: 1199px) {
        .aspect1 {
            aspect-ratio: 16 / 8;
            object-fit: cover;
        }
    }
    /* ECRAN */
    @media (min-width:1200px) {
        .aspect1 {
            aspect-ratio: 16 / 4;
            object-fit: cover;
        }
    }

   /* MOBILE */
    @media (max-width: 1199px) {
        .aspect2 {
            aspect-ratio: 16 / 8;
            object-fit: cover;
        }
    }
    /* ECRAN */
    @media (min-width:1200px) {
        .aspect2 {
            aspect-ratio: 16 / 12;
            object-fit: cover;
        }
    }




/* ACTU */


.cat-bg {
    background-color: var(--color-white);
    padding: 3px 10px 0px 10px;
    letter-spacing: 1px;
}
.card-actualite-body {
    padding: 30px;
}

/* ACTU 1 : image pleine hauteur */
.actu-img-fullheight {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

/* Mobile : image au-dessus */
@media (max-width: 767px) {
    .actu-row {
        flex-direction: column !important;
    }
    .actu-row .col-5,
    .actu-row .col-7 {
        width: 100% !important;
    }
}






/* PORTRAITS CARRIÈRE */
.portrait-item {
    min-width: 0; /* empêche les débordements flex */
}

.portrait-img {
    width: 100%;
    height: 380px;
    object-fit: cover;
    object-position: center;
    display: block;
}

.portrait-label {
    position: absolute;
    left: -50px;
    bottom: 50px;
    background-color: #fff;
    padding: 15px 20px;
    width: 85%;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    z-index: 1;
}
    
@media (max-width: 767px) {
    .portrait-img {
        height: auto;
    }
    .portrait-label {
        width: 90%;
    }
    .portraits-mobile {
        flex-direction: column !important;
        gap: 40px;
    }
    .portrait-label {
        position: absolute;
        left: 0px;
        bottom: 50px;
        background-color: #fff;
        padding: 15px 20px;
        width: 85%;
        box-shadow: 0 4px 8px rgba(0,0,0,0.15);
        z-index: 1;
    }
    .portrait-item::before {
        display: none;
    }
    
}

.gap-50 {
    gap: 5rem;
}


.portrait-item::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: -25px;
    width: 98%;
    height: 94%;
    background-color: #fff;
    z-index: 0;
}


.portrait-img {
    position: relative;
    z-index: 1;
}



.section-notre-groupe {
    position: relative;
    background-image: url('../imgs/BG1.png');
    background-repeat: no-repeat;
    background-position: 100% -45%;
}

.section-notre-expertises {
    position: relative;
    background-image: url('../imgs/BG2.png');
    background-repeat: no-repeat;
    background-position:  100% 100%;
}

.section-notre-actus {
    position: relative;
    background-image: url('../imgs/BG3.png');
    background-repeat: no-repeat;
    background-position:  50% 100%;
    background-size: contain;
}

.section-notre-team {
    position: relative;
    background-image: url('../imgs/BG4.png');
    background-repeat: no-repeat;
    background-position:  0% 100%;
}


/* /// CONTENU //// */

.contenu-redactionnel h2 {
    font-size: clamp(38px, 5vw, 50px);
    text-transform: uppercase;
    font-family: var(--font-bold);
}
.contenu-redactionnel a {
    text-decoration: underline;
    color: var(--color-jaune);
}
.contenu-redactionnel a:hover {
    text-decoration: none;
    color: var(--color-gris-fonce);
}
.contenu-redactionnel strong {
    font-family: var(--font-bold);
}
.contenu-redactionnel h3 {
    font-size: clamp(28px, 4vw, 40px);
    text-transform: uppercase;
}
.contenu-redactionnel blockquote {
    font-size: clamp(28px, 5vw, 40px);
    font-family: var(--font-bold);
}
blockquote p {
    margin-bottom: 0px !important;
    position: relative;
    padding-left: 30px;
}
.blockimg {
    position: absolute;
    left: 0;
    top: -100px;
    width: 200px;
    height: 100%;
    z-index: -1;
}
.bloc-chiffre {
    background-color: var(--color-gris);
    padding: 40px 20px;
}
.bloc-chiffre p {
    font-size: 25px;
    color: var(--color-bleu);
}
.bloc-chiffre h3 {
    font-size: clamp(25px, 6vw, 40px);
    font-family: var(--font-bold);
}



.team-flex .portrait-item::before {
    background-color: var(--color-jaune);
    bottom: -25px;
}
.team-flex-2 .portrait-item::before {
    bottom: 25px;
    height: 84%;
    background-color: var(--color-jaune);
}
.team-border {
    padding: 80px;
    border: 1px solid var(--color-jaune);
}
@media (max-width: 767px) {
    .team-border {
        padding: 40px;
    }
}

.card-partenaire {
    padding: 20px;
}




/* ACCORDION LINKALIA */

.accordion-linkalia .accordion-item {
    border: 2px solid var(--color-bleu);
    border-radius: 0;
    margin-bottom: 25px;
}

.accordion-linkalia .accordion-button {
    
    font-size: clamp(22px, 3vw, 26px);
    color: var(--color-bleu);
    background-color: #fff;
    padding: 30px 40px;
    box-shadow: none;
}

.accordion-linkalia .accordion-button:not(.collapsed) {
    background-color: #fff;
    color: var(--color-bleu);
}

.accordion-linkalia .accordion-button:focus {
    box-shadow: none;
}

/* Supprime l’icône Bootstrap par défaut */
.accordion-linkalia .accordion-button::after {
    display: none;
}

/* Flèche custom */
.accordion-linkalia .accordion-button::before {
    content: "";
    position: absolute;
    right: 30px;
    width: 14px;
    height: 14px;
    border-right: 3px solid var(--color-bleu);
    border-bottom: 3px solid var(--color-bleu);
    transform: rotate(45deg);
    transition: transform 0.3s ease;
}

/* Flèche ouverte */
.accordion-linkalia .accordion-button:not(.collapsed)::before {
    transform: rotate(-135deg);
}

.accordion-linkalia .accordion-body {
    padding: 30px 40px 40px 40px;
}



.bloc-chiffre-2 {
    background-color: var(--color-gris);
    padding: 60px 40px 40px 40px;
}
.bloc-chiffre-2 p {
    font-size: 18px;
    color: var(--color-bleu);
}
.bloc-chiffre-2 ul, .bloc-chiffre-2 ol, .bloc-chiffre-2 li {
    font-size: 18px;
    color: var(--color-bleu);
    list-style: disc !important;
}

.bloc-galerie img {
    
    object-fit: cover;
    aspect-ratio: 8/8;
    
}



.bg-header::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url('../imgs/BG1.png');
    background-repeat: no-repeat;
    background-position: 100% 50%;
    z-index: -1;
}

.bg-header2::after {
    content: "";
    position: absolute;
    top: 100;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../imgs/BG5.png');
    background-repeat: no-repeat;
    background-position: 0% 100%;
    z-index: -1;
}

.job .card-actualite-body {
    border: 1px solid var(--color-jaune);
    background-color: #fff;
    padding: 30px 30px 5px 30px
}
.job .cat-bg {
    background-color: var(--color-jaune);
    padding: 3px 10px 0px 10px;
    letter-spacing: 1px;
    color: #fff;
    margin-right: 10px;
}


#candidature-form .form-label, #candidature-form .form-check-label {
    color: var(--color-jaune);
    font-weight: 600;
}
#candidature-form .form-control {
    border: 1px solid var(--color-jaune);
    background-color: #FEFAF2;
    border-radius: 0;
}
#candidature-form .form-check {
    border: 1px solid var(--color-jaune);
    padding: 10px 20px;
    background-color: #FFF;
}
.form-check .form-check-input
 {
    margin-left: 0px;
    margin-right: 10px;
}
.form-check-input:checked {
    background-color:var(--color-jaune); 
    border-color: var(--color-jaune);
}


#contact-form .form-label, #contact-form .form-check-label {
    color: var(--color-bleu);
    font-weight: 600;
}
#contact-form .form-control, #contact-form .form-select {
    border: 1px solid var(--color-bleu);
    background-color: var(--color-gris);
    border-radius: 0;
}
#contact-form .form-check {
    border: 1px solid var(--color-bleu);
    padding: 10px 20px;
    background-color: #FFF;
}
.contact-border {
    border: 1px solid var(--color-bleu);
    padding: 80px;
    background-color: #FFF;
}
@media (max-width: 991px) {
    .contact-border {
        padding: 20px;
    }
}

.contact-block .separator {
    width: 2px;
    height: 50px;
    background-color: var(--color-bleu);
    opacity: 0.8;
}




.header-page .banner-page h1{
  min-width:700px;
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
}
@media (max-width:767px){
  .header-page .banner-page h1{
    min-width:auto;
    width:100%;
  }
}




.form-check-input:focus {
    box-shadow: none !important;
}


#candidature-form .form-check-input {
    border: 1px solid var(--color-jaune);
    background-color: #FFF;
    padding: 10px 30px 10px 10px;
}


/* Radios candidature : rendu 100% custom (évite le point noir natif) */
#candidature-form input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    border: 2px solid var(--color-jaune);
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    position: relative;
    margin: 0px 10px 0px 0px;
    cursor: pointer;
}

#candidature-form input[type="radio"]:checked::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: var(--color-jaune);
}

#candidature-form input[type="radio"]:focus {
    outline: none;
    box-shadow: none !important;
}






.ma-section-overlay {
  position: relative;
  isolation: isolate; /* crée un contexte d'empilement propre */
}

.ma-section-overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--color-bleu);
  opacity: 0.3;
  z-index: -1; /* l'overlay passe derrière le contenu */
  pointer-events: none;
}

.ma-section-overlay > * {
  position: relative;
  z-index: 1;
}