/* source-sans-pro-300 - latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 300;
src: local(''),
url('#CHEMIN{polices/source-sans-pro-v14-latin-300.woff2}') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('#CHEMIN{polices/source-sans-pro-v14-latin-300.woff}') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-regular - latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: local(''),
url('#CHEMIN{polices/source-sans-pro-v14-latin-regular.woff2}') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('#CHEMIN{polices/source-sans-pro-v14-latin-regular.woff}') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-600 - latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
src: local(''),
url('#CHEMIN{polices/source-sans-pro-v14-latin-600.woff2}') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('#CHEMIN{polices/source-sans-pro-v14-latin-600.woff}') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
h1, h2, h3 { font-size: 2em; line-height: 1.25em; }
h2 { font-size: 1.625em; }
h3 { font-size: 1.25em; }
img { vertical-align: top; }
strong {color: inherit;}
picture.adapt-img-wrapper { vertical-align: top; } /* cf https://github.com/nursit/AdaptiveImages/issues/13 */
/* *** Le menu principal *** */
#nav ul li.accueil {margin: 0 1em; text-transform: uppercase; font-weight: 600;}
#nav .accueil a { display: block; padding-top:0; background:rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.75); border-top: 0; border-radius: 0 0 0.35em 0.35em; }
#nav #formulaire_menu_lang label { display: none; }
#nav #formulaire_menu_lang select { padding: 0; }
#nav #menu_lang { text-transform: uppercase; }
#nav #menu_lang a { color: #fff; border: 0; }
#nav #menu_lang strong {color: #fff; opacity: 0.5; }
/* *** L'entête *** */
[(#REM) Affichage de l'image d'entête ou du dégradé de couleur ]
.homepage #header-wrapper, #header-wrapper {
background-color: transparent;
background-image: url("#CHEMIN{css/images/header.svg}"), url("[(#FICHIER|image_reduire{2000}|extraire_attribut{src})]");
background-size: 100% 100%, cover;
background-position: center;
background-image: url("#CHEMIN{css/images/overlay.png}"), url("#CHEMIN{css/images/header.svg}"),
linear-gradient(75deg, [(#CONFIG{html5up_telephasic/apparence_entete_couleur1, #FF7088})] 15%, [(#CONFIG{html5up_telephasic/apparence_entete_couleur2, '#F2B69D'})] 55%);
/B_image_entete>
}
/* *** L'accueil *** */
#hero { max-width: 580px; }
#hero h1 { margin-bottom: 0.5em; color: #fff; font-size: 3em; }
[(#REM)
Le Call to action peut-être un article ou une rubrique (saisie selecteur_rubrique_article)
donc on fait 2 boucles (ARTICLES et RUBRIQUES) pour que ça marche dans les 2 cas (la boucle inutile ne renvoie rien)
]#promo-wrapper {
background-image: url("#CHEMIN{css/images/overlay.png}"),
url("[(#LOGO_ARTICLE_RUBRIQUE|image_reduire{2000}|extraire_attribut{src})]");
url("[(#LOGO_RUBRIQUE|image_reduire{2000}|extraire_attribut{src})]");
background-attachment: fixed;
}
/* *** Le contenu des pages *** */
.chapo { font-weight: 400; font-size: 1.125em; text-align: center; }
.spip_documents > a { border: 0;}
.spip_documents > a { display: block; } /* Cf https://git.spip.net/spip-contrib-extensions/adaptive_images/issues/1 */
/* Les rubriques */
.page_rubrique #page-wrapper > .wrapper { padding-bottom: 0; }
.page_rubrique #content { margin-bottom: 4em; }
.page_rubrique .row.features {position: relative; z-index: 0; margin-bottom: 0; padding-bottom: 2em;}
.page_rubrique .row.features::before { content: ''; display: block; width: 2000%; height: 100%; position: absolute; left: -1000%; top: 0; z-index: -1; box-shadow: inset 0px 0px 0px 1px #e8e8e8; [background: #f6f8fb url("(#CHEMIN{css/images/image-wrapper.svg})");]}
.page_rubrique .row.features h2 {font-size: 1.5em; line-height: 1.5em;}
.page_rubrique .row.features .image.featured {margin-bottom: 1em;}
.page_rubrique .row.features .button {background-color: #fff;}
/* La page auteur */
.logo_auteur { overflow: hidden; margin: 0.5em; width: 250px; max-width: 100%; border-radius: 50%; float: right; }
.logo_auteur img { margin: 0; }
.sur_le_web { font-size: 1.125em; font-weight: 700;}
.connexe {max-width: 900px; margin: 2.5em auto 0 auto;}
.connexe li span { font-size: 0.875em; font-style: italic;}
/* Les autres pages */
.page_plan #content .texte { margin: auto; max-width: 700px; }
.page_recherche #content > header {text-align: center; }
.page_recherche #main h2 {margin-bottom : 1em;text-align: center; }
/* *** Le pied de page *** */
#footer .major p { padding: 0.75em 0 1em 0; color: #f35858; font-size: 1.5em; line-height: 1.5em; }
#footer #formulaire_contact fieldset {margin-top: 0; padding-top: 0;}
#footer #formulaire_contact br.bugajaxie {display: none;}
#footer .col-12 {margin-bottom: 2em;}
/* Le formulaire de recherche */
#formulaire_recherche { padding: 3em 0.5em; text-align: center; background: #fff; }
#formulaire_recherche input#recherche {transition: background-color 0.25s ease-in-out; -webkit-appearance: none;
margin-right: 1em; padding: 0.75em 1em 0.75em 1em; min-width: 25em; height: 4rem;
background: #f9fbfe; line-height: 1.5em; border: 1px solid #d2d7dc; border-radius: 0.35em; }
#formulaire_recherche input.submit { height: 4rem; }
/* Le formulaire de contact */
#formulaire_contact fieldset {margin-top: 0;}
#formulaire_contact legend {display: none;}
form ul.editer-groupe { padding-left: 0; list-style: none; }
form ul.editer-groupe li.editer { margin: 0 0 1.5em 0; padding: 0;}
label[for=infolettre] {display: flex; line-height: 1.2em;}
label[for=infolettre] p {margin: 0 ;}
label strong { font-size: 0.85em ; font-weight:normal; }
input[type="checkbox"] {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;}
#formulaire_login .choix {display: flex;}
#formulaire_login .choix label {padding: 0 !important;}
/* Les réseaux sociaux */
#footer .sociaux * .socicon { background: #61666b; border-radius: 0.35em; transition: background-color 0.2s; }
#footer .sociaux * .socicon:hover { background: #f35858; }
/* Pagination */
.pagination .pagination-items {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: #f35858;}
.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%; background: #f35858; text-decoration: none; padding:.5em; text-align: center; border: 1px solid #f35858; }
.pagination a.pagination-item-label {color: #fff;}
.pagination .active span.pagination-item-label,
.pagination a.pagination-item-label:hover,
.pagination a.pagination-item-label:focus,
.pagination a.pagination-item-label:active { background: #fff; color: #f35858; text-decoration: none; }
.pagination .pagination-item.disabled { visibility: initial; }
.pagination .pagination-item.disabled .pagination-item-label {color:#f35858; background: transparent;}
.adapt-img.spip_logo {margin: 0;}
/* Les boutons d'administration */
body .spip-admin-bloc, body .spip-admin-float { top:auto; bottom: 0; }
body .spip-admin-boutons { border-radius: 0.3em 0.3em 0 0 ; }