@font-face {
  font-family: 'Poppins';
  src: url('font/Poppins-Light.otf');  
}
@font-face {
  font-family: 'Poppins-LightItalic';
  src: url('font/Poppins-ExtraLight.otf');  
}


/* ********************************************************* */
/* CONTAINEURS                                               */
/* ********************************************************* */
body {
  padding: 0;
  margin: 0;
  font-family: "Poppins";
}
body i {
  font-family: "Poppins-LightItalic";
}
html, body, #map {
  height: 100%;
  width: 100%;
}


a:hover {
  text-decoration: none;
}

#containerInfosBasDeCarte {
  position: absolute;
  bottom: 0px;
  z-index: 2200; 
  background-color: #fff;
  opacity: 0.8;
  padding: 4px 10px;
  margin: 0; 
  color: #555;
  
}


#boutonsRight {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1100; 
}
#dropdownMenuMonProfil {  
  right: 10px;
}
#boutonLogin,
#myBoutonRondMonProfil,
#boutonLayers,
#boutonLocaliseMe,
#boutonContactMe,
#boutonOptionsGenerales,
#boutonAdmin {
  border-radius: 50%;
}

#titreH1PourSearchEngine {
  position: absolute;
  left: 57px;
  top: 10px;
  z-index: 1100; 
  font-size: 2rem;
  color: #0069d9;
  font-weight: 900;
}

#boutonsLeft {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 1100; 
}

#boutonsLeftBas {
  margin-top: 7px; 
  margin-bottom: 0px; 
  bottom: 10px; 
  left: 10px;
  position: absolute;
  z-index: 1100; 
}


.boutonDeSelectionLayer {
  border-radius: 50%;
}

.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}

#listingStatistiquesAAfficher button {
  padding: 4px 6px;
}

.whiteTxt {
  color: #FFF;
}

.clickMe:hover {
  cursor: pointer;
}
.clickMeHooverGris:hover {
  cursor: pointer;
  background-color: #EFEFEF;
}
.clickMeHoverTxtGris:hover {
  cursor: pointer;
  color: #EFEFEF;
}
.clickMeHoverTxtGrisMoyen:hover {
  cursor: pointer;
  color: #999;
}
.clickMeHoverBlue {
  cursor: pointer;
  color: #007bff;
}
.clickMeHoverBlue:hover {
  cursor: pointer;
  color: #035ab7;
}


.clickMeGris {
  color: #dadada;
}
.clickMeGris:hover {
  color: #c7c7c7;
  cursor: pointer;
}

.noMarginTop {
  margin-top: 0;
}
.noMarginBottom {
  margin-bottom: 0;
}
.noPaddingTop {
  padding-top: 0;
}
.noPadding {
  padding: 0;
}


/* ********************************************************* */
/* PARAMETRAGE DES POPUPS CARTO                              */
/* ********************************************************* */
.mini-btn {
  padding: 2px 4px;
  line-height: 0.8rem;  
  font-size: 0.7rem;
}

.lienCarouselPopupActif {
  color: #007bff;
}
.lienCarouselPopupActif:hover  {
  cursor: pointer;
  color: #035ab7;
}

.lienCarouselPopupInactif {
  color: #dadada;
}
.lienCarouselPopupInactif:hover  {
  color: #c7c7c7;
}

/* Popup specifique:  Cluster cartographique                         */
/* (ce n'est pas vraiment un popup car restant affiche en permanence */
/* des lors qu on dezomme un peu sur la carte)                       */
/* ***************************************************************** */

