body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

#Accueil {
  border: 0px none solid;
  width: auto;
  height: auto;
  background-image: url("malick3.jpg");
  background-size: 100% 100%;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#entete-accueil {
  border: 1px none solid;
  width: 100%;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.entete-accueil-items {
  cursor: pointer;
}

#middle-accueil {
  border: 1px none solid;
  width: 100%;
  height: 520px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 15px;
}

.midd {
  border: 1px none solid;
  width: auto;
  height: auto;
}

.style-middle-h1 {
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 90px;
}

.style-middle-h3 {
  font-family: 'Shadows Into Light', cursive;
  font-size: 55px;
}

.style-middle-h33 {
  font-family: 'Shadows Into Light', cursive;
  font-size: 35px;
}

#middle-accueil-end {
  border: 1px none solid;
  width: 100%;
  height: auto;
}

.end-accueil {
  border: 1px none solid;
  width: 100%;
  height: 100px;
}

#img-end-accueil {
  border: 1px none solid;
  width: 100%;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1%;
          column-gap: 1%;
}

.img-end-accueil-style-items {
  border: 1px none solid;
  width: auto;
  height: auto;
  border-radius: 100% 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: white;
  padding: 0.6%;
}

#link-start-get {
  border: 1px none solid;
  width: auto;
  height: auto;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#link-start-get-aHref:link {
  text-decoration: none;
  color: white;
  border: 5px none solid;
  width: 10%;
  height: auto;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: small;
  background-color: aqua;
  text-shadow: 0 0 5px none;
  -webkit-filter: drop-shadow(0 0 5px grey);
          filter: drop-shadow(0 0 5px grey);
}

#image-profil {
  border: 1px none solid;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 5%;
  padding-bottom: 5%;
  -webkit-column-gap: 3%;
          column-gap: 3%;
}

#profil {
  border: 8px white solid;
  width: 36.6%;
  height: 550px;
  background-image: url("chat.jpg");
  background-size: 100% 100%;
  -webkit-box-shadow: 0 0 15px grey;
          box-shadow: 0 0 15px grey;
  -webkit-filter: drop-shadow(0 0 15px grey);
          filter: drop-shadow(0 0 15px grey);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#description-profil {
  border: 1px none solid;
  width: 37.5%;
  height: 580px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1%;
}

.deux_point {
  margin-left: 20px;
  margin-right: 20px;
}

.description-profil-items {
  border: 1px none solid;
  width: 100%;
}

#description-profil-items-entete {
  height: 35%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 5%;
}

#description-profil-items-personnelsInfos {
  height: 40%;
  font-size: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 7%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
}

.description-profil-items-personnelsInfos-Items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-column-gap: 2%;
          column-gap: 2%;
}

.label {
  width: 100px;
  font-weight: bold;
}

#description-profil-items-linksContact {
  height: 12%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-column-gap: 2%;
          column-gap: 2%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.linksContact-items {
  border: 1px none solid;
  width: auto;
  height: 40px;
  padding: 5%;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  border-radius: 3px;
  cursor: pointer;
  -webkit-column-gap: 5px;
          column-gap: 5px;
}

.link1 {
  background-color: #7adef7;
}

.link2 {
  background-color: #e96a6a;
}

.description-profil-items-enteteItems {
  border: 1px none solid;
  width: 100%;
  height: 50%;
}

#items-enteteItems-hello {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 35px;
  font-weight: bold;
  opacity: 0.5;
}

#items-enteteItems-presentation {
  font-size: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 7%;
}

#soft-do {
  border: 1px none solid;
  width: 100%;
  height: 500px;
  background-color: #f7f4f4;
}

#whatIDo {
  border: 0px none solid;
  width: 100%;
  height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 39px;
}

#bord4 {
  border: 0px none solid;
  width: 100%;
  height: 350px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 2%;
          column-gap: 2%;
}

.bord-item {
  border: 0px none solid;
  width: 270px;
  height: 270px;
  -webkit-box-shadow: 0 0 5px grey;
          box-shadow: 0 0 5px grey;
  -webkit-filter: drop-shadow(0 0 5px grey);
          filter: drop-shadow(0 0 5px grey);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 4%;
  background-color: white;
}

.bord-item:hover {
  width: 272px;
  height: 272px;
  -webkit-box-shadow: 0px 5px 5px grey;
          box-shadow: 0px 5px 5px grey;
}

