/* Variables
---------------------------------------- */
div.main-wrapper {
   margin-top:-4rem;
   padding-top:0px;
   z-index: 25;
}

/* slider */
.slider {
   padding-top : 0.5rem;   /*test : était 4rem */
   padding-bottom: 0rem;
}

.slider-image img {
  border-radius: 10% 10% 10% 10%;  
}

.slider-content h1 {
  font-size: 1.6rem;  /*1.8*/
}

.slider-content h2 {
  font-size: 1.4rem;  /*1.6*/
}

.slider-content h3 {
  font-size: 1.6rem;  /*1.4*/
}

.slider-content h4 {
  font-size: 1.1rem;  /*1.2*/
}

.slider-content em {
  opacity:70%;	     
}

.slider-content p {
  font-size: 1rem;
}

.slider-text {
  justify-content: right;
}

.layer2 {
    text-align:right;
    padding-left:4rem;
    padding-right:1rem;
}

.slider::after {
height: 0rem;  /* Sert à supprimer la bande transverse */
}

/* ------------  */
@media (min-width: 992px) {
  .slider-item {
    height: 55vh;
    margin-top: 3rem;
  } 
}

/* ------------  */

/* site name and slogan */
.site-name {
  padding-left: 0rem;	/* FPAP modification */
}

.site-logo {
  padding-left: 10rem;	/* FPAP ajout */
  padding-right: 0.5rem;

}

.site-name a {
  font-size: 1.6rem;   /* FPAP ajout */
}

.site-slogan {     /* FPAP */
   padding-left: 2rem;
   color: var(--primary);
}

/* Sélecteur de langue  */
div#block-ruhipro-selecteurdelanguetextedinterface > div {
   text-align:center;
}

div#block-ruhipro-selecteurdelanguetextedinterface > div > ul {
   list-style: none;
   padding:2px;
}

div#block-ruhipro-selecteurdelanguetextedinterface > div > ul > li {
   display:inline;
}

div#block-ruhipro-selecteurdelanguetextedinterface a {
   color: var(--primary);
}

div#block-ruhipro-selecteurdelanguetextedinterface > div > ul > li[hreflang="fr"]::before {
   content: url(/sites/default/files/inline-images/france-flag-icon-24.png);
   padding-right: 2px;
}

div#block-ruhipro-selecteurdelanguetextedinterface > div > ul > li[hreflang="en"]::before {
   content: url(/sites/default/files/inline-images/united-kingdom-flag-icon-24.png);
   padding-right: 2px;
   margin-left: 1rem;
}

/* ------------- */

.tns-slide-active .layer1 {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}

.tns-slide-active .layer2 {
  -webkit-transition-delay: 4s;   /*3*/
  transition-delay: 4s;    /*3*/
}

.tns-slide-active .layer3 {
  -webkit-transition-delay: 4s;
  transition-delay: 4s;
}

.tns-slide-active .layer4 {
  -webkit-transition-delay: 5s;
  transition-delay: 5s;
}

.tns-controls {
  position: relative;
  top: -8rem;
}

/* Footer */
footer a  {
   color: var(--light);
}

.footer-blocks-container {
   padding: 1.5rem 0;
   text-align: center;
}

.footer-block ul.menu {
   display:list-item;
}

.footer-block li.menu-item, .footer-bottom-blocks li.menu-item {
   display:inline;
}

.footer-block li.menu-item {
   border-bottom: none;
}

.footer-block li.menu-item::after, .footer-bottom-blocks li.menu-item::after {
   content:" | ";
}

.footer-block li.menu-item:nth-last-of-type(1)::after, .footer-bottom-blocks li.menu-item:nth-last-of-type(1)::after {
   content:"";
}

.footer-bottom-block-left {
   text-align:right;
}

/* Images responsive */ 
/* Ecran large */ 
@media (min-width: 768px) {
  div.bande_images {
    display: grid;
    align-items: center; 
    grid-auto-flow: column;
  }  

  img.imageresp_g {
    width:95%;
    border-radius:25px;
    float: left;
    margin-left: 3%;
    margin-bottom:2%;
  }

  img.imageresp_d {
    width:95%;
    border-radius:25px;
    float: right;
    margin-right: 3%;
    margin-bottom:2%;
  }

  img.imageresp_c60 {
    width:60%;
    border-radius:25px;
    display: block;
    margin: auto;
    margin-bottom:2%;
  }

  img.imageresp_c95 {
    width:95%;
    border-radius:25px;
    display: block;
    margin: auto;
    margin-bottom:2%;
  }

img.imageresp_c40 {
    width:40%;
    display: block;
    margin: auto;
    margin-bottom:2%;
  }

  div.bande_images_21 {
    display: flex;
    align-items: center; 
    grid-auto-flow: column;
  }  

  div.bande_images_21 a:first-child {
    flex:66.6%;	/*61.5*/
  }

  div.bande_images_21 a:last-child {
    flex:33.3%;  /*34.2%*/
  }

  div.bande_images_21 a:last-child img {
    margin-bottom:4%;
  }
}

/* Ecran étroit - téléphone */ 
@media (max-width: 767px) {
div.bande_images, div.bande_images_21  {
    display:inline; 
  }    

img.imageresp_g, img.imageresp_d, img.imageresp_c60, img.imageresp_c95 {
    width:90%;
    border-radius:25px;
    display: block;
    margin: auto;
    margin-top:2%;
    margin-bottom:2%;
  }

img.imageresp_c40 {
    width:80%;
    display: block;
    margin: auto;
     margin-bottom:2%;
  }

.footer-bottom-block-left, .footer-bottom-block-right {
   text-align:center;
  }

.footer-bottom-blocks-container {
  padding: 1rem 0;
  gap: 1rem;
  }

.site-logo {
  padding-left:0;
  }

.slider-image {
  flex: 2 2 100%;   /*test*/
  }
}

/* --------------------------- */
/* Champs  */ 
  .field:not(:last-child) {
   margin-bottom:12px;
}

  .field-item {
   padding-left:1rem;
}

span.fieldset-legend {
   font-size:1.2rem;
   font-weight:bold;
}

form#node-rsvp-form legend {
   margin-bottom:6px; 
} 