/*imports*/
@font-face {
  font-family: 'weather';
  src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot');
  src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'), url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff') format('woff'), url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf') format('truetype'), url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*variables*/
/*mixins*/
/*css*/
html {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 1em;
  color: #272525;
  background: #ffffff;
  overflow-x: hidden;
}
html .mobile {
  display: none;
}
html h1,
html h2,
html h3,
html h4,
html h5,
html h6 {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
}
html a {
  color: #76b38f;
  text-decoration: none;
}
html a:hover {
  color: #77d59e;
  text-decoration: none;
}
html ::-webkit-input-placeholder {
  font-style: italic;
  color: #8c8c8c !important;
}
html :-moz-placeholder {
  font-style: italic;
  color: #8c8c8c !important;
}
html ::-moz-placeholder {
  font-style: italic;
  color: #8c8c8c !important;
}
html :-ms-input-placeholder {
  font-style: italic;
  color: #8c8c8c !important;
}
html input,
html select,
html button {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
}
html .texte_editable {
  text-align: left;
  font-size: 1.1em;
}
html .texte_editable strong,
html .texte_editable b {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-weight: 700;
}
html .texte_editable h4 {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #76b38f;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
}
html .texte_editable h5 {
  padding-top: 20px;
  padding-bottom: 15px;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  color: #76b38f;
  font-size: 1.2em;
  font-weight: 700;
}
html .texte_editable h6 {
  display: inline-block;
  padding: 5px;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 1em;
  font-weight: 700;
  color: #ffffff;
  background-color: #76b38f;
}
html .texte_editable .vert {
  color: #76b38f;
}
html .texte_editable p {
  line-height: 1.6em;
}
html .texte_editable p strong {
  font-weight: 700;
}
html .texte_editable p i,
html .texte_editable p em {
  font-style: italic;
}
html .texte_editable ul {
  float: none;
  clear: both;
  color: #272525;
  font-size: 1em;
  line-height: 1.4em;
  padding-bottom: 10px;
}
html .texte_editable ul li {
  position: relative;
  width: auto;
  clear: both;
  margin-left: 10px;
  padding-left: 15px;
  padding-bottom: 5px;
  font-size: 1em;
  text-transform: none;
}
html .texte_editable ul li li {
  position: relative;
  width: auto;
  clear: both;
  margin-left: 10px;
  padding-left: 15px;
  padding-bottom: 10px;
  font-size: 0.9em;
  text-transform: none;
}
html .texte_editable ul li li li {
  position: relative;
  width: auto;
  clear: both;
  margin-left: 10px;
  padding-left: 15px;
  padding-bottom: 10px;
  font-size: 0.9em;
  text-transform: none;
}
html .texte_editable ul li li li li {
  position: relative;
  width: auto;
  clear: both;
  margin-left: 10px;
  padding-left: 15px;
  padding-bottom: 10px;
  font-size: 0.9em;
  text-transform: none;
}
html .texte_editable ul li:before {
  content: "";
  font-family: FontAwesome;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 1px;
  color: #76b38f;
}
html .texte_editable ul ul li:before {
  content: "";
  font-family: FontAwesome;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 1px;
  color: #77d59e;
}
html .texte_editable ul ul ul li:before {
  content: "";
  font-family: FontAwesome;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 1px;
  color: #2b2b2b;
}
html .texte_editable ul ul ul ul li:before {
  content: "";
  font-family: FontAwesome;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 1px;
  color: #919292;
}
html .texte_editable img {
  margin: 10px;
}
html .texte_editable a {
  color: #76b38f;
  text-decoration: none;
}
html .texte_editable a:hover {
  color: #77d59e;
  text-decoration: none;
}
html .texte_editable i,
html .texte_editable em {
  font-style: italic;
}
html .texte_editable table {
  clear: both;
  width: 100%;
  border: 5px solid #f7f7f7;
  border-right: 0px;
  border-bottom: 0px;
  border-spacing: 0px;
  border-collapse: separate;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  background: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html .texte_editable table tr th {
  padding: 0;
  margin: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  color: #ffffff;
  background: #d3b49d;
}
html .texte_editable table tr th p {
  font-weight: 700;
  padding-bottom: 5px;
}
html .texte_editable table tr td {
  vertical-align: middle;
  text-align: left;
  padding: 5px;
  border: 5px solid #f7f7f7;
  border-top: 0px;
  border-left: 0px;
}
html .texte_editable table tr td p {
  line-height: 1em;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 0.8em;
  font-weight: 400;
}
html .texte_editable table tr td.odd {
  background: #fefefe;
}
html .texte_editable table tr .centrer {
  text-align: center;
}
html .texte_editable table tr .droite {
  text-align: right;
}
html span.far {
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  font-weight: 900;
}
html #btn_up {
  display: none;
  position: fixed;
  z-index: 999;
  bottom: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  background: #76b38f;
}
html #btn_up i {
  color: #ffffff;
}
html #btn_up:hover {
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  background: #77d59e;
}
html button,
html .bouton,
html .bouton.gris {
  display: inline-block;
  position: relative;
  padding-left: 45px;
  padding-right: 15px;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  height: 50px;
  line-height: 50px;
  text-align: center;
  outline-style: none;
  border: 0;
  font-weight: 700;
  font-size: 1.1em;
  cursor: pointer;
  color: #272525;
  background: #d3b49d;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
html button i,
html .bouton i,
html .bouton.gris i {
  position: absolute;
  top: 0px;
  left: 15px;
  height: 50px;
  line-height: 50px;
}
html .bouton:hover,
html .bouton.gris:hover {
  color: #ffffff !important;
  background: #edc6a8;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html .bouton.gris {
  color: #272525;
  background: #c0c0c0;
  border-bottom: 5px solid #878787;
}
html .bouton.gris i {
  color: #2b2b2b;
}
html .bouton.gris:hover {
  color: #272525;
  background: #e9e9e9;
}
html .bouton.vert {
  color: #272525;
  background: #c0c0c0;
  border-bottom: 5px solid #878787;
}
html .bouton.vert i {
  color: #76b38f;
}
html .bouton.vert:hover {
  color: #272525;
  background: #77d59e;
}
html strong {
  font-weight: 900;
}
html .error {
  color: #76b38f !important;
}
html .center {
  position: relative;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html form.formfront {
  float: left;
  width: 100%;
  margin-top: 50px;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 70px;
  padding-right: 70px;
  margin-bottom: 50px;
  background: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html form.formfront em {
  font-style: italic;
}
html form.formfront strong {
  font-weight: 700;
  color: #76b38f;
}
html form.formfront p {
  line-height: 1.2em;
  padding-bottom: 5px;
}
html form.formfront input[type='text'],
html form.formfront input[type='password'],
html form.formfront textarea,
html form.formfront select {
  float: left;
  position: relative;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  padding-left: 10px;
  margin-top: 5px;
  height: 28px;
  width: 100%;
  color: #272525;
  outline-style: none;
  border: 0;
  font-weight: 500;
  font-size: 0.8em;
  background: #ffffff;
  border: 1px solid #c0c0c0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html form.formfront textarea {
  height: 142px;
  padding-top: 10px;
}
html form.formfront input[type='checkbox'] {
  float: left;
  width: auto;
}
html form.formfront .hp {
  display: none;
}
html form.formfront button {
  float: right;
  display: inline-block;
  margin-top: 10px;
}
html form.formfront button i {
  font-size: 0.9em;
}
html form.formfront .label,
html form.formfront label {
  float: left;
  position: relative;
  display: inline-block;
  width: 100%;
  font-size: 1em;
}
html form.formfront .checkbox label {
  width: auto;
}
html form.formfront .checkbox a {
  color: #ffffff;
  text-decoration: underline;
}
html form.formfront .checkbox a:hover {
  color: #ffffff;
  text-decoration: none;
}
html form.formfront .line {
  float: left;
  position: relative;
  display: inline-block;
  width: 100%;
  padding-bottom: 10px;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html form.formfront .line strong {
  color: #76b38f;
  font-weight: 700;
}
html form.formfront .line label {
  float: left;
  width: 40%;
  padding-top: 10px;
  padding-right: 20px;
  text-align: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html form.formfront .line input,
html form.formfront .line textarea {
  float: left;
  width: 60%;
}
html form.formfront .checkbox label {
  width: auto;
  text-align: left;
}
html form.formfront .checkbox input {
  padding: 0;
  margin-top: 12px;
  width: auto;
}
html form.formfront .bottom {
  float: left;
  width: 100%;
}
html form.formfront .bottom p {
  font-size: 0.9em;
}
html form.formfront i.input {
  position: absolute;
  z-index: 999;
  top: 9px;
  right: 30px;
  color: #76b38f;
  font-size: 1em;
}
html form.formfront input.readonly {
  background: #efefef;
}
html form.formfront ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #393939;
}
html form.formfront :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #393939;
  opacity: 1;
}
html form.formfront ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #393939;
  opacity: 1;
}
html form.formfront :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #393939;
}
html form.formfront .error {
  color: #76b38f !important;
}
html form.formfront p.error {
  color: #76b38f !important;
  font-size: 0.9em;
  font-weight: 700;
  padding-top: 3px;
}
html form.formfront label.error {
  color: #76b38f !important;
  width: 60%;
  font-size: 0.9em;
  font-weight: 700;
  padding-top: 3px;
  margin-left: 40%;
  text-align: left;
  padding-right: 0;
}
html form.formfront textarea.error,
html form.formfront input.error {
  border: 1px solid #76b38f;
}
html form.formfront .checkbox {
  position: relative;
}
html form.formfront .checkbox label.error {
  position: absolute;
  top: 20px;
  left: 0px;
}
html header * {
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html header * i {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}
html #sticky-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
html header {
  float: left;
  position: relative;
  z-index: 9999 !important;
  width: 100%;
  height: 190px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html header .top {
  float: left;
  width: 100%;
  background: #ffffff;
}
html header .top .logo {
  float: left;
  width: 340px;
}
html header .top .logo img {
  width: 120px;
  height: 120px;
}
html header .top .h1 {
  float: left;
  margin-top: 5px;
}
html header .top .h2 {
  float: left;
  width: 200px;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 20px;
  text-align: center;
  font-weight: 900;
  font-size: 1.2em;
  line-height: 1.2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html header .top .h2 i {
  font-size: 0.9em;
  color: #ffba00;
}
html header .top .h3 {
  float: left;
  width: 200px;
  margin-top: 5px;
  text-align: center;
  font-weight: 700;
  font-size: 0.8em;
  color: #c0c0c0;
}
html header aside {
  position: absolute;
  top: 0;
  right: 0;
}
html header aside ul {
  float: right;
}
html header aside ul li {
  float: left;
  padding-left: 10px;
  margin-top: 10px;
}
html header aside ul li.facebook {
  font-size: 1.2em;
  padding-right: 10px;
  background: url("/images/communs/sep.png") no-repeat right center;
}
html header aside ul li.facebook a {
  color: #4868af;
}
html header aside ul li.facebook a:hover {
  color: #6387d6;
}
html header aside ul li.admin1 {
  font-size: 1.2em;
  padding-left: 10px;
  margin-left: 10px;
  background: url("/images/communs/sep.png") no-repeat left center;
}
html header aside ul li.admin2 {
  font-size: 1.2em;
}
html header .infos {
  float: right;
  margin-top: 55px;
  color: #c0c0c0;
  font-weight: 400;
  font-size: 0.9em;
  line-height: 1.4em;
}
html header .infos strong,
html header .infos a {
  color: #272525;
  font-weight: 700;
  font-size: 1.2em;
}
html header .infos a:hover {
  color: #76b38f;
}
html header .infos .appel {
  float: left;
  margin-top: 5px;
  padding-right: 30px;
}
html header .infos .appel i {
  color: #76b38f;
}
html header .infos .ecrivez-nous {
  float: left;
  margin-top: 5px;
  padding-left: 30px;
  padding-right: 30px;
  border-left: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
}
html header .infos .ecrivez-nous i {
  color: #76b38f;
}
html header .infos .boutons {
  float: left;
  padding-left: 30px;
}
html header #nav {
  float: left;
  width: 100%;
  height: 60px;
  background: #76b38f;
  background: rgba(118, 179, 143, 0.9);
}
html header #nav li.niv1 {
  float: left;
  position: relative;
  background: url("/images/communs/sep.png") no-repeat right center;
}
html header #nav li.niv1 a.niv1 {
  float: left;
  position: relative;
  height: 60px;
  line-height: 60px;
  padding-left: 30px;
  padding-right: 30px;
  z-index: 500;
  font-size: 1em;
  font-weight: 400;
  color: #ffffff;
}
html header #nav li.niv1 a.niv1:hover,
html header #nav li.niv1 a.niv1.active {
  color: #272525;
}
html header #nav li.niv1 ul {
  display: none;
  position: absolute;
  z-index: 400;
  left: -125px;
  top: 0px;
  padding: 0;
  margin: 0;
  margin-left: 50%;
  padding-top: 60px;
  border-bottom: 5px solid #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html header #nav li.niv1 ul li {
  float: left;
  width: 250px;
  background: #2b2b2b;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html header #nav li.niv1 ul li a {
  float: left;
  width: 100%;
  text-align: center;
  padding: 10px;
  color: #fff;
  border-bottom: 1px solid #919292;
  font-size: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html header #nav li.niv1 ul li a:hover {
  background: #76b38f;
}
html header #nav li.niv1.first-child,
html header #nav li.niv1:first-child {
  padding-left: 0;
}
html header #nav li.niv1.last-child,
html header #nav li.niv1:last-child {
  background: none;
}
html header #nav li.niv1:hover a.niv1 {
  color: #272525;
}
html header #nav li.niv1:hover ul {
  display: inline;
}
html .is-sticky header {
  height: 50px;
  -webkit-box-shadow: 0px 0px 3px #707070;
  -moz-box-shadow: 0px 0px 3px #707070;
  box-shadow: 0px 0px 3px #707070;
}
html .is-sticky header .top .logo {
  height: auto;
}
html .is-sticky header .top .logo img {
  width: 70px;
  height: 70px;
}
html .is-sticky header .top .h2 {
  margin-top: 12px;
  font-size: 1em;
  line-height: 1.2em;
}
html .is-sticky header .top .h3 {
  display: none;
}
html .is-sticky header aside {
  display: none;
}
html .is-sticky header .infos {
  margin-top: 10px;
}
html .is-sticky header #nav {
  height: 40px;
}
html .is-sticky header #nav li.niv1 a.niv1 {
  height: 40px;
  line-height: 40px;
}
html .is-sticky header #nav li.niv1 ul {
  padding-top: 40px;
}
html #slide * {
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html #slide * i {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}
html #slide {
  float: left;
  position: relative;
  width: 100%;
  height: 100vh;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
}
html #slide .rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
html #slide .rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: inline;
  width: 100%;
  height: 100%;
  overflow: hidden;
  left: 0;
  top: 0;
  -webkit-background-size: cover;
  /* pour anciens Chrome et Safari */
  background-size: cover;
}
html #slide .rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}
html .slide-btns_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 50%;
  left: 0;
  z-index: 8000;
  opacity: 0.8;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 44px;
  width: 44px;
  background: #76b38f url("/images/communs/prev.png") no-repeat center center;
  margin-top: -22px;
}
html .slide-btns_nav:active {
  opacity: 1;
}
html .slide-btns_nav.next {
  left: auto;
  background: #76b38f url("/images/communs/next.png") no-repeat center center;
  right: 0;
}
html #slide.interne {
  height: 360px;
}
html #slide.interne .slide-btns_nav {
  top: 75%;
}
html .suite {
  position: absolute;
  z-index: 1000;
  bottom: 0px;
  right: 50%;
  margin-right: -100px;
  width: 200px;
  height: 60px;
  line-height: 60px;
  color: #272525;
  background: #fff;
  text-align: center;
  font-size: 3em;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-box-shadow: 0px 0px 3px #707070;
  -moz-box-shadow: 0px 0px 3px #707070;
  box-shadow: 0px 0px 3px #707070;
}
html .suite:hover {
  bottom: -5px;
  color: #ffffff;
  background: #76b38f;
}
html .accroche {
  position: absolute;
  z-index: 1000;
  bottom: 80px;
  left: 40px;
  width: 50%;
  padding: 20px;
  font-size: 1.4em;
  font-weight: 900;
  line-height: 1.5em;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.4);
}
html .accroche span {
  font-size: 1.2em;
}
html .accroche strong {
  color: #d3b49d;
  font-style: italic;
  font-weight: 900;
  font-size: 1.1em;
}
html .accroche .horaires {
  padding-top: 10px;
  font-size: 0.9em;
  line-height: 1.2em;
}
html .accroche .protocole {
  float: left;
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  font-size: 1em;
  font-weight: 900;
  line-height: 1em;
  color: #283577;
  text-align: center;
  background: rgba(211, 216, 236, 0.7);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html .accroche .protocole a {
  color: #283577;
}
html .accroche .protocole a i {
  color: #ec1b23;
}
html .meteo {
  position: absolute;
  z-index: 1000;
  bottom: 200px;
  right: 40px;
  width: 105px;
}
html .meteo .container {
  float: right;
  width: 105px;
}
html .meteo .date {
  float: right;
  width: 105px;
  margin-bottom: 4px;
  text-align: center;
  background: #ffffff;
  background: rgba(255, 255, 255, 0.8);
  border-top: 5px solid #76b38f;
}
html .meteo .date .jour {
  float: left;
  width: 100%;
  text-transform: uppercase;
  padding-top: 15px;
  padding-bottom: 5px;
}
html .meteo .date .numero {
  float: left;
  width: 100%;
  text-transform: uppercase;
  font-size: 3em;
  font-weight: 600;
}
html .meteo .date .mois {
  float: left;
  width: 100%;
  text-transform: uppercase;
  padding-bottom: 15px;
}
html .meteo #meteo {
  float: right;
  width: 105px;
  height: 45px;
  background: #ffffff;
}
html .meteo #meteo h2 {
  float: left;
  width: 100%;
  text-align: left;
  color: #272525;
}
html .meteo #meteo h2 span {
  float: right;
  width: 50%;
  text-align: center;
  line-height: 45px;
  font-size: 1.2em;
  font-weight: 600;
}
html .meteo #meteo h2 i {
  float: left;
  width: 50%;
  text-align: center;
  color: #272525;
  font-family: weather;
  font-weight: normal;
  font-style: normal;
  font-size: 3em;
  line-height: 1;
  text-transform: none;
}
html .meteo #meteo .icon-0:before {
  content: ":";
}
html .meteo #meteo .icon-1:before {
  content: "p";
}
html .meteo #meteo .icon-2:before {
  content: "S";
}
html .meteo #meteo .icon-3:before {
  content: "Q";
}
html .meteo #meteo .icon-4:before {
  content: "S";
}
html .meteo #meteo .icon-5:before {
  content: "W";
}
html .meteo #meteo .icon-6:before {
  content: "W";
}
html .meteo #meteo .icon-7:before {
  content: "W";
}
html .meteo #meteo .icon-8:before {
  content: "W";
}
html .meteo #meteo .icon-9:before {
  content: "I";
}
html .meteo #meteo .icon-10:before {
  content: "W";
}
html .meteo #meteo .icon-11:before {
  content: "I";
}
html .meteo #meteo .icon-12:before {
  content: "I";
}
html .meteo #meteo .icon-13:before {
  content: "I";
}
html .meteo #meteo .icon-14:before {
  content: "I";
}
html .meteo #meteo .icon-15:before {
  content: "W";
}
html .meteo #meteo .icon-16:before {
  content: "I";
}
html .meteo #meteo .icon-17:before {
  content: "W";
}
html .meteo #meteo .icon-18:before {
  content: "U";
}
html .meteo #meteo .icon-19:before {
  content: "Z";
}
html .meteo #meteo .icon-20:before {
  content: "Z";
}
html .meteo #meteo .icon-21:before {
  content: "Z";
}
html .meteo #meteo .icon-22:before {
  content: "Z";
}
html .meteo #meteo .icon-23:before {
  content: "Z";
}
html .meteo #meteo .icon-24:before {
  content: "E";
}
html .meteo #meteo .icon-25:before {
  content: "E";
}
html .meteo #meteo .icon-26:before {
  content: "3";
}
html .meteo #meteo .icon-27:before {
  content: "a";
}
html .meteo #meteo .icon-28:before {
  content: "A";
}
html .meteo #meteo .icon-29:before {
  content: "a";
}
html .meteo #meteo .icon-30:before {
  content: "A";
}
html .meteo #meteo .icon-31:before {
  content: "6";
}
html .meteo #meteo .icon-32:before {
  content: "1";
}
html .meteo #meteo .icon-33:before {
  content: "6";
}
html .meteo #meteo .icon-34:before {
  content: "1";
}
html .meteo #meteo .icon-35:before {
  content: "W";
}
html .meteo #meteo .icon-36:before {
  content: "1";
}
html .meteo #meteo .icon-37:before {
  content: "S";
}
html .meteo #meteo .icon-38:before {
  content: "S";
}
html .meteo #meteo .icon-39:before {
  content: "S";
}
html .meteo #meteo .icon-40:before {
  content: "M";
}
html .meteo #meteo .icon-41:before {
  content: "W";
}
html .meteo #meteo .icon-42:before {
  content: "I";
}
html .meteo #meteo .icon-43:before {
  content: "W";
}
html .meteo #meteo .icon-44:before {
  content: "a";
}
html .meteo #meteo .icon-45:before {
  content: "S";
}
html .meteo #meteo .icon-46:before {
  content: "U";
}
html .meteo #meteo .icon-47:before {
  content: "S";
}
html #article *,
html #accueil *,
html #catch *,
html #galeries-photos {
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html #article * i,
html #accueil * i,
html #catch * i,
html #galeries-photos i {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}
html #article,
html #accueil,
html #catch,
html #galeries-photos {
  float: left;
  width: 100%;
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
  z-index: 7000;
  background: #ffffff;
  /*h1{
            float:left;
            width:100%;
            text-align:center;
            padding-top:70px;
            padding-bottom:20px;
            font-size:1.2em;
            font-weight:700;
            color:@gris4;
            text-transform:uppercase;
            a{
                color:@gris4;
            }
            a:hover{
                color:@vert1;
            }
        }*/
}
html #article h1,
html #accueil h1,
html #catch h1,
html #galeries-photos h1 {
  float: left;
  width: 100%;
  text-align: center;
  padding-bottom: 40px;
  font-size: 2.2em;
  font-weight: 700;
}
html #article h3,
html #accueil h3,
html #catch h3,
html #galeries-photos h3 {
  float: left;
  width: 100%;
  text-align: center;
  padding-top: 0px;
  padding-bottom: 30px;
  font-size: 1.2em;
  font-weight: 700;
  color: #2b2b2b;
  text-transform: uppercase;
}
html #article .colleft,
html #accueil .colleft,
html #catch .colleft,
html #galeries-photos .colleft {
  float: left;
  width: 70%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html #article .colright,
