body {
    
  font-size: 20px;
  margin:0px;
  padding:0px;
}
.container{

  margin-top:10px;
  padding-top: 10px;
 margin:auto;
  width:70%;
}
.well {
  /*  #d3d3d3  #DDD  #ededed */

  background-color:#ededed;
  padding: 20px;
  margin-left:1%;
  margin-right: 1%;
  border-radius:10px;
  margin-top:50px;
  margin-bottom: 50px;
  box-shadow: 5px 5px 5px 1px rgba(0, 15, 32, 0.2);
  
}

/* Equart */
.equart{
  margin-top:20px;
  margin-bottom: 20px;
}

.equartBleu
{
  margin-top:20px;
  margin-bottom: 20px;
}
.equart_sombre {
  margin-top:20px;
  margin-bottom: 20px;
}


@media (max-width: 600px)
{
    .container {
        padding:2px;
        margin:0px;
        max-width: 100%;
        width:100%;
    }
    .well{
        padding-right: 2%;
        padding-left: 2%;
        
    }
    .cadre {
        padding: 1em;
        margin-left:1%;
        margin-right: 1%; 
    }

    .grey_block
    {
        background-color: rgb(224, 224, 224);
    }
}

.jp-fargues_footer {

    background-color: #252525;
    height:50px;
    width: 100%;
    margin-top:150px;
}

/*     Simulation du header de jp-fargues        */

.topnav a.icon {
  background: #1d2024;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width:20%;
}

.topnav {
  overflow: hidden;
  background-color: #bb6e30;
  position: relative;
  padding:2em;
}

.topnav #myLinks {
  display: none;
}


.topnav a {
  color: white;
  padding: 14px 16px;
  font-family: 'Courier New', Courier, monospace;
  text-decoration: none;
  font-size: 17px;
  display: block;
  width:100%;
}


@media screen and (max-width: 600px) {

  .topnav a {
    color:#000000;
    padding: 22px 20px;
    text-decoration: none;
    font-size: 17px;
    display: block;

  }
  .topnav a:hover{
    color: #AFBAC4;
  }

}

@media screen and (max-width: 500px) {

 
  .block_calendar
  {
    font-size: 17px;
  }
}

@media screen and (min-width: 600px) {
  .nav_bar a {
      display:inline;
      
    }
  .icon {
      display:none;
  }
  .topnav #myLinks {
      display: inline;
    }
    #icon_iframe {
        display:none;
    }

    .topnav a {
      color:  #ffffff88;
     
      padding:5px;
      margin:15px;
      text-decoration: none;
  
    }
   
}
.topnav a:hover{
  /*color:  #AFBAC4;*/
  color:  white;
}
.topnav_selected {

  color:  rgb(255, 255, 255);
  background-color: rgba(63, 43, 27, 0.159);
}


/*
@media screen and (min-width: 600px) {
  .nav_bar a {
      display:inline;
    }
  .icon {
      display:none;
  }
  
  .topnav #myLinks {
      display: block;
    }
    
    #icon_iframe {
        display:none;
    }
  
}

*/