/* #VARIABLES & MIXINS
================================================== */
/* #Basic Styles
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline; }

html, body {
  height: 100%; }

body {
  font-size: 16px;
  background: none; }

#content {
  margin: 30px auto; }

div[role=content] p.more, .mce-content-body p.more {
  margin-bottom: 25px; }
div[role=content] p, div[role=content] ul, .mce-content-body p, .mce-content-body ul {
  font-size: 14px;
  text-align: justify;
  line-height: 1.2;
  margin-bottom: 20px;
  text-transform: none; }
  div[role=content] p img, div[role=content] ul img, .mce-content-body p img, .mce-content-body ul img {
    vertical-align: middle; }
div[role=content] ul:not(.large-block-grid-4), .mce-content-body ul:not(.large-block-grid-4) {
  margin-left: 20px; }
  div[role=content] ul:not(.large-block-grid-4) li, .mce-content-body ul:not(.large-block-grid-4) li {
    list-style-image: url("../images/puce.gif");
    text-transform: uppercase;
    margin-bottom: 8px; }
div[role=content] h2, .mce-content-body h2 {
  color: #655a5d;
  font: normal normal normal 28px/28px Baskerville, serif;
  margin-bottom: 25px; }
div[role=content] h3, .mce-content-body h3 {
  color: #655a5d;
  font: normal normal normal 36px/30px Baskerville, serif;
  padding-left: 10px;
  margin: 40px 0 25px 0;
  border-left: 8px solid #655a5d; }
div[role=content] h4, .mce-content-body h4 {
  color: #000;
  font: normal normal normal 22px/22px "HN-77", sans-serif;
  margin: 10px 0; }

div[role="content"] ul.list-entries,
div[role="content"] ul.clearing-thumbs {
  margin: 0; }
  div[role="content"] ul.list-entries li,
  div[role="content"] ul.clearing-thumbs li {
    list-style-image: none; }

div[role="content"].accueil {
  padding-right: 80px;
  box-shadow: 15px 0 15px -15px rgba(0, 0, 0, 0.3); }

/* TinyMCE */
.mce-content-body {
  padding: 15px;
  background: #FFF;
  margin: 0; }

/* TinyMCE::END */
ol, ul, dl {
  list-style: none; }

.row .row {
  margin: 0; }

.column, .columns {
  padding: 0; }

.right {
  float: right;
  text-align: right; }

.clear {
  clear: both; }

[data-clearing] li {
  margin-right: 0; }

p {
  line-height: 1.2; }

a {
  transition: color 400ms ease-out 0s;
  color: #421d27; }
  a:hover, a:focus {
    color: #5c6258; }

form .row .row .column, form .row .row .columns {
  padding: 0; }

/* #Main containers + Common styles
================================================== */
#wrapper {
  padding: 0;
  color: #3D3D3C;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -195px; }

.alert-box {
  text-align: left;
  font-weight: normal;
  font-size: 1em; }

.adresse p {
  font-size: 12px;
  text-align: center;
  margin: 0; }
  .adresse p strong {
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px; }

.divider {
  height: 1px;
  background: #E5E5E5;
  display: block;
  margin: 30px 0; }

/* #HEADER & NAV
================================================== */
#header {
  background: url("../images/bg-header.jpg") top center no-repeat; }
  #header #wrap-top-controls {
    background: #655a5d; }
    #header #wrap-top-controls ul#social-media {
      list-style-type: none;
      margin: 0 0 2px 0; }
      #header #wrap-top-controls ul#social-media li {
        display: inline-block;
        width: 26px;
        height: 30px;
        text-align: center;
        margin-right: 0px; }
        #header #wrap-top-controls ul#social-media li:last-child {
          margin-right: 0; }
        #header #wrap-top-controls ul#social-media li a {
          padding: 5px 0 5px 0;
          font-size: 0.8em;
          color: #FFF;
          display: block; }
          #header #wrap-top-controls ul#social-media li a:hover {
            color: #421d27; }
    #header #wrap-top-controls #lang {
      text-align: right;
      padding: 8px 0 6px 0; }
      #header #wrap-top-controls #lang form {
        display: inline-block;
        margin-right: 8px; }
        #header #wrap-top-controls #lang form input {
          border-radius: 0;
          box-shadow: none; }
        #header #wrap-top-controls #lang form:nth-of-type(3) {
          border: none;
          margin: 0; }
  #header #site-logo {
    text-align: center;
    margin: 25px 20px 20px 20px; }