html #accueil .colright,
html #catch .colright,
html #galeries-photos .colright {
  float: left;
  width: 29%;
  margin-left: 1%;
}
html #article .colright .boutons,
html #accueil .colright .boutons,
html #catch .colright .boutons,
html #galeries-photos .colright .boutons {
  float: left;
  width: 100%;
  padding: 20px;
  text-align: center;
  background: #76b38f;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html #article .colright .galeries,
html #accueil .colright .galeries,
html #catch .colright .galeries,
html #galeries-photos .colright .galeries {
  float: left;
  width: 100%;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html #article .colright .galeries .galerie,
html #accueil .colright .galeries .galerie,
html #catch .colright .galeries .galerie,
html #galeries-photos .colright .galeries .galerie {
  float: left;
  width: 100%;
}
html #article .colright h3,
html #accueil .colright h3,
html #catch .colright h3,
html #galeries-photos .colright h3 {
  padding-top: 20px;
  padding-bottom: 10px;
  font-weight: 900;
  font-size: 1em;
  color: #ffffff;
}
html #article .colright h3:first-child,
html #accueil .colright h3:first-child,
html #catch .colright h3:first-child,
html #galeries-photos .colright h3:first-child,
html #article .colright h3.first-child,
html #accueil .colright h3.first-child,
html #catch .colright h3.first-child,
html #galeries-photos .colright h3.first-child {
  padding-top: 0px;
}
html #article .colright .bouton,
html #accueil .colright .bouton,
html #catch .colright .bouton,
html #galeries-photos .colright .bouton {
  display: inline-block;
  width: 80%;
  height: auto;
  line-height: initial;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 1em;
  border: 1px solid #b98a6b;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html #article .colright .bouton i,
