/*  --------------------------------------------------
  --------------------------------------------------

  Framework Zephyr based on
  www.KNACSS.com by Raphael Goetter, Alsacreations

  SOMMAIRE :
  == font-face
  == variables
  == reset
  == typography
  == positioning
  == helpers
  == grid
  == form reset
  == elements
  == ie fix
  == responsive
  == api.min.css

  --------------------------------------------------
  -------------------------------------------------- *//* --------------------------------------------------
  == font-face
  -------------------------------------------------- */
/* @font-face {
    font-family: 'NOM POLICE';
    src: url('fonts/FICHIER POLICE.eot');
    src: url('fonts/FICHIER POLICE.eot?#iefix') format('embedded-opentype'),
         url('fonts/FICHIER POLICE.woff') format('woff'),
         url('fonts/FICHIER POLICE.ttf') format('truetype'),
         url('fonts/FICHIER POLICE.svg#FICHIER POLICE') format('svg');
    font-weight: normal;
    font-style: normal;
} */
/*  --------------------------------------------------
  == variables
  -------------------------------------------------- */
/* grid */
/* typography */
/* spaces */
/* colors */
/* queries */
/* functions */
/* px to em/rem */
/* flow for headings */
/*  --------------------------------------------------
  == @import
  -------------------------------------------------- */
/*  --------------------------------------------------
  == reset
  -------------------------------------------------- */
/* base font-size corresponds to 10px and is adapted to rem unit */

/*
.OsUnicampPopIn{
  top: 40px!important;
}
*/
.fancybox-lock, .fancybox-lock body{
  overflow: visible!important;
}

html {
  font-size: 62.5%;
}
body {
  background-color: #ffffff;
  color: #6d6e71;
  font-family: Arial, Roboto, "Nimbus Sans L", sans-serif;
  font-size: 1.4em;
  line-height: 1.2;
}
/* switching box model for all elements */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* annule pour izi-media */
.izimediaLayer,
.izimediaLayer * {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
/* soft reset */
html,
body {
  margin: 0;
  padding: 0;
}
ul,
ol {
  padding-left: 1.2em;
}
em {
  font-style: italic;
}
strong {
  font-weight: bold;
}
table {
  margin-bottom: 1.5em;
}
/* avoid top margins on first content element */
p:first-child,
ul:first-child,
ol:first-child,
dl:first-child,
blockquote:first-child,
h1:first-child,
h2:first-child,
h3:first-child {
  margin-top: 0;
}
/* avoid top margins on "widget text" content */
.widget-text p,
.widget-text ul,
.widget-text ol,
.widget-text dl,
.widget-text blockquote,
.widget-text h1,
.widget-text h2,
.widget-text h3 {
  margin-top: 0;
}
.widget-text iframe {
  width: 100%!important;
}
/* max values */
img:not(.resize-img),
table,
td,
blockquote,
textarea,
input,
video {
  max-width: 100%;
}
/* forms */
form,
fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
input,
button,
select,
label {
  vertical-align: middle;
  /* @bugfix alignement */

  font-family: inherit;
}
textarea {
  resize: vertical;
  font-family: inherit;
}

/* pictures */
img {
  vertical-align: middle;
}
a img {
  border: 0;
}
a {
  color: #10b8cd;
  text-decoration: none;
}
a:visited {
  color: #10b8cd;
  text-decoration: none;
}
a:hover,
a:active {
  color: #10b8cd;
  text-decoration: underline;
}
/* tables */
table {
  /* border: 1px solid #cccccc; */
  max-width: 100%;
  margin-top: 1.5em;
  border-spacing: 0;
  border-collapse: collapse;

}
#ui-datepicker-div{
  background: #FFF;
}
table caption {
  color: #aaa;
  font-weight: bold;
  margin: 0 0 0.5em;
  text-align: left;
}

td {
  border: 1px solid #00B8CD;
  padding: 5px;
  vertical-align: top;
}
th {
  color: #fff;
  font-weight: bold;
  background-color: #00B8CD;
  border: 1px solid #fff;
  padding: 5px;
}
/* avoid margins & font size on nested elements */
.code_html li div,
li p,
li ul,
li ol {
  margin-top: 0;
  margin-bottom: 0;
}
li li {
  font-size: 1em!important;
}
/* FCK : links in Hn are possible */
h2 a,
h3 a,
h2 a:hover,
h3 a:hover,
h2 a:visited,
h3 a:visited {
  color: inherit!important;
  text-decoration: none!important;
  background: none!important;
}
/* google map */
/*.gmnoprint{ opacity: 1!important; }*/
.map img,
#map_canvas img,
.gmnoprint img {
  max-width: none;
}
.googleMapBulle {
  min-height: 75px;
}
/* scripts */
body > script {
  display: none !important;
}
/* does not change the focus on the links */
/*  --------------------------------------------------
  == typography
  -------------------------------------------------- */
/* font-sizing & vertical rythm for content */
p,
ul,
ol,
dl,
blockquote,
td,
th,
caption,
details,
figure,
hgroup,
.code_html div {
  margin-top: 1.2em;
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.2;
}
h1,
.h1-like {
  margin-top: 0.49411764705882355em;
  margin-bottom: 0;
  font-size: 2.4286em;
  line-height: 1.2;
  font-weight: bold;
  font-family: Arial, Roboto, "Nimbus Sans L", sans-serif;
  text-transform: uppercase;
}
h2,
.h2-like {
  font-size: 1.4285714285714286em;
  margin-top: 1.4285714285714286em;
  margin-bottom: 0;
  font-weight: bold;
  font-family: Arial, Roboto, "Nimbus Sans L", sans-serif;
  color: #10B8CD;
}
.widget-text h2,
.widget-text .h2-like {
  margin-top: 0.9333333333333333em;
  margin-bottom: 0;
  font-size: 1.2857em;
  line-height: 1.2;
}
h3,
.h3-like {
  margin-top: 0.9882352941176471em;
  margin-bottom: 0;
  font-size: 1.2143em;
  line-height: 1.2;
  font-weight: bold;
  font-family: Arial, Roboto, "Nimbus Sans L", sans-serif;
}
.widget-text h3,
.widget-text .h3-like {
  margin-top: 1.05em;
  margin-bottom: 0;
  font-size: 1.1429em;
  line-height: 1.2;
}
/* no access to customer */h4,
h5,
h6 {
  display: none;
}
/* alternate font-sizing */
.smaller {
  font-size: 0.7142857142857143em;
}
.small {
  font-size: 0.8571428571428571em;
}
.big {
  font-size: 1.1428571428571428em;
}
.bigger {
  font-size: 1.2857142857142858em;
}
.biggest {
  font-size: 1.4285714285714286em;
}
/* hyphenation */
.cesure {
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}
/*  --------------------------------------------------
  == positioning
  -------------------------------------------------- */
/* block */.block {
  display: block;
}
/* block */.block-imp {
  display: block !important;
}
.inline{
  display: inline;
}
/* table */
.table {
  display: table;
  width: 100%;
}
.fixed {
  table-layout: fixed;
}
.table > *,
.col {
  display: table-cell;
}
/* inline-block */
.inbl {
  display: inline-block;
}
/* vertical align */
.valign-t {
  vertical-align: top;
}
.valign-bo {
  vertical-align: bottom;
}
.valign-ba {
  vertical-align: baseline;
}
.valign-m {
  vertical-align: middle;
}
/* bloc alignement */
.f-left {
  float: left;
}
.f-right {
  float: right;
}
.block-center {
  margin-left: auto;
  margin-right: auto;
}
/* text alignment */
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.center {
  text-align: center;
}
.justify {
  text-align: justify;
}
/*  --------------------------------------------------
  == helpers
  -------------------------------------------------- */
/* skip links */
.skip-nav {
  position: absolute;
  padding: 0;
  list-style: none;
}
.skip-nav a {
  position: absolute;
  left: -7000px;
  padding: 0.5em;
  background: black;
  color: white;
  text-decoration: none;
}
.skip-nav a:focus {
  position: static;
}
/* hidden content */
.visually-hidden {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  clip: rect(1px 1px 1px 1px);
  /* IE7 et inf */

  clip: rect(1px, 1px, 1px, 1px);
}
/* Son inverse */
.kill-hidden {
  position: static;
  overflow: visible;
  height: auto;
  width: auto;
  clip: auto;
}
/* ul reset */
.reset-ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.reset-ul li {
  list-style-image: none;
}
/* button reset */
.reset-button {
  border: none;
  padding: 0;
  border-radius: 0;
  background: none;
}
/* float layout */
/* module, contains floats (.item is the same) */
.mod {
  overflow: hidden;
}
/* blocks that needs to be placed under floats */
.line {
  clear: both;
}
/* hr e-majine that need to be placed under floats */
div.clear,
hr.clear,
hr.separator {
  border: 0 none;
  clear: both;
  height: 0;
  line-height: 0;
  margin: 0;
  visibility: hidden;
}
/* blocks that must contain floats */
.line:after,
.mod:after {
  content: "";
  display: table;
  clear: both;
}
/* predefined spaces
p,m = padding,margin
a,t,r,b,l = all,top,right,bottom,left
1,2,3,4,5,6 = @value1, @value2, @value3, @value4, @value5, @value6
source https://github.com/stubbornella/oocss/blob/master/core/spacing/space.css
*/
.ma0 {
  margin: 0;
}
.ma1 {
  margin: 5px;
}
.ma2 {
  margin: 10px;
}
.ma3 {
  margin: 15px;
}
.ma4 {
  margin: 20px;
}
.ma5 {
  margin: 25px;
}
.ma6 {
  margin: 30px;
}
.pa0 {
  padding: 0;
}
.pa1 {
  padding: 5px;
}
.pa2 {
  padding: 10px;
}
.pa3 {
  padding: 15px;
}
.pa4 {
  padding: 20px;
}
.pa5 {
  padding: 25px;
}
.pa6 {
  padding: 30px;
}
.mv0 {
  margin-bottom: 0;
  margin-top: 0;
}
.mv1 {
  margin-bottom: 5px;
  margin-top: 5px;
}
.mv2 {
  margin-bottom: 10px;
  margin-top: 10px;
}
.mv3 {
  margin-bottom: 15px;
  margin-top: 15px;
}
.mv4 {
  margin-bottom: 20px;
  margin-top: 20px;
}
.mv5 {
  margin-bottom: 25px;
  margin-top: 25px;
}
.mv6 {
  margin-bottom: 30px;
  margin-top: 30px;
}
.mh0 {
  margin-left: 0;
  margin-right: 0;
}
.mh1 {
  margin-left: 5px;
  margin-right: 5px;
}
.mh2 {
  margin-left: 10px;
  margin-right: 10px;
}
.mh3 {
  margin-left: 15px;
  margin-right: 15px;
}
.mh4 {
  margin-left: 20px;
  margin-right: 20px;
}
.mh5 {
  margin-left: 25px;
  margin-right: 25px;
}
.mh6 {
  margin-left: 30px;
  margin-right: 30px;
}
.mt0 {
  margin-top: 0;
}
.mt1 {
  margin-top: 5px;
}
.mt2 {
  margin-top: 10px;
}
.mt3 {
  margin-top: 15px;
}
.mt4 {
  margin-top: 20px;
}
.mt5 {
  margin-top: 25px;
}
.mt6 {
  margin-top: 30px;
}
.mr0 {
  margin-right: 0;
}
.mr1 {
  margin-right: 5px;
}
.mr2 {
  margin-right: 10px;
}
.mr3 {
  margin-right: 15px;
}
.mr4 {
  margin-right: 20px;
}
.mr5 {
  margin-right: 25px;
}
.mr6 {
  margin-right: 30px;
}
.mb0 {
  margin-bottom: 0;
}
.mb1 {
  margin-bottom: 5px;
}
.mb2 {
  margin-bottom: 10px;
}
.mb3 {
  margin-bottom: 15px;
}
.mb4 {
  margin-bottom: 20px;
}
.mb5 {
  margin-bottom: 25px;
}
.mb6 {
  margin-bottom: 30px;
}
.ml0 {
  margin-left: 0;
}
.ml1 {
  margin-left: 5px;
}
.ml2 {
  margin-left: 10px;
}
.ml3 {
  margin-left: 15px;
}
.ml4 {
  margin-left: 20px;
}
.ml5 {
  margin-left: 25px;
}
.ml6 {
  margin-left: 30px;
}
.pv0 {
  padding-bottom: 0;
  padding-top: 0;
}
.pv1 {
  padding-bottom: 5px;
  padding-top: 5px;
}
.pv2 {
  padding-bottom: 10px;
  padding-top: 10px;
}
.pv3 {
  padding-bottom: 15px;
  padding-top: 15px;
}
.pv4 {
  padding-bottom: 20px;
  padding-top: 20px;
}
.pv5 {
  padding-bottom: 25px;
  padding-top: 25px;
}
.pv6 {
  padding-bottom: 30px;
  padding-top: 30px;
}
.ph0 {
  padding-left: 0;
  padding-right: 0;
}
.ph1 {
  padding-left: 5px;
  padding-right: 5px;
}
.ph2 {
  padding-left: 10px;
  padding-right: 10px;
}
.ph3 {
  padding-left: 15px;
  padding-right: 15px;
}
.ph4 {
  padding-left: 20px;
  padding-right: 20px;
}
.ph5 {
  padding-left: 25px;
  padding-right: 25px;
}
.ph6 {
  padding-left: 30px;
  padding-right: 30px;
}
.pt0 {
  padding-top: 0;
}
.pt1 {
  padding-top: 5px;
}
.pt2 {
  padding-top: 10px;
}
.pt3 {
  padding-top: 15px;
}
.pt4 {
  padding-top: 20px;
}
.pt5 {
  padding-top: 25px;
}
.pt6 {
  padding-top: 30px;
}
.pr0 {
  padding-right: 0;
}
.pr1 {
  padding-right: 5px;
}
.pr2 {
  padding-right: 10px;
}
.pr3 {
  padding-right: 15px;
}
.pr4 {
  padding-right: 20px;
}
.pr5 {
  padding-right: 25px;
}
.pr6 {
  padding-right: 30px;
}
.pb0 {
  padding-bottom: 0;
}
.pb1 {
  padding-bottom: 5px;
}
.pb2 {
  padding-bottom: 10px;
}
.pb3 {
  padding-bottom: 15px;
}
.pb4 {
  padding-bottom: 20px;
}
.pb5 {
  padding-bottom: 25px;
}
.pb6 {
  padding-bottom: 30px;
}
.pl0 {
  padding-left: 0;
}
.pl1 {
  padding-left: 5px;
}
.pl2 {
  padding-left: 10px;
}
.pl3 {
  padding-left: 15px;
}
.pl4 {
  padding-left: 20px;
}
.pl5 {
  padding-left: 25px;
}
.pl6 {
  padding-left: 30px;
}
/* predefined widths */
.w5 {
  width: 5%;
}
.w10 {
  width: 10%;
}
.w15 {
  width: 15%;
}
.w20 {
  width: 20%;
}
.w25 {
  width: 25%;
}
.w25 {
  width: 25%;
}
.w30 {
  width: 30%;
}
.w33 {
  width: 33.333%;
}
.w35 {
  width: 35%;
}
.w40 {
  width: 40%;
}
.w45 {
  width: 45%;
}
.w50 {
  width: 50%;
}
.w55 {
  width: 55%;
}
.w60 {
  width: 60%;
}
.w65 {
  width: 65%;
}
.w66 {
  width: 66.666%;
}
.w70 {
  width: 70%;
}
.w75 {
  width: 75%;
}
.w80 {
  width: 80%;
}
.w85 {
  width: 85%;
}
.w90 {
  width: 90%;
}
.w95 {
  width: 95%;
}
.w100 {
  width: 100%;
}
.wauto {
  width: auto;
}
/* max-width of site */
.mw {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}
/* ---------- error & alert ----------*/
.obligatory,
.error-form,
.error {
  color: #d81501;
}
.error-form {
  /*margin-left: 130px;*/
  /*margin-bottom: -15px;*/ /* Julien "WTF" S. 29/09/14 */
  margin-top: 0;
  /*min-height: 16px;*/ /* Julien "WTF" S. 29/09/14 */
}

.page_groupes .error-form{
  margin-bottom: -15px;
  min-height: 16px;
}

/*@media (max-width: 640px) {
  .error-form {
    margin-top: 20px;
  }
}*/

.correct {
  color: #259e00;
}
.error input,
.error select,
.error textarea {
  border: 1px solid #d81501;
}
.valid,
.invalid,
#captcha .errorForm,
.log {
  display: block;
  color: #ffffff;
  padding: 0.5em;
  margin: 1em 0;
  border-radius: 5px;
  background-color: #666;
}
.valid {
  background-color: #259e00;
}
.invalid {
  background-color: #d81501;
}
/*  --------------------------------------------------
  == grid
  -------------------------------------------------- */
[class^=grid] > * {
  float: left;
}
/* les enfants directs sont en float */
/*  --------------------------------------------------
  == formulaire
  -------------------------------------------------- */
/* ---------- form, fieldset et legend ---------- */
form,
fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
legend {
  border: 0;
  white-space: normal;
}
/* ---------- label ---------- */
label {
  margin: 0;
  padding: 0;
  vertical-align: middle;
  font-family: inherit;
  display: inline-block;
  cursor: pointer;
}
/* ---------- input (global) ---------- */
input {
  vertical-align: middle;
  font-family: inherit;
  max-width: 100%;
  font-size: 100%;
  margin: 0;
}
input:focus {
  outline: 1px dotted #cccccc;
  /* do not remove without replacement */

}
/* ---------- input (correction & normalize) ---------- */
input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  /* Corrects excess space around these inputs in IE8/9 */

  *width: 13px;
  *height: 13px;
  /* Corrects excess space around these inputs in IE7 */

}
input[type="search"] {
  -webkit-appearance: textfield;
}
/* 'x' appears on right of search input when text is entered. This removes it */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
/* placeholder */
input::-webkit-input-placeholder {
  color: #6d6e71;
}
input:-moz-placeholder {
  color: #6d6e71;
  opacity: 1;
}
input::-moz-placeholder {
  color: #6d6e71;
  opacity: 1;
}
input:-ms-input-placeholder {
  color: #6d6e71;
}
/* ---------- input (btn) ----------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  /* clickable input types in iOS */

  *overflow: visible;
  /* Corrects inner spacing displayed oddly in IE7 */

}
/* Removes inner padding and border in FF3+ */
button::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='reset']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* button reset */
.reset-button {
  border: none;
  border-radius: 0;
  background: none;
}
button {
  font-size: 100%;
  margin: 0;
  vertical-align: middle;
  font-family: inherit;
}
/* ---------- select ----------*/
/* if select styling bugs on WebKit : select { -webkit-appearance: none; } */
select {
  vertical-align: middle;
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}
/* ---------- textarea ----------*/
textarea {
  margin: 0;
  padding: 0;
  max-width: 100%;
  font-family: inherit;
  font-size: inherit;
  overflow: auto;
  /* Removes default vertical scrollbar on empty textarea in IE6/7/8/9 */

  min-height: 5em;
  vertical-align: top;
  resize: vertical;
}

/*  --------------------------------------------------
  == e-majine
  -------------------------------------------------- */
/* article en bloc : bloc texte & image */
.bloc-simple,
.bloc-double,
.medias,
.map {
  margin-bottom: 1em;
}
.bloc-double .bloc-simple {
  margin-bottom: 0;
}
.bloc-double + .bloc-double ul,
.intext_left + div ul {
  list-style-position: inside;
}
.intext_left {
  float: left;
  margin-right: 15px;
}
.intext_right {
  float: right;
  margin-left: 15px;
}
.above_left,
.above_right,
.above_center {
  margin-bottom: 0.5em;
}
.below_left,
.below_right,
.below_center {
  margin-top: 0.5em;
}
.above_left,
.below_left {
  text-align: left;
}
.above_right,
.below_right {
  text-align: right;
}
.above_center,
.below_center {
  text-align: center;
}
/* styles formulaire par défaut */
input,
textarea,
select {
  border: 1px solid #cccccc;
  border-radius: 0;
  color: #6d6e71;
  background-color: #FFFFFF;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
input:focus,
textarea:focus,
select:focus {
  border: 1px solid orange;
}
input {
  padding: 2px 5px;
}
select {
  padding: 2px;
}
textarea {
  padding: 5px;
}
input[type="submit"],
input[type="reset"] {
  padding: 4px 12px;
  background-color: #666666;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  transition: all .3s;
  border-radius: 5px;
  color: #ffffff;
  border: none;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="reset"]:focus {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}
/* .formulaire */
.formulaire {
  margin: 0 auto;
}
.formulaire fieldset,
.formulaire #captcha,
.formulaire .submit {
  border: 0;
  border-radius: 0;
  margin: 20px 0 0;
  padding: 0;
}
.formulaire legend {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
}
.formulaire .row {
  display: table;
  table-layout: fixed;
  margin-top: 15px;
  width: 100%;
}
.formulaire .row:first-child {margin-top:0; } /* Julien "WTF" S. 29/09/14 */
.formulaire .row > * {
  display: table-cell;
  vertical-align: top; /* #support  */
}
.formulaire .row > label {
  width: 130px;
}
/* formulaire concours */
.contest-form .row > label { width: 150px; }
.formulaire .mentions label { display: inline; }
.formulaire .row > div {
  width: 100%;
}
.formulaire input[type="text"], .formulaire textarea, .formulaire select{
  max-width: 380px;
  width: 100%!important;
}
.formulaire .group_multi_checkbox,
.formulaire .group_multi_radio {
  display: block;
  padding-top: 5px;
  width: 100%;
}
.formulaire .group_multi_checkbox > *,
.formulaire .group_multi_radio > * {
  display: inline-block;
  vertical-align: top;
  /*width: 24%;*/
  width: 180px; /* Julien "WTF" S. 29/09/14 */
  margin-bottom: 10px;
}
.formulaire .group_multi_checkbox label,
.formulaire .group_multi_radio label {
  padding-left: 0.5em;
  display: inline;
}
.formulaire .submit {
  margin-top: 20px;
  text-align: left;
  position: relative;
}
.formulaire .submit input {
  display: inline-block;
  padding-top: 9px;
  padding-bottom: 8px;
  padding-left: 30px;
  padding-right: 20px;
  border: 0;
  border-radius: 0;
  background: #E5002D url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAMAAADtGH4KAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAhUExURQAAAP///////////////////////////////////////88h6/kAAAAKdFJOUwBIDJntq94WZleOsCASAAAAKklEQVQI12NgZmIAAS42RjDFxQUSAFIgARDFwgGiWNmBgiycICUgJgMDABkfAOomw8vvAAAAAElFTkSuQmCC) 10px center no-repeat;
  line-height: 0.9;
  font-size: 1.6rem;
  font-weight: bold;
  color: #FFF!important;
  text-decoration: none;
  text-transform: uppercase;
  text-align: left;
}
/*.formulaire .submit:before {
  content: "";
  position: absolute;
  left: 13px;
  width: 0;
  height: 0;
  margin-top: 11px;
  border-left: 7px solid #FFF;
  border-top: 4px solid rgba(0, 0, 0, 0);
  border-bottom: 4px solid rgba(0, 0, 0, 0);
}*/
.submit button { margin-top:0; } /* Julien "WTF" S. 25/09/14 */

.confirme-newsletter .formulaire{
  margin-top: 10px;
  margin-bottom: 10px;
}
/*.confirme-newsletter .submit > input{

}*/
label[for="ages"], label[for="votre_hbergement_prfr"], label[for="theme"]{
  display: block!important;
  font-weight: bold;
  margin-top: 10px;
  width: 100%!important;
}
label[for="ages"] + div, label[for="votre_hbergement_prfr"] + div, label[for="theme"] + div{
  display: block!important;
}
label[for="termes"]{
  display: none!important;
}
label[for="termes"] + div .multi_checkbox{
  width: 100%;
}
label[for="theme_1"], label[for="theme_2"], label[for="theme_3"], label[for="theme_4"], label[for="theme_5"], label[for="theme_6"], label[for="theme_7"], label[for="theme_8"], label[for="theme_9"], label[for="theme_10"], label[for="theme_11"], label[for="theme_12"], label[for="theme_13"], label[for="theme_14"], label[for="theme_15"], label[for="theme_16"]{
  width: 180px!important;
}
.thematiques--item{
  display: inline-block;
  /*width: 24%;*/
  width: 180px; /* Julien "WTF" S. 29/09/14 */
  vertical-align: top; /* Julien "WTF" S. 29/09/14 */
  margin-bottom: 10px;
}
.thematiques--item label{
  padding-left: 0.5em;
  display: inline;
}

/* BEGIN Julien "WTF" S. 29/09/14 */
@media (max-width: 640px) {

  .formulaire .row > label { width: auto; }
  .confirme-newsletter .formulaire{
    margin-top: 0;
  }
  .confirme-newsletter fieldset{
    margin-top: 0;
  }
}

@media (max-width: 360px) {

  .thematiques--item,
  .formulaire .group_multi_checkbox > *,
  .formulaire .group_multi_radio > * { width: 100%; }
  .formulaire .row > label { width:auto; }
  .formulaire .row { margin-top:0; }
  .formulaire .mentions { margin-top:30px; }
  .mentions--label, .brochures--form label[for="newsletter"] { display: inline; }
  .formulaire .submit { margin-top:10px; }

}
/* END Julien "WTF" S. 29/09/14 */

/* ---------- captcha ----------*/
#captcha .recaptchatable {
  border: none!important;
}
.recaptcha {
  max-width: 400px;
}
.formulaire #captcha{
  margin-left: -7px!important;
  max-width: 460px;
}

#recaptcha_image,
.recaptchatable .recaptcha_image_cell center img,
.recaptchatable .recaptcha_image_cell center,
.recaptchatable .recaptcha_image_cell,
.recaptchatable #recaptcha_response_field {
  height: auto !important;
  width: 100% !important;
}
#recaptcha_widget_div {
  padding-right: 30px;
}
#recaptcha_response_field {
  border: 1px solid #cccccc!important;
  padding: 2px 5px!important;
  color: #000000!important;
}
#recaptcha_response_field:focus {
  border: 1px solid orange;
}
#recaptcha_logo, #recaptcha_privacy { display:none; } /* Julien "WTF" S. 25/09/14 */
.recaptcha_image_cell + td img {max-width: none;}

/*  --------------------------------------------------
  == responsive
  -------------------------------------------------- */
