@charset "UTF-8";

/* line 11, ../sass/main.scss */
body, html {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

/* line 14, ../sass/main.scss */
.nomargin {
  margin: 0;
}

/*///////////*/
/* CONNECTER */
/*///////////*/
/* line 20, ../sass/main.scss */
body.Connected .HeaderAccount .Connected {
  display: block !important;
}
/* line 23, ../sass/main.scss */
body.Connected .HeaderAccount .Account {
  display: none !important;
}
/* line 28, ../sass/main.scss */
body.Connected .LogoHeader .FormMobile {
  display: none !important;
}

/*////////*/
/* HEADER */
/*////////*/
/* line 37, ../sass/main.scss */
.HeaderAccount {
  float: left;
  width: 100%;
  position: relative;
  background-color: #f0f0f0;
}
/* line 42, ../sass/main.scss */
.HeaderAccount .Account {
  text-align: right;
  padding: 6px 0;
}
/* line 46, ../sass/main.scss */
.HeaderAccount .Connected {
  padding: 13.5px 0;
  text-align: right;
}
.HeaderAccount .Disconnected {
  padding: 0 0 10px 0;
}

/* line 49, ../sass/main.scss */
.HeaderAccount .Connected a {
  color: #000000;
}
/* line 51, ../sass/main.scss */
.HeaderAccount .Connected a:hover {
  color: #00c0ff;
  text-decoration: none;
}
/* line 57, ../sass/main.scss */
.HeaderAccount .login_username, .HeaderAccount .login_password {
  background-color: white;
  border: 1px solid #bcbcbc;
  padding: 6px 15px;
  outline: none;
  font-size: 14px;
  width: 175px;
  margin: 0 5px;
}
/* line 66, ../sass/main.scss */
.HeaderAccount input[type=submit] {
  border: 0;
  float: right;
  display: block;
  background-color: #00c0ff;
  color: white;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  font-size: 12px;
  text-transform: uppercase;
  width: 55px;
  height: 34px;
  margin-left: 5px;
}
/* line 82, ../sass/main.scss */
.HeaderAccount:after {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: url("/img/front/ombre.png") repeat;
}

/* line 93, ../sass/main.scss */
.HeaderMenu {
  clear: both;
  position: relative;
  z-index: 100;
  background-color: white;
  opacity: 0.9;
}
/* line 97, ../sass/main.scss */
.HeaderMenu .container {
  padding: 0;
  clear: both;
  position: relative;
}
/* line 102, ../sass/main.scss */
.HeaderMenu:after {
  content: "";
  position: absolute;
  display: block;
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 6px;
  background: url("/img/front/ombre_bas.png") repeat;
}

/* line 113, ../sass/main.scss */
.LogoHeader {
  float: left;
  width: 320px;
  position: relative;
  padding: 18px 0;
}
/* line 118, ../sass/main.scss */
.LogoHeader.Mobile {
  padding-bottom: 0px;
}
/* line 121, ../sass/main.scss */
.LogoHeader .Logo {
  float: left;
  padding: 0 15px;
}
/* line 126, ../sass/main.scss */
.LogoHeader a:hover {
  text-decoration: none;
}
/* line 130, ../sass/main.scss */
.LogoHeader .h1 {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 27px;
  color: #00c0ff;
  margin-bottom: 0;
}
/* line 136, ../sass/main.scss */
.LogoHeader .h2 {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #000000;
  margin-top: 0;
}

.LogoHeader .HeaderTexte {
    margin-top: 20px;
}

.zonetexte{
    -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

/*//////*/
/* MENU */
/*//////*/
/* line 147, ../sass/main.scss */
.Menu {
  position: relative;
  float: right;
  display: block;
  text-align: right;
}
/* line 152, ../sass/main.scss */
.Menu>ul {
  float: left;
  padding: 0;
  margin: 0;
  text-align: center;
  list-style: none;
    padding: 43px 0;
}
/* line 158, ../sass/main.scss */
.Menu>ul>li {
  float: left;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 18px;
  text-transform: uppercase;
  color: #000000;
  cursor: pointer;
  display: block;
  position: relative;
  padding-left: 30px;
}
/* line 168, ../sass/main.scss */
.Menu>ul>li>a {
  text-decoration: none;
  color: #000000;
  padding: 0px;
  display: block;
}

.Menu>ul>li.open>a,
.Menu>ul>li.open>a:hover,
.Menu>ul>li.open>a:focus {
  background-color: #fff;
  border-color: #ffc800;
}
/* line 173, ../sass/main.scss */
.Menu>ul>li>a:hover {
  color: #00c0ff;
  text-decoration: none;
  background-color: #fff;
}
/* line 178, ../sass/main.scss */
.Menu>ul>li.active>a {
  padding-bottom: 10px;
  border-bottom: 1px solid #ffc800;
}

.Menu .nav>li>ul {
  margin-top: 20px;
}

.Menu ul.dropdown-menu {
  z-index: 50;
}

.Menu ul.dropdown-menu li {
  background-color: #4E4E4E;
  z-index: 50;
}

.Menu ul.dropdown-menu li a {
    z-index: 50;
    color: white;
    padding: 10px;
    font-weight: bold;
}

.Menu ul.dropdown-menu li a:hover,
.Menu ul.dropdown-menu li.active a {
    background-color: white;
    color: #4E4E4E;
}

.MenuMobileContent {
	display: none;
}


.MenuMobileContent .dropdown-submenu:hover>.dropdown-menu,
.Menu .dropdown-submenu:hover>.dropdown-menu {
    display:block;
}

.dropdown-menu{
	padding: 0px;
	min-width: 240px;
}

.dropdown-submenu{
	position:relative;
}
.dropdown-submenu>.dropdown-menu{
	top:0;
	left:100%;
	margin-top:-6px;
	margin-left:-1px;
}
.dropdown-submenu:hover>.dropdown-menu{
	display:block;
}
.dropdown-submenu:hover>a:after{
	border-left-color:#594c2b;
}
.dropdown-submenu.pull-left{
	float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu{
	left:-100%;
	margin-left:10px;
}


/* line 235, ../sass/main.scss */
.FormMobileContent {
  float: left;
  width: 100%;
  padding: 5px 15px;
  margin: 10px 0 0 0;
  text-align: center;
  list-style: none;
  background-color: #222226;
  display: none;
}
/* line 244, ../sass/main.scss */
.FormMobileContent form {
  padding: 10px 0;
  text-align: center;
  float: left;
  width: 100%;
}
/* line 249, ../sass/main.scss */
.FormMobileContent form .login_username, .FormMobileContent form .login_password {
  background-color: white;
  border: 0px solid transparent;
  padding: 6px 15px;
  outline: none;
  font-size: 14px;
  width: 36%;
  margin: 0 5px;
  float: left;
}
/* line 259, ../sass/main.scss */
.FormMobileContent form input[type=submit] {
  border: 0;
  float: right;
  display: block;
  background-color: #00c0ff;
  color: white;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  font-size: 12px;
  text-transform: uppercase;
  width: 55px;
  height: 32px;
  margin-left: 5px;
}

/* line 277, ../sass/main.scss */
.MenuMobileContent ul {
  float: left;
  width: 100%;
  padding: 5px 10%;
  margin: 10px 0 0 0;
  text-align: center;
  list-style: none;
  background-color: #00c0ff;
}
/* line 285, ../sass/main.scss */
.MenuMobileContent ul li {
  width: 100%;
  float: left;
  font-size: 18px;
  text-transform: uppercase;
  color: white;
  cursor: pointer;
}
/* line 293, ../sass/main.scss */
.MenuMobileContent ul li:hover {
  color: white;
}
/* line 296, ../sass/main.scss */
.MenuMobileContent ul li.active {
  color: white;
}
/* line 299, ../sass/main.scss */
.MenuMobileContent ul li a {
  color: white;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-decoration: none;
}
/* line 304, ../sass/main.scss */
.MenuMobileContent ul li a:hover,
.MenuMobileContent ul.nav li.open>a,
.MenuMobileContent ul.nav li.active>a {
  color: white;
  text-decoration: none;
  background-color: #00c0ff;
}

/* line 309, ../sass/main.scss */
.MenuMobileContent a {
  padding: 10px 0px !important;
}

.MenuMobileContent .active {
    font-style: italic;
}

/*////////*/
/* BUTTON */
/*///////*/
/* line 320, ../sass/main.scss */
.Button,
a.Button:focus,
a.Button:hover {
  padding: 20px 50px;
  color: white;
  text-decoration: none;
  outline: none;
}
/* line 324, ../sass/main.scss */
.Button:hover {
  text-decoration: none;
  color: white;
}

/* line 329, ../sass/main.scss */
.ButtonBleu {
  background-color: #00c0ff;
}

/*///////////*/
/* PAGE HOME */
/*///////////*/
/* line 336, ../sass/main.scss */
.Slider {
    position: absolute;
}
.Home {
  width: auto;
  position: relative;
  background-color: transparent;
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
  z-index: 20;
}
/* line 344, ../sass/main.scss */
.Home:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 70%;
  right: 0;
  top: 0;
  z-index: 1;
}
/* line 357, ../sass/main.scss */
.Home .row {
  position: relative;
}
/* line 360, ../sass/main.scss */
.Home .Left {
  float: left;
  width: 50%;
  padding: 0 15px;
}
/* line 364, ../sass/main.scss */
.Home .Left img {
  position: absolute;
  left: 0;
  z-index: 12;
  bottom: -60px;
}
/* line 371, ../sass/main.scss */
.Home .Right {
  float: right;
  width: 50%;
  padding: 0 15px;
  text-align: center;
}
/* line 377, ../sass/main.scss */
.Home .Trait {
  height: 1px;
  width: 100%;
  margin: 40px 0;
  display: block;
  position: relative;
  background-color: #ffc800;
}
/* line 384, ../sass/main.scss */
.Home .Trait:before {
  content: '';
  display: block;
  background: url("/img/front/montagne.png");
  width: 47px;
  height: 15px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -23px;
}
/* line 396, ../sass/main.scss */
.Home .TexteHome {
  z-index: 12;
  padding: 30px 0 112px 0;
  position: relative;
  display: block;
  float: left;
  color: #000000;

  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
/* line 403, ../sass/main.scss */
.Home .TexteHome .h3texte {
  text-transform: uppercase;
  font-size: 28px;
  color: #000000;
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
  padding: 10px;
}
/* line 408, ../sass/main.scss */
.Home .TexteHome .h3texte span {
  color: #00c0ff;
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
  /*text-shadow: #006485 1px 1px, #006485 -1px 1px, #006485 -1px -1px, #006485 1px -1px;*/
  text-shadow: #0084b0 1px 1px, #0084b0 -1px 1px, #0084b0 -1px -1px, #0084b0 1px -1px;
}
/* line 413, ../sass/main.scss */
.Home .TexteHome h4 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 26px;
}
/* line 417, ../sass/main.scss */
.Home .TexteHome p {
  font-weight: 400;
  font-size: 18px;
  line-height: 38px;
  margin: 50px 0 40px 0;

  box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);
  background: rgba(255, 255, 255, 0.8);
  font-family: 'Raleway', sans-serif;
  padding: 10px;
}

.Home .TexteHome p .Gras {
    font-weight: bold;
}

/* line 423, ../sass/main.scss */
.Home .TexteHome .Button {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 18px;
  display: inline-block;
}

/* line 430, ../sass/main.scss */
.Calendar {
  position: relative;
  margin-top: 90px;
}
/* line 434, ../sass/main.scss */
.Calendar .Title h1 {
  text-transform: uppercase;
  font-size: 28px;
  color: #000000;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
}
/* line 439, ../sass/main.scss */
.Calendar .Title h1 span {
  color: #00c0ff;
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
}
/* line 444, ../sass/main.scss */
.Calendar .Title .Trait {
  height: 1px;
  width: 70%;
  margin: 40px 0;
  display: block;
  position: relative;
  background-color: #ffc800;
}

.Calendar .Title .WidthCentPourCent {
    width: 100%;
}

/* line 451, ../sass/main.scss */
.Calendar .Title .Trait:before {
  content: '';
  display: block;
  background: url("/img/front/montagne.png");
  width: 47px;
  height: 15px;
  position: absolute;
  bottom: 0;
  left: 0;
}
/* line 463, ../sass/main.scss */
.Calendar form {
  margin: 45px 0 40px 0;
  text-align: right;
}
/* line 467, ../sass/main.scss */
.Calendar .Month, .Calendar .Year, .Calendar .nbItems {
  width: 150px;
  height: 46px;
  overflow: hidden;
  background: url("/img/front/select.jpg") no-repeat right;
  display: inline-block;
  vertical-align: middle;
  border: 0;
  margin: 0 10px;
}

.Calendar .nbItems {
    display: block;
    width: 100px;
    float: left;
}

/* line 476, ../sass/main.scss */
.Calendar .Month select, .Calendar .Year select, .Calendar .nbItems select {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  background: transparent;
  width: 150px;
  padding: 10px 15px;
  font-size: 14px;
  line-height: 1;
  border-radius: 0;
  border: 1px solid #bcbcbc;
  height: 46px;
  outline: none;
  color: #000000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/* line 493, ../sass/main.scss */
.Calendar input[type=submit] {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  border: 0;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 10px;
  background-color: #00c0ff;
  color: white;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  font-size: 15px;
  text-transform: uppercase;
  width: 55px;
  height: 46px;
  margin-left: 5px;
}

.Calendar .FilterCalendar {
    padding-bottom: 20px;
}

.Calendar .FilterCalendar .filterType {
    padding: 12px;
    text-align: center;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #5d5d5d;
    cursor: pointer;
    font-weight: 600;
}

/* line 513, ../sass/main.scss */
.ContentCalendar ul {
  padding: 0;
  list-style: none;
}
/* line 517, ../sass/main.scss */
.ContentCalendar .Bloc {
  float: left;
  width: 100%;
  border: 5px solid #e1e1e1;
  margin-bottom: 30px;
  height:525px;
}
/* line 522, ../sass/main.scss */
.ContentCalendar .Bloc .ImageBloc {
  position: relative;
  overflow: hidden;
  max-height: 255px;
  height: auto;
}
/* line 527, ../sass/main.scss */
.ContentCalendar .Bloc .ImageBloc img {
  width: 100%;
  height: auto;
  position: relative;
}
/* line 532, ../sass/main.scss */
.ContentCalendar .Bloc .ImageBloc .TraitBloc {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 15px;
  opacity: 0.8;
  background-color: #e1e1e1;
}
/* line 542, ../sass/main.scss */
.ContentCalendar .Bloc .InfoBloc {
  margin: 10px 20px 30px 20px;
}
.ContentCalendar .Bloc .InfoBloc .InfoBlocTitle {
    height: 54px;
}
/* line 544, ../sass/main.scss */
.ContentCalendar .Bloc .InfoBloc h2 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 20px;
  margin: 0 0 10px 0;
}
/* line 549, ../sass/main.scss */
.ContentCalendar .Bloc .InfoBloc i {
  font-size: 14px;
  color: #000000;
}

.ContentCalendar .Bloc .InfoBloc .InfoBlocAnim {
  font-style: italic;
  font-size: 12px;
}

.ContentCalendar .Bloc .InfoBloc .InfoBlocDesc {
    height: 70px;
}

/* line 553, ../sass/main.scss */
.ContentCalendar .Bloc .InfoBloc p, .ContentCalendar .Bloc .InfoBloc span {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #000000;
}
/* line 558, ../sass/main.scss */
.ContentCalendar .Bloc .InfoBloc p {
  margin: 20px 0 30px 0;
}
/* line 561, ../sass/main.scss */
.ContentCalendar .Bloc .InfoBloc .Button {
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  display: inline-block;
  padding: 13px 20px;
}
/* line 570, ../sass/main.scss */
.Navigation {
  text-align: center;
  padding: 0;
  list-style: none;
}
/* line 572, ../sass/main.scss */
.Navigation li {
  border: 1px solid #c1c1c1;
  margin: 0 5px;
  display: inline-block;
}
/* line 576, ../sass/main.scss */
.Navigation li a {
  display: inline-block;
  padding: 8px 15.5px;
  text-decoration: none;
  color: #000000;
}
/* line 581, ../sass/main.scss */
.Navigation li a:hover {
  text-decoration: none;
  color: #000000;
}
/* line 586, ../sass/main.scss */
.Navigation li.Active {
  border: 1px solid #ffc800;
}
/* line 588, ../sass/main.scss */
.Navigation li.Active a {
  background-color: #ffc800;
  color: white;
}
/* line 591, ../sass/main.scss */
.Navigation li.Active a:hover {
  text-decoration: none;
  color: white;
}

/*////////////////*/
/* PAGE ACTUALITE */
/*////////////////*/
/* line 607, ../sass/main.scss */
.Actualite {
  width: auto;
  position: relative;
  background-image: url("/img/front/actualite.jpg");
  background-color: transparent;
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
}
/* line 615, ../sass/main.scss */
.Actualite:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  right: 0;
  top: 0;
  z-index: 1;
}
/* line 628, ../sass/main.scss */
.Actualite .Center {
  float: left;
  width: 100%;
  text-align: center;
}
/* line 633, ../sass/main.scss */
.Actualite .Trait {
  height: 1px;
  width: 40%;
  margin: 40px auto;
  display: block;
  position: relative;
  background-color: #ffc800;
}
/* line 640, ../sass/main.scss */
.Actualite .Trait:before {
  content: '';
  display: block;
  background: url("/img/front/montagne.png");
  width: 47px;
  height: 15px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -23px;
}
/* line 652, ../sass/main.scss */
.Actualite .TexteHome {
  z-index: 12;
  padding: 65px 0;
  position: relative;
  display: block;
  color: #000000;
}
/* line 658, ../sass/main.scss */
.Actualite .TexteHome h1 {
  text-transform: uppercase;
  font-size: 28px;
  color: #000000;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
}

