/* GENERIC */
.spip-admin-float { right:0 !important; }

/* Variables */
html {
    --orange:#e35a1b;/*#FF5800;*/
    --bleu:#82c9e0; /*#88d0ea;*/ /*#00b0f0;*/
    /*--vert:#92c643;*/
    --vert:#69BE28;
    /*--violet:#600060;*/
    --violet:#73264D;
    --noir:#262626;
}

/* Couleurs */
.orange { color:rgb(255, 88, 0); /* #FF5800; */ /*(Pantone Ton direct glacé Orange 021 C)*/ }
.bleu { color:rgb(0, 176, 240); /* #00b0f0; */ /*(Pantone Ton direct glacé Process blue C)*/ }
.vert { color:rgb(105, 190, 40); } /* #69BE28 */
.violet { color:rgb(96,0,96); } /* #600060; */
/*.violet { color:rgb(115, 38, 77); }*/ /* #73264D */
.noir { color:rgb(38, 38, 38); /* #262626; */ }

/* Hyperliens */
a { transition:color .5s; }
a:focus, a:hover { color:var(--bleu);}

/* Formulaires */
.formulaire_spip .boutons { text-align:center; }
.formulaire_spip .boutons .submit { border:1px solid #262626; background:var(--orange); border-radius:0.25em; text-align: center; color: #fff; }
.formulaire_spip .boutons .submit:hover { color:var(--orange); background:#fff; }

/* login */
.editer_session label.nofx { display:inline-block; }

#bt_mobmenu { display:none; }

/* Header */
.header .formulaire_spip input { display:block; float:left; }

#header-links ul li a { display:block; background:var(--orange); border:1px solid var(--orange); padding:0.3em; max-width:200px; margin-left:auto; margin-top:0.3em; text-align:center; text-decoration:none; color:#fff; }

#header-links ul li.odd a:hover, #header-links ul li.odd a:focus { background:transparent; color:var(--orange); }
#header-links ul li.even a { background:var(--bleu); border:1px solid var(--bleu); }
#header-links ul li.even a:hover, #header-links ul li.even a:focus { background:transparent; color:var(--bleu); }

.header #slogan p { text-align:center; font-family:'Gotham Book'; font-size:18px; font-weight:700; color:#113D66; }
.header #slogan strong { color:var(--orange); }

/* annuaire */
#header-links ul li#lnk-annuaire a { background:url(../img/annuaire.jpg) no-repeat center center; background-size:cover; text-indent:-9999px; border-color:#fff; }

#header-links ul li#lnk-fiche a { border-color:#262626; background:url(../img/ma_fiche.png) no-repeat; background-size:contain; padding-right:25px; text-align:right; color:#262626; }
#header-links ul li#lnk-fiche a:hover, #header-links ul li#lnk-fiche a:focus { text-decoration:underline; }

/* aside */
.puce_svg { width:23px; height:23px; }
.puce_svg circle { fill:#fffbef; stroke:var(--orange); stroke-width:2; }
.aside h2 { border-bottom:1px solid #8B8D86; padding-left:1rem; padding-bottom:.25em; }
.aside .menu > ul { border-left:1px solid #8B8D86; padding-top:.5em; }
.aside .menu > ul > li { position:relative; display:block; padding:.44em 0 .44em 1em; line-height:1.125em; }

.aside .menu li a { background:linear-gradient(to top, var(--bleu) 0px, var(--bleu) 1px, transparent 1px) no-repeat center bottom; background-size:0 100%; transition: background-size .35s ease; }
.aside .menu li a:hover, .aside .menu li a:focus { background-size:100% 100%; }
/*
.aside .menu > ul li a::after { content:''; display:inline-block; position:absolute; bottom:0; left:50%; background:var(--bleu); width:0; height:1px; transition: all .35s ease; }
.aside .menu li a:hover::after { width:100%; left:0; }
*/

.aside .menu > ul > li a { position:relative; }
.aside li a .puce_svg{ position:absolute; top:-1px; left:calc(-12px - 1em); }
.aside li a .puce_svg circle{ transition:all .5s; }
.aside li a.on .puce_svg circle{ fill:var(--orange); }
.aside li a:hover .puce_svg circle, .aside li a:focus .puce_svg circle { stroke:var(--bleu);}
.aside li a.on:hover .puce_svg circle, .aside li a.on:focus .puce_svg circle { fill:var(--bleu);}
.aside .menu > ul li ul { list-style:disc; margin-left:1em; color:var(--orange); }

.aside .ta-center .spip_logo { float:none; }
.aside .francediplo { text-align:right; }
.aside .francediplo h3, .aside .francediplo .spip_logo { margin:0; }

.aside .ta-center + #calendar { margin-top:1.5em; }

/*span.pictoAdherent { display:inline-block; background:url(../img/picto-adherent.gif) no-repeat center left; text-indent:-50000px; height:20px; width:15px; }*/
span.pictoAdherent { display:inline-block; background:url(../img/picto_adherent.svg) no-repeat center left; text-indent:-50000px; height:30px; width:30px; }

/* Home */
.wrapper.hfeed { overflow:visible; }

.home_rub { position: relative; display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:10px; width:100%; margin-bottom:20px; font-weight:bold; line-height: 1.25em; }
/*.home_rub::before { content:attr(name); position: absolute; left: -3rem; top: 50%; transform: translateY(-50%) rotate(-90deg); }*/
.home_rub li { text-align:center; }
.home_rub a { color:#262626; text-decoration: none; }
.home_rub a span { position: relative; z-index:2; }
.home_rub a img { position: relative; float:none; display:block; margin:0 auto 10px; width:auto; max-height:90px; /*opacity:.5;*/ transition:1s all; z-index:1; }
.home_rub a:hover img { opacity:1; transform:scale(1.25); }

.first_line li { border:5px solid var(--orange); padding:1em 3em; }
.first_line a img { opacity:1; transition:1s all; }
.first_line a:hover img { transform:scale(1.25); }

.second_line li { background:#fff; border:5px solid var(--bleu); padding:1em; }

.third_line { grid-template-columns:repeat(4, 1fr); }
.third_line::before { left:-4rem; }
.third_line li { background:#fff; border:5px solid var(--violet); padding:1em 2em;  }

/* Agenda */
.fc-event { color:#fff !important; }
.fc-event:hover, .fc-event:focus { text-decoration:underline; }
.fc-header-toolbar .fc-center, .fc-day-header { text-transform:capitalize; }
.calendriermini #calmonths { display:flex; flex-wrap:wrap; justify-content:start; margin:0; }
.calendriermini #calmonths li { border:1px solid #c5c5c5; /*border-bottom:0;*/ margin-bottom:-1px; margin-right:-1px; }
/*.calendriermini #calmonths li + li { border-left:0; }*/
.calendriermini #calmonths li:first-child { border-top-left-radius:3px; }
.calendriermini #calmonths li a { display:block; background:#fff; padding:5px; font-size:13px; text-transform:capitalize; }
.calendriermini #calmonths li a.active { background:var(--orange); color:#fff; }
.calendriermini .ui-corner-all { border-top-left-radius:0; }
.calendriermini .ui-widget-content .calendrier-couleur196 a, .fc-event.calendrier-couleur196 { background:var(--orange); }
.calendriermini .ui-widget-content .calendrier-couleur197 a, .fc-event.calendrier-couleur197 { background:var(--violet); }
.calendriermini .ui-widget-content .calendrier-couleur198 a, .fc-event.calendrier-couleur198 { background:var(--vert); }
.calendriermini .ui-widget-content .calendrier-couleur199 a, .fc-event.calendrier-couleur199 { background:var(--bleu); }

.eventypes { clear:both; padding-left:3em; font-size:0.85em; }
.eventypes li + li { margin-top:2px; }
.eventypes li span { display:inline-block; width:1em; margin-right:.5em; }

.eventypes + h3 { font-weight:700; margin-bottom:.25em; }

.eventlist li { padding-bottom:0.5em; }
.eventlist li a { display:inline-block; line-height:1em; color:var(--noir); }
.eventlist li a:hover, .eventlist li a:focus { text-decoration:underline; }

/* Sponsors */ 
.botthome { clear:both; position:relative; display:flex; justify-content:space-between; padding-top:1em; }
.botthome h3 { margin-bottom:.5em; }
.botthome .multiple-items { display:flex; justify-content:space-between; }
.botthome .item { border:1px solid; background:#fff; display:flex !important; justify-content:center; align-items:center; width:170px; height:130px; padding:.125em; text-align:center; }
.botthome .spip_logo { float:none; margin:0 ; }
.botthome .sponsors, .botthome .partenaires { width:48%; }

.slick-prev::before, .slick-next::before { color:var(--orange); }


/* Modele <membre> */
.display-flex { display:flex; flex-wrap:wrap; }
.bloc-membre-min { display:inline-block; min-width:200px; margin:0 auto; padding-bottom:1em; text-align:center; }
.bloc-membre-min a img { float:none; display:block; margin:0 auto 0.5em auto; border-radius:50%; box-shadow:0px 0px 10px #262626; }
.bloc-membre-min a:hover img, .bloc-membre-min a:focus img { transform:rotateY(360deg); transition:1s; }
.bloc-membre-min span:not(.membre) { display:block; }

/* Modele <intervenant> */
.bloc-intervenant span:not(.membre) { max-width:200px; }
.js-content { width:80%; margin:auto auto 2em auto; padding:1em; box-shadow:0px 0px 10px #262626; }
.js-content .name { text-align:center; font-size:1.2em; font-weight:700; color:#var(--bleu); }
.bloc-intervenant .js-content { display:none; }


/* Carte du monde */
#worldmap { position:relative; padding-bottom:0.5em; margin-bottom:1em; }
#worldmap path { fill:#8B8D86; stroke:#F7F7F7; cursor:pointer; transition:0.5s all; }
#worldmap g:hover path { fill:var(--orange); }

#worldmap .continents { position:absolute; top:0; left:0; background:rgba(255,255,255,0.8); width:100%; height:100%; display:none; }
#worldmap .continent { padding:1em; text-align:center; display:none; }
#worldmap .continent h2 { text-align:center; padding-bottom:0.5em; margin:0;}
#worldmap .continent h2::before { content:"...en "; }
#worldmap .continent .pays { display:inline-block; vertical-align:top; }
#worldmap .continent .pays a { position:relative; display:inline-block; margin:3px; }
#worldmap .continent .pays a img { border:1px solid #262626; height:50px; margin:0px; opacity:0.5; transition:0.25s all; }
#worldmap .continent .pays a:hover img { opacity:1; }
#worldmap .continent .pays a:hover::after { content:attr(title); position:absolute; bottom:55px; left:10%; background:var(--orange); border-radius:5px; padding:5px 10px; min-width:100px; color:#fff; z-index:10; }
#worldmap .continent .pays a:hover::before{ content:""; position:absolute; bottom:50px; left:40%; border:solid; border-color:var(--orange) transparent; border-width:6px 6px 0 6px; z-index:11; }

.rub-1 .menu_rubriques ul.spip { display:grid; grid-template-columns: repeat(4, 1fr); }

@media (max-width: 1250px) {
    #worldmap .continent .pays a img { height:40px; }
    #worldmap .continent .pays a:hover::after { bottom:45px; }
    #worldmap .continent .pays a:hover::before { bottom:40px; }
}
@media (max-width: 1050px) {
    .second_line, .third_line { grid-template-columns:repeat(2, 1fr); }
    
    #worldmap .continent .pays a img { height:30px; }
    #worldmap .continent .pays a:hover::after { bottom:35px; }
    #worldmap .continent .pays a:hover::before { bottom:30px; }
    .rub-1 .menu_rubriques ul.spip { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 870px) {
    #worldmap .continent .pays a img { height:20px; }
    #worldmap .continent .pays a:hover::after { bottom:25px; }
    #worldmap .continent .pays a:hover::before { bottom:20px; }
    .rub-1 .menu_rubriques ul.spip { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 450px) {
    .first_line { grid-template-columns:repeat(1, 1fr); }
    .second_line { grid-template-columns:repeat(1, 1fr); }
    .third_line { grid-template-columns:repeat(1, 1fr); }

    .botthome { flex-wrap:wrap; padding:0; }
    .botthome .sponsors, .botthome .partenaires { width:100%; padding-top:1em; }

    .aside .francediplo { text-align:center; }
    .aside .francediplo a { display:inline-block; margin:auto; }
    
    #worldmap .continent .pays a { margin:0; }
}
@media (max-width: 390px) {
    #worldmap .continent .pays a img { height:15px; }
}
@media (max-width: 320px) {
    #worldmap .continent .pays a img { height:10px; }
}


/* Formulaire demande adhésion */
.formulaire_spip li.editer_radios { margin-bottom:1.5em; }
.editer_radios li { display:inline-block; margin:0; }
.editer_radios li + li { padding-left:30px; }
.editer_radios label { display:inline-block; vertical-align:top; }

.editer_cotisation li { margin-bottom:0; }
.editer_cotisation h3 { margin-top:1em; margin-bottom:0; }
.editer_cotisation label { display:inline-block; }
.editer_cotisation #montant_bienfaiteur { width:50px; }

/* Annuaire */
.page_annuaire .flex-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
.page_annuaire #formulaire_recherche_auteur #recherche { width:252px; }
/*#listeAdherents img { width:300px; max-width: 100%; margin-top: 0 !important; }*/

/* Page Auteur / Annuaire / etc. */
.page_annuaire {}
/*
.page_annuaire #formulaire_recherche_auteur {
    width:70%;
    padding:1em 3em 2em 2em;
    margin:auto;
}
.page_annuaire #formulaire_recherche_auteur p { padding-bottom:0.5em; }
.page_annuaire #formulaire_recherche_auteur form { padding:0 10em; }
*/
.page_annuaire #listeAdherents {
    clear:both;
    padding-top:1em;
}

.page_annuaire #listeAdherents li {
    float:left;
    position:relative;
    border:1px solid #f15a24;
    box-sizing:initial;
    padding:1em;
    height:90px;
    margin-bottom:1em;
    width:40%;
    margin-right:5%;
    overflow:hidden;
}
.page_annuaire #listeAdherents li .floateur {
    float:left;
    padding-right:1em;
    min-height:100px;
}
.page_annuaire #listeAdherents li .infos p {
    position:absolute;
    right:1em;
    bottom:1em;
    margin:0;
}

.page_annuaire .paginat { clear:both; }


.page_auteur dt {
    float:left;
    clear:both;
    width:50%;
    font-weight:bold;
}
.page_auteur dd {
    float:right;
    width:50%;
    margin:0;
    padding-bottom:1.5em;
}

.page_auteur dd ul { margin-left:1em !important; }

.page_auteur #rubArt #contentLeft { width:500px; }
.page_auteur #rubArt #contentRight { width:210px; }

.page_scrutin #rubArt #contentLeft { float:none; width:auto; padding-right:50px; }
.page_scrutin #rubArt #contentLeft .uline { text-decoration:underline; }




/* Publications */
.spip_doc_titre, .spip_doc_descriptif { width:auto !important; max-width:350px; }

/* Portfolio */
#documents_portfolio ul { display:grid; grid-template-columns: 1fr 1fr 1fr; }
@media (max-width: 1050px) {
    #documents_portfolio ul { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 720px) {
    #documents_portfolio ul { grid-template-columns: 1fr; }
}

/* WYSIWIG */
.caractencadre2-spip { color:var(--violet); }


/* Favoris */
.page_favoris .favoris .liste-items .item { display:flex; justify-content:space-between; }
.page_favoris .favoris .liste-items .item + .item { margin-top:.5em; border-top:1px solid; padding-top:.5em; }
.page_favoris .favoris .liste-items .item .infos { display:inline-block; line-height:45px; }
.page_favoris .bouton_action_post { display:inline-block; }
.page_favoris .bouton_action_post .submit { display:block; background:var(--orange); border:1px solid var(--orange); padding:0.3em; min-width:200px; margin-left:auto; margin-top:0.3em; text-align:center; text-decoration:none; color:#fff; }
.page_favoris .bouton_action_post .submit:hover, .page_favoris .bouton_action_post .submit:focus { background:transparent; color:var(--orange); }


#liste_correspondants { text-align:center; }
#liste_correspondants ul { list-style:none; }
#liste_correspondants > li + li { padding-top:2em; }
#liste_correspondants > li > .titre { border:2px solid; border-width:2px 0; font-size:1.5em; font-weight:700; text-transform:uppercase; }
#liste_correspondants > li > ul > li { padding-bottom:2em; }
#liste_correspondants > li > ul > li > .titre { margin-bottom:1em; border-bottom:1px dotted; font-size:1.25em; font-weight:700; }



/* RESPONSIVE */
@media (max-width: 640px) {
    #bt_mobmenu { display:block; position:fixed; left:0px; top:0px; padding:20px 10px; cursor:pointer; z-index:20; }
    #bt_mobmenu span {
        display:block;
        position:relative;
        background:var(--orange);
        height:3px;
        width:25px;
        text-indent:-9999px;
        transition:background .2s ease-out;
    }
    #bt_mobmenu span::before, #bt_mobmenu span::after { content:''; position: absolute; display:block; background:var(--orange); width:100%; height:100%; transition:all .2s ease-out; }
    #bt_mobmenu span::before { top:8px; }
    #bt_mobmenu span::after { top:-8px; }

    #bt_mobmenu.active span { background:transparent; }
    #bt_mobmenu.active span::before { transform: rotate(-45deg); top:0px; }
    #bt_mobmenu.active span::after { transform: rotate(45deg); top:0px; }

    #mobmenu { height:auto; left:-110%; transition:left 0.25s; }
    #mobmenu.shown { left:0; }

    #mobmenu .shortcuts { padding-left:45px; }
    #mobmenu .shortcuts ul { display:flex; justify-content:space-around; align-items:center; }
    #mobmenu .shortcuts ul li { display:inline-block; height:auto; }
    #mobmenu .shortcuts ul li a img { height:30px; }
    #mobmenu .shortcuts ul li a span { display:none; }

    #mobmenu .header { background:#fff; }
    #mobmenu .header .size1of4 { width:100%; }
    #mobmenu .header #slogan { height:auto; padding:1em; }
    #mobmenu .header #slogan p { left:auto; }
    
    #mobmenu .header .size1of4.ta-center { position:fixed; left:0; top:0; padding:30px 0 5px 0; z-index:-1; background:#fff; }
    #mobmenu .header .ta-center #slogan { margin:auto; }

    #header-links { margin-top:1em; }
    #header-links ul li a { max-width:100%; }
}