/* CSS Document */
@font-face {    font-family: Font; src: url(../SourceSansPro-Regular.ttf);	}
@font-face {	font-family: FontLight; src: url(../SourceSansPro-Light.ttf);	}

*{ font-family:Font; margin:0 auto; }
body{ background-color:#fff /*ebeff2*/;font-family: sansationregular !important; }
.clear{ clear:both;}
.strong{ font-weight: bold; }

.container{/*box-shadow:2px 2px 10px gray; 
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray;*/padding-left:0; padding-right:0; } 


header .row{ margin:0 !important;}
header{ text-align: left; color:#FFF; min-height:500px;}
#header-content{  padding-top: 30px; background:url("../../images/bandeau3.jpg") left /cover; min-height: 450px; }
#header-content .menu{ }

header .headerinfo{ padding-top:50px; }
header .headerinfo a.logo, header .headerinfo .headertxt, header .headerinfo .headerimgbosch{ display: inline-block; vertical-align: bottom; margin-left: 5%; margin-right: 5%;}
.menutop a.logo img{max-width: 100px !important;} 
header .headerinfo .headertxt h1, header .headerinfo h2, header .headerinfo h3{}
header .headerinfo .headerimgbosch{ margin-left: 10%; vertical-align: middle;}
header .headerinfo .headertxt h1{ font-size:40px;}
header .headerinfo h2{ font-size:30px;}
.headerinforesponsive{ display:none;  }
header .col-xs-12.col-sm-12.col-md-12.col-lg-12{padding-left:0px; padding-right:0px; }

nav{ width: 100%; /*background:#00c5e9;*/  text-transform:uppercase; }
.sm-mint a{ font-weight:normal !important; font-family: Font; font-weight: bold;}
.sm ul li ul, .sm ul li ul li, .sm ul li ul li a{ text-align:left !important; }

.row.content { background: #FFF;   position: relative;   padding-top: 5px; }

.row .comp { position:relative;}
.row .comp .info-contenu{ background:#39b6b8; position:absolute; bottom:10px; color:#FFF; width:100%; padding:3px;}
.row .comp .info-contenu .title{ font-size:18px;}
.row .comp .info-contenu .descr{ font-size:14px;}

section.content{ position:relative; width:90%; margin-top:30px; margin-bottom:50px;}
section.content article { float: left; margin-right: 8%; text-align: center; width: 28%; min-width:260px; }
section.content article img{ margin-bottom:20px;  }
section.content article h2{ margin-bottom:20px; height:65px;  font-size:29px;}
section.content article p{ text-align:justify; font-size:15px;}
section.content article.last {margin-right:0; float:right;}

 .menu{ margin-top: 30px;}
.imagehome{ margin-top:-152px; z-index:1; position:relative;}
.imagehome img{z-index:1;}
.imagehome .legende{ position:absolute; bottom:30px; left:1%; background-color:rgba(255, 255, 255, 0.7); padding:10px 20px; color:#009997; }
.imagehome .legende h2{ margin-top:10px; font-size:40px;}
.imagehome .legende h2::first-letter{ font-size:50px; }
.imagehome .legende p{ font-style:italic; font-size:25px;}

.swipergallery{ margin-bottom:20px; }
.swiper-pagination{ display:none; }
.swipergallery .swiper-button-prev, .swipergallery .swiper-button-next{ display:none; }


.descriptionslide{ position: absolute; left:7%; bottom:15%; color:#FFF; text-align:center;/* background:url(../../images/bg_bandeauslider.png) repeat top center;*/  min-height:93px; padding:5px;}
.descriptionslide .slideinterne{ padding:10px; /*border:#FFF 1px solid;*/ }
.descriptionslide .title{  font-size: 36px; font-weight: bold; }
.descriptionslide .text{  }
.descriptionslide .slideinterne a{ color:#FFF; display:block;}
.descriptionslide .slideinterne a:hover{ text-decoration:none;}

.comp h2{color:#1e145a; margin-bottom:40px;  text-align:center;font-family: Font; font-weight: bold; text-transform:uppercase;}

.cols{ margin-bottom:15px;}
.col1, .col2{ border:1px solid #1e145a; margin-top:20px;}
.col2{ /*padding-left:10px; padding-right:10px;*/}
.col-lg-3, .col-lg-4{ }
.col-lg-9{ }

.actus { margin-bottom:20px;}
.actus h3 { text-align:center; font-family: Font; font-weight: bold; text-transform:uppercase; font-size:33px; background:url(../../images/background_actu.png) no-repeat center center;}
.actuslink{ text-align:center; font-family: Font; font-weight: bold; text-transform:uppercase; font-size:33px; border: 2px solid #10c7e9; padding-top: 5px;padding-bottom: 5px;}
.actuslink a{color:#000; text-decoration:none;}

.news{ position:relative;}

.containernews{ font-family: Font; font-weight: bold;color:#7f7e7d;  }
.containernews .info { }
.containernews .info p.title{ font-family: Font; font-weight: bold; font-size:25px;  padding-bottom: 25px;}
.containernews .info p.stitre{color:#919295; text-transform:uppercase; font-family: Font; font-weight: bold; }
.containernews .info a{ color:#0578bb; text-decoration:none; font-weight:bold;}
.containernews.swiper-slide img{ border: 3px solid #7f7e7d; }

.row.titre{position:relative; background: linear-gradient(199deg,rgba(255, 255, 255, 1) 0%, rgba(119, 87, 158, 1) 40%, rgba(119, 87, 158, 1) 60%, rgba(255, 255, 255, 1) 100%); min-height: 50px; margin-bottom:30px;}
.adresse h2{text-align: center; color:#fff; margin-top:30px; margin-bottom:30px;  }

.blocs h2{text-align: center; color:#7f7e7d; margin-top:60px; margin-bottom:20px;  }
.col-xs-12.col-sm-12.col-md-12.col-lg-12.blocs{ padding:0px; padding-right:0px; }
.col-xs-12.col-sm-4.col-md-4.col-lg-4.bloc{ margin-bottom: 30px; position:relative; }
.bloc .bloc-container{ border:1px solid #000;border-radius: 2rem; transition: border-color 1s ease; padding: 20px;
  text-align: justify;}
.bloc .bloc-container:hover{ border-color:#9e81c1;}
.bloc .bloc-container > .bloc-img {display: flex; justify-content: space-between; align-items: center;}
.bloc .bloc-container > .bloc-img > a{}
.bloc .bloc-container > .bloc-img > .number-area{
  font-size: 90px;              /* Taille du texte */
  font-weight: 700;              /* Épaisseur de la police */
  color: transparent;            /* Couleur intérieure transparente */
  -webkit-text-stroke: 1px #8fa1be; /* Couleur et épaisseur du contour */
  text-stroke: 1px #8fa1be;      /* Pour compatibilité */
  font-family: Arial, sans-serif;
}
/*.bloc .bloc-container > .bloc-img > a > img{transition: transform 1s ease;}*/
/*.bloc .bloc-container:hover > .bloc-img > a > img{ transform: rotate(5deg);}*/

.bloc .bloc-container:hover > .bloc-img > a > img {
  animation: rotateImg 6s linear infinite;
}
@keyframes rotateImg {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.bloc .bloc-container:hover > .bloc-content >h3 {
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  50% {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  } 

.bloc .bloc-container:hover{ cursor:pointer;}
.bloc .bloc-container:hover > .bloc-content h3 a{color:#9e81c1;}
.bloc .bloc-container > .bloc-content h3 a{color:#9e81c1;}
.blocs .bloc .bloc-content{ width:100%;}
.blocs .bloc .bloc-content a { color:#000; text-decoration: none; cursor:pointer;}
.blocs .bloc h3 {font-size:27px; text-align: center; margin-bottom: 20px;}

.blocs .swiper-slide-next, .blocs .swiper-slide-prev, .blocs .swiper-slide-duplicate{opacity: 0.5; }
.blocs .swiper-slide-active { border: 10px solid #F00; z-index:10; transform: scale(1.1); opacity: 1;}
.blocs .swiper-container{padding-top:30px; }

.row.vente{ background :#0578bb; padding:60px 30px 30px 30px; color:#FFF; margin-bottom: 20px;  margin-top:-30px;}
.row.vente h2{font-size:38px; font-family: Font; font-weight: bold; margin-top:0px;}
.row.vente h3{ font-size:29px; margin-bottom: 25px; font-family: Font; font-weight: bold;}
.row.vente p{ font-size:18px;font-family: Font; font-weight: bold;}
.row.vente p.link{ text-align:right;}
.row.vente p.link a{ color:#FFF;}

.row.station{ background :#b8b5af; padding:30px; color:#0578bb; margin-bottom: 20px; }
.row.station h2{ font-size:38px; font-family: Font; font-weight: bold; margin-top:0px;}
.row.station p{ font-size:18px; font-family: Font; font-weight: bold;}
.row.station p.link{ text-align:right;}
.row.station p.link a{ color:#0578bb;}

.row.confiance{ margin-top:20px; margin-bottom:20px;}
.row.confiance .gallery {
  display: flex;           /* active flexbox */
  flex-wrap: wrap;         /* permet le retour à la ligne si trop large */
  gap: 10px;               /* espace entre les images (optionnel) */
}

.row.confiance .gallery > .images {
  flex: 0 0 auto;          /* empêche de s’étirer */
  width: 15%;            /* largeur fixe (à adapter) */
  height: auto;            /* hauteur auto */
}
.row.confiance p.plus{ text-align: center;margin-top: 15px;}
.row.confiance p.plus a{color:#000; text-decoration: none; font-weight:bold; border-radius: 9999px; border: 1px solid #9e81c1;  padding: 1rem 1rem; }

.row.contact{position:relative; background: linear-gradient(199deg,rgba(255, 255, 255, 1) 0%, rgba(119, 87, 158, 1) 40%, rgba(119, 87, 158, 1) 60%, rgba(255, 255, 255, 1) 100%); min-height: 175px; margin-bottom:30px;}
.row.contact .col-xs-12.col-sm-12.col-md-12.col-lg-12{ padding-left:0px; padding-right:0px;}
.row.contact .contentcontact{ text-align: center;}
.row.contact .contentcontact p.link a{color:#FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px; text-decoration: none; }
.row.contact .contentcontact p.link a.tit{font-size:25px; }
.row.contact .contentcontact p.link a.phrase{}


.parts{  }
.parts .swiper-slide { }
.parts .swiper-container-parts{ position:relative; overflow:hidden;}
.parts .swiper-button-prev{ left:-25px; display:none;}
.parts .swiper-button-next{ right:-25px; display:none;}
.parts .swiper-wrapper { padding-right: 60px; width:95%; /*overflow:hidden;*/}	
.parts .part.col-xs-12.col-sm-2.col-md-2.col-lg-2{ }

.comp{ overflow: hidden;}
.comp a:hover img{ /*transform:scale(1.2); transition: all 0.45s ease-in-out 0s;  opacity:0.5;*/ }
.comp a img{ /*transition: all 0.45s ease-in-out 0s; transform:scale(1); opacity:1;*/}



.imgrelat{ position: relative; }
.imgrelat .titre-info{ position: absolute; top:20%; left:20px; font-size:30px; color:#FFF; text-transform:uppercase; text-align:justify; width:80%; text-shadow:2px 2px #333;}

.galerymini img{ float:left; margin-right:15px;  margin-bottom:10px; }
.galerymini a.linkgalmore{ bottom: 0; position: absolute;right: 5px;}

footer{ position:relative; color:#FFF; padding-top: 15px; padding-bottom: 15px;  padding-left: 20px; padding-right: 20px; font-family: Font;  background:#b8b5af; }
footer #links{ text-align:left; float:left; }
footer .copyright{ text-align:right;margin-bottom:0px; }
footer .arbofooter { }
footer a{ color:#FFF;font-family: Font; }
footer a:hover{text-decoration:none; color:#FFF; font-weight:bold;}

.row.footerbottom{background:#020202; padding-top:10px; padding-bottom:10px; color:#7f7e7d; text-align:center; font-style:italic;}
.row.footerbottom a{color:#7f7e7d; }
.row.footerbottom a:hover{ text-decoration:none; font-weight:bold; }

blockquote {
  /*background: #f9f9f9;
  border-left: 10px solid #ccc;*/
  border-left: none !important;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D";
  text-align: center;
}
blockquote:before {
  color: #ccc;
  content:"\201C";
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.15em;
  vertical-align: -0.3em;
}
blockquote:after {
  color: #ccc;
  content: "\201D";
  font-size: 4em;
  line-height: 0.1em;
  margin-left: 0.15em;
  vertical-align: -0.6em;
}
blockquote p {
  display: inline;
  font-style: italic;
  font-size: 15.5px !important;
}



@media (min-width: 768px) {
	#main-menu > li {
		float: none;
		display: table-cell;
		width: 1%;
		text-align: center;
	}
	#main-menu > li > ul > li{ text-align: left;}
}
@media (max-width:1920px){
	footer .rowfooter { }
	.blocs .bloc .bloc-content{ min-height:90px;}
}
@media (max-width:1600px){
	header .headerinfo .headerimgbosch{ margin-left: 7%; }
}
@media (max-width:1500px){
	header .headerinfo .headerimgbosch{margin-left: 2%;}
	header .headerinfo a.logo, header .headerinfo .headertxt, header .headerinfo .headerimgbosch{ margin-left: 3%; margin-right: 2%;}
	
}
@media (max-width: 1400px){
.blocs .bloc .bloc-content{ margin-left:0px; margin-right:0px; }
.blocs .bloc .bloc-content h3{ font-size:21px; font-weight:bold; }

footer .rowfooter {  }
	header .headerinfo .headerimgbosch{margin-left: 5%;}
	header .headerinfo a.logo, header .headerinfo .headertxt, header .headerinfo .headerimgbosch{ margin-left: 2%; margin-right: 2%;}
}
@media (max-width: 1236px){
	header{ min-height: 450px;}
}
@media (max-width: 1200px){
.encartpage{ height:200px; }
header .headerright nav{ position:absolute; top: 70px;}	
header {min-height:108px; }

.sm-mint a, .sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active {
  font-size: 18px !important;
}

.blocs .bloc .bloc-content{ min-height:115px; }
.blocs .col-sm-4 h3{ font-size:23px;}
}
@media (max-width: 1180px) {
section.content article.second h2{ font-size:27px;  }
.swiper-container .swiper-slide .descriptionslide{ font-size:16px; }

}
@media (max-width: 1155px) { 
	header .headerinfo a.logo{ margin-left:0px; margin-right:0px;}
	header .headerinfo a img{max-width: 80%;}
}

@media (max-width: 1100px) {
.sm-mint a, .sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active {
  font-size: 16px !important;
}
	header .headerinfo a.logo, header .headerinfo .headertxt, header .headerinfo .headerimgbosch{ margin-left: 0%;
margin-right: 2%;}
	header .headerinfo .headertxt h1{ font-size: 36px;}
	header .headerinfo h2{font-size: 25px;}
}

@media (max-width: 1032px) {
section.content article { margin-right: 6%; }
section.content article.last { float:left;}
section.content article.second{margin-bottom:30px; }
section.content article.second h2{ font-size:25px;  }
footer section article{ margin-right:7%; }
.descriptionslide { }
.descriptionslide .title{ font-size:34px; }
.descriptionslide .text{ font-size:14px; }
.imgrelat .titre-info{ top:10%; }

.encartpage{ height:200px; }
header h1 a{font-size:24px; }



}

@media (max-width: 990px) {
	.descriptionslide{ right:16%; }
	/*.swiper-pagination-bullets{left:10px !important; width:12% !important; }*/
	
	header #header-content{min-height: 300px;}
	.menutop a.logo img{max-width: 100% !important;} 
	
	header .headerright nav{ position: relative; top:0px; }
	header .headerleft h1 img{max-height:115px; }
	.logos{ display:none; }
	
	header .col-lg-9 h2{padding-top:0px;}
	.news a.newslink{ left:30%;}
	/*.containernews .info{  width: 40%; top: 180px;left: 30%;}*/

	.sm-mint a, .sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active, .sm-mint a.highlighted{padding: 10px 16px !important; }
	.sm-mint a, .sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active{ font-size:16px !important; }
	.sm-mint a span.sub-arrow{right:4px  !important; }
	
	.blocs .bloc .bloc-content{ min-height: 105px !important; }
	.blocs .col-sm-4 h3{ font-size: 17px !important; padding: 5px 1px !important;}
	
	header .headerinfo a.logo{max-width: 25%;}
	header .headerinfo a img{ max-width:65%;}
	header .headerinfo .headerimgbosch img{ max-width:65%;}
	.container{width:90%;}
	header .headerinfo a.logo, header .headerinfo .headertxt, header .headerinfo .headerimgbosch{ margin-left: 0%; margin-right: 0%;}
}

@media (max-width: 904px) {
	header{ height:inherit; position:relative;}
	header nav{   position: relative;  }
	
	header #header-content{min-height: 285px;}
	
	.sm-mint a, .sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active, .sm-mint a.highlighted{padding: 10px 14px !important; }
	.sm-mint a, .sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active{ font-size:15px !important; font-weight:normal !important; }
	.sm-mint a span.sub-arrow{right:4px  !important; }
}

@media (max-width: 768px) {
	header{ height:auto;}

	header #header-content{min-height: 230px;}
	section.content article { width: 44%; margin-bottom:5px; }
	blockquote {margin:0;}
	footer section article{width:100%; margin-bottom:25px;  }
	
	.row .comp{ max-width:568px;}
	.row .comp .info-contenu{max-width:568px; }
	.info-content{ margin-bottom:15px; }
	.col2{ padding:0; }
/*	.blocs .bloc .bloc-top{max-width:240px; }*/
	
	.blocs .bloc.bloc3, .blocs .bloc.bloc4, .blocs .bloc.bloc5{ margin-bottom:15px; }
	.descriptionslide{ right:8%; }
	
/*	.sm-mint a, .sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active{ font-weight:bold !important; }*/
	
	.blocs .bloc .bloc-content{ min-height:auto; }
	.blocs .bloc .bloc-content a.learnmore{ width:95%; position:relative; bottom:inherit; right:inherit;}
	
	.blocs .bloc.bloc0, .blocs .bloc.bloc1, .blocs .bloc.bloc2{ margin-bottom:20px; }
	
	.parts .swiper-container-parts{ position:relative; overflow:inherit;}	
	
	.headerinforesponsive{ display:block;  }
	.headerinfodesktop{display:none;}
	
	header .headerinfo.headerinforesponsive{ padding-top:0px; margin-bottom: 10px; }
	header .headerinfo .headertxt h1{font-size:30px;}
	header .headerinfo h2{font-size:18px; margin-top:0px;}
	header .headerinfo .headerimgbosch img{ max-width: 45%;}
	#header-content{padding-top:10px;}
	.row.contact .contentcontact{top: 10%;}
	
	.row.confiance .gallery > .images {width: 40%;}
}

@media (max-width: 688px) {
	header #header-content{min-height: 200px;}
	
	section.content article { width:100%; margin-bottom:25px; }
	section.content article.second h2{ font-size:29px;  }
	footer section article{width:100%; margin-bottom:25px;  }
	
	.descriptionslide .text{ display:none; }
	/*.descriptionslide { display:none;}*/
	.descriptionslide {
		position: absolute;
		left: 7%;
		bottom: 8%;
		color: #FFF;
		text-align: center;
		/*background: url(../../images/bg_bandeauslider.png) repeat top center;
		background: rgba(23, 70, 143, 0.8);*/
		min-height: 52px;
		padding: 5px;
	}
	.descriptionslide .title {
    font-size: 15px;
}
	
	.imgrelat .titre-info{ font-size:30px;}
	.swiper-pagination-bullets{ bottom:15px !important; width:100% !important;}
	
	section.content{ width:100% }
	.minigalerie.col-xs-12{ padding-left:8px; padding-right:0px; }
	.galerymini img{ margin-right:8px; }
	
	.col-xs-12.headerright{ padding:0;}
	.col-xs-12.headerright nav .container{ padding-right:0; padding-left:0; }
	
	header h1{ float:none; }

footer .copyright {text-align: center;}
	
	.blocs .bloc .bloc-content {
    min-height: 80px !important;
}

	header .headerinfo a.logo{max-width:22%;}
	header .headerinfo .headerimgbosch img{ max-width:30%;}
	.row.contact .contentcontact p.link{ margin-top:5%;}
	
}
@media (max-width: 640px) {
	header #header-content{min-height: 230px;}
	
	header .headerinfo.headerinforesponsive{text-align: center;}
	header .headerinfo a.logo{ max-width:100%;}
	header .headerinfo .headerimgbosch{display:none;}
	header .headerinfo .headertxt{ text-align: left;}
	#header-content .menu{background: rgba(5, 120, 187, 0.79);}
	
	.actualites .swiper-container .swiper-slide{padding-left:5px; padding-right:5px;}
}
@media (max-width: 600px) {
.news a.newslink{ left:25%;}
	/*.containernews .info{ width: 50%; left: 25%;}*/
	header #header-content{min-height: 200px;}
}

@media(max-width: 590px) {
	header .imageheader{display:none;}
	header .headerinfo a img{max-width:100%}
	header .headerinfo .headertxt{text-align:center; color:#000;}
	header #header-content{min-height: 165px;}
}
@media (max-width: 500px) {
.blocs .swiper-slide-active{ transform: scale(1);}
	.row.contact .contentcontact{ left: 8%;}
	.row.contact .contentcontact p.tel a{font-size:23px;}
	.row.contact .contentcontact p.link a{font-size: 15px; }
}
@media (max-width: 400px) {
	header #header-content{min-height: 115px;}
	
	.imgrelat .titre-info{ font-size:20px;}
	#navfooter { display: block !important;}
	
	.news a.newslink{ left:10%;}
	/*.containernews .info{ width: 80%; left: 10%; top: 170px;}*/
	
	.col-xs-12.col-sm-4.col-md-4.col-lg-4.bloc{ margin-top:10px;}
	
	.container{width:100%;}
	.col-xs-12.col-sm-12.col-md-12.col-lg-12.actualites{ padding-left:0px; padding-right:0px;}
	
	footer .rowfooter {}
	
	
}

#main{ position:relative; }

/* News */
section.content .infoscontainer .infos p.titre-info{ font-weight:bold;}
section.content .infoscontainer .infos .border-info{ border-bottom:#999 1px solid; text-align:center; width:50%; }

@media (min-width: 768px) {

}

span.time{ float:right; background:url(../../images/timer.png) no-repeat left center; padding-left:23px;}
span.closed{ float:right;}
ul.opening-hours-list{
padding-left:0;	
}
ul.opening-hours-list li {
	list-style:none;
	border-bottom-color:#dcdcdc;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 8px 0;
}
.horaires h2{ margin-top:0px; }