.clusterOnMap {
	width:2.5rem;
	height:2.5rem;
	background:#40bfzz;
	font: bold 1rem Arial;
	border-radius:50%;
	border: 3px solid #FFF;
	color:#fff;
  white-space: nowrap; /* interdiction de passer a la ligne */
  opacity: 1;
}
.clusterColor1 { background: #e3b952; }
.clusterColor2 { background: #e3aa52; }
.clusterColor3 { background:#e39b52; }
.clusterColor4 { background:#e38b52; }
.clusterColor5 { background:#e37e52; }
.clusterColor6 { background:#e37152; }
.clusterColor7 { background:#e36852; }
.clusterColor8 { background:#e35b52; }
.clusterColor9 { background:#cf4c43; }
.clusterColor10 { background:#b23a32; }



/* ********************************************************* */
/* PARAMETRAGE DES CHAMPS DE COMMENTAIRES                    */
/* ********************************************************* */
.boiteUnCommentaire {
  border-radius: 0;
  padding: 5px 7px; 
  background-color: #f6f6f6;  
  border: 1px solid #e7e7e7; 
}

/* Boutons associes a chaque commentaire */
.myCard {
  width: 3rem;  
  padding-bottom: 4px;
  border: none;
  background: none;
  color: #5a5a5a;
}
.myCard:hover {
  background-color: #e7e7e7;
  cursor: pointer;
}

.myCardlikeSelected {
  
  color: #fff;
}

/* ********************************************************* */
/* SURCHARGE BOOTSTRAP                                       */
/* ********************************************************* */
.btn,
.form-control {
  border-radius: 0;
}

.form-control {
    border: 1px solid #777;
}

/* Ma mise en page du label sur la boite du form */
.labelSurForm  {
  margin-bottom: 8px;
}
.labelSurForm label {
  margin: 0; 
  background-color: #FFF; 
  margin-left: 10px; 
  font-size: 0.9rem;
}
.labelSurForm .form-control {
  margin-top: -10px;
}

/* ********************************************************* */
/* SURCHARGE jquery-toggle-masters (bouton on/off)           */
/* ********************************************************* */
.toggle-light .toggle-on,
.toggle-light .toggle-off {
  font-size: 20px;
}
.toggle-light .toggle-on,
.toggle-light .toggle-select .toggle-inner .active {
  background: #45a31f;
  text-shadow: none;
}
.toggle-light .toggle-off,
.toggle-light .toggle-select .toggle-on {
  color: rgba(0, 0, 0, 0.6);
  text-shadow: none;
}

.myCitationBloc {
  background-color: #f5f5f5; 
  border-left: 5px solid #e7e7e7; 
  padding: 5px 5px 5px 10px;
  color: #333;
  font-style: italic;
}


/* ********************************************************* */
/* RAINBOW                            */
/* ********************************************************* */
.rainbow {
  background-image: linear-gradient(70deg, #9400D3, #9400D3, #4b0082, #4b0082, #0000ff, #00ff00, #ffff00, #ff7f00, #ff0000);

}

/* ********************************************************* */
/* LOGIN/SUBSCRIPTION FORM MODAL                             */
/* ********************************************************* */

#fenetreModal {
  z-index: 1500; 
}
.modal-backdrop {
  z-index: 1490; 
}
#contenuModal {
  border-radius: 0;
}
.modal-header {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
/* SURCHARGE COULEUR PLACEHOLDER BOOTSTRAP                   */
/* ********************************************************* */
.form-control::-webkit-input-placeholder { color: #D0D0D0; }  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color: #D0D0D0; }  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: #D0D0D0; }  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: #D0D0D0; }  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color: #D0D0D0; }  /* Microsoft Edge */

/* ******************************************************************** */
/* SYSTEME D EVALUATION                                                 */
/* ******************************************************************** */
.etoileDeNotationDesactivated {
  color: #a7a590;
}
.etoileDeNotationDesactivated:hover {
  color: #9b9983;
}
.etoileDeNotationActivated {
  color: #ddcf3c;
}
.etoileDeNotationActivated:hover {
  color: #d1c433;
}
#containerTexteNotationEnEtoile {
  color: #888;
}
#boutonAnnulerNotationGenerale {
  color: #fe9593
}
#boutonAnnulerNotationGenerale:hover {
  color: #f17f7d
}

/* Boutons du type TRES LGBT / LGBT / GRIENDLY etc... */
.boutonEvaluation {
  font-size: 1rem;
  padding: 3px 5px;
  margin: 5px 0;
  font-weight: 300;
  line-height: 1.2;
}
.boutonEvaluationOff {
  background-color: #f2f2f2;
  border: 1px solid #6c757d;
  color: #6c757d;
}
.boutonEvaluationOff:hover {
  cursor: pointer;
  background-color: #858585;
  color: #fff;
}
.boutonEvaluationOn {
  background-color: #858585;
  color: #fff;
  border: 1px solid #858585;
}


/* ********************************************************* */
/* BARRE LATERALE                                            */
/* ********************************************************* */
#barreLaterale,
#barreLateraleTampon {
  position: absolute;
  height:100%;
  max-height: 100%;
  z-index: 1010;
  background:#FFFFFF;
  width:400px;
  max-width: 90%;
  border:none; 
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  -moz-box-shadow: 10px 0px 10px -9px #DFDFDF;
  -webkit-box-shadow: 10px 0px 10px -9px #DFDFDF;
  -o-box-shadow: 10px 0px 10px -9px #DFDFDF;
  box-shadow: 10px 0px 10px -9px #DFDFDF;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#DFDFDF, Direction=90, Strength=10);
}
#barreLaterale{
  z-index: 1191; 
}
#barreLateraleTampon {
  z-index: 1190; 
}

.titreSectionAdmin {
  background: #5C6268;
  color: #FFF;
  width: 100%;
  text-align: center;
  font-size: 150%;
  font-weight: 900; 
  
}



/*  EVALUATION (Gauge / range...)                            */
/* ********************************************************* */
.smallRangeEvaluation {
  width: 60px;
}



.ratings {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  color: #f7f7f7;
  overflow: hidden;
}

.full-stars{
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
  overflow: hidden;
  color: #f3c672;
}

.empty-stars:before,
.full-stars:before {
  content: "\2605\2605\2605\2605\2605";
  font-size: 14pt;
}

.empty-stars:before {
  -webkit-text-stroke: 1px #e5e5e5;
}

.full-stars:before {
  -webkit-text-stroke: 1px #cda251;
}

/* Webkit-text-stroke is not supported on firefox or IE */
/* Firefox */
@-moz-document url-prefix() {
  .full-stars{
    color: #fde16d;
  }
}
/* IE */
<!--[if IE]>
  .full-stars{
    color: #fde16d;
  }
<![endif]-->

#bidon{
  display: none;
}


/*  ALERT                                                    */
/* ********************************************************* */
#fenetreAlertWarning{  
  position: absolute;
  bottom: 0px;
  width: 100%;
  z-index: 2000;  
  margin: 0px;
  padding: 0 15px;
}
#fenetreAlertWarningContainer{ 
  width: 600px;
  max-width: 90%;
}
 
#boxscroll {
	padding: 0px;
  height: 0;
	width: 100%;
	border: none;
	overflow: auto;
  
} 



/* Horaires du lieu (mode modif par membre)        */
/* *********************************************** */
.horairesDuLieuCourantEnModif { font-size: 0.4em} 

@media handheld, screen and (max-width: 399px) {
    .horairesDuLieuCourantEnModif {
        font-size: 0.87em;
        line-height: 1.07em;
    }
}
@media handheld, screen and (min-width: 400px) and (max-width: 499px) {
    .horairesDuLieuCourantEnModif {
        font-size: 0.95em;
        line-height: 1.15em;
    }
}
@media handheld, screen and (min-width: 500px) {
    .horairesDuLieuCourantEnModif {
        font-size: 1em;
        line-height: 1.2em;
    }
}



/* ******************************************************* */
/* MINIMAP en bandeau/banniere                             */
/* ******************************************************* */
#minimapBandeau {
  width: 100%; 
  height: 100px; 
  border: 1px solid #000; 
}
#calqueTranslucide{
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 10000;
 background-color: rgba(255,255,255,.7);
}
#texteDeMinimapBandeau{  
  font-size: 1em;
  padding: 6px 10px;
  color: #252525;
  width: 80%;
  margin: 20px auto;
  border-radius: 12px;
}

