@font-face {
  font-family: 'MusBA-Regular';
  src:  url('/fonts/musba-regular-webfont.woff') format('woff'),
  url('/fonts/musba-regular-webfont.woff2') format('woff2');
}


@font-face {
    font-family: 'SuisseIntl-Medium';
    src: url('/fonts/goodfonts/SuisseIntl-Medium-WebM.woff2') format('woff2'),
         url('/fonts/goodfonts/SuisseIntl-Medium-WebM.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}


@font-face {
    font-family: 'SuisseIntl-Medium';
    src: url('/fonts/goodfonts/SuisseIntl-MediumItalic-WebM.woff2') format('woff2'),
         url('/fonts/goodfonts/SuisseIntl-MediumItalic-WebM.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}


@font-face {
    font-family: 'SuisseIntl-Regular';
    src: url('/fonts/goodfonts/SuisseIntl-Book-WebM.woff2') format('woff2'),
         url('/fonts/goodfonts/SuisseIntl-Book-WebM.woff') format('woff');
    font-weight: bolder;
    font-style: normal;
}




@font-face {
    font-family: 'SuisseIntl-Regular';
    src: url('/fonts/goodfonts/SuisseIntl-Regular-WebM.woff2') format('woff2'),
         url('/fonts/goodfonts/SuisseIntl-Regular-WebM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SuisseIntl-Regular';
    src: url('/fonts/goodfonts/SuisseIntl-RegularItalic-WebM.woff2') format('woff2'),
         url('/fonts/goodfonts/SuisseIntl-RegularItalic-WebM.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}




:root {
  --primary-color: #59c0eb;
  --agenda-color: #8bc062;
  --footer-bg-color:#dadada;
  --ariane-color: #666;

  --margin-mobile: 15px;
  --negativemargin-mobile: -15px;
  }

*, *:before, *:after {  box-sizing: inherit;}

html {  box-sizing: border-box; }

.row {
  --bs-gutter-x: 20px;
}


/*

HISTORIQUE

MOBILE

T1 : Titre 											Musba Regular : 70pt / 71pt
T2 : Sous titre / titr bloc / titre paragraphe		Suiss Book : 	39pt / 44pt
T3 : Texte courant paragraphe : 					Suiss regular : 31pt / 41pt
T4 : Chapo / ancre / liens  : 						Suiss Book : 	35pt / 39pt
T5 : Legende fil d'ariane : 						Suiss regular : 23pt / 30pt

DESKTOP

T1 : Titre 											MusBA Reg	55pt / 45pt
T2 : Sous-titre 									Book / 		35pt / 45pt
T3 : Titre de bloc									Book / 		25pt / 35pt
T4 : Chapô											Regular		20 pt / 22.5pt
T5 : Titre de paragraphe / Liens / Ancres  			Book 		20pt / 22,5pt
T6 : Texte courant prgrphe, Légend, Fil d’ariane	Regular : 	17,5pt / 22,5pt  ///

*/

body { font-family:"SuisseIntl-Regular", "Arial", sans-serif ;  color:#000; }
body.noswiss { font-family:Arial, sans-serif; }


/* TYPOGRAPHY
===================================== */

h1 { letter-spacing:-1.9px; font-size:40px; line-height:40px; margin-bottom:10px;  font-family: 'MusBA-Regular', sans-serif ;  }
h2 { letter-spacing:-0.8px; font-size:35px;line-height:35px; }
h3 { margin:0; }
h4 { margin:0; }


h1.underline {  padding-bottom:10px; margin-bottom:10px; border-bottom:solid black 1px;  }


.mainwrapper { max-width:1260px; margin:0 auto; }

main { margin:30px var(--margin-mobile) 0 ; }


@media only screen and (min-width: 1000px) {
h1 { letter-spacing:-1.9px; font-size:64px; line-height:64px;   }
h2 { font-size:35px; }

.details { border-bottom:solid black 1px;     }
.texte { margin-left:100px; padding-top:10px; }

main { margin:60px 100px ; }
}


.sstitre { font-family:"SuisseIntl-Medium", sans-serif;  font-size:20px; line-height:22px;   }
.titrebloc {  font-family:"SuisseIntl-Medium", sans-serif;  font-size:20px; line-height:22px; }
.titreitem { font-family:"SuisseIntl-Medium", sans-serif;  font-size:17px; line-height:22px;   }
.titreparagraphe, .titreparagraphe p { font-family:"SuisseIntl-Medium", sans-serif;  font-size:20px; line-height:22px;   }
.chapo, .chapo p {  font-family:"SuisseIntl-Medium", sans-serif;  font-size:20px; line-height:22px; }
.typeevenement, .typeevenement p { font-family:"SuisseIntl-Medium", sans-serif;  font-size:18px; line-height:22px; }
.lien { font-family:"SuisseIntl-Medium", sans-serif;  font-size:18px; line-height:26px; }
.ancre { font-family:"SuisseIntl-Medium", sans-serif;  font-size:18px; line-height:26px;  }
.textecourant, .textecourant p { font-family:"SuisseIntl-Regular", sans-serif;  font-size:17px; line-height:22px;    }
.legende, .legende p {  font-family:"SuisseIntl-Regular", sans-serif;  font-size:13px; line-height:15px;  }
.ariane { font-family:"SuisseIntl-Regular", sans-serif;  font-size:12px; line-height:14px;   }


h3.titreparagraphe { margin-bottom: 1rem; }

.sidecolumn  h3.titreparagraphe { margin-bottom:0; }
.sidecolumn-atelier  h3.titreparagraphe { margin-bottom:0; }

p {  font-family:"SuisseIntl-Regular", sans-serif;  font-size:17px; line-height:22px;   }

.t2 { font-family:"SuisseIntl-Medium", sans-serif; font-size:35px; line-height:45px; }
.t3 { font-family:"SuisseIntl-Medium", sans-serif; font-size:25px; line-height:35px; }
.t4 { font-family:"SuisseIntl-Regular", sans-serif; font-size:20px; line-height:22px; }
.t5 { font-family:"SuisseIntl-Medium", sans-serif; font-size:20px; line-height:22px; }


@media only screen and (min-width: 1000px) {
.t2 { font-family:"SuisseIntl-Medium", sans-serif; font-size:35px; line-height:45px; }
.t3 { font-family:"SuisseIntl-Medium", sans-serif; font-size:25px; line-height:35px; }
.t4 { font-family:"SuisseIntl-Regular", sans-serif; font-size:20px; line-height:22px; }
.t5 { font-family:"SuisseIntl-Medium", sans-serif; font-size:20px; line-height:22px; }
.t6 { font-family:"SuisseIntl-Regular", sans-serif; font-size:18px; line-height:22px; }


.sstitre { font-family:"SuisseIntl-Medium", sans-serif;  font-size:33px; line-height:36px;   }
.titrebloc {  font-family:"SuisseIntl-Medium", sans-serif;  font-size:27px; line-height:27px; }
.titreitem { font-family:"SuisseIntl-Medium", sans-serif;  font-size:22px; line-height:25px;  }
.chapo, .chapo p { font-family:"SuisseIntl-Medium", sans-serif;  font-size:22px; line-height:25px;   }
.typeevenement, .typeevenement p { font-family:"SuisseIntl-Medium", sans-serif;  font-size:25px; line-height:27px; }
.titreparagraphe, .titreparagraphe p { font-family:"SuisseIntl-Medium", sans-serif;  font-size:22px; line-height:25px;   }
.lien { font-family:"SuisseIntl-Medium", sans-serif;  font-size:22px; line-height:25px; }
.ancre { font-family:"SuisseIntl-Medium", sans-serif;  font-size:22px; line-height:25px;  }
.textecourant, .textecourant p { font-family:"SuisseIntl-Regular", sans-serif;  font-size:20px; line-height:25px;    }

.legende, .legende p {  font-family:"SuisseIntl-Regular", sans-serif;  font-size:14px; line-height:18px;  }
.ariane { font-family:"SuisseIntl-Regular", sans-serif;  font-size:20px; line-height:22px;   }

p {  font-family:"SuisseIntl-Regular", sans-serif;  font-size:20px; line-height:25px;  }

}









a { color:black; }
a:hover {color:black; text-decoration:underline;  }


a.lien { text-decoration:none; }
a.lien:hover { text-decoration:underline; }

a.lien:before { content: url(/img/arrow-right-thick.svg); vertical-align:middle;
   margin-right: 10px;
   display: inline-block;
   width: 18px;
}


a.ancre { text-decoration:none; }
a.ancre:hover { text-decoration:underline; }


/* RESET BUTTON */
button {
  border: 0;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: #0000;
  color: inherit;
  font: inherit;
    line-height: inherit;
  text-align: inherit;
  text-transform: inherit;
  line-height: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none;
  appearance: none;
}








/* MAIN STRUCTURE */
a.evitement {
   display: inline-block;
   color: #555;
   background: #fff;
   padding: .5em;
   position: absolute;
   left: -99999rem;
   z-index: 100;
}
a.evitement:focus {
   left: 0;
}





body.responsive .mainwrapper { max-width:100%; }



@media only screen and (min-width: 1000px) {
.simprow { display:flex; flex-flow:row wrap; width:100%; }
.simpcol-6 { flex:1 0 34%;   }
.simpcol-4 { flex:1 0 26%;   }
.simpcol-8 { flex:1 0 51%;   }
.simpcol-5 { flex:1 0 34%;   }
}




/* FOOTER
================================================= */

footer { margin-top:20px; background-color:rgb(230,230,230);  padding-bottom: 30px;}
footer p {  margin:0; }
footer .book { font-family:"SuisseIntl-Medium", sans-serif; }
footer p.spacing { margin:0 0 15px; }

footer a { text-decoration:none;  }
footer a:hover { text-decoration:underline;  }
footer a:hover img {opacity:0.5; }


.footerwrapper { max-width:1260px; margin:0 auto; }
.footer-contentwrap { margin:0 var(--margin-mobile) ; display:flex; flex-flow:row wrap; }
.footblock {  flex: 0 0 100%;   padding:20px 0;  }
.footblock-demi {  flex: 0 0 50%;  padding:20px 0;  }

.footer-logobx img { width:150px;height:auto; }
.footer-rs a { display:block; color:black; margin:0; }

.footer-rs .rs-links { display:flex; gap:20px; flex-wrap: wrap; }

.footer-rs a img { width:40px; height:auto; }

.footer-galerie { border:none; }

.footer-adresse { order:4; padding-bottom:0; }
.footer-links1 { order:1; }
.footer-links2 { order:2; }
.footer-galerie { order:5; padding-top:0; }
.footer-rs { order:3; }
.footer-legal { order:6;flex: 0 0 50%;  }
.footer-rgaa { order:7;  flex: 0 0 50%;     }
.footer-logobx { order:8;   flex: 0 0 100%; border-top:solid black 1px;    }




.footcont { margin:0 100px;}


@media only screen and (max-width: 1000px) {

	.footer-logobx { flex: 0 0 100%; border-top:solid black 1px;    }
	.footer-galerie { padding-top:20px; padding-bottom:20px; border-bottom:solid black 1px;  }
	.footer-rs { padding-bottom:20px; border-bottom:solid black 1px;border-top:solid black 1px; }

}



@media only screen and (min-width: 1000px) {

footer {  margin-top:75px; padding: 20px 50px;}

.footer-contentwrap { column-gap: 20px; }

.footer-adresse { order:1;  }
.footer-links1 { order:2; border-bottom:solid 1px black;}
.footer-links2 { order:3; border-bottom:solid 1px black;}
.footer-galerie { order:4;  border-bottom:solid 1px black; }
.footer-rs { order:5; border-bottom:solid 1px black; }
.footer-legal { order:6; }
.footer-rgaa { order:7; }

.footer-logobx { text-align:right; border:none;  }
.footer-logobx { order:8; }


.footblock {  flex: 0 0 calc(50% - 18px);   padding:30px 0;  }
.footblock-demi {  flex: 0 0 calc(25% - 18px);  padding:30px 0; }

.footer-contentwrap { margin:0 100px ; }


}



/* BASE LAYOUT
================================================= */


.imagehomecover img { max-width:100%; display:block; }
.imagehomecover { display:block; margin-bottom:10px; }


.imagefullcover img { max-width:100%; display:block; }
.imagefullcover  { display:block; margin-bottom:30px; }
.imagefullcover  figcaption { margin-top:8px; }

.content-header { margin-bottom:15px; }


.content-header-border-bottom { border-bottom:solid black 1px; margin-bottom:15px; }

.typeevenement { border-bottom:solid black 1px; margin-bottom:10px;padding-bottom:10px;  }
.typeevenement p { margin:0; }

.details { border-bottom:solid black 1px; margin-bottom:10px;padding-bottom:10px; }
.details p { margin:0; }
.details .date {  margin-bottom:10px;  }

.details .datedeb, .details .datefin { display:inline-block; }

.desc {margin-bottom:10px;border-bottom:solid black 1px; padding-bottom:10px;  }
.desc p {margin:0px;  }

.texte { font-size:15px;line-height:1.3em; padding-top:10px; }

.imagecover { height:500px;   background: no-repeat center center;  background-size: cover;  margin-bottom:20px; }

.typeevt { }

.dateevt {   }

.blocwithseparator { padding-bottom:15px; margin-bottom:15px; border-bottom:solid black 1px; }

.home-cover-details  {
	font-family: 'SuisseIntl-Medium';  font-size:17px; line-height:22px;
  margin-bottom:10px;
}


@media only screen and (min-width: 768px) {

.imagefullcover  { display:block; margin-bottom:50px; }

.content-header { margin-bottom:50px; }
.details .datedeb, .details .datefin { display:block; }
}



@media only screen and (min-width: 1189px) {

.typeevenement { padding-bottom:20px; margin-bottom:20px; }
.details {  margin-bottom:20px; padding-bottom:20px; }
.details .date {  margin-bottom:0;  }
.desc {margin-bottom:50px; padding-bottom:20px;  }

.home-cover-details  {  font-size:20px; line-height:20px; margin-bottom:30px;  }

}




/* INTERMEDIATE LAYOUT
======================================= */

.contentcol84 { margin-bottom:20px; }
.sidecolumn { border-bottom:solid black 1px; margin-bottom:10px; }
.sidecolumn-atelier { margin-bottom:10px; }

.fulldesc-atelier { border-bottom:solid black 1px; margin-bottom:10px; }




@media only screen and (min-width: 768px) {
/*.stickycol {   position: sticky; top:0px; } */
.sidecolumn { border-bottom:none; }
.fulldesc-atelier { border-bottom:none; }

}


.blocaside {  margin-bottom:10px;  }
.blocaside-noborder {  margin-bottom:10px;  }
.blocaside-noborder .titreparagraphe {  margin-bottom:10px;  }


@media only screen and (min-width: 768px) {

.blocaside {  border-bottom:solid black 1px;  }

.blocaside:last-child { border:none; }

}









/* AGENDA SPECIFIC
======================================== */

.agenda { margin-bottom: 10px; margin-top: 10px;  }
.agenda .agenda-header {  margin-left:var(--negativemargin-mobile); background-color:var(--agenda-color);  margin-right:var(--negativemargin-mobile); padding:var(--margin-mobile);  }
.agenda .agenda-voirplus {  float:right; color:black;  }
.agenda a.agenda-evt { position:relative; display:block; background-color:var(--agenda-color);   margin-left:var(--negativemargin-mobile); margin-right:var(--negativemargin-mobile); color:black; text-decoration:none;     }

.agenda a.agenda-evt span { display:block; }
.agenda a.agenda-evt span.wrapp { justify-content: space-between;  margin-left:var(--margin-mobile); margin-right:var(--margin-mobile);  border-top:solid black 1px; padding:10px 0 15px; }

.agenda a.agenda-evt:hover, .agenda a.agenda-evt:active { background-color:white; }
.agenda a.agenda-evt:hover span.wrapp, .agenda a.agenda-evt:active span.wrapp { border-color:#fff; padding-left:var(--margin-mobile); padding-right:var(--margin-mobile);margin-left:0; margin-right:0; }
.agenda a.agenda-evt:hover + a.agenda-evt span.wrapp, .agenda a.agenda-evt:active + a.agenda-evt span.wrapp { border:none;  }
.agenda a.agenda-evt:hover + a.agenda-evt, .agenda a.agenda-evt:active + a.agenda-evt  { border-top:solid #fff 1px;;  }

.agenda a.agenda-evt span.titre { margin-bottom:20px; width:90%;  }

.agenda a.agenda-evt span.button  { position:absolute; top:15px; right:15px; }
.agenda a.agenda-evt span.button span.plusbutton { max-width:35px; }
.agenda a.agenda-evt span.button span.plusbutton { content: url(/img/plus-icon-light.svg);   }

.agenda a.agenda-evt:hover span.button span.plusbutton, .agenda a.agenda-evt:active span.button span.plusbutton { content: url(/img/plus-icon-hover.svg);   }

.agenda .date span.datedeb, .agenda .date span.datefin { display:inline-block; }


.agenda a.agenda-evt span.type span.typepublic { display:block;  }
.agenda a.agenda-evt span.type span.typepublic:before { content: "";
  display:inline-block;
  vertical-align:middle;
  height:14px;
  width:14px;
  margin-right:4px;
  background-size: 14px 14px;
  background-image: url(/img/arrow-right-thick.svg);
  background-repeat: no-repeat;

 }



@media only screen and (min-width: 700px) {
.agenda { margin-bottom: 40px;  }
.agenda .agenda-header { margin: 50px -20px 0 -20px;   }
.agenda .agenda-voirplus {   }
.agenda a.agenda-evt { margin-left:-20px; margin-right:-20px;    }
.agenda a.agenda-evt span.button  { position:relative; top:0; right:0; }
.agenda a.agenda-evt span.button  span.plusbutton { max-width:35px; }

.agenda a.agenda-evt span.wrapp { display: flex;  }
.agenda a.agenda-evt span.titre { flex-basis: 45%;	flex-grow: 0;flex-shrink: 0; overflow:hidden;  width:auto; margin-right: 10px;}
.agenda a.agenda-evt span.type { flex-basis: 25%;	flex-grow: 0;flex-shrink: 0; overflow:hidden;}
.agenda a.agenda-evt span.date { flex-basis: 25%;	flex-grow: 0;flex-shrink: 0; overflow:hidden;}
.agenda a.agenda-evt span.button { flex-basis: 5%;	flex-grow: 0;flex-shrink: 0; text-align:right; }

.agenda .date span.datedeb, .agenda .date span.datefin { display:block; }

.agenda a.agenda-evt span.type span.typepublic { display:inline-block; margin-right:5px;  }

}



/* BLOC LISTE DE liens
==============================*/

ul.liste-de-liens { list-style-type:none; margin:0; padding:0; }
ul.liste-de-liens li a { display:block; text-decoration:none; }
ul.liste-de-liens li a:hover { text-decoration:underline; }
ul.liste-de-liens li a:before {

  content: "";
  display:inline-block;
  vertical-align:middle;
  height:14px;
  width:14px;
  margin-right:4px;
  background-size: 14px 14px;
  background-image: url(/img/arrow-right-thick.svg);
  background-repeat: no-repeat;

}



@media only screen and (min-width: 800px) {
ul.liste-de-liens { margin:0 0 15px; }
}



/* BLOC TEXTE SIMPLE
=============================*/
.texte-simple { margin:20px 0; }

@media only screen and (min-width: 800px) {
.texte-simple { margin:30px 0; }
}








/* BLOC ANCRES DEROULANTES
=============================*/
.ancres-deroulante { margin-top:20px; }
.ancres-deroulante a.ancre-deroulante { display:block; padding:10px 0; position:relative;  display:block;    border-top:solid black 1px; padding-left:var(--margin-mobile); padding-right:var(--margin-mobile);    }

.ancres-deroulante a.ancre-deroulante:hover { background-color:var(--primary-color);  text-decoration:none; }



.ancres-deroulante a.ancre-deroulante:last-of-type {  border-bottom:solid black 1px;  }

.ancres-deroulante a.ancre-deroulante:after  {right:var(--margin-mobile); position:absolute;  content: url(/img/arrow-right-thick.svg); vertical-align:middle;   width: 18px; }


.ancres-deroulante a.ancre.active { background-color:var(--primary-color); border:none;  padding-left:var(--margin-mobile); padding-right:var(--margin-mobile); }
.ancres-deroulante a.ancre.active:after { transform: rotate(.25turn); }


.contenu-ancre-bloc-texte { padding:20px 0 0; }



.atelier-autre-date { border-bottom:solid black 1px; padding:10px 0; }


.hidden-ancre { display:none; }
.hidden-ancre.show { display:block; }

.atelier-autre-date { display:flex ;  justify-content: space-between; }




@media only screen and (min-width: 800px) {

  .ancres-deroulante a.ancre-deroulante { padding:20px 0;  padding-left:var(--margin-mobile); padding-right:var(--margin-mobile);    }
.atelier-autre-date { padding:20px 0; }


}






/* VUE FILTREE ET ITEMS AGENDA
====================================== */


.vuefiltre-lienagenda a.agenda-item { display:block; text-decoration:none; border-top:solid black 1px; padding: 20px;}
.vuefiltre-lienagenda a.agenda-item  span { display:block; }
.vuefiltre-lienagenda a.agenda-item  span.heure { float:right; }

.agenda-item .titre { font-style:italic; }
.vuefiltre-lienagenda a.agenda-item:last-child { }


.vuefiltre-lienagenda a.agenda-item:hover { background-color:var(--agenda-color); }









/* GALERIE
=============================== */

.galerie-linear-header { border-bottom:solid black 1px;  margin-bottom:20px; }
.galerie-linear { margin:0 -5px 30px -5px;  display: flex;    flex-wrap: wrap; }
.galerie-linear a.pic { margin:0 ;  }
.galerie-linear .pic picture { padding:5px; display:block; }
.galerie-linear .pic picture img {max-height:130px; display:block;   }

@media only screen and (min-width: 800px) {

.galerie-linear { margin:0 -10px 30px -10px;  display: flex;    flex-wrap: wrap; }
.galerie-linear a.pic { margin:0 ;  }
.galerie-linear .pic picture { padding:10px; display:block; }
.galerie-linear a.pic picture img {max-height:170px; display:block;   }
.galerie-linear a.pic picture:hover{ background-color:var(--primary-color);  }
}



/* MOSAIQUE
=================================== */

.mosaique-header {  border-bottom:solid black 1px;  margin-bottom:20px; }
.mosaique-chapo { border-bottom:solid black 1px; padding-bottom:20px; margin-bottom:40px; }
.mosaique { display: flex;  gap:4px 15px;  flex-wrap: wrap; }
.mosaique a img { width:100%; display:block; margin-bottom:5px;  }
.mosaique a { text-decoration:none; display:block; flex-grow: 1;   width: 100%; }

.mosaique a .textecourant { font-size:12px; line-height:14px; margin:0;}


@media only screen and (max-width: 800px) {
.mosaique { display: flex;    flex-wrap: wrap; }
.mosaique a { width: calc((100% / var(--columns)) - 20px + (20px / var(--columns))); }

.mosaique-2  {  --columns: 1; }
.mosaique-3  {  --columns: 1; }
.mosaique-4  { --columns: 2; }
.mosaique-6  {  --columns: 3; }
}




@media only screen and (min-width: 800px) {
.mosaique { display: flex;  gap:20px;  flex-wrap: wrap; }
.mosaique a { width: calc((100% / var(--columns)) - 20px + (20px / var(--columns))); }

.mosaique-2  {  --columns: 2; }
.mosaique-3  {  --columns: 3; }
.mosaique-4  { --columns: 4; }
.mosaique-6  {  --columns: 6; }

.mosaique-6 .textecourant { font-size:14px; line-height:18px; }

}











/* HOMEPAGE
============================= */


@media only screen and (min-width: 1000px) {

.home-cover-details  {
	  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}

.column-ar {
 text-align:right;
}

}


/* VOIR AUSSI
============================= */

.voiraussi {   padding-top:20px;   }
.voiraussi a { text-decoration:none; }
.voiraussi a:hover { text-decoration:underline; }
.voiraussi h3 { padding-bottom:20px;  }
.voiraussi picture.image  img { width:100%; display:block; }
.voiraussi picture.image  { display:block; margin-bottom:15px;  }
.voiraussi-content { border-top:solid black 1px; padding-top:20px !important; }
.voiraussitemtxt h4 { font-size:20px; line-height:22px;  }
.voiraussi-mobiletn h4 { font-size:17px; line-height:20px;  }


.voiraussitemtxt { margin-bottom:20px; }
.voiraussi-mobiletn picture.image { float:right; max-width:120px;margin-left: 10px; }
.voiraussitemtxt p {margin:0; }


@media only screen and (min-width: 467px) {
.voiraussi picture.image  { display:block; margin-bottom:30px;  }
.voiraussi-mobiletn picture.image { float:right; max-width:200px ; margin-left: 0; }

}



@media only screen and (min-width: 768px) {
.voiraussi-mobiletn picture.image { float:none; max-width:100%; margin-left: 0; }
.voiraussitemtxt h4 {  font-size:25px; line-height:26px;  margin:0 0 5px;  }
}




/* XXXXXXXXXXXXXXX
============================= */

.chapeau { font-size:25px;line-height:1.12em; }

.visu { height:450px;   background: no-repeat center center;   -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;background-size: cover; }

.visulegend  {  border-top:solid black 1px; padding-top:10px; margin-top:20px; }
.visulegend p { font-size:15px; line-height:1.12em; }

.chiffres { margin-top:30px; }

.video { margin:30px 0; max-width:700px; }
.videolegend {  padding-top:10px; }

.mention { margin-top:40px; }

.biglink { text-decoration:none; color:black; font-size:35px; padding:20px 0 20px; display:block; position:relative; border-top:solid black 1px; border-bottom: solid black 1px; }
.biglink::after {   content: "\2794";  position:absolute; right:0; }


.legendephoto { margin-top:70px; font-size:10px; }










/* PAGE AGENDA
==================================== */


.agendafiltshow { display:none; background-color:var(--agenda-color); padding:20px;  column-gap:20px; flex-wrap: wrap; position:relative;  margin-top:20px;  }
.agendafiltshow.open { display:block; }
.agendafiltshow a {   display:block; font-family:"SuisseIntl-Regular", sans-serif;  font-size:24px; line-height:28px; }
.agendafiltshow a { text-decoration:none; }
.agendafiltshow a:hover, .agendafiltshow a.active { text-decoration:underline; }

.filterbutton-wrapper { display:flex; gap:15px; flex-wrap: wrap; }
.filterbutton { flex:100%;   position:relative; font-family:"SuisseIntl-Regular", sans-serif;  font-size:20px; line-height:25px; text-decoration:none; padding:8px 7px; display:block; border:solid black 1px; border-radius:2px; }

.agendafiltshow button.close { position:absolute; top: 10px; right: 10px;  }
.agendafiltshow button.close img { width:20px; }


.filterbutton:after  { position:absolute; right:15px; content: url(/img/arrow-right-thick.svg); vertical-align:middle;   width: 18px; }
.filterbutton:hover { background-color:var(--agenda-color);text-decoration:none;  }
.filterbutton.active { background-color:var(--agenda-color); }
.filterbutton.active:after  { transform: rotate(.25turn); }

#selectedfilters { margin:20px 0 0; }
#selectedfilters div { display:inline-block; border:solid black 1px; padding:6px 20px 6px 10px; margin:0 10px 10px 0; position:relative; border-radius:2px; }
#selectedfilters a.close { cursor:pointer; text-decoration:none; position:absolute;right:5px; content:'\0000D7'; }

#agenda_filter_datepicker_wrapper { margin-top:20px; display:none;background-color:var(--agenda-color); padding:20px;   }
#agenda_filter_datepicker_wrapper.open { display:block; }

#event-wrapper { margin-bottom: 40px; }
#event-wrapper .event:last-child { border-bottom:none; }

.event-wrapper {margin-top:40px; border-top:solid black 1px; }

.event-wrapper a.event { text-decoration:none; }

.event-wrapper a.event .eventbg { margin:0 -15px; padding:10px 15px;   }
.event-wrapper a.event:hover .eventbg { background-color:var(--agenda-color);  }

.event-wrapper .event  { display:block;  border-bottom:solid black 1px; padding:10px 0;}
.event-wrapper .event .image img { max-width:100%; }
.event-wrapper .event .image {margin-bottom:10px; }
.event-wrapper .event .text  h2 { margin-bottom:5px; font-size:30px;line-height:30px;font-family:"SuisseIntl-Medium", sans-serif;   }
.event-wrapper .event .text  h3 { margin-bottom:5px;  }
.event-wrapper .event .text  p { margin-bottom:0; }
.event-wrapper .event .text .event-details { margin-bottom:5px; display:flex; }

.event-details .pictos { text-align:right; flex:1;}
.event-details .pictos img { display:inline-block; width:35px; height:35px; border-radius:50% 50%; border:solid black 1px;}



.button-event-more {  display:inline-block;  position:relative; font-size:20px; line-height:25px; text-decoration:none; padding:8px 47px 8px 14px ; display:block; border:solid black 1px; border-radius:2px; margin:0 auto; }
.button-event-more:after  { position:absolute; right:10px; content: url(/img/arrow-right-thick.svg); vertical-align:middle;   width: 18px; }
.button-event-more:hover { background-color:var(--agenda-color);   }

.button-event-more:hover:after { transform: rotate(.25turn); }

@media only screen and (min-width: 768px) {
	.agendafiltshow {  padding-left: 160px; }
	.agendafiltshow button.close { position:absolute; right: unset; top: 10px; left: 10px;  }
	.agendafiltshow-2cols a {   display:inline-block; width:45%; }

	.filterbutton-wrapper { gap:20px;  }
	.filterbutton { flex:calc(50% - 20px);  padding:20px 15px; display:block; }

	#selectedfilters div { padding:10px 20px 10px 10px; margin:0 20px 20px 0;  }

	.event-wrapper .event {  padding:10px 0; }
	.event-wrapper .event .eventbg { display: flex;  flex-direction: row;  flex-wrap: wrap; margin:0 -10px; padding:10px 10px; }


	.event-wrapper .event .text  h2 { margin-bottom:10px; font-size:45px;line-height:40px;}
	.event-wrapper .event .text  h3 { margin-bottom:10px; }
	.event-wrapper .event .text { order:1; padding-right:20px; }
	.event-wrapper .event .image { order:2;margin-bottom:0; }
	.event-wrapper .event .text,.event-wrapper .event .image { display: flex;  flex-direction: column;  flex-basis: 100%;  flex: 1;}
	.event-wrapper .event .text .event-details { flex-grow:1;min-height: 120px;  }


}













/* AUDIO PLAYER */


.audio-player-wrapper { margin-bottom: 20px; max-width:700px; }
.audio-player-wrapper p { margin: 0px; }
.audio-player {
  padding: 10px 15px;
  margin: 15px 0 5px;
  background-color: white;
  border: 1px solid black;
  border-radius:50px;
}
.audio-player .player-controls {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.audio-player #playAudio {
  -webkit-appearance: none;
display:block;
  cursor: pointer;
  vertical-align:middle;
  flex: 0 0 30px;

}
.audio-player #playAudio .pictoplaypause {
  -webkit-appearance: none;
 width:15px;
  content: url(/img/playbutton.svg);  vertical-align:middle;
  margin:0 10px 0 5px;
}

.audio-player #playAudio.pause .pictoplaypause {
 content: url(/img/pausebutton.svg);
}
.audio-player #timer {
  flex: 0 0 100px;
  line-height: 1;
  display: inline-flex;
margin:0 10px 0 5px;
}
.audio-player #seekObjContainer {
	flex: 1;
	cursor:pointer;
  position: relative;
  /*width: 300px;*/
  margin: 0 5px;
  height: 10px;
}
.audio-player #seekObjContainer #seekObj {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #e3e3e3; border-radius:10px;
}
.audio-player #seekObjContainer #seekObj #percentage {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: coral;
  border-radius:10px;
}




@media only screen and (min-width: 700px) {
.audio-player-wrapper { margin-bottom: 50px; }

.audio-player {  padding: 15px 20px; }
.audio-player #playAudio { flex: 0 0 80px;}
.audio-player #playAudio .pictoplaypause { width:20px; }
.audio-player #timer { }

}














/* RESPONSIVE VIDEO */

.video-responsive {
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}

.video-responsive iframe {
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}