/* cmsms stylesheet: caue71 modified: mardi 3 mai 2022 16:51:42 */
@charset "UTF-8";
/* Stylesheet for CAUE71 (2021) - cedric@demontceau.com & franck@ouik.fr */
/* base */
/* Soft reset + base - sass/_rebase
-------------------------------------------------------- */
html {
  box-sizing: border-box;
  scroll-behavior: smooth;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

html, body {
  margin: 0;
  padding: 0;
}

ul, ol {
  padding-left: 1em;
  list-style: square;
}

ul.unstyled {
  list-style: outside none none;
}

.risette {
  margin: 0;
  padding: 0;
}

img {
  border: 0 none;
  vertical-align: middle;
  height: auto;
}

audio, canvas, video {
  display: inline-block;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  font-family: roboto, arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #666;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}

a {
  color: #e64517;
  text-decoration: none;
}

.main a, .main-wide a {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
.main a:focus, .main a:hover, .main-wide a:focus, .main-wide a:hover {
  -webkit-text-decoration: underline solid;
  text-decoration: underline solid;
}

a.ext {
  background: url("../../assets/images/ext.svg") no-repeat right center;
  padding-right: 17px;
}
a.ext:hover, a.ext:focus {
  background-position: right 2px;
  transition: all 0.5s linear 0s;
}

p, ul, ol, dl, blockquote, pre, td, th, label, caption, details, figure, hgroup {
  line-height: 1.5;
  margin-bottom: 0;
  margin-top: 0.75em;
}

h1, h2, h3, h4, h5 {
  font-family: raleway, arial, sans-serif;
  font-style: italic;
  text-transform: uppercase;
  word-wrap: normal;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

h1, .h1-like {
  font-size: 3.1428571429em;
  line-height: 1.1;
  margin-bottom: 1em;
  margin-top: 0.75em;
  color: #000;
}
h1::after, .h1-like::after {
  display: block;
  height: 5px;
  content: " ";
  background-color: #e64517;
  width: 37px;
  text-align: center;
  margin-top: 15px;
}

h2, .h2-like {
  font-size: 1.7142857143em;
  line-height: 1.2;
  margin-bottom: 0.5em;
  margin-top: 1.5em;
  color: #000;
}
h2::after, .h2-like::after {
  display: block;
  height: 5px;
  content: " ";
  background-color: #e64517;
  width: 37px;
  text-align: center;
  margin-top: 15px;
}

h3, .h3-like {
  color: #e64517;
  font-weight: bold;
  font-size: 1.4285714286em;
  line-height: 1.2;
  margin-bottom: 0;
  margin-top: 1.5em;
}

h2 + h3 {
  margin-top: 0.75em;
}

h4, .h4-like {
  font-size: 1.2857142857em;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 0;
  margin-top: 0.875em;
}

h5, .h5-like {
  font-size: 1em;
  line-height: 1.2;
  margin-bottom: 0;
  margin-top: 0.875em;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

figcaption {
  font-style: italic;
  text-align: center;
  color: #555;
}

blockquote {
  font-size: 1.2857142857em;
  font-style: italic;
  margin: 0.75em 0 0;
  padding: 0.5em 0 0 1em;
}

.error {
  color: red;
}

.hidden {
  left: -7000px;
  overflow: hidden;
  position: absolute;
}

/* skip-links */
.skip-links {
  position: absolute;
}
.skip-links a {
  position: absolute;
  left: -7000px;
  padding: 0.5em;
  background: #000;
  color: #fff;
  text-decoration: none;
}
.skip-links a:focus {
  position: static;
}

p:first-child, ul:first-child, ol:first-child, dl:first-child, blockquote:first-child, pre:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
  margin-top: 0;
}

li p, li ul, li ol {
  margin-bottom: 0;
  margin-top: 0;
}

img, td, blockquote, code, pre, textarea, video {
  max-width: 100%;
}

body > script {
  display: none;
}

.mod {
  overflow: hidden;
}

.clear, .line, .row {
  clear: both;
}

sup,
sub {
  vertical-align: 0;
  position: relative;
}

sup {
  bottom: 1ex;
}

sub {
  top: 0.5ex;
}

/*textarea,
table,
td,
th,
code,
pre,
samp,
div,
p,*/
.cut {
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

/* pour supprimer la césure si besoin */
.nocut {
  word-wrap: normal;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

.clearfix:after {
  display: table;
  clear: both;
  content: "";
}

.row {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.row > *, .col {
  display: block;
}
@media screen and (min-width: 40em) {
  .row > *, .col {
    display: table-cell;
    vertical-align: top;
  }
}

.inbl {
  display: inline-block;
  vertical-align: top;
}

@media screen and (min-width: 40em) {
  .left {
    float: left;
  }
}

@media screen and (min-width: 40em) {
  img.left {
    margin-right: 1em;
  }
}

@media screen and (min-width: 40em) {
  .right {
    float: right;
  }
}

@media screen and (min-width: 40em) {
  img.right {
    margin-left: 1em;
  }
}

img.left, img.right {
  margin-bottom: 5px;
}

.center {
  margin-left: auto;
  margin-right: auto;
}

.center-mw {
  margin-left: auto;
  margin-right: auto;
  max-width: 1070px;
}

.center-mw1150 {
  margin-left: auto;
  margin-right: auto;
  max-width: 1150px;
}

.mlr05 {
  margin-left: 0.5em;
  margin-right: 0.5em;
}
@media screen and (min-width: 70em) {
  .mlr05 {
    margin-left: auto;
    margin-right: auto;
  }
}

.mb1 {
  margin-bottom: 1em;
}

.mb15 {
  margin-bottom: 1.5em;
}

.mb2 {
  margin-bottom: 2em;
}

.mt1 {
  margin-top: 1em;
}

.mt2 {
  margin-top: 2em;
}

.mr2 {
  margin-right: 2em;
}

.pt1 {
  padding-top: 1em;
}

.pb1 {
  padding-bottom: 1em;
}

.lh1 {
  line-height: 1;
}

.txtleft {
  text-align: left;
}

.txtright {
  text-align: right;
}

.txtcenter {
  text-align: center;
}

.alert-error {
  font-style: italic;
  font-size: 1.4285714286em;
}

.small-visible {
  display: block;
}
@media screen and (min-width: 40em) {
  .small-visible {
    display: none;
  }
}

.small-hidden {
  display: none;
}
@media screen and (min-width: 40em) {
  .small-hidden {
    display: block;
  }
}

@media print {
  p, blockquote {
    orphans: 2;
    widows: 2;
  }

  blockquote, ul, ol {
    page-break-inside: avoid;
  }

  h1, h2, h3, caption {
    page-break-after: avoid;
  }

  /* Hide blocks on the print output */
  .header,
#nav,
.footer,
.btn,
img,
.share,
.noprint {
    display: none;
  }

  /* Change template and content styling suitable for printing on plain paper */
  body {
    height: auto;
    background: #fff;
    color: #333;
  }

  .link-block, .rens-block {
    background: #fff;
  }

  a:link, a:visited, a:active {
    color: #333;
    text-decoration: underline;
  }

  h1, h2, h3 {
    padding-bottom: 1px;
    border-bottom: 1px solid #333;
    color: #000 !important;
  }

  h4, h5, h6 {
    color: #000;
  }
}
/* viewport fixing for RWD */
@-webkit-viewport {
  zoom: 1;
  width: device-width;
}
@-moz-viewport {
  zoom: 1;
  width: device-width;
}
@-ms-viewport {
  zoom: 1;
  width: device-width;
}
@-o-viewport {
  zoom: 1;
  width: device-width;
}
@viewport {
  zoom: 1;
  width: device-width;
}
/* ---------------------------------- */
/* ==Grillade : Simple Grid System    */
/* ---------------------------------- */
/* Doc : http://grillade.knacss.com */
@media (min-width: 640px) {
  [class*=" grid-"],
[class^=grid-] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  [class*=" grid-"] > *,
[class^=grid-] > * {
    box-sizing: border-box;
    min-width: 0;
    min-height: 0;
  }
}
@media (min-width: 640px) {
  .grid,
.grid--reverse {
    display: flex;
  }
  .grid > *,
.grid--reverse > * {
    flex: 1 1 0%;
    box-sizing: border-box;
    min-width: 0;
    min-height: 0;
  }
  .grid.has-gutter > * + *,
.grid--reverse.has-gutter > * + * {
    margin-left: calc(1rem - 0.01px);
  }
  .grid.has-gutter-l > * + *,
.grid--reverse.has-gutter-l > * + * {
    margin-left: calc(1.5rem - 0.01px);
  }
  .grid.has-gutter-xl > * + *,
.grid--reverse.has-gutter-xl > * + * {
    margin-left: calc(4rem - 0.01px);
  }
}
@media (min-width: 640px) {
  [class*=grid-2] > * {
    width: calc(100% / 2 - 0.01px);
  }
  [class*=grid-2].has-gutter {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  [class*=grid-2].has-gutter > * {
    width: calc(100% / 2 - 1rem - 0.01px);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  [class*=grid-2].has-gutter-l {
    margin-right: -0.75rem;
    margin-left: -0.75rem;
  }
  [class*=grid-2].has-gutter-l > * {
    width: calc(100% / 2 - 1.5rem - 0.01px);
    margin-right: 0.75rem;
    margin-left: 0.75rem;
  }
  [class*=grid-2].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  [class*=grid-2].has-gutter-xl > * {
    width: calc(100% / 2 - 4rem - 0.01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }

  [class*=grid-3] > * {
    width: calc(100% / 3 - 0.01px);
  }
  [class*=grid-3].has-gutter {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  [class*=grid-3].has-gutter > * {
    width: calc(100% / 3 - 1rem - 0.01px);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  [class*=grid-3].has-gutter-l {
    margin-right: -0.75rem;
    margin-left: -0.75rem;
  }
  [class*=grid-3].has-gutter-l > * {
    width: calc(100% / 3 - 1.5rem - 0.01px);
    margin-right: 0.75rem;
    margin-left: 0.75rem;
  }
  [class*=grid-3].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  [class*=grid-3].has-gutter-xl > * {
    width: calc(100% / 3 - 4rem - 0.01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }

  [class*=grid-4] > * {
    width: calc(100% / 4 - 0.01px);
  }
  [class*=grid-4].has-gutter {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  [class*=grid-4].has-gutter > * {
    width: calc(100% / 4 - 1rem - 0.01px);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  [class*=grid-4].has-gutter-l {
    margin-right: -0.75rem;
    margin-left: -0.75rem;
  }
  [class*=grid-4].has-gutter-l > * {
    width: calc(100% / 4 - 1.5rem - 0.01px);
    margin-right: 0.75rem;
    margin-left: 0.75rem;
  }
  [class*=grid-4].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  [class*=grid-4].has-gutter-xl > * {
    width: calc(100% / 4 - 4rem - 0.01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }

  [class*=grid-5] > * {
    width: calc(100% / 5 - 0.01px);
  }
  [class*=grid-5].has-gutter {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  [class*=grid-5].has-gutter > * {
    width: calc(100% / 5 - 1rem - 0.01px);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  [class*=grid-5].has-gutter-l {
    margin-right: -0.75rem;
    margin-left: -0.75rem;
  }
  [class*=grid-5].has-gutter-l > * {
    width: calc(100% / 5 - 1.5rem - 0.01px);
    margin-right: 0.75rem;
    margin-left: 0.75rem;
  }
  [class*=grid-5].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  [class*=grid-5].has-gutter-xl > * {
    width: calc(100% / 5 - 4rem - 0.01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }

  [class*=grid-6] > * {
    width: calc(100% / 6 - 0.01px);
  }
  [class*=grid-6].has-gutter {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  [class*=grid-6].has-gutter > * {
    width: calc(100% / 6 - 1rem - 0.01px);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  [class*=grid-6].has-gutter-l {
    margin-right: -0.75rem;
    margin-left: -0.75rem;
  }
  [class*=grid-6].has-gutter-l > * {
    width: calc(100% / 6 - 1.5rem - 0.01px);
    margin-right: 0.75rem;
    margin-left: 0.75rem;
  }
  [class*=grid-6].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  [class*=grid-6].has-gutter-xl > * {
    width: calc(100% / 6 - 4rem - 0.01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }

  [class*=grid-7] > * {
    width: calc(100% / 7 - 0.01px);
  }
  [class*=grid-7].has-gutter {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  [class*=grid-7].has-gutter > * {
    width: calc(100% / 7 - 1rem - 0.01px);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  [class*=grid-7].has-gutter-l {
    margin-right: -0.75rem;
    margin-left: -0.75rem;
  }
  [class*=grid-7].has-gutter-l > * {
    width: calc(100% / 7 - 1.5rem - 0.01px);
    margin-right: 0.75rem;
    margin-left: 0.75rem;
  }
  [class*=grid-7].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  [class*=grid-7].has-gutter-xl > * {
    width: calc(100% / 7 - 4rem - 0.01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }

  [class*=grid-8] > * {
    width: calc(100% / 8 - 0.01px);
  }
  [class*=grid-8].has-gutter {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  [class*=grid-8].has-gutter > * {
    width: calc(100% / 8 - 1rem - 0.01px);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  [class*=grid-8].has-gutter-l {
    margin-right: -0.75rem;
    margin-left: -0.75rem;
  }
  [class*=grid-8].has-gutter-l > * {
    width: calc(100% / 8 - 1.5rem - 0.01px);
    margin-right: 0.75rem;
    margin-left: 0.75rem;
  }
  [class*=grid-8].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  [class*=grid-8].has-gutter-xl > * {
    width: calc(100% / 8 - 4rem - 0.01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }

  [class*=grid-9] > * {
    width: calc(100% / 9 - 0.01px);
  }
  [class*=grid-9].has-gutter {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  [class*=grid-9].has-gutter > * {
    width: calc(100% / 9 - 1rem - 0.01px);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  [class*=grid-9].has-gutter-l {
    margin-right: -0.75rem;
    margin-left: -0.75rem;
  }
  [class*=grid-9].has-gutter-l > * {
    width: calc(100% / 9 - 1.5rem - 0.01px);
    margin-right: 0.75rem;
    margin-left: 0.75rem;
  }
  [class*=grid-9].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  [class*=grid-9].has-gutter-xl > * {
    width: calc(100% / 9 - 4rem - 0.01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }

  [class*=grid-10] > * {
    width: calc(100% / 10 - 0.01px);
  }
  [class*=grid-10].has-gutter {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  [class*=grid-10].has-gutter > * {
    width: calc(100% / 10 - 1rem - 0.01px);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  [class*=grid-10].has-gutter-l {
    margin-right: -0.75rem;
    margin-left: -0.75rem;
  }
  [class*=grid-10].has-gutter-l > * {
    width: calc(100% / 10 - 1.5rem - 0.01px);
    margin-right: 0.75rem;
    margin-left: 0.75rem;
  }
  [class*=grid-10].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  [class*=grid-10].has-gutter-xl > * {
    width: calc(100% / 10 - 4rem - 0.01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }

  [class*=grid-11] > * {
    width: calc(100% / 11 - 0.01px);
  }
  [class*=grid-11].has-gutter {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  [class*=grid-11].has-gutter > * {
    width: calc(100% / 11 - 1rem - 0.01px);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  [class*=grid-11].has-gutter-l {
    margin-right: -0.75rem;
    margin-left: -0.75rem;
  }
  [class*=grid-11].has-gutter-l > * {
    width: calc(100% / 11 - 1.5rem - 0.01px);
    margin-right: 0.75rem;
    margin-left: 0.75rem;
  }
  [class*=grid-11].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  [class*=grid-11].has-gutter-xl > * {
    width: calc(100% / 11 - 4rem - 0.01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }

  [class*=grid-12] > * {
    width: calc(100% / 12 - 0.01px);
  }
  [class*=grid-12].has-gutter {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  [class*=grid-12].has-gutter > * {
    width: calc(100% / 12 - 1rem - 0.01px);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  [class*=grid-12].has-gutter-l {
    margin-right: -0.75rem;
    margin-left: -0.75rem;
  }
  [class*=grid-12].has-gutter-l > * {
    width: calc(100% / 12 - 1.5rem - 0.01px);
    margin-right: 0.75rem;
    margin-left: 0.75rem;
  }
  [class*=grid-12].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  [class*=grid-12].has-gutter-xl > * {
    width: calc(100% / 12 - 4rem - 0.01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }
}
.push {
  margin-left: auto !important;
}

.pull {
  margin-right: auto !important;
}

.item-first {
  order: -1;
}

.item-last {
  order: 1;
}

[class*=grid-][class*="--reverse"] {
  flex-direction: row-reverse;
}

@media (min-width: 640px) {
  .full {
    flex: 0 0 auto;
    width: calc(100% / 1 - 0.01px);
  }

  .has-gutter > .full {
    width: calc(100% / 1 - 1rem - 0.01px);
  }

  .has-gutter-l > .full {
    width: calc(100% / 1 - 1.5rem - 0.01px);
  }

  .has-gutter-xl > .full {
    width: calc(100% / 1 - 4rem - 0.01px);
  }

  .one-half {
    flex: 0 0 auto;
    width: calc(100% / 2 - 0.01px);
  }

  .has-gutter > .one-half {
    width: calc(100% / 2 - 1rem - 0.01px);
  }

  .has-gutter-l > .one-half {
    width: calc(100% / 2 - 1.5rem - 0.01px);
  }

  .has-gutter-xl > .one-half {
    width: calc(100% / 2 - 4rem - 0.01px);
  }

  .one-third {
    flex: 0 0 auto;
    width: calc(100% / 3 - 0.01px);
  }

  .has-gutter > .one-third {
    width: calc(100% / 3 - 1rem - 0.01px);
  }

  .has-gutter-l > .one-third {
    width: calc(100% / 3 - 1.5rem - 0.01px);
  }

  .has-gutter-xl > .one-third {
    width: calc(100% / 3 - 4rem - 0.01px);
  }

  .one-quarter {
    flex: 0 0 auto;
    width: calc(100% / 4 - 0.01px);
  }

  .has-gutter > .one-quarter {
    width: calc(100% / 4 - 1rem - 0.01px);
  }

  .has-gutter-l > .one-quarter {
    width: calc(100% / 4 - 1.5rem - 0.01px);
  }

  .has-gutter-xl > .one-quarter {
    width: calc(100% / 4 - 4rem - 0.01px);
  }

  .one-fifth {
    flex: 0 0 auto;
    width: calc(100% / 5 - 0.01px);
  }

  .has-gutter > .one-fifth {
    width: calc(100% / 5 - 1rem - 0.01px);
  }

  .has-gutter-l > .one-fifth {
    width: calc(100% / 5 - 1.5rem - 0.01px);
  }

  .has-gutter-xl > .one-fifth {
    width: calc(100% / 5 - 4rem - 0.01px);
  }

  .one-sixth {
    flex: 0 0 auto;
    width: calc(100% / 6 - 0.01px);
  }

  .has-gutter > .one-sixth {
    width: calc(100% / 6 - 1rem - 0.01px);
  }

  .has-gutter-l > .one-sixth {
    width: calc(100% / 6 - 1.5rem - 0.01px);
  }

  .has-gutter-xl > .one-sixth {
    width: calc(100% / 6 - 4rem - 0.01px);
  }

  .two-thirds {
    flex: 0 0 auto;
    width: calc(100% / 3 * 2 - 0.01px);
  }

  .has-gutter > .two-thirds {
    width: calc(100% / 3 * 2 - 1rem - 0.01px);
  }

  .has-gutter-l > .two-thirds {
    width: calc(100% / 3 * 2 - 1.5rem - 0.01px);
  }

  .has-gutter-xl > .two-thirds {
    width: calc(100% / 3 * 2 - 4rem - 0.01px);
  }

  .three-quarters {
    flex: 0 0 auto;
    width: calc(100% / 4 * 3 - 0.01px);
  }

  .has-gutter > .three-quarters {
    width: calc(100% / 4 * 3 - 1rem - 0.01px);
  }

  .has-gutter-l > .three-quarters {
    width: calc(100% / 4 * 3 - 1.5rem - 0.01px);
  }

  .has-gutter-xl > .three-quarters {
    width: calc(100% / 4 * 3 - 4rem - 0.01px);
  }

  .five-sixths {
    flex: 0 0 auto;
    width: calc(100% / 6 * 5 - 0.01px);
  }

  .has-gutter > .five-sixths {
    width: calc(100% / 6 * 5 - 1rem - 0.01px);
  }

  .has-gutter-l > .five-sixths {
    width: calc(100% / 6 * 5 - 1.5rem - 0.01px);
  }

  .has-gutter-xl > .five-sixths {
    width: calc(100% / 6 * 5 - 4rem - 0.01px);
  }
}
/* Responsive Small Breakpoint */
@media (min-width: 640px) and (max-width: 991px) {
  [class*=-small-1] > * {
    width: calc(100% / 1 - 0.01px);
  }
  [class*=-small-1].has-gutter > * {
    width: calc(100% / 1 - 1rem - 0.01px);
  }
  [class*=-small-1].has-gutter-l > * {
    width: calc(100% / 1 - 1.5rem - 0.01px);
  }
  [class*=-small-1].has-gutter-xl > * {
    width: calc(100% / 1 - 4rem - 0.01px);
  }

  [class*=-small-2] > * {
    width: calc(100% / 2 - 0.01px);
  }
  [class*=-small-2].has-gutter > * {
    width: calc(100% / 2 - 1rem - 0.01px);
  }
  [class*=-small-2].has-gutter-l > * {
    width: calc(100% / 2 - 1.5rem - 0.01px);
  }
  [class*=-small-2].has-gutter-xl > * {
    width: calc(100% / 2 - 4rem - 0.01px);
  }

  [class*=-small-3] > * {
    width: calc(100% / 3 - 0.01px);
  }
  [class*=-small-3].has-gutter > * {
    width: calc(100% / 3 - 1rem - 0.01px);
  }
  [class*=-small-3].has-gutter-l > * {
    width: calc(100% / 3 - 1.5rem - 0.01px);
  }
  [class*=-small-3].has-gutter-xl > * {
    width: calc(100% / 3 - 4rem - 0.01px);
  }

  [class*=-small-4] > * {
    width: calc(100% / 4 - 0.01px);
  }
  [class*=-small-4].has-gutter > * {
    width: calc(100% / 4 - 1rem - 0.01px);
  }
  [class*=-small-4].has-gutter-l > * {
    width: calc(100% / 4 - 1.5rem - 0.01px);
  }
  [class*=-small-4].has-gutter-xl > * {
    width: calc(100% / 4 - 4rem - 0.01px);
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  [class*=-medium-1] > * {
    width: calc(100% / 1 - 0.01px);
  }
  [class*=-medium-1].has-gutter > * {
    width: calc(100% / 1 - 1rem - 0.01px);
  }
  [class*=-medium-1].has-gutter-l > * {
    width: calc(100% / 1 - 1.5rem - 0.01px);
  }
  [class*=-medium-1].has-gutter-xl > * {
    width: calc(100% / 1 - 4rem - 0.01px);
  }

  [class*=-medium-2] > * {
    width: calc(100% / 2 - 0.01px);
  }
  [class*=-medium-2].has-gutter > * {
    width: calc(100% / 2 - 1rem - 0.01px);
  }
  [class*=-medium-2].has-gutter-l > * {
    width: calc(100% / 2 - 1.5rem - 0.01px);
  }
  [class*=-medium-2].has-gutter-xl > * {
    width: calc(100% / 2 - 4rem - 0.01px);
  }

  [class*=-medium-3] > * {
    width: calc(100% / 3 - 0.01px);
  }
  [class*=-medium-3].has-gutter > * {
    width: calc(100% / 3 - 1rem - 0.01px);
  }
  [class*=-medium-3].has-gutter-l > * {
    width: calc(100% / 3 - 1.5rem - 0.01px);
  }
  [class*=-medium-3].has-gutter-xl > * {
    width: calc(100% / 3 - 4rem - 0.01px);
  }

  [class*=-medium-4] > * {
    width: calc(100% / 4 - 0.01px);
  }
  [class*=-medium-4].has-gutter > * {
    width: calc(100% / 4 - 1rem - 0.01px);
  }
  [class*=-medium-4].has-gutter-l > * {
    width: calc(100% / 4 - 1.5rem - 0.01px);
  }
  [class*=-medium-4].has-gutter-xl > * {
    width: calc(100% / 4 - 4rem - 0.01px);
  }
}
/**
* FONTS
*/
@font-face {
  font-family: "roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../../assets/theme/fonts/roboto-regular.woff2") format("woff2"), url("../../assets/theme/fonts/roboto-regular.woff") format("woff");
}
@font-face {
  font-family: "roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../../assets/theme/fonts/roboto-bold.woff2") format("woff2"), url("../../assets/theme/fonts/roboto-bold.woff") format("woff");
}
@font-face {
  font-family: "roboto";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("../../assets/theme/fonts/roboto-light.woff2") format("woff2"), url("../../assets/theme/fonts/roboto-light.woff") format("woff");
}
@font-face {
  font-family: "roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../../assets/theme/fonts/roboto-italic.woff2") format("woff2"), url("../../assets/theme/fonts/roboto-italic.woff") format("woff");
}
@font-face {
  font-family: "roboto";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("../../assets/theme/fonts/roboto-bolditalic.woff2") format("woff2"), url("../../assets/theme/fonts/roboto-bolditalic.woff") format("woff");
}
@font-face {
  font-family: "raleway";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../../assets/theme/fonts/raleway-regular.woff2") format("woff2"), url("../../assets/theme/fonts/raleway-regular.woff") format("woff");
}
@font-face {
  font-family: "raleway";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../../assets/theme/fonts/raleway-bold.woff2") format("woff2"), url("../../assets/theme/fonts/raleway-bold.woff") format("woff");
}
@font-face {
  font-family: "raleway";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("../../assets/theme/fonts/raleway-bolditalic.woff2") format("woff2"), url("../../assets/theme/fonts/raleway-bolditalic.woff") format("woff");
}
/* Forms - sass/_form
-------------------------------------------------------- */
/* reset */
form, fieldset {
  border: medium none;
}

input, button, select, label {
  font-family: inherit;
  font-size: inherit;
  vertical-align: middle;
}

label {
  display: block;
  cursor: pointer;
  max-width: 90%;
  vertical-align: middle;
}

legend {
  border: 0 none;
  max-width: 100%;
  white-space: normal;
}

textarea {
  font-family: inherit;
  font-size: inherit;
  min-height: 5em;
  overflow: auto;
  vertical-align: top;
}

input, textarea {
  border: 1px solid #aaa;
  font-size: 1em;
}

button, input[type=button], input[type=reset], input[type=submit] {
  cursor: pointer;
}

input[type=checkbox], input[type=radio] {
  padding: 0;
  margin: 0;
}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #fff;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #fff;
}

button::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=submit]::-moz-focus-inner {
  border: 0 none;
  padding: 0;
}

/* newsletter form
---------------------------------- */
.newsletter {
  margin-top: 0.2em;
}
.newsletter label {
  margin: 0 0.5em 0;
  text-transform: uppercase;
  font-style: italic;
  font-weight: bold;
}
.newsletter button {
  background: #c93f18;
  color: #fff;
  border: 1px solid #c93f18;
  padding: 0.1em 0.4em;
  transition: background 0.5s linear 0s;
}
.newsletter button:focus, .newsletter button:hover {
  background: #9b3113;
}

/* contact form
---------------------------------- */
.contactform {
  border: none;
  /*margin: 2em 0;*/
  overflow: hidden;
}
@media screen and (min-width: 54em) {
  .contactform {
    margin-right: 2em;
  }
}

.contactform fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

.contactform label {
  margin: 0.7em 0 0.1em;
}

.contactform input[type=text],
.contactform input[type=email],
.contactform textarea {
  padding: 0.5em 0.2em;
  border: 1px solid #e64517;
  background: #fff;
  min-width: 50%;
}

.contactform textarea {
  width: 100%;
}

.contactform input:focus,
.contactform textarea:focus {
  border: 1px solid #666;
  background: #fff;
}

.error_message {
  color: #b00;
  font-weight: bold;
}

.antibot {
  display: none !important;
}

.fbsubmit {
  display: block;
  text-decoration: none;
  padding: 0.7em 2em 0.6em;
  font-size: 1em;
  color: #fff;
  border: 1px solid #e64517;
  margin-top: 1em;
  background: #e64517;
}
.fbsubmit:focus, .fbsubmit:hover {
  background: #cf3e15;
}

.obli {
  font-size: 1em;
  font-style: italic;
}

.rgpd-checkbox {
  display: flex;
}
.rgpd-checkbox input {
  margin-top: 0.7em;
}

.inline-check div input, .inline-check div label {
  display: inline-block;
  vertical-align: baseline;
}

.captcha {
  margin-top: 1em;
}

/* search */
input.search-input {
  color: #000;
  background: #fff;
  width: 194px;
  padding: 5px;
  border: 1px solid #fff;
  font-size: 1.0714285714em;
}

input.search-button {
  border: none;
  height: 33px;
  margin-left: -6px;
  padding: 3px 6px 0;
  color: transparent;
  background: #fff url("../../assets/images/picto-loupe.svg") no-repeat center center;
}

input.search-button:hover,
input.search-button:focus {
  color: #fff;
  background: #cf3e15;
  transition: all 0.5s linear 0s;
}

/* end search */
/* modules */
/* Modules - sass/_modules
-------------------------------------------------------- */
/* bouton
---------------------------------- */
a.btn,
.btn a {
  text-decoration: none;
  padding: 0.6em 1em 0.5em;
  background: transparent;
  color: #e64517;
  font-size: 0.8571428571em;
  text-transform: uppercase;
  border: 1px solid #e64517;
  display: inline-block;
  margin-top: 1em;
  transition: all 0.5s linear 0s;
}
a.btn:focus, a.btn:hover,
.btn a:focus,
.btn a:hover {
  background: #e64517;
  color: #fff;
  text-decoration: none;
}

/* slide
------------------ */
.bg-slides {
  min-height: 570px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 40em) {
  .bg-slides {
    margin-top: -24px;
  }
}

.slide {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  z-index: 10;
  min-height: inherit;
  background-clip: content-box;
}

.home .slide {
  background: url("../../assets/images/bandeaux/home-caue-71.jpg") no-repeat center center;
  background-size: cover;
}

.je-suis-un-particulier .slide {
  background: url("../../assets/images/bandeaux/particulier-caue-71.jpg") no-repeat center center;
  background-size: cover;
}

.je-suis-une-collectivite .slide {
  background: url("../../assets/images/bandeaux/collectivite-caue-71.jpg") no-repeat center center;
  background-size: cover;
}

.je-suis-un-enseignant .slide {
  background: url("../../assets/images/bandeaux/enseignant-caue-71.jpg") no-repeat center center;
  background-size: cover;
}

.slide-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  background: rgba(0, 0, 0, 0.5);
}
@media screen and (min-width: 40em) {
  .slide-overlay {
    padding: 2em 3em;
  }
}

.heading-je-suis {
  margin: auto;
  padding: 2em 0;
  text-align: center;
  color: #fff;
  max-width: 30em;
  font-size: 2em;
  font-family: raleway, arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}
@media screen and (min-width: 40em) {
  .heading-je-suis {
    font-size: 2.5714285714em;
  }
}
.heading-je-suis a.btn {
  color: #fff;
  border-color: #fff;
}
.heading-je-suis a.btn:focus, .heading-je-suis a.btn:hover {
  border-color: #e64517;
}
.heading-je-suis::after {
  display: block;
  height: 8px;
  content: " ";
  background-color: #e64517;
  width: 36px;
  margin: 10px auto 0;
}

.je-suis-cible {
  font-size: 3rem;
  font-style: italic;
  font-weight: bold;
  line-height: 1;
}
@media screen and (min-width: 40em) {
  .je-suis-cible {
    font-size: 3.75rem;
  }
}

/* parallax
---------------------------------- */
.parallax {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  perspective: 8px;
  perspective-origin: 0%;
  display: flex;
}

.background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateZ(0px);
}

.foreground {
  margin-top: auto;
  margin-bottom: 50px;
  transform-origin: 0;
  transform: translateZ(3px) scale(0.625);
}

/* blocs divers
---------------------------------- */
.rellink {
  font-size: 1em;
  margin: 2em 0;
}

/* news
---------------------------------- */
.news-article-summary {
  margin-bottom: 1em;
}

.news-date {
  font-style: italic;
  color: #e64517;
  font-size: 1.0714285714em;
}

.news-article-title {
  color: #000;
  text-transform: none;
  font-style: normal;
  font-size: 1.1428571429em;
  margin-bottom: 0;
}
.news-article-title:after {
  display: none;
}

.news-article-wrapper {
  padding-top: 1em;
}

.news-article-detail .news-article-title {
  font-size: 1.4285714286em;
}

/* fiches conseils
---------------------------------- */
.fiche-wrapper {
  margin-bottom: 2em;
}

.fiche-conseil {
  border: 1px solid #ccc;
  text-align: center;
  padding: 1em;
  min-height: 17.8571428571em;
}

.fiche-conseil__title {
  font-size: 1rem;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
}
.fiche-conseil__title:after {
  content: none;
}

.fiche-conseil__link {
  margin-top: -2em;
  text-align: center;
}
.fiche-conseil__link a {
  background-color: #e64517;
  color: #fff;
}
.fiche-conseil__link a:focus, .fiche-conseil__link a:hover {
  background-color: #fff;
  color: #e64517;
}

/* retour haut de page
// use with script totop.js
-------------------------------- */
#toTop {
  background: #e64517;
  bottom: 10px;
  color: #fff;
  font-size: 2em;
  cursor: pointer;
  display: none;
  padding: 10px 18px;
  position: fixed;
  right: 10px;
  z-index: 10;
}

#toTop a {
  text-decoration: none;
}

/* module galerie
-------------------------------- */
.gallery {
  margin-top: 1em;
  display: flex;
  flex-wrap: wrap;
}

.gallery .img {
  flex: initial;
  margin: 0 1em 1em 0;
  text-align: center;
}

.gallery .img a {
  display: inline-block;
  border: 1px solid #ddd;
}

.gallery .img a:hover {
  border-color: #999;
}

.gallery img {
  border: none;
}

.gallery h2 {
  margin: 1em 0 0.5em;
}

.gallery-equipe figure {
  margin-top: 0;
}
.gallery-equipe .img {
  max-width: 240px;
}
.gallery-equipe .img a {
  text-decoration: none;
  border: 1px solid #fff;
}
.gallery-equipe .img a:focus, .gallery-equipe .img a:hover {
  border-color: #999;
}

/* LIGHTBOX  -  version 2.8.2 */
/* Preload images */
body:after {
  content: url("../../assets/images/lightbox/close.png") url("../../assets/images/lightbox/loading.gif") url("../../assets/images/lightbox/prev.png") url("../../assets/images/lightbox/next.png");
  display: none;
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url("../../assets/images/lightbox/loading.gif") no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url("../../assets/images/lightbox/prev.png") left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url("../../assets/images/lightbox/next.png") right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url("../../assets/images/lightbox/close.png") top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* cookie consent
---------------------------------- */
#cookie_consent {
  background: #000;
  position: fixed;
  bottom: 0;
  float: left;
  z-index: 100000;
  width: 100%;
  padding: 15px;
  filter: alpha(opacity=80);
  opacity: 0.8;
}

#cookie_consent p {
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  filter: alpha(opacity=100);
  opacity: 1;
}

#cookie_consent a.accept_cookies {
  margin: 0 5px;
  padding: 5px;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  background: #6c0;
}

#cookie_consent a.decline_cookies {
  margin: 0 5px;
  padding: 5px;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  background: #f33;
}

#cookie_consent a.more_info {
  margin: 0 5px;
  padding: 5px;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  background: #ccc;
}

/* Main nav
------------------- */
.info-navs {
  color: #000;
  background: #fff;
  cursor: pointer;
  display: block;
  padding: 0.5em 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0;
  width: 100%;
  font-weight: normal;
  /*@include lt(medium) {
  	display: none;
  }*/
}
.info-navs::before {
  content: "≡";
  display: inline-block;
  line-height: 1;
  padding: 0 0.5em;
}
.info-navs:after {
  display: none;
}

.small-visible .main-nav .nav {
  display: none;
}

.main-nav.expanded .nav {
  display: block;
}

/* setting colors */
/* default styles */
[data-visually-hidden=true] {
  display: none;
}

[data-visually-hidden=false] {
  display: block;
}

.main-nav {
  text-transform: uppercase;
  position: relative;
  z-index: 100;
  opacity: 0.99;
  font-weight: bold;
}
@media screen and (min-width: 40em) {
  .main-nav {
    margin-bottom: 1.5em;
  }
}
@media screen and (min-width: 54em) {
  .main-nav {
    float: right;
    margin-top: 1.5em;
    margin-bottom: 0;
  }
}

.main-nav .nav__item {
  position: relative;
  padding: 0;
}

.sectionheader.nav__item,
.main-nav .nav__link {
  text-decoration: none;
  transition: all 0.4s linear 0s;
  background: inherit;
  color: #000;
  position: relative;
  display: block;
  font-size: 1.3rem;
  padding: 0.5em 0;
}
.sectionheader.nav__item:focus, .sectionheader.nav__item:hover, .sectionheader.nav__item.cur, .sectionheader.nav__item.cur-parent,
.main-nav .nav__link:focus,
.main-nav .nav__link:hover,
.main-nav .nav__link.cur,
.main-nav .nav__link.cur-parent {
  background: #e64517;
  color: #fff;
}
@media screen and (min-width: 40em) {
  .sectionheader.nav__item,
.main-nav .nav__link {
    font-size: 1em;
    line-height: 1;
    padding: 0 2em 0 0;
  }
  .sectionheader.nav__item::after,
.main-nav .nav__link::after {
    display: block;
    height: 5px;
    content: " ";
    margin-top: 5px;
    background-color: #e64517;
    width: 18px;
    transition: all 0.3s linear 0s;
  }
  .sectionheader.nav__item:focus, .sectionheader.nav__item:hover, .sectionheader.nav__item.cur, .sectionheader.nav__item.cur-parent,
.main-nav .nav__link:focus,
.main-nav .nav__link:hover,
.main-nav .nav__link.cur,
.main-nav .nav__link.cur-parent {
    background: inherit;
    color: #000;
  }
  .sectionheader.nav__item:focus::after, .sectionheader.nav__item:hover::after, .sectionheader.nav__item.cur::after, .sectionheader.nav__item.cur-parent::after,
.main-nav .nav__link:focus::after,
.main-nav .nav__link:hover::after,
.main-nav .nav__link.cur::after,
.main-nav .nav__link.cur-parent::after {
    display: block;
    height: 5px;
    content: " ";
    background-color: #e64517;
    width: 100%;
  }
  .sectionheader.nav__item.cur, .sectionheader.nav__item.cur-parent,
.main-nav .nav__link.cur,
.main-nav .nav__link.cur-parent {
    color: #e64517;
  }
}
@media screen and (min-width: 54em) {
  .sectionheader.nav__item,
.main-nav .nav__link {
    padding: 0 2em 0 0;
  }
}

/* subnav styles */
.main-nav .subnav__item {
  text-align: left;
  opacity: 0.99;
  /* bug fix on Safari (7) */
  position: relative;
  font-size: 1em;
}

.main-nav .subnav__link {
  text-decoration: none;
  color: #fff;
  background: #e64517;
  padding: 0.7em 1em;
  display: block;
  transition: background 0.5s linear 0s;
}

.subnav a:hover,
.subnav a:focus {
  background: #b83712;
}

@media screen and (min-width: 40em) {
  /*.main-nav .nav {
     .nav__item {
       width: 49%;
       display: inline-block;
     }
  }*/
  .subnav {
    position: absolute;
    left: 0;
    right: 0;
    min-width: 17.8571428571em;
    background: #fff;
  }
}
@media screen and (min-width: 40em) {
  .main-nav .nav {
    display: flex;
  }
}
/*  nav je suis
------------------- */
.nav-je-suis ul {
  z-index: 50;
  opacity: 0.99;
  position: relative;
  background: #ccc;
  color: #000;
  text-transform: uppercase;
  font-style: italic;
  font-weight: bold;
  font-family: raleway, arial, sans-serif;
  font-size: 1.1428571429em;
}

.nav-je-suis .nav__item {
  text-align: center;
  line-height: 1;
  position: relative;
}
.nav-je-suis .nav__item:after {
  content: "";
  background-color: #b5b5b5;
  width: 1px;
  height: 30px;
  display: inline;
  position: absolute;
  top: 10px;
  right: -1px;
}
.nav-je-suis .nav__item:last-child:after {
  display: none;
}

.nav-je-suis .nav__link {
  display: block;
  padding: 0.5em 0;
  color: #000;
  transition: all 0.4s linear 0s;
}
.nav-je-suis .nav__link:focus, .nav-je-suis .nav__link:hover, .nav-je-suis .nav__link.menuparent {
  color: #fff;
  background: #e64517;
}

.nav-je-suis .je-suis {
  font-size: 0.8571428571em;
  font-style: normal;
}

/* Layout for home - sass/_m-home
-------------------------------------------------------- */
/* homepage
------------------ */
.home-padding {
  padding: 0 0.5em;
}
@media screen and (min-width: 70em) {
  .home-padding {
    padding: 0;
  }
}

.home-title {
  font-size: 2.5714285714em;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0.4em 0;
  color: #000;
}
.home-title::after {
  display: block;
  height: 5px;
  content: " ";
  background-color: #e64517;
  width: 36px;
  margin: 10px auto 0;
}

.home .heading-je-suis {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  font-size: 1rem;
  text-transform: none;
}
.home .heading-je-suis .btn {
  margin-top: 2em;
  border-width: 2px;
}
.home .heading-je-suis::after {
  display: none;
}

.home .slide-title {
  font-size: 3.1428571429em;
  font-style: normal;
  color: #fff;
  margin-bottom: 0.5em;
}

/* home big blocks */
.home-block {
  padding: 6vw;
  color: #000;
  background: #eee;
}
.home-block.block-gris {
  background: #ccc;
}
.home-block.block-gris .home-block__link.btn a {
  background: #e64517;
  color: #fff;
  border-color: #e64517;
}
.home-block.block-gris .home-block__link.btn a:focus, .home-block.block-gris .home-block__link.btn a:hover {
  background: #fff;
  color: #e64517;
}
.home-block.block-orange {
  background: #e64517;
  color: #fff;
}
.home-block.block-orange .home-block__title {
  color: #fff;
}
.home-block.block-orange .home-block__title::after {
  background-color: #fff;
}
.home-block.block-orange a {
  color: #000;
  border-bottom: 1px dotted;
}
.home-block.block-orange a:focus, .home-block.block-orange a:hover {
  border-bottom: 1px solid;
}
.home-block.block-orange .home-block__link.btn a {
  background: #000;
  color: #fff;
  border-color: #000;
}
.home-block.block-orange .home-block__link.btn a:focus, .home-block.block-orange .home-block__link.btn a:hover {
  background: #fff;
  border-color: #fff;
  color: #000;
}
.home-block.block-rouge {
  background: #9c1b31;
  color: #fff;
}
.home-block.block-rouge .home-block__title {
  color: #fff;
}
.home-block.block-rouge .home-block__title::after {
  background-color: #fff;
}
.home-block.block-rouge .home-block__link.btn a {
  background: #ccc;
  color: #9c1b31;
  border-color: #ccc;
}
.home-block.block-rouge .home-block__link.btn a:focus, .home-block.block-rouge .home-block__link.btn a:hover {
  background: #9c1b31;
  color: #ccc;
}

.home-block-img {
  display: flex;
}
.home-block-img img, .home-block-img iframe {
  margin: auto;
}

/* home actu */
.home-news {
  padding: 3em 0;
}
.home-news .news-article-title {
  font-size: 1.4285714286em;
}

.home-news .home-news-summary {
  margin-bottom: 2em;
}

.btn.home-news-alllink {
  color: #fff;
  background: #e64517;
  font-weight: bold;
  font-size: 1.4285714286em;
}
.btn.home-news-alllink:focus, .btn.home-news-alllink:hover {
  background: #fff;
  color: #e64517;
}

/* ALl in sidebar - sass/_m-sidebar
-------------------------------------------------------- */
/* sidebar
------------------- */
.sidenav {
  font-family: raleway, arial, sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 1.5714285714em;
  text-transform: uppercase;
}

.sidenav li, .sidenav-li {
  background: #e64517;
  color: #fff;
  margin-bottom: 0.7em;
  text-align: center;
  line-height: 1;
}

.sidenav a {
  display: block;
  padding: 1em 0.5em;
  color: #fff;
  text-decoration: none;
  transition: background 0.5s linear 0s;
}
.sidenav a:focus, .sidenav a:hover, .sidenav a.cur {
  background: #000;
}

.sidebar-content {
  margin-top: 1em;
}

.sidebar h3 {
  font-size: 1.1rem;
  text-align: center;
  padding: 0.8em 0;
  color: #000;
  text-transform: none;
  font-style: normal;
  border-top: 1px solid;
  border-bottom: 1px solid;
  margin-top: 2em;
}

/* layout */
/* header layout - sass/_l-header
-------------------------------------------------------- */
.header-wrapper {
  background: #fff;
}

.header-top {
  background-color: #e64517;
  color: #fff;
  padding: 0.8em 1em;
}
.header-top a {
  color: #fff;
}

.header-right {
  text-align: center;
  margin-top: 0.5em;
}
@media screen and (min-width: 40em) {
  .header-right {
    text-align: right;
    margin-top: 0;
  }
}

.top-nav {
  padding: 0.5em 0;
}

.top-link {
  padding: 0 0 0 1em;
}

.search {
  padding-left: 1em;
}

.header {
  padding: 0;
  text-align: center;
}
.header a {
  text-decoration: none;
}
.header > * {
  margin: auto 0;
}
@media screen and (min-width: 40em) {
  .header {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    justify-content: space-between;
  }
}
.title, .logo-faire {
  display: inline-block;
  flex-shrink: 0;
}

.title {
  padding: 1em 0 2em;
}

.logo-faire {
  margin-left: 1em;
}
@media screen and (min-width: 54em) {
  .logo-faire {
    order: 1;
  }
}

.nav-wrapper {
  flex: auto;
}

/* Global layout & colors - sass/_layout
-------------------------------------------------------- */
/* layout global
------------------ */
.content-inner {
  margin: 4em 0;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
@media screen and (min-width: 40em) {
  .content-inner {
    flex-direction: row;
  }
}

.main {
  flex: 1 1 0%;
  margin: 0.5em;
  max-width: 100%;
}
@media screen and (min-width: 40em) {
  .main {
    order: 0;
    margin: 0 2.1428571429em 0 0;
  }
}

.sidebar {
  width: 100%;
  padding: 0 0.5em;
  margin-top: 2em;
}
.sidebar .adherer-link {
  font-size: 1.2857142857em;
  border: 2px solid #e64517;
  text-align: center;
  display: block;
  padding: 0.8em 0.5em;
  transition: all 0.5s linear 0s;
}
.sidebar .adherer-link:focus, .sidebar .adherer-link:hover {
  background: #e64517;
  color: #fff;
}
@media screen and (min-width: 40em) {
  .sidebar {
    width: 19.0714285714em;
    padding: 0;
    margin-top: 0.6em;
  }
}

/* variations pictos - page
--------------------- */
.je-suis-un-enseignant .main-title,
.je-suis-un-particulier .main-title,
.je-suis-une-collectivite .main-title {
  color: #e64517;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #ccc;
}
.je-suis-un-enseignant .main-title::after,
.je-suis-un-particulier .main-title::after,
.je-suis-une-collectivite .main-title::after {
  display: none;
}

.main-title.conseiller::before,
.sidenav .conseiller::before {
  font-family: "Font Awesome 5 Free";
  content: "";
  margin-right: 0.5em;
}

.main-title.former::before,
.sidenav .former::before {
  font-family: "Font Awesome 5 Free";
  content: "";
  margin-right: 0.5em;
}

.main-title.sensibiliser::before,
.sidenav .sensibiliser::before {
  font-family: "Font Awesome 5 Free";
  content: "";
  margin-right: 0.5em;
}

.main-title.se-documenter::before,
.sidenav .se-documenter::before {
  font-family: "Font Awesome 5 Free";
  content: "";
  margin-right: 0.5em;
}

.main-title.accompagner::before,
.sidenav .accompagner::before {
  font-family: "Font Awesome 5 Free";
  content: "";
  margin-right: 0.5em;
}

/* footer layout - sass/_l-footer
-------------------------------------------------------- */
.footer {
  clear: both;
  text-align: center;
  background: #ccc;
  color: #000;
  padding: 3em 0;
}
.footer a {
  color: #000;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
.footer a:hover, .footer a:focus {
  -webkit-text-decoration: underline solid;
  text-decoration: underline solid;
}
@media screen and (min-width: 40em) {
  .footer {
    text-align: left;
  }
}

.footer-block {
  margin-bottom: 1em;
}
@media screen and (min-width: 40em) {
  .footer-block {
    display: inline-block;
    vertical-align: middle;
    padding-right: 2em;
    margin-right: 2em;
  }
}
.footer-block:first-child {
  margin-left: 0.5em;
}
@media screen and (min-width: 70em) {
  .footer-block:first-child {
    margin-left: 0;
  }
}

.footer-menu li {
  display: block;
  padding: 0.5em;
  list-style-type: square;
}
@media screen and (min-width: 40em) {
  .footer-menu li {
    display: list-item;
    padding: 0 0.5em;
  }
}

.footer-caue h3 {
  color: #e64517;
  font-size: 1.25em;
}
.footer-caue h3 .footer-caue-name {
  color: #000;
}

.footer-address {
  margin-top: 0.5em;
  padding: 1em 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.footer-socio {
  font-size: 2em;
}

.ouik {
  margin: 0 0.5em 0.5em;
  padding-top: 0.5em;
  font-size: 1em;
  text-align: center;
  color: #333;
}
.ouik img {
  margin-top: -3px;
  vertical-align: top;
}
@media screen and (min-width: 40em) {
  .ouik {
    text-align: right;
  }
}
@media screen and (min-width: 54em) {
  .ouik {
    margin: 2em 0 0;
  }
}

.ouik a:hover img, .ouik a:focus img {
  transition: all 0.5s linear 0s;
  transform: rotate(10deg);
}