@import url(ie8.css);
/*Import CSS MENU*/
@import url(fhmm.css);
/*Import CSS Col Clearfix*/
@import url(multi-columns-row.css);
/*Import CSS Plugins*/
@import url(plugins/animate.css);
* {
	border-radius: 0 !important;
}
body {
	color: #333;
	font: 13px/1.6 "Ubuntu", Helvetica, Arial, sans-serif;
}
p, li, li a {
	color: #292d2d;
}
a {
	color: #000;
	text-decoration: none;
}
a, a:focus, a:hover, a:active {
	outline: 0 !important;
	color: #ccc;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
hr {
	margin: 30px 0;
}
h1 {
	font-size: 28px;
	line-height: 35px;
}
h2 {
	font-size: 24px;
	line-height: 33px;
}
h3 {
	font-size: 20px;
	line-height: 22px;
}
h4 {
	line-height: 25px;
}
h5 {
	line-height: 20px;
}
h6 {
	line-height: 18px;
}
h1, h2, h3, h4, h5, h6 {
	color: #585f69;
	margin-top: 5px;
	text-shadow: none;
	font-weight: normal;
	font-family: "Ubuntu", Helvetica, Arial, sans-serif;*/
}
.form-control {
	box-shadow: none;
	height: 30px;
	background-color: #292d2d;
	border: 1px solid #292d2d;
	color: #CDCDCD;
}
.form-control:focus {
	box-shadow: 0 0 2px #c9c9c9;
}
.bt-newsletter {
	height: 30px;
	width: 30px;
	color: #FFFFFF;
	text-align: center;
	border: 1px solid #000;
	font-weight: 700;
}
.bt-newsletter:hover {
	border: 1px solid #000;
}
.carousel-v1 .carousel-arrow a.carousel-control {
	opacity: 1;
	font-size: 30px;
	height: inherit;
	width: inherit;
	background: none;
	text-shadow: none;
	position: inherit;
}

.carousel-caption {
    left: 0px;
    bottom: 0px;
    padding: 3px 4px 1px 4px;
    position: absolute;
    background-color: rgba(51,51,51,0.4);
    min-width: 100%;
    max-width: 100%;
    width: 100%;
}

.carousel-caption p {
    text-align: center;
    color: #fff;
/*    font-family: 'Ubuntu', sans-serif; */
    font-weight: 700;

}

 @-moz-document url-prefix() {
 .footer-subsribe .btn-u {
 padding-bottom: 4px;
}
}

@media (max-width: 768px) {
 @-moz-document url-prefix() {
 .btn-u {
 padding-bottom: 6px;
}
}
}

.carousel-v1 .carousel-arrow a.right i {
	right: 0;
}
.carousel-v1 .carousel-arrow a i {
	background: none repeat scroll 0 0 #000;
	margin-top: -18px;
	opacity: 0.6;
	padding: 2px 12px;
	position: absolute;
	top: 50%;
}
/*Buttons Color*/
.btn-u {
	background: #ccc;
}
.btn-u:hover, .btn-u:focus, .btn-u:active {
	background: #000;
}

/*Icons Color*/
i.icon-color-u, i.icon-color-red, i.icon-color-sea, i.icon-color-dark, i.icon-color-grey, i.icon-color-blue, i.icon-color-green, i.icon-color-yellow, i.icon-color-orange, i.icon-color-purple, i.icon-color-aqua, i.icon-color-brown, i.icon-color-dark-blue, i.icon-color-light-grey, i.icon-color-light-green, {
 background: none;
}
blockquote {
	padding: 5px 15px;
	border-left-width: 2px;
}
blockquote:hover {
	border-color: #ccc;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.margin-bottom-5, .margin-bottom-10, .margin-bottom-15, .margin-bottom-20, .margin-bottom-25, .margin-bottom-30 .margin-bottom-35, .margin-bottom-40, .margin-bottom-45, .margin-bottom-50, .margin-bottom-55, .margin-bottom-60, .margin-bottom-70, .margin-bottom-80, .margin-bottom-90, .margin-bottom-100, .margin-top-5, .margin-top-10, .margin-top-15, .margin-top-20, .margin-top-25, .margin-top-30 .margin-top-35, .margin-top-40, .margin-top-45, .margin-top-50, .margin-top-55, .margin-top-60, .margin-top-70, .margin-top-80, .margin-top-90, .margin-top-100 {
	clear: both;
}
.margin-bottom-5 {
	margin-bottom: 5px;
}
.margin-bottom-10 {
	margin-bottom: 10px;
}
.margin-bottom-15 {
	margin-bottom: 15px;
}
.margin-bottom-20 {
	margin-bottom: 20px;
}
.margin-bottom-25 {
	margin-bottom: 25px;
}
.margin-bottom-30 {
	margin-bottom: 30px;
}
.margin-bottom-35 {
	margin-bottom: 35px;
}
.margin-bottom-40 {
	margin-bottom: 40px;
}
.margin-bottom-45 {
	margin-bottom: 45px;
}
.margin-bottom-50 {
	margin-bottom: 50px;
}
.margin-bottom-55 {
	margin-bottom: 55px;
}
.margin-bottom-60 {
	margin-bottom: 60px;
}
.margin-bottom-70 {
	margin-bottom: 70px;
}
.margin-bottom-80 {
	margin-bottom: 80px;
}
.margin-bottom-90 {
	margin-bottom: 90px;
}
.margin-bottom-100 {
	margin-bottom: 100px;
}
.margin-top-5 {
	margin-top: 5px;
}
.margin-top-10 {
	margin-top: 10px;
}
.margin-top-15 {
	margin-top: 15px;
}
.margin-top-20 {
	margin-top: 20px;
}
.margin-top-25 {
	margin-top: 25px;
}
.margin-top-30 {
	margin-top: 30px;
}
.margin-top-35 {
	margin-top: 35px;
}
.margin-top-40 {
	margin-top: 40px;
}
.margin-top-45 {
	margin-top: 45px;
}
.margin-top-50 {
	margin-top: 50px;
}
.margin-top-55 {
	margin-top: 55px;
}
.margin-top-60 {
	margin-top: 60px;
}
.margin-top-70 {
	margin-top: 70px;
}
.margin-top-80 {
	margin-top: 80px;
}
.margin-top-90 {
	margin-top: 90px;
}
.margin-top-100 {
	margin-top: 100px;
}

@media (max-width: 992px) {
.md-margin-bottom-10 {
	margin-bottom: 10px;
}
.md-margin-bottom-20 {
	margin-bottom: 20px;
}
.md-margin-bottom-30 {
	margin-bottom: 30px;
}
.md-margin-bottom-40 {
	margin-bottom: 40px;
}
.md-margin-bottom-50 {
	margin-bottom: 50px;
}
.md-margin-bottom-60 {
	margin-bottom: 60px;
}
}
.overflow-hidden {
	overflow: hidden;
}
.content {
	padding-top: 5px;
}
.hover-effect {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.wrapper {
	background: #fff;
}
.topbar {
	z-index: 12;
	padding: 0px 0px 0px 0px;
	position: relative;
	background-color: #333;/*height: 30px;*/
}
.topbar ul.loginbar {
	margin: 5px;
}
.topbar ul.loginbar > li {
	display: inline;
	list-style: none;
	position: relative;
	padding-bottom: 0;
	color: #cccccc;
}
.topbar ul.loginbar > li > a, .topbar ul.loginbar > li {
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
}
.topbar ul.loginbar > li > a:hover {
	color: #ccc;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
}

.topbar .login-popup {
  display: none;
  position: absolute;
  background: #333333 none repeat scroll 0 0;
  width: 450px;
  margin: 5px 0 5px -5px;
  padding: 1em;
  z-index: 100;
}

.topbar .login-popup .login-field {
    margin-left: 5px;
    float: left;
}

.topbar .login-popup input[type="submit"] {
    float: left;
    margin-top: 25px;
}

.topbar ul.loginbar > li > a.account-label, .topbar ul.loginbar > li > div.account-label {
    padding: 5px 2em 5px 0;
}

.topbar ul.loginbar > li > div.account-label:hover .login-popup {
    display: block;
}

.topbar .login-popup:hover {
    display: block;
}

.navbar-toggle {
	background: #ccc;
}
.navbar-toggle:hover {
	background: #5d6464 !important;
}
.navbar .icon-bar:before {  content:none;}
/*Header*/
.header {
	z-index: 99;
	position: relative;
	background-color: #333333;
}
.header .dropdown-menu {
	background-image: url(/assets/images/commun/ombre-menu.png);
	background-position: left top;
	background-repeat: repeat-x;
}
/*Footer*/
.footer {
	background-color: #cabea4;
	padding: 45px 0 0 0;/*background-image: url(/assets/images/commun/ombre-footer.png);
	background-position: center top;
	background-repeat: no-repeat;*/
}
.footer a {
	font-size: 13px;
	color: #ffffff;
}
.footer a:hover {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.footer h3 {
	background: none;
	text-shadow: none;
	color: #000000;
}
.footer .footer-subsribe {
	width: 85%;
	margin-top: -5px;
}
.footer .navbas {
	margin: 12px 0 0 0;
	text-transform: uppercase;
}
.footer .navbas ul a {
	text-decoration: none;
	font-weight: normal;
}
.footer .navbas ul a:hover {
	color: #ccc;
	font-weight: normal;
}
.footer .navbas ul {
	display: list-item;
	list-style-type: none;
	list-style-position: outside;
	margin: 0 0 10px 0px;
	padding: 0 0 0 0px;
	text-transform: none;
}
.footer .navbas ul li {
	padding-bottom: 5px;
}
/*Thumbnails
------------------------------------*/
.thumbnail-style {
	padding: 7px;
	margin-bottom: 20px;
}
.thumbnail-style:hover {
	box-shadow: 0 0 8px #ddd;
	-webkit-transition: box-shadow 0.2s ease-in-out;
	-moz-transition: box-shadow 0.2s ease-in-out;
	-o-transition: box-shadow 0.2s ease-in-out;
	transition: box-shadow 0.2s ease-in-out;
}
.thumbnail-style h3 {
	margin: 6px 0 8px 0;
}
.thumbnail-style h3 a {
	color: #585f69;
	font-size: 1em;
}
.thumbnail-style h3 a:hover {
	color: #000;
	text-decoration: none;
}
.thumbnail-style .thumbnail-img {
	position: relative;
	margin-bottom: 11px;
}
.thumbnail-style .dates {
	right: 0px;
	top: 0px;
	color: #fff;
	padding: 3px 4px 1px 4px;
	position: absolute;
	text-align: center;
	background: #333333;
}
.thumbnail-style .dates .apartir {
	color: #fff;
	display: block;
	text-align: center;
	font-size: 0.8em;
}
.thumbnail-style .dates .mois {
	color: #fff;
	display: block;
	text-align: center;
	font-size: 1.5em;
}
.fiche-sitra-fete_et_manifestation .dates .mois {
	display: inline;
	text-align: center;
    margin-left: 5px;
}
/*Thumbnails type
------------------------------------*/
.thumbnail-type {
	padding: 0;
	margin-bottom: 0;
}
.thumbnail-type:hover {
	box-shadow: 0 0 8px #ddd;
	-webkit-transition: box-shadow 0.2s ease-in-out;
	-moz-transition: box-shadow 0.2s ease-in-out;
	-o-transition: box-shadow 0.2s ease-in-out;
	transition: box-shadow 0.2s ease-in-out;
}
.thumbnail-type .thumbnail-img {
	position: relative;
	margin-bottom: 11px;
}
.thumbnail-type .titre {
	right: 0px;
	top: 0px;
	padding: 3px 4px 1px 4px;
	position: absolute;
	text-align: center;
	background: transparent;
	width: 100%;
    background-color: rgba(51, 51, 51, 0.4);
}
.thumbnail-type .rechercher {
	right: 0px;
	top: 0px;
	padding: 3px 4px 1px 4px;
	position: absolute;
	text-align: center;
	background: transparent;
	width: 100%
}
.thumbnail-type .rechercher .form-control {
	display: block;
	width: 90%;
	height: 30px;
	margin: 0 10px 10px;
	padding: 4px 9px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.thumbnail-type .titreVideo {
	right: 0px;
	top: 0px;
	position: absolute;
	text-align: center;
	width: 100%;
	background-image: -webkit-linear-gradient(270deg, rgba(0,0,0,0.50) 51.49%, rgba(255,255,255,0.00) 100%);
	background-image: linear-gradient(180deg, rgba(0,0,0,0.50) 51.49%, rgba(255,255,255,0.00) 100%);
}

.thumbnail-type .titreVideo .title {
    padding: 3px 4px 1px;
    background-color: rgba(51, 51, 51, 0.4);
    margin-bottom: 30px;
}

.thumbnail-type .titreVideo .title h3{
    padding: 0;
    margin-bottom: 10px;
}

.thumbnail-type .titre h3, .thumbnail-type .rechercher h3 {
	color: #fff;
}
.thumbnail-type .titreVideo h3 {
	color: #fff;
	padding: 0 0 20px 0;
}
.thumbnail-type .titreVideo .play {
	padding: 70px 0 0 0;
}
.thumbnail-type hr {
	margin-top: 5px;
	margin-bottom: 5px;
	border-right: 0px none;
	border-width: 1px 0px 0px;
	border-style: solid none none;
	border-color: #EEE -moz-use-text-color -moz-use-text-color;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
}
.thumbnail-type .pictometeo {
	float: left;
	width: 45%;
	margin: 5px 0 0 15px;
}
.thumbnail-type .temperature {
	float: right;
	width: 45%;
	margin-top: 25px;
}
.thumbnail-type .temperature .temp {
	color: #FFFFFF;
	font: bold normal "Ubuntu", Helvetica, Arial, sans-serif;
	font-size: 3em;
	display: block;
	text-align: left
}
.thumbnail-type .temperature .plusinfos a {
	color: #FFFFFF;
	font: bold normal "Ubuntu",Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	text-align: left
}
.thumbnail-kenburn img {
	left: 10px;
	margin-left: -10px;
	position: relative;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}
.thumbnail-kenburn:hover img {
	-webkit-transform: scale(1.2) rotate(2deg);
	-moz-transform: scale(1.2) rotate(2deg);
	-o-transform: scale(1.2) rotate(2deg);
	-ms-transform: scale(1.2) rotate(2deg);
	transform: scale(1.2) rotate(2deg);
}

.column-zone div.thumbnails.thumbnail-style.thumbnail-kenburn {
    text-align: center;
}

/*Thumbnails simple
------------------------------------*/
.thumbnail-style-simple {
	padding: 0px;
	margin-bottom: 40px;
}
.thumbnail-style-simple:hover {
	box-shadow: none;
	-webkit-transition: box-shadow 0.2s ease-in-out;
	-moz-transition: box-shadow 0.2s ease-in-out;
	-o-transition: box-shadow 0.2s ease-in-out;
	transition: box-shadow 0.2s ease-in-out;
	border: none;
	cursor: pointer;
}
.thumbnail-style-simple .thumbnail-img {
	position: relative;
	margin-bottom: 11px;
}
.thumbnail-style-simple .thumbnail-img .overflow-hidden .thumbnail-img {
	margin-bottom: 0;
}
.thumbnail-style-simple .dates {
	left: 0px;
	bottom: 0px;
	color: #fff;
	padding: 3px 4px 1px 4px;
	position: absolute;
	text-align: center;
	background-color: rgba(51,51,51,0.4);
	min-width: 100%;
	max-width: 100%;
	width: 100%;
}
.thumbnail-style-simple .dates:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}
.thumbnail-style-simple .dates h2 {
	color: #fff;
	display: block;
	text-align: center;
	font-size: 1.2em;
	padding: 4px;
	margin: 0;
	line-height: 1.3em;
}
.thumbnail-style-simple .dates .texte {
	color: #fff;
	display: block;
	text-align: center;
	font-size: 0.9m;
	padding: 0 0 3px 0;
	margin: 0;
}
.titre-thumbnails {
	color: #000;
	display: block;
	text-align: left;
	font: bold normal 1.15em/1.6em "Ubuntu", Helvetica, Arial, sans-serif;
	padding: 10px 0 11px 0;
	margin: 0;
	text-transform: uppercase;
}
.fiche {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #2D4A60;
}
.fiche .fa {
	vertical-align: middle;
}
.fiche-lien, .fiche-lien a, .fiche-lien a:link, .fiche-lien a:visited {
	color: #808080;
	font: normal normal 1.1em/1em "Ubuntu", Helvetica, Arial, sans-serif;
	padding: 0px 0 11px 3px;
}
.filets-thumbnail {
	border: 1px solid #ada6a2;
}

@media (min-width: 768px) and (max-width: 998px) {
/*Navbar Brand*/
.header .navbar-brand {
	top: 4px;
}
}
.tp-banner-container {
	position: relative;
}
.revolution-mch-1:after {
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	content: ' ';
	position: absolute;
	background-color: rgba(0,0,0,0.0);
	padding-left: 10px;
	padding-right: 10px;
}
.revolution {
	margin: 0 0 0 10px;
}
.revolution .titre01 {
	color: #fff;
	font: 800 40px/38px "Ubuntu", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	text-align: left;
	padding: 0;
	margin: 0 0 12px 0;
	display: block;
}
.revolution .titre01 .plusBG {
	padding: 8px 10px;
	-webkit-border-radius: 0px 10px 0px 10px;
	-moz-border-radius: 0px 10px 0px 10px;
	-khtml-border-radius: 0px 10px 0px 10px;
	border-radius: 0px 10px 0px 10px;
    line-height: 50px;

}
.revolution .txt {
	color: #FFF;
	font-size: 1.8em;
	line-height: 1.3em;
	position: relative;
	text-align: left;
	/* font-weight: 500; */
	font-family: "Ubuntu", Helvetica, Arial, sans-serif;
	display: block;
	padding: 4px 10px;
    background-color: rgba(0,0,0,0.40);
    margin-bottom: 10px;
}

div.tp-caption.revolution.start {
    padding-left: 10px;
}

div.tp-caption.revolution.start a.btn.btn-xsa {
    margin-bottom: 10px;
}

.visible-xs-block, .visible-sm-block {
	display: none !important;
}

@media (min-width: 501px) {
    .logo, .logo a:link, .logo a:visited, .logo a:active, .logo a:hover {
        font: 400 38px "Ubuntu", Helvetica, Arial, sans-serif;
        color: #FFFFFF;
        text-shadow: 1px 1.732px 2px rgba(0, 0, 0, 0.61);
    }
}

@media (max-width: 500px) {
    .logo, .logo a:link, .logo a:visited, .logo a:active, .logo a:hover {
        font: 400 25px "Ubuntu", Helvetica, Arial, sans-serif;
        color: #FFFFFF;
        text-shadow: 1px 1.732px 2px rgba(0, 0, 0, 0.61);
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }

    .main-logo {
        width: 200px;
        height: 89px;
        margin: 4px 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}

.btn-xsa {
	background-color: #ccc;
	border-color: #ccc;
	color: #fff;
	font-weight: 500;
	box-shadow: 1px 1px 5px #393939;
	-webkit-border-radius: 5px!important;
	-moz-border-radius: 5px!important;
	-khtml-border-radius: 5px!important;
	border-radius: 5px!important;
}
.btn-xsa:hover {
	background-color: #000;
	border-color: #000;
	color: #fff;
	-webkit-border-radius: 5px!important;
	-moz-border-radius: 5px!important;
	-khtml-border-radius: 5px!important;
	border-radius: 5px!important;
}
.btn-xsa2 {
	background-color: #96c110;
	border-color: #96c110;
	color: #fff !important;
	font-weight: 500;
	box-shadow: 1px 1px 5px #393939;
	-webkit-border-radius: 5px!important;
	-moz-border-radius: 5px!important;
	-khtml-border-radius: 5px!important;
	border-radius: 5px!important;
	padding: 5px 6px 5px 6px!important;
	width: 100%;
}
.btn-xsa2:hover {
	background-color: #2f4962;
	border-color: #2f4962;
	font-weight: 500;
	color: #fff !important;
	-webkit-border-radius: 5px!important;
	-moz-border-radius: 5px!important;
	-khtml-border-radius: 5px!important;
	border-radius: 5px!important;
	padding: 5px 6px 5px 6px!important;
	width: 100%;
}
.btn-xsa3 {
	background-color: #ccc;
	border-color: #ccc;
	color: #fff;
	font-weight: 500;
	box-shadow: 1px 1px 5px #393939;
	-webkit-border-radius: 5px!important;
	-moz-border-radius: 5px!important;
	-khtml-border-radius: 5px!important;
	border-radius: 5px!important;
}
.btn-xsa3:hover {
	background-color: #000;
	font-weight: 500;
	border-color: #000;
	color: #fff;
	-webkit-border-radius: 5px!important;
	-moz-border-radius: 5px!important;
	-khtml-border-radius: 5px!important;
	border-radius: 5px!important;
}
.btn-xsa-recherche {
	background-color: #96c110;
	color: #fff;
	font-weight: normal;
	padding: 3px 9px 3px 9px;
	box-shadow: 1px 1px 5px #393939;
	font-size: 1.2em;
	margin-top: 3px;
	-webkit-border-radius: 5px!important;
	-moz-border-radius: 5px!important;
	-khtml-border-radius: 5px!important;
	border-radius: 5px!important;
	border: 1px solid #96c110!important;
}
.btn-xsa-recherche:hover {
	background-color: #2f4962;
	color: #fff;
	border: 1px solid #fff!important;
	box-shadow: 1px 1px 5px #393939;
}
.lesdates {
	text-align: right;
}
.lesdates .titredates {
	font: 300 2.1em "Ubuntu", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	text-align: right;
	display: block;
	padding: 0 0 15px 0;
}
.vignettesht {
	height: 370px;
}
/***** choose-Actu *****/
.prochainedates {
	display: block;
	font-size: 1.5em;
	text-align: center;
	letter-spacing: 0.2em;
	padding: 0 0 1px 0;
	margin-bottom: 5px;
	width: 100%;
	border-bottom: 1px solid #1A1A1A;
}
.chooseActus {
	position: relative;
	margin: 0 auto;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}
.chooseActus figure {
	position: relative;
	float: left;
	overflow: hidden;
	width: 100%;
	height: auto;
	background: #ccc;
	text-align: center;
	cursor: pointer;
}
.chooseActus figure img {
	position: relative;
	display: block;
	max-width: 100%;
	opacity: 1;
	background: #fff;
}
.chooseActus figure figcaption {
	color: #fff;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.chooseActus figure figcaption::before, .chooseActus figure figcaption::after {
	pointer-events: none;
}
.chooseActus figure figcaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.chooseActus figure p {
	margin: 0;
}
.chooseActus h2 {
	color: #ffffff;
}
.chooseActus .btn-val {
	background-color: transparent;
	border-color: #fff;
	color: #fff;
	font-family: "Ubuntu", Helevetica, Arial, sans-serif;
	font-weight: 500;
}
.chooseActus .btn-val:hover {
	background-color: #fff;
	border-color: #fff;
	color: #000;
}
.titre-chooseActus {
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
}
/***** effect-val *****/

.effect-val figcaption {
	top: auto;
	bottom: 0;
	padding: 1em;
	height: 3.75em;
	color: #3c4a50;
	opacity: 1;
}
.effect-val .description {
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */
}
.effect-val .titre {
	color: #FFFFFF;
	display: block;
	font-weight: 700;
	padding: 0 0 5px 0;
	font-size: 1em;
	line-height: 1.2;
}
.effect-val p {
	display: block;
	color: #FFFFFF;
	font-weight: 500;
	padding: 0 0 10px 0;
	font-size: 0.7em;
}
.effect-val h2 {
	text-align: center;
	font-size: 1.2em;
	padding: 4px 4px 10px 4px;
	margin: 0;
	line-height: 1.3em;
}
.effect-val:hover .description {
	opacity: 1;
}
.effect-val:hover .imgv {
	opacity: 0.1;
}

@media screen and (max-width: 50em) {
.choose figure {
	display: inline-block;
	float: none;
	margin: 10px auto;
	width: 100%;
}
}
.ot {
	border-bottom: 1px solid #00989d;
	margin: 0 0 10px 0;
}
.ot h3 {
	background: none;
	text-shadow: none;
	margin: 20px 0 0px 0;
	padding-bottom: 0px;
	display: inline-block;
	text-transform: uppercase;
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: 700;
}
.instagram {
	border-bottom: 1px solid #00989d;
	margin: 0 0 10px 0;
}
.partenaires {
	background-color: #FFFFFF;
	padding: 8px 8px 2px 8px;
	-webkit-border-radius: 9px!important;
	-moz-border-radius: 9px!important;
	-khtml-border-radius: 9px!important;
	border-radius: 9px!important;
}
.partenaires img {
	margin-right: 20px;
	margin-bottom: 15px;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}
.partenaires img:hover {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}
.socialicons {
	margin: 0;
	padding: 0;
}
.socialicons li {
	list-style: none;
	margin-right: 9px;
	margin-bottom: 5px;
	display: inline-block;
}
.socialicons li a {
	color: #000000;
}
.socialicons li a:hover {
	color: #00989d;
}

.logo {
    margin: 4px 0 4px 0;
}
.slogan {
	color: #FFFFFF;
}
.neigetitre {
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 500;
	padding: 0;
	margin: 0;
	line-height: 9px;
}
.pictos-topbar {
	color: #fff;
	font-size: 250%;
	padding-left: 10px
}
.pictos-topbar-mobile {
	font-size: 120%;
}
.pictos-block {
	margin: 0;
	z-index: 1200;
}
.pictos-block .link_toggle {
	display: block;
	font-family: "Ubuntu", arial, helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding: 5px;
}
.pictos-block .link_toggle:hover {
	color: #00989d;
	text-decoration: none;
}
#latopbar a {
	text-decoration: none;
}
. a [class*="icon-"] {
 transition: background 300ms ease-out 0s;
}
.icon-fr {
	background: url("/images/commun/pictos.png") no-repeat scroll -5px -110px rgba(0, 0, 0, 0);
	height: 25px;
	width: 30px;
}
a:hover .icon-fr {
	background: url('/images/commun/pictos.png') -5px -150px no-repeat;
}
.icon-uk {
	width: 40px;
	height: 25px;
	background: url('/images/commun/pictos.png') -40px -110px no-repeat;
}
a:hover .icon-uk {
	background: url('/images/commun/pictos.png') -40px -150px no-repeat;
}
[class*="icon-"] {
	display: block;
}
.icon-fat {
	padding: 0px 9px 0px 0px;
}
.topbar ul.loginbar {
	margin: 3px;
}
.loginbarfloat {
	float: left;
	margin: 5px 0 5px 0;
}
.loginbarfloat2 {
	float: left;
	margin: 5px 0 5px 0;
}
li.topbar-devider {
	top: -1px;
	padding: 0;
	font-size: 8px;
	position: relative;
	margin: 0 9px 0 5px;
	border-right: 1px dotted #ccc;
}
.fa-1-5x {
	font-size: 1.8em;
	padding: 3px 0 0 0;
}

@media (min-width: 768px) {

    .pictos-topbar {
        color: #fff;
        font-size: 180%;
        padding-left: 10px
    }
    .pictos-block {
        padding: 0px 10px 0px 10px;
    }
    .topbar ul.loginbar {
        margin: 15px 27px 0px -50px;
    }
    .loginbarfloat {
        float: left;
        margin: 5px 0 5px 0;
    }
    .loginbarfloat2 {
        float: left;
        margin: 3px;
    }
}

@media (min-width: 992px) {
#latopbar .collapse {
	display: block;
}
#latopbar .link_toggle {
	display: none;
}
.pictos-block {
	padding: 0;
}
.topbar ul.loginbar {
  margin: 0 0 0 0;
  padding-left: 0;
}
.loginbarfloat {
	float: left;
	margin: 5px 0 5px;
}
.loginbarfloat2 {
	float: right;
	margin: 5px 0 5px 0;
}
.social {
	margin: 4px 0px 0px !important;
}
}

@media (min-width: 1200px) {
}

@media (max-width: 767px) {
#latopbar .link_toggle {
	display: block;
}
.pictos-block {
	padding: 0px 10px 0px 10px;
}
.input-group {
	width: 70%;
}
.loginbarfloat {
	float: left;
	margin: 0px 0 -5px 5px;
}
.loginbarfloat2 {
	float: left;
	margin: 0px 0 5px 0;
}
.revolution .titre01 {
	font: 800 20px/25px "Ubuntu",Helevetica, Arial, sans-serif;
}
.revolution .titre02 {
	font: 300 20px/25px "Ubuntu", Helvetica, Arial, sans-serif;
}
.revolution .txt {
	font-size: 13px;
	line-height: 20px;
}
}
.actualitesHome {
	width: 100%;
	padding: 15px 0 15px 0;
}
.btleft img {
	display: none;
}
.btleft {
	display: block;
	width: 55px;
	height: 44px;
	background-image: url(/assets/images/commun/bt01left.png);
	float: left;
	margin: 0;
	padding: 0 10px 0 10px;
}
.btleft:link {
	background-position: 0 -47px;
}
.btleft:hover {
	background-position: 0 0px;
}
.btright img {
	display: none;
}
.btright {
	display: block;
	width: 55px;
	height: 44px;
	background-image: url(/assets/images/commun/bt01right.png);
	float: left;
	margin: 0px;
	padding: 0;
}
.btright:link {
	background-position: 0 -47px;
}
.btright:hover {
	background-position: 0 0px;
}

