/*
Wireframe: 28
Version: 1.0
Update: 2020.03.30
*/

/*--------------------------------------------------
>> TABLE OF CONTENTS:
----------------------------------------------------
# Fonts
# General
# Navigation
    ## Superfish
    ## Mobile navigation
--------------------------------------------------*/

/*--------------------------------------------------
# Fonts
--------------------------------------------------*/
@font-face {
    font-family: 'metropolisregular';
    src: url('fonts2/metropolis-regular-webfont.woff2') format('woff2'),
         url('fonts2/metropolis-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'century_gothicregular';
    src: url('fonts2/gothic-webfont.woff2') format('woff2'),
         url('fonts2/gothic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'GOTHICB';
    src: url('fonts2/GOTHICB.eot');
    src: url('fonts2/GOTHICB.eot') format('embedded-opentype'),
         url('fonts2/GOTHICB.woff2') format('woff2'),
         url('fonts2/GOTHICB.woff') format('woff'),
         url('fonts2/GOTHICB.ttf') format('truetype'),
         url('fonts2/GOTHICB.svg#GOTHICB') format('svg');
}

/*--------------------------------------------------
# General

--------------------------------------------------*/
body {
    background: #eeeced;
    color: #5f5f5f;
   font-family: 'metropolisregular';
    font-size: 14px;
    line-height: 1.5em;
}
a {
    color: #26a4e5;
    text-decoration: underline;
    transition: all .4s;
}
a:active, a:hover, a:focus {
    color: #5f5f5f;
    text-decoration: none;
}

.image-right {
    float: right;
    margin: 0 0 20px 30px;
}
.image-left {
    float: left;
    margin: 0 30px 20px 0;
}
 
 .container{ width:1120px!important; position:relative;}
h1, h2, h3, h4, h5, h6 {
font-family: 'GOTHICB';
	  line-height: 1em;
   	font-weight:normal;
	text-shadow:none;
	text-transform:uppercase;
	letter-spacing:0.5px;
}
h1 {
    font-size: 28px;
	color:#2a2a2a;
}
h2 {
    font-size: 23px;
	color:#26a4e5;
}
h3 {
    font-size: 17px;
		color:#2a2a2a;
}
h4 {
    font-size: 16px;
		color:#26a4e5;
}
h5 {
    font-size: 15px;
		color:#2a2a2a;
}
h6 {

    font-size: 14px;
		color:#26a4e5;
}
hr {
	border-color: #666;
}

.fullsite {
}
.bg{ position:relative; width:100%; float:left; background:url(../images/bg1.jpg) top center no-repeat; min-height:auto;    background-size: cover;}
.topbar {
padding: 6px 50px 9px;
    background: #34322f;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    position: relative;
   
}
.topbar a {
    color: #26a4e5;
	text-decoration:underline;
}
.topbar a:hover {   color: #fff;}
.topbar p {
    margin: 0;
}
.topbar .contact-info {
float:right;
}

.topbar .contact-info .ml{    position: relative;
    margin-left: 6px; padding-left:31px; margin-left:8px; background:url(../images/mail.png) left 5px no-repeat;}
.topbar .contact-info span.phone {
    position: relative;
    padding-left: 31px;
    /* margin-left: 24px; */
    background: url(../images/tl.png) left 0px no-repeat;
    min-height: 20px;
    letter-spacing: 1.8px;
    padding-bottom: 3px;
}
.phone-responsive{ display:none; }
.topbar .contact-info .phone-responsive{    position: relative;
    padding-left: 31px;
    /* margin-left: 24px; */
    background: url(../images/tl.png) left 0px no-repeat;
    min-height: 20px;
    letter-spacing: 1.8px;
    padding-bottom: 3px;}

header.top {
      position: relative;
    z-index: 10;
    text-align: center;
    padding: 53px 0 10px;


}
header.top.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    padding: 10px 0 0px;
    box-shadow: 0 0 20px rgba(0,0,0,.2);
    transform: translateY(-100%);
    transition: transform .6s;
    background: rgba(0,0,0,0.5);
}
header.top.sticky.sticky-appear {
    transform: translateY(0);
}
.has-lightbox header.top.sticky.sticky-appear {
    transform: translateY(-100%);
}
header.top .logo {
margin: 0 auto;
    text-align: center;
    margin-bottom: 0px;
    display: table;
    z-index: 5;
    position: relative;
}
header.top .logo a {
    text-decoration: none;
    color: #000;
}


header.top.sticky .logo img{
height:75px;

}

header.top nav.mobile-nav {
    display: none;
    font-size: 1.4em;
}
header.top nav.main-nav{    position: relative;
    margin-top: 45px; background:#26a4e5; }


section.banner {
   position: relative;
padding: 10px 0px 11px;
}
section.banner #HomeImages {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 11px;
min-height: 0 !important;
}
section.banner #HomeImages .highslideContainer {
    float: none;
    padding: 0;
	position:relative;
}
section.banner #HomeImages .highslideContainer .highslide {
    position: relative;
    display: block;
    overflow: hidden;
}
section.banner #HomeImages .highslideContainer:nth-child(2):before {position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
content: '';
height: 208px;
background:url(../images/bg-cta.png) bottom center no-repeat;
z-index: 1;}
section.banner #HomeImages .highslideContainer .highslide img {
    width: 100%;
    min-height: 300px;
    height:538px;
    object-fit: cover;
}
section.banner #HomeImages .highslideContainer .highslide .highslide-caption {
    position: absolute;
    width: 90%;
    display: block !important;
    background: #fff6ef;
    color: #333;
    text-transform: uppercase;
    font-size: .75em;
    left: 0;
    bottom: 30px;
    padding: 30px;
    transform: translateX(-100%);
    transition: transform .4s cubic-bezier(.42,0,.58,1);
}
section.banner #HomeImages .highslideContainer .highslide:hover .highslide-caption {
    transform: translateX(0);
}
section.banner #HomeImages .highslideContainer .highslide .highslide-caption strong {
    font-family: 'Playfair Display', serif;
    font-size: 2.4em;
    font-weight: normal;
    text-transform: none;
    border-bottom: 1px solid #ff6f61;
    margin-bottom: 5px;
}
section.banner .container {
position: absolute;
height: 100%;
pointer-events: none;
top: 0px;
left: 0px;
right: 0px;
margin: 0 auto;
}
section.banner .cta {
position: absolute;
bottom: 10%;
left: 50%;
transform: translateX(-50%);
margin: 0 auto;
width: 327px;
pointer-events: auto;
z-index: 5;
}
.bouton.bouton2 {
    float: right!important;
}
section.banner .cta .bouton{     position: relative;
    width: 159px;
    height: 38px;
    line-height: 35px;
    text-align: center;
    float: left;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    font-size: 21px;
    text-transform: uppercase;
    color: #2c2825;
    border: 2px solid #fff;
    background: #fff;
    font-family: 'GOTHICB';}
