    <style type="text/css">
/* HOMEPAGE TITLE */
#hcar .carousel-inner .item .carousel-caption h2 {
    font-size: 65px !important ;
  	font-family: 'Ubuntu', sans-serif !important ;
	font-weight: 900 !important ;
	letter-spacing: -0.2rem !important ;	
}
#hcar .carousel-inner .item .carousel-caption p {
    font-size: 40px !important ;
    font-weight: 500 !important ;
  	font-family: 'Ubuntu', sans-serif !important ;
}

/* TXT */
	.box {
		-webkit-box-shadow: 0 0px 0px rgba(255,255,255,0.25);
		-moz-box-shadow: 0 0px 0px rgba(255,255,255,0.25);	
	}
	.row {
		margin-right: -15px;
		margin-left: -15px;
	}
	p {
		color: #333;
		font-size: 15px;
	}
	li {
		color: #333;
	}
	ul {
		color: #111;
	}
	tr {
		color: #222;
	}
	h3 {
		color: #333;
		font-weight: bold;
	}
	.container ul {
            margin: 0;
            padding: 0;
            list-style: none;
	}
        #account_menu li {
            color: #fff;
        }
/* Fil d'Arianne */
	#breadcrumb {
		background: #fff;
		margin-top: -25px;
		margin-bottom: -25px;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.breadcrumb {
		padding: 8px 15px;
		margin-bottom: 20px;
		list-style: none;
		background-color: #f5f5f5;
		border-radius: 4px;
		margin-top: 40px;
	}
	.breadcrumb>.active {
		color: #777;
	}	
	.breadcrumb>li {
		display: inline-block;
		margin-right: 3px;
	}
	breadcrumb>li+li:before {
		padding: 0 5px;
		color: #ccc;
		content: "/\00a0";
	}
	ol {
		display: block;
		list-style-type: none;
		-webkit-margin-before: 1em;
		-webkit-margin-after: 1em;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
		-webkit-padding-start: 40px;
	}

/* Sections */
	.container {
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}
	/*.container a {
		text-decoration: none;
		color: #333;
		font-weight: 700;
	}
	.container a:hover {
		text-decoration: none;
		color: #0094aa;
		font-weight: 700;
	}*/
	#divider {
		text-align: center;
		padding-top: 30px;
		padding-bottom: 30px;
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
		background-color: #f5f5f5;
	}
	#price {
		text-align: center;
		padding-top: 30px;
		padding-bottom: 30px;
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
		background-color: #f5f5f5;
	}
	#price-ete {
		text-align: center;
		padding-top: 30px;
		padding-bottom: 30px;
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
		background-color: #fcaf17;
	}
	#price-hiver {
		text-align: center;
		padding-top: 30px;
		padding-bottom: 30px;
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
		background-color: #143055;
	}	
	#tarifs {
		text-align: center;
		padding-top: 0px;
		padding-bottom: 0px;
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
		background-color: #143055;
	}
	#tarifs-ete {
		text-align: center;
		padding-top: 0px;
		padding-bottom: 0px;
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
		background-color: #fcaf17;
	}	
	#meteo {
		text-align: left;
		padding-top: 30px;
		padding-bottom: 30px;
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
		background-color: #333;
		color: #fff;
	}
	#enneigement {
		text-align: left;
		padding-top: 30px;
		padding-bottom: 30px;
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
		background-color: #242424;
		color: #f5f5f5;
	}	
	#feature {
		background: #fff;
		padding-top: 30px;
		padding-bottom: 30px;
	}	
	/*#webcam {
		text-align: center;
		padding-top: 0px;
		padding-bottom: 0px;
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
	}*/
	#presentation {
		text-align: center;	
		padding-top: 30px;
		padding-bottom: 30px;	
		padding-left: 40%;
		padding-right: 40%;			
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
		background-color: #f5f5f5;	
	}
	#conditions {
		background: url("/media/image/cmbb2c/cms/media/site-hiver/domaines/BVT/background-hiver_BVT.jpg") no-repeat center fixed;
		-webkit-background-size: cover;
		background-size: cover;
		padding-top:30px;		
		padding-bottom:30px;		
		padding-left: 40%;
		padding-right: 40%;			
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
	}
	#conditions-flg {
		background: url("/media/image/cmbb2c/cms/media/site-hiver/domaines/FLG/background-hiver_FLG.jpg") no-repeat center fixed;
		-webkit-background-size: cover;
		background-size: cover;
		padding-top:30px;		
		padding-bottom:30px;		
		padding-left: 40%;
		padding-right: 40%;			
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
	}
	#conditions-agm {
		background: url("/media/image/cmbb2c/cms/media/site-hiver/domaines/AGM/background-hiver_AGM.jpg") no-repeat center fixed;
		-webkit-background-size: cover;
		background-size: cover;
		padding-top:30px;		
		padding-bottom:30px;		
		padding-left: 40%;
		padding-right: 40%;			
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
	}
	#conditions-blm {
		background: url("/media/image/cmbb2c/cms/media/site-hiver/domaines/BLM/background-hiver_BLM.jpg") no-repeat center fixed;
		-webkit-background-size: cover;
		background-size: cover;
		padding-top:30px;		
		padding-bottom:30px;		
		padding-left: 40%;
		padding-right: 40%;			
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
	}
	#conditions-lhsg {
		background: url("/media/image/cmbb2c/cms/media/site-hiver/domaines/HCH/background-hiver_LHSG.jpg") no-repeat center fixed;
		-webkit-background-size: cover;
		background-size: cover;
		padding-top:30px;		
		padding-bottom:30px;		
		padding-left: 40%;
		padding-right: 40%;			
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
	}
	#conditions-srmm {
		background: url("/media/image/cmbb2c/cms/media/site-hiver/domaines/SRMM/background-hiver_SRMM.jpg") no-repeat center fixed;
		-webkit-background-size: cover;
		background-size: cover;
		padding-top:30px;		
		padding-bottom:30px;		
		padding-left: 40%;
		padding-right: 40%;			
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
	}	
	#conditions-tam {
		background: url("/media/image/cmbb2c/cms/media/site-hiver/domaines/TAM/background-hiver_TAM.jpg") no-repeat center fixed;
		-webkit-background-size: cover;
		background-size: cover;
		padding-top:30px;		
		padding-bottom:30px;		
		padding-left: 40%;
		padding-right: 40%;			
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
	}
	#conditions-cmm {
		background: url("/media/image/cmbb2c/cms/media/site-hiver/domaines/CMM/background-hiver_CMM.jpg") no-repeat center fixed;
		-webkit-background-size: cover;
		background-size: cover;
		padding-top:30px;		
		padding-bottom:30px;		
		padding-left: 40%;
		padding-right: 40%;			
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
	}	
	#conditions-tmb {
		background: url("/media/image/cmbb2c/cms/media/site-hiver/domaines/TMB/background-hiver_TMB.jpg") no-repeat center fixed;
		-webkit-background-size: cover;
		background-size: cover;
		padding-top:30px;		
		padding-bottom:30px;		
		padding-left: 40%;
		padding-right: 40%;			
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
	}	
	#conditions-vor {
		background: url("/media/image/cmbb2c/cms/media/site-hiver/domaines/VOR/background-hiver_VOR.jpg") no-repeat center fixed;
		-webkit-background-size: cover;
		background-size: cover;
		padding-top:30px;		
		padding-bottom:30px;		
		padding-left: 40%;
		padding-right: 40%;			
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
	}	
	#conditions-pln {
		background: url("/media/image/cmbb2c/cms/media/site-hiver/domaines/PLN/background-hiver_PLN.jpg") no-repeat center fixed;
		-webkit-background-size: cover;
		background-size: cover;
		padding-top:30px;		
		padding-bottom:30px;		
		padding-left: 40%;
		padding-right: 40%;			
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
	}
	#conditions-ete-bvt {
		background: url("/media/image/cmbb2c/cms/media/site-ete/BVT/background-ete_BVT.jpg") no-repeat center fixed;
		-webkit-background-size: cover;
		background-size: cover;
		padding-top:30px;		
		padding-bottom:30px;		
		padding-left: 40%;
		padding-right: 40%;			
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
	}	
	#conditions-ete-flg {
		background: url("/media/image/cmbb2c/cms/media/site-ete/FLG/background-ete_FLG.jpg") no-repeat center fixed;
		-webkit-background-size: cover;
		background-size: cover;
		padding-top:30px;		
		padding-bottom:30px;		
		padding-left: 40%;
		padding-right: 40%;			
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
	}
	#conditions-ete-tam {
		background: url("/media/image/cmbb2c/cms/media/site-ete/TAM/background-ete_TAM.jpg") no-repeat center fixed;
		-webkit-background-size: cover;
		background-size: cover;
		padding-top:30px;		
		padding-bottom:30px;		
		padding-left: 40%;
		padding-right: 40%;			
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
	}
	#conditions-ete-cmm {
		background: url("/media/image/cmbb2c/cms/media/site-ete/CMM/background-ete_CMM.jpg") no-repeat center fixed;
		-webkit-background-size: cover;
		background-size: cover;
		padding-top:30px;		
		padding-bottom:30px;		
		padding-left: 40%;
		padding-right: 40%;			
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
	}
	#conditions-ete-tmb {
		background: url("/media/image/cmbb2c/cms/media/site-ete/TMB/background-ete_TMB.jpg") no-repeat center fixed;
		-webkit-background-size: cover;
		background-size: cover;
		padding-top:30px;		
		padding-bottom:30px;		
		padding-left: 40%;
		padding-right: 40%;			
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
	}	
	#conditions-ete-blm {
		background: url("/media/image/cmbb2c/cms/media/site-ete/BLM/background-ete_BLM.jpg") no-repeat center fixed;
		-webkit-background-size: cover;
		background-size: cover;
		padding-top:30px;		
		padding-bottom:30px;		
		padding-left: 40%;
		padding-right: 40%;			
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
	}	
	#conditions-ete-agm {
		background: url("/media/image/cmbb2c/cms/media/site-ete/AGM/background-ete_AGM.jpg") no-repeat center fixed;
		-webkit-background-size: cover;
		background-size: cover;
		padding-top:30px;		
		padding-bottom:30px;		
		padding-left: 40%;
		padding-right: 40%;			
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
	}	
	#conditions-ete-lhsg {
		background: url("/media/image/cmbb2c/cms/media/site-ete/LHSG/background-ete_LHSG.jpg") no-repeat center fixed;
		-webkit-background-size: cover;
		background-size: cover;
		padding-top:30px;		
		padding-bottom:30px;		
		padding-left: 40%;
		padding-right: 40%;			
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
	}
	#conditions-ete-srmm {
		background: url("/media/image/cmbb2c/cms/media/site-ete/SRMM/background-ete_SRMM.jpg") no-repeat center fixed;
		-webkit-background-size: cover;
		background-size: cover;
		padding-top:30px;		
		padding-bottom:30px;		
		padding-left: 40%;
		padding-right: 40%;			
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
	}
	#conditions-ete-bos {
		background: url("/media/image/cmbb2c/cms/media/site-ete/BOS/background-ete_BOS.jpg") no-repeat center fixed;
		-webkit-background-size: cover;
		background-size: cover;
		padding-top:30px;		
		padding-bottom:30px;		
		padding-left: 40%;
		padding-right: 40%;			
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
	}	
	#conditions-ete-pln {
		background: url("/media/image/cmbb2c/cms/media/site-ete/PLN/background-ete_PLN.jpg") no-repeat center fixed;
		-webkit-background-size: cover;
		background-size: cover;
		padding-top:30px;		
		padding-bottom:30px;		
		padding-left: 40%;
		padding-right: 40%;			
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
	}	
	#parapente {
		text-align: center;	
		padding-top: 30px;
		padding-bottom: 30px;	
		padding-left: 40%;
		padding-right: 40%;			
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
		background-color: #ededed;	
	}	
	#white {
		padding-top: 30px;
		padding-bottom: 30px;
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
		background-color: #f5f5f5;	
	}
	#restaurant {
		text-align: center;
		padding-top: 0px;
		padding-bottom: 0px;
		width: 200%;
		margin-left: -50%;
		margin-right: 50px;
		background-position: top;
	}
	#white li, retaurant li {
		list-style-type: none;
	}
	@media screen and (max-width : 967px) {  
		#meteo {
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 20px;
		padding-right: 20px;	
		width: 110%;
		margin-left: -20px;
		margin-right: 0;
		background-color: #333;					
	}
	}
	@media screen and (max-width : 967px) {  
		#white, #divider, #presentation, #price {
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 0;
		padding-right: 0;	
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		background-color: #f5f5f5;					
	}
	}
	@media screen and (max-width : 967px) {  
		#parapente {
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 0;
		padding-right: 0;	
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		background-color: #ededed;					
	}
	}	
	@media screen and (max-width : 967px) {  
		#price-ete {
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 0;
		padding-right: 0;	
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		background-color: #fcaf17;					
	}
		#price-hiver {
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 0;
		padding-right: 0;	
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		background-color: #143055;					
	}	
	}
	#divider .fa {
		color: #dc9737;
		font-size: 60px;
	}
	#divider h3 {
		font-size: 20px;
	}
	#divider .fa:hover {
		color: #333;
		font-size: 60px;
	}
	#divider h3:hover {
		font-size: 20px;
		color: #dc9737;	
	}

