body {
	background: #fff;
    color: #4b4a4a;
    font-family: 'Roboto';
    font-size:15px;
    line-height:35px;
}
a {
    color: #609c9d;
    text-decoration: underline;
    transition: all .4s;
}
a:active, a:hover, a:focus {
    color: #609c9d;
    text-decoration: none;
}
.icon-logo-afe:before {
    font-size:12px!important;
}

hr {
	border-color: rgba(0,0,0,.35);
} 
.image-right {
    float: right;
    margin: 0 0 10px 15px;
}
.image-left {
    float: left;
    margin: 0 15px 10px 0;
} 
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Raleway';
    line-height: 1.1em;
	font-weight:400;
}
h1,.h1{
    font-size: 26px;
    color: #609c9d;
    font-weight: 700;
}
h2,.h2{
    font-size:26px;
	color:#3e3e3e;
}
h3,.h3{
    font-size:22px;
    color:#609c9d;
}
h4,.h4{
    font-size:20px;
	color:#3e3e3e;
}
h5,.h5{
    font-size:18px;
    color:#609c9d;
}
h6,.h6{
    font-size:17px;
	color:#3e3e3e;
}

span.number-responsive {
	display: none;
}
.container{width:1330px}
header.top {
	position: relative;
	height: 70vh;
}
header.top.small {
    height: 600px;
}
header.top .fluid_container,
header.top .fluid_container #slideshow {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: auto;
	width: auto;
}
header.top .fluid_container #slideshow {
	margin-bottom: 0!important;
}
header.top .camera_prev, header.top .camera_next, header.top .camera_commands {
    height: 10px!important;
    margin-top: 0!important;
    width: 122px!important;
    background: none!important;
	top: 53.6% !important;
}
header.top .camera_prev {
    margin-left: -649px;
    left: 50%;
}
header.top .camera_next {
    margin-right: -649px;
    right: 50%;
}
header.top .camera_prev>span {
    background: url(../images/cta1.png) no-repeat 0 0;
    height: 10px !important;
    width: 122px !important;
}
header.top .camera_next>span {
    background: url(../images/cta2.png) no-repeat 0 0;
    height: 10px !important;
    width: 122px !important;
}
header.top .fluid_container #slideshow .camera_overlayer {
    background: url(../images/slide-bg.png) no-repeat center center;
}
header.top > .container {
	position: relative;
	pointer-events: none;
}
header.top nav.main-nav {
    position: relative;
    z-index:5;
    pointer-events: auto;
    transition: background .4s;
}
header.top .is-sticky nav.main-nav {
	background: rgba(255,255,255,.85);
	padding:0 0 5px;
}
header.top nav.main-nav:before {
    position: absolute;
    content: '';
    left: 50%;
    right: 50%;
    height: 1px;
    bottom:0;
    margin: 0 -649px;
    background: #002a4a;
}
header.top nav.main-nav a.mobile-nav {
    position: relative;
    z-index: 120;
    width: 36px;
    height: 29px;
    float: none;
    margin: 0 auto;
    background: #609c9d;
	display: none;
}
header.top nav.main-nav a.mobile-nav:hover {
    background: #4a0803;
}
header.top nav.main-nav a.mobile-nav span {
	background: #fff;
	border: none;
	height: 3px;
	position: absolute;
	top:6px;
	left:3px;
	right:3px;
	transition: all .4s;
}
header.top nav.main-nav a.mobile-nav span.middle {
    top:13px;
}
header.top nav.main-nav a.mobile-nav span.bottom {
    top:20px;
}
header.top nav.main-nav a.mobile-nav.active span.top {
	transform: translateY(9px) translateX(0) rotate(45deg);
}
header.top nav.main-nav a.mobile-nav.active span.middle {
	opacity: 0;
}
header.top nav.main-nav a.mobile-nav.active span.bottom {
	transform: translateY(-9px) translateX(0) rotate(-45deg);
}
header.top .logo {
    position: relative;
    float: none;
    margin:49px auto 0;
    display: table;
    z-index: 3;
}
header.top.small .logo {
}
header.top .logo * {
	pointer-events: auto;
}
header.top .logo .cta {
    float: none;
    margin: 66px auto 0;
    display: table;
    font-family: 'Raleway';
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    color: #002a4a;
    background: url(../images/cta.png) no-repeat center top;
    padding: 39px 53px 0;
    letter-spacing: .22em;
    text-shadow: 0 0 0 #002a4a;
}
header.top.small .logo .cta {
    margin:20px auto 0;
}
header.top .logo .cta p {
margin:0;
}
header.top .logo .cta a {
    text-decoration: none;
    display: inline-block;
    padding: 0 19px 3px;
    margin: 5px 0 0;
    color: #002a4a;
    position: relative;
    font-size: 24px;
    font-weight: 400;
    font-family: 'Roboto';
    text-shadow: none;
    z-index: 1;
    letter-spacing: .212em;
}
header.top .logo .cta a::before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1px;
    height: 6px;
    content: '';
    background: #609c9d;
    z-index: -1;
}
header.top .logo .cta a:hover {
	color:#609c9d;
}
header.top .logo .cta a:hover:before {
	background:#002a4a;
}
/* ** */
.wrapper {
    position: relative;
    padding: 47px 0 30px;
    background: url(../images/bg.jpg) center top repeat-y;
}
.wrapper.home1 {
    min-height: 509px;
	overflow:hidden;
}
header.page-title {
    position: relative;
  /*  background: url(../images/h1.png) top left no-repeat;
    padding:7px 0 7px 55px;*/
    margin: 0 0 30px;
}
header.page-title.title1 {
    margin: 0 auto 20px;
    display: table;
}
header.page-title h1 {
    margin: 0;
}
article.content p {
    margin-bottom: 15px;
    letter-spacing: .1em;
    text-shadow: 0 0 0 #4b4a4a;
	font-weight:300;
}
article.content ul {
    padding-left: 10px;
    letter-spacing: .13em;
    text-shadow: 0 0 0 #4b4a4a;
	font-weight:300;
}
article.content ul li {
    list-style: none;
    background: url(../images/list-icon01.png) no-repeat 0 5px;
    padding-left: 25px;
}
article.content ul ul li {
    background-image: url(../images/list-icon02.png);
    padding-left: 20px;
	background-position: 0 11px;
}
article.content .table-style {
	position: relative;
    letter-spacing: .13em;
	font-weight:300;
}
article.content .table-style th {
	background: #609c9d;color:#fff;
}
article.content .table-style th,
article.content .table-style td {
	border: 1px solid rgba(0,0,0,.3);
	padding:7px 5px;
}
article.content .table-style td {
    text-shadow: 0 0 0 #4b4a4a;
}
article.content .box_googlemaps iframe {
	border: 5px solid rgba(0,0,0,.15);
	margin-bottom: 20px;
}
article.content a.lireplus {
    float: right;
    padding: 9px 33px 8px;
    text-decoration: none;
    border: 2px solid #609c9d;
    color: #609c9d;
    letter-spacing: .11em;
    margin:7px 0 0;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 21px;
    text-shadow: 0 0 0 #609c9d;
    font-weight: 400;}