html #accueil .colright .bouton i,
html #catch .colright .bouton i,
html #galeries-photos .colright .bouton i {
  line-height: 30px;
}
html #article .actualites-une,
html #accueil .actualites-une,
html #catch .actualites-une,
html #galeries-photos .actualites-une {
  float: left;
  width: 39%;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #76b38f;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
html #article .actualites-une h1,
html #accueil .actualites-une h1,
html #catch .actualites-une h1,
html #galeries-photos .actualites-une h1 {
  margin-bottom: 0px;
}
html #article .actualites-une h1,
html #accueil .actualites-une h1,
html #catch .actualites-une h1,
html #galeries-photos .actualites-une h1 {
  color: #ffffff;
}
html #article .actualites-une .fb-page,
html #accueil .actualites-une .fb-page,
html #catch .actualites-une .fb-page,
html #galeries-photos .actualites-une .fb-page,
html #article .actualites-une .fb-page span,
html #accueil .actualites-une .fb-page span,
html #catch .actualites-une .fb-page span,
html #galeries-photos .actualites-une .fb-page span,
html #article .actualites-une .fb-page span iframe[style],
html #accueil .actualites-une .fb-page span iframe[style],
html #catch .actualites-une .fb-page span iframe[style],
html #galeries-photos .actualites-une .fb-page span iframe[style] {
  width: 100% !important;
  height: 500px;
}
html #article .video,
html #accueil .video,
html #catch .video,
html #galeries-photos .video {
  float: right;
  width: 60%;
  padding: 20px;
  margin-left: 1%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #f7f7f7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