/* BOUTONS SELECTEURS DE GRAPHES                           */
/* ******************************************************* */
/* Ce sont les boutons qui permettent d activer/desactiver */
/* une courbe dans les graphes admin de statistiques       */
/* ******************************************************* */
/* Cette section est DEPRECIEE et seta bientot OBSOLETE    */
/* ******************************************************* */
.myFormStatistiques {
  border: 1px solid #000;
  border-radius: 0;

  -webkit-appearance: none;
}
.myFormStatistiques:hover {   
  cursor: pointer;
}
.myBtnSelecteurDeGraphe {
  border-style: solid;
  border-width: 2px;
  font-size: 0.9rem;
  line-height: 0.95rem;
  font-weight: 800;
  padding: 3px 5px;
  margin: 2px 3px;
  -moz-border-radius:1rem;
  -webkit-border-radius:1rem;
  border-radius:1rem;
}

/* Bouton Nb VISITES TOTALES (bleu-mauve) */
.myBtnSelecteurDeGraphe.myBtnSelecteurDeGrapheVisitesTotales.inactif {
  border-color: #615fb8; 
  color: #615fb8;
  background-color: #FFF; 
}
.myBtnSelecteurDeGraphe.myBtnSelecteurDeGrapheVisitesTotales.inactif:hover {
  border-color: #615fb8; 
  color: #615fb8;
  background-color: #eeeef5;   
  cursor: pointer;
}
.myBtnSelecteurDeGraphe.myBtnSelecteurDeGrapheVisitesTotales.actif {
  border-color: #615fb8;
  color: #FFF;
  background-color: #615fb8;  
}
.myBtnSelecteurDeGraphe.myBtnSelecteurDeGrapheVisitesTotales.actif:hover {
  border-color: #7978c0;
  color: #FFF;
  background-color: #7978c0;  
  cursor: pointer;
}


