body .spip-admin-bloc, body .spip-admin-float{
  top: unset; bottom: 0;
}

#header {height: 16rem;
  padding-bottom: 4rem;}
#header .logo{
  text-shadow: 1px 1px 2px #3333339c;
  text-decoration: none;
}

#main{ line-height: 2rem; }
#main .texte p {
  margin: 0 0 1.4rem 0;
  text-justify: distribute;
}

#main a{color: #138eb1 !important;}
a:hover {text-decoration: underline rgb(30, 172, 172);}
body #main > .post header.major h2 {
  line-height: normal;
}
.langues a {border: none;}
.langues a img{max-width:40px; height: auto;}

.lity-close b{color: #fff;}

.chapeau{
  text-align: center;
  font-style: italic;
  margin-bottom: 3rem;
  line-height: 1.6rem;
}
.chapeau .logo_chapo{margin:0 auto; margin-bottom: 1rem;}

/* calendrier */
#calendrier {
  font-size: 12pt;
  margin-bottom: 2rem;
}
#calendrier table {
		margin: 0;
		width: 100%;
	}
#calendrier .button, #calendrier button {
		color: #ccc !important;
}
.calendrier-couleur-reserve, .day{
  background-color: #f8f8f8 !important;
}
.calendrier-couleur-libre {
  background-color: #ccf2a7 !important;
}
/* distinguer les jours hors du mois */
.new.calendrier-couleur-libre, .old.calendrier-couleur-libre {
  color: #aaa !important;
}
/* desactiver les liens du calendrier */
#calendar .day {
  pointer-events: none; 
}

.fc-daygrid-day-number {
  text-decoration: none;
  border: none;
}
.fc .fc-col-header-cell-cushion {
  border: none;
}

/* contact_us */
.infos_droite{
  position: absolute;
    text-align: center;
    height: auto;
    display: inline-block;
    top: 1rem;
    right:1rem;
    z-index:9;
}
.contact_us, .langues{
    background: #ffffffbf;
    border-radius: .5rem;      
    font-family: sans-serif;
    font-size: 11pt;
    margin-bottom: 4px;
}
/* sommaire */
#main p.vos_reservations{
  font-family: sans-serif;
  position: relative;
  font-size: 1rem;
  padding: 0 1rem;
}
#main p.vos_reservations br{display: none;}

#main p.vos_reservations, .info_reservation {
  text-align: center;
  background: #e9feff;
  color: #113c2c;
}

.langues{
  display: flex;
  gap: .5rem;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: .5rem 0 0;
}
.lang_nondispo{
  max-width: 200px;
  line-height: 1rem;
  position: relative;
  padding: 1rem;
  background: #fbfbfb;
  text-align: center;
  font-size: 11pt;
}
.contact_us{  
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: 9px 5px;
    height: 34px;
  }

  .contact_us .courriel{
    display: block;
    background-image: url('img/contact_us.svg');
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: 9px 5px;
    padding: 0px 12px 10px 38px;
    height: 34px;
    border: none;
  }

/* icones */
.fa.fa-house-user {
    position: relative;
    height: 22px;
    margin-right: 22px
}
.fa-house-user:before {
    width: 22px;
    height: auto;
    display: inline-block;
    position: absolute;
    top: 5px
}

/* menu perso */
.infosperso {
  position: fixed;
  left: 1rem;
  top: 1rem;
  text-align: center;
  height: auto;
  z-index: 1200;
  line-height: 1.2rem;
  background-color: #ffffffbf;
  font-family: sans-serif;
  border-radius: .5rem;
  padding-bottom: 10px;
  font-size: 11pt;
}

.infosperso .blocperso{
  background-image: url('img/user-fine.svg');
  background-repeat: no-repeat;
  background-position: .5rem .5rem;
  background-size: 16px;
  display: inline-block;
  padding: 9px 12px 4px 30px;
  text-align: left;
  white-space: nowrap;
  height: auto;
}
.infosperso a, .infos_droite a {
  border: none;
  color: #000 !important;
}
.infosperso a:active,.infosperso:hover a:hover, .infosperso a:focus{
  color:#000 !important;
}
.infosperso a:visited{color:#333}
.toggle-content {
	display: none;
	height: 0;
  opacity: 0;
	overflow: hidden;
	transition: height 350ms ease-in-out, opacity 750ms ease-in-out;
}
.infosperso a.closeperso:active, .infosperso:hover a.closeperso:hover, .infosperso a.closeperso,:focus
.infosperso a.closeperso{border: none important! ; text-decoration:none}
.infosperso a.closeperso img {border: none important! ; text-decoration:none}

@media screen and (max-width: 800px) {
  #main p.vos_reservations br{display: block;}
}
@media screen and (max-width: 500px) {
  .blocperso span{
    display:none
  }
  #main p.vos_reservations{
    top: 0;
  }
}
@media screen and (max-width: 350px) {
  .infos_droite {
    text-align: right;
  }
  .contact_us a.courriel{
    background-size: 30px 30px;
    border-bottom: none;
    height: 40px;
  }
  .courriel span{
    display: none;
  }
  .langues{
    padding: 1rem .5rem 0 .5rem;
    flex-direction: column;
    gap: 0;
  }
  .langues a img {max-width: 36px;}
}

.toggle-content.is-visible {
	display: block;
	height: auto;
  opacity: 1;
}

/* reprise dist SPIP 4.4 */
.spip_document { display: flex; justify-content: center;align-items: center}
.spip_doc_inner{ margin:0 auto;text-align: center;max-width: 100%;}
.spip_doc_inner>* {margin-left: auto;margin-right: auto;}
.spip_document .spip_doc_lien { display: inline-block; }
.spip_doc_legende { display: block; max-width: 25em; }

/* menu nav dans les articles */
.nav ul.links {
			display: flex;
			font-family: "Source Sans Pro", Helvetica, sans-serif;
			font-weight: 900;
			letter-spacing: 0.03em;
			list-style: none;
			margin-bottom: 0;
			padding-left: 0;
			text-transform: uppercase;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: .3rem 1rem;
      line-height: 1.8rem;
		}

.nav ul.links li, .nav ul.links li.active {
	display: block;
	padding-left: 0;
}

.nav ul.links li a, .nav ul.links li.active {
					transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
					display: block;
					font-size: 1.2rem;
					outline: none;
          border-bottom: none;
}

.nav ul.links li.active{ color:rgb(30, 172, 172) }

/* page visiteur pour login, masquer bouton rester connecter */
#formulaire_login .editer_session {display: none;}
/* masquer texte langues du site */
#formulaire_menu_lang {margin: .5rem 1rem}
#formulaire_menu_lang label{display: none}
#formulaire_menu_lang select {border-color: #999;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%23555' /%3E%3C/svg%3E");
}

.infosperso .centre p{
  margin:0;
}
#copyright, #copyright li a {
  color: #ccc !important;
}