/*!
Theme Name: Où sont les poètes ? v5.0 - dec25
Theme URI: https://ousontlespoetes.fr/
Author: Anna Pichot - développement Michel Ravey
Author URI: https://www.michelravey.com/
Description: Où sont les poètes - Plateforme contributive de poésie géolocalisée
Version: 5.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ousontlespoetes
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

ousontlespoetes is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

body { margin:0; }
html, body { width:100%;height:100%; }


div {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

#infos {
  position:fixed;bottom:1.5rem;left;1.5rem;
  width:300px;height:150px;
  border:solid 1px tomato;
  z-index:100000;
  display:none;
}


/*
#choisirCoordonnees {
   /*position:fixed;bottom:1.5rem;right:1.5rem;
  width:fit-content;height:fit-content;
  padding:10px;background-color:#fff;
  border:solid 1px tomato;
  z-index:100000;
  
}
  */

#carteSelectionCoordonnees {
  position:relative;
  width:100%;height:400px;
  background-color:#fff;
  z-index:5000;
}
#carteSelectionCoordonnees .fermer {
  position:absolute;top:1.5rem;right:1.5rem;
  font-size:48px;text-transform: uppercase;
}



/* Masquer boutons zoom et crédit leaflet en bas à gauche */

      /* LEAFLET */
      .leaflet-control-container { position: absolute; width:500px;bottom:110px;left: 130px;display:none; } 
      .leaflet-control-zoom-in,
      .leaflet-control-zoom-out { display:none; }


.leaflet-tooltip-left:before {
        right: 0;
        margin-right: -12px;
        border-left-color: rgba(0, 0, 0, 0.4);
    }
    .leaflet-tooltip-right:before {
        left: 0;
        margin-left: -12px;
        border-right-color: rgba(0, 0, 0, 0.4);
    }
    .leaflet-tooltip-own {
        position: absolute;
        padding: 4px;
        background-color: rgba(0, 0, 0, 0.4);
        border: 0px solid #000;
        color: #000;
        white-space: nowrap;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none;
        box-shadow: 0 1px 3px rgba(0,0,0,0.4);
    }

    /*
    .leaflet-popup, .cartelArbre { 
      transition:all 1s ease-in;-webkit-transition:all 1s ease-in;-moz-transition:all 1s ease-in; 
    }
    .leaflet-popup-content-wrapper { width:100%;box-shadow: none;background:transparent;text-align:center; }
    .leaflet-popup-content { margin:0;width:100%; }
    .leaflet-popup-close-button { display:none; }

    */

    /* - - - - - - - - -
    // cacher la flèche / la pointe blanche du tooltip
    - - - - - - - - - 
    .leaflet-tooltip {
      padding:0;display:none;
    }
    .leaflet-popup-tip-container { display:none; }
    .leaflet-tooltip-left:before { display:none; }
    */

    #mapid { 
        position: relative;margin: 0 auto;
        width:100%;height: 100%;background:#fff;border:solid 0px blue; 
        transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in; 
    }
    #cartePourChoisir { 
        position: relative;
        width:100%;height: 100%;background:#fff;
    }

    .infobulle {
        position:absolute;top:-20px;
        text-align:center;
        font-family: 'InriaSans-Bold';font-size:14px;
    }

    .epingleAdresse {
      width:60px;height:60px;
      margin-left:-30px;margin-top:-60px;
      /* background-image:url(imgs/epingle-feuille-verte.svg); */
      background-image:url(imgs/epingle-1.png);
      background-size:contain;
      background-position: center center;
      background-repeat: no-repeat;
      /* transition:all 0.5s ease-in;-webkit-transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in; */
    }
    .epingleAdresse:hover {
      /* background-image:url(imgs/epingle-feuille-bleu-fonce.svg); */
      background-image:url(imgs/epingle-2.png);

    }
    /* quand on revient sur la carte (voir la carte) Allumer l'épingle du poème */
    .epingleAdresseAllume {
      width:60px;height:60px;
      margin-left:-30px;margin-top:-60px;
      /* background-image:url(imgs/epingle-feuille-verte.svg); */
      background-image:url(imgs/epingle-2.png);
      background-size:contain;
      background-position: center center;
      background-repeat: no-repeat;
      /* transition:all 0.5s ease-in;-webkit-transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in; */
    }
    .epingleAdresseInactif {
      width:60px;height:60px;
      margin-left:-30px;margin-top:-60px;
      background-image:url(imgs/epingle-feuille-vertClair.svg);
      background-size:contain;
      background-position: center center;
      background-repeat: no-repeat;
      transition:all 0.5s ease-in;-webkit-transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in;
    }
    .epingleAdresseInactif:hover {
      background-image:url(imgs/epingle-feuille-grise2.svg);
    }
    .addressPopup {
        position:absolute;margin-left:-125px;top:-20px;
    }
    .addressPopup2 {
        position:absolute;margin-left:-125px;top:-20px;border:solid 8px red;
    }


