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

@font-face {    font-family: FontTITRE; src: url(../Exo-Regular.ttf);	}

*{ font-family:Font; margin:0 auto; }
body{ background-color:#fff /*ebeff2*/; }
.clear{ clear:both;}
.strong{ font-family:FontBold; }
h2{ font-size:32px; text-transform:uppercase; font-family: FontTITRE; text-align:center; }
h3{font-size: 24px;
font-family: FontLight;
text-transform: uppercase;
text-align: justify;
padding-left: 30px; color:#c11e5e;}

span.before{ background:url(../../images/before.png) no-repeat top left; width:30px; height:25px;float:left; margin-bottom:0px; display:inline-block;}
p.phrase{ color:#c11e5e;  font-size:20px; text-align:justify;}

.container{background:url(../../images/border.png) repeat-y top left;} 

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

header .row{ margin:0 !important;}
header{ background:#282828; text-align: left; color:#FFF; z-index:1030; text-align:center;}
header h1{}
header h1 a:hover{ text-decoration:none; }
header h2{ color:#17468f; font-family:FontLight; font-size:31px; padding-top: 50px; text-shadow: 2px 3px 2px rgba(150, 150, 150, 1);}

header .fanion img{ margin-right: 0; /*margin-top: 20px; margin-bottom: 10px;*/}

a.home{ background:url(../../images/home.png) no-repeat center center; text-indent:-9999px; }
a.home:hover{ background:#56565a url(../../images/home.png) no-repeat center center !important; text-indent:-9999px; }

nav{ width: 100%; background:#c11e5e; font-family:FontMenu; 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:10px;}
.swiper-button-prev, .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;*/ background:rgba(23, 70, 143, 0.8); 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;}

.descriptionslide.rose{ background:rgba(226, 0, 122, 0.8);}
.descriptionslide.bleuclair{background:rgba(9, 170, 230, 0.8);}
.descriptionslide.vert{background:rgba(6, 203, 38, 0.8);}
.descriptionslide.orange{background:rgba(255, 144, 0, 0.8);}
.descriptionslide.bleufonce{background:rgba(61, 141, 176, 0.8);}
.descriptionslide.vertfonce{background:rgba(3, 89, 18, 0.8);}
.descriptionslide.aubergine{background:rgba(89, 0, 48, 0.8);}
.descriptionslide.marron{background:rgba(153, 87, 0, 0.8);}
.descriptionslide.violet{background:rgba(144, 46, 255, 0.8);}
.descriptionslide.rouge{background:rgba(184, 0, 0, 0.8);}


.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;*/}
.col-lg-3, .col-lg-4{ }
.col-lg-9{ }
.news{ position:relative;}
.news img.imgfond-col1{ }
/*.news a.newslink{ position:absolute; top:200px; left:45px; padding: 15px;}*/

.containernews{ font-family:FontLight; }
.containernews .info { position:absolute; top:200px; left:45px; padding: 15px; background:#FFF; -moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px; width: 70%; margin:0 auto; box-shadow:2px 2px 10px gray inset; -moz-box-shadow:2px 2px 10px gray inset; -webkit-box-shadow:2px 2px 10px gray inset; text-decoration:none;}
.containernews .info p.title{ text-align:center; color:#ff5f0a; text-transform:uppercase;font-size: 20px; }
.containernews .info p.plus{ color:#ff5f0a; text-align:right;text-transform:uppercase;}
	
	
.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;}

.news .bloc-content{background:url(../../images/bg_real.jpg) center center /cover; min-height:100px; text-align:center;}
.news .bloc-content h3{ font-size:18px; font-family:FontLight; text-transform:uppercase; color:#FFF; padding-top: 20px;}
.bloc-content h3{ margin-top:0px; } 

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

.blocs .col-sm-4 h3{ text-align:center; text-transform:uppercase; padding:20px 15px; font-size:25px;}
.blocs .bloc.bloc0, .blocs .bloc.bloc1, .blocs .bloc.bloc2{ margin-bottom:0px; }
.blocs .bloc .bloc-top{ position:relative; margin-bottom: 10px;}
.blocs .bloc .bloc-content{ /*position:absolute; bottom:0px;*/ width:100%; padding:10px; text-align:justify;}
.blocs .bloc .bloc-content h3{ font-size:33px; font-family:FontLight; text-transform:uppercase; color:#FFF; text-shadow: 2px 3px 2px rgba(150, 150, 150, 1); line-height:100px;}

/*.blocs .bloc.bloc0 .bloc-top{background:#09aae6;}
.blocs .bloc.bloc1 .bloc-top{background:#06cb26;}
.blocs .bloc.bloc2 .bloc-top{background:#ff9000;}

.blocs .bloc.bloc0 .bloc-content{border:3px solid #09aae6;}
.blocs .bloc.bloc1 .bloc-content{border:3px solid #06cb26;}
.blocs .bloc.bloc2 .bloc-content{border:3px solid #ff9000;}*/

.blocs .bloc .bloc-top h3{ font-size:27px; font-family:FontLight; text-transform:uppercase; text-align:justify; padding-left:30px; }
.blocs .bloc.rose .bloc-top h3 a{ color:#c11e5e; }
.blocs .bloc.bleuclair .bloc-top{background:#09aae6; }
.blocs .bloc.vert .bloc-top{background:#06cb26; }
.blocs .bloc.orange .bloc-top{background:#ff9000; }
.blocs .bloc.bleufonce .bloc-top{background:#17468e; }
.blocs .bloc.vertfonce .bloc-top{background:#035912; }
.blocs .bloc.aubergine .bloc-top{background:#590030; }
.blocs .bloc.marron .bloc-top{background:#995700; }
.blocs .bloc.violet .bloc-top{background:#902eff; }
.blocs .bloc.rouge .bloc-top{background:#b80000; }

.blocs .bloc .bloc-content{ min-height:345px; }

.blocs .bloc.rose .bloc-content{ border:3px solid #c11e5e; }
.blocs .bloc.bleuclair .bloc-content{border:3px solid #09aae6; }
.blocs .bloc.vert .bloc-content{border:3px solid #06cb26; }
.blocs .bloc.orange .bloc-content{border:3px solid #ff9000; }
.blocs .bloc.bleufonce .bloc-content{border:3px solid #17468e; }
.blocs .bloc.vertfonce .bloc-content{border:3px solid #035912; }
.blocs .bloc.aubergine .bloc-content{border:3px solid #590030; }
.blocs .bloc.marron .bloc-content{border:3px solid #995700; }
.blocs .bloc.violet .bloc-content{border:3px solid #902eff; }
.blocs .bloc.rouge .bloc-content{border:3px solid #b80000; }


.blocs .bloc .bloc-content a.learnmore{ display: block; line-height: 49px;width: 50%;margin-right: 0;padding-left: 10px;color: #FFF;text-transform: uppercase; margin-top: 10px; position: absolute;

bottom: 15px;

right: 40px;}
.blocs .bloc.rose .bloc-content a.learnmore{ background:#c11e5e url(../../images/learnmore.jpg) no-repeat right top; }
.blocs .bloc.bleuclair .bloc-content a.learnmore{background:#09aae6 url(../../images/learnmore.jpg) no-repeat right top; }
.blocs .bloc.vert .bloc-content a.learnmore{background:#06cb26 url(../../images/learnmore.jpg) no-repeat right top; }
.blocs .bloc.orange .bloc-content a.learnmore{background:#ff9000 url(../../images/learnmore.jpg) no-repeat right top; }
.blocs .bloc.bleufonce .bloc-content a.learnmore{background:#17468e url(../../images/learnmore.jpg) no-repeat right top; }
.blocs .bloc.vertfonce .bloc-content a.learnmore{background:#035912 url(../../images/learnmore.jpg) no-repeat right top; }
.blocs .bloc.aubergine .bloc-content a.learnmore{background:#590030 url(../../images/learnmore.jpg) no-repeat right top; }
.blocs .bloc.marron .bloc-content a.learnmore{background:#995700 url(../../images/learnmore.jpg) no-repeat right top; }
.blocs .bloc.violet .bloc-content a.learnmore{background:#902eff url(../../images/learnmore.jpg) no-repeat right top; }
.blocs .bloc.rouge .bloc-content a.learnmore{background:#b80000 url(../../images/learnmore.jpg) no-repeat right top; }


/*.blocs .bloc.bloc0 .bloc-content a.learnmore{background:#09aae6 url(../../images/learnmore.jpg) no-repeat right top;}
.blocs .bloc.bloc1 .bloc-content a.learnmore{background:#06cb26 url(../../images/learnmore.jpg) no-repeat right top;}
.blocs .bloc.bloc2 .bloc-content a.learnmore{background:#ff9000 url(../../images/learnmore.jpg) no-repeat right top;}*/

.bloc h3{ color:#FFF;}
.bloc a.learnmore:hover img{ /*transform:scale(1.1); 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;*/}
.bloc a.learnmore, .bloc a.learnmore:hover { text-decoration:none !important;}

.videos { text-align:center; }
.videos .bloc-content p{  font-size:18px; margin-bottom:20px; }
.videos a.chaine{font-family:FontBold; color:#c11e5e;  padding:10px; display:block; margin-top:25px; margin-bottom:35px; text-transform:uppercase; font-size:18px; }
.videos a.chaine span:hover{background:#c11e5e; color:#FFF; }
.videos a.chaine span{ border:1px solid #c11e5e; padding:8px 20px 8px 20px;}
.videos .video_youtube{ position: relative;  margin:0 auto;}
.videos .video_youtube iframe {
    width: 100%;
    height: auto;
    min-height: 315px;
}

.slogan{ background: #c11e5e;color: #FFF;font-size: 25px;text-transform: uppercase;text-align: center;width:75%;line-height: 48px;margin-top: 20px;margin-bottom: 20px; }
.compteurvaleur{ text-align:center; margin:0 auto; }
.compteurvaleur .compteur{ margin:0 auto; background:url(../../images/case-compteur.jpg) no-repeat center center; height:50px; width:35px; color:#FFF; font-size:35px; display:inline-block; line-height: 50px; font-weight:bold;}

.partenaires{ margin-bottom:20px; }
.partenaires .parts-top{ font-family:FontGillBold; color:#4e4f4f; text-transform:uppercase; font-size:18px; position:relative;}
.partenaires .parts-top span{ background:#FFF; margin:5px; }

.partenaires .parts-top h4 {
	padding: 0;
	margin: 0 0 1em 0;
	border-bottom: 2px solid #17468f; /* le filet */
	color: #4e4f4f;
}
.partenaires .parts-top h4 span {
	padding: 0 15px; margin-left:50px;
	position: relative; /* on sort du flux */
	top: 0.5em; /* position par rapport au h1 */
}
.parts{ border-left:2px solid #17468f; border-right:2px solid #17468f; border-bottom:2px solid #17468f; padding-top: 25px;margin-top: -18px; padding-bottom: 25px; overflow: hidden;}
.parts .swiper-slide {
      text-align: center; font-size: 18px; background: #fff;  /* Center slide text vertically */ display: -webkit-box;
      display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center;     -webkit-align-items: center; align-items: center;
    }
	.parts .swiper-container-parts{ position:relative;}
.parts .swiper-button-prev{ left:5px; }
.parts .swiper-button-next{ right:5px; }
.parts .swiper-wrapper { padding-right: 60px; width:95%;}	
.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;*/}

.col-xs-12.col-sm-4.col-md-4.col-lg-4.bloc{  }

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

.row.footer{ background:#c11e5e;}
footer{ background:#c11e5e; color:#FFF; position:relative; padding-top: 15px;padding-bottom: 15px;  min-height: 50px; padding-left: 20px;padding-right: 20px; text-align:center;}

.copyright{ text-align:center;}
footer a{ color:#FFF; }
footer a:hover{text-decoration:none; color:#FFF; 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;
}

header img.neuf{ margin-top: 25px; }

@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: 1312px){
.blocs .bloc .bloc-content{ min-height:382px; }
}
@media (max-width: 1236px){
}
@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:440px; }
.blocs .col-sm-4 h3{ font-size:23px;}
}
@media (max-width: 1196px) {
	.containernews .info{ position: absolute; top: 124px;left: 8px; width: 90%;}
	.blocs .bloc .bloc-content a.learnmore{ width:70%;}
}
@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;}*/
.containernews .info{ position: absolute; top: 124px;left: 8px; width: 90%;}
}

@media (max-width: 1100px) {
.sm-mint a, .sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active {
  font-size: 16px !important;
}
}

@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 .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:550px; }
	.blocs .col-sm-4 h3{ font-size: 19px; }

}

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

@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;}*/
	.descriptionslide {
		position: absolute;
		left: 7%;
		bottom: 4%;
		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; }
header h2 {
    padding-top: 0px;
	margin-bottom:20px;text-align: center;
}

footer .copyright {text-align: center;}
	
.videos a.chaine span {
    border: 1px solid #c11e5e;
    padding: 8px 20px 8px 20px;
    height: 70px;
    display: block;
}
}
@media (max-width: 600px) {
.news a.newslink{ left:25%;}
	.containernews .info{ width: 50%; left: 25%;}
}
@media (max-width: 400px) {
	
	.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;}
}

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