@charset "UTF-8";
/* CSS Document */

#evenements .grid-item{
  width:70%;
  text-align: center;
  margin: auto;
}
#pratiquer .grid-item {
	width:49%;
	margin-bottom:10px;
}

.grid-item.item-showcase {
	width:80%;
	margin:auto;
	text-align: center;
}
#pratiquer .gutter-sizer {
	width:2%;
}
#text_container div.lieu_container{
	padding: 20px;
	background-color:#ccffc9;
}
#text_container div.lieu_container h3{
	margin:0;
}

/* ---- button ---- */

.button {
  display: inline-block;
  padding: 0.5em 1em;
  background: #EEE;
  border: none;
  background-color:#dfdfdf;
  color: #222;
  font-family: sans-serif;
  font-size: 14px;
  cursor: pointer;
}

.button:hover {
  background-color: #c0deff;
  color: #222;
}

.button:active,
.button.is-checked {
  background-color: #c0deff;
}

.button.is-checked {
}

.button:active {
}

/* ---- button-group ---- */

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  float: left;
  border-radius: 0;
  margin-left: 0;
  margin-right: 1px;
  margin-bottom: 1px;
}




@media screen and (max-width: 900px) {
	#pratiquer .grid-item {
		width:100%;
		margin-bottom:10px;
	}
  #evenements .grid-item {
    width:100%;
    margin-bottom:10px;
  }
  
}