section.banner .cta .bouton:hover{ background:none; color:#fff; }
section.banner .cta a { text-decoration:none;}

section.services {
    position: relative;
    background: #fff;
    padding: 55px 0 45px;
	text-align:center;
	color:#525252;
	letter-spacing:1.5px;
	    width: 100%;
    float: left;
	font-size:15px;
}
section.services a{ text-decoration:none;	color:#525252; text-shadow:0px 0px 0px #525252;}
section.services .services-boxes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap:96px;
}
section.services .services-boxes > div[class*="box"] {
    position: relative;
	float:left;
	max-width:311px;
	text-align:center;
}
section.services .services-boxes .box03{ float:right;}
section.services .services-boxes .box02{ margin-left:0px;}
section.services .services-boxes div[class*="box"]  .img{     position: relative;
    width: 214px;
    height: 214px;
    margin: 0 auto;
    border-radius: 50%;
 }
	section.services .services-boxes div[class*="box"]:hover  .img img{ border:11px solid #26a4e5;  }

section.services .services-boxes div[class*="box"]  .img:after{     position: absolute;
    top: -1px;
    left: -1px;

    content: '';
    border: 1px solid #e2e2e2;
    border-radius: 50%;
    bottom: -1px;
    right: -1px;}
section.services .services-boxes div[class*="box"]:hover  .img:after{ border:1px solid #26a4e5}
section.services .services-boxes div[class*="box"] .plus{ position:absolute; width:40px; height:40px; right:26px; top:82px; content:''; background:url(../images/plus.png) top center no-repeat; z-index:6;}
section.services .services-boxes div[class*="box"]:hover .plus{ left:0px; right:0px; margin:0 auto; background:url(../images/plus.png) bottom center no-repeat;  }
section.services .services-boxes div[class*="box"] .img img{ position:relative; z-index:2; width:100%; height:100%;border-radius:50%;border: 11px solid #fff; }
section.services .services-boxes div[class*="box"]  .img:before{ position:absolute; width:100%; height:100%;border-radius:50%; z-index:3; background:rgba(0,0,0,0.25); opacity:0; content:''; }
section.services .services-boxes div[class*="box"]:hover  .img:before{ opacity:1; transition-delay: .4s;}

section.services .services-boxes div[class*="box"]  h2 {
    font-size: 21px;
    letter-spacing: 0.6px;
    margin-top: 10px;
    margin-bottom: 7px;
	color:#353535;
}
section.services .services-boxes div[class*="box"]:hover  h2 { color:#26a4e5;}

main.content-wrapper {
    padding: 60px 0 90px;
	width: 100%;
    float: left;
}
.homeTemplate main.content-wrapper {
     padding: 60px 0 90px;
}

.home-content {
     display: grid;
    grid-template-columns: 150px 1fr 104px;
    grid-template-rows: 50px 284px auto;
}
.home-content .content-banner {
    position: relative;
    z-index: 2;
    grid-column: 1 / 3;
    grid-row: 1 / 3;

}
.homeTemplate .home-content .content-banner {
    background:url(../images/home-photo1.jpg)center no-repeat;
    background-size: cover;
}
.home-content .content-banner #slideshow {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.home-content .content-banner .NewsPhoto {
    height: 100%;
}
.home-content .content-banner .NewsPhoto img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-content .content-banner .box_googlemapsv2 {
    width: 100%;
    height: 100%;
}
.home-content article.content {
    position: relative;
    z-index: 1;
    grid-column: 2 / 4;
    grid-row: 2 / 4;
    background: #fff;
        padding: 335px 45px 40px;
		text-shadow: 0px 0px 0px #5f5f5f;
		letter-spacing:2.5px;
}
.home-content article.content header.page-title {
    position: relative;
    margin: 0 0 45px;
    /*width: 90%;*/
 
}
.home-content article.content header.page-title h1 {
    margin: 0;
	padding-left:35px;
	position:relative;

}
.home-content article.content header.page-title h1:before { position: absolute;
    top: 0px;
    bottom: 0px;
    width: 9px;
    content: '';
    background: #26a4e5;
    min-height: 45px;
    left: 0px;}
.home-content article.content header.page-title h1 span:only-child,
.home-content article.content header.page-title h1 span:first-child {

    display: inline-block;
}
.home-content article.content header.page-title h1 .sub-title {

	color:#26a4e5;
    letter-spacing: 0.5px;
}

article.content::after {
    content: '';
    display: block;
    clear: both;
}
article.content p {
    margin: 0 0 20px;
}

article.content ul{padding-left: 20px}
article.content ul li {
    list-style: none;
 background: url(../images/list-icon01.png) no-repeat 0 4px;
    padding-left: 25px;
}
article.content  ul ul li {
 background: url(../images/list-icon01.png) no-repeat 0 4px;
    padding-left: 20px;
}
.table-page tr:nth-child(n) {
    background: #eee;
}
.table-page tr:nth-child(2n) {
    background: #fff;
}
.table-page tr {
    border-bottom: 1px dashed #231f20;
}
article.content ul ul {
    list-style-type: circle;
}
article.content .table-style {
    position: relative;
}
article.content .table-style th {
    background: #eee;
}
article.content .table-style th,
article.content .table-style td {
    border: 1px solid #999;
    padding: 2px 5px;
}
article.content ul.menu-list {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}
article.content ul.menu-list > li {
	position: relative;
	margin: 0;
	padding: 10px 0;
	list-style: none;
	background: none;
	border-bottom: 1px solid #eee;
	display: flex;
	justify-content: space-between;
}
article.content ul.menu-list > li:nth-child(odd) {
	margin-right: 15px;
}
article.content ul.menu-list > li:nth-child(even) {
	margin-left: 15px;
}
article.content ul.menu-list > li em {
	position: relative;
	font-style: normal;
	display: inline-block;
}
article.content ul.menu-list > li strong {
	position: relative;
	display: inline-block;
	color: #ff6f61;
	margin-left: 10px;
}
article.content .mcePxmGallery {
    position: relative;
    margin: 0 -50px 0px;
    text-align: center;
}
section.heure {
    position: relative;
	width:100%;
	padding:28px 0px 10px; min-height:175px; background:#26a4e5; color:#fff; text-align:center; letter-spacing:0.5px; font-size:15px;width: 100%;
    float: left;}
section.heure h2{ color:#fff; font-size:22px; letter-spacing:3px; margin-top:0px; margin-bottom:25px;}	
section.heure .hours {
   
    margin-top: 0px;
}
section.heure .hours .containerOpening {
display: flex;
justify-content: space-between;
text-align: center;
padding: 0px 0px;
}
section.heure .hours .containerOpening .openingLine {
    margin: 0px 6px;
    border: 1px solid rgba(255,255,255,0.25);
    padding: 17px 0px;
    height: 76px;
    line-height: 21px;
    width: 177px;
    position: relative;
}
section.heure .hours .containerOpening .openingLine:first-child { margin-left:0px;}
section.heure .hours .containerOpening .openingLine:nth-child(6) { margin-right:0px;padding-top: 6px!important;}
section.heure .hours .containerOpening .openingLine:nth-child(3) { margin-top:0px;}
section.heure .hours .containerOpening .openingLine:nth-child(4) {padding-top: 6px!important;}
section.heure .hours .containerOpening .openingLine:last-child { display:none;}
section.heure .hours .containerOpening .openingLine:nth-child(6):before {     position: absolute;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    top: 49px;
    content: 'ou sur rdv';
    text-align: center;
    text-transform: uppercase;}
section.heure .hours .containerOpening .openingLine .openingDay {
    display: block;
    text-transform:uppercase;
font-family: 'GOTHICB';
    color: #fff;
}

section.newsletter {
    position: relative;
    width: 85vw;
    margin: 0 auto;
   
    background-size: cover;
    padding: 100px 5% 100px 30%;
    text-align: center;
    font-size: 1.2em;
}
.newsTemplate section.newsletter {
    margin: 50px auto;
}
section.newsletter h3 {
    font-size: 3.5em;
    line-height: 1.2em;
    text-transform: uppercase;
    margin: 0 0 20px;
}

section.news {
    margin-top: 100px;
    background: #fff;
    padding: 100px;
}
.newsTemplate section.news {
    margin: 0;
}
section.news #AllNews {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
}
section.news #AllNews figure.Item {
    position: relative;
    display: grid;
    grid-template-columns: 30px 1fr 30px;
    grid-template-rows: 30px 200px 1fr;
}
section.news #AllNews figure.Item .photo {
    position: relative;
    z-index: 2;
    grid-column: 1 / 3;
    grid-row: 1 / 3;
    pointer-events: none;
}
section.news #AllNews figure.Item .photo::after {
    content: '';
    z-index: 2;
    position: absolute;
    left: 5px;
    right: 5px;
    top: 5px;
    bottom: 5px;
    background: rgba(255,111,97,.8);
    opacity: 0;
    transition: opacity .6s;
    transition-delay: .4s;
}
section.news #AllNews figure.Item:hover .photo::after {
    opacity: 1;
    transition-delay: 0s;
}
section.news #AllNews figure.Item .photo.nophoto {
}
section.news #AllNews figure.Item:hover .photo.nophoto {
}
section.news #AllNews figure.Item .photo img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    object-fit: cover;
    height: 100%;
    width: 100%;
    display: block;
    transition: opacity 1.25s;
}
section.news #AllNews figure.Item:hover .photo img {
    opacity: .5;
}
section.news #AllNews figure.Item .photo i {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 1em;
    margin-top: -50px;
    opacity: 0;
    transition: margin-top .6s, opacity .6s;
    transition-delay: 0s;
}
section.news #AllNews figure.Item:hover .photo i {
    margin-top: 0px;
    opacity: 1;
    transition-delay: .4s;
}
section.news #AllNews figure.Item figcaption {
    grid-column: 2 / 4;
    grid-row: 2 / 4;
    z-index: 1;
    padding: 220px 30px 30px;
    background: #fff6ef;
}
section.news #AllNews figure.Item figcaption h3 {
    margin: 0 0 10px;
}
section.news #AllNews figure.Item figcaption h3 span {
    font-weight: bold;
}
section.news #AllNews figure.Item figcaption h3 span:last-child {
    font-weight: 300;
}
section.news #AllNews figure.Item figcaption p {
    margin-bottom: 20px;
}
section.news #AllNews figure.Item figcaption a.button {
    display: inline-block;
    text-decoration: none;
    padding: 10px 15px;
    background: #ff6f61;
    color: #fff;
    font-size: .7em;
    text-transform: uppercase;
    letter-spacing: .1em;
    transition: background .4s;
}
section.news #AllNews figure.Item figcaption a.button::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 20;
}
section.news #AllNews figure.Item:hover figcaption a.button {
    background: #ee2852;
}