article.content a.lireplus:hover{background:#609c9d;color:#fff}
.wrapper .photo-home {
    position: relative;
    float: right;
    margin: -16px 0 0;
}
.wrapper .photo-home img{max-width:100%;}
.wrapper .photo-home:after {
    position: absolute;
    right: 0;
    left:0;
    top:0;
    bottom:0;
	content:'';
	background:#01355c;
	opacity:.4;
}
.home {
    margin-right:-15px !important;
}
/* ** */
.boxes {
    padding: 55px 0 67px;
    position: relative;
	overflow:hidden;
}
.boxes:before{
  position:absolute;
  z-index:1;
  top:55px;
  right:-140px;
  left:-140px;
  content:'';
  bottom:154px;
  background:url(../images/bg-box1.jpg) no-repeat left top,url(../images/bg-box2.jpg) no-repeat right top;
}
.boxes:after{
  position:absolute;
  z-index:1;
  width:440px;
  bottom:154px;
  top:55px;
  left:50%;
  margin-left:-220px;
  content:'';
  background:#002a4a;	
}
.boxes .box {
    position: relative;
	z-index:2;
    width: 100%;
    max-width: 350px;
    margin:42px auto 0;
    text-align: center;
    display: table;
    text-decoration: none;
}
.boxes .box.box01 {
   float: left;
}
.boxes .box.box02 {
   float:none;
}
.boxes .box.box03 {
   float: right;
}
.boxes .box .image {
    position: relative;
    width: 100%;
    display: table;
    z-index: 1;
}
.boxes .box .image img {
	max-width:100%;
}
.boxes .box01 .image:before,.boxes .box03 .image:before {
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    height:10px;
	content:'';
	background:#4a0803;
}
.boxes .box .image:after {
    position: absolute;
    bottom:0;
    right:31px;
    width:38px;
    top:0;
	content:'';
	background:rgba(255,255,255,.64);
}
.boxes .box01 .icon {
    position: absolute;
    bottom:0;
    right:-38px;
    height:41px;
    width:38px;
    border-bottom:10px solid #4a0803;
    z-index: 2;
    background:url(../images/icon1.png) no-repeat center top;
}
.boxes .box03 .icon {
    position: absolute;
    bottom:0;
    left:-38px;
    height:41px;
    width:38px;
    border-bottom:10px solid #4a0803;
    z-index: 2;
    background:url(../images/icon1.png) no-repeat center top;
}
.boxes .box h2 {
    font-size: 20px;
    color: #4a0803;
    text-transform: uppercase;
    margin: 31px 0 0;
    line-height: 15px;
    letter-spacing:.19em;
    text-shadow: 0 0 0 #4a0803;
}
.boxes .box:hover h2 {
    color: #002a4a;
    text-shadow: 0 0 0 #002a4a;
    transition:.3s all ease;
}
/* ** */
footer.bottom {
    position: relative;
    
    padding: 90px 0 15px;
    background: url(../images/footer-bg.jpg) no-repeat center bottom;
}
footer.bottom:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    bottom: 62px;
    right: 50%;
    margin-right: -54px;
    background: url(../images/footer.jpg) no-repeat center right;
}
.open {
    float: right;
    margin: 0 -69px 0 0;
    padding: 0 13px 1px;
    line-height: 29px;
    font-size: 16px;
    background: #fff;
    font-family: 'Raleway';
    color: #002a4a;
    letter-spacing: .053em;
}
.open p {
    margin: 0;
}
footer.bottom h6 {
    margin: 8px 0 43px 76px;
    font-size: 19px;
    color: #4a0803;
    letter-spacing: .15em;
	    text-shadow: 0 0 0 #4a0803;
}
footer.bottom img.logo-footer {
    float: left;
    margin: 0 0 0 70px;
}
footer.bottom .address {
    float: left;
    padding: 0 0 0 68px;
    line-height: 24px;
    color: #4b4a4a;
    font-weight: 300;
    text-shadow: 0 0 0 #4b4a4a;
}
footer.bottom .adr {
    float: left;
    padding: 0 0 0 66px;
    background: url(../images/icon-map.png) no-repeat center left;
    letter-spacing: .155em;
}
footer.bottom .tel {
    float: left;
    clear: both;
    padding: 5px 0 5px 66px;
    background: url(../images/icon-tel.png) no-repeat center left;
    margin: 20px 0 25px;
    letter-spacing: .15em;
}
footer.bottom .info {
    float: left;
    clear: both;
    padding: 0 0 0 66px;
    background: url(../images/icon-info.png) no-repeat center left;
    letter-spacing: .156em;
}
footer.bottom a,footer.bottom .googlemaps_v2 label.modal-label {
	color: #4a0803;
	font-weight:300;
	text-shadow:0 0 0 #4a0803;
}
footer.bottom a:hover,footer.bottom .googlemaps_v2 label.modal-label:hover {
	text-decoration:none;
}
.networks_linking {
    float: left;
    clear: both;
    height: 34px;
    margin:46px 0 0;
}
.networks_linking a {
    font-size: 0 !important;
    line-height: 0 !important;
    width: 169px !important;
    height: 34px!important;
    border-radius: 0 !important;
    background: url(../images/fb.png) no-repeat left top !important;
    position: relative;
}
.networks_linking a:hover {
    background: url(../images/fb.png) no-repeat left bottom !important;
	transition:.3s all ease;
}
.networks_linking a .fa{
	display:none;
}
.networks_linking a::before {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 34px !important;
    font-size: 16px !important;
    font-weight: 300;
    content: 'Rejoignez-moi';
    color: #609c9d;
    letter-spacing: .085em;
    text-shadow: none;
}
.networks_linking a:hover:before {
	color:#4a0803;
	transition:.3s all ease;
}
.overlay {
	position: fixed;
	background: rgba(0,0,0,.8);
	top: 0;
	left: 0;
	width: 100%;
	height: 0%;
	opacity: 0;
	visibility: hidden;
	transition: opacity .4s, visibility .4s, height .4s;
	overflow: auto;
	z-index:4;
}
.overlay.open {
	visibility: visible;
	height: 100%;
	opacity: 1;
}
.overlay nav.overlay-menu {
    position: relative;
    text-align: center;
	padding: 55px 20px 20px;
}
.overlay nav.overlay-menu ul,
.overlay nav.overlay-menu ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.overlay nav.overlay-menu > ul > li {
	position: relative;
	padding: 10px;
	opacity: 0;
	transform: translateX(100%);
	-webkit-transform: translateX(100%);
}
.overlay.open nav.overlay-menu > ul > li {
	animation: slide-in .5s forwards;
	-webkit-animation: slide-in .5s forwards;
	animation-delay: .4s;
	-webkit-animation-delay: .4s;
}
@keyframes slide-in {
    100% {
    	transform: translateX(0%); 
    	opacity: 1;
    }
}
@-webkit-keyframes slide-in {
    100% {
    	-webkit-transform: translateX(0%); 
    	opacity: 1;
    }
}
.overlay nav.overlay-menu > ul > li:not(:first-child) {
	border-top: 1px solid #666;
}
.overlay nav.overlay-menu ul li a {
	font-size:17px;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	display: block;
	padding: 5px;
}
.overlay nav.overlay-menu ul li a:hover,.overlay nav.overlay-menu ul li.selected a,.overlay nav.overlay-menu ul li.active a {color:#609c9d}
.overlay nav.overlay-menu ul ul {
	padding-top: 10px;
}
.overlay nav.overlay-menu ul ul li a {
	font-size:15px;
	text-transform: none;
	color:#ddd;
}
/* ** */
#scrollTopBtn:hover{background:#609c9d!important}
.footerSlideButton1{color:#609c9d!important}
.footerSlideButton1:hover{color:#ddd!important}
.mm-slideout{z-index:inherit!important}
#scrollTopBtn{bottom:55px!important;right:70px!important;z-index:1!important;box-shadow:0 0 3px rgba(255,255,255,.4);opacity:1!important}
#footerSlideContainer{z-index:100!important;right:24px!important;bottom:6px!important;font-size:18px!important}
#footerSlideContainer a{z-index:100!important;color:#609c9d!important;font-size:18px!important;font-weight:700!important;}
#footerSlideContainer a:hover{color:#aaa!important}
div.cc-cookies{width:100%;z-index:50!important}
.cc-cookies a.cc-cookie-accept,.cc-cookies-error a.cc-cookie-accept,.cc-cookies a.cc-cookie-decline,.cc-cookies-error a.cc-cookie-decline,.cc-cookies a.cc-cookie-reset{background:#609c9d!important;margin:0 10px;color:#fff !important}
.cc-cookies a:hover.cc-cookie-accept,.cc-cookies-error a:hover.cc-cookie-accept,.cc-cookies a:hover.cc-cookie-decline,.cc-cookies-error a:hover.cc-cookie-decline,.cc-cookies a:hover.cc-cookie-reset{background:#4a0803!important}
div.cc-cookies{width:100%}
.cc-cookie-accept {margin-right:145px!important;}
.cookieinfo{z-index:10 !important}
.formError,.formError *,#fancybox-wrap,#fancybox-wrap *{box-sizing:content-box}
div#_atssh{bottom:0}


header.top .logo .cta {
    padding: 25px 53px 0;
}
header.top .logo {
    position: relative;
    margin: 10px auto 0;
}
header.top .logo a {
    margin: 0 auto;
    clear: both;
    float: none;
}
header.top .logo img {
    margin: 0 18%;
    width: 65%;
}


@media only screen and (max-width : 1330px) {
.container{width:100%}
header.top nav.main-nav::before{left:15px;right:15px;margin:0}
header.top .camera_prev{margin-left:0;left:15px}
header.top .camera_next{margin-right:0;right:15px}
h1,.h1{font-size:28px}
.boxes .box{width:calc(100% - 38px)}
.boxes::after{width:360px;margin-left:-180px}
.boxes::before{background:none}
.box.box01::before{position:absolute;left:-15px;right:-38px;top:-42px;bottom:90px;content:'';background:url(../images/bg-box1.jpg) no-repeat center right}
.box.box03::before{position:absolute;right:-15px;left:-38px;top:-42px;bottom:90px;content:'';background:url(../images/bg-box2.jpg) no-repeat center left}
.boxes{padding:55px 0}
footer.bottom h6{letter-spacing:.08em}
footer.bottom .address{padding:0 0 0 20px}
footer.bottom .adr{letter-spacing:.1em}
.boxes .box h2{letter-spacing:.09em}
}
@media only screen and (max-width : 1199px) {
header.top .logo .cta{margin:40px auto 0}
header.top .camera_prev,header.top .camera_next,header.top .camera_commands{top:60%!important}
header.top{height:600px}
header.page-title{padding:7px 0 7px 44px}
h1,.h1{font-size:25px}
.boxes::after{width:300px;margin-left:-150px}
footer.bottom h6{margin:8px 0 43px;font-size:18px;letter-spacing:0}
footer.bottom img.logo-footer{margin:0}
footer.bottom .adr{padding:0 0 0 60px;letter-spacing:.05em}
footer.bottom .tel{padding:5px 0 5px 60px}
footer.bottom .info{padding:0 0 0 60px;letter-spacing:.1em}
footer.bottom::before{margin-right:0}
.open{margin:0 -15px 0 0}
}
@media only screen and (max-width : 1023px) {
h1,.h1{font-size:24px}
}
@media only screen and (max-width : 991px) {
header.top nav.main-nav .sf-menu{display:none!important}
header.top nav.main-nav a.mobile-nav{display:table}
header.top nav.main-nav a.mobile-nav.active span.top{top:3px}
header.top nav.main-nav::before{display:none}
header.top .is-sticky nav.main-nav{padding:5px 0}
header.top nav.main-nav{padding:5px 0}
header.top,header.top.small{height:500px}
.wrapper .photo-home{position:relative;right:0;left:0;top:0;bottom:0;background:none;display:table;max-width:calc(100% - 30px);float:none;margin:30px auto 0}
.wrapper .photo-home img{opacity:1;max-width:100%}
.home{margin-right:0!important}
article.content a.lireplus{float:none;margin:20px auto 0;display:table}
.boxes{padding:0 0 30px}
.boxes .box.box01{float:left}
.boxes .box{width:100%;margin:30px auto 0;float:none!important}
.boxes::after{display:none}
.box::before{display:none}
footer.bottom::before{bottom:auto;right:0;height:300px}
.open{float:none;margin:0 auto;display:table}
footer.bottom{background:url(../images/footer-bg.jpg) repeat-y center bottom;padding:130px 0 15px}
footer.bottom h6{margin:160px 0 20px;font-size:19px;text-align:center}
footer.bottom img.logo-footer{float:none;margin:0 auto 15px;display:table}
footer.bottom .address{float:none;padding:0;margin:0 auto;display:table}
footer.bottom .tel{margin:10px 0}
.networks_linking{float:none;margin:20px auto 0;display:table}
}
@media only screen and (max-width : 767px) {
header.top .camera_prev,header.top .camera_next,header.top .camera_commands{display:none}
footer.bottom .adr,footer.bottom .tel,footer.bottom .info{float:none;padding:35px 0 0;background-position:center top;margin:0 auto 15px;display:table;text-align:center}
span.number{display:none}
span.number-responsive{display:inline-block}
.image-left,.image-right{float:none;margin:0 auto 15px;max-width:100%;display:table}
}
@media only screen and (max-width : 480px) {
header.top .logo .cta{padding:30px 50px 0;letter-spacing:.1em;background-size:contain}
header.top .logo .cta a{padding:0 10px 3px;font-size:22px;letter-spacing:.1em}
header.page-title{background:none;padding:7px 0;margin:0 0 20px}
.boxes .box{width:calc(100% - 60px)}
.boxes .box h2{letter-spacing:0}
footer.bottom h6{font-size:13px}
header.top,header.top.small{height:450px}
}



.googlemaps {
    position: relative;
    width: 100%;
    height: 250px;
    overflow: hidden;
}
.googlemaps .box_googlemapsv2 {
    height: 100% !important;
    width: auto!important;
}
.googlemaps span.googlemaps_v2, .googlemaps .googlemaps_v2 label.modal-label {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    font-size:0;
    cursor: pointer;
    font-weight: 400;
    text-decoration: underline;
    margin: 0;
}
.googlemaps_v2 .modal-state {
    display: none;
}
.googlemaps_v2 .modal__container {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 100%;
    left: 0;
    text-align: left;
    background: rgba(0,0,0,.5);
    z-index: 9999;
    transition: opacity .25s ease;
    pointer-events: none;
}
.box_googlemapsv2 iframe {
    width: 100%;
    height: 100%;
}
.googlemaps span.googlemaps_v2{
    font-size:16px;
}