/*
#@0
#@1
#@2
#@3
#@4
#@5
#@6
#@7
#@8
#@9
#@10
#@11
#@12
#@13
*/
@charset "UTF-8";
/*
    Created on : 9 mars 2022, 17:30:53
    Author     : Bruno Rouillard - rue Béjo <bruno at ruebejo.fr>
*/
/* colors */
/* bleu */
/* vert */
/* bleu clair */
/* foncé */
/* desktop */
/* tablet */
/* mobile */
/*
    Created on : 4 mars 2022, 18:52:39
    Author     : Bruno Rouillard - rue Béjo <bruno at ruebejo.fr>
*/
/*
    Created on : 9 mars 2022, 17:31:37
    Author     : Bruno Rouillard - rue Béjo <bruno at ruebejo.fr>
*/
/*  -------------------- */
/*  Reset styles	     */
/*  -------------------- */
html {
  box-sizing: border-box;
}
html *, html *::before, html *::after {
  box-sizing: border-box;
}
body {
  margin: 0;
  padding: 0;
  line-height: 1em;
  background-color: #FFFFFF;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  line-height: 1em;
  position: relative;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
a.nolink, a.nolink:hover {
  text-decoration: none;
  cursor: default;
}
a.nohover:hover {
  text-decoration: none;
}
.err_404 p.logo {
  text-align-last: center;
}
.err_404 p.logo > img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
ul.pagination-items {
  list-style: none;
}
ul.pagination-items li {
  display: inline-block;
  color: #666;
  margin: 0 0.25em;
}
ul.pagination-items li.disabled {
  color: #999;
}
ul.pagination-items li.on {
  color: black;
}
/*
    Created on : 9 mars 2022, 17:31:07
    Author     : Bruno Rouillard - rue Béjo <bruno at ruebejo.fr>
*/
#content {
  /* Tableaux SPIP */
}
#content h1, #content h2, #content h3, #content h4 {
  font-weight: normal;
  margin: 0 0 1em 0;
}
#content > h1 {
  font-size: 2.1em;
}
#content > h2 {
  font-size: 1.7em;
}
#content > h3 {
  font-size: 1.5em;
}
#content > h4 {
  font-size: 1.2em;
}
#content .address + h2 {
  margin-top: 1em;
}
#content .notes {
  clear: both;
}
#content p {
  margin: 0 0 1em 0;
  font-weight: 400;
  text-align: left;
  hyphens: none;
  word-break: normal;
  /*chrome*/
  line-height: 1.7em;
}
#content p + h2, #content p + h3, #content p + h4, #content p + table.spip, #content p + .wrapper_table {
  margin-top: 1.3em;
}
#content sc {
  font-variant-caps: small-caps;
}
#content sub, #content sup {
  font-size: 0.7em;
}
#content i {
  font-style: italic;
}
#content em, #content strong {
  font-weight: bold;
}
#content del {
  text-decoration: line-through;
}
#content pre, #content code {
  font-size: 100%;
  font-family: monospace;
}
#content pre {
  width: 90%;
  overflow: auto;
  overflow-y: hidden;
  margin: 0.75em 0;
  padding: 12px;
}
#content pre strong {
  font-weight: normal;
}
#content a, #content a:link, #content a:hover, #content a:visited {
  cursor: pointer;
  text-decoration: underline;
}
#content a.spip_out::after {
  content: "➚";
  margin-left: 0.25em;
  text-decoration: none;
  display: inline-block;
  /*position: absolute;
		top:0.25em;*/
}
#content ul, #content ol {
  padding-left: 1em;
}
#content ul li, #content ol li {
  line-height: 1.5em;
}
#content ul {
  list-style: disc;
}
#content ul ul {
  list-style: square;
}
#content ol ol {
  list-style: upper-alpha;
}
#content blockquote {
  font-style: italic;
}
#content blockquote::before, #content blockquote::after {
  position: absolute;
  font-size: 60px;
}
#content blockquote::before {
  content: "«";
  left: 0;
  top: 0;
}
#content blockquote::after {
  content: "»";
  right: 0;
  bottom: 0;
}
#content blockquote > p {
  margin-left: 42px;
  margin-right: 42px;
}
#content blockquote + p strong {
  display: block;
  text-align: right;
}
#content .wrapper_table {
  overflow: auto;
  max-width: 100%;
  margin: 0 0 1.5em 0;
}
#content table.spip + h1, #content table.spip + h2, #content table.spip + h3, #content table.spip + h4, #content .wrapper_table + h1, #content .wrapper_table + h2, #content .wrapper_table + h3, #content .wrapper_table + h4 {
  margin-top: 1.3em;
}
#content table {
  /*float:left;*/
  border-collapse: collapse;
  /*border-spacing: 1px;*/
  text-align: left;
}
#content table caption, #content table th, #content table td {
  padding: 8px;
}
#content table caption {
  font-weight: bold;
}
#content table caption small {
  font-weight: normal;
  font-size: 0.9em;
  padding-top: 0.75em;
  display: block;
}
#content table td, #content table th {
  vertical-align: middle;
  border: 1px solid black;
}
#content table ul, #content table ol {
  text-align: left;
  padding-left: calc(8px + 1em);
}
#content .texteencadre-spip, #content .spip-block-right, #content textarea {
  background-color: #FFFFFF;
  border: 1px solid black;
  padding: 10px;
  margin: 1em 0;
}
#content textarea.spip_cadre {
  width: 100%;
  height: auto;
}
#content p.lire_la_suite, .diapo_descriptif p.lire_la_suite {
  clear: both;
  padding: 1em 0;
}
#content p.lire_la_suite a, .diapo_descriptif p.lire_la_suite a {
  border: 1px solid black;
  background: #ccc;
  text-decoration: none;
  color: black;
  padding: 0.5em 1em;
}
#content p.lire_la_suite a:hover, .diapo_descriptif p.lire_la_suite a:hover {
  background: #eee;
}
hr.spip {
  clear: both;
  margin: 1em 0;
}
/* Espaceur de blocs */
.nettoyeur {
  clear: both;
  margin: 0;
  padding: 0;
  border: none;
  height: 0;
  line-height: 1px;
  font-size: 1px;
}
/*overflow: auto; in text area = display: flow-root*/
/*
    Created on : 30/12/2024
    Author     : Bruno Rouillard - rue Béjo <bruno at ruebejo.fr>
*/
/*
    Created on : 31 mai 2021, 14:50:30
    Author     : Bruno Rouillard - rue Béjo <bruno at ruebejo.fr>
*/
/* open-sans-regular - latin-ext_greek_greek-ext_latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-regular.eot');
  /* IE9 Compat Modes */
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-regular.eot?#iefix') format("embedded-opentype"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-regular.woff2') format("woff2"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-regular.woff') format("woff"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-regular.ttf') format("truetype"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-regular.svg#OpenSans') format("svg");
  /* Legacy iOS */
}
/* open-sans-italic - latin-ext_greek_greek-ext_latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-italic.eot');
  /* IE9 Compat Modes */
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-italic.eot?#iefix') format("embedded-opentype"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-italic.woff2') format("woff2"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-italic.woff') format("woff"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-italic.ttf') format("truetype"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-italic.svg#OpenSans') format("svg");
  /* Legacy iOS */
}
/* open-sans-700 - latin-ext_greek_greek-ext_latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-700.eot');
  /* IE9 Compat Modes */
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-700.eot?#iefix') format("embedded-opentype"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-700.woff2') format("woff2"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-700.woff') format("woff"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-700.ttf') format("truetype"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-700.svg#OpenSans') format("svg");
  /* Legacy iOS */
}
/* open-sans-700italic - latin-ext_greek_greek-ext_latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  src: url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-700italic.eot');
  /* IE9 Compat Modes */
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-700italic.eot?#iefix') format("embedded-opentype"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-700italic.woff2') format("woff2"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-700italic.woff') format("woff"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-700italic.ttf') format("truetype"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-700italic.svg#OpenSans') format("svg");
  /* Legacy iOS */
}
/* open-sans-800 - latin-ext_greek_greek-ext_latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src: url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-800.eot');
  /* IE9 Compat Modes */
  src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-800.eot?#iefix') format("embedded-opentype"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-800.woff2') format("woff2"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-800.woff') format("woff"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-800.ttf') format("truetype"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-800.svg#OpenSans') format("svg");
  /* Legacy iOS */
}
/* open-sans-800italic - latin-ext_greek_greek-ext_latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 800;
  src: url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-800italic.eot');
  /* IE9 Compat Modes */
  src: local("Open Sans ExtraBold Italic"), local("OpenSans-ExtraBoldItalic"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-800italic.eot?#iefix') format("embedded-opentype"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-800italic.woff2') format("woff2"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-800italic.woff') format("woff"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-800italic.ttf') format("truetype"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/open-sans-v17-latin-ext_greek_greek-ext_latin-800italic.svg#OpenSans') format("svg");
  /* Legacy iOS */
}
@font-face {
  font-family: "Insignia";
  font-style: normal;
  font-weight: 400;
  src: local("Insignia Regular"), local("Insignia-Regular"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/insignia.woff2') format("woff2"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/insignia.woff') format("woff"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/insignia.ttf') format("truetype");
  /* Safari, Android, iOS */
}
/* latin-ext */
@font-face {
  font-family: "Open Sans Condensed";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Open Sans Condensed Light"), local("OpenSansCondensed-Light"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/OpenSansCondensed-Light.woff2') format("woff2"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/OpenSansCondensed-Light.woff') format("woff"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/OpenSansCondensed-Light.ttf') format("truetype");
  /* Safari, Android, iOS */
}
@font-face {
  font-family: "Dancing Script";
  font-style: normal;
  font-weight: 400;
  src: local("Dancing Script Regular"), local("Dancing Script-Regular"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/DancingScript-VariableFont_wght.woff2') format("woff2"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/DancingScript-VariableFont_wght.ttf') format("truetype"), url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/fonts/DancingScript-VariableFont_wght.woff') format("woff");
  /* Modern Browsers */
}
body {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  color: #000000;
  background: #FFFFFF;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
#content {
  /*h1.spip::after, hr.spip::after{
		content: '';
		height: $h_height;
		width: 100%;
		border-radius: $h_height;
		background: $font_color_h1;
		transform: translateY($h_height);
		position: absolute;
		right: 0;
		bottom:0;
	}*/
  /* Tableaux SPIP */
}
#content h1, #content h2, #content h3, #content h4 {
  font-family: "Open Sans", serif;
  line-height: 1.3em;
}
#content h2.spip, #content h3.spip, #content h4.spip {
  /*text-decoration: underline;*/
}
#content h1.spip {
  font-size: 1.8em;
  color: #244C7E;
  display: inline-block;
  padding: 20px 0 3px 0;
}
#content hr.spip {
  border: none;
  background: transparent;
  margin: 13px 0;
  padding: 26px 0;
  position: relative;
  clear: none;
}
#content hr.spip::after {
  transform: translateY(-26px);
}
#content h1.spip::after {
  right: 0;
  bottom: 0;
  width: 100vw;
}
@media screen and (min-width: 841px) {
  #content > h1::after {
    right: 0;
    bottom: 0;
    width: 100vw;
  }
}
#content h2 {
  font-size: 26px;
  color: black;
}
#content h3 {
  font-size: 24px;
  color: black;
}
#content h4 {
  font-size: 20px;
  color: black;
}
#content .notes h3 {
  border-top: 1px solid black;
  padding-top: 0.5em;
}
#content table td, #content table th {
  text-align: center;
  padding: 1em 1em 1em 1em;
}
#content table tr td {
  background: #eafbff;
}
#content table tr:nth-child(even) td {
  background: #f3ffff;
}
#content table th {
  background: #244C7E;
  color: white;
  border: 1px solid black;
}
#content table td {
  border: 1px solid black;
}
#content a {
  color: #244C7E;
}
#content a:visited {
  color: #244C7E;
}
#content a:hover {
  color: #000029;
}
#content strong {
  color: #244C7E;
}
#content strong.caractencadre-spip, #content strong.caractencadre2-spip {
  color: black;
  font-weight: normal;
}
#content strong.caractencadre-spip {
  background: #2EBE11;
  background: linear-gradient(transparent 0% 50%, #2EBE11 50% 90%, transparent 90% 100%);
}
#content strong.caractencadre2-spip {
  background: linear-gradient(transparent 0% 50%, #2EBE11 50% 90%, transparent 90% 100%);
}
#content blockquote + p strong {
  color: #000000;
  font-weight: normal;
  margin-bottom: 2em;
}
#content .main p + section {
  margin-top: -1em;
}
#content .main section + p {
  margin-top: 1em;
}
#content .main .postal-code, #content .main .locality {
  display: inline-block;
  margin-bottom: 0.25em;
}
#content .compteur {
  font-weight: bold;
  margin: 2em 2em 2em 0;
  display: inline-block;
  width: 200px;
  height: 200px;
  border: 25px solid #2EBE11;
  border-radius: 200px;
}
#content .compteur > div {
  height: 100%;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  align-content: space-around;
}
#content .compteur .titre {
  font-size: 20px;
  max-width: 200px;
  text-align: center;
}
#content .compteur .nombre, #content .compteur .nombre_dyn {
  font-size: 40px;
  color: #66A6FF;
  font-family: "Open Sans", serif;
  padding-bottom: 15px;
}
#content .compteur .nombre_dyn {
  content: attr("current");
}
#content ul.spip {
  list-style: none;
  margin: 1.5em 0;
}
#content ul.spip li {
  line-height: 1.8em;
  position: relative;
  margin-left: 2em;
}
#content ul.spip li::before {
  content: "";
  background: #244C7E;
  height: 14.4px;
  width: 14.4px;
  border-radius: 14.4px;
  position: absolute;
  top: 0;
  transform: translate(-20.16px, 9px);
}
#content ul.spip li li::before {
  background: #66A6FF;
}
#content ul.spip ul {
  margin: 0;
}
/* .rub_list link & lire la suite */
#content p.lire_la_suite h2, #content .article.summary h2 {
  padding: 0.5em 1em 0.5em 1em;
  font-size: 18px !important;
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 1.5em;
  font-weight: bold;
}
#content p.lire_la_suite h2, #content p.lire_la_suite a, #content .article.summary h2, #content .article.summary a {
  margin: 0 !important;
  background: transparent;
  color: #244C7E;
  text-decoration: none !important;
  text-align: left;
}
#content p.lire_la_suite, .article.summary.without_logo {
  display: flex;
}
#content p.lire_la_suite a {
  border: 1px solid #244C7E;
  padding: 1em;
  overflow: hidden;
  text-align: left;
  background: #244C7E;
  color: white;
  z-index: 2;
}
#content p.lire_la_suite a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: scale(0);
  transition: transform 0.2s ease-in;
  z-index: 1;
  mix-blend-mode: exclusion;
  background: radial-gradient(circle at center, #D9EAF8 18%, transparent 19%, transparent 100%);
}
/* hover effect for links only */
#content p.lire_la_suite a:hover, .article.summary.without_logo.with_link a:hover {
  background: transparent;
}
#content p.lire_la_suite a:hover::after, .article.summary.without_logo.with_link a:hover::after {
  transform: scale(6);
}
#content .spip_document + .ajaxbloc {
  margin-top: 1em;
}
.address div, .phone, .schedule p {
  line-height: 1.5em;
  display: block;
}
/* FAQ */
#content dl.faq {
  position: relative;
}
#content dl.faq dt {
  border-radius: 5px;
  background-image: none;
  position: relative;
  margin-bottom: 15px;
  padding: 7px;
  font-size: 1.3em;
}
#content dl.faq dt button {
  text-transform: uppercase;
  margin-left: 1em;
}
#content dl.faq dt::before {
  content: "";
  background: transparent url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/img/arrow_br.png') no-repeat center center;
  background-size: contain;
  position: absolute;
  width: 15px;
  height: 15px;
  left: 0.5em;
  top: 0.77em;
  transform: rotate(90deg);
}
#content dl.faq dt.item-faq-closed::before {
  transform: rotate(0);
}
#content dl.faq > dt:nth-of-type(3n + 1) {
  background-color: #D9EAF8;
}
#content dl.faq > dt:nth-of-type(3n + 2) {
  background-color: #244C7E;
}
#content dl.faq > dt:nth-of-type(3n + 2) button {
  color: white;
}
#content dl.faq > dt:nth-of-type(3n + 2)::before {
  background-image: url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/img/arrow_wr.png');
}
#content dl.faq > dt:nth-of-type(3n + 3) {
  background-color: #66A6FF;
}
#content dl.faq > dt:nth-of-type(3n + 3) button {
  color: white;
}
#content dl.faq > dt:nth-of-type(3n + 3)::before {
  background-image: url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/img/arrow_wr.png');
}
#content .spip_document + .ajaxbloc {
  margin-top: 1em;
}
/*
    Created on : 9 mars 2022, 17:59:59
    Author     : Bruno Rouillard - rue Béjo <bruno at ruebejo.fr>
*/
.spip_documents_left {
  margin: 0.5em 1em 0 0;
  float: left;
}
.spip_documents_right {
  margin: 0.5em 0 0 1em;
  float: right;
}
.spip_documents_center {
  margin: 0.5em 0;
  width: 100%;
}
.spip_doc_suite {
  display: block;
  width: 100%;
}
.spip_doc_suite > .spip_documents {
  float: none;
  margin: 1em 0;
  padding: 0;
}
.spip_documents.clear {
  clear: both !important;
}
/* images */
.spip_document_image {
  /*.spip_doc_inner{
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
	}*/
  /*
	
	&.spip_documents_center.spip_image_paysage{
		img{
			width:100%;
			height: auto;
		}
		
	}*/
}
.spip_document_image .spip_doc_inner {
  max-width: 100%;
}
.spip_document_image .spip_doc_legende {
  padding: 0.5em;
  text-align: center;
}
.spip_document_image .spip_doc_legende .spip_doc_titre, .spip_document_image .spip_doc_legende .spip_doc_descriptif, .spip_document_image .spip_doc_legende .spip_doc_credits {
  margin: 0.5em;
  line-height: 1.2em;
}
.spip_document_image .spip_doc_legende .spip_doc_descriptif {
  text-align: left;
}
.spip_document_image .spip_doc_legende .spip_doc_credits {
  text-align: right;
  font-size: 0.95em;
}
.spip_document_image .spip_doc_legende .spip_doc_credits::before {
  content: "©";
}
.spip_document_image picture {
  max-width: 100% !important;
  position: relative;
}
.spip_document_image.spip_documents_center.spip_image_portrait {
  /*img{
			height: 100vh;
			width: auto;
		}*/
}
/*span.spip_documents_center img{
	padding:1em 0;
}*/
.spip_document_image {
  /* desktop */
  /* tablet */
  /* mobiles */
}
.spip_document_image.spip_documents_center .spip_doc_inner {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  width: 100% !important;
}
.spip_document_image.spip_documents_center img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 450px) {
  .spip_document_image.spip_documents_right, .spip_document_image.spip_documents_left {
    margin: 1em 0 !important;
    float: none;
    width: 100%;
  }
  .spip_document_image.spip_documents_right .spip_doc_inner, .spip_document_image.spip_documents_left .spip_doc_inner {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    width: 100% !important;
  }
  .spip_document_image.spip_documents_right picture, .spip_document_image.spip_documents_left picture {
    /*width:100%!important;*/
  }
  .spip_document_image.spip_documents_right img, .spip_document_image.spip_documents_left img {
    width: 100%;
    height: auto;
  }
}
#content .spip_document_file {
  margin-bottom: 2em;
  display: inline-block;
  /* mobiles */
}
#content .spip_document_file a {
  background: #66A6FF;
  padding: 2em;
  border-radius: 20px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  z-index: 5;
}
#content .spip_document_file a, #content .spip_document_file a strong {
  color: white;
  text-decoration: none;
}
#content .spip_document_file a figcaption {
  flex: 0 1 60%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  margin-left: 2em;
}
#content .spip_document_file a figcaption .spip_doc_titre {
  display: none;
}
#content .spip_document_file a figcaption .spip_doc_credits {
  margin-top: 1em;
  text-align: right;
}
#content .spip_document_file a .visuel {
  flex: 0 1 auto;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