.bord-item-icons {
  border: 1px none solid;
  width: 100%;
  height: 47%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bord-item-title {
  border: 1px none solid;
  width: 100%;
  height: 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: small;
}

.bord-item-texts {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 5%;
}

.text-item5 {
  border: 1px none solid;
  width: 100%;
  height: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 75%;
}

#exp-edu {
  border: 1px none solid;
  width: auto;
  height: 570px;
  padding-top: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 20px;
          column-gap: 20px;
}

#edu {
  border: 1px none solid;
  width: 35%;
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 10px;
  -webkit-column-gap: 10px;
          column-gap: 10px;
}

.ee-pp {
  font-size: 12px;
  color: gray;
}

#exp {
  border: 1px none solid;
  width: 35%;
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 10px;
  -webkit-column-gap: 10px;
          column-gap: 10px;
}

.bar-ee {
  border: 1px grey solid;
  width: 0px;
  height: 86%;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.icon-bar {
  border: 1px none solid;
  width: 45px;
  height: 45px;
  border-radius: 100%;
  background-image: url("5736352_bag_briefcase_business_finance_invest_icon.png");
  background-size: 100% 100%;
  background-color: #6f6feb;
}

.barfixe {
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.desc-ee {
  width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.desc-title {
  border: 1px none solid;
  width: 85%;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.desc-body {
  border: 1px none solid;
  width: 100%;
  height: auto;
}

.desc-body-items {
  border: 1px none solid;
  width: 100%;
  height: 125px;
  margin-bottom: 25px;
  background-color: #dad5d5;
  padding: 10px;
}

#remarkable {
  border: 1px none solid;
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f7f4f4;
}

#remarkable-title {
  border: 1px none solid;
  width: 100%;
  height: 133px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 32.5px;
}

#remarkable-buttons {
  border: 0px none solid;
  width: 30%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: white;
  -webkit-column-gap: 3%;
          column-gap: 3%;
}

.remarkable-buttons-items {
  border: 2px #4646f1 solid;
  width: auto;
  height: auto;
  padding: 13px;
  font-size: x-small;
  min-width: 30px;
  background-color: #c7c7f1;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 20%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#remarkable-images {
  border: 1px none solid;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 30px;
  padding-bottom: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 2.4%;
          column-gap: 2.4%;
  row-gap: 25px;
}

.remarkable-images-item1 {
  background-image: url("pc3.jpg");
  background-size: 100% 100%;
  border: 1px none solid;
  width: 370px;
  height: 230px;
}

.remarkable-images-item2 {
  background-image: url("pc1.jpg");
  background-size: 100% 100%;
  border: 1px none solid;
  width: 370px;
  height: 230px;
}

.remarkable-images-item3 {
  background-image: url("pc3.jpg");
  background-size: 100% 100%;
  border: 1px none solid;
  width: 370px;
  height: 230px;
}

.remarkable-images-item4 {
  background-image: url("pc3.jpg");
  background-size: 100% 100%;
  border: 1px none solid;
  width: 370px;
  height: 230px;
}

.remarkable-images-item5 {
  background-image: url("pc1.jpg");
  background-size: 100% 100%;
  border: 1px none solid;
  width: 370px;
  height: 230px;
}

.remarkable-images-item6 {
  background-image: url("pc3.jpg");
  background-size: 100% 100%;
  border: 10px none solid;
  width: 370px;
  height: 230px;
}

#remarkable-banner {
  border: 0px none solid;
  width: 100%;
  height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: url("steve4.jpg");
  background-size: 100% 100%;
  background-repeat: none;
  color: white;
}

.remarkable-banner-items {
  border: 0px none solid;
  width: 80%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 10px;
  -webkit-column-gap: 3%;
          column-gap: 3%;
  -webkit-box-flex: wrap;
      -ms-flex-positive: wrap;
          flex-grow: wrap;
}

.remarkable-banner-items-icons {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.remarkable-banner-value {
  font-size: 35px;
}

#contact {
  border: 0px none solid;
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 50px;
}

#contact-me {
  border: 0px none solid;
  width: 95%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#contact-border {
  border: 0px none solid;
  width: 86%;
  height: 80%;
  padding: 30px;
  -webkit-box-shadow: 5px 5px 8px 10px #e9e4e4;
          box-shadow: 5px 5px 8px 10px #e9e4e4;
  -webkit-filter: drop-shadow(5px 5px 8px 10px #e9e4e4);
          filter: drop-shadow(5px 5px 8px 10px #e9e4e4);
}

#contact-items {
  border: 0px none solid;
  width: auto;
  height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 20px;
          column-gap: 20px;
  padding: 30px;
  padding-bottom: 5px;
}