.Actualite .TexteHome h1>span {
  box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);
  background: rgba(255, 255, 255, 0.8);
  padding: 10px;
}

/* line 663, ../sass/main.scss */
.Actualite .TexteHome h1 span span {
  color: #00c0ff;
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
}
/* line 668, ../sass/main.scss */
.Actualite .TexteHome .SousMenu {
  display: inline-block;
  padding: 15px 20px;
  border: 1px solid #e1e1e1;
  background-color: #f9f9fa;
  border-left: 5px solid #00c0ff;
}
/* line 674, ../sass/main.scss */
.Actualite .TexteHome .SousMenu a,
.Actualite .TexteHome .SousMenu span
 {
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  padding-right: 20px;
  text-transform: uppercase;
  border-right: 1px solid #000000;
}
/* line 681, ../sass/main.scss */
.Actualite .TexteHome .SousMenu a:hover {
  text-decoration: none;
}
/* line 684, ../sass/main.scss */
.Actualite .TexteHome .SousMenu span.Active {
  color: #00c0ff;
  padding-left: 20px;
  padding-right: 0;
  border-right: 0px solid transparent;
}

/* line 694, ../sass/main.scss */
.print .ActualiteContent {
  margin: 0;
}

.print .ActualiteContent article img {
  width: auto;
  max-height: 350px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.ActualiteContent {
  margin: 80px 0 0 0;
}
/* line 696, ../sass/main.scss */
.ActualiteContent article {
  padding: 0 0 30px 0;
}
/* line 698, ../sass/main.scss */
.ActualiteContent article {
  margin-bottom: 25px;
  border-bottom: 1px solid #e1e1e1;
}
.ActualiteContent>article:last-of-type,
.ActualiteContent article.Unique {
  border-bottom: 0px;
}
/* line 702, ../sass/main.scss */
.ActualiteContent article img {
  width: 100%;
  border: 3px solid #e1e1e1;
  margin: 0 0 10px 0;
}
/* line 707, ../sass/main.scss */
.ActualiteContent article h3 {
  color: #000000;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 25px;
  margin: 0 0 15px 0;
  text-transform: uppercase;
}
/* line 714, ../sass/main.scss */
.ActualiteContent article .DateArticle {
  color: #6b6b6b;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin: 0;
}
/* line 719, ../sass/main.scss */
.ActualiteContent article .DateArticle i {
  color: #6b6b6b;
  font-size: 14px;
  padding-right: 3px;
  font-family: 'FontAwesome';
}
/* line 726, ../sass/main.scss */
.ActualiteContent article .ContentArticle {
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  margin: 15px 0 35px 0;
}
/* line 732, ../sass/main.scss */
.ActualiteContent article a,
.ActualiteContent article a:hover,
.ActualiteContent article a:focus {
  margin: 0;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  display: inline-block;
  padding: 13px 20px;
}

.ActualiteContent article .PrintArticle {
	margin: 0px;
}
.ActualiteContent article .PrintArticle a {
    padding: 0px;
}

.ActualiteContent article .PrintArticle i {
  font-size: 20px;
  color: black;
}

.ActualiteContent .ArticleNavigation {
    border-top: 1px solid #e1e1e1;
    padding-top: 20px;
}

/* line 744, ../sass/main.scss */
.LastActu {
    border-left: 1px solid #dedede;
}

.LastActu .TitreLastActu .h3texte {
  text-transform: uppercase;
  font-size: 20px;
  color: #000000;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  margin: 0;
}
/* line 750, ../sass/main.scss */
.LastActu .TitreLastActu .h3texte span {
  color: #00c0ff;
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
}
/* line 756, ../sass/main.scss */
.LastActu ul {
  list-style: none;
  padding: 0;
  margin: 25px 0 0 0;
}
/* line 760, ../sass/main.scss */
.LastActu ul li {
  padding: 15px 0;
  border-bottom: 1px solid #e1e1e1;
  float: left;
  width: 100%;
}
/* line 765, ../sass/main.scss */
.LastActu ul li:last-child {
  border-bottom: 0px solid transparent;
}
/* line 768, ../sass/main.scss */
.LastActu ul li a {
  text-decoration: none;
  display: block;
}
/* line 772, ../sass/main.scss */
.LastActu ul li .ImgContent {
  width: 70px;
  height: 70px;
  overflow: hidden;
  border: 3px solid #e1e1e1;
  display: inline-block;
    float: left;
}
/* line 779, ../sass/main.scss */
.LastActu ul li .ImgContent img {
  width: auto;
  height: 100%;
  position: relative;
    margin-left: -15px;
}

.LastActu ul li .Texte {
    padding-left: 70px;
}

/* line 786, ../sass/main.scss */
.LastActu ul li a:hover {
  text-decoration: none;
}
/* line 789, ../sass/main.scss */
.LastActu ul li a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #000000;
  margin: 5px 5px 5px 10px;
}
/* line 797, ../sass/main.scss */
.LastActu ul li .DateArticle {
  color: #6b6b6b;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin: 0 0 0 10px;
  display: inline-block;
  float: left;
  min-width: 60%;
  width: 65%;
}
/* line 806, ../sass/main.scss */
.LastActu ul li .DateArticle i {
  color: #6b6b6b;
  font-size: 14px;
  padding-right: 3px;
  font-family: 'FontAwesome';
}

