#logo-masthead{ display:block;}
.site-top-logo { width: 100%; height: 90px; box-sizing: border-box; padding: 15px 0 0 0; display: inline-block; text-align: center;}
.site-top-logo img{ max-width: 160px; display: inline-block; text-align: center;}

.site-main{ position: relative;}

#location-container{ display: table; width: 100%; }
.carreaux_presentation_light
{
  display:table-cell;
  width:50%; 
  height:calc(100vh - 90px);
  background-size:cover;
  background-position: center;
  overflow: hidden;
  position: relative;
}
.carreaux_presentation_light .shadow_swhow_mini
{
  background-color:rgba(19,30,33,0.4);
  position: absolute;
  z-index: 10;
  top:0;left:0;right:0;bottom:0;
  
}
.carreaux_presentation_light:hover .shadow_swhow_mini
{
  background-color:rgba(16,23,41,0);
}
.carreaux_presentation_light .deroul_titre
{
  position: absolute;
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  padding: 10px;
  z-index: 10;
  top:60%;left:-80%;
  color:#ffffff;
  font-weight: 400;
  font-size: 15px; width: 80%;
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -ms-transition: all 0.7s;
  transition: all 0.7s;

}
.carreaux_presentation_light:hover .deroul_titre
{
  background-color:#FF0000; left:0px;
}
.carreaux_presentation_light .deroul_soustitre
{
  position: absolute;
  font-family: 'Oswald', sans-serif;
  padding: 5px;
  z-index: 10;
  top:60%;right:-85%;
  margin-top: 40px;
  color:#ffffff;
  font-weight: 400;
  font-size: 13px; width: 80%;
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -ms-transition: all 0.7s;
  transition: all 0.7s;
}
.carreaux_presentation_light:hover .deroul_soustitre
{
  background-color:#D90000;right:0px;
}
.carreaux_presentation_light .deroul_soustitre a{ text-decoration: none; color: #ffffff;}

.location-separator{
    position: absolute;
    top: 50%;
    left: 50%;
    height: 50px;
    width: 50px;
    margin-top: -25px;
    margin-left: -25px;
    z-index: 2000;
}
.location-separator>svg {
    height: 100%;
    width: 100%;
    fill: #fff;
}

svg {
    overflow: hidden;
}
img, svg {
    vertical-align: middle;
}

@media screen and (max-width: 640px){
    .carreaux_presentation_light{
        display:block;
        width:100%; 
        height:calc(50vh - 45px);
        background-size:cover;
        background-position: center;
        overflow: hidden;
        position: relative;
    }
    .carreaux_presentation_light .deroul_titre
    {
        left:0px;
        background-color:#FF0000;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        transition: none;
    }
    .carreaux_presentation_light .deroul_soustitre
    {
        right:0px;
        background-color:#D90000;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        transition: none;
    }
}