html #article .video h2,
html #accueil .video h2,
html #catch .video h2,
html #galeries-photos .video h2 {
  float: left;
  width: 100%;
  text-align: center;
  padding-bottom: 40px;
  font-size: 2.2em;
  font-weight: 700;
  margin-bottom: 0px;
}
html #article .video iframe,
html #accueil .video iframe,
html #catch .video iframe,
html #galeries-photos .video iframe {
  float: left;
  width: 100%;
  height: 500px;
}
html #article .sharing,
html #accueil .sharing,
html #catch .sharing,
html #galeries-photos .sharing {
  float: left;
  width: 100%;
  padding-bottom: 10px;
}
html #article .sharing .fb-share-button,
html #accueil .sharing .fb-share-button,
html #catch .sharing .fb-share-button,
html #galeries-photos .sharing .fb-share-button,
html #article .sharing .twitter-share-button,
html #accueil .sharing .twitter-share-button,
html #catch .sharing .twitter-share-button,
html #galeries-photos .sharing .twitter-share-button,
html #article .sharing .partageemail,
html #accueil .sharing .partageemail,
html #catch .sharing .partageemail,
html #galeries-photos .sharing .partageemail {
  float: right;
  margin-left: 5px;
}
html #article .sharing .partageemail,
html #accueil .sharing .partageemail,
html #catch .sharing .partageemail,
html #galeries-photos .sharing .partageemail {
  margin-top: 5px;
  font-size: 0.8em;
  font-weight: 700;
  text-transform: uppercase;
}
html #article .information,
html #accueil .information,
html #catch .information,
html #galeries-photos .information {
  float: left;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 70px;
  padding-right: 70px;
  margin-bottom: 50px;
  text-align: left;
  font-size: 1.1em;
  background: #76b38f;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html #article .information strong,
