* {box-sizing:border-box;}

body {padding:0;}
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small {display:block;line-height:1em;}
hr {clear:both;}

/* *** Padding pour RWD : les blocs à la racine de .page sauf #container *** */
html:not(.page_sommaire) .container {padding:0 0.5rem;}

.page a, .page a:visited {transition:color ease 0.2s;}
.page a:hover, .page a:focus {text-decoration:underline;}

/* l'entete */
.accueil a, .accueil a:hover, .accueil a:active, .accueil a:focus {text-decoration:none;}
#header .logo-site {display:block;max-width:250px;margin:auto;}

/* La navigation principale, le fil d'Arian et les menus/listes */
ul.liste-items, ul.menu-items, ul.breadcrumb-items {margin:0;list-style:none;}
ul.menu-items li.item, ul.breadcrumb-items li.item {display:inline-block;}
ul.liste-items a:link, ul.menu-items a:link, ul.breadcrumb-items a:link {text-decoration:none;}
ul.liste-items a:link {display:block;}
.fildariane {margin-bottom:3rem;}

/* *** LA PAGE DE LOGIN *** */
.page_login .main #formulaire_menu_lang, .page_login  .main .formulaire_login {margin:1rem auto;max-width:25em;}

/* *** LES MENUS *** */
#nav ul.menu-items li.item  {display:inline-block;}

/* *** LE PIED DE PAGE *** */
#footer nav a {text-decoration:none;}

/* *** LES IMAGES *** */
.diaporama figure {margin:0;}
.spip_documents_left {clear: left;}
.spip_documents_right {clear: right;}
svg {vertical-align:top;height:auto;max-width:100%;}
svg use {transition:fill ease 0.2s;}
a:visited use {fill:inherit;stroke:inherit;}
/* modèle Arno* cf https://git.spip.net/spip-contrib-extensions/medias_responsive_mod/issues/1 */
ul.portfolio_ligne, ul.portfolio_slide { list-style: none; }

/* *** LES LISTES *** */
.liste.articles li {margin-bottom: 1.5em;}

/* *** LES GRILLES (en flex) *** */
.grille.has-gutter > * {margin-top: .5rem;margin-bottom: .5rem;} /* Avoir des marges verticalces entre les éléments des grilles grillage */
.grille figcaption {margin-top: 0.5em;}