footer.bottom {
background:url(../images/footer1.jpg) top center no-repeat;
background-size:cover; /* Old browsers */
    text-align: center;
    color: #fff;
	font-size:15px;
    padding: 70px 0px 30px;
	min-height:347px;
	letter-spacing: 1.8px;
	width: 100%;
    float: left;
}
footer.bottom img{ display:table; margin:0 auto; margin-bottom:35px;}
footer.bottom p{ margin-bottom:34px;}
footer.bottom .address {
padding: 0 20px 0px;

}
footer.bottom .address div {
    margin: 0 0px;
}



footer.bottom .address .phone-responsive {
    display: none;
}

.footerSlideButton1 {
    color: #26a4e5!important;
}
footer.bottom a{ color:#26a4e5;text-decoration:none;}
footer.bottom a:hover {

color: #fff;}
footer.bottom label.modal-label {
    color: #26a4e5;
text-decoration:none;
    transition: color .4s;
}
.networks {
	margin:0 auto;
	display:table;
	width:37px;
	height:37px;
}
.networks_linking a{
display: inline-block;
    font-size: 0px;
    cursor: pointer;
    margin: 0px 0 0 0px;
    width: 37px!important;
    height: 37px!important;
    z-index: 1;
    background:url(../images/fb.png) top center no-repeat!important;
    text-decoration: none;
    border-radius: 0px!important;
	float:left;position: relative;}
	.fa-facebook-f::before, .fa-facebook::before {
    content: ""!important;
}
 .networks_linking a:hover {
background:url(../images/fb.png)  bottom center no-repeat!important;
}
footer.bottom label.modal-label:hover {
    text-decoration: none;
    color: #fff;
}
nav.language {
    padding: 20px;
    text-align: center;
}
nav.language a {
    font-size: 0;
    margin: 0 5px;
}
nav.language a span::after {
    display: inline-block;
    text-decoration: none;
    padding: 10px 15px;
    background: #ff6f61;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .1em;
    transition: background .4s;
    font-size: 1.2rem;
}
nav.language a #lang-nl::after {
    content: 'Nederlands';
}
nav.language a #lang-fr::after {
    content: 'Français';
}
nav.language a:hover span::after,
nav.language a.selected span::after {
    background: #ee2852;
}