/* Bouton Nb VISITEURS UNIQUES (mauve) */
.myBtnSelecteurDeGraphe.myBtnSelecteurDeGrapheVisiteursUniques.inactif {
  border-color: #ac5aab; 
  color: #ac5aab;
  background-color: #FFF; 
}
.myBtnSelecteurDeGraphe.myBtnSelecteurDeGrapheVisiteursUniques.inactif:hover {
  border-color: #ac5aab; 
  color: #ac5aab;
  background-color: #f8f4f8;   
  cursor: pointer;
}
.myBtnSelecteurDeGraphe.myBtnSelecteurDeGrapheVisiteursUniques.actif {
  border-color: #ac5aab;
  color: #FFF;
  background-color: #ac5aab;  
}
.myBtnSelecteurDeGraphe.myBtnSelecteurDeGrapheVisiteursUniques.actif:hover {
  border-color: #ac5aab;
  color: #FFF;
  background-color: #b574b4;  
  cursor: pointer;
}


/* Bouton Nb VUES POPUPS DE LIEUX (rouge) */
.myBtnSelecteurDeGraphe.myBtnSelecteurDeGrapheVuesPopups.inactif {
  border-color: #bd4242; 
  color: #bd4242;
  background-color: #FFF; 
}
.myBtnSelecteurDeGraphe.myBtnSelecteurDeGrapheVuesPopups.inactif:hover {
  border-color: #bd4242; 
  color: #bd4242;
  background-color: #f8f4f8;   
  cursor: pointer;
}
.myBtnSelecteurDeGraphe.myBtnSelecteurDeGrapheVuesPopups.actif {
  border-color: #bd4242;
  color: #FFF;
  background-color: #bd4242;  
}
.myBtnSelecteurDeGraphe.myBtnSelecteurDeGrapheVuesPopups.actif:hover {
  border-color: #bd4242;
  color: #FFF;
  background-color: #c66262;  
  cursor: pointer;
}

/* Bouton Nb VUES DES LIEUX (jaune-orange) */
.myBtnSelecteurDeGraphe.myBtnSelecteurDeGrapheVuesLieux.inactif {
  border-color: #be9b3c; 
  color: #be9b3c;
  background-color: #FFF; 
}
.myBtnSelecteurDeGraphe.myBtnSelecteurDeGrapheVuesLieux.inactif:hover {
  border-color: #be9b3c; 
  color: #be9b3c;
  background-color: #f5f1e8;   
  cursor: pointer;
}
.myBtnSelecteurDeGraphe.myBtnSelecteurDeGrapheVuesLieux.actif {
  border-color: #be9b3c;
  color: #FFF;
  background-color: #be9b3c;  
}
.myBtnSelecteurDeGraphe.myBtnSelecteurDeGrapheVuesLieux.actif:hover {
  border-color: #be9b3c;
  color: #FFF;
  background-color: #cdb063;  
  cursor: pointer;
}

