body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
body, html {
    height: 100%;
    line-height: 1.8;
}
/* Full height image header */
.bgimg-1 {
    background-position: center;
    background-size: cover;
    background-image: url("images/accueil.jpg");
    min-height: 100%;
}
.w3-bar .w3-button {
    padding: 16px;
}
.w3-dancing-script {
  font-family: 'Dancing Script', serif;
}

.user-circle {
  display: inline-block;
  width: 150px;
  height: 150px;
  border-radius: 50%;

  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;

  /* needed to vertical align pictures when text size is different */
  vertical-align: top; 
  margin: 40px 20px;
}
.user-circle-content {
    text-align:center;
    padding-top: 150px;
    /* float:center; */
    line-height: 1;
}
.user-circle-content h3 {
  font-size: 18px;
}
.user-circle-content p {
    margin: 0;
}

.equipe-container{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

/* photo gallery */
.photos {
  /* Prevent vertical gaps */
  line-height: 0;
   
  -webkit-column-count: 3;
  -webkit-column-gap:   0px;
  -moz-column-count:    3;
  -moz-column-gap:      0px;
  column-count:         3;
  column-gap:           0px;  
}

.photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
  margin-bottom: 0px !important;
}

/*@media (max-width: 1200px) {
  .photos {
  -moz-column-count:    4;
  -webkit-column-count: 4;
  column-count:         4;
  }
}*/
@media (max-width: 1000px) {
  .photos {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 800px) {
  .photos {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}
@media (max-width: 400px) {
  .photos {
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }
}
.partners-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

fieldset {
  /* W3C adds a border that does not fit with smart wizard css => remove the border */
  border: 0px;
}

/* Have input text fields in inscription form not overlapping with top banner when scrolling */
.input-group .form-control {
    z-index: 0;
}

/* Inscription form */
.glyph {
  padding-right: 5px;
}
.dropzone {
  border: 2px dashed #0087F7;
  border-radius: 5px;
}

/* Accueil inscription */
.three-column {
  -webkit-column-count: 3; /* Old Chrome, Safari and Opera */
  -moz-column-count: 3; /* Old Firefox */
  column-count: 3;
}