html #accueil .information strong,
html #catch .information strong,
html #galeries-photos .information strong,
html #article .information b,
html #accueil .information b,
html #catch .information b,
html #galeries-photos .information b {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-weight: 700;
}
html #article .information h4,
html #accueil .information h4,
html #catch .information h4,
html #galeries-photos .information h4 {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #76b38f;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
}
html #article .information h5,
html #accueil .information h5,
html #catch .information h5,
html #galeries-photos .information h5 {
  padding-top: 20px;
  padding-bottom: 15px;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  color: #76b38f;
  font-size: 1.2em;
  font-weight: 700;
}
html #article .information h6,
html #accueil .information h6,
html #catch .information h6,
html #galeries-photos .information h6 {
  display: inline-block;
  padding: 5px;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 1em;
  font-weight: 700;
  color: #ffffff;
  background-color: #76b38f;
}
html #article .information .vert,
html #accueil .information .vert,
html #catch .information .vert,
html #galeries-photos .information .vert {
  color: #76b38f;
}
html #article .information p,
html #accueil .information p,
html #catch .information p,
html #galeries-photos .information p {
  line-height: 1.6em;
}
html #article .information p strong,
html #accueil .information p strong,
html #catch .information p strong,
html #galeries-photos .information p strong {
  font-weight: 700;
}
html #article .information p i,
html #accueil .information p i,
html #catch .information p i,
html #galeries-photos .information p i,
html #article .information p em,
html #accueil .information p em,
html #catch .information p em,
html #galeries-photos .information p em {
  font-style: italic;
}
html #article .information ul,
html #accueil .information ul,
html #catch .information ul,
html #galeries-photos .information ul {
  float: none;
  clear: both;
  color: #272525;
  font-size: 1em;
  line-height: 1.4em;
  padding-bottom: 10px;
}
html #article .information ul li,
html #accueil .information ul li,
html #catch .information ul li,
html #galeries-photos .information ul li {
  position: relative;
  width: auto;
  clear: both;
  margin-left: 10px;
  padding-left: 15px;
  padding-bottom: 5px;
  font-size: 1em;
  text-transform: none;
}
html #article .information ul li li,
html #accueil .information ul li li,
html #catch .information ul li li,
html #galeries-photos .information ul li li {
  position: relative;
  width: auto;
  clear: both;
  margin-left: 10px;
  padding-left: 15px;
  padding-bottom: 10px;
  font-size: 0.9em;
  text-transform: none;
}
html #article .information ul li li li,
html #accueil .information ul li li li,
html #catch .information ul li li li,
html #galeries-photos .information ul li li li {
  position: relative;
  width: auto;
  clear: both;
  margin-left: 10px;
  padding-left: 15px;
  padding-bottom: 10px;
  font-size: 0.9em;
  text-transform: none;
}
html #article .information ul li li li li,
html #accueil .information ul li li li li,
html #catch .information ul li li li li,
html #galeries-photos .information ul li li li li {
  position: relative;
  width: auto;
  clear: both;
  margin-left: 10px;
  padding-left: 15px;
  padding-bottom: 10px;
  font-size: 0.9em;
  text-transform: none;
}
html #article .information ul li:before,
html #accueil .information ul li:before,
html #catch .information ul li:before,
html #galeries-photos .information ul li:before {
  content: "";
  font-family: FontAwesome;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 1px;
  color: #76b38f;
}
html #article .information ul ul li:before,
html #accueil .information ul ul li:before,
html #catch .information ul ul li:before,
html #galeries-photos .information ul ul li:before {
  content: "";
  font-family: FontAwesome;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 1px;
  color: #77d59e;
}
html #article .information ul ul ul li:before,
html #accueil .information ul ul ul li:before,
html #catch .information ul ul ul li:before,
html #galeries-photos .information ul ul ul li:before {
  content: "";
  font-family: FontAwesome;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 1px;
  color: #2b2b2b;
}
html #article .information ul ul ul ul li:before,
html #accueil .information ul ul ul ul li:before,
html #catch .information ul ul ul ul li:before,
html #galeries-photos .information ul ul ul ul li:before {
  content: "";
  font-family: FontAwesome;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 1px;
  color: #919292;
}
html #article .information img,
html #accueil .information img,
html #catch .information img,
html #galeries-photos .information img {
  margin: 10px;
}
html #article .information a,
html #accueil .information a,
html #catch .information a,
html #galeries-photos .information a {
  color: #76b38f;
  text-decoration: none;
}
html #article .information a:hover,
html #accueil .information a:hover,
html #catch .information a:hover,
html #galeries-photos .information a:hover {
  color: #77d59e;
  text-decoration: none;
}
html #article .information i,
html #accueil .information i,
html #catch .information i,
html #galeries-photos .information i,
html #article .information em,
html #accueil .information em,
html #catch .information em,
html #galeries-photos .information em {
  font-style: italic;
}
html #article .information table,
html #accueil .information table,
html #catch .information table,
html #galeries-photos .information table {
  clear: both;
  width: 100%;
  border: 5px solid #f7f7f7;
  border-right: 0px;
  border-bottom: 0px;
  border-spacing: 0px;
  border-collapse: separate;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  background: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html #article .information table tr th,