/*///////////////////////*/
/* PAGE DETAIL ACTUALITE */
/*///////////////////////*/
/* line 825, ../sass/main.scss */
.NavigationDetailActualite {
    padding-top: 20px;
}
.NavigationDetailActualite i {
  font-weight: 600;
  font-size: 17px;
}
/* line 829, ../sass/main.scss */
.NavigationDetailActualite .Precedent {
  float: left;
}
/* line 832, ../sass/main.scss */
.NavigationDetailActualite .Suivant {
  float: right;
}

/*////////////////////*/
/* PAGE GALERIE PHOTO */
/*////////////////////*/
/* line 840, ../sass/main.scss */
.Galerie {
  width: auto;
  position: relative;
  background-image: url("/img/front/galerie_photo.jpg");
  background-color: transparent;
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
}
/* line 848, ../sass/main.scss */
.Galerie:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  right: 0;
  top: 0;
  z-index: 1;
}
/* line 861, ../sass/main.scss */
.Galerie .Center {
  float: left;
  width: 100%;
  text-align: center;
}
/* line 866, ../sass/main.scss */
.Galerie .Trait {
  height: 1px;
  width: 40%;
  margin: 40px auto;
  display: block;
  position: relative;
  background-color: #ffc800;
}
/* line 873, ../sass/main.scss */
.Galerie .Trait:before {
  content: '';
  display: block;
  background: url("/img/front/montagne.png");
  width: 47px;
  height: 15px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -23px;
}
/* line 885, ../sass/main.scss */
.Galerie .TexteHome {
  z-index: 12;
  padding: 65px 0;
  position: relative;
  display: block;
  color: #000000;
}
/* line 891, ../sass/main.scss */
.Galerie .TexteHome h1 {
  text-transform: uppercase;
  font-size: 28px;
  color: #000000;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
}
.Galerie .TexteHome h1>span {
  box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);
  background: rgba(255, 255, 255, 0.8);
  padding: 10px;
}

/* line 896, ../sass/main.scss */
.Galerie .TexteHome h1 span span {
  color: #00c0ff;
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
}
/* line 901, ../sass/main.scss */
.Galerie .TexteHome .SousMenu {
  display: inline-block;
  padding: 15px 20px;
  border: 1px solid #e1e1e1;
  background-color: #f9f9fa;
  border-left: 5px solid #00c0ff;
}
/* line 907, ../sass/main.scss */
.Galerie .TexteHome .SousMenu a,
.Galerie .TexteHome .SousMenu span.Active {
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  padding-right: 20px;
  text-transform: uppercase;
  border-right: 1px solid #000000;
}
/* line 914, ../sass/main.scss */
.Galerie .TexteHome .SousMenu a:hover {
  text-decoration: none;
}
/* line 917, ../sass/main.scss */
.Galerie .TexteHome .SousMenu span.Active {
  color: #00c0ff;
  padding-left: 20px;
  padding-right: 0;
  border-right: 0px solid transparent;
}