/* Titre Domaine et Site */
	.title-slide {
		font-size:40px;
		font-weight: bold;
		color: #fff;
	}
	.subtitle-slide {
		font-size:28px;
		font-weight: bold;
		color: #fff;
	}
	@media screen and (max-width : 480px) {    
		#thumbnail-preview-indicators .carousel-indicators li,
		#thumbnail-preview-indicators .carousel-indicators li.active {
		  width: 50px;
		  height: 8px;
		  position: relative;
		}
		#thumbnail-preview-indicators .carousel-indicators li > .thumbnail {
		   width: 50px;
		   left: 50%;
		   margin-top: -50px;
		   margin-left: -25px;
		}
	}
	.title-h3 {
		margin-top: 20px;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 14px !important ;
		color: #333 !important ;
		font-weight: bold;
		text-transform: uppercase;
		font-family: inherit;
		line-height: 1.1;
		display: block;	
		margin-bottom: 10px;
	}
	.title-h2 {
		margin-top: 20px;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 20px !important ;
		color: #333 !important ;
		font-weight: bold;
		text-transform: uppercase;
		font-family: inherit;
		line-height: 1.1;
		display: block;	
		margin-bottom: 10px;
	}
	.tarifs-h2 {
		margin-top: 20px;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 20px !important ;
		font-weight: bold;
		text-transform: uppercase;
		font-family: inherit;
		line-height: 1.1;
		display: block;	
		margin-bottom: 10px;
	}	
	.title {
		color: #333;
		font-size: 30px;
		font-weight: bold;
		position: static;
		bottom: 12px;
		padding: 5px 5px;
		background: #FFFFFF;
		border-left: 6px solid #dc9737;
		margin-top: -10px;
		margin-bottom: 0px;	
	}
	.title-news {
		color: #333;
		font-size: 25px;
		font-weight: bold;
		position: static;
		bottom: 12px;
		padding: 15px 5px;
		margin-left: 6px;
		margin-top: -10px;
		margin-bottom: 0px;	
	}
	.subtitle-news {
		color: #333;
		font-size: 25px;
		font-weight: bold;
		position: static;
		bottom: 12px;
		padding: 5px 5px;
		margin-left: 6px;
		margin-top: -10px;
		margin-bottom: 0px;	
	}	
	.title-hiver {
		color: #333;
		font-size: 30px;
		font-weight: bold;
		position: static;
		bottom: 12px;
		padding: 5px 5px;
		background: #FFFFFF;
		border-left: 6px solid #0094aa;
		margin-top: -10px;
		margin-bottom: 0px;	
	}
	.title-ete {
		color: #333;
		font-size: 30px;
		font-weight: bold;
		position: static;
		bottom: 12px;
		padding: 5px 5px;
		background: #FFFFFF;
		border-left: 6px solid #fcaf17;
		margin-top: -10px;
		margin-bottom: 0px;	
	}	
	.title-invest {
		color: #333;
		font-size: 30px;
		font-weight: bold;
		position: static;
		bottom: 12px;
		padding: 5px 15px;
		background: #FFFFFF;
		border-left: 6px solid #fcaf17;
		margin-top: -10px;
		margin-bottom: 0px;	
	}		
	.title h1 {
		color: #333;
		font-size: 30px;
		font-weight: bold;
	}
	.titre-col {
		padding: 25px 0;
		line-height: 0.8;
	}
	.titre-domaine {
		font-weight: 900;
		font-size: 35px;
		color: #143055;
		margin-top: 15px;
		margin-bottom: 0px;
		text-transform: uppercase;	
	}
	.titre-domaine-ete {
		font-weight: 900;
		font-size: 35px;
		color: #fcaf17;
		margin-top: 15px;
		margin-bottom: 0px;
		text-transform: uppercase;	
	}
	.titre-domaine-invest {
		font-weight: 900;
		font-size: 35px;
		color: #333;
		margin-top: 15px;
		margin-bottom: 0px;
		text-transform: uppercase;	
	}	
	.titre-meteo-ete {
		font-weight: 900;
		font-size: 15px;
		color: #f5f5f5;
		margin-top: 15px;
		margin-bottom: 0px;
		text-transform: uppercase;
		text-align: center;		
	}		
	.sous-titre-domaine {
		font-weight: 300;
		font-size: 20px;
		margin-top: 13px;
	}
	.sous-titre-domaine-ete {
		font-weight: 300;
		font-size: 20px;
		margin-top: 13px;
		color: #7f7f7f;
	}	
	.logo-domaine {
		padding: 15px;
		width: 60%;
		height: auto;
	}	
	
	@media screen and (max-width : 767px) {  
		.titre-domaine {
		font-size: 20px;
		margin-top: 0px;
		}
		.titre-domaine-ete {
		font-size: 20px;
		margin-top: 0px;
		}
		.titre-domaine-invest {
		font-size: 20px;
		margin-top: 0px;
		}		
		.sous-titre-domaine {
			font-weight: 300;
			font-size: 14px;
			margin-top: 8px;
		}
		.sous-titre-domaine-ete {
			font-weight: 300;
			font-size: 14px;
			margin-top: 8px;
		}		
		.logo-domaine {
		padding: 2px;
		width: 80%;
		height: auto;
		}	
		.titre-col {
		padding: 0;
		}
	}
	
	.header {
		max-width: 1900px;
		position: relative;
	}
	.center {
		max-width: 1130px;
		padding: 0 9px;
		margin: 0px auto 0px auto;
	}
	.meteo {
		color: #333;
		font-family: regular;
		font-size: 13px;
		font-weight: bold;
		padding: 5px 5px;
		background: #f5f5f5;
		border-left: 6px solid #dc9737;
		margin-top: 0px;
	}
	.meteo-hiver {
		color: #fff;
		font-family: regular;
		font-size: 13px;
		font-weight: bold;
		padding: 5px 5px;
		border-top: solid 1px #f5f5f5;
		border-bottom: solid 1px #f5f5f5;
		background: #0094aa;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.meteo-ete {
		color: #fff;
		font-family: regular;	
		font-size: 13px;
		font-weight: bold;
		padding: 5px 5px;
		background: #333;
		margin-top: 0px;
		margin-bottom: 0px;
	}	
	@media screen and (max-width : 767px) {  
		.header .center {
			margin-top: 15px!important;
			margin-bottom: 15px!important;
		}	
		.title {
		position: relative!important;
		padding: 0px!important;
		font-size: 38px!important;
		width: auto!important;
		text-align: center;
		}
	}
	@media screen and (max-width : 967px) {  
		.title,  {
			left: 0px;
			right: 0px;
			margin: auto auto;
			width: 256px;
			bottom: 0px!important;
			top: 0px;
			height: 39px;
			font-size: 26px!important;
		}
	}

	