/* * * * * * * * * * * * 

PERSONNALISATION

* * * * * * * * * * * */  

.leaflet-popup, .cartelArbre { 
  transition:all 1s ease-in;-webkit-transition:all 1s ease-in;-moz-transition:all 1s ease-in; 
}
.leaflet-popup-content-wrapper { width:100%;box-shadow: none;background:transparent;text-align:center; }
.leaflet-popup-content { margin:0;width:100%; }
.leaflet-popup-close-button { display:none; }

/* - - - - - - - - -
cacher la flèche / la pointe blanche du tooltip
- - - - - - - - - */
.leaflet-tooltip {
  padding:0;display:none;
}
.leaflet-popup-tip-container { display:none; }
.leaflet-tooltip-left:before { display:none; }


.cartel-foret {
  position:absolute;
  z-index:10000;
  width:350px;height:350px;
  box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
  border:solid 8px #263660;
  display:flex;flex-direction:column;justify-content: center;align-items:center;

}
.cartel-foret-fond {
  position:absolute;width:100%;height:100%;
  background-color:#fff;
  opacity:0.95;
  z-index:100;
  border-radius: 25px;
  box-shadow: 5px 5px 10px 10px white;
}
.cartel-foret .cartel-infos {
  border-top: solid 2px #7da1a2;
  border-bottom: solid 2px #7da1a2;
  width:fit-content;
  padding:12px 0 18px 0; 
  z-index:200;
  text-align:center;
}
.cartel-infos a { text-decoration: none; }
.cartel-foret .cartel-title {
  font-family: 'Jaldi-Bold';
  font-size:44px;
  text-transform: uppercase;
  color:#000;
  padding-bottom:0;line-height:1.7em;
}
.cartel-foret .cartel-subtitle {
  font-family: 'InriaSans-Regular';
  font-size:32px;
  color: #7a85a0;line-height:1.7em;
}
.cartel-arbre {
  position:absolute;
  width:300px;height:300px;
  box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
  border:solid 0px #44bbc3;
  display:flex;flex-direction:column;justify-content: center;align-items:center;
  
}
.cartel-arbre-fond {
  position:absolute;width:100%;height:100%;
  background-color:#fff;
  opacity:0.95;
  z-index:100;
}
.cartel-arbre .cartel-infos {
  border-top: solid 0px #ced7dc;
  border-bottom: solid 0px #ced7dc;
  width:fit-content;
  padding:12px 10px 18px 10px; 
  z-index:200;
  text-align:center;
}
.cartel-arbre .cartel-title {
  font-family: 'Adelphe-FlorealSemiBoldItalic';
  font-size:24px;
  color:#000;
  padding-bottom:20px;line-height:1.3em;
}
.cartel-arbre .cartel-subtitle {
  /*font-family: 'Homoneta-Regular';*/
  font-family: 'Erode-Regular';
  font-size:15px;
  color: #000;line-height:1.4em;
}
.cartel-lieu {
  /*font-family: 'Homoneta-Regular';*/
  font-family: 'Erode-Regular';
  font-size:18px;
}



