.form-withProgress__wrapper #modal-event-add .modal-content{
    height:auto;
    margin:40px 0 100px;
}
/* taille des vignettes évènements */
.e-thumbnail {
    max-height:16rem;
}
/* taille des vignettes articles  */
.news-thumbnail {
     max-height:16rem;
}
/* pour voir tout agenda* espacement lors de affichage liste evenements lien en dessous/
.viewAll mod-eventflash__viewAll {
    margin-top: 2rem;
}
/* pour supprimer affichage des tags dans les listes d'évenements*/
.event-flash-tags {
    display: none;
}


/* pour redefinir le mode h3 sans affichage accordéon des articles*/
.panel-heading h3.panel-title {
    color: #3D4D61; 
    font-size: 1.8em;
}
.panel-default > .panel-heading a, #accordion h3.panel-title a {
    font-weight: 600;
}
.panel-default > .panel-heading,
#accordion h3.panel-title {
    border-bottom: 1px solid #eaeaea;
    padding: 0px;   
}
.panel-title > a {
	font-weight: 300;
}

/*affichage pied de page adresse en mode compact il y a un bug au niveau taille espace */
.media,
.media-body {
    overflow: visible;
    zoom: 1;
}

/*pour lez zones reduite*/
.line-r  {
    margin-top: 0rem;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
/*centrage de ligne partenaire sur page accueil*/
.line-partenaire  {
    text-align:center;
    margin-top: 1.5rem;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
. line-main {
    padding-bottom: 1rem;
    padding-top: 1.8rem;
    margin-bottom: 10px;
    margin-top: 10px;
}
/* modifie espacement en bas et en haut du paragraphe ayant ce style*/
/* NB il y a aussi les espacements avant et apres les titres qui peuvent ajouter espaces. En cas de besoin les modifier dans person basique, pas ici */
.line-secondary  {
    margin-top: 15px;  /* espacement ligne par rapport a celle du dessus */
    margin-bottom: 5px; /* eviter de modifier peut changer sur page accueil */
    padding-bottom: 5px;
    padding-top: 0px ;    /* espacement du texte ou de image par rapport au haut de la ligne*/
}

/*reduit interligne entre affichage date-horaire-Ville et Intro sur liste evenements mode vedette */
.mod-eventflash__item-intro>p {
  margin-top: -3rem;
  padding-top: 0rem;
  margin-bottom: 1.5rem;
 
   /* max-lines: 3;*/ obsolete
   /* overflow: hidden;*/
    /*font-weight:400;*/
}
/*line utilisée pour affichage agenda en mode liste evenements mode vedette */
.line-agenda1 {
    /*margin-top: 15px;  /* espacement ligne par rapport a celle du dessus */
    /*margin-bottom: 15px; 
    /*padding-bottom: 15px;
    /*padding-top: 0px ;    /* espacement du texte ou de image par rapport au haut de la ligne*/
}
.col-sm-8 {   /*ajoute espace en bas de affichage en colonne sinon mauvaise gestion de overflow 
    /*margin-top: 15px;  /* espacement ligne par rapport a celle du dessus */
    margin-bottom: 10px; /* eviter de modifier peut changer sur page accueil */
    padding-bottom: 10px;
    /*padding-top: 0px ;    /* espacement du texte ou de image par rapport au haut de la ligne*/
}
/* modifie tou affichage en gras de la page accueil et non pas localement sur intro donc supprimé...*/
/*.line-agenda-accueil mod-eventflash__item-intro p b,strong { 
   /*font-weight:inherit; */
  /* font-weight:400;
/*}

/*Affichage du texte sur fond vert sous le bandeau de la page d'accueil*/
.line-fondvert h2 {
    margin-top: 0px;
    margin-bottom: 5px;
    padding-top: 0px; 
}
/*supprime localement interligne titre H2*/
.line-fondvert  h2 {
	margin-top: 0px;
}

/*Affichage line-footer pour pied de page* affichage texte adresse et numero telphone en blanc et non pas en gris*/
.line-footer {
    color: #ffffff;
    padding-bottom: 5px;
    padding-top: 15px;
    margin-bottom: 0px;
}

/* Utilisé en bas de la page Salle Multiactivite pour changer le style du titre h3 lors de affichage du réumé du questionnaire*/
/*AFficher ligne fond fonce et titre 3 en blanc"*/
/* NB permet de modifier espacement du titre dans un contexte particulier sans impacter les autres endroits */
.line-mainfondbleusma h3.mod-eventflash__item-title {
    margin-top: 5px;
    margin-bottom: 5px;
    color: #ffffff;
   /* background-color:;  #b4cecb*/
}
/* Utilisé en bas de la page Co_working pour definir un fond de paragraphe de couleur et y modifier le style h3*/
/* permet de modifier l'affichage du titre dans ce contexte sans impacter les autres endroits */
.line-mainfondbleu_co h3.mod-eventflash__item-title {
    margin-top: 10px;
    margin-bottom: 5px;
    color: #3d4d61;
    line-height: 4.6rem;
    font-size: 2.8rem;
}
/* modifie espacement en bas et en haut des lignes NB line main est peu utilisé*/
/* NB il y a aussi les espacements avant et apres les titres qui peuvent ajouter espaces les modifier dans person basique, pas ici */


/* ligne utilisée sur page Nous contacter*/
.line-contact h1 {
    margin-top: 5px;
    font-size: 0.8rem;
    color: #ffffff;   /* affichage en blanc pour ne pas afficher le titre h1 contact */
}
/* Réduisez la hauteur de la bannière */
.mod-banner__img {
  height: 250px; /* Ajustez cette valeur en fonction de la hauteur souhaitée */
  background-image: url(https://cdn.eu.yapla.com/company/CPY8pKxjVYTRq6r4bCvEzONtI/module/banner/image-carte-1684877309.png);
  background-size: cover; /* Assurez-vous que l'image de la bannière couvre toute la hauteur spécifiée */
}

/*CAROUSEL ... bootstrap.cms   modifie essentiellement les titres, résume, largueur des artiles affichés dans le carrousel*/
.zone-100 .carousel {
    max-height:300px;  /*modifie*/
   /* min-height: 300px;*/
    max-width:100%;
    overflow:hidden;
}
.zone-100 .carousel-inner > .item {
    max-height: 300px; /*modifie*/
    max-width:100%;
    min-height: 300px;
}

.zone-100 .carousel-inner >.item >.carousel-caption > h3.caption-title {
    margin-top: 5px;
    font-size: 18px; /* modifie la taille du titre des articles qui sont dans le carrousel*/
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
}
.carousel-caption .caption-intro {
       font-size: 14px; /* modifie la taille */    
       font-weight: normal;
       line-height: 1.2;
}
.carousel-caption .caption-title + .caption-intro {
    margin-top: 5px;
    /*padding-top: 5px; */ /* gere espacement en bas par rapport au bas du cadre */
    /* fait ne sert à rien ici pour le titre car repris un peu plus bas mais peut servir pour le texte de intro ... */
    
}
.carousel-link-detail {
    line-height: 2;
    font-size: 16px
}
.zone-100 .carousel-inner >.item >.carousel-caption {
        width: 40%;  /* intro prend 40% du bloc */
        background-color: #3d4d61; /* espacement par rapport aux bordures modifie*/
        text-align: left;
        padding: 10px 20px 50px 20px; /* espacement par rapport aux bordures modifie*/
      /* font-size: 20px;  modifie la taille */    
       /*font-weight: normal;*/
        line-height: 1;
       /* top: 0;        left: 0; right: 0;  bottom: 0px;*/
     }
/* FIN MODIFICATION CAROUSEL   carousel-link-detail*/
a:link {
       font-weight: bold; /* a priori affiche tous liens en gras*/ 
   }     
/* Modification de affichage de Information dans formulaires news letter   */
/*cette section  est utilisee sur le bas de la page d'accueil. sur la page Contact une classe line-contact a été définie*/ 
/*ATTENTION ne pa remonter la section suivante car elle modifie l'affichage du titre et du resumé du carroussel*/
/*.section h2.section-title {      */
 /*  font-size: 14px; /* modifie la taille  des titres */  
  /* font-weight: normal; /* evite affichage en gras*/
   /*color: #ffffff; /* on affiche pas le titre lettre blanc sur fond blanc*/
/*}    
/*ATTENTION ne pas remonter la section suivante car elle modifie l'affichage du titre et du resumé du carroussel*/
/*ATTENTION ne pa remonter la section suivante car elle modifie l'affichage du titre et du resumé du carroussel*/
.container .form-withProgress__wrapper h2 {      
   /*concerne affichage information responsable inscription a reprendre car modifie page accueil */  
  font-size: 1.5rem; /* modifie la taille  des titres
  font-weight: normal; /* evite affichage en gras*/
   /*color: #ffffff; /* on affiche pas le titre lettre blanc sur fond blanc*/
  margin-top:  0px; /* espacement par rapport aux bordures modifie*/
}  
/*.container .row-fluid h2 {      
   /*concerne affichage information responsable inscription a reprendre car modifie page accueil */  
  /*  font-size: 1.2rem; /* modifie la taille  des titres */  
  /* font-weight: normal; /* evite affichage en gras*/
   /*color: #ffffff; /* on affiche pas le titre lettre blanc sur fond blanc*/
  /* margin-top:  0px; /* espacement par rapport aux bordures modifie*/
/*}*/    
.container .row .control-label {      
   /*concerne affichage label des nom prenom tarifs  */  
   /*padding: 0px px; /* espacement par rapport aux bordures modifie*/
   margin: 0px 0px 0px 0px;
   font-weight: 600; /* evite affichage en gras*/
  /*color: #ffffff; /* on affiche pas le titre lettre blanc sur fond blanc*/
}
/*.container .row-fluid { */
  /* concerne tout l'affichage de etape du résumé uite à une inscription*/
 /*  padding: 0px 0px 0px 2px; /* espacement par rapport aux bordures modifie*/
 /*  margin: 0px 0px 0px 0px;
 /*  font-size: inherit */
/*   line-height: 1px;
}
*/
.container .row-fluid fieldset fieldset>legend {
   /* concerne affichage Tarifs Options supplementaires */
   padding: 0px 0px 0px 0px; /* espacement par rapport aux bordures modifie*/
   margin: 0px 0px 2px 0px;
   font-size:1.5rem;
   line-height: 1px;

}
.container .form-withProgress__wrapper fieldset.subscription-title>legend {
        /* concerne affichage titre Participants */
  font-size:1.5rem;
  font-weight:600;
  line-height: 1px;
  text-transform:uppercase;
  color:#F37C20;
  margin: 2px 0px 2px 0px;
}
.container .form-withProgress__sub-total h4 {
/* modification affichage sous total billeterie etape 4 paiement*/
  font-size:1.5rem;
  font-weight: inherit;
  line-height: 1px;
  text-transform:uppercase;
  background-color: inherit;
  color: inherit;
  padding: 2px 0px 0px 0px; /* espacement par rapport aux bordures modifie*/
  margin: 0px 0px 2px 0px;
}

#fieldset-subscriptions_quantity_group legend {
    /*affichage Participants Supplementaires ds formulaire inscription*/
    font-size:1.5rem;
    text-transform:uppercase;
    display:none; /* pas d'affichage du titre */
}
   /* suppression affichage ville sur page accueil zone agenda si on le mets plus bas pas pris en compte*/

 .itemInfos span.city {
  display: none;
}
/* Affichage de la date de la liste des evenements en mode mosaique*/
.events-mosaic h4 {
  font-size:1.4rem;
  text-transform:none;
 /* background-color:#ffff; on laisse la couleur bleu en fond */  
}
.item h4.e-date {
  font-size:1.4rem;
  text-transform:none;
  background-color:#ffff; /* on retire la couleur bleu en fond */  
  margin-left:0px;
  padding-left:0px;
} 
/* reduction espace avant bouton action type s'inscrire attention si on met cette ligne plus haut cela annule item precedent*/
.item p.actions {
    margin-top: -0.5rem;
    padding-top: 0px;
}
/* affichage en gras de description sur page amode mosaique lorsque choix liste en mode espace evenement pas action si choix evenements en vedette*/
.events-mosaic div.events-mosaic__short-description {
 /* font-weight: bolder;*/  
}
.events-mosaic p.address {
  display:none;  
}


/* suppression Titre H2 Informations dans les formulaire de newsletters*/
.line-contact h2.section-title {
    display: none;
    font-size: 10rem; 
}