/*
#@0
#@1
#@2
#@3
#@4
#@5
#@6
#@7
#@8
#@9
#@10
#@11
#@12
*/
@charset "UTF-8";
/*
    Created on : 9 mars 2022, 17:30:53
    Author     : Bruno Rouillard - rue Béjo <bruno at ruebejo.fr>
*/
/* colors */
/* orange ? */
/* vert */
/* vert clair (pied)*/
/* vert foncé principal */
/* 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>
*/
body {
  font-family: "Josefin Sans", sans-serif;
  font-size: 18px;
  color: #000000;
  background: #FFFFFF;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
#content {
  /* Tableaux SPIP */
}
#content h1, #content h2, #content h3, #content h4 {
  font-family: "Josefin Sans", 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: #1E3D2B;
  display: inline-block;
  padding: 20px 0 3px 0;
}
#content h2.spip {
  line-height: 1.2em;
  font-size: 43px;
  display: block;
  clear: both;
  padding-left: calc(87px + 0.5em);
  max-width: 560px;
}
#content h2.spip::before {
  height: 87px;
  width: 87px;
  position: absolute;
  content: "";
  background: transparent left center url('https://test.viridis-jardin.fr/s/test.viridis-jardin.fr/squelettes/css/img/feuilles-ginkgo-biloba.svg') no-repeat;
  background-size: auto 87px;
  left: 0;
}
@media screen and (max-width: 1365px) {
  #content h2.spip {
    font-size: 31px;
    max-width: 430px;
    padding-left: calc(70px + 0.5em);
  }
  #content h2.spip::before {
    height: 70px;
    width: 70px;
    background-size: auto 70px;
  }
}
@media screen and (max-width: 606px) {
  #content h2.spip {
    font-size: 24px;
    max-width: 430px;
    padding-left: calc(54px + 0.5em);
  }
  #content h2.spip::before {
    height: 54px;
    width: 54px;
    background-size: auto 54px;
  }
}
#content p, #content li, #content a, #content td {
  font-weight: 300;
}
#content blockquote p {
  font-weight: 400;
}
#content p + h2.spip, #content .wrapper_table + h2.spip, #content blockquote + h2.spip, #content ul + h2.spip {
  margin-top: 2em;
}
#content hr.spip {
  border: none;
  background: #1E3D2B;
  margin: 0 0 1.5em 0;
  padding: 6px 0;
  position: relative;
  clear: none;
}
#content hr.spip::after {
  transform: translateY(-6px);
}
#content h1.spip::after {
  right: 0;
  bottom: 0;
  width: 100vw;
}
@media screen and (min-width: 1366px) {
  #content > h1::after {
    right: 0;
    bottom: 0;
    width: 100vw;
  }
}
#content h2 {
  font-size: 26px;
  color: #1E3D2B;
}
#content h3 {
  font-size: 24px;
  color: #1E3D2B;
}
#content h4 {
  font-size: 20px;
  color: #1E3D2B;
}
#content .notes h3 {
  border-top: 1px solid #1E3D2B;
  padding-top: 0.5em;
}
#content table td, #content table th {
  text-align: center;
  padding: 1em 1em 1em 1em;
}
#content table tr td {
  background: #f7f8f5;
}
#content table tr:nth-child(even) td {
  background: white;
}
#content table th {
  background: #1E3D2B;
  color: white;
  border: 1px solid black;
}
#content table td {
  border: 1px solid black;
}
#content a {
  color: #1E3D2B;
}
#content a:visited {
  color: #1E3D2B;
}
#content a:hover {
  color: black;
}
#content strong {
  color: #1E3D2B;
}
#content strong.caractencadre-spip, #content strong.caractencadre2-spip {
  color: black;
  font-weight: normal;
}
#content strong.caractencadre-spip {
  background: #ffBE11;
  background: linear-gradient(transparent 0% 50%, #ffBE11 50% 90%, transparent 90% 100%);
}
#content strong.caractencadre2-spip {
  background: linear-gradient(transparent 0% 50%, #ffBE11 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 #ffBE11;
  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: #ff3D2B;
  font-family: "Josefin Sans", 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: transparent url('https://test.viridis-jardin.fr/s/test.viridis-jardin.fr/squelettes/css/img/puce.png') no-repeat left center;
  height: 25px;
  width: 25px;
  border-radius: 25px;
  position: absolute;
  top: 0;
  transform: translate(-35px, 3px);
}
#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 0;
  font-size: 18px !important;
  display: block;
  font-family: "Josefin 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: #1E3D2B;
  text-decoration: none !important;
  text-align: left;
}
#content p.lire_la_suite > a, #content .article.summary .lire_la_suite > a, #content .article.summary .lire_la_suite > span {
  font-weight: 400;
  font-family: "Dancing Script";
  font-size: 30px;
  border: 1px solid #1E3D2B;
  padding: 15px 36px 15px 47px;
  overflow: hidden;
  text-align: left;
  background: #1E3D2B no-repeat url('https://test.viridis-jardin.fr/s/test.viridis-jardin.fr/squelettes/css/img/picto-fleche.png') -5px center;
  background-size: 36px;
  color: white;
  z-index: 2;
}
#content p.lire_la_suite > a:hover, #content p.lire_la_suite > a:active, #content .article.summary .lire_la_suite > a:hover, #content .article.summary .lire_la_suite > a:active, #content .article.summary .lire_la_suite > span:hover, #content .article.summary .lire_la_suite > span:active {
  background: white no-repeat url('https://test.viridis-jardin.fr/s/test.viridis-jardin.fr/squelettes/css/img/picto-fleche-noir.png') -5px center;
  background-size: 36px;
  color: #1E3D2B;
}
p.lire_la_suite > a {
  cursor: pointer;
}
#content .spip_document + .ajaxbloc {
  margin-top: 1em;
}
.address div, .schedule p, footer .phone {
  line-height: 1.5em;
  display: block;
}
.main .phone {
  display: inline-block;
  margin-left: 0.25em;
}
/*
    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: 1.5em 0;
  width: 100%;
}
/*
.spip_doc_suite {
	display: block;
	width:100%;
}
.spip_doc_suite > .spip_documents{
	float:none;
	margin:1em 0;
	padding:0;
}*/
.spip_doc_suite {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  max-width: 100%;
  margin: 0 0 4px 0;
}
.spip_doc_suite > .spip_documents {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
}
.spip_doc_suite > .spip_documents img {
  float: left !important;
}
.spip_doc_suite figcaption {
  display: none;
}
.spip_doc_suite + p, p + .spip_doc_suite {
  padding-top: 1em;
}
.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: 606px) {
  .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: #ff3D2B;
  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: 606px) {
  #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 {
  position: relative;
  /*@media screen and (min-width: 766px) and (max-width: ($tablet_width)) {
		.inwrap{
			flex-flow: row nowrap;
			justify-content: flex-start;
			padding:0;

		}
		.logo_site{
			margin-left:6vw;
		}
	}*/
  /*.head2{
		background: transparent no-repeat center center url('https://test.viridis-jardin.fr/s/test.viridis-jardin.fr/squelettes/css/img/bandeau.png');
		background-size: cover;
		.inwrap{
			background-color: transparent;
		}

	}*/
}
#header a.phone {
  background: #1E3D2B url('https://test.viridis-jardin.fr/s/test.viridis-jardin.fr/squelettes/css/img/picto-tel.png') no-repeat 7px center;
  font-weight: 600;
  background-size: auto 75%;
  color: white;
  padding: 19px 0.5em 16px 2.2em;
  font-size: 33px;
  z-index: 6;
}
#header .inwrap {
  background: #FFFFFF;
  padding-top: 5px;
  padding-bottom: 0;
  gap: 60px;
  flex-flow: row nowrap;
  justify-content: space-around;
  align-items: center;
}
#header .inwrap .logo {
  flex: 0 0 100%;
}
#header .inwrap .logo > picture img {
  height: 100%;
  width: auto;
}
@media screen and (min-width: 1366px) {
  #header .inwrap {
    max-width: 100%;
    padding-right: 352px;
    min-height: 109px;
  }
  #header a.phone {
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translateY(50%);
  }
  #header #navigation {
    flex: 1 1 1600px;
  }
}
@media screen and (max-width: 1365px) {
  #header a.phone {
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translateY(0);
  }
  #header .inwrap {
    max-width: 100%;
    justify-content: flex-start;
    align-items: center;
    height: 106px;
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
  }
  #header .logo {
    height: 75px;
    margin-left: 10px;
  }
}
@media screen and (max-width: 606px) {
  #header {
    margin-bottom: 66px;
  }
  #header .inwrap {
    height: 89px;
  }
  #header a.phone {
    position: absolute;
    bottom: 0;
    transform: translateY(100%);
    width: 100%;
  }
  #header .logo {
    height: 69px;
    margin-left: 8px;
  }
}
/*
    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: 1366px) {
  #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: 1365px) {
  #navigation {
    position: absolute;
    width: 100%;
    height: 1px;
  }
  #navigation span.mini_menu {
    background: #ffBE11 url('https://test.viridis-jardin.fr/s/test.viridis-jardin.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(106px - 18px);
    max-height: calc(100vh - 106px);
    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: 606px) {
  #navigation > ul {
    top: calc(89px - 20px);
    max-height: calc(100vh - 89px);
  }
  #navigation span.mini_menu {
    height: 45px;
    width: 45px;
    right: 20px;
    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 jui. 2026, 15:18:50
    Author     : Bruno Rouillard - rue Béjo <bruno at ruebejo.fr>
*/
#navigation {
  flex: 1 1 100%;
}
#navigation > ul {
  z-index: 110;
  justify-content: space-between;
}
#header .nav_wrapper .inwrap {
  padding-top: 0;
  padding-bottom: 0;
}
#header #navigation {
  /* desktop */
  /* tablets & mobiles */
  /* mobiles only */
  /* tablet */
}
#header #navigation > ul {
  justify-content: space-between;
  height: 76px;
}
#header #navigation > ul li {
  flex: 0 0 auto;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  position: relative;
}
#header #navigation > ul li a {
  padding: 0.5em 0.5em;
  text-decoration: none;
  color: #1E3D2B;
  font-weight: normal;
  font-size: 19px;
}
#header #navigation > ul ul li.on, #header #navigation > ul ul li:hover {
  background: #1E3D2B;
}
#header #navigation > ul ul li.on a, #header #navigation > ul ul li:hover a {
  color: white;
}
@media screen and (min-width: 1366px) {
  #header #navigation > ul > li:hover > ul {
    left: 50%;
    transform: translateX(-50%);
  }
  #header #navigation > ul > li.on.art::after, #header #navigation > ul > li.art:hover::after, #header #navigation > ul > li.on.rub_single::after, #header #navigation > ul > li.rub_single:hover::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    background: #A2B18A;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    transform: translate(-50%, calc(20px / 2));
    z-index: 6;
  }
  #header #navigation > ul > li {
    position: relative;
  }
  #header #navigation > ul > li > ul {
    top: 0;
    padding-top: 76px;
    background: transparent;
    border-top: none;
    display: block !important;
    width: 279px;
  }
  #header #navigation > ul > li > ul li, #header #navigation > ul > li > ul li:hover {
    border-left: 6px solid white;
    border-right: 6px solid white;
    background: #1E3D2B;
    padding: 5px 0;
  }
  #header #navigation > ul > li > ul li a, #header #navigation > ul > li > ul li:hover a {
    color: white;
    padding: 0.9em 0.9em 0.9em 42px;
  }
  #header #navigation > ul > li > ul li:last-child, #header #navigation > ul > li > ul li:hover:last-child {
    border-bottom: 6px solid white;
  }
  #header #navigation > ul > li > ul li.on, #header #navigation > ul > li > ul li:hover {
    background: #1E3D2B no-repeat url('https://test.viridis-jardin.fr/s/test.viridis-jardin.fr/squelettes/css/img/picto-fleche.png') -4px center;
    background-size: 36px;
  }
}
@media screen and (max-width: 1365px) {
  #header #navigation {
    top: 67px;
  }
  #header #navigation span.mini_menu {
    background: transparent url('https://test.viridis-jardin.fr/s/test.viridis-jardin.fr/squelettes/css/img/bg_minimenu.png') no-repeat center center;
    right: 325px;
    top: calc(50% - 20px);
  }
  #header #navigation > ul {
    background: #1E3D2B;
    transform: translateY(34px);
    top: 0;
    padding: 10px 0;
    height: 100vh;
  }
  #header #navigation > ul li.on, #header #navigation > ul li:hover {
    background: #1E3D2B no-repeat url('https://test.viridis-jardin.fr/s/test.viridis-jardin.fr/squelettes/css/img/picto-fleche.png') -4px center;
    background-size: 36px;
  }
  #header #navigation > ul li a, #header #navigation > ul li:hover a {
    color: white !important;
    padding: 0.9em 0.9em 0.9em 42px;
  }
  #header #navigation ul ul {
    transform: none;
    display: none;
  }
}
@media screen and (max-width: 606px) {
  #header #navigation {
    top: 42px;
    /*ul{
			background: #56A4B8;
			transform: translateY(24px);
			top :0;
		}*/
  }
  #header #navigation span.mini_menu {
    right: 25px;
  }
}
#header #navigation #header #navigation {
  /* mobile */
  /* mobile */
}
@media screen and (max-width: 606px) {
  #header #navigation #header #navigation {
    /*ul 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%);
			}
			ul li.rub_open_close.open > span::after{
				content: '-';
			}
			ul li.rub_open_close.close > span::after{
				content: '+';
			}

			> ul{
				background: white;
				height: calc(100vh - 106px);

				li a{
					padding:0.5em 1em 0.5em 6em;
					text-decoration:none;
					color:black;
				}

				> li::before{
					position: absolute;
					content:'';
					top:1em;
					height:0.5em;
					width:2em;
					transform: translateY(-50%);
				}

				> li.on::before{
					width:4.5em;
				}

				& > li:nth-child(2n + 1)
					{
					background: #E6E6E6;
				}

			}
			li.accueil a{
				text-transform: lowercase;
			}

			span.mini_menu {
				background: $bg_global;
				top:calc(50% + 22px);
				display: flex;
				flex-flow: column nowrap;
				align-content: center;
				align-items: stretch;
				justify-content: space-between;
				span{
					width:100%;
					height: $tablet_menu_size / 6;
					border-radius: $tablet_menu_size / 6;
				}
				span:nth-child(3n + 1){
					background: $brand_color2;
				}
				span:nth-child(3n + 2){
					background: $brand_color1;
				}
				span:nth-child(3n + 3){
					background: $brand_color3;
				}
			}
			span.mini_menu_open {
				span:nth-child(3n + 1){
					transform: translate(8.3333333333px, 4.1666666667px) rotate(45deg);
					transform-origin: top left;
				}
				span:nth-child(3n + 2){
					visibility: hidden;
				}
				span:nth-child(3n + 3){
					transform: translate(8.3333333333px, -4.1666666667px) rotate(-45deg);
					transform-origin: left bottom;
				}
			}*/
  }
}
@media screen and (max-width: 606px) {
  #header #navigation #header #navigation {
    /*> ul{
				height: calc(100vh - 89px);
			}
			span.mini_menu {
				top:calc(50% + 12px);
				span{
					height: $mobile_menu_size / 6;
					border-radius: $mobile_menu_size / 6;
				}
			}
			span.mini_menu_open {
				span:nth-child(3n + 1){
					transform: translate(7.5px, 3.75px) rotate(45deg);
				}
				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;
  width: 100%;
}
#footer .inwrap {
  z-index: 10;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  font-size: 18px;
  gap: 2em;
}
#footer * {
  color: #fff;
}
#footer #footer_top {
  background: #A2B18A;
}
#footer #footer_top .inwrap {
  padding-top: 3em;
}
@media screen and (min-width: 1279px) {
  #footer #footer_top {
    background: #A2B18A url('https://test.viridis-jardin.fr/s/test.viridis-jardin.fr/squelettes/css/img/arbre-footer-mini.png') no-repeat bottom right;
    background-size: 260px;
  }
  #footer #footer_top .inwrap {
    max-width: calc(1100px + 300px);
    padding-right: 300px;
  }
}
#footer #footer_bottom {
  background: #1E3D2B;
}
#footer #footer_bottom .inwrap {
  max-width: 100%;
}
#footer .up {
  position: relative;
}
#footer .up a {
  background: #A2B18A;
  position: absolute;
  right: 20px;
  transform: translateY(-100%);
  padding: 10px 15px 5px 15px;
}
#footer h2 {
  text-transform: uppercase;
  display: block;
  margin-bottom: 1.7em;
}
#footer .organisme-info.address {
  background: transparent url('https://test.viridis-jardin.fr/s/test.viridis-jardin.fr/squelettes/css/img/picto-geo.png') no-repeat center left;
}
#footer .organisme-info.phone {
  background: transparent url('https://test.viridis-jardin.fr/s/test.viridis-jardin.fr/squelettes/css/img/picto-tel.png') no-repeat center left;
}
#footer .organisme-wrapper {
  display: flex;
  flex-flow: column nowrap;
  gap: 1.7em;
}
#footer .organisme-info {
  background-size: 40px !important;
  padding-left: 50px;
}
#footer .postal-code, #footer .locality {
  display: inline-block !important;
}
#footer #nav_rappel_pied ul {
  padding-left: 0;
}
#footer #nav_rappel_pied li {
  list-style: none;
}
#footer #nav_rappel_pied a {
  line-height: 1.5em;
  text-decoration: none;
}
#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;
  justify-content: center;
  gap: 2em;
}
#footer .transversal-links > ul li {
  position: relative;
}
#footer .transversal-links > ul li a {
  text-decoration: none;
}
#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 .transversal-links > ul li ul {
  display: none !important;
}
#footer .site_description {
  flex: 0 1 462px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 2em;
}
#footer .site_description .logo {
  max-height: 155px;
}
#footer .site_description .logo img {
  width: auto;
}
#footer .site_description .descriptif {
  flex: 0 1 272px;
}
#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: 1365px) {
  #footer .transversal-links > ul {
    gap: 1em;
  }
  #footer .organisme-wrapper {
    flex-flow: row wrap;
    margin-bottom: 2em;
  }
  #footer .inwrap {
    justify-content: center;
  }
  #footer #footer_top .inwrap {
    gap: 2em;
  }
  #footer #nav_rappel_pied1 ul {
    display: flex;
    flex-flow: row wrap;
    gap: 1.5em;
  }
}
@media screen and (max-width: 606px) {
  #footer #footer_top .inwrap {
    gap: 2em !important;
  }
  #footer li a {
    display: block;
    text-align: center;
  }
  #footer #nav_rappel_pied h2 {
    display: none;
  }
  #footer .organisme {
    flex: 1 1 100%;
  }
  #footer .organisme h2 {
    display: block;
    text-align: center;
  }
  #footer .organisme-wrapper {
    flex-flow: row wrap;
    justify-content: center;
  }
  #footer ul > li {
    flex: 1 1 100%;
  }
  #footer .site_description {
    flex: 1 1 100%;
    justify-content: center;
  }
  #footer .site_description .descriptif {
    display: none;
  }
  #footer #footer_top .inwrap {
    gap: 2em;
  }
}
/*
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: 0 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: #1E3D2B;
}
.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 .diapo_h1, .diaporama_wrapper .masque {
  position: absolute;
  z-index: 5;
  height: 100%;
  width: 100%;
  text-align: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
.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: 1366px) {
  .diaporama_wrapper {
    height: 224px;
  }
}
@media screen and (min-width: 607px) and (max-width: 1365px) {
  .diaporama_wrapper {
    height: 204px;
  }
}
@media screen and (max-width: 606px) {
  .diaporama_wrapper {
    height: 190px;
  }
}
.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 .diapo_h1 h1 {
  color: white;
  font-size: 58px;
  font-weight: bold;
  line-height: 1.3em;
  text-shadow: -1px -1px 0 #00000050, 1px -1px 0 #00000050, -1px 1px 0 #00000050, 1px 1px 0 #00000050;
}
@media screen and (max-width: 1365px) {
  .diaporama_wrapper .diapo_h1 h1 {
    font-size: 42px;
  }
}
@media screen and (max-width: 606px) {
  .diaporama_wrapper .diapo_h1 h1 {
    font-size: 31px;
  }
}
.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;
}
.article_accueil .diaporama_wrapper {
  background-color: transparent;
  /* desktop */
  /* tablet */
  /* mobile */
}
.article_accueil .diaporama_wrapper .masque {
  background: transparent url('https://test.viridis-jardin.fr/s/test.viridis-jardin.fr/squelettes/css/img/Illustration-arbre-diaporama.png') no-repeat right bottom;
  background-size: 20% auto;
}
@media screen and (min-width: 1366px) {
  .article_accueil .diaporama_wrapper {
    height: 700px;
  }
}
@media screen and (min-width: 607px) and (max-width: 1365px) {
  .article_accueil .diaporama_wrapper {
    height: 700px;
  }
  .article_accueil .diaporama_wrapper .masque {
    background: none;
  }
}
@media screen and (max-width: 606px) {
  .article_accueil .diaporama_wrapper {
    height: 467px;
  }
  .article_accueil .diaporama_wrapper .masque {
    background: none;
  }
}
.article_accueil .diaporama_wrapper .legende {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  align-items: center;
  background: transparent;
}
.article_accueil .diaporama_wrapper .legende .diapo_titre, .article_accueil .diaporama_wrapper .legende .diapo_descriptif {
  width: 50vw;
  max-width: 570px;
  text-align: left;
  color: white;
  line-height: 1.3em;
  text-shadow: -1px -1px 0 #00000050, 1px -1px 0 #00000050, -1px 1px 0 #00000050, 1px 1px 0 #00000050;
}
.article_accueil .diaporama_wrapper .legende .diapo_titre {
  font-size: 58px;
  font-weight: bold;
}
@media screen and (max-width: 1365px) {
  .article_accueil .diaporama_wrapper .legende .diapo_titre {
    font-size: 42px;
    width: 70vw;
  }
}
@media screen and (max-width: 606px) {
  .article_accueil .diaporama_wrapper .legende .diapo_titre {
    font-size: 31px;
    width: 90vw;
    text-align: center;
  }
}
.article_accueil .diaporama_wrapper .legende .diapo_descriptif {
  font-size: 32px;
}
@media screen and (max-width: 1365px) {
  .article_accueil .diaporama_wrapper .legende .diapo_descriptif {
    font-size: 30px;
    width: 70vw;
  }
}
@media screen and (max-width: 606px) {
  .article_accueil .diaporama_wrapper .legende .diapo_descriptif {
    display: none;
  }
}
/*
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: 0 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: #1E3D2B;
}
.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 .diapo_h1, .diaporama_wrapper .masque {
  position: absolute;
  z-index: 5;
  height: 100%;
  width: 100%;
  text-align: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
.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: 1366px) {
  .diaporama_wrapper {
    height: 224px;
  }
}
@media screen and (min-width: 607px) and (max-width: 1365px) {
  .diaporama_wrapper {
    height: 204px;
  }
}
@media screen and (max-width: 606px) {
  .diaporama_wrapper {
    height: 190px;
  }
}
.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 .diapo_h1 h1 {
  color: white;
  font-size: 58px;
  font-weight: bold;
  line-height: 1.3em;
  text-shadow: -1px -1px 0 #00000050, 1px -1px 0 #00000050, -1px 1px 0 #00000050, 1px 1px 0 #00000050;
}
@media screen and (max-width: 1365px) {
  .diaporama_wrapper .diapo_h1 h1 {
    font-size: 42px;
  }
}
@media screen and (max-width: 606px) {
  .diaporama_wrapper .diapo_h1 h1 {
    font-size: 31px;
  }
}
.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;
}
.article_accueil .diaporama_wrapper {
  background-color: transparent;
  /* desktop */
  /* tablet */
  /* mobile */
}
.article_accueil .diaporama_wrapper .masque {
  background: transparent url('https://test.viridis-jardin.fr/s/test.viridis-jardin.fr/squelettes/css/img/Illustration-arbre-diaporama.png') no-repeat right bottom;
  background-size: 20% auto;
}
@media screen and (min-width: 1366px) {
  .article_accueil .diaporama_wrapper {
    height: 700px;
  }
}
@media screen and (min-width: 607px) and (max-width: 1365px) {
  .article_accueil .diaporama_wrapper {
    height: 700px;
  }
  .article_accueil .diaporama_wrapper .masque {
    background: none;
  }
}
@media screen and (max-width: 606px) {
  .article_accueil .diaporama_wrapper {
    height: 467px;
  }
  .article_accueil .diaporama_wrapper .masque {
    background: none;
  }
}
.article_accueil .diaporama_wrapper .legende {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  align-items: center;
  background: transparent;
}
.article_accueil .diaporama_wrapper .legende .diapo_titre, .article_accueil .diaporama_wrapper .legende .diapo_descriptif {
  width: 50vw;
  max-width: 570px;
  text-align: left;
  color: white;
  line-height: 1.3em;
  text-shadow: -1px -1px 0 #00000050, 1px -1px 0 #00000050, -1px 1px 0 #00000050, 1px 1px 0 #00000050;
}
.article_accueil .diaporama_wrapper .legende .diapo_titre {
  font-size: 58px;
  font-weight: bold;
}
@media screen and (max-width: 1365px) {
  .article_accueil .diaporama_wrapper .legende .diapo_titre {
    font-size: 42px;
    width: 70vw;
  }
}
@media screen and (max-width: 606px) {
  .article_accueil .diaporama_wrapper .legende .diapo_titre {
    font-size: 31px;
    width: 90vw;
    text-align: center;
  }
}
.article_accueil .diaporama_wrapper .legende .diapo_descriptif {
  font-size: 32px;
}
@media screen and (max-width: 1365px) {
  .article_accueil .diaporama_wrapper .legende .diapo_descriptif {
    font-size: 30px;
    width: 70vw;
  }
}
@media screen and (max-width: 606px) {
  .article_accueil .diaporama_wrapper .legende .diapo_descriptif {
    display: none;
  }
}
/*
    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: #1E3D2B;
  min-width: 10em;
  font-family: "Josefin Sans", sans-serif;
  margin-bottom: 0.25em;
}
#content .frm > div {
  padding-right: 0;
}
#content .frm input, #content .frm textarea {
  border: 3px solid #1E3D2B;
  border-radius: 2px;
  background: #eee;
}
#content .frm input:focus, #content .frm textarea:focus {
  background: #A2B18A;
  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: #A2B18A;
  border-color: #1E3D2B;
  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: 606px) {
  #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: 1100px;
  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;
}
#content {
  padding-top: 30px;
  padding-bottom: 40px;
  /* 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: 606px) {
  .inwrap {
    gap: 20px;
    padding: 20px;
  }
  #main_wrap {
    gap: 20px;
    padding: 20px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-content: center;
  }
  #content > * {
    max-width: calc(100vw - 20px);
  }
}
/* tablet only */
@media screen and (min-width: 607px) and (max-width: 1365px) {
  .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: 1366px) {
  .inwrap, #main_wrap {
    gap: 25px;
    padding: 25px;
  }
  #content {
    flex: 1 1 100%;
  }
  #content > * {
    max-width: calc(100vw - 25px);
  }
}
.logo_head {
  margin-top: 25px;
  background: #A2B18A;
  height: 485px;
  width: 100%;
  display: flex;
  overflow: hidden;
  justify-content: center;
}
.logo_head picture {
  height: 100% !important;
  width: 100% !important;
  text-align: center;
}
.logo_head img {
  height: 100%;
  width: auto;
}
.rub_list {
  display: flex;
  flex-flow: row wrap;
  justify-content: stretch;
  align-items: flex-start;
  gap: 1em;
}
.rub_list .article.summary {
  flex: 1 1 100%;
  padding: 1em;
  border: 1px solid #ff3D2B;
  display: grid;
  gap: 1em;
  grid-template-columns: 3fr 4fr;
}
.rub_list .article.summary .titre, .rub_list .article.summary .lire_la_suite {
  grid-column: 1 / 3;
}
.rub_list .article.summary.without_logo .resume {
  grid-column: 1 / 3;
}
@media screen and (max-width: 600px) {
  .rub_list .article.summary.with_logo .resume, .rub_list .article.summary.with_logo .logo {
    grid-column: 1 / 3;
  }
}
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: #ffBE11;
  border-radius: 1.5em;
}
#content > .traduction a {
  float: right;
  margin-right: 1em;
}
#content > .traduction a::before {
  content: "";
  background: transparent url('https://test.viridis-jardin.fr/s/test.viridis-jardin.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: #A2B18A;
}
.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;
}
@media screen and (max-width: 1366px) {
  .article_accueil .actus-accueil .items {
    flex-flow: row wrap;
    gap: 35px;
  }
}
.article_accueil .actus-accueil h2 {
  font-size: 1.7em;
  margin: 25px 0 12px 0;
  color: #1E3D2B;
}
.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: #1E3D2B;
  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 {
  background: white;
  flex: 1 1 50%;
}
.article_accueil .actus-accueil .article a {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  gap: 15px;
  color: #1E3D2B;
  padding: 2em 2em 4em 2em;
  cursor: pointer;
  height: 100%;
  /*.logo{
					//background: $brand_color3;
					display:flex;
					justify-content: center;
				}
				img{
					height: 300px;
					width: auto;
				}*/
}
.article_accueil .actus-accueil .article a, .article_accueil .actus-accueil .article a:hover, .article_accueil .actus-accueil .article a:active {
  background: white !important;
}
.article_accueil .actus-accueil .article a::after {
  content: "»";
  position: absolute;
  right: 1em;
  bottom: 1em;
  font-size: 32px !important;
}
.article_accueil .actus-accueil .article p {
  line-height: 1.7em;
}
/* breadcrumb */
.breadcrumb .inwrap {
  justify-content: flex-end;
}
.breadcrumb .inwrap a, .breadcrumb .inwrap span, .breadcrumb .inwrap strong {
  color: #777 !important;
  text-decoration: none !important;
}