html #accueil .information table tr th,
html #catch .information table tr th,
html #galeries-photos .information table tr th {
  padding: 0;
  margin: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  color: #ffffff;
  background: #d3b49d;
}
html #article .information table tr th p,
html #accueil .information table tr th p,
html #catch .information table tr th p,
html #galeries-photos .information table tr th p {
  font-weight: 700;
  padding-bottom: 5px;
}
html #article .information table tr td,
html #accueil .information table tr td,
html #catch .information table tr td,
html #galeries-photos .information table tr td {
  vertical-align: middle;
  text-align: left;
  padding: 5px;
  border: 5px solid #f7f7f7;
  border-top: 0px;
  border-left: 0px;
}
html #article .information table tr td p,
html #accueil .information table tr td p,
html #catch .information table tr td p,
html #galeries-photos .information table tr td p {
  line-height: 1em;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 0.8em;
  font-weight: 400;
}
html #article .information table tr td.odd,
html #accueil .information table tr td.odd,
html #catch .information table tr td.odd,
html #galeries-photos .information table tr td.odd {
  background: #fefefe;
}
html #article .information table tr .centrer,
html #accueil .information table tr .centrer,
html #catch .information table tr .centrer,
html #galeries-photos .information table tr .centrer {
  text-align: center;
}
html #article .information table tr .droite,
html #accueil .information table tr .droite,
html #catch .information table tr .droite,
html #galeries-photos .information table tr .droite {
  text-align: right;
}
html #article .information p,
html #accueil .information p,
html #catch .information p,
html #galeries-photos .information p {
  color: #ffffff;
}
html #article .image,
html #accueil .image,
html #catch .image,
html #galeries-photos .image {
  float: left;
  width: 100%;
  text-align: center;
}
html #article .image img,
html #accueil .image img,
html #catch .image img,
html #galeries-photos .image img {
  float: left;
  width: 100%;
  height: auto;
}
html #article .texte,
html #accueil .texte,
html #catch .texte,
html #galeries-photos .texte {
  float: left;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 70px;
  padding-right: 70px;
  margin-bottom: 50px;
  text-align: left;
  font-size: 1.1em;
  background: #f7f7f7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
