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

*{ font-family:Font; margin:0 auto; }
body{ background-color:#fff /*ebeff2*/; }
.clear{ clear:both;}
.strong{ font-family:FontBold; }
h2{ font-size:26px; text-transform:uppercase; }
h3{font-size:20px; }

a#menu-button {display:none;text-decoration:none; color: #FFF !important; }
a#menu-button:hover{text-decoration:none; color:#FFF !important;}

/*span.title{ color:#313131; font-size:21px; text-transform:uppercase; }*/
header .row{ margin:0 !important;}
header{ background:#1e145a; text-align: left; color:#FFF; position: fixed; top0; left:0; right:0; z-index:1030;/* min-height:207px;*/ }
header h1 a:hover{ text-decoration:none; }
header .headerleft{background:#FFF;}
header .headerright{ position:relative;}
header .headerright nav{ position:absolute; top: 90px;}


nav{ /*margin-top:15px; margin-bottom:15px;*/  width: 100%; /*background:#55565a/*#ffce00*/; font-family:FontLight; text-transform:uppercase; }
.sm ul li ul, .sm ul li ul li, .sm ul li ul li a{ text-align:left !important; }

.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;}

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

.descriptionslide{ position: absolute; right:29%; bottom:45px; color:#FFF; text-align:center;/* background:url(../../images/bg_bandeauslider.png) repeat top center;*/ background:rgba(157, 160, 164, 0.5); min-height:93px; padding:5px;}
.descriptionslide .slideinterne{ padding:10px; border:#FFF 1px solid; }
.descriptionslide .title{  font-size: 36px; font-weight: bold; }
.descriptionslide .text{  }
.descriptionslide a.learnmore{ color:#FFF; text-transform:uppercase; display:block; margin-top:10px;}

.slogan h3{ color:#1e145a; text-align:center; font-family:FontBold; text-transform:uppercase; line-height: 28px;}
.slogan h3 span.batir{ font-size:23px; font-family:FontBold;}
.comp h2{color:#1e145a; margin-bottom:40px;  text-align:center;font-family:FontBold; text-transform:uppercase;}

.cols{ margin-bottom:15px;}
.col1, .col2{ border:1px solid #1e145a; margin-top:20px;}
.col2{ /*padding-left:10px; padding-right:10px;*/}
.b-header h3{ color:#FFF; background:#1e145a; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 20px;  margin-top:0px;}

.b-content{ padding:20px; }
.b-content .phrase{ display: block; text-align:justify; margin-bottom: 9px;}
.b-content .phrase .one{ color:#b41a83; font-size:20px;}
.b-content .phrase .two{color:#00a9e4; font-size:20px;}
.b-content .phrase .three{color:#006579; font-size:20px;}
.b-content .phrase .four{color:#dfbe04; font-size:20px;}
.b-content .phrase .five{color:#cf102d; font-size:20px;}
.b-content .phrase.last{  margin-bottom: 12px;}

.blocs .col-sm-4 h3{ text-align:center;}
.blocs .bloc.bloc0, .blocs .bloc.bloc1, .blocs .bloc.bloc2{ margin-bottom:15px; }
.blocs .bloc .bloc-top{ position:relative; overflow: hidden;}
.blocs .bloc .bloc-content{ position:absolute; bottom:0px; width:100%;}
.blocs .bloc .bloc-content h3{ font-size:13px; text-transform:uppercase; color:#FFF; margin-top:10px;}
.blocs .bloc.bloc0 .bloc-content{background:#b41a83;}
.blocs .bloc.bloc1 .bloc-content{background:#fc9c03;}
.blocs .bloc.bloc2 .bloc-content{background:#39b6b8;}
.blocs .bloc.bloc3 .bloc-content{background:#cf102d;}
.blocs .bloc.bloc4 .bloc-content{background:#009fe0;}
.blocs .bloc.bloc5 .bloc-content{background:#8b7603;}

.bloc a.learnmore:hover img{ transform:scale(1.2); transition: all 0.45s ease-in-out 0s;  opacity:0.5; }
.bloc a.learnmore img{ transition: all 0.45s ease-in-out 0s; transform:scale(1); opacity:1;}

.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;}

.col-xs-12.col-sm-4.col-md-4.col-lg-4.bloc{ padding-right:5px; padding-left:5px; }

.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{ background:#1e145a; color:#FFF; position:relative; padding-top: 15px;padding-bottom: 15px; width:100%; margin-bottom:30px;}
footer .container{padding-right:30px;padding-left: 30px; }
footer #links{ text-align:left; float:left; }
footer .copyright{ text-align:right;margin-bottom:0px; }
footer a{ color:#FFF; }
footer a:hover{text-decoration:none; color:#56565a;}


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 (max-width: 1236px){
	.swipergallery{ padding-top:125px; }
}
@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;
}
}

@media (max-width: 1180px) {
section.content article.second h2{ font-size:27px;  }
.swiper-container .swiper-slide .descriptionslide{ font-size:16px; }

/*.encartpage .content .caption{ left:160px;}*/
.swipergallery{ padding-top:120px; }
}

@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; }

.swipergallery{ padding-top:110px; }
}

@media (max-width: 990px) {
	.descriptionslide{ right:16%; }
	/*.swiper-pagination-bullets{left:10px !important; width:12% !important; }*/
	
	header .headerright nav{ position: relative; top:0px; }
	header .headerleft h1 img{max-height:115px; }
	.logos{ display:none; }
}

@media (max-width: 904px) {
	header{ height:inherit; position:relative;}
	header nav{   position: relative;  }
	.swipergallery{ padding-top:0px; }
}
@media (max-width: 768px) {
	header{ height:inherit;}
	header nav{   position: relative;  }
	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%; }
}

@media (max-width: 688px) {
	
	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;}
	.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; }
}

@media (max-width: 400px) {
	
	.imgrelat .titre-info{ font-size:20px;}
	#navfooter { display: block !important;}
}

#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) {
nav {
	line-height: 0;
	/*text-align: center;*/
}
#main-menu {
	display: inline-block;
}
}

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; }