body {
  background-color: #e9e9e9 !important;
}
.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;}
.marginleft10{margin-left: 10px;}
.marginleft20{margin-left: 20px;}
.marginleft50{margin-left: 50px;}
.marginright20{margin-right: 20px;}
.marginbottom20{margin-bottom: 20px;}
.parddingleft20{padding-left: 20px !important;}
.pardding10{padding: 10px !important;}
.pardding20{padding: 20px !important;}
.pardding30{padding: 30px !important;}
.parddingleft25{padding-left: 25px !important;}
.parddingLR10{padding-left: 10px !important;padding-right: 10px !important;}
.paddingtop25{padding-top: 25px !important;}
.width25{width: 25%;}
.width33{width: 33%;}
.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: #008080;} 
.bleuMBA, .bleuMBA:hover{color: #0169b0;} 
.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;}
.lien_orangeMJN, .lien_orangeMJN:hover, .lien_orangeMJN a:hover, .lien_orangeMJN a:focus, .lien_orangeMJN a:active, .lien_orangeMJN a:visited{color: #f76233 !important;}
.red{color: #f94c4c;}
.bleu{color: #5a58f9;}
.nopuce{list-style:none;}
.size20{font-size: 20px;}
.textright{text-align: right;}
.textleft{text-align: left;}
.MverticalAlign{vertical-align:middle;}
.TransY50{transform: translateY(50%);}
.nodeco, .nodeco:hover{text-decoration:none;}
.contenu_central{
  min-height: 93vh; 
}
.p_home{
  font-size: 18px;
}
hr{border-top: 1px solid #969595;}
/* CSS DU FOOTER */
footer {
	
}
.index-social{
    background-color:#0169b0;
    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; 
}
.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 */

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

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

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

/* 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:#000;
  background:rgba(255,255,255,.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.3s;
}
/* FIN CSS POP UP */

/* 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;
}
.panel-default{
  border-color: #55d31e;
}
.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*/

/* SURCHARGE BOOTSTRAP MENU NAVBAR*/
.navbar
{
	background-color:#0169b0;
	border: 0px;
	border-radius: 0px;
}
.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: #518dc1 !important;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover
{
	background-color: #0169b0 !important;
}
.navbar-inverse .navbar-nav > li > a, .navbar-brand,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a
{
	color: #fff !important;
}

/* SURCHARGE Bootstrap collaps */
.wellPerso
{
  margin-bottom: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 10px !important;
  border: solid 1px #f0ad4e;
}

@media screen and (min-width: 1199px) {
	.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;}
  .xs_margintop50{margin-top: 50px !important;}
  .xs_paddingbottom20{padding-bottom: 20px !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;
  }
  .container{
    padding-bottom: 20px !important;
  }
}
}