body {
  background-image:url(../img/dust_scratches.png);
}
.center{text-align:center;}
.gras{font-weight: bold;}
.alinea{text-indent: 20px;}
.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;}
.marginleft5p{margin-left: 5%;}
.marginleft5{margin-left: 5px;}
.marginleft10{margin-left: 10px;}
.marginleft20{margin-left: 20px;}
.marginleft31{margin-left: 31px;}
.marginright5{margin-right: 5px;}
.marginright10{margin-right: 10px;}
.marginright20{margin-right: 20px;}
.parddingleft20{padding-left: 20px !important;}
.padding0{padding: 0px !important;}
.padding5{padding: 5px !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{margin-bottom: 20px !important;}
.marginbottom50{margin-bottom: 50px !important;}
.paddingtop5{padding-top: 5px !important;}
.paddingtop25{padding-top: 25px !important;}
.width30px{width: 30px;}
.width40px{width: 40px;}
.width300px{width: 300px;}
.width20{width: 20%;}
.width33{width: 33%;}
.width40{width: 40%;}
.width80{width: 80%;}
.width90{width: 90%;}
.width100{width: 100%;}
.height38{height: 38px;}
.gris{color:#333 !important;}
.gris2{color:#afafaf !important;}
.grisclair{color:#f1f1f1 !important;}
.vertMJN, .vertMJN:hover{color: #008080;}
.lien_vertMJN, .lien_vertMJN:hover, .lien_vertMJN a:hover, .lien_vertMJN a:focus, .lien_vertMJN a:active, .lien_vertMJN a:visited{color: #008080;}
.orangeMJN, .orangeMJN:hover{color: #f76233 !important;}
.bleuMBA, .lien_bleuMBA:hover{color: #075ca8 !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;}
.backblanc{background-color: #ffffff !important;}
.backjaune{background-color: #fbe188 !important;}
.backred{background-color: #f94c4c !important;}
.backviolet{background-color: #9f5c9d !important;}
.backvertMJN{background-color: #008080 !important;}
.backorangeMJN{background-color: #f76233 !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;}
.bleu{color: #5a58f9;}
.contenu_central{
  min-height: 867px; 
  background-image:url(../img/grass.png);
  background-position: bottom;
  background-repeat:no-repeat;
  padding-bottom: 210px;
}
.unselectable {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #cc0000;
}
hr{border-top: 1px solid #969595;}
/* CSS DU FOOTER */
footer {
	
}
.index-social{
    background-color:#402900;
    color:#fff;
}
.link-area .fa-li{
    width:40px;
    height:40px;
    border-radius:50%;
    border:solid 1px #fff;
    list-style-type:none;
    margin:5px;
    display:inline-block;
    position: unset !important;
}
.link-area p{
    color:#f1f1f1;
}
.index-social a{
    color:#fff;
    font-size:20px !important;
    display:block;
    float:left;
    padding:10px;
}
.index-link h3{
  text-align:center;
  color:#f1f1f1;
  text-align:left;
  font-size:20px !important;
   
}
.index-link{
    background-color:#087f00;
    border-top: solid 1px #6bbd00; 
    border-bottom: solid 1px #6bbd00; 
}
.index-link ul{
    padding:0px;
}
.index-link ul li{
    list-style-type:none;
}
.index-link ul li a{
  text-decoration:none;
  font-size:14px;
  color:#fff;
  display:block;
  padding:5px 0;
  text-align:left;
}
.index-link ul li a:hover{
     text-decoration:underline;
}
.copy-c{
    padding-top:15px;
}
/* FIN CSS FOOTER */

.vignette_iel{
  border: solid 1px #f76233; 
  border-radius: 5px; 
  padding-top: 32px; 
  height: 250px; 
  overflow: hidden; 
  width: 100%;
  background-color: white;
}
.vignette_type_mat{
  border-radius: 8px;
  border:solid 1px #cccccc;
  text-align: center;
  margin: 5px;
  width: 100%;
  background-color: #fff;
}
.vignette_validation_coaching{
  border-radius: 8px;
  border:solid 1px #f76233;
  margin-bottom: 20px;
  padding-top: 10px;
  width: 100%;
  background-color: #fff;
}

/* Notif dection de formateur precedent coaching trouve */
.notif_detect_form_OK{
  background-color: #fff;
  border-radius: 5px;
  border : 1px solid #008080;
}
.notif_detect_form_NOK{
  background-color: #fff;
  border-radius: 5px;
  border : 1px solid #f94c4c;
}

/* Carroussel */
.red_image{
  width: 100% !important;
}
.carousel-indicators li{
  border: 1px solid #629dfe;
}
.carousel-indicators .active{
  background-color: #629dfe !important;
}
.carousel-caption h3{ 
  text-shadow: #fff 2px 2px, #fff -2px 2px, #fff -2px -2px, #fff 2px -2px;
  font-size: 23px !important;
}
.carousel-caption p{
  font-size: 20px !important;
  text-shadow: #fff 2px 2px, #fff -2px 2px, #fff -2px -2px, #fff 2px -2px;
}
.carousel-caption{
  color: #f90500 !important;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{
  left: 50%;

}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{
  top: 50%;
  position: absolute;
  z-index: 5;
  display: inline-block;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{
  font-size: 300%;
}
.glyphicon-chevron-left{
  left: 40% !important;
}
.glyphicon-chevron-right{
  right: 40% !important;
}
/* Carroussel FIN*/

/* CSS des collapse de la page d'affichage des atelier */
.div_titre_collapse_gauche{
  display: inline-block;
  background-color: #fff !important;
  max-width: 75%;
}
.div_titre_collapse_droite{
  float: right;
  background-color: #fff !important;
  display: inline-block;
  max-width: 25%;
}
.td_com{
  width: 25%;
}
/* FIN CSS des collapse de la page d'affichage des atelier */

.vignette_jour_heure:hover{
  background-color: #e3e3e3;
}
.vignette_jour_heure{
  background-color: #ffffff;
  border-radius: 8px;
  border:solid 1px #cccccc;
  padding: 5px;
  float: left;
}

/* 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 */

/* CSS POP UP */
.lien_a_popuper{
  

}
.lien_a_popuper:focus, .lien_a_popuper:hover{
  

}
.span_popup{
  position: absolute;
  margin-top:-25px;
  margin-left:-35px;
  color:#09c;
  background:rgba(0,0,0,.9);
  padding:5px;
  border-radius:3px;
  box-shadow:0 0 2px rgba(0,0,0,.5);
  transform:scale(0) rotate(-12deg);
  transition:all .25s;
  opacity:0;
  font-size: 12px;
}
.lien_a_popuper:focus span, .lien_a_popuper:hover span{
  transform:scale(1) rotate(0);
  opacity:1;
  transition-delay: 0.7s;
}
/* FIN CSS POP UP */

/* BLOC MENU LATERAL */
.Bloc_ML{
    border:solid 1px #cccccc;
    border-radius: 5px;
    background-color: #fff;
    text-align:center;
    color: #555555;
}
.titre_bloc_ML h3{
  line-height: 60px;
  margin: 0px;
}
.titre_bloc_ML{
  width: 100%;
  background-color: #555555;
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
/* FIN BLOC MENU LATERAL */

/* SURCHARGE BOOTSTRAP MENU NAVBAR*/
.navbar
{
	background-color:#629dfe;
	border: 0px;
	border-radius: 0px;
  z-index: 10;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu,
.navbar-inverse .navbar-toggle
{
	background-color: #4489fb !important;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover
{
	background-color: #3975d7 !important;
}
.navbar-inverse .navbar-nav > li > a, .navbar-brand,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a
{
	color: #fff !important;
}

@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;
  }
}
}