/*
Theme Name: DiviByOaiNot
Description: Child theme for Divi. You can now safely customize it and not risk losing your customizations.
Author: Oaï Not
Author URI: https://oai-not.com
Template: Divi
Version: 1.0
*/

[class~="et_pb_module"][class~="et_pb_text"][class~="et_pb_text_6"][class~="et_pb_text_align_left"][class~="et_pb_bg_layout_light"]
{
  display: none !important ;
}

/*désactivation temporaire  car bug chrome STATUS_BREAKDOWN*/
/*A remettre en place sur site brochure 2026*/
#toggles{
  display: none !important;
}


@media (min-width: 981px) {
    .et_pb_gutters1 .et_pb_column_3_5, .et_pb_gutters1.et_pb_row .et_pb_column_3_5 {
        width: 65% !important;
    }
}
@media (min-width: 981px) {
    .et_pb_gutters1 .et_pb_column_2_5, .et_pb_gutters1.et_pb_row .et_pb_column_2_5 {
        width: 35% !important;
    }
}

/**TMP***/
#toggles {
  display: none;
  border-bottom: 1px solid white;
  border-bottom-width: medium;
  padding-bottom: 20px !important;
  border-bottom-style: double;
}

/*[data-flag="new"] {
  display: block;
}
[data-flag="block"] {
  display: block;
}*/


/*COULEURS 2026*/
/*
vert clair : #ddefc7
vert foncé : #94b561
*/


.page .et_pb_section_2.et_pb_section {
  background-color: #94b561 !important;
}
.home .et_pb_section_2.et_pb_section
{
background-color: #ddefc7 !important;
}


.page #page-container .et_pb_section .et_pb_button_0,
.page #page-container .et_pb_section .et_pb_button_1
{
  background-color: #94b561 !important;

  /*desactiver back button and download button l etemps de la création des brochures*/
 /* display: none;*/
}

.et_pb_text_0.et_pb_text,
.page .et_pb_text_0.et_pb_text{
  color:  #94b561 !important;
}



  .pastille-new-list{
    display: inline-block;    
    background: url("pastille-new-fushia.png") no-repeat;
    background-size: contain;
    width: 50px; /* Largeur de l'image */
    height: 15px;
    margin-left : 5px;
    vertical-align: middle;
  }  
  
  #pastille-new-intro{
    background: url("pastille-new-fushia.png") no-repeat;
    background-size: contain;
    display: none;
    width: 88px;
    height: 25px;
    margin-left: 20px;
    vertical-align: middle;
  }

  .pastille-n{
  
    background: url("pastille-n.png") no-repeat;
    background-size: contain;
    width: 20px; /* Largeur de l'image */
    height: 20px; /* Hauteur de l'image */
    margin-left : 10px;
    vertical-align: middle; 
    display: inline-block;

  }

  
    #pdf_widget ul {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      list-style: none;
      margin-right: 20px;
      gap: 5px 10px;
    }


  li.row_pdf_widget {
        background: #ffffff7d;
        width: 100%;
        text-underline-position: under;      
        text-decoration : none;
        transition: 0.3s;
        color: #222 !important;
        width: 100%;
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
        transition: box-shadow 0.2s, transform 0.2s, background 0.2s;
        /*white-space: nowrap*/;
        overflow: hidden;
        padding: 3px 10px 3px 10px;
        font-size: 12px;
        height: 32px;
        
    }
  li.row_pdf_widget:hover, li.hover  {
      box-shadow: 0 4px 16px rgba(0,0,0,0.13);
      background: #ffffffb5;
      transform: translateY(-2px) scale(1.03);
      border: 0 !important;
      font-size: 13px;
  }



.row_pdf_widget a{
        text-decoration: none !important;
        color: #222 !important;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between; /* Aligne les éléments à gauche et à droite */
    }

     /* a.sejour{
    display: inline-block;
  
  }*/

  /*@keyframes scrollText {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-100% + 100px)); } 
}*/

li.row_pdf_widget:hover .titre {
  animation: scrollText 5s linear infinite;
}
.row_pdf_widget .right-elements {
  flex-shrink: 0; /* Empêche les éléments de droite de rétrécir */
  display: flex;
  align-items: center;
  
}