/* line 928, ../sass/main.scss */
.GalerieContent .Title {
  margin: 80px 0 40px 0;
}
/* line 930, ../sass/main.scss */
.GalerieContent .Title p {
  font-size: 16px;
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  border-left: 2px solid #00c0ff;
  padding-left: 15px;
}
/* line 938, ../sass/main.scss */
.GalerieContent form {
  margin: 80px 0 40px 0;
  text-align: right;
}
/* line 942, ../sass/main.scss */
.GalerieContent .Month, .GalerieContent .Year {
  width: 150px;
  height: 46px;
  overflow: hidden;
  background: url("/img/front/select.jpg") no-repeat right;
  display: inline-block;
  vertical-align: middle;
  border: 0;
  margin: 0 10px;
}
/* line 951, ../sass/main.scss */
.GalerieContent .Month select, .GalerieContent .Year select {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  background: transparent;
  width: 150px;
  padding: 10px 15px;
  font-size: 14px;
  line-height: 1;
  border-radius: 0;
  border: 1px solid #bcbcbc;
  height: 46px;
  outline: none;
  color: #000000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/* line 968, ../sass/main.scss */
.GalerieContent button {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  border: 0;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 10px;
  background-color: #00c0ff;
  color: white;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  font-size: 15px;
  text-transform: uppercase;
  width: 55px;
  height: 46px;
  margin-left: 5px;
}
/* line 986, ../sass/main.scss */
.GalerieContent .BorderTitleGalerie {
  float: left;
  padding: 3px;
  width: 100%;
  border: 1px solid #e1e1e1;
  margin: 0 0 20px 0;
}

.GalerieContent .rowChildren  {
  /*border: 1px solid red;*/
  margin-left: 15px;
}

/* line 993, ../sass/main.scss */
.GalerieContent .TitleGalerie {
  float: left;
  width: 100%;
  cursor: pointer;
}
/* line 997, ../sass/main.scss */
.GalerieContent .TitleGalerie .Button {
  padding: 15px;
  width: 50px;
    float: left;
}
/* line 1001, ../sass/main.scss */
.GalerieContent .TitleGalerie .Button i {
  height: 20px;
  width: 20px;
  font-weight: 600;
  font-size: 17px;
  text-align: center;
}

.GalerieContent .TitleGalerie .TitleDesc {
    margin-left: 70px;
}

/* line 1009, ../sass/main.scss */
.GalerieContent .TitleGalerie h3 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 20px;
  margin: 2px 0 2px 0px;
}

.GalerieContent .TitleGalerie .DescGalerie {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #6b6b6b;
}

/* line 1016, ../sass/main.scss */
.GalerieContent .TitleGalerie .DateGalerie {
  color: #6b6b6b;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  padding: 13px 10px 0px 10px;
  text-align: right;
}
/* line 1024, ../sass/main.scss */
.GalerieContent .TitleGalerie .DateGalerie i {
  color: #6b6b6b;
  font-size: 16px;
  padding-right: 3px;
  font-family: 'FontAwesome';
}
/* line 1032, ../sass/main.scss */
.GalerieContent .EventGalerie {
  display: none;
  /*margin: 35px 0;*/
}

.GalerieContent .BlogGalerie {
  display: block;
  margin: 35px 0;
}

.GalerieContent .EventGalerie .PhotosGalerie .media-boxes-load-more-button {
    display: none;
}

.GalerieContent .EventGalerie .media-box-date, .white-popup .media-box-date{
    color: #28ac86;
}
.white-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
}
.GalerieContent .EventGalerie .thumbnail-overlay{
    /*padding: 10px 5px;
    background: white;*/
}

/* line 1036, ../sass/main.scss */
.GalerieContent .EventGalerie div {
  /*padding: 0;*/
}
/* line 1039, ../sass/main.scss */
.GalerieContent .EventGalerie .DescriptionGalerie {
  padding-right: 10px;
}
/* line 1041, ../sass/main.scss */
.GalerieContent .EventGalerie .DescriptionGalerie p {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #6b6b6b;
}
/* line 1046, ../sass/main.scss */
.GalerieContent .EventGalerie .ImgGalerie {
  position: relative;
  overflow: hidden;
  max-height: 300px;
  height: auto;
  width: 23%;
  margin: 0 2% 2% 0;
  float: left;
}
/* line 1054, ../sass/main.scss */
.GalerieContent .EventGalerie .ImgGalerie:nth-child(4n+4) {
  margin: 0 0 2% 0;
}
/* line 1057, ../sass/main.scss */
.GalerieContent .EventGalerie .ImgGalerie:after {
  content: '\f002';
  font-family: 'FontAwesome';
  color: white;
  display: none;
  font-size: 30px;
  background: #ffc800;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -30px;
  padding: 6px 16px;
  margin-top: -30px;
  box-shadow: 0px 0px 100px 150px rgba(239, 239, 239, 0.55);
}
/* line 1075, ../sass/main.scss */
.GalerieContent .EventGalerie .ImgGalerie:hover {
  text-decoration: none;
}
/* line 1077, ../sass/main.scss */
.GalerieContent .EventGalerie .ImgGalerie:hover:after {
  display: block;
}
/* line 1081, ../sass/main.scss */
.GalerieContent .EventGalerie .ImgGalerie img {
  width: 100%;
  height: auto;
  position: relative;
}

/*//////////////*/
/* PAGE CONTACT */
/*//////////////*/
/* line 1093, ../sass/main.scss */
.Contact {
  width: auto;
  position: relative;
  background-image: url("/img/front/contact.jpg");
  background-color: transparent;
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
}
/* line 1101, ../sass/main.scss */
.Contact:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  right: 0;
  top: 0;
  z-index: 1;
}
/* line 1114, ../sass/main.scss */
.Contact .Center {
  float: left;
  width: 100%;
  text-align: center;
}
/* line 1119, ../sass/main.scss */
.Contact .Trait {
  height: 1px;
  width: 40%;
  margin: 40px auto;
  display: block;
  position: relative;
  background-color: #ffc800;
}
/* line 1126, ../sass/main.scss */
.Contact .Trait:before {
  content: '';
  display: block;
  background: url("/img/front/montagne.png");
  width: 47px;
  height: 15px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -23px;
}
/* line 1138, ../sass/main.scss */
.Contact .TexteHome {
  z-index: 12;
  padding: 65px 0;
  position: relative;
  display: block;
  color: #000000;
}
/* line 1144, ../sass/main.scss */
.Contact .TexteHome h1 {
  text-transform: uppercase;
  font-size: 28px;
  color: #000000;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
}

.Contact .TexteHome h1>span {
  box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);
  background: rgba(255, 255, 255, 0.8);
  padding: 10px;
}

/* line 1149, ../sass/main.scss */
.Contact .TexteHome h1 span span {
  color: #00c0ff;
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
}
/* line 1154, ../sass/main.scss */
.Contact .TexteHome .SousMenu {
  display: inline-block;
  padding: 15px 20px;
  border: 1px solid #e1e1e1;
  background-color: #f9f9fa;
  border-left: 5px solid #00c0ff;
}
/* line 1160, ../sass/main.scss */
.Contact .TexteHome .SousMenu a,
.Contact .TexteHome .SousMenu span.Active {
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  padding-right: 20px;
  text-transform: uppercase;
  border-right: 1px solid #000000;
}
/* line 1167, ../sass/main.scss */
.Contact .TexteHome .SousMenu a:hover {
  text-decoration: none;
}
/* line 1170, ../sass/main.scss */
.Contact .TexteHome .SousMenu span.Active {
  color: #00c0ff;
  padding-left: 20px;
  padding-right: 0;
  border-right: 0px solid transparent;
}

