/* yperon bootstrap template general */
html {
  /* height:100%; */
}

body {
  /* height:100; */
  background-color: white; /* gray; */
  
  /*
  background-image: url("../img/bkgd1.jpg");
  background-repeat:no-repeat; 
  background-attachment:fixed; 
  background-position:center; 
  */

/*  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;  
  
  width:100%; ???
*/

  /* background-size: cover; */
  /*padding-top: 20px;*/
  /* padding-bottom: 20px; */
  
  
}
/*
#stdtopCoverImg-restpos {
   background-image: url("../img/cover.jpg");    
}
*/
/*
.stdtopCoverImg {
  display:block;
}
*/

.stdlocat {
 background-image: url("../img/locat-bkg3.png");    

 height: 100vh;
 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;     
}    

.moblocat {
 background-image: url("../img/locat-bkg3-mob.png");    

 height: 100vh;
 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;     
}    

.stdtopCoverImg {
 background-image: url("../img/cover.jpg");
  /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
/*  
 background-image: linear-gradient(rgba(0, 0, 0, 0.5),
                                  rgba(0, 0, 0, 0.5)), url("../img/cover.jpg");
*/
/* Full height */
    /* height: 100vh; */
 /*Set a specific height */

    height: 100vh;
    
    /*margin-left:5%;*/
    /*margin-right:5%;   */ 
    /* Center and scale the image nicely */
/* Position and center the image to scale nicely on all screens */    
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;    
}

/* Place text in the middle of the image */
.stdtopCoverTxt {
  text-align: center;  
  position: absolute;
  top: 5%;
  left: 5%;
  /* bottom: auto; */
  /* transform: translate(-50%, -50%); */
  color: black; /* #316679; */ /* black */
/*
  background-image: url("../img/bkg-3.png");  
  border-radius: 25px;
*/
  /* background-color:black; */
}


.stdtopCoverTxt h1 {
  font-size:3rem;    
}    

.stdtopCoverDescr {
  font-size:1.5rem;        
  text-align: left;  

  position: absolute; 
  top: 50%;
  
  
  /* bottom: auto; */

  margin-left:10%;
  margin-right:10%;
  
  padding:15px;
  
  /* transform: translate(-50%, -50%);  */
  color: black;      
  background-color: white;
  opacity:0.6;
  /* border-radius: 25px; */
}



.mobtopCoverImg {
 background-image: url("../img/cover-mob.jpg");
  /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
/*  
 background-image: linear-gradient(rgba(0, 0, 0, 0.5),
                                  rgba(0, 0, 0, 0.5)), url("../img/cover.jpg");
*/
/* Full height */
    /* height: 100vh; */
 /*Set a specific height */

    height: 100vh;
    
    /*margin-left:5%;*/
    /*margin-right:5%;   */ 
    /* Center and scale the image nicely */
/* Position and center the image to scale nicely on all screens */    
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;    
}

/* Place text in the middle of the image */
.mobtopCoverTxt {
  
  position: absolute;
  bottom:30%;
  
  margin-left:25%;
  margin-right:25%;

  text-align: center;  
  padding:1%;
  background-image: url("../img/bkg-3.png");    
  border-radius: 25px;  
  /* bottom: auto; */
  /* transform: translate(-50%, -50%); */
  color: black; /* #316679; */ /* black */
/*
  background-image: url("../img/bkg-3.png");  
  border-radius: 25px;
*/
  /* background-color:black; */
}







/*
.bounce {
    /*
      position:fixed;
      left:50%;
      bottom:0;
      margin-top:-25px;
      margin-left:-25px;
      height:50px;
      width:50px;
      background:red;
      * /
      / * -webkit-animation:bounce 1s infinite; * /
      -webkit-animation:bounce 1s 1;
}

.tenants:hover {
      background-color: red;
      opacity: 0.5;
      -webkit-animation:tenants 1s 1;      
}    
*/
      
.logo_list:hover {
      opacity: 0.7;
      -webkit-animation:logo_list 1s 1;      
}    



/*
    @-webkit-keyframes bounce {
      0%       { bottom:5px; }
      25%, 75% { bottom:15px; }
      50%      { bottom:20px; }
      100%     {bottom:0;}
    }
*/    
/*
    @-webkit-keyframes tenants {
      0%       { bottom:5px; }
      25%, 75% { bottom:15px; }
      50%      { bottom:20px; }
      100%     {bottom:0;}
    }
*/
    @-webkit-keyframes logo_list {
      0%       { bottom:5px; }
      25%, 75% { bottom:15px; }
      50%      { bottom:20px; }
      100%     {bottom:0;}
    }

    @keyframes logo_list {
      0%       { bottom:5px; }
      25%, 75% { bottom:15px; }
      50%      { bottom:20px; }
      100%     {bottom:0;}
    }









/* start: this make the background image work on ios */
/*
body:before {
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    */
    /*
    background: url("../img/bkgd1.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    */
}

/* end: this make the background image work on ios */

/*
.logo img .default {
	width:100%;
}
*/

.navbar {
  margin-bottom: 0px; /* space after the navbar */
}


#contact {
  color: white;
}

.map-responsive{
    opacity: 1;
    
    overflow:hidden;
    padding-bottom:25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


#powered {
	background-image: url(../img/Logo_poweredby_59x22.png);
	float: right;
	height: 22px;
	width: 59px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#powered-fr {
	background-image: url(../img/Logo_poweredby_59x22_fr.jpg);
    height: 22px;
	/* float: right; */
	/* 
     * 
	   width: 59px;
    */
	/* margin-right: 10px; */
	/* margin-bottom: 10px; */
}