/* hidden on desktop */
.desktop-hidden {
  display: none;
}
/* break point n°1 */
@media (max-width: 980px) {
  /* hidden on max screens */
  .max-hidden {
    display: none !important;
  }
  .max-visible {
    display: block !important;
  }
  /* alternate font-sizing */
  .max-smaller {
    font-size: 0.7142857142857143em;
  }
  .max-small {
    font-size: 0.8571428571428571em;
  }
  .max-big {
    font-size: 1.1428571428571428em;
  }
  .max-bigger {
    font-size: 1.2857142857142858em;
  }
  .max-biggest {
    font-size: 1.4285714285714286em;
  }
  /* miscellaneous */
  .max-no-float {
    float: none;
  }
  /* text alignment */
  .max-left {
    text-align: left;
  }
  .max-right {
    text-align: right;
  }
  .max-center {
    text-align: center;
  }
  /* display for max screens */
  .max-inbl {
    display: inline-block;
    float: none;
  }
  .max-table {
    display: table;
    width: 100% !important;
  }
  .max-col {
    display: table-cell;
  }
  /* widths for max screens */
  .max-w5 {
    width: 5%!important;
  }
  .max-w10 {
    width: 10%!important;
  }
  .max-w15 {
    width: 15%!important;
  }
  .max-w20 {
    width: 20%!important;
  }
  .max-w25 {
    width: 25%!important;
  }
  .max-w25 {
    width: 25%!important;
  }
  .max-w30 {
    width: 30%!important;
  }
  .max-w33 {
    width: 33.333%!important;
  }
  .max-w35 {
    width: 35%!important;
  }
  .max-w40 {
    width: 40%!important;
  }
  .max-w45 {
    width: 45%!important;
  }
  .max-w50 {
    width: 50%!important;
  }
  .max-w55 {
    width: 55%!important;
  }
  .max-w60 {
    width: 60%!important;
  }
  .max-w65 {
    width: 65%!important;
  }
  .max-w66 {
    width: 66.666%!important;
  }
  .max-w70 {
    width: 70%!important;
  }
  .max-w75 {
    width: 75%!important;
  }
  .max-w80 {
    width: 80%!important;
  }
  .max-w85 {
    width: 85%!important;
  }
  .max-w90 {
    width: 90%!important;
  }
  .max-w95 {
    width: 95%!important;
  }
  .max-w100 {
    width: 100%!important;
  }
  .max-w100 {
    display: block !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .max-wauto {
    width: auto !important;
  }
  /* predefined spaces for max screens
    p,m = padding,margin
    a,t,r,b,l = all,top,right,bottom,left
    1,2,3,4,5,6 = @value1, @value2, @value3, @value4, @value5, @value6
    */
  .max-ma0 {
    margin: 0 !important;
  }
  .max-ma1 {
    margin: 5px !important;
  }
  .max-ma2 {
    margin: 10px !important;
  }
  .max-ma3 {
    margin: 15px !important;
  }
  .max-ma4 {
    margin: 20px !important;
  }
  .max-ma5 {
    margin: 25px !important;
  }
  .max-ma6 {
    margin: 30px !important;
  }
  .max-pa0 {
    padding: 0 !important;
  }
  .max-pa1 {
    padding: 5px;
  }
  .max-pa2 {
    padding: 10px;
  }
  .max-pa3 {
    padding: 15px;
  }
  .max-pa4 {
    padding: 20px;
  }
  .max-pa5 {
    padding: 25px;
  }
  .max-pa6 {
    padding: 30px;
  }
  .max-mt0 {
    margin-top: 0 !important;
  }
  .max-mt1 {
    margin-top: 5px !important;
  }
  .max-mt2 {
    margin-top: 10px !important;
  }
  .max-mt3 {
    margin-top: 15px !important;
  }
  .max-mt4 {
    margin-top: 20px !important;
  }
  .max-mt5 {
    margin-top: 25px !important;
  }
  .max-mt6 {
    margin-top: 30px !important;
  }
  .max-mr0 {
    margin-right: 0;
  }
  .max-mr1 {
    margin-right: 5px;
  }
  .max-mr2 {
    margin-right: 10px;
  }
  .max-mr3 {
    margin-right: 15px;
  }
  .max-mr4 {
    margin-right: 20px;
  }
  .max-mr5 {
    margin-right: 25px;
  }
  .max-mr6 {
    margin-right: 30px;
  }
  .max-mb0 {
    margin-bottom: 0 !important;
  }
  .max-mb1 {
    margin-bottom: 5px !important;
  }
  .max-mb2 {
    margin-bottom: 10px !important;
  }
  .max-mb3 {
    margin-bottom: 15px !important;
  }
  .max-mb4 {
    margin-bottom: 20px !important;
  }
  .max-mb5 {
    margin-bottom: 25px !important;
  }
  .max-mb6 {
    margin-bottom: 30px !important;
  }
  .max-ml0 {
    margin-left: 0;
  }
  .max-ml1 {
    margin-left: 5px;
  }
  .max-ml2 {
    margin-left: 10px;
  }
  .max-ml3 {
    margin-left: 15px;
  }
  .max-ml4 {
    margin-left: 20px;
  }
  .max-ml5 {
    margin-left: 25px;
  }
  .max-ml6 {
    margin-left: 30px;
  }
  .max-mv0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .max-mv1 {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
  }
  .max-mv2 {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
  }
  .max-mv3 {
    margin-bottom: 15px !important;
    margin-top: 15px !important;
  }
  .max-mv4 {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
  }
  .max-mv5 {
    margin-bottom: 25px !important;
    margin-top: 25px !important;
  }
  .max-mv6 {
    margin-bottom: 30px !important;
    margin-top: 30px !important;
  }
  .max-mh0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .max-mh1 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .max-mh2 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .max-mh3 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .max-mh4 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .max-mh5 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
  .max-mh6 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .max-pt0 {
    padding-top: 0;
  }
  .max-pt1 {
    padding-top: 5px;
  }
  .max-pt2 {
    padding-top: 10px;
  }
  .max-pt3 {
    padding-top: 15px;
  }
  .max-pt4 {
    padding-top: 20px;
  }
  .max-pt5 {
    padding-top: 25px;
  }
  .max-pt6 {
    padding-top: 30px;
  }
  .max-pr0 {
    padding-right: 0;
  }
  .max-pr1 {
    padding-right: 5px;
  }
  .max-pr2 {
    padding-right: 10px;
  }
  .max-pr3 {
    padding-right: 15px;
  }
  .max-pr4 {
    padding-right: 20px;
  }
  .max-pr5 {
    padding-right: 25px;
  }
  .max-pr6 {
    padding-right: 30px;
  }
  .max-pb0 {
    padding-bottom: 0;
  }
  .max-pb1 {
    padding-bottom: 5px;
  }
  .max-pb2 {
    padding-bottom: 10px;
  }
  .max-pb3 {
    padding-bottom: 15px;
  }
  .max-pb4 {
    padding-bottom: 20px;
  }
  .max-pb5 {
    padding-bottom: 25px;
  }
  .max-pb6 {
    padding-bottom: 30px;
  }
  .max-pl0 {
    padding-left: 0;
  }
  .max-pl1 {
    padding-left: 5px;
  }
  .max-pl2 {
    padding-left: 10px;
  }
  .max-pl3 {
    padding-left: 15px;
  }
  .max-pl4 {
    padding-left: 20px;
  }
  .max-pl5 {
    padding-left: 25px;
  }
  .max-pl6 {
    padding-left: 30px;
  }
  .max-pv0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .max-pv1 {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
  }
  .max-pv2 {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
  }
  .max-pv3 {
    padding-bottom: 15px !important;
    padding-top: 15px !important;
  }
  .max-pv4 {
    padding-bottom: 20px !important;
    padding-top: 20px !important;
  }
  .max-pv5 {
    padding-bottom: 25px !important;
    padding-top: 25px !important;
  }
  .max-pv6 {
    padding-bottom: 30px !important;
    padding-top: 30px !important;
  }
  .max-ph0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .max-ph1 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .max-ph2 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .max-ph3 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .max-ph4 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .max-ph5 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .max-ph6 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}
/* break point n°2 */
@media (max-width: 900px) {
  /* hidden on large screens */
  .large-hidden {
    display: none !important;
  }
  .large-visible {
    display: block !important;
  }
  /* alternate font-sizing */
  .large-smaller {
    font-size: 0.7142857142857143em;
  }
  .large-small {
    font-size: 0.8571428571428571em;
  }
  .large-big {
    font-size: 1.1428571428571428em;
  }
  .large-bigger {
    font-size: 1.2857142857142858em;
  }
  .large-biggest {
    font-size: 1.4285714285714286em;
  }
  /* miscellaneous */
  .large-no-float {
    float: none;
  }
  /* text alignment */
  .large-left {
    text-align: left;
  }
  .large-right {
    text-align: right;
  }
  .large-center {
    text-align: center;
  }
  /* display for large screens */
  .large-inbl {
    display: inline-block;
    float: none;
  }
  .large-table {
    display: table;
    width: 100% !important;
  }
  .large-col {
    display: table-cell;
  }
  /* widths for large screens */
  .large-w5 {
    width: 5%!important;
  }
  .large-w10 {
    width: 10%!important;
  }
  .large-w15 {
    width: 15%!important;
  }
  .large-w20 {
    width: 20%!important;
  }
  .large-w25 {
    width: 25%!important;
  }
  .large-w25 {
    width: 25%!important;
  }
  .large-w30 {
    width: 30%!important;
  }
  .large-w33 {
    width: 33.333%!important;
  }
  .large-w35 {
    width: 35%!important;
  }
  .large-w40 {
    width: 40%!important;
  }
  .large-w45 {
    width: 45%!important;
  }
  .large-w50 {
    width: 50%!important;
  }
  .large-w55 {
    width: 55%!important;
  }
  .large-w60 {
    width: 60%!important;
  }
  .large-w65 {
    width: 65%!important;
  }
  .large-w66 {
    width: 66.666%!important;
  }
  .large-w70 {
    width: 70%!important;
  }
  .large-w75 {
    width: 75%!important;
  }
  .large-w80 {
    width: 80%!important;
  }
  .large-w85 {
    width: 85%!important;
  }
  .large-w90 {
    width: 90%!important;
  }
  .large-w95 {
    width: 95%!important;
  }
  .large-w100 {
    width: 100%!important;
  }
  .large-w100 {
    display: block !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .large-wauto {
    width: auto !important;
  }
  /* predefined spaces for large screens
    p,m = padding,margin
    a,t,r,b,l = all,top,right,bottom,left
    1,2,3,4,5,6 = @value1, @value2, @value3, @value4, @value5, @value6
    */
  .large-ma0 {
    margin: 0 !important;
  }
  .large-ma1 {
    margin: 5px !important;
  }
  .large-ma2 {
    margin: 10px !important;
  }
  .large-ma3 {
    margin: 15px !important;
  }
  .large-ma4 {
    margin: 20px !important;
  }
  .large-ma5 {
    margin: 25px !important;
  }
  .large-ma6 {
    margin: 30px !important;
  }
  .large-pa0 {
    padding: 0 !important;
  }
  .large-pa1 {
    padding: 5px;
  }
  .large-pa2 {
    padding: 10px;
  }
  .large-pa3 {
    padding: 15px;
  }
  .large-pa4 {
    padding: 20px;
  }
  .large-pa5 {
    padding: 25px;
  }
  .large-pa6 {
    padding: 30px;
  }
  .large-mt0 {
    margin-top: 0 !important;
  }
  .large-mt1 {
    margin-top: 5px !important;
  }
  .large-mt2 {
    margin-top: 10px !important;
  }
  .large-mt3 {
    margin-top: 15px !important;
  }
  .large-mt4 {
    margin-top: 20px !important;
  }
  .large-mt5 {
    margin-top: 25px !important;
  }
  .large-mt6 {
    margin-top: 30px !important;
  }
  .large-mr0 {
    margin-right: 0;
  }
  .large-mr1 {
    margin-right: 5px;
  }
  .large-mr2 {
    margin-right: 10px;
  }
  .large-mr3 {
    margin-right: 15px;
  }
  .large-mr4 {
    margin-right: 20px;
  }
  .large-mr5 {
    margin-right: 25px;
  }
  .large-mr6 {
    margin-right: 30px;
  }
  .large-mb0 {
    margin-bottom: 0 !important;
  }
  .large-mb1 {
    margin-bottom: 5px !important;
  }
  .large-mb2 {
    margin-bottom: 10px !important;
  }
  .large-mb3 {
    margin-bottom: 15px !important;
  }
  .large-mb4 {
    margin-bottom: 20px !important;
  }
  .large-mb5 {
    margin-bottom: 25px !important;
  }
  .large-mb6 {
    margin-bottom: 30px !important;
  }
  .large-ml0 {
    margin-left: 0;
  }
  .large-ml1 {
    margin-left: 5px;
  }
  .large-ml2 {
    margin-left: 10px;
  }
  .large-ml3 {
    margin-left: 15px;
  }
  .large-ml4 {
    margin-left: 20px;
  }
  .large-ml5 {
    margin-left: 25px;
  }
  .large-ml6 {
    margin-left: 30px;
  }
  .large-mv0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .large-mv1 {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
  }
  .large-mv2 {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
  }
  .large-mv3 {
    margin-bottom: 15px !important;
    margin-top: 15px !important;
  }
  .large-mv4 {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
  }
  .large-mv5 {
    margin-bottom: 25px !important;
    margin-top: 25px !important;
  }
  .large-mv6 {
    margin-bottom: 30px !important;
    margin-top: 30px !important;
  }
  .large-mh0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .large-mh1 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .large-mh2 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .large-mh3 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .large-mh4 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .large-mh5 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
  .large-mh6 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .large-pt0 {
    padding-top: 0;
  }
  .large-pt1 {
    padding-top: 5px;
  }
  .large-pt2 {
    padding-top: 10px;
  }
  .large-pt3 {
    padding-top: 15px;
  }
  .large-pt4 {
    padding-top: 20px;
  }
  .large-pt5 {
    padding-top: 25px;
  }
  .large-pt6 {
    padding-top: 30px;
  }
  .large-pr0 {
    padding-right: 0;
  }
  .large-pr1 {
    padding-right: 5px;
  }
  .large-pr2 {
    padding-right: 10px;
  }
  .large-pr3 {
    padding-right: 15px;
  }
  .large-pr4 {
    padding-right: 20px;
  }
  .large-pr5 {
    padding-right: 25px;
  }
  .large-pr6 {
    padding-right: 30px;
  }
  .large-pb0 {
    padding-bottom: 0;
  }
  .large-pb1 {
    padding-bottom: 5px;
  }
  .large-pb2 {
    padding-bottom: 10px;
  }
  .large-pb3 {
    padding-bottom: 15px;
  }
  .large-pb4 {
    padding-bottom: 20px;
  }
  .large-pb5 {
    padding-bottom: 25px;
  }
  .large-pb6 {
    padding-bottom: 30px;
  }
  .large-pl0 {
    padding-left: 0;
  }
  .large-pl1 {
    padding-left: 5px;
  }
  .large-pl2 {
    padding-left: 10px;
  }
  .large-pl3 {
    padding-left: 15px;
  }
  .large-pl4 {
    padding-left: 20px;
  }
  .large-pl5 {
    padding-left: 25px;
  }
  .large-pl6 {
    padding-left: 30px;
  }
  .large-pv0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .large-pv1 {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
  }
  .large-pv2 {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
  }
  .large-pv3 {
    padding-bottom: 15px !important;
    padding-top: 15px !important;
  }
  .large-pv4 {
    padding-bottom: 20px !important;
    padding-top: 20px !important;
  }
  .large-pv5 {
    padding-bottom: 25px !important;
    padding-top: 25px !important;
  }
  .large-pv6 {
    padding-bottom: 30px !important;
    padding-top: 30px !important;
  }
  .large-ph0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .large-ph1 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .large-ph2 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .large-ph3 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .large-ph4 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .large-ph5 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .large-ph6 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}
/* break point n°3 */
@media (max-width: 768px) {
  /* hidden on medium screens */
  .medium-hidden {
    display: none !important;
  }
  .medium-visible {
    display: block !important;
  }
  /* alternate font-sizing */
  .medium-smaller {
    font-size: 0.7142857142857143em;
  }
  .medium-small {
    font-size: 0.8571428571428571em;
  }
  .medium-big {
    font-size: 1.1428571428571428em;
  }
  .medium-bigger {
    font-size: 1.2857142857142858em;
  }
  .medium-biggest {
    font-size: 1.4285714285714286em;
  }
  /* miscellaneous */
  .medium-no-float {
    float: none;
  }
  /* text alignment */
  .medium-left {
    text-align: left;
  }
  .medium-right {
    text-align: right;
  }
  .medium-center {
    text-align: center;
  }
  /* display for medium (m) screens */
  .medium-inbl {
    display: inline-block;
    float: none;
  }
  .medium-table {
    display: table !important;
    width: 100% !important;
  }
  .medium-col {
    display: table-cell !important;
  }
  /* widths for medium (m) screens */
  .medium-w5 {
    width: 5%!important;
  }
  .medium-w10 {
    width: 10%!important;
  }
  .medium-w15 {
    width: 15%!important;
  }
  .medium-w20 {
    width: 20%!important;
  }
  .medium-w25 {
    width: 25%!important;
  }
  .medium-w25 {
    width: 25%!important;
  }
  .medium-w30 {
    width: 30%!important;
  }
  .medium-w33 {
    width: 33.333%!important;
  }
  .medium-w35 {
    width: 35%!important;
  }
  .medium-w40 {
    width: 40%!important;
  }
  .medium-w45 {
    width: 45%!important;
  }
  .medium-w50 {
    width: 50%!important;
  }
  .medium-w55 {
    width: 55%!important;
  }
  .medium-w60 {
    width: 60%!important;
  }
  .medium-w65 {
    width: 65%!important;
  }
  .medium-w66 {
    width: 66.666%!important;
  }
  .medium-w70 {
    width: 70%!important;
  }
  .medium-w75 {
    width: 75%!important;
  }
  .medium-w80 {
    width: 80%!important;
  }
  .medium-w85 {
    width: 85%!important;
  }
  .medium-w90 {
    width: 90%!important;
  }
  .medium-w95 {
    width: 95%!important;
  }
  .medium-w100 {
    width: 100%!important;
  }
  .medium-w100 {
    display: block !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .medium-wauto {
    width: auto !important;
  }
  /* predefined spaces for medium screens
    p,m = padding,margin
    a,t,r,b,l = all,top,right,bottom,left
    1,2,3,4,5,6 = @value1, @value2, @value3, @value4, @value5, @value6
    source https://github.com/stubbornella/oocss/blob/master/core/spacing/space.css
    */
  .medium-ma0 {
    margin: 0 !important;
  }
  .medium-ma1 {
    margin: 5px !important;
  }
  .medium-ma2 {
    margin: 10px !important;
  }
  .medium-ma3 {
    margin: 15px !important;
  }
  .medium-ma4 {
    margin: 20px !important;
  }
  .medium-ma5 {
    margin: 25px !important;
  }
  .medium-ma6 {
    margin: 30px !important;
  }
  .medium-pa0 {
    padding: 0 !important;
  }
  .medium-pa1 {
    padding: 5px;
  }
  .medium-pa2 {
    padding: 10px;
  }
  .medium-pa3 {
    padding: 15px;
  }
  .medium-pa4 {
    padding: 20px;
  }
  .medium-pa5 {
    padding: 25px;
  }
  .medium-pa6 {
    padding: 30px;
  }
  .medium-mt0 {
    margin-top: 0 !important;
  }
  .medium-mt1 {
    margin-top: 5px !important;
  }
  .medium-mt2 {
    margin-top: 10px !important;
  }
  .medium-mt3 {
    margin-top: 15px !important;
  }
  .medium-mt4 {
    margin-top: 20px !important;
  }
  .medium-mt5 {
    margin-top: 25px !important;
  }
  .medium-mt6 {
    margin-top: 30px !important;
  }
  .medium-mr0 {
    margin-right: 0;
  }
  .medium-mr1 {
    margin-right: 5px;
  }
  .medium-mr2 {
    margin-right: 10px;
  }
  .medium-mr3 {
    margin-right: 15px;
  }
  .medium-mr4 {
    margin-right: 20px;
  }
  .medium-mr5 {
    margin-right: 25px;
  }
  .medium-mr6 {
    margin-right: 30px;
  }
  .medium-mb0 {
    margin-bottom: 0 !important;
  }
  .medium-mb1 {
    margin-bottom: 5px !important;
  }
  .medium-mb2 {
    margin-bottom: 10px !important;
  }
  .medium-mb3 {
    margin-bottom: 15px !important;
  }
  .medium-mb4 {
    margin-bottom: 20px !important;
  }
  .medium-mb5 {
    margin-bottom: 25px !important;
  }
  .medium-mb6 {
    margin-bottom: 30px !important;
  }
  .medium-ml0 {
    margin-left: 0;
  }
  .medium-ml1 {
    margin-left: 5px;
  }
  .medium-ml2 {
    margin-left: 10px;
  }
  .medium-ml3 {
    margin-left: 15px;
  }
  .medium-ml4 {
    margin-left: 20px;
  }
  .medium-ml5 {
    margin-left: 25px;
  }
  .medium-ml6 {
    margin-left: 30px;
  }
  .medium-mv0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .medium-mv1 {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
  }
  .medium-mv2 {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
  }
  .medium-mv3 {
    margin-bottom: 15px !important;
    margin-top: 15px !important;
  }
  .medium-mv4 {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
  }
  .medium-mv5 {
    margin-bottom: 25px !important;
    margin-top: 25px !important;
  }
  .medium-mv6 {
    margin-bottom: 30px !important;
    margin-top: 30px !important;
  }
  .medium-mh0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .medium-mh1 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .medium-mh2 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .medium-mh3 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .medium-mh4 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .medium-mh5 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
  .medium-mh6 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .medium-pt0 {
    padding-top: 0;
  }
  .medium-pt1 {
    padding-top: 5px;
  }
  .medium-pt2 {
    padding-top: 10px;
  }
  .medium-pt3 {
    padding-top: 15px;
  }
  .medium-pt4 {
    padding-top: 20px;
  }
  .medium-pt5 {
    padding-top: 25px;
  }
  .medium-pt6 {
    padding-top: 30px;
  }
  .medium-pr0 {
    padding-right: 0;
  }
  .medium-pr1 {
    padding-right: 5px;
  }
  .medium-pr2 {
    padding-right: 10px;
  }
  .medium-pr3 {
    padding-right: 15px;
  }
  .medium-pr4 {
    padding-right: 20px;
  }
  .medium-pr5 {
    padding-right: 25px;
  }
  .medium-pr6 {
    padding-right: 30px;
  }
  .medium-pb0 {
    padding-bottom: 0;
  }
  .medium-pb1 {
    padding-bottom: 5px;
  }
  .medium-pb2 {
    padding-bottom: 10px;
  }
  .medium-pb3 {
    padding-bottom: 15px;
  }
  .medium-pb4 {
    padding-bottom: 20px;
  }
  .medium-pb5 {
    padding-bottom: 25px;
  }
  .medium-pb6 {
    padding-bottom: 30px;
  }
  .medium-pl0 {
    padding-left: 0;
  }
  .medium-pl1 {
    padding-left: 5px;
  }
  .medium-pl2 {
    padding-left: 10px;
  }
  .medium-pl3 {
    padding-left: 15px;
  }
  .medium-pl4 {
    padding-left: 20px;
  }
  .medium-pl5 {
    padding-left: 25px;
  }
  .medium-pl6 {
    padding-left: 30px;
  }
  .medium-pv0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .medium-pv1 {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
  }
  .medium-pv2 {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
  }
  .medium-pv3 {
    padding-bottom: 15px !important;
    padding-top: 15px !important;
  }
  .medium-pv4 {
    padding-bottom: 20px !important;
    padding-top: 20px !important;
  }
  .medium-pv5 {
    padding-bottom: 25px !important;
    padding-top: 25px !important;
  }
  .medium-pv6 {
    padding-bottom: 30px !important;
    padding-top: 30px !important;
  }
  .medium-ph0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .medium-ph1 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .medium-ph2 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .medium-ph3 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .medium-ph4 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .medium-ph5 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .medium-ph6 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}
/* break point n°4 */
@media (max-width: 640px) {
  /* .formulaire */
  .formulaire fieldset,
  .formulaire #captcha,
  .formulaire .submit {
    width: auto;
    /*padding: 0.5em;
    margin: 0.5em 0.5em 1em;*/ /* Julien "WTF" S. 25/09/14 */
  }
  .formulaire .row > * {
    width: 100%;
    display: block;
  }
  .formulaire .row > label {
    padding: 0.5em 0 0;
  }
  .formulaire .row > div {
    padding: 0;
  }
  /* hidden on tiny screens */
  .tiny-hidden {
    display: none !important;
  }
  .tiny-visible {
    display: block !important;
  }
  /* alternate font-sizing */
  .tiny-smaller {
    font-size: 0.7142857142857143em;
  }
  .tiny-small {
    font-size: 0.8571428571428571em;
  }
  .tiny-big {
    font-size: 1.1428571428571428em;
  }
  .tiny-bigger {
    font-size: 1.2857142857142858em;
  }
  .tiny-biggest {
    font-size: 1.4285714285714286em;
  }
  /* miscellaneous */
  .tiny-no-float {
    float: none;
  }
  /* text alignment */
  .tiny-left {
    text-align: left;
  }
  .tiny-right {
    text-align: right;
  }
  .tiny-center {
    text-align: center;
  }
  /* display for tiny screens */
  .tiny-inbl {
    display: inline-block;
    float: none;
  }
  .tiny-table {
    display: table !important;
    width: 100% !important;
  }
  .tiny-col {
    display: table-cell !important;
  }
  /* widths for tiny screens */
  .tiny-w5 {
    width: 5%!important;
  }
  .tiny-w10 {
    width: 10%!important;
  }
  .tiny-w15 {
    width: 15%!important;
  }
  .tiny-w20 {
    width: 20%!important;
  }
  .tiny-w25 {
    width: 25%!important;
  }
  .tiny-w25 {
    width: 25%!important;
  }
  .tiny-w30 {
    width: 30%!important;
  }
  .tiny-w33 {
    width: 33.333%!important;
  }
  .tiny-w35 {
    width: 35%!important;
  }
  .tiny-w40 {
    width: 40%!important;
  }
  .tiny-w45 {
    width: 45%!important;
  }
  .tiny-w50 {
    width: 50%!important;
  }
  .tiny-w55 {
    width: 55%!important;
  }
  .tiny-w60 {
    width: 60%!important;
  }
  .tiny-w65 {
    width: 65%!important;
  }
  .tiny-w66 {
    width: 66.666%!important;
  }
  .tiny-w70 {
    width: 70%!important;
  }
  .tiny-w75 {
    width: 75%!important;
  }
  .tiny-w80 {
    width: 80%!important;
  }
  .tiny-w85 {
    width: 85%!important;
  }
  .tiny-w90 {
    width: 90%!important;
  }
  .tiny-w95 {
    width: 95%!important;
  }
  .tiny-w100 {
    width: 100%!important;
  }
  .tiny-w100 {
    display: block !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .tiny-wauto {
    width: auto !important;
  }
  /* predefined spaces for tiny screens
    p,m = padding,margin
    a,t,r,b,l = all,top,right,bottom,left
    1,2,3,4,5,6 = @value1, @value2, @value3, @value4, @value5, @value6
    */
  .tiny-ma0 {
    margin: 0 !important;
  }
  .tiny-ma1 {
    margin: 5px !important;
  }
  .tiny-ma2 {
    margin: 10px !important;
  }
  .tiny-ma3 {
    margin: 15px !important;
  }
  .tiny-ma4 {
    margin: 20px !important;
  }
  .tiny-ma5 {
    margin: 25px !important;
  }
  .tiny-ma6 {
    margin: 30px !important;
  }
  .tiny-pa0 {
    padding: 0 !important;
  }
  .tiny-pa1 {
    padding: 5px;
  }
  .tiny-pa2 {
    padding: 10px;
  }
  .tiny-pa3 {
    padding: 15px;
  }
  .tiny-pa4 {
    padding: 20px;
  }
  .tiny-pa5 {
    padding: 25px;
  }
  .tiny-pa6 {
    padding: 30px;
  }
  .tiny-mt0 {
    margin-top: 0 !important;
  }
  .tiny-mt1 {
    margin-top: 5px !important;
  }
  .tiny-mt2 {
    margin-top: 10px !important;
  }
  .tiny-mt3 {
    margin-top: 15px !important;
  }
  .tiny-mt4 {
    margin-top: 20px !important;
  }
  .tiny-mt5 {
    margin-top: 25px !important;
  }
  .tiny-mt6 {
    margin-top: 30px !important;
  }
  .tiny-mr0 {
    margin-right: 0;
  }
  .tiny-mr1 {
    margin-right: 5px;
  }
  .tiny-mr2 {
    margin-right: 10px;
  }
  .tiny-mr3 {
    margin-right: 15px;
  }
  .tiny-mr4 {
    margin-right: 20px;
  }
  .tiny-mr5 {
    margin-right: 25px;
  }
  .tiny-mr6 {
    margin-right: 30px;
  }
  .tiny-mb0 {
    margin-bottom: 0 !important;
  }
  .tiny-mb1 {
    margin-bottom: 5px !important;
  }
  .tiny-mb2 {
    margin-bottom: 10px !important;
  }
  .tiny-mb3 {
    margin-bottom: 15px !important;
  }
  .tiny-mb4 {
    margin-bottom: 20px !important;
  }
  .tiny-mb5 {
    margin-bottom: 25px !important;
  }
  .tiny-mb6 {
    margin-bottom: 30px !important;
  }
  .tiny-ml0 {
    margin-left: 0;
  }
  .tiny-ml1 {
    margin-left: 5px;
  }
  .tiny-ml2 {
    margin-left: 10px;
  }
  .tiny-ml3 {
    margin-left: 15px;
  }
  .tiny-ml4 {
    margin-left: 20px;
  }
  .tiny-ml5 {
    margin-left: 25px;
  }
  .tiny-ml6 {
    margin-left: 30px;
  }
  .tiny-mv0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .tiny-mv1 {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
  }
  .tiny-mv2 {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
  }
  .tiny-mv3 {
    margin-bottom: 15px !important;
    margin-top: 15px !important;
  }
  .tiny-mv4 {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
  }
  .tiny-mv5 {
    margin-bottom: 25px !important;
    margin-top: 25px !important;
  }
  .tiny-mv6 {
    margin-bottom: 30px !important;
    margin-top: 30px !important;
  }
  .tiny-mh0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .tiny-mh1 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .tiny-mh2 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .tiny-mh3 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .tiny-mh4 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .tiny-mh5 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
  .tiny-mh6 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .tiny-pt0 {
    padding-top: 0;
  }
  .tiny-pt1 {
    padding-top: 5px;
  }
  .tiny-pt2 {
    padding-top: 10px;
  }
  .tiny-pt3 {
    padding-top: 15px;
  }
  .tiny-pt4 {
    padding-top: 20px;
  }
  .tiny-pt5 {
    padding-top: 25px;
  }
  .tiny-pt6 {
    padding-top: 30px;
  }
  .tiny-pr0 {
    padding-right: 0;
  }
  .tiny-pr1 {
    padding-right: 5px;
  }
  .tiny-pr2 {
    padding-right: 10px;
  }
  .tiny-pr3 {
    padding-right: 15px;
  }
  .tiny-pr4 {
    padding-right: 20px;
  }
  .tiny-pr5 {
    padding-right: 25px;
  }
  .tiny-pr6 {
    padding-right: 30px;
  }
  .tiny-pb0 {
    padding-bottom: 0;
  }
  .tiny-pb1 {
    padding-bottom: 5px;
  }
  .tiny-pb2 {
    padding-bottom: 10px;
  }
  .tiny-pb3 {
    padding-bottom: 15px;
  }
  .tiny-pb4 {
    padding-bottom: 20px;
  }
  .tiny-pb5 {
    padding-bottom: 25px;
  }
  .tiny-pb6 {
    padding-bottom: 30px;
  }
  .tiny-pl0 {
    padding-left: 0;
  }
  .tiny-pl1 {
    padding-left: 5px;
  }
  .tiny-pl2 {
    padding-left: 10px;
  }
  .tiny-pl3 {
    padding-left: 15px;
  }
  .tiny-pl4 {
    padding-left: 20px;
  }
  .tiny-pl5 {
    padding-left: 25px;
  }
  .tiny-pl6 {
    padding-left: 30px;
  }
  .tiny-pv0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .tiny-pv1 {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
  }
  .tiny-pv2 {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
  }
  .tiny-pv3 {
    padding-bottom: 15px !important;
    padding-top: 15px !important;
  }
  .tiny-pv4 {
    padding-bottom: 20px !important;
    padding-top: 20px !important;
  }
  .tiny-pv5 {
    padding-bottom: 25px !important;
    padding-top: 25px !important;
  }
  .tiny-pv6 {
    padding-bottom: 30px !important;
    padding-top: 30px !important;
  }
  .tiny-ph0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .tiny-ph1 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .tiny-ph2 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .tiny-ph3 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .tiny-ph4 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .tiny-ph5 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .tiny-ph6 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}
/* orientation iOS font-size fix */
@media (orientation: landscape) and (max-device-width: 768px) {
  html,
  body {
    -webkit-text-size-adjust: 100%;
  }
}
/*  --------------------------------------------------
  == ie fix
  -------------------------------------------------- */
/* no rem for IE7 et IE8 */
.oldie h1,
.oldie .h1-like {
  font-size: 2.4285714285714284em;
}
.oldie h2,
.oldie .h2-like {
  font-size: 1.4285714285714286em;
}
.oldie h3,
.oldie .h3-like {
  font-size: 1.2142857142857142em;
}
/* haslayout pour IE7 */
.ie7 .mod,
.ie7 .col {
  zoom: 1;
}
/* inline-block et table-cell for IE7 */
/* warning : .col needs a width on IE7 */
.ie7 .col,
.ie7 .inbl {
  display: inline;
  zoom: 1;
}
/*  --------------------------------------------------
  --------------------------------------------------

  Project     : Vendée Tourisme
  Creation date : 08/01/2014
  By        : JB Guillard & H Dessomme

  --------------------------------------------------
  --------------------------------------------------

  SOMMAIRE :

  ==set-up

  ==themes

  ==structure
  ====@structure

  ==navigation
  ====@navigation

  ==formulaire
  ====@formulaire

  ==publications
  ====@publications

  ==catalogue
  ====@catalogue

  ==home-page
  ====@home-page

  ==summary
  ====@summary

  ==widgets
  ====@widgets

  --------------------------------------------------
  --------------------------------------------------
  NOMMAGE :

  Les différents mots composant le nom du module sont séparés par "-" : .nom-module ;

  le nom de la variante du module est préfixé par "_" : .nom-module_nom-de-la-variante ;

  le nom de l'enfant d'un module est préfixé par "--" : .nom-module--nom-enfant ;

  la sélection d'un élément ou un module par du javascript est indiqué par "fn-" : fn-menu, fn-placeholder ;

  Un élément ou un module en créé en javascript est préfixé "js-" : js-carousel-container,...

  Lors de la modification d'un élément ou un module en javascript, une classe est ajoutée avec le préfixe "is-" suivi de l'état du module : .is-active, .is-open ;

  --------------------------------------------------
  -------------------------------------------------- *//* --------------------
  ==set-up
  -------------------- *//* Mixin,  var, ... */.hide-title > .widget--title {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  clip: rect(1px 1px 1px 1px);
  /* IE7 et inf */

  clip: rect(1px, 1px, 1px, 1px);
}
input:focus,
textarea:focus,
select:focus {
  border: 1px solid #e5002d;
}
.uppercase{
  text-transform: uppercase;
}
.article a {
  color: #10b8cd;
  font-weight: normal;
  text-decoration: none;
}
.article a:hover,
.article a:hover:visited {
  color: #10b8cd;
  text-decoration: underline;
}
.article a:visited {
  color: #10b8cd;
}
sup {
  font-size: 0.7142857142857143em;
}
/*  --------------------
  ==themes
  -------------------- *//* class génériques, themes par modules ou themes pages intégrales en fonction du projet
Faire les thèmes avec des noms génériques ( ex: Theme 1, Theme 2, theme 3, ... )
et non par spécificité graphique/ergonomique (ex: blue, red, list, ...) */
.button{
  position: relative;
  z-index: 1;
  display: inline-block;
  padding-top: 9px;
  padding-bottom: 8px;
  padding-left: 20px;
  padding-right: 20px;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff!important;
  text-decoration: none;
  text-transform: uppercase;
  text-align: left;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.button:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #aa001d;
  background: -webkit-gradient(linear, left top, right top, from(#aa001d), to(#e5002d));
  background: -webkit-linear-gradient(left, #aa001d, #e5002d);
  background: -moz-linear-gradient(left, #aa001d, #e5002d);
  background: -ms-linear-gradient(left, #aa001d, #e5002d);
  background: -o-linear-gradient(left, #aa001d, #e5002d);
  background: linear-gradient(to right, #aa001d, #e5002d);
  z-index: -1;
}
.button:hover{
  color: #fff!important;
  background: #e5002d !important;
  text-decoration: none!important;
}
.button:visited{
  color: #fff!important;
}
.button_more{
  padding-left: 30px;
}
.button_more:before{
  content: "";
  position: absolute;
  left: 13px;
  width: 0;
  height: 0;
  margin-top: 2px;
  border-left: 7px solid #fff;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
.button_map, .button_map:hover, .button_map:visited{
  background: #e6e7e8!important;
  color: #6d6e71!important;
  padding-left: 60px;
  padding-right: 5px;
}
.button_map:after{
  display: none;
}
.button_map:before{
  content: "";
  position: absolute;
  background-image: url('/images/button_map.png');
  background-repeat: no-repeat;
  top: 3px;
  left: 10px;
  height: 25px;
  width: 34px;
}
.button_w100 {
  width: 100%;
}
.button_blue {
  padding-left: 20px;
  padding-right: 3px;
  letter-spacing: -0.05em;
  width: 100%;
  font-size: 1.5rem;
  background: #10b8cd;
}
.button_prog:before{
  margin-top: 4px;
}
.button_prog span{
  line-height: 1.2em;
}
.button_prog img{
  max-width: 20%;
}
.button_blue:after {
  display: none;
}
.button_blue:before {
  left: 8px;
}
.button_blue:hover {
  background: #10b8cd !important;
}
.button_blue:hover:after {
  display: none;
}
.button_news {
  font-size: 1em;
  padding-left: 15px;
  padding-right: 5px;
  width: 100%;
  letter-spacing: -0.01em;
}
.button_news:before {
  left: 5px;
}
.button_resa {
  padding-top: 8px;
  padding-bottom: 7px;
  border: 1px solid #6d6e71;
  color: #6d6e71 !important;
}
.button_resa:focus,
.button_resa:hover {
  color: #e5002d !important;
  background: #fff!important;
  text-decoration: none!important;
}
.button_resa:visited {
  color: #6d6e71 !important;
}
.button_resa:visited:hover {
  color: #e5002d !important;
}
.button_resa:after {
  display: none;
}
.button_resa:before {
  border-left: 7px solid #e5002d;
}
.button_more-small {
  padding-bottom: 5px;
  padding-top: 5px;
  font-size: 1.4rem;
  font-weight: normal!important;
}
.button_more-xsmall {
  font-size: 1.3rem;
}
.button_search {
  width: 100%;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-right: 15px;
  font-size: 1.8rem;
  line-height: 1.4;
}
.button_newsletter {
  padding-top: 8px;
  padding-bottom: 8px;
  text-transform: none;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.ico {
  background-image: url('/images/sprite.png');
  background-repeat: no-repeat;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
}
.ico_40 {
  width: 40px;
  height: 40px;
}
.ico_30 {
  width: 30px;
  height: 30px;
}
.ico_20 {
  width: 20px;
  height: 20px;
}
.ico_search {
  width: 26px;
  height: 25px;
  background-position: 0 -119px;
  float: right;
}
.ico_search-all {
  background-position: 0 0;
  width: 25px;
  height: 25px;
}
.ico_mobile-nav-open {
  width: auto;
  background-position: 0 -36px;
  padding-left: 50px;
  padding-right: 10px;
  color: #FFF;
  font-size: 1.6rem;
  font-weight: bold;
  text-transform: uppercase;
  float: left;
  margin-top: 4px;
  margin-left: 10px;
  /*margin-left: 26%;*/
}
.ico_mobile-nav-close {
  background-position: 0 -73px;
}
.ico_resa {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-position: -1px -61px;
  background-size: 196%;
  margin-left: 30px;
}
.ico_photo {
  width: 74px;
  height: 28px;
  background-position: 0 -192px;
  margin-bottom: 5px;
}
.ico_webcam {
  width: 74px;
  height: 28px;
  background-position: 0 -371px;
  margin-bottom: 5px;
}
.ico_video {
  width: 74px;
  height: 28px;
  background-position: 0 -402px;
  margin-bottom: 5px;
}
.ico_prev {
  position: absolute;
  left: 0;
  right: auto;
  top: 45%;
  -webkit-transform: rotate(-90deg) translate3d(0, 0, 0);
  /* accélération matérielle */
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  width: 58px;
  height: 40px;
  background-color: transparent;
  background-position: 0 -233px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ico_prev:hover {
  opacity: 1;
}
.ico_next {
  position: absolute;
  right: 0;
  left: auto;
  top: 45%;
  -webkit-transform: rotate(-90deg) translate3d(0, 0, 0);
  /* accélération matérielle */
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  width: 58px;
  height: 40px;
  background-color: transparent;
  background-position: 0 -288px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ico_next:hover {
  opacity: 1;
}
.ico_comp-oui {
  background-position: -34px -440px;
}
.ico_comp-non {
  background-position: -54px -440px;
}
/*@media (max-width: 600px) {*/
@media (max-width: 768px) { /* Julien "WTF" S. 30/09/14 */
  .ico_prev {
    width: 37px;
    height: 20px;
    background-position: 0 -136px;
    background-size: 115%;
  }
  .ico_next {
    width: 37px;
    height: 20px;
    background-position: 0 -168px;
    background-size: 115%;
  }
}
.list {
  list-style: none;
}
.list li:before {
  content: ">";
  padding-right: 5px;
  color: #e5002d;
}
.list_txtcolor li:before {
  color: #6d6e71;
}
.pdf-list {
  border-top: 1px solid #939598;
  border-bottom: 1px solid #939598;
  padding-top: 15px;
}
.multi--item + .pdf-list {
  border: 0;
  padding-top: 0;
}
.pdf-list--item {
  max-width: 120px;
  overflow: hidden;
  margin-left: 20px;
}
.pdf-list--item:first-child,
.pdf-list--item:nth-child(5n+1) {
  margin-left: 0;
}
.pdf-list--item a {
  text-decoration: none;
}
.pdf-list_event .pdf-list--item a:hover, .pdf-list_event .pdf-list--item a:hover:visited {color:#e5002d;}
.pdf-list--item .pdf-list--img {
  position: relative;
}
.pdf-list--item .pdf-list--img:after {
  content: url(/images/ico-pdf.png);
  position: absolute;
  bottom: 5px;
  right: 18px;
}
.pdf-list--item .pdf-list--img img{margin-bottom:15px;}
/*  --------------------
  ==structure
  -------------------- *//* Structure générale du site Header, Content, Aside, Footer */body {
  background: #e7e7e8;
  overflow-x: hidden;
}
.page-contact .nav-secondary{
  display: none;
}
#container {
  background: #fff;
  padding-top: 20px;
}
.header--nav {
  background: #e5002d;
}
.header--nav > div {
  position: relative;
}
/* C'est pas jolie mais j'ai rien trouvé de mieux pour correspondre à la maquette */.left-logo {
  height: 100%;
  width: 30px;
  position: absolute;
  left: -29px;
  top: 0;
  display: block;
  background: #fff;
}
#logo {
  width: 30.2%;
  padding-right: 30px;
  background: #fff;
}
#logo img {
  margin-top: -6px;
  /* Calage etrange */
  margin-left: -1px;
  position: relative;
  z-index: 0;
}
.breadcrumb{
  margin-right: 300px;
}
.breadcrumb li {
  font-size: 1.2rem;
}
.fn-breadcrumb-move{
  text-transform: lowercase;
}
.breadcrumb a {
  text-decoration: none;
  font-size: 1.2rem;
  color: #6d6e71;
}
.breadcrumb a:focus,
.breadcrumb a:hover {
  text-decoration: underline;
  color: #6d6e71;
}
.breadcrumb a:visited {
  color: #6d6e71;
}
.left-bar {
  margin-bottom: 40px;
}
.grid-default > * {
  width: 20.40816326530612%;
}
.grid-default-switch > * {
  width: 76.53061224489796%;
  margin-left: 3.061224489795918%;
  float: right;
}
.grid-default-switch > *:first-child {
  float: left;
  width: 20.40816326530612%;
  margin-left: 0;
}

.grid-default > *:first-child {
  float: right;
  width: 76.53061224489796%;
  margin-left: 3.061224489795918%;
}
.grid-default_zoom-sur > *:first-child {
  width: 69.38775510204082%;
}
.grid-default_zoom-sur > *:first-child + * {
  width: 25.51020408163265%;
  margin-left: 5.102040816326531%;
}
.grid-article-rightcol > *:first-child {
  width: 62.66666666666667%;
}
.grid-article-rightcol > * + * {
  width: 33.333%;
  margin-left: 4% ;
}
.grid-article-leftcol {}
.grid-article-leftcol > *:first-child { width: 33.3333%; }
.grid-article-leftcol > *+* { width: 62.6667%; margin-left:4%; }
.content--img {
  position: relative;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 30px;
}
.content--img .ico_prev,
.content--img .ico_next {
  top: 37%;
}
.content--img div {
  position: relative;
}
.content--img .slider--desc {
  font-size: 1rem;
  display: block;
  text-align: right;
  position: static;
  padding: 0;
  margin: 5px 0 0;
  width: 100%;
  color: #6d6e71;
  background: transparent;
}
/*GESTION DES PAGES OU IL N'Y A PAS DE NAVIGATION LATERALE*/
.nav-aside-hide .nav-secondary{
  display: none;
}

/* GESTION DES TITRES ET DE LEURS DOUBLONS AU DESSUS DU BANDEAU */.content--title-level {
  position: absolute;
  bottom: 16px;
  left: 0;
  color: #fff;
  padding-left: 15px;
  font-weight: bold;
  line-height: 0.7;
  float: none;
  font-size: 2.4285714285714284em;
  text-transform: uppercase;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.is-not-filled .content--title-level {
  position: static;
  color: #6d6e71;
  padding-left: 0;
  margin-top: 30px;
}
/* Je cache les titres de page parent qui ne m'interesse pas */.title-level1 {
  opacity: 1;
}
.title-level2,
.is-nav-level-1 .title-level2{
  display: none;
}
.is-nav-level-2 .title-level1,
.is-nav-level-3-and-more .title-level1 {
  display: none;
}
.is-nav-level-5 .title-level1{
    display: none;
}
.is-nav-level-4 .title-level1{
    display: none;
}
/* J'affiche le bon */
.is-nav-level-1 .title-level2,
.is-nav-level-2 .title-level2,
.is-nav-level-5 .title-level4,
.is-nav-level-4 .title-level3,
.is-nav-level-5 .title-level3
{
  opacity: 1;
  display: block;
}
/* Cas des pages caché a afficher que dans le footer */
.is-nav-footer .title-level2 {
  display: none;
}
.is-nav-footer .title-level1 {
  opacity: 1;
  display: block;
}
/* FIN CAS FOOTER */
.is-nav-level-3-and-more .title-level3,
.is-nav-level-3-and-more .title-level2 {
  opacity: 1;
  display: block;
}
.catalog .title-level1 {
  opacity: 1;
  display: block;
}
.catalog .title-level2 {
  opacity: 0;
  display: none;
}
.catalog .title-level3 {
  opacity: 0;
  display: none;
}
/* Je cache tout les titles en attendant l'arrivée du js */#main > h1,
.article--title {
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.theme-03,
.article--title {
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* CACHER LES H1 pour les niveau 1 et 2 */
.is-nav-level-1 .section--header,
.is-nav-level-2 .section--header,
.is-nav-level-1 .article--header,
.is-nav-level-2 .article--header,
.qui_sommes-nous .section--header{
  border: 0;
  padding: 0;
  margin-bottom: 10px;
}
.is-nav-level-1 .section--header > h1,
.is-nav-level-2 .section--header > h1,
.is-nav-level-1 .article--header > h1,
.is-nav-level-2 .article--header > h1,
.is-nav-level-1 .article--title,
.is-nav-level-2 .article--title,
.qui_sommes-nous .article--title {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  clip: rect(1px 1px 1px 1px);
  /* IE7 et inf */

  clip: rect(1px, 1px, 1px, 1px);
}

/* Je ne cache pas pour les articles, smartpage, jeux, ... au premier niveau */
.single-niv1 .section--header,
.single-niv1 .article--header {
  border-bottom: 1px solid #939598;
  margin-bottom: 20px;
}
.single-niv1 .section--header > h1,
.single-niv1 .article--header > h1 {
  position: static;
  height: auto;
  width: auto;
}

.news .section--header {
  opacity: 1;
  border-bottom: 1px solid #939598;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.news .section--header h1 {
  position: static;
  overflow: visible;
  height: auto;
  width: auto;
  clip: auto;
  float: left;
  color: #e5002d;
  text-transform: uppercase;
  line-height: 1.3em;
}
.prod--tools { padding-top: 5px; }
/* afficher les h1 pour les niveau 3 et plus */.is-nav-level-3-and-more #main > h1,
.is-nav-level-3-and-more .article--title,  .showh1  #main > h1{
  opacity: 1;
}
/* Si pas de js, jaffiche les titles de manière obligatoire, par contre je cache tout les title-level, parcequ'il y a des limites a la connerie */.no-js #main > h1,
.no-js .article--title {
  opacity: 1;
}
.no-js .content--title-level {
  display: none;
}
/* FIN DE CETTE PRISE DE TETE, MERCI E-MAJINE, MERCI L'ARBORESCENCE! */.js-content--img-desc {
  font-size: 0.7142857142857143em;
}
#main {
  position: relative;
  padding-bottom: 65px;
}
#main > h1 {
  font-size: 1.9285714285714286em;
  color: #10b8cd;
  text-transform: none;
}
.content{
  position: relative;
}
/* HEADER DE SECTION OU D'ARTICLE AVEC LES OUTILS */.section--header,
.article--header, .offrez_la_vendee_faites_plaisir .section--header, .formulaire_de_reservation .section--header{
  border-bottom: 1px solid #939598;
  /*margin-bottom: 30px;*/
  margin-bottom: 20px; /* Julien "WTF" S. 25/09/14 */
}
.section--header-no-title {
  border: 0;
  padding: 0;
  margin-bottom: 10px;
}
.article--title,
.section--title {
  line-height: 1.3em;
  color: #E5002D;
  font-size: 2.5rem !important;
  text-transform: uppercase;
  float: left;
  padding-top: 0;
  margin-top: 0;
}
.article--tools {
  /*margin-bottom: 5px;*/
  margin-bottom: 7px; /* Julien "WTF" S. 25/09/2014 */
  margin-top: 0;
}
.is-txt-bigger {
  font-size: 1.2em!important;
}
.is-txt-smaller {
  font-size: 0.9em!important;
}
.article--title {
  font-size: 1.9285714285714286em;
  color: #E5002D;
  text-transform: uppercase;
}
.button_zoom {
  font-size: 1.8rem;
  color: #939598;
  height: 22px;
  min-width: 22px;
  width: auto;
  vertical-align: middle;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.button_zoom:hover,
.button_zoom:focus {
  background: #939598;
  color: #fff;
}
.print > a {
  background-image: url('/images/sprite.png');
  background-repeat: no-repeat;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  text-indent: -999em;
  height: 22px;
  width: 22px;
  background-position: 0 -153px;
}
/*.addthis_toolbox.addthis_20x20_style .addthis_button_email span{
  background-position: 0 -340px !important;
  background-size: auto!important;
  background-image: url('/images/sprite.png') !important;
  background-color: transparent!important;
  width: 25px!important;
}*/
/* MODIF du 15/03/2016 : Bug d'affiche sur le sprite png prévu a l'origine par JB */
/*.addthis_toolbox.addthis_20x20_style .addthis_button_email svg {
  display: none;
}*/
/* Fin MODIF */

#footer {
  background: #e7e7e8;
}
.grid-footer > *:first-child {
  width: 30.931973%;
}
.grid-footer > * + *,
.grid-footer > * + * + * + * {
  width: 28.931973%;
  margin-left: 5.1020408163265305%;
}
.grid-footer > * + * + * {
  width: 29.931973%;
}
.back-to-site {
  position: absolute;
  width: 1px;
  height: 1px;
  top: -1px;
  right: 0;
  background: #000;
  opacity: 0;
  cursor: pointer;
  z-index: 998;
}
.is-mobile-nav-open .back-to-site {
  width: 100%;
  height: 100%;
  top: 0;
  -webkit-transform: translate(300px, 0);
  -ms-transform: translate(300px, 0);
  transform: translate(300px, 0);
}
#overDiv {
  position: absolute;
  visibility: hidden;
  z-index: 1000;
  top: 30px;
}
#overDiv.calendar {
  position: fixed!important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 300px; height: 300px;
  top:50%!important; left:50%!important;
  margin:-150px 0 0 -150px;
  box-shadow: 0 0 10px rgba(0,0,0,0.7);
}
#overDiv.calendar .calendar {
  margin:30px auto 0;
}
/* SLIDER type et variante */.slider {
  position: relative;
}
.slider > * {
  float: left;
  position: relative;
}
.slider--desc {
  position: absolute;
  padding: 5px 10px;
  width: 100%;
  bottom: 0;
  left: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
}
.slider--title {
  font-size: 0.8571428571428571em;
}
.medias {
  position: relative;
}
.slider > *:nth-child(n+2) {
   position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
}
.js-slider-container .slider > *:nth-child(n+2) {
  position:static;
  overflow:visible;
  height:auto;
  width:auto;
  clip:auto;
}
.medias .slider--item {
  max-height: 350px;
  padding-right: 1px;
  padding-left: 1px;
  margin: 0;
}
.js-slider-container {
  overflow: hidden;
  position: relative;
}
.js-slider-pager {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 10px;
  bottom: 5px;
}
.js-slider-pager li {
  list-style-image: none;
}
.js-slider-pager--item {
  display: inline-block;
  margin-left: 5px;
}
.js-slider-pager--btn {
  height: 10px;
  width: 10px;
  background-color: #fff;
}
.is-slider-pager-active {
  background-color: #e5002d;
}
.result-search-input input{
  height: 31px;
  width: 100%;
}
.result-search-submit{
  width: 157px;
}
.result-search-item {
  border-top: 1px solid #CBCBCB;
}
.result-search--links, .result-search--links:visited, .result-search--links:hover{
  color: #E5002D;
  text-decoration: none;
}

/* BEGIN Julien "WTF" S. 25/09/14 */
@media (max-width: 600px) {
  .slider--desc p { font-size:12px!important; /* 12/14*/ }
}
/* END Julien "WTF" S. 25/09/14 */

/*  --------------------
  ==@structure
  -------------------- */
  @media (max-width: 980px) {
  .mw {
    padding-left: 10px;
    padding-right: 10px;
  }
  .header--nav > div {
    position: static;
    display: block;
  }
  .left-logo {
    display: none;
  }
  #logo {
    display: block;
    float: left;
    width: auto;
  }
  #logo img {
    /*margin-top: -9px;*/
    margin-top: -8px; margin-bottom:-1px; /* Julien "WTF" S. 30/09/14 */
  }
  .news .section--header h1 {
    max-width: 100%;
  }
  #widget-panier {
    right: 10px;
  }
  .article--title, .section--title{
    padding-top: 3px;
  }
}
@media (max-width: 768px) {
  .grid-footer{
    padding-top: 0;
  }
  .grid-default > *,
  .grid-article-rightcol > *,
  .grid-article-leftcol > *,
  .grid-article-leftcol > *,
  .grid-default_zoom-sur > *,
  .grid-footer > * {
    width: 100%;
    float: none;
    margin-left: 0;
  }
  .grid-default > *:first-child,
  .grid-article-rightcol > *:first-child,
  .grid-article-leftcol > *:first-child,
  .grid-default_zoom-sur > *:first-child,
  .grid-footer > *:first-child,
  .grid-default > *:first-child + *,
  .grid-article-rightcol > *:first-child + *,
  .grid-article-leftcol > *:first-child + *,
  .grid-default_zoom-sur > *:first-child + *,
  .grid-footer > *:first-child + * {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .grid-default_zoom-sur > *:first-child {
    margin-bottom: 30px;
  }
}
@media (max-width: 640px) {
  .breadcrumb{
    margin-right: 0;
    padding-top: 40px;
    margin-left: 0;
  }
}
@media (max-width: 600px) {
  .ico_mobile-nav-open {
    margin-left: 10px;
    /*margin-left: 10%;*/
  }
  .content--title-level{
    font-size: 1.528571em;
  }
  #main{
    padding-bottom: 20px;
  }

}
@media (max-width: 480px) {
  #logo {
    width: 100%;
    text-align: left;
    padding: 0 0 0 10px;
  }
  /*#logo {
    width: 70%;
text-align: center;
padding: 0;
float: left;
  }*/

  .header--nav > div {
    text-align: center;
    padding: 0;
  }
  .ico_mobile-nav-open {
    float: left;
    margin: 10px 0 10px 5px;
  }
  /*.ico_mobile-nav-open {
    float: none;
    margin: 10px 0;
  }*/
  /*.ico_mobile-nav-open {
    float: left;
margin: 5px 0 0 50px;
padding: 0;
max-width: 40px;
width: 100%;
  }
  .ico_mobile-nav-open span{
    display: none;
  }*/
  .result-search-input{
    display: block;
  }
  .result-search-submit{
    display: block;
    width: 100%;
  }
}
@media (max-width: 460px) {
  /*#logo {
    width: 80%;
  }
  .ico_mobile-nav-open {
    margin: 2px 0 0 12px;
  }*/
}
/*  --------------------
  ==navigation
  -------------------- */.nav a {
  text-decoration: none;
}
/* NAV PRIMARY */#volet {
  padding-left: 10px;
}
.nav--first-level-item {
  height: 50px;
}
.nav--first-level-item:hover + li .nav--first-level-link span {
  border-left: 2px solid #E5002D;
}
.nav--first-level-item:hover .nav--first-level-link {
  height: 50px;
  color: #e5002d;
}
.nav--first-level-item:hover .nav--first-level-link:after {
  height: 100%;
}
.nav--first-level-item:hover .nav--second-level {
  width: 100%;
  height: auto;
  opacity: 1;
  padding: 20px;
}
.nav--first-level-link {
  display: block;
  position: relative;
  z-index: 0;
  width: 100%;
  height: 50px;
  padding-top: 15px;
  font-size: 1.7rem;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.nav--first-level-link:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  height: 0;
  width: 100%;
  background: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.nav--first-level-link:visited {
  color: #fff;
}
.nav--first-level-link span {
  border-left: 2px solid #fff;
  border-right: 0;
  display: block;
  -webkit-transition: border 0.3s ease;
  transition: border 0.3s ease;
}
.nav--first-level-item:last-child .nav--first-level-link span,
.nav--first-level-item + li + li + li + li .nav--first-level-link span {
  border-right: 2px solid #fff;
}
.nav--second-level {
  position: absolute;
  left: 0;
  z-index: 2;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  background: rgba(255, 255, 255, 0.9);
  padding: 0;
  -webkit-box-shadow: 0 2px 4px rgba(109, 110, 113, 0.5);
  box-shadow: 0 2px 4px rgba(109, 110, 113, 0.5);
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.nav--second-level-item {
  display: inline-block;
  vertical-align: top;
  width: 33.3333%;
  margin-bottom: 20px;
  padding: 0 20px;
}
.nav--second-level-link {
  font-weight: bold;
  text-transform: uppercase;
  color: #e5002d;
}
.nav--second-level-link:visited {
  color: #e5002d;
}
.nav--third-level-item {
  position: relative;
  padding-left: 12px;
}
.nav--third-level-item:before {
  content: ">";
  position: absolute;
  left: 0;
  color: #e5002d;
}
.nav--third-level-link {
  color: #6d6e71;
}
.nav--third-level-link:hover,
.nav--third-level-link:focus,
.nav--third-level-link:visited:hover {
  color: #e5002d;
}
.nav--third-level-link:visited {
  color: #6d6e71;
}
/* NAV SECONDARY */.nav-secondary {
  background: #f3f3f4;
  border-bottom: 1px solid #10b8cd;
}
.nav-secondary--first-level-item {
  display: none;
}
.nav-secondary--first-level-item.active {
  display: block;
}
.nav-secondary--first-level-link {
  display: block;
  cursor: default;
  background: #10b8cd;
  padding: 5px 0 2px 15px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  text-transform: uppercase;
}
.nav-secondary--first-level-link:visited,
.nav-secondary--first-level-link:hover,
.nav-secondary--first-level-link:focus {
  color: #fff;
}
.nav-secondary--second-level-item label{
  display: inline;
}
.nav-secondary--second-level-item input{
  margin-left: -15px;
}
.nav-secondary--second-level-item.active > a {
  color: #10b8cd;
  cursor: default;
}
.nav-secondary--second-level-item.active > a:hover {
  color: #10b8cd;
}
.nav-secondary--second-level-link {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  color: #6d6e71;
}
.nav-secondary--second-level-link:hover {
  color: #10b8cd;
}
.nav-secondary--second-level-link:visited {
  color: #6d6e71;
}
.nav-secondary--third-level-link {
  position: relative;
  display: block;
  padding-left: 12px;
  line-height: 1.4;
  color: #6d6e71;
}
.nav-secondary--third-level-link:before {
  content: ">";
  padding-right: 5px;
  color: #6d6e71;
  position: absolute;
  left: 0;
}
.nav-secondary--third-level-link:hover:before {
  color: #10b8cd;
}
.nav-secondary--third-level-link:visited {
  color: #6d6e71;
}
.nav-secondary--third-level-link:visited:hover {
  color: #10b8cd;
}
.nav-secondary--third-level-item.active > a {
  color: #10b8cd;
  font-weight: bold;
}
.nav-secondary--third-level-item.active > a:before {
  color: #10b8cd;
  font-weight: bold;
}
.nav-secondary--fourth-level {
  display: none;
}
.nav-secondary--fourth-level-item:active > a {
  color: #e5002d;
}
/* NAV Puy du fou Variante  */.nav-secondary_puy-du-fou {
  border-bottom: 1px solid #6d6e71;
}
.nav-secondary_puy-du-fou .nav-secondary--first-level-link {
  display: none;
}
.nav-secondary_puy-du-fou .nav-secondary--second-level {
  padding-left: 0;
  padding-right: 0;
}
.nav-secondary_puy-du-fou .nav-secondary--second-level-item {
  display: none;
  padding-bottom: 0;
  padding-top: 0;
}
.nav-secondary_puy-du-fou .nav-secondary--second-level-item.active {
  display: block;
}
.nav-secondary_puy-du-fou .nav-secondary--second-level-item.active > a {
  color: #FFF;
  background: #6d6e71;
}
.nav-secondary_puy-du-fou .nav-secondary--second-level-item.active > a:hover {
  background: #6d6e71;
  color: #FFF;
}
.nav-secondary_puy-du-fou .nav-secondary--second-level-link {
  display: block;
  padding: 5px 0 2px 15px;
  color: #FFF;
  font-size: 1.8rem;
  font-weight: bold;
  text-transform: uppercase;
  cursor: default;
  color: #6d6e71;
}
.nav-secondary_puy-du-fou .nav-secondary--third-level {
  padding-left: 15px;
  padding-right: 5px;
}
.nav-secondary_puy-du-fou .nav-secondary--third-level-item {
  padding-bottom: 10px;
  padding-top: 10px;
}
.nav-secondary_puy-du-fou .nav-secondary--third-level-item > a:hover {
  color: #e5002d;
}
.nav-secondary_puy-du-fou .nav-secondary--third-level-item.active > a {
  color: #e5002d;
}
.nav-secondary_puy-du-fou .nav-secondary--third-level-link {
  padding-left: 0;
  text-transform: uppercase;
  font-weight: bold;
}
.nav-secondary_puy-du-fou .nav-secondary--third-level-link:before {
  display: none;
}
.nav-secondary_puy-du-fou .nav-secondary--fourth-level {
  display: block;
}
.nav-secondary_puy-du-fou .nav-secondary--fourth-level-link {
  position: relative;
  display: block;
  padding-left: 12px;
  line-height: 1.4;
  color: #6d6e71;
}
.nav-secondary_puy-du-fou .nav-secondary--fourth-level-link:visited {
  color: #6d6e71;
}
.nav-secondary_puy-du-fou .nav-secondary--fourth-level-link:before {
  content: ">";
  padding-right: 5px;
  color: #6d6e71;
  position: absolute;
  left: 0;
}
.nav-secondary_puy-du-fou .nav-secondary--fourth-level-link:hover:before {
  color: #e5002d;
}
.nav-secondary_puy-du-fou .nav-secondary--fourth-level-item.active > a {
  color: #e5002d;
  font-weight: bold;
}
.nav-secondary_puy-du-fou .nav-secondary--fourth-level-item.active > a:visited {
  color: #e5002d;
}
.nav-secondary_puy-du-fou .nav-secondary--fourth-level-item.active > a:before {
  color: #e5002d;
  font-weight: bold;
}
/* NAV ZOOM SUR */.nav_zoom-sur {
  background: #f3f3f4;
  display: inline-block;
  margin-bottom: 30px;
  /* note : on supprime / masque la bordure du frère au survol / à l'état actif */
}
.nav_zoom-sur .nav--first-level {
  display: block;
}
.nav_zoom-sur .nav--first-level-item {
  height: auto;
  display: inline-block;
}
.nav_zoom-sur .nav--first-level-item.active .nav--first-level-link {
  color: #fff;
  font-weight: bold;
  background: #10b8cd;
}
.nav_zoom-sur .nav--first-level-item:hover .nav--first-level-link {
  height: auto;
  color: #fff;
  background: #e5002d;
}
.nav_zoom-sur .nav--first-level-item:hover .nav--first-level-link span {
  border-left-color: #e5002d;
}
.nav_zoom-sur .nav--first-level-link {
  height: auto;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  color: #6d6e71;
  padding-bottom: 5px;
  padding-top: 5px;
}
.nav_zoom-sur .nav--first-level-link span {
  padding-left: 16px;
  padding-right: 16px;
}
.nav_zoom-sur .nav--first-level-link:after {
  background: none;
}
.nav_zoom-sur .nav--first-level-item .nav--first-level-link span {
  border-left: 2px solid #10b8cd;
  border-right: 0;
  -webkit-transition: border 0.3s;
  transition: border 0.3s;
}

.nav_zoom-sur .nav--first-level-item:hover + .nav--first-level-item .nav--first-level-link span,
.nav_zoom-sur .nav--first-level-item.active + .nav--first-level-item .nav--first-level-link span,
.nav_zoom-sur .nav--first-level-item:first-child .nav--first-level-link span{
  border-left: 2px solid rgba(255, 255, 255, 0) !important;
}
/* PAGER */.pager {
  margin-top: 25px;
  padding-bottom: 15px;
  padding-top: 15px;
  text-align: center;
}
.pager a {
  position: relative;
  padding: 10px 14px;
  background: transparent;
  border: 1px solid #10b8cd;
  color: #10b8cd;
  text-decoration: none;
  margin-left: 2px;
  margin-right: 2px;
}
.pager a:hover {
  color: #E5002D!important;
  border-color: #e5002d;
}
.pager a:hover:before {
  border-left-color: #e5002d;
  border-right-color: #e5002d;
}
.pager a.pager_current_page, .pager a.pager_active_page {
  cursor: default;
  color: #e7e7e8;
  border-color: #e7e7e8;
}
.pager_secondary {
  padding-bottom: 0;
  padding-top: 0;
  min-height: 40px;
}
.pager_secondary a {
  font-weight: bold;
  text-transform: uppercase;
  width: 125px;
  position: relative;
  padding-left: 28px;
  padding-right: 5px;
  display: block;
  margin: 0;
  min-width: 130px;
}
.pager_secondary a:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 13px;
  left: 10px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 10px solid #10b8cd;
}
.pager_secondary li {
  float: left;
}
.pager_secondary li + li {
  float: right;
}
.pager_secondary li + li a {
  padding-right: 28px;
  padding-left: 5px;
}
.pager_secondary li + li a:before {
  left: auto;
  right: 10px;
  border-right-color: transparent;
  border-right-width: 0;
  border-left: 10px solid #10b8cd;
}
.pager_secondary .disabled a {
  cursor: default;
  color: #e7e7e8;
  border-color: #e7e7e8;
}
.pager_secondary .disabled a:before {
  border-right-color: #e7e7e8;
  border-left-color: #e7e7e8;
}
/*  --------------------
  ==@navigation
  -------------------- */@media (max-width: 980px) {
  #volet {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    padding: 0;
    display: block;
    width: 300px;
    z-index: 4;
    overflow-y: scroll;
    background: #e7e7e8;
    -webkit-transform: translate(-300px, 0);
    -ms-transform: translate(-300px, 0);
    transform: translate(-300px, 0);
    -webkit-box-shadow: 0 2px 4px rgba(109, 110, 113, 0.5);
    box-shadow: 0 2px 4px rgba(109, 110, 113, 0.5);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .is-mobile-nav-open #volet {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .nav-primary {
    clear: both;
    padding: 10px;
  }
  .nav--first-level {
    display: block;
  }
  .nav--first-level-item {
    display: block;
    height: auto;
    margin-bottom: 10px;
  }
  .nav--first-level-item:hover .nav--second-level {
    width: 0;
    height: 0;
    opacity: 0;
    padding: 0 10px;
  }
  .nav--first-level-item:hover .nav--first-level-link {
    height: auto;
  }
  .nav--first-level-link {
    overflow: hidden;
    background: #fff;
    color: #e5002d;
    height: auto;
    padding: 10px 35px 10px 15px;
    text-align: left;
  }
  .nav--first-level-link:before {
    content: "";
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 1;
    border-width: 7px;
    border-style: solid;
    border-left-color: #e5002d;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
  }
  .nav--first-level-link:after {
    background: #e5002d;
    height: 100%;
    width: 0;
  }
  .nav--first-level-link:visited {
    color: #e5002d;
  }
  .nav--first-level-item:first-child .nav--first-level-link span,
  .nav--first-level-link span {
    border: 0;
  }
  .nav--second-level {
    position: static;
    opacity: 1;
    width: 100%;
    height: 0;
    padding: 0 10px;
  }
  .nav--second-level-item {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
  }
  .nav--second-level-item:first-child {
    margin-top: 10px;
  }
  .nav--second-level-link {
    position: relative;
    width: 100%;
    display: block;
    padding-left: 15px;
    padding: 10px 25px 10px 10px;
  }
  .nav--second-level-link span {
    position: relative;
    z-index: 1;
  }
  .nav--second-level-link:before {
    content: "";
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 1;
    border-width: 7px;
    border-style: solid;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
  }
  .nav--second-level-link:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #6d6e71;
    width: 0;
    height: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .nav--third-level {
    height: 0;
    overflow: hidden;
    padding-left: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .nav--third-level-item {
    margin-bottom: 5px;
  }
  .nav--third-level-item:before {
    display: none;
  }
  .is-first-level-open .nav--first-level-link {
    height: auto;
    color: #fff;
  }
  .is-first-level-open .nav--first-level-link:before {
    top: 16px;
    border-top-color: #FFF;
    border-left-color: transparent;
  }
  .is-first-level-open .nav--first-level-link:after {
    width: 100%;
  }
  .is-first-level-open .nav--second-level {
    height: auto;
  }
  .is-first-level-open:hover .nav--first-level-link {
    color: #fff;
  }
  .is-first-level-open:hover .nav--second-level {
    width: 100%;
    height: auto;
    opacity: 1;
  }
  .is-second-level-close .nav--second-level-link:before {
    border-left-color: #e5002d;
  }
  .is-second-level-open {
    border: 1px solid #6d6e71;
  }
  .is-second-level-open .nav--second-level-link {
    color: #fff;
  }
  .is-second-level-open .nav--second-level-link:after {
    width: 100%;
  }
  .is-second-level-open .nav--second-level-link:before {
    top: 16px;
    border-top-color: #FFF;
    border-left-color: transparent;
  }
  .is-second-level-open .nav--third-level {
    height: 100%;
    margin-top: 10px;
    padding-bottom: 10px;
  }
  .nav_zoom-sur {
    width: 100%;
  }
  .nav_zoom-sur .nav--first-level {
    display: table;
    width: 100%;
  }
  .nav_zoom-sur .nav--first-level-item {
    display: table-cell;
    margin-bottom: 0;
  }
  .nav_zoom-sur .nav--first-level-link {
    background: none;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
  .nav_zoom-sur .nav--first-level-link:visited {
    color: #6d6e71;
  }
  .nav_zoom-sur .nav--first-level-link:before {
    border: 0;
  }
}
@media (max-width: 768px) {
  .pager_secondary li + li {
    border-left: 0;
  }
}
@media (max-width: 640px) {
  .nav_zoom-sur .nav--first-level {
    display: block;
  }
  .nav_zoom-sur .nav--first-level-item {
    display: block;
    border-bottom: 2px solid #fff;
  }
  .nav_zoom-sur .nav--first-level-item .nav--first-level-link span {
    border-left: 2px solid rgba(0, 0, 0, 0) !important;
    text-align: center;
  }
  .map{
    height: 242px!important;
    margin-bottom: 0;
  }
  /*.map > div{
    height: 242px!important;
  }*/
  .widget-map .map, .prod--map_ot .map { height: auto!important; } /* Julien "WTF" S. 02/10/14 */

  /*.pager a[title="Premier"], .pager a[title="Dernier"]{
    display: none;
  }*/
  .pager a{
    padding: 5px 10px;
  }
}
/*  --------------------
  == theme 01
  -------------------- */
.theme-01--slider {
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.theme-01--intro p {
  font-size: 1.1428571428571428em;
  text-align: justify;
}
.theme-01--desc h2 {
  color: #10b8cd;
}
.theme-01--desc p {
  text-align: justify;
}
.theme-01--mw650 {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}
/*
    .theme-01--desc_answer{
      h2{
        margin-top: 1em;
      }
      p{
        margin-top: 0.4em;
        em{
          position: relative;
          display: block;
          padding-left: 40px;
          padding-right:0;
          &:after{
            content: "+";
            font-size: 3rem;
            position: absolute;
            left: 10px;
            top: -0.2em;
            color: #E6E6E6;
            .transition(all 0.7s ease-in-out);
          }
          &:hover:after{
            color: @red;
            -webkit-text-shadow: 3px 3px 0 fade(@txtcolor, 20%);
            text-shadow: 3px 3px 0 fade(@txtcolor, 20%);
          }
        }
      }
    }
    */.theme-01--link a {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding-top: 9px;
  padding-bottom: 8px;
  padding-left: 20px;
  padding-right: 20px;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 0.9;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff!important;
  text-decoration: none;
  text-transform: uppercase;
  text-align: left;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding-left: 30px;
  text-transform: none;
  font-size: 1em;
}
.theme-01--link a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #aa001d;
  background: -webkit-gradient(linear, left top, right top, from(#aa001d), to(#e5002d));
  background: -webkit-linear-gradient(left, #aa001d, #e5002d);
  background: -moz-linear-gradient(left, #aa001d, #e5002d);
  background: -ms-linear-gradient(left, #aa001d, #e5002d);
  background: -o-linear-gradient(left, #aa001d, #e5002d);
  background: linear-gradient(to right, #aa001d, #e5002d);
  z-index: -1;
}
.theme-01--link a:hover {
  color: #fff!important;
  background: #e5002d !important;
  text-decoration: none;
}
.theme-01--link a:visited {
  color: #fff!important;
}
.theme-01--link a:before {
  content: "";
  position: absolute;
  left: 13px;
  width: 0;
  height: 0;
  margin-top: 2px;
  border-left: 7px solid #fff;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
.theme-01--desc2 h2 {
  color: #e5002d;
}
.theme-01--video h2 {
  color: #e5002d;
  font-size: 1em;
  text-transform: uppercase;
}
.theme-01--video iframe {
  max-width: 100%;
}
.theme-01--complementary > *:first-child {
  margin-top: 0;
}
.theme-01--more {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.theme-01--more > * {
  display: table-cell;
  vertical-align: top;
  color: #10b8cd;
}
.theme-01--more figure{
  width: 155px;
}
.theme-01--map .map > div {
  width: 100%!important;
  height: 315px!important;
}
@media (max-width: 640px) {
  .theme-01--slider .slider--desc{
    font-size: 1.2rem;
  }
  .theme-01--more{
    margin-bottom: 35px;
    display:block;
  }
  .theme-01--more *{
    display:block;
    margin:10px 0 0 0;
  }
}
@media (max-width: 500px) {
  .theme-01--map .map > div{
    height: 220px!important;
  }
  .theme-01--link a{
    width: 100%;
  }
}
/*  --------------------
  == theme 02 (utilisé par les zoom sur)
  -------------------- */.theme-02 {
  /* gestion de fck editor A PRECISER POUR LES ZONES DE TEXTE !!!!!!!!!!!!!!!!!!!!!!!!!!!! */
}
.theme-02 h2 {
  color: #10b8cd;
  font-size: 1.2142857142857142em;
}
.theme-02--header .article--title,
.js-theme-02--header .article--title,
.theme-02--header .section--title,
.js-theme-02--header .section--title {
  line-height: 1.2;
  text-transform: uppercase !important;
  color: #e5002d !important;
  font-size: 2.5rem !important;
}
/* Images dans les zones de contenus marges (surtout en float) */.theme-02--content img {
  margin-right: 20px;
  margin-bottom: 15px;
}
.theme-02--content h2 a{
  font-weight: bold;
}
/*  --------------------
  == theme 03 (par puy du fou et groupes)
  -------------------- */.theme-03 {
  /* gestion de fck editor A PRECISER POUR LES ZONES DE TEXTE !!!!!!!!!!!!!!!!!!!!!!!!!!!! */
}
.theme-03 h2 {
  color: #e5002d;
  font-size: 1.314286em;
}
.theme-03--header .article--title,
.js-theme-03--header .article--title,
.theme-03--header .section--title,
.js-theme-03--header .section--title {
  line-height: 1.2;
  text-transform: uppercase !important;
  color: #e5002d !important;
  font-size: 2.5rem !important;
}
.theme-03--resa {
  margin-bottom: 1px;
}
.theme-03--resa-online{
  background-color: #E5002D;
  background-image: url('/images/resa-ligne-pdf.jpg');
  background-repeat: repeat-y;
  background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  min-height: 75px;
  padding: 10px 3px 3px 15px;
  margin-top: 20px;
}
  .theme-03--resa-online h2{
    text-transform: uppercase;
    color: #fff;
  }
  .theme-03--resa-online p{
    margin-top: 0;
    color: #fff;
  }
  .theme-03--resa-online a, .theme-03--resa-online a:hover, .theme-03--resa-online a:visited, .theme-03--resa-online a:hover:visited{
    text-transform: uppercase;
    text-decoration: none;
    padding-left: 10px;
    position: relative;
    color: #fff;
    font-size: 13px;
    margin-top: 3px;
    display: block;
  }
  .theme-03--resa-online a:before{
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 0;
    height: 0;
    border-left: 7px solid #fff;
    border-top: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid rgba(0, 0, 0, 0);
  }
.theme-03--resa,
.theme-03--map,
.theme-03--resa-online {
  max-width: 250px;
}
.theme-03--resa .button,
.theme-03--map .button,
.theme-03--pratique .button {
  padding-right: 7px;
  padding-left: 20px;
}
.theme-03--resa .button:before,
.theme-03--map .button:before,
.theme-03--pratique .button:before {
  left: 8px;
}
/* Encore un cas spécifique */
/*.le_grand_noel_du_puys_du_fou .theme-03--intro {
  width: 100%;
}*/
.le_grand_noel_du_puys_du_fou .theme-03--resa {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  clip: rect(1px 1px 1px 1px);
  /* IE7 et inf */

  clip: rect(1px, 1px, 1px, 1px);
}
.le_grand_noel_du_puys_du_fou .theme-03--resa-online, .billetterie_puys_du_fou .theme-03--resa-online{
  margin-top: 0;
}
.theme-03--pratique > div {
  background: #f3f3f4;
  /*min-height: 290px;*/ /* Julien "WTF" S. 26/09/14 */
}
.theme-03--pratique h2 {
  text-transform: uppercase;
}
.theme-03--pratique p {
  margin-top: 0.57em;
  text-align: justify;
}
.theme-03--slider {
  position: relative;
  width: 100%;
  max-width: 473px;
}
.theme-03--rent-slider {
  position: relative;
  width: 100%;
  max-width: 360px;
}
.theme-03--rent-slider .slider--desc {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  clip: rect(1px 1px 1px 1px);
  /* IE7 et inf */

  clip: rect(1px, 1px, 1px, 1px);
}
.theme-03--intro p {
  text-align: justify;
}
.theme-03--desc p {
  text-align: justify;
}
.theme-03--desc img {
  margin-right: 15px;
  margin-bottom: 10px;
}
.theme-03--header-spec {
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom-color: #e5002d;
}
.theme-03--header-spec .article--title {
  font-size: 1.3em!important;
  text-transform: uppercase;
}
.theme-03--show {
  border-bottom: 0!important;
}
.theme-03--show .multi--title_list {
  color: #e5002d;
  font-size: 1.2em;
  text-transform: uppercase;
}
.theme-03--show p {
  margin-top: 0;
  text-align: justify; /* Julien "WTF" S. 01/10/14 */
}
.theme-03--show .multi--details:first-child {
  width: 100%;
  padding-left: 0;
}
.theme-03--rent-item {
  width: 48%;
  margin-left: 4%;
  background: #f3f3f4;
}
.theme-03--rent-item:nth-child(2n+1) {
  margin-left: 0;
  clear: both;
}
.theme-03--rent-title {
  color: #6d6e71 !important;
  text-transform: uppercase;
  min-height: 32px;
  line-height: 0.9em;
}
.theme-03--rent-new {
  padding-top: 12px;
  color: #e5002d;
}
.theme-03--rent-price {
  background: #b2b3b6;
  font-size: 1.1rem;
  color: #fff;
  padding: 3px 10px 2px;
}
.theme-03--rent-price strong {
  font-weight: bold;
  font-size: 1.75rem;
}
.theme-03--rent-price-a {
  font-size: 1.8rem;
  padding: 8px 0 8px;
}
.theme-03--rent-price-a strong {
  font-size: 2.2rem;
}
.theme-03--rent-header-formule {
  font-size: 0.9285714285714286em;
}
.theme-03--rent-link {
  position: relative;
  color: #e5002d !important;
  padding-left: 10px;
}
.theme-03--rent-link:visited {
  color: #e5002d;
}
.theme-03--rent-link:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 0;
  height: 0;
  margin-top: 2px;
  border-left: 7px solid #e5002d;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
.theme-03--rent-desc {
  min-height: 120px;
}
.page_groupes .theme-03--rent-desc {
  min-height: 230px;
}
.theme-03--rent-desc p {
  text-align: justify;
}
.theme-03--rent-formules {
  background: #fff;
  border: 1px solid #b2b3b6;
}
.theme-03--rent-formules-title {
  font-size: 1.1428571428571428em;
  background: #b2b3b6;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}
.theme-03--rent-resa {
  background: #fff;
}
.theme-03--billet-title {
  border-bottom: 1px solid #e5002d;
  text-transform: uppercase;
}
.theme-03--billet {
  background: #f3f3f4;
  border-bottom: 0!important;
  padding-top: 0!important;
  padding-bottom: 0!important;
}
.theme-03--billet h3 {
  color: #e5002d;
  text-transform: uppercase;
}
.theme-03--billet h3 + * {
  margin-top: 0;
}
.theme-03--billet-img {
  width: 26.6%!important;
}
.theme-03--billet-details {
  width: 73.4%!important;
}
.theme-03--billet-details > div:first-child {
  width: 69.3%;
}
.theme-03--billet-resa {
  width: 30.7%;
}
.theme-03--billet-resa .button {
  width: 100%;
}
.theme-03--sublevel-item {
  width: 30.66666666666667%;
  margin-left: 4%;
}
.theme-03--sublevel-item:first-child,
.theme-03--sublevel-item:nth-child(3n+1) {
  margin-left: 0;
  clear: both;
}
.theme-03--sublevel-item > div {
  background: #f3f3f4;
}
.theme-03--sublevel-item h2 {
  font-size: 1.2em;
  color: #10b8cd;
}
.theme-03--sublevel-item .button {
  padding-right: 10px;
}
.theme-03--sublevel-title {
  color: #e5002d;
  text-transform: uppercase;
}
.theme-03--sublevel-desc {
  min-height: 65px;
}
/* Annuaire groupes */.multi-directory .section--header {
  margin-bottom: 10px;
}
.multi-directory .button_resa {
  background: #fff;
}
.multi-directory .button_resa:hover {
  background: #fff;
}
.multi-directory .pager{
  margin-top: 0;
}
.theme-03--groupes-item {
  margin-top: 15px;
  background: transparent;
  padding-bottom: 15px!important;
  border-bottom: 1px solid #BCBDC0!important;
}
.theme-03--groupes-item > div {
  background: #F3F3F4;
}
.theme-03--groupes-item .button_more,
.theme-03--groupes-item-pf .button_more {
  padding-right: 5px;
  font-size: 0.9285714285714286em;
  background: #fff;
  line-height: 1;
}
.theme-03--groupes-item .button_more:hover,
.theme-03--groupes-item-pf .button_more:hover {
  background: #fff;
}
.theme-03--directory-title {
  text-transform: uppercase;
  color: #10b8cd;
  font-size: 1.2143em;
  line-height: 1.2;
  font-weight: bold;
}
.theme-03--directory-desc br {
  display: none;
}
.groupes-detail h2 {
  color: #10b8cd;
}
.groupes_menu {
  border: 1px solid #e7e7e8;
}
.groupes_menu strong {
  color: #10b8cd;
}
.album_groupes {
  background: #f3f3f4;
}
.album_groupes .ico_up {
  background-position: 27px -177px;
  background-size: 57px;
  top: 0;
}
.album_groupes .ico_down {
  background-position: 27px -212px;
  background-size: 57px;
  bottom: 0;
}
.album_groupes--visually {
  width: 75.54347826086957%;
  margin-top: 35px;
  min-height: 257px;
}
.album_groupes--carousel {
  width: 24.45652173913043%;
  position: relative;
  padding-top: 35px;
  padding-bottom: 35px;
}
.album_groupes--carousel .caroufredsel_wrapper,
.album_groupes--carousel .list_field_14 {
  height: 213px!important;
  width: 100%!important;
}
.list_field_14 > div {
  height: 70px;
  margin-bottom: 2px;
  transition: all 0.3s ease-in-out;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
}
/*  Recherche sur Annuaire */.directory-searchs-content .section--header {
  margin-bottom: 10px;
}
.directory-secteur-list label {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  clip: rect(1px 1px 1px 1px);
  /* IE7 et inf */

  clip: rect(1px, 1px, 1px, 1px);
}
.directory-secteur-list select {
  background: #FFF;
  border: 1px solid #e7e7e8;
  border-radius: 0;
  height: 30px;
}
/*  --------------------
  == @theme 03
  -------------------- */
  @media (max-width: 768px) {
  .theme-03--resa,
  .theme-03--map,
  .theme-03--slider,
  .theme-03--pratique,
  .theme-03--resa-online {
    margin-left: auto!important;
    margin-right: auto!important;
    /*margin-top: 20px;*/
    margin-top: 20px!important; /* Julien "WTF" S. 26/09/14 */
  }
  .grid-article-rightcol{
    /*margin-top: 20px;*/
    margin-top:0; /* Julien "WTF" S. 25/09/14 */
  }
  .page_groupes .theme-03--slider{
    margin-top: 0;
  }
  .album_groupes .ico_up {
    background-position: 60px -177px;
  }
  .album_groupes .ico_down {
    background-position: 60px -212px;
  }
  .theme-03--pratique {
    /*max-width: 473px;*/ /* Julien "WTF" S. 01/10/14 */
    min-height: 0;
  }
  .theme-03--pratique .button {
    padding-left: 30px;
  }
  .theme-03--billet-img {
    vertical-align: middle!important;
  }
  .theme-03--rent-price-a{
    margin-top: 20px;
  }

  .theme-03--resa,
  .theme-03--map,
  .theme-03--resa-online {
    max-width: none; /* Julien "WTF" S. 02/10/14 */
  }
  .theme-03--pratique{
    max-width: 473px;
  }
}
@media (max-width: 640px) {
  .theme-03--billet-img {
    margin-top: 10px!important;
    width: 100%!important;
    padding-left: 10px;
    padding-right: 10px;
  }
  .theme-03--billet-details {
    width: 100%!important;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px!important;
    padding-right: 10px;
  }
  .theme-03--sublevel-item {
    width: 47.5%;
    margin-left: 5%;
  }
  .theme-03--sublevel-item:first-child,
  .theme-03--sublevel-item:nth-child(3n+1) {
    margin-left: 5%;
    clear: none;
  }
  .theme-03--sublevel-item:first-child,
  .theme-03--sublevel-item:nth-child(2n+1) {
    margin-left: 0;
    clear: both;
  }
  .theme-03--billet-details > div:first-child {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .theme-03--billet-resa {
    width: 100%;
    margin-top: 10px;
    max-width: 160px;
    display: block;
  }
}
@media (max-width: 600px) {
    .album_groupes .ico_up {
  background-position: 45px -177px;
  }
  .album_groupes .ico_down {
  background-position: 45px -212px;
  }
  .theme-03--rent-header-formule, .theme-03--rent-header-formule + div{
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  .theme-03--rent-item .button_more{
    width: 100%;
  }
}
@media (max-width: 565px) {
    .album_groupes .ico_up {
  background-position: 45px -177px;
  }
  .album_groupes .ico_down {
  background-position: 45px -212px;
  }
}
@media (max-width: 480px) {
  .theme-03--rent-item {
    width: 100%;
    margin-left: 0;
  }
    .album_groupes .ico_up {
  background-position: 30px -177px;
  }
  .album_groupes .ico_down {
  background-position: 30px -212px;
  }
}
@media (max-width: 460px) {
  .theme-03--desc img {
    margin-right: 0;
    margin-bottom: 10px;
    float: none!important;
  }

  /* BEGIN Julien "WTF" S. 26/09/14 */
  .theme-03--sublevel-desc, .theme-03--rent-desc, .theme-03--rent-title { min-height: inherit; }
  .theme-03--rent-item { margin-bottom: 0; }
  .theme-03--rent-new { width: auto; padding-top:0; }
  /* END Julien "WTF" S. 26/09/14 */

  .theme-03--sublevel-item {
    width: 100%;
    margin-left: 0;
    float: none;
  }
  .theme-03--sublevel-item:first-child,
  .theme-03--sublevel-item:nth-child(3n+1) {
    margin-left: 0;
  }
  .album_groupes {
    position: relative;
  }
  .album_groupes--visually {
    text-align: center;
    width: 100%;
    padding-right: 0;
    margin-top: 15px;
  }
  .album_groupes--visually-infos {
    text-align: left;
  }
  .album_groupes--carousel {
    padding: 0;
    width: 100%;
    position: static;
  }
  .album_groupes--carousel-container {
    position: absolute;
    overflow: hidden;
    height: 1px;
    width: 1px;
    clip: rect(1px 1px 1px 1px);
    /* IE7 et inf */

    clip: rect(1px, 1px, 1px, 1px);
  }
  .album_groupes .ico_up {
    background-position: 0 -177px;
    width: 45px;
    height: 30px;
    left: 0;
  }
  .album_groupes .ico_down {
    background-position: 0 -222px;
    width: 45px;
    height: 30px;
    right: 3px;
  }
}
@media (max-width: 320px) {
  .album_groupes--visually {
    min-height: 223px;
  }
}
/*  --------------------
  ==multi
  -------------------- */
.multi--item a {
  text-decoration: none;
}
.multi--item a:hover {
  color: #6d6e71;
}
.multi--item a:hover h1 {
  color: #e5002d;
}
.multi--item a:visited {
  text-decoration: none;
  color: #6d6e71;
}

.multi--title {
  color: #10b8cd;
  font-size: 1.7rem;
  text-transform: none;
}
.multi--img {
  margin: 0;
}
/*  --------------------
  ==publications
  -------------------- *//* Ici les type de publications de E-majine : Article en bloc, multi-articles, actualités, evenements, ... *//* NEWS */.multi--container_news {
  padding-top: 10px;
}
.multi--item_news {
  border-bottom: 1px solid #e7e7e8;
}
.multi--title_news {
  text-transform: uppercase;
}
.multi--img_news {
  width: 26.7%;
}
.multi--img_news figure {
  max-height: 130px;
  overflow: hidden;
}
.multi--details_news {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 0;
  padding-top: 0;
  width: 74.5%;
  font-size: 1em;
}
.multi--details_news + * {
  width: 25.5%;
}
.multi--details_news-desc p {
  margin-top: 0;
}
.news--container h2 {
  font-size: 1em;
  color: #10b8cd;
  text-transform: uppercase;
}
.news--container ul {
  margin-top: 0;
  padding-left: 0;
  list-style-position: inside;
}
.news--container li {
  margin-top: 1.2em;
}
.news--container .intext_left {
  margin-right: 30px;
}
.news--container .intext_left + .code_html {
  margin-top: 10px;
}
.news--container .intext_left + .code_html p {
  color: #10b8cd;
}
.news--intro {
  font-weight: bold;
}
.back-actus a, .back-actus a:hover, .back-actus a:visited{
  color: #fff;
  text-decoration: none;
}
/*  --------------------
  ==@publications
  -------------------- */

/* BEGIN Julien "WTF" S. 01/10/14 */
@media (max-width: 980px) {

  .multi--details_news {
    padding:0 0 0 10px;
    margin: 0 5%;
    width:auto;
  }
  .multi--details_news + div {
    width: auto;
    margin:5px 0 0 5%;
  }

}
@media (max-width: 570px) { /* non mais ... ? */

  .multi--details_news {
    margin: 0;
  }
  .multi--details_news + div {
    margin-left:0;
  }
  .multi--img_news{
    height: auto;
  }
  .multi--img_news figure{
    max-height: none;
    height: auto;
  }

}
/* END Julien "WTF" S. 01/10/14 */

@media (max-width: 480px) {
  .multi--img_news {
    /*max-height: 150px;*/
  }
  .multi--details_news {
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
    width: 100%;
  }
  .multi--details_news + div {
    width: 100%;
    display: block;
  }
}
/*  --------------------
  ==summary
  -------------------- *//* LISTE */.multi--header-desc_list {
  font-size: 1.6rem;
}
/*.tmpl-event .multi--header-desc_list {font-size: 1.7rem;} *//*dorine 11/03/16*/
.multi--item_list {
  border-bottom: 1px solid #bcbdc0;
  padding-top: 17px;
  padding-bottom: 17px;
  position: relative;
}
.map .multi--item_list { border:none; } /* Julien "WTF" S. 02/10/14 */
.multi--img_list {
  width: 32.93333333333333%;
}
.multi--details_list {
  width: 67.06666666666667%;
}

.more_bottom{
  position: absolute;
  right: 0;
  bottom: 17px;
}
.multi--title_list {
  /* font-size: 2.7rem; Modif support JB 20/03/2016 */
  font-size: 2.2rem;
  color: #10b8cd;
  text-transform: none;
}
  .multi--details_cat .multi--title_list a, .multi--details_cat .multi--title_list a:visited {
    color: #10b8cd;
  }
  .multi--item:hover .multi--title_list a{
    color: #e5002d;
  }
.multi--desc_list {
  text-align: justify;
  margin-top:5px; /* Julien "WTF" S. 30/09/14 */
}
.multi--desc_cat {
  margin-top: 0.8em;
}
/* LISTE ZOOM SUR */
.zoom_sur .multi--img_grid img{
  margin-top: -30px;
}

.multi--item_news-zoom-sur {
  /*padding-bottom: 30px;*/
  padding-bottom: 10px; /* Julien "WTF" S. 30/09/14 */
}
.multi--item_news-zoom-sur {
  padding-right: 0;
}
.multi--item_news-zoom-sur a, .multi--item_news-zoom-sur a:visited{
  color: #10B8CD;
}
.multi--item_news-zoom-sur a:hover{
  color: #10B8CD;
  text-decoration: underline;
}
.multi--item_news-zoom-sur .multi--details{
  margin-bottom: 0;
  margin-top: 20px;
}
.multi--header-desc_zoom-sur {
  font-size: 1em;
  font-weight: bold;
}
.multi--item_zoom-sur {
  padding-bottom: 25px;
}
.multi--link_zoom-sur {
  overflow: hidden;
  display: block;

}
.multi--details_zoom-sur{
    display: flex;
     width: 100%;
     padding-left: 0;
 }
.multi--details_zoom-sur .multi--flex-bottom {
  min-width: 187px;
  /* display: inline-block;
  vertical-align: bottom; */
  align-self: flex-end;
}
.multi--details_zoom-sur .multi--flex-top{
  width: 100%;
  padding-left: 0;
  padding-right: 30px;
  /* display: inline-block; */
  width: 71%;
}
.multi--details_zoom-sur .multi--title_zoom-sur{margin-bottom: 10px;}

.multi--details_events{
  width: 73.4%;
}
.multi--title_zoom-sur {
  font-size: 1.2em;
}
/* SPECIFIQUE A LA PAGE VENDEENS DE COEUR */.vendeens_de_coeur .multi--header-desc_list {
  margin-top: 10px!important;
}
.vendeens_de_coeur .multi--title_list {
  font-size: 2rem;
  line-height: 1;
}
/* GRID */.multi--item_grid {
  width: 30.61224489795918%;
  margin-left: 4.08163265306122%;
  margin-top: 15px;
  margin-bottom: 20px;
  position: relative;
}
.multi--item_grid:nth-child(3n+1) {
  margin-left: 0;
}
.multi--link_grid {
  display: block;
  position: relative;
  background: #fff;
  min-height: 304px;
   /*padding: 0; */
  padding: 10px;
  width: 100%;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  color: #6d6e71;
}
.multi--link_grid:hover,
.multi--link_grid:focus {
  position: relative;
  /*
      width: 106.5%;
      margin-left: -3.25%;
      padding: 10px;
      */
  -webkit-box-shadow: 0 0 10px rgba(109, 110, 113, 0.5);
  box-shadow: 0 0 10px rgba(109, 110, 113, 0.5);
}
.multi--link_grid:hover .multi--title_grid,
.multi--link_grid:focus .multi--title_grid {
  font-size: 2rem;
}
.multi--link_grid:visited {
  color: #6d6e71;
}
.multi--link_webcam {
  min-height: 0;
}
.multi--title_grid {
  color: #e5002d;
  font-size: 1.7rem;
  text-transform: uppercase;
  min-height: 36px;
  line-height: 0.9;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.multi--img_grid {
  text-align: center;
  max-height: 186px;
  overflow: hidden;
  margin-bottom: 10px;
}
/*  --------------------
  ==@summary
  -------------------- */
@media (max-width: 980px) {
  .multi--details_zoom-sur {
    padding-right: 10px;
    /*width: 63%;*/
  }

  .multi--link_grid { min-height: inherit; /* Julien "WTF" S. 30/09/14 */ }
  .multi--item_grid { margin-bottom:0; /* Julien "WTF" S. 30/09/14 */ }
}
@media (max-width: 768px) {
  .multi--item_grid {
    width: 47.32620320855615%;
    margin-left: 5.3475935828877%;
    position: relative;
  }
  .multi--item_grid:nth-child(3n-8) {
    margin-left: 5.3475935828877%;
  }
  .multi--item_grid:nth-child(2n-9) {
    margin-left: 0;
  }
  .multi--img_list {
    vertical-align: top;
  }
  .multi_zoom-sur {
    margin-bottom: 65px;
  }
  .multi--details_zoom-sur {
    /*width: 67%;*/
  }
  .multi--header-desc_list{
    font-size: 1.6rem;
  }
  .multi--link_grid { min-height: inherit; } /* Julien "WTF" S. 30/09/14 */
}
@media (max-width: 600px) {
  .multi--item_list {
    overflow: hidden;
  }
  .theme-02--content img{
    float: none!important;
  }
  .multi--item_zoom-sur .button{
    display: block;
float: none;
max-width: 200px;
  }
  .multi--details_zoom-sur {
    padding-right: 0;
    width: 100%;
    display: block;
  }
  .multi--details_zoom-sur .multi--flex-top{
      width: 100%;
     padding-right: 0px;
  }
  .multi--more {
    float: right;
    margin-top: 20px;
  }
}
@media (max-width: 570px) {

  .more_bottom {
    position: static;
  }
  .multi--item {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }
  .multi--details, .multi--details_events {
    width: 100%;
    padding: 0;
    display: block;
  }
  .multi--img_list {
    width: 100%;
  }
  .multi--img {
    text-align: left;
    vertical-align: top;
    margin-bottom: 10px;
    width: 100%;
    display: block;
  }

  .multi--title_grid{
    min-height: 10px;
    padding-bottom: 5px;
  }
  .multi--item_grid:nth-child(3n-8) {
    margin-left: 0;
    margin-bottom: 0;
  }
  .multi--item_grid:nth-child(2n-9) {
    margin-left: 0;
    margin-bottom: 0;
  }
  .multi--item_grid{
    margin-left: 0;
    margin-bottom: 0;
    margin-bottom: 0;
  }
  .multi--link_grid {
  min-height: 50px;
  padding-bottom: 0;
  }
  .multi--img_grid{
    margin-bottom: 0;
    max-height: auto;
  }
}
@media (max-width: 460px) {
  .multi--desc_cat { margin-top:0; } /* Julien "WTF" S. 29/09/14 */
}
@media (max-width: 460px) {



}
/*  --------------------
  ==actus
  -------------------- */.actus-intro {
  max-width: 100%!important;
}
.actus-intro p {
  font-size: 1.1428571428571428em;
}
/*  --------------------
  ==photos gallery
  -------------------- */.photos .content--img {
  margin-bottom: 20px;
}
.album--header {
  padding-bottom: 8px;
  border-bottom: 1px solid #6d6e71;
}
.album--header h1,
.album--header .h1-like {
  font-size: 2.5rem;
  color: #e5002d;
}
.album--container {
  background: #e7e7e8;
}
.album--counter {
  font-weight: normal;
  color: #10b8cd;
}
.album--visually {
  width: 75.54347826086957%;
  position: relative;
  min-height: 498px;
}
.album--visually-infos {
  font-size: 1.2142857142857142em;
}
.album--carousel {
  width: 24.45652173913043%;
  margin-bottom: 35px;
  position: relative;
}
.album--carousel-nav {
  width: 100%;
  height: 40px;
  background-color: transparent;
  opacity: 0.5;
  position: absolute;
  left: 0;
  right: 0;
}
.ico_up {
  background-position: center -233px;
  top: -50px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ico_up:hover {
  opacity: 1;
}
.ico_down {
  background-position: center -288px;
  bottom: -50px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ico_down:hover {
  opacity: 1;
}
.album--slider-nav.ico_next {
  right: 25px;
}
.nav-carousel:hover {
  opacity: 1;
}
.album--carousel .caroufredsel_wrapper,
.album--carousel .album--carousel-container {
  height: 445px!important;
  width: 100%!important;
}
.album--carousel-item {
  height: 142px;
  transition: all 0.3s ease-in-out;
  width: 100%;
  overflow: hidden;
  cursor: default;
}
.album--others-title {
  font-size: 1.2142857142857142em;
  color: #e5002d;
}
.album--others-item {
  margin-left: 3.06122448979592%;
  width: 22.70408163265306%;
}
.album--others-item:nth-child(4n+1),
.album--others-item:first-child {
  margin-left: 0;
}
.album--others-item a {
  text-decoration: none;
  color: #6d6e71;
}
.album--others-item a:visited {
  color: #6d6e71;
}
.album--others-item a:hover {
  color: #E5002D;
}
/*
.album--back{
  font-weight: normal;
  text-transform: none;
  .em(14);
}
*//*  --------------------
  ==@photos gallery
  -------------------- */@media (max-width: 768px) {
  .album--title {
    max-width: 76%;
  }
  .album--visually {
    min-height: 379px;
  }
  .album--carousel .caroufredsel_wrapper,
  .album--carousel .album--carousel-container {
    height: 328px!important;
  }
  .album--carousel-item {
    height: 103px;
  }
  .album--others-item {
    width: 31.29251700680272%;
  }
  .album--others-item:nth-child(4n+1),
  .album--others-item:first-child {
    margin-left: 3.06122448979592%;
  }
  .album--others-item:nth-child(3n+1),
  .album--others-item:first-child {
    margin-left: 0;
  }
}
@media (max-width: 640px) {
  .album--visually {
    min-height: 315px;
  }
  .album--carousel .caroufredsel_wrapper,
  .album--carousel .album--carousel-container {
    height: 264px!important;
  }
  .album--carousel-item {
    height: 81px;
  }
}
@media (max-width: 600px) {
  .album--visually {
    min-height: 316px;
  }
  .album--carousel .caroufredsel_wrapper,
  .album--carousel .album--carousel-container {
    height: 244px!important;
  }
  .album--carousel-item {
    height: 75px;
  }
  .ico_prev {
    /*top: 35%;*/ /* Julien "WTF" S. 01/10/14 */
    left: -10px;
  }
  .ico_next {
    /*top: 35%;*/ /* Julien "WTF" S. 01/10/14 */
    right: -10px;
  }
  .album--others-item {
    width: 45%;
    margin-left: 2.5%;
    margin-right: 2.5%;
  }
  .album--others-item:nth-child(4n+1),
  .album--others-item:first-child {
    margin-left: 2.5%;
  }
  .album--others-item:nth-child(3n+1),
  .album--others-item:first-child {
    margin-left: 2.5%;
  }
  .ico_up{
    background-position: 34px -230px;
  }
  .ico_down{
    background-position: 34px -288px;
  }
}
@media (max-width: 598px) {
  /*Dans le genre stupide!*/
  .ico_up{
    background-position: center -230px;
  }
  .ico_down{
    background-position: center -288px;
  }
}
@media (max-width: 480px) {
  .album--visually {
    min-height: 255px;
  }
  .album--carousel .caroufredsel_wrapper,
  .album--carousel .album--carousel-container {
    height: 184px!important;
  }
  .album--carousel-item {
    height: 55px;
  }
}
@media (max-width: 460px) {
  /*.album--visually {
    min-height: 337px;
  }*/
  .album--container {
    padding: 10px;
  }
  .album--title {
    max-width: 100%;
    margin-bottom: 10px;
  }
  .album--visually {
    width: 100%;
    padding: 0;
  }
  .album--visually-infos {
    margin-top: 5px;
  }
  .ico_prev {
    /*top: 37%;*/
    top: 45%; /* Julien "WTF" S. 29/09/14 */
  }
  .ico_next,
  .album--slider-nav.ico_next {
    right: 0;
    /*top: 37%;*/
    top: 45%; /* Julien "WTF" S. 29/09/14 */
  }
  .photos .album--slider-nav.ico_next, .photos .album--slider-nav.ico_prev{
    top: 35%;
  }
  .album--carousel .caroufredsel_wrapper,
  .album--carousel .album--carousel-container {
    height: 91px!important;
  }
  .album--carousel {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 0;
    position: relative;
  }
  .album--carousel-item {
    width: 50%;
    height: auto;
    padding: 5px;
    float: left;
    margin-bottom: 0;
  }
  .album--carousel-nav {
    top: 37%!important;
    bottom: auto;
  }
  .ico_up {
    -webkit-transform: rotate(-90deg) translate3d(0, 0, 0);
    /* accélération matérielle */
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 37px;
    height: 20px;
    background-position: 0 -136px;
    background-size: 115%;
    background-color: transparent;
    left: -30px;
  }
  .ico_down {
    -webkit-transform: rotate(-90deg) translate3d(0, 0, 0);
    /* accélération matérielle */
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 37px;
    height: 20px;
    background-position: 0 -168px;
    background-size: 115%;
    background-color: transparent;
    right: -30px;
    left: auto;
  }
  .album--others-item {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .album--others-item:nth-child(4n+1),
  .album--others-item:first-child {
    margin-left: 0;
  }
  .album--others-item:nth-child(3n+1),
  .album--others-item:first-child {
    margin-left: 0;
  }
}
@media (max-width: 320px) {
  .album--visually {
    min-height: 246px;
  }
}
/*  --------------------
  ==videos gallery
  -------------------- */.g-video--player {
  background: #e7e7e8;
}
.g-video--player iframe {
  max-width: 100%;
}
.g-video--playlist-title {
  font-size: 1.7rem;
  color: red;
}
.g-video--playlist-number{
  color: #6D6E71;
  font-weight: normal;
  margin-left: 5px;
  font-size: 0.8em;
}
.g-video--playlist-container {
  background: #e7e7e8;
  position: relative;
  padding:20px 50px; /* Julien "WTF" S. 30/09/14 */
}
.g-video--playlist-container .carousel-container {
  margin: 0 auto;
}
.g-video--playlist-container .ico_prev {
  top: 35%;
  /*left: 15px;*/ /* Julien "WTF" S. 30/09/14 */
}
.g-video--playlist-container .ico_next {
  top: 35%;
  /*right: 15px;*/ /* Julien "WTF" S. 30/09/14 */
}
.g-video--playlist-list {
  position: relative;
}
.g-video--playlist-list li {
  float: left;
  width: 236px;
  margin-left: 25px;
  margin-right: 25px;
}
.g-video--playlist-list a,
.g-video--playlist-list a:visited,
.g-video--playlist-list a:active {
  color: #6d6e71;
  text-decoration: none;
}
.g-video--playlist-list figure {
  overflow: hidden;
}
.g-image--playlist-list img {
  margin-top: -22px;
  margin-bottom: -22px;
}
.g-image--playlist-list img { margin:0; }
.g-video--playlist-list p {
  margin-top: 15px;
}
/*  --------------------
  ==@videos gallery
  -------------------- */
@media (max-width: 980px) {
  .g-video--playlist-list li { margin:0 5px; /* Julien "WTF" S. 30/09/14 */ }
}
@media (max-width: 768px) {
  .g-video--player iframe {
    max-height: 380px;
  }
  .ico_prev {
    left: 0;
  }
  .ico_next {
    right: 0;
  }
  .g-video--playlist-container { padding:20px 40px; /* Julien "WTF" S. 30/09/14 */ }
}
@media (max-width: 640px) {
  .g-video--player {
    padding: 10px;
  }
  .g-video--player iframe {
    max-height: 300px;
  }
}
@media (max-width: 600px) {
  .g-video--playlist-container .ico_prev,
  .g-video--playlist-container .ico_next {
    top: 45%;
  }
  .album--slider-nav.ico_prev {
    left: -10px;
  }
  .album--slider-nav.ico_next {
    right: 15px;
  }
}
@media (max-width: 480px) {
  .g-video--player iframe {
    max-height: 220px;
  }
  .g-video--playlist-container { padding:20px 0; /* Julien "WTF" S. 30/09/14 */ }
}
@media (max-width: 460px) {
  .g-video--playlist-container .ico_prev{
    top: 31%;
    left: 0;
  }
  .g-video--playlist-container .ico_next {
    top: 31%;
    right: 0;
  }
  .g-video .button_more{
    width: 100%;
  }
  .album--slider-nav.ico_next {
    right: -10px;
  }
  .album--container .album--carousel{
    display: none;
  }
}
/*  --------------------
  ==catalog
  -------------------- */.cat .section--header {
  opacity: 1;
  border-bottom: 1px solid #939598;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.cat--header h1 {
  position: static!important;
  overflow: visible!important;
  height: auto!important;
  width: auto!important;
  clip: auto!important;
  float: left!important;
  color: #e5002d!important;
  text-transform: uppercase!important;
  line-height: 1.3em!important;
}
/*.family--desc p {
  margin-top: 0;
}*/
.cat--btn {
  display: inline-block;
  width: 160px;
  height: 28px;
  background-position: 0 -28px;
  background-color: #10b8cd;
}
.cat--btn-list {
  background-image: url('/images/btn-liste.png');
}
.cat--btn-list.en {
  background-image: url('/images/btn-liste-en.png');
}
.cat--btn-list:hover,
.cat--btn-list.active {
  background-position: 0 0;
  background-color: #e7e7e8;
}
.cat--btn-carte {
  background-image: url('/images/btn-carte.png');
}
.cat--btn-carte.en {
  background-image: url('/images/btn-carte-en.png');
}
.cat--btn-carte:hover,
.cat--btn-carte.active {
  background-color: #e7e7e8;
  background-position: 0 0;
}
.cat--subheader {
  border-bottom: 1px solid #939598;
}
.cat--result-number {
  font-size: 1.2142857142857142em;
  padding-top: 5px;
  font-weight: bold;
}
.multi--slider_cat,
.album--carousel-item {
  float: left;
}
.multi--details_cat {
  vertical-align: top;
  padding-bottom: 40px;
}
.multi--details_cat a{
  color: #6D6E71;
}
#vue_carte,
#vue_liste {
  position: absolute;
  top: -999em;
  opacity: 0;
  width: 100%;
}
#vue_carte.is-cat-active,
#vue_liste.is-cat-active {
  position: static;
  opacity: 1;
}
#vue_carte .gm-style a,
#vue_liste .gm-style a {
  font-family: Arial, Roboto, "Nimbus Sans L", sans-serif;
  font-weight: bold!important;
}
.gm-style .gm-style-iw span {
  font-size: 16px;
}
.gm-style .gm-style-iw a {
  font-size: 16px;
}
.gm-style .gm-style-iw div {
  font-size: 14px;
}
.gm-style .gm-style-iw img {
  max-width: 100%; /* Julien "WTF" S. 02/10/14 */
}
/* GESTION DES ETOILES */.stairway-to-the-star {
  padding-left: 5px;
}
.star-0 {
  display: none;
}
.star-1:before {
  content: "*";
  color:#e5002d;
}
.star-2:before {
  content: "**";
  color:#e5002d;
}
.star-3:before {
  content: "***";
  color:#e5002d;
}
.star-4:before {
  content: "****";
  color:#e5002d;
}
.star-5:before {
  content: "*****";
  color:#e5002d;
}
.epis-cest-tout {
  display: none;
  margin-left: 5px;
  height: 20px;
  width: 0;
  overflow: hidden;
  background: url('/images/epis-gite-red.jpg') no-repeat 0 0;
}
/* .epis-taph{ background: url('/images/epis-gite-blue.jpg') no-repeat 0 0; } */.epis-1 {
  width: 8px;
  display: inline-block;
}
.epis-2 {
  width: 18px;
  display: inline-block;
}
.epis-3 {
  width: 28px;
  display: inline-block;
}
.epis-4 {
  width: 38px;
  display: inline-block;
}
.epis-5 {
  width: 48px;
  display: inline-block;
}
/* .epis-taph{ background: url('/images/epis-gite-blue.jpg') no-repeat 0 0; } */
/*.cles-des-champs {
  display: none;
  margin-left: 5px;
  height: 20px;
  width: 0;
  overflow: hidden;
  background: url('/images/cles.png') no-repeat 0 0;
}
.cles-1 {
  width: 8px;
  display: inline-block;
}
.cles-2 {
  width: 18px;
  display: inline-block;
}
.cles-3 {
  width: 28px;
  display: inline-block;
}
.cles-4 {
  width: 38px;
  display: inline-block;
}
.cles-5 {
  width: 48px;
  display: inline-block;
}*/
.cles-des-champs {
  display: none;
  margin-left: 5px;
  height: 20px;
  width: 0;
  overflow: hidden;
  background: url('/images/cle-sprite.png') no-repeat 0 0;
}
.cles-1 {
  width: 42px;
  display: inline-block;
}
.cles-2 {
  width: 52px;
  display: inline-block;
  background-position: 0 -20px;
}
.cles-3 {
  width: 65px;
  display: inline-block;
  background-position: 0 -40px;
}
.cles-4 {
  width: 74px;
  display: inline-block;
  background-position: 0 -60px;
}
.cles-5 {
  width: 82px;
  display: inline-block;
  background-position: 0 -80px;
}
.cles-insolite {
  width: 20px;
  display: inline-block;
  background-position: 0 -100px;
}
/* LISTE DE PRODUIT */.multi--img_cat {
  position: relative;
}
.multi--img_cat .js-slider-container {
  overflow: hidden;
  position: relative;
}
.multi--img_cat .js-slider-container ul {
  position: relative;
}
.multi--img_cat .js-slider-container li {
  float: left;
}
.multi--img_cat .ico_next,
.multi--img_cat .ico_prev {
  background-size: 50px;
  width: 38px;
  height: 25px;
  top: 38%;
}
.multi--img_cat .ico_prev {
  background-position: 0 -157px;
}
.multi--img_cat .ico_next {
  background-position: 0 -194px;
}
.gm-style .gm-style-iw .multi--img_cat {
  /*height: 130px;*/
  /*Fixation pour IE*/
  min-height: 130px;
  background-image: url('/images/picto-photo.jpg');
  background-repeat: no-repeat;
  background-size: 100%;
}
.multi--item_map {
  border: 0;
  /*width: 600px;*/
  /*Fixation pour IE*/
  width: 570px;

}
.multi--item_map .button_more{
  font-weight: bold!important;
}
.multi--item_map .multi--city_cat + div{
  margin-top: 60px;
}
.multi--item_map figure {
  height: 127px;
  overflow: hidden;
}
.multi--item_map img {
  max-width: 100%;
}
.multi--img_cat-empty {
  background-image: url('/images/picto-photo.jpg');
  background-color: #f3f3f4;
  background-repeat: no-repeat;
  min-height: 165px;
}
.multi--title_cat {
  font-size: 1.2857142857142858em;
  text-transform: uppercase;
}
.multi--city_cat, .multi--price_cat {
  font-weight: bold;
}
.multi--details_events .multi--city_cat{
  display: block;
  margin-bottom: 3px;
margin-top: 2px;
}
.opensystem-fancy { margin-right:20px; } /* Julien "WTF" S. 01/10/14 */
.opensystem-fancy .multi--city{
  margin-bottom: 15px;
  display: block;
}
.no-js .slider--item:nth-child(n+2) {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  clip: rect(1px 1px 1px 1px);
  /* IE7 et inf */

  clip: rect(1px, 1px, 1px, 1px);
}

/* OFFICES DE TOURISME / ville */
.cat--map_ot{
  width: 100%;
  /*height: 500px;*/ /* Julien "WTF" S. 30/09/14 */
  background: #F3F3F4;
}

.gm-style-iw .multi--item_ot {
  border-bottom: 0;
}
.gm-style-iw .multi--item_ot:first-child{
  margin-top: 0;
}
.gm-style-iw .multi--title_ot{
  font-size: 18px;
}
.gm-style-iw .button_resa{
  font-weight: bold!important;
}
/*
.gm-style-iw .multi--links_ot > div{
  width: 100%;
  text-align: right;
}
*/

.multi--item_ot:first-child{
  margin-top: 10px;
}
.cat--container_ot{
  position: relative;
}
.cat--result_ot{
  padding: 0 15px 0 5px;
  margin-top: -16px;
  background: #FFF;
  float: left;
}
.cat--search_ot legend{
  font-weight: bold;
}
.cat--search_ot{
  margin-top: 0;
}
  .cat_ot .cat--search_ot{
    margin-top: 20px;
    padding-bottom: 25px;
    margin-bottom: 5px;
    border-bottom: 1px solid #939598;
  }
.cat--search-select_ot{
  padding-right: 30px;
}
.cat--search-select_ot select{
  width: 100%;
  max-width: 420px;
}

.cat--search-checkbox_ot > div {
  position:relative;
}
.cat--search-checkbox_ot input {
  position: absolute;
  top: 2px;
  left: 0;
}
.cat--search-checkbox_ot label {
  padding-left: 20px;
}

.multi--desc_ot{
  min-height: 82px;
}
.map .multi--desc_ot { min-height: inherit; /* Julien "WTF" S. 30/09/14 */ }

.multi--title_ot{
  min-height: 41px;
}
.map .multi--title_ot { min-height: inherit; /* Julien "WTF" S. 30/09/14 */ }

.multi--img_ot figure{
  height: 165px;
  overflow: hidden;
}
.multi--img_ot .is-img-events-empty{
  /*background-size: auto;*/ /* Julien "WTF" S. 02/10/14 */
}

/* EVENEMENTS */
.multi--item_events-map{
  border-bottom: 0;
  max-width: 600px;
}
.multi--item_events-map .multi--title_cat{
  font-size: 18px;
}
.multi--item_events-map .multi--city_cat{
  font-size: 14px;
  font-weight: bold;
}
.multi--item_events-map .multi--desc_list{
  font-weight: normal;
  font-size: 14px;
}
.multi--item_events-map .multi--content_events {
  width: 100%;
}
.multi--item_events-map img{
  max-width: 100%;
}
.multi--content_events a, .multi--content_events a:hover, .multi--content_events a:visited{
  text-decoration: none;
  color: #6D6E71;
}
.multi--img_events{
  /*width: auto;*/
  width: 32.93333333333333%;
}
.multi--img_events figure{
  height: 145px;
  overflow: hidden;
}
.is-img-events-empty{
  background-image: url("/images/picto-photo.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.multi--details_events > div{
  position: relative;
}
.multi--details_events .button{
  position: absolute;
  bottom: 0;
  right: 0;
}
.multi--item_events-map .multi--details_events .button{
  position: relative;
}
.multi--content_events{
  width: 333px;
}
.multi--more_events{
  width: 187px;
  padding-bottom: 115px;
}
.multi--item_events-map .multi--more_events{
  width: 100%;
  padding-bottom: 0;
}

/* PRODUCT FICHE */
.grid-product #main {
  width: 100%;
  float: none;
}
.prod .section--header, .prod_ot .section--header {
  border-bottom: 1px solid #939598;
  margin-bottom: 30px;
  padding-bottom: 10px;
}

.prod .album--visually {
  min-height: 272px;
  width: 78%;
}
  .is-image-empty{
  }
  .is-image-empty .album--visually{
    background-image: url('/images/picto-photo-full.jpg');
    background-repeat: no-repeat;
    height: 280px;
  }
  .is-image-empty .album--carousel{
    display: none;
  }
.prod .album--carousel .caroufredsel_wrapper,
.prod .album--carousel .album--carousel-container {
  height: 272px!important;
  width: 100%!important;
}

.prod .album--carousel-item {
  height: 80px;
  margin-bottom: 16px;
}
.prod .album--carousel {
  width: 22%;
}
.prod .album--container {
  padding: 40px 70px;
}
.prod .album--carousel {
  margin-bottom: 0;
}
.prod .is-desktop-nav-hide .album--carousel-nav{
  display: none!important;
}
.prod .ico_up {
  background-position: 40px -177px;
  background-size: 57px;
  top: -37px;
  opacity: 0.7;
}
.prod .ico_down {
  background-position: 40px -221px;
  background-size: 57px;
  bottom: -44px;
  opacity: 0.7;
}
.prod--title {
  position: relative !important;
  height: auto !important;
  width: auto !important;
  text-transform: uppercase;
  color: #E5002D;
  font-size: 2.5rem;
  line-height: 1.3em;
  margin-top: 0;
}
.prod-left {
  float: left;
  width: 25.510204%;
}
.prod-right {
  float: left;
  width: 71.428571%;
  margin-right: 3.0612244%;
  position: relative;
}
.prod--spec--title {
  color: #00b8cd;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.2142857142857142em;
}
.fn-toggle > .prod--spec--title {
  cursor: pointer;
}
.prod--spec--title span {
  background: #00b8cd;
  color: white;
  padding: 0 4px;
  margin-right: 10px;
  min-width: 18px;
  display: inline-block;
  text-align: center;
}
.prod--spec--toggle {
  padding: 10px 20px;
  display: none;
}
.prod--spec--no-toggle{
  padding-left: 0;
  padding-right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}
.product-tarifs td, .product-tarifs th{
  text-align: center;
}
.prod--book a {
  width: 100%;
  padding-left: 60px;
}
.prod--book a:before {
  left: 26px;
}
.prod--acces p {
  margin-top: 0;
}
.prod--couplage {
  background: #F3F3F4;
}
.prod--couplage .mt0{
  margin-top: 5px;
}
.prod--couplage .prod--spec--title{
  cursor: default;
}
.prod--couplage a, .prod--couplage a:visited {
  text-decoration: none;
  color: #6D6E71;
}
.is-cart-prod{
  margin-bottom: 16px;
}
.fn-scrollto h2{
  color: #E5002D;
  margin-bottom: 10px;
}
.prod-cart {
  position: relative;
  height: 32px;
}
#widget-panier{
  right:0;
  left:auto!important;
  z-index: 1!important;
  max-width: 300px;
}
#widget-panier .entete {
  height: auto!important;
  position: relative!important;
  z-index: 1!important;
  display: inline-block !important;
  width: 100%!important;
  padding-left: 60px!important;
  background: #939598!important;
  padding-top: 9px!important;
  padding-bottom: 9px!important;
  -webkit-border-radius: 0!important;
  border-radius: 0!important;
  font-size: 1.6rem!important;
  line-height: 0.9!important;
}
#widget-panier .entete:before {
  content: "";
  position: absolute;
  left: 15px;
  top: 2px;
  width: 29px;
  height: 27px;
  background-image: url('/images/sprite.png');
  background-position: 0 -432px;
}
#widget-panier .entete:after {
  display: none;
}
#widget-panier .entete:hover {
  background: #939598!important;
}
#widget-panier .contenu {
  width: 100%!important;
  background: #939598!important;
  color: #333!important;
}
#widget-panier .OsPanier.api .ospanier.minitoggle .prix {
  height: auto!important;
}
.widSSPData {
  padding: 0;
}
#CDSWIDSSP {
  width: 100%!important;
}
.widSSPWrap {
  display: none;
}
.widSSPBranding {
  margin-bottom: 0!important;
  border: 0!important;
}
.widSSPBranding dd {
  display: none!important;
}
.widSSPSummary {
  display: none;
}
.widSSPReviews {
  display: none!important;
}
.widSSPWriteReview {
  display: none!important;
}
.prod--contact {
  border: 1px solid #00B8CD;
  padding: 20px;
  position: relative;
}
.prod--contact:first-child {
  margin-top: 0;
}
.prod--contact .contact-border {
  border-bottom: 1px solid #6d6e71;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.prod--contact .contact-border-bottom {
  border-top: 1px solid #6d6e71;
  padding-top: 10px;
  margin-top: 10px;
}
.prod--contact--label img{
  margin-right:5px;
  margin-bottom: 5px;
  /*max-width: 30.9%;*/
  max-height: 40px;
}
.prod--contact--label > img:first-child, .prod--contact--label > a:first-child img {
  margin-left: 0;
}
.prod--contact-title {
  background: #fff;
  position: absolute;
  top: -10px;
  left: 15px;
  font-size: 1.1428571428571428em;
  font-weight: bold;
  color: #10b8cd;
  padding-left: 5px;
  padding-right: 5px;
}
.prod--ot-img_city{
  text-align: center;
}
.prod--mail {
  text-decoration: none;
  font-weight: bold;
  padding-left: 12px;
  position: relative;
  color: #6d6e71;
}
.prod--mail:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 0;
  height: 0;
  border-left: 7px solid #6d6e71;
  border-top: 4px solid rgba(0, 0, 0, 0);
  border-bottom: 4px solid rgba(0, 0, 0, 0);
}
.prod--mail:hover {
  color: #6d6e71;
  text-decoration: none;
}
.prod--mail:visited {
  color: #6d6e71;
}
.prod--contact--map a {
  text-decoration: none;
  color: #6d6e71;
}
.prod--contact--map a:hover,
.prod--contact--map a:active,
.prod--contact--map a:visited {
  color: #6d6e71;
}
.prod--contact--map #prod--map {
  position: absolute;
  top: -999em;
}
#prod--map {
  position: static;
}

/* FICHE D'UN EVENEMENT */
.prod--intro_events{
  font-weight: bold;
}
.prod--img_events{
  background: #E7E7E8;
}
.prod--img_events figure{
  max-height: 300px;
  overflow: hidden;
}
  .is-prod-img-events-empty figure{
    background-image: url('/images/vignette-photo-agenda.jpg');
    background-repeat: no-repeat;
    height: 330px;
  }
.prod--tarifs_events table{
  margin-top: 0;
  margin-bottom: 0;
}
.prod--contact-title_events{
  text-transform: uppercase;
}
.pager_events{
  padding-top: 30px;
  border-top: 1px solid #6D6E71;
}

/* OFFICES DE TOURISME / ville */
.section--header_ot{
  margin-top: 15px;
}
.cat--header_ot{
  margin-bottom: 20px!important;
  border-bottom: 1px solid #939598!important;
}
.prod--map_ot > .map > div{
  width: 100%!important;
  height: 313px!important;
}
.prod_ot .section--header{
  margin-bottom: 20px;
}
.slider_ot .album--carousel-item{
  height: auto;
  max-height: 313px;
  text-align: center;
  cursor: default;
}
.is-prod-img-ot-empty{
  background-image: url('/images/picto-photo-full.jpg');
  background-repeat: no-repeat;
  height: 313px;
  background-color: #E7E7E8;
  background-position: center center;
}
.prod--contact_city{
  margin-top: 40px;
}
.prod--ot-les-mains-de-tes-poches > div{
  width: 60px;
  height: 60px;
  background-color: transparent;
  position: absolute;
  top: -30px;
  background-image: url('/images/office-tourisme-logo.png');
}
.prod--ot-les-mains-de-tes-poches{
  width: 60px;
  margin-left: auto;
  margin-right: auto;
}
.is-ot-img-empty{
  background-image: url('/images/picto-photo.jpg');
  background-repeat: no-repeat;
  height: 139px;
  background-position: 100%;
}
.puce-croche:before{
  content:"> ";
  display: block;
  float: left;
}
.puce-croche > span{
  display: block;
  padding-left: 15px;
}
/*
.prod--spec_period{
  margin-left: 20px;
}
*/
  .prod--spec_period.is-toggle-active {

  }
.prod--spec_period .prod--spec--title{
  font-weight: normal;
  text-transform: none;
  color: #6D6E71;
  font-size: 1em;
}
  .prod--spec_period.is-toggle-active .prod--spec--title{
    background: #00B8CD;
    color: #fff;
    padding-bottom: 3px;
    padding-top: 3px;
  }
.prod--spec_period .prod--spec--toggle{
  padding:0;
}
  .prod--spec_period.is-toggle-active .active{
    /*
    border-left: 1px solid #00B8CD;
    border-right: 1px solid #00B8CD;
    border-bottom: 1px solid #00B8CD;
    */
  }
.prod--spec_period table{
  margin: 0;
  width: 100%;
}
.prod--spec_period th, .prod--spec_period th:first-child{
  border-top: 0;
  border-bottom: 1px solid #00B8CD;
  border-left: 1px solid #00B8CD;
  border-right: 1px solid #00B8CD;
  background: #fff;
  color: #6D6E71;
  text-align: left;
}
/*
.prod--spec_period th + th{
  border-left: 1px solid #FFF;
}
*/

.langues-flag span{
  float: left;
  width: 30px;
  height: 18px;
  background-image: url('/images/flag.png');
  background-repeat: no-repeat;
  margin-right: 5px;
  display: none;
}
.allemand, .german, .deutsch, .duits{
  background-position: 0 -60px;
  display: block!important;
}
.anglais, .english, .englisch, .engels{
  background-position: 0 -20px;
  display: block!important;
}
.neerlandais{
  background-position: 0 -40px;
  display: block!important;
}
.espagnol, .spanish, .spanisch, .spaans{
  background-position: 0 -100px;
  display: block!important;
}
.italien, .italian, .italienisch, .italiaans{
  background-position: 0 -80px;
  display: block!important;
}
.langue-des-signes, .sign-language, .gebardensprache, .gebarentaal{
  background-position: 0 -140px;
  display: block!important;
}
.chinois, .chinese, .chinesisch, .chinees{
  background-position: 0 -120px;
  display: block!important;
}

/* BEGIN Julien "WTF" S. 29/09/14 */
.prod-video_ot {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.prod-video_ot iframe {
position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* END Julien "WTF" S. 29/09/14 */

.multi--item_events-map .multi--content_events{
    width: 100%;
    display: block;
    padding-right: 0;
    padding-bottom: 35px;
  }
.multi--item_events-map .multi--item_events{
    position: relative;
  }
.multi--item_events-map .multi--more_events{
    width: 100%;
    display: block;
    padding-bottom: 0;
    text-align: right;
    position: absolute;
    bottom: 17px;
    left: 0;
  }
.multi--item_events-map .multi--details_events > div{
    position: static;
  }

.multi--item_events-map .multi--date_events{
  font-weight: normal!important;
}

/*  --------------------
  ==@catalog
  -------------------- */
@media (max-width: 980px) {
  #widget-panier {
right: 10px;
}
  .multi--details_events > div{
    display: block;
  }
  .multi--content_events{
    width: 100%;
    display: block;
    padding-right: 0;
    padding-bottom: 35px;
  }
  .multi--item_events{
    position: relative;
  }
  .multi--more_events{
    width: 100%;
    display: block;
    padding-bottom: 0;
    text-align: right;
    position: absolute;
    bottom: 17px;
    left: 0;
  }
  .multi--details_events > div{
    position: static;
  }
  .multi--more_events p{
    text-align: left;
  }
  .multi--more_events .button{
    position: relative;
  }
  .prod--contact-title{
    position: static;
    display: block;
    /*margin-top: -30px;*/ /* Julien "WTF" S. 29/09/14 */
  }
  .cat--search-select_ot{
    width: 200px;
  }
}
@media (max-width: 768px) {
  .prod-right {
    width: 100%;
    margin-right: 0;
    float: none;
  }
  .prod .album--container{
    padding: 40px 10px;
    position: relative;
  }
  .prod-left {
    width: 100%;
    float: none;
    margin-top: 30px;
  }
  .is-prod-img-events-empty, .is-image-empty, .is-prod-img-ot-empty{
    display: none;
  }
  .prod--img_events figure{
    max-height: none;
  }
  .prod--desc_events{
    padding-top: 0;
  }
  .prod--title{
    /*font-size: 1.8rem;*/ /* Julien "WTF" S. 01/10/14 */
    clear: both;
    padding-top: 6px;
  }
  .prod--contact-title{
    padding: 0;
    margin-bottom: 20px;
  }
  .prod_ot .grid-article-rightcol > * + *{
    margin-top: 20px;
  }
  .multi--slider_cat .album--carousel-item{
    height: 142px;
    /* Anciennement height auto */
  }
  .multi--img_cat-empty{
    background-color: transparent;
    background-position: center;
  }
  #vue_carte .map { height:400px!important; } /* Julien "WTF" S. 01/10/14 */
  .prod--contact--adresse{
    text-align: center;
  }
}
@media (max-width: 570px) {
  .multi--more_events {
    text-align: left;
  }
  .multi--more_events > *{
    margin-top: 10px;
  }
   .is-img-events-empty{
    background-size: auto 100%;
    background-position: left top;
  }
  .multi--details_cat{
    padding-bottom: 0;
  }
}
@media (max-width: 640px) {
  /*.multi--links_ot{
    width: 162%;
    margin-left: -62%;
  }*/

  .multi--item_map, .multi--item_events-map, .cat--map_ot .multi--item_ot {
    width: 250px;
    padding: 0;
  }
  .multi--item_map .multi--img, .multi--item_events-map .multi--img, .cat--map_ot .multi--img_ot{
    display: none;
  }
  .multi--item_map .multi--details, .multi--item_events-map .multi--details{
    width: 100%;
    display: block;
    padding: 0;
  }
  .multi--item_map .multi--title, .multi--item_events-map .multi--title{
    font-size: 1em;
  }
  .multi--item_map .multi--city, .multi--item_events-map .multi--city{
    font-size: 0.8em;
  }
  .multi--item_map .multi--desc, .multi--item_events-map .multi--desc{
    display: none;
  }
  .multi--item_map .multi--city_cat + div, .multi--item_map .multi--desc_cat + div{
    margin-top: 5px;
  }
  .multi--item_map .multi--city_cat + div > a + a, .multi--item_map .multi--desc_cat + div > a + a{
    margin-top: 5px;
  }
  .multi--item_events-map .button_more{
    margin-top: 5px;
  }
  .multi--item_events-map .multi--more_events{
    margin-top: 5px;
  }
  .multi--item_events-map .multi--details_events > div{
    padding-bottom: 0;
  }

  .cat--map_ot .multi--desc_ot {
    min-height: 10px;
  }

}
@media (max-width: 600px) {
  .prod .album--carousel{
    padding: 0;
    width: 100%;
    position: static;
    display: block;
    float: none;
    margin: 0;
  }
  .prod .album--visually {
    min-height: 0;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
  }
  .prod .album--visually img{
    display: inline;
  }
  .prod .album--carousel > div{
    position: absolute!important;
    overflow: hidden!important;
    height: 1px!important;
    width: 1px!important;
    clip: rect(1px, 1px, 1px, 1px)!important;
    clip: rect(1px 1px 1px 1px)!important; /* IE6, IE7 */
  }
  .prod .is-desktop-nav-hide .album--carousel-nav{
    display: block!important;
  }
  .prod .ico_up{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 37px;
    height: 20px;
    background-position: 0 -136px;
    background-size: 115%;
    background-color: rgba(0, 0, 0, 0);
    left: -9px;
  }
  .prod .ico_down {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 37px;
    height: 20px;
    background-position: 0 -168px;
    background-size: 115%;
    background-color: rgba(0, 0, 0, 0);
    right: -9px;
    left: auto;
  }
  .prod .album--carousel-nav {
    top: 44%!important;
    bottom: auto;
  }
  .cat--search-select_ot{
    display: block;
    width: 100%;
    padding-right: 0;
  }
  .cat--search-select_ot select{
    width: 100%;
    max-width: 100%;
  }
  .cat--search-checkbox_ot{
    margin-top: 10px;
    display: block;
    width: 100%;
  }
  #vue_carte .map { height:240px!important; }
  .prod-right .button_more{
    width: 100%;
  }
}
@media (max-width: 520px) {
  .multi--desc_ot{
    min-height:10px;
  }
  .multi--title_ot {
    min-height: 10px;
  }
}
@media (max-width: 570px) {
  .cat--map_ot, .cat--map_ot .map, .prod--map_ot .map > div{
      height: 220px!important;
  }
  .more_bottom{
    text-align: left;
  }
  .more_bottom .button{
    margin-bottom: 10px;
    margin-left: 0;
  }
  .more_bottom .button_resa{
    margin-left: 10px;
  }
}
@media (max-width: 480px) {
  .multi--item_ot{
    display: block;
  }
  .multi--img_ot{
    display: block;
    width: 100%;
    text-align: center;
  }
  .multi--details_ot{
    width: 100%;
    display: block;
    padding: 0;
    margin-top: 10px;
  }
  .multi--links_ot {
    width: 100%;
    margin-left: 0;
  }
  .prod .album--visually {
    min-height: 252px;
    }
  .prod--tarifs_events table { width: 100%; } /* Julien "WTF" S. 29/09/14 */
  .prod--title { font-size: 1.8rem; /* Julien "WTF" S. 01/10/14 */ }
}
@media (max-width: 320px) {
  .cat--btn{
    width: 146px;
  }
  .prod .album--visually {
    min-height: 146px;
  }
  .multi--details2_ot{
    display: block;
  }
  .multi--details2_ot > div {
    width: 100%;
    display: block;
    padding-left: 0;
    padding-right: 0;
  }
 /* .multi--details2_ot > div:first-child {
    margin-bottom: 10px;
  }*/ /* Julien "WTF" S. 29/09/14 */
  .multi--links_ot {
    display: block;
  }
  .multi--links_ot > div {
    width: 100%;
    display: block;
    padding-left: 0;
    padding-right: 0;
  }
  .multi--links_ot > div:first-child {
    margin-bottom: 10px;
  }
  .prod_ot .button_more{
    line-height: 1;
  }
  .more_bottom .button_resa{
    margin-left: 0;
  }
}
/*  --------------------
  ==home-page
  -------------------- */
.home-panier{
  position: relative;
  height: 32px;
  padding: 0!important;
}
  #widget-panier{
    right: 0!important;
  }
.grid-homepage > * {
  width: 29.931972789115648%;
}
.grid-homepage > * + * {
  width: 64.96598639455783%;
  margin-left: 5.1020408163265305%;
}
.grid3-homepage > * + * {
  width: 29.931972789115648%;
}
.home-seo h1{
  font-size:1.8rem;
  color: #10B8CD;
}
.slider-home {
  overflow: hidden;
  margin-bottom: 45px;
}
.slider-home--container {
  position: relative;
  overflow: hidden;
}
.slider-home--item {
  position: relative;
  float: left;
}
.slider-home--item:nth-child(n+2) {
   position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
}
.js-slider-container .slider-home--item:nth-child(n+2) {
  position:relative;
  overflow:visible;
  height:auto;
  width:auto;
  clip:auto;
}
.slider-home--item > a > img {
  max-width: none;
}
.slider-home--infos {
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
}
.slider-home--link {
  position: absolute;
  left: -50%;
  height: 100%;
  text-decoration: none;
  color: #fff;
}
.slider-home--link:hover {
  color: #fff;
}
.slider-home--tarif {
  margin-top: 50px;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  position: relative;
  z-index: 0;
}
.slider-home--tarif:before {
  content:"";
  width: 100%;
  height: 100%;
  background-color:#e5002d;
  opacity: 0.85;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}
.slider-home--sup {
  font-size: 3rem;
  text-transform: uppercase;
}
.slider-home--price {
  font-size: 6rem;
  text-transform: uppercase;
}
.slider-home--inf {
  font-size: 2.4rem;
}
.home-content {
  position: relative;
}
/* SLIDER */.slider-home .js-slider-container {
  position: relative;
  left: 50%;
  margin-left: -900px;
  overflow: hidden;
  width: 1800px;
  /*

    &:before, &:after{
      content:"";
    position: absolute;
    height: 100%;
    width: 78px;
    top: 0;
    background: url('/images/bg-slider.png') repeat-y transparent;
    z-index: 1;
    }
    &:before{
    left: 0;
    background-position: 0 0;
  }

  &:after{
    right: 0;
    background-position: 100% 0;
  }
*/
}
/* si pas de js */.no-js .slider-home :first-child {
  width: 100%;
}
.no-js .slider-home * + * {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  clip: rect(1px 1px 1px 1px);
  /* IE7 et inf */
  clip: rect(1px, 1px, 1px, 1px);
}
/* navigation */.slider-home .js-slider-pager-container {
  position: relative;
  clear: both;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}
.slider-home .js-slider-pager {
  position: absolute;
  right: 40px;
  top: -50px;
}
.slider-home .js-slider-pager--item {
  margin-left: 10px;
}
.slider-home .js-slider-pager--btn {
  height: 24px;
  width: 24px;
  border: 0;
}
.slider-home .js-slider-pager--btn span {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  clip: rect(1px 1px 1px 1px);
  /* IE7 et inf */

  clip: rect(1px, 1px, 1px, 1px);
}
/* CAROUSEL */.zoom-sur {
  float: right;
}
.zoom-sur--title {
  background: #10b8cd;
  font-size: 2.1rem;
  text-transform: uppercase;
  color: #fff;
}
.zoom-sur--container {
  position: relative;
  margin-top: -20px;
}
.carousel-container {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.zoom-sur--carousel {
  position: relative;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 20px 0 28px;
}
.zoom-sur--item {
  position: relative;
  float: left;
  width: 212px;
  /* height: 200px; */
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
.zoom-sur--item img {
  /*
max-width: none;
  height: 200px;
*/
}
.zoom-sur--item.up {
  -webkit-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
  z-index: 1;
  border: 2px solid #fff;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
}
.zoom-sur--item-title {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 2.1rem;
  text-transform: uppercase;
  color: #fff;
  /*.txt-shadow(0 0 6px fade(#000, 80%));*/
  -webkit-text-shadow: 1px 1px 3px #000000;
  text-shadow: 1px 1px 3px #000000;
}
.js-zoom-sur--nav {
  position: absolute;
  top: 41%;
  /*z-index: 1;*/
  z-index: 2; /* Julien "WTF" S. 01/10/14 */
  background: #fff;
  width: 33px;
  height: 33px;
  -webkit-border-radius: 33px;
  border-radius: 33px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
}
.js-zoom-sur--nav:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 40%;
  left: 34%;
  border-left: 8px solid #e5002d;
  border-right: 8px solid #e5002d;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
.js-zoom-sur--prev {
  right: -20px;
}
.js-zoom-sur--prev:after {
  border-right-width: 0;
}
.js-zoom-sur--next {
  left: -20px;
}
.js-zoom-sur--next:after {
  border-left-width: 0;
}
.aside-primary {
  width: 29.931972789115648%;
}
/* AGENCE & COMPAGNIE */.traversees_ile_d_yeu .article--title,
.agences_partenaires .article--title {
  line-height: 1.2;
  text-transform: uppercase !important;
  color: #E5002D !important;
  font-size: 2.5rem !important;
}
.agence--item {
  border-bottom: 1px solid #6d6e71;
}
.agence--item-title {
  color: #10b8cd;
}
.agence--item-intro {
  font-weight: bold;
}
.agence--item-name {
  color: #10b8cd;
}
.agence--item-colright > div {
  min-height: 313px;
}
.agence--item-colright p {
  text-align: left;
}
/*  --------------------
  ==@home-page
  -------------------- */
@media (max-width: 980px) {
  .slider-home {
    margin-bottom: 0;
  }
  .slider-home .js-slider-container {
    left: 0;
    margin-left: 0;
    width: auto;
  }
  .slider-home .js-slider-container:before,
  .slider-home .js-slider-container:after {
    display: none;
  }
  .slider-home--item > a > img {
    max-width: 100%;
  }
  .slider-home--infos {
    left: 0;
  }
  .slider-home--link {
    position: static;
  }
  .slider-home--title {
    float: right;
    max-width: 480px;
    width: 70%;
  }
  .slider-home--tarif {
    float: left;
    width: 30%;
    margin-top: 10px;
  }
  .slider-home--sup {
    font-size: 2rem;
  }
  .slider-home--price {
    font-size: 4rem;
  }
  .slider-home--inf {
    font-size: 1.8rem;
  }
  .zoom-sur {
    padding-top: 20px;
  }
  .zoom-sur--container {
    margin-top: 0;
  }
  .zoom-sur--carousel {
    padding-top: 0;
  }
  .carousel-container {
    margin: 0 auto;
  }
  .zoom-sur--item.up {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    border: 0;
    z-index: 0;
  }
  .js-zoom-sur--prev {
    right: -10px;
  }
  .js-zoom-sur--next {
    left: -10px;
  }
  .agence--item-colright > div { min-height: inherit; } /* Julien "WTF" S. 02/10/14 */
}
@media (max-width: 768px) {
  .zoom-sur {
    float: none;
    width: 100%;
    margin: 0;
  }
  .zoom-sur--item {
    width: 192px;
    height: 192px;
  }
  .zoom-sur--item img {
    height: 192px;
  }
  .aside-primary {
    width: 47.5%;
    margin-right: 5%;
  }
  .aside-secondary {
    clear: none;
  }
  .home-seo{
    margin-top: 10px;
    margin-right: 0;
    margin-left: 0;
  }
}
@media (max-width: 600px) {
  .slider-home--price {
    font-size: 3.5rem;
  }
  .home-seo{
    padding-top: 10px;
  }
}
@media (max-width: 480px) {
  .slider-home--item > a > img, .slider-home--item > img {
    max-width: none;
    max-height: 200px;
  }
  .slider-home--title {
    width: 100%;
    height: 116px;
  }
  .slider-home--title img {
    max-width: none;
    height: 100%;
  }
  .slider-home--sup,
  .slider-home--inf {
    font-size: 1.4rem;
  }
  .slider-home--price {
    font-size: 2rem;
  }
  .slider-home .js-slider-pager {
    position: absolute;
    right: 10px;
    top: -35px;
  }
  .aside-primary {
    width: 100%;
    margin-right: 0;
  }
  .agence--item-colright > div { min-height: inherit; } /* Julien "WTF" S. 29/09/14 */

  .zoom-sur--carousel{
    padding-bottom: 20px;
  }
}
@media (max-width: 320px) {
  .zoom-sur--item {
    width: 150px;
    height: 150px;
  }
  .zoom-sur--item img {
    height: 150px;
  }
}

/*  --------------------
  ==bon cadeau
  -------------------- */
.offrez_la_vendee_faites_plaisir .article--title, .formulaire_de_reservation .article--title{
  text-transform: uppercase;
  color:#E5002D;
  position: static!important;
  clip: auto!important;
  width: auto!important;
  height: auto!important;
  overflow: visible!important;
}
.offrez_la_vendee_faites_plaisir .nav-secondary, .formulaire_de_reservation .nav-secondary{
  display: none!important;
}
.gift--carousel{
  width: 100%;
  background: #f1f1f2;
  padding-left: 57px;
  padding-right: 57px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.gift--carousel > div{
  position: relative;
}
.gift--carousel .slider{
  position: relative;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 20px 0 28px;
}
.gift--carousel .slider--item{
  position: relative;
  float: left;
  width: 212px;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  height: auto;
  background: #fff;
}
  .gift--carousel .slider--item.up{
    -webkit-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    z-index: 1;
    border: 2px solid #FFF;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
  }
.gift--carousel .slider--desc{
  position: absolute;
  bottom: 10px;
  left: 10px;
  padding: 0;
  font-size: 2.1rem;
  text-transform: uppercase;
  background: transparent;
  color: #FFF;
  -webkit-text-shadow: 1px 1px 3px #000000;
  text-shadow: 1px 1px 3px #000;
}
.formulaire_de_reservation .section--header{
  margin-bottom: 20px;
}
.groupes--form .row > label, .gift--form .row > label{
  width: 160px;
}
.groupes--form .multi_radio{
  margin-right : 10px;
}
/*.gift--form .error-form{
  margin-left: 150px;
}*/
.gift--form .gift--montant{
  margin-top: 30px;
  margin-bottom: 30px;
}
.gift--form .gift--montant label{
  color: #E5002D;
  font-weight: bold;
}
.groupes--small-input input[type="text"], .groupes--small-input select, .gift--montant input[type="text"]{
  max-width: 140px;
}
.gift--benef{
  font-weight: bold;
  margin-top:50px; /* Julien "WTF" S. 25/09/14 */
}
.gift--form .gift--newsletter{
  margin-top: 30px;
}

/* BEGIN Julien "WTF" S. 25/09/14 */
@media (max-width: 980px) {
  .gift--carousel { padding:0; }
  .gift--carousel .slider--item.up {
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .gift--carousel .js-zoom-sur--next { left:0; }
  .gift--carousel .js-zoom-sur--prev { right:0; }
  .gift--form .gift--montant { margin:0; }
  .gift--benef { margin-top:20px; }

}
@media (max-width: 768px) {
  .theme-03--intro + div { text-align: center; }
  .theme-03--resa, .theme-03--resa-online {
    display: inline-block;
    vertical-align: top;
  }
}
/* END Julien "WTF" S. 25/09/14 */

/*  --------------------
  ==Mentions Légales
  -------------------- */
.legacy-tpl .nav-secondary{
  display: none;
}

/*  --------------------
  ==PRMOS
  -------------------- */
.is-promos-summary .left-bar{
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
.is-promos-summary #main{
  float: none!important;
  width: 100%!important;
  margin-left: 0!important;
}
.is-promos-summary .section--header{
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
.promos-page--item, .promos-child--item{
  width: 30.61224489795918%;
  margin-left: 4.08163265306122%;
  margin-top: 15px;
  margin-bottom: 20px;
  position: relative;
  background: #F3F3F4;
}
.promos-page--item:nth-child(3n+1), .promos-child--item:nth-child(3n+1){
  margin-left: 0;
  clear: both;
}
.promos-page--item a, .promos-page--item a:hover, .promos-child--item a, .promos-child--item a:hover{
  text-decoration: none;
}
  .promos-page--item-title, .promos-child--item-title{
    color: #10B8CD;
    text-transform: uppercase;
    line-height: 0.9em;
    font-size: 1.214286em;
  }
  .promos-page--item-title{
    min-height: 32px;
  }
  .promos-page--item figure{
    height: 150px;
    overflow: hidden;
  }
.promos-page--item-desc{
  min-height: 91px;

}
.promos-page--item-desc p{
  font-size: 13px;
}

.is-promos-child .section--header{
  border-bottom: 1px solid #939598;
  margin-bottom: 30px;
  padding-bottom: 10px;
}

.is-promos-child .article--title{
  color: #E5002D;
  opacity: 1;
  position: static!important;
  height: auto!important;
  width: auto!important;
  clip: auto!important;
  text-transform: uppercase;
  line-height: 1.3em!important;
}
.promos-child--item-title {
  min-height: 36px;
}

.promos-child--city{
  color: #6D6E71;
  font-weight: bold;
  text-transform: uppercase;
}

.promos-child--desc{
  min-height: 162px;
}

/*  --------------------
  ==@PROMOS
  -------------------- */
@media (max-width: 768px) {
  .promos-page { margin-top: 20px; }
  .promos-page--item { padding:0; } /* Julien "WTF" S. 01/10/14 */
  .small-mb0{
    margin-top : 0px;
  }
  .promos-child--item, .promos-child--item:nth-child(3n+1), .promos-page--item , .promos-page--item:nth-child(3n+1) {
    width: 47.5%;
    margin-left: 5%;
    clear: none;
  }
  .promos-child--item:nth-child(2n+1), .promos-page--item:nth-child(2n+1){
    margin-left: 0;
    clear: both;
  }
  .promos-child--desc{
    min-height: 100px;
  }
  .promos-child--item .button, .promos-page--item .button{
    width: auto;
  }
 /* .groupes--form .row > label, .gift--form .row > label{
    width: 100%;
  }*/
}
@media (max-width: 480px) {
  .promos-page--list { margin-bottom:-30px; } /* Julien "WTF" S. 25/09/2014 */
  .promos-child--item, .promos-child--item:nth-child(3n+1), .promos-child--item:nth-child(2n+1), .promos-page--item , .promos-page--item:nth-child(3n+1), .promos-page--item:nth-child(2n+1){
    width: 100%;
    clear: both;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .promos-page--item{
    max-width: 300px;
  }
}

/*  --------------------
  ==SPE
  -------------------- */
/* PAGE CONTACT */
body.contact .nav-secondary{
  display: none;
}

body.contact .widget-gift .widget--title, .qui_sommes-nous .widget-gift .widget--title {
  background: #10B8CD;
}

body.contact .formulaire fieldset{
  margin-top: 0;
}

.textarea-contact{
  /*margin-top: 30px;*/
  margin-top: 20px; /* Julien "WTF" S. 29/09/14 */
}
.textarea-contact > span{
  clear: both;
  display: block;
  margin-top:5px; /* Julien "WTF" S. 29/09/14 */
}
.textarea-contact textarea{
  max-width: 510px;
}
.textarea-contact-error, .mentions-error { margin-left:0; } /* Julien "WTF" S. 29/09/14 */

/* PAGE QUI SOMMES-NOUS */
.qui_sommes-nous .nav-secondary{
  display: none;
}
.pdf-list--item_who img{
  margin-right: 20px;
  margin-bottom: 15px;
}
.widget-map .map > div, .left-bar .map > div{
  width: 100%!important;
}
.widget-map .widget--title{
  margin-bottom: 0;
  border: 0;
}
/* SITEMAP */
.sitemap a{
  text-decoration: none!important;
}
.sitemap_level0{
  -webkit-columns: 3;
  -moz-columns: 3;
  columns: 3;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}
.sitemap_level0 > li > a{
  display: none;
}
.sitemap_level1 > li{
  margin-top: 30px;
}
  .sitemap_level1 > li:first-child{
    margin-top: 0;
  }
.sitemap_level1 > li > a{
  color: #E5002D!important;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.6rem;
}
.sitemap_level2 > li{
  margin-top: 15px;
}
  .sitemap_level2 > li:first-child{
    margin-top: 0;
  }
.article .sitemap_level2 a{
  color: #6D6E71!important;
}
.sitemap_level2 > li > a, .sitemap_level2 > li > a:hover, .sitemap_level2 > li > a:visited{
  color: #6D6E71!important;
  text-transform: uppercase;
  font-weight: bold;
}
.sitemap_level3 > li > a, .sitemap_level3 > li > a:hover, .sitemap_level3 > li > a:visited, .sitemap_level4 > li > a, .sitemap_level4 > li > a:hover, .sitemap_level4 > li > a:visited{
  position: relative;
}
.sitemap_level3 > li > a:before, .sitemap_level4 > li > a:before{
  content:">";
  padding-right:5px;
}
.sitemap_level4 > li > a{
  margin-left: 15px;
  display: block;
}

.sitemap_level1 > li {
  /*
  float: left;
  width: 33.3333%;
  padding: 0 10px;
  */
}

/* LIENS UTILES */
.linkable-list{
  margin-top: -30px;
}
.multi--img_linkable {
  width: 18.6%;
}

.multi--details_linkable {
  width: 81.4%;
}

/* ACCES */
.acces--map .map > div {
  width: 100%!important;
}
.multi--details_acces p, .multi--details_acces ul, .multi--details_acces li{
  margin-top: 0.5em;
}
.multi--details_acces h2{
  text-transform: uppercase;
}

/* BROCHURES */
.brochures--list{
  overflow: hidden;
  border-bottom: 1px solid #6D6E71;
}
.brochures--item{
  float: left;
  width: 20%;
}
.brochures--item > div{
  max-width: 126px;
  margin-left: auto;
  margin-right: auto;
}
  .brochure--title{
    font-size: 1.2em;
    text-transform: uppercase;
    color: #10B8CD;
    min-height: 42px;
  }
  .brochures--img{
    height: 170px;
    overflow: hidden;
  }
  .brochure--img img{
    border: 1px solid #6D6E71;
  }
  .brochures--more{
    min-height: 67px;
  }
  .brochures--more a, .brochures--more a:visited, .brochures--more a:hover{
    color: #6D6E71!important;
  }
/*.brochures--form fieldset{
  margin-top: 0;
}*/
/*.brochures--form .row, .ecard--form .row{
  position: relative;
}*/
/*.brochures--form .formulaire .row > label{
  width: 220px;
}*/
/*.brochures--form .error-form, .ecard--form .error-form{
  position: absolute;
  top: 0;
  margin-left: 0;
  margin-bottom: 0;
  margin-top: 0;
}*/
/*.brochures--form .error, .ecard--form .error{
  padding-top: 17px;
}*/
.brochures--form #captcha > p, .ecard--form #captcha > p{
  display: none;
}
.brochures--form .recaptcha + .error, .ecard--form .recaptcha + .error{
  margin-top: 0;
  margin-left: 7px;
  padding-top: 0;
}
.brochures--form #newsletter{
  margin-right: 10px;
}

/* E-CARD */
.ecard{

}
.ecard--list{
  overflow: hidden;
  margin-top: 35px;
}
  .ecard--item{
    float: left;
    margin-bottom: 30px;
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
  }
    .ecard--item > div{
      max-width: 320px;
      width: 100%;
      padding: 10px;
      background: #F3F3F4;
      min-height: 290px;
      margin-left: auto;
      margin-right: auto;
    }

    .ecard--title{
      margin-top: 10px;
      text-align: center;
      font-size: 1.2em;
      min-height: 42px;
    }
    .ecard--img_wp{
      overflow: hidden;
    }
    .ecard--item input{
      margin-right: 10px;
      margin-left: 5px;
      vertical-align: top;
    }
    .ecard--credit{
      vertical-align: top;
      display: inline-block;
    }

    .ecard--download_wp{
      height: 32px;
      font-size: 0.96em;
    }
.ecard--form{
  border: 1px solid #10B8CD;
  padding: 20px;
  position: relative;
  margin-top: 20px;
}
  .ecard--form-title{
    background: #FFF;
    position: absolute;
    top: -10px;
    left: 15px;
    font-size: 1.1428571428571428em;
    font-weight: bold;
    text-transform: uppercase;
    color: #10B8CD;
    padding-left: 5px;
    padding-right: 5px;
  }
  .ecard .formulaire fieldset{
    margin-top: 0;
  }
  .ecard .formulaire .row{
    width: 50%;
    margin-right: 15px;
  }
  .ecard .formulaire .row:nth-child(7n){
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    margin-right: 0;
    margin-left: 15px;
    margin-top: 0;
    width: 43%;
  }
    ecard .formulaire .row:first-child{
      margin-top: 0;
    }
    .ecard .formulaire .row:nth-child(7n) > *{
      width: 100%;
      display: block;
    }
    .ecard .formulaire .row textarea{
      height: 227px;
    }
    .ecard .formulaire .row:nth-child(7n) .error-form{
      left: 80px;
      top: 17px;
    }
  .ecard .submit{
    /*text-align: right;*/
  }

  .ecard .submit > div > input{
    display: inline;
    background: rgba(0, 0, 0, 0);
    font-size: 1em;
    padding: 0;
  }

  .is-not-on-fancy{
    display: none;
  }

/* COMPARATEUR */
.multi--item_comp{
  background: #F3F3F4;
  float: left;
  width: 30.66666666666667%;
  margin-left: 4%;
  padding-top: 25px;
  padding-bottom: 0;
}
.multi--item_comp:first-child{
  margin-left: 0;
}
  .multi--close_comp{
    position: absolute;
    top: 5px;
    right: 5px;
    background-position: -4px -55px;
    background-size: 51px;
  }
  .multi--header_comp{
    min-height:277px;
  }
  .multi--title_comp{
    font-size: 1.8rem;
    height: 63px;
    overflow: hidden;
  }
  .multi--img_comp{
    height: 139px;
    overflow: hidden;
  }
  .multi--img_comp .is-img-events-empty{
    background-size: 210px;
  }
  .button_openS > a{
    width: 100%;
  }

  .yep-nope-list{
    margin-top: 10px;
    border-top: 1px solid #BCBDC0;
  }
  .yep-nope-list li{
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    height: 40px;
    margin: 0;
  }
    /*.yep-nope-list li:nth-child(2n+2){
      background: #E4E4E4;
    }*/
  .yep-nope-list-item .yep-nope-list{
    margin-top: 0;
    border-top: 0;
    background: #F3F3F4;
  }
    .yep-nope-list-item .yep-nope-list li{
      padding-top: 7px;
      min-height: 40px;
    }

  .yep-nope-list-item{
    margin-top: 76px;
  }

  .yep-nope--title{
    background: #10B8CD;
    color: #FFF;
    display: block;
    padding: 5px 0 2px 15px;
    font-size: 1.6rem;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    height: 26px;
  }

  #comparateur_email_choix_destinataire{
    min-width: 340px;
  }

/* BOUTON COMPARATEUR */
.btn_comp{
  margin:0 0 -30px 70px
}
  .btn_comp input{
  }
  .btn_comp label{
  }
  .btn_comp a, .btn_comp a:visited{
    text-decoration: underline;
    color: #6D6E71;
  }
  .btn_comp a:hover{
    text-decoration: none;
  }
/* overDiv */
  .od_ad_to_cart{
    background: #fff;
    border: 1px solid #00B8CD;
    padding: 30px 10px 10px;
  }
  .overlibclose a{
    position: absolute;
    top: 5px;
    right: 5px;
    background-position: -4px -55px;
    background-size: 51px;
    width: 20px;
    height: 20px;
    background-image: url('/images/sprite.png');
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0);
    display: inline-block;
    vertical-align: middle;
    text-indent: -999em;
  }
  .overlibcaption{
    display: none;
  }
  #add2cart_confirmation ul{
    margin-top: 10px;
    color: #10B8CD;
  }
  #add2cart_confirmation li{
    margin-top: 5px;
    color: #10B8CD;
  }
  #overlibfooter{
    margin-top: 10px;
    text-align:right;
    display: none;
  }

/* BEGIN Julien "WTF" S. 01/10/14 */
@media (max-width: 980px) {
  .e-cards{
    display: none;
  }
  .comparateur #main, .comparateur .left-bar, .comparateur .grid-default-switch > *:first-child {
    width: auto;
    float:none;
    margin-left:0;
  }
  .comparateur .left-bar > div { height: auto!important; }
  .comparateur .widget-pro--item {
    display:inline-block;
    margin-left:5px;
  }
  .comparateur .widget-pro--item:before { content:"> "; }
  .ecard--item > div { min-height: inherit; } /* Julien "WTF" D. 02/10/14 */
}
@media (max-width: 640px) {
  .comparateur .left-bar { margin-bottom:0; }
  .comparateur .left-bar > div { padding-top:20px; }
  .multi--item_comp {
    width: 100%;
    margin-left: 0;
    margin-top:20px;
  }
  .yep-nope-list > li {
    float:left;
    width: 50%;
  }
  .multi--title_comp { height:auto; }
}
@media (max-width: 320px) {
  .yep-nope-list > li {
    float:none;
    width: auto;
  }
}
/* END "WTF" S. 01/10/14 */

@media (max-width: 768px) {
  .btn_comp{
    position:static;margin:0 0 10px 0
  }
}


/* METEO ET MAREES */
/* bloc ville */
.meteo--item{
  /* background: #F3F3F4; */
}
  .meteo--item-container{
    background: #fff;
  }
  .meteo--item-title{
    color: #E5002D;
  }
  .meteo--map { height:400px; } /* Julien "WTF" S. 02/10/14 */

/* affichage de la meteo */
  .meteo--box{
    border: 1px solid #10B8CD;
    padding: 15px;
    position: relative;
    margin-top: 10px;
  }
  .meteo--box:first-child{
    margin-bottom: 25px;
  }
  .meteo--box-title{
    background: #FFF;
    position: absolute;
    top: -10px;
    left: 15px;
    font-size: 1.1428571428571428em;
    font-weight: bold;
    text-transform: uppercase;
    color: #10B8CD;
    padding-left: 5px;
    padding-right: 5px;
  }
  /* systeme de tab meteo */
  .meteo--day-tab{
    max-width: 150px;
    width: 33.3333%;
    border: 1px solid #E0E0E0;
  }
    .meteo--day-tab button{
      padding-top: 5px;
      padding-bottom: 5px;
      outline: none;
      color: #6D6E71;
      font-weight: bold;
    }
    .meteo--o .is-tab-nav-active button{
      background: #E0E0E0;
      color: #6D6E71;
    }

  .meteo--o .fn-tab--container{
    border: 5px solid #E0E0E0;
  }

  /*  Affichage de matin midi soir */
  .meteo--day-3{
    border-left: 1px solid #F3F3F4;
    padding-top:10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }
    .meteo--day-container{
      opacity: 0;
      display: none;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }
    .meteo--day-container.is-tab-item-active{
      opacity: 1;
      display: block;
    }

  /* Affichage matin */
  .meteo--day-title{
    font-weight: normal;
  }
  .meteo--day-caption{
    font-size: 0.9em;
  }
  .meteo--temperature{
    font-size: 1.6em;
  }
  .meteo--wind{
    font-size: 1.2em;
  }

  /*  Affichage des UV */
  .meteo--uv{
    border-top: 1px solid #F3F3F4;
    clear: both;
  }
    .meteo--uv p{
      font-size: 1.2em;
    }

  /*  MAREES */
  .marees{
    margin-top: 10px;
    margin-bottom: 0;
  }
  .marees th, .marees td{
    color: #6D6E71;
    background: transparent;
    border: 1px solid #DADADA;
    text-align: center;
    vertical-align: middle;
  }
  .marees--subtitle{
    font-weight: normal;
  }

@media (max-width: 980px) {
  .brochures--item{
    width: 25%;
  }
  .brochures--item > div{ margin-left: auto; margin-right: auto; }
}
@media (max-width: 940px) {
  .comparateur-content .widget-nav-left{
    height: auto!important;
    padding-top: 0;
  }
  .comparateur-content .widget-nav-left ul{
    padding: 0;
    overflow: hidden;
  }
  .comparateur-content .widget-nav-left li{
    /*padding-left: 5px;
    padding-right: 5px;
    width: 25%;
    float: left;*/ /* Julien "WTF" S. 01/10/14 */
    margin-bottom: 0;
  }
  .yep-nope-list-item{
    display: none;
  }
    .critere_comp{
      position: static;
      clip: auto;
      width: auto;
      height: auto;
      overflow: visible;
      margin-left:5px; /* Julien "WTF" S. 01/10/14 */
    }
  .grid-default-switch > * {
    width: 66.530612%;
  }
  .grid-default-switch > *:first-child {
    width: 30%;
  }
}

@media (max-width: 768px) {
  .meteo--day-3 { width:auto; float:none; } /* Julien "WTF" S. 29/09/14 */
  .widget-map .widget--title { padding-left:0; }  /* Julien "WTF" S. 30/09/14 */
}
@media (max-width: 640px) {
  .brochures--form .error-form{
    top: auto;
    bottom: -16px;
  }
  .grid-default-switch > *:first-child {
    width: 40%;
  }
  .grid-default-switch > * {
    width: 56.530612%;
  }

  /* BEGIN Julien "WTF" S. 29/09/14 */
  .marees--head { position: absolute; top:-666em; }
  .marees--content td, .marees--content th {
    display:block;
    padding: 0;
    margin:5px 0 0 0;
    border:none;
    text-align: left;
  }
  .marees--content td:before { content: attr(data-title) " : "; }
  .marees--date:after {
    content:"Pleine mer";
    display: block;
    margin-top:5px;
  }
  .marees--low:after {
    content:"Basse mer";
    display: block;
    margin-top:5px;
    font-weight: bold;
  }
  .marees--content .marees--date{
    border-top:1px solid #DADADA;
  }

  /* END Julien "WTF" S. 29/09/14 */

}
@media (max-width: 640px) {
  .acces--map .map > div {
    /*height: 280px!important;*/
    height: 240px!important; /* Julien "WTF" S. 29/09/14 */
  }
}

@media (max-width: 600px) {
  .ecard .formulaire .row, .ecard .formulaire .row:nth-child(7n){
    width: 100%;
    margin-right: 0;
    position: relative;
    margin-top: 15px;
    margin-left: 0;
    top: 0;
    right: 0;
  }
  .sitemap_level0{
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
  }

  .multi--item_linkable{
    display: block;
  }
/*  .multi--img_linkable, .multi--details_linkable {
    width: 100%;
  }*/



  .brochures--item{
    width: 33.3333%;
  }
}

@media (max-width: 480px) {
  .ecard--item{ width: 100%; }
  .ecard--item > div{
    padding-left:5px;
    padding-right: 5px;
    min-height: inherit; /* Julien "WTF" S. 29/09/14 */
  }
  .multi--item_linkable img { max-width:200px; } /* Julien "WTF" S. 29/09/14 */
  .brochure--title { text-transform: none; } /* Julien "WTF" S. 29/09/14 */
  .meteo--item-container { padding:0; } /* Julien "WTF" S. 29/09/14 */
  .ecard .submit > div:first-child { margin-bottom:10px; } /* Julien "WTF" S. 29/09/14 */
}

@media (max-width: 460px) {
  .brochures--item{
    width: 50%;
  }

    .grid-default-switch > *, .grid-default-switch > *:first-child{
    float: none;
    width: 100%;
    margin-left: 0;
  }
    .grid-default-switch > *:first-child{
      margin-bottom: 20px;
    }

}

/*  --------------------
  ==widgets
  -------------------- */.widget {
  margin-top: 25px;
}
.widget_secondary {
  background: #f3f3f4;
}
.widget_secondary a:first-child {
  text-decoration: none;
}
.right-bar .widget:first-child,
.theme-02--aside .widget:first-child,
.left-bar .widget:first-child {
  margin-top: 0;
}
.no-title>.widget--title:first-child{
 display: none;

}
.no-title {
 margin-top: 0!important;
}
.left-bar .no-title {
  margin-top: 25px!important;
}
.widget--title {
  margin-bottom: 15px;
  padding-bottom: 5px;
  padding-left: 15px;
  border-bottom: 1px solid #939598;
  line-height: 1;
  font-size: 1.8rem;
  color: #e5002d;
  font-weight: bold;
  text-transform: uppercase;
}
.widget--title span {
  color: #939598;
}
.widget--title_secondary {
  border-bottom: 0;
  color: #10b8cd;
  font-size: 1.5rem;
  padding-bottom: 0;
}
.widget-client-form {
  border: 1px solid #e7e7e8;
}
.widget-client-form .widget--title {
  font-size: 1.4rem;
  color: #e5002d;
  padding-left: 0;
  border: 0;
  padding-bottom: 0;
  font-weight: bold;
}
.widget-client-form a {
  text-decoration: none;
}
.widget-client-form label {
  font-weight: bold;
}
.widget-client-form input {
  border: 1px solid #e7e7e8;
  border-radius: 0;
}
.widget-theme-03 {
  border-bottom: 1px solid #6d6e71;
  padding-bottom: 25px;
}
.widget-theme-03 p {
  padding-left: 15px;
  padding-right: 15px;
  font-size: 1.2rem;
  margin-top: 1em;
}
.widget-theme-03 .widget--title {
  font-size: 1.4rem;
  padding-right: 0;
  color: #6d6e71;
  border: 0;
  padding-bottom: 0;
}
.widget-warranty .widget--title {
  letter-spacing: -0.02em;
}
.widget-groupe-devis .widget--title {
  font-size: 1.7rem;
}
.widget-groupe-devis p {
  letter-spacing: -0.02em;
}
.widget-groupe-devis strong {
  font-size: 1.4rem;
}
.widget-groupes-mentions .widget--title {
  font-size: 1.7rem;
}
.widget-groupes-mentions p {
  letter-spacing: -0.02em;
}
.widget-groupes-mentions strong {
  color: #10b8cd;
}
.widget-search {
  float: right;
}
.widget-search--input {
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 25px;
  border: 0;
  background: #e7e7e8;
}
.widget-search--input::-webkit-input-placeholder {
  color: #6d6e71;
}
.widget-search--input:-moz-placeholder {
  color: #6d6e71;
}
.widget-search--input::-moz-placeholder {
  color: #6d6e71;
}
.widget-search--input:-ms-input-placeholder {
  color: #6d6e71;
}
.widget-search--input:focus {
  color: #6d6e71;
  border: 0;
}
.widget-shortcut {
  float: right;
}
.widget-shortcut--item {
  float: left;
  border-right: 1px solid #6d6e71;
}
.widget-shortcut--item:first-child {
  border-left: 1px solid #6d6e71;
}
.widget-shortcut--link {
  text-decoration: none;
  color: #6d6e71;
}
.widget-shortcut--link:hover,
.widget-shortcut--link:visited {
  color: #6d6e71;
  text-decoration: none;
}
.widget-shortcut--link_meteo {
  padding-left: 35px;
  position: relative;
}
.widget-shortcut--link_meteo:before {
  content: "";
  position: absolute;
  top: -6px;
  left: 0;
  width: 30px;
  height: 30px;
  background: url('/images/sun.png') no-repeat;
}
.widget-shortcut--simple {
  margin-top: 4px;
}
.widget-shortcut--social {
  height: 19px;
  margin-top: 4px;
}
.widget-shortcut--social a {
  width: 28px;
  height: 28px;
  margin-top: -5px;
}
.widget-shortcut--youtube {
  background: url('/images/ico-youtube.png') no-repeat;
}
.widget-shortcut--facebook {
  background: url('/images/ico-facebook.png') no-repeat;
}
.widget-shortcut--trad {
  position: relative;
  margin-top: 4px;
}
.widget-shortcut--trad {
  width:60px; height: 18px;
  position: relative;
  overflow: hidden;
}
.widget-shortcut--trad:after {
  content: "";
  position: absolute;
  z-index: 2;
  right: 6px;
  top: 6px;
  width: 0;
  height: 0;
  border-top: 7px solid #6d6e71;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.widget-shortcut--trad a {
  display: block;
  width: 50px;
  height: 38px;
  border:10px solid #fff;
  background-image: url('/images/flag.png');
  background-repeat: no-repeat;
}
.widget-shortcut--trad a:hover {
  border-color: #e5002d;
}
.widget-shortcut--trad a.active {
  position: absolute;
  top:-10px; left:0;
}
.widget-shortcut--trad a.active:hover {
  border-color:#fff;
}
.widget-shortcut--trad ul {
  z-index: 2;
  background: #fff;
  position: absolute;
  top:0;
  left: 0;
  padding-top: 30px;
}
.widget-shortcut--trad:hover {
  overflow: visible;
}
.widget-shortcut--french {
  background-position: 0 0;
}
.widget-shortcut--english {
  background-position: 0 -20px;
}
.widget-shortcut--dutch {
  background-position: 0 -40px;
}
.widget-shortcut--deutsch {
  background-position: 0 -60px;
}
.widget-map--nav {
  padding: 0;
}
.widget-map--nav-item {
  padding: 0 2px;
}
.widget-map--nav-item button {
  /*font-size: 1.7rem;*/
  font-size: 1.4rem;
  /*font-weight: bold;*/
  color: #6d6e71;
  text-transform: uppercase;
  background: #fff;
  padding-top: 3px;
  padding-bottom: 3px;
}
.widget-map--nav-item button:hover {
  background: #e5002d;
  color: #fff;
}
.is-tab-nav-active button {
  background: #939598;
  color: #fff;
  font-weight: bold;
}
.widget-map--shadow {
  position: relative;
  z-index: 1;
  height: 2px;
  background: #939598;
  /*.box-shadow(0 -1px 4px fade(#939598, 100%));*/
}
.widget-map--item {
  opacity: 0;
  display: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.widget-infos--title {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.7rem;
}
.widget-infos--item {
  font-size: 1.7rem;
}
.widget-infos--item a {
  color: #6d6e71;
  text-decoration: none;
}
.left-bar .widget-pro {
  background: #F3F3F4;
  border-bottom: 1px solid #10B8CD;
}
.left-bar .widget-pro .widget-pro--title {
  background: #10b8cd;
  color: #FFF;
  display: block;
  padding: 5px 0 2px 15px;
  font-size: 1.8rem;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}
.left-bar .widget-pro ul {
  padding-left: 15px;
  padding-right: 5px;
}
.left-bar .widget-pro li {
  padding-bottom: 10px;
  padding-top: 10px;
}
.left-bar .widget-pro a {
  padding-left: 0;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  color: #6d6e71;
}
.left-bar .widget-pro a:visited {
  color: #6d6e71;
}
.left-bar .widget-pro a:hover {
  color: #10b8cd;
}
.left-bar .widget-pro .active a {
  color: #10b8cd;
}
/*ajout Dorine le 01/04/16*/
.left-bar .widget-banniere a{
    margin-bottom:25px;
    display: block;
}
.left-bar .widget-banniere p:last-child a{margin-bottom:0;}
/*fin ajout*/
#footer .widget-pro--title {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  clip: rect(1px 1px 1px 1px);
  /* IE7 et inf */

  clip: rect(1px, 1px, 1px, 1px);
}
#footer .widget-pro--item:last-child a,
#footer .widget-pro--item:nth-last-child(2) a {
  color: #e5002d;
}
#footer .widget-pro--link {
  text-decoration: none;
  font-weight: bold;
  font-size: 1.7rem;
  text-transform: uppercase;
  color: #6d6e71;
}
#footer .widget-pro--link:hover,
#footer .widget-pro--link:visited {
  color: #6d6e71;
  text-decoration: none;
}
.widget-logos > .widget--title {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  clip: rect(1px 1px 1px 1px);
  /* IE7 et inf */

  clip: rect(1px, 1px, 1px, 1px);
}
.widget-logos img {
  vertical-align: top;
}
.widget-legacy {
  width: 100%;
  margin: 0;
  text-align: center;
  font-weight: bold;
}
.widget-legacy a, .widget-legacy a:visited {
  color: #6D6E71;
  text-decoration: none;
}
.widget-legacy a:hover {
  text-decoration: underline;
}
.widget-gift{
  margin-top: 0!important;
  background: #f1f1f2;
  padding-bottom: 15px;
  border-bottom: 1px solid #10B8CD;
}
.widget-gift .widget--title{
  background: #6d6e71;
  padding-top: 8px;
  color: #FFF;
  border: 0;
}
.widget-gift p{
  padding-left: 15px;
  padding-right: 15px;
}
.widget-resa {
  position: relative;
  background: rgba(255, 255, 255, 0.9);
  z-index: 1;
  border: 1px solid #e7e7e8;
  min-height: 380px;
}
.widget-resa .widget--title {
  border: 0;
  margin-bottom: 0;
}
.widget-resa .widget--title span {
  color: #e5002d;
}
.widget-resa .is-tab-nav-active button {
  background: #10b8cd;
  color: #fff;
}
.widget-resa .widget-resa--nav-item:first-child button {
  border-left-width: 0;
}
.widget-resa--nav-button {
  background: #fff;
  border-color: #e7e7e8;
  border-style: solid;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 0;
  font-weight: bold;
  font-size: 1rem;
  text-transform: uppercase;
  color: #6d6e71;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.widget-resa--nav-button:hover {
  background: #e5002d;
  color: #fff;
}
.widget-resa--item {
padding-left: 15px;
padding-right: 15px;
padding-top: 20px;
  opacity: 0;
  display: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.widget-resa--entry #widget-resa--age1, .widget-resa--entry #widget-resa--age2, .widget-resa--entry #widget-resa--age3, .widget-resa--entry #widget-resa--age4{
  display: block;
  float: right;
  clear: both;
  margin-top: 3px;
}
.is-tab-item-active {
  opacity: 1;
  display: block;
}
.widget-resa--entry {
  margin-bottom: 10px;
}
.widget-resa--entry select,
.widget-resa--entry input,
.map-ux .widget-resa--entry .datepicker{
  height: 23px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
#carte_interactive_nb_result{
  text-align: right;
  height: 20px;
}
#carte_interactive_nb_result.noresult{
  font-weight: bold;
  font-size: 1.6rem;
}
.carte_interactive_loading{
  position: fixed;
  z-index: 999;
  width: 100%;
  top: 45%;
  left: 0;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.carte_interactive_loading > div:first-child{
  padding: 20px;
  border: 3px solid #10B8CD;
  background: #fff;
  color: #10B8CD;
  font-size: 18px;
  text-transform: uppercase;
  display: inline;
}
/*legende de la carte*/
.lg-item {
  width: 24%;
  vertical-align: middle;
  margin-top: 10px;
  margin-bottom: 10px;
}
.lg-item span {
  vertical-align: middle;
  padding-left: 5px;
}
.lg-item--img {
  vertical-align: middle;
  width: 40px;
}
.widget-resa--entry .datepicker, .datepicker {
  width: 70%;
}
.widget-resa--entry .ui-datepicker-trigger, .ui-datepicker-trigger {
  width: 23px;
  height: 23px;
}
.widget-resa--entry-title {
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: uppercase;
  width:80%; /* Julien "WTF" S. 30/09/14 */
}
.widget-resa--list a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
}
/* Variante accueil  */.widget-resa_home {
  margin-top: -370px;
  -webkit-box-shadow: 0 2px 4px rgba(109, 110, 113, 0.5);
  box-shadow: 0 2px 4px rgba(109, 110, 113, 0.5);
}
.widget-resa_home > .widget-resa {
  border: 0;
  min-height: 385px;
  margin-top: 0;
}
.widget-resa_home .widget-resa--nav-button {
  font-size: 1.2rem;
}
.widget-resa_home .widget-resa--entry-title {
  font-size: 1.4rem;
}
.widget-resa_home .button_search {
  font-size: 1.8rem;
}
#bt-zoom-carte-localisation {
  float: right;
  margin-bottom: 5px;
}
.widget-newsletter input {
  height: 30px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
.widget-newsletter .widget--title span {
  display: block;
  font-weight: normal;
}
.home-page .widget--title span {
  display: inline;
  font-weight: bold;
}
.widget-last-elements--link {
  color: #6d6e71;
  text-decoration: none;
}
.widget-last-elements--link:visited{
  color: #6d6e71;
  text-decoration: none;
}
.widget-last-elements--link:hover {
  color: #6d6e71;
  text-decoration: underline;
}
.widget-last-elements--date {
  font-weight: bold;
  font-size: 2rem;
  color: #10b8cd;
  line-height: 1;
}
.widget-last-elements--title {
  font-size: 1.7rem;
}

.widget-agenda .widget-last-elements--title {

}
.widget-news {
  margin-left: 0;
}
.widget-news ul li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 5px;
}
.widget-news ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  padding-right: 5px;
  border-left: 8px solid #E5002D;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
.widget-news .widget-agenda--link {
  display: none;
}
.widget-news .widget-last-elements--date {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  clip: rect(1px 1px 1px 1px);
  /* IE7 et inf */

  clip: rect(1px, 1px, 1px, 1px);
}
.widget-agenda .widget-news--link {
  display: none;
}
.widget-agenda li {
  margin-bottom: 7px;
}
.widget-videos {
  margin-left: 5.1020408163265305%;
  float: right;
}
.widget-youtube iframe {
  width: 100%;
  height: 200px;
}
.widget-search-cat .widget--title {
  border: 0;
  letter-spacing: -0.02em;
  margin-bottom: 5px;
}
.widget-search-cat [type="text"],
.widget-search-cat select {
  height: 23px;
  max-width: 100%;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
.widget-search-cat [type="checkbox"] {
  margin-right: 5px;
}
.widget-search-cat .mot-cle input {
  height: 30px;
}
.widget-search-cat .mot-cle .button_newsletter {
  font-size: 1.5rem;
  margin-bottom: -1px;
}
.widget--subtitle {
  font-weight: bold;
  font-size: 1.8rem;
}
.border-top {
  border-top: 1px solid #10b8cd;
}
.border-bottom {
  border-bottom: 1px solid #10b8cd;
}
.border-bottom + * {
  padding-top: 15px;
}
.border-bottom + .border-top, .border-bottom-none + .border-top, #searchFamille + .border-top{
  border-top: 0;
}
.border-bottom-none{
  padding-bottom: 0;
}
.border-bottom +
.nav-secondary + input + .border-top, .nav-secondary + .border-top{
  border-top: 0;
}
#slider-distance-rayon,
#slider-distance-mer {
  border: 0;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background: #e7e7e8;
  height: 4px;
}
#slider-distance-rayon .ui-state-default,
#slider-distance-mer .ui-state-default {
  width: 13px;
  height: 13px;
  border: 0;
  -webkit-border-radius: 11px;
  border-radius: 11px;
  background: #10b8cd;
}
/*  Toggle des items */#f_affinez .prod--spec--title {
  color: #6d6e71;
  font-size: 1.6rem;
  letter-spacing: -0.06em;
  text-transform: none;
}
#f_affinez .prod--spec--title span {
  margin-right: 2px;
  font-size: 1.7rem;
}
.widget-bonsplans {
  padding: 15px;
  border-bottom: 1px solid #10b8cd;
}
.widget-bonsplans a, .widget-bonsplans a:hover, .widget-bonsplans a:visited {
  color: #10b8cd;
  font-size: 1.8rem;
  text-decoration: none;
}
.is-links-removed{
  padding-bottom: 10px;
}
.is-links-removed a{
  cursor: default;
}
.is-links-removed .button_more-small{
  display: none;
}