/* line 1180, ../sass/main.scss */
.ContactContent,
.LastActu {
  margin: 80px 0 80px 0;
}
/* line 1183, ../sass/main.scss */
.ContactContent .Title h3 {
  text-transform: uppercase;
  font-size: 20px;
  color: #000000;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  margin: 0;
}
/* line 1189, ../sass/main.scss */
.ContactContent .Title h3 span {
  color: #00c0ff;
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
}
/* line 1195, ../sass/main.scss */
.ContactContent p {
  margin: 30px 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #6b6b6b;
}
/* line 1201, ../sass/main.scss */
.ContactContent .AdressePostale {
  margin-bottom: 20px;
}
/* line 1203, ../sass/main.scss */
.ContactContent .AdressePostale i {
  font-size: 27px;
  color: #00c0ff;
  float: left;
}
/* line 1208, ../sass/main.scss */
.ContactContent .AdressePostale span {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #6b6b6b;
  margin-left: 10px;
  display: inline-block;
}
/* line 1216, ../sass/main.scss */
.ContactContent .AdresseMail {
  margin-bottom: 40px;
}
/* line 1218, ../sass/main.scss */
.ContactContent .AdresseMail i {
  font-size: 20px;
  color: #00c0ff;
  float: left;
}
/* line 1223, ../sass/main.scss */
.ContactContent .AdresseMail a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 15px;
  text-decoration: underline;
  color: #6b6b6b;
  margin-left: 10px;
  display: inline-block;
}
/* line 1232, ../sass/main.scss */
.ContactContent form {
  text-align: center;
}
/* line 1235, ../sass/main.scss */
.ContactContent input[type=text],
.ContactContent input[type=email],
.ContactContent input[type=password] {
  color: #000000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  border: 1px solid #bcbcbc;
  vertical-align: middle;
  padding: 10px 20px;
  margin: 0 5% 20px 0;
  width: 47%;
  outline: none;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 15px;
}
/* line 1250, ../sass/main.scss */
.ContactContent input[type=text]:nth-child(2n+2),
.ContactContent input[type=email]:nth-child(2n+2),
.ContactContent input[type=password]:nth-child(2n+2) {
  margin: 0 0 20px 0;
}
/* line 1253, ../sass/main.scss */
.ContactContent input[type=text]::-webkit-input-placeholder,
.ContactContent input[type=email]::-webkit-input-placeholder,
.ContactContent input[type=password]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #858484;
  font-style: italic;
}
/* line 1256, ../sass/main.scss */
.ContactContent input[type=text]::-moz-placeholder,
.ContactContent input[type=email]::-moz-placeholder,
.ContactContent input[type=password]::-moz-placeholder {
  /* Firefox 19+ */
  color: #858484;
  font-style: italic;
}
/* line 1259, ../sass/main.scss */
.ContactContent input[type=text]:-ms-input-placeholder,
.ContactContent input[type=email]:-ms-input-placeholder,
.ContactContent input[type=password]:-ms-input-placeholder {
  /* IE 10+ */
  color: #858484;
  font-style: italic;
}
/* line 1262, ../sass/main.scss */
.ContactContent input[type=text]:-moz-placeholder,
.ContactContent input[type=email]:-moz-placeholder,
.ContactContent input[type=password]:-moz-placeholder {
  /* Firefox 18- */
  color: #858484;
  font-style: italic;
}
/* line 1265, ../sass/main.scss */
.ContactContent textarea::-webkit-input-placeholder {
  /* Firefox 19+ */
  color: #858484;
  font-style: italic;
}
/* line 1268, ../sass/main.scss */
.ContactContent textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #858484;
  font-style: italic;
}
/* line 1271, ../sass/main.scss */
.ContactContent textarea::-moz-placeholder {
  /* Firefox 18- */
  color: #858484;
  font-style: italic;
}
/* line 1274, ../sass/main.scss */
.ContactContent textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #858484;
  font-style: italic;
}
/* line 1277, ../sass/main.scss */
.ContactContent textarea {
  color: #000000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  border: 1px solid #bcbcbc;
  vertical-align: middle;
  padding: 10px 20px;
  margin: 0;
  width: 100%;
  max-width: 100%;
  height: 200px;
  outline: none;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 15px;
}
/* line 1294, ../sass/main.scss */
.ContactContent input[type=submit] {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  border: 0;
  display: inline-block;
  vertical-align: middle;
  background-color: #00c0ff;
  color: white;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  font-size: 15px;
  margin-top: 30px;
  padding: 10px 20px;
  text-transform: uppercase;
}
/* line 1310, ../sass/main.scss */
.ContactContent .BorderTitleGalerie {
  float: left;
  padding: 3px;
  width: 100%;
  border: 1px solid #e1e1e1;
  margin: 0 0 20px 0;
}
/* line 1317, ../sass/main.scss */
.ContactContent .TitleGalerie {
  float: left;
  width: 100%;
  cursor: pointer;
}
/* line 1321, ../sass/main.scss */
.ContactContent .TitleGalerie .Button {
  padding: 15px;
  display: inline-block;
  float: left;
}
/* line 1325, ../sass/main.scss */
.ContactContent .TitleGalerie .Button i {
  height: 20px;
  width: 20px;
  font-weight: 600;
  font-size: 17px;
  text-align: center;
}
/* line 1333, ../sass/main.scss */
.ContactContent .TitleGalerie h3 {
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 20px;
  margin: 14px 0 14px 20px;
  float: left;
}
/* line 1340, ../sass/main.scss */
.ContactContent .TitleGalerie .DateGalerie {
  float: right;
  color: #6b6b6b;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  padding: 10px 0 10px 25px;
  border-left: 1px solid #e1e1e1;
  margin: 4px;
}
/* line 1348, ../sass/main.scss */
.ContactContent .TitleGalerie .DateGalerie i {
  color: #6b6b6b;
  font-size: 16px;
  padding-right: 3px;
  font-family: 'FontAwesome';
}
/* line 1356, ../sass/main.scss */
.ContactContent .EventGalerie {
  display: none;
  margin: 35px 0;
  float: left;
}
/* line 1360, ../sass/main.scss */
.ContactContent .EventGalerie div {
  padding: 0;
}
/* line 1363, ../sass/main.scss */
.ContactContent .EventGalerie .DescriptionGalerie {
  padding-right: 10px;
}
/* line 1365, ../sass/main.scss */
.ContactContent .EventGalerie .DescriptionGalerie p {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #6b6b6b;
}
/* line 1370, ../sass/main.scss */
.ContactContent .EventGalerie .ImgGalerie {
  position: relative;
  overflow: hidden;
  max-height: 300px;
  height: auto;
  width: 32%;
  margin: 0 2% 2% 0;
  float: left;
}
/* line 1378, ../sass/main.scss */
.ContactContent .EventGalerie .ImgGalerie:nth-child(3n+3) {
  margin: 0 0 2% 0;
}
/* line 1381, ../sass/main.scss */
.ContactContent .EventGalerie .ImgGalerie:after {
  content: '\f002';
  font-family: 'FontAwesome';
  color: white;
  display: none;
  font-size: 30px;
  background: #ffc800;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -30px;
  padding: 6px 16px;
  margin-top: -30px;
  box-shadow: 0px 0px 100px 150px rgba(239, 239, 239, 0.55);
}
/* line 1399, ../sass/main.scss */
.ContactContent .EventGalerie .ImgGalerie:hover {
  text-decoration: none;
}
/* line 1401, ../sass/main.scss */
.ContactContent .EventGalerie .ImgGalerie:hover:after {
  display: block;
}
/* line 1405, ../sass/main.scss */
.ContactContent .EventGalerie .ImgGalerie img {
  width: 100%;
  height: auto;
  position: relative;
}

/*////////////////*/
/* PAGE EVENEMENT */
/*////////////////*/
/* line 1417, ../sass/main.scss */
.Evenement {
  width: 100%;
  height: 420px;
}
/* line 1420, ../sass/main.scss */
.Evenement #map {
  width: 100%;
  height: 420px;
  position: absolute !important;
  z-index: 2;
}
/* line 1426, ../sass/main.scss */
.Evenement .container, .Evenement .row {
  position: relative;
  height: 100%;
  pointer-events: none;
}
/* line 1431, ../sass/main.scss */
.Evenement .TexteHome {
  z-index: 12;
  padding: 0;
  position: absolute;
  bottom: 30px;
  left: 15px;
  display: block;
  color: #000000;
  opacity: 0.8;
}
/* line 1440, ../sass/main.scss */
.Evenement .TexteHome h3 {
  text-transform: uppercase;
  font-size: 28px;
  color: #000000;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
}
/* line 1445, ../sass/main.scss */
.Evenement .TexteHome h3 span {
  color: #00c0ff;
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
}
/* line 1450, ../sass/main.scss */
.Evenement .TexteHome .SousMenu {
  display: inline-block;
  padding: 15px 20px;
  border: 1px solid #e1e1e1;
  background-color: #f9f9fa;
  border-left: 5px solid #00c0ff;
}
/* line 1456, ../sass/main.scss */
.Evenement .TexteHome .SousMenu a {
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  padding-right: 20px;
  text-transform: uppercase;
  border-right: 1px solid #000000;
}
/* line 1463, ../sass/main.scss */
.Evenement .TexteHome .SousMenu a:hover {
  text-decoration: none;
}
/* line 1466, ../sass/main.scss */
.Evenement .TexteHome .SousMenu a.Active {
  color: #00c0ff;
  padding-left: 20px;
  padding-right: 0;
  border-right: 0px solid transparent;
}

