@charset "utf-8";
/* CSS Document */
a, a:before, a:after, li, select, select:hover, .back-to-top-link, .back-to-top-link:hover, button, .btn, .btn:hover, .btn:hover .fa:before, .fa, .fa:hover, img, input:before, .titreck-title, .menuck, .accordion-button {
  transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
}
@font-face {
  font-family: 'Bitter-SemiBold';
  src: url('../fonts/Bitter-SemiBold.eot');
  src: url('../fonts/Bitter-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Bitter-SemiBold.woff2') format('woff2'), url('../fonts/Bitter-SemiBold.woff') format('woff'), url('../fonts/Bitter-SemiBold.ttf') format('truetype'), url('../fonts/Bitter-SemiBold.svg#Bitter-SemiBold') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat-Regular';
  src: url('../fonts/Montserrat-Regular.eot');
  src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Regular.woff2') format('woff2'), url('../fonts/Montserrat-Regular.woff') format('woff'), url('../fonts/Montserrat-Regular.ttf') format('truetype'), url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat-Medium';
  src: url('../fonts/Montserrat-Medium.eot');
  src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Medium.woff2') format('woff2'), url('../fonts/Montserrat-Medium.woff') format('woff'), url('../fonts/Montserrat-Medium.ttf') format('truetype'), url('../fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat-Italic';
  src: url('../fonts/Montserrat-Italic.eot');
  src: url('../fonts/Montserrat-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Italic.woff2') format('woff2'), url('../fonts/Montserrat-Italic.woff') format('woff'), url('../fonts/Montserrat-Italic.ttf') format('truetype'), url('../fonts/Montserrat-Italic.svg#Montserrat-Italic') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Great Vibes';
  src: url('../fonts/GreatVibes-Regular.eot');
  src: url('../fonts/GreatVibes-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/GreatVibes-Regular.woff2') format('woff2'), url('../fonts/GreatVibes-Regular.woff') format('woff'), url('../fonts/GreatVibes-Regular.ttf') format('truetype'), url('../fonts/GreatVibes-Regular.svg#GreatVibes-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
html {
  scrollbar-color: var(--primary) var(--body-bg);
}
#chargement {position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; background: var(--primary) url("../images/chargement.gif") 50% 50% no-repeat; z-index: 10001;}
body#loaded #chargement {top: -100vh; animation: rideau 1s ease-in-out;}
@-webkit-keyframes rideau {
  0% {
    top: 0;
      opacity: 1;
  }
  25% {
      opacity: 1;
  }
  100% {
    top: 100vh;
      opacity: 0;
  }
}
@keyframes rideau {
  0% {
    top: 0;
      opacity: 1;
  }
  25% {
      opacity: 1;
  }
  100% {
    top: 100vh;
      opacity: 0;
  }
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, .h1 strong, .h2 strong, .h3 strong, .h4 strong, .h5 strong, .h6 strong, joomla-tab button[role="tab"], .btn {
  font-family: 'Bitter-SemiBold', Georgia, serif !important;
  font-weight: normal !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
  margin-bottom: 1rem;
}
h1, h3, h5, h6, .h1, .h3, .h5, .h6 {
  color: var(--primary);
}
h2, .h2, h4, .h4 {
  color: var(--orange);
}
h1 {padding: 1rem 0 0;}
.page-header h2 {margin-bottom: 1rem;}
.dismiss {
  position: absolute;
  top: -9999px;
}
body {
  font-family: 'Montserrat-Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
b, strong, a, .grand {
  font-family: 'Montserrat-Medium', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
.titreck-title {
    font-weight: bold;
}
em {
  font-family: 'Montserrat-Italic', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
}
a {
  text-decoration: none !important;
}
a i {
  margin-right: 0.25rem;
}
a:hover {
  text-decoration: underline !important;
  color: var(--red);
}
a.btn:hover {
  text-decoration: none !important;
}
.btn-primary:hover {
  background-color: var(--warning);
  border-color: var(--warning);
}
.btn-secondary {
  background-color: var(--warning);
  border-color: var(--warning);
  color: var(--white);
}
.btn-secondary:hover {
  background-color: var(--primary);
  border-color: var(--primary);
  color: var(--white);
}
body.sorties .item-content a.btn {min-width: 250px; text-align: left;}
.far, .fa, .fas, .fa-solid, .fab, .icon-joomla, .far:before {
  font-family: inherit !important;
  font-weight: normal !important;
}
.fa:before, .fas:before, .fa-solid:before, [class^=icon-]:before, [class*=" icon-"]:before, .accordion h3:after, .wf-mediabox-theme-light .wf-mediabox-close:after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}
.fab:before, .icon-joomla:before {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
.fa:before, .fas:before, .fab:before, .icon-joomla:before {
  margin-right: 0.25rem;
}
.fa-lg {
  margin-right: 0.25rem;
}
.fa-fw, .icon-fw {
  text-align: center !important;
  width: 2em;
    margin-right: 0 !important;
}
.mod-list.nav {
  font-size: 0.875rem;
}
.mod-list.nav .p-2 {
  padding: 0 0.5rem 0 0 !important;
}
ul.lang-inline a img {
  opacity: 0.66;
  -webkit-border-radius: 0 0 16px 16px !important;
  -moz-border-radius: 0 0 16px 16px !important;
  border-radius: 0 0 16px 16px !important;
    margin-top: -3px;
}
ul.lang-inline a:hover img {
  opacity: 1;
  -webkit-border-radius: 0 0 8px 8px !important;
  -moz-border-radius: 0 0 8px 8px !important;
  border-radius: 0 0 8px 8px !important;
}
div.mod-languages ul li.lang-active {
  background-color: transparent;
}
ul.lang-inline li.callus {
  background: rgba(var(--success-rgb), 1);
  -webkit-border-radius: 0 0 16px 16px !important;
  -moz-border-radius: 0 0 16px 16px !important;
  border-radius: 0 0 16px 16px !important;
  padding: 5px 10px;
  font-size: 0.875rem;
}
ul.lang-inline li.callus:hover {
  background: rgba(var(--warning-rgb), 1);
  -webkit-border-radius: 0 0 8px 8px !important;
  -moz-border-radius: 0 0 8px 8px !important;
  border-radius: 0 0 8px 8px !important;
}
ul.lang-inline li.callus:hover a {
  text-decoration: none !important;
}
.container-banner.full-width {
  padding-top: 0 !important;
}
.header {
  position: sticky !important;
  position: -webkit-sticky !important;
  left: 0;
  top: 0;
  z-index: 9990;
  width: 100%;
  text-align: center;
  height: 0;
}
.container-nav {
  position: sticky !important;
  position: -webkit-sticky !important;
  height: 36px;
  opacity: 0;
  transition: all 1s ease-in-out 0.5s;
  -webkit-transition: all 1s ease-in-out 0.5s;
  -moz-transition: all 1s ease-in-out 0.5s;
  -o-transition: all 1s ease-in-out 0.5s;
  -ms-transition: all 1s ease-in-out 0.5s;
}
body#loaded .container-nav {
  opacity: 1;
}
.header.fixed {
  top: 0 !important;
}
.header.fixed .haut {
  display: none;
}
#logo {
  max-width: 250px;
  margin-bottom: -1px;
}
/* à rendre responsif*/
@media(min-width: 1200px){
.header:not(.fixed) {
  top: 20% !important;
}
#moblogo {display: none;}
}
@media(min-width: 1440px){
.header:not(.fixed) {
  top: 25% !important;
}
#logo {
  max-width: 333px;
  margin-bottom: -1px;
}
}
@media(max-width: 1200px){
 #logo {
  display: none;
}   
#moblogo {
    display: inherit;
    position: absolute;
    top: 3rem;
    left: 2rem;
    z-index: 9999;
    max-width: 300px;    
}
}
@media(max-width: 800px){  
#moblogo {
    max-width: 250px;    
    top: 2rem;
    }
}
@media(max-width: 600px){  
#moblogo {
    max-width: 150px;    
    top: 1rem;
    }
}

