/* Annuaire des acteurs EEE [carte_acteur_EEE] : même style que le répertoire des retours d'expériences
   ([repExpl], /repertoire-exemples) : vert #53833f, marine #29235C, pilules 40px, coins 0 40px 0 40px.
   Le balisage et le JS d'origine sont conservés ; seul l'habillage change. */

/* ponytail: la ligne Divi qui contient le shortcode (page 3489, section 2) a un fond vert #548235 réglé dans Divi ;
   surchargé ici plutôt qu'en modifiant la page en base. À retirer si le fond est enlevé dans Divi. */
body.page-id-3489 .et_pb_section_2 .et_pb_row{background-color:#fff!important}
/* Bouton Divi « Proposer un acteur EEE » de cette ligne : texte et bordure blancs prévus pour le fond vert -> fond vert ici */
body.page-id-3489 .et_pb_section_2 .et_pb_button{background-color:#53833f!important;border-color:#53833f!important;color:#fff!important;margin-top:2rem}
body.page-id-3489 .et_pb_section_2 .et_pb_button:hover,body.page-id-3489 .et_pb_section_2 .et_pb_button:focus-visible{background-color:#29235C!important;border-color:#29235C!important}

#choisir-affichage,#form-acteurs,#map-acteurs,#liste-acteurs{font-family:'Lato',Helvetica,Arial,Lucida,sans-serif;color:#29235C}

/******************************************/
/************** LISTE / CARTE *************/
/******************************************/
#choisir-affichage{background:#fff;padding:2.5rem 0 1.5rem}
#choisir-affichage .col-12{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}
#choisir-affichage span{font-size:28px;font-weight:900;margin-right:auto}
#choisir-affichage a{order:1;cursor:pointer;padding:.4rem 1.4rem;border:1px solid #53833f;border-radius:40px;background:#F0F6F0;color:#53833f;font-weight:700;text-decoration:none}
#choisir-affichage a.actif,#choisir-affichage a:hover{background:#53833f;color:#fff}

/******************************************/
/************** FORMULAIRE ****************/
/******************************************/
#form-acteurs{padding:0 0 1.5rem}
form.carte_projet{background:#fff;border:1px solid #53833f;border-radius:0 40px 0 40px;padding:1.5rem 2rem;color:#29235C}
form.carte_projet .row{row-gap:1rem}
form.carte_projet .row > [class*="col-"]{flex:1 1 14rem;width:auto;max-width:none;margin-bottom:0}
form.carte_projet .row.justify-content-end > [class*="col-"]{flex:0 0 auto}
/* Ligne des 5 listes déroulantes : grille régulière (sinon la 5e s'étire seule sur toute la largeur) */
form.carte_projet > .row:nth-child(2){display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:1rem 1.5rem;margin:1rem 0}
form.carte_projet > .row:nth-child(2) > [class*="col-"]{padding:0}
.carte_projet p{display:block;color:#29235C;font-weight:700;font-size:15px;margin-bottom:.4rem;padding:0;text-transform:uppercase;letter-spacing:.03em}
.carte_projet input[type="text"],.carte_projet .select{display:block;width:100%;border:1px solid #53833f;border-radius:40px;padding:.65rem 1.2rem;background:#fff;color:#29235C;font-size:16px;line-height:1.4;font-family:inherit}
/* Listes déroulantes natives (au lieu du libellé superposé de l'ancien thème) : lisibles et accessibles au clavier */
.carte_projet .label{display:none}
.select-box{position:relative;width:100%}
.carte_projet .select{position:static;opacity:1;height:auto;appearance:none;cursor:pointer;padding-right:2.5rem;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2353833f' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 1.1rem center}
.carte_projet input:focus,.carte_projet .select:focus,#choisir-affichage a:focus,#liste a:focus-visible,#popup a:focus-visible{outline:2px solid #29235C;outline-offset:2px}
.carte_projet input.btn-rep{display:block;width:100%;margin:0;border:1px solid #53833f;border-radius:40px;padding:.65rem 1.6rem;background:#53833f;color:#fff;font-weight:700;font-size:16px;font-family:inherit;line-height:1.4;cursor:pointer}
.carte_projet input.btn-rep[type="reset"]{background:#29235C;border-color:#29235C}
.carte_projet input.btn-rep[type="submit"]:hover{background:#fff;color:#53833f}

/******************************************/
/************** CARTE *********************/
/******************************************/
#map-acteurs{padding-bottom:3rem}
#map{height:600px;width:100%;border:1px solid #53833f;border-radius:0 40px 0 40px;overflow:hidden;background:#fff}

/******************************************/
/************** LISTE *********************/
/******************************************/
#liste-acteurs{display:none;padding-bottom:3rem}
#liste{display:grid;gap:1rem;max-height:none;height:auto;overflow:visible;padding:0}
#liste .outer-article{margin:0;padding:0;border:0}
#liste article.post.hentry{display:flex;gap:1.5rem;align-items:center;margin:0;background:#fff;border:1px solid #53833f;border-radius:0 40px 0 40px;padding:1.2rem 1.5rem;color:#29235C}
#liste article.post.hentry .entry-thumbnail{flex:0 0 140px;max-width:140px;margin:0}
#liste article.post.hentry .entry-thumbnail img{max-width:100%;max-height:110px;object-fit:contain}
#liste .entry-content-block{flex:1}
#liste .entry-content-block h2.entry-title{font-size:22px;line-height:1.2;font-weight:900;margin:0;padding:0 0 .3rem}
#liste .entry-content-block h2.entry-title a{color:#29235C;text-decoration:none}
#liste .entry-content-block h2.entry-title a:hover{color:#53833f}
#liste .entry-content{margin:0;padding:0 0 .5rem;color:#53833f;font-weight:700;font-size:15px}
#liste a.read-more{display:inline-block;padding:.35rem 1.2rem;border-radius:40px;background:#53833f;color:#fff;font-weight:700;text-decoration:none}
#liste a.read-more:hover{background:#29235C;color:#fff}

/* Pagination de la liste */
.aa-pages{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem;color:#29235C;font-weight:700}
.aa-pages button{border:1px solid #53833f;border-radius:40px;padding:.45rem 1.3rem;background:#53833f;color:#fff;font-weight:700;font-family:inherit;cursor:pointer}
.aa-pages button:hover{background:#29235C;border-color:#29235C}
.aa-pages button:disabled{background:#F0F6F0;color:#707070;border-color:#ccc;cursor:default}
.aa-pages button:focus-visible{outline:2px solid #29235C;outline-offset:2px}
.aa-vide{font-style:italic;color:#29235C}

/******************************************/
/************** POPUP *********************/
/******************************************/
#popup{position:absolute;background:#53833f;box-shadow:0 1px 4px rgba(0,0,0,.25);filter:none;padding:15px 30px 10px 15px;border:0;border-radius:10px;bottom:12px;left:-50px;min-width:280px;max-width:360px;color:#fff;font-family:'Lato',Helvetica,Arial,Lucida,sans-serif}
#popup:after,#popup:before{top:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
#popup:after{border-top-color:#53833f;border-width:10px;left:48px;margin-left:-10px}
#popup:before{display:none}
#popup .popup-content{text-align:left;line-height:1.3;padding-bottom:.4rem}
#popup a{color:#fff;font-weight:700}
#popup .ol-popup-closer{position:absolute;top:4px;right:10px;text-decoration:none!important;font-weight:400;box-shadow:none}
#popup .ol-popup-closer:after{content:"✖"}

/******************************************/
/************** MOBILE ********************/
/******************************************/
@media (max-width:768px){
  #choisir-affichage{padding:1.5rem 0 1rem}
  #choisir-affichage span{font-size:22px;width:100%}
  form.carte_projet{padding:1.2rem}
  form.carte_projet .row.justify-content-end > [class*="col-"]{flex:1 1 40%}
  #map{height:70vh}
  #liste article.post.hentry{flex-direction:column;align-items:flex-start}
  #liste article.post.hentry .entry-thumbnail{flex-basis:auto}
}