* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/*Couleur de fond 74D0F1*/

/*
 * -- BASE STYLES --
 * Most of these are inherited from Base
 */
body {
    line-height: 1.7em;
    /*color: #677;*/
    color: #34495e;
    font-size: 14px;
    /* position: relative;
    margin-top: -50px; */
    /*background-color: #74D0F1;*/
    /*background-color: #34495e;*/
    background-color: #A9EAFE;
}




h1,h2,h3,h4,h5,h6 {
    color: #34495e;
}

a {
  color: #455;
  text-decoration: none;
}

blockquote {
    quotes: "«" "»" "‹" "›";
}

blockquote::before {
    content: open-quote;
}

blockquote::after {
    content: close-quote;
}

/*
 * -- LAYOUT STYLES --
 * These are some useful classes which I will need
 */
 
.tableau_bouton {
  background-color: #FFD700;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border-style: outset;
}

.gros_titre {
	font-family: "trebuchet MS";
	font-size: 40px;
	font-weight: bold;
	color: #34495e;
}


.centered {
    text-align: center;
}

.box-centered {
  justify-content: center;
  align-content: center;
}

.box-centered div {
  padding: 0 1em 1em 1em;
}

.parallax {
   width: 100%;
   min-height: 60vh;
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-size: cover;
   color: #CDD;
}

/*
 * -- MENU STYLES --
 */

.home-menu, footer {
    padding: 0.5em;
    text-align: center;
    box-shadow: 0 1px 1px rgba(0,0,0, 0.10);
    background: #FFD700;
}
.pure-menu.pure-menu-fixed {
    /* Fixed menus normally have a border at the bottom. */
    border: none;
}
.home-menu a {
    /*color: #6fbed3;*/
    color: #1560BD;
}
.home-menu li a:hover,
.home-menu li a:focus {
    background: none;
    border: none;
    color: #0095B6;
}

.button-custom {
  color: #6FAED3;
  background: #2d3e50;
}

/*
 * -- SECTIONS --
 */

#head .parallax {
   /*background-image: url('../img/bandeau_tgi_mince.jpg');*/
   /*background-image: url('../img/bandeau_chemises_brunes.png');*/
   /*background-image: url('../img/bandeau.png');*/
   background-image: url('../img/habilles.png');
   background-position: center;
   /*min-height: 100vh;*/
   min-height: 600vh;
}

#middle .parallax {
   /*background-image: url('../img/bandeau_tgi_mince.jpg');*/
   /*background-image: url('../img/bandeau_chemises_brunes.png');*/
   background-image: url('../img/habilles.jpeg');
   background-position: center;
   /*min-height: 100vh;*/
   min-height: 100vh;
}

#lecabinet .parallax {
   /*background-image: url('../img/loic_le_quellec.jpg');*/
   /*background-image: url('../img/loic_le_quellec_2.png');*/
   background-position: center;
}
#domainesintervention .parallax {
   background-image: url('../img/palais_bobigny.jpg');
   background-position: center;
   min-height: 100vh;
}



#monnaie .parallax {
   background-image: url('../img/dune.jpg');
   background-position: center;
   color: #FFF;
}
#federation .parallax {
   background-image: url('../img/graph_light.png');
   background-position: center;
   color: #111;
   text-shadow: 1px 1px 1px white, 1px -1px 1px white, -1px -1px 1px white, -1px 1px 1px white;
}

#zebrafish h3, #monnaie h3 {
  color: #DEE;
}

#associations img {
  width: 75%;
  display: block;
  margin: auto;
}

#links {
    padding: 0.5em;
    text-align: center;
    box-shadow: 0 1px 1px rgba(0,0,0, 0.10);
    background: #2d3e50;
}


/*
 * -- TABLET (AND UP) MEDIA QUERIES --
 */
@media (min-width: 48em) {
  body {
      font-size: 16px;
  }

  #head .parallax {
      min-height: 50vh;
      background-position: center top;
      background-size: 100%;
  }
}

/*
 * -- DESKTOP (AND UP) MEDIA QUERIES --
 */
@media (min-width: 78em) {
  body {
      font-size: 18px;
  }
}


/*
 * -- LESS THAN DESKTOP MEDIA QUERIES --
 */
@media (max-width: 78em) {
    #head {
      /* display: none; */
      visibility: hidden;
      height: 4em;
    }
}