/* Webcams*/
	.btn-share {
		background-color: #fff;
		color: #333;
		border: solid 1px #f5f5f5;
		float: right;
		margin-top: 15px;
		border-radius: 0px;
		margin-right: 600px;
	}
	.btn-share:hover {
		background-color: #f5f5f5;
		color: #333;
		border: solid 1px #f5f5f5;	
	}
	.btn-plus {
		background-color: #f5f5f5;
		color: #333;
		border: solid 1px #f5f5f5;
		float: right;
		margin-top: 15px;
		margin-right: 0px;
		border-radius: 0px;
	}
	.btn-plus:hover {
		background-color: #fff;
		color: #333;
		border: solid 1px #f5f5f5;	
	}
	.webcam-title {
		position: relative;
		margin: 30px 15px -50px 0;
		z-index: 1;
		color: #fff;
	}
	.webcam-title-ete {
		position: relative;
		margin: -170px 15px 0px 0;
		z-index: 1;
		color: #fff;
	}	
	.webcam-title1 {
		position: relative;
		margin: -154px 15px 0px 0;
		z-index: 1;
		color: #fff;
	}	
	.title-2 {
		font-size: 22px;
		font-weight: 800;
		color: #515151;
		text-transform: uppercase;
		line-height: 1.1;
		text-shadow: 1px 1px rgba(0, 0, 0, 0.8);
	}
	.title-2-ete {
		font-size: 18px;
		font-weight: 800;
		color: #515151;
		text-transform: uppercase;
		line-height: 1.1;
		text-shadow: 1px 1px rgba(0, 0, 0, 0.8);
	}	
	.title-3 {
		font-size: 22px;
		font-weight: 800;
		color: #515151;
		text-transform: uppercase;
		line-height: 1.1;
	}	
	.title-3-ete {
		font-size: 18px;
		font-weight: 800;
		color: #515151;
		text-transform: uppercase;
		line-height: 1.1;
	}		
	.edge-block-lime {
		background-color: rgba(255, 255, 255, 0.5);
		color: #fff;
		text-transform: uppercase;
		font-weight: 700;
	}
	.edge-block {
		background-color: rgba(0, 148, 170, 0.5);
		color: #fff;
		text-transform: uppercase;
		font-weight: 700;
		margin-left: -15px;
	}
	.edge-block-ete {
		background-color: rgba(252, 175, 23, 0.8);
		color: #fff;
		text-transform: uppercase;
		font-weight: 700;
		margin-left: -15px;
	}	
	.edge-block1 {
		background-color: #0094aa;
		color: #fff;
		margin-left: 0px;
		font-size: 10px;
		font-family: 'Ubuntu', sans-serif;		
	}		
	.edge-block-bis {
		background-color: rgba(20, 48, 85, 0.6);
		color: #fff;
		text-transform: uppercase;
		font-weight: 700;
		margin-left: -15px;
	}
	.edge-block-bis-ete {
		background-color: rgba(242, 145, 32, 0.8);
		color: #fff;
		text-transform: uppercase;
		font-weight: 700;
		margin-left: -15px;
	}	
	.edge-block-bis1 {
		background-color: rgba(20, 48, 85, 0.6);
		color: #fff;
		margin-left: -15px;
		font-size: 10px;
		font-family: 'Ubuntu', sans-serif;
	}		
	.edge-after {
		display: inline-block;
		vertical-align: middle;
		position: relative;
		z-index: 0;
		padding: 10px 15px 11px;
		border: 0;
		line-height: 1;
		-webkit-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
	}
	.edge-after-bis {
		display: inline-block;
		vertical-align: middle;
		position: relative;
		z-index: 0;
		padding: 4px 5px 4px 5px;
		border: 0;
		line-height: 1;
		-webkit-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
	}	
	.summer-version {
		float: right;
	}
	.summer-version a {
		padding: 5px 10px;		
		color: #dc9737;
		background-color: #fff;
		border: solid 1px #dc9737;
	}
	.summer-version a:hover {
		padding: 5px 10px;		
		color: #fff;
		background-color: #dc9737;
		border: solid 1px #fff;
	}	
	.winter-version {
		float: right;
	}
	.winter-version a {
		padding: 5px 10px;		
		color: #0094aa;
		background-color: #fff;
		border: solid 1px #0094aa;
	}
	.winter-version a:hover {
		padding: 5px 10px;		
		color: #fff;
		background-color: #0094aa;
		border: solid 1px #fff;
	}	
	