div {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}



#bandeau {
  position:fixed;
  top:0;left:0;
  width:100vw;height:180px;
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%);
  z-index:500;
  padding: 100px 0 0 3.3rem;
  font-family: 'Homoneta-Regular';
  /*font-family: 'Erode-Regular';*/
  font-size:24px;
  color: #000;line-height:1.3em;
}
#bandeau a:link, #bandeau a:visited { color:#000;text-decoration: none; }
#bandeau a:hover, #bandeau a:active { color:#00ffff;text-decoration: none; }

nav { display:none;}

nav .nav_item {
  display:inline;
}

#menu-hamburger {
  position:absolute;
	width:100px;height:110px;
	background:transparent;
	z-index:3000;
}


#titre {

  position:fixed;
  top:20px;left:3rem;
  border:solid 0px black;
  z-index:1000;
  font-family: 'Adelphe-FlorealSemiBoldItalic';
  font-size:48px;
  color:#000;
  text-transform: uppercase;
  cursor: pointer;
}
#titre a {
  transition:all 0.3s ease-in;
  -webkit-transition:all 0.3s ease-in;
  -moz-transition:all 0.3s ease-in;
}

#titre a:link, #titre a:visited { color:#000;text-decoration: none; }
#titre a:hover, #titre a:active { color:#00ffff;text-decoration: none; }




#membres {

  position:fixed;
  top:-1px;right:30px;
  width:100px;height:80px;
  font-family: 'Homoneta-Regular';
  /*font-family: 'Erode-Regular';*/
  font-size:24px;
  color: #000;line-height:1.3em;

  z-index:1000;
}
#membres a { 
  text-decoration: none; 
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
}
#membres a:link, #membres a:visited { color:#000; }
#membres a:hover, #membres a:active { color:#00ffff; }

/* #membres #compte-lien { font-size:20px; } */

#ecrire {

  position:fixed;
  top:26px;right:140px;
  width:42px;height:47px;
  /*background-image:url(imgs/stylo-bic-1.png);*/
  background-image:url(imgs/pen.svg);
  background-position:center center;
  background-size:contain;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index:1500;
  border:solid 0px black;
}
/*
#ecrire:hover {
  background-image:url(imgs/stylo-bic-2.png);
}
*/

.contenu-plein {
  position:fixed;
  top:0;right:-100%;
  width:100%;height:100%;
  z-index:10000;
  /* padding:6rem 3rem 3rem 3rem; */
  /*font-family: 'Homoneta-Regular';*/
  font-family: 'Erode-Regular';
  font-size:24px;
  color: #000;line-height:1.3em;
  background-color:#fff;
  overflow:auto;
}
.contenu-plein::-webkit-scrollbar { display:none; }

.contenu-plein-iframe {
  width:100%;height:100%;
}
.contenu-plein-iframe::-webkit-scrollbar { display:none; }


.contenu-droite {
  position:fixed;
  top:0;right:-66%;
  width:66%;height:100%;
  z-index:10000;
  /* padding:6rem 3rem 3rem 3rem; */
  /*font-family: 'Homoneta-Regular';*/
  font-family: 'Erode-Regular';
  font-size:24px;
  color: #000;line-height:1.3em;
  background-color:#fff;
  overflow:auto;
}
.contenu-droite::-webkit-scrollbar { display:none; }

.contenu-droite-iframe {
  width:100%;height:100%;
}
.contenu-droite-iframe::-webkit-scrollbar { display:none; }
  
#apropos {

  position:fixed;
  top:0;left:-66%;
  width:66%;height:100%;
  z-index:10000;
  padding:6rem 3rem 3rem 3rem;
  /*font-family: 'Homoneta-Regular';*/
  font-family: 'Erode-Regular';
  font-size:24px;
  color: #000;line-height:1.3em;
  background-color:#fff;
  overflow:auto;
  text-align: justify;
	text-justify: inter-word;

}
#apropos a { 
  word-wrap: break-word;
  word-break: break-all; 
}