html #article .texte strong,
html #accueil .texte strong,
html #catch .texte strong,
html #galeries-photos .texte strong,
html #article .texte b,
html #accueil .texte b,
html #catch .texte b,
html #galeries-photos .texte b {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-weight: 700;
}
html #article .texte h4,
html #accueil .texte h4,
html #catch .texte h4,
html #galeries-photos .texte h4 {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #76b38f;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
}
html #article .texte h5,
html #accueil .texte h5,
html #catch .texte h5,
html #galeries-photos .texte h5 {
  padding-top: 20px;
  padding-bottom: 15px;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  color: #76b38f;
  font-size: 1.2em;
  font-weight: 700;
}
html #article .texte h6,
html #accueil .texte h6,
html #catch .texte h6,
html #galeries-photos .texte h6 {
  display: inline-block;
  padding: 5px;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 1em;
  font-weight: 700;
  color: #ffffff;
  background-color: #76b38f;
}
html #article .texte .vert,
html #accueil .texte .vert,
html #catch .texte .vert,
html #galeries-photos .texte .vert {
  color: #76b38f;
}
html #article .texte p,
html #accueil .texte p,
html #catch .texte p,
html #galeries-photos .texte p {
  line-height: 1.6em;
}
html #article .texte p strong,
html #accueil .texte p strong,
html #catch .texte p strong,
html #galeries-photos .texte p strong {
  font-weight: 700;
}
html #article .texte p i,
html #accueil .texte p i,
html #catch .texte p i,
html #galeries-photos .texte p i,
html #article .texte p em,
html #accueil .texte p em,
html #catch .texte p em,
html #galeries-photos .texte p em {
  font-style: italic;
}
html #article .texte ul,
html #accueil .texte ul,
html #catch .texte ul,
html #galeries-photos .texte ul {
  float: none;
  clear: both;
  color: #272525;
  font-size: 1em;
  line-height: 1.4em;
  padding-bottom: 10px;
}
html #article .texte ul li,
html #accueil .texte ul li,
html #catch .texte ul li,
html #galeries-photos .texte ul li {
  position: relative;
  width: auto;
  clear: both;
  margin-left: 10px;
  padding-left: 15px;
  padding-bottom: 5px;
  font-size: 1em;
  text-transform: none;
}
html #article .texte ul li li,
html #accueil .texte ul li li,
html #catch .texte ul li li,
html #galeries-photos .texte ul li li {
  position: relative;
  width: auto;
  clear: both;
  margin-left: 10px;
  padding-left: 15px;
  padding-bottom: 10px;
  font-size: 0.9em;
  text-transform: none;
}
html #article .texte ul li li li,
html #accueil .texte ul li li li,
html #catch .texte ul li li li,
html #galeries-photos .texte ul li li li {
  position: relative;
  width: auto;
  clear: both;
  margin-left: 10px;
  padding-left: 15px;
  padding-bottom: 10px;
  font-size: 0.9em;
  text-transform: none;
}
html #article .texte ul li li li li,
html #accueil .texte ul li li li li,
html #catch .texte ul li li li li,
html #galeries-photos .texte ul li li li li {
  position: relative;
  width: auto;
  clear: both;
  margin-left: 10px;
  padding-left: 15px;
  padding-bottom: 10px;
  font-size: 0.9em;
  text-transform: none;
}
html #article .texte ul li:before,
html #accueil .texte ul li:before,
html #catch .texte ul li:before,
html #galeries-photos .texte ul li:before {
  content: "";
  font-family: FontAwesome;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 1px;
  color: #76b38f;
}
html #article .texte ul ul li:before,
html #accueil .texte ul ul li:before,
html #catch .texte ul ul li:before,
html #galeries-photos .texte ul ul li:before {
  content: "";
  font-family: FontAwesome;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 1px;
  color: #77d59e;
}
html #article .texte ul ul ul li:before,
html #accueil .texte ul ul ul li:before,
html #catch .texte ul ul ul li:before,
html #galeries-photos .texte ul ul ul li:before {
  content: "";
  font-family: FontAwesome;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 1px;
  color: #2b2b2b;
}
html #article .texte ul ul ul ul li:before,
html #accueil .texte ul ul ul ul li:before,
html #catch .texte ul ul ul ul li:before,
html #galeries-photos .texte ul ul ul ul li:before {
  content: "";
  font-family: FontAwesome;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 1px;
  color: #919292;
}
html #article .texte img,
html #accueil .texte img,
html #catch .texte img,
html #galeries-photos .texte img {
  margin: 10px;
}
html #article .texte a,
html #accueil .texte a,
html #catch .texte a,
html #galeries-photos .texte a {
  color: #76b38f;
  text-decoration: none;
}
html #article .texte a:hover,
html #accueil .texte a:hover,
html #catch .texte a:hover,
html #galeries-photos .texte a:hover {
  color: #77d59e;
  text-decoration: none;
}
html #article .texte i,
html #accueil .texte i,
html #catch .texte i,
html #galeries-photos .texte i,
html #article .texte em,
html #accueil .texte em,
html #catch .texte em,
html #galeries-photos .texte em {
  font-style: italic;
}
html #article .texte table,
html #accueil .texte table,
html #catch .texte table,
html #galeries-photos .texte table {
  clear: both;
  width: 100%;
  border: 5px solid #f7f7f7;
  border-right: 0px;
  border-bottom: 0px;
  border-spacing: 0px;
  border-collapse: separate;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  background: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html #article .texte table tr th,
html #accueil .texte table tr th,
html #catch .texte table tr th,
html #galeries-photos .texte table tr th {
  padding: 0;
  margin: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  color: #ffffff;
  background: #d3b49d;
}
html #article .texte table tr th p,
html #accueil .texte table tr th p,
html #catch .texte table tr th p,
html #galeries-photos .texte table tr th p {
  font-weight: 700;
  padding-bottom: 5px;
}
html #article .texte table tr td,
html #accueil .texte table tr td,
html #catch .texte table tr td,
html #galeries-photos .texte table tr td {
  vertical-align: middle;
  text-align: left;
  padding: 5px;
  border: 5px solid #f7f7f7;
  border-top: 0px;
  border-left: 0px;
}
html #article .texte table tr td p,
html #accueil .texte table tr td p,
html #catch .texte table tr td p,
html #galeries-photos .texte table tr td p {
  line-height: 1em;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 0.8em;
  font-weight: 400;
}
html #article .texte table tr td.odd,
html #accueil .texte table tr td.odd,
html #catch .texte table tr td.odd,
html #galeries-photos .texte table tr td.odd {
  background: #fefefe;
}
html #article .texte table tr .centrer,
html #accueil .texte table tr .centrer,
html #catch .texte table tr .centrer,
html #galeries-photos .texte table tr .centrer {
  text-align: center;
}
html #article .texte table tr .droite,
html #accueil .texte table tr .droite,
html #catch .texte table tr .droite,
html #galeries-photos .texte table tr .droite {
  text-align: right;
}
html #article .texte iframe,
html #accueil .texte iframe,
html #catch .texte iframe,
html #galeries-photos .texte iframe {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
html #article .galerie,
html #accueil .galerie,
html #catch .galerie,
html #galeries-photos .galerie {
  float: left;
  width: 25%;
  padding-top: 20px;
}
html #article .galerie a.image,
html #accueil .galerie a.image,
html #catch .galerie a.image,
html #galeries-photos .galerie a.image {
  float: left;
  display: inline;
  width: 100%;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html #article .galerie a.image span.photo,