/* Boutons*/
	.btn-primary {
    color: #fff;
    background-color: #143055;
    border-color: #364a65 1px solid;
	}
	.btn-primary:hover {
    color: #143055;
    background-color: #fff;
    border-color: #143055 1px solid;
	}
	.btn-link {
	background-color: #143055;
	color: #fff;
	text-decoration: none;
	border: 1px solid #fff;
	}
	.btn-link:hover {
	background-color: #fff;
	color: #143055;
	text-decoration: none;
	border: 1px solid #143055;
	}
	.btn-conditions {
	background-color: #f5f5f5;
	color: #143055;
	text-decoration: none;
	}
	.btn-conditions:hover {
	background-color: #a7b7cd;
	color: #f5f5f5;
	text-decoration: none;
	}
	.btn-conditions-ete {
	background-color: #f5f5f5;
	color: #333;
	text-decoration: none;
	}
	.btn-conditions-ete:hover {
	background-color: #fcaf17;
	color: #f5f5f5;
	text-decoration: none;
	}	
	.btn-link-hiver {
	background-color: #0094aa;
	color: #fff;
	text-decoration: none;
	border: 1px solid #fff;
	}
	.btn-link-hiver:hover {
	background-color: #fff;
	color: #143055;
	text-decoration: none;
	border: 1px solid #0094aa;
	}	
	.btn-link-clp {
	background-color: #38645a;
	color: #fff;
	text-decoration: none;
	border: 1px solid #fff;
	}
	.btn-link-clp:hover {
	background-color: #fff;
	color: #38645a;
	text-decoration: none;
	border: 1px solid #38645a;
	}	
	.btn-link-ppu {
	background-color: #5a3795;
	color: #fff;
	text-decoration: none;
	border: 1px solid #fff;
	}
	.btn-link-ppu:hover {
	background-color: #fff;
	color: #5a3795;
	text-decoration: none;
	border: 1px solid #5a3795;
	}
	.btn-link-mbu {
	background-color: #e92e3a;
	color: #fff;
	text-decoration: none;
	border: 1px solid #fff;
	}
	.btn-link-mbu:hover {
	background-color: #fff;
	color: #e92e3a;
	text-decoration: none;
	border: 1px solid #e92e3a;
	}
	.btn-link-ete {
	background-color: #fcaf17;
	color: #fff;
	text-decoration: none;
	border: 1px solid #fff;
	}
	.btn-link-ete:hover {
	background-color: #fff;
	color: #fcaf17;
	text-decoration: none;
	border: 1px solid #fcaf17;
	}	
	.btn-digital {
	background-color: #e92223;
	color: #fff;
	text-decoration: none;
	border: 1px solid #fff;
	}
	.btn-digital:hover {
	background-color: #fff;
	color: #e92223;
	text-decoration: none;
	border: 1px solid #e92223;
	}	
	.more-info {
		font-size: 18px;
		color: #e92e3a !important ;
		margin-left: 10px;
	}
	.more-info:hover {
		color: #333 !important ;
	}
	.mbnrli {
		list-style-type: none;
		width: 100%;
		float: left;
		position: relative;
	}
	.carre-marine {
		background-color: #143055;
		color: #fff;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.carre-marine .fa {
		font-size: 45px;
	}
	.carre-marine:hover {
		background-color: #fff;
		color: #143055;
	}	
	.carre-ciel {
		background-color: #0094aa;
		color: #fff;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.carre-ciel .fa {
		font-size: 45px;
	}
	.carre-ciel:hover {
		background-color: #fff;
		color: #0094aa;
	}
	.carre-orange {
		background-color: #fcaf17;
		color: #fff;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.carre-orange .fa {
		font-size: 45px;
	}
	.carre-orange:hover {
		background-color: #fff;
		color: #fcaf17;
	}	
	.carre-vert {
		background-color: #f29120;
		color: #fff;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.carre-vert .fa {
		font-size: 45px;
	}
	.carre-vert:hover {
		background-color: #fff;
		color: #f29120;
	}	
	
/* Forfait */	
	.panel-pricing {
	  -moz-transition: all .3s ease;
	  -o-transition: all .3s ease;
	  -webkit-transition: all .3s ease;
	}
	.panel-pricing:hover {
	  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
	}
	.panel-pricing .panel-heading {
	  padding: 20px 10px;
	}
	.panel-pricing .panel-heading .fa {
	  margin-top: 10px;
	  font-size: 58px;
	}
	.list-group {
	  padding:10px;
	}
	.panel-pricing .list-group-item {
	  color: #777777;
	  border-bottom: 1px solid rgba(250, 250, 250, 0.5);
	}
	.panel-pricing .list-group-item:last-child {
	  border-bottom-right-radius: 0px;
	  border-bottom-left-radius: 0px;
	}
	.panel-pricing .list-group-item:first-child {
	  border-top-right-radius: 0px;
	  border-top-left-radius: 0px;
	}
	.panel-pricing .panel-body {
	  background-color: #f0f0f0;
	  font-size: 30px;
	  color: #777777;
	  padding: 20px;
	  margin: 0px;
	}
	.panel-billet .btn-billet {
	  background-color: #646464;
	  color: #ffffff;
	  margin: 5px;
	  border: 1px solid #646464;
	}
	.panel-billet:hover .btn-billet:hover {
	  background-color: #fff;
	  color: #646464;
	  border: 1px solid #646464;  
	}
	.panel-clp .btn-clp {
	  background-color: #37635a;
	  color: #ffffff;
	  margin: 5px;
	  border: 1px solid #37635a;
	}
	.panel-clp:hover .btn-clp:hover {
	  background-color: #fff;
	  color: #37635a;
	  border: 1px solid #37635a;  
	}
	.panel-cp .btn-cp {
	  background-color: #7dbb57;
	  color: #ffffff;
	  margin: 5px;
	  border: 1px solid #7dbb57;
	}
	.panel-cp:hover .btn-cp:hover {
	  background-color: #fff;
	  color: #7dbb57;
	  border: 1px solid #7dbb57;  
	}	
	.panel-para .btn-para {
	  background-color: #939393;
	  color: #ffffff;
	  margin: 5px;
	  border: 1px solid #939393;
	}
	.panel-para:hover .btn-para:hover {
	  background-color: #fff;
	  color: #939393;
	  border: 1px solid #939393;  
	}
	.panel-vtt .btn-vtt {
	  background-color: #474748;
	  color: #ffffff;
	  margin: 5px;
	  border: 1px solid #474748;
	}
	.panel-vtt:hover .btn-vtt:hover {
	  background-color: #fff;
	  color: #474748;
	  border: 1px solid #474748;  
	}	
	.panel-mbu .btn-mbu {
	  background-color: #e92e3a;
	  color: #ffffff;
	  margin: 5px;
	  border: 1px solid #e92e3a;
	}
	.panel-mbu:hover .btn-mbu:hover {
	  background-color: #fff;
	  color: #e92e3a;
	  border: 1px solid #e92e3a;  
	}
	.panel-mbm .btn-mbm {
	  background-color: #f39000;
	  color: #fff;
	  margin: 5px;
	  border: 1px solid #fff;
	}
	.panel-mbm:hover .btn-mbm:hover {
	  background-color: #fff;
	  color: #f39000;
	  border: 1px solid #f39000;
	}	
	.panel-clp .btn-clp {
	  background-color: #32625a;
	  color: #ffffff;
	  margin: 5px;
	  border: 1px solid #fff;
	}
	.panel-clp:hover .btn-clp:hover {
	  background-color: #fff;
	  color: #32625a;
	  border: 1px solid #32625a;
	}
	.panel-cp .btn-cp {
	  background-color: #7dbb57;
	  color: #ffffff;
	  margin: 5px;
	  border: 1px solid #fff;
	}
	.panel-cp:hover .btn-cp:hover {
	  background-color: #fff;
	  color: #7dbb57;
	  border: 1px solid #7dbb57;
	}	
	.panel-lhsg .btn-lhsg {
	  background-color: #083a53;
	  color: #ffffff;
	  margin: 5px;
	  border: 1px solid #fff;
	}
	.panel-lhsg:hover .btn-lhsg:hover {
	  background-color: #fff;
	  color: #083a53;
	  border: 1px solid #083a53;
	}
	.panel-emb .btn-emb {
	  background-color: #aa8e64;
	  color: #ffffff;
	  margin: 5px;
	  border: 1px solid #fff;
	}
	.panel-emb:hover .btn-emb:hover {
	  background-color: #fff;
	  color: #aa8e64;
	  border: 1px solid #aa8e64;
	}
	.panel-ppu .btn-ppu {
	  background-color: #5a3795;
	  color: #ffffff;
	  margin: 5px;
	}
	.panel-ppu:hover .btn-ppu:hover {
	  background-color: #fff;
	  color: #5a3795;
	}
	.panel-mbo .btn-mbo {
	  background-color: #ff0000;
	  color: #ffffff;
	  margin: 5px;
	}
	.table > thead:first-child > tr:first-child > th {
    text-align: center;
    color: white;
    background-color: #fff;
    text-transform: uppercase;
    font-size: 30px%;
    padding: 2px 8px;
	}
	.bandeau-mbu{
		background-color: #dc374f;
		padding: 10px;
		color: #ffffff;
		margin: 0;
	}
	.bandeau-clp{
		background-color: #32625a;
		padding: 10px;
		color: #ffffff;
		margin: 0;
	}
	.bandeau-lhsg{
		background-color: #083a53;
		padding: 10px;
		color: #ffffff;
		margin: 0;
	}
	.bandeau-emb{
		background-color: #023064;
		padding: 10px;
		color: #ffffff;
		margin: 0;
	}
	.pricing_top_border {
		height: 4px;
		width: 100%;
		background-color: #dc9736;
	}
	.pricing_item {
		box-shadow: 2px 2px 5px rgba(0,0,0,.1);
	}
	.pricing_item:hover {
		box-shadow: 2px 2px 5px rgba(0,0,0,.3);
	}
	.pricing_head {
		background-color: #f7f7f7;
	}
	.p-bottom-30 {
		padding-bottom: 30px;
	}
	.p-top-30 {
		padding-top: 1.875rem;
	}	
	.pricing_body ul {
		width: 55%;
		margin: 0 auto;
	}	
	


#days {
  font-size: 50px;
  color: #e92e3a;
  font-weight: 900;
}
#hours {
  font-size: 40px;
  color: #333;
  font-weight: 900;
}
#minutes {
  font-size: 20px;
  color: #e92e3a;
  font-weight: 900;  
}
#seconds {
  font-size: 10px;
  color: #333;
}

