@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700);
@import url(http://fonts.googleapis.com/css?family=Volkhov:400italic);
/* var text-decoration */
/*--
  Common Css
--*/
body {
  font-family: 'Open Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
}
.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;}
.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;}
.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;}
.marginbottom40{margin-bottom: 40px !important;}
.paddingtop5{padding-top: 5px !important;}
.paddingtop25{padding-top: 25px !important;}
.width30px{width: 30px;}
.width40px{width: 40px;}
.width300px{width: 300px;}
.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: #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;}
.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: #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;}
.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;}


.bouton2, .bouton2:hover {
  padding:6px 0 6px 0;
  font:bold 13px Arial !important;
  background:#478bf9 !important;
  color:#fff !important;
  border-radius:2px !important;
  border:none !important;
}
/*--
  Section titre 
--*/
.section_titre {
  /*background: linear-gradient(to left, #97cef3, #004878);*/
  background: linear-gradient(to left, #b9ccde, #6d91b4);
  background-attachment: fixed;
  background-position: 10% 0%;
  padding: 20px 0 20px 0;
  position: relative;
}
.section_titre .block {
  color: #E3E3E4;
}
.section_titre .block h1 {
  font-family: 'Roboto', sans-serif;
  font-size: 50px;
  line-height: 60px;
}
.section_titre .block p {
  font-size: 23px;
  line-height: 40px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}
/*--
  Section contenu titre_section_contenu
--*/
.section_contenu {
  text-align: center;
  padding: 40px 0;
}
.titre_section_contenu{
  margin-bottom: 40px !important;
  text-transform: uppercase;
}
/*---------------------------------------------
          Index Start 
-----------------------------------------------*/
/*--
  Slider Start 
--*/
#slider {
  background: url("../img/slider_index.png") no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: 10% 0%;
  padding: 170px 0 100px 0;
  position: relative;
}
#slider:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to left, #8b86a3, #322e40);
  opacity: 0.6;
}
#slider .block {
  color: #E3E3E4;
}
#slider .block h1 {
  font-family: 'Roboto', sans-serif;
  /*font-weight: 100;*/
  font-size: 50px;
  line-height: 60px;
  /*letter-spacing: 10px;*/
  /*padding-bottom: 45px;*/
}
#slider .block p {
  font-size: 23px;
  line-height: 40px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  /*letter-spacing: 3px;*/
}
/*--
  service Start 
--*/
#service {
  text-align: center;
  padding: 90px 0;
}
#service .service-item {
  padding-bottom: 30px;
}
#service .service-item span {
  font-size: 60px;
  color: #3498db;
}
#service .service-item h4 {
  padding-top: 20px;
  margin: 0;
  color: #666;
}
#service .service-item p {
  color: #888;
  padding-top: 10px;
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
  min-height: 90px;
}
/*--
  call-to-action Start 
--*/
#call-to-action {
  background: url("../img/call-to-action-bg.jpg") no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 70px 0px;
  position: relative;
  text-align: center;
  color: #fff;
}
#call-to-action:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #1d192c;
  opacity: 0.8;
}
#call-to-action h2 {
  padding-bottom: 20px;
  line-height: 33px;
  margin: 0;
  font-size: 30px;
}
#call-to-action p {
  font-size: 14px;
  line-height: 1.6;
}
#call-to-action .btn-call-to-action {
  padding: 15px 35px;
  border: none;
  background-color: #fff;
  font-size: 15px;
  color: #333333;
  margin-top: 30px;
}
/*--
  wrapper Start 
--*/
#intro {
  padding: 100px 0;
}
#intro .block h2 {
  padding-top: 35px;
  line-height: 27px;
  margin: 0;
}
#intro .block p {
  color: #7B7B7B;
  padding-top: 20px;
}
#intro .block img {
  padding-left: 40px;
  width: 100%;
}
#intro .section-title {
  margin-bottom: 0px;
}
#intro .section-title p {
  padding-top: 20px;
}


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

/* MISE EN FORME CARTE BANCAIRE */
.carte_bancaire {
  width: 455px;
  height: 290px;
  border-radius: 15px;
  border: 2px solid grey;
  background: url("../img/fd_cb.png") no-repeat;
  text-align: initial;
  box-shadow: 1px 1px 2px grey;
}
.cb_form_ncb{
  position: relative;
  top: 120px;
  left: 30px;
  width: 395px;
}
.cb_form_ncb{
  position: relative;
  top: 120px;
  left: 30px;
  width: 395px;
}
.cb_form_MV{
  position: relative;
  top: 140px;
  left: 35px;
  width: 60px !important;
}
.cb_form_AV{
  position: relative;
  top: 140px;
  left: 35px;
  width: 60px !important;
}
.label_DV{
  text-transform: uppercase;
  position: relative;
  top: 140px;
  left: 30px;
}
.label_cvc{
  text-transform: uppercase;
  position: relative;
  top: 140px;
  left: 80px;
}
.cb_form_cvc{
  position: relative;
  top: 106px;
  left: 345px;
  width: 80px;
}
.cb_form_titu_cb{
  position: relative;
  top: 122px;
  left: 30px;
  width: 395px;
}

/* 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*/
header {
  background: #fff;
  padding: 20px 0;
}
header .navbar {
  margin-bottom: 0px;
  border: 0px;
}
header .navbar-brand {
  padding-top: 5px;
}
header .navbar-default {
  background: none;
  border: 0px;
}
header .navbar-default .navbar-nav {
  padding-top: 10px;
}
header .navbar-default .navbar-nav li a {
  color: #333333;
  padding: 10px 26px;
  font-size: 15px;
}
font header .navbar-default .navbar-nav li a:hover {
  color: #000;
}
/*--
  footer Start 
--*/
footer {
  background: #F5F5F5;
  text-align: center;
  padding-top: 48px;
  padding-bottom: 55px;
}
footer p {
  font-size: 13px;
  line-height: 25px;
  color: #919191;
}
footer a {
  color: #595959;
}
footer .footer-manu {
  padding-bottom: 25px;
}
footer .footer-manu ul {
  margin: 0px;
  padding: 0px;
}
footer .footer-manu ul li {
  display: inline-block;
  padding: 0px 20px;
}
footer .footer-manu ul li a {
  display: inline-block;
  color: #494949;
}
footer .footer-manu ul li a:hover {
  color: #000;
}

@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;}
  #intro .block img {
    padding-left: 0px;
    width: 100%;
  }
  #service .section-title p {
  margin : 10px;
}
}
}