html #accueil .galerie a.image span.photo,
html #catch .galerie a.image span.photo,
html #galeries-photos .galerie a.image span.photo {
  float: left;
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #fff;
}
html #article .galerie a.image span.photo img,
html #accueil .galerie a.image span.photo img,
html #catch .galerie a.image span.photo img,
html #galeries-photos .galerie a.image span.photo img {
  padding: 0;
  margin: 0;
}
html #article .galerie a.image span.photo .mask,
html #accueil .galerie a.image span.photo .mask,
html #catch .galerie a.image span.photo .mask,
html #galeries-photos .galerie a.image span.photo .mask {
  float: left;
  position: relative;
  z-index: 200;
  width: 100%;
  height: auto;
}
html #article .galerie a.image span.photo .vignette,
html #accueil .galerie a.image span.photo .vignette,
html #catch .galerie a.image span.photo .vignette,
html #galeries-photos .galerie a.image span.photo .vignette {
  z-index: 100;
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  margin: auto;
  width: auto;
  height: 100%;
}
html #article .galerie a.image span.txt,
html #accueil .galerie a.image span.txt,
html #catch .galerie a.image span.txt,
html #galeries-photos .galerie a.image span.txt {
  float: left;
  width: 100%;
  height: 30px;
  padding-top: 4px;
  text-align: center;
}
html #article .galerie a.image span.txt i,
html #accueil .galerie a.image span.txt i,
html #catch .galerie a.image span.txt i,
html #galeries-photos .galerie a.image span.txt i {
  font-style: normal;
}
html #article,
html #galeries-photos {
  padding-top: 220px;
}
html #galeries-photos {
  background: #ffffff;
}
html #catch {
  font-size: 1.6em;
  font-weight: 700;
  font-style: italic;
  line-height: 1.4em;
  text-align: center;
  color: #76b38f;
  background: #f7f7f7;
}
html #catch i {
  color: #c0c0c0;
  font-size: 1.2em;
  padding-right: 10px;
  padding-left: 10px;
}
html footer * {
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html footer * i {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}
html footer {
  float: left;
  width: 100%;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  background: #f7f7f7;
}
html footer .middle {
  float: left;
  position: relative;
  width: 100%;
}
html footer .middle .col1 {
  float: left;
  width: 25%;
}
html footer .middle .col1 ul {
  float: none;
  clear: both;
  color: #272525;
  font-size: 1em;
  line-height: 1.4em;
  padding-bottom: 10px;
}
html footer .middle .col1 ul li {
  position: relative;
  width: auto;
  clear: both;
  margin-left: 10px;
  padding-left: 15px;
  padding-bottom: 5px;
  font-size: 1em;
  text-transform: none;
}
html footer .middle .col1 ul li a {
  color: #2b2b2b;
}
html footer .middle .col1 ul li a:hover {
  color: #76b38f;
}
html footer .middle .col1 ul li:before {
  content: "";
  font-family: FontAwesome;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 1px;
  color: #76b38f;
}
html footer .middle .col1 a.anwb {
  float: left;
}
html footer .middle .col1 a.anwb img {
  float: left;
  width: 80%;
  height: auto;
}
html footer .middle .col1 a.adac {
  float: left;
  margin-top: 10px;
}
html footer .middle .col1 a.adac img {
  float: left;
  width: 80%;
  height: auto;
}
html footer .middle .col1 a.cc2021 {
  float: left;
  margin-top: 10px;
}
html footer .middle .col1 a.cc2021 img {
  float: left;
  width: 80%;
  height: auto;
}
html footer .middle .col1 p {
  float: left;
  width: 100%;
  margin-top: 20px;
  font-size: 0.8em;
}
html footer .middle .col1 p em {
  font-style: italic;
}
html footer .middle .col2 {
  float: right;
  text-align: right;
  width: 25%;
}
html footer .middle .col2 p {
  font-size: 1.1em;
  line-height: 1.4em;
}
html footer .middle .col2 p i {
  color: #76b38f;
  margin-right: 5px;
}
html footer .middle .col2 p a {
  color: #2b2b2b;
}
html footer .middle .col2 p a:hover {
  color: #76b38f;
}
html footer .middle .col2 img {
  margin-top: 10px;
}
html footer .middle .col3 {
  float: left;
  width: 50%;
  text-align: center;
}
html footer .middle .col3 ul {
  float: left;
  width: 100%;
}
html footer .middle .col3 ul li {
  display: inline-block;
  padding-right: 20px;
  padding-bottom: 20px;
}
html footer .middle h3 {
  padding-top: 50px;
  padding-bottom: 30px;
  font-size: 1.2em;
  font-weight: 700;
}
html footer .bottom {
  float: left;
  position: relative;
  width: 100%;
}
html footer .bottom section {
  margin-top: 100px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 0.9em;
  border-top: 1px solid #c0c0c0;
  text-align: right;
}
html footer .bottom section a {
  color: #272525;
}
.select2-container {
  font-size: 0.8em !important;
}
.lightbox {
  display: none;
}
/*pagination*/
ul.pagination {
  float: left;
  width: 100%;
  margin: 0px;
  padding-top: 30px;
  padding-bottom: 30px;
  list-style: none;
  text-align: center;
  background: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
ul.pagination li {
  display: inline-block;
  width: auto;
  clear: none !important;
  padding: 0 !important;
  margin: 0 !important;
  margin: 3px !important;
  font-size: 1em !important;
  font-weight: 600 !important;
  background: none !important;
}
ul.pagination li a {
  display: block;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 3px;
  text-decoration: none;
  font-size: 0.9em;
  cursor: pointer;
  color: #76b38f;
  background: #fff;
}
ul.pagination li a.active:hover,
ul.pagination li a.active {
  color: #fff;
  background: #76b38f;
}
ul.pagination li a:hover {
  color: #fff;
  background: #77d59e;
}
ul.pagination li a.inactive:hover,
ul.pagination li a.inactive {
  color: #cfcfcf !important;
}
ul.pagination li:first-child a.inactive,
ul.pagination li:last-child a.inactive {
  color: #959595;
  background: #fff;
}
ul.pagination li:first-child a.inactive:hover,
ul.pagination li:last-child a.inactive:hover {
  color: #959595;
  background: #fff;
}
/*# sourceMappingURL=communs.css.map */