#wrap-nav, .top-bar, .contain-to-grid {
  background: #655a5d;
  background: -webkit-linear-gradient(top, #655a5d 0%, #4a4143 100%);
  background: -moz-linear-gradient(top, #655a5d 0%, #4a4143 100%);
  background: -ms-linear-gradient(top, #655a5d 0%, #4a4143 100%);
  background: -o-linear-gradient(top, #655a5d 0%, #4a4143 100%);
  background: linear-gradient(top, #655a5d 0%, #4a4143 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$start', endColorstr='$end',GradientType=0 );
  z-index: 10;
  height: 64px;
  line-height: 64px;
  border-bottom: 4px solid #1D1A1B; }

.top-bar .name {
  height: 60px; }
  .top-bar .name h1 {
    height: 60px;
    line-height: 60px;
    background: #655a5d;
    position: absolute;
    z-index: 100;
    transition: background-color 400ms ease-out 0s; }
    .top-bar .name h1:hover {
      background: #B83C12; }

.top-bar-section ul {
  background: #330000; }
  .top-bar-section ul li, .top-bar-section ul li.active {
    padding: 0;
    font-size: 0.9em;
    text-align: center;
    padding: 0 24px;
    height: 60px;
    line-height: 60px;
    /*&:after {
    	display: inline-block;
    	content: " ";
    	width: 1px;
    	height: $menu_height;			
    	background: url("../images/nav-separator.png") right top no-repeat;
    }*/ }
    .top-bar-section ul li:not(.has-form) a, .top-bar-section ul li.active:not(.has-form) a {
      font: normal normal normal 18px Baskerville, serif;
      color: #FFF;
      display: block;
      padding: 0; }
      .top-bar-section ul li:not(.has-form) a:not(.button), .top-bar-section ul li.active:not(.has-form) a:not(.button) {
        height: 60px;
        line-height: 60px;
        background: none;
        padding: 0; }
      .top-bar-section ul li:not(.has-form) a:hover:not(.button), .top-bar-section ul li.active:not(.has-form) a:hover:not(.button) {
        background: none;
        color: #FFF; }
    .top-bar-section ul li:last-child, .top-bar-section ul li.active:last-child {
      margin-right: 0; }
    .top-bar-section ul li:hover, .top-bar-section ul li.active:not(.has-form), .top-bar-section ul li.active:hover, .top-bar-section ul li.active.active:not(.has-form) {
      color: #FFF; }
    .top-bar-section ul li:hover, .top-bar-section ul li.active:hover {
      background: url("../images/bg-nav-hover.png") repeat-x; }
    .top-bar-section ul li.active:not(.has-form), .top-bar-section ul li.active.active:not(.has-form) {
      background: url("../images/bg-nav-active.jpg") repeat-x; }

/* #HOME
================================================== */
.orbit-container {
  margin-bottom: 26px; }
  .orbit-container .orbit-prev, .orbit-container .orbit-next {
    background-color: #322B2D;
    height: 38px;
    line-height: 38px;
    top: 50%;
    margin-top: -19px; }
    .orbit-container .orbit-prev:hover, .orbit-container .orbit-next:hover {
      background: #6f6763; }

/* #PAGE CATEGORIE / PAGE
================================================== */
/* #PAGE LISTING
================================================== */
#content.listing h2 {
  text-transform: uppercase;
  text-align: center;
  font-size: 24px;
  margin-bottom: 10px; }
#content.listing p {
  text-align: center;
  font: normal normal normal 20px/20px Baskerville, serif;
  color: #655a5d; }
#content.listing .cover {
  margin-bottom: 18px; }
#content.listing .entry-title {
  display: table;
  width: 100%;
  max-width: 100%;
  margin: 30px 0 20px 0; }
  #content.listing .entry-title a {
    display: table-row;
    font-size: 26px;
    white-space: nowrap; }
  #content.listing .entry-title h3 {
    font-size: inherit;
    /* Change font-size in header */
    padding: 0 10px;
    margin-bottom: 20px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    width: 1px;
    table-layout: fixed;
    border: none;
    text-transform: uppercase;
    text-align: center; }
  #content.listing .entry-title span.spacer {
    display: table-cell; }
    #content.listing .entry-title span.spacer:after {
      display: inline-block;
      width: 100%;
      content: ".";
      font-size: 0;
      color: transparent;
      height: 1px;
      background: #655a5d;
      vertical-align: middle; }
#content.listing .text {
  padding-left: 20px; }

table,
#content.listing table {
  border-spacing: 0;
  width: 100%;
  margin-bottom: 20px; }
  table tr,
  #content.listing table tr {
    background: none; }
    table tr th,
    #content.listing table tr th {
      font: normal normal normal 15px Baskerville, serif;
      text-transform: uppercase;
      background: #655a5d;
      color: #FFF;
      padding: 6px 0;
      text-align: center; }
    table tr td,
    #content.listing table tr td {
      border-bottom: 1px solid #655a5d;
      text-transform: uppercase;
      color: #655a5d;
      padding: 5px 0; }
      table tr td:nth-child(odd),
      #content.listing table tr td:nth-child(odd) {
        font-family: "HN-77"; }
      table tr td:nth-child(even), table tr td:last-child,
      #content.listing table tr td:nth-child(even),
      #content.listing table tr td:last-child {
        font-family: "HN-57";
        text-align: right; }
    table tr:last-child td,
    #content.listing table tr:last-child td {
      border: none; }
    table tr:nth-of-type(2n),
    #content.listing table tr:nth-of-type(2n) {
      background: none; }