#contact-form {
  border: 0px none solid;
  width: 50%;
  height: auto;
  background-color: white;
}

#contact-address {
  border: 0px none solid;
  width: 50%;
  height: 300px;
}

.contact-title {
  border: 0px none solid;
  width: 100%;
  height: 50px;
  font-size: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#contact-map {
  border: 0px none solid;
  width: 100%;
  height: 425px;
  background-color: aqua;
}

#formulaire {
  border: 0px none solid;
  width: auto;
  height: auto;
  background-color: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 20px;
}

#name-email {
  border: 0px none solid;
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 20px;
}

#name {
  border: 0px none solid;
  width: 45%;
  height: 30px;
}

#email {
  border: 0px none solid;
  width: 45%;
  height: 30px;
}

#subject {
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#subject-item {
  width: 100%;
  height: 35px;
}

#texterea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

textarea {
  width: 100%;
}

#button-send {
  border: 0px none solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 50px;
}

#button-value {
  padding: 2%;
  width: auto;
  background-color: #5189f1;
  color: white;
  border-radius: 5px;
  font-size: 100%;
}

#address {
  border: 0.5px grey solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: auto;
}

#contact-address-icons-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0px none solid;
  width: 100%;
  height: 81px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 2.2%;
          column-gap: 2.2%;
}

.icon-contact {
  border: 0px none solid;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: blue;
}

.desc-contact {
  border: 0px none solid;
  width: 80%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 12px;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: 15px;
}

.desc-contact-items {
  border: 0px none solid;
  width: auto;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#end {
  border: 1px none solid;
  width: auto;
  height: 220px;
  background-color: #221b1b;
  color: white;
}

#img-footer-end {
  border: 0px white solid;
  width: 100%;
  height: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-column-gap: .9%;
          column-gap: .9%;
}

.img-footer-end-style {
  border: 0px none solid;
  width: auto;
  height: auto;
  border-radius: 100% 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: white;
  padding: 0.6%;
}

#text-icon-footer-end {
  border: 0px none solid;
  width: 100%;
  height: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.text-footer-end {
  border: 0px none solid;
  width: 100%;
  height: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 11px;
}

.testSize {
  width: 42px;
}

@media only screen and (max-width: 1300px) {
  #exp-edu {
    border: 1px none solid;
    width: auto;
    height: auto;
    padding-top: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px;
  }
  #edu {
    border: 1px none solid;
    width: 90%;
    height: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 10px;
  }
  .ee-pp {
    font-size: 12px;
    color: gray;
  }
  #exp {
    border: 1px none solid;
    width: 90%;
    height: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 10px;
    margin-top: 20px;
  }
}

@media only screen and (max-width: 1000px) {
  .midd {
    font-size: 30px;
  }
  #link-start-get-aHref:link {
    text-decoration: none;
    color: white;
    border: 5px none solid;
    width: 25%;
    height: auto;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 11px;
    background-color: aqua;
    text-shadow: 0 0 5px none;
    -webkit-filter: drop-shadow(0 0 5px grey);
            filter: drop-shadow(0 0 5px grey);
  }
  #middle-accueil {
    border: 1px none solid;
    width: 100%;
    height: 350px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 15px;
  }
  #image-profil {
    border: 1px none solid;
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-top: 5%;
    padding-bottom: 5%;
    -webkit-column-gap: 3%;
            column-gap: 3%;
  }
  #profil {
    border: 8px white solid;
    width: 38%;
    height: 300px;
    background-image: url("chat.jpg");
    background-size: 100% 100%;
    -webkit-box-shadow: 0 0 15px grey;
            box-shadow: 0 0 15px grey;
    -webkit-filter: drop-shadow(0 0 15px grey);
            filter: drop-shadow(0 0 15px grey);
  }
  #description-profil {
    border: 1px none solid;
    width: 50%;
    height: 550;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 5%;
  }
  .bord-item {
    border: 0px none solid;
    width: 270px;
    height: 270px;
    -webkit-box-shadow: 0 0 5px grey;
            box-shadow: 0 0 5px grey;
    -webkit-filter: drop-shadow(0 0 5px grey);
            filter: drop-shadow(0 0 5px grey);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 4%;
    background-color: white;
    margin-bottom: 10px;
  }
  .bord-item:hover {
    height: 270px;
  }
  #soft-do {
    border: 1px none solid;
    width: auto;
    height: auto;
    background-color: #f7f4f4;
  }
  .bord-item:hover {
    width: 270px;
    height: 272px;
    -webkit-box-shadow: 0px 5px 5px grey;
            box-shadow: 0px 5px 5px grey;
  }
  #description-profil-items-personnelsInfos {
    height: 40%;
    font-size: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 7%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 20px;
  }
  #whatIDo {
    border: 0px none solid;
    width: 100%;
    height: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 30px;
  }
  #entete-accueil {
    border: 1px none solid;
    width: 90%;
    height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .testSize {
    width: 38px;
  }
  #Accueil {
    border: 0px none solid;
    width: auto;
    height: auto;
    background-image: url("malick2.jpg");
    background-size: 100% 100%;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #bord4 {
    border: 0px none solid;
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 20px;
    -webkit-column-gap: 20px;
            column-gap: 20px;
    padding-bottom: 20px;
  }
  #name-email {
    border: 0px none solid;
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 20px;
  }
  #name {
    border: 0px none solid;
    width: 100%;
    height: 30px;
  }
  #email {
    border: 0px none solid;
    width: 100%;
    height: 30px;
  }
}

