html,  
 body
 {
   overflow: auto;
   padding:0px;
   margin:0px;
 }
 
 
 .ConteneurProjet {
  
  position: relative;  
  overflow: hidden;
  
  width:100%;
  height:100%;    
  
  /*width: -moz-calc(100% - 170px);
  width: -webkit-calc(100% - 170px);
  width: -o-calc(100% - 170px);
  width: calc(100% - 170px);*/ 
  /*overflow:hidden;*/
  
  /*margin-top:75px;      
  margin-right: auto;*/
}


/*
@media (max-width: 1280px) { .ConteneurProjet { left:200px; } }
@media (max-width: 850px) { .ConteneurProjet { left:170px; } }   
@media (max-width: 650px) { .ConteneurProjet { left:150px; } }   
@media (max-width: 500px) { .ConteneurProjet { left:130px; } }*/     


.ConteneurProjet .slide-container {

    position:absolute;
                    
    height:70%; 
    width:200%;
    top:70px;
    left:170px;
    
    white-space:nowrap;
    
    /*overflow-x: auto;
    overflow-y: visible;*/
}

.ConteneurProjet .slide-container .slide {
    /*background-size: cover;
    background-position: center;*/
    /*width: 70%;*/ 
    display: inline-block;          
    height:100%;
    margin-right:20px; 
}

/*.ConteneurProjet .slide-container .slide img {
  height: 100%;  
} */




.ConteneurProjet .pagination {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight:bold;
    color:#969696;
    font-size:25px;             
}

.ConteneurProjet .Texte {
  display:none; 

  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  background:white;
  padding:10px;
  padding-right:20px;
  color:#969696;
  font-size:12px;
  text-align:justify;
  
  position:absolute;
  top:69px;
  height:70%;
  width:250px;
  min-width:250px;
  max-width:400px;
  
  white-space:normal;
  
  overflow-y:auto;
}

.ConteneurProjet .Texte h1{
  font-size:15px;
  padding:0px;
  margin:0px;
}


/* Dots */
.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -40px;

    display: block;

    /*width: 100%;   */
    padding: 0;

    list-style: none;   
    text-align: left;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
    color:#92ee01;
}
.slick-dots li button:before
{
    font-family: 'arial';
    font-size: 20px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
 

.BoutonsProjet {
  position:absolute;
  top:90%;  
  left:180px;  
}

.BoutonsProjet a {
  float:left;
  margin-right:20px;
}
 
.BoutonsProjet .BoutonPhotos {
  width:35px;
  height:23px;
  background-image: url('../IMGS/boutonPhotos.jpg');
}

.BoutonsProjet .BoutonPhotos:hover,
.BoutonsProjet .BoutonPhotos.hovered {
  background-image: url('../IMGS/boutonPhotosSurvol.jpg');
}

.BoutonsProjet .BoutonTexte {
  width:21px;
  height:23px;
  background-image: url('../IMGS/boutonTexte.jpg');
}

.BoutonsProjet .BoutonTexte:hover,
.BoutonsProjet .BoutonTexte.hovered
{ background-image: url('../IMGS/boutonTexteSurvol.jpg'); }

.BoutonsProjet .BoutonPlans {
  width:23px;
  height:23px;
  background-image: url('../IMGS/boutonPlans.jpg');
}

.BoutonsProjet .BoutonPlans:hover,
.BoutonsProjet .BoutonPlans.hovered 
{ background-image: url('../IMGS/boutonPlansSurvol.jpg'); }