.center{text-align:center;}
.marginauto{margin:auto;}
.margin0{margin:0px;}
.margintop5{margin-top: 5px;}
.margintop10{margin-top: 10px;}
.margintop30{margin-top: 30px;}
.margintop50{margin-top: 50px;}
.margintop100{margin-top: 100px;}
.margintop150{margin-top: 150px;}
.marginleft5{margin-left: 5px;}
.marginleft10{margin-left: 10px;}
.marginleft20{margin-left: 20px;}
.marginright5{margin-right: 5px;}
.marginright10{margin-right: 10px;}
.marginright20{margin-right: 20px;}
.parddingleft20{padding-left: 20px !important;}
.padding0{padding: 0px !important;}
.pardding10{padding: 10px !important;}
.pardding20{padding: 20px !important;}
.parddingleft25{padding-left: 25px !important;}
.paddingleft10{padding-left: 10px !important;}
.paddingright10{padding-right: 10px !important;}
.paddingbottom5{padding-bottom: 5px !important;}
.marginbottom20{padding-bottom: 20px !important;}
.paddingtop5{padding-top: 5px !important;}
.paddingtop25{padding-top: 25px !important;}
.width30px{width: 30px;}
.width40px{width: 40px;}
.width80px{width: 80px;}
.width110px{width: 110px;}
.width300px{width: 300px;}
.height320px{height: 320px;}
.width40{width: 40%;}
.width80{width: 80%;}
.width90{width: 90%;}
.width100{width: 100%;}
.gris{color:#333 !important;}
.gris2{color:#afafaf !important;}
.grisclair{color:#f1f1f1 !important;}
.vertMJN, .vertMJN:hover{color: #15807f;}
.lien_vertMJN, .lien_vertMJN:hover, .lien_vertMJN a:hover, .lien_vertMJN a:focus, .lien_vertMJN a:active, .lien_vertMJN a:visited{color: #15807f;}
.orangeMJN, .orangeMJN:hover{color: #f76233 !important;}
.lien_orangeMJN, .lien_orangeMJN:hover, .lien_orangeMJN a:hover, .lien_orangeMJN a:focus, .lien_orangeMJN a:active, .lien_orangeMJN a:visited{color: #f76233 !important;}
.backjaune{background-color: #fbe188 !important;}
.backviolet{background-color: #9f5c9d !important;}
.backvertMJN{background-color: #15807f !important;}
.backorangeMJN{background-color: #f76233 !important;}
.backblanc{background-color: #ffffff !important;}
.nopuce{list-style:none;}
.size14{font-size: 14px;}
.size20{font-size: 20px;}
.size30{font-size: 30px;}
.textright{text-align: right !important;}
.textleft{text-align: left !important;}
.MverticalAlign{vertical-align:middle !important;}
.TransY50{transform: translateY(50%);}
.nodeco, .nodeco:hover, .nodeco a:hover, .nodeco a:focus{text-decoration:none !important;}
.red{color: #f94c4c;}
.blanc, .blanc:hover{color: #ffffff;}
.contenu_central{
  min-height: 867px; 
  background-image:url(../img/grass.png);
  background-position: bottom;
  background-repeat:no-repeat;
  padding-bottom: 210px;
}
hr{border-top: 1px solid #969595;}
/* CSS DU FOOTER */
footer {
	position: absolute;
  bottom: 0px;
  width: 100%;
  background-color: #15807f !important;
  color: #ffffff;
  text-align: center;
}
.copy-c{
  padding-top: 10px;
}

.container_quiz{
  background-color: #ffffff !important;
  text-align:center;
}

#banG, #banD{
  width: 50% !important;
}

#no_print{
  display: none;
}

.etiquette_droite{
  margin: 10px;
  text-align: left;
  font-size: 18px;
}

/* STYLE CHECKBOX */
.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}
/* FIN STYLE CHECKBOX */

@media screen and (min-width: 1199px) {
  .section_lieu_atelier{
    position: fixed !important; 
    width: 30%;
    z-index: 9;
  }
	.md_hidden{display: none;}
}
@media screen and (max-width: 991px) {
	.sm_hidden{display: none;}

}
@media screen and (max-width: 767px) {
	.xs_hidden{display: none;}
  .xs_width95{width: 95% !important;}
  .xs_padding0{padding: 0px !important;}
  .xs_margin0{margin: 0px !important;}

  .h1,h1{
  	font-size: 25px !important;
  }
  .h2,h2{
  	font-size: 20px !important;
  }
  .h3,h3{
  	font-size: 18px !important;
  }
  .contenu_central{
    padding-bottom: 0px !important;
  }
}
}