*{    
    /*<link href="https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap" rel="stylesheet">*/
    font-family: 'Josefin Sans';
}
.dwwm-b-bg{
    background-color: #011547;
}
.dwwm-b-text{
    color: #011547;
}
.dwwm-v-bg{
    background-color: #00f3a7;
}
.dwwm-v-text{
    color: #00f3a7;
}
nav{
  overflow: visible;
}
nav a>img{
  position: absolute;
  right: 5%;
  top: -35px;
  width: 500%;
}

.jumbotron{
  background-image: url("images/DSC_0046_023.jpg");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-attachment: fixed;
  background-origin: content-box;
  font-size: 2em;
}

/*nav{background-color: black;}*/
button span{color:red; background-color: blue; }
.navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 0px 10px;
  text-decoration: none;
  font-size: 17px;
  transition: all 0.75s;
  transform: scale(1) rotateY(18deg) rotateZ(0deg);
}

.navbar li>a:hover, button:hover {
  background-color: #011547;
  box-shadow: 5px 5px 0px #00f3a7 ;
  transform: scale(1.2) rotateY(0deg) rotateZ(0deg);}


/*.navbar button:leave {
    transform: scale(0.9) rotateZ(150deg);
  }*/
a.text-decoration-none, div.row>div.col-xs-4{
  color: white;
  transition: all 0.75s;
  transform: scale(1.01) rotateZ(0deg);
}
/*a.text-decoration-none:hover, {
  background-color: white;
  transform: scale(1.6) rotateY(0deg) rotateZ(0deg);*/
}
div.row>div.col-xs-4:hover{transform: scale(1.1)}

div.row>div.col-xs-4{
  overflow: hidden;
 /* width: 700px;*/
  border-radius: 0.5em;
 /* max-height: 300px;*/
}
.imgcarousel{
  max-width: 100%;
}

 footer a:hover {
  transition: all 0.75s;
  transform: scale(1.2) rotateY(360deg) rotateZ(0deg);
  top: 1em;
  color: #011547;

}


.row>div.m-4:first-child, .row>div.m-4:last-child{display: none;};

@media (min-width: 500px) and (max-width: 1200px){
  .row>div.m-4:first-child{display: block;}
  div.row>div.col-xs-4{
    overflow: hidden;
    width: 600px;}

    nav a>img{
   position: absolute;
  top: -35px;
  left: 1em;
  width: 700%;
  }
  .jumbotron{
  background-image: url("images/DSC_0046_023.jpg");
  background-repeat: no-repeat;
  background-position: right bottom;
}

}

@media (min-width: 1201px){
  section.container-fluid{ padding: 0 8% 0 8%;}

  .row>div.m-4:first-child, .row>div.m-4:last-child{display: block;}

  div.row>div.col-xs-4{
    overflow: hidden;
    width: 300px;
    height: initial;
  }
  nav a>img{
   position: absolute;
  top: -35px;
  left: 1em;
  width: 700%;
  }
  .jumbotron{
  background-image: url("images/DSC_0046_023.jpg");
  background-repeat: no-repeat;
  background-position: right bottom;
  height: 600px;
}

  .imgcarousel:hover{transform: scale(1.2); z-index: 1000;}

  
}

/*_______________________________________________*/

.card{
  border: 0px;
  transition: all 1s;
  transform: scale(1);
  background-color:transparent !important;
  color: rgb(175, 175, 175);
  left: 0;
  position: relative;
  animation: mymove 1s 0;
  animation-fill-mode: forwards;

}

.card:hover{
  border: 2px dashed  #00f3a7;
  transform: scale(1.1);
  background-color:#103694 !important;
  color: #ffffff;
  z-index: 2000;
}
.card button, .btn button{
  background-color: #00f3a7 !important;
  color: #011547 !important;
  transition: all 0.75s;
}
.card button:hover,  .btn button:hover{
  box-shadow: 5px 5px 0px #011547 !important;
}


.bleu{
  background-color: #011547;
}

.vert{
  background-color: #00f3a7;
}

/*contenu*/
/*#boutonTest{
  position: relative;
  bottom: 20%;
  right: 5px;
  transform: rotateZ(-25deg);
}*/
.mtop{margin-top: 8%;}