@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
    	url('#CHEMIN{polices/source-sans-pro-v13-latin-300.woff2}') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('#CHEMIN{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('#CHEMIN{polices/source-sans-pro-v13-latin-regular.woff2}') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('#CHEMIN{polices/source-sans-pro-v13-latin-regular.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: 600;
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
    url('#CHEMIN{polices/source-sans-pro-v13-latin-600.woff2}') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('#CHEMIN{polices/source-sans-pro-v13-latin-600.woff}') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  
body {text-align: left;}
picture.adapt-img-wrapper  { vertical-align: top; } /* cf https://github.com/nursit/AdaptiveImages/issues/13 */

#header {z-index: 1000;}
#header .logo strong {padding: 0.125em 0.125em 0 0.375em;}

.content {min-height: initial;}
.chapo {font-weight: 600;}
img {height: auto}
.image.main img {margin: 0;}

/* Les titres */
header.major {max-width: 100%;}
header.major h1, header.major h2, header.major h3 {line-height: 1.2em;}

/* Réparer la hierachie des titres (cf ticket #1) */
header.major h2 {font-size: 1.75em;}
.page_rubrique header.major h2 {font-size: 1.35em;}

/* *** LE MENU *** */
#menu .active a {color: #9bf1ff ;}

/* *** L'ACCUEIL *** */
<BOUCLE_image_entete_accueil(DOCUMENTS){id_document=#CONFIG{html5up_forty/image_entete_accueil}}{tous}{extension==jpg|png|gif}{0,1}>
[.page_sommaire #banner {background-image: url('(#FICHIER|image_reduire{2000}|extraire_attribut{src})') ;}]
</BOUCLE_image_entete_accueil>
/* Les tuiles qui ont du contenu, par ex l'agenda */
.tiles article.contenu {flex-direction: column;align-items: flex-start; }
.tiles article.contenu .major {margin-bottom: 0; }
.tiles article.contenu p { text-transform: uppercase;font-weight: 600; font-size: 0.65em; }
.tiles article.contenu p.lien_suite { margin:0 }
.tiles article.contenu a {border: 0; }
.tiles article.contenu div {z-index: 100;}
.tiles article.contenu ul { margin-bottom:0.5em; padding: 0; line-height: 1.25em; }
.tiles article.contenu li {padding: 0; list-style: none; }
.tiles article.contenu span { font-size: 0.75em; opacity: 0.85; }
/* Mode blog */
header.major > p.info_publi {font-weight: 300; font-size:0.6em;}

/* *** LA RUBRIQUE *** */
/* Mode blog */
p.info_publi { margin-bottom: 0; font-weight: 300; font-size:0.6em; text-transform: uppercase;}

/* *** L'ARTICLE *** */
/* 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 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;}

/* *** L'AGENDA *** */
#agenda-liste h2  {text-align: center;}
#agenda-liste > p  {text-align: center;}
#agenda-liste ul, #agenda-liste li {padding: 0; }
#agenda-liste .liste-items.evenements  { margin: auto; max-width: 750px;}
#agenda-liste .item-header {margin-bottom: 2em; text-align: center; font-size: 2em;}
#agenda-liste .location {font-size: 0.8em;}
#agenda-liste .lieu {font-weight: 600;}
.evenement .info-publi abbr[title] {text-decoration: none;}

/* *** LA PAGE ÉVÉNEMENT *** */
.page_evenement .info-publi, .page_evenement .lieu {font-weight: 600; } 

/* *** LE PIED DE PAGE *** */
#contact > header h2 { margin-bottom:0; }
#contact > .inner > :nth-child(2n-1) {padding: 2em 3em 1em 0;}
#contact .bugajaxie {display: none;}

/* *** DIVERS *** */
.spip_document .spip_doc_lien { border: 0;}

/* Les listes SPIP (menu ou autres) */
ul.liste-items {list-style:none;}

/* Les modèles bouton et icone */
a.icone { display: inline-block; border: 0; }
a.icone .icon { width: 100%; height: auto; }

/* Pictos Fontawesome */
#contact i.fa-icon { display: inline-block; width: 2em; height: 2em; padding: 0.45em; text-align: center; background-color: #fff; border-radius: 100%; color: #242943; }

/* Les formulaires */
input[type="checkbox"] + label, input[type="radio"] + label {padding-left: 2.4em !important ; position: relative;}
/* Le formulaire de contact */
#formulaire_contact fieldset {margin-top: 0;}
form ul.editer-groupe { padding-left: 0; list-style: none; }
form ul.editer-groupe li.editer { margin-bottom: 1.5em; padding-left: 0;}
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;}
/* Formulaire de login */
.formulaire_menu_lang, .formulaire_login,
#oubli_form {margin: auto;max-width: 700px;}

/* Surcharge de spip.css pour coller au thème */
.formulaire_spip input.text, .formulaire_spip textarea { padding: 0 1em;border: 0;}
.formulaire_spip textarea {padding-top: 0.75em ;}
.formulaire_spip label, .formulaire_spip .choix label {font-size: 0.8em;}
.spip_code, textarea.spip_cadre {background: rgba(212, 212, 255, 0.035);border:0; color:inherit; text-shadow: none; border-radius: 0; }

/* La pagination */
.pagination {padding: 2em 0; text-transform: uppercase; font-weight: 400;}
.pagination a {border-bottom:0;}
.pagination .pages > * { transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; border-bottom: 0; 
  display: inline-block;  font-size: 0.8em;height: 1.5em; line-height: 1.5em; margin: 0 0.125em; min-width: 1.5em; padding: 0 0.5em;}
.pagination .pages .on {background-color: #ffffff;color: #242943;}
.pagination .on { font-weight: 400;}
.pagination a.lien_pagination:hover { color: #53e3fb;}
.pagination .prev {margin-right: 1em;}
.pagination .next  {margin-left: 1em;}
.pagination .prev .lien_pagination,
.pagination .next .lien_pagination,
.pagination .disabled .on { padding: 0.5em 1.75em; box-shadow: inset 0 0 0 2px #ffffff;}
.pagination .prev .lien_pagination:hover, 
.pagination .next .lien_pagination:hover { box-shadow: inset 0 0 0 2px #9bf1ff;}
.pagination .disabled { visibility: visible ;opacity: 0.25; }
.pagination .sep {color: transparent;}

/* Les boutons d'administration */
body .spip-admin-bloc, body .spip-admin-float {z-index: 1100;font-size:0.85em;}

/* *** LES PLUGINS FACULTATIFS *** */

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

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

@media screen and (max-width: 736px) {
  header.major h2 {font-size: 1.5em;}
  .page_rubrique header.major h2 {font-size: 1.25em;}
  }

@media screen and (max-width: 480px) {
  .pagination .prev, .pagination .next {display: none;}
}