/*-------------Page d'accueil------------*/
::-webkit-scrollbar {
  width: 12px;
}
::-webkit-scrollbar-track {
  border-left: solid rgb(172, 172, 172) 1px;
  background-color: rgb(77, 77, 77);
}
::-webkit-scrollbar-thumb {
  border-left: solid rgb(172, 172, 172) 1px;
  background-color: #E31247 ;
}
::-webkit-scrollbar-button {
  height: 0px;
}
::-webkit-scrollbar-corner {
  background-color: black;
}
/*Style de la div de texte présentation*/
div .presentation{
  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: rgba(255, 255, 255, 0.7);
  padding: 2%;
  border-radius: 5px;
  font-size: 20px;
  line-height: 25px;
  margin: 10px 20px;
  height: 50%;
  box-shadow: 0px 0px 5px;
}
/*Divers contenants flex*/
.flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;

}
.center{
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: -5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 100px;
}
/*contenant flex centré*/
.flexcontainercenter{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
/*contenu flex*/
.flexbox{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 5px;
}
/*style du titre*/
.presentation h1{
  margin-top: 0px;
}
@media screen and (max-width: 750px){
  .presentation{
    margin-top: 80px!important;
  }
}
/*-----------------DÉBUT SLIDER--------------*/
.projet_objet{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  width: 100%;
  margin-top: 1%;
}
.slideshow-container-item .projet_objet {
  margin-top: 2%;
}
.slideshow-container-item a {
  font-size: 15px;
}
.slideshow-container{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 46%;
  height: 90%;
  margin: 2%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 5px;
  box-shadow: 3px 3px 5px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  align-self: center;
  min-height: 250px;
  min-width: 160px;
}
.slideshow-container-item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  min-width: 150px;
  height: auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 5px;
  box-shadow: 3px 3px 5px;
  min-height: 200px;
  cursor: pointer;
  margin: 20px 0 0 0;
  transition: all .2s ease;
  overflow: hidden;
}
.slideshow-container-item::-webkit-scrollbar {
  width: 7px;
}
.slideshow-container-item:hover{
  transform: scale(1.1);
}

.slideshow-container:before{
  position: absolute;
  height: 49px;
  width: 100%;
  content: "";
  background: rgb(77, 77, 77);
  border-radius: 5px 5px 0 0 ;
  border-bottom: 5px solid #E31247;
}
/*---------------------------------------*/


/*-------------Page Projets--------------*/
.carouselvitrine {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 45%;
  margin-right: 2%;
  margin-top: 2%;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 2px;
  box-shadow: 3px 3px 5px;
  height: auto;
}
.project_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 50vh;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  align-items: center;
  align-content: center;
  min-height: 280px;
}
@media screen and (max-width: 745px){
  .project_content{
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
    margin-top: 300px;
    justify-content: center;
  }
}
.recherche_projet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  width: 45%;
  margin-left: 2%;
}
/*Filtres*/
.lesfiltres {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
}
#filtre1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 75%;
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#filtre2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 75%;
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#filtre {
  width: 100%;
  height: 17px;
  margin: 0 5px;
}
.selection{
  width: 250px;
}
#titre_project {
  text-align: center;
  padding: 0;
  margin: 10px;
}
.case{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
select {
  text-align: center;
}
select .lt { text-align:center; }
/*Checkbox*/
.checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.header_vitrine {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  text-align: center;
  height: 55px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.share {
 width: 40px;
}
.imgshare {
  width: 40px;
  border-radius: 40px;
}
.slide_projet {
  width: 60% !important;
}
.titre_vitrine {
  text-align: center;
  padding: 0;
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.listeprojet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
  height: auto;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-bottom: 50px;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.group_carousel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
  height: 50vh;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

#searchbar{
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 width: 100%;
}

#searchbar i.material-icons{
  color: #000;
 }

.champ {
 width:50%;
 flex: 1;
 background: #fff;
 margin: 0 10px;
}
/*Responsive*/
@media screen and (max-height: 650px){
  .project_content{
    height: 70vh!important;
  }
}
@media screen and (max-width: 745px){
  .promogrp {
    flex-direction: column;
  }
  .listeprojet {
    margin-bottom: 150px;
    margin-top: 200px;
  }
  .group_carousel {
    margin-bottom: 30vh;
    margin-top: 30vh;
  }
  #filtre1, #filtre2 {
    width: 100%;
  }
  .case{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .grosse_div {
    margin-left: 5%;
  }
  label {
    font-size: 10px;
  }
  #titre_project, .vitrine {
    font-size: 12px;
  }
  .carouselvitrine{
    width: 100%;
    margin: 2%;
  }
  .recherche_projet{
    width: 100%;
    margin: 2%;
  }
  .img{
    height: 300px;
  }
  .input{
    width: 80%!important;
  }
  .contain{
    width: 70%!important;
    margin-top: 100px!important;
    margin-bottom: 50px!important;
  }
  .well{
    width: 70%!important;
    margin-top: 100px!important;
    margin-bottom: 50px!important;
    }
  .infoperso, .courriel, .ccourriel, .pass, .cpass {
    width: 80%!important;
  }
  .slideshow-container-item{
    width: 70%;
    margin-bottom: 7%;
  }
  .slideshow-container{
    width: 90%;
  }
}