/* line 1476, ../sass/main.scss */
.EvenementContent {
  margin: 80px 0 0 0;
}
/* line 1479, ../sass/main.scss */
.EvenementContent .Event h2 {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 25px;
  color: #000000;
  text-transform: uppercase;
  margin: 0;
}
/* line 1486, ../sass/main.scss */
.EvenementContent .Event .Animateur {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #696969;
  margin: 20px 0 40px 0;
  display: block;
}
.EvenementContent .Event .PrintEvent i {
  font-size: 20px;
  color: black;
}
/* line 1494, ../sass/main.scss */
.EvenementContent .Event .Img {
  position: relative;
}
/* line 1496, ../sass/main.scss */
.EvenementContent .Event .Img .ImgEvenement {
  width: 90%;
  border: 3px solid #e1e1e1;
  margin: 0 0 40px 30px;
}
/* line 1501, ../sass/main.scss */
.EvenementContent .Event .Img .ImgCorner {
  position: absolute;
  width: 21px;
  height: 53px;
  top: 0px;
  left: -21px;
  display: block;
  background: #ffc800 url(/img/front/corner_titre.png) center bottom no-repeat;
}
/* line 1510, ../sass/main.scss */
.EvenementContent .Event .Img .Date {
  position: absolute;
  top: 40px;
  left: 30px;
  background-color: #ffc800;
  color: white;
  width: auto;
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 13px;
  padding: 11px 25px 11px 0;
}
/* line 1521, ../sass/main.scss */
.EvenementContent .Event .Img .Date i {
  font-size: 15px;
  padding-right: 10px;
}
/* line 1525, ../sass/main.scss */
.EvenementContent .Event .Img .Date .Triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 20px 0 0;
  border-color: #ffc800 transparent transparent transparent;
  position: absolute;
  right: -20px;
  top: 0;
}
/* line 1537, ../sass/main.scss */
.EvenementContent .Event .InfoEvent {
  margin-bottom: 35px;
}
/* line 1539, ../sass/main.scss */
.EvenementContent .Event .InfoEvent .TopInfoEvent {
  padding: 20px 10px;
  margin: 0;
  display: block;
  background-color: #f6f6f6;
}
/* line 1545, ../sass/main.scss */
.EvenementContent .Event .InfoEvent h3 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: #000000;
  text-transform: uppercase;
  margin: 0;
}
/* line 1552, ../sass/main.scss */
.EvenementContent .Event .InfoEvent ul {
  list-style: none;
  padding: 0;
  margin: 20px 0 0 0;
}
/* line 1556, ../sass/main.scss */
.EvenementContent .Event .InfoEvent ul li {
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 15px;
  padding: 10px 0;
  border-bottom: 1px solid #dfdede;
}
/* line 1562, ../sass/main.scss */
.EvenementContent .Event .InfoEvent ul li:first-of-type {
  padding-top: 0;
}
/* line 1565, ../sass/main.scss */
.EvenementContent .Event .InfoEvent ul li:last-of-type {
  padding-bottom: 0;
  border-bottom: 0px solid transparent;
}
/* line 1569, ../sass/main.scss */
.EvenementContent .Event .InfoEvent ul li i {
  color: #ffc800;
}
/* line 1572, ../sass/main.scss */
.EvenementContent .Event .InfoEvent ul li .SousTitre {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
}

.EvenementContent .Event .InfoEvent ul li .Info a {
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  text-decoration: underline;
}

/* line 1580, ../sass/main.scss */
.EvenementContent .Event .InfoEvent .Qrcode {
  border: 3px solid #e1e1e1;
  text-align: center;
}

.EvenementContent .Event .PictosEvent {
  padding-top: 15px;
}

.EvenementContent .Event .PictosEvent>div>p {
  margin: 0 0 10px 0;
  font-weight: bold;
  font-style: italic;
}

/* line 1589, ../sass/main.scss */
.EvenementContent .Event .DescriptionEvent h3 {
  text-transform: uppercase;
  font-size: 20px;
  color: #000000;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  margin: 0;
}
/* line 1595, ../sass/main.scss */
.EvenementContent .Event .DescriptionEvent h3 span {
  /*color: #ffc800;*/
  color: #00c0ff;
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
}
/* line 1600, ../sass/main.scss */
.EvenementContent .Event .DescriptionEvent p {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #000000;
  margin: 35px 0;
}
/* line 1607, ../sass/main.scss */
.EvenementContent .Event .FichierTelecharger,
.ActualiteContent article .FichierTelecharger {
  border-bottom: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
  padding: 40px 0 0 0;
}
/* line 1611, ../sass/main.scss */
.EvenementContent .Event .FichierTelecharger h3,
.ActualiteContent article .FichierTelecharger h3 {
  text-transform: uppercase;
  font-size: 20px;
  color: #000000;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  margin: 0;
}
/* line 1617, ../sass/main.scss */
.EvenementContent .Event .FichierTelecharger h3 span,
.ActualiteContent article .FichierTelecharger h3 span {
  /*color: #ffc800;*/
  color: #00c0ff;
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
}
/* line 1622, ../sass/main.scss */
.EvenementContent .Event .FichierTelecharger ul,
.ActualiteContent article .FichierTelecharger ul {
  list-style: none;
  padding: 0;
  margin: 35px 0;
}
/* line 1626, ../sass/main.scss */
.EvenementContent .Event .FichierTelecharger ul li,
.ActualiteContent article .FichierTelecharger ul li {
  padding: 10px 0;
  border-bottom: 1px dotted #e1e1e1;
}
/* line 1629, ../sass/main.scss */
.EvenementContent .Event .FichierTelecharger ul li:first-of-type,
.ActualiteContent article .FichierTelecharger ul li:first-of-type {
  padding-top: 0;
}
/* line 1632, ../sass/main.scss */
.EvenementContent .Event .FichierTelecharger ul li:last-of-type,
.ActualiteContent article .FichierTelecharger ul li:last-of-type {
  padding-bottom: 0;
  border-bottom: 0px solid transparent;
}
/* line 1636, ../sass/main.scss */
.EvenementContent .Event .FichierTelecharger ul li a,
.ActualiteContent article .FichierTelecharger ul li a {
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 15px;
  margin: 0;
  text-transform: inherit;
  padding: 0;
}
/* line 1646, ../sass/main.scss */
.EvenementContent .Event .FichierTelecharger ul li a:hover,
.ActualiteContent article .FichierTelecharger ul li a:hover {
  text-decoration: none;
}
/* line 1653, ../sass/main.scss */
.EvenementContent .Event .Inscription {
  padding: 40px 0 40px 0;
  border-bottom: 1px solid #e1e1e1;
}
/* line 1655, ../sass/main.scss */
.EvenementContent .Event .Inscription h3 {
  text-transform: uppercase;
  font-size: 20px;
  color: #000000;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  margin: 0;
}
/* line 1661, ../sass/main.scss */
.EvenementContent .Event .Inscription h3 span {
  /*color: #ffc800;*/
  color: #00c0ff;
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
}
/* line 1666, ../sass/main.scss */
.EvenementContent .Event .Inscription .NbInscrit,
.EvenementContent .Event .Inscription .DatefinInscr {
  font-size: 13px;
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  margin: 35px 0 20px 0;
}

.EvenementContent .Event .Inscription .DatefinInscr {
  margin: 15px 0 0 0;
}
.EvenementContent .Event .Inscription .DatefinInscrOff {
  font-style: italic;
}

.EvenementContent .Event .Inscription .DatefinInscr span {
  font-weight: 800;
}

/* line 1672, ../sass/main.scss */
.EvenementContent .Event .Inscription .Description {
  font-size: 15px;
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  border-left: 2px solid #00c0ff;
  padding-left: 15px;
  margin: 0;
}
/* line 1680, ../sass/main.scss */
.EvenementContent .Event .Inscription ul {
  list-style: none;
  padding: 0;
  margin: 35px 0;
}
/* line 1684, ../sass/main.scss */
.EvenementContent .Event .Inscription ul li {
  padding: 10px 0;
}
/* line 1686, ../sass/main.scss */
.EvenementContent .Event .Inscription ul li:first-of-type {
  padding-top: 0;
}
/* line 1689, ../sass/main.scss */
.EvenementContent .Event .Inscription ul li:last-of-type {
  padding-bottom: 0;
}
/* line 1692, ../sass/main.scss */
.EvenementContent .Event .Inscription ul li label {
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 15px;
  margin: 0;
  text-transform: inherit;
  padding: 0;
  width: 50%;
}
/* line 1700, ../sass/main.scss */
.EvenementContent .Event .Inscription ul li label span {
  color: red;
}
/* line 1704, ../sass/main.scss */
.EvenementContent .Event .Inscription ul li input[type="radio"] {
  margin: 0 5px 0 10px;
}
/* line 1710, ../sass/main.scss */
.EvenementContent .Event input[type="submit"],
.EvenementContent .Event button {
  border: 0;
  text-transform: uppercase;
  padding: 10px 20px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.EvenementContent .Event .Retour {
    padding-top: 20px;
}

/*////////////////*/
/*    FOOTER      */
/*////////////////*/
/* line 604, ../sass/main.scss */
.Footer {
  position: relative;
  background-image: url(/img/front/background_footer.jpg);
  background-size: cover;
  background-color: transparent;
  background-position: left;
  background-repeat: no-repeat;
  width: 100%;
  margin-top: 50px;
  float: left;
}
/* line 614, ../sass/main.scss */
.Footer .FooterContentTop {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 90px;
  margin-bottom: 60px;
}
/* line 620, ../sass/main.scss */
.Footer .FooterContentTop h3 {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: white;
  margin: 0 0 45px 0;
  text-transform: uppercase;
}
/* line 627, ../sass/main.scss */
.Footer .FooterContentTop .AdressePostale {
  margin: 0 30px 0 0;
}
/* line 630, ../sass/main.scss */
.Footer .FooterContentTop .AdressePostale i {
  font-size: 20px;
  color: #00c0ff;
  float: left;
}
/* line 635, ../sass/main.scss */
.Footer .FooterContentTop .AdressePostale span {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #aaaaaa;
  margin-left: 10px;
  display: inline-block;
}

.Footer .FooterContentTop .AdresseMail {
    padding-top: 20px;
}

.Footer .FooterContentTop .Liens {
    padding-bottom: 15px;
}

/* line 644, ../sass/main.scss */
.Footer .FooterContentTop .AdresseMail i,
.Footer .FooterContentTop .Liens i {
  font-size: 20px;
  color: #00c0ff;
  float: left;
}
/* line 649, ../sass/main.scss */
.Footer .FooterContentTop .AdresseMail a,
.Footer .FooterContentTop .Liens a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-decoration: none;
  color: #aaaaaa;
  margin-left: 10px;
  display: inline-block;
}

