/* #PRODUIRE{fond=css/html5up_hyperspace.spip.css}
   md5:1c7037c2489407e13cce12988982f231 */
/* *** Page d'accueil *** */

/* Entête */

a.arrow {border: 0;}
a.arrow span {display: none;}
a.arrow::before { display: inline-block; content: ''; background-position: center; background-repeat: no-repeat; background-size: contain;
    height: 3.5rem;
    position: relative;
    width: 3.5rem; transition: transform 0.25s, opacity 0.25s ;
    opacity: 0.5;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 512 512'%3E%3Cpath d='M442.53,346.28L293.65,495.16c-0.33,0.33-0.7,0.62-1.05,0.94c-9.16,9.77-22.15,15.9-36.6,15.9 c-14.44,0-27.43-6.13-36.59-15.88c-0.35-0.33-0.72-0.62-1.06-0.96L69.47,346.28c-19.62-19.62-19.62-51.44,0-71.05 c19.62-19.62,51.43-19.62,71.06,0l65.23,65.23V50.24C205.76,22.5,228.25,0,256,0s50.24,22.5,50.24,50.24v290.21l65.23-65.23 c19.62-19.62,51.43-19.62,71.05,0C462.15,294.84,462.15,326.66,442.53,346.28z' fill='%23FFFFFF' /%3E%3C/svg%3E");}
a.arrow:hover::before {transform: translateY(0.35em); opacity: 1;}

/* pourvoir avoir plus de 3 sections spotlight :
    Le thème n'en gère que 3 car il utilise  :nth-child(2)
    et :nth-child(3), cf main.css L3070 */
.spotlights > section:nth-child(3n+2) {background-color: rgba(0, 0, 0, 0.05);}
.spotlights > section:nth-child(3n+3) {background-color: rgba(0, 0, 0, 0.1);}

/* Le formulaire de contact */
form ul.editer-groupe { padding-left: 0; list-style: none; }
form ul.editer-groupe li.editer { margin-bottom: 1.5em; padding-left: 0;}
form label strong {font-size:0.75em;font-weight:normal;}

/* *** Rubrique *** */
/* La composition Grille */
.rubrique_grille .spotlights .inner { padding-top: 0; }

/* *** Article *** */

/* Les images d'entête */
.image.fit picture {border-radius: 0.25em;}
.image.fit img { float: none; margin: 0;}

/* *** Le menu *** */
#sidebar {z-index: 1000;}
#sidebar .logo_site_spip {margin:0 0 3em auto; width: 210px;}
#sidebar .logo_site_spip .spip_logo {float: none; margin: 0;}

/* Le portofolio */
ul.portfolio {display:flex;flex-wrap:wrap;justify-content:center;list-style: none;}
ul.portfolio li {margin:0.5em;}
ul.portfolio li a, ul.portfolio li a:hover, ul.portfolio li a:active, ul.portfolio li a:focus {text-decoration:none;}
ul.portfolio li figure {margin:0; width: 250px;}
ul.portfolio li picture {border-radius: 0.25em;}
ul.portfolio li small {font-size: 0.75em;}
/* Les documents joints */
.documents_joints ul, .documents_joints li { padding: 0; list-style: none;}
.documents_joints ul .spip_logo {float: left; margin: 0 1em 0 0;}
.documents_joints .publication {font-size: 0.75em;}

/* LA PAGINATION */
.pagination { padding: 1.5em 0;}
.pagination .pagination-items { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: row; justify-content: center; }
.pagination .pagination-item { margin: 0em; flex-basis: 7.5%; display: flex; align-items: center; color: var(--coul1-alt); }
.pagination .pagination_precedent_suivant .pagination-item { flex-basis: auto; }
.pagination .pagination-item + .pagination-item { margin-left: 0.5em }
.pagination .pagination-item-label { display:block; flex-basis: 100%; text-decoration: none; padding:.5em; text-align: center; }
.pagination li .pagination-item-label { color: #fff; border: 1px solid var(--coul1-alt); 
	transition: background 0.2s, color 0.2s; }
.pagination ul:not(.pagination_precedent_suivant) li.prev .pagination-item-label,
.pagination ul:not(.pagination_precedent_suivant) li.next .pagination-item-label { color: inherit; background: inherit; border: inherit; }
.pagination span.pagination-item-label.on,
.pagination a.pagination-item-label:hover,
.pagination a.pagination-item-label:focus,
.pagination a.pagination-item-label:active { background: var(--coul1-alt); color: #fff; text-decoration: none; }
.pagination .disabled.tbc  { visibility: inherit; }
.pagination .disabled span.pagination-item-label { background: transparent; color: #999;}

/* player oembed */
.spip_documents .oembed {padding:0;border:0;}
.oe-play-button button,
.oe-play-button button::before {margin:0;width:100px;transform:translate(-50%,-50%);box-shadow:none ;border-radius:5%;}
.oe-play-button button,
.oembed_audio .oe-play-button button {background:#312450;}
.oembed_rich .oe-play-button button,
.oembed_audio .oe-play-button button {transform: translate(0,-50%);}
.oe-play-button button::before {content:none;display:none;}
.oe-play-button button::after {transform:none;background:transparent;opacity:1;border-radius:0;height:auto;}
.oembed figcaption {color:#666;}
.oembed figcaption a {color:#9f9f9f;text-decoration:none;}
.oe-author br {display:none;}

/* Les formulaires */
input[type="checkbox"] + label, input[type="radio"] + label {padding-left: 2.4em !important ; position: relative;}
/* Formulaire de login */
.formulaire_menu_lang, .formulaire_login,
#oubli_form {margin: auto;max-width: 700px;}
/* Formulaire de contact  */
label[for=infolettre] {display: flex;}
label[for=infolettre] p {margin: 0 ;}
input#infolettre {margin:0 1em 0 0;opacity:1;-moz-appearance:checkbox;-webkit-appearance:checkbox;-ms-appearance:checkbox;appearance:checkbox;}

/* Correction adaptive Images
    voir https://git.spip.net/spip-contrib-extensions/adaptive_images/issues/4 */
picture.adapt-img-wrapper { vertical-align: top; }

/* Plugin Liens vers les réseaux sociaux */
.sociaux { margin-bottom: 1em; } 
.sociaux li {margin: 0;}
.sociaux .sociaux-list * .socicon { padding: 0; background: transparent; color :rgba(255, 255, 255, 0.55); 
  transition: color 0.2s ease-in-out; }
.sociaux .sociaux-list * .socicon:hover { color: #fff; }
.sociaux .sociaux-list .socicon {font-size:1em;}
.sociaux li:first-of-type {padding-left: 0;}

@media screen and (max-width: 1280px) {
    #sidebar { position: relative; height: auto; line-height: 2.5em;}
    #sidebar nav {align-items: center;  margin: 0.5em 1em;}
    #sidebar nav ul {flex-wrap:wrap;}
    #sidebar nav ul li {margin: 0 2em 0 0;}
    #sidebar nav ul li:first-of-type { margin-bottom: 0.5em; width:100%; border-bottom: 1px solid #493382;}
    #sidebar nav ul li:first-of-type div {margin: 0 0 1em 0;}
    #sidebar nav ul li:first-of-type span {display: none;}
    #sidebar nav a::before, #sidebar nav a::after {display: none; content: '';}
    #sidebar + #wrapper {padding-top:0;}
    body .spip-admin-bloc, body .spip-admin-float {top: auto; bottom: 0;}
}

@media screen and (max-width: 736px) {
    #sidebar { display: block;}
}