@import url("bootstrap-4.0.0.css");

body {
margin-top: 0px; /* 0px is the height of the navbar - change this if the navbarn height changes */
}

/*.full {
 /*background: url(http://placehold.it/1920x1080) no-repeat center center fixed;*/
 /*background: url("../images/laser_keyboard.jpg") no-repeat center center fixed;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}*/

/*.fond {
 background image: url("image/Kameily_Jungle_Jumbo.png") no-repeat center center;
 position: fixed; /* Le fond est fixé en haut de la page */
 /* max width: 100%; /* Il occupe toute la largeur de l'écran */
 /*height: auto; /* On met ici la même hauteur que le jumbotron */
 /*top:0;
 left:0;
 z-index: -1;
}*/

@media (max-width: 123px) { /* Remplacez 123px par la taille de votre choix */
.navbar-header {
float: none;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
margin: 7.5px -15px;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.navbar-text {
float: none;
margin: 15px 0;
}
/* cette classe est à ajouter lorsque que vous utilisez une version de Bootstap supérieure ou égale à la 3.1.0 */
.navbar-collapse.collapse.in {
display: block!important;
}
.collapsing {
overflow: hidden!important;
}
}


.form {
  /* Uniquement centrer le formulaire sur la page */
  margin: 0 auto;
  width: 400px;
  /* Encadré pour voir les limites du formulaire */
  padding: 1em;
  border: 1px solid #CCC;
  border-radius: 1em;
}

.form .div + .div {
  margin-top: 1em;
}

.champs {
width: 425px;
height: 30px;
}

.champs2 {
width: 425px;
}

.ul {
list-style:none;
margin-left:0;
padding-left:0;
}

.li {
margin-left:10px;/* à adapter */
}

.carousel-control-next, .carousel-control-prev {
   background-image:none !important;
   filter:none !important;
}

.carousel-control-prev-icon
 {
  color: none;
}

.carousel-indicators li {
 background-color: #707070;
}

.carousel-item active {
 background-color: #707070;
}


.carousel-control-next-icon
 {
  color: none;
}




.container-fluid {height: 100%;
}


.container2-fluid {
  background-position: fixed;
  position: absolute;
  margin-top: 0px;
  margin-bottom: 0px;
   height: 100%;
   color: none;
background: transparent;
}

.container2 {
  background-position: fixed;
  margin-top: 0px
  height: 100%;
}




#BannièreRina-miele-400316-unsplash.gif
{
   position : fixed;
   z-index: 2;
}

#StockSnap_UQQP9CWLGJ.gif
{
   position : fixed;
   z-index: 2;
}


.container {
  height: 100%;
}

.shadow5 {
text-shadow: gray 0.05em 0.05em 0.05em;
}


.jumbotron {
margin-bottom: 0px;
 height: 100%;
 color: none; /* Le texte sera affiché en blanc */
 /*text-shadow: black 0.3em 0.3em 0.3em;*/
 background: transparent;
}

/*.jumbotron{
color: none;
background-color: #f0d6e1;
/*background-color:none !important;}*/

.jumbotron2 {
margin-bottom: 0px;
 height: 100%;
 color: none;
 background-color: transparent;
}




.kraft {
  height: 100%;
  opacity:0.6;
  background-color: #d1b48f;
}

.paille {
  height: 100%;
  opacity:0.6;
  background-color: #dbcfb5;
  }

.sable {
   height: 100%;
   opacity:0.6;
background-color: #ebe0c7;
}

.blockopacité {
  height: 100%;
opacity:0.6;
background-color:#e9eaea;
}

.transparent{
 background-color: #ffffff;
 opacity: 0.6;
}


.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
 color: #555;
 background-color: #D5D5D5;
}

.navbar-default {
 /* Couleur de fond de la barre de navigation */
 background-color: #f0d6e1;
 border-color: #f0d6e1;
}