.work {
    margin-top: 40px;
    padding-bottom: 20px;
    background: #f5f5f5;
    border-bottom: 4px solid #dc9737;
	height: 350px;
}
.work:hover {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
}
.work h3 {
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}
.work p {
    padding-left: 15px;
    padding-right: 15px;
    line-height: 24px;
    font-style: italic;
}
.work .work-bottom {
    margin-top: 15px;
}

.activities {
    margin-top: 40px;
    padding-bottom: 20px;
    background: #fff;
    border-bottom: 4px solid #143055;
	height: 350px;
}
.activities:hover {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
}
.activities h3 {
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}
.activities p {
    padding-left: 15px;
    padding-right: 15px;
    line-height: 24px;
    font-style: italic;
}
.activities .activities-bottom {
    margin-top: 15px;
}

.activities-ete {
    margin-top: 40px;
    padding-bottom: 20px;
    background: #fff;
    border-bottom: 4px solid #f29120;
	height: 300px;
}
.activities-ete:hover {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
}
.activities-ete h3 {
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}
.activities-ete p {
    padding-left: 15px;
    padding-right: 15px;
    line-height: 22px;
	font-size: 14px;
}
.activities-ete .activities-bottom {
    margin-top: 15px;
}

.activities-hiver {
    margin-top: 40px;
    padding-bottom: 20px;
    background: #fff;
    border-bottom: 4px solid #0094aa;
	height: 300px;
}
.activities-hiver:hover {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
}
.activities-hiver h3 {
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}
.activities-hiver p {
    padding-left: 15px;
    padding-right: 15px;
    line-height: 22px;
	font-size: 14px;
}
.activities-hiver .activities-bottom {
    margin-top: 15px;
}
.pricing {
    background: #fff;
	margin-bottom: 20px;
}
.pricing .pricing-title {
    background: #f5f5f5;
    color: #fff;
    font-weight: bold;
    padding: 10px;
	border-top: solid 6px #dc9736;
	border-left: solid 4px #fff;
	border-right: solid 4px #fff;
	border-bottom: solid 4px #fff;	
}
.pricing .pricing-mbu {
    background: #f5f5f5;
    color: #fff;
    font-weight: bold;
    padding: 10px;
	border-top: solid 6px #e92e3a;
	border-left: solid 4px #fff;
	border-right: solid 4px #fff;
	border-bottom: solid 4px #fff;	
}
.pricing .pricing-title-billeterie {
    background: #f5f5f5;
    color: #fff;
    font-weight: bold;
    padding: 10px;
	border-top: solid 6px #fff;
	border-left: solid 4px #fff;
	border-right: solid 4px #fff;
	border-bottom: solid 4px #fff;	
}
.pricing-title-billeterie h4 {
	color: #333;
}
.pricing ul {
    padding: 0;
    margin: 0;
}
.pricing ul li {
    display: block;
    list-style: none;
    padding: 12px;
}

.pricing_price_border {
    background-color: #fff;
    padding: 10px;
    border-radius: 50%;
    margin: 0 auto;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 18.6%;
    left: 25%;
    right: 25%;
}
.pricing_price_border .pricing_price {
    background-color: #fff;
    border: 2px solid;
    border-color: #fff;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    padding-top: 23%;
}
.pricing_price_border .pricing_price h3 {
    margin-bottom: 5px;
    font-size: 2.822rem;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
}


.form-inline .form-group { 
	margin-right:10px; 
}
.panel-group .panel {
    margin-bottom: 0;
    overflow: hidden;
}
.panel-default {
    border-color: #ddd;
	margin-bottom: 20px;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid  #ddd;
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
}
.panel-group .panel-heading {
    border-bottom: 0;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid  #ddd;
	border-left: 4px solid #f39000;
}
.panel-group .panel+.panel {
    margin-top: 5px;
}

.well-primary {
	color: rgb(255, 255, 255);
	background-color: rgb(66, 139, 202);
	border-color: rgb(53, 126, 189);
}
.fa {
	margin-right:5px;
}
.fa-mbm {
    color: #dc9736;
}


/* Tableau */	

	.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f5f5f5;
	}
	.table-meteo>tbody>tr:nth-of-type(odd) {
    background-color: #545454;
	}	
	.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
		padding: 8px;
		line-height: 1.42857143;
		vertical-align: top;
		border-top: 0,5px solid #666;
	}	
	.table > thead:first-child > tr:first-child > th { 
		text-align: center;
		color: white;
		background-color: white;
		text-transform: uppercase;
		font-size: 30px;
		padding: 2px 8px; 
	}
	.table > tbody > tr > td { 
		font-size: 90%;
		padding: 2px 8px; 
	}

	td span.gauche { 
		padding: 0 .7em;
		margin-right: 1ex;
	}
	.infos strong { font-size: 200%; }
	.infos .table > thead:first-child > tr:first-child > th { text-align: center; color: white; background-color: black; text-transform: uppercase; font-size: 90%; padding: 2px 8px; }
	.infos .table > tbody > tr > td { font-size: 90%; padding: 0; }
	.infos td img { max-width: 25px; max-height: 25px; margin-right: 1ex; }
	.infos td span.gauche { padding: 0 .7em; margin-right: 1ex; }
	.infos td span.V { background-color: green; }
	.infos td span.B { background-color: blue; }
	.infos td span.R { background-color: red; }
	.infos td span.N { background-color: black; }
	.infos td span.droite { color: white; text-transform: uppercase; font-size: 120%; padding: .2em 0.1em 0.2em 0.4em; float: right; }
	.infos td span.droite.O { color: white; text-transform: uppercase; font-size: 110%; padding: .3em 0em 0.3em 0.4em; float: right; }
	.infos span.O  { background-color: #27E600;}
	.infos span.F { background-color: red; }
	.infos span.H { background-color: grey; }
	.infos span.HP { background-color: grey; }
	.infos span.P { background-color: orange; }
	.infos .weather .col-sm-6 { font-size: 200%; }
	.infos .weather .col-sm-6 img { width: 4ex; height: 2em;  }
	.picto-meteo { width: 60%; height: auto; padding: 15px; margin-left: auto; margin-right: auto;}
	.picto-meteo-ete { width: 95%; height: auto; padding: 15px; margin-left: auto; margin-right: auto;}

	@media screen and (max-width : 767px) {  
		.picto-meteo { width: 80%; height: auto; padding: 8px; margin-left: auto; margin-right: auto;}
		.picto-meteo-ete { width: 75%; height: auto; padding: 8px; margin-left: auto; margin-right: auto;}
		.img-meteo { width:100%;}
		.padding0 {padding:0;}
	}
	.img-meteo {
		width:80%;
	}
	.padding0 {
		padding:0 8px;
	}
	
.choix {
    background: #fff;
    margin-bottom: 37px;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #555;
    background: #f5f5f5;
    border-bottom-color: transparent;
    cursor: default;
}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0;
}