/* #PAGE LIENS
================================================== */
.liens ul li {
  text-align: center; }
  .liens ul li img {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #E5E5E5;
    display: incline-block; }

/* #PAGE NEWS
================================================== */
#results-news ul {
  margin: 0; }
  #results-news ul li {
    list-style-image: none; }

article.entry .entry-meta {
  font-size: 12px;
  color: #999;
  margin-bottom: 10px; }
  article.entry .entry-meta a {
    color: #999;
    text-decoration: underline; }
article.entry h3 {
  border: none;
  padding: 0;
  font: normal normal normal 24px/24px Baskerville, serif;
  margin: 10px 0; }
article.entry .separator {
  color: #666; }

.entry-featured {
  margin-bottom: 20px; }

p.more i {
  color: #655a5d; }
p.more a {
  color: #000;
  font-family: "HN-77", sans-serif; }
  p.more a:hover {
    color: #655a5d; }

/* #PAGE CONTACT
================================================== */
.contact p.infos {
  font-size: 12px;
  color: #999;
  margin: 20px 0 10px 0; }

#google_map {
  height: 440px;
  margin: 0 0 30px 0;
  border: #CCC 2px solid; }

form textarea, form input {
  box-shadow: inset 0 0 6px 3px #F5F5F5;
  border-radius: 4px; }
form textarea {
  height: 200px; }
form .button, form button {
  height: 30px;
  border-radius: 4px;
  background: #655a5d;
  border: none;
  font-weight: normal;
  font-size: 0.9em;
  text-transform: uppercase;
  padding: 0.5em 1.2em;
  margin: 0;
  box-shadow: none; }
form .button:hover, form .button:focus,
form button:hover, form button:focus {
  background: #6f6763; }
form button.disabled, form button[disabled],
form button[disabled]:hover, form button[disabled]:focus {
  background: #5c6258;
  box-shadow: none; }
form .required {
  color: #6f6763; }

/* #BOXES
================================================== */
.box {
  position: relative;
  display: block;
  margin: 20px 60px 20px 0;
  padding: 20px;
  overflow: hidden;
  color: #666;
  border: 1px solid #e0e0e0;
  background: #f9f9f9; }
  .box.micro {
    padding: 10px; }
  .box.red {
    color: #bf210e;
    border: 1px solid #f2c3bf;
    background: #ffe6e3; }
  .box.green {
    color: #657e3c;
    border: 1px solid #c4dba0;
    background: #edfdd3; }

/* Captcha
------------------------------*/
.realperson-challenge {
  display: block;
  color: #000;
  margin-bottom: 8px; }

.realperson-text,
.realperson-regen {
  display: inline-block; }

.realperson-text {
  font-family: "Courier New",monospace;
  font-size: 6px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 3px;
  margin-right: 10px; }

.realperson-regen {
  font-size: 11px;
  text-align: center;
  cursor: pointer;
  color: #999;
  transition: color 400ms ease-out 0s; }
  .realperson-regen:hover {
    color: #655a5d; }

/* #PAGE 404
================================================== */
/* #SIDEBAR
================================================== */
#sidebar {
  padding-left: 40px; }
  #sidebar h4 {
    color: #655a5d;
    font: normal normal normal 22px/22px Baskerville, serif;
    margin: 10px 0; }
  #sidebar p {
    font-size: 13px;
    margin: 5px 0 10px 0; }
    #sidebar p.side-more {
      text-align: right;
      margin: 10px 0 15px 0; }
      #sidebar p.side-more a {
        color: #000;
        text-decoration: underline; }
        #sidebar p.side-more a span {
          margin-right: 5px; }
        #sidebar p.side-more a i.fa-stack-2x {
          color: #655a5d; }
        #sidebar p.side-more a i.fa-stack-1x {
          color: #FFF; }
  #sidebar ul {
    margin-left: 20px;
    padding-left: 10px; }
    #sidebar ul li {
      font: normal normal normal 14px "Helvetica Neue", sans-serif;
      margin-bottom: 6px; }
      #sidebar ul li i {
        color: #655a5d; }
      #sidebar ul li a {
        text-decoration: underline; }

