/********************************************
 * Personnalisation du thème html5up_alpha
 *
 *Seuil des responsives
* - 1680px
* - 1280px
* - 980px
* - 840px
* - 736px
* - 480px
*
 **********************************************/


/* Correctif html5up_alpha - SPIP
-----------------------------------------------*/

@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 300;
	src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
		 url('../polices/source-sans-pro-v13-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('../polices/source-sans-pro-v13-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 400;
	src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
		 url('../polices/source-sans-pro-v13-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('../polices/source-sans-pro-v13-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body {text-align: left;background:#ddd;}

h1 {font-size: 2.75em;margin-bottom:1em; line-height: 1.5em;}
h2 {font-size: 1.75em;}
a:focus, a:hover, a:active {background-color:transparent;color:inherit}

#main > header h1 {margin: 0;}
.box .image.featured img {height: auto;}

/* Le bandeau d'entête / menu */
#header {z-index: 1001;}
#header a {color:#fff; text-decoration: none; border: 0;}

/* L'accueil est déplacé dans le nav > ul > li et aligné à gauche pour le mode desktop */

#header nav > ul {
  display: flex;
  flex-wrap: wrap;
}

#header nav {
  left: 0;
}

#nav .accueil {
  flex-grow: 1;
}

/* les squelettes SPIP utilisent h1 (et non h2) pour le titre */
#banner h1 {
	color: #fff;
	font-size: 3.5em;
	line-height: 1em;
	margin: 0 0 0.5em 0;
	padding: 0;
}

/* L'accueil
-----------------------------------------------*/
.sommaire h1 {color: #fff ;}
/*	tricky : si aucun slogan défini, donc pas de H2, ne pas afficher une bordure grise sur l'intro */
.sommaire header.major p { margin-top: 0; padding-top:0;border:0;}
.sommaire header.major h2 + div  p { margin-top: 1.5em; padding-top: 1.5em; border-top: 2px solid #e5e5e5; font-size: 1.25em; line-height: 1.5em; }

/* L'article
-----------------------------------------------*/
.article header h1 + p {font-size: 1.25em;}

/* Les documents
-----------------------------------------------*/

/* Le portfolio */
#documents_portfolio a {margin:0;padding:0;border:0 !important;box-shadow:none;}
#documents_portfolio ul { list-style: none; padding: 0; }

/* Les documents joints */
.documents_joints ul {list-style:disc;}
.documents_joints a {border:0;}
.documents_joints a:focus, .documents_joints a:hover, .documents_joints a:active {background-color:transparent;color:inherit;text-decoration: underline;}

/* Divers
-----------------------------------------------*/

.perso_active {background-color : #e89980 ;}

.box p:last-child {margin-bottom: 0;}
.image.featured img {float:none;margin:0;}

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

.formulaire_spip ul {margin:0;padding:0;list-style:none;}
.formulaire_spip ul li {padding:0;}
.formulaire_spip .editer {margin-bottom: 1em;}

/* La pagination */
.pagination .pagination-items {list-style: none;display: flex;flex-wrap: wrap; flex-direction: row; justify-content: center}
.pagination .pagination-item { margin: 0; padding: 0; flex-basis: 5.5%; display: flex; align-items: center; }
.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%; padding: 5px 10px;margin: 0 5px;text-decoration: none;border-radius: 5px; border: 0;box-shadow: inset 0 0 0 2px #e5e5e5;background: transparent;color: #777;transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; color: #126b74; }
.pagination .on .pagination-item-label,
.pagination a.pagination-item-label:hover,
.pagination a.pagination-item-label:focus,
.pagination a.pagination-item-label:active { font-weight: normal;background-color: #f8f8f8;color: #777; }
.pagination .on .pagination-item-label {background-color: #e89980; box-shadow: none;}
.pagination .pagination_precedent_suivant .disabled {visibility: hidden}
.pagination .pagination-item.disabled {}
.pagination .pagination-item.disabled .pagination-item-label {color:#888; font-weight: normal;}

/* Classe invisible */
.texte-invisible {display:block;color:transparent;text-indent:-9999em;}
.invisible {position:absolute;left:-999em;height:1%;}

/* Fix tiny typo */
.box {border:0;}

/* barre admin spip  */
#spip-admin {bottom: 0;top: auto; z-index: 1001;}