/* pricing table */
.pricing-tables {
  padding: 20px;
}
.pricing-tables h1 {
  font-size: 48px;
}
.pricing-tables .plan.first {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px !important;
}
.pricing-tables .plan.last {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pricing-tables .plan.recommended {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pricing-tables .plan.recommended .head {
  /*margin-bottom: 20px;*/
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.pricing-tables.attached .col-sm-4, .pricing-tables.attached .col-md-4, .pricing-tables.attached .col-sm-3, .pricing-tables.attached .col-md-3 {
  padding-left: 0;
  padding-right: 0;
}
.pricing-tables.attached .plan {
  border-radius: 0;
}
.pricing-tables.attached .plan .head {
  border-radius: 0;
}
/*.pricing-tables.attached .plan.recommended {
  border-radius: 4px;
}*/
/*.pricing-tables.attached .plan.recommended .head {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}*/
.pricing-tables.attached .plan.last {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pricing-tables.attached .plan.last .head {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.pricing-tables.attached .plan.first {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pricing-tables.attached .plan.first .head {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.plan {
  box-shadow: 0 2px 2px rgba(10, 10, 10, 0.30) !important;
  min-height: 100px;
  background: #fff;
  border-radius: 4px;
  margin: 40px 0;
  padding-bottom: 25px;
  text-align: center;
}
.plan-ete {
  box-shadow: 0 2px 2px rgba(10, 10, 10, 0.30) !important;
  min-height: 100px;
  background: #fff;
  border-radius: 4px;
  margin: 40px 0;
  padding-bottom: 0px;
  text-align: center;
}
.plan .head {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 12px 16px;
  background: #646464;
  color: #fff;
}
.plan .head h1, .plan .head h2, .plan .head h3 {
  padding: 0;
  margin: 0;
  font-weight: 100;
}
.plan .price {
  border-top: 1px solid #eee;
  margin: 0 auto 30px auto;
  width: 80%;
}
.plan .price h3 {
  font-size: 60px;
  vertical-align: top;
  line-height: 1;
  font-weight: bold;
 }
.plan .price h3 span {
  font-size: 25px;
  vertical-align: top;
  position: relative;
  margin: 6px 0 0 -7px;
  display: inline-block; 
}
.plan .price h2 {
  font-size: 82px;
  vertical-align: top;
  line-height: 1;
  font-weight: bold;
}
.plan .price h2 span {
  font-size: 38px;
  vertical-align: top;
  position: relative;
  margin: 6px 0 0 -7px;
  display: inline-block;
}
.plan .price h4 {
  color: #aaa;
  font-size: 14px;
}
.plan .btn {
  padding: 10px 30px;
  text-transform: uppercase;
  font-weight: 500;
}
.plan ul {
  list-style-type: none;
  padding: 20px;
  margin-top: 2px;
}
.plan ul li {
  line-height: 22px;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 400;
}
.plan ul li a {
  text-decoration: underline;
  color: #e6e9ed;
}
.plan ul li:last-child {
  border-bottom: none;
}
.plan ul strong {
  font-weight: 700;
}
.plan.recommended {
  margin-top: 6px;
  box-shadow: 0 0 22px rgba(10, 10, 10, 0.42);
  position: relative;
  z-index: 99;
  border-radius: 4px;
}
.plan.recommended .head {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: #e92e3a;
}
.plan.recommended-mbm {
  margin-top: 6px;
  box-shadow: 0 0 22px rgba(10, 10, 10, 0.42);
  position: relative;
  z-index: 99;
  border-radius: 4px;
}
.plan.recommended-mbm .head {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: #f39000;
}
.plan.recommended-cp {
  margin-top: 6px;
  box-shadow: 0 0 22px rgba(10, 10, 10, 0.42);
  position: relative;
  z-index: 99;
  border-radius: 4px;
}
.plan.recommended-cp .head {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: #7dbb57;
}
.head.value{
  background-color: #37635a;
  /*margin-bottom: 48px;*/
}
.head.lhsg{
  background-color: #083a53;
  /*margin-bottom: 48px;*/
}
.head.emb{
  background-color: #aa8e64;
  /*margin-bottom: 48px;*/
}
.head.para{
  background-color: #939393;
  /*margin-bottom: 48px;*/
}
.head.vtt{
  background-color: #474748;
  /*margin-bottom: 48px;*/
}
.plan.recommended .btn {
  margin-bottom: 10px;
}
.plan.recommended-mbm .btn {
  margin-bottom: 10px;
}
@media screen and (min-width:770px) and (max-width:990px){
  .plan .mediafix h3 {
      font-size: 55px !important;
      vertical-align: top;
      line-height: 1;
  }
}

/*        Carousel          */
	.carousel-content {
		color:black;
		display:flex;
		align-items:center;
	}
	#text-carousel {
	  width: 100%;
	  height: auto;
	  padding: 50px 0px 20px 0px;
	}
	#text-carousel1 {
	  width: 100%;
	  height: auto;
	  padding: 50px 0px 20px 0px;
	}	
	#text-carousel2 {
	  width: 100%;
	  height: auto;
	  padding: 50px 0px 20px 50px;
	}	
	.carousel-control.left {
		background-image: -webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0.0) 100%);
		background-image: -o-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0.0) 100%);
		background-image: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0.0) 100%);
		background-repeat: repeat-x;
	}
	.carousel-control.right {
		background-image: -webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0.0) 100%);
		background-image: -o-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0.0) 100%);
		background-image: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0.0) 100%);
		background-repeat: repeat-x;
	}
	.carousel-content li {
		color: #fff;
	}
	.carousel-content-bis li {
		color: #333;
	}
	.carousel-content.container a {
    text-decoration: none;
    color: #fff;
    font-weight: 700;
	}
	.glyphicon.container a:hover {
    text-decoration: none;
    color: #333;
    font-weight: 700;
	}

/*        Tableau Ouvertures        */
	.ouvertures {
		border-left: 1px #dfdfdf solid;
		border-right: 1px #dfdfdf solid;
	}	
	.ouvertures p {
		font-size: 15px;
		margin-bottom: 0px;
		color: #333;
	}	
	.nav-tabs>li>a {
		margin-right: 0px;
		line-height: 2.8;
		border: 0px solid transparent;
		border-radius: 0;
	}
	.nav-tabs>li>a:hover {
		border-right: 5px solid #0094aa;
	}	
	.nav-tabs>li.active>a {
		background: #f5f5f5;
		border-right: 5px solid #0094aa;
	}
	.table-striped > tbody > tr > td {
		font-size: 90%;
		padding: 0px 8px;
	}
	.table-meteo > tbody > tr > td {
		font-size: 90%;
		color: #fff;
		padding: 0px 8px;
	}	
	.table-striped>thead>tr>th, .table-striped>tbody>tr>th, .table-striped>tfoot>tr>th, .table-striped>thead>tr>td, .table-striped>tbody>tr>td, .table-striped>tfoot>tr>td {
		padding: 0px;
		border-top: 0px solid #ddd;
	}
	.table-meteo>thead>tr>th, .table-meteo>tbody>tr>th, .table-meteo>tfoot>tr>th, .table-meteo>thead>tr>td, .table-meteo>tbody>tr>td, .table-meteo>tfoot>tr>td {
		padding: 0px;
		border-top: 0px solid #ddd;
	}	
	.etatouvert {
		font-weight: 900;
		background-color: #27E600;
		color: #fff;
		font-size: 100%;
		padding: 10px 60px;
		margin: 0px;
	}
	.etatferme {
		font-weight: 900;
		background-color: red;
		color: #fff;
		font-size: 100%;
		padding: 10px 64px;
		margin: 0px;
	}
	.etatattente {
		font-weight: 900;
		background-color: orange;
		color: #fff;
		font-size: 100%;
		padding: 10px 49px;
		margin: 0px;
	}	
	.etatclose {
		font-weight: 900;
		background-color: red;
		color: #fff;
		font-size: 100%;
		padding: 10px 53px;
		margin: 0px;
	}

	