@media only screen and (max-width: 700px) and (max-width: 600px) {
  .midd {
    font-size: 22px;
  }
  #bord4 {
    border: 0px none solid;
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    row-gap: 10px;
  }
  #image-profil {
    border: 1px none solid;
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 5%;
    padding-bottom: 5%;
    -webkit-column-gap: 3%;
            column-gap: 3%;
  }
  #middle-accueil {
    border: 1px none solid;
    width: 100%;
    height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 15px;
    margin-top: 50px;
  }
  #profil {
    border: 8px white solid;
    width: 90%;
    height: 500px;
    background-image: url("chat.jpg");
    background-size: 100% 100%;
    -webkit-box-shadow: 0 0 15px grey;
            box-shadow: 0 0 15px grey;
    -webkit-filter: drop-shadow(0 0 15px grey);
            filter: drop-shadow(0 0 15px grey);
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 40px;
    margin: 15px;
  }
  #description-profil {
    border: 1px none solid;
    width: 100%;
    height: 580px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 5%;
    margin: 10px;
  }
  #whatIDo {
    border: 0px none solid;
    width: 100%;
    height: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 25px;
  }
  #contact-border {
    border: 0px none solid;
    width: 100%;
    height: 80%;
    padding: 30px;
    -webkit-box-shadow: 5px 5px 8px 10px #e9e4e4;
            box-shadow: 5px 5px 8px 10px #e9e4e4;
    -webkit-filter: drop-shadow(5px 5px 8px 10px #e9e4e4);
            filter: drop-shadow(5px 5px 8px 10px #e9e4e4);
  }
  #contact-items {
    border: 0px none solid;
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 30px;
            column-gap: 30px;
    padding-bottom: 5px;
  }
  #contact-form {
    border: 0px none solid;
    width: 100%;
    height: auto;
    background-color: white;
  }
  #contact-address {
    border: 0px none solid;
    width: 100%;
    height: 300px;
  }
  #contact-me {
    border: 0px none solid;
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .bord-item {
    width: 100%;
  }
  .bord-item:hover {
    width: 100%;
    height: 272px;
    -webkit-filter: drop-shadow(0 0 0 none);
            filter: drop-shadow(0 0 0 none);
  }
  #name-email {
    border: 0px none solid;
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 20px;
  }
  #name {
    border: 0px none solid;
    width: 100%;
    height: 30px;
  }
  #email {
    border: 0px none solid;
    width: 100%;
    height: 30px;
  }
  #contact {
    border: 0px none solid;
    width: 90%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
    margin-right: 0;
    padding: 30px;
    padding-bottom: 20px;
  }
  #entete-accueil {
    border: 1px none solid;
    width: 90%;
    height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .testSize {
    width: 35px;
  }
  #Accueil {
    border: 0px none solid;
    width: auto;
    height: auto;
    background-image: url("malick2.jpg");
    background-size: 100% 100%;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #description-profil-items-personnelsInfos {
    height: 40%;
    font-size: 70%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 7%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 10px;
  }
  #remarkable-banner {
    border: 0px none solid;
    width: 100%;
    height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-image: url("malick3.jpg");
    background-size: 100% 100%;
    background-repeat: none;
    color: white;
  }
}

@media only screen and (max-width: 400px) and (max-width: 100px) {
  .midd {
    font-size: 11px;
  }
  .style-middle-h33 {
    font-size: 6px;
  }
}
/*# sourceMappingURL=main.css.map */