/* 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-family:Font; margin:0 auto; }
.clear{ clear:both;}
.strong{ font-family:FontBold; }

a#menu-button {text-decoration:none; color: #25940f !important; }
a#menu-button:hover{text-decoration:none; color:#5c3d84 !important;}

span.title{ color:#313131; font-size:21px; text-transform:uppercase; }


header{ background:#646567; text-align: center; color:#FFF; position: relative; height:140px; padding-top:15px;}
header h1{ font-family:FontLight; font-size:24px;  padding-bottom:15px; margin-top:0px; text-align:left; margin-left:20px; margin-top:20px;}
header h1 a{ color:#FFF; text-transform:uppercase; font-size:30px; }
header h1 a:hover{ text-decoration:none; color:#FFF; }
header .linken{ position:absolute; right:2%; top:20%;}
header .linken a{ color:#FFF; text-transform:uppercase; text-decoration:none;}
header nav{  bottom: 0; position: absolute; width: 100%; }

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:50px; }
.swiper-button-prev, .swiper-button-next{ display:none; }

.descriptionslide{ position: absolute; right:3%; bottom:20px; color:#FFF; text-align:justify; background:url(../../images/bg_bandeauslider.png) repeat top center; min-height:93px;}
.descriptionslide .title{  font-size: 40px; font-weight: bold; line-height: 93px; padding-left: 12%;}
.descriptionslide .text{  }
.descriptionslide a.learnmore{ color:#FFF; text-transform:uppercase; display:block; margin-top:10px;}

.encartpage{ margin-bottom:15px;  }
.encartpage .content{ background:#25940f; padding-left:0px !important; color:#FFF;}
.encartpage img{ float:left; }
.encartpage .content .title{ display:block; padding-top:20px;color:#FFF; }
.encartpage .content .more{  text-transform:uppercase; position:absolute; bottom:10px; }
.encartpage .content a{color:#FFF;display:block; width:100%; height:100%; }
.encartpage .content .caption{ background: #25940f none repeat scroll 0 0; bottom: 0; left: 205px;padding: 0px 5px 0 5px; position: absolute; right: 0; top: 0; transition: all 0.4s ease 0s; }
.encartpage .content .caption:hover { transition: all 0.6s ease 0s; left:15px; padding: 0px 15px 0 15px;}

.encartpage .content .caption:hover a{text-decoration:none; }

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

ul.minimenu{ list-style-image:url(../../images/liststyle.png); padding-left:24px; margin-top:10px; }
ul.minimenu li{font-size: 16px; line-height: 25px; text-transform: uppercase; }
ul.minimenu a{color:#a21212;  }

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

footer{ background:#646567; color:#FFF; position:relative; padding-top:15px; width:100%;}
footer section{ width:90%;}
footer .copyright{ text-align:center; padding-top:15px; padding-bottom:15px;margin-bottom:0px; }
footer a{ color:#FFF; }
footer a:hover{text-decoration:none; color:#25940f;}
footer section .first a{ color: #fff; font-size: 24px; text-transform: uppercase; }
footer section .second { color: #fff; font-size: 24px; text-transform: uppercase; }
footer section .last{ text-align:right; font-size:20px; }
footer section .last img{ float:left; margin-left:40px; }
footer section .first a:hover, footer section .second a:hover, footer section .last a:hover{ text-decoration:none; color: #fff; }

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: 1200px){
.encartpage{ height:200px; }	
}

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

@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:0%; }
	.swiper-pagination-bullets{left:10px !important; width:12% !important; }
}

@media (max-width: 904px) {
	header{ height:inherit;}
	header nav{   position: relative;  }
}
@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;  }
	
	.infos{  margin-bottom:20px;}
	
}

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

@media (max-width: 400px) {
	.imgrelat .titre-info{ font-size:20px;}
}

#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: right;
}
#main-menu {
	display: inline-block;
}
}