.Footer .FooterContentTop .AdresseMail a:hover,
.Footer .FooterContentTop .Liens a:hover {
    text-decoration: underline;
}


/* line 658, ../sass/main.scss */
.Footer .FooterContentTop ul {
  padding: 0;
  list-style: none;
}
/* line 661, ../sass/main.scss */
.Footer .FooterContentTop ul li {
  margin: 0 20px 0 0;
  display: inline-block;
}
/* line 664, ../sass/main.scss */
.Footer .FooterContentTop ul li:last-child {
  margin: 0;
}
/* line 667, ../sass/main.scss */
.Footer .FooterContentTop ul li a {
  text-decoration: none;
}
/* line 669, ../sass/main.scss */
.Footer .FooterContentTop ul li a img {
  width: 100px;
  margin-bottom: 20px;
}
/* line 677, ../sass/main.scss */
.Footer .FooterContentBottom {
  position: relative;
  float: left;
  width: 100%;
  background-color: rgba(21, 22, 26, 0.55);
  border-top: 1px solid #666669;
  padding: 25px 0;
}
/* line 684, ../sass/main.scss */
.Footer .FooterContentBottom p {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: white;
}
/* line 689, ../sass/main.scss */
.Footer .FooterContentBottom .Right {
  float: right;
}
/* line 692, ../sass/main.scss */
.Footer .FooterContentBottom .Left {
  float: left;
}
/* line 695, ../sass/main.scss */
.Footer .FooterContentBottom .TextCenter {
  text-align: center;
}
/* line 698, ../sass/main.scss */
.Footer .FooterContentBottom ul {
  padding: 0;
  list-style: none;
}
/* line 701, ../sass/main.scss */
.Footer .FooterContentBottom ul li {
  margin: 0 20px 0 0;
  display: inline-block;
}
/* line 704, ../sass/main.scss */
.Footer .FooterContentBottom ul li a {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  color: white;
}
/* line 709, ../sass/main.scss */
.Footer .FooterContentBottom ul li a:hover {
  color: white;
  text-decoration: none;
}

.back-to-top,
.back-to-top:hover {
  position: fixed;
  bottom: 2em;
  right: 0px;
  display: none;
  background-color: #00c0ff;
  color:white;
  height: 42px;
  width: 42px;
  font-size: 24px;
  z-index: 2;
}

.back-to-top i {
    margin-left: 10px;
    margin-top: 7px;
}

.input-error {
    /*fond rouge clair avec border rouge */
    border-color: #a94442 !important;
}

.erreur-bootbox {
    color: #a94442;
}

.space-top {
    padding-top: 100px;
}

.lostpassword_email {
    display: none;
}

.EvenementContent .Event .Inscription ul li label.control-label {
    width: inherit;
    font-weight: 300;
}

.EvenementContent .Event .Inscription ul li.question {
    display: none;
}

.sitemap {
    padding-top: 50px;
}

.sitemap ul {
    padding-left: 40px;
}


.sitemap li {
  list-style: none;
  font-size: 16px;
  font-style: italic;
}

.sitemap li i {
  padding-right: 10px;
  color: #00C0FF;
}
.sitemap li a {
  padding: 5px 10px 5px 0;
  width: 100%;
  display: block;
  color: #43474d;
  font-style: normal;
}

.PresentationContent {
    margin-bottom: 0px;
}

.PresentationJustify.first {
    margin-top: 50px;
}

.PresentationJustify {
    text-align: justify;
}

.PresentationJustify.AvantUl {
    margin-bottom: 5px;
}

.PresentationUl {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #6b6b6b;
}

.PresentationUl li {
    text-align: justify;
}

.PresentationUl li span.fonction {
    font-style: italic;
    left: 250px;
    position: absolute;
}

.PresentationJustify a,
.PresentationJustify a:hover,
.PresentationJustify a:VISITED {
    font-weight: 700;
    color: #6b6b6b;
    text-decoration: underline;
}

.PresentationJustify .presentationSaenteur {
  width: 450px;
}

.grecaptcha-badge {
  z-index: 1;
}

/* PC */
@media screen and (max-width: 1200px) {
  /* line 725, ../sass/main.scss */
  .Footer .FooterContentTop .AdressePostale {
    width: 100%;
    margin: 0 0 20px 0;
  }

  /* line 729, ../sass/main.scss */
  .Footer .FooterContentBottom ul li {
    margin: 0 10px 0 0;
  }
}

/* TABLETTE */
@media screen and (max-width: 980px) {
  .Home {
    background-image: url("/img/front/background.jpg");
  }
  .Slider {
    display: none;
  }
  /* line 736, ../sass/main.scss */
  .Calendar {
    position: relative;
    margin-top: 60px;
  }
  /* line 740, ../sass/main.scss */
  .Calendar .Title h1 {
    text-transform: uppercase;
    font-size: 28px;
    color: #000000;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
  }
  /* line 745, ../sass/main.scss */
  .Calendar .Title h1 span {
    color: #00c0ff;
      font-family: 'Raleway', sans-serif;
    font-weight: 800;
  }
  /* line 750, ../sass/main.scss */
  .Calendar .Title .Trait {
    height: 1px;
    width: 70%;
  }
  /* line 755, ../sass/main.scss */
  .Calendar form {
    margin-top: 0px;
    text-align: right;
  }
  /* line 759, ../sass/main.scss */
  .Calendar .Month {
    width: 40%;
    margin: 0 2.5%;
  }
  .Calendar .Year {
    width: 33%;
    margin: 0 2.5%;
  }
  /* line 762, ../sass/main.scss */
  .Calendar .Month select, .Calendar .Year select {
    width: 100%;
  }
  /* line 766, ../sass/main.scss */
  .Calendar .Month {
    margin-left: 0;
    float: left;
  }
  /* line 770, ../sass/main.scss */
  .Calendar input[type=submit] {
    width: 15%;
    margin: 0 0 0 2.5%;
  }

  /* line 1264, ../sass/main.scss */
  .GalerieContent {
    position: relative;
    margin-top: 60px;
  }
  /* line 1267, ../sass/main.scss */
  .GalerieContent .Title {
    margin-top: 0;
  }
  /* line 1270, ../sass/main.scss */
  .GalerieContent form {
    margin-top: 0px;
    text-align: right;
  }
  /* line 1274, ../sass/main.scss */
  .GalerieContent .Month, .GalerieContent .Year {
    width: 38%;
    margin: 0 2.5%;
  }
  /* line 1277, ../sass/main.scss */
  .GalerieContent .Month select, .GalerieContent .Year select {
    width: 100%;
  }
  /* line 1281, ../sass/main.scss */
  .GalerieContent .Month {
    margin-left: 0;
    float: left;
  }
  /* line 1285, ../sass/main.scss */
  .GalerieContent button {
    width: 11%;
    margin: 0 0 0 2.5%;
  }

  /* line 1290, ../sass/main.scss */
  .GalerieContent .EventGalerie .DescriptionGalerie {
    padding-right: 0px;
  }

  /* line 1293, ../sass/main.scss */
  .LogoHeader {
    width: auto;
  }
  /* line 777, ../sass/main.scss */
  .LogoHeader .h1, .LogoHeader .h2, .LogoHeader .HeaderTexte {
    display: none;
  }

  .Menu li.dropdown-submenu ul.dropdown-menu {
    left : 0;
    margin-left: -92%;
  }

  /* line 787, ../sass/main.scss */
  .Footer .FooterContentTop .AdresseMail {
    width: 100%;
    margin: 0 0 45px 0;
  }

  /* line 791, ../sass/main.scss */
  .Footer .FooterContentBottom .Right {
    float: left;
  }

  /* line 795, ../sass/main.scss */
  .Home:after {
    width: 130%;
  }
  /* line 798, ../sass/main.scss */
  .Home .Left {
    float: left;
    width: 100%;
    padding: 0 15px;
  }
  /* line 802, ../sass/main.scss */
  .Home .Left img {
    position: absolute;
    left: 50%;
    margin-left: -100px;
    bottom: -30px;
    width: 200px;
  }
  /* line 810, ../sass/main.scss */
  .Home .Right {
    float: left;
    width: 100%;
    margin-bottom: 110px;
  }
  /* line 815, ../sass/main.scss */
  .Home .TexteHome {
    z-index: 12;
    padding: 20px 0;
    position: relative;
    display: block;
    float: left;
  }

  /* line 1350, ../sass/main.scss */
  .LastActu {
    margin: 80px 0 0 0;
  }
}