a#scrollTopBtn {
    border-radius: 0;
    background: #26a4e5;
    font-size: 2em;
    line-height: 1em;
}

@media only screen and (min-width : 1121px) {.container{width: 1120px!important;}}
@media only screen and (max-width : 1120px) {.container{ width:100%!important;}section.services .services-boxes div[class*="box"] .box-photo img{ display:none;}

section.banner .cta {
    left: 50%;}




    section.services {
        padding: 50px 0;
    }
    section.services .services-boxes {
        grid-gap: 50px;
    }
    .homeTemplate main.content-wrapper {
        padding: 50px 0;
    }
    section.newsletter {
        padding: 50px 3% 50px 27%;
    }
    section.newsletter h3 {
        font-size: 3em;
    }
    section.news {
        margin-top: 50px;
        padding: 50px 30px;
    }
.sf-menu a {
    padding: 17px 16px 13px!important;}
}
@media only screen and (max-width : 1023px) {}
@media only screen and (max-width : 991.98px) {

	section.services .services-boxes div[class*="box"] .box-content h5 {

    font-size: 15px;}
    .topbar {
        grid-template-columns: 1fr 2fr 1fr;
    }
    header.top.sticky nav.main-nav {
        display: none;
    }
    header.top.sticky nav.mobile-nav {
        display: block;
    }
    section.banner #HomeImages .highslideContainer .highslide img {
        height: auto;
    }
    .home-content {
        grid-template-columns: 50px 1fr 50px;
    }
    section.newsletter {
        width: 90vw;
    }
    section.newsletter h3 {
        font-size: 2.4em;
    }
    section.news {
        padding: 50px 15px;
    }
    section.news #AllNews {
        grid-gap: 15px;
    }
    section.news #AllNews figure.Item {
        grid-template-columns: 20px 1fr 20px;
        grid-template-rows: 20px 200px 1fr;
    }
    section.news #AllNews figure.Item figcaption {
        padding: 210px 15px 15px;
    }
    section.news #AllNews figure.Item figcaption h3 {
        font-size: 1.8em;
    }
    footer.bottom .address {
        padding-left: 0;
        padding-right: 0;
        font-size: 14px;
    }
    footer.bottom .address div {
        margin: 0 10px;
    }
    footer.bottom .address i {
        margin-right: 5px;
    }
    footer.bottom .hours .containerOpening .openingLine {
        margin: 0 5px;
    }.sf-menu li {

    padding: 0px 1px 0px 18px!important;
}
.box{ float:none!important; margin:0 auto!important;}
    header.top nav.main-nav {
        display: none;
    }
    header.top nav.mobile-nav {
          display: block;
    margin-top: 10px;
    background: #fff;
padding: 5px 0px;
    }
}
@media only screen and (max-width : 767.98px) {

    .topbar {
        grid-template-columns: 1fr;
        padding: 10px;
    }
    .topbar .left-topbar,
    .topbar .center-topbar,
    .topbar .right-topbar {
        text-align: center;
    }

    section.banner #HomeImages {
        grid-template-columns: 1fr;
    }
    section.banner #HomeImages .highslideContainer .highslide img {
        min-height: 0;
        height: 200px;
    }
    section.services h4 {
        position: relative;
        padding: 0 0 15px;
    }
    section.services h4::before {
        content: none;
    }
    section.services h4::after {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
        bottom: 0;
    }
    section.services .services-boxes {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
    .home-content {
        grid-template-columns: 20px 1fr 20px;
        grid-template-rows: 20px 200px auto;
    }
    .home-content article.content {
        padding: 220px 20px 20px;
    }
    .home-content article.content header.page-title {
        padding: 5px 10px 10px;
    }
    section.newsletter {
        padding: 20px;
        font-size: 1em;
    }
    section.newsletter h3 {
        font-size: 2em;
    }
    section.news #AllNews {
        grid-template-columns: 1fr;
    }
    footer.bottom {
        padding: 20px 0;
    }
    footer.bottom .address,
    footer.bottom .hours .containerOpening {
        display: block;
        text-align: center;
    }
    footer.bottom .hours .containerOpening .openingLine {
        margin: 5px;
    }
	section.banner .cta {
    transform: translateX(-50%);    left: 50%;}
	
	footer.bottom .ml {
    margin: 0 auto;
    display: table;
    width: auto;
}
	footer.bottom .gs {
    margin: 0 auto;
    display: table;
    width: auto;
}
footer.bottom .lg {
    margin: 0 auto;
    display: table;
    width: auto;
}
section.heure .hours .containerOpening {
    display: block;
}
section.heure .hours .containerOpening .openingLine {
    margin: 0 auto !important;
    margin-bottom: 10px !important;
}
footer.bottom img {
    max-width: 100%;
}
header.top .logo img{ max-width: 100%;}
h1 {
    font-size: 20px;}
		.topbar .contact-info span.phone{ display:none;}