@media(max-width: 1320px){
    .grid-child.container-component {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
.container-topbar {
  position: absolute;
  top: 0;
  z-index: 9991;
  width: 100%;
}
.container-topbar .topbar {
  max-width: 1320px;
  text-align: right;
  margin: 0 auto;
}
.container-topbar .moduletable {
  max-width: auto;
  float: right
}
/* fin à rendre responsif*/
.grid-child.haut, .grid-child > div {
  padding: 0 0.5rem;
}
.grid-child.haut .custom p {
  margin-bottom: 0 !important;
}
.container-main {
  background-image: url("../images/bandeau.png");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100vw auto;
  padding-bottom: 20vh;
}
figure.float-end.item-image {
    max-width: 33%;
}
.container-component .moduletable {
  padding: 0;
}
.footer {
  color: #fff;
  background-color: var(--gelauff-color-primary);
  background-image: none;
  margin-top: 0;
  display: flex;
  justify-content: center;
}
.footer h3, .footer h4, .footer .h3, .footer .h4 {
  color: var(--white);
}
.container-footer.footer.full-width {
  margin: 0;
}
.container-footer.footer.full-width.artetessai {
  padding-bottom: 2rem;
}
.container-footer .grid-child {
  diplay: table;
  padding-top: 1rem;
  padding-bottom: 0;
  table-layout: fixed;
  width: 100%;
}
.container-footer .grid-child .footer-module {
  diplay: table-cell;
  height: 100%;
  width: 24%;
  padding-right: 1%;
}
.container-footer .grid-child .footer-module .moduletable, .copy {
  margin-bottom: 1rem;
}
.copy {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 0.75rem;
  color: rgba(var(--white-rgb), 0.75);
  padding: 0 1rem;
}
.copy a {
  text-decoration: none;
}
.float-end {
  margin-left: 1rem;
}
.grand {
  font-size: 1.2rem;
}
.centrer {
  text-align: center;
}
.padme {
  padding: 1rem 0;
}
.padme h1 {
  margin-bottom: 0.25rem;
}
a[href]:after, a[href^="tel:"]:before, a[href^="mailto:"]:before, a[download]:before, a[href^=".pdf"]:before, main ul li:before, .item-content ul li:before, .pagenavigation a.next:after, .pagenavigation a.previous:before, .mod-custom ul li:before, .pmprintroutelink a:before  {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  display: inline-block;
}
a[href]:after {
  content: "\f08e";
  margin-left: 0.3rem;
  font-size: 0.75rem;
}
main ul, .item-content ul, .mod-custom ul {
  list-style: none;
  padding-left: 0;
}
main ul li:before, .item-content ul li:before, .mod-custom ul li:before {
  content: "\f0da" !important;
  margin-right: 0.3rem;
  color: var(--orange);
}
main ul ul li:before {
  content: "\2b" !important;
  margin-right: 0.3rem;
  color: var(--orange);
    padding-left: 1.5rem;
}
main ul.check li:before {
  content: "\f00c" !important;
  margin-right: 0.4rem;
  color: var(--green);
}
a[href^="tel:"]:before {
  content: "\f095";
  margin-right: 0.25rem;
}
a[href^="tel:06"]:before, a[href^="tel:+336"]:before, a[href^="tel:07"]:before, a[href^="tel:+337"]:before {
  content: "\f3cd";
  margin-right: 0.25rem;
}
a[href^="mailto:"]:before {
  content: "\f0e0";
  margin-right: 0.25rem;
}
a[href*="prerolland.fr"]:after, a[href^="/"]:after, a[href^="#"]:after, a[href^="javascript:"]:after, a[href^="mailto:"]:after, a[href^="tel:"]:after, a.nobefore:before, a.noafter:after, main ul.pagination li:before, .acym_front_page__unsubscribe__lists__container ul li:before, a.swiper-link:after, li.result__item:before, ul.list-unstyled li:before, #navigation a:after, .footer a:after, .eb-taskbar li:before, .menu.location_list li:before, .eb-calendar li:before, #eb-calendar-legend ul li:before, .com-content-article__links.content-list ul li:before, ul#vignettes li:before {
  content: none !important;
}
a[download]:before, a[href^=".pdf"]:before {
  content: "\f019" !important;
  margin-right: 0.25rem;
}
.pmroute form.form-inline.input-group label {padding: 0.7rem 0.5rem 0 0;}
input.pm-input-route:focus {
    box-shadow: 0 0 0 var(--primary);
    border-color: var(--primary);
}
.pmprintroutelink {
  background: none !important;
}
.pmprintroutelink a:before {
  content: "\f02f" !important;
  margin-right: 0.25rem;
}
.adp-placemark tr {background: rgba(var(--primary-rgb),0.1);}
.adp-placemark tr td {padding: 0.25rem;}
.mediaboxck_cont {text-align: center !important;}
.menu.location_list li {
  padding-left: 0.5rem;
}
.pagenavigation a.previous:before {
  content: "\f0a5" !important;
  margin-right: 0.25rem;
}
.pagenavigation a.next:after {
  content: "\f0a4" !important;
  margin-left: 0.25rem;
}
.vert {
  color: var(--green);
}
.orange {
  color: var(--orange);
}
.rouge {
  color: var(--red);
}
.icons {
  display: none;
}
.main-bottom.card.vignettes {
    border-color: var(--green);
    padding: 0 !important;
    background: rgba(var(--success-rgb), 0.1)
}
.main-bottom.card.vignettes .card-header {
    background: var(--green);
   color: var(--white);
    text-align: center;
}
.main-bottom.card.vignettes .card-body {
    padding-top: 0.5rem;
}
div#vignettes .col-12.col-lg-4 {
   text-align: center !important;
}
div#vignettes .col-12.col-lg-4 img {
   margin-top: 0.5rem;
}
div#vignettes .col-12.col-lg-4 a {
    color: var(--green);
}
div#vignettes .col-12.col-lg-4 a:hover {
   text-decoration: none !important;
    color: var(--orange);
}
@media(max-width :990px){
    div#vignettes .col-12.col-lg-4 img {
    margin-bottom: 0.5rem;
}
}
:root {
  --gelauff-color-primary: #87A64A;
  --gelauff-color-link: #6273C1;
  --link-color: #6273C1;
  --link-color-rgb: 253, 49, 22;
  --gelauff-color-hover: #FD3116;
  --link-hover-color: #FD3116;
  --link-hover-color-rgb: 253, 49, 22;
  --blue: #6273C1;
  --black: #000;
  --indigo: #6812f3;
  --purple: #B062C1;
  --pink: #e93f8e;
  --red: #FD3116;
  --orange: #fd7e17;
  --yellow: #ffcc00;
  --green: #87A64A;
  --teal: #3a98b2;
  --cyan: #2f928f;
  --white: #fff;
  --gray-100: #f9fafb;
  --gray-200: #eaedf0;
  --gray-300: #dfe3e7;
  --gray-400: #ced4da;
  --gray-500: #adb5bd;
  --gray-600: #87A64A;
  --gray-700: #484f56;
  --gray-800: #353b41;
  --gray-900: #22262a;
  --primary: #87A64A;
  --secondary: #FD7E17;
  --success: #87A64A;
  --info: #30638d;
  --warning: #fd7e17;
  --danger: #a51f18;
  --light: #f9fafb;
  --dark: #353b41;
  --primary-rgb: 135, 166, 74;
  --secondary-rgb: 253, 126, 23;
  --success-rgb: 135, 166, 74;
  --info-rgb: 48, 99, 141;
  --warning-rgb: 253, 126, 23;
  --danger-rgb: 165, 31, 24;
  --light-rgb: 249, 250, 251;
  --dark-rgb: 53, 59, 65;
  --primary-text-emphasis: #002;
  --secondary-text-emphasis: #2c2f32;
  --success-text-emphasis: #1b351b;
  --info-text-emphasis: #132838;
  --warning-text-emphasis: #452700;
  --danger-text-emphasis: #420c09;
  --light-text-emphasis: #484f56;
  --dark-text-emphasis: #484f56;
  --primary-bg-subtle: #ccd;
  --secondary-bg-subtle: #e2e3e5;
  --success-bg-subtle: #dae6da;
  --info-bg-subtle: #d6e0e8;
  --warning-bg-subtle: #efe0cc;
  --danger-bg-subtle: #edd2d1;
  --light-bg-subtle: #fcfcfd;
  --dark-bg-subtle: #ced4da;
  --primary-border-subtle: #99b;
  --secondary-border-subtle: #c5c8cb;
  --success-border-subtle: #b4ceb4;
  --info-border-subtle: #acc1d1;
  --warning-border-subtle: #dec099;
  --danger-border-subtle: #dba5a2;
  --light-border-subtle: #eaedf0;
  --dark-border-subtle: #adb5bd;
  --white-rgb: 255, 255, 255;
  --black-rgb: 0, 0, 0;
  --font-sans-serif: 'Montserrat-Regular', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --gradient: linear-gradient(180deg, #ffffff26, #fff0);
  --body-font-family: 'Montserrat-Regular', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
  --body-font-size: 1rem;
  --body-font-weight: 400;
  --body-line-height: 1.5;
  --body-color: #22262a;
  --body-color-rgb: 34, 38, 42;
  --body-bg: #f4f8ed;
  --body-bg-rgb: 244, 248, 237;
  --emphasis-color: #000;
  --emphasis-color-rgb: 0, 0, 0;
  --secondary-color: #22262abf;
  --secondary-color-rgb: 34, 38, 42;
  --secondary-bg: #eaedf0;
  --secondary-bg-rgb: 234, 237, 240;
  --tertiary-color: #22262a80;
  --tertiary-color-rgb: 34, 38, 42;
  --tertiary-bg: #f9fafb;
  --tertiary-bg-rgb: 249, 250, 251;
  --heading-color: inherit;
  --link-color: #6273C1;
  --link-color-rgb: 253, 49, 22;
  --link-decoration: underline;
  --link-hover-color: #FD3116;
  --link-hover-color-rgb: 253, 49, 22;
  --code-color: #e93f8e;
  --highlight-color: #22262a;
  --highlight-bg: #fbeea8;
  --border-width: 1px;
  --border-style: solid;
  --border-color: #dfe3e7;
  --border-color-translucent: #0000002d;
  --border-radius: .25rem;
  --border-radius-sm: .2rem;
  --border-radius-lg: .3rem;
  --border-radius-xl: .3rem;
  --border-radius-xxl: 2rem;
  --border-radius-2xl: var(--border-radius-xxl);
  --border-radius-pill: 50rem;
  --box-shadow: 0 .5rem 1rem #00000026;
  --box-shadow-sm: 0 .125rem .25rem #00000013;
  --box-shadow-lg: 0 1rem 3rem #0000002d;
  --box-shadow-inset: inset 0 1px 2px #00000013;
  --focus-ring-width: .25rem;
  --focus-ring-opacity: .25;
  --focus-ring-color: #01015640;
  --form-valid-color: #76923a;
  --form-valid-border-color: #76923a;
  --form-invalid-color: #a51f18;
  --form-invalid-border-color: #a51f18;
}
a.mediaboxck_link figure.mediaboxck:not(.imageeffectck):hover:after {
  background-color: rgba(var(--primary-rgb), 0.75) !important;
}
.theme1 #mbNextLink:hover, .theme1 #mbPrevLink:hover, .theme1 #mbCloseLink:hover, .theme1 #mbPlayLink:hover, .theme1 #mbPauseLink:hover, .theme1 #mbShareLink:hover, .theme1 #mbDownloadLink:hover, .theme1 #mbZoomMinus big:hover, .theme1 #mbZoomPlus big:hover {
  background: rgba(var(--primary-rgb), 0.75) !important;
}
.theme1 #mbNextLink, .theme1 #mbPrevLink, .theme1 #mbCloseLink, .theme1 #mbPlayLink, .theme1 #mbPauseLink {
  background: rgba(var(--primary-rgb), 0.75) !important;
}
.theme1 #mbNextLink:hover, .theme1 #mbPrevLink:hover, .theme1 #mbCloseLink:hover, .theme1 #mbPlayLink:hover, .theme1 #mbPauseLink:hover, .theme1 #mbShareLink:hover, .theme1 #mbDownloadLink:hover {
  background: rgba(var(--primary-rgb), 1) !important;
}
table.adp-placemark {border: 0;}
table.adp-placemark tr td:first-child {padding-right: 0.25rem;}