html,
body,
header,
.view {
  height: 95%;
  font-size: 100%;
  font-weight: 500;
}

@media (max-width: 740px) {
  html,
  body,
  header,
  .view {
    height: 95%;
  }
}
@media (min-width: 800px) and (max-width: 850px) {
  html,
  body,
  header,
  .view {
    height: 650px;
  }
}

@media(min-width: 1501px){
  .rubrique{
    display: flex;
  }
}

@media(max-width: 1500px){
  .rubrique{
    display: none;
  }
}

.top-nav-collapse {
  background-color: #3f51b5 !important;
  /*background-color: transparent;*/
}

@media (max-width: 991px) {
  .navbar:not(.top-nav-collapse) {
    background: #3f51b5 !important;
  }
}

.rgba-gradient {
  background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.7), rgba(72, 15, 144, 0.4) 100%);
  background: -webkit-gradient(linear, 45deg, from(rgba(0, 0, 0, 0.7), rgba(72, 15, 144, 0.4) 100%)));
  background: linear-gradient(to 45deg, rgba(0, 0, 0, 0.7), rgba(72, 15, 144, 0.4) 100%);
}

.card {
  /*background-color: rgba(186,143,208,0.5);*/
}

.md-form label {
  color: #ffffff;
}

h6 {
  line-height: 1.7;
}

.bg{
	/*background-image: url('../img/accueil-safran-provence.jpg'); */
  background-image: url('../img/accueil-safran-provence.jpg'); 
	background-repeat: no-repeat; 
	background-size: cover; 
	background-position: center
}
.bg2{
  background-image: url('../img/safran14deg2.png'); 
  background-repeat: no-repeat; 
  background-size: cover; 
  background-position: center
}
.nav-link{
  font-weight: bold;
}
.navbar {
    background-color: transparent;
}

#abricot{
  background-image: url(../img/Fruits/abricot.jpg);
}
#banane{
  background-image: url(../img/Fruits/banane.jpg);  
}
#cerise{
  background-image: url(../img/Fruits/cerise.jpg);
}
#citron{
  background-image: url(../img/Fruits/citron.jpg);  
}
#fraise{
  background-image: url(../img/Fruits/fraise.jpg);
}
#orange{
  background-image: url(../img/Fruits/orange.jpg);
}
#nature{
  background-image: url(../img/Fruits/crocus.jpg);  
}
#miel{
  background-image: url(../img/Fruits/miel.jpg);
}
#peche{
  background-image: url(../img/Fruits/peche.jpg);
}
#poire{
  background-image: url(../img/Fruits/poire.jpg);  
}
#pomme{
  background-image: url(../img/Fruits/pomme.jpg);
}


.fruit{
        width:30px;
        height:30px;
        background-size: cover; 
        background-position: center;
        background-repeat: no-repeat;
        display: block;
        border-radius:5px;
        border:solid 1px #D94E3B;
}

.pull{
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s;
        -webkit-box-shadow: 5px 5px 2px 1px rgba(0, 0, 0, .5);
        -moz-box-shadow: 5px 5px 2px 1px rgba(0, 0, 0, .5);
        box-shadow: 5px 5px 2px 1px rgba(0, 0, 0, .5);
}

.push{
        -webkit-box-shadow: 0px 2px 0px #84261a;
        -moz-box-shadow: 0px 2px 0px #84261a;
        box-shadow: 0px 2px 0px #84261a;
        top:7px;
}