.topbar .contact-info .phone-responsive{    display: inline-block;}
	footer.bottom .address .phone-responsive{ display:inline-block;}
	span.phone{ display:none;}
}
@media only screen and (max-width : 480px) {
section.banner .cta {
    width: 300px;}
	section.banner .cta .bouton {
    position: relative;
    width: 145px;}
footer.bottom .tv{
    margin: 0 auto;
    display: table;
    width: auto;
}

	table{
		position: relative;
		width: 100%;
		display:block;
		border:none;
		float:left;
	}
	table > tr{
		width: 100%;
		display:table;
		float:left;
	}
	table >  tr > td{
		width: 100%;
		display:table-row;
		float:left;
	}
	.topbar .contact-info .ml {
   display: inline-block;
}
.topbar .contact-info {
    float: none;
    text-align: center;
    margin: 0 auto;
}
}

/*--------------------------------------------------
# Navigation
--------------------------------------------------*/

/*--------------------------------------------------
## Superfish
--------------------------------------------------*/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu {
    display: flex;
    justify-content: center;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 99;
}
.sf-menu > li {
	/*float: left;*/
	display: inline-block;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}
.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}
.sf-menu a {
    padding: 17px 33px 13px;
    font-size: 15px;
    font-family: 'metropolisregular';
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    line-height: 1em;
    letter-spacing: 2px;
    border-bottom: 5px solid rgba(255,255,255,0);
}