li.row_pdf_widget span{
  display: inline-block;
  vertical-align: middle;
}
  .row_pdf_widget .transport,.row_pdf_widget .days{
    font-size: 9px;
  }

    .row_pdf_widget .titre{
      flex-grow: 1; /* Occupe l'espace restant */
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      margin-right: 5px; /* Espace entre le titre et les éléments de droite */
    }
  
   .row_pdf_widget .transport{
    margin-left: 5px;
   }
  .row_pdf_widget .days{
    margin-left: 5px;
   }


/*Fixer la carto à droite*/
   @media (min-width: 980px){
      #page-container{
        overflow-y: visible !important
      }

      div.et_pb_row.et_pb_row_3.et_pb_gutters1 > div.et_pb_column.et_pb_column_2_5.et_pb_column_5.et_pb_css_mix_blend_mode_passthrough.et-last-child{
        position: sticky;
        top : 90px;
        margin-top: 50px;
      }
   }

/*Responsivie*/
@media (max-width: 980px){
	
    .et_header_style_centered #main-header {
            padding: 10px 0;
        }
        
        .et_header_style_centered #logo{
      max-height: 80px
        }
    #pdf_widget ul {
        margin: 0;
        padding: 0;
        display: block;
    }

     li.row_pdf_widget {
          margin-bottom: 3px;
        font-size: 13px;
     }


    }
    
      
    .et-pb-contact-message{
        color : #ffffff !important;
    }
    
    #et-top-navigation{
        display:none;
    }
    
    .nv-sidebar-right .entry-content{
        padding-left: 5px;
    }
    
    .nv-sidebar-right .row_pdf_widget{
        font-size : 14px;
    
    }

  

    
    
    .row_pdf_widget a:hover, .highlight {
      /*  color: #168099 !important;
        transition: 0.4s !important;
        font-weight: bold;*/
    }
    
    .imapsCircle-group + .imapsLabel-group { pointer-events: all !important; }
    .imapsLabel-group, .imapsLabel { cursor: pointer !important; }
    .imapsCircle { cursor: auto;}
    
    @media (min-width: 782px){
    .wp-block-column:not(:first-child) {
        margin-left: 0 !important;
    }
    }

    
    ._df_thumb{
        width:200px;
        height:285px;
    }
     


    

  /*TOGGLE ZONE*/
  /*pastille new*/

  #toggles{
    margin: 30px 0;
  }

  #toggles ul{
    display: inline-block;
    vertical-align: bottom;
  }

  #toggles .txt{
     display: inline-block;
     color: white;
     margin-right: 20px;
     font-weight: 700;
  }

  #toggles .txt-filtre{
    display: none;;
    color: white;
    margin-left: 20px;
  }


.tg-list{
  display: inline-block;
}
/*end toggle zone*/


  /*a.New{
    color: #30b3cc !important;
  }*/


/*TOGGLE BUTTONS PAGES SEJOUR*/

#toggles ul,
#toggles li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tg-list {
  text-align: center;
  display: flex;
  align-items: center;
}

.tg-list-item {
  margin: 0 2em;
}


.tgl {
  display: none;
  
  /*add default box-sizing for this scope*/
  &,
  &:after,
  &:before,
  & *,
  & *:after,
  & *:before,
  & + .tgl-btn {
    box-sizing: border-box;
    &::selection {
      background: none;
    }
  }
  
  + .tgl-btn {
    outline: 0;
    display: block;
    width: 4em;
    height: 2em;
    position: relative;
    cursor: pointer;
    user-select: none;
    &:after,
    &:before {
      position: relative;
      display: block;
      content: "";
      width: 50%;
      height: 100%;
    }
    
    &:after {
      left: 0;
    }
    
    &:before {
      display: none;
    }
  }
  
  &:checked + .tgl-btn:after {
    left: 50%;
  }
}

/* themes*/


.tgl-flat {
  + .tgl-btn {
    padding: 2px;
    transition: all .2s ease;
    background: #fff;
    border: 4px solid #f2f2f2;
    border-radius: 2em;
    &:after {
      transition: all .2s ease;
      background: #f2f2f2;
      content: "";
      border-radius: 1em;
    }
  }
  
  &:checked + .tgl-btn {
    border: 4px solid #7FC6A6;
    &:after {
      left: 50%;
      background: #7FC6A6;
    }
  }
}

/*Désactiver brchures nuériques 2024 en ettendant la créatin des 2025*/
/*.df-popup-thumb  {
filter: grayscale(100%) blur(2px) !important;
cursor: default;
pointer-events: none !important;
}*/

/*
.home .df-popup-thumb  {
  filter: grayscale(100%) blur(2px) !important;
  cursor: default;
  pointer-events: none !important;

}*/