.AlerteRed {background: rgba(255,0,0,0.45);}
.AlerteOrange {background: rgba(255,145,0,0.45);}
.AlerteGreen {background: rgba(0,200,40,0.45);}
.AlerteRedColor {color: rgba(255,0,0,0.45);}
.AlerteOrangeColor {color: rgba(255,145,0,0.45);}
.AlerteGreenColor {color: rgba(0,200,40,0.45);}

.ImgListeProfil {width:100%;max-height:200px;margin-top:-100px;border-radius:50%;z-index:4;}

.ProfilSousTitre
  {
    color:#518BC9;
    font-size:20px;
    font-family:'PT Sans';
  }
.ProfilTitre
  {
    text-align:center;
    background:#518BC9;
    color:white;
    padding:10px;
    border-radius:15px;
    font-size:26px;
    font-family:'PT Sans';
  }

.AfficheNbHeure
  {
    -webkit-border-radius:15px;
		-moz-border-radius:15px;
		border-radius:15px;
		-webkit-appearance: none;
    padding:5px;
    color:white;
  }
.AfficheProfilRubrique
  {
    padding:5px;
    margin-top:15px;
    clear:both;
    display:block;
    border-radius:15px;
    border-style: dotted;border-width: 1px;border-color: black;'>"
  }
.ProfilAlerte
  {
    border-style: solid;
    border-width: 2px;
    border-color: red;
    color:red;
    border-radius:40px;
    padding:20px;
    width:260px;
    text-align:center;
    font-size:18px;
  }
.ProfilOK
  {
    border-style: solid;
    border-width: 2px;
    border-color: green;
    color:green;
    border-radius:40px;
    padding:20px;
    width:260px;
    text-align:center;
    font-size:18px;
  }

.AfficheProfilTier1
  {
    float:left;
		width:28%;
		margin-right:1%;
    margin-left:2%;
  }
.AfficheProfilTier2
  {
    float:left;
		width:58%;
		margin-left:1%;
    margin-left:2%;
  }


.ImgProfilsLogo
  {
		-webkit-appearance: none;
    max-width:170px;
    margin-left:30px;
    margin-right:10px;
    float:left;
    border-radius:50%;
  }
.AdresseLogo
  {
    vertical-align:middle;
    width:40px;
    margin-right:10px;
  }
.ProfilTextExplicatif
  {
    font-size:13px;
    font-family: Montserrat;
    text-align: justify;
  }
.ImgPrestaPropo {width:20px;}
.ProfilNomEtablissement {font-family:Chivo;}
.AdresseLigne {width:100%;clear:both;display:block;margin-bottom:10px;}
.ProfilPrenom {font-family:Chivo;}
.ProfilNom {font-family:Chivo;}

.ChampBarreProfil10 {width:10%;}
.ChampBarreProfil33 {width:33%;}
.ChampBarreProfil35 {width:35%;}
.ChampBarreProfil40 {width:40%;}
.ChampBarreProfil45 {width:45%;}

.HrProfil70 {width:70%;margin-top:15px;margin-bottom:15px;}
.AfficheListePorfil{border:#4990E2 1px solid;border-radius:20px;height:300px;padding:10px;width:27%;margin-left:1%;margin-right:1%;float:left;margin-bottom:110px;}

@media(max-width: 800px)
{
  .AfficheListePorfil{height:500px;}
  .ImgListeProfil {width:200px;max-height:200px;}


  .AfficheProfilTier1
    {
      clear:both;display:block;
      width:98%;
    }
  .AfficheProfilTier2
    {
      clear:both;display:block;
      width:98%;
    }

  .ImgProfilsLogo
    {
  		width:100%;
  		max-width:100%;
      margin-left:0px;
      margin-right:0px;
      clear:both;
      display:block;
      margin-bottom:20px;
    }
  .AfficheNomPrenom
    {
      padding-bottom:10px;
      text-align:center;
    }
  .AfficheAdresse
    {
      clear:both;
      display:block;
      margin-left:5%;
      margin-right:5%;
    }
}