body {
/*    background-color: rgba(255, 255, 255, 0.14)  !important;*/
       background-size: cover !important;
    background-position: left  !important;
    background-position: top  !important;
    background-repeat: no-repeat  !important;
    background-attachment: fixed  !important;
   
}


.slider {
 position: fixed;
  width: 100%;
   height: 93%;
  overflow: hidden;
  top: 0 ;
    left: 0;
    z-index: 1;
    background-color: black ;
	
 
}

.slides {
  height: 100%;
/*  width: 100%;*/
  overflow: hidden;
  /*zoom: 1;*/
  /**
   * Prevent blinking issue
   * Not tested. Experimental.
   */
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}

.slide {
  height: 100%;
  float: left;
  clear: none;
	
	background-size: cover !important;
	
    background-position: left  !important;
    background-position: center!important;
    background-repeat: no-repeat  !important;
	/*
    background-attachment: fixed  !important;
	*/
}

.slider-arrow {
  position: absolute;
  display: block;
  margin-bottom: -20px;
  padding: 20px;
}
.slider-arrows a {
text-decoration: none ;
    color: white !important;
    font-size: 2em ;
}

.slider-arrow--right {
  bottom: 50%;
  right: 30px;
  color: #fff ;
  background-color: rgba(0, 0, 0, 0.50);
  border-radius: 5px ;
}

.slider-arrow--left {
  bottom: 50%;
  left: 30px;
  color: #fff ;
  background-color: rgba(0, 0, 00, 0.50);
  border-radius: 5px ;
}

.slider-nav {

  background-color: rgba(0, 0, 0, 0.29);
  position: absolute;
  top: 50px;
}

.slider-nav__item {
  width: 10px;
  height: 10px;
  float: left;
  clear: none;
  display: block;
  margin: 5px;
  background: #a8a8a8;
}

.slider-nav__item:hover {
  background: #bababa;
}

.slider-nav__item--current {
  background: #0b0b0b;
}
.p0{
/*margin-top: -150px ;*/
  width:100%;
 
}
.p2{
  position: fixed;
 text-align: center;

 width: 1000px ;
  top: 180px ;  

  
}

.p12{
    float: right ;
  width: 100% ;
 text-align: center;
  font-size: 2em ;
  color:#FFF ;
padding-left:  20% ;
/*  padding-right: 80%;  */
 color:#fafafa ;
/*    background-color: black ;*/
    
/*   text-shadow: 1px 1px 30px #000;*/
}


.homepage {
  position: absolute;
  width: 100%; 
  top: 92% ;
    background-color: #f2f2f1 ;
    z-index: 10;
      background-size: cover;
    background-position: left ;
    background-position: top ;
    background-repeat: no-repeat ;
    background-attachment: fixed ;
    
}
.bouton_home {
    width: 100% ;
      
    text-align: center ;
    margin-top: -50px ;
    margin-bottom: 20px;
    
}
.bouton_home a{
    width: 100% ;
  
    font-size: 1.2em ;
    text-align: center ;
      

    padding: 10px ;
    border-radius: 5px ;
    cursor: alias;
	  background-color: #5d5d5d ;
    color: aliceblue ;
}
  
.bouton_home a:HOVER {
      background-color: aliceblue ;
    color: #5d5d5d ;
    
}
 *{ margin: 0; padding: 0; border: 0; }

@media screen and (max-width: 1049px)  { 
  
.slider {
    display: none ;
    }
.homepage {
       top: 0% ;  
   padding: 5px;
    }
  

  }

.home-footer{
    text-align: center ;
}
     /* menu du haut */
     
    .munu_haut {
     position: fixed;
        top: 0;
    height: 50px; 
   width: 100%;
/*    max-width: 1500px;*/
 
      background-color: rgba(0, 0, 0, 0.22) ;
   
  
    
    } 
    .navigation_haut{
       
    }
    .navigation_haut ul {
  padding-top: 10px;
    text-align: center;
    }
    .navigation_haut ul li{
   
     display: inline;
/*    padding: 10px;*/
        padding-left: 5px;
        padding-right: 5px;
      
  /*  background-color: white; */
          
    }
 
    .navigation_haut ul li a {
       font-size: 1.2em;
        color: #ffffff !important;
        text-decoration: none;
          text-transform: uppercase;
    }
.logoGUIDE {
     float: left ;
    font-size: 2EM;
    color: white ;
    padding-left: 200PX;
    font-family: 'Montez', cursive;
}

  article {
    background-color: white !important ;
    }
 .soustitre{
       font-size: 0.5em ; 
   font-family: cursive ;
    }