/* Bouton Nb MEMBRES (vert) */
.myBtnSelecteurDeGraphe.myBtnSelecteurDeGrapheNbMembres.inactif {
  border-color: #399f33; 
  color: #399f33;
  background-color: #FFF; 
}
.myBtnSelecteurDeGraphe.myBtnSelecteurDeGrapheNbMembres.inactif:hover {
  border-color: #399f33; 
  color: #399f33;
  background-color: #eff8ee;   
  cursor: pointer;
}
.myBtnSelecteurDeGraphe.myBtnSelecteurDeGrapheNbMembres.actif {
  border-color: #399f33;
  color: #FFF;
  background-color: #399f33;  
}
.myBtnSelecteurDeGraphe.myBtnSelecteurDeGrapheNbMembres.actif:hover {
  border-color: #399f33;
  color: #FFF;
  background-color: #59b053;  
  cursor: pointer;
}

/* Bouton Nb NOUVEAUX MEMBRES (bleu turquoise) */
.myBtnSelecteurDeGraphe.myBtnSelecteurDeGrapheNbNouveauxMembres.inactif {
  border-color: #30927c; 
  color: #30927c;
  background-color: #FFF; 
}
.myBtnSelecteurDeGraphe.myBtnSelecteurDeGrapheNbNouveauxMembres.inactif:hover {
  background-color: #f0f9f6;   
  cursor: pointer;
}
.myBtnSelecteurDeGraphe.myBtnSelecteurDeGrapheNbNouveauxMembres.actif {
  color: #FFF;
  background-color: #30927c;  
}
.myBtnSelecteurDeGraphe.myBtnSelecteurDeGrapheNbNouveauxMembres.actif:hover {
  color: #FFF;
  background-color: #4ca28e;  
  cursor: pointer;
}
/* BADGES ADRESSES ET ICONES DE TYPE DE LIEU               */
/* ******************************************************* */
/* Les icones de type de lieu FA ne sont pas assez         */
/* responsive (cas du badge lieu en popup carte).          */
/* Du coup on adapte a la taille de l ecran                */
/* ******************************************************* */
#logoLieuDansBadgeAdressePopup { font-size: 3.8em} 

@media handheld, screen and (max-width: 399px) {
    #logoLieuDansBadgeAdressePopup {
        font-size: 3.8em;
    }
}
@media handheld, screen and (min-width: 400px) and (max-width: 799px) {
    #logoLieuDansBadgeAdressePopup {
        font-size: 4.3em;
    }
}
@media handheld, screen and (min-width: 800px) {
    #logoLieuDansBadgeAdressePopup {
        font-size: 4.8em;
    }
}

/* Les icones de type de lieu FA ne sont pas assez         */
/* responsive. Du coup on adapte a la taille de l ecran    */
/* ******************************************************* */
#logoTypeLieuDansBadgeAdresse ,
#logoTypeLieuDansVueLieuTampon { font-size: 3em} 

@media handheld, screen and (max-width: 399px) {
    #logoTypeLieuDansBadgeAdresse,
    #logoTypeLieuDansVueLieuTampon  {
        font-size: 3em;
    }
}
@media handheld, screen and (min-width: 400px) and (max-width: 799px) {
    #logoTypeLieuDansBadgeAdresse,
    #logoTypeLieuDansVueLieuTampon {
        font-size: 5em;
    }
}
@media handheld, screen and (min-width: 800px) {
    #logoTypeLieuDansBadgeAdresse,
    #logoTypeLieuDansVueLieuTampon {
        font-size: 6em;
    }
}

/* Logos de taille ajustable (idem a precedemment) */
/* *********************************************** */
#logoTailleVariable { font-size: 3em} 

@media handheld, screen and (max-width: 399px) {
    #logoTailleVariable {
        font-size: 3em;
    }
}
@media handheld, screen and (min-width: 400px) and (max-width: 799px) {
    #logoTailleVariable {
        font-size: 4.2em;
    }
}
@media handheld, screen and (min-width: 800px) {
    #logoTailleVariable {
        font-size: 4.6em;
    }
}