/*        Tableau Forfaits        */
	.tableau {
		padding-left: 49px;
		display: inline-block;
		vertical-align: top;
	}
	.tableau a {
    text-decoration: none;
    color: #333;
    font-weight: 700;
	}	
	.tableau a:hover {
    text-decoration: none;
    color: #fff;
    font-weight: 700;
	}
	.tableau th.blanc {
		border-top: none;
	}
	.tableau .blanc {
		background: #ffffff;
		border-top: 1px solid #f3f3f3;
	}
	.tableau .gris {
		background: #3c3c3b;
		color: #ffffff;
		border-top: 1px solid #f3f3f3;
	}	
	.tableau th {
		padding: 18px 8px 11px 8px;
	}
	@media screen and (max-width : 967px) { 
		.tableau {
			padding-left: 0px;
		}		
		.tableau th {
			padding: 10px 0 8px 0;
		}
		.tableau td {
			padding: 8px 0 5px 0;
			text-align: center;
			font-weight: bold;
		}		
	}	
	.tableau td {
		padding: 8px 5px 5px 5px;
		text-align: center;
		font-weight: bold;
	}
	.tableau .mbu-titreclair {
		background: #e92e3a;
		color: #ffffff;
	}	
	.tableau .mbu-titrefonce {
		background: #7F1920;
		color: #ffffff;
	}
	.tableau .mbm-titreclair {
		background: #f39000;
		color: #ffffff;
	}	
	.tableau .mbm-titrefonce {
		background: #c27910;
		color: #ffffff;
	}	
	.tableau .blm-titreclair {
		background: #0064aa;
		color: #ffffff;
	}	
	.tableau .blm-titrefonce {
		background: #03538b;
		color: #ffffff;
	}	
	.tableau .lhsg-titreclair {
		background: #0b3a51;
		color: #ffffff;
	}	
	.tableau .lhsg-titrefonce {
		background: #184d67;
		color: #ffffff;
	}		
	.tableau .clp-titreclair {
		background: #37635a;
		color: #ffffff;
	}	
	.tableau .clp-titrefonce {
		background: #23403A;
		color: #ffffff;
	}	
	.tableau .cp-titreclair {
		background: #7dbb57;
		color: #ffffff;
	}	
	.tableau .cp-titrefonce {
		background: #598141;
		color: #ffffff;
	}	
	.tableau .mbuclair1 {
		background: #f5f5f5;
		color: #333;
	}
	
	.tableau .mbufonce1 {
		background: #ffffff;
		color: #333;
	}

	.tableau .mbuclair2 {
		background: #e2e1e1;
		color: #333;
	}
	.tableau .mbufonce2 {
		background: #ebe8e8;
		color: #333;
	}
	.tableau .mbuclair1:hover {
		background: #e92e3a;
		color: #fff;
	}

	.tableau .mbufonce1:hover {
		background: #7F1920;
		color: #fff;
	}

	.tableau .mbuclair2:hover {
		background: #e92e3a;
		color: #fff;
	}
	.tableau .mbufonce2:hover {
		background: #7F1920;
		color: #fff;
	}

	.tableau .cpclair1 {
		background: #f5f5f5;
		color: #333;
	}	
	.tableau .cpclair1:hover {
		background: #7dbb57;
		color: #fff;
	}
	.tableau .cpfonce1 {
		background: #ffffff;
		color: #333;
	}	
	.tableau .cpfonce1:hover {
		background: #598141;
		color: #fff;
	}	
	
	.tableau .mbmclair1 {
		background: #f5f5f5;
		color: #333;
	}
	.tableau .mbmfonce1 {
		background: #ffffff;
		color: #333;
	}
	.tableau .mbmclair2 {
		background: #e2e1e1;
		color: #333;
	}
	.tableau .mbmfonce2 {
		background: #ebe8e8;
		color: #333;
	}
	.tableau .mbmclair1:hover {
		background: #f39000;
		color: #fff;
	}
	.tableau .mbmfonce1:hover {
		background: #c27910;
		color: #fff;
	}
	.tableau .mbmclair2:hover {
		background: #f39000;
		color: #fff;
	}
	.tableau .mbmfonce2:hover {
		background: #c27910;
		color: #fff;
	}	
	.tableau .blmclair1 {
		background: #f5f5f5;
		color: #333;
	}
	.tableau .blmfonce1 {
		background: #ffffff;
		color: #333;
	}
	.tableau .blmclair2 {
		background: #e2e1e1;
		color: #333;
	}
	.tableau .blmfonce2 {
		background: #ebe8e8;
		color: #333;
	}
	.tableau .blmclair1:hover {
		background: #0064aa;
		color: #fff;
	}
	.tableau .blmfonce1:hover {
		background: #03538b;
		color: #fff;
	}
	.tableau .blmclair2:hover {
		background: #0064aa;
		color: #fff;
	}
	.tableau .blmfonce2:hover {
		background: #03538b;
		color: #fff;
	}	
	.tableau .lhsgclair1 {
	background: #f5f5f5;
	color: #333;
	}
	.tableau .lhsgfonce1 {
		background: #ffffff;
		color: #333;
	}
	.tableau .lhsgclair2 {
		background: #e2e1e1;
		color: #333;
	}
	.tableau .lhsgfonce2 {
		background: #ebe8e8;
		color: #333;
	}
	.tableau .lhsgclair1:hover {
		background: #0b3a51;
		color: #fff;
	}
	.tableau .lhsgfonce1:hover {
		background: #184d67;
		color: #fff;
	}
	.tableau .lhsgclair2:hover {
		background: #0b3a51;
		color: #fff;
	}
	.tableau .lhsgfonce2:hover {
		background: #184d67;
		color: #fff;
	}
	
	.tableau .clpclair1 {
		background: #f5f5f5;
		color: #333;
	}
	
	.tableau .clpfonce1 {
		background: #ffffff;
		color: #333;
	}

	.tableau .clpclair2 {
		background: #e2e1e1;
		color: #333;
	}
	.tableau .clpfonce2 {
		background: #ebe8e8;
		color: #333;
	}
	.tableau .clpclair1:hover {
		background: #37635a;
		color: #fff;
	}
	
	.tableau .clpfonce1:hover {
		background: #23403A;
		color: #fff;
	}

	.tableau .clpclair2:hover {
		background: #37635a;
		color: #fff;
	}
	.tableau .clpfonce2:hover {
		background: #23403A;
		color: #fff;
	}


.carousel .row .col-xs-offset-3 {
    margin-left: 15%;
}	
.carousel .row  .col-xs-6 {
    width: 75%;
}	

	.bonplan-famille {
		height: 150px;
		background: #969696;
		overflow: hidden;
		margin-top: 20px;
	}
	.bonplan-famille:hover {
		background: #6cbe99;
		box-shadow: 5px 5px 10px rgba(0, 0, 0, .3);		
	}		
	.bonplan-1ereneige {
		height: 150px;
		background: #bebebe;
		overflow: hidden;
		margin-top: 20px;
	}
	.bonplan-1ereneige:hover {
		background: #143055;
		box-shadow: 5px 5px 10px rgba(0, 0, 0, .3);		
	}
	.bonplan-6egale5 {
		height: 150px;
		background: #686868;
		overflow: hidden;
		margin-top: 20px;
	}
	.bonplan-6egale5:hover {
		background: #b20e10;
		box-shadow: 5px 5px 10px rgba(0, 0, 0, .3);		
	}
	.bonplan-printemps {
		height: 150px;
		background: #4e4e4e;
		overflow: hidden;
		margin-top: 20px;
	}
	.bonplan-printemps:hover {
		background: #f6a200;
		box-shadow: 5px 5px 10px rgba(0, 0, 0, .3);		
	}
	.bonplan-balme {
		height: 150px;
		background: #b2b2b2;
		overflow: hidden;
		margin-top: 20px;
	}
	.bonplan-balme:hover {
		background: #0064aa;
		box-shadow: 5px 5px 10px rgba(0, 0, 0, .3);		
	}	
	.bonplan-ppu {
		height: 150px;
		background: #f2eef7;
		overflow: hidden;
		margin-top: 20px;
	}	
	.infos-bonplan {
		float: left;
		font-size: 15px;
		color: #fff;
		padding-top: 10px;
	}
	.image-left {
    float: left;
	}
	@media (max-width: 596px) {
	.image-left {
		width: 100%!important;
		padding-top: 30px;
	}	
	}

/* DIGITAL EXPERIENCE  */
	.col-item {
		border: 1px solid #E1E1E1;
		border-radius: 10px;
		background: #FFF;
		margin-bottom: 40px;
	}
	.col-item .photo img
	{
		margin: 0 auto;
		width: 100%;
	}
	.col-item .info
	{
		padding: 10px;
		border-radius: 0 0 10px 10px;
		margin-top: 1px;
	}
	.col-item:hover .info {
	  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
	}
	.col-item .price
	{
		/*width: 50%;*/
		float: left;
		margin-top: 5px;
	}
	.col-item .price h5
	{
		line-height: 20px;
		margin: 0;
		margin-bottom: 20px;
		color: #fff;
	}
	.price-text-color
	{
		color: #fff;
	}
	.col-item .info .rating
	{
		color: #777;
	}
	.col-item .rating
	{
		float: left;
		font-size: 17px;
		text-align: right;
		line-height: 52px;
		margin-bottom: 10px;
		height: 52px;
	}
	.col-item .separator
	{
		border-top: 1px solid #E1E1E1;
	}
	.clear-left
	{
		clear: left;
	}
	.col-item .separator p
	{
		line-height: 20px;
		margin-bottom: 0;
		margin-top: 10px;
		text-align: center;
	}
	.col-item .separator a
	{
		text-decoration: none;
		color: #fff;
	}
	.col-item .separator a:hover
	{
		text-decoration: none;
		color: #0094aa;
	}
	.col-item .separator p i
	{
		margin-right: 5px;
	}
	.col-item .btn-add
	{
		width: 50%;
		float: left;
	}
	.col-item .btn-add
	{
		border-right: 1px solid #E1E1E1;
	}
	.col-item .btn-details
	{
		width: 50%;
		float: left;
		padding-left: 10px;
	}
	.controls
	{
		margin-top: 20px;
	}	
	
	
	.post-img-content {
		height: 196px;
		position: relative;
	}	
	.post-img-content img {
		position: absolute;
		padding: 1px;
		border-radius: 10px 10px 0 0;
		max-height: 196px;
	}	
	.post-title {
		display: table-cell;
		vertical-align: bottom;
		z-index: 2;
		position: relative;
	}
	.post-title b:first-child {
		font-size: 14px;
	}
	.post-title b {
		background-color: rgba(0, 47, 86, 0.80);
		display: inline-block;
		margin-bottom: 5px;
		margin-left: 2px;
		color: #FFF;
		padding: 10px 15px;
		margin-top: 10px;
		font-size: 12px;
	}
	.post-title-ete {
		display: table-cell;
		vertical-align: bottom;
		z-index: 2;
		position: relative;
	}
	.post-title-ete b:first-child {
		font-size: 14px;
	}
	.post-title-ete b {
		background-color: rgba(252, 175, 23, 0.80);
		display: inline-block;
		margin-bottom: 5px;
		margin-left: 2px;
		color: #FFF;
		padding: 10px 15px;
		margin-top: 10px;
		font-size: 12px;
	}

	

.commentaires {
	font-size: 15px;
	text-align : center;
	font-weight: 900;
	color: #143055;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 10px;
	background-color: #fff;	
}
.commentaires-ete {
	font-size: 15px;
	text-align : center;
	font-weight: 900;
	color: #333;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 10px;
	background-color: #fff;	
}	