@media screen and (max-width: 500px){
  .img {
    height: 200px!important;
  }
  span.responsiveTitre{
    display: block;
  }
}
@media screen and (max-width: 1088px){
  .caption {
    width: 90%!important;
  }
  .img {
    width: 80%!important;
    height: 400px;
  }
}
@media screen and (max-width: 1739px){
 .img {
  width: 300px;
  height: 190px;
}
.caption {
  width: 40%;
}
}
@media screen and (max-width: 320px){
    h2{
    font-size: 13px!important;
  }
  h3{
    font-size: 12px!important;
  }
}
@media screen and (max-width: 410px){
    h2 {
    font-size: 16px;
  }
  h4{
    font-size: 10px;
  }
  h3 {
    font-size: 13px;
  }
}
/*-------------Pop Up Projet------------*/
#overlay {
  left: 0px;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.678);
  width: 101%;
  height: 100vh;
  z-index: 10;
  position: fixed;
  overflow-y: scroll;
  display: flex;
  opacity: 0;
  align-items: center;
  visibility: hidden;
}
#popup {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: rgb(255, 255, 255);
  border-radius:2px 2px 2px 2px;
  position: fixed;
  width: 90%;
  height: 90%;
  left: -90%;
  bottom: 5%;
  top: 5%;
  z-index: 99;
  visibility: hidden;
  overflow-y:auto;
  min-height: 220px;
  box-shadow:1px 1px 20px 15px rgba(0,0,0,0.5);
  transform-origin: -100%;
  border-radius: 10px;
}
#popup::-webkit-scrollbar {
  width: 10px;
}
#popup a ,#close_popup{
  position: absolute;
  right: 1%;
  top: 1%;
  width:20px;
  height:20px;
  padding: 0px;
}
#close_popup{
  border-width:3px;
  border-style: solid;
  border-color:#E31247;
  border-radius:100%;
  background: -webkit-linear-gradient(-45deg, transparent 0%, transparent 46%, white 46%,  white 56%,transparent 56%, transparent 100%), -webkit-linear-gradient(45deg, transparent 0%, transparent 46%, white 46%,  white 56%,transparent 56%, transparent 100%);
  background-color:#E31247;
  box-shadow:0px 0px 2px 0.5px rgba(0,0,0,0.5);
  z-index: 200;
  cursor: pointer;
}
#close_popup:hover{
  transform: scale(1.2)
}
#popup .item__title {
  margin-top: 1%;
}
.item .item__title{
  transition: all.2s ease;
  color: white;
}
.carousel__item:hover{
  cursor: pointer;
}
.carousel__item:hover > .item > .item__title {
  text-decoration: underline;
}

.carousel__item > .item > .item__title:hover {
  transform: scale(1.2);
}

.carousel__item .item .item__title {
  height: 50px;
  line-height: 50px;
}


.item__image {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  width: 30vw;
  max-width: 450px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 120px;
  background-size: contain!important;
  background-repeat: no-repeat!important;
  background-position: center!important;
  height: 35vh;
}
.item__image__fullscreen {
	display: -webkit-box;
	display: -ms-flexbox;
  display: flex;
  width: 90%;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  background-size: contain !important;
  background-repeat: no-repeat!important;
  background-position: center!important;
  background-color: rgba(255, 255, 255, 0.7) !important;
  box-shadow: 0 0 5px;
  min-height: 50vh;
  border-radius: 10px;
}
.langages{
  display: flex;
  flex-direction: column;
}
.grpack{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 100%;
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.grpromo_groupe_user{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
          width: 100%;
          height: 100%;
}
.grpromo_groupe{
  height: 100%;
  width: auto;
  text-align: left;
}
.usergrp h3{
  text-align: center;
  margin-top: 0px;
}
.usergrp p{
font-size: 13px;
margin-bottom: 5px;
}
.usergrp{
  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;
  width: 30%;
  height: 100%;
}
.grdescription{
  text-align: left;
  height: 20vh;
  padding-bottom: 2%;
}
.grdescription h3{
  text-align: center;
}
@media screen and (max-width: 745px){
#popup{
    height: 80%;
    top: 15%;
  }
  #popup .item__title {
    font-size: 17px;
  }
}
/*-------------Page Contact------------*/
#formcontact {
  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;
  height: 700px;
  width: 100%;
}

