/**
 * @file
 * Subtheme specific CSS.
 */
/*POLICE*/
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
/*END POLICE*/
body
{
   font-family: 'Montserrat', sans-serif;
   font-weight: 500;
   font-size: 15px;
}
div#main
{
   margin-bottom: 50px;
}
p
{
   font-size: 17px;
}
a,
.link
{
   color: #B19B83;
   text-decoration: none;
}
b, strong {
    font-weight: bold;
}
@font-face
{
   font-family: 'Times New Roman';

   src: url('../font/Times_New_Roman_400.ttf');
}
.times-font
{
   font-family: 'Times New Roman';
}
u
{
   text-decoration-color: #B19B83;
   text-underline-position: under;
}
.grey-c
{
   color: #B5B5B5;
}
.bkg-grey-larla
{
   background-color: #F5F5F5;
}
.bkg-blue-fade
{
   background-color: #293841;
}
.bkg-green-larla
{
   background-color: #B19B83;
}
.green-larlapean
{
   color: #B19B83;
}
.blue-larlapean
{
   color: #293841!important;
}
.blue-larlapean:hover
{
   color: #293841;
   text-decoration: none;
}
.font-size-min
{
   font-size: 14px;
}
.line-h-34
{
   line-height: 34px;
}
/*TITLE*/
.title
{
   margin-top: 1.5rem;
   margin-bottom: 2.5rem;
   font-size: 2.5rem;
}
/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
   .title
   {
      font-size: 1.5rem;
   }
}
/****/
.g-bot-l
{
   position: relative;

   padding-top: 8px;
   padding-bottom: 5px;
}
.g-bot-l::before
{
   position: absolute;

   height: 3px;
   width: 40px;

   left: 0;
   bottom: 0;

   background-color: #B19B83;

   content: '';
}
.g-bot-l-w100
{
   position: relative;
   display: inline-block;

   padding-top: 8px;
   padding-bottom: 5px;
}
.g-bot-l-w100::before
{
   position: absolute;

   height: 3px;
   width: 100%;

   left: 0;
   bottom: 0;

   background-color: #B19B83;

   content: '';
}
.green-star-t
{
   position: relative;
   display: block;

   padding-top: 70px;
}
.green-star-t::before
{
   position: absolute;

   height: 70px;
   width: 116px;

   top: 0;
   left: 50%;

   background-image: url('../../../../sites/default/files/images/picto/green-stars.svg');
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;

   content: '';

   transform: translateX(-50%);
}
.trait-g-t
{
   position: relative;

   padding-top: 10px;
}
.trait-g-t::before
{
   position: absolute;

   height: 1px;
   width: 200px;

   top: 0;
   left: 50%;

   background-color: #B19B83;

   content: '';

   transform: translateX(-50%);
}
.trait-g-b
{
   position: relative;

   padding-bottom: 10px;
}
.trait-g-b::after
{
   position: absolute;

   height: 1px;
   width: 200px;

   left: 50%;
   bottom: 0;

   background-color: #B19B83;

   content: '';

   transform: translateX(-50%);
}
.trait-g-ab
{
   position: relative;

   padding-right: 5px;
   padding-left: 5px;

   text-align: center;

   overflow: hidden;
}
.trait-g-ab span
{
   position: relative;
   display: inline-block;

   padding-right: 5px;
   padding-left: 5px;

   z-index: 1;
}
/* ------------------ Mobile ------------------ */
@media (max-width: 500px)
{
   .trait-g-ab span
   {
      font-size: 1.4rem;
   }
}
.trait-g-ab span::before
{
   position: absolute;

   height: 2px;
   width: 1000%;

   top: 50%;
   left: 100%;

   background-color: #B19B83;

   content: '';

   transform: translateY(-50%);
}
.trait-g-ab span::after
{
   position: absolute;

   height: 2px;
   width: 1000%;

   top: 50%;
   right: 100%;

   background-color: #B19B83;

   content: '';

   transform: translateY(-50%);
}
.btn-r-green
{
   padding: .5rem 1.8rem;

   background-color: #B19B83;

   font-weight: 500;
   color: #123;

   border-radius: 23px;
   border: 1px solid #B19B83;

   text-shadow: none;
}
.btn-r-green:hover
{
   background-color: #FFF;

   color: #B19B83;
   text-decoration: none;
}
.btn-r-darkblue
{
   padding: .5rem 1rem;

   background-color: #1E2B33!important;

   font-weight: 500;
   color: #FFF!important;

   border-radius: 23px;
   border: 1px solid #1E2B33!important;
}
.btn-r-darkblue:hover
{
   background-color: #FFF!important;

   color: #1E2B33!important;
}
.node--type-hebergement .field--name-body ul,
.node--type-hebergement .field--name-field-option ul,
.node__content .field--name-body ul
{
   padding-left: 15px;

   list-style: none; /* Remove default bullets */
}
.node--type-hebergement .field--name-body ul li::before,
.node--type-hebergement .field--name-field-option ul li::before,
.node__content .field--name-body ul li::before
{
   display: inline-block; /* Needed to add space between the bullet and the text */

   width: 1em; /* Also needed for space (tweak if needed) */

   margin-left: -1em; /* Also needed for space (tweak if needed) */

   font-weight: bold; /* If you want it to be bold */
   color: #B19B83 /* Change the color */;

   content: '\2022';  /* Add content: \2022 is the CSS Code/unicode for a bullet */
}
.pdf-ico
{
   position: relative;

   padding-top: 80px;
}
.pdf-ico::before
{
   position: absolute;

   height: 70px;
   width: 70px;

   top: 0;
   left: 50%;

   background-image: url('../../../../sites/default/files/images/picto/pdf-icone-circle-g.svg');
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;

   content: '';

   transform: translateX(-50%);
}
hr.hr-green
{
   margin-top: 2.5rem;
   margin-bottom: 2.5rem;

   border: 0;
   border-top: 1px solid #B19B83;
}
.scrollToTop
{
   position: fixed;
   display: none;

   height: 30px;
   width: 30px;

   right: 40px;
   bottom: 90px;
   padding: 10px;

   background: whiteSmoke;
   background-image: url('../../../../sites/default/files/images/picto/next-arrow.svg');
   background-repeat: no-repeat;
   background-size: contain;

   font-weight: bold;
   color: #FFF;
   text-decoration: none;

   text-align: center;

   border-radius: 50%;

   transform: rotate(-90deg);

   z-index: 999999;
}
.scrollToTop:hover
{
   text-decoration: none;
}
div#page-wrapper,
#page,
#main-wrapper
{
   background: top/ contain url(../../../../sites/default/files/images/picto/test_fond_2.svg) #FFF!important;
}

.field--name-field-offre-ctoutvert
{
   margin: 50px 0;

   text-align: center;
}
.field--name-field-offre-ctoutvert a
{
   padding: .5rem 1.8rem;

   background-color: #B19B83;

   font-weight: 500;
   color: #FFF;

   border-radius: 23px;
   border: 1px solid #B19B83;
}
.field--name-field-offre-ctoutvert a:hover
{
   background-color: #FFF;

   color: #B19B83;
   text-decoration: none;
}
#plan_camping
{
   height: 150px;
   max-width: 150px;
}
figure.caption-img figcaption
{
   text-align: center;
   color: #B5B5B5;
   font-size: 14px;
   
}
.object-fit-img{
   -o-object-fit: cover;
      object-fit: cover;
       -o-object-position: center;
       object-position: center;
       font-family: 'object-fit: cover; object-position: center;';
}
/*pagination*/
ul.pagination.js-pager__items {
    text-align: center;
    display: flex;
    justify-content: center;
}
.page-link, .page-link:hover {
    color: #000;
}
.page-item.active .page-link {
    background-color: #B19B83;
    border-color: #B19B83;
}