[(#CONFIG{html5up_twenty/charger_polices}|non) /* lato-300 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: local('Lato Light'), local('Lato-Light'), url('#CHEMIN{polices/lato-v17-latin-300.woff2}') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('#CHEMIN{polices/lato-v17-latin-300.woff}') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* lato-regular - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url('#CHEMIN{polices/lato-v17-latin-regular.woff2}') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('#CHEMIN{polices/lato-v17-latin-regular.woff}') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* lato-900 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 900; src: local('Lato Black'), local('Lato-Black'), url('#CHEMIN{polices/lato-v17-latin-900.woff2}') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('#CHEMIN{polices/lato-v17-latin-900.woff}') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }] img {max-width: 100%; height: auto;} em, i {font-style: italic;} /* *** LE BANDEAU D'ENTETE *** */ #logo { font-weight: 900; text-transform: uppercase; line-height: 1.75em; } #logo span { font-weight: 300; } #logo a {color: inherit; text-decoration: none; border: 0;} #header nav ul li.active > a.primary { background-color: #83d3c9;} html:not(.page_sommaire) #main {padding-bottom: 0;} #main { background-image: url("#CHEMIN{images/dark-tl.svg}"), url("#CHEMIN{images/dark-tr.svg}"), url("#CHEMIN{images/dark-bl.svg}"), url("#CHEMIN{images/dark-br.svg}");} /* *** L'ACCUEIL *** */ [.page_sommaire #banner {background-image: url("#CHEMIN{images/light-bl.svg}"), url("#CHEMIN{images/light-br.svg}"), url("#CHEMIN{images/overlay.png}"), url('/(#FICHIER|image_reduire{2000}|extraire_attribut{src})') ;}] [.page_sommaire #cta {background-image: url("#CHEMIN{images/light-tl.svg}"), url("#CHEMIN{images/light-tr.svg}"), url("#CHEMIN{images/overlay.png}"), url('/(#FICHIER|image_reduire{2000}|extraire_attribut{src})') ;}] /* PAGE SOMMAIRE */ #banner .inner { margin-left: auto; margin-right:auto; max-width: 500px; } #banner .inner header h1 { border-bottom: solid 2px; border-top: solid 2px; font-size: 2.5em; font-weight: 900; letter-spacing: 0.2em; margin: 0;padding-left: 0.05em; } #banner .inner .spip_logo { float: none; margin: 0 0 1em 0; } #article_intro > div { margin: 1.5em auto 0 auto; max-width: 800px; } #articles_focus h2 { font-size: 1.15em; letter-spacing: 0.025em; } #articles_focus a { display: block; color: #7c8081; border: 0; } #cta header, #cta .texte { margin: 0 auto 2em auto; max-width: 800px; } #cta a { color:inherit; } /* PAGE RUBRIQUE */ html:not(.page_sommaire) h1 { margin-bottom: 1.5em; font-size: 1.5em; letter-spacing: 0.1em;} header.container p { margin: 1.5em auto 0 auto; max-width: 800px;} /* PAGE RECHERCHE */ .page_recherche #main h2 { text-align: center;} /* FIL D'ARIANE */ .fildariane { padding-top:4em; font-size: 0.8em; } ul.breadcrumb-items { margin:0; padding: 0 1.5em; list-style:none;} ul.breadcrumb-items li.item { padding: 0; display:inline-block;} ul.breadcrumb-items a { text-decoration:none; border: none; color: inherit; } ul.breadcrumb-items strong { font-weight: normal; } /* Les tableaux */ table.spip th, table.spip td, table.spip caption {padding:1em;} /* PIED DE PAGE */ #footer .schema.organization { margin-bottom: 1.5em;} #footer .organization__nom { text-transform: uppercase;} #footer a { color: inherit; border: 0;} /* DIVERS */ .image::before { background: url("#CHEMIN{images/overlay.png}");} .image.featured img.spip_logo {float: none; margin: 0;} .spip_documents a.mediabox, .spip_document_file a { border: 0;} .spip_documents > a { display: block; } /* Cf https://git.spip.net/spip-contrib-extensions/adaptive_images/issues/1 */ figcaption.spip_doc_legende { font-size: 0.625em; line-height: 1.5em;} ul.actions, ul.actions li { padding-left: 0; list-style: none; } /* Portfolio / Documents joints */ .documents_portfolio, .documents_joints {margin-bottom: 1.5em;} .documents_portfolio h2, .documents_joints h2 {text-align: center;} .documents_portfolio .row { justify-content: center; } .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;} /* Les formulaires */ .formulaire_menu_lang, .formulaire_login, #oubli_form, #formulaire_contact {margin: auto;max-width: 700px;} form ul.editer-groupe { padding-left: 0; list-style: none; } form ul.editer-groupe li.editer { margin: 0 0 1.5em 0; padding: 0;} input[type="checkbox"] + label, input[type="radio"] + label {padding-left: 2.4em !important ; position: relative;} input[type="checkbox"] {margin:0 1em 0 0;opacity:1;-moz-appearance:checkbox;-webkit-appearance:checkbox;-ms-appearance:checkbox;appearance:checkbox;} /* Le formulaire de contact */ #formulaire_contact fieldset {margin-top: 0;} #formulaire_contact legend {display: none;} label[for=infolettre] {display: flex; line-height: 1.2em;} label[for=infolettre] p {margin: 0 ;} label strong { font-size: 0.85em ; font-weight:normal; } /* Formulaire de login */ #formulaire_login .choix {display: flex;} #formulaire_login .choix label {padding: 0 !important;} /* Le formulaire de recherche */ #formulaire_recherche { text-align: center; } #formulaire_recherche input#recherche { margin-right: 1em; padding: 0.75em; min-width: 25em; height: 4rem; background: transparent; border: solid 1px rgba(124, 128, 129, 0.2); outline: 0; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -moz-appearance: none; -webkit-appearance: none; appearance: none;} #formulaire_recherche input#recherche:focus { border-color: #83d3c9; } #formulaire_recherche input.submit { min-width: 10em; height: 4rem; } /* 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; min-width: auto; transform:translate(-50%,-50%); box-shadow:none; border-radius:5%;} body .oe-play-button button, body .oembed_audio .oe-play-button button {background:#83d3c9;} 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; font-size: 0.875em;} .oembed figcaption a {color:#9f9f9f; text-decoration:none;} .oe-author br {display:none;} /* Page auteur */ .page_auteur .logo_auteur { margin: 0 0 1em 1em; max-width: 250px; float: right; } /* Page 404 */ .page_404 #main .content {text-align: center;} /* 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 ; } /* Réseaux sociaux */ .sociaux { margin-bottom: 2em; } .sociaux .socicon { transition: background-color 0.2s ; } /* La Boîte multimédia */ .box_mediabox, #colorbox, #cboxOverlay, #cboxWrapper { z-index: 10100;} #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { min-width: auto;} /* 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: #83d3c9;} .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: #83d3c9; text-decoration: none; padding:.5em; text-align: center; border: 1px solid #83d3c9; } .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: #83d3c9; text-decoration: none; } .pagination .pagination-item.disabled { visibility: initial; } .pagination .pagination-item.disabled .pagination-item-label {color:#83d3c9; background: transparent;} /* Les icones FontAwesome */ body .icon { opacity: 0.35; } #header nav ul li.submenu > a::before { display: none; content: '';} #nav .icon { fill: #fff; opacity: 1;} body header.special .icon { left: 50%; top: 0; width: 80px; height: 80px; transform: translate(-50%); } body #article_intro .icon { width: 80px; height: 80px; } body #articles_focus .icon { margin-bottom: 1em; width: 100px; height: 100px; } /* Les modèles bouton et icone */ a.icone { display: inline-block; border: 0; } a.icone .icon { width: 100%; height: auto; } body .button .icon, body .icone .icon { opacity: 1; } /* *** Divers *** */ ul.spip { list-style-type: disc; } .invisible { position:absolute; clip: rect(0, 0, 0, 0); overflow:hidden; margin:0; padding:0; width:1px; height:1px; white-space:nowrap; border: 0;} .box_mediabox button, .crayon-boutons button {min-width:auto; line-height:inherit;} .adapt-img-wrapper {vertical-align: top;} /* cf https://github.com/nursit/AdaptiveImages/issues/13 */