#formcontact .flexbox {
  width: 95%;
  padding-top: 5%;
}

#nameid {
  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;
  width: 100%;
}

.namefield {
  width: 90%;
}

#namefield {
  width: 90%;
}

#mailid {
  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;
  width: 100%;
}

.mailfield {
  width: 90%;
}

#mailfield {
  width: 90%;
}

#messageid {
  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;
  height: 50%;
  width: 100%;
}

.messagefield {
  width: 90%;
  text-align: center;
}

#messagefield {
  border-radius: 10px;
  height: 90%;
  width: 60%;
  resize: none;
}

/*----------------------------------*/
/*------Inscription-Connexion-------*/
.well {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 5%;
  border-radius:5px;
  height: auto;
  width: 50%;
  min-width: 180px;
  margin-bottom: 2%;
  margin-top: 2%;
}
.container {
  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;
}
.contain {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 5%;
  border-radius: 5px;
  height: 30%;
  width: 40%;
  margin-bottom: 2%;
  margin-top: 2%;
}
form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.check {
  margin-bottom: 0px;
  margin-left: 10px;
}
.bouton{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: solid 1px;
}
.infoperso, .pseudo, .prenom, .nom, .courriel, .ccourriel, .pass, .cpass, .token{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}
.infoperso, .courriel, .ccourriel, .pass, .cpass, .token {
  width: 60%;
}
.blue {
  color: blue;
}

.form-group{
  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;
}
input {
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: 0;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-bottom: 1px solid #000;
  background: none;
  color: #000;
  height: 25px;
  margin-bottom: 0px;
  outline: none;
}
button {
  background-color: #E31247;
  border: none;
  color: white;
  padding: 4px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
.form-control {
  width: 100%;
}
.input{
  width: 40%;
}


.invalid {
  border-color: red;
}
.valid {
  border-color: green;
}
#error {
  color: red;
  display: inline;
}

#validate {
  color: green;
  display: inline;
}

.loader {
  display: none;
  border: 6px solid #f3f3f3;
  border-top: 6px solid #E31247;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  -webkit-animation: spin 0.4s linear infinite;
          animation: spin 0.4s linear infinite;
}

@keyframes spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

.validityNo, .validityNo:after {
  content: '✖';
  color: #f00;
  margin-bottom: 10px;
}

.validityYes, .validityYes:after {
  content: '✓';
  color: #26b72b;
  margin-bottom: 10px;
}
label{
  text-align: center;
}
.g-recaptcha {
  width: 80%;
}
/*----------------------------------*/
/*---------------PROFIL-------------*/
.iconProfil{
  width: 200px;
  height: 200px;
  max-width: 200px;
  max-height: 200px;
  min-height: 100px;
  min-width: 100px;
  border-radius: 50%;
  background: url('../img/user_default_grey.svg') center;
  background-size: contain;
  background-repeat: no-repeat;
}
.Promo, .group{
  width: 200px;
  text-align: center;
}
.modif {
  width: 100%;
  text-align: center;
}
.pickFile {
  text-align: center;
  display: inline-block;
  border-bottom: none;
  background: none;
  color: #000;
  height: 25px;
  margin-bottom: 10px;
  outline: none;
  min-width: 200px;
}
.send_icon{
  display: flex;
  width: 100%;
  justify-content: center;
}
.choose_icon{
  display: flex;
  justify-content: center;
  width: 100%;
}
.pick_icon{
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
}
@media screen and (max-width: 675px){
  .iconProfil{
  width: 150px;
  height: 150px;
  }
}
@media screen and (max-width: 1160px){
  .pn, .pe {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .dg {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  }
  .profil_champ {
   width: 80%!important;
  }
}
@media screen and (max-width: 300px){
  .dg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.pn, .dg, .pe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.infoperma{
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  width: 100%;
}
.profil_champ {
  width: 60%;
}
.name{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ident{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.promogrp{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mdpProfil, .mdpProfilNew {
  display: none!important;
}

[aria-label] {
  position: relative;
}

[aria-label]:after {
  content: attr(aria-label);
  display: none;
  position: absolute;
  top: 110%;
  left: 10px;
  z-index: 5000;
  pointer-events: none;
  padding: 8px 10px;
  line-height: 15px;
  white-space: nowrap;
  text-decoration: none;
  text-indent: 0;
  overflow: visible;
  font-size: .9em;
  font-weight: normal;
  color: #fff;
  text-shadow: 1px 0 1px #888;
  background-color: #412917;
  border-left: 6px solid #d37092;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 1px 2px 6px rgba(0,0,0,0.3);
  box-shadow: 1px 2px 6px rgba(0,0,0,0.3);
}

[aria-label]:hover:after, [aria-label]:focus:after {
  display: block;
}