@media screen and (max-width: 700px) {
  .PresentationUl li span {
    margin-left: 10px;
  }

  .PresentationUl li span.nom {
    display: block;
  }

  .PresentationUl li span.fonction {
    left: inherit;
    position: inherit;
  }

  .PresentationJustify .presentationSaenteur {
    width: 300px;
  }
}

@media screen and (max-width: 768px) {
  /* line 802, ../sass/main.scss */
  .Home .Left img {
    position: absolute;
    left: 50%;
    margin-left: -70px;
    bottom: -30px;
    width: 140px;
  }
  /* line 835, ../sass/main.scss */
  .content {
    margin-top: 70px;
  }

  /* line 838, ../sass/main.scss */
  .LogoHeader {
    width: 100%;
  }
  /* line 840, ../sass/main.scss */
  .LogoHeader .h1, .LogoHeader .h2, .LogoHeader .HeaderTexte {
    display: block;
  }

  /* line 844, ../sass/main.scss */
  .HeaderAccount .Connected {
    padding-right: 15px;
  }

  /* line 853, ../sass/main.scss */
  .MenuMobile {
    position: absolute;
    right: 15px;
    top: 30px;
    height: 50px;
    width: 50px;
    background-color: #00c0ff;
    cursor: pointer;
  }
  /* line 861, ../sass/main.scss */
  .MenuMobile span {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 22px;
    height: 2px;
    display: block;
    background-color: #f1f1f1;
    -moz-transition-property: background;
    -o-transition-property: background;
    -webkit-transition-property: background;
    transition-property: background;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  /* line 881, ../sass/main.scss */
  .MenuMobile span:before, .MenuMobile span:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 22px;
    height: 2px;
    display: block;
    background-color: #f1f1f1;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  /* line 911, ../sass/main.scss */
  .MenuMobile span:after {
    -moz-transform: translateY(6px);
    -ms-transform: translateY(6px);
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  /* line 918, ../sass/main.scss */
  .MenuMobile.active span {
    background: transparent;
  }
  /* line 920, ../sass/main.scss */
  .MenuMobile.active span:before {
    -moz-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    -webkit-transform: translateY(0px) rotate(45deg);
    transform: translateY(0px) rotate(45deg);
  }
  /* line 926, ../sass/main.scss */
  .MenuMobile.active span:after {
    -moz-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
    -webkit-transform: translateY(0px) rotate(-45deg);
    transform: translateY(0px) rotate(-45deg);
  }

  /* line 934, ../sass/main.scss */
  .FormMobile {
    position: absolute;
    right: 70px;
    top: 30px;
    height: 50px;
    width: 50px;
    cursor: pointer;
    background-color: #222226;
  }
  /* line 942, ../sass/main.scss */
  .FormMobile i {
    color: white;
    top: 12px;
    left: 14px;
    font-size: 25px;
    position: absolute;
  }

  /* line 950, ../sass/main.scss */
  .HeaderContent:after {
    display: none;
  }

  /* line 954, ../sass/main.scss */
  .Home:after {
    width: 180%;
  }
  /* line 957, ../sass/main.scss */
  .Home .Trait {
    margin: 25px 0;
  }
  /* line 960, ../sass/main.scss */
  .Home .TexteHome {
    z-index: 12;
    padding: 20px 0;
    position: relative;
    display: block;
    float: left;
  }
  /* line 966, ../sass/main.scss */
  .Home .TexteHome .h3texte {
    text-transform: uppercase;
    font-size: 25px;
    color: #000000;
  }
  /* line 970, ../sass/main.scss */
  .Home .TexteHome .h3texte span {
    color: #00c0ff;
      font-family: 'Raleway', sans-serif;
    font-weight: 800;
  }
  /* line 976, ../sass/main.scss */
  .Home .TexteHome h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 20px;
  }
  /* line 980, ../sass/main.scss */
  .Home .TexteHome p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin: 25px 0;
  }
  /* line 986, ../sass/main.scss */
  .Home .TexteHome .Button {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    display: inline-block;
  }

  /* line 993, ../sass/main.scss */
  .Calendar {
    position: relative;
    margin-top: 60px;
  }
  /* line 997, ../sass/main.scss */
  .Calendar .col-md-6 .row {
    margin: 0;
  }
  /* line 1002, ../sass/main.scss */
  .Calendar .Title h1 {
    text-transform: uppercase;
    font-size: 25px;
    color: #000000;
  }
  /* line 1006, ../sass/main.scss */
  .Calendar .Title h1 span {
    color: #00c0ff;
    font-family: 'Raleway', sans-serif;
    font-weight: 800;
  }
  /* line 1011, ../sass/main.scss */
  .Calendar .Title .Trait {
    margin: 25px 0;
    width: 70%;
  }

  /* line 2168, ../sass/main.scss */
  .EvenementContent .Event .Img .Date {
    padding: 5px 25px;
    max-width: 200px;
    height: auto;
  }
  /* line 2173, ../sass/main.scss */
  .EvenementContent .Event .Img .ImgCorner {
    display: none;
  }
  /* line 2176, ../sass/main.scss */
  .EvenementContent .Event .Img .Date .Triangle {
    border-width: 28px 20px 0 0;
  }

  /* line 2180, ../sass/main.scss */
  .FooterSousMenu {
    width: 100%;
    border-right: 0px solid transparent;
    margin-bottom: 20px;
  }

  .FormMobileContent .Connected span {
    display: none;
  }

  .FormMobileContent .Connected a {
    width: 100%;
    float: left;
    padding: 10px;
    background-color: #00C0FF;
    color: white;
    margin-top: 5px;
    font-size: 12px;
    font-weight: bold;
  }
}

@media screen and (min-width: 992px) {

  .LogoHeader {
    width: 350px;
  }

  /* line 840, ../sass/main.scss */
  .LogoHeader .h1, .LogoHeader .h2, .LogoHeader .HeaderTexte {
    display: block;
  }
  
    .Home .TexteHome {
        display: none;
    }
    .Home .rowHome {
        height: 450px;
    }
}

@media screen and (min-width: 1024px) {
    .Home .rowHome {
        height: 480px;
    }
}

@media screen and (min-width: 1200px) {
    .Home .rowHome {
        height: 520px;
    }
}

@media screen and (min-width: 1280px) {
    .Home .TexteHome {
        display: block;
    }
    .Home .rowHome {
        height: auto;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .Home .TexteHome {
    display: none;
  }
  .Home .rowHome {
    height: 450px;
  }
	
  .LogoHeader {
    width: auto;
  }

  /* line 840, ../sass/main.scss */
  .LogoHeader .h1, .LogoHeader .h2, .LogoHeader .HeaderTexte {
    display: none;
  }
}

@media screen and (max-width: 991px) {
    .LastActu {
       display: none;
    }
    
  .Home .TexteHome {
    display: none;
  }
  .Home .rowHome {
    height: 400px;
  }
}

@media screen and (max-width: 767px) {
    .EvenementContent .Event .Img .ImgEvenement {
      width: 100%;
      margin: 0 0 40px 0;
    }

    .EvenementContent .Event .Img .Date {
        top: 15px;
       left: 0;
    }
    
  /* line 1034, ../sass/main.scss */
  .LogoHeader .Logo {
    display: none;
  }
  /* line 1037, ../sass/main.scss */
  .LogoHeader .h1 {
    padding-left: 15px;
    display: block;
    font-size: 22px;
  }
  /* line 1042, ../sass/main.scss */
  .LogoHeader .h2 {
    padding-left: 15px;
    display: block;
    font-size: 13px;
  }

  .LogoHeader .HeaderTexte {
    display: block;
  }
  
  .Home .rowHome {
    height: 250px;
  }
}



/* PETITE TABLETTE */
@media screen and (max-width: 640px) {
  /* line 1549, ../sass/main.scss */
  .GalerieContent .Title p {
    font-size: 14px;
  }

  /* line 1884, ../sass/main.scss */
  .ContactContent input[type=text],
  .ContactContent input[type=email],
  .ContactContent input[type=password]
  {
    width: 100%;
    margin: 0 0 20px 0;
  }
  
  .Home .TexteHome {
    display: none;
  }
  .Home .rowHome {
	height: 250px;
  }
}
/* MOBILE */
@media screen and (max-width: 480px) {

  /* line 1050, ../sass/main.scss */
  .Calendar .Title .Trait {
    width: 100%;
  }

  /* line 1057, ../sass/main.scss */
  .Navigation li {
    display: none;
  }
  /* line 1059, ../sass/main.scss */
  .Navigation li.Active, .Navigation li.Left, .Navigation li.Right {
    display: inline-block;
  }

  /* line 1067, ../sass/main.scss */
  .Footer .FooterContentBottom ul li {
    width: 100%;
    margin: 10px 0;
  }

  /* line 1291, ../sass/main.scss */
  .Actualite .Trait {
    width: 90%;
  }

  /* line 1605, ../sass/main.scss */
  .GalerieContent .EventGalerie .ImgGalerie {
    width: 100%;
    margin: 0 0 2% 0;
  }

  .EvenementContent .Event .PictosEvent div {
    padding-top: 15px;
  }
  
}