/* RECHERCHE CARTE INTERACTIVE */
.map-ux{

}
.map-ux--title{
  display: block;
  padding: 0 0 2px 15px;
  color: #E5002D;
  margin-bottom: 10px;
  font-size: 1.8rem;
  font-weight: bold;
  text-transform: uppercase;
}
.map-ux--nav{
  background: #F3F3F4;
}
  .map-ux--nav input[type="checkbox"]{
    margin-left: -20px;
  }
  .map-ux--nav label{
    padding-left: 4px;
  }

.map-ux .map-ux--subtitle{
  background: #10B8CD;
  display: block;
  padding: 5px 0 2px 15px;
  color: #FFF!important;
  font-size: 1.8rem!important;
  font-weight: bold;
  text-transform: uppercase!important;
}

.map-ux .prod--spec--title{
  color: #6D6E71;
  font-size: 1.6rem;
  letter-spacing: -0.06em;
  text-transform: none;
}
.map-ux .prod--spec--title span{
  margin-right: 2px;
}

.map-ux [type="text"] {
  height: 30px;
}

.map-ux select{
  width: 100%;
}

.widget-logos {
    float: right!important;
}

.labels_checkbox{width:20px;padding-top:1px}

/*  --------------------
  ==@widgets
  -------------------- */
@media (max-width: 980px) {
  .widget-resa {
    margin-top: 20px;
    padding-top: 0;
    min-height: 0;
  }
  .widget-resa .widget--title {
    cursor: pointer;
  }
  .is-widget-resa-close {
    overflow: hidden;
    height: 30px;
    min-width: 300px;
    padding-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 2;
  }
  .is-widget-resa-close .widget--title {
    padding-top: 0;
    padding-bottom: 0;
  }
  .is-widget-resa-close .widget--title > * {
    vertical-align: middle;
  }
  .is-widget-resa-close .ico_resa {
    -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
    /* accélération matérielle */
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .is-widget-resa-open {
    height: auto;
  }
  .is-widget-resa-open .ico_resa {
    -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
    /* accélération matérielle */
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .widget-resa_home {
    margin-top: 20px;
    margin-bottom: 20px; /* Julien "WTF" S. 30/09/14 */
    float: none;
    width: 100%;
    padding-bottom: 10px;
  }
  .widget-resa_home .widget-resa {
    position: static;
    top: 0;
    left: 0;
    z-index: 3;
    min-height: 0;
  }
  .widget-resa_home .widget-resa .widget--title span {
    display: inline-block;
  }
  .widget-resa--entry-title {
    width: auto; /* Julien "WTF" S. 30/09/14 */
    margin-right: 10px;  /* Julien "WTF" S. 30/09/14 */
  }
}
@media (max-width: 768px) {
  .widget {
    margin-left: auto;
    margin-right: auto;
    max-width: 250px;
  }
  .widget--title {
    letter-spacing: auto;
  }
  .widget-video-spe {
    max-width: 320px;
  }
  .widget-video-spe iframe {
    height: 250px;
    width: 100%;
  }
  .widget-newsletter {
    max-width: 100%;
  }
  .widget-videos {
    width: 47.5%;
    max-width: 100%;
    margin-left: 0;
  }
  .widget-news {
    width: 47.5%;
    max-width: 100%;
    margin-left: 0;
    clear: both;
  }
  .widget-infos {
    width: 100%;
    max-width: 100%;
  }
  .widget-infos--title{
    text-align: left;
  }
  .widget-infos--item{
    text-align: left;
  }
  .widget-pro--item{
    text-align: left;
  }
  .widget-agenda {
    width: 47.5%;
    max-width: 100%;
    margin-left: 5%;
  }
  .widget-pro {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }
  .widget-map {
    max-width: 100%;
    margin-left: auto!important;
  }
  .widget-logos {
    margin-left: 0;
    float: none!important;
    text-align: center;
margin: 0 auto;
  }
  .widget-legacy {
    width: 100%;
    max-width: 100%;
    margin-top: 20px;
    margin-left: 0;
  }
  .widget-resa,
  .widget-theme-03 {
    max-width: 100%;
  }
  .widget-shortcut {
    max-width: 400px;
    margin-right: 0; margin-left: 0;
  }
  .widget-gift { max-width: none; } /* Julien "WTF" S. 25/09/2014 */
  .widget-security { text-align: center; } /* Julien "WTF" S. 26/09/14 */
  .widget-client-form{
    margin-left: 0;
  }
  .ico_resa {
    float: right;
    background-color: #fff;
  }
  .widget-resa .widget--title span {
    padding: 5px 0;
  }
}
@media (max-width: 600px) {
  .widget-search {
    float: none;
    max-width: 100%;
  }
  .widget-shortcut {
    float: none;
  }
  .widget-search--input {
    width: 92%;
  }
  .carte_interactive_loading > div:first-child{
    padding: 5px;
    border: 2px solid #10B8CD;
    font-size: 14px;
  }
  .lg-item {
    width: 32%;
  }

}
@media (max-width:520px){}
@media (max-width: 480px) {
  .widget-promos{
    margin-top: 0;
  }
  .widget-search {
    margin-top: 0;
    float: none;
  }
  #searchform {
    text-align: center;
  }
  .widget-search--input {
    width: 93%;
  }
  .widget-shortcut{
    margin-left:0; margin-right:0;
    max-width:none;
    text-align:left;
  }
  .widget-shortcut--item{
    display:inline-block;
     float:none;
  }
  .widget-shortcut--list {
    display: inline-block;
  }
  .widget-resa {
    width: 100%;
    float: none;

  }
  .widget-resa .widget--title {
    background: #e5002d;
    display: block;
    padding-bottom: 0;
  }
    .is-widget-resa-close .widget--title{
      background: #fff;
    }
  .widget-resa .widget--title span {
    color: #fff;
    display: inline-block;
    font-size: 0.9em;
  }
    .is-widget-resa-close .widget--title span:first-child{
      color: #e5002d;
    }
  .widget-resa_home {
    width: 100%;
    float: none;
    box-shadow: none;
  }
  .widget-resa_home .widget-resa {
    position: static;
    margin-top: 20px;
    border: 1px solid #e5002d;
  }

  .widget-promos a,
  .widget-videos a {
    display: block;
    text-align: center;
  }
  .widget-videos {
    width: 100%;
  }
  .widget-news,
  .widget-agenda {
    width: 100%;
    margin-left: 0;
  }
  .lg-item {
    width: 49%;
  }
  .widget-shortcut--social{
    margin-left:0;
    border-left:none;
    clear:none;
    margin-top:0;
  }
  .widget-warranty { margin-top:20px; } /* Julien "WTF" S. 26/09/14 */

  .widget-resa--entry-title { width: 80%; } /* Julien "WTF" S. 30/09/14 */
  .widget-resa_home { margin-bottom: 0; } /* Julien "WTF" S. 30/09/14 */
}
@media (max-width: 420px) {
  .widget-shortcut--social{
    padding-left: 0;
  }
  .widget-shortcut--trad {
    margin-top: 13px;
  }
  .widget-search--input {
    width: 80%;
  }
}
@media (max-width: 320px) {
  .widget-search--input {
width: 90%;
}
}

.dix-bonnes-raisons .multi--item a, .dix-bonnes-raisons .multi--item a:visited{
  color: #10B8CD!important;
  text-decoration: none!important;
}
.dix-bonnes-raisons .multi--item a:hover,.dix-bonnes-raisons .multi--item a:hover{
  color: #6d6e71!important;
  text-decoration: underline!important;
}

/*  --------------------
  ==plugins
  -------------------- */

/* SCROLLBAR */

.scroll {
  max-height: 152px;
  height: 152px;
}
.mCSB_container {
  width: auto;
  margin-right: 20px;
  overflow: hidden;
}
.mCustomScrollBox > .mCSB_scrollTools {
  width: 7px;
  height: 100%;
  top: 0;
  right: 0;
}
.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}
.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #10b8cd;
  width: 7px;
  height: 100%;
  margin: 0 auto;
}
.mCSB_scrollTools .mCSB_draggerRail {
  background: #c9cccf;
  width: 2px;
  height: 100%;
  margin: 0 auto;
}