.sf-menu li {
    background: url(../images/sep-menu.png) left center no-repeat;
    padding: 0px 1px 0px 2px;
}
 .sf-menu li:first-child {
    padding-left: 0;
	border-left:none;
	background:none;
}
 .sf-menu li:last-child { padding-right:0px;}
.sf-menu > li > a:hover::before,
.sf-menu > li.sfHover > a::before, .sf-menu > li.selected > a::before, .sf-menu > li.active > a::before {
	opacity:1;
}

.sf-menu > li > a:hover,
.sf-menu > li.sfHover > a, .sf-menu > li.selected > a, .sf-menu > li.active > a {
    border-bottom: 5px solid rgba(255,255,255,1);
	color:#fff;
}
.sf-menu ul {
	background: rgba(255,255,255,0.82);

width: 100%;
	text-align: center;

}
.sf-menu ul li{	white-space:normal; border-bottom:1px solid rgba(0,0,0,0.3); background:none; padding:0px!important;}
.sf-menu ul li:not(:first-child) {

}
.sf-menu ul li:last-child { border-bottom:none;}
.sf-menu ul a {
    padding: 13px 13px!important;

    transition: color .4s, border-bottom-color .8s;
	color:#4f4f4f!important;
	letter-spacing:1.8px;
	border-bottom:none!important;
}
.sf-menu ul a:before { display:none;}
.sf-menu ul a:hover,
.sf-menu ul .selected a, .sf-menu ul .active a {

}
.sf-menu ul a:hover,
.sf-menu ul .selected a, .sf-menu ul .active a {
	color:#26a4e5!important;
	border-bottom:none!important;
}
.sf-menu li a:hover,
 .sf-menu li.selected a, .sf-menu li.active a {

}
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul::after {
    content: '\f107';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    margin-left: 10px;
}
@media only screen and (max-width : 991.98px) {
    .sf-menu > li {
        margin: 0 10px;
    }
}
/*--------------------------------------------------
## Mobile navigation
--------------------------------------------------*/
.site-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	opacity: 0;
	transform: translate3d(100%,0,0);
	transition: opacity 0.4s, transform 0s 0.4s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
