@import url('https://fonts.googleapis.com/css?family=Pacifico&display=swap');

html { min-width: 450px; }


body {
	
	background: url("../images/fond-pizsurf.jpg") repeat-y;
	background-size: 100% auto;
	overflow-x: hidden;
	font-family: 'sansationR';
	color: #3b2116;
	
	
}


#covid .container { 
	
	/*animation: colorblink 2s infinite;*/
	color: #DFBF74;
	font-size: 13px;
	
}

#covid h4 { font-size: 20px; }
#covid h2 { font-size: 25px; }

.navbar-end { font-family: 'sansationbold'; color: #D69D10; padding-left: .8em; animation: colorblink 2s infinite;
	
	 }

@keyframes colorblink { 
0% { }
50% { color:white; } 
}

.ouverttous { font-family: 'sansationbold'; color:#000; animation: colorblink2 2s infinite; font-size: 1.5rem; border-bottom: 1px solid #AA6C00;
	
	 }

@keyframes colorblink2 { 
0% { }
50% { color:white; } 
}

#contact .honigtopf { display: none; }

.navbar-link, a.navbar-item { text-align: center; }

.logo, .navbar-start { visibility: hidden; margin: auto; }
.THEname {  margin: inherit;  } 

#carte  { background: transparent url("../images/bas.jpg") no-repeat bottom right; background-size: 100% auto;  }
#carte .column { text-align: left;  }
.white  { background: rgba(255, 255, 255, 0.3); }
.moment  { background:#b64232; color: yellow; }
#plus h3 { text-align: center; }


.hero.is-success.is-bold { background:#b64232; }
.boltform button.navbar, .navbar.is-primary {  background:#b64232; }
.boltform button.hero.is-bold, .hero.is-primary.is-bold { background: url("../images/slider.jpg") no-repeat bottom right;  }
.hero-body, .section { }
.hero.is-large .hero-body { padding-top: 5em;}
.title { font-family: 'Pacifico', cursive; font-weight: normal; margin-bottom: 1.2em; visibility: hidden; }
.boltform button.hero .subtitle, .hero.is-primary .subtitle {  text-transform: uppercase;  font-size: 2.2em; font-family: 'sansationbold'; text-shadow: none; padding-top: 1em; visibility: hidden;}
.title a { width: 100%; display: block;}

h1, h2, h3, h4, h5, h6 { font-family: 'sansationbold'; width: 100%; text-align: center; }
#carte h2 { background: url("../images/fond-pizsurf-fonce.jpg") repeat-y; padding: 0.5em; margin-top:3em; font-family: 'Pacifico', cursive; font-size: 2em; text-align: left;  visibility: hidden; }

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

.container {
  width: 100%;
  margin: 1em auto;
  /*border: 1px solid #ddd;*/
  padding: .3em .6em;
}
.container:after, .container:before {
  display: table;
  content: " ";
  line-height: 0;
  font-size: 0;
  clear: both;
}
.container p {
  font-size: 1.15em;
  margin-bottom: 0em;
  font-style: italic;
  padding: .4em;
  padding-top: 0;
}

.group-header {
  float: right;
  font-weight: 700;
  width: 30%;
  margin: .7em 0 1em 0;
  margin-top:-8em;
}
.group-header span {
  float: left;
  width: 50%;
  text-align: center;
  display: block;
  transform: rotate(-90deg);
  padding:1em;
  color: #F9E86B;
  background: #b64232;
  text-transform: uppercase;
}

h3 {
  position: relative;
  font-weight: 700;
  margin: .7em 0 0em 0;
  padding: .4em;
  padding-bottom: 0;

}
h3:after, h3:before {
  display: table;
  content: " ";
  line-height: 0;
  font-size: 0;
  clear: both;

}
h3 span {
  float: left;
  width: 14%;
  text-align: center;
  display: block;
}
h3 span:first-child {
  width: 42%;
  text-align: left;
  font-family: 'sansationbold';
  text-transform: uppercase;  
}
h3 .dots {
  width: 30%;
  border-bottom: none;
  margin-top: .8em;
  color: #DEC077;
}


.card { background: url("../images/fond-pizsurf-fonce.jpg") repeat; color: black; }
.card p { color: #fff; text-align: center; }
.card h2 { color: white; text-align: center; width: 100%; }
.card img { max-width: 90%; margin: auto;  }

#Lestailles img { margin: auto; max-width: 50%; display: block; }
.taille { text-align: center; width: 100%; font-size: 2em; }

.info {  background: url("../images/fond-pizsurf.jpg") repeat-y; text-align: center;}
.footer { background: url("../images/fond-pizsurf-fonce.jpg") repeat; background-size: 100% 100%; }
.footer img {  max-width: 100%; width: 600px; margin: auto; display: block;}
.footer a { width: 100%; display: block; color: #F9E86B; }