@import 'https://fonts.googleapis.com/css2?family=Cairo:wght@700&family=Exo+2&display=swap';@import 'https://fonts.googleapis.com/css2?family=Cairo:wght@700&family=Exo+2&display=swap';*{box-sizing:border-box;margin:0px;padding:0px;font-size:16px;font-family:'Cairo',sans-serif;font-weight:700}* body header{background-color:#96c5dc;position:fixed;display:flex;justify-content:space-between;width:100%;height:100px;background-image:url("../Design/Assets/SVG/Merged bar-1.svg");padding:10px}* body header div #lange1{padding-left:10px;padding-right:10px;background-color:transparent;border-radius:10px;color:#1a519e;border:1px solid #1a519e;margin:20px;font-size:20px;text-decoration:none;outline:0}* body header div .Conseil__header{margin:20px;font-size:26px;text-decoration:none;color:black}* body header div .Acceil__header{margin:20px;font-size:26px;text-decoration:none;color:#1a519e}* body #general{position:absolute;top:100px;z-index:-10}* body #general #section1{width:100%;height:160px;background-image:url("../Design/Assets/SVG/En chiffres-3.svg");background-repeat:no-repeat;background-size:120%;background-position-x:-40px;text-align:center}* body #general #section1 #p__section1{width:100%;line-height:30px;margin:auto;color:#1078ad}* body #general #section2{padding:20px;display:flex;justify-content:space-evenly}* body #general #section2 #article1 #img__article1{width:500px;width:550px;margin:10px}* body #general #section2 #article2{padding:20px;text-align:center;width:550px}* body #general #section2 #article2 .h1__article2{color:#1078ad;font-size:23px}* body #general #section2 #article2 #p__article2{color:#7f7f7f;font-size:21px;text-align:center;line-height:40px}* body #general #section2 #article2 #demarer{font-size:23px;cursor:pointer;width:500px;height:45px;background-color:#1078ad;color:white;border-radius:6px;border:none;outline:0;margin:10px}* body #general #section3{width:500px;text-align:center;margin:auto;display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(3, 1fr)}* body #general #section3 #h1__section3{margin:auto;color:#1078ad;font-size:23px;grid-row:1/2;grid-column:1/3}* body #general #section3 #img1__section3{grid-row:2/3;grid-column:1/2}* body #general #section3 #img2__section3{grid-row:2/3;grid-column:2/3}* body #general #section3 #img3__section3{grid-row:3/4;grid-column:1/2}* body #general #section3 #img4__section3{grid-row:3/4;grid-column:2/3}* body #general #section4{background-color:#1078ad;padding:20px}* body #general #section4 h1{font-size:23px;color:#dce7e7;text-align:center}* body #general #section4 div{display:flex;justify-content:space-around}* body #general #section4 div #article1__section4{font-size:20px;color:white}* body #general #section4 div #article1__section4 span{font-size:20px;color:black}* body #general #section4 div #article2__section4{text-align:center;display:flex;flex-direction:column;justify-content:space-between;padding:40px}* body #general #section4 div #article2__section4 #h21__article2{font-size:20px;color:#f4cf1b}* body #general #section4 div #article2__section4 #h22__article2{font-size:20px;color:#1078ad;background-color:#f4cf1b;width:200px;padding:10px;border-radius:6px}* body #general #section4 div #article2__section4 a{text-decoration:none;color:white;border-bottom:1px solid #f4cf1b}* body #general aside{text-align:center;padding:10px;background-color:#96c5dc}* body #general aside h1{color:#1078ad}* body #general aside button{width:400px;background-color:#1078ad;border:none;border-radius:6px;color:white;cursor:pointer;outline:0}* body #general #footer1{width:100%;display:grid;height:400px;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(2, 1fr);justify-content:center;align-items:center}* body #general #footer1 #img__footer1{text-align:center;width:100%;grid-row:1/2;grid-column:1/4}* body #general #footer1 #div1__footer1{text-align:center;grid-row:2/3;grid-column:1/2;display:flex;flex-direction:column;align-items:center;justify-content:center}* body #general #footer1 #div1__footer1 #lange2{padding-left:10px;padding-right:10px;background-color:transparent;border-radius:10px;color:#1a519e;border:1px solid #1a519e;margin:20px;font-size:20px;text-decoration:none;outline:0}* body #general #footer1 #div1__footer1 .Conseil__header{margin:20px;font-size:26px;text-decoration:none;color:black}* body #general #footer1 #div1__footer1 .Acceil__header{margin:20px;font-size:26px;text-decoration:none;color:#1a519e}* body #general #footer1 #div2__footer1{text-align:center;line-height:40px;grid-row:2/3;grid-column:2/3}* body #general #footer1 #div2__footer1 #h21__div2__footer1{color:#1078ad;font-size:20px}* body #general #footer1 #div2__footer1 .h22__div2__footer1{color:#369d53;font-size:20px}* body #general #footer1 #p__footer1{grid-row:2/3;grid-column:3/4;width:550px;margin:10px;color:#7f7f7f;font-weight:100px}* body #general #footer2{height:60px;background-image:url("../Design/Assets/png/En chiffres-30@2x.png");background-repeat:no-repeat;background-size:100%}*{box-sizing:border-box;margin:0px;padding:0px;font-size:16px;font-family:'Cairo',sans-serif;font-weight:700}* body header{background-color:#96c5dc;position:fixed;display:flex;justify-content:space-between;width:100%;height:100px;background-image:url("../Design/Assets/SVG/Merged bar-1.svg");padding:10px}* body header div #lange1{padding-left:10px;padding-right:10px;background-color:transparent;border-radius:10px;color:#1a519e;border:1px solid #1a519e;margin:20px;font-size:20px;text-decoration:none;outline:0;cursor:pointer}* body header div .Conseil__header{margin:20px;font-size:26px;text-decoration:none;color:black}* body header div .Acceil__header{margin:20px;font-size:26px;text-decoration:none;color:#1a519e}* body #general{position:absolute;top:100px;z-index:-10}* body #general #section1{width:100%;height:160px;background-image:url("../Design/Assets/SVG/En chiffres-3.svg");background-repeat:no-repeat;background-size:120%;background-position-x:-40px;text-align:center}* body #general #section1 #p__section1{width:100%;line-height:30px;margin:auto;color:#1078ad}* body #general #section2{padding:20px;display:flex;justify-content:space-evenly}* body #general #section2 #article1 #img__article1{width:500px;width:550px;margin:10px}* body #general #section2 #article2{padding:20px;text-align:center;width:550px}* body #general #section2 #article2 .h1__article2{color:#1078ad;font-size:23px}* body #general #section2 #article2 #p__article2{color:#7f7f7f;font-size:21px;text-align:center;line-height:40px}* body #general #section2 #article2 #demarer{font-size:23px;cursor:pointer;width:500px;height:45px;background-color:#1078ad;color:white;border-radius:6px;border:none;outline:0;margin:10px}* body #general #section3{width:500px;text-align:center;margin:auto;display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(3, 1fr)}* body #general #section3 #h1__section3{margin:auto;color:#1078ad;font-size:23px;grid-row:1/2;grid-column:1/3}* body #general #section3 #img1__section3{grid-row:2/3;grid-column:1/2}* body #general #section3 #img2__section3{grid-row:2/3;grid-column:2/3}* body #general #section3 #img3__section3{grid-row:3/4;grid-column:1/2}* body #general #section3 #img4__section3{grid-row:3/4;grid-column:2/3}* body #general #section4{background-color:#1078ad;padding:20px}* body #general #section4 h1{font-size:23px;color:#dce7e7;text-align:center}* body #general #section4 div{display:flex;justify-content:space-around}* body #general #section4 div #article1__section4{font-size:20px;color:white}* body #general #section4 div #article1__section4 span{font-size:20px;color:black}* body #general #section4 div #article2__section4{text-align:center;display:flex;flex-direction:column;justify-content:space-between;padding:40px}* body #general #section4 div #article2__section4 #h21__article2{font-size:20px;color:#f4cf1b}* body #general #section4 div #article2__section4 #h22__article2{font-size:20px;color:#1078ad;background-color:#f4cf1b;width:200px;padding:10px;border-radius:6px}* body #general #section4 div #article2__section4 a{text-decoration:none;color:white;border-bottom:1px solid #f4cf1b}* body #general aside{text-align:center;padding:10px;background-color:#96c5dc}* body #general aside h1{color:#1078ad}* body #general aside button{width:400px;background-color:#1078ad;border:none;border-radius:6px;color:white;cursor:pointer;outline:0}* body #general #footer1{width:100%;display:grid;height:400px;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(2, 1fr);justify-content:center;align-items:center}* body #general #footer1 #img__footer1{text-align:center;width:100%;grid-row:1/2;grid-column:1/4}* body #general #footer1 #div1__footer1{text-align:center;grid-row:2/3;grid-column:1/2;display:flex;flex-direction:column;align-items:center;justify-content:center}* body #general #footer1 #div1__footer1 #lange2{padding-left:10px;padding-right:10px;background-color:transparent;border-radius:10px;color:#1a519e;border:1px solid #1a519e;margin:20px;font-size:20px;text-decoration:none;outline:0;cursor:pointer}* body #general #footer1 #div1__footer1 .Conseil__header{margin:20px;font-size:26px;text-decoration:none;color:black}* body #general #footer1 #div1__footer1 .Acceil__header{margin:20px;font-size:26px;text-decoration:none;color:#1a519e}* body #general #footer1 #div2__footer1{text-align:center;line-height:40px;grid-row:2/3;grid-column:2/3}* body #general #footer1 #div2__footer1 #h21__div2__footer1{color:#1078ad;font-size:20px}* body #general #footer1 #div2__footer1 .h22__div2__footer1{color:#369d53;font-size:20px}* body #general #footer1 #p__footer1{grid-row:2/3;grid-column:3/4;width:550px;margin:10px;color:#7f7f7f;font-weight:100px}* body #general #footer2{height:60px;background-image:url("../Design/Assets/png/En chiffres-30@2x.png");background-repeat:no-repeat;background-size:100%}

@import 'https://fonts.googleapis.com/css2?family=Cairo:wght@700&family=Exo+2&display=swap';
* {
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  font-size: 16px;
  font-family: 'Cairo',sans-serif;
  font-weight: 700; }
  * body header {
    background-color: #96c5dc;
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100px;
    background-image: url("../Design/Assets/SVG/Merged bar-1.svg");
    padding: 10px; }
    * body header div #lange1 {
      padding-left: 10px;
      padding-right: 10px;
      background-color: transparent;
      border-radius: 10px;
      color: #1a519e;
      border: 1px solid #1a519e;
      margin: 20px;
      font-size: 20px;
      text-decoration: none;
      outline: 0; }
    * body header div .Conseil__header {
      margin: 20px;
      font-size: 26px;
      text-decoration: none;
      color: black; }
    * body header div .Acceil__header {
      margin: 20px;
      font-size: 26px;
      text-decoration: none;
      color: #1a519e; }
  * body #general {
    position: absolute;
    top: 100px;
    z-index: -10; }
    * body #general #section1 {
      width: 100%;
      height: 160px;
      background-image: url("../Design/Assets/SVG/En chiffres-3.svg");
      background-repeat: no-repeat;
      background-size: 120%;
      background-position-x: -40px;
      text-align: center; }
      * body #general #section1 #p__section1 {
        width: 100%;
        line-height: 30px;
        margin: auto;
        color: #1078ad; }
    * body #general #section2 {
      padding: 20px;
      display: flex;
      justify-content: space-evenly; }
      * body #general #section2 #article1 #img__article1 {
        width: 500px;
        width: 550px;
        margin: 10px; }
      * body #general #section2 #article2 {
        padding: 20px;
        text-align: center;
        width: 550px; }
        * body #general #section2 #article2 .h1__article2 {
          color: #1078ad;
          font-size: 23px; }
        * body #general #section2 #article2 #p__article2 {
          color: #7f7f7f;
          font-size: 21px;
          text-align: center;
          line-height: 40px; }
        * body #general #section2 #article2 #demarer {
          font-size: 23px;
          cursor: pointer;
          width: 500px;
          height: 45px;
          background-color: #1078ad;
          color: white;
          border-radius: 6px;
          border: none;
          outline: 0;
          margin: 10px; }
    * body #general #section3 {
      width: 500px;
      text-align: center;
      margin: auto;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(3, 1fr); }
      * body #general #section3 #h1__section3 {
        margin: auto;
        color: #1078ad;
        font-size: 23px;
        grid-row: 1/2;
        grid-column: 1/3; }
      * body #general #section3 #img1__section3 {
        grid-row: 2/3;
        grid-column: 1/2; }
      * body #general #section3 #img2__section3 {
        grid-row: 2/3;
        grid-column: 2/3; }
      * body #general #section3 #img3__section3 {
        grid-row: 3/4;
        grid-column: 1/2; }
      * body #general #section3 #img4__section3 {
        grid-row: 3/4;
        grid-column: 2/3; }
    * body #general #section4 {
      background-color: #1078ad;
      padding: 20px; }
      * body #general #section4 h1 {
        font-size: 23px;
        color: #dce7e7;
        text-align: center; }
      * body #general #section4 div {
        display: flex;
        justify-content: space-around; }
        * body #general #section4 div #article1__section4 {
          font-size: 20px;
          color: white; }
          * body #general #section4 div #article1__section4 span {
            font-size: 20px;
            color: black; }
        * body #general #section4 div #article2__section4 {
          text-align: center;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          padding: 40px; }
          * body #general #section4 div #article2__section4 #h21__article2 {
            font-size: 20px;
            color: #f4cf1b; }
          * body #general #section4 div #article2__section4 #h22__article2 {
            font-size: 20px;
            color: #1078ad;
            background-color: #f4cf1b;
            width: 200px;
            padding: 10px;
            border-radius: 6px; }
          * body #general #section4 div #article2__section4 a {
            text-decoration: none;
            color: white;
            border-bottom: 1px solid #f4cf1b; }
    * body #general aside {
      text-align: center;
      padding: 10px;
      background-color: #96c5dc; }
      * body #general aside h1 {
        color: #1078ad; }
      * body #general aside button {
        width: 400px;
        background-color: #1078ad;
        border: none;
        border-radius: 6px;
        color: white;
        cursor: pointer;
        outline: 0; }
    * body #general #footer1 {
      width: 100%;
      display: grid;
      height: 400px;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: repeat(2, 1fr);
      justify-content: center;
      align-items: center; }
      * body #general #footer1 #img__footer1 {
        text-align: center;
        width: 100%;
        grid-row: 1/2;
        grid-column: 1/4; }
      * body #general #footer1 #div1__footer1 {
        text-align: center;
        grid-row: 2/3;
        grid-column: 1/2;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center; }
        * body #general #footer1 #div1__footer1 #lange2 {
          padding-left: 10px;
          padding-right: 10px;
          background-color: transparent;
          border-radius: 10px;
          color: #1a519e;
          border: 1px solid #1a519e;
          margin: 20px;
          font-size: 20px;
          text-decoration: none;
          outline: 0; }
        * body #general #footer1 #div1__footer1 .Conseil__header {
          margin: 20px;
          font-size: 26px;
          text-decoration: none;
          color: black; }
        * body #general #footer1 #div1__footer1 .Acceil__header {
          margin: 20px;
          font-size: 26px;
          text-decoration: none;
          color: #1a519e; }
      * body #general #footer1 #div2__footer1 {
        text-align: center;
        line-height: 40px;
        grid-row: 2/3;
        grid-column: 2/3; }
        * body #general #footer1 #div2__footer1 #h21__div2__footer1 {
          color: #1078ad;
          font-size: 20px; }
        * body #general #footer1 #div2__footer1 .h22__div2__footer1 {
          color: #369d53;
          font-size: 20px; }
      * body #general #footer1 #p__footer1 {
        grid-row: 2/3;
        grid-column: 3/4;
        width: 550px;
        margin: 10px;
        color: #7f7f7f;
        font-weight: 100px; }
    * body #general #footer2 {
      height: 60px;
      background-image: url("../Design/Assets/png/En chiffres-30@2x.png");
      background-repeat: no-repeat;
      background-size: 100%; }
      input.MyButton {
    border: none;
    margin: 0;
    text-align: justify;
    background: #1087c7;
    color: white;
    font-family: 'cairo', sans-serif;
    font-size: 24px;
    padding: 10px 99px;
    border-radius: 8px;
        }
        input.MyButton:hover {
        color: #ffff00;
        background: #000;
        border: 1px solid #fff;
        }