/* #FOOTER
================================================== */
#footer {
  background: #231F20; }
  #footer #credits {
    padding: 5px 0;
    text-align: center;
    background: #3b3435;
    background: -webkit-linear-gradient(left, #231f20 0%, #3b3435 50%, #231f20 100%);
    background: -moz-linear-gradient(left, #231f20 0%, #3b3435 50%, #231f20 100%);
    background: -ms-linear-gradient(left, #231f20 0%, #3b3435 50%, #231f20 100%);
    background: -o-linear-gradient(left, #231f20 0%, #3b3435 50%, #231f20 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #231f20), color-stop(50%, #3b3435), color-stop(100%, #231f20));
    background: linear-gradient(to right, #231f20 0%, #3b3435 50%, #231f20 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#231f20', endColorstr='#231f20',GradientType=1 ); }
  #footer ul {
    margin-top: 25px; }
    #footer ul li {
      font: normal normal normal 15px/15px Baskerville, serif; }
      #footer ul li i {
        color: #655a5d;
        margin-right: 12px; }
      #footer ul li a {
        color: #FFF; }

#footer, .push {
  height: 195px; }

.numero-wrap {
  border-radius: 12px;
  background: #FFF;
  height: 24px;
  color: #6f6763;
  padding: 1px;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: bold;
  width: 200px; }
  .numero-wrap .numero {
    border-radius: 12px;
    border: 2px solid #6f6763; }
    .numero-wrap .numero span {
      display: inline-block; }
    .numero-wrap .numero .info {
      border-radius: 12px;
      background: #6f6763;
      height: 18px;
      color: #FFF;
      padding: 1px 10px 1px 1px;
      width: 20px; }
      .numero-wrap .numero .info .icon {
        border-radius: 12px;
        background: #FFF;
        width: 16px;
        height: 16px;
        line-height: 15px;
        text-align: center; }
        .numero-wrap .numero .info .icon i {
          color: #6f6763;
          font-size: 12px;
          font-weight: normal; }
    .numero-wrap .numero .data {
      padding-left: 5px; }

#conception {
  height: 40px;
  padding-top: 10px;
  text-align: right; }

#to-top {
  background: #655a5d;
  text-align: center;
  width: 34px;
  padding: 9px 0;
  float: right; }
  #to-top a {
    color: #FFF; }