#liste_poemes a:link, #liste_poemes a:visited { color:#000;text-decoration: none; }
#liste_poemes a:hover, #liste_poemes a:active { color:#0ff;text-decoration: none; }


.fermer {
  position:absolute;
  right:1.5rem;top:32px;
  width:40px;height:40px;
  background-image:url(imgs/croix.svg);
  background-position:center center;
  background-size:contain;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index:100;
}

#apropos::-webkit-scrollbar { display:none; }


/* * * * * * * * * * * * 

POEMES

* * * * * * * * * * * */  

#poeme, #poeme_author {
  position:relative;
  padding:6rem 3rem 3rem 3rem;
  /*font-family: 'Homoneta-Regular';*/
  font-family: 'Erode-Regular';
  font-size:24px;
  color: #000;line-height:1.3em;
  width:100%;max-width:800px;
  /* 
  text-align: justify;
  text-justify: inter-word;
  */
}

#poeme a {
  transition:all 0.3s ease-in;
  -webkit-transition:all 0.3s ease-in;
  -moz-transition:all 0.3s ease-in;
}

#poeme a:link, #poeme a:visited { color:#000;text-decoration: underline; }
#poeme a:hover, #poeme a:active { color:#00ffff;text-decoration: none; }

#poeme-fermer {
  position:fixed;
  right:45px;top:35px;
  width:40px;height:40px;
  background-image:url(imgs/croix.svg);
  background-position:center center;
  background-size:contain;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index:10000;
}
a { 
  text-decoration: none; 
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  
}
a:link, a:visited { color:#000; }
a:hover, a:active { color:#555; }

.poeme-titre img { 
  position:relative;display:inline;
  height:37px; margin-left:15px;top:4px;
}

.poeme-titre {
  position: relative;
  margin-bottom:0px;
  font-family: 'Adelphe-FlorealSemiBoldItalic';
  font-size:40px;
  color:#000;
  line-height:1.5em;
  padding-bottom:15px;
}

#poeme-contenu {

}

.author-bio {
  position:relative;
  margin-top:-15px;
  margin-bottom: 30px;
  font-size:18px;
  text-align: justify;
  text-justify: inter-word;
}

#lien_inscription {
  position:relative;
  margin-top:50px;
  font-family: 'Adelphe-FlorealSemiBoldItalic';
  font-size:25px;
}
#lien_inscription a {
  transition:all 0.3s ease-in;
  -webkit-transition:all 0.3s ease-in;
  -moz-transition:all 0.3s ease-in;
}

#lien_inscription a:link, #lien_inscription a:visited { color:#000;text-decoration: underline; }
#lien_inscription a:hover, #lien_inscription a:active { color:#0ff;text-decoration: none; }





.cartel-arbre a:link, .cartel-arbre a:visited { color:#000;text-decoration: underline; }
.cartel-arbre a:hover, .cartel-arbre a:active { color:#0ff;text-decoration: none; }





/* * * * * * * * * * * * 

CONTRIBUTION

* * * * * * * * * * * */  

.form-info {
  /*font-family: 'Homoneta-Regular';*/
  font-family: 'Erode-Regular';
  font-size:18px;
}

input[type=text] {
  width: 80%;
  height: 30px;
  padding: 10px 15px;
  border: 1px solid lightgrey;
  border-radius: 5px;
  background-color: #f8f8f8;

  /*font-family: 'Homoneta-Regular';*/
  font-family: 'Erode-Regular';
  font-size:16px;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  
}


textarea, #poeme-contenu {
  width: 80%;
  min-height: 200px;
  padding: 10px 15px;
  border: 1px solid lightgrey;
  border-radius: 5px;
  background-color: #f8f8f8;

  font-family: 'Erode-Regular';
  font-size:16px;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
}

input[type=text]:hover, textarea:hover {
  background-color:#fff;
}

input[type=submit], input[type=button] {
  width: fit-content;
  padding: 10px 15px;
  border: 1px solid lightgrey;
  border-radius: 5px;
  background-color: #lightgrey;

  font-family: 'Adelphe-FlorealSemiBoldItalic';
  font-size:24px;
}


.element_gris { color:#ccc; }


.poeme_envoi_message {
  color:#00ffff;
}

/* * * * * * * * * * * * 

LISTE DES POÈMES

* * * * * * * * * * * */  

#liste_poemes {
  width:100%;
  display:table;
}
#liste_poemes td { padding-bottom:15px; }


#poeme_author #liste_poemes { width:100%; }
#poeme_author #liste_poemes td:nth-child(1) {
  display:flex;align-content:flex-start;
  width:70%;
}
#poeme_author #liste_poemes td:nth-child(2) {
  width:30%;
}