/* *** LES GALERIES *** */
/* portofolio (spip) */
ul.portfolio {display:flex;flex-wrap:wrap;justify-content:center;}
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;}
ul.portfolio li picture.adapt-img-wrapper {width:250px;} /* Adaptive image */
/* mosaique simple */
ul.mosaique-simple {display:flex;}
ul.mosaique-simple li {position:relative;width:50%;}
ul.mosaique-simple li figure {margin-bottom:0;}
/* mosaique variable */
.mosaique-variable {display:flex;align-items:stretch;}
.mosaique-variable ul {display:flex;flex-direction:column;width:50%;}
.mosaique-variable ul li {margin:0;position:relative;}
.mosaique-variable ul li figure {margin:0;}
/* vignette ronde */
figure.spip_documents.rond.illustration {position:absolute;margin-bottom:0;width:300px;max-width:60%;top:50%;left:50%;transform:translate(-50%,-50%);}
/* Diaporama Slick */
.slick-slider .slick-arrow, .slick-slider .slick-arrow:focus {background:#000;border-radius:50%;}
.slick-slider .slick-arrow {height:50px;width:50px;}
.petit_diapo .slick-slider .slick-arrow {height:35px;width: 35px;}
.slick-slider .slick-arrow:hover {background:#fff;}
.slick-slider .slick-arrow:hover::before, .slick-slider .slick-arrow:hover::after {border-color:#000;}
.slick-slider .slick-prev {left:40px;}
.slick-slider .slick-next {right:40px;}
.petit_diapo .slick-slider .slick-prev {left:30px;}
.petit_diapo .slick-slider .slick-next {right:30px;}
.slick-slider .slick-prev::before,
.slick-slider .slick-next::before,
.slick-slider .slick-prev::after,
.slick-slider .slick-next::after {display:block;content:'';opacity:1;height:40%;}
.slick-slider .slick-prev::before,
.slick-slider .slick-prev::after {margin-left:28%;border-left:2px solid #fff;}
.slick-slider .slick-prev::before {transform-origin:bottom left;transform:rotate(45deg);}
.slick-slider .slick-prev::after {transform-origin:top left;transform:rotate(-45deg);}
.slick-slider .slick-next::before,
.slick-slider .slick-next::after {margin-right:28%;border-right:2px solid #fff;}
.slick-slider .slick-next::before {transform-origin:bottom right;transform:rotate(-45deg);}
.slick-slider .slick-next::after {transform-origin:top right;transform:rotate(45deg);}

/* les légendes sur les images */
figure{position:relative;}
figure figcaption .legende {position:absolute;right:2rem;bottom:1.5em;overflow:hidden;border-radius:9999999999px;}
figure figcaption .legende span {display:inline-block;line-height:1.5em;height:24px;line-height:24px;}
figure figcaption .legende span.info {z-index:1;position:relative;border-radius:50%;width:24px;text-align:center;background:#000;color:#fff;border:0;cursor:pointer;}
figure figcaption .legende span.texte {padding:0 1.5em 0 1em;border-radius:1em 0 0 1em;background:#fff;transform:translateX(150%);transition:transform 0.5s;}
figure figcaption .legende:hover span.texte {transform:translateX(14px);}
figure figcaption .credits {position:absolute;left:1rem;bottom:0.5em;display:block;opacity:0.35;padding:0 0.2em;font-size:0.625em;text-align:right;transition:opacity 0.2s ease, color 0.2s ease, background-color 0.2s ease;}
figure:hover figcaption .credits {opacity:0.75;}
figure figcaption .credits:hover {background:rgba(0,0,0,0.25);color:#fff}

/* player 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%);border-radius:5%;}
body .oe-play-button button,
body .oembed_audio .oe-play-button button {background:#8f8f8e;}
body .oe-play-button:hover button, body .oe-play-button button:focus {background: #204051;}
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;}

/* la page recherche */
.page_recherche .main .resultats {margin-top:5em;}
.page_recherche .main .resultats .item {margin-bottom:1em;text-align:left;}
.page_recherche .main .resultats .item .vignette_zcm {float:left;margin-right:1em; width: 400px;}
.page_recherche .main .resultats .item .resume {font-size:1.125em;}

/* la page agenda */
#agenda-liste .liste-items .item {margin-bottom:1em;text-align:left;}
#agenda-liste .liste-items .item .vignette_zcm {margin-bottom:1em;}
#agenda-liste .liste-items .item .resume {font-size:1.125em;}
#agenda-liste .liste-items .item abbr[title] {border:0}
#agenda-liste .liste-items .evenement .banner {opacity:1;}

/* La page plan */
ul.plan {margin-left: 1.5em;}

/* Pagination */
.pagination .disabled {visibility:inherit;opacity:0.2;}
.pagination .disabled strong {font-weight:normal;font-family:inherit;}

/* *** FIX TINY TYPO *** */
figure figcaption {font-size:100%;}

/* *** CLEARFIX *** */
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
.clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* *** DIVERS *** */
picture {vertical-align:top;}
.spip_logo {float: none;margin: 0;}

.liste.documents .document {margin-bottom:1.5em;}
.liste.documents .document p {margin-bottom:0;}
.liste.documents .spip_logo {float: left;}

figcaption.spip_doc_intitules {margin-left:50%;min-width:200px;transform:translateX(-50%);}

.page_plan .main a {text-decoration:none;}
.page_plan .main a:hover {text-decoration:underline;}

a.external::after {opacity: 0.3; transition: 0.2s opacity; }
a.external:hover::after {opacity: 1;}

/* Nom de l'organisation du modèle identité extra*/
.schema.organization .organization__nom a {text-decoration:none;}

/* Typos enluminées */
strong.caractencadre-spip, strong.caractencadre2-spip {background:transparent;font-weight:normal;} 

/* La bannière cookies */
body #banniere-cookie {margin:auto;max-width:1000px;}
body #banniere-cookie .bouton {text-shadow:none;}

/* Les boutons d'admin */
body #spip-admin { top:auto; bottom:0; }
body a.spip-admin-boutons { padding: 0.5em 1.5em; background:#000; border:0; border-radius:0; font-weight:normal; opacity:1; font-size: 0.9em;
	transition: background-color 0.2s;}
body a.spip-admin-boutons:hover {background:#d62324;}

.texte-invisible {display:block;color:transparent;text-indent:-9999em;}
.invisible { position:absolute; clip:rect(0 0 0 0); clip-path:inset(50%); height:1px; margin:0; overflow:hidden; padding:0; width:1px; white-space:nowrap; }

/* Boutons call to action */
nav.cta { display: flex; align-items: stretch; list-style: none; margin: 0;  }
nav.cta ul { list-style: none; }
nav.cta li { margin-bottom: 0.5em; text-align: center; }
nav.cta a { display: block; margin: 0.25em; padding: 0.25em 1em; height: 100%; background: #a39161; color: #fff; text-transform: uppercase; text-decoration: none;
	transition: background-color 0.2s, color 0.2s;}
nav.cta a:hover, nav.cta a.active { background-color: #204051;text-decoration: none; }

/* *** LES MODELES *** */
/* modele vignette rwd */
.vignette_zcm {max-width:100%;}
.vignette_zcm .spip_logo {float: none;}
/* modèle encadré */
.encadrer.modelajwz { margin-bottom: 1.5em; padding: 1.5em; background: #ccc; }

/* *** LES FORMULAIRES *** */
.formulaire_spip legend {font-size:1.2em;}
.formulaire_spip .editer label em, .formulaire_spip .editer label strong, .formulaire_spip .editer span.obligatoire {font-family:inherit;font-weight:normal;font-style:italic;font-size:0.8em;}
.formulaire_spip label {margin-right:0.25em;line-height:2em;}
.formulaire_spip .explication {padding-top:0;font-size: 0.85em;}
.formulaire_spip input:not(.submit):not(.crayon-active):not(.checkbox):not(.radio),
.formulaire_spip textarea:not(.crayon-active) {padding:0.25em 0.5em;background:transparent;
	border : 1px solid #333e4b; border-radius: 20px;font-family:inherit;
	font-size:inherit;width:100%;transition: border-color 0.25s ease; }
.formulaire_spip input:focus:not(.submit):not(.crayon-active),
.formulaire_spip textarea:focus:not(.crayon-active) {border-color:#d62324;}
.formulaire_spip input.submit {cursor:pointer;padding:0.5em 1em;height:100%;border : 1px solid #333e4b; 
	background-color:transparent;color:#333e4b;transition: background-color 0.2s ease,color 0.2s ease;}
.formulaire_spip input.submit:hover {background-color:#333e4b;color:#fff;}
.formulaire_spip input:not(.checkbox):not(.radio),
.formulaire_spip textarea {-webkit-appearance:none;outline:none;}
/* recherche */
#bloc_recherche .formulaire_recherche input.text, .page_recherche #content .formulaire_recherche input.text { border:0; font-size: 1em; background: #fff; line-height: 1.5em;}
.formulaire_recherche input.submit {font-size: 1em; line-height: 1.5em;  border: none}
#bloc_recherche .formulaire_recherche input.submit, .page_recherche #content .formulaire_recherche input.submit {color: #fff;}
#bloc_recherche .formulaire_recherche input.submit:hover, .page_recherche #content .formulaire_recherche input.submit:hover { background: transparent; color: #d62324; }
.page_recherche #content .formulaire_recherche { padding: 1em 0; background: #8c8d97; color: #fff;}

/* autres */
#formulaire_contact, .formulaire_newsletter {margin:auto;max-width:500px;}
#formulaire_contact ul, .formulaire_newsletter ul {margin:0;list-style:none;}
#formulaire_login {padding:0.5em;}
/* #formulaire_login legend {text-align:center;width: 100%;} */
#formulaire_login label {font-weight:normal;font-size:0.85em;}
#formulaire_login input.text {padding:0.5em;font-size:1em;}
#formulaire_login .details a {color:#777;font-size:0.8em;text-decoration:none;}
#formulaire_contact .choix label {display:flex;line-height:1em;}
#formulaire_contact .choix label p {margin-bottom:0;}
/* *** Fix Tiny typo *** */
a:focus img, a:active img {transform:none;}
blockquote {margin-bottom:2em;padding-left:3.5em;border:0;font-style:italic;font-size:1.1em; min-height: 40px; background: url('../images/quote.png') no-repeat top left;}
blockquote::before {line-height:2rem;font-size:4rem;}

/* Les crayons */
body .crayon-has {display: block;} /* Pour que le formulaire d'édition prenne toute la largeur */
/*.crayon-html .formulaire_spip::before {display: none !important ; content: ''  !important;}*/
body .crayon-html .formulaire_spip::before {background: #fff;box-shadow: 0 0 55px rgba(51,51,51, 0.75) ; opacity: 1;}
body .crayon-html .crayon-active {background: inherit !important; color: inherit !important;}
/*.formulaire_crayon .crayon-active.text, .formulaire_crayon .markItUpContainer {box-shadow: 0 0 55px rgba(51,51,51, 0.75) ; }*/
body .formulaire_crayon .markItUpContainer {border-radius: 6px 6px 0 0; border: 0; }
body .formulaire_crayon .crayon-active.markItUpEditor {border-bottom: 0; }
body .formulaire_crayon .markItUp .markItUpFooter {padding: 0.5em 0; background-color: #edf2f4 ; }
body .crayon-html .crayon-boutons button { position: relative; border: 0; background-color: transparent;}
body .crayon-html .crayon-boutons button.crayon-cancel::after {display: block; content: ''; border-right: 1px solid rgba(51,51,51);
	position: absolute; right: -0.25em; height: 100%; top: 0;}

	/* *** RWD *** */
/* largeur maximum 640px */
@media (max-width: 640px) {
     /* layout */
	.container {display:inherit;}
    .wrapper,
    .content,
    .aside,
    .content,
    .aside {width:100%;}
	
	.aside {padding-top:1em;border-top: 1px solid #b6b6b6;}
	
	
	.deplier-texte {margin:0;}
	
	figure figcaption .legende {font-size:0.8em;}
	
	blockquote {margin-bottom:1em;padding-left:1.5em;}
	blockquote::before {line-height:2rem;font-size:4rem;}
	
	.page_recherche .main .resultats {margin:auto;max-width:360px;}
	.page_recherche .main .resultats .item .vignette_zcm {float:none;margin:0 0 1em 0;}
}

@media screen and (max-width:500px){
	.slick-slider .slick-arrow {height:30px;width: 30px;}
	ul.mosaique-simple, .mosaique-variable, .mosaique-variable ul {display:inherit;width:auto;}
	ul.mosaique-simple li {width:100%;overflow:hidden;}
	figure.spip_documents.rond.illustration {margin:1em auto;position:relative;top:auto;left:auto;transform:none;}
	figure figcaption .legende {bottom:0.5em;right:1rem;}	
	.carte_gis {max-height:75vh;}
	
	/* L'éagenda */
	#agenda-liste .liste-items .evenement {padding-left:0;}
	#agenda-liste .liste-items .evenement .banner {float:none;margin:1em auto;}	
}