#content .spip_document_file a .visuel .titre {
  text-align: center;
  font-weight: bold;
  margin-top: 0.5em;
  min-width: 5em;
}
#content .spip_document_file a .download {
  margin-top: 1em;
}
@media screen and (max-width: 450px) {
  #content .spip_document_file a {
    padding: 2em;
    border-radius: 20px;
    flex-flow: column nowrap;
    justify-content: space-around;
  }
  #content .spip_document_file a figcaption {
    flex: 1 1 60%;
    margin-left: 0em;
  }
  #content .spip_document_file a .download {
    margin-bottom: 1em;
  }
}
#content .spip_document_file.no_desc {
  margin-right: 32px;
}
#content .spip_document_file.no_desc figcaption {
  display: none;
}
/* logos */
.logo > picture {
  width: 100%;
}
.logo > picture img {
  width: 100%;
  height: auto;
}
/*
    Created on : 30/12/2024, 11:16:29
    Author     : Bruno Rouillard - rue Béjo <bruno at ruebejo.fr>
*/
/*  ----------------------------------------------------------- */
/* header */
/*  ----------------------------------------------------------- */
#header {
  /*.head2{
		background: transparent no-repeat center center url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/img/bandeau.png');
		background-size: cover;
		.inwrap{
			background-color: transparent;
		}

	}*/
}
#header .inwrap {
  background: #FFFFFF;
  justify-content: space-between;
  flex-flow: row wrap;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  gap: 15px;
}
#header .inwrap a.logo_site {
  text-decoration: none !important;
  width: 200px;
}
#header .inwrap .logo {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none !important;
  padding: 10px 0 2px 13px;
}
#header .inwrap .logo .titre {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  flex: 0 0 200px;
  gap: 0.1em;
  transform: translate(-182px, 28px);
}
#header .inwrap .logo .titre span {
  font-weight: bold;
  flex: 0 0 auto;
  font-size: 0.6em;
  color: #2EBE11;
  text-align: right;
}
#header .inwrap .logo .titre span:last-of-type {
  font-size: 0.7em;
}
#header .inwrap .logo picture {
  flex: 0 0 100px;
}
#header .inwrap .logo img {
  width: 100px;
  height: auto;
}
@media screen and (max-width: 840px) {
  #header .inwrap {
    flex-flow: column nowrap;
    align-items: flex-start;
    padding: 0;
  }
  #header .inwrap .group {
    flex: 0 0 auto;
  }
}
@media screen and (max-width: 450px) {
  #header .site_titre {
    font-size: 1.7em;
  }
  #header .site_slogan {
    font-size: 0.9em;
  }
}
/*
    Created on : 5 avr. 2022, 15:19:09
    Author     : Bruno Rouillard - rue Béjo <bruno at ruebejo.fr>
*/
/*  ----------------------------------------------------------- */
/*  Main menu  */
/*  ----------------------------------------------------------- */
#navigation {
  position: relative;
  /* desktop */
  /* tablet & mobile menu */
}
#navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#navigation > ul li ul {
  position: absolute;
  left: -1000em;
  z-index: 100;
}
#navigation > ul {
  display: flex;
}
#navigation .rub.off > ul {
  display: none;
}
#navigation ul li > a, #navigation ul li > div {
  cursor: pointer;
}
#navigation ul li > a {
  display: block;
}
#navigation ul li.art.on > a {
  cursor: default;
}
@media screen and (min-width: 841px) {
  #navigation {
    align-self: flex-end;
  }
  #navigation .mini_menu {
    display: none;
  }
  #navigation > ul {
    flex-flow: row wrap;
    justify-content: space-between;
  }
  #navigation > ul > li:hover > ul {
    display: block !important;
    left: auto;
  }
  #navigation > ul > li {
    flex: 1 1 auto;
    text-align: center;
  }
  #navigation > ul > li ul li {
    text-align: left;
  }
  #navigation ul li > a {
    display: block;
  }
  #navigation ul li > div {
    display: none;
  }
  #navigation ul li.rub_open_close > span {
    display: none;
  }
}
@media screen and (max-width: 840px) {
  #navigation {
    position: absolute;
    width: 100%;
    height: 1px;
  }
  #navigation span.mini_menu {
    background: #2EBE11 url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/img/bg_minimenu_b.png') no-repeat center center;
    background-size: 80%;
    position: absolute;
    z-index: 100;
    text-align: center;
    cursor: pointer;
    clear: both;
    height: 50px;
    width: 50px;
    right: 18px;
    top: calc(50% - 25px);
  }
  #navigation > ul {
    display: none;
    z-index: 100;
    position: absolute;
    overflow: auto;
    top: calc(107px - 18px);
    max-height: calc(100vh - 107px);
    overscroll-behavior-y: none;
  }
  #navigation > ul.open, #navigation > ul.open > li, #navigation > ul.open > li a, #navigation > ul.open .open > ul, #navigation > ul.open .open > ul > li {
    display: block;
    position: relative;
    left: auto;
  }
  #navigation ul li.rub_open_close > ul {
    width: 100%;
  }
  #navigation ul li.rub_open_close > a, #navigation ul li.rub_open_close > span {
    display: inline-block !important;
  }
}
@media screen and (max-width: 450px) {
  #navigation > ul {
    top: calc(calc(14vw + 19px) - 10px);
    max-height: calc(100vh - calc(14vw + 19px));
  }
  #navigation span.mini_menu {
    height: 45px;
    width: 45px;
    right: 10px;
    top: calc(50% - 22.5px);
  }
}
/*  ----------------------------------------------------------- */
/*  Horizontal menu  */
/*  ----------------------------------------------------------- */
#content .menuh {
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
  margin: 0 0 2em 0;
  padding: 0;
}
#content .menuh li {
  list-style: none;
  flex: 1 1 10%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
}
#content .menuh li a {
  text-align: center;
  padding: 1em;
  text-decoration: none;
  flex: 1 1 100%;
}
/*
    Created on : 5 avr. 2022, 15:18:50
    Author     : Bruno Rouillard - rue Béjo <bruno at ruebejo.fr>
*/
#navigation > ul {
  z-index: 110;
  justify-content: flex-start;
}
#header .nav_wrapper .inwrap {
  padding-top: 0;
  padding-bottom: 0;
}
#header .nav_wrapper, #header .nav_wrapper > .inwrap {
  background: #56A4B8;
}
#header #navigation {
  /* desktop tablet */
}
#header #navigation > ul {
  justify-content: flex-start;
}
#header #navigation > ul li {
  flex: 0 0 auto;
}
#header #navigation > ul li a {
  padding: 0.5em 0.5em;
  text-decoration: none;
  color: #244C7E;
  font-weight: bold;
}
#header #navigation > ul > li {
  border-left: 1px solid white;
}
#header #navigation > ul > li:last-of-type {
  border-right: 1px solid white;
}
#header #navigation > ul li.on, #header #navigation > ul li:hover {
  background: linear-gradient(180deg, transparent 85%, #244C7E 85%, #244C7E);
}
#header #navigation > ul ul {
  background: #FFFFFF;
  padding-top: 4px;
}
#header #navigation > ul ul li.on, #header #navigation > ul ul li:hover {
  background: #244C7E;
}
#header #navigation > ul ul li.on a, #header #navigation > ul ul li:hover a {
  color: white;
}
@media screen and (max-width: 840px) {
  #header #navigation {
    top: 54px;
  }
  #header #navigation span.mini_menu {
    background: #66A6FF url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/img/bg_minimenu_w.png') no-repeat center center;
  }
  #header #navigation > ul {
    background: white;
    transform: translateY(34px);
    top: 0;
    padding: 10px 0;
    height: 100vh;
  }
  #header #navigation > ul li.on, #header #navigation > ul li:hover {
    background: #244C7E;
  }
  #header #navigation > ul li.on a, #header #navigation > ul li:hover a {
    color: white !important;
  }
  #header #navigation ul ul {
    transform: none;
    display: none;
  }
}
@media screen and (max-width: 450px) {
  #header #navigation ul {
    background: #56A4B8;
    transform: translateY(24px);
    top: 0;
  }
}
#header #navigation #header #navigation {
  /* mobile */
  /* mobile */
}
@media screen and (max-width: 450px) {
  #header #navigation #header #navigation ul1 li.rub_open_close > span::after {
    font-size: 2em;
    font-weight: bold;
    position: absolute;
    padding: 5px 15px;
    top: -5px;
    left: 0;
    z-index: 150;
    transform: translateY(-50%);
  }
  #header #navigation #header #navigation ul li.rub_open_close.open > span::after {
    content: "-";
  }
  #header #navigation #header #navigation ul li.rub_open_close.close > span::after {
    content: "+";
  }
  #header #navigation #header #navigation > ul {
    background: white;
    height: calc(100vh - 107px);
  }
  #header #navigation #header #navigation > ul li a {
    padding: 0.5em 1em 0.5em 6em;
    text-decoration: none;
    color: black;
  }
  #header #navigation #header #navigation > ul > li::before {
    position: absolute;
    content: "";
    top: 1em;
    height: 0.5em;
    width: 2em;
    transform: translateY(-50%);
  }
  #header #navigation #header #navigation > ul > li.on::before {
    width: 4.5em;
  }
  #header #navigation #header #navigation > ul > li:nth-child(2n + 1) {
    background: #E6E6E6;
  }
  #header #navigation #header #navigation li.accueil a {
    text-transform: lowercase;
  }
  #header #navigation #header #navigation span.mini_menu {
    background: #FFFFFF;
    top: calc(50% + 22px);
    display: flex;
    flex-flow: column nowrap;
    align-content: center;
    align-items: stretch;
    justify-content: space-between;
  }
  #header #navigation #header #navigation span.mini_menu span {
    width: 100%;
    height: 8.3333333333px;
    border-radius: 8.3333333333px;
  }
  #header #navigation #header #navigation span.mini_menu span:nth-child(3n + 1) {
    background: #2EBE11;
  }
  #header #navigation #header #navigation span.mini_menu span:nth-child(3n + 2) {
    background: #66A6FF;
  }
  #header #navigation #header #navigation span.mini_menu span:nth-child(3n + 3) {
    background: #D9EAF8;
  }
  #header #navigation #header #navigation span.mini_menu_open span:nth-child(3n + 1) {
    transform: translate(8.3333333333px, 4.1666666667px) rotate(45deg);
    transform-origin: top left;
  }
  #header #navigation #header #navigation span.mini_menu_open span:nth-child(3n + 2) {
    visibility: hidden;
  }
  #header #navigation #header #navigation span.mini_menu_open span:nth-child(3n + 3) {
    transform: translate(8.3333333333px, -4.1666666667px) rotate(-45deg);
    transform-origin: left bottom;
  }
}
@media screen and (max-width: 450px) {
  #header #navigation #header #navigation > ul {
    height: calc(100vh - calc(14vw + 19px));
  }
  #header #navigation #header #navigation span.mini_menu {
    top: calc(50% + 12px);
  }
  #header #navigation #header #navigation span.mini_menu span {
    height: 7.5px;
    border-radius: 7.5px;
  }
  #header #navigation #header #navigation span.mini_menu_open span:nth-child(3n + 1) {
    transform: translate(7.5px, 3.75px) rotate(45deg);
  }
  #header #navigation #header #navigation span.mini_menu_open span:nth-child(3n + 3) {
    transform: translate(7.5px, -3.75px) rotate(-45deg);
  }
}
/*
    Created on : 21 fév. 2025, 15:11:22
    Author     : Bruno Rouillard - rue Béjo <bruno at ruebejo.fr>
*/
/*  ----------------------------------------------------------- */
/*  Footer pour SPIP 4.4							        *
/*  ----------------------------------------------------------- */
#footer {
  align-self: flex-end;
  background: #E9A224;
}
#footer * {
  color: #fff;
}
#footer .inwrap {
  z-index: 10;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: flex-start;
  font-size: 18px;
  gap: 2em;
}
#footer .organisme-info > h4, #footer .organisme_social > h4, #footer .transversal-links > h4 {
  text-transform: uppercase;
  margin-bottom: 1em;
}
#footer .postal-code, #footer .locality {
  display: inline-block !important;
}
#footer .transversal-links {
  width: 100%;
}
#footer .transversal-links h4 {
  padding-right: 30px;
}
#footer .transversal-links > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  gap: 2em;
}
#footer .transversal-links > ul li {
  position: relative;
}
#footer .transversal-links > ul li a {
  text-decoration: none;
  /*line-height: 1.41em;*/
  /*display: inline-block;*/
}
#footer .transversal-links > ul li.on a {
  font-weight: bold;
  padding-right: 38px;
}
#footer .transversal-links > ul li.on a::before {
  content: "🛩";
  font-size: 1.4em;
  position: absolute;
  right: 0;
}
#footer .transversal-links > ul li.off:hover a {
  text-decoration: underline;
}
#footer .organisme-links .links {
  display: flex;
  flex-flow: row nowrap;
  gap: 1em;
}
#footer .organisme-links .logo {
  /*filter:grayscale(1);*/
}
#footer .organisme-links .logo:hover, #footer .organisme-links .logo:active {
  filter: brightness(1.2);
}
#footer .organisme-links .logo img {
  width: 30px;
  height: 30px;
  border-radius: 5px;
}
@media screen and (max-width: 840px) {
  #footer .transversal-links > ul {
    gap: 1em;
  }
  #footer .transversal-links > ul > li {
    flex: 1 0 41%;
  }
}
@media screen and (max-width: 450px) {
  #footer .transversal-links > ul > li {
    flex: 1 0 80%;
  }
}
/*
Bruno Rouillard - rue Béjo 
*/
/*
    Created on : 5 nov. 2025, 09:49:35
    Author     : Bruno Rouillard - rue Béjo <bruno at ruebejo.fr>
*/
.diaporama_wrapper {
  margin: 30px 0 0 0;
  position: relative;
  /* background color */
  /* diapo fit in (ajuste) */
  /* diapo cut (recadre) */
  /* desktop */
  /* tablet */
  /* mobile */
  /* title & legend */
  /* defilant */
}
.diaporama_wrapper, .diaporama_wrapper .diapo, .diaporama_wrapper picture {
  background-color: #244C7E;
}
.diaporama_wrapper .diapo {
  height: 100%;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: stretch;
  align-items: center;
  align-content: stretch;
  float: left;
}
.diaporama_wrapper picture {
  max-height: 100%;
  width: 100% !important;
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
}
.diaporama_wrapper picture img {
  position: absolute;
}
.diaporama_wrapper .diapo.ajuste picture img {
  height: 100%;
  width: auto;
  left: 50%;
  transform: translateX(-50%);
}
.diaporama_wrapper .diapo.recadre picture img {
  width: 100vw;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.diaporama_wrapper .legende {
  color: black;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 841px) {
  .diaporama_wrapper {
    height: 470px;
  }
}
@media screen and (min-width: 451px) and (max-width: 840px) {
  .diaporama_wrapper {
    height: 50vh;
  }
}
@media screen and (max-width: 450px) {
  .diaporama_wrapper {
    height: 40vh;
  }
}
.diaporama_wrapper .legende {
  padding: 0.5em 1.5em;
  color: white;
  display: flex;
  flex-flow: column nowrap;
  gap: 0.7em;
}
.diaporama_wrapper.diaporama_defilant {
  /* nav */
}
.diaporama_wrapper.diaporama_defilant .move_container, .diaporama_wrapper.diaporama_defilant .move {
  height: 100%;
}
.diaporama_wrapper.diaporama_defilant .move_container {
  overflow: hidden;
}
.diaporama_wrapper.diaporama_defilant .diapo_nav {
  position: absolute;
  z-index: 7;
  height: 100%;
  top: 50%;
  text-align: center;
}
.diaporama_wrapper.diaporama_defilant .diapo_nav::before {
  font-weight: bold;
  position: absolute;
  text-align: center;
  line-height: 100%;
  transform: translateY(-50%);
  width: 3em;
  height: 3em;
  line-height: 3em;
  border-radius: 3em;
  cursor: pointer;
}
.diaporama_wrapper.diaporama_defilant #diapo_navl {
  left: 10px;
}
.diaporama_wrapper.diaporama_defilant #diapo_navl::before {
  content: "<";
}
.diaporama_wrapper.diaporama_defilant #diapo_navr {
  right: 10px;
}
.diaporama_wrapper.diaporama_defilant #diapo_navr::before {
  content: ">";
  transform: translate(-100%, -50%);
}
/* custom */
.diaporama_wrapper .legende {
  top: 100%;
  left: 0;
  transform: translate(0, -100%);
  background: #00000080;
  width: 100%;
}
.diaporama_wrapper .legende p, .diaporama_wrapper .legende h4, .diaporama_wrapper .legende a {
  color: white;
}
.diaporama_wrapper .diapo_nav::before {
  background: #ffffff99;
}
/*
    Created on : 3 juin 2022, 10:34:54
    Author     : Bruno Rouillard - rue Béjo <bruno at ruebejo.fr>
*/
#content .frm {
  z-index: 1;
  /* look & feel */
  /* rbform 600 */
  /* mobiles */
}
#content .frm label {
  color: #244C7E;
  min-width: 10em;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 0.25em;
}
#content .frm > div {
  padding-right: 0;
}
#content .frm input, #content .frm textarea {
  border: 3px solid #244C7E;
  border-radius: 2px;
  background: #eee;
}
#content .frm input:focus, #content .frm textarea:focus {
  background: #D9EAF8;
  box-shadow: none;
}
#content .frm input.non_valide, #content .frm textarea.non_valide {
  border-color: red;
}
#content .frm div.bouton {
  margin: 0;
  justify-content: flex-end;
}
#content .frm div.bouton input {
  background: #D9EAF8;
  border-color: #244C7E;
  margin-right: 0;
  text-transform: uppercase;
}
#content .frm > div.input_field {
  flex: 1 1 48%;
}
#content .frm > div.text_field {
  flex: 1 1 100%;
}
#content .frm > div.text_field label, #content .frm > div.text_field textarea {
  width: 100%;
}
#content .frm > div.checkbox_field .wrapper {
  padding: 0.5em;
  margin: 0.25em 0;
  gap: 0.25em;
}
#content .frm > div.checkbox_field .wrapper label {
  flex-shrink: 1;
}
@media screen and (max-width: 450px) {
  #content .frm > div {
    flex-wrap: wrap;
    margin-right: 0;
    width: 100%;
  }
  #content .frm label {
    flex: 1 0 100%;
    padding: 0.25em 0;
  }
  #content .frm textarea {
    margin: 0;
  }
  #content .frm .aide_mini {
    display: none;
  }
}
.page_connexion #content .cnx {
  margin: 2em auto;
  max-width: 450px;
}
.page_connexion #content .reponse_formulaire_erreur {
  background-color: rgba(255, 0, 0, 0.1);
  padding: 1em;
}
.page_connexion #content .formulaire_login {
  border: 1px solid #777;
  padding: 0.5em;
}
.page_connexion #content .formulaire_login fieldset {
  max-width: 100%;
  margin: 0;
}
.page_connexion #content .formulaire_login legend, .page_connexion #content .formulaire_login label, .page_connexion #content .formulaire_login input {
  margin: 0.5em 0;
}
.page_connexion #content .formulaire_login input.text {
  width: 100%;
}
/*
    Created on : 6 avr. 2022, 18:07:48
    Author     : Bruno Rouillard - rue Béjo <bruno at ruebejo.fr>
*/
/*
    Created on : 5 avr. 2022, 14:49:04
    Author     : Bruno Rouillard - rue Béjo <bruno at ruebejo.fr>
*/
.crayon-init .crayon-icones {
  z-index: 1 !important;
  float: left !important;
}
html, body, .container {
  position: relative;
  min-height: 100%;
  background-color: #FFFFFF;
}
html, body {
  height: 100%;
  scroll-behavior: smooth;
}
/* site max-width */
.inwrap, #main_wrap {
  position: relative;
  max-width: 1290px;
  width: 100%;
  margin: 0 auto;
  display: flex;
}
.container {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: center;
}
.container > div {
  clear: both;
  width: 100%;
  flex: 0 1 auto;
  position: relative;
}
/* GIS */
#content .leaflet-control-zoom a, #content .leaflet-control-zoom a:hover {
  text-decoration: none;
}
#content a.leaflet-popup-close-button {
  text-decoration: none;
}
#content .main > .carte_gis, #content .wrapper_points_gis {
  margin-bottom: 2em;
}
/* bloc padding : inwrap right - top | elements left bottom */
/* mobile only */
@media screen and (max-width: 450px) {
  .inwrap {
    gap: 10px;
    padding: 10px;
  }
  #main_wrap {
    gap: 10px;
    padding: 10px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-content: center;
  }
  #content > * {
    max-width: calc(100vw - 10px);
  }
}
/* tablet only */
@media screen and (min-width: 451px) and (max-width: 840px) {
  .inwrap {
    gap: 18px;
    padding: 18px;
  }
  #main_wrap {
    gap: 18px;
    padding: 18px;
    display: flex;
    flex-flow: column nowrap;
  }
  #content > * {
    max-width: calc(100vw - 18px);
  }
}
/* desktop only */
@media screen and (min-width: 841px) {
  .inwrap, #main_wrap {
    gap: 25px;
    padding: 25px;
  }
  #content {
    flex: 1 1 100%;
  }
  #content > * {
    max-width: calc(100vw - 25px);
  }
}
/* rubrique summary */
.rub_list {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  /* mobiles */
}
.rub_list > div {
  text-align: center;
  padding-bottom: 40px !important;
}
.rub_list > div a {
  color: #66A6FF;
  text-decoration: none;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 100%;
}
.rub_list > div .logo {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 200px;
  height: 200px;
  border-radius: 200px;
  background: #2EBE11;
}
.rub_list > div .lire_la_suite {
  display: none;
}
.rub_list > div .titre {
  padding: 1em;
}
.rub_list div.without_logo .titre {
  padding: 0;
}
.rub_list .with_logo {
  min-width: 32%;
}
.rub_list .with_logo a:hover .logo {
  box-shadow: 2px 2px 5px rgba(125, 125, 125, 0.9);
}
@media screen and (max-width: 450px) {
  .rub_list {
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
  }
}
ul.pagination-items li {
  padding: 0;
  line-height: 1.5em;
  width: 1.5em;
  text-align: center;
  color: black;
}
ul.pagination-items li.disabled {
  color: #999;
}
ul.pagination-items li.on {
  color: black;
  background: #2EBE11;
  border-radius: 1.5em;
}
#content > .traduction a {
  float: right;
  margin-right: 1em;
}
#content > .traduction a::before {
  content: "";
  background: transparent url('https://test.crapl.fr/s/test.crapl.fr/squelettes/css/img/drapeaux.png') no-repeat left center;
  background-size: 25px;
  width: 25px;
  height: 27px;
  position: absolute;
  transform: translateX(-30px);
}
#content > .traduction a.en::before {
  background-position-y: -30px;
}
#content > .traduction a.fr::before {
  background-position-y: 0;
}
.article_accueil #header2 {
  margin-bottom: 0;
}
.article_accueil .actus-accueil {
  background: #D9EAF8;
}
.article_accueil .actus-accueil .inwrap {
  flex-flow: column wrap;
  margin-top: 0;
}
.article_accueil .actus-accueil .items {
  display: flex;
  flex-flow: row nowrap;
  gap: 55px;
}
.article_accueil .actus-accueil h2 {
  font-size: 1.7em;
  margin: 25px 0 12px 0;
  color: #244C7E;
}
.article_accueil .actus-accueil .voir_toutes {
  text-align: right;
  margin: 25px 0 25px 0;
}
.article_accueil .actus-accueil .voir_toutes a {
  font-size: 1.5em;
  margin: 0 0 25px 0;
  color: #244C7E;
  text-decoration: none;
}
.article_accueil .actus-accueil .voir_toutes a::after {
  content: "»";
  font-size: 1.1em;
  margin-left: 0.5em;
}
.article_accueil .actus-accueil .article a {
  display: flex;
  flex-flow: column nowrap;
  gap: 20px;
  color: #244C7E;
  background: white;
  padding: 2em 2em 3em 2em;
  cursor: pointer;
}
.article_accueil .actus-accueil .article a::after {
  content: "»";
  position: absolute;
  right: 1em;
  bottom: 1em;
  font-size: 2em;
}