td.liste_auteur, 
td.liste_carte, 
td.liste_modifier,
td.liste_supprimer { font-size:15px; }

td.liste_auteur { width:120px; }
td.liste_carte { width:100px; }
td.liste_modifier { width:80px; }
td.liste_supprimer { width:80px; }

#liste_poemes_resp { display:none;width:100%; }
#liste_poemes_resp td { padding-bottom:15px; }
#liste_poemes_resp td:nth-child(1) {
  display:flex;align-content:flex-start;
  width:70%;
}
#liste_poemes_resp td:nth-child(2) {
  width:30%;
}


.dialogue_supprimer_2 { position:relative;display:none; }



/* * * * * * * * * * * * 

TABLE SORTER

* * * * * * * * * * * */  


table { width:100%; }

table.tablesorter tr { cursor: pointer; }
table.tablesorter tr td { 
  border-bottom:solid 0px #f1edbc; 
  padding:10px;
  vertical-align:top;
  text-align: left;
  line-height: 1.4em;
}
/*table tr:first-child td { 
  font-family: 'Gilroy';font-size: 18px;
  color: #cdd5de;
  padding-bottom: 10px;
  border-top:solid 0px #eaeef1; 

}*/
table.tablesorter thead td { 
  font-family: 'Gilroy-Regular';font-size: 18px;
  color: #cdd5de;
  padding-bottom: 10px;
  border-top:solid 0px #eaeef1; 

}
table.tablesorter thead img { opacity:0; }

/* table.tablesorter td:nth-child(1) { 
  width:400px; } */

/*
table.tablesorter td:nth-child(1) { width:35%; }
table.tablesorter td:nth-child(2) { width:27%; }
table.tablesorter td:nth-child(3) { width:13%; }
table.tablesorter td:nth-child(4) { width:25%; }
*/

td a {
  text-decoration: none;
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
}
td a:link, td a:visited { color:#000; }
td a:hover, td a:active { color:#00ffff; }

td.cell-rea {
  /* font-family: parisplus-std, sans-serif; */
  font-family: parisplus-sombre, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #000;
}
td.cell-annee, td.cell-cat { 
  font-family: parisine-plus-std-gris, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  color: #000;
}
td.cell-cat img { display: inline-block;height:50px;width:auto; }
td.cell-lieu { 
  font-family: parisine-plus-std-gris, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #000;
}
.rea_sousTitre { font-family: 'Gilroy-Semibold';font-weight: 600;font-size:18px;color: #385277; }
.cell-rea-content { position:absolute;opacity:0;height:0;overflow:hidden; }

table.tablesorter td img { 
  display: inline-block;
  width: 32px;height: 15px;
  margin-right: 5px;
}

#recherche {
  position: relative;
  margin: 0 0 30px 0;
  /* width: 360px; */
  font-family: parisine-plus-std-gris, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  color: #000;
  border-bottom:solid 1px #ddd;  
}
#recherche input {
  border:0;outline:0;
  padding: 10px 0;
  font-family: parisine-plus-std-gris, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  color: #000;
  width:100%;
  opacity: 0.4;
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
}
#recherche input:hover { opacity:1; }