/*!
* www.KNACSS.com V4.3.4 (27 août 2015) @author: Raphael Goetter, Alsacreations
* Licence WTFPL http://www.wtfpl.net/
*/
/*! normalize.css v3.0.2 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/* ----------------------------- */
/* == soft reset                 */
/* ----------------------------- */
/* switching to border-box model for all elements */
html {
  box-sizing: border-box;
}
* {
  box-sizing: inherit;
}
ul,
ol {
  padding-left: 2em;
}
ul.unstyled {
  list-style: none;
}
img {
  vertical-align: middle;
}
/* height auto only for non SVG images */
img:not([src$=".svg"]) {
  height: auto;
}
blockquote,
figure {
  margin-left: 0;
  margin-right: 0;
}
/* ----------------------------- */
/* == typography                 */
/* ----------------------------- */
html {
  /* set base font-size to equiv "10px", which is adapted to rem unit */
  font-size: 62.5%;
  /* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
  /* thanks to @guardian, @victorbritopro and @eQRoeil */
  font-size: calc(1em * .625);
  /* disallow text zooming on orientation change (non standard property) */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  /* set body font-size in em (1.4em equiv "14px") */
  font-size: 1.3em;
  background-color: #ffffff;
  color: #990000;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1.5;
}

/* font-sizing for content */
p,
.p-like,
ul,
ol,
dl,
blockquote,
pre,
td,
th,
details,
figure {
  margin-top: 0.75em;
  margin-bottom: 0;
  line-height: 1.5;
}
h1,
.h1-like {
  font-size: 2rem;
	font-weight: bold !important;
  font-family: Helvetica, Arial, sans-serif;
}
h2,
.h2-like {
  font-size: 1.8rem;
  font-family: Helvetica, Arial, sans-serif;
}
h3,
.h3-like {
  font-size: 1.5rem;
}
h4,
.h4-like {
  font-size: 1.2rem;
}
h5,
.h5-like {
  font-size: 1rem;
}
h6,
.h6-like {
  font-size: .8rem;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
  line-height: 1;
  margin: 2rem 0 1rem 0;
	color: #660000;	
}
/* alternate font-sizing */
.smaller {
  font-size: 0.6em;
}
.small {
  font-size: 0.8em;
}
.big {
  font-size: 1.2em;
}
.bigger {
  font-size: 1.5em;
}
.biggest {
  font-size: 2em;
}
code,
pre,
samp,
kbd {
  /* IE fix */
  white-space: pre-line;
  white-space: pre-wrap;
  font-family: Consolas, "DejaVu Sans Mono", Courier, monospace;
  line-height: normal;
}
em,
.italic,
address,
cite,
i,
var {
  font-style: italic;
}
/* ----------------------------- */
/* == hiding content             */
/* ----------------------------- */
/* hidden but not for an assistive technology like a screen reader, Yahoo! method */
.visually-hidden {
  position: absolute !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
}
@media (max-width: 640px) {
  .no-small-screen {
    display: none;
  }
}
@media (min-width: 1280px) {
  .no-large-screen {
    display: none;
  }
}
/* ----------------------------- */
/* == browsers consistency       */
/* ----------------------------- */
/* avoid top margins on first content element */
p:first-child,
.p-like:first-child,
ul:first-child,
ol:first-child,
dl:first-child,
blockquote:first-child,
pre:first-child,
h1:first-child,
.h1-like:first-child,
h2:first-child,
.h2-like:first-child,
h3:first-child,
.h3-like:first-child,
h4:first-child,
.h4-like:first-child,
h5:first-child,
.h5-like:first-child,
h6:first-child,
.h6-like:first-child {
  margin-top: 0;
}
/* avoid margins on nested elements */
li p,
li .p-like,
li ul,
li ol {
  margin-top: 0;
  margin-bottom: 0;
}
/* max values */
img,
table,
td,
blockquote,
code,
pre,
textarea,
input,
video,
svg {
  max-width: 100%;
}
/* margin-bottom on tables */
table {
  margin-bottom: 2rem;
}
/* ----------------------------- */
/* ==layout and modules          */
/* ----------------------------- */
/* module, gains superpower "BFC" Block Formating Context */
.mod,
.bfc {
  overflow: hidden;
}
/* blocks that needs to be placed under floats */
.clear,
.line,
.row {
  clear: both;
}
/* blocks that must contain floats */
.clearfix::after,
.line::after {
  content: "";
  display: table;
  clear: both;
  border-collapse: collapse;
}
/* simple blocks alignment */
.left {
  margin-right: auto;
}
.right {
  margin-left: auto;
}
.center {
  margin-left: auto;
  margin-right: auto;
}
/* text and contents alignment */
.txtleft {
  text-align: left;
}
.txtright {
  text-align: right;
}
.txtcenter {
  text-align: center;
}
.txtjustif {
  text-align: justify;
}
/* floating elements */
.fl {
  float: left;
}
img.fl {
  margin-right: 1rem;
}
.fr {
  float: right;
}
img.fr {
  margin-left: 1rem;
}
img.fl,
img.fr {
  margin-bottom: 0.5rem;
}
/* table layout */
.row {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.row > *,
.col {
  display: table-cell;
  vertical-align: top;
}
/* no table-cell for script tag when body is a .row */
body > script {
  display: none !important;
}
/* inline-block */
.inbl {
  display: inline-block;
  vertical-align: top;
}
/* flexbox layout
http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
*/
[class*="flex-container"],
.flex-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.flex-container-h {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.flex-container-v {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex-item-fluid {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flex-item-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
}
.flex-item-medium {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
      -ms-flex-order: 0;
          order: 0;
}
.flex-item-last {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}
.flex-item-center {
  margin: auto;
}
/* ---------------------------------- */
/* ==Grids                            */
/* ---------------------------------- */
/* grid container */
[class*="grid-"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: -1em;
  /* inline-block fallback for IE9 generation */
  letter-spacing: -0.31em;
  text-rendering: optimizespeed;
}
/* grid childs */
[class*="grid-"] > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% * 1 / 4 - 1em - .01px);
  margin-left: 1em;
  /* inline-block fallback for IE9 generation */
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  text-rendering: auto;
}
[class*="grid-2"] > * {
  width: calc(100% * 1 / 2 - 1em - .01px);
}
[class*="grid-2"] > .flex-item-double {
  width: calc(100% * 2 / 2 - 1em - .01px);
}
[class*="grid-3"] > * {
  width: calc(100% * 1 / 3 - 1em - .01px);
}
[class*="grid-3"] > .flex-item-double {
  width: calc(100% * 2 / 3 - 1em - .01px);
}
[class*="grid-4"] > * {
  width: calc(100% * 1 / 4 - 1em - .01px);
}
[class*="grid-4"] > .flex-item-double {
  width: calc(100% * 2 / 4 - 1em - .01px);
}
[class*="grid-5"] > * {
  width: calc(100% * 1 / 5 - 1em - .01px);
}
[class*="grid-5"] > .flex-item-double {
  width: calc(100% * 2 / 5 - 1em - .01px);
}
[class*="grid-6"] > * {
  width: calc(100% * 1 / 6 - 1em - .01px);
}
[class*="grid-6"] > .flex-item-double {
  width: calc(100% * 2 / 6 - 1em - .01px);
}
[class*="grid-7"] > * {
  width: calc(100% * 1 / 7 - 1em - .01px);
}
[class*="grid-7"] > .flex-item-double {
  width: calc(100% * 2 / 7 - 1em - .01px);
}
[class*="grid-8"] > * {
  width: calc(100% * 1 / 8 - 1em - .01px);
}
[class*="grid-8"] > .flex-item-double {
  width: calc(100% * 2 / 8 - 1em - .01px);
}
[class*="grid-10"] > * {
  width: calc(100% * 1 / 10 - 1em - .01px);
}
[class*="grid-10"] > .flex-item-double {
  width: calc(100% * 2 / 10 - 1em - .01px);
}
[class*="grid-12"] > * {
  width: calc(100% * 1 / 12 - 1em - .01px);
}
[class*="grid-12"] > .flex-item-double {
  width: calc(100% * 2 / 12 - 1em - .01px);
}
/* Responsive grid */
@media (max-width: 960px) {
  [class*="-medium-4"] > * {
    width: calc(100% * 1 / 4 - 1em - .01px);
  }
  [class*="-medium-4"] > .flexitem-double {
    width: calc(100% * 1 / 2 - 1em - .01px);
  }
  [class*="-medium-3"] > * {
    width: calc(100% * 1 / 3 - 1em - .01px);
  }
  [class*="-medium-3"] > .flexitem-double {
    width: calc(100% * 2 / 3 - 1em - .01px);
  }
  [class*="-medium-2"] > * {
    width: calc(100% * 1 / 2 - 1em - .01px);
  }
  [class*="-medium-2"] > .flexitem-double {
    width: calc(100% - 1em - .01px);
  }
  [class*="-medium-1"] > * {
    width: calc(100% - 1em - .01px);
  }
  [class*="-medium-1"] > .flexitem-double {
    width: calc(100% - 1em - .01px);
  }
}
@media (max-width: 640px) {
  [class*="-small-4"] > * {
    width: calc(100% * 1 / 4 - 1em - .01px);
  }
  [class*="-small-4"] > .flexitem-double {
    width: calc(100% * 1 / 2 - 1em - .01px);
  }
  [class*="-small-3"] > * {
    width: calc(100% * 1 / 3 - 1em - .01px);
  }
  [class*="-small-3"] > .flexitem-double {
    width: calc(100% * 2 / 3 - 1em - .01px);
  }
  [class*="-small-2"] > * {
    width: calc(100% * 1 / 2 - 1em - .01px);
  }
  [class*="-small-2"] > .flexitem-double {
    width: calc(100% - 1em - .01px);
  }
  [class*="-small-1"] > * {
    width: calc(100% - 1em - .01px);
  }
  [class*="-small-1"] > .flexitem-double {
    width: calc(100% - 1em - .01px);
  }
}
@media (max-width: 320px) {
  [class*="-tiny-2"] > * {
    width: calc(100% * 1 / 2 - 1em - .01px);
  }
  [class*="-tiny-2"] > .flexitem-double {
    width: calc(100% - 1em - .01px);
  }
  [class*="-tiny-1"] > * {
    width: calc(100% - 1em - .01px);
  }
  [class*="-tiny-1"] > .flexitem-double {
    width: calc(100% - 1em - .01px);
  }
}
.grid-2-1 > *:nth-child(odd) {
  width: calc(66.66666666666666% - 1em - .01px);
}
.grid-2-1 > *:nth-child(even) {
  width: calc(33.33333333333333% - 1em - .01px);
}
@media (max-width: 640px) {
  .grid-2-1 > *:nth-child(n) {
    width: calc(100% - 1em - .01px);
  }
}
.grid-1-2 > *:nth-child(odd) {
  width: calc(33.33333333333333% - 1em - .01px);
}
.grid-1-2 > *:nth-child(even) {
  width: calc(66.66666666666666% - 1em - .01px);
}
@media (max-width: 640px) {
  .grid-1-2 > *:nth-child(n) {
    width: calc(100% - 1em - .01px);
  }
}
.grid-3-1 > *:nth-child(odd) {
  width: calc(75% - 1em - .01px);
}
.grid-3-1 > *:nth-child(even) {
  width: calc(25% - 1em - .01px);
}
@media (max-width: 640px) {
  .grid-3-1 > *:nth-child(n) {
    width: calc(100% - 1em - .01px);
  }
}
.grid-1-3 > *:nth-child(odd) {
  width: calc(25% - 1em - .01px);
}
.grid-1-3 > *:nth-child(even) {
  width: calc(75% - 1em - .01px);
}
.grid-1-3cm > *:nth-child(odd) {
  width: calc(25% - 1em - .01px);
}
.grid-1-3cm > *:nth-child(even) {
  width: calc(75% - 1em - .01px);
}
@media (max-width: 640px) {
  .grid-1-3 > *:nth-child(n) {
    width: calc(100% - 1em - .01px);
  }
	.grid-1-3cm > *:nth-child(odd) {
  width: calc(45% - 1em - .01px);
}
.grid-1-3cm > *:nth-child(even) {
  width: calc(55% - 1em - .01px);
}
}
.grid-3-2 > *:nth-child(odd) {
  width: calc(60% - 1em - .01px);
}
.grid-3-2 > *:nth-child(even) {
  width: calc(40% - 1em - .01px);
}
@media (max-width: 640px) {
  .grid-3-2 > *:nth-child(n) {
    width: calc(100% - 1em - .01px);
  }
}
.grid-2-3 > *:nth-child(odd) {
  width: calc(40% - 1em - .01px);
}
.grid-2-3 > *:nth-child(even) {
  width: calc(60% - 1em - .01px);
}
@media (max-width: 640px) {
  .grid-2-3 > *:nth-child(n) {
    width: calc(100% - 1em - .01px);
  }
}
.grid-4-1 > *:nth-child(odd) {
  width: calc(80% - 1em - .01px);
}
.grid-4-1 > *:nth-child(even) {
  width: calc(20% - 1em - .01px);
}
@media (max-width: 640px) {
  .grid-4-1 > *:nth-child(n) {
    width: calc(100% - 1em - .01px);
  }
}
.grid-1-4 > *:nth-child(odd) {
  width: calc(20% - 1em - .01px);
}
.grid-1-4 > *:nth-child(even) {
  width: calc(80% - 1em - .01px);
}
@media (max-width: 640px) {
  .grid-1-4 > *:nth-child(n) {
    width: calc(100% - 1em - .01px);
  }
}
.pull {
  margin-right: auto;
}
.push {
  margin-left: auto;
}
/* ----------------------------- */
/* ==tables                      */
/* ----------------------------- */
table,
.table {
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  vertical-align: top;
}
.table {
  display: table;
}
#recaptcha_table,
table.table-auto {
  table-layout: auto;
}
td,
th {
  vertical-align: top;
  min-width: 2rem;
  cursor: default;
}

/* ---------------------------------- */
/* ==visual helpers                   */
/* .. use them with parcimony !       */
/* ---------------------------------- */
/* blocks widths (percentage and pixels) */
.w10 {
  width: 10%;
}
.w20 {
  width: 20%;
}
.w25 {
  width: 25%;
}
.w30 {
  width: 30%;
}
.w33 {
  width: 33.3333%;
}
.w40 {
  width: 40%;
}
.w50 {
  width: 50%;
}
.w60 {
  width: 60%;
}
.w66 {
  width: 66.6666%;
}
.w70 {
  width: 70%;
}
.w75 {
  width: 75%;
}
.w80 {
  width: 80%;
}
.w90 {
  width: 90%;
}
.w100 {
  width: 100%;
}
.w50p {
  width: 50px;
}
.w100p {
  width: 100px;
}
.w150p {
  width: 150px;
}
.w200p {
  width: 200px;
}
.w300p {
  width: 300px;
}
.w400p {
  width: 400px;
}
.w500p {
  width: 500px;
}
.w600p {
  width: 600px;
}
.w700p {
  width: 700px;
}
.w800p {
  width: 800px;
}
.w960p {
  width: 960px;
}
.mw960p {
  max-width: 960px;
}
.w1140p {
  width: 1140px;
}
.mw1140p {
  max-width: 1140px;
}
.wauto {
  width: auto;
}
/* spacing helpers
p,m = padding,margin
a,t,r,b,l = all,top,right,bottom,left
s,m,l,n = small, medium, large, none
*/
.man,
.ma0 {
  margin: 0;
}
.pan,
.pa0 {
  padding: 0;
}
.mas {
  margin: 1rem;
}
.mam {
  margin: 2rem;
}
.mal {
  margin: 4rem;
}
.pas {
  padding: 1rem;
}
.pam {
  padding: 2rem;
}
.pal {
  padding: 4rem;
}
.mtn,
.mt0 {
  margin-top: 0;
}
.mts {
  margin-top: 1rem;
}
.mtm {
  margin-top: 2rem;
}
.mtl {
  margin-top: 4rem;
}
.mrn,
.mr0 {
  margin-right: 0;
}
.mrs {
  margin-right: 1rem;
}
.mrm {
  margin-right: 2rem;
}
.mrl {
  margin-right: 4rem;
}
.mbn,
.mb0 {
  margin-bottom: 0;
}
.mbs {
  margin-bottom: 1rem;
}
.mbm {
  margin-bottom: 2rem;
}
.mbl {
  margin-bottom: 4rem;
}
.mln,
.ml0 {
  margin-left: 0;
}
.mls {
  margin-left: 1rem;
}
.mlm {
  margin-left: 2rem;
}
.mll {
  margin-left: 4rem;
}
.ptn,
.pt0 {
  padding-top: 0;
}
.pts {
  padding-top: 1rem;
}
.ptm {
  padding-top: 2rem;
}
.ptl {
  padding-top: 4rem;
}
.prn,
.pr0 {
  padding-right: 0;
}
.prs {
  padding-right: 1rem;
}
.prm {
  padding-right: 2rem;
}
.prl {
  padding-right: 4rem;
}
.pbn,
.pb0 {
  padding-bottom: 0;
}
.pbxs {padding-bottom: .5rem;}
.pbs {
  padding-bottom: 1rem;
}
.pbm {
  padding-bottom: 2rem;
}
.pbl {
  padding-bottom: 4rem;
}
.pln,
.pl0 {
  padding-left: 0;
}
.pls {
  padding-left: 1rem;
}
.plm {
  padding-left: 2rem;
}
.pll {
  padding-left: 4rem;
}
/* ----------------------------- */
/* ==desktop and HD devices      */
/* ----------------------------- */
@media (min-width: 961px) {
  /* rules for big resources and big screens like: background-images, font-faces, etc. */
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
  /* style adjustments for high density devices */
}
/* ---------------------------------- */
/* ==Responsive large                 */
/* ---------------------------------- */
@media (min-width: 961px) {
  /* text and contents alignment */
  .large-txtleft {
    text-align: left;
  }
  .large-txtright {
    text-align: right;
  }
  .large-txtcenter {
    text-align: center;
  }
  .large-txtjustif {
    text-align: justify;
  }
  /* layouts for large screens */
  .large-hidden {
    display: none !important;
  }
  .large-visible {
    display: block !important;
  }
  .large-no-float {
    float: none;
  }
  .large-inbl {
    display: inline-block;
    float: none;
    vertical-align: top;
  }
  .large-row {
    display: table;
    table-layout: fixed;
    width: 100% !important;
  }
  .large-col {
    display: table-cell;
    vertical-align: top;
  }
  /* widths for large screens */
  .large-w25 {
    width: 25% !important;
  }
  .large-w33 {
    width: 33.3333% !important;
  }
	.large-w40 {
    width: 43% !important;
  }
  .large-w50 {
    width: 50% !important;
  }
  .large-w66 {
    width: 66.6666% !important;
  }
	.large-w70 {
    width: 71% !important;
  }
  .large-w75 {
    width: 75% !important;
  }
  .large-w100,
  .large-wauto {
    display: block !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: 0;
  }
  /* margins for large screens */
  .large-man {
    margin: 0 !important;
  }
}
/* ---------------------------------- */
/* ==Responsive medium                */
/* ---------------------------------- */
@media (min-width: 641px) and (max-width: 960px) {
  /* text and contents alignment */
  .medium-txtleft {
    text-align: left;
  }
  .medium-txtright {
    text-align: right;
  }
  .medium-txtcenter {
    text-align: center;
  }
  .medium-txtjustif {
    text-align: justify;
  }
  /* layouts for medium screens */
  .medium-hidden {
    display: none !important;
  }
  .medium-visible {
    display: block !important;
  }
  .medium-no-float {
    float: none;
  }
  .medium-inbl {
    display: inline-block;
    float: none;
    vertical-align: top;
  }
  .medium-row {
    display: table;
    table-layout: fixed;
    width: 100% !important;
  }
  .medium-col {
    display: table-cell;
    vertical-align: top;
  }
  /* widths for medium screens */
  .medium-w25 {
    width: 25% !important;
  }
  .medium-w33 {
    width: 33.3333% !important;
  }
  .medium-w50 {
    width: 50% !important;
  }
  .medium-w66 {
    width: 66.6666% !important;
  }
  .medium-w75 {
    width: 75% !important;
  }
  .medium-w100,
  .medium-wauto {
    display: block !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: 0;
  }
  /* margins for medium screens */
  .medium-man,
  .medium-ma0 {
    margin: 0 !important;
  }
}
/* ---------------------------------- */
/* ==Responsive small                 */
/* ---------------------------------- */
@media (min-width: 321px) and (max-width: 640px) {
  /* quick reset in small resolution and less */
  .w600p,
  .w700p,
  .w800p,
  .w960p,
  .mw960p {
    width: auto;
    float: none;
  }
  /* text and contents alignment */
  .small-txtleft {
    text-align: left;
  }
  .small-txtright {
    text-align: right;
  }
  .small-txtcenter {
    text-align: center;
  }
  .small-txtjustif {
    text-align: justify;
  }
  /* layouts for small screens */
  .small-hidden {
    display: none !important;
  }
  .small-visible {
    display: block !important;
  }
  .small-no-float {
    float: none;
  }
  .small-inbl {
    display: inline-block;
    float: none;
    vertical-align: top;
  }
  .small-row {
    display: table !important;
    table-layout: fixed !important;
    width: 100% !important;
  }
  .small-col {
    display: table-cell !important;
    vertical-align: top !important;
  }
  /* widths for small screens */
  .small-w25 {
    width: 25% !important;
  }
  .small-w33 {
    width: 33.3333% !important;
  }
  .small-w50 {
    width: 50% !important;
  }
  .small-w66 {
    width: 66.6666% !important;
  }
  .small-w75 {
    width: 75% !important;
  }
  .small-w100,
  .small-wauto {
    display: block !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: 0;
  }
  /* margins for small screens */
  .small-man,
  .small-ma0 {
    margin: 0 !important;
  }
  .small-pan,
  .small-pa0 {
    padding: 0 !important;
  }
}
/* ---------------------------------- */
/* ==Responsive tiny                  */
/* ---------------------------------- */
@media (max-width: 320px) {
  /* quick tiny resolution reset */
  .mod,
  .col,
  fieldset {
    display: block !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: 0;
  }
  .flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .w300p,
  .w400p,
  .w500p {
    width: auto;
    float: none;
  }
  .row {
    display: block !important;
    width: 100% !important;
  }
  /* text and contents alignment */
  .tiny-txtleft {
    text-align: left;
  }
  .tiny-txtright {
    text-align: right;
  }
  .tiny-txtcenter {
    text-align: center;
  }
  .tiny-txtjustif {
    text-align: justify;
  }
  /* layouts for tiny screens */
  .tiny-hidden {
    display: none !important;
  }
  .tiny-visible {
    display: block !important;
  }
  .tiny-no-float {
    float: none;
  }
  .tiny-inbl {
    display: inline-block;
    float: none;
    vertical-align: top;
  }
  .tiny-row {
    display: table !important;
    table-layout: fixed !important;
    width: 100% !important;
  }
  .tiny-col {
    display: table-cell !important;
    vertical-align: top !important;
  }
  th,
  td {
    display: block;
    width: auto;
    text-align: left;
  }
  thead {
    display: none;
  }
  /* widths for tiny screens */
  .tiny-w25 {
    width: 25% !important;
  }
  .tiny-w33 {
    width: 33.3333% !important;
  }
  .tiny-w50 {
    width: 50% !important;
  }
  .tiny-w66 {
    width: 66.6666% !important;
  }
  .tiny-w75 {
    width: 75% !important;
  }
  .tiny-w100,
  .tiny-wauto {
    display: block !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: 0;
  }
  /* margins for tiny screens */
  .tiny-man,
  .tiny-ma0 {
    margin: 0 !important;
  }
  .tiny-pan,
  .tiny-pa0 {
    padding: 0 !important;
  }
}
/* quick print reset */
@media print {
  * {
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  body {
    width: auto;
    margin: auto;
    font-family: serif;
    font-size: 12pt;
  }
  p,
  .p-like,
  h1,
  .h1-like,
  h2,
  .h2-like,
  h3,
  .h3-like,
  h4,
  .h4-like,
  h5,
  .h5-like,
  h6,
  .h6-like,
  blockquote,
  ul,
  ol {
    color: #000;
    margin: auto;
  }
  .print {
    display: block;
  }
  .no-print {
    display: none;
  }
  /* no orphans, no widows */
  p,
  .p-like,
  blockquote {
    orphans: 3;
    widows: 3;
  }
  /* no breaks inside these elements */
  blockquote,
  ul,
  ol {
    page-break-inside: avoid;
  }
  /* page break before main headers
  h1,
  .h1-like {
    page-break-before: always;
  }
  */
  /* no breaks after these elements */
  h1,
  .h1-like,
  h2,
  .h2-like,
  h3,
  .h3-like,
  caption {
    page-break-after: avoid;
  }
  a {
    color: #000;
  }
  /* displaying URLs
  a[href]::after {
    content: " (" attr(href) ")";
  }
  */
  a[href^="javascript:"]::after,
  a[href^="#"]::after {
    content: "";
  }
}
/* ----------------------------- */
/* ==misc rules                  */
/* ----------------------------- */
/* styling skip links */
.skip-links {
  position: absolute;
}
.skip-links a {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0.5em;
  background: black;
  color: white;
  text-decoration: none;
}
.skip-links a:focus {
  position: static;
  overflow: visible;
  clip: auto;
}
@media (max-width: 640px) {
  /* you shall not pass */
  div,
  textarea,
  table,
  td,
  th,
  code,
  pre,
  samp {
    word-wrap: break-word;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
  }
}
/* Google Gmap3 bug fix on images */
.gm-style img {
  height: 100%;
}
:not(.gm-style) img {
  height: auto;
}
.gm-style img,
.gmnoscreen img,
.gmnoprint img {
  max-width: none !important;
}
/* ----------------------------- */
/* ==minor stylings              */
/* ----------------------------- */
/* styling elements */
code,
kbd,
mark {
  border-radius: 2px;
}
kbd {
  padding: 0 2px;
  border: 1px solid #999;
}
code {
  padding: 2px 4px;
  background: rgba(0, 0, 0, 0.04);
  color: #b11;
}
pre code {
  padding: none;
  background: none;
  color: inherit;
  border-radius: 0;
}
mark {
  padding: 2px 4px;
}
sup,
sub {
  vertical-align: 0;
}
sup {
  bottom: 1ex;
}
sub {
  top: 0.5ex;
}
blockquote {
  position: relative;
  padding-left: 3em;
}
blockquote::before {
  content: "\201C";
  position: absolute;
  left: 0;
  top: 0;
  font-family: georgia, serif;
  font-size: 5em;
  line-height: 0.9;
  color: rgba(0, 0, 0, 0.3);
}
blockquote > footer {
  margin-top: .75em;
  font-size: 0.9em;
  color: rgba(0, 0, 0, 0.7);
}
blockquote > footer::before {
  content: "\2014 \0020";
}
q {
  font-style: normal;
}
q,
.q {
  quotes: "“\00a0" "\00a0”";
}
q:lang(fr),
.q:lang(fr) {
  quotes: "«\00a0" "\00a0»";
}
hr {
  display: block;
  clear: both;
  height: 3px;
  margin: 1em 0;
  padding: 0;
  border: 0;
  color: #660000;
  background-color: #660000;
}

hr#svccoll {margin-top: 2rem; margin-bottom: 2rem;}
@media (max-width: 640px) {
	/* hr#svcaccueil {margin: 0 0 1em;} */
	hr#svccoll {margin-top: 2rem; margin-bottom: 1rem;}
}
/* tables */
table,
.table {
  border: 1px solid #ccc;
}
caption {
  padding: 1rem;
  color: #555;
  font-style: italic;
}
td,
th {
  padding: 0.3em 0.8em;
  border: 1px #aaa dotted;
  text-align: left;
}
/* ----------------------------- */
/* ==WordPress reset             */
/* ----------------------------- */
/*
Author: Geoffrey Crofte, Alsacréations
Contributors: Automattic, Geoffrey Crofte
Description: Reset styles for WordPress usage of KNACSS
*/
/* ----------------------------- */
/* ==Menus                       */
/* ----------------------------- */
.comment-navigation,
.paging-navigation,
.post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
/* ----------------------------- */
/* ==Alignments                  */
/* ----------------------------- */
.alignnone {
  margin: .25em 1.5em 1.5em 0;
}
.aligncenter {
  clear: both;
  display: block;
  margin: 1.5em auto;
}
.alignleft {
  float: left;
  margin: 0 1.5em .25em 0;
}
.alignright {
  float: right;
  margin: 0 0 .25em 1.5em;
}
/* ----------------------------- */
/* ==Clearings                   */
/* ----------------------------- */
.entry-content,
.comment-content {
  clear: both;
}
.entry-content::after,
.comment-content::after,
.entry-content::before,
.comment-content::before {
  content: "";
  display: table;
}
/* ----------------------------- */
/* ==Widgets                     */
/* ----------------------------- */
.widget + .widget {
  margin: 1.5em 0 0;
}
.widget select {
  max-width: 100%;
}
/* ----------------------------- */
/* ==Posts and pages             */
/* ----------------------------- */
/* === 5.1 Posts - post_class === */
/* === 5.2 Pages - body_class === */
/* === 5.3 Posts and Pages - Contents === */
.hentry {
  margin: 0 0 1.5em;
}
.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
/* ----------------------------- */
/* ==Comments                    */
/* ----------------------------- */
.comment-content a {
  word-wrap: break-word;
}
/* ----------------------------- */
/* ==Media                       */
/* ----------------------------- */
img.wp-smiley {
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
  border: none;
}
/* ----------------------------- */
/* ==Captions                    */
/* ----------------------------- */
.wp-caption {
  max-width: 100%;
  margin-bottom: 1.5em;
}
.wp-caption img {
  display: block;
  margin: 0 auto;
}
.wp-caption-text {
  margin: 1em 0;
  text-align: center;
}
/* ----------------------------- */
/* ==Galleries                   */
/* ----------------------------- */
.gallery {
  margin-bottom: 1.5em;
}
.gallery-item {
  display: inline-block;
  width: 100%;
  text-align: center;
  vertical-align: top;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}
.gallery-caption {
  display: block;
}
/* ----------------------------- */
/* ==own stylesheet              */
/* ----------------------------- */
/*
* ..::Tatos::..
* Si vous chantiez
* KNACSS + PluXML
* ----------------

/* ----------------------------- */
/* TK => Pluxml + design         */
/* ----------------------------- */
#owl-avis {
  margin-bottom: 60px;
}
.goo-avis {
  border: 3px solid #660000;
  padding: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

@media (min-width: 1230px) {
    .goo-avis {
      min-height: 290px;
    }
}
@media (max-width: 1229px) {
    .goo-avis {
      min-height: 312px;
    }
}
@media (max-width: 1126px) {
    .goo-avis {
      min-height: 335px;
    }
}
@media (max-width: 1070px) {
    .goo-avis {
      min-height: 356px;
    }
}
@media (max-width: 1000px) {
    .goo-avis {
      min-height: 290px;
    }
}
@media (max-width: 870px) {
    .goo-avis {
      min-height: 285px;
    }
}
@media (max-width: 830px) {
    .goo-avis {
      min-height: 315px;
    }
}
@media (max-width: 760px) {
    .goo-avis {
      min-height: 335px;
    }
}
@media (max-width: 714px) {
    .goo-avis {
      min-height: 356px;
    }
}
@media (max-width: 699px) {
    .goo-avis {
      min-height: 250px;
    }
}
@media (max-width: 525px) {
    .goo-avis {
      min-height: 270px;
    }
}
@media (max-width: 460px) {
    .goo-avis {
      min-height: 290px;
    }
}
@media (max-width: 425px) {
    .goo-avis {
      min-height: 312px;
    }
}
@media (max-width: 390px) {
    .goo-avis {
      min-height: 356px;
    }
}
@media (max-width: 330px) {
    .goo-avis {
      min-height: 425px;
    }
}
@media (max-width: 280px) {
    .goo-avis {
      min-height: 515px;
    }
}



.goo-nom {
  font-weight: bold;
}
.goo-date {
  font-size: 90%;
  padding-top: 5px;
  display: none;
}
.goo-note {
  padding-top: 5px;
  padding-bottom: 5px;
}
.goo-txt {
  
}



.margfixCGV {margin-top: 0.75em !important; margin-bottom: 0 !important;}
#retour {
	border-width: 0px;
	padding: 10px;
	width: 8rem;
	height: auto;
	font-family: Helvetica,Arial;
	margin: 1.2rem auto 0;
	background-image: none;
	background-color: rgb(102, 0, 0);
	text-align: center;
	font-weight: bold;
	font-size: 1.5rem;
	color: #FFF;
}
#retour a {color:#FFF;}
#retour a:hover {color: #FFF; text-decoration: none;}
.bdp {padding-bottom: 2rem;}
@media (max-width: 850px) {
	.bdp {padding-bottom: 1rem;}
}
}
.maida {padding-right: 2rem; padding-top: 2rem;}
.maida2 {padding-right: 2rem;}
@media (max-width: 960px) {
	.maida, .maida2 {padding-right: 0;}
}
.jade1 {margin-top: 3rem; margin-bottom: -1rem;}
.jade2 {margin-top: 2rem; margin-bottom: 3rem;}
.jade3 {margin-top: 2rem; margin-bottom: -1rem;}
.jade3 img {width: 100%;}
@media (max-width: 850px) {
  .jade1 {margin-top: 2rem; margin-bottom: -2rem;}
	.jade2 {margin-bottom: 2rem;}
	.jade3 {margin-top: 0; margin-bottom: -2rem;}
}
#ld2 {display: none;}
@media (max-width: 420px) {
  #ld1 {display: none;}
  #ld2 {display: block;}
}
p#copy {margin-top: -2rem; text-align: center;}
@media (max-width: 850px) {
  p#copy {margin-top: .5rem;}
}
/* ------------------------------------------ */
h2.treize {font-size:1.3rem !important;}
.indie {font-family: 'Indie Flower', cursive; font-weight: 400; font-size: 15px;}
.strait {font-family: 'Strait', sans-serif; font-weight: bold !important;}
.pascap {text-transform: none;}
.vign {padding-left: 7px; padding-bottom: 1rem;}
hr.blog:last-child {display: none}
q {quotes:"\AB\A0" "\A0\BB" "\201C\A0" "\A0\201D";}
hr.blog {
  height: 1px;
  margin: 1rem 0;
	background-color: rgba(102,0,0,0.3);
}
hr.blog2 {
  height: 1px;
  margin: 3rem 0 1rem;
}
#blog h1 {font-family: 'Chalkduster'; margin: 1rem 0 0;}
#blog h1 a {color: #660000;}
#blog h1 a:hover {color: #ff0000;}
.more {padding: 3rem 5rem 1rem; background-image: url('../img/murp.jpg');  background-repeat: no-repeat; }
.date {
	/*background: #999;
	padding: 1rem;
	width: 100px;*/
}
/* ---------- Divers ---------- */
img {max-width: 100%; height: auto !important;}
.titremob {display: none;}
.titre, .titremob {background: #990000; padding: .5rem;}
.titre h1, .titremob h1 {text-align: center; color: #FFF; font-size: 1.7rem; margin: 0; padding: .5rem 0; font-family: 'eurostilebold1361505679'; letter-spacing: 1px;}

@media (max-width: 520px) {
	.titre {display: none;}
	.titremob {display: block;}
	.titremob h1 {line-height: 2.5rem;}
}
/* ------------------------------------------ */
p {text-align: justify;}
.coul1 {color: #660000 !important;}
.coul2 {color: #990000 !important;}
.coul3 {color: #FF0000 !important;}
.coul4 {color: #999999 !important;}

@font-face {
	font-family: 'Eurostile-Normal';
	src: url('Eurostile-Normal.eot');
	src: url('Eurostile-Normal.eot?#iefix') format('embedded-opentype'),
		url('Eurostile-Normal.woff') format('woff'),
		url('Eurostile-Normal.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: 'Chalkduster';
  src: url('Chalkduster.eot?#iefix') format('embedded-opentype'),
		   url('Chalkduster.woff') format('woff'),
		   url('Chalkduster.ttf')  format('truetype');
		   
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'eurostilebold1361505679';
    src: url('fonts/eurostilebold1361505679.eot');
    src: url('fonts/eurostilebold1361505679.eot') format('embedded-opentype'),
         url('fonts/eurostilebold1361505679.woff2') format('woff2'),
         url('fonts/eurostilebold1361505679.woff') format('woff'),
         url('fonts/eurostilebold1361505679.ttf') format('truetype'),
         url('fonts/eurostilebold1361505679.svg#eurostilebold1361505679') format('svg');
}
.test1 {font-family: 'Eurostile-Normal'; text-transform: uppercase;}
.test2 {font-family: 'Chalkduster'; text-transform: uppercase;}
a {
  color: #FF0000;
  text-decoration: none;
}
a:active,
a:focus,
a:hover {
  color: #999;
  text-decoration: underline;
}
a img {border: 0;}
.tel1 {text-decoration: none; display: none}
.tel2 {text-decoration: none; display: inline-block;}

@media (max-width: 640px) {
  .tel1 {text-decoration: none; display: inline-block; margin: 0; padding: 0}
  .tel2 {display: none;}
}

/* ---------- TXTTronk ---------- */
.collapse, .collapseform, .collapsefoo, .collapsenav {cursor: pointer}
.collapsenav {display: block; padding: 1rem;}
.txttronk, .txttronkfoo {padding: 1rem 0;}
.txttronknav {padding: 0;}
@media (max-width: 1065px) and (min-width:960px) {
	#fb_iframe {height: 800px;}
}
@media (max-width: 530px) {
	#fb_iframe {height: 960px;}
}


@media (max-width: 1049px) {
  #fb_iframe2 {height: 296px;}
}
@media (max-width: 1011px) {
  #fb_iframe2 {height: 306px;}
}
@media (max-width: 960px) {
  #fb_iframe2 {height: 280px;}
}
@media (max-width: 905px) {
  #fb_iframe2 {height: 290px;}
}
@media (max-width: 528px) {
  #fb_iframe2 {height: 300px;}
}
@media (max-width: 509px) {
  #fb_iframe2 {height: 310px;}
}
@media (max-width: 339px) {
  #fb_iframe2 {height: 320px;}
}
@media (max-width: 293px) {
  #fb_iframe2 {height: 345px;}
}
@media (max-width: 271px) {
  #fb_iframe2 {height: 355px;}
}
@media (max-width: 250px) {
  #fb_iframe2 {height: 355px;}
}
@media (max-width: 246px) {
  #fb_iframe2 {height: 360px;}
}
/* ---------- 404 ---------- */
.error-center {
  text-align: center;
}
.error-404 {
  margin: 0;
  font-size: 200px;
  line-height: 200px;
  font-weight: bold;
}
.error-404 span, .error-center h2, .error-center p {
  color: #999999;}
.error-404 span {
  text-shadow: 1px 5px 7px rgba(0, 0, 0, 1);}
/* ---------- Haut de page ---------- */
#hdp {
  position: fixed;
  display: none;
  width: 60px;
  right: 20px;
  bottom: 50px;
  cursor: pointer;
  z-index: 1
}

#hdp img {
  opacity: 0.4;
  filter:alpha(opacity=40);
}
#hdp img:hover {
  opacity: 1.0;
  filter:alpha(opacity=100);
}

/* ---------- NAV ---------- */
.nav {
  background-color: #FFF;
	text-align: center;
	border-bottom: 3px solid #660000;
	
	z-index: 1;
}
.nav .menu.expanded li:hover {
  
}
.nav a {
  color: #660000;
}

@media (max-width: 850px) {
	.nav {display: none;}
	/*.nav {
    background-color: #fff;
    border-bottom: 1px solid #bbb;
    height: auto;
    left: 0;
    max-height: 300px;
    overflow-y: auto;
    width: 100%;
    z-index: 9999;
  }
  .nav .menu.expanded li:hover {
    
  }
  .nav a {
    color: #660000;
  }
  .nav a:hover {
    color: #444;
  }
  .responsive-menu label {
    background-color: #222;
  }*/
}

.menu {
  font-size: 0rem;
  margin: 0;
  padding-left: 0;
	
}
.menu li {
  display: inline-block;
  font-size: 1.3rem;
  list-style-type: none;
  margin-left: 1rem;
}
.menu li:first-child {
  margin-left: 0;
}
.menu li.active a {
  color: #444;
}



.menu ul{
position:absolute;
z-index: 1000;
max-height:0;
width: 250px;
margin-top: 2.1rem;
	margin-left: -1.9rem;
padding-left: 2rem;
text-align: left;

overflow:hidden;
transition: .8s all .3s;
}
.menu li:hover ul{
max-height:15em;
}
.menu.expanded li.padlien ul li:first-child {padding-top: 2rem; display: block;}
.menu ul li {padding-bottom: 1rem;}
.menu.expanded li.padlien ul li:last-child {padding-bottom: 2rem;}




.menu.vertical li {
  display: block;
  margin-left: 0;
}
.menu.expanded li {
  margin-left: 0;
}
.menu.expanded li:hover {
  
}
.menu.expanded li a {
  display: block;
  padding: 2rem 2rem 1.8rem;
	text-transform: uppercase;
	font-weight: bold;
}
.menu.expanded li.padlien {padding: 2rem 2rem 1.8rem; text-transform: uppercase;
	font-weight: bold;}
.menu.expanded li.padlien ul li a {padding: 0; margin: 0; font-weight: normal; color: #990000; display: block; text-transform: none;}

@media (max-width: 1000px) {
	.menu.expanded li a {
  padding: 2rem 1.5rem 1.8rem;
	}
}
@media (max-width: 960px) {
	.menu.expanded li a {
  padding: 1rem;
	}
}

/* ------------------------------------------ */
.menu.expanded li a:hover {
  text-decoration: none;
}
.menu.breadcrumb li + li:before,
.menu.expanded.breadcrumb > li + li a:before {
  content: "/";
}
.menu.breadcrumb li + li:before,
.menu.expanded.breadcrumb > li + li:before,
.menu.expanded.breadcrumb > li + li a:before {
  margin-right: .7rem;
}
.menu.expanded.breadcrumb > li + li:before {
  content: none;
}
.menu.expanded li.active a,
.menu.expanded li.active:hover {
  
}
.responsive-menu label {
  background-color: #444;
  color: #fff;
  cursor: pointer;
  text-align: center;
}
.responsive-menu label,
.responsive-menu input[type=checkbox] {
  display: none;
}
.responsive-menu label {
  padding: .425rem .7rem;
}
.responsive-menu input[type=checkbox]:checked+ul {
  display: block;
}

@media (max-width: 840px) {
  /*.responsive-menu ul {
    display: none;
  }
  .responsive-menu label,
  .responsive-menu ul li {
    display: block;
    margin-left: 0
  }
  .responsive-menu ul li:hover {
    
  }
  .responsive-menu ul li a {
    display: block;
    padding: .425rem .7rem;
  }
  .responsive-menu ul li a:hover {
    text-decoration: none;
  }
  .responsive-menu .menu.breadcrumb li + li:before,
  .responsive-menu .menu.expanded.breadcrumb > li + li a:before {
    content: none;
  }
  .responsive-menu ul li.active a,
  .responsive-menu ul li.active:hover {
    background-color: #CC0000;
    color: #fff;
  }*/
}

/* ---------- HEADER ---------- */

header a {color: #CC0000;}
header a:hover {color: #333;}

.header {
  padding-bottom: 1rem;
  padding-top: 1rem;
}

#logo {
  max-width: 200px;
}
.header, .footer, .headmodal, .menu ul {
	background: #feba17;
background: -moz-linear-gradient(left,  #feba17 0%, #ffffff 100%);
background: -webkit-linear-gradient(left,  #feba17 0%,#ffffff 100%);
background: linear-gradient(to right,  #feba17 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feba17', endColorstr='#ffffff',GradientType=1 );

}
#mob {display: none;}
#burger {display: none;}

@media (max-width: 960px) {
	.cd {padding-top: 2rem;}
}

@media (max-width: 850px) {
	#nomob {display: none;}
	#mob {display: block}
	#burger {
		display: block;
		position: absolute;
		right: 2rem;
		top: 1rem;
	}
}

#logomenu {
	display: inline-block;
 text-align: center;
	margin-top: 1rem;

}
#burgernav {font-size: 1.3rem; font-weight: bold; padding-left: 0;}
#burgernav li {
  list-style-type: none;
  
  border-bottom: 1px solid #990000;
  background: #FFF;
  color: #660000;
}
#burgernav li a {color: #660000; padding: 1rem; display:block;}
#burgernav li ul {
  padding-left: .5rem;
}
#burgernav li ul li:first-child {
  border-top: 1px solid #660000;
 
}
#burgernav li ul li:last-child {
  border-bottom: none;
  
}
#burgernav li ul li a {color: #990000;}
/* ---------- FOOTER ---------- */

.footer {
  padding: 2rem 0px;
	font-family: Verdana, sans-serif;
	color: 990000;
}
.numtel {font-size: 1.6rem; color: #660000; font-weight: bold; margin-bottom: .5rem;}
.numtel a {color: #660000;}
.adresse {font-weight: bold; font-size: 1.3rem; line-height: 1.2; margin-bottom: 1rem;}
.goomap, #goomap2 {color: #ff0000; font-weight: bold;}
#goomap2 {padding-bottom: 1rem;}
@media (max-width: 850px) {
  #goomap2 {padding-bottom: 0;}
}
.suivez {margin-top: 1rem; font-weight: bold; text-align: right; padding-right: 2rem;}
.footer p {
  
}

.footer a {
  color: #990000;
}

.footer a:hover {
  
}
#foomob {display: none;}
@media (max-width: 790px) {
	.suivez {text-align: center; padding-right: 0;}
	.numtel, .adresse {text-align: center;}
	#foonomob {display: none;}
	#foomob {display: block;}
}

@media (max-width: 320px) {
  
}

/* ---------- ICONES ---------- */
.savoir {float: left; margin: 2rem 2rem 0; font-weight: bold; color: #ff0000;}
.savoiraccueil {display: inline-block; vertical-align: bottom; margin: 2rem 1rem 0; font-weight: bold; color: #ff0000;}
a.coul3 strong:hover, .savoir:hover, .savoiraccueil:hover, .collapseform:hover {color: #999; text-decoration: underline;}
/*.savoir a, .fleche a, .savoiraccueil a {color: #ff0000;}*/
.fleche {float: left; margin: 1.8rem 0 0; font-weight: bold; color: #ff0000;}
/* ---------- Dessins ---------- */
.illust, .illust2, .illustcontact {margin-top: 5rem; text-align: center; padding-left: 1rem;}

@media (max-width: 960px) {
	.illust, .illust2, .illustcontact {margin-top: 2rem; padding-left: 0;}
}
@media (max-width: 850px) {
	.illust, .illust2 {margin-top: 1rem; padding-left: 0;}
	.illustcontact {margin-top: 1.5rem; padding-left: 0;}
}

/* ---------- Avis ---------- */
.bkgavis {background: #CCC; padding: 1rem 2rem; color: #990000;}
.avis {font-family: 'Chalkduster'; color: #999; font-size: 1.5rem; padding-bottom: 1rem; text-align: center;}
.avis2 {font-family: 'Chalkduster'; color: #999; font-size: 1.5rem; padding-bottom: 1rem;}
.avisprenoms {color: #FFF;}
/* ---------- ACCUEIL ---------- */
.modifaccueil {margin-bottom: 2rem; text-transform: uppercase; text-align: center; font-size: 2.5rem; font-weight: bold; color: #ff0000;}
@media (min-width: 961px) {
    .modifaccueil {margin-top: 2rem;}
}
.modifaccueil .altern {color: #999999;}
.article h1.strait, .article h2, .article header h1 a, .article header h1.svcnews {text-transform: uppercase; font-size: 1.7rem; font-weight: bold; margin: 1rem 0 2rem; }
@media (max-width: 850px) {
	.modifaccueil {margin-bottom: 1rem; margin-top: -5px;}
}
@media (max-width: 640px) {
	.modifaccueil {font-size: 1.8rem;}
}

/* ---------- CONTACT ---------- */
#tarifs {color: #CC0000; text-transform: uppercase; font-weight: bold; font-size: 1.8rem;}
#inscription {font-family: 'Chalkduster'; text-transform: uppercase; color: #999999; padding: .5rem 0 1rem;}
.telmail, .telmail2 {color: #660000; font-family: 'Chalkduster'; text-transform: uppercase; padding: 1rem 0; font-size: 1.8rem;}
@media (max-width: 850px) {
	.telmail {padding: 0;}
	.telmail2 {padding-top: 1rem;}
}
.margspe, .margspe2 {margin-top: 1.5rem; color: #FF0000; font-weight: bold;}
@media (max-width: 850px) {
	.margspe {margin-top: .5rem;}
}

/* ---------- PluXML ---------- */
.container {
  margin: 0 auto;
  max-width: 1280px;
  padding-left: 1rem;
  padding-right: 1rem;
  width: 100%;
}
.main {
  background-color: #fff;
  margin-bottom: 2rem;
}
.repertory {
  margin-top: 2rem;
}
.article header h1 {
  margin: 2rem 0px 1rem;
}
.article header h1 a {

}
.article header h1 a:hover {

}
#form {
  width: 65%;
}
.comment {
  background-image: url('../img/user.png');
  background-repeat: no-repeat;
  margin-bottom: 2rem;
  padding-left: 4rem;
}
.comment blockquote {
  margin: 0;
}
.nbcom {
  background-color: #CC0000;
  color: #fff;
  padding: .2rem .3rem;
}
.nbcom:hover {
  background-color: #3a6c96;
  color: #fff;
  text-decoration: none;
}
.capcha-letter,
.capcha-word {
  font-weight: bold;
}
.capcha-word {
  background-color: #ccc;
  letter-spacing: 0.3em;
  padding: .525rem .7rem;
}
.article,
.pagination {
  margin-bottom: 1rem;
}
.article.static {
  margin-bottom: 0;
}
.pagination a {
  background-color: #CC0000;
  color: #fff;
  padding: .525rem .7rem;
}
.pagination a:hover {
  background-color: #3a6c96;
  color: #fff;
  text-decoration: none;
}
.pagination span:first-letter,
.pagination a:first-letter {
  text-transform: uppercase;
}
.p_first,
.p_prev,
.p_current,
.p_next,
.p_last {
  display: inline-block;
}
.aside {
  
}
@media (max-width: 850px) {
  .aside {
    margin-top: 0;
    padding-left: 0;
  }
}
.aside h3 {
  font-size: 1rem;
  font-weight: bold;
  margin-top: 2rem;
  text-transform: uppercase;
}
.aside ul {
  margin: 0;
}
.aside li:first-letter {
  text-transform: uppercase;
}
.aside ul.tag-list {
  list-style-type: none;
  padding-left: 0;
}
.aside ul.tag-list li {
  display: inline;
  margin-right: 1rem;
}
.aside ul.tag-list li.tag-size-1 {
  font-size: 1rem;
}
.aside ul.tag-list li.tag-size-2 {
  font-size: 1.1rem;
}
.aside ul.tag-list li.tag-size-3 {
  font-size: 1.2rem;
}
.aside ul.tag-list li.tag-size-4 {
  font-size: 1.3rem;
}
.aside ul.tag-list li.tag-size-5 {
  font-size: 1.4rem;
}
.aside ul.tag-list li.tag-size-6 {
  font-size: 1.5rem;
}
.aside ul.tag-list li.tag-size-7 {
  font-size: 1.6rem;
}
.aside ul.tag-list li.tag-size-8 {
  font-size: 1.7rem;
}
.aside ul.tag-list li.tag-size-9 {
  font-size: 1.8rem
}
.aside ul.tag-list li.tag-size-10 {
  font-size: 1.9rem;
}
.aside ul.tag-list li.tag-size-max {
  font-size: 2rem;
}

/* FORM
------------------------------ */

form .col {
  margin-bottom: 1rem;
}
form.inline-form button,
form.inline-form input,
form.inline-form label,
form.inline-form select,
form.inline-form textarea {
  display: inline-block;
  width: auto;
}
form .col.label-centered {
  margin-bottom: 0;
}
form .label-centered label {
  padding-top: .3rem;
}
fieldset {
  border: none;
  padding: 0;
}
legend {
  margin-bottom: 1rem;
  padding: 0;
}
label {
  display: block;
  padding-bottom: .3rem;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button,
input,
select,
textarea {
  border: 1px solid #bbb;
  outline: none;
  padding: .35rem .4rem;
  width: 100%;
}
textarea {
  height: auto;
  overflow: auto;
}
select {
  padding-left: .2rem;
  padding-right: 0;
}
optgroup {
  font-weight: bold;
}
input:focus,
select:focus,
textarea:focus {
  border: 1px solid #CC0000;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  background-color: #777;
  border-color: transparent;
  color: #fff;
  cursor: pointer;
  padding-left: .7rem;
  padding-right: .7rem;
  width: auto;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background-color: #616161;
}
button[disabled],
input[disabled],
select[disabled],
textarea[disabled],
button[disabled]:hover,
input[disabled]:hover,
select[disabled]:hover,
textarea[disabled]:hover {
  background-color: #ddd;
  color: #777;
  cursor: not-allowed;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
  height: auto;
  padding: 0;
  width: auto;
}
input[type="file"] {
  border: none;
  height: auto;
  padding: 0;
}
button.blue,
input[type="button"].blue,
input[type="reset"].blue,
input[type="submit"].blue {
  background-color: #CC0000;
  color: #eee;
}
button.blue:hover,
input[type="button"].blue:hover,
input[type="reset"].blue:hover,
input[type="submit"].blue:hover {
  background-color: #1f77b1;
}
button.green,
input[type="button"].green,
input[type="reset"].green,
input[type="submit"].green {
  background-color: #239c56;
  color: #eee;
}
button.green:hover,
input[type="button"].green:hover,
input[type="reset"].green:hover,
input[type="submit"].green:hover {
  background-color: #1c7943;
}
button.orange,
input[type="button"].orange,
input[type="reset"].orange,
input[type="submit"].orange {
  background-color: #da7418;
  color: #eee;
}
button.orange:hover,
input[type="button"].orange:hover,
input[type="reset"].orange:hover,
input[type="submit"].orange:hover {
  background-color: #b46014;
}
button.red,
input[type="button"].red,
input[type="reset"].red,
input[type="submit"].red {
  background-color: #e43d29;
  color: #eee;
}
button.red:hover,
input[type="button"].red:hover,
input[type="reset"].red:hover,
input[type="submit"].red:hover {
  background-color: #bc2818;
}


/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-controls .owl-nav .owl-prev {
  position: absolute; left: calc(50% - 75px); width: 50px; text-align: center
}
.owl-carousel .owl-controls .owl-nav .owl-next {
  position: absolute; right: calc(50% - 75px); width: 50px; text-align: center;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}


/* 
 * 	Modal Menu
 */


.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate3d(0, -25%, 0);
  transform: translate3d(0, -25%, 0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 0;
}
.modal-footer {
  padding: 20px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}

.modal-footer:after {
  clear: both;
}

.tatos-modal .modal-content {
    padding: 0 0 100px;
    min-height: 100%;
    border: 0;
    border-radius: 0;
    text-align: justify;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.tatos-modal .modal-content h2 {
    margin: 0;
    font-size: 3em;
}
.tatos-modal .modal-content h3 {
    font-size: 2em;
}
.tatos-modal .modal-content img {
    margin-bottom: 10px;
}

.tatos-modal .modal-content .item-details {
    margin: 30px 0;
}

.tatos-modal .close-modal {
    position: absolute;
		right: 2rem;
		top: 1rem;
    cursor: pointer;
}

/*.tatos-modal .close-modal:hover {
    opacity: .8;
}*/