*{
  margin:0;
  padding: 0;
  font-family: 'Quicksand', sans-serif;
}
body{
  /*overflow: hidden;*/
}
#fond{
min-height: 100vh;
  background:  #071e8e; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(left top,  #071e8e ,  #00bfa6); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient( bottom right,  #071e8e,  #00bfa6); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom right,  #071e8e,  #00bfa6); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom right,  #071e8e ,  #00bfa6); /* Standard syntax */
background-attachment: fixed;
overflow: hidden;
}
p{
  padding-bottom: 1.5em;
}

.material-icons{
  color:#fff;
}


.row{
  padding: 0 ;
  text-align: center;
  margin-bottom: 0;
}
strong{
  font-weight: bolder;
  color: #00bfa6;
}
.extrait li{
  margin:1em 2em;
  list-style-type: circle;
  list-style: circle;
}
.extrait{
  text-align: justify;
  font-size: 1.5em;
  margin-bottom: 100px;
  color: #fff;
}
.merci{
  text-align: center;
  font-size: 1.5em;
  margin-bottom: 100px;
  color: #fff;
}
.card{
  background-color: rgba(255, 255, 255, 1);
  border-radius: 5px;
  margin: 20px;
}


.btn-menu a{
  margin-bottom: 1em ;
}
.titre{
  padding-bottom: 1em;
  font-size: 3em;
  text-transform: uppercase;
  font-weight: bold;
  color: #071e8e;

}

.logo img:hover{
     filter:saturate(8);
}
.envoyer a{
  background-color: #00bfa6;
  margin: 30px 0;
}
.contact{
  margin-top: 20px;
}

.contact a {
  text-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.contact a:hover{
 text-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
#apropos, #portfolio {
  background-color: #071e8e;
}

#apropos:hover, #portfolio:hover{
  background-color: #00bfa6;

}

.carte{
  width: 100%;
  height: 15vw;
  margin-bottom: 30px;
}
.portfolio{
  margin: 0 15% 2% 15%;
}

.etiquette{
  height: 100%;
  width: 100%;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.carte:hover .etiquette{
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);


}

.carte:nth-of-type(1) .etiquette{
   background:  url("../img/1WD.jpg") no-repeat center  ;
   background-size: cover;
}

.carte:nth-of-type(2) .etiquette{
   background:  url("../img/2eglelouis.jpg") no-repeat center ;
   background-size: cover;
}

.carte:nth-of-type(3) .etiquette{
   background:  url("../img/3hesme.jpg") no-repeat center ;
   background-size: cover;
}

.carte:nth-of-type(4) .etiquette{
   background:  url("../img/4disneyextras.jpg") no-repeat center ;
   background-size: cover;
}

.carte:nth-of-type(5) .etiquette{
  background:  url("../img/5creations.png") no-repeat center;
  background-size: cover;
}
.carte:nth-of-type(6) .etiquette{
   background:  url("../img/6zoom.jpg") no-repeat center ;
   background-size: cover;
}




footer{
  background: #fff;
  color: #000000;
  margin-top: 120px;
}

footer .titre{
  padding: 20px;
  text-transform: capitalize;
}

form .row .col .s12{
  padding: 3em 0;
}

#send {

  margin-bottom: 20px;
}



.prefix{
  color: #071e8e;
}
.griffe{
  width: 100vw;
  text-align: center;
  padding: 2em 0;
  background:  #071e8e; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(left top,  #071e8e ,  #00bfa6); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient( bottom right,  #071e8e,  #00bfa6); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom right,  #071e8e,  #00bfa6); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom right,  #071e8e ,  #00bfa6); /* Standard syntax */}
.griffe a {

  color: #fff;

}
.griffe a:hover {

  color: #00bfa6;

}

/*Version mobile*/











@media all and (max-width: 480px){

  .titre{
    font-size: 2em;

  }
  .carte{
    height: 30vh;
  }
  .extrait{
    font-size: 1em;
  }
  .portfolio {
    margin: 0;
  }
  }