/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #EE3F3E; color: #fff; text-shadow: none; }
::selection { background: #EE3F3E; color: #fff; text-shadow: none; }

a { color: #00e; }
a:hover { color: #43b9aa; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== font import @font-face ===================================================== */


/* Styles de bases */

.clickable, .clickable-modal {cursor: pointer;}

.heure { display: block; font-weight: normal; color: #00a69c ;}

.row {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
    flex-wrap: wrap;
}

.services-box {height:100%;}
.col-lg-4 {margin-bottom: 20px;}
@media (min-width: 992px) {
	.col-lg-4 {width: 33%;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.col-sm-4 {width: 33%;}
	.col-sm-6 {width: 49.8%;}
}

@media (min-width: 768px) {
	footer .col-sm-6 {width: 49.8%;}
}

@media (min-width: 1200px){
	footer .col-lg-6 {width: 49.8%;}
}


#hello-intro h3 {line-height: 0.8em;}



/* ==|== primary styles =====================================================
   Author: 
   ========================================================================== */
     
/*Général*/
.events-container{width:100%;}
.timeline-body img {max-width:100%; height: auto !important; margin-bottom: 8px;}
.lead{font-size:20px; margin-bottom:40px;}
p{font-size:16px;}

p img[style*="float:left"]{margin-right:15px!important;}
p img[style*="float:right"]{margin-left:15px!important;}
p img:not([style*="float"]) {margin: 0 auto; display: block;}
.content-image {background-color: #e6e6e6; width: 100vw; position:relative; left:-50vw; margin-left:50%; border-top: 1px solid #d2d1d1; border-bottom: 1px solid #d2d1d1; margin-top: 30px; margin-bottom: 30px; column-span: all}
.content-image img {width: 100%!important; height: auto!important;}

.text-intro .content-image {width: 100%; margin:0; position:static;}
#nouvelle .text-intro .content-image img {max-width: 100%; height:auto !important;}

a {color: #00a69c ;}

#promo {position: absolute; top:-50px; width: 100%; background-color: #00a69c ; padding: 6px; text-align: center; font-weight: bold; font-size: 16px;   letter-spacing: 2px; text-transform: uppercase; -webkit-transition: top 500ms; /* Safari */ transition: top 500ms;}
#promo.open {top: 0px;}
#promo .close { position: absolute; top: 17px; right: 20px; font-weight: normal; font-size: 18px; opacity: 0.5;}
#promo .close:hover {opacity:1;}
#promo input {border:none; margin-left: 10px;  padding: 8px; font-weight:normal; font-size: 16px; -webkit-border-radius: 18px; 
-moz-border-radius: 18px;
border-radius: 18px;}
#promo input[type=submit]



header .navbar-default, .navbar-default, .jumbotron.jumbotron-main {border-bottom: 5px solid #00a69c !important;}

.credits {position: absolute; bottom: 10px; left: 10px; font-size: 10px; background-color: rgba(0,0,0,0.4); padding: 3px 6px;}
.cycle-slideshow div.credits {height: auto!important;}

.deux_colonnes {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    
    -webkit-column-gap: 60px; /* Chrome, Safari, Opera */
    -moz-column-gap: 60px; /* Firefox */
    column-gap: 60px;
}

#hello-intro .deux_colonnes {color: #000; font-family: sans-serif;}

.deux_colonnes hr {page-break-after: always; -webkit-column-break-after:always;  break-after: always; opacity:0;}


/*Menu*/

.navbar-brand {
    height: auto;
    padding: 18px 15px 0 15px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{width:100%;}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {position:absolute; width: 200px; margin-left: 20px;}

.navbar-nav {width: 100%; padding-left:260px; padding-right: 15px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	justify-content:space-between;
}
.navbar-nav>li {width: auto; text-align: center;
/*
	-webkit-box-flex: 1200px;
  -moz-box-flex:  1200px;
  -webkit-flex:  1200px;
  -ms-flex:  1200px;
  flex:  1200px;
*/
}
.navbar-default .navbar-nav > li > a{ max-width:520px; text-align:center; line-height:1.5; height: 75px; display: table-cell; vertical-align: middle;/*  width: 1200px; */}

.meta-zone {/* border-bottom: 1px solid #ccc; */ display:block; width: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,eeeeee+100&0+0,0.8+50 */
	background: -moz-linear-gradient(left,  rgba(238,238,238,0) 0%, rgba(238,238,238,0.8) 50%, rgba(238,238,238,0.8) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(238,238,238,0) 0%,rgba(238,238,238,0.8) 50%,rgba(238,238,238,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(238,238,238,0) 0%,rgba(238,238,238,0.8) 50%,rgba(238,238,238,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eeeeee', endColorstr='#cceeeeee',GradientType=1 ); /* IE6-9 */

}
.meta-zone .navbar-meta {float:right;}
.meta-zone .navbar-meta li {float:left;}
.meta-zone .navbar-meta li a {display:inline-block; color: #666; font-size: 11px;}
.meta-zone .navbar-meta li a:hover {color: #fff;}

@media (min-width: 768px) and (max-width: 1040px) {
	.navbar-nav {padding-left: 160px;}
	.navbar-default .navbar-nav > li > a  {font-size: 11px; line-height: 1.3em; padding-left: 5px; padding-right: 5px;}
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {/* top: 120px; */ top:10px;width: 160px;}
	
	#our-process .process-intro div{ display: block; clear: both; height: 70px; text-align: center;}
	#our-process .process-intro div .process-icons {height: 70px; width: auto; display: inline-block; float: none; margin: 0;}
}


/*Footer*/
footer hr{display:block; margin:12px auto; width:20px;}

footer table {margin-top: 5px; margin-bottom: 20px;}
footer table td, footer table th {border-right: 1px solid #ccc; padding: 0 6px; width: 33%;}
footer table th {padding-bottom: 4px;}
footer table td:last-of-type, footer table th:last-of-type {border-right: none;}

/*Accueil - Slider*/
.jumbotron.jumbotron-main{/* height:575px; */ height: 0; padding-bottom: 40%;  overflow:hidden; position:relative; z-index:1000; background-color:transparent;}
.jumbotron .contenu-slider{z-index:1000; position:relative;}
.jumbotron .main-img{width:100%; height:100%; background-size:cover; background-position:center center;}
.cycle-slideshow{position: relative; top: 0; left: 0; z-index: 0; height: 100%;}
.cycle-slideshow div.cycle-slide{width: 100%;}
.cycle-slideshow div{height:100%; background-size:cover; /* width: 100%; */}
.cycle-slideshow div img{/* height:100%; */}

.cycle-slideshow .slogan {height: auto; top: 50%; position: absolute; margin-top: -64px;}

.pager {position: absolute; z-index: 1000; bottom: 0; width: 100%; font-size: 40px; margin: 0;}
.pager span {cursor:pointer;}
.pager .cycle-pager-active {color: #00a69c;}

.home-slider {position:absolute; width: 100%;}



.media-sociaux{position: absolute; right: 0px; background-color: #00a69c ; z-index: 9999; bottom: 50%; margin-bottom: -60px;}
.media-sociaux ul{list-style-type: none; padding:13px; margin:0;}
.media-sociaux ul li{padding-bottom:10px;}
.media-sociaux ul li:last-of-type{padding-bottom:0px;}
.media-sociaux a i{font-size:25px;}
.media-sociaux a:hover{color: lightgray;}

.container-btn{width:100%; text-align:center; margin-bottom:25px;}

#hello-intro h2{text-align:center; display:block;}

/*Accueil - 3 colonnes sous le slider*/
#our-process{border-bottom: 1px solid #f0f0f0;}
#our-process .process-icons{float: right; margin-right: 30px;}
#our-process img.process-icons{height:70px; width:auto;}
#our-process .process-content{display:block;}
#our-process .process-box{min-height:260px;}
#our-process .plus{position:absolute; right:0; bottom:5px;}
#our-process .plus a{padding:7px 10px; background-color: #00a69c ; border-color: #00a69c ; color:#fff;}

/*Accueil - Intro*/
#hello-intro{width:80%; display:block; margin:0 auto;}
#hello-intro h3.rightReveal{margin:0 0 0 30px;}

/*Accueil - Nouvelles*/
.thumbnail{border:0;}
.timeline > li .timeline-panel{padding: 0 35px 20px 5px;}
.timeline > li.timeline-inverted > .timeline-panel{padding: 0 5px 20px 35px;}

/*Nouvelles*/
#nouvelles .item-nouvelle{margin-bottom:60px!important;}
#nouvelles .item-nouvelle img{max-width:50%; float:left; margin:23px 15px 12px 0;}
#nouvelles .item-nouvelle .date{margin-bottom:10px; font-size:1.2em;}

/*Commerces*/
#boxes .commerce{width:100%; margin-bottom:15px;}
#boxes .modal-header{background-position: center center; background-color:rgba(0, 0, 0, 0.45);}
#boxes .modal-body img{margin-bottom:25px;}
#boxes .filtre{/* background-color:rgba(0, 0, 0, 0.45); */ position:absolute; margin-top:0; z-index:900; width:100%; height:123px; margin:-40px 0 0 -40px;}
#boxes h4{z-index:999; position:relative; margin:0;}

.service-name {
	margin-top:0;
	min-height: 52px;
}


.middle {
	height: 165px;
    width: 1500px;
    display: table-cell;
    vertical-align: middle;
}


/* Locaux 
-------------------------------------------------------------- */

.img-top-content{}

.section-flex {
	display:flex;
}

.section-flex.border {border-bottom: 1px dotted #ccc;}
.section-flex.border:last-of-type {border-bottom: none;}

.section-flex.border > div {border-right: 1px dotted #ccc;}
.section-flex.border > div:last-of-type {border-right: none;}
.section-flex > div {
	-webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */ 
    flex: 1;
    padding: 10px;
}


.section-flex .grandeur {font-size: 22px; font-weight: bold; padding-top: 10px;}
.section-flex .prix {font-size: 22px; font-weight: bold; padding-top: 10px; text-align:center;}
.section-flex .tel {font-size: 14px; font-weight: bold; padding-top: 18px; text-align:center;}
.section-flex .www {font-size: 14px; font-weight: bold; padding:0; text-align:center; }
.section-flex .www a {display: block; padding: 18px 0; color: #000;}
.section-flex .www a:hover {background-color: #fff; text-decoration:none;}

.section-title h2{max-width:710px; display:block; margin:0 auto; line-height:1.2em;}

/*Contact footer*/
#contact p{font-size:12px;}

nav.meta {
	position: absolute;
	top: 0;
	right: 35px;
}

nav.meta a {
	display: block;
	padding: 7px;
	background: #444;
	color: white;
	text-decoration: none;
	margin-right: 3px;
	float: left;
}

ul.sousmenu {
	padding: 0 0 10px 10px;
}

ul.soussousmenu {
	padding: 0 0 7px 7px;
}

.gauche {
		width: 15%;
}

.droite {
	width: 85%;
}

#install label {
	display: block;
	float: left;
	width: 130px;
	text-align: right;
	font-weight: bold;
	clear: both;
	margin: 6px;
}

#install input {
	float: left;
	margin-top: 3px;
	width: 170px;
}

#install input[type=submit] {
	clear: both;
    height: 40px;
    margin: 28px;
    width: 290px;
}



.slider {}
.slider .slide {width: 100%;}
.slider .slide img {width: 100%;}

.section-padding{padding-top: 30px; overflow:hidden;}
.section-padding-top{padding-top: 30px;}


.partenaires {background-color: #fff; padding: 20px; border-bottom: 4px solid #00a69c; text-align: center;}
.partenaires h2 {text-transform: uppercase;}
.partenaires ul {display: flex; justify-content: center; align-items: center; padding:0; margin:0;}
.partenaires ul li {list-style: none; float:left; padding: 20px;}
.partenaires ul li a {}
.partenaires ul li a img {width: auto; max-height: 100px;}
@media only screen and (max-width: 480px) {
    .partenaires ul {flex-direction: column;}
}


#flashMessage {position: fixed; z-index: 1010; background-color: #00a69c ; width: 100%; padding: 14px; color: #fff; text-align: center;}
#flashMessage h3 {color:#fff; margin:0; font-weight: bold; text-transform: uppercase;}




/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== media queries ====================================================== */

@media only screen and (min-width: 480px) {
	img{width:100%;}
	.navbar-header{width:100%;}
	.jumbotron.jumbotron-main{/* height:78%; */}
	.accueil .jumbotron.jumbotron-main{/* height:78%; */}
/*	.cycle-slideshow div{background-size:cover; }
	.cycle-slideshow img{height:100%;}*/
}

@media only screen and (min-width: 768px) {
	.jumbotron h2 {
	    font-size: 63px;
	    text-transform: uppercase;
	    font-weight: 400;
	    color:#fff;
	    text-shadow: 3px 2px 10px #000;
	    
    }
    
    .slogan {opacity:0;
	    webkit-transition: opacity 500ms; /* Safari */ transition: opacity 500ms;}

	img{width:100%;}
	
	
   
}
@media only screen and (max-width: 767px){
	
	.container img {max-width: 100%;}
	/*Menu*/
	.navbar-header{width:100%;}	
	.navbar-default .navbar-nav{max-width:100%; display:block; padding:0; margin:0;}
	.navbar-default .navbar-nav > li {max-width:100%;}
	.navbar-default .navbar-nav > li > a{height: 36px; line-height: 1; display: block; text-align:center; max-width:none; width:100%;}
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {width: 144px;}
	.navbar>.container .navbar-brand img, .navbar>.container-fluid .navbar-brand img {width: 100%;}
	
	.meta-zone .navbar-meta {width: 100%; float:none; text-align:center;}
	.meta-zone .navbar-meta li {float:none;}
	/*.jumbotron{display:none;}*/
	.jumbotron.jumbotron-main{/* height:50%; */}
	.cycle-slideshow div{background-size:cover; background-postition:center center;}
	.cycle-slideshow img{height:100%; /*background-position: center center;*/ width:100%;}
	
	.media-sociaux{bottom:0;}
	.media-sociaux ul{padding:0;}
	.media-sociaux ul li{display:inline-block; padding:10px!important;}
	.media-sociaux ul li:first-of-type{padding:0;}
	.modia-sociaux ul li a{padding:5px;}
	
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{max-height:none;}
	.navbar-collapse{padding:0;}
	
	/*icones en accueil*/
	#our-process .process-icons{width:100%; float:none; margin:0;}
	/*timeline en accueil*/
	.timeline > li{margin-bottom:75px;}
	.timeline > li .timeline-image{width:50%; height:auto; display:block; margin:0 25% 25px 25%; position:relative;}
	.timeline > li .rightReveal, .timeline > li.timeline-inverted .leftReveal{padding:0;}
	.timeline:before{display:none;}
	
	/*Contenu*/
	p img{width:100%!important; margin:0!important; margin-bottom:15px!important; height: auto!important;}
	
	/*Commerce et service*/
	.services-box{margin-bottom:0px;}
	#boxes .modal-body img{width:100%;}
	
	form .row .col-sm-6{width:100%;}
	form .row .col-sm-12{width:100%;}
	
	/*Locaux disponibles*/
	.col-xs-6{width:100%;}
	.section-flex{display:block;}
	.section-flex > div{width:100%;}
	.section-flex .prix, .section-flex .tel, .section-flex .www{text-align:left;}
	.section-flex .www a{padding-left:10px;}
	.section-flex.border > div {border:none;}
	
	.col-lg-4 {margin-bottom: 15px;}
	
	.modal-header .close { margin-right: -30px;  margin-top: -44px;     z-index: 1000;
    position: relative;}
    
        #promo {display:none;}
    body {padding-top: 75px;}
    .jumbotron h2 {color: #fff!important;}
    .jumbotron .col-sm-12 {width: 100%;}
    
    .deux_colonnes {-webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;}
}


/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}





/*--------------Home events-----------------*/


.home-list-events{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding-left: 0;
}

.home-list-events li{
	flex: 0 0 calc(33% - 100px);
	list-style-type: none;
	margin: 0 50px 50px 50px;
}

.home-list-events .home-event-heading{
	margin: 20px 0;
}

.home-list-events .home-event-heading h4{
	font-weight: bold;
	margin-bottom: 20px;
	border-bottom: 1px solid #cecece;
    padding-bottom: 5px;
    min-height: 46px;
    display: flex;
    align-items: flex-end;
}

.home-list-events .home-event-heading h5{
	font-weight: 400;
	font-size: 12px;
	border-bottom: inherit;
	margin-bottom: 0 !important;
	min-height: 31px;
}

.home-list-events .event-image{
	width: 100%;
	height: 200px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

@media only screen and (max-width: 1199px){
	.home-list-events li{
		flex: 0 0 calc(33% - 30px);
    	margin: 0 15px 50px 15px !important;
	}
}

@media only screen and (max-width: 1024px){
	.home-list-events li{
		margin: 0 40px 50px 40px;
	}

	.home-list-events .event-image{
		height: 150px;
	}
}

@media only screen and (max-width: 991px){
	.home-list-events .home-event-heading h4{
		min-height: 66px;
	}
}

@media only screen and (max-width: 767px){
	.home-list-events li{
		flex: 0 0 100%;
		text-align: center;
		margin: 0 0 30px 0 !important;
	}

	.home-list-events .home-event-heading h4{
		min-height: 46px;
	}

	.home-list-events li img{
		max-width: 50%;
    	margin: auto;
	}
}


/*------------Home newsletter-------------*/

.content-home-newsletter{
	margin-bottom: 20px;
}

.home-newsletter{
	position: relative;
	margin-bottom: 80px;
	text-align: center;
}

.home-newsletter .link-newsletter{
	color: #414141;
	font-size: 24px;
	line-height: 1.1;
	margin-bottom: 15px;
	display: inline-block;
}

.home-newsletter a{
	color: #fff;
}

.home-newsletter input[type="email"]{
	appearance: none;
    border: 1px solid rgba(66, 66, 66, 0.15);
    padding: 6px 15px;
    border-radius: 50px;
    margin-right: 10px;
}

.home-list-socials .media-sociaux{
	position: relative;
	background: none;
	margin-top: 20px;
}

.home-list-socials .media-sociaux ul{
	display: flex;
    justify-content: center;
}

.home-list-socials .media-sociaux ul li{
	margin: 0 10px;
}

.home-list-socials .media-sociaux ul li a{
	color: #00a69c;
}



/*------------Banner------------*/
.jumbotron.jumbotron-main{
	background-position: center;
	padding-bottom: 25%;
}

@media only screen and (max-width: 767px){
	.jumbotron.jumbotron-main{
		padding-bottom: 40%;
	}
}