/* #PAGINATION
================================================== */
ul.pagination {
  margin: 0; }
  ul.pagination li {
    line-height: inherit;
    margin-left: 8px; }
    ul.pagination li a {
      border-radius: 0;
      color: #666;
      padding: 3px 8px; }
      ul.pagination li a:hover, ul.pagination li a:focus {
        color: #FFF;
        background: #5c6258; }
    ul.pagination li:first-child {
      margin-left: 0; }
    ul.pagination li.current a,
    ul.pagination li.current a:hover,
    ul.pagination li.current a:focus {
      background: #655a5d; }

/* #MEDIA QUERIES
================================================== */
@media only screen and (max-width: 320px) {
  #google_map {
    height: 140px; } }
@media only screen and (max-width: 640px) {
  div.accueil[role="content"] {
    box-shadow: none;
    padding: 0; }

  #sidebar {
    padding: 0; }

  #accueil div[role=content] p,
  #page {
    padding: 0; } }
@media only screen and (max-width: 797px) {
  #wrap-nav, .top-bar, .top-bar .name {
    height: 45px; }

  .top-bar.expanded .title-area {
    background: #655a5d; }

  .top-bar-section ul li, .top-bar-section ul li.active {
    height: 38px;
    line-height: 38px;
    border-bottom: 1px solid #390000; }
    .top-bar-section ul li:not(.has-form) a:not(.button), .top-bar-section ul li.active:not(.has-form) a:not(.button) {
      height: 38px;
      line-height: 38px; }
    .top-bar-section ul li:hover, .top-bar-section ul li.active:hover {
      background: rgba(255, 255, 255, 0.05); }
    .top-bar-section ul li.active:not(.has-form), .top-bar-section ul li.active.active:not(.has-form) {
      background: rgba(255, 255, 255, 0.1); } }
@media only screen and (max-width: 950px) {
  .top-bar-section ul li, .top-bar-section ul li.active {
    padding: 0 10px; } }
@media only screen and (max-width: 1023px) {
  .orbit-container {
    margin-bottom: 0; }

  #content {
    padding: 0 20px; }
    #content .listing .text {
      padding: 0; }

  #header #wrap-top-controls #lang {
    padding-right: 10px; }

  #google_map {
    margin: 0 15px 15px 15px; }

  #wrapper {
    margin: 0 auto -265px; }

  #footer, .push {
    height: 265px; }

  #footer {
    padding: 0 20px; } }
@media only screen and (min-width: 321px) and (max-width: 640px) {
  #google_map {
    height: 240px; } }
@media only screen and (min-width: 641px) and (max-width: 950px) {
  #google_map {
    height: 320px; } }
@media only screen and (min-width: 641px) and (max-width: 1023px) {
  div.accueil[role="content"] {
    padding-right: 40px; }

  #sidebar {
    padding-right: 20px; } }
@media only screen and (min-width: 951px) and (max-width: 1023px) {
  .top-bar-section ul li, .top-bar-section ul li.active {
    padding: 0 20px; }

  #google_map {
    height: 410px; } }
/* #FONTS
================================================== */
@font-face {
  font-family: "HN-47";
  src: url("../fonts/47-HelveticaNeue-LtCn.woff") format("woff");
  src: url("../fonts/47-HelveticaNeue-LtCn.ttf") format("truetype");
  font-weight: normal; }

@font-face {
  font-family: "HN-57";
  src: url("../fonts/57-HelveticaNeue-Cn.woff") format("woff");
  src: url("../fonts/57-HelveticaNeue-Cn.ttf") format("truetype");
  font-weight: normal; }

@font-face {
  font-family: "HN-77";
  src: url("../fonts/77-HelveticaNeue-BdCn.woff") format("woff");
  src: url("../fonts/77-HelveticaNeue-BdCn.ttf") format("truetype");
  font-weight: normal; }