.btn-commentaires {
	font-size: 15px;
	text-align : center;
	font-weight: 900;
	color: red;
	margin-left: auto;
	margin-right: auto;	
	background-color: #fff;
	padding: 5px 10px;
}

.price-pass {
	font-size: 18px;
}
	@media (max-width: 596px) {
	.price-pass {
		font-size: 14px;
	}	
	}
.price-pass2 {
	font-size: 16px;
}
	@media (max-width: 596px) {
	.price-pass2 {
		font-size: 11px;
	}	
	}	

    .event-list {
		list-style: none;
		font-family: 'Lato', sans-serif;
		margin: 0px;
		padding: 0px;
	}
	.event-list > li {
		background-color: rgb(255, 255, 255);
		box-shadow: 0px 0px 5px rgb(51, 51, 51);
		box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
		padding: 0px;
		margin: 0px 0px 20px;
	}
	.event-list > li > time {
		display: inline-block;
		width: 100%;
		color: rgb(255, 255, 255);
		background-color: rgb(197, 44, 102);
		padding: 5px;
		text-align: center;
		text-transform: uppercase;
	}
	.event-list > li:nth-child(even) > time {
		background-color: rgb(165, 82, 167);
	}
	.event-list > li > time > span {
		display: none;
	}
	.event-list > li > time > .day {
		padding-top: 30px;
		display: block;
		font-size: 35pt;
		font-weight: 700;
		line-height: 1,5;
	}
	.event-list > li time > .month {
		display: block;
		font-size: 15pt;
		font-weight: 900;
		line-height: 1;
	}
	.event-list > li > time > .year {
		display: block;
		font-size: 30pt;
		font-weight: 100;
		line-height: 1;
	}	
	.event-list > li > img {
		width: 100%;
	}
	.event-list > li > .info {
		padding-top: 5px;
		text-align: center;
	}
	.event-list > li > .info > .title {
		font-size: 17pt;
		font-weight: 700;
		margin: 0px;
	}
	.event-list > li > .info > .desc {
		font-size: 11pt;
		font-weight: 300;
		margin: 0px;
	}
	.event-list > li > .info > ul,
	.event-list > li > .social > ul {
		display: table;
		list-style: none;
		margin: 10px 0px 0px;
		padding: 0px;
		width: 100%;
		text-align: center;
	}
	.event-list > li > .social > ul {
		margin: 0px;
	}
	.event-list > li > .info > ul > li,
	.event-list > li > .social > ul > li {
		display: table-cell;
		cursor: pointer;
		color: rgb(30, 30, 30);
		font-size: 11pt;
		font-weight: 300;
        padding: 3px 0px;
	}
    .event-list > li > .info > ul > li > a {
		display: block;
		width: 100%;
		color: rgb(30, 30, 30);
		text-decoration: none;
	} 
    .event-list > li > .social > ul > li {    
        padding: 0px;
    }
    .event-list > li > .social > ul > li > a {
        padding: 3px 0px;
	} 
	.event-list > li > .info > ul > li:hover,
	.event-list > li > .social > ul > li:hover {
		color: rgb(30, 30, 30);
		background-color: rgb(200, 200, 200);
	}
	.facebook a,
	.twitter a,
	.youtube a,	
	.isntagram a {
		display: block;
		width: 100%;
		color: rgb(75, 110, 168) !important;
	}
	.twitter a {
		color: rgb(79, 213, 248) !important;
	}
	.youtube a {
		color: rgb(218, 39, 36) !important;
	}
	.isntagram a {
		color: rgb(184, 51, 140) !important;
	}
	.facebook:hover a {
		color: rgb(255, 255, 255) !important;
		background-color: rgb(75, 110, 168) !important;
	}
	.twitter:hover a {
		color: rgb(255, 255, 255) !important;
		background-color: rgb(79, 213, 248) !important;
	}
	.youtube:hover a {
		color: rgb(255, 255, 255) !important;
		background-color: rgb(218, 39, 36) !important;
	}	
	.instagram:hover a {
		color: rgb(255, 255, 255) !important;
		background-color: rgb(184, 51, 140) !important;
	}

	@media (min-width: 768px) {
		.event-list > li {
			position: relative;
			display: block;
			width: 100%;
			height: 200px;
			padding: 0px;
		}
		.event-list > li > time,
		.event-list > li > img  {
			display: inline-block;
		}
		.event-list > li > time,
		.event-list > li > img {
			width: 130px;
			float: left;
		}
		.event-list > li > .info {
			background-color: rgb(245, 245, 245);
			overflow: hidden;
		}
		.event-list > li > time,
		.event-list > li > img {
			width: 140px;
			height: 200px;
			padding: 0px;
			margin: 0px;
		}
		.event-list > li > .info {
			position: relative;
			height: 200px;
			text-align: left;
			padding-right: 40px;
		}	
		.event-list > li > .info > .title, 
		.event-list > li > .info > .desc {
			padding: 0px 10px;
		}
		.event-list > li > .info > ul {
			position: absolute;
			left: 0px;
			bottom: 0px;
		}
		.event-list > li > .social {
			position: absolute;
			top: 0px;
			right: 0px;
			display: block;
			width: 40px;
		}
        .event-list > li > .social > ul {
            border-left: 1px solid rgb(230, 230, 230);
        }
		.event-list > li > .social > ul > li {			
			display: block;
            padding: 0px;
		}
		.event-list > li > .social > ul > li > a {
			display: block;
			width: 40px;
			padding: 10px 0px 9px;
		}
	}
	
.portfolio{
                -moz-background-size: cover;
                -webkit-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
                width: 100%;
                overflow: hidden;	
            }

            .portfolio_content{
                padding-bottom:120px;
                display:inline-block;
            }
            .portfolio .portfolio_content .head_title h3{
                color:#000000;
            }
            .portfolio .portfolio_content .head_title h4{
                color:#000000;
            }
            .single_portfolio_text{
                display:inline-block;
                padding:0;
                position:relative;
                overflow:hidden;

            }
            .single_portfolio_text img{
                width:100%;
            }
            .single_portfolio_text:hover .portfolio_images_overlay{
                top:0%;
                left: 0%;
            }
            .portfolio_images_overlay{
                width: 100%;
                height: 100%;
                background: rgba(0, 148, 170, .8);
                padding: 20px;
                margin: 0 auto;
                top:-100%;
                left: 0;
                position: absolute;
                transition:.2s;
            }
            .portfolio_images_overlay h6{
                text-transform:uppercase;
                color:#fff;
                font-size:2rem;
                line-height:2.575rem;
                font-weight: 500;
                margin-top: 20%;
            }
            .portfolio_images_overlay p.product_price{
                font-size:1.75rem;
                color:#fff;
                line-height:2rem;
            }
            .portfolio_images_overlay .btn{
                margin-top: 25px;
            }

            @media (min-width:769px) and (max-width:991px) {
                .portfolio_images_overlay {
                    padding: 0px;
                }
            }
            @media (max-width:768px) {
                .portfolio_images_overlay{
                    padding: 170px 20px;
                }
            }
            @media (max-width:580px) {
                .portfolio_images_overlay{
                    padding: 100px 20px;
                }
            }
            @media (max-width:480px) {
                .portfolio_images_overlay{
                    padding: 40px 20px;
                }
            }
            @media (max-width:320px) {
                .portfolio_images_overlay{
                    padding: 20px;
                }
            }	
			
.chiffres {
	font-size: 13px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 100;	
}	
.chiffres-ete {
	font-size: 13px;
	text-transform: uppercase;
	color: #333;
	font-weight: 100;	
}
.close {
	font-size: 60px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #fff;
}

.footer-infos {
	background: #f5f5f5;
	color: #333;
	padding: 20px 60px;
	font-weight: 100;
}
.footer-chiffres {
	background: #fff;
	color: #333333;
	padding: 20px;
}
.footer-restos {
	background: #fff;
	color: #333333;
	padding: 20px;
}
.footer-restos img {
	width: 70%;
	height: auto;
}
.tripadvisor {
	background: #f5f5f5;
	color: #333;
	padding: 20px 25px;
}

@media screen and (max-width : 967px) { 
	.footer-restos img {
		width: 50%;
		height: auto;
	}
	.footer-infos {
		background: #f5f5f5;
		color: #333;
		padding: 20px 200px;
		font-weight: 100;	
	}	
	.tripadvisor {
	background: #f5f5f5;
	color: #333;
	padding: 20px 225px;
	}
}

/* Noir et blanc */
.grayscale div img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.grayscale div:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

/* WEBCAMS  */

border: 0;
}

@media (min-width: 1200px)
#selectorv2:not(.fullscreen) .rhineheart {
    margin-top: -250px;
}
</style>