.container.col-centered {
    margin:0 auto;
    position: relative;
    top: -70px;
    z-index: 999;
    width:100%;
    height: 0;
}

.btbottom img {
	display: none;
}
.btbottom {
	display: block;
	width: 60px;
	height: 60px;
	background-image: url("/assets/images/commun/home_page_arrow_down.png");
}

.btbottom.small {
	width: 40px;
	height: 40px;
	background-image: url("/assets/images/commun/home_page_arrow_down_small.png");
}

.row.separator {
    border-bottom: 10px solid #d2d7d7;
    margin-left:0;
    margin-right:0;
    position: relative;
}


/*News*/
.magazine-news {
	margin-bottom: 40px;
}
.magazine-news h3 {
	margin: 5px 0 2px;
	color: #292d2d;
	font-size: 1.3em;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.3em;
}
.magazine-news p {
	margin: 0;
	padding: 0;
}
.magazine-news .date {
	margin-bottom: 8px;
	color: #fff !important;
	font-weight: 500;
	letter-spacing: 0.1em;
	background-color: #CBBDA6;
	padding: 0 5px 0 5px;
	text-align: center;
}
.magazine-news-img {
	overflow: hidden;
	position: relative;
}
.magazine-news span.magazine-badge {
	top: 0;
	left: 0;
	color: #fff;
	font-size: 14px;
	padding: 2px 8px;
	position: absolute;
	font-style: inherit;
}
.magazine-news p a {
	padding: 0 4px 0 4px;
	text-decoration: none;
}
.magazine-news p a:hover {
	text-decoration: none;
}
.magazine-news a img, .magazine-news a:hover img {
	background-color: none;
}
/*Breadcrumbs*/
.breadcrumbs {
	padding: 0;
}
.breadcrumb {
	top: 1px;
	padding-right: 0;
	background: transparent;
	position: relative;
	font-size: 0.8em;
	margin: 0 0 0 -15px;
}
.breadcrumb a {
	color: #adadad;
}
.breadcrumb > li {
	text-shadow: none;
}
.breadcrumb li.active, .breadcrumb li a:hover {
	color: #2f4962;
	text-decoration: none;
	text-shadow: none;
}
.breadcrumb li a {
	color: #696969;
	text-shadow: none;
	font-style: normal;
	font-weight: normal;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
/*Tabs
------------------------------------*/
/*Tabs v1*/
.tab-v1 ul {
	display: list-item;
	list-style: none !important;
	margin: 0px 0px 0px 0px !important;
	padding: 0px;
}
.tab-v1 .nav-tabs {
	border: none;
	background: none;
	border-bottom: solid 2px #2f4962;
}
.tab-v1 .nav-tabs a {
	font-size: 14px;
	padding: 5px 15px;
}
.tab-v1 .nav-tabs > .active > a, .tab-v1 .nav-tabs > .active > a:hover, .tab-v1 .nav-tabs > .active > a:focus {
	color: #fff;
	border: none;
	background: #2f4962;
	-webkit-border-radius: 7px 7px 0px 0px !important;
	-moz-border-radius: 7px 7px 0px 0px !important;
	-khtml-border-radius: 7px 7px 0px 0px !important;
	border-radius: 7px 7px 0px 0px !important;
}
.tab-v1 .nav-tabs > li > a {
	border: none;
	color: #96c110
}
.tab-v1 .nav-tabs > li > a:hover {
	color: #fff;
	border: none;
	background: #2f4962;
	-webkit-border-radius: 7px 7px 0px 0px !important;
	-moz-border-radius: 7px 7px 0px 0px !important;
	-khtml-border-radius: 7px 7px 0px 0px !important;
	border-radius: 7px 7px 0px 0px !important;
}
.tab-v1 .tab-content {
	padding: 10px 0;
}
.tab-v1 .tab-content img {
	margin-top: 4px;
	margin-bottom: 15px;
}
.tab-v1 .tab-content img.img-tab-space {
	margin-top: 7px;
}
.tab-v1 ul li {
	padding-bottom: 1px !important;
}
/*Pegination*/

.pagination ul {
	display: list-item;
	list-style: none !important;
	margin: 0px 0px 0px 0px !important;
	padding: 0px;
}
.pagination li a {
	color: #777;
	padding: 5px 15px;
	font-weight: normal;
}

/*Pagination Without Space*/
.pagination-no-space .pagination {
	margin: 0;
}
.form_prestataires {
	margin: 10px 0 0 0;
	width: 65%;
	color: #000000;
	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	-khtml-border-radius: 8px !important;
	border-radius: 8px !important;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	-webkit-box-shadow: 0px 0px 5px #767676;
	box-shadow: 0px 0px 5px #767676;
/*	padding: 8px; */
	height: 32px
}
/*Panel Sea*/
.panelDomaine {
	padding: 0;
	margin: 0;
}
.panelDomaine > .panel-heading {
	background: #2d4a60;
	color: #00989d;
	font-weight: 700;
}
.panelDomaine > .panel-heading-meteo {
	background: #fff;
	color: #00989d;
	font-weight: 700;
	padding: 5px 15px 5px 5px;
	border-bottom: 1px solid #2d4a60;
}
.panel-heading {
	color: #fff;
	padding: 5px 15px;
}
.panel {
	box-shadow: none;
}
.panel-title {
	margin-top: 0;
	margin-bottom: 0em!important;
	font-size: 1.2em!important;
	color: #FFFFFF !important;
}
.pistesOuvertes {
	color: #11a95c;
	font-style: normal;
	font-size: 1.1em;
	text-align: center;
	padding: 0 0px 0 0;
}
.pistesferme {
	color: #ee2d35;
	font-style: normal;
	font-size: 1.1em;
	text-align: center;
	padding: 0 0px 0 0;
}
.couleursPistes {
	cursor: help;
}
.fa-circle {
	font-size: 1.5em;
}
.rouge{
  color:#eb2a2a
  }
.vert{
  color:#20a452
  }
.bleu{
  color:#1768aa
  }
.noir{
  color:#000000
  }
.orange{
  color:#eb8c1d
}
.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-bottom-color: #2d4a60;
	border-width: 0 5px 5px;
}
.secteur-tooltip + .tooltip > .tooltip-inner {
	background-color: #2d4a60;
}
.panel .table {
	margin-bottom: 30px !important;
}
/*Gallery Page
------------------------------------*/
.gallery-page .thumbnail, .gallery-page .thumbnail:hover {
	padding: 0;
	border: none;
	box-shadow: none;
}
.gallery-page .thumbnails {
	margin-bottom: 6px;
}
/*FancyBox Hover Effect*/
.zoomer:hover .overlay-zoom .zoom-icon {
	opacity: 0.4;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	filter: alpha(opacity = 50);
}
.overlay-zoom {
	z-index: 90;
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
	position: relative;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.overlay-zoom .zoom-icon {
	top: 0;
	opacity: 0;
	z-index: 100;
	width: inherit;
	height: inherit;
	position: absolute;
	background-color: #000;
	background-position: 50%;
	background-repeat: no-repeat;
	background-image: url(/assets/images/commun/overlay-icon.png);
	filter: alpha(opacity = 0);
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}
.prestas a {
	color: #96c110;
	padding: 0 8px 0 0;
}
.prestas:hover {
	color: #2f4962;
}
.prestas a:hover [class*="icon-"] {
	color: #2f4962 !important;
}
.prestas .no-pad {
	margin: 0px 0px 0.1em!important;
}
.fa-18x {
	font-size: 1.5em;
	vertical-align: middle;
}
.nom_pro {
	font: 1.4em "Ubuntu", Helvetica, Arial  , sans-serif;
	display: block;
	padding: 0 0 5px 0;
}
.picto-equi-loisirs {
	display: inline-block;
	padding: 0 0 20px 0;
}
/*METEO*/

.coulFD {
	background: #2f4962;
	padding: 0 0 8px 0;
	-webkit-border-radius: 4px!important;
	-moz-border-radius: 4px!important;
	-khtml-border-radius: 4px!important;
	border-radius: 4px!important;
}
.prevision {
	padding: 0 0 20px 0;
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 768px) {

.topbar .login-popup {
    width: 200px;
}

.bgmeteo {
	background: none;
}
.coulFD {
	background: #00989d;
	padding: 0 0 8px 0;
}
}
.meteoDate {
	color: #00989d;
	font-size: 1.5em;
	line-height: 1.2em;
	padding: 0 0 5px 0;
	display: block;
	font-weight: 500;
}
.ilFait {
	color: #FFFFFF;
	margin: 6px 3px 6px 3px;
}
.ilFait2, .ilFait2 p {
	color: #FFFFFF;
	margin: 15px 3px 6px 20px;
	font-size: 1em;
}
.pictos-meteoV {
	font-size: 8em;
}
.pictos-meteoV2 {
	font-size: 2em;
	color: #FFFFFF;
	padding: 0 4px 0px 0;
}
.temperatureMeteo {
	padding: 15px 0 0 0;
	font-size: 2.1em;
	color: #FFFFFF;
}
.meteoJours {
	padding: 6px;
	font-size: 1.2em;
	color: #FFFFFF;
	background-color: #2f4962;
	text-align: center;
	-webkit-border-radius: 4px!important;
	-moz-border-radius: 4px!important;
	-khtml-border-radius: 4px!important;
	border-radius: 4px!important;
}
.pictos-meteoV4 {
	font-size: 5em;
	color: #000;
	padding: 0 4px 0px 0;
}
.pictos-meteoV3 {
	font-size: 1.2em;
	color: #000;
	padding: 0 4px 0px 0;
}
.posts .dl-horizontal a {
	color: #555;
}
.posts .dl-horizontal {
	margin-bottom: 15px;
	overflow: hidden;
}
.posts .dl-horizontal dt {
	width: 60px;
	float: left;
}
.posts .dl-horizontal dt img {
	width: 60px;
	height: 60px;
	margin-top: 2px;
}
.posts .dl-horizontal dd {
	margin-left: 70px;
}
.posts .dl-horizontal dd p {
	margin: 0;
}
.posts .dl-horizontal dd a {
	font-size: 12px;
	line-height: 15px !important;
	font-style: normal;
	font-weight: normal;
}
.posts .dl-horizontal dd a:hover {
	color: #96c110;
	text-decoration: none;
}
.posts .dl-horizontal:hover dt img, .posts .dl-horizontal:hover dd a {
	color: #96c110;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.sugg a {
	color: #555555;
	font-size: 12px;
	font-weight: normal;
}
.sugg:hover a {
	color: #96c110;
	font-weight: normal;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.sugg p {
	color: #96c110;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	padding-top: 8px;
}
.tab-v1 .nav-tabs .coulresa {
	color: #ffffff;
	-webkit-border-radius: 7px 7px 0px 0px !important;
	-moz-border-radius: 7px 7px 0px 0px !important;
	-khtml-border-radius: 7px 7px 0px 0px !important;
	border-radius: 7px 7px 0px 0px !important;
	background-color: #c6bea5;
}
/*Lenguages*/

.topbar ul.lenguages {
	padding: 4px 0 0 0;
	padding-left: 0px;
	list-style: none;
	display: inline-block;
        margin-bottom:0;
}
.topbar ul.lenguages li {
	display: inline;
}

ul.loginbar.loginbarfloat li div.account-label div.login-popup ul.account-actions li a,
.topbar ul.lenguages li a {
	color: #8e8e8e;
	padding: 2px 12px;
	margin-bottom: 1px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 12px;
}
ul.loginbar.loginbarfloat li div.account-label div.login-popup ul.account-actions li a:hover,
ul.loginbar.loginbarfloat li div.account-label div.login-popup ul.account-actions li a:active,
.topbar ul.lenguages li a:hover,
.topbar ul.lenguages li.active a {
	background: #8e8e8e;
	color: #ffffff;
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	-khtml-border-radius: 4px !important;
	border-radius: 4px !important;
	font-weight: normal;
	font-size: 12px;
}
.topbar ul.lenguages li a:hover {
	text-decoration: none;
}
.topbar ul.lenguages .active {
	color: #ffffff;
	font-weight: normal;
	font-size: 12px;
}