/* SebR 10/07/14 pour ajouter un loading a l'autocomplete */
.ui-autocomplete-loading {
    background: url("/images/ui-anim_basic_16x16.gif") no-repeat scroll right center white;
}

/* #support 20/08/2014 Ajout boutton menu de gauche sur une ligne */
.button_oligne{
  padding-left: 25px;
  font-size: 1.2rem;
  padding-right: 0px;
  width: 100%;
}

.calendar{
  background : white;
}

.calendar .nav a{
  color : white !important;
}

.formulaire .row.w45 {
  width: 45%;
}

/* #support  */
@media (max-width: 1024px) {
  .groupes--form .multi_radio{
    margin-right: 24%;
  }

  .groupes--form .row > label.small-f-left{
    float : left;
  }

  .groupes--form .row > label.small-wa{
    width : auto;
  }

  .groupes--form .row > label.small-mr2{
    margin-right : 10px;
    margin-top: -6px;
  }
}

/* #support  */
@media (max-width: 640px) {
  .groupes--form .multi_radio{
    margin-right: 22%;
  }

  .groupes--form .row > label, .gift--form .row > label{
    width : 100%;
  }
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #FFF;
  color: #444;
  text-shadow: none;
  /* SPECIAL VENDEE TOURISME */
  /*
-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
*/
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
/* SPECIAL VENDEE TOURISME */
.fancybox-outer{
  padding-top: 30px;
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url('/images/fancybox_sprite.png');
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('/images/fancybox_loading.gif') center center no-repeat;
}
/*
.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}
*/
/* SPECIAL VENDEE TOURISME */
.fancybox-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
  z-index: 8040;
  background-image: url('/images/sprite.png');
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0);
  display: inline-block;
  vertical-align: middle;
  background-position: 0 -73px;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('/images/blank.gif'); /* helps IE */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url('/images/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
/*@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
     only screen and (min--moz-device-pixel-ratio: 1.5),
     only screen and (min-device-pixel-ratio: 1.5){

  #fancybox-loading, .fancybox-close,  .fancybox-prev span, .fancybox-next span {
    background-image: url('/images/fancybox_sprite@2x.png');
    background-size: 44px 152px;
  }

  #fancybox-loading div {
    background-image: url('/images/fancybox_loading@2x.gif');
    background-size: 24px 24px;
  }
}*/

/*jquery ui */
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:none}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:normal}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:normal;margin:-1px}.ui-menu .ui-state-disabled{font-weight:normal;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:#eee url(/images/ui-lightness/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #e78f08;background:#f6a828 url(/images/ui-lightness/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #ccc;background:#f6f6f6 url(/images/ui-lightness/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#1c94c4}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#1c94c4;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #fbcb09;background:#fdf5ce url(/images/ui-lightness/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#c77405}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#c77405;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #fbd850;background:#fff url(/images/ui-lightness/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#eb8f00}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#eb8f00;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fed22f;background:#ffe45c url(/images/ui-lightness/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#b81900 url(/images/ui-lightness/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;color:#fff}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(/images/ui-lightness/ui-icons_222222_256x240.png)}.ui-widget-header .ui-icon{background-image:url(/images/ui-lightness/ui-icons_ffffff_256x240.png)}.ui-state-default .ui-icon{background-image:url(/images/ui-lightness/ui-icons_ef8c08_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(/images/ui-lightness/ui-icons_ef8c08_256x240.png)}.ui-state-active .ui-icon{background-image:url(/images/ui-lightness/ui-icons_ef8c08_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(/images/ui-lightness/ui-icons_228ef1_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(/images/ui-lightness/ui-icons_ffd27a_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#666 url(/images/ui-lightness/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;opacity:.5;filter:Alpha(Opacity=50)}.ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000 url(/images/ui-lightness/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;opacity:.2;filter:Alpha(Opacity=20);border-radius:5px}

/*  --------------------------------------------------
  == cookies validation
  -------------------------------------------------- */
.alert-cookie {
  -webkit-transition: none;
  transition: none;
  overflow: hidden;
  text-align: center;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  color: #fff;
  max-height: 9.2857em;
  -webkit-animation: cookie-anim 1s ease-in;
  animation: cookie-anim 1s ease-in;
  padding: 0.71429em;
  margin: 0;
}
.alert-cookie.is-hidden {
  -webkit-animation: none;
  animation: none;
  max-height: 0;
  padding: 0;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
@-webkit-keyframes cookie-anim {
  0% {
    max-height: 0;
    padding: 0;
  }
  100% {
    max-height: 9.2857em;
    padding: 0.71429em;
  }
}
@keyframes cookie-anim {
  0% {
    max-height: 0;
    padding: 0;
  }
  100% {
    max-height: 9.2857em;
    padding: 0.71429em;
  }
}
.alert-cookie--link,
.alert-cookie--link:visited {
  display: inline-block;
  color: #fff;
}
.alert-cookie--link:hover,
.alert-cookie--link:visited:hover {
  color: #fff;
}
.alert-cookie--btn {
  background: #939598;
  padding: 0.21429em 0.71429em 0.21429em 0.71429em;
  margin-left: 0.71429em;
  color:#fff;
  font-weight: bold;
}
.alert-cookie--btn:hover, .alert-cookie--btn:focus {
  background: #E5002D;
  background: linear-gradient(to right, #aa001d, #e5002d) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
@media (max-width:55.625em) { .alert-cookie br { display: none; } }


/* coffret cadeau - généralités */
.coffret-cadeau #widget-panier, .coffret-cadeau .content--img { display: none; }
.coffret-cadeau .multi-summary-grid--header { position:absolute; top:-666em; }
.coffret-cadeau .breadcrumb { padding-top:0; }

.new-visually-hidden {
  position: absolute !important;
  overflow: hidden !important;
  height: 1px !important;
  width: 1px !important;
  margin: 0 !important;
    padding: 0 !important;
  clip: rect(1px 1px 1px 1px) !important; /* IE7 et inf */
  clip: rect(1px,1px,1px,1px) !important;
}
.coffret-cadeau .prod--tools { margin:15px 0; }

/* coffret cadeau - slider */
.gift-box-slider {
  position: relative;
  overflow: hidden;
}
.gift-box-slider-links {
  position: absolute;
  left:0; bottom:0;
  display: table;
  width: 100%;
  height: 100px;
  background-color: #000;
  background-color: rgba(0,0,0,0.5);
}
.gift-box-slider-links--item {
  display: table-cell;
  text-align: center;
  padding: 10px;
  vertical-align: middle;
}
.gift-box-slider-links--link, .gift-box-slider-links--link:visited,
.gift-box-slider-links--link:hover, .gift-box-slider-links--link:visited:hover,
.gift-box-slider-links--link:focus, .gift-box-slider-links--link:visited:focus {
  color:#fff;
  text-decoration: none;
}

.ico-gift-box:before {
  content:"";
  display: block;
  height: 44px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGEAAADwCAMAAAAn4vp3AAABm1BMVEVMaXH////////////////5+fnz8/P////////09PT////////////7+/v////////r6+v////7+/v////5+fn////////+/v7////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////k5OT////////////////////////////////Hx8b////////////Dw8P////d3d339/fd3d3////KysrS0tHNzc3W1tbS0tLs7OzMzMzz8/Pg4ODo6OjEw8Pw8PDp6ejExMTY2Njz8/Pm5uXS0tLp6eni4uLIyMjZ2djd3d3////a2trk5OPo6Oj////7+/vt7e0CiJIyAAAAhnRSTlMA8BK59wUE/e4B8xcsEA0VDXsC+gfZtQpMQkeP1honHV+Wb2dRjPirPMZj3IDp7CSJ4eauMi6o9bzLVVg14x9b/IKkw7/Rcj8UoSkhOLBqdV2Tz9/J0554Kc3BbfuGIJyZIerxhRmYyP7SMEOFZLGT7nP+4Poqn980ovPWeumjWiG3ZcFGZdfjT9UAAA9tSURBVHhe7dfrVyJXvsbxp1GrRG4tXVAAAq1KIXJTVKFBFfGueNd2vBvsdLqTdDpJZ85MMplMjjnzdP7ss6oULdCmFeDFrPHzyoXL/V3b3669CtTpkZCY3jkXU1uvlgU0gz2xxCut3TYjGk6a6uCNrn4BDWaIskyyz4562NuEikCQGrGjvb1DJMlIAbUTfK615yM2Gdesr6hpT2+YR3oPOkhyVq49kGknyUjUb8Ul6ZAqcc4FzWGcZGsUANp8iYRP0H6ynZzY2qCSTCsnttKgpEBi0Qj4Am0oWeCVVq9fAgCj+zLQYsKVzDnJHQMA/z45swjAcPGCfHFhAGDr2SLDU9bLwPMiZ0eN0u6LAErNLaqSLd6X2xPzPsC40qUFnFaUSJ0ki88BBM6SdBoA+SWPHI4jnsqwrlLpcog8lgAg217sEmcMHmXteg/jVEXcALBWDBcEKagFwjbcGE+RPIUqqxUy5x2DwGBHzIW11Hkn7K9TEwUAGOYGZmjejPlREiXJ8wVoEi9aL9y8fXZW0iSdAgD0aoU9Om2Azcl5bDJvBQJhZgHAK3o9jnbP0GsrSpwkxRCuyMOMackL6PnGSM6YbgrrDFkAS4jr8PK1DBjSnAKAZSeZ6n2luHAtQvKZGyXCy5yazKNMYJjkTkJfGDYAhmGtcGYFbLOXBSS60z3YCZtwrYPkuYwbxynSkUAZf1gtTN6joHGneg39ntIktIMPvc7wzADKFeIkZy13/5e0wqK+cLZt3iO3ri6zI1IcRhmDCRUyJBmCftLDamFVm/SpDNgObgqGeHT62ZwztxWAKkmKp6jO6iV5NKgr9OYcfYDLkRtAVNzyAFMTR9fDPewwz9KDfY5DNUvmzlCd2UFywqUrLL/g9vyag2E/xh3cPTycYEsAl+SdWWGQSz3xpB+qaVIcQ1XCc5KcMUDVQ+1ZdM0eka0tbgDZGZHscI7jygYPcRIiYxtS6ZkWw6jKN0PyWRCafm+vrH04cHw8tQhVYmBwOmtFSSZoAgLrXhcuGR1kUUIVwhRJRkZQqw3yqB9VTG6RFJegWjZLUEmjNtxBHrfiNmmLuSXcUn6xcqIfwEiwyzFvAYDxg7EV3DY/NyDjtoUc2wP4pIUYL4+bfcrBUEt7Ris4uSmhknubBwkAI955A/Q6yZf4FNMMSXb5Ic+nIlOyi9MAIHt2tj2o1D2R6hoFphwMWqAnnbHVhbvJwaurVlp7tjMC9OWiUFl7lCgqDW/F0yuwh/fXDChnyOvuunKZDm3MMtzFLT+AjNIJTX/KC6vLDJ3xyIvzoAzZOwAg4PJBx3bGmclPPs3cWsHKi4i2Wja3Xro/91Zm4y3+QOnvJoPbjCl9WHkd2fkama3Ykg06lijDZtyyOEuSyX60HV6tPJC7gCbTGjyba2mdijpN0Hi5nxQjoxg8X6VnJRLqii9Dr20quZ1BBXmJJJ9kgcAse6GaV6agWTtPR/KzjvGzlDef7gMyT4J9uxyUA47ZYS5Hz18l0xajHXqFsfMzH/SEYI6kcmgH5MPiIVSdqQxU5hchr5LadlmcR4zlnD6ccUGeU9yYPiryEE5FmfOfpLMos/h8a+JY17APptRAj6xtZ+SyviYOXJaY3WDelxhO0ekOz/lO5ooL00Wx4N+lY0EO5hi1uPdv3xXmzkjytPSpfKYGWtck6GUYvTxiIautJT4bUdjVj1CsP0jub0diEcdQ8kl4jpvbkYNiPCugkjDSGUntR/slwDz7jGQ8Ux6Au1jsg3XzfGYUSAR3utedA214xeSTF6sT6f6plq215c5wqM8yvhQOjttxB2n5IswnjnDaQZKOfjvKydGO2G5X6mDcCMAasMg+GZj0pjcmC54E2nyTMmSf9trps+IT7L5+b4ya0AluMUXDswedASP0LCYBgh33Zz1xB5McWlvEHaw+k0nGAzx69Nd/PPv+nYAm+uZ7UvwVTfTuR5I/foHm+eEjSb5H0zz9jaq3TR2D6m9oFuOvH6n6Z/PO6j/Z3D08/U6k5is0h109SCrxWzSF8V9veOnNl2gG4V0pwO+Epszg24+88n1TtvBFacjkx3fGZhzTr3jtw1M03t//wRvv7E3YgT7w4+9NmMFb6rwZ/h/Vbz+//7VRl7ikniId8aPmzZsf//bb3xszhF/4KR+//6bWs/nDz3989cd37//1pboFVvEP1OaXj6LqqPUXK774wCpaUZsfeeWjBX/5iVW8QW2+1xf+ZBW13uMf7lv4pdbD9Md9Cz+gRu/vW6j5mfvh3nuw1/qQ3bfwnYTafPnxnoVvBdTG8uf9Cn+reQ6Wn+5V+Okb1Orph3sV3n5Re+Ht/fbwF9RK/u5ehT/NqJX0870KX32JWgnv71P4pfZBQ/hVf3uLvNv/flnPKyov/WjB03//+9u3fza6gKfvfn774cNX7z1tUP31/3798PH2GL5APZ5+8dffv5Rw7fdvvqvYyMdfBTTW09+/ef/2n3+++aiu/uant+8kfNYjQVp0ebuG5g0CmkCy2haiM8+oikcnJTSU3WoavzjtinewRNkctaJRrD7z1Mtkx+a43LawI/JafsHXhvrJI33eOZJxD1SJJHW6faiPLQD4Z6gJAifuEyN2WBLbCY4LqJ112d0zNuuSsOgdIsk1SCHu2RGmRpnLZ7TlpZHMiB0P1ZZwX5zNUXWcANxOheyBdYYLkLTckHM9AdWiZzDGoWjhQfMIuAe8MwpLwi6grWeL3cBpVwILKaZmgm5olgfGRKqSXo+MezEUng86kyyTmp4EzHnnKDwZK153LQ0EoFnoDPNa+8uM5bOrj069GnbwDmkXYOwbhSTAmF2AxpI9G2KZVGjAh6ouhlr5CbFpGy4ZofH3rJ7ztoMsqjG/5KeFNwRc6w/uiLzD6kAfqpla6VX4KXPZUkHKjEV4lzGPJziMapbShX4H71L0uhKl4xho6eBd8v2ewX22o5pjdk2tDPMW54D+ipM9B7ztdMSzuUtyC9X0ku2vbNMsM3RcMKGcb62d5bqX3afa7p+1oBoXSSUUyOgOyXBfQEYZjwQI5jxvKMGVhfy2SFVqDNWMk6S432+eo6Zrz2/BFb8ZgF2AdX8mAcDSVxr2edTXH0qKvJQKohpDhKrkgC1PduQXDBIuCZn0YBvgCRVQmGDxAoDRNyiSjK3b+p3tIq/suqyoaiVMleK1XfSYSssbDesOZccAabp1JoGBdlJZDQBoK4Rja4sL6VRpfTG2JhvxGbbhHEmK6WUBGqNk7n4ikq+BTpHdMrw5kmIyq/Ylg+fgiFfEjuCiEZ9n3VSoGnK1ARCsLic13cBe6ugCxhZqxG7JbnWFea1j2I/7kTo7qMrNyzAcOnglLAOZTT+WHVS1z2ZMfTu69cNu3N9AnJoz02GcJWK3AapjhWTM6TJk9nlNcfTiQVwT1IT9Cy94bfhrg2RRfzWUdxuyW7wRmZbxQAsOauKuydARS5R856lIR3dhcWOON4ZOV/Bwo6UR7tmm26nTNThqeq5fvzi8gJpc339LgWwXS3Y6E761Lt5QWqZQK9tZjpqdwkiamtmewMq8gzrhHhm1k6dbqSlumLpJ0Tmw6O+MUKcreoL6HJ5TI06bekMZ6+jxNnWK3gLqlo3xUmjZMu6doF7ehUZwR3hpzFC+fjprQWOM71OT9lOna+0EDbPcQpUzwWvtUTMaKbCkDcLPku6CgMYyDJLMlwpOtwUNZ50nX14WujI2NIO0IZ6qheKhyYjmEDyvzFSCgTY0jVEabzFLuNsjyX/o3FYUpcNxkA8eD6o2u/XO8mNB1E74+jTHz4qgZpb1FCs8E8Wc0qqjkNuLPhtqYliiSpyYC4d3Y1SJ28fRvflDncEUU6uzIdTCGiLJYv6wYBLaAp5omiRjWZSbbNfKqIHdS5JOD2AoeNwJwLIWIdmRQZlRrXCOGvSJJLsXUXj5YiJe7HLuSdDeCJIuq63EJ9dRsERIvpaxN8RL4gvP5bt/bGerZG4N5poLhyRbrJhWyK3j3sPTJ+QTP0biLOOtvdAWISfcGFD45LlBMtrlwCY35cvwbvRw/lLneO0Ft0KOGRMveO42QiOYrQBWusgus/2KUMekgyLbM1hnbgBlpFckPY04SwdkZNHq5Izpju/DgyMlvprnYJwg91FIsgcVxtups1lzQU6SafSRHlRY7iJF5QqjNRcMSdKJKdKNCv5dMtw7taHpNddckGLkDLKkCxXMEfK0EZOOkLtwn3PPjnIFhZxuRMFJTiRsYToCKDdFcv/l6aVQX81zwF6Oyjo6yU0r9KxL1BusvbCcIg+MpgOmDdAbUUglXqKs115AC5laQ3/efGsLYqdwzVj7HNBHcncUFQZIzvnRiElL3SQ5u4IyGYUUX8mGEptUc8EYpWZmQT/ltRTJ3Ew+VLKarXkOe7wSmx4vrd83xlvOai3sibzmWFrPulzPp1dTJDmRH9MZztRY2HvGMh2xokKNc1y26hiE2ubQ2cqSSIo62xcGVKilIEzfBF4HRm6+p8+tLwR8k2VWLDXMQR5UeEUMyoBkG7kIrsYYzxq6k8UK8fmHF+RjkVdyQQEao2AaZuRrjImV2Pnggn2PJaIX1wwhRkbQ11npVf+DC56bwCYqC6q6Jx1mySkqCmbcyf/AAktWpYrCtmfRdAeb+8nDCu28NGNDRSEVdrbcwRk+elhhkJqtZVQWqnhQwZbWdjCKcourDSsg0BkOdwZQQUiMT203qABhcVHAHfy7rKID9TPvp6qI4b+TUR6ZnikeHSnb6el+WUDDWfv2eWN7frHBDWGkheWSG1Y0kDRwzks5JccreVMDA+vUxHedr19trs4lqZn1oUGEQ6o6WjYkaDxLE1Q5F9EQRrdCksl53HBtUTUooRFsYS3QB71J7cMJNxpAyJDkkwuUW46Q5KaE+llDJJmXUOE5Sc6Non6mc5LtBVSyDJPkAOpn8W4OTmdw28ne9PFgAf8JjIXMxsbzu2w8z3oMqJvnYLvYHr9be3xip0dCffwTrO48i/pE+TmrqI+Tn+NAfQ74OTHUZ4uf097Ygnj0RBFZJoX6RKindK/Yrb0x6j1DfbapI3YKALCgUA/1iVNn2wyNs5GFduqETFAZo40sPKNO+ASapUYWjqg3bQUA93nzCpyXgEKRTSxsrwBONrOQWwZ2m1oQl4GtZu/hP7/gb3jh/PYchhpbcLCcs9ersKF3a54VzkWW20V9PPycQdRHHmZ1jhHU6WSf1cT7BNTL1M1Pmx0RUD8hEU1vF4sdil5rvDixs7kgoWaPHj169OjRo0f/D69Ix1wBB5waAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  margin: 0 auto 5px;
  position: relative;
  top:0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.gift-box-slider-links .ico-gift-box:hover:before {
  top:-10px;
}
.ico-gift-box_all:before {
  width: 97px;
  background-position: 0 0;
}
.ico-gift-box_valid:before {
  width: 45px;
  background-position: 0 -44px;
}
.ico-gift-box_compo:before {
  width: 71px;
  background-position: 0 -88px;
}
.ico-gift-box_mode:before {
  width: 59px;
  background-position: 0 -132px;
}
.ico-gift-box_secu:before {
  width: 37px;
  background-position: 0 -176px;
}

.gift-box-slider--text {
  position: absolute;
  top:0; bottom: 100px;
  width: 370px;
  background-color: #000;
  background-color: rgba(0,0,0,0.5);
  padding: 25px 15px 15px;
  color: #fff;
  text-align: justify;
}
.gift-box-slider--text.is-open {
  right: 0;
}
.gift-box-slider--text {
  right: -370px;
}
.gift-box-slider--title { position: absolute; top:-666em; }
.gift-box-slider--text li { margin-top: 5px; }
.gift-box-slider--text a, .gift-box-slider--text a:visited { color:#fff; text-decoration: underline; }
.gift-box-slider--text a:hover, .gift-box-slider--text a:visited:hover { text-decoration: none; }
.gift-box-booking {
  border:1px solid #fff;
  padding: 5px 10px;
  font-weight: bold;
  font-size: 1.14286em;
  display: inline-block;
}

/* coffret cadeau - étapes */
.gift-box-zone {
  border: 1px solid #b6b6b5;
  padding: 20px 15px 15px;
  margin-top: 15px;
  overflow: hidden;
  clear:both;
}
.gift-box-zone_2cols > :first-child { float:left; margin-bottom: 15px; }
.gift-box-zone--title {
  color:#706f6f;
  display: table;
  table-layout: fixed;
}
.gift-box-zone--step {
  display: table-cell;
  color:#10b8cd;
  width: 1.25em;
}
.gift-box-zone--step:after {
  content:"-";
  margin-left:2px;
}
.gift-box-zone--subtitle {
  font-size: 0.8em;
  display: block;
  padding:5px 0 0 0;
  font-weight: normal;
}
.gift-box-zone--pdf {
  max-width: 760px;
  margin: 0 auto;
}
.gift-box-zone--pdf a:before {
  border-bottom: 6px solid transparent;
  border-left: 10px solid #e5002d;
  border-top: 6px solid transparent;
  content: "";
  display: inline-block;
  margin-right: 5px;
}
.gift-box-zone--pdf a, .gift-box-zone--pdf a:visited,
.gift-box-zone--pdf a:hover, .gift-box-zone--pdf a:visited:hover {
  color:#706f6f;
  font-size: 1.14286em;
}
.gift-box-order, .gift-box-order:visited {
  display: inline-block;
  background-color: #E5002D;
  background: linear-gradient(to right, #aa001d, #e5002d) repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #fff!important;
  text-transform: uppercase;
  padding: 5px 20px;
  margin-left: 25px;
  font-size:1.4886em;
  float:right;
  margin-right: 90px;
}
.gift-box-form {
  font-size: 1.4286em;
  margin-left: 25px;
  display: inline-block;
  vertical-align: middle;
}
.gift-box-amount {
  width: 75px;
  vertical-align: baseline;
}
.gift-box-order--line{
    display: table;
    width: 100%;
    margin-bottom: 10px;
    table-layout: fixed;
}
.gift-box-zone--text{
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    padding-left: 27px;
}
.gift-box-order, .gift-box-order:visited{
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    width: 185px;
}

@media(max-width: 520px) {
    .gift-box-order--line{
        display: block;
        	margin-bottom: 15px;
    }
    .gift-box-zone--text{
        display: block;
        padding: 0 0 6px 0;
    }
}
/* coffret cadeau - visuel coffret*/
.gift-box-coffret{margin-top:25px; margin-bottom:25px;}
.gift-box-coffret--img{
    text-align: center;
    margin-bottom: 20px;
}
.gift-box-coffret--text{
    background-color: #ededed;
    font-size: 16px;
    padding: 10px 10px 20px 10px;
}
.gift-box-coffret--text strong{
    color:#00AFCB;
}
@media(min-width:500px ){
    .gift-box-coffret{
        display: flex;
        align-items: center;
    }
    .gift-box-coffret--text{
        margin-left: 20px;
    }
    .gift-box-coffret--img{
        width: 43%;
        flex-shrink: 0;
        margin-bottom: 0;
    }
}
@media(min-width:768px ){
    .gift-box-coffret--text{
        padding: 15px 15px 20px 15px;
        margin-left: 4%;
    }

    .gift-box-coffret--img{
        padding-left: 4%;
        width: 56%;
    }
}
@media(min-width:990px ){
    .gift-box-coffret{align-items: stretch;}
    .gift-box-coffret--text{
        margin-left: 20px;
        padding: 15px 15px 28px 15px;
        /*margin-top: 24px;
        margin-bottom: 8px;*/
        font-size: 1.2em;
        flex-grow: 1;
    }

    .gift-box-coffret--img{
        padding-left: 0%;
        width: 62.1%;
    }
}
/* coffret cadeau - carousel */
.favorite-title {
  position: relative;
  text-align: center;
  max-width: 760px;
  margin: 20px auto 0;
    color: #e10813;
    font-size: 22px;
}
.favorite-title--inner{
    background: #fff;
	display: inline-block;
	z-index: 1;
	position: relative;
	padding: 0 10px;
}
.favorite-title img {
  position: relative;
  z-index: 1;
  border-left: 10px solid #fff;
  border-right: 10px solid #fff;
}
.favorite-title:after {
  content:"";
  position: absolute;
  left: 0; top:50%; right: 0;
  height: 1px;
  background-color: #E5002D;
  z-index: 0;
}
.favorite-part.favorite-button{
    background: #00afcb;
    margin-right: 15px;
    color: #fff;
    margin-left: 15px;
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    display: block;
    text-align: center;
    padding: 8px 15px;
}

.gift-box-carousel { position: relative; }
.gift-box-carousel--nav button { opacity: 1; }
.gift-box-carousel--list { position: relative; }
.gift-box-carousel--item {
  float: left;
  width: 240px;
  margin:0 10px;
  background-color: #ededed;
  padding-bottom: 15px;
}
.carousel-container { margin: 20px auto; }
.favorite-link:hover {
  text-decoration: none;
}
.favorite-part {
  display:block;
  color:#706f6f;
  padding: 0 15px;
}
.favorite-item-title {
  font-size:1.1429em;
  text-align: center;
  padding: 3px 0;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
}
.favorite-item-title.rouge { background-color: #CD1719; }
.favorite-item-title.orange { background-color: #D98337; }
.favorite-item-title.turquoise { background-color: #49B170; }
.favorite-item-title.violet { background-color: #9E75B2; }
.favorite-item-title.pourpre { background-color: #B7123F; }
.favorite-item-title.or { background-color: #B99450; }
.favorite-item-title.rose { background-color: #EC5F65; }
.favorite-item-title.bleu { background-color: #00AFCB; }
.favorite-item-title.vert { background-color: #95C11F; }


.favorite-desc-title {
  font-size:1.1429em;
  margin-top: 15px;
}

/* coffret cadeau - responsive */
@media(max-width: 980px) {

  .gift-box-slider-links {
    position: static;
    background-color: #E5002D;
  }
  .gift-box-order {
    float:none;
    margin-right: 0;
  }

}

@media(max-width: 800px) {

  .ico-gift-box:before {
    -webkit-transition: none;
    transition: none;
  }
  .gift-box-slider-links .ico-gift-box:hover:before { top:0; }
  .gift-box-slider--text {
    position: static;
    background-color: transparent;
    color:#000;
    width: auto;
    padding: 0;
    opacity:1;
  }
  .gift-box-slider--text a, .gift-box-slider--text a:visited { color:#000; }
  .gift-box-booking { border-color:#E5002D; }

}

@media(max-width: 480px) {

  .gift-box-slider-links { display: none; }
  .gift-box-slider--text {
    padding: 10px 15px 0;
    position: static;
    opacity: 1;
  }
  .gift-box-slider--text + .gift-box-slider--text { margin-top: 20px; }
  .gift-box-slider--title {
    position: static;
    color:#E5002D;
    text-align: center;
  }
  .gift-box-slider--title:before {
    display: block;
    background-color: #E5002D;
    border: 5px solid #E5002D;
  }
  .gift-box-carousel .gift-box-carousel--nav { text-align: center; }
  .gift-box-carousel .gift-box-carousel--nav li { display: inline-block; padding: 10px 0 15px; }
  .gift-box-carousel .ico_prev, .gift-box-carousel .ico_next { position: static; margin: 0 20px; }
  .gift-box-carousel .carousel-container { margin-top: 5px; }

}

/* jeu concours - popin */
.game-velo-active, .popin-vendee-globe, .game-vendee-globe-active, .popin-podium-vendee-globe, .popin-nature-et-vacances, .popin-vacances-actives { display: none; }
.fn-game {
  max-width: 980px;
  overflow: hidden;
  background-color: #D0EDF3;
}
.fn-game--col { }
.fn-game--col_left {
  float: left;
  width:66%;
}
.fn-game--col_right {
  width: 34%;
  float: right;
  text-align: center;
}

.game-form--col-right {
  text-align: left;
}
.iframe-container iframe { max-width: 100%; }

/* jeu concours - formulaire */
.game-form a, .game-form a:visited, .game-form a:hover, .game-form a:visited:hover, .game-form a:focus {
	/* color: #7eb4ae; */
    color: #10b8cd;
}
.game-form--fieldset {
  border: 1px solid #ccc;
  margin-top: 70px;
  position: relative;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.game-form--title {
  position: absolute;
  bottom: 100%;
  background-color: #10b8cd;
  /* background-color: #7eb4ae; */
  color: #fff;
  padding: 5px 20px;
  text-transform: uppercase;
  font-size: 1.4em;
  font-weight: bold;
}
.game-form--fieldset-info {
	display: block;
	margin-left: auto;
    max-width: 270px;
}
/* @900px screen */
@media (min-width: 900px) {
	.game-form--fieldset-info {
		position: absolute;
	    top: -25px;
	    right: 0;
	}
}

.game-form--video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.game-form--video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.game-form--img {
  margin-top: 40px;
  box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.2);
  margin-bottom: 50px;
  max-width: 330px;
}

.game-form--button-link {
  max-width: 330px;
}

.game-form--coord label { width: 100px; }
.game-form--coord .game-form--label-city { width: 70px;}
.game-form--accept label { width: 90%; }
.game-form input[type="text"] { width: 100%; }
.game-form--checkbox, .game-form--valid { padding-left:10px; }
.game-form--answer { display: block; margin-top: 10px; }
.game-form--input-cp { padding-right: 15px; }

.game-form--select {
	position: relative;
	padding-left: 35px;
  padding-top: 5px;
  margin-bottom: 15px;
}
.game-form--select:before {
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
    height: 25px;
    text-align: center;
    padding-top: 4px;
	background-image: url('/images/list-number.png');
	font-weight: bold;
	color: #fff;
	font-size: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.game-form--select:first-child:before {
	content:"1";
}
.game-form--select:nth-child(2):before {
	content:"2";
}
.game-form--select:nth-child(3):before {
	content:"3";
}
.game-form--select:nth-child(4):before {
	content:"4";
}
.game-form--select:nth-child(5):before {
	content:"5";
}
.game-form--select:nth-child(6):before {
	content:"6";
}
.game-form--select:nth-child(7):before {
	content:"7";
}
.game-form--select:nth-child(8):before {
	content:"8";
}
.game-form--select:nth-child(9):before {
	content:"9";
}
.game-form--select:nth-child(10):before {
	content:"10";
}

.game-form--select label {
  text-align: justify;
}

.game-form--select select {
    margin-top: 10px;
    width: 100%;
    max-width: 340px;
    height: 26px;
}

@media (max-width: 760px) {

  .game-form--2cols, .game-form--col-left, .game-form--col-right {
    display: block;
    width: 100%;
  }
  .game-form--col-left .game-form--col-right { margin-top: 15px; }
  .game-form--coord .game-form--label-city { width: 100px; padding-left: 0; }
  .game-form--input-cp { padding-right: 0; }

  .game-form--select label {
    text-align: left;
  }

  .game-form--col-right {
    text-align: center;
  }

}

/*----------  Game special Toqué  ----------*/

.game-form.diner-toque .game-form--title {
  background-color: #002047;
}

.game-form.diner-toque a, .game-form.diner-toque a:visited, .game-form.diner-toque a:hover, .game-form.diner-toque a:visited:hover, .game-form.diner-toque a:focus {
  color: #002047;
}

/*----------  FIN Game special Toqué  ----------*/




/* destination phare */
.destination--desc li { list-style-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAIAAcDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAgEAABAwIHAAAAAAAAAAAAAAABAAURBBITFCImM2Gh/8QAFQEBAQAAAAAAAAAAAAAAAAAABAX/xAAeEQABAwQDAAAAAAAAAAAAAAABAgMRAAQSEyFRcf/aAAwDAQACEQMRAD8AstCXfN7SNcW+TcXTh6w51x4iImOu4rKYBio1ja7WQ5moTzAMAeDqv//Z); }
.destination--title {
  font-size:1.7857em;
  border-bottom: 1px solid #aaa;
  padding-bottom: 5px;
  margin-bottom: 20px;
}
.destination-links {}
.destination-links--item {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  margin:30px 0 0 5%;
}
.destination-links--item:nth-child(3n+1) { margin-left: 0; }
.destination-links--title {
  text-transform: uppercase;
  font-size: 1.1429em;
  font-weight: bold;
  margin-bottom: 5px;
}
@media (max-width: 640px) {
  .destination-links--item {
    width: 48%;
    margin-left:4%;
  }
  .destination-links--item:nth-child(3n+1) { margin-left: 4%; }
  .destination-links--item:nth-child(2n+1) { margin-left: 0; }
}
@media (max-width: 480px) {
  .destination-links--item {
    width: 100%;
    margin-left:0;
  }
  .destination-links--item:nth-child(3n+1) { margin-left: 0; }
}

/* new btns */
.btn {
  text-decoration: none;
  font-size: 1.1429em;
  display: table-cell;
  vertical-align: middle;
  height: 32px;
  padding: 3px 20px;
  font-weight: bold;
  transition: all ease 0.5s;
}
.btn:hover { text-decoration: none; }
.btn_ico {
  background-repeat: no-repeat;
}
.btn_border-grey, .btn_border-grey:visited {
  border:1px solid #6d6e71;
  color:#6d6e71;
}
.btn_border-grey:hover {
  background-color: #e7e7e8;
  color:#6d6e71;
}
.btn_bg-blue, .btn_bg-blue:visited {
  background-color: #10B8CD;
  color:#fff;
}
.btn_bg-blue:hover {
  background-color: #e7e7e8;
  color:#6d6e71;
}
.ico-cross_white {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAcCAMAAAAtIK2eAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABsUExURQAAAAcHBxQUFA4ODgYGBggICAoKCgAAAAQEBAgICAMDA/z8/PLy8v39/REREdXV1dfX1/Hx8fLy8vn5+dvb26qqqvj4+IKCgsvLy/Hx8f7+/uvr676+vqmpqT09Pff398vLy8/Pz83Nzf///0vPQ08AAAAjdFJOUwASByQcFg4BAwor5bvtN0aYba3fbFfnHDOe9Yl7NC/HQWZ/6joOWwAAAYFJREFUOMudlOt2gyAQhAMIgqj1GjXmWt7/HTuLxrZC2p7uH/XwMQ6zq4fDfyul+iuqqTY8TX/YnOp6qjnw9WmtNM7yxuWG82VZ67ppJsNjNDxwM7mGKazj3Xi8OVcMhsdgPY4jlC+XUZEa4Nw5O9DekNWFW+p0ITW8h+CrVKE0Fk8brOCbGwb4KBLmbac7+H7vc5f3fS/Z8EZFnvseN3wnDlhJgQNmGcRG97VOakeTR5bggGDlDi6Y2sMk/ZjOxKr7N9h534e9tEwSYtUwz1VVtXBQUYUw0YoxQgfsElnZII2yLDMRwF6bG1RXFA/AIss9TIegNoWN4eBr5zoJQ8LDnjWxxhDt4UQCB1xc4YGSCweEpA0jWBA9HY+36+IhMkyYSmstZqTApSPfi9/YB4ATzp/hznIJMjJ1K1y3bQtliwsOKSVT0Xl+zkci3p07+xAQuYl/Kdt8bDCp8les7wqkCX6mq/XLX4PvuOysfbzoRJCzohBW3fSX3wxN0zOFgP0ATyojxk1s+GsAAAAASUVORK5CYII=)
}
.ico-cross_red {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAcCAMAAAAtIK2eAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABLUExURQAAAPRzWe4gJu4tMe80MPNmWPvFxvaRee4kKvRzbfA+OPJZQ/eQh//y8PaGf/mxoe83PfNhZu4cI/m1pPRzeO0aI+wSG+0WH+wJFKRWuv8AAAAVdFJOUwAN7tuxYjsE5X+ZM1gHZCfbs/gdojkfQ5gAAADTSURBVDjLzZTtDoMgDEX5ciAIohst7/+kKzo3lyi6ZFl2f0BJDm1pAcb+T40N52Gbh7et1uoafFutFKDgO2Tf9yoPNPoFTsnswSLNEtezMCKOa3gvZ+ecgoFGzfylSGESk1E/oKMAOCdVQm3D6lE6N6aVxF5TuhmGogJORr05vC2S5HQyKqTm/FWNwwtiRHdY5ycM8AGMC4x1WHvvi2eaNLPGxBocZIyGoscoA9OkWgptBqDWIUBuD29/kFIWzzSdeDMUuUEMBwlsVOP7sDHdz/+VO1jcDnEVlq3NAAAAAElFTkSuQmCC)
}
.ico-eye {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAcCAMAAAAtIK2eAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAC6UExURQAAAAMDAwAAAAMDAwAAAAQEBAAAAAAAAAAAAAAAAAICAgICAgEBAQAAAAMDAw8PDwICAvn5+fr6+pCQkPb29v///9/f3+3t7fT09Onp6f7+/vz8/P39/dvb23R0dPT09PT09Pz8/P////r6+uHh4aysrLy8vOfn55mZmcDAwMvLy6+vr+Tk5Pn5+ebm5t7e3nR0dDAwMNHR0bW1tZSUlEtLS1paWvLy8m1tbdDQ0Pf39+Pj48bGxv///yXcl3kAAAA9dFJOUwAiDwwRGwkCAQMmHgUVLhkp3eFE0vtgusGq9ezwiEWQy+f91osgaXgTQHNbnq9ylSUxeU1WKkGbM4ykQjCbQ1l5AAACiElEQVQ4y6WUWXeiQBCF7Q2UBptVQPa4L3HXrPz/vzVVrUnMTObMw9SDcuDj9u261XQ6/1XdbtfUBRf/Is2eDWUY+NuDN/5KmqZtz9821evj42s1e5vgK+aP+qg5GVRJE7W6oiapBsj3/pBH9L0aPbTfKgrHiP+m3jXtSZXj89wLh/j/ECY+rtHM5trM3bZ69sBHMilO+9hLX17WdbYupyneTBbM+KLBwrwClXy9sizXXZV9rKlXX/rBtgHxAQXn3Q8L80dQiE8WFCGWtS+Rv4Th3nWDGKzPPuluD9lhgWQwlUIEYTRMVsBleM8aw6KbGw1+n9o2m6KoTD2ldiJF+ytC1t5ZSkIOUTtEJ2anY9obeISsVGpU8UU9PnpAh0Qes6NSQpICfC+ABmEDtly4FhEOn/gDPmvbke5MIJ/zgcMdRxDwHToMYNtIYHOuJR3KAHY2t0DykgDMKeVOACttFTUAZgtIY0sEZwYbVSrIr3DdJ8dmwSmjuxrULME1zA8Q2Bhgxp48IQvNZieXPI0UwBPoVX0hV9jgYgxP0x2l9H1YSGtZ+3586rtBPlMcNgyGA0tqGz2DORJ7GeJuZsMlcfvlpQ+slwi1m0GEdWChSxtbZ1AllxkElQyUKPJ16UJ++4Mfn8+bENd8xlYxo6fTNriSQQLikbdeFU0Wb7epF8XLFFRbfwkJIIuhYIQMaLKs9TRn/rUbQ92V0fgZglX8c/CANii0/jxNvW+z38SHEoZA3LE3GsWtcvWSJqHne2GdFtNyr4cA0robaO2bUQdwAgPdv5brXlGU/XYO8QhqXCB/LfAqNHov+/HBsBGHuYFB06UcB/L78XjfcIMxCJJyGCDKmP5wfKG/AConXJQiRKriAAAAAElFTkSuQmCC)
}
.btn.ico-cross {
  background-position: 0 center;
  padding-left:45px;
}
.btn.ico-eye {
  background-position: 5px center;
  padding-left:55px;
}

/*Gestion de Trip advisor quand box "pas d'avis"*/
#CDSWIDERR{
  width: 100%!important;
}

/* en cours : alerte intrusive */
.box-offer-alert { display:none; }
.offer-alert {
  position: fixed;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  z-index: 999;
  right:0;
  bottom:5%;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition:transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.offer-alert-cadeau{
  right: auto;
  left: 0;
}

.offer-alert.is-hidden {
  -webkit-transform: translateX(265px);
  -ms-transform: translateX(265px);
  transform: translateX(265px);
  -webkit-transition:transform 0.3s ease-out;
  transition:transform 0.3s ease-out;
}

.offer-alert-cadeau.is-hidden{
   -webkit-transform: translateX(-500px);
  -ms-transform: translateX(-500px);
  transform: translateX(-500px);
}
.offer-alert-btn {
  position: absolute;
  right:0;
  top:-34px;
  width: 34px;
  height: 34px;
  background: #fff url(/images/sprite.png) -2px -78px no-repeat;
}
.offer-alert-cadeau .offer-alert-btn{
  top:0;
  width: 20px;
  height: 20px;
  background: #fff url(/images/close.jpg) 0 0 no-repeat;
}
/* en cours 2 : annuaire groupe & préform groupe puy du fou : btn fiche à télécharger */
.groupes-detail--container {
  display:table;
  width: 100%;
}
.groupes-detail--container > * { display:table-cell; }
.groupes-detail--fiche a { font-size: 1.4rem; }
.groupes-detail--fiche-txt { display: none; }
@media (max-width:640px) {
  .groupes-detail--container, .groupes-detail--container > * { display:block; }
  .groupes-detail--fiche { margin-top:15px; }
}

/*==================================
=            Evenements            =
==================================*/

.tmpl-event {

}

/*----------  Couleurs des textes / Liens  ----------*/


.tmpl-event .article--title, .tmpl-event .section--title, .tmpl-event .multi--title_list, .tmpl-event .multi--title,
.tmpl-event .multi--item a, .tmpl-event .multi--item a:visited, .theme-event h2, .theme-event a, .theme-event a:visited, .theme-event a:hover, .tmpl-event #main > h1 {
  color: #b49d86;
}
.tmpl-event .multi--item a:hover, .tmpl-event .multi--item a:focus h1, .tmpl-event .multi--item a:visited:hover h1, .tmpl-event .multi--item a:hover h1 {
  color: #e5002d; /*Dorine 11/03/16*/
}

/*----------  Navigation  ----------*/

.tmpl-event .nav-secondary {
  border-bottom-color: #b49d86;
}

.tmpl-event .nav-secondary--second-level-item, .tmpl-event .nav-secondary--first-level-link {
  display: none;
}
.tmpl-event .nav-secondary--second-level {
  padding-left: 0;
  padding-right: 0;
}
.tmpl-event .nav-secondary--third-level {
  padding-left: 15px;
  padding-right: 5px;
}
.tmpl-event .nav-secondary--second-level-item {
  padding-top: 0;
  padding-bottom: 0;
}
.tmpl-event .nav-secondary--third-level-item {
  padding-top: 10px;
  padding-bottom: 10px;
}
.tmpl-event .nav-secondary--fourth-level {
  display: block;
}

.tmpl-event .nav-secondary--second-level-item.evenements, .tmpl-event .nav-secondary--second-level-item.occasions {
  display: block;
}

.tmpl-event .nav-secondary--second-level-link {
  background-color: #b49d86;
  cursor: default;
  padding: 5px 0 2px 15px;
  font-size: 1.8rem;
  font-weight: bold;
  text-transform: uppercase;
}
  .tmpl-event .nav-secondary--second-level-item.active > a,
  .tmpl-event .nav-secondary--second-level-item.active > a:visited,
  .tmpl-event .nav-secondary--second-level-item.active > a:hover,
  .tmpl-event .nav-secondary--second-level-item.active > a:focus { color: #fff; }

.tmpl-event .nav-secondary--third-level-link {
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0;
}
  .tmpl-event .nav-secondary--third-level-link:before {
    display: none;
  }

  .tmpl-event .nav-secondary--third-level-link:hover,
  .tmpl-event .nav-secondary--third-level-link:focus,
  .tmpl-event .nav-secondary--third-level-link:visited:hover,
  .tmpl-event .nav-secondary--third-level-item.active > a {
    color: #b49d86;
  }

.tmpl-event .nav-secondary--fourth-level-link {
    position: relative;
    display: block;
    padding-left: 12px;
    line-height: 1.4;
    color: #6d6e71;
}
  .tmpl-event .nav-secondary--fourth-level-link:before {
    content: ">";
    padding-right: 5px;
    color: #6d6e71;
    position: absolute;
    left: 0;
  }

  .tmpl-event .nav-secondary--fourth-level-link:hover,
  .tmpl-event .nav-secondary--fourth-level-link:hover:before,
  .tmpl-event .nav-secondary--fourth-level-item.active > a,
  .tmpl-event .nav-secondary--fourth-level-item.active > a:before {
    color: #b49d86;
  }

/*----------  Sommaire Grille  ----------*/
.tmpl-event.is-nav-level-5 .title-level3 {
  display: none;
}
.tmpl-event .multi--link_grid {
  min-height: 0;
}
.tmpl-event .multi--link_grid:hover{	box-shadow: 0 0 20px #6D6E71;}
.tmpl-event .multi_grid--title {
    position: static;
    overflow: auto;
    height: auto;
    width: auto;
    clip: inherit;
    color: #b49d86;

    /*dorine*/
    position: relative;
	clip: auto;
	overflow: visible;
	width: 100%;
	z-index: 1;
}
.tmpl-event .multi--title_list{font-size:2.2rem;}
.tmpl-event .multi_grid--title span{
    padding-right: 30px;
    background: #FFF;
}

.tmpl-event .multi_grid--title span:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid;
	bottom: 7px;
	left: 0;
	z-index: -1;
	display: block;
}
.tmpl-event .multi--item_grid a:hover h1, .tmpl-event .multi--item_grid a:focus h1 , .tmpl-event .multi--item_grid a:visited:hover h1 {
    color: #fff;
    font-size: 2.5rem;
}
.tmpl-event .multi--item_grid a{padding:0;}
.tmpl-event .multi-summary-grid--header-desc {
    margin-top: 20px;
    font-size: 1.7rem;
    text-align: justify;
}

.tmpl-event .multi--title_grid{
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: rgba(180, 157, 134, 0.85);
  color: #fff;
  line-height: 1;
  text-transform: none;
  font-weight: normal;
  font-size: 2.5rem;
  padding: 10px 30px 10px 10px;
  -webkit-font-smoothing: antialiased;
}
.tmpl-event .multi--title_grid:before {
  content:"";
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iLTcxIDEwMi42IDI0IDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC03MSAxMDIuNiAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTS01MiwxMTMuNkwtNTIsMTEzLjZsLTYsMHYtNmMwLDAsMCwwLDAsMGMwLTAuMy0wLjQtMC41LTEtMC41cy0xLDAuMi0xLDAuNWgwdjZoLTZoMHYwYy0wLjMsMC0wLjUsMC40LTAuNSwxYzAsMC41LDAuMiwxLDAuNSwxdjBoMGg2djZoMGMwLDAuMywwLjQsMC41LDEsMC41czEtMC4yLDEtMC41YzAsMCwwLDAsMCwwdi02aDZjMCwwLDAsMCwwLDBjMC4zLDAsMC41LTAuNCwwLjUtMVMtNTEuNywxMTMuNi01MiwxMTMuNnoiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50% 50%;
  position: absolute;
  top: 21%;
  right: 10px;
  width: 25px;
  height: 25px;
}

.tmpl-event .multi--img_grid {
  max-height: none;
  margin-bottom: 0;
  /*border: 1px solid #b49d86;*/
}

.tmpl-event .multi--item-desc_grid {
  display: none;
}

.tmpl-event .multi--item_grid {
    max-width: 470px;/*Dorine 11/03/2016*/
    margin-left: auto;
    margin-right: auto;

}

/* @768px screen */
@media (min-width: 768px) {
  .tmpl-event .multi--item_grid {
    /*width: 45.9183673469%;*/
      width: 48%;/*Dorine 11/03/2016*/
    margin-left: 4.08163265306122%;
  }
  .tmpl-event .multi--item_grid:first-child, .tmpl-event .multi--item_grid:nth-child(2n+1) {
    margin-left: 0;
  }
}


/*----------  Sommaire Liste  ----------*/

@media (min-width: 768px) {
  .tmpl-event .multi--desc_list {
    margin-top: 5px;
      	line-height: 1.2; /*dorine 11/03/16*/
  }
}

/*----------  Page définitive  ----------*/
.tmpl-event .theme-01--complementary {
  background-color: #efeae5;
  padding: 20px 15px;
  margin-top: 20px;
  font-size: 16px;
}
.event--txt {
  margin-top: 20px;
}
.event--txt a:hover{color:#e5002d;}
.pdf-list_event {
  border-bottom: 0;
  padding-top: 30px;
  margin-left: -10px;
  margin-right: -10px;
}

.pdf-list_event .pdf-list--item {
  padding: 0 10px;
  width: 50%;
  max-width: 100%;
  margin-left: 0;
  max-width: 260px;
}

@media (min-width: 540px) {
  .pdf-list_event .pdf-list--item {
    width: 33.3333333%;
  }
}

@media (min-width: 768px) {
  .tmpl-event .theme-01--complementary {
    margin-top: 0;
  }
    /*modif par Dorine le 01/04/2016 : 50px=>38px*/
  .event--txt {
    margin-top: 38px;
  }
  .pdf-list_event .pdf-list--item {
    width: 25%;
  }
}

@media (min-width: 980px) {
  .tmpl-event .theme-01--complementary {
    min-height: 313px;
  }
  .pdf-list_event .pdf-list--item {
    width: 20%;
  }
}
/*=====  End of Evenements  ======*/

/*=====================================================
=            Bons Plans & Offres speciales            =
=====================================================*/
/* Evolution du moteur de recherche et de la fiche produit */
/* Date : 20/05/2016 */

/* Sur les pages dormir l'affichage n'est pas le même, en attendant une intervention de Tim, je cible avec une class le bloc qui m'interesse */
.widget-bonsplans {
  display: none;
}
body:not(.page-dormir) .widget-search--bonplan-dormir {
  display: none;
}
.page-dormir .nav-secondary{
  border-bottom: 2px solid #e5002d;
}

.page-dormir .widget-search--bonplan-second {
  display: none;
}

/* .widget-search--bonplan-dormir {
  border-bottom: 2px solid #e5002d;
} */
.widget-search--bonplan-dormir label{
  color: #e5002d;
  font-size: 18px;
  width: 90%;
}
.widget-search--offre-tour-dormir{
    /* border-bottom: 2px solid #e5002d; */
}
.widget-search--offre-tour-dormir label{
    color: #95c11e;
    font-size: 18px;
    width: 90%;
}
.widget-search--affiner{
    border-bottom: 2px solid #e5002d;
    margin-bottom: -1px;
    z-index: 1;
    position: relative;
}
/* Shor product */
.multi--bonplan {
  margin-left: 0;
  margin-right: 10px;
  margin-top: 0;
  margin-bottom: 10px;
  display: inline-block;
}
.multi--tourfrance{
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 10px;
  display: inline-block;
}
.multi--item_bonplan .multi--details_list {
  padding-bottom: 50px;
}

/* Fiche produit */
.prod--bonplan {
  position: relative;
  border: 2px solid #e5002d;
  padding: 50px 15px 15px 15px;
  margin-top: 60px;
}

.prod--bonplan-logo {
  background-color: #fff;
  padding: 0 5px;
  margin: 0;
  position: absolute;
    top: -30px;
    left: 15px;
}

.prod--bonplan-logo + p{
  margin-top: 0;
}

/* @768px screen */
@media (min-width: 768px) {
  .prod--bonplan {
    padding: 45px 25px 25px 25px;
  }
}



.prod--offretourdefrance {
  position: relative;
  border: 2px solid #95c11e;
  padding: 35px 15px 15px 15px;
  margin-top: 60px;
}

.prod--offretourdefrance-logo {
  background-color: #fff;
  padding: 0 5px;
  margin: 0;
  position: absolute;
    top: -20px;
    left: 15px;
}

.prod--offretourdefrance-logo + p{
  margin-top: 0;
}

/* @768px screen */
@media (min-width: 768px) {
  .prod--offretourdefrance {
    padding: 40px 25px 25px 25px;
  }
}

.widget-search-cat [type="checkbox"] {
    vertical-align: top;
    margin-top: 3px;
}

/*=====  End of Bons Plans & Offres speciales  ======*/

/*=========================================================
=            Quiz gagne des vacances en vendée            =
=========================================================*/

.quiz-vacances .game-form--title {
  background-color: #10b8cd;
}

.quiz-vacances .game-form a,
.quiz-vacances .game-form a:visited,
.quiz-vacances .game-form a:hover,
.quiz-vacances .game-form a:visited:hover,
.quiz-vacances.game-form a:focus {
  color: #10b8cd;
}

.quiz-vacances + .bloc-double, .quiz-vacances + .bloc-double + .bloc-double {
  margin-top: 50px;
  text-align: center;
}

@media (min-width: 640px) {

  .quiz-vacances + .bloc-double {
    text-align: right;
  }
  .quiz-vacances + .bloc-double + .bloc-double {
    text-align: left;
  }
}

@media (min-width: 768px) {
  .quiz-vacances + .bloc-double, .quiz-vacances + .bloc-double + .bloc-double {
    padding-right: 30px;
    padding-left: 30px;
  }
}

/*=====  End of Quiz gagne des vacances en vendée  ======*/

/*=========================================================
=            Jeu concours podium du vendee globe             =
=========================================================*/

/* Le titre en survol du bandeau ne rentre pas */
.vendee-globe-jeu .content--title-level {
  font-size: 2.3em;
}

.podium-vendee-globe .game-form--title {
  background-color: #214469;
}
.podium-vendee-globe .input-date{width: auto !important;}
.podium-vendee-globe.game-form a,
.podium-vendee-globe.game-form a:visited,
.podium-vendee-globe.game-form a:hover,
.podium-vendee-globe.game-form a:visited:hover,
.podium-vendee-globe.game-form a:focus {
  color: #214469;
}

.podium-vendee-globe + .bloc-double, .podium-vendee-globe + .bloc-double + .bloc-double {
  margin-top: 50px;
  text-align: center;
}

.podium-vendee-globe .game-form--fieldset {
  position: relative;
}

.game-form-obligatoire {
  font-style: italic;
}



@media (min-width: 640px) {

  .podium-vendee-globe + .bloc-double {
    text-align: right;
  }
  .podium-vendee-globe + .bloc-double + .bloc-double {
    text-align: left;
  }
}

@media (min-width: 768px) {
  .podium-vendee-globe + .bloc-double, .podium-vendee-globe + .bloc-double + .bloc-double {
    padding-right: 30px;
    padding-left: 30px;
  }
}

@media (min-width: 860px) {
  .game-form-obligatoire {
    position: absolute;
    bottom: 20px;
    right: 20px;
  }
}

@media (min-width: 960px) {
  .game-form-obligatoire {
    right: 60px;
  }
}

/*=====  End of Quiz gagne des vacances en vendée  ======*/

  /*  --------------------------------------------------
  == api.min.css
  -------------------------------------------------- */

  .catalog .OsUnicampPopIn.os-overlay { width: 700px!important; }
  .catalog .OsUnicampPopIn.os-overlay .BlocElements .BlocElement {
    display:inline-block;
    width: 49%;
  }
  .catalog .OsUnicampPopIn.os-overlay .BlocElements .BlocElement { padding: 0!important; }
  .catalog .OsUnicampPopIn.os-overlay table { margin-bottom: 0; }

/* modif par Dorine : l'affichage a dû etre modifié par opensystem (13/02/2017) */
.OsProduitOverlay.CVERT  .BlocOption .OptionNom{
    width: 58%;
    line-height: 1.4;
	padding-top: 4px;
}
.OsProduit .BlocOption {
	width: 50%;
	display: inline-block;
	vertical-align: top;
}
.OsProduit .BlocOption:nth-child(odd){
    padding-right: 10px;
}
/*------------------------
    Tourisme d'affaire
    demande d'évolution 340 le 10/02/2017
------------------------*/
/*nav--second-level-item.tourisme_affaire{display: none;}*/
.nav--second-level-item.tourisme_affaire .nav--third-level{
    display: none;
}
.tourisme_affaire.is-nav-level-3-and-more .title-level3{display: none;}
.tourisme_affaire .nav-secondary--second-level-item.evenements, .tourisme_affaire .nav-secondary--second-level-item.occasions{
    display: none;
}
.tourisme_affaire .nav-secondary--second-level-item.tourisme_affaire{display: block;}
.tourisme_affaire .nav-secondary--fourth-level {
	display: none;
}
.tourisme_affaire .multi_grid--title.visually-hidden{display: none;}
.article_tourisme-back{display: none;}
.tourisme_affaire .article_tourisme-back{display: inline-block; margin-top:20px;}

/*------------------------
    Agences receptives partenaires
    demande d'évolution 357 le 01/03/2017
------------------------*/

/* classe pour masquee les enfants d'un élément du menu : fourni à VT pour gérer ça eux même*/
.menu-children-hide .nav--third-level{display: none;}



.page_agence-receptive .title-level3{opacity: 1;}

.widget_agence-receptive{
    padding: 15px 15px 20px;
    background: #ebebeb;
    margin-bottom: 30px;
     min-height: 293px;
}
.widget_agence-receptive--title{
    color:#10b8cd;
    font-weight:bold;
    font-size: 1.6rem;
}
.agence-receptive--aside .widget{
    margin-bottom: 30px;

}
.agence-receptive--slider{margin-bottom: 30px;}
.agence-receptive--slider .diaporama{
    max-width: 100%;
}
.agence-receptive--accroche{
    font-weight: bold;
    margin-bottom: 25px;
}
.agence-receptive--slider-legend{
    color: #a8a8a8;
	font-size: 1.3rem;
}
.agence-receptive--actu{
    margin-bottom: 30px;
    background: #ebebeb;
	padding: 15px;
}
.agence-receptive--actu-title{font-size: 1.6rem;}
.agence-receptive--pdf-list{
    margin-top: 25px;
	border-top: 1px solid #9a9a9a;
	padding-top: 25px;
	border-bottom: 1px solid #9a9a9a;
}
.agence-receptive--pdf-list-container{
     margin-left:-10px; margin-right: -10px;
}
.agence-receptive--pdf-item{
    margin-bottom: 25px;
    padding-left: 10px; padding-right: 10px;
    display: inline-block;
    vertical-align: top;
    width: 140px;
}
.agence-receptive--pdf-item a{
    display: block;
    position: relative;
    color:#6d6e71;
}
.agence-receptive--pdf-item--img{
    position: relative;
     max-height: 150px;
    overflow: hidden;
}
.agence-receptive--pdf-item--img:after{
    content: '';
    background: url(/images/ico-pdf.png) no-repeat center center;
    width: 29px;
	height: 31px;
    position: absolute;
    bottom: 2px;
    right: 2px;
}

.agence-receptive--pdf-item img{
    margin-bottom: 0;
    margin: 0;
    max-width: 100%;
}
.agence-receptive--pdf-item span{
    display: block;
    text-align: center;
    font-size: 1.2rem;
	margin-top: 6px;
}

.page_agence-receptive .multi--img{
    text-align: center;
}
.page_agence-receptive .multi--details_zoom-sur{
    padding-right: 0;
}
.page_agence-receptive .section--tools{
    margin-bottom: 30px;
}
.page_agence-receptive .right-bar .widget{margin-bottom: 25px;}
.article_agence-back{margin-top:20px;}
.agence-receptive--slider .slider--item img{margin-bottom: 0;}
@media (min-width: 575px) {
    .page_agence-receptive .multi--img {
        text-align: center;
        margin-bottom: 20px;
    }
}
@media (min-width: 600px) {
    .agence-receptive--pdf-item{
        width: 20%;
    }
    .page_agence-receptive .multi--link{
        width: 32.93333333333333%;
        display: inline-block;
    }
    .page_agence-receptive .multi--link.multi-summary-list--link{width:100%;}
    .page_agence-receptive .multi--img {text-align: left;margin-bottom: 0px;}
    .page_agence-receptive  .multi--img_list{
        width: 100%;
    }
    .page_agence-receptive .multi--details_zoom-sur{
        padding-left: 20px;
        display: inline-block;
        width: 67%;
    }
    .page_agence-receptive .multi--more{
        float: right;
	   margin-top: 15px;
    }
    .page_agence-receptive .multi--details_zoom-sur .multi--flex-top{width: 100%;}
}
@media (min-width: 980px) {
    .page_agence-receptive .multi--details_zoom-sur{width: 67%;}
}

/*GALLERIA */
/*
.content{
    color:#6d6e71;
    font-family: Arial, Roboto, "Nimbus Sans L", sans-serif;
    font-size: 1.4em;
    width:auto;
    margin-left: auto;
	margin-right: auto;
}
*/


/** 10 / 05 / 2017 ***/
.qw .qw-form .label{
    float: left;
    width: 200px !important;
    text-align: left;
    text-transform: none;
}

.tmpl-event .multi--details{
    padding-bottom: 40px;

}
.tmpl-event .multi--item{position: relative;}

.tmpl-event .multi--details .button_more{
    position: absolute;
    bottom: 15px; right: 0;
    border: 1px solid #6d6e71;
    color: #6d6e71!important;
}
.tmpl-event .multi--details .button_more:hover{
    background: #fff !important;
    color:#b49d86 !important;
}
.tmpl-event .multi--details .button_more:after{display: none;}
.tmpl-event .multi--details .button_more:before{border-left: 7px solid #b49d86;}