/* Close Button */
.close-button {
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	right: 1em;
	top: 1em;
	overflow: hidden;
	text-indent: 1em;
	font-size: 0.75em;
	border: none;
	background: transparent;
	color: transparent;
}
.close-button::before,
.close-button::after {
	content: '';
	position: absolute;
	width: 3px;
	height: 100%;
	top: 0;
	left: 50%;
	background: #ccc;
	transition: background .4s;
}
.close-button::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.close-button::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.close-button:hover::before,
.close-button:hover::after {
	background: #fff;
}
/* Menu */
.menu-wrap {
	position: fixed;
	overflow: auto;
	top: 0;
	left: 0;
	z-index: 1001;
	width: 300px;
	height: 100%;
	background: #000;
	box-shadow: 0 0 20px rgba(0,0,0,.8);
	padding: 40px 20px 20px;
	transform: translateX(-100vw);
	transition: transform 0.4s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.mobile-menu {
	transform: translateX(500px);
}
.mobile-menu > ul,
.mobile-menu .language {
	display: block;
	transform: translateX(-1000px);
}
.mobile-menu,
.mobile-menu > ul,
.mobile-menu .language {
	transition: transform 0s 0.4s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.mobile-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
    font-size: .7em;
}
.mobile-menu ul ul {
    font-size: 1em;
	background: rgba(0,0,0,.15);
	margin-top: 5px;
	margin-bottom: -5px;
	border-top: 1px solid rgba(0,0,0,.2);
}
.mobile-menu li:first-child {
	border-top: none;
}
.mobile-menu > ul ~ ul li:first-child {
	border-top: 1px solid rgba(0,0,0,.2);
}
.mobile-menu li {
	padding: 5px 0;
	border-top: 1px solid rgba(0,0,0,.2);
}
.mobile-menu li li {
	position: relative;
	border-top: 1px solid rgba(0,0,0,.2);
}
.mobile-menu li li::before {
	content: '\f105';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
	position: absolute;
	color: rgba(0,0,0,.5);
	z-index: 5;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.mobile-menu a {
    text-transform: none;
	padding: 5px 10px;
	display: block;
    color: #fff;
	text-decoration: none;
	transition: background .4s, color .4s;
	font-size: 16px;
}
.mobile-menu a:hover, .mobile-menu .selected > a, .mobile-menu .active > a {
	background: #26a4e5;
	color: #fff;
}
.mobile-menu li li a {
	padding-left: 25px;
}
/* Language menu */
.mobile-menu .language {
    text-align: center;
    margin-top: 15px;
}
.mobile-menu .language a {
    text-transform: uppercase;
	padding: 5px 10px;
	display: inline-block;
    color: #000;
	text-decoration: none;
	font-size: .7em;
}
/* Shown menu */
.show-menu .menu-wrap {
	transform: translate3d(0,0,0);
	transition: transform 0.8s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.show-menu .mobile-menu,
.show-menu .mobile-menu ul,
.show-menu .mobile-menu .language {
	transform: translate3d(0,0,0);
	transition: transform 0.8s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.show-menu .mobile-menu ul,
.show-menu .mobile-menu .language {
	transition-duration: 0.9s;
}
.show-menu .site-overlay {
	opacity: 1;
	transition: opacity 0.8s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transform: translate3d(0,0,0);
}