@charset "UTF-8";
/********* Import ************/ /* gris */
/* vert */
/* beige */
/* rouge */
/* rouge fonce */
/* jaune */
/* bleu */
/* bleu foncé */
.btn {
  font-size: 17px;
}
@media (max-width: 767px) {
  .btn {
    white-space: normal !important;
  }
}

.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  text-decoration: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

a.btn, a.btn:visited, a.btn:visited:hover, button.btn, button.btn:visited, button.btn:visited:hover {
  color: #fff;
}

.btn-default:active,
.btn-primary:active,
.btn-success:active,
.btn-info:active,
.btn-warning:active,
.btn-danger:active,
.btn-default.active,
.btn-primary.active,
.btn-success.active,
.btn-info.active,
.btn-warning.active,
.btn-danger.active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-default .badge,
.btn-primary .badge,
.btn-success .badge,
.btn-info .badge,
.btn-warning .badge,
.btn-danger .badge {
  text-shadow: none;
}

.btn:active,
.btn.active {
  background-image: none;
}

.btn-primary {
  background: #6a6a6a;
  background: linear-gradient(to bottom, #6a6a6a 0%, #BCAB9F 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$color-primary", endColorstr="$color-tertiary",GradientType=0 );
  border-color: #BCAB9F;
}

.btn-primary:hover,
.btn-primary:focus {
  background: #BCAB9F;
  background: linear-gradient(to bottom, #BCAB9F 0%, #BCAB9F 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$color-tertiary", endColorstr="$color-tertiary",GradientType=0 );
  background-position: 0 -15px;
  border-color: #BCAB9F;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #6a6a6a;
  border-color: #BCAB9F;
}

.btn-primary.disabled,
.btn-primary:disabled,
.btn-primary[disabled] {
  background-color: #e0e0e0;
  background-image: none;
}

.btn-contour-gris, a.btn.btn-contour-gris, .btn-contour-gris:visited, a.btn.btn-contour-gris:visited {
  color: rgb(51, 51, 51) !important;
  background-color: #fff;
  text-decoration: none;
  border: none !important;
  position: relative;
  padding: 10px 25px;
  box-sizing: inherit;
  transition-property: all;
  transition-duration: 1s;
  transition-timing-function: ease;
  display: inline-block;
  text-transform: uppercase;
}
.btn-contour-gris svg, a.btn.btn-contour-gris svg, .btn-contour-gris:visited svg, a.btn.btn-contour-gris:visited svg {
  height: 45px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.btn-contour-gris rect, a.btn.btn-contour-gris rect, .btn-contour-gris:visited rect, a.btn.btn-contour-gris:visited rect {
  fill: none;
  stroke: rgb(51, 51, 51);
  stroke-width: 4;
  stroke-dasharray: 422, 0;
}
.btn-contour-gris:hover, a.btn.btn-contour-gris:hover, .btn-contour-gris:visited:hover, a.btn.btn-contour-gris:visited:hover {
  background-color: #333;
  color: #fff !important;
  border-radius: 0 !important;
}
.btn-contour-gris:hover rect, a.btn.btn-contour-gris:hover rect, .btn-contour-gris:visited:hover rect, a.btn.btn-contour-gris:visited:hover rect {
  stroke-width: 4;
  stroke-dasharray: 0, 310;
  stroke-dashoffset: 58;
  transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}
body[data-main-section-id=secondaire] .btn-contour-gris:hover, body[data-main-section-id=secondaire] a.btn.btn-contour-gris:hover, body[data-main-section-id=secondaire] .btn-contour-gris:visited:hover, body[data-main-section-id=secondaire] a.btn.btn-contour-gris:visited:hover {
  background-color: #D9272E;
  color: #333 !important;
}
body[data-main-section-id=collegial] .btn-contour-gris:hover, body[data-main-section-id=collegial] a.btn.btn-contour-gris:hover, body[data-main-section-id=collegial] .btn-contour-gris:visited:hover, body[data-main-section-id=collegial] a.btn.btn-contour-gris:visited:hover {
  background-color: #FFB819;
  color: #333 !important;
}
.is-cms .btn-contour-gris, .is-cms a.btn.btn-contour-gris, .is-cms .btn-contour-gris:visited, .is-cms a.btn.btn-contour-gris:visited {
  border: 1px solid #000 !important;
}

.btn-contour-gris.btn-contour-gris-sur-fond-couleur rect, a.btn-contour-gris.btn-contour-gris-sur-fond-couleur rect, .btn-contour-gris.btn-contour-gris-sur-fond-couleur:visited rect, a.btn.btn-contour-gris.btn-contour-gris-sur-fond-couleur:visited rect {
  stroke: #7f7f7f;
}
.btn-contour-gris.btn-contour-gris-sur-fond-couleur:hover, a.btn-contour-gris.btn-contour-gris-sur-fond-couleur:hover, .btn-contour-gris.btn-contour-gris-sur-fond-couleur:visited:hover, a.btn.btn-contour-gris.btn-contour-gris-sur-fond-couleur:visited:hover {
  background-color: #333 !important;
  color: #fff !important;
  border-radius: 0 !important;
}
body[data-main-section-id=secondaire] .btn-contour-gris.btn-contour-gris-sur-fond-couleur:hover, body[data-main-section-id=secondaire] a.btn-contour-gris.btn-contour-gris-sur-fond-couleur:hover, body[data-main-section-id=secondaire] .btn-contour-gris.btn-contour-gris-sur-fond-couleur:visited:hover, body[data-main-section-id=secondaire] a.btn.btn-contour-gris.btn-contour-gris-sur-fond-couleur:visited:hover {
  color: #fff !important;
}
body[data-main-section-id=collegial] .btn-contour-gris.btn-contour-gris-sur-fond-couleur:hover, body[data-main-section-id=collegial] a.btn-contour-gris.btn-contour-gris-sur-fond-couleur:hover, body[data-main-section-id=collegial] .btn-contour-gris.btn-contour-gris-sur-fond-couleur:visited:hover, body[data-main-section-id=collegial] a.btn.btn-contour-gris.btn-contour-gris-sur-fond-couleur:visited:hover {
  color: #fff !important;
}

.btn-gris, a.btn.btn-gris, .btn-gris:visited, a.btn.btn-gris:visited {
  color: #fff !important;
  background-color: #7f7f7f;
  text-decoration: none;
  border: none !important;
  position: relative;
  padding: 10px 25px;
  border-radius: 0 !important;
  box-sizing: inherit;
  transition-property: all;
  transition-duration: 1s;
  transition-timing-function: ease;
  display: inline-block;
  text-transform: uppercase;
}
.btn-gris svg, a.btn.btn-gris svg, .btn-gris:visited svg, a.btn.btn-gris:visited svg {
  height: 45px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.btn-gris rect, a.btn.btn-gris rect, .btn-gris:visited rect, a.btn.btn-gris:visited rect {
  fill: none;
  stroke: rgb(51, 51, 51);
  stroke-width: 4;
  stroke-dasharray: 0, 1710;
  stroke-dashoffset: 58;
}
.btn-gris:hover, a.btn.btn-gris:hover, .btn-gris:visited:hover, a.btn.btn-gris:visited:hover {
  background-color: #fff;
  color: #333 !important;
  border-radius: 0 !important;
}
.btn-gris:hover rect, a.btn.btn-gris:hover rect, .btn-gris:visited:hover rect, a.btn.btn-gris:visited:hover rect {
  stroke-width: 4;
  stroke-dasharray: 422, 0;
  transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}
.is-cms .btn-gris, .is-cms a.btn.btn-gris, .is-cms .btn-gris:visited, .is-cms a.btn.btn-gris:visited {
  border: 1px solid #000 !important;
}

.btn-contour-blanc, a.btn.btn-contour-blanc, .btn-contour-blanc:visited, a.btn.btn-contour-blanc:visited {
  color: #FFF !important;
  background-color: transparent;
  text-decoration: none;
  border: none !important;
  position: relative;
  padding: 10px 25px;
  box-sizing: inherit;
  transition-property: all;
  transition-duration: 1s;
  transition-timing-function: ease;
  display: inline-block;
  text-transform: uppercase;
}
.btn-contour-blanc svg, a.btn.btn-contour-blanc svg, .btn-contour-blanc:visited svg, a.btn.btn-contour-blanc:visited svg {
  height: 45px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.btn-contour-blanc rect, a.btn.btn-contour-blanc rect, .btn-contour-blanc:visited rect, a.btn.btn-contour-blanc:visited rect {
  fill: none;
  stroke: #FFF;
  stroke-width: 4;
  stroke-dasharray: 422, 0;
}
.btn-contour-blanc:hover, a.btn.btn-contour-blanc:hover, .btn-contour-blanc:visited:hover, a.btn.btn-contour-blanc:visited:hover {
  background-color: #7f7f7f;
  color: #fff !important;
  border-radius: 0 !important;
}
.btn-contour-blanc:hover rect, a.btn.btn-contour-blanc:hover rect, .btn-contour-blanc:visited:hover rect, a.btn.btn-contour-blanc:visited:hover rect {
  stroke-width: 4;
  stroke-dasharray: 0, 310;
  stroke-dashoffset: 58;
  transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}
.is-cms .btn-contour-blanc, .is-cms a.btn.btn-contour-blanc, .is-cms .btn-contour-blanc:visited, .is-cms a.btn.btn-contour-blanc:visited {
  border: 1px solid #FFF !important;
}

.btn-rouge, a.btn.btn-rouge, .btn-rouge:visited, a.btn.btn-rouge:visited {
  color: #FFF !important;
  background-color: #D9272E;
  text-decoration: none;
  border: none !important;
  position: relative;
  padding: 10px 25px;
  box-sizing: inherit;
  transition-property: all;
  transition-duration: 1s;
  transition-timing-function: ease;
  display: inline-block;
  text-transform: uppercase;
  border-radius: 0;
}
.btn-rouge svg, a.btn.btn-rouge svg, .btn-rouge:visited svg, a.btn.btn-rouge:visited svg {
  height: 45px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.btn-rouge rect, a.btn.btn-rouge rect, .btn-rouge:visited rect, a.btn.btn-rouge:visited rect {
  fill: none;
  stroke: #D9272E;
  stroke-width: 4;
  stroke-dasharray: 422, 0;
}
.btn-rouge:hover, a.btn.btn-rouge:hover, .btn-rouge:visited:hover, a.btn.btn-rouge:visited:hover {
  background-color: #7f7f7f;
  color: #fff !important;
  border-radius: 0 !important;
}
.btn-rouge:hover rect, a.btn.btn-rouge:hover rect, .btn-rouge:visited:hover rect, a.btn.btn-rouge:visited:hover rect {
  stroke-width: 6;
  stroke-dasharray: 0, 310;
  stroke-dashoffset: 58;
  transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
  transition-delay: 0.4s;
  stroke: #000;
}

.btn-jaune, a.btn.btn-jaune, .btn-jaune:visited, a.btn.btn-jaune:visited {
  color: rgb(51, 51, 51) !important;
  background-color: #FFB819;
  text-decoration: none;
  border: none !important;
  position: relative;
  padding: 10px 25px;
  box-sizing: inherit;
  transition-property: all;
  transition-duration: 1s;
  transition-timing-function: ease;
  display: inline-block;
  text-transform: uppercase;
  border-radius: 0;
}
.btn-jaune svg, a.btn.btn-jaune svg, .btn-jaune:visited svg, a.btn.btn-jaune:visited svg {
  height: 45px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.btn-jaune rect, a.btn.btn-jaune rect, .btn-jaune:visited rect, a.btn.btn-jaune:visited rect {
  fill: none;
  stroke: #FFB819;
  stroke-width: 4;
  stroke-dasharray: 422, 0;
}
.btn-jaune:hover, a.btn.btn-jaune:hover, .btn-jaune:visited:hover, a.btn.btn-jaune:visited:hover {
  background-color: #7f7f7f;
  color: #fff !important;
  border-radius: 0 !important;
}
.btn-jaune:hover rect, a.btn.btn-jaune:hover rect, .btn-jaune:visited:hover rect, a.btn.btn-jaune:visited:hover rect {
  stroke-width: 4;
  stroke-dasharray: 0, 310;
  stroke-dashoffset: 58;
  transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
  stroke: rgb(51, 51, 51);
}

.btn-icon-fleche, a.btn.btn-icon-fleche, .btn-icon-fleche:visited, a.btn.btn-icon-fleche:visited {
  margin: 0 45px 35px 0;
  color: #fff !important;
  font-weight: bold;
}
.btn-icon-fleche::after, a.btn.btn-icon-fleche::after, .btn-icon-fleche:visited::after, a.btn.btn-icon-fleche:visited::after {
  content: "";
  position: absolute;
  right: -55px;
  top: 0;
  width: 40px;
  height: 70px;
  background: url(/images/assets/icon-fleche-a-la-main.png) no-repeat right bottom;
  background-size: contain;
  -webkit-clip-path: ellipse(50% 50% at 50% 50%);
          clip-path: ellipse(50% 50% at 50% 50%);
}
.btn-icon-fleche:hover::after, a.btn.btn-icon-fleche:hover::after, .btn-icon-fleche:visited:hover::after, a.btn.btn-icon-fleche:visited:hover::after {
  -webkit-animation-name: btn-icon-fleche-anim;
          animation-name: btn-icon-fleche-anim;
  -webkit-animation-duration: 0.65s;
          animation-duration: 0.65s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

@-webkit-keyframes btn-icon-fleche-anim {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  35% {
    -webkit-clip-path: ellipse(34% 13% at 35% 87%);
            clip-path: ellipse(34% 13% at 35% 87%);
    opacity: 1;
  }
  75% {
    -webkit-clip-path: ellipse(76% 56% at 75% 88%);
            clip-path: ellipse(76% 56% at 75% 88%);
  }
  100% {
    -webkit-clip-path: ellipse(60% 60% at 50% 50%);
            clip-path: ellipse(60% 60% at 50% 50%);
  }
}

@keyframes btn-icon-fleche-anim {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  35% {
    -webkit-clip-path: ellipse(34% 13% at 35% 87%);
            clip-path: ellipse(34% 13% at 35% 87%);
    opacity: 1;
  }
  75% {
    -webkit-clip-path: ellipse(76% 56% at 75% 88%);
            clip-path: ellipse(76% 56% at 75% 88%);
  }
  100% {
    -webkit-clip-path: ellipse(60% 60% at 50% 50%);
            clip-path: ellipse(60% 60% at 50% 50%);
  }
}
.btn-petit svg, a.btn.btn-petit svg, .btn-petit:visited svg, a.btn.btn-petit:visited svg {
  height: 36px;
}

/* Pour enlever le padding aux colonnes. A appliquer aux class="row" */
.no-gutter {
  margin: 0;
}
.no-gutter > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

/**** Accordion *****/
.panel-group .panel {
  border-radius: 0;
  margin-bottom: 0;
  box-shadow: none;
}

.panel-group .panel.repeatable {
  padding: 0;
}

.panel-group .panel h4 {
  margin: 0;
}

.panel-group .panel + .panel {
  margin-top: 0px;
}

.panel-body {
  padding: 0px 0 30px 60px;
  margin-top: -5px;
}

.accordion_header {
  display: block;
  padding: 15px 0 15px 60px;
  text-decoration: none;
  position: relative;
}
.accordion_header::before {
  position: absolute;
  content: "-";
  width: 55px;
  height: 45px;
  top: 0px;
  left: 0;
  transition: all 500ms ease-out;
  z-index: 1;
  color: #fff;
  font-size: 27px;
  line-height: 22px;
  font-style: normal;
  text-align: left;
  padding: 0 0 0 5px;
  background: url(/images/assets/background-accordion.png) no-repeat -150px -27px;
}
@media (min-width: 992px) {
  .accordion_header:hover {
    color: #6a6a6a;
    cursor: pointer;
  }
  .accordion_header:hover::before {
    font-size: 35px;
  }
}
.accordion_header:focus, .accordion_header:active {
  outline: none;
}
.accordion_header:visited {
  color: #6a6a6a;
}

.accordion_header.collapsed::before {
  content: "+";
  line-height: 22px;
  transition: all 500ms ease-out;
  background: url(/images/assets/background-accordion.png) no-repeat -150px -27px;
}

.is-cms .collapse {
  display: block;
  height: auto !important;
}

@media (max-width: 320px) {
  .thumbnail {
    width: 100%;
  }
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: #e0e0e0;
}

.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
  /*padding: 4px 8px;*/
  border: none;
}

.table-bordered, .table-bordered td, .table-bordered th {
  border-color: black !important;
}

/* Tableau adaptatif sur mobile - Cell qui stack - Pratique pour les tableaux que les clients utilisent poru faire de la mise en page */
@media (max-width: 1200px) {
  table td[class*=col-lg], table th[class*=col-lg] {
    display: block;
  }
}
@media (max-width: 992px) {
  table td[class*=col-md], table th[class*=col-md] {
    display: block;
  }
}
@media (max-width: 767px) {
  table td[class*=col-sm], table th[class*=col-sm] {
    display: block;
  }
}
@media (max-width: 480px) {
  .hidden-xs-large {
    display: none !important;
  }
  .visible-xs-large-block {
    display: block !important;
  }
}
.breadcrumb {
  padding: 0;
  margin: 20px 0 0 0;
  border-radius: 0px;
  font-size: 13px;
  position: relative;
  z-index: 5;
  display: inline-block;
  color: rgb(51, 51, 51);
}
@media (max-width: 766px) {
  .breadcrumb {
    display: none;
  }
}
.breadcrumb a, .breadcrumb a:visited {
  color: rgb(51, 51, 51) !important;
  text-decoration: none;
}
.breadcrumb a:hover, .breadcrumb a:hover:visited {
  color: rgb(51, 51, 51) !important;
  text-decoration: underline;
}
@media (min-width: 767px) {
  .breadcrumb li {
    text-overflow: ellipsis;
    max-width: 170px;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    font-family: Arial;
    padding-right: 5px;
    margin-bottom: 5px;
  }
  .breadcrumb li::before {
    display: none;
  }
  .breadcrumb li::after {
    content: "»";
    padding-left: 6px;
  }
  .breadcrumb li:last-child::after {
    display: none;
  }
}
.breadcrumb span {
  display: none !important;
}

body {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 16px;
}
body.header-fixe {
  padding-top: 170px;
}

.container {
  position: relative;
}

main {
  position: relative;
  z-index: 1000; /*margin-top: 70px;*/
  text-align: justify;
  color: rgb(51, 51, 51);
}
@media (max-width: 767px) {
  main {
    text-align: left;
  }
}

.contenu {
  padding: 0 70px 40px 90px;
  text-align: justify;
}
@media (max-width: 992px) {
  .contenu {
    padding: 0px 30px 40px 30px;
  }
}
@media (max-width: 767px) {
  .contenu {
    text-align: left;
  }
}

article {
  padding: 30px 0 30px 0;
}
article p {
  margin-bottom: 20px;
}
article [class*=col-] p:last-child, article td p:last-child {
  margin-bottom: 0;
}
article ul {
  padding-bottom: 10px;
  list-style: none;
}
article ol {
  padding-bottom: 10px;
}
article ul li::before {
  content: "•";
  color: rgb(51, 51, 51);
  display: block;
  position: relative;
  max-width: 0;
  max-height: 0;
  font-size: 25px;
  line-height: 25px;
  float: left;
  margin-left: -20px;
}
article ul li li::before {
  content: "-";
  line-height: 20px;
}
article ul.texte-rouge li::before {
  color: #D9272E;
}
article ol li, article ul li {
  margin: 0 0 10px 0;
}
article ul ul, article ul ol, article ol ul, article ol ol {
  margin: 10px 0 0 0;
}
article img {
  display: block;
  height: auto;
  max-width: 100%;
}
article iframe {
  border: 0;
}
article section {
  overflow: hidden;
  clear: both;
  position: relative;
  z-index: 1;
}
article a, article a:visited {
  text-decoration: underline;
  color: #285b94;
}
article a:hover, article a:visited:hover {
  text-decoration: none;
  color: #285b94;
}
body[data-main-section-id=secondaire] article a, body[data-main-section-id=secondaire] article a:visited {
  color: #D9272E;
}
body[data-main-section-id=secondaire] article a:hover, body[data-main-section-id=secondaire] article a:visited:hover {
  color: #D9272E;
}

/* .page-corporative article section:nth-child(2) > .container > .row > div { */
.page-corporative article section:nth-child(2) {
  padding-top: 30px;
  padding-bottom: 30px;
}

a {
  outline: none;
}

:focus {
  -moz-outline-style: none;
}

/*------------------------------------------------------------------
    #Headers
------------------------------------------------------------------*/
.h1, .h2, .h3, h1, h2, h3 {
  margin-top: 40px;
  margin-bottom: 10px;
}

h1, .h1 {
  font-size: 2.6em;
  line-height: 1.2em;
  font-weight: normal;
  text-align: left;
  margin-bottom: 40px;
}
@media (max-width: 600px) {
  h1, .h1 {
    font-size: 2.2em;
  }
}

h2, .h2 {
  font-size: 1.6em;
  line-height: 1.2em;
  font-weight: bold;
  text-align: left;
  margin-bottom: 30px;
}
@media (max-width: 600px) {
  h2, .h2 {
    font-size: 1.4em;
  }
}

h3, .h3 {
  font-size: 1.4em;
  line-height: 1.2em;
  font-weight: normal;
  text-align: left;
}
@media (max-width: 600px) {
  h3, .h3 {
    font-size: 1.2em;
  }
}

h4, .h4 {
  font-size: 1em;
  font-weight: bold;
  color: #C56135;
  text-align: left;
}

h5, .h5 {
  font-size: 1em;
  font-weight: bold;
  color: #C56135;
  text-align: left;
}

article h1:first-of-type, article h2:first-of-type {
  margin-top: 0;
}

hr + h1, h1 + h2, hr + h2 {
  margin-top: 0;
}

/*.photo-top {
    position: relative; overflow: hidden; background-color: $color-primary;  background-position: center top; background-size: cover; background-repeat: no-repeat;
    @include media("<sm") { background-attachment: scroll }
    .container {
        height: 200px;
        @include media(">=xs-large") { height: 300px; }
        @include media(">=lg") { height: 400px; }
    }
}*/
.photo-top-container img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 400px;
}

/* hack IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .photo-top-container img {
    max-height: none;
  }
}
#photo-top-slider {
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
  height: 400px;
}
#photo-top-slider .ls-circle-timer {
  display: none !important;
}

.photo-top-with-text {
  position: relative;
  z-index: 99;
  overflow: hidden;
  background: linear-gradient(to bottom, #6a6a6a 0%, #373737 100%); /*background-attachment: fixed;*/
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  height: 450px;
  text-align: center;
}
@media (max-width: 766px) {
  .photo-top-with-text {
    background-size: inherit;
    background-attachment: scroll;
  }
}
@media (min-width: 1200px) {
  .photo-top-with-text {
    height: 530px;
  }
}

.photo-top__img {
  height: 450px; /* height: 600px !important; height: 65vh !important; */
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; /*transition: all 2500ms ease-out;*/
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1200px) {
  .photo-top__img {
    height: 530px;
  }
}

.photo-top__texte {
  padding: 25px;
}

.photo-top__titre {
  color: #fff;
  text-align: center;
  font-size: 20px;
}

/*------------------------------------------------------------------
    /#Headers
------------------------------------------------------------------*/
/*------------------------------------------------------------------
    #Sidebar
------------------------------------------------------------------*/
aside {
  position: relative;
}

aside ul {
  list-style: none;
  padding: 0;
  margin: 0 40px 50px 0;
  display: inline-block;
  text-align: left;
}
@media (max-width: 992px) {
  aside ul {
    margin-bottom: 80px;
  }
}
aside ul li {
  margin: 0;
  padding: 0;
}
aside ul li::before {
  content: "" !important;
}

aside ul a, aside ul a:visited, body[data-main-section-id=secondaire] article aside a, body[data-main-section-id=secondaire] article aside a:visited {
  color: rgb(51, 51, 51);
  text-decoration: none;
  display: block;
  padding: 7px 20px 7px 0;
  font-size: 15px;
  line-height: 20px;
  transition: all 0.5s ease;
  position: relative;
}
aside ul a::before, aside ul a:visited::before, body[data-main-section-id=secondaire] article aside a::before, body[data-main-section-id=secondaire] article aside a:visited::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 0%;
  height: 1px;
  border-top: 1px solid #7f7f7f;
  transition: all 300ms ease-out;
}
aside ul a::after, aside ul a:visited::after, body[data-main-section-id=secondaire] article aside a::after, body[data-main-section-id=secondaire] article aside a:visited::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 0%;
  height: 1px;
  border-top: 1px solid #7f7f7f;
  transition: all 400ms ease-out;
}

aside ul a:hover, aside ul a:visited:hover, body[data-main-section-id=secondaire] article aside a:hover, body[data-main-section-id=secondaire] article aside a:visited:hover {
  color: rgb(51, 51, 51);
}
aside ul a:hover::before, aside ul a:visited:hover::before, body[data-main-section-id=secondaire] article aside a:hover::before, body[data-main-section-id=secondaire] article aside a:visited:hover::before {
  width: 0%;
}
aside ul a:hover::after, aside ul a:visited:hover::after, body[data-main-section-id=secondaire] article aside a:hover::after, body[data-main-section-id=secondaire] article aside a:visited:hover::after {
  width: 100%;
}

aside ul li.active a {
  font-weight: bold;
}
aside ul li.active a::after {
  width: 100%;
}

aside ul ul {
  display: none;
}
@media (min-width: 992px) {
  aside ul ul {
    margin-left: 15px;
  }
  aside ul ul a {
    font-size: 13px;
    line-height: 17px;
    padding-top: 0px;
  }
  aside ul ul a::before {
    content: "•";
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    border: none;
    margin-right: 5px;
  }
  aside ul ul a::after {
    display: none;
  }
}

/*
aside ul li.active ul {
    @include media(">=md") {
        display: block;
    }
}
*/
/*------------------------------------------------------------------
    /#Sidebar
------------------------------------------------------------------*/
/*------------------------------------------------------------------
    #Modele de pages
------------------------------------------------------------------*/
.sous-page-avec-sous-menu main {
  margin-bottom: 50px;
}
@media (min-width: 992px) {
  .sous-page-avec-sous-menu main {
    background: url(/images/background-sous-menu-photo-seminaire.jpg) no-repeat left 400px;
    min-height: 900px;
  }
}
.sous-page-avec-sous-menu.sans-photo-background main {
  background: none;
}
.sous-page-avec-sous-menu article::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 85px;
  z-index: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1f1f0+0,f1f1f0+100&0+0,1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(241, 241, 240, 0) 0%, rgb(241, 241, 240) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00f1f1f0", endColorstr="#f1f1f0",GradientType=0 ); /* IE6-9 */
}

body[data-main-section-id=association-des-anciens].sous-page-avec-sous-menu main {
  margin-bottom: 0;
}

.degrade-avant-footer article::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 85px;
  z-index: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1f1f0+0,f1f1f0+100&0+0,1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(241, 241, 240, 0) 0%, rgb(241, 241, 240) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00f1f1f0", endColorstr="#f1f1f0",GradientType=0 ); /* IE6-9 */
}

.photo-top-degrade {
  position: relative;
  background-color: #e5e5e5;
  background-attachment: fixed;
  background-position: right 112px;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 200px;
  transition: all 1000ms ease-out;
  /*@include media(">=lg") { min-height: 320px; }*/
  /* @include media(">=xs-large") { height: 300px; }*/
}
@media (max-width: 1699px) {
  .photo-top-degrade {
    background-size: inherit;
  }
}
@media (max-width: 1199px) {
  .photo-top-degrade {
    background-position: center 112px;
  }
}
@media (max-width: 992px) {
  .photo-top-degrade {
    background-position: center top;
    background-attachment: scroll;
  }
}
@media (max-width: 766px) {
  .photo-top-degrade {
    background-size: cover;
  }
}

.rond-programmes {
  margin-top: -145px;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

.bande-titre {
  background-color: #333;
  color: #fff;
  padding: 25px 0;
  margin: -30px 0 35px 0;
}
@media (max-width: 992px) {
  .bande-titre {
    margin-top: -60px;
  }
}
.bande-titre h1 {
  text-transform: uppercase;
  font-weight: 300;
  margin: 0;
}

.ligne-du-temps {
  color: #fff;
  font-family: Georgia, Times, Times New Roman, serif;
  font-weight: 300px;
}
@media (max-width: 991px) {
  .ligne-du-temps {
    background: #5c5c5c url(/seminaire/images/background-historique-sm.jpg) no-repeat center top;
  }
}
@media (min-width: 992px) {
  .ligne-du-temps {
    background: #5c5c5c url(/seminaire/images/background-historique-lg.jpg) no-repeat center top fixed;
    background-size: cover;
  }
}

/*------------------------------------------------------------------
    /#Modele de pages
------------------------------------------------------------------*/
/*------------------------------------------------------------------
    #Section Seminaire
------------------------------------------------------------------*/
#bande-choix-ecole {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
}
@media (min-width: 767px) {
  #bande-choix-ecole {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (min-width: 1200px) {
  #bande-choix-ecole {
    bottom: 0;
  }
}
@media (min-width: 767px) {
  #bande-choix-ecole::before {
    content: "";
    position: absolute;
    top: 0;
    left: 33.3333%;
    width: 1px;
    height: 100%;
    background-color: #fff;
  }
  #bande-choix-ecole::after {
    content: "";
    position: absolute;
    top: 0;
    right: 33.3333%;
    width: 1px;
    height: 100%;
    background-color: #fff;
  }
}

.bande-choix-ecole_btns {
  padding-top: 25px;
  padding-bottom: 25px;
}
@media (min-width: 767px) {
  .bande-choix-ecole_btns {
    display: flex;
    justify-content: center;
    align-items: stretch;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.bande-choix-ecole_btns div {
  text-align: center;
}
@media (min-width: 767px) {
  .bande-choix-ecole_btns div {
    flex: 1 1 auto;
    width: 33%;
  }
}
.bande-choix-ecole_btns a, .bande-choix-ecole_btns a:visited {
  font-weight: bold;
  font-size: 28px;
  line-height: 32px;
  padding: 50px 25px;
  text-decoration: none;
  color: #fff;
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  overflow: hidden;
  transition: all 500ms ease-out;
}
@media (max-width: 767px) {
  .bande-choix-ecole_btns a, .bande-choix-ecole_btns a:visited {
    padding-top: 15px;
    padding-bottom: 15px;
    display: inline-block;
  }
}
@media (max-width: 400px) {
  .bande-choix-ecole_btns a, .bande-choix-ecole_btns a:visited {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 18px;
    line-height: 22px;
  }
}
@media (min-width: 992px) {
  .bande-choix-ecole_btns a.bande-choix-ecole_btn-sec, .bande-choix-ecole_btns a.bande-choix-ecole_btn-col, .bande-choix-ecole_btns a:visited.bande-choix-ecole_btn-sec, .bande-choix-ecole_btns a:visited.bande-choix-ecole_btn-col {
    line-height: 65px;
  }
}
.bande-choix-ecole_btns a:hover {
  /*transform: scale(1.05); width: 95%; height: 95%;*/
  background-color: rgba(0, 0, 0, 0.45);
}

@media only screen and (max-device-width: 768px) and (orientation: landscape) {
  #bande-choix-ecole {
    position: relative;
  }
}
body[data-main-section-id=splash] {
  background-color: #333;
}
body[data-main-section-id=splash] .logo-mobile {
  position: relative;
  z-index: 10;
  display: none;
}
@media (max-width: 992px) {
  body[data-main-section-id=splash] .logo-mobile {
    display: block;
    margin-bottom: 25px;
  }
  body[data-main-section-id=splash] .logo-mobile img {
    margin: 0 auto;
  }
}
@media (max-width: 400px) {
  body[data-main-section-id=splash] .logo-mobile {
    -webkit-transform: scale(0.75) translateY(-35px);
            transform: scale(0.75) translateY(-35px);
  }
  body[data-main-section-id=splash] .logo-mobile img {
    margin: 0 0 0 10px;
  }
}
body[data-main-section-id=splash].splash-avec-annonce .logos {
  margin-top: -15px !important;
  margin-bottom: 0 !important;
}
@media (max-width: 1200px) {
  body[data-main-section-id=splash].splash-avec-annonce .logo-mobile img {
    width: 160px !important;
  }
}
@media (max-width: 992px) {
  body[data-main-section-id=splash].splash-avec-annonce .logo-mobile {
    position: absolute;
    top: 15px;
    left: 0;
    width: 100%;
  }
}
@media (max-width: 767px) {
  body[data-main-section-id=splash] .bv-video {
    display: none;
  }
}
body[data-main-section-id=splash] .annonce {
  position: relative;
  z-index: 1000;
  width: 100%;
  text-align: center;
}
@media (max-width: 992px) {
  body[data-main-section-id=splash] .annonce {
    margin-top: 110px;
  }
}
body[data-main-section-id=splash] .annonce .annonce--bg {
  background-color: rgba(0, 0, 0, 0.6);
  padding: 40px;
  color: #fff;
  display: inline-block;
}
@media (max-width: 992px) {
  body[data-main-section-id=splash] .annonce .annonce--bg {
    padding: 20px;
  }
}
@media (max-width: 480px) {
  body[data-main-section-id=splash] .annonce .annonce--bg {
    font-size: 12px !important;
    display: block;
    padding: 15px;
  }
  body[data-main-section-id=splash] .annonce .annonce--bg .btn {
    font-size: 12px !important;
  }
}

/*------------------------------------------------------------------
    /#Section Seminaire
------------------------------------------------------------------*/
/*------------------------------------------------------------------
    #Home
------------------------------------------------------------------*/
/*body[data-section-id="accueil"] {

}*/
#video-top {
  height: 400px;
  height: 100vh;
  max-height: 100%; /*height: calc(100vh - 85px); max-height: 1200px !important;*/
  background: #3f3f3f; /* Old browsers */
  background: linear-gradient(to bottom, #3f3f3f 0%, #222 100%);
}
@media (min-width: 992px) {
  #video-top {
    position: absolute;
    top: 0; /* top: 85px; */
    width: 100%;
    z-index: 1;
    min-height: 400px;
  }
  body[data-main-section-id=secondaire] #video-top, body[data-main-section-id=collegial] #video-top {
    top: 85px;
  }
}
@media (max-width: 991px) {
  #video-top {
    position: relative;
    top: 0;
    width: 100%;
    min-height: 0;
    height: 0;
    padding-bottom: 51%;
  }
}
@media (min-width: 600px) {
  body[data-main-section-id=secondaire] #video-top, body[data-main-section-id=collegial] #video-top, body[data-main-section-id=splash] #video-top {
    overflow: hidden;
  }
}
@media (min-width: 767px) {
  body[data-main-section-id=secondaire] #video-top {
    background: url(/secondaire/images/video-accueil-background.jpg) no-repeat center center;
    background-size: cover;
    height: 400px;
  }
}
@media (max-width: 766px) {
  body[data-main-section-id=secondaire] #video-top {
    background: url(/secondaire/images/video-accueil-background-xs.jpg) no-repeat center center;
    background-size: cover;
    height: 400px;
  }
}
@media (min-width: 767px) {
  body[data-main-section-id=collegial] #video-top {
    background: url(/collegial/images/video-accueil-background.jpg) no-repeat center center;
    background-size: cover;
    height: 400px;
  }
}
@media (max-width: 766px) {
  body[data-main-section-id=collegial] #video-top {
    background: url(/collegial/images/video-accueil-background-xs.jpg) no-repeat center center;
    background-size: cover;
    height: 400px;
  }
}
@media (min-width: 992px) {
  body[data-main-section-id=splash] #video-top {
    background: url(/images/video-accueil-background.jpg) no-repeat center center;
    background-size: cover;
  }
}
@media (max-width: 991px) {
  body[data-main-section-id=splash] #video-top {
    background: url(/images/video-accueil-background-xs.jpg) no-repeat center center;
    background-size: cover;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
    min-height: 400px;
    height: 100vh;
  }
}
body[data-main-section-id=splash] #video-top::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: rgba(11, 31, 44, 0.65);
}
@media (max-width: 991px) {
  #video-top video {
    width: 100%;
    height: auto;
  }
  body[data-main-section-id=splash] #video-top video {
    position: absolute;
    top: 55%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 2;
    -webkit-transform: translateX(-50%) translateY(-55%);
            transform: translateX(-50%) translateY(-55%);
    transition: 1s opacity;
  }
}
@media (min-width: 992px) {
  #video-top video {
    position: absolute;
    top: 55%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 2;
    -webkit-transform: translateX(-50%) translateY(-55%);
            transform: translateX(-50%) translateY(-55%);
    transition: 1s opacity;
  }
}
#video-top .loading {
  display: none;
  /*@include media(">=sm-small") { 
      width: 50px; height: 50px; position: absolute; top: 130px; left: 30px; font-size: 40px; color: rgba(255,255,255,0.2); z-index: 1;
      span {
          animation: spin 1s infinite linear; transform-origin: 50% 50%;
      }
  }*/
}
.is-cms #video-top {
  background: none;
}

.slider-accueil {
  max-width: 340px;
  margin: 0 auto 100px auto !important;
  height: 435px;
  overflow: hidden;
}
@media (min-width: 992px) {
  .slider-accueil {
    margin-top: -100px;
  }
}
@media (max-width: 480px) {
  .slider-accueil {
    /*display: inline-block !important;*/
    box-shadow: none !important;
    background-color: #7f7f7f !important;
  }
}
.slider-accueil img {
  height: 415px;
  max-width: none;
}
.slider-accueil .slick-dots {
  bottom: 20px;
}
.slider-accueil .slick-dots li button::before {
  color: #fff;
  font-size: 12px;
}
.slider-accueil .slick-dots li.slick-active button::before {
  color: #fff;
  opacity: 1;
}
.is-cms .slider-accueil {
  overflow: auto;
}

.is-cms .slider-profils div, .is-cms .slider-programmes div {
  display: inline-block;
}
.is-cms .slider-profils img, .is-cms .slider-programmes img {
  max-width: 150px;
}

.is-cms #popup-reussite-collegiale, .is-cms #popup-programmes-uniques {
  display: block !important;
  width: auto !important;
  padding: 0 !important;
}

/*------------------------------------------------------------------
    /#Home
------------------------------------------------------------------*/
/*------------------------------------------------------------------
    #Contact
------------------------------------------------------------------*/
.map-fantome {
  display: block;
  width: 100%;
  height: 450px;
  position: relative;
  z-index: -1;
}
@media (max-width: 992px) {
  .map-fantome {
    background: url(/images/carte-seminaire-de-sherbrooke.png) no-repeat center center;
    background-size: cover;
  }
}

#map {
  width: 100%;
  height: 450px;
  background-color: #e0e0e0;
  display: none;
}
@media (min-width: 992px) {
  #map {
    position: fixed !important;
    top: 85px;
    left: 0;
    display: block;
  }
}

/*------------------------------------------------------------------
    /#Contact
------------------------------------------------------------------*/
/*------------------------------------------------------------------
    #Equipe
------------------------------------------------------------------*/
.page-equipe-direction .photo-top-container {
  height: 600px;
  height: 48vw;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
.page-equipe-direction main {
  background-attachment: fixed !important;
  background-position: left 50px !important;
}
.page-equipe-direction .col-flex__item {
  max-width: 380px;
}
.page-equipe-direction h2.bottin-titre {
  text-transform: uppercase;
  color: #333333;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 10px;
}
.page-equipe-direction p.bottin-description {
  font-style: italic;
  margin-bottom: 10px;
}

.bio-container {
  padding: 30px;
  border: 1px solid #e0e0e0;
  background-color: #fff;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

/*------------------------------------------------------------------
    /#Equipe
------------------------------------------------------------------*/
/*------------------------------------------------------------------
    #Autres
------------------------------------------------------------------*/
/* Show les Wow dans Surreal */
.is-cms .wow {
  display: block;
  opacity: 1;
  visibility: visible;
}

.wow {
  visibility: hidden;
}

/** Haut de page **/
.scrollToTop {
  cursor: pointer;
  position: fixed;
  bottom: -50px;
  right: -50px;
  opacity: 1;
  visibility: hidden;
  z-index: 2000;
  transition: all 500ms ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.scrollToTop div {
  padding: 0 0 0 10px;
  border: 1px solid #fff;
  background-color: #333;
  color: #FFF;
  font-size: 22px;
  line-height: 100px;
  width: 100px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
body[data-main-section-id=secondaire] .scrollToTop div {
  background-color: #D9272E;
}
.scrollToTop span {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.scrollToTop:hover {
  -webkit-transform: scale(1.125) !important;
          transform: scale(1.125) !important;
}

/** Popup lightbox, editable dans Surreal **/
#popup, #popup-container {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  font-size: 16px;
  color: #555555;
}

#popup .repeatable, #popup-container .repeatable {
  background-color: #fff;
  padding: 0;
  border: none;
}

#popup .mfp-close, #popup-container .mfp-close {
  right: -35px;
  top: -35px;
  color: #fff;
}
@media (max-width: 767px) {
  #popup .mfp-close, #popup-container .mfp-close {
    right: -15px;
    top: -45px;
  }
}

#popup img, #popup-container img {
  display: block;
  max-width: 100%;
  height: auto;
}

#popup p, #popup-container p, #popup h1, #popup-container h1, .is-cms #popup-container p, .is-cms #popup-container h1 {
  margin-bottom: 20px;
  padding-bottom: 0;
}

#popup .repeatable p:last-child, #popup-container .repeatable p:last-child {
  margin-bottom: 0;
}

.is-cms .introduction {
  max-width: 600px;
  text-align: center;
  margin: 50px auto 0 auto;
  font-size: 14px;
  line-height: 18px;
  color: #555555;
}
.is-cms .introduction img {
  max-width: 45px;
  display: inline;
  vertical-align: bottom;
}

.is-cms #popup-container {
  padding: 40px;
  max-width: 680px;
  min-height: 200px;
  margin: 100px auto;
  height: auto;
}

.is-cms #popup-container > div {
  width: 600px;
  margin: 0 auto 60px auto;
  outline: 1px dashed #999;
}

.is-cms #popup-container > div:first-child {
  outline: 5px solid green;
  position: relative;
}

.is-cms #popup-container > div:first-child::before {
  content: "POPUP ACTIF";
  position: absolute;
  top: -40px;
  left: 0;
  width: 100%;
  text-align: center;
  color: green;
}

#no-popup {
  display: none;
}

.is-cms #no-popup {
  display: block;
}

#bande-annonce {
  position: relative;
  z-index: 12000;
  width: 100%;
}
body[data-section-id=accueil] #bande-annonce {
  position: absolute;
  top: 85px;
  left: 0;
}
@media (max-width: 992px) {
  body[data-section-id=accueil] #bande-annonce {
    top: 100px;
  }
}
@media (max-width: 480px) {
  body[data-section-id=accueil] #bande-annonce {
    top: 130px;
  }
}
#bande-annonce a, #bande-annonce a:visited {
  text-decoration: underline;
  color: #333;
}

/*#addsearch-results .addsearch-result-item-container {
    background: none !important;
}
#addsearch-results .addsearch-result-item-sub {
    background: none !important;
}
#addsearch-results .addsearch-result-item-sub div {
    padding-left: 35px !important; width: auto !important;
}
#addsearch-results-right {
    display: none !important;
}*/
header {
  position: relative;
  z-index: 2000;
  transition: all 500ms ease-out;
}
.fond-gris-tres-pale header {
  background-color: #fff;
}
@media (max-width: 992px) {
  header {
    border-bottom: 20px solid #333;
  }
  body[data-main-section-id=splash] header {
    border: none;
  }
}

@media (max-width: 992px) {
  header > .container {
    width: auto;
    text-align: left;
  }
}

/*** Sticky header ***/
@media (min-width: 992px) {
  .sous-page-fixed-header .navbar-wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    background-color: #fff;
    z-index: 2000;
  }
}

body[data-main-section-id=splash].sous-page-fixed-header .navbar-wrapper {
  background: none;
}

body.page-corporative .fixed-header .navbar-wrapper {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

/*.navbar-sticky-spacer {
    display: none;
    .sous-page-fixed-header .fixed-header & {
        @include media(">=md") {
            display: block;
        }
    }
}*/
/*** Nav top ***/
.navtop {
  text-align: right;
  position: absolute;
  top: 20px;
  right: 15px;
  transition: all 500ms ease-out;
}
@media (max-width: 992px) {
  .navtop {
    display: none;
  }
}
.fixed-header .navtop {
  top: 3px;
}
.page-corporative .navtop {
  top: 20px;
}

.navtop a {
  display: inline-block;
  color: rgb(51, 51, 51);
  font-size: 16px;
  line-height: 20px;
  padding: 12px 10px 6px 10px;
  margin-right: 20px;
  position: relative;
}
@media (max-width: 1200px) {
  .navtop a {
    padding: 10px 15px 6px 15px;
  }
}
.navtop a::before {
  content: "";
  position: absolute;
  bottom: 0px;
  width: 100%;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  transition: all 500ms ease-out;
}
body[data-main-section-id=secondaire] .navtop a::before {
  border-bottom: 2px solid #D9272E;
}
body[data-main-section-id=collegial] .navtop a::before {
  border-bottom: 2px solid #FFB819;
}
body.page-corporative .navtop a::before {
  border-bottom: 2px solid rgb(51, 51, 51);
}

.navtop a:focus, .navtop a:hover {
  text-decoration: none;
  background-color: transparent !important;
  color: rgb(51, 51, 51);
}
.navtop a:focus::before, .navtop a:hover::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.nav-item-search {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.nav-item-search span {
  font-size: 28px;
  padding: 15px 15px 15px 20px;
  color: #7f7f7f;
  position: relative;
  z-index: 1006;
  display: none; /*position: absolute;  top: -5px; right: 0;*/
}
@media (min-width: 992px) {
  .nav-item-search span {
    display: inline-block;
    width: 50px;
    top: 0;
    padding: 10px 10px 10px 10px;
  }
}
body[data-main-section-id=splash] .nav-item-search span {
  color: #fff;
}
.nav-item-search .form-control {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-size: 15px;
  border: 1px solid #999;
  transition: all 500ms ease-out;
  z-index: 1005;
  font-size: 16px;
  padding: 10px;
  height: auto;
  opacity: 1;
  width: 200px;
  margin: 15px 25px 10px 25px;
  border-radius: 0;
}
.nav-item-search .form-control::-webkit-input-placeholder {
  color: #fff;
}
.nav-item-search .form-control::-moz-placeholder {
  color: #fff;
}
.nav-item-search .form-control::placeholder {
  color: #fff;
}
@media (min-width: 992px) {
  .nav-item-search .form-control {
    opacity: 0;
    width: 0px !important;
    position: absolute;
    top: 0;
    right: -10px;
    display: inline-block;
    margin: 2px 0 0 0;
    width: 250px;
    background-color: rgb(255, 255, 255);
    color: #333;
  }
  .nav-item-search .form-control::-webkit-input-placeholder {
    color: #333;
  }
  .nav-item-search .form-control::-moz-placeholder {
    color: #333;
  }
  .nav-item-search .form-control::placeholder {
    color: #333;
  }
  body[data-main-section-id=splash] .nav-item-search .form-control {
    right: auto;
    left: 50px;
  }
}
body[data-main-section-id=secondaire] .nav-item-search .form-control {
  border: 1px solid #fff;
}
@media (min-width: 767px) {
  .nav-item-search:hover {
    background-color: transparent !important;
  }
  .nav-item-search:hover span {
    color: #000;
    cursor: pointer;
  }
  .nav-item-search.open-search-field .form-control {
    width: 350px !important;
    opacity: 1;
  }
}

.logos {
  margin: 10px 0 12px 0;
  display: inline-block;
  transition: all 500ms;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
@media (max-width: 767px) {
  .logos {
    max-width: 400px;
  }
}
@media (min-width: 992px) {
  body[data-main-section-id=secondaire] .fixed-header .logos, body[data-main-section-id=collegial] .fixed-header .logos, body[data-main-section-id=seminaire] .fixed-header .logos {
    -webkit-transform: scale(0.7) translate3d(-5px, 0, 0);
            transform: scale(0.7) translate3d(-5px, 0, 0);
    margin: 0;
  }
}
body[data-main-section-id=splash] .logos, body[data-main-section-id=joindre] .logos {
  margin: 15px 0 12px 0;
}
@media (max-width: 992px) {
  body[data-main-section-id=splash] .logos, body[data-main-section-id=joindre] .logos {
    margin: 10px 0 12px 0;
  }
}
@media (max-width: 767px) {
  body[data-main-section-id=splash] .logos, body[data-main-section-id=joindre] .logos {
    margin-left: 15px;
  }
}
body[data-main-section-id=association-des-anciens] .logos {
  margin-top: 2px;
}
.logos a:hover, .logos a:hover:visited {
  text-decoration: none;
}
.logos img {
  margin: 5px 0;
  vertical-align: middle;
  transition: all 500ms;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
@media (max-width: 767px) {
  .logos img {
    margin: 5px 0 0 42px;
  }
}
@media (max-width: 600px) {
  .logos img {
    margin-left: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}
@media (max-width: 1200px) {
  body[data-main-section-id=association-des-anciens] .logos img {
    width: 200px;
  }
}
@media (max-width: 992px) {
  body[data-main-section-id=joindre] .logos img {
    width: 200px;
    height: 56px;
  }
}
@media (max-width: 992px) {
  body[data-main-section-id=splash] .logos img {
    width: 300px;
    height: 100px;
    margin-left: 0;
  }
}

.depuis-1875 {
  position: absolute;
  bottom: -31px;
  left: 15px;
  width: 347px;
  height: 31px;
  background: url(/images/depuis-1875.png) no-repeat center top;
  background-size: cover;
  transition: all 300ms ease-out;
}
@media (max-width: 1200px) {
  .depuis-1875 {
    width: 245px;
    height: 25px;
    bottom: -25px;
    left: -5px;
    background-size: cover;
  }
}
@media (max-width: 992px) {
  .depuis-1875 {
    bottom: -23px;
  }
}
@media (max-width: 767px) {
  .depuis-1875 {
    left: 35px;
  }
}
@media (max-width: 600px) {
  .depuis-1875 {
    left: 0;
  }
}
.fixed-header .depuis-1875 {
  opacity: 0;
}
body[data-page-id=ligne-du-temps] .depuis-1875, body[data-section-id=partenaires] .depuis-1875, body[data-main-section-id="404"] .depuis-1875 {
  display: none;
}

.navbar {
  background-color: #333;
  margin-bottom: 0;
  box-shadow: none;
  border-radius: 0;
  transition: all 500ms ease-out;
  border: 0;
  /*
  body.sous-page-avec-photo-top & {
      position: static;   
  }
  */
}
@media (max-width: 992px) {
  .navbar {
    background: none;
    box-shadow: none;
    text-align: left;
    min-height: 0;
  }
}
@media (min-width: 993px) {
  body[data-section-id=splash] .navbar {
    border: 1px solid transparent;
  }
}
@media (min-width: 993px) {
  .js-support body[data-section-id=accueil] .navbar {
    opacity: 0;
    transition-property: none;
  }
  .js-support body[data-section-id=accueil] .navbar.video-top-ajuste {
    opacity: 1;
  }
}
body[data-main-section-id=joindre] .navbar {
  background-color: #fff;
}
body[data-main-section-id=splash] .navbar {
  background: transparent;
}
@media (min-width: 992px) {
  body.page-corporative .navbar {
    display: none;
  }
}
.navbar > .container {
  /*
  body.sous-page-avec-photo-top & {
      position: static;
  }
  */
}
@media (max-width: 992px) {
  .navbar > .container {
    float: right;
  }
  body[data-main-section-id=splash] .navbar > .container, body[data-main-section-id=joindre] .navbar > .container {
    float: none;
  }
}
@media (max-width: 767px) {
  .navbar > .container {
    float: none;
  }
}

.navbar-nav {
  border: 0 !important;
  display: table;
  width: 100%;
  padding: 20px 0;
  transition: all 500ms ease-out;
}
@media (max-width: 992px) {
  .navbar-nav {
    display: block;
  }
}
@media (max-width: 1024px) {
  .navbar-nav {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .navbar-nav {
    margin-bottom: 22px;
  }
}
body[data-main-section-id=joindre] .navbar-nav {
  display: block;
  float: right;
  padding-bottom: 15px;
}
.is-cms .navbar-nav {
  visibility: hidden;
}
.fixed-header .navbar-nav {
  padding: 10px 0;
}
body[data-main-section-id=joindre] .fixed-header .navbar-nav {
  padding: 20px 0 15px 0;
}
@media (min-width: 992px) {
  body[data-main-section-id=splash] .navbar-nav {
    display: flex;
    justify-content: space-around;
  }
}

.navbar-nav > li {
  display: table-cell;
  width: auto;
  float: none;
  text-align: center;
}
@media (max-width: 992px) {
  .navbar-nav > li {
    display: block;
  }
}
@media (min-width: 600px) {
  body[data-main-section-id=secondaire] .navbar-nav > li {
    border-right: 1px solid rgba(217, 39, 46, 0.5);
  }
  body[data-main-section-id=collegial] .navbar-nav > li {
    border-right: 1px solid rgba(255, 184, 25, 0.5);
  }
}
@media (min-width: 992px) {
  .navbar-nav > li.last {
    border-right: none !important;
  }
}

.navbar-nav > li > a, .navbar-nav > li > a:visited {
  color: #fff !important;
  font-size: 19px;
  line-height: 23px;
  font-weight: 300; /*letter-spacing: 1.2px;*/
  padding: 10px 43px 10px 43px;
  position: relative;
  z-index: 1001;
  display: block;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
  text-align: center;
  transition: all 500ms ease-out;
}
@media (max-width: 1200px) {
  .navbar-nav > li > a, .navbar-nav > li > a:visited {
    padding: 10px 25px 10px 25px;
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 992px) {
  .navbar-nav > li > a, .navbar-nav > li > a:visited {
    padding-top: 12px;
    padding-bottom: 10px;
    display: block;
    width: 100%;
    text-align: left;
    white-space: normal;
  }
}
.fixed-header .navbar-nav > li > a, .fixed-header .navbar-nav > li > a:visited {
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1200px) {
  .fixed-header .navbar-nav > li > a, .fixed-header .navbar-nav > li > a:visited {
    padding: 10px 25px 10px 25px;
  }
}
@media (min-width: 992px) {
  body[data-main-section-id=joindre] .navbar-nav > li > a, body[data-main-section-id=joindre] .navbar-nav > li > a:visited {
    color: rgb(51, 51, 51) !important;
    padding: 15px 18px 10px 18px;
    font-size: 17px;
    line-height: 21px;
  }
}
@media (min-width: 1200px) {
  body[data-main-section-id=joindre] .navbar-nav > li > a, body[data-main-section-id=joindre] .navbar-nav > li > a:visited {
    padding: 10px 25px 10px 25px;
    font-size: 17px;
    line-height: 21px;
  }
}
body[data-main-section-id=joindre] .navbar-nav > li > a::before, body[data-main-section-id=joindre] .navbar-nav > li > a:visited::before {
  content: "";
  position: absolute; /*left: 0;*/
  bottom: 0px;
  width: 80%;
  height: 2px;
  background: rgb(51, 51, 51);
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  transition: all 500ms ease-out;
}
@media (min-width: 992px) {
  body[data-main-section-id=splash] .navbar-nav > li > a, body[data-main-section-id=splash] .navbar-nav > li > a:visited {
    color: #fff !important;
    padding: 15px 18px 10px 18px;
    font-size: 15px;
    line-height: 22px;
    text-transform: uppercase;
  }
}
@media (min-width: 1200px) {
  body[data-main-section-id=splash] .navbar-nav > li > a, body[data-main-section-id=splash] .navbar-nav > li > a:visited {
    padding: 10px 25px 10px 25px;
    font-size: 15px;
    line-height: 22px;
    text-transform: uppercase;
  }
}
body[data-main-section-id=splash] .navbar-nav > li > a::before, body[data-main-section-id=splash] .navbar-nav > li > a:visited::before {
  content: "";
  position: absolute; /*left: 0;*/
  bottom: 0px;
  width: 80%;
  height: 2px;
  background: rgb(51, 51, 51);
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  transition: all 500ms ease-out;
}
@media (min-width: 1200px) {
  body[data-main-section-id=collegial][data-section-id=accueil] .navbar-nav > li > a, body[data-main-section-id=collegial][data-section-id=accueil] .navbar-nav > li > a:visited {
    padding: 10px 32px 10px 32px;
  }
}

.nav > li > a:focus, .nav > li > a:hover, .nav > li > a:visited:hover {
  text-decoration: none;
  background-color: transparent !important;
  color: #BCAB9F !important;
}
@media (max-width: 992px) {
  .nav > li > a:focus, .nav > li > a:hover, .nav > li > a:visited:hover {
    color: #fff !important;
  }
}
@media (min-width: 992px) {
  body[data-main-section-id=joindre] .nav > li > a:focus, body[data-main-section-id=joindre] .nav > li > a:hover, body[data-main-section-id=joindre] .nav > li > a:visited:hover {
    color: rgb(51, 51, 51) !important;
  }
  body[data-main-section-id=joindre] .nav > li > a:focus::before, body[data-main-section-id=joindre] .nav > li > a:hover::before, body[data-main-section-id=joindre] .nav > li > a:visited:hover::before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@media (min-width: 992px) {
  body[data-main-section-id=splash] .nav > li > a:focus, body[data-main-section-id=splash] .nav > li > a:hover, body[data-main-section-id=splash] .nav > li > a:visited:hover {
    color: #bfbfbf !important;
  }
}

.nav .open > a, .nav .open > a:visited, .nav .open > a:focus, .nav .open > a:hover, .nav .open > a:visited:hover,
body[data-section-id=accueil] .navbar-nav > li:nth-child(1) > a {
  border-color: transparent;
  background-color: transparent !important;
  color: #FFF !important;
}
@media (max-width: 992px) {
  .nav .open > a, .nav .open > a:visited, .nav .open > a:focus, .nav .open > a:hover, .nav .open > a:visited:hover,
  body[data-section-id=accueil] .navbar-nav > li:nth-child(1) > a {
    color: #fff !important;
  }
}

@media (min-width: 992px) {
  .nav .dropdown.open > a::before, .nav .dropdown.open > a:focus::before, .nav .dropdown.open > a:hover::before {
    content: "";
    width: 100%;
    height: 9px;
    position: absolute;
    bottom: 5px;
    left: 0; /*background: url(/images/assets/triangle-blanc-bas.png) no-repeat bottom center;*/
  }
}
header .dropdown-menu {
  background: transparent;
  min-width: auto;
  width: 100%;
  border: 0;
  border-radius: 0;
  padding: 20px 0;
  margin-top: 3px;
  z-index: 10;
  float: none;
  position: relative;
  box-shadow: none;
  text-align: center;
  font-size: 15px;
  line-height: 19px;
  font-weight: 300;
}
@media (max-width: 992px) {
  header .dropdown-menu {
    width: auto;
    background-color: transparent;
    position: static;
    border: 0;
    box-shadow: none;
    margin-top: -10px !important;
    padding: 0;
    text-align: left;
  }
}
@media (max-width: 992px) {
  header .dropdown-menu li {
    padding-left: 25px !important;
  }
  header .dropdown-menu li::before {
    content: "•";
    color: #fff;
    display: block;
    position: relative;
    max-width: 0;
    max-height: 0;
    font-size: 20px;
    line-height: 30px;
  }
  body.page-corporative header .dropdown-menu li {
    padding-left: 25px !important;
  }
  body.page-corporative header .dropdown-menu li::before {
    color: #FFF;
  }
}
@media (max-width: 767px) {
  header .dropdown-menu li {
    padding: 0 0 0 15px;
    padding-left: 30px;
  }
}
header .dropdown-menu li > a {
  color: #FFF !important;
  font-size: 15px;
  line-height: 19px;
  font-weight: 300;
  white-space: normal;
  padding: 6px 15px 6px 20px !important;
  display: inline-block;
}
header .dropdown-menu li > a body.page-corporative {
  color: rgb(51, 51, 51) !important;
}
header .dropdown-menu li > a:hover {
  background-color: transparent !important;
  text-decoration: underline !important;
}
@media (min-width: 992px) {
  header .dropdown-menu li > a:hover {
    background-color: #5F933F;
    color: #000 !important;
  }
}
header .dropdown-menu li > a:active {
  text-decoration: underline !important;
}
header .dropdown-menu li.active {
  background-color: rgba(0, 0, 0, 0.2) !important;
  margin-top: 5px;
}
header .dropdown-menu li.active a {
  background: none !important;
}
header .dropdown-menu ul {
  list-style: none;
  margin-left: 0;
  display: none;
}
@media (min-width: 992px) {
  .is-cms header .dropdown-menu ul {
    display: block;
  }
}

/* Pour faire apparaitre button collapse a 992px */
@media (max-width: 992px) {
  .navbar-toggle {
    margin-top: -73px;
    margin-right: 0px;
    padding: 15px;
    display: block;
    display: inline-block;
    position: relative;
    z-index: 100;
    border-radius: 0;
    /*.sous-page-avec-photo-top & {
        position: absolute; top: 12px; right: 15px; margin: 0;
        @include media("<=xs-large") { 
            top: 47px;
        }
    }*/
  }
}
@media (max-width: 767px) {
  .navbar-toggle {
    margin-right: 15px;
    margin-top: -66px;
  }
}
body[data-main-section-id=secondaire] .navbar-toggle {
  background-color: #D9272E;
}
body[data-main-section-id=collegial] .navbar-toggle {
  background-color: #346094;
  border: 1px solid rgba(127, 127, 127, 0.3);
}
body.page-corporative .navbar-toggle {
  background-color: rgb(51, 51, 51);
}
body[data-main-section-id=splash] .navbar-toggle, body[data-main-section-id=joindre] .navbar-toggle {
  background-color: rgb(51, 51, 51);
  margin: 16px 15px 0 0;
  position: relative;
}
body[data-main-section-id=splash] .navbar-toggle {
  z-index: 2001;
}
body[data-main-section-id=splash] .navbar-toggle .icon-bar {
  width: 35px;
  height: 4px;
  border-radius: 0;
  transition: all 0.2s;
}
body[data-main-section-id=splash] .navbar-toggle .icon-bar:nth-of-type(2) {
  -webkit-transform: rotate(45deg) translateX(17%);
          transform: rotate(45deg) translateX(17%);
  -webkit-transform-origin: 20% 20%;
          transform-origin: 20% 20%;
  background-color: #fff;
}
body[data-main-section-id=splash] .navbar-toggle .icon-bar:nth-of-type(3) {
  opacity: 0;
  filter: alpha(opacity=0);
}
body[data-main-section-id=splash] .navbar-toggle .icon-bar:nth-of-type(4) {
  -webkit-transform: rotate(-45deg) translateX(17%);
          transform: rotate(-45deg) translateX(17%);
  -webkit-transform-origin: 20% 85%;
          transform-origin: 20% 85%;
  background-color: #fff;
}
body[data-main-section-id=splash] .navbar-toggle .icon-bar + .icon-bar {
  margin-top: 7px;
}
body[data-main-section-id=splash] .navbar-toggle.collapsed .icon-bar:nth-of-type(2) {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  background-color: #fff;
}
body[data-main-section-id=splash] .navbar-toggle.collapsed .icon-bar:nth-of-type(3) {
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: #fff;
}
body[data-main-section-id=splash] .navbar-toggle.collapsed .icon-bar:nth-of-type(4) {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  background-color: #fff;
}
.navbar-toggle .icon-bar {
  background-color: #fff;
  width: 30px;
  height: 3px;
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 6px;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
  background-color: #6a6a6a;
}

.navbar-collapse {
  padding: 0;
  boz-shadow: none;
  border-top: 0;
  border-top: 0px solid transparent;
}
@media (min-width: 993px) {
  body[data-main-section-id=joindre] .navbar-collapse {
    float: right;
  }
}

.navbar-collapse.collapsing .nav {
  display: none;
}

.navbar-collapse.collapse.in, .navbar-collapse.collapsing {
  display: block !important;
  float: none;
  padding: 15px 20px 15px 25px;
  position: absolute;
  top: 1px;
  right: 0;
  z-index: 2000;
  color: #fff;
  text-align: center;
  width: 50%;
  padding: 15px 0;
  margin: 0;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
  /*
  body.sous-page-avec-photo-top & {
      top: 75px; 
      @include media("<=xs-large") {
          top: 100px; 
      }
  }
  */
  /*
  body.page-corporative.sous-page-avec-photo-top & {
      top: 80px;
      @include media("<=sm") {
          top: 100px;
      }
      @include media("<=xs-large") {
          top: 129px;
      }
  }
  */
}
@media (max-width: 767px) {
  .navbar-collapse.collapse.in, .navbar-collapse.collapsing {
    left: 0px;
    width: 100%;
    right: 0;
    margin-left: 0;
    overflow: inherit;
  }
}
body[data-main-section-id=secondaire] .navbar-collapse.collapse.in, body[data-main-section-id=secondaire] .navbar-collapse.collapsing {
  background-color: #D9272E;
}
body[data-main-section-id=collegial] .navbar-collapse.collapse.in, body[data-main-section-id=collegial] .navbar-collapse.collapsing {
  background-color: #346094;
}
body.page-corporative .navbar-collapse.collapse.in, body.page-corporative .navbar-collapse.collapsing {
  background-color: rgb(51, 51, 51);
  box-shadow: none;
  padding: 0; /* top: 18px; width: 250px; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #666;  */
}
body[data-main-section-id=joindre] .navbar-collapse.collapse.in, body[data-main-section-id=joindre] .navbar-collapse.collapsing {
  background-color: rgb(51, 51, 51);
  box-shadow: none;
  border: none;
  padding: 0;
  top: 98px; /* width: 250px; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #666; */
}
@media (max-width: 767px) {
  body[data-main-section-id=joindre] .navbar-collapse.collapse.in, body[data-main-section-id=joindre] .navbar-collapse.collapsing {
    top: 88px;
  }
}
body[data-main-section-id=splash] .navbar-collapse.collapse.in, body[data-main-section-id=splash] .navbar-collapse.collapsing {
  top: 0px;
  background-color: #333333;
  height: 100vh;
}

@media (max-width: 992px) {
  .navbar-header {
    float: none;
    /*body[data-main-section-id="splash"] &, body[data-main-section-id="joindre"] & {
        position: absolute; top: 0; right: 0;
    }*/
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-nav {
    float: none !important;
    margin: 0;
  }
  .navbar-nav > li {
    float: none;
  }
  .navbar-nav > li ul {
    margin-top: -5px !important;
    padding-left: 0 !important;
  }
}
/* //Pour faire apparaitre button collapse a 992px */
footer {
  clear: both;
  position: relative;
  z-index: 1001;
  padding-top: 20px;
  background-color: #fff;
}
body[data-main-section-id=splash] footer {
  display: none;
}
footer a, footer a:visited {
  color: rgb(51, 51, 51);
  text-decoration: none;
}
footer a:hover, footer a:visited:hover {
  color: rgb(51, 51, 51);
  text-decoration: underline;
}
footer .medias-sociaux {
  margin-bottom: 25px;
}
body[data-main-section-id=association-des-anciens] footer {
  padding-top: 0;
}

#footer-map {
  border-top: 45px solid #333;
  width: 100%;
  height: 300px;
  padding-top: 20px;
  /*background: url(/images/footer-map.png) no-repeat center top; background-size: cover;*/
}
body[data-main-section-id=joindre] #footer-map {
  display: none;
}
@media (max-width: 600px) {
  #footer-map {
    display: none;
  }
}

#webmaster {
  display: none;
}

body[data-section-id=accueil] #webmaster {
  display: block;
  color: rgba(0, 0, 0, 0.7);
}
body[data-section-id=accueil] #webmaster a, body[data-section-id=accueil] #webmaster a:visited {
  color: rgba(0, 0, 0, 0.7);
}

/*
Pour icon - 23k supplementaire
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
*/
/****** Texte ******/
.texte-extra-jumbo {
  font-size: 4em !important;
  line-height: 1em !important;
}

.texte-tres-tres-jumbo {
  font-size: 3.5em !important;
  line-height: 1em !important;
}

.texte-tres-jumbo {
  font-size: 3em !important;
  line-height: 1.1em !important;
}

.texte-jumbo {
  font-size: 2.6em !important;
  line-height: 1.1em !important;
}

.texte-extra-gros {
  font-size: 2.2em !important;
  line-height: 1em !important;
}

.texte-tres-tres-gros {
  font-size: 1.8em !important;
  line-height: 1.2em !important;
}

.texte-tres-gros {
  font-size: 1.4em !important;
  line-height: 1.3em !important;
}

.texte-gros {
  font-size: 1.2em !important;
  line-height: 1.3em !important;
}

.texte-moyen {
  font-size: 1.1em !important;
  line-height: 1.2em !important;
}

.texte-petit {
  font-size: 0.9em !important;
  line-height: 1.2em !important;
}

.texte-tres-petit {
  font-size: 0.8em !important;
  line-height: 1.4em !important;
}

.texte-tres-tres-petit {
  font-size: 0.7em !important;
  line-height: 1.4em !important;
}

.texte-tres-tres-gros-responsive {
  font-size: 1.8em !important;
  font-size: 12vw !important;
  line-height: 1.3em !important;
}

.texte-tres-gros-responsive {
  font-size: 1.4em !important;
  font-size: 10vw !important;
  line-height: 1.3em !important;
}

.texte-gros-responsive {
  font-size: 1.2em !important;
  font-size: 8vw !important;
  line-height: 1.3em !important;
}

.texte-moyen-responsive {
  font-size: 1.1em !important;
  font-size: 6vw !important;
  line-height: 1.3em !important;
}

.texte-tres-petit-responsive {
  font-size: 0.8em !important;
  font-size: 4vw !important;
  line-height: 1.3em !important;
}

.texte-tres-tres-petit-responsive {
  font-size: 0.8em !important;
  font-size: 2vw !important;
  line-height: 1.3em !important;
}

.line-height-point8 {
  line-height: 0.8em !important;
}

.line-height-point85 {
  line-height: 0.85em !important;
}

.line-height-point9 {
  line-height: 0.9em !important;
}

.line-height-point95 {
  line-height: 0.95em !important;
}

.line-height-1 {
  line-height: 1em !important;
}

.line-height-1-1 {
  line-height: 1.1em !important;
}

.line-height-1-2 {
  line-height: 1.2em !important;
}

.line-height-1-3 {
  line-height: 1.3em !important;
}

.line-height-1-6 {
  line-height: 1.6em !important;
}

.texte-glyphicons {
  font-family: "Glyphicons Halflings";
}

.texte-cursif {
  font-family: "Allura", cursive !important;
  line-height: 1em !important;
}
.texte-cursif.texte-tres-tres-jumbo {
  line-height: 1em !important;
}

.texte-serif {
  font-family: Georgia, "Lucida Bright", Times !important;
}

.texte-baron {
  font-family: "Play", sans-serif !important;
}

.ombrage-texte {
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4) !important;
}

.ombrage-texte-glow {
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4) !important;
}

.ombrage-texte-fonce {
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7) !important;
}

.ombrage-texte-glow-fonce {
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7) !important;
}

.sans-ombrage {
  text-shadow: none !important;
  box-shadow: none !important;
}

.slogan {
  font-size: 2.5em !important;
  line-height: 1em !important;
  font-family: "Allura", sans_serif !important;
  color: #5F933F !important;
}

.hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.texte-rouge {
  color: #D9272E !important;
}

.texte-jaune {
  color: #FFB819 !important;
}

.texte-blanc {
  color: #fff !important;
}

.texte-noir {
  color: #000 !important;
}

.texte-couleur {
  color: #5F933F !important;
}

.texte-pale {
  color: #ccc !important;
}

.texte-fonce {
  color: #333 !important;
}

.texte-couleur-texte-regulier {
  color: rgb(51, 51, 51) !important;
}

.nowrap {
  white-space: nowrap !important;
}

.note {
  font-size: 0.8em !important;
  line-height: 1.4em !important;
}

.creditPhoto:hover {
  cursor: help;
}

.sans-cesure {
  -webkit-hyphens: none !important;
          hyphens: none !important;
}

.avec-cesure {
  -webkit-hyphens: auto !important;
          hyphens: auto !important;
}

a.lien-invisible, a.lien-invisible:visited {
  color: rgb(51, 51, 51) !important;
  text-decoration: none !important;
}

a.lien-blanc, a.lien-blanc:visited {
  color: #fff !important;
  text-decoration: underline !important;
}

a.lien-blanc:hover, a.lien-blanc:hover:visited {
  color: #fff !important;
  text-decoration: none !important;
}

.sans-souligne {
  text-decoration: none !important;
}

.sans-souligne-hover-souligne {
  text-decoration: none !important;
}
.sans-souligne-hover-souligne:hover {
  text-decoration: underline !important;
}

.texte-gris {
  color: #888888 !important;
}

.pas-de-gras, .texte-pas-de-gras, .no-bold {
  font-weight: 400 !important;
}

.minuscule, .texte-minuscule, .no-caps {
  text-transform: none !important;
}

.majuscule, .texte-majuscule, .caps {
  text-transform: uppercase !important;
}

@media (max-width: 767px) {
  .texte-extra-jumbo {
    font-size: 2.8em !important;
    line-height: 1em !important;
  }
  .texte-tres-tres-jumbo {
    font-size: 2.5em !important;
    line-height: 1.2em !important;
  }
  .texte-tres-jumbo {
    font-size: 2.2em !important;
    line-height: 1.2em !important;
  }
  .texte-jumbo {
    font-size: 2.2em !important;
    line-height: 1em !important;
  }
  .texte-extra-gros {
    font-size: 2em !important;
    line-height: 1em !important;
  }
  .texte-tres-tres-gros {
    font-size: 1.8em !important;
    line-height: 1.2em !important;
  }
}
.texte-gros p {
  margin-bottom: 30px;
}

/****** Alignements ******/
.aligne-gauche, .cms-float-left {
  text-align: left !important;
}

.aligne-gauche-absolu {
  position: absolute;
  left: 0 !important;
}

.aligne-droite, .cms-float-droite {
  text-align: right !important;
}

.aligne-droite-absolu {
  position: absolute;
  right: 0 !important;
}

.aligne-centre {
  text-align: center !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.aligne-centre-absolu {
  position: absolute;
  left: 50% !important;
  -webkit-transform: translate(-50%, 0) !important;
          transform: translate(-50%, 0) !important;
}

.aligne-centre td {
  text-align: left !important;
}

.aligne-vertical-centre {
  vertical-align: middle !important;
}

.aligne-vertical-centre-absolu {
  position: absolute;
  top: 50% !important;
  -webkit-transform: translate(0, -50%) !important;
          transform: translate(0, -50%) !important;
}

.aligne-vertical-haut {
  vertical-align: top !important;
}

.aligne-vertical-haut-absolu {
  position: absolute;
  top: 0 !important;
}

.aligne-vertical-bas {
  vertical-align: bottom !important;
}

.aligne-vertical-bas-absolu {
  position: absolute;
  bottom: 0 !important;
}

.aligne-centre-centre-absolu {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
}

@media (max-width: 320px) {
  .aligne-gauche-xs {
    text-align: left !important;
    margin-left: 0 !important;
  }
  .aligne-droite-xs {
    text-align: right !important;
    margin-right: 0 !important;
  }
  .aligne-centre-xs {
    text-align: center !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .aligne-centre-xs td {
    text-align: left !important;
  }
  .aligne-vertical-centre-xs {
    vertical-align: middle !important;
  }
  .aligne-vertical-haut-xs {
    vertical-align: top !important;
  }
  .aligne-vertical-bas-xs {
    vertical-align: bottom !important;
  }
}
@media (max-width: 480px) {
  .aligne-gauche-xs-large {
    text-align: left !important;
    margin-left: 0 !important;
  }
  .aligne-droite-xs-large {
    text-align: right !important;
    margin-right: 0 !important;
  }
  .aligne-centre-xs-large {
    text-align: center !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .aligne-centre-xs-large td {
    text-align: left !important;
  }
  .aligne-vertical-centre-xs-large {
    vertical-align: middle !important;
  }
  .aligne-vertical-haut-xs-large {
    vertical-align: top !important;
  }
  .aligne-vertical-bas-xs-large {
    vertical-align: bottom !important;
  }
}
@media (max-width: 600px) {
  .aligne-gauche-sm-small {
    text-align: left !important;
    margin-left: 0 !important;
  }
  .aligne-droite-sm-small {
    text-align: right !important;
    margin-right: 0 !important;
  }
  .aligne-centre-sm-small {
    text-align: center !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .aligne-centre-sm-small td {
    text-align: left !important;
  }
  .aligne-vertical-centre-sm-small {
    vertical-align: middle !important;
  }
  .aligne-vertical-haut-sm-small {
    vertical-align: top !important;
  }
  .aligne-vertical-bas-sm-small {
    vertical-align: bottom !important;
  }
}
@media (max-width: 767px) {
  .aligne-gauche-sm {
    text-align: left !important;
    margin-left: 0 !important;
  }
  .aligne-droite-sm {
    text-align: right !important;
    margin-right: 0 !important;
  }
  .aligne-centre-sm {
    text-align: center !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .aligne-centre-sm td {
    text-align: left !important;
  }
  .aligne-vertical-centre-sm {
    vertical-align: middle !important;
  }
  .aligne-vertical-haut-sm {
    vertical-align: top !important;
  }
  .aligne-vertical-bas-sm {
    vertical-align: bottom !important;
  }
}
@media (max-width: 992px) {
  .aligne-gauche-md {
    text-align: left !important;
    margin-left: 0 !important;
  }
  .aligne-droite-md {
    text-align: right !important;
    margin-right: 0 !important;
  }
  .aligne-centre-md {
    text-align: center !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .aligne-centre-md td {
    text-align: left !important;
  }
  .center-block-md {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .aligne-vertical-centre-md {
    vertical-align: middle !important;
  }
  .aligne-vertical-haut-md {
    vertical-align: top !important;
  }
  .aligne-vertical-bas-md {
    vertical-align: bottom !important;
  }
}
@media (max-width: 1200px) {
  .aligne-gauche-lg {
    text-align: left !important;
    margin-left: 0 !important;
  }
  .aligne-droite-lg {
    text-align: right !important;
    margin-right: 0 !important;
  }
  .aligne-centre-lg {
    text-align: center !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .aligne-centre-lg td {
    text-align: left !important;
  }
  .aligne-vertical-centre-lg {
    vertical-align: middle !important;
  }
  .aligne-vertical-haut-lg {
    vertical-align: top !important;
  }
  .aligne-vertical-bas-lg {
    vertical-align: bottom !important;
  }
}
.flottant-a-gauche {
  text-align: left;
  float: left;
  margin: 0 30px 30px 0;
  padding: 0;
}
@media (max-width: 767px) {
  .flottant-a-gauche {
    width: 100%;
    height: auto;
    float: none;
  }
}

.flottant-a-droite {
  text-align: right;
  float: right;
  margin: 0 0 30px 30px;
  padding: 0;
}
@media (max-width: 767px) {
  .flottant-a-droite {
    width: 100%;
    height: auto;
    float: none;
    margin-left: 0;
  }
}

.float-none {
  float: none !important;
}

.inline {
  display: inline !important;
}

.block {
  display: block !important;
}

.inline-block {
  display: inline-block !important;
}

.display-table {
  display: table !important;
}

.table-cell {
  display: table-cell !important;
}

.position-relative {
  position: relative !important;
}

.display-flex {
  display: flex !important;
  align-items: center;
}

.display-none {
  display: none !important;
}

/****** Lignes / encadrés ******/
/* A appliquer sur un <p> */
.encadre {
  padding: 25px;
  background-color: #e0e0e0;
  border: 10px solid #fff;
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.4);
}

.encadre-ligne {
  padding: 25px;
  text-align: left;
  background-color: #fff;
  position: relative;
}
.encadre-ligne::before {
  border: 4px solid #888;
  content: "";
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  z-index: 2;
}
.encadre-ligne a, .encadre-ligne a:visited {
  text-decoration: underline;
  color: #fff;
}
.encadre-ligne a:hover, .encadre-ligne a:visited:hover {
  text-decoration: none;
  color: #fff;
}
.encadre-ligne hr {
  color: #fff;
  background-color: #fff;
  height: 1px;
  clear: both;
  margin: 1em 0;
  border: 0;
}
.encadre-ligne li {
  background: url(/images/assets/bullet-blanc.png) no-repeat left 0.5em;
  padding: 0 0 0.2em 15px;
}
.encadre-ligne h3 {
  color: #fff;
  font-size: 1.5em;
  line-height: 1.3em;
  text-align: center;
  margin-bottom: 1.5em;
}
.encadre-ligne > .encadre {
  position: relative;
  z-index: 3;
}

/* Enlève le filet dans Surreal */
.is-cms .encadre-ligne::before {
  display: none;
}

/****** Bordures ******/
.bordure {
  border: 1px solid #6a6a6a !important;
}

.bordure-haut {
  border-top: 1px solid #6a6a6a !important;
}

.bordure-droite {
  border-right: 1px solid #6a6a6a !important;
}

.bordure-bas {
  border-bottom: 1px solid #6a6a6a !important;
}

.bordure-gauche {
  border-left: 1px solid #6a6a6a !important;
}

.bordure-0 {
  border-width: 0px !important;
}

.bordure-2 {
  border-width: 2px !important;
}

.bordure-3 {
  border-width: 3px !important;
}

.bordure-4 {
  border-width: 4px !important;
}

.bordure-5 {
  border-width: 5px !important;
}

.bordure-6 {
  border-width: 6px !important;
}

.bordure-7 {
  border-width: 7px !important;
}

.bordure-8 {
  border-width: 8px !important;
}

.bordure-9 {
  border-width: 9px !important;
}

.bordure-10 {
  border-width: 10px !important;
}

.bordure-15 {
  border-width: 15px !important;
}

.bordure-20 {
  border-width: 20px !important;
}

.bordure-25 {
  border-width: 25px !important;
}

.bordure-30 {
  border-width: 30px !important;
}

.bordure-35 {
  border-width: 35px !important;
}

.bordure-40 {
  border-width: 40px !important;
}

.bordure-45 {
  border-width: 45px !important;
}

.bordure-50 {
  border-width: 50px !important;
}

.bordure-blanche {
  border-color: #FFF !important;
}

.bordure-noire {
  border-color: #FFF !important;
}

.bordure-rouge {
  border-color: #D9272E !important;
}

.bordure-jaune {
  border-color: #FFB819 !important;
}

.bordure-bleu {
  border-color: #346094 !important;
}

@media (max-width: 992px) {
  .bordure-0-sm {
    border: none !important;
  }
}
@media (max-width: 767px) {
  .bordure-0-xs {
    border: none !important;
  }
}
hr {
  color: #ccc;
  background-color: #ccc;
  height: 1px;
  clear: both;
  margin: 40px 0;
  border: 0;
}

/****** Utiles ******/
.lien-fleche {
  position: relative;
  text-decoration: none;
  color: rgb(51, 51, 51) !important;
  padding-left: 25px;
  white-space: nowrap;
  display: inline-block;
}
.lien-fleche::before {
  content: "\e250";
  font-family: "Glyphicons Halflings";
  font-weight: 700;
  color: rgb(51, 51, 51);
  font-size: 18px;
  transition: all 500ms ease-out;
  float: left;
  margin-left: -25px;
}
.lien-fleche:hover {
  color: #285b94 !important;
  text-decoration: underline;
}
.lien-fleche:hover::before {
  margin-left: -20px;
  color: #285b94;
}

/* Items répétables */
.repeatable {
  border-top: 1px solid #ccc;
  padding: 30px 0;
  position: relative;
}
.repeatable h1, .repeatable h2, .repeatable h3, .repeatable h4, .repeatable h5 {
  margin-top: 0;
}

.repeatable:last-child {
  border-bottom: 1px solid #ccc;
}

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

.repeatable p:last-child, .repeatable ul:last-child, .repeatable ol:last-child,
.repeatable .image-droite:last-child, .repeatable .image-gauche:last-child {
  margin-bottom: 0;
}

.repeatable.repeatable-sans-bordure {
  border-top: 0;
}

.repeatable.repeatable-sans-bordure:last-child {
  border-bottom: 0;
}

.ombrage {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  transition: all 500ms ease-out;
}

a.ombrage:hover {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: scale3d(1.02, 1.02, 1.02);
          transform: scale3d(1.02, 1.02, 1.02);
}

.rollover-bordure:hover {
  transition: all 500ms ease-out;
}
.rollover-bordure:hover:hover {
  outline: 2px solid #6a6a6a;
}

.rollover-bordure-blanc:hover {
  transition: all 500ms ease-out;
}
.rollover-bordure-blanc:hover:hover {
  outline: 2px solid #fff;
}

.rollover-opacite, .rollover-opacite-fort, rollover-opacite-faible {
  transition: all 0.3s;
  opacity: 1;
}

.rollover-opacite:hover {
  opacity: 0.5;
}

.rollover-opacite-fort:hover {
  opacity: 0.3;
}

.rollover-opacite-faible:hover {
  opacity: 0.75;
}

.rollover-zoom {
  transition: all 0.3s;
}
.rollover-zoom:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.rollover-zoom-background {
  /** Appliquer sur un conteneur : a, div, span **/
  display: inline-block;
  overflow: hidden;
}
.rollover-zoom-background img {
  transition: all 0.3s;
}
.rollover-zoom-background:hover img {
  -webkit-transform: scale(1.07);
          transform: scale(1.07);
}

.rollover-filter-brightness-blanc {
  transition: all 500ms ease-out;
}
.rollover-filter-brightness-blanc:hover {
  -webkit-filter: brightness(10) grayscale(100);
          filter: brightness(10) grayscale(100);
}

.rollover-filter-drop-shadow {
  transition: all 500ms ease-out;
}
.rollover-filter-drop-shadow:hover {
  -webkit-filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.5));
          filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.5));
}

.rollover-filter-brightness-blanc-drop-shadow {
  transition: all 500ms ease-out;
}
.rollover-filter-brightness-blanc-drop-shadow:hover {
  -webkit-filter: brightness(10) grayscale(100) drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.5));
          filter: brightness(10) grayscale(100) drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.5));
}

.invisible {
  visibility: hidden;
}

/* Listes */
ul.liste-sans-bullet {
  list-style-type: none;
}
ul.liste-sans-bullet li::before {
  display: none !important;
}

.sans-bullet::before {
  display: none !important;
}

ul.liste-filet {
  margin: 0 0 0 17px;
  padding: 0;
}
ul.liste-filet li {
  border-bottom: 1px solid #6a6a6a;
}
ul.liste-filet li:last-child {
  border-bottom: none;
}

ul.bullet-blanche li::before {
  color: #fff;
}

ul.bullet-crochet {
  margin: 0 0 0 35px;
  padding: 0;
}
ul.bullet-crochet li::before {
  content: "\e013";
  font-family: "Glyphicons Halflings";
  margin-left: -35px;
}

.fond-blanc {
  background-color: #fff;
}

.fond-noir {
  background-color: #000;
}

.fond-rouge {
  background-color: #D9272E;
  color: #fff;
}
.fond-rouge a, .fond-rouge a:visited {
  color: #fff;
}
.fond-rouge a:hover, .fond-rouge a:visited:hover {
  color: #fff;
}

.fond-jaune {
  background-color: #FFB819;
}

.fond-bleu {
  background-color: #346094;
}

.fond-pale, .fond-gris-pale {
  background-color: #e0e0e0;
}

.fond-gris-tres-pale {
  background-color: #e5e5e5;
}

.fond-fonce, .fond-gris-fonce {
  background-color: #333;
  color: #fff;
}
.fond-fonce a, .fond-fonce a:visited, .fond-gris-fonce a, .fond-gris-fonce a:visited {
  color: #fff !important;
}
.fond-fonce a:hover, .fond-fonce a:visited:hover, .fond-gris-fonce a:hover, .fond-gris-fonce a:visited:hover {
  color: #fff !important;
}

.fond-noir-opacite-5 {
  background-color: rgba(0, 0, 0, 0.05);
}

.fond-noir-opacite-10 {
  background-color: rgba(0, 0, 0, 0.1);
}

.fond-noir-opacite-15 {
  background-color: rgba(0, 0, 0, 0.15);
}

.fond-noir-opacite-25 {
  background-color: rgba(0, 0, 0, 0.25);
}

.fond-noir-opacite-50 {
  background-color: rgba(0, 0, 0, 0.5);
}

.fond-noir-opacite-75 {
  background-color: rgba(0, 0, 0, 0.75);
}

.fond-blanc-opacite-5 {
  background-color: rgba(255, 255, 255, 0.05);
}

.fond-blanc-opacite-10 {
  background-color: rgba(255, 255, 255, 0.1);
}

.fond-blanc-opacite-15 {
  background-color: rgba(255, 255, 255, 0.15);
}

.fond-blanc-opacite-25 {
  background-color: rgba(255, 255, 255, 0.25);
}

.fond-blanc-opacite-50 {
  background-color: rgba(255, 255, 255, 0.5);
}

.fond-blanc-opacite-75 {
  background-color: rgba(255, 255, 255, 0.75);
}

.fond-secondaire-vox {
  background-color: #D9272E;
  padding-bottom: 50px;
  color: #fff;
}
@media (min-width: 600px) {
  .fond-secondaire-vox {
    background: #D9272E url(/secondaire/images/fond-secondaire-vox.jpg) no-repeat center -100px;
    background-size: 100% auto;
  }
}
article .fond-secondaire-vox a, article .fond-secondaire-vox a:visited {
  color: #fff !important;
}
article .fond-secondaire-vox ul li::before {
  color: #fff;
}
.fond-secondaire-vox div:target {
  position: relative;
  border-top: 165px solid transparent;
  margin-top: -165px;
  background-clip: padding-box;
}
.fond-secondaire-vox div:target::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  right: 0;
}

@media (min-width: 767px) {
  section.breadcrumb-options {
    margin-bottom: -80px;
    position: relative;
    z-index: 1001;
    background-color: #e5e5e5;
  }
}

.opacite-0 {
  opacity: 0;
}

.opacite-10 {
  opacity: 0.1;
}

.opacite-20 {
  opacity: 0.2;
}

.opacite-30 {
  opacity: 0.3;
}

.opacite-40 {
  opacity: 0.4;
}

.opacite-50 {
  opacity: 0.5;
}

.opacite-60 {
  opacity: 0.6;
}

.opacite-70 {
  opacity: 0.7;
}

.opacite-80 {
  opacity: 0.8;
}

.opacite-90 {
  opacity: 0.9;
}

.credit-photo:hover {
  cursor: help;
}

.bande-photo-parallax {
  min-height: 650px;
  background-position: center 108px;
  background-repeat: no-repeat; /*background-attachment: fixed;*/
}

/****** Boutons vedettes ******/
.btn-vedette {
  text-align: center;
  position: relative;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  display: block;
  max-width: 640px;
  margin: 0 auto;
  color: #FFF;
  text-decoration: none;
  overflow: hidden;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
body[data-main-section-id=secondaire] .btn-vedette .figure {
  background: linear-gradient(-45deg, #99260f 0%, #D9272E 100%);
}
.btn-vedette .figure {
  display: block;
}
.btn-vedette .figure::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  border: 5px solid #fff;
}
.btn-vedette .figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.btn-vedette .figcaption .figcaption-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.btn-vedette .figure img {
  opacity: 0.9;
}
.btn-vedette .figure .figcaption::after, .btn-vedette .figure img, .btn-vedette .figure .figcaption-en-savoir-plus {
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}
.btn-vedette .figure .figcaption::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 150px;
  z-index: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1f1f0+0,f1f1f0+100&0+0,1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#000000",GradientType=0 ); /* IE6-9 */
}
.btn-vedette .figure .figcaption::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  content: "";
  opacity: 0;
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
          transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.btn-vedette .figure .figcaption-title, .btn-vedette .figure .figcaption-en-savoir-plus {
  opacity: 1;
  text-align: center;
  color: #fff;
  -webkit-transform: scale3d(0.8, 0.8, 1);
          transform: scale3d(0.8, 0.8, 1);
}
.btn-vedette .figure .figcaption-title {
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  margin: 0 0 25px 0;
  font-size: 28px;
  display: block;
}
.btn-vedette .figure .figcaption-en-savoir-plus {
  text-transform: none;
  font-size: 0.85em;
  opacity: 0;
}
.btn-vedette .figure:hover img {
  opacity: 0.6;
  -webkit-transform: scale3d(1.05, 1.05, 1);
          transform: scale3d(1.05, 1.05, 1);
}
.btn-vedette .figure:hover .figcaption::after {
  opacity: 1;
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
          transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
}
.btn-vedette .figure:hover .figcaption-title, .btn-vedette .figure:hover .figcaption-en-savoir-plus {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
.is-cms .btn-vedette .figure .figcaption::before, .is-cms .btn-vedette .figure .figcaption::after, .is-cms .btn-vedette .figure::before {
  display: none;
}
.is-cms .btn-vedette .figure:hover img, .is-cms .btn-vedette .figure:hover .figcaption-title, .is-cms .btn-vedette .figure:hover .figcaption-en-savoir-plus {
  -webkit-transform: none;
          transform: none;
}
.is-cms .btn-vedette .figcaption {
  height: auto;
}

.btn-vedette--fonce {
  background-color: #666;
}
.btn-vedette--fonce .figure::before {
  display: none;
}
.btn-vedette--fonce .figure img {
  opacity: 0.25;
}
.btn-vedette--fonce .figure:hover img {
  opacity: 0.7;
  -webkit-transform: scale3d(1.05, 1.05, 1);
          transform: scale3d(1.05, 1.05, 1);
}
.btn-vedette--fonce .figure .figcaption::before {
  display: none;
}
.btn-vedette--fonce .figcaption {
  display: flex;
  align-items: center;
}
.btn-vedette--fonce .figcaption .figcaption-content {
  position: relative;
  top: auto;
  left: auto;
  text-transform: uppercase;
}
.btn-vedette--fonce .figure .figcaption-title {
  margin: 0;
}
.btn-vedette--fonce .figure .figcaption-en-savoir-plus {
  display: none;
}

/****** Boutons rond ******/
.btn-rond {
  text-decoration: none;
  font-weight: 300;
  text-align: center;
  font-size: 1.1em;
  position: relative;
  display: block;
  transition: all 500ms ease-out;
}
.btn-rond .titre {
  font-size: 1.6em;
  line-height: 1;
  transition: all 500ms ease;
  display: block;
}
.btn-rond .img-container {
  display: block;
  margin: 15px auto 0 auto;
  overflow: hidden;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  border: 5px solid #fff;
  position: relative;
  transition: all 250ms;
}
.btn-rond .img-container::before {
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  border: 1px solid #fff;
  box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2);
  content: "";
  opacity: 0;
  transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
  transition: opacity 0.35s, transform 0.45s, -webkit-transform 0.45s;
  -webkit-transform: scale3d(1.8, 1.8, 1);
          transform: scale3d(1.8, 1.8, 1);
  border-radius: 50%;
}
.btn-rond:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}
.btn-rond:hover .titre {
  -webkit-transform: scale(1.12);
          transform: scale(1.12);
}
.btn-rond:hover .img-container {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.85);
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}
.btn-rond:hover .img-container::before {
  opacity: 0.85;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}

/****** Photos ******/
/* Float d'images */
.image-gauche {
  float: left;
  margin: 0 60px 30px 0;
  padding: 0;
}
@media (max-width: 767px) {
  .image-gauche {
    float: none;
    margin-right: 0;
  }
}

.image-droite {
  float: right;
  margin: 0 0 30px 60px;
  padding: 0;
}
@media (max-width: 767px) {
  .image-droite {
    float: none;
    margin-left: 0;
  }
}

.image-gauche div, .image-droite div {
  margin-top: 5px;
}

.image-droite-sans-marge-gauche {
  float: right;
  margin: 0 0 30px 0;
  padding: 0;
}
@media (max-width: 767px) {
  .image-droite-sans-marge-gauche {
    float: none;
  }
}

.image-gauche-sans-marge-droite {
  float: left;
  margin: 0 0 30px 0;
  padding: 0;
}
@media (max-width: 767px) {
  .image-gauche-sans-marge-droite {
    float: none;
  }
}

.no-img-responsive, article img.no-img-responsive {
  display: inline !important;
  height: auto;
  max-width: none !important;
}

/* Zoom photo - Icone de loupe */
a.zoom-photo {
  position: relative;
  display: inline-block;
}
@media (max-width: 767px) {
  a.zoom-photo {
    display: inline-block !important;
  }
}

a.zoom-photo::before {
  content: "";
  background: url(/images/assets/icon-zoom-in.svg) center center no-repeat rgba(0, 0, 0, 0.7);
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: all 0.3s;
  opacity: 0;
}

a.zoom-photo:hover::before {
  opacity: 1;
}

a.zoom-photo::after {
  content: "";
  background: url(/images/assets/icon-zoom-in-thumb.png) right bottom no-repeat;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 1;
  bottom: 4px;
  right: 4px;
}

a.zoom-photo:hover::after {
  opacity: 0;
}

.is-cms .equal-height-1, .is-cms .equal-height-2 {
  float: none;
  display: block;
}

.rond-chiffre {
  border-radius: 50%;
  width: 91px;
  line-height: 75px;
  font-weight: bold;
  position: relative;
  font-size: 50px;
  margin: 0 auto;
  border: 8px solid #535151;
  background-color: #fff;
  z-index: 2;
  display: block;
  text-align: center;
  color: #535151 !important;
  text-decoration: none !important;
}
.rond-chiffre:hover {
  color: #535151 !important;
}

.enonce {
  transition: all 300ms ease-out;
}
.enonce:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.enonce.enonce--sans-lien:hover {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.enonce__content {
  text-align: center;
  padding: 40px 55px;
  margin: 0 auto;
  max-width: 600px;
  border-radius: 15px;
  position: relative;
  z-index: 1;
  margin-top: -45px;
  background-color: #535151;
  display: block;
  text-decoration: none !important;
  color: #FFF !important; /*border: 8px solid $color-medium-grey;*/
}
@media (min-width: 992px) {
  .enonce__content {
    margin-top: 0px;
  }
  .enonce__content::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -29px;
    width: 30px;
    height: 60px;
    margin-top: -30px;
    background: url(/images/assets/triangle-gauche-gris.png) no-repeat left top;
    background-size: cover;
  }
  .enonce--inverse .enonce__content::before {
    background: url(/images/assets/triangle-droite-gris.png) no-repeat left top;
    background-size: cover;
    right: -29px;
    left: auto;
  }
}
.enonce__content:hover {
  color: #FFF !important;
}

.enonce--rouge .enonce__content {
  background: #D9272E;
  color: #fff; /* border-color: $rouge-secondaire; */
}
@media (min-width: 992px) {
  .enonce--rouge .enonce__content::before {
    background: url(/images/assets/triangle-gauche-rouge.png) no-repeat left top;
    background-size: cover;
  }
  .enonce--rouge.enonce--inverse .enonce__content::before {
    background: url(/images/assets/triangle-droite-rouge.png) no-repeat left top;
    background-size: cover;
  }
}
.enonce--rouge .rond-chiffre {
  color: #D9272E;
  border-color: #D9272E;
}
.enonce--rouge .rond-chiffre:hover {
  color: #D9272E;
}

.enonce--jaune .enonce__content {
  background: #FFB819;
  color: #535151 !important; /* border-color: $rouge-secondaire; */
}
@media (min-width: 992px) {
  .enonce--jaune .enonce__content::before {
    background: url(/images/assets/triangle-gauche-jaune.png) no-repeat left top;
    background-size: cover;
  }
  .enonce--jaune.enonce--inverse .enonce__content::before {
    background: url(/images/assets/triangle-droite-jaune.png) no-repeat left top;
    background-size: cover;
  }
}
.enonce--jaune .rond-chiffre {
  color: #FFB819;
  border-color: #FFB819;
}
.enonce--jaune .rond-chiffre:hover {
  color: #FFB819;
}

.enonce--gris-pale .enonce__content {
  background: #d2d2ce;
  color: #535151 !important; /* border-color: $rouge-secondaire; */
}
@media (min-width: 992px) {
  .enonce--gris-pale .enonce__content::before {
    background: url(/images/assets/triangle-gauche-gris-pale.png) no-repeat left top;
    background-size: cover;
  }
  .enonce--gris-pale.enonce--inverse .enonce__content::before {
    background: url(/images/assets/triangle-droite-gris-pale.png) no-repeat left top;
    background-size: cover;
  }
}
.fond-gris-pale .enonce--gris-pale .enonce__content {
  background: #b9b9b8;
}
@media (min-width: 992px) {
  .fond-gris-pale .enonce--gris-pale .enonce__content::before {
    background: url(/images/assets/triangle-gauche-gris-pale2.png) no-repeat left top;
    background-size: cover;
  }
  .fond-gris-pale .enonce--gris-pale.enonce--inverse .enonce__content::before {
    background: url(/images/assets/triangle-droite-gris-pale2.png) no-repeat left top;
    background-size: cover;
  }
}
.enonce--gris-pale .enonce__content:hover {
  color: #535151 !important;
}
.enonce--gris-pale .rond-chiffre {
  border-color: #d2d2ce;
  color: #535151 !important;
}
.enonce--gris-pale .rond-chiffre:hover {
  color: #535151 !important;
}

.enonce--blanc .enonce__content {
  background: #FFF;
  color: #535151 !important; /* border-color: $rouge-secondaire; */
}
@media (min-width: 992px) {
  .enonce--blanc .enonce__content::before {
    background: url(/images/assets/triangle-gauche-blanc.png) no-repeat left top;
    background-size: cover;
  }
  .enonce--blanc.enonce--inverse .enonce__content::before {
    background: url(/images/assets/triangle-droite-blanc.png) no-repeat left top;
    background-size: cover;
  }
}
.enonce--blanc .enonce__content:hover {
  color: #535151 !important;
}
.enonce--blanc .rond-chiffre {
  border-color: #d2d2ce;
}

/*.enonce--bordure-rouge {
    .enonce__content {
        border-color: $rouge-secondaire;
        @include media(">=md") {
            &::before {
                background: url(/images/assets/triangle-gauche-bordure-rouge.png) no-repeat left top; background-size: cover;
            }
        }
    }
    .rond-chiffre {
        border-color: $rouge-secondaire; color: $rouge-secondaire;
    }
}*/
@media (min-width: 480px) {
  .slider-slick, .facebook-page-widget {
    padding: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    background-color: #fff; /*display: inline-block;*/
  }
}

.facebook-page-widget {
  max-width: 350px;
  margin: 0 auto;
}

.medias-sociaux {
  text-align: center;
}
.medias-sociaux img {
  display: inline-block;
  margin: 0 5px;
  position: relative;
  z-index: 2;
  transition: all 500ms ease-out;
}
.medias-sociaux a {
  position: relative;
}
.medias-sociaux a::after {
  content: "";
  position: absolute;
  left: 5px;
  top: -6px;
  width: 40px;
  height: 40px;
  background-color: #7f7f7f;
  border-radius: 50%;
  opacity: 0;
  transition: all 500ms ease-out;
}
.medias-sociaux a:hover::after {
  -webkit-transform: scale(1.35);
          transform: scale(1.35);
  opacity: 1;
}
.medias-sociaux a:hover img {
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
}

.bande-portes-ouvertes {
  background-color: #7f7f7f;
}
@media (min-width: 600px) {
  .bande-portes-ouvertes {
    background: #727170 url(/images/portes-ouvertes-photo-background.jpg) no-repeat center center;
    background-size: cover; /*min-height: 620px; */
  }
}
.bande-portes-ouvertes .bande-portes-ouvertes-container {
  padding-top: 100px;
}

.bande-formation-continue {
  background-color: #000;
}
@media (min-width: 600px) {
  .bande-formation-continue {
    background: #000 url(/collegial/images/formation-continue-photo-background.jpg) no-repeat center center;
    background-size: cover; /*min-height: 620px; */
  }
}
.bande-formation-continue .bande-formation-continue-container {
  padding-top: 200px;
}

.angle-haut-2-2-blanc {
  height: 200px;
  width: 100%;
  position: absolute;
  top: -120px;
  left: 0;
  background-color: #fff;
  -webkit-transform: skewY(2.2deg);
          transform: skewY(2.2deg);
  -webkit-transform-origin: 100%;
          transform-origin: 100%;
  box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.3);
}

.angle-haut-moins-1-8-blanc {
  height: 200px;
  width: 100%;
  position: absolute;
  top: -120px;
  left: 0;
  background-color: #fff;
  -webkit-transform: skewY(-1.8deg);
          transform: skewY(-1.8deg);
  -webkit-transform-origin: 100%;
          transform-origin: 100%;
  box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.3);
}

.angle-haut-2-2-gris {
  height: 200px;
  width: 100%;
  position: absolute;
  top: -60px;
  left: 0;
  background-color: #e5e5e5;
  -webkit-transform: skewY(2.2deg);
          transform: skewY(2.2deg);
  -webkit-transform-origin: 100%;
          transform-origin: 100%;
  box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.3);
  border: 10px solid #fff;
}

.angle-haut-moins-1-8-gris {
  height: 200px;
  width: 110%;
  position: absolute;
  top: -120px;
  left: -5%;
  background-color: #e5e5e5;
  -webkit-transform: skewY(-1.8deg);
          transform: skewY(-1.8deg);
  -webkit-transform-origin: 100%;
          transform-origin: 100%;
  box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.3);
  border: 10px solid #fff;
}

.angle-haut-moins-1-8-rouge {
  height: 200px;
  width: 110%;
  position: absolute;
  top: -120px;
  left: -5%;
  background-color: #D9272E;
  -webkit-transform: skewY(-1.8deg);
          transform: skewY(-1.8deg);
  -webkit-transform-origin: 100%;
          transform-origin: 100%;
  box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.3);
  border: 10px solid #fff;
}

.angle-haut-moins-1-8-rouge-sans-bordure {
  height: 200px;
  width: 110%;
  position: absolute;
  top: -120px;
  left: -5%;
  background-color: #D9272E;
  -webkit-transform: skewY(-1.8deg);
          transform: skewY(-1.8deg);
  -webkit-transform-origin: 100%;
          transform-origin: 100%;
}

.angle-bas-2-2-blanc {
  height: 200px;
  width: 100%;
  position: absolute;
  bottom: -120px;
  left: 0;
  background-color: #fff;
  -webkit-transform: skewY(-1.8deg);
          transform: skewY(-1.8deg);
  -webkit-transform-origin: 100%;
          transform-origin: 100%;
  box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.3);
}

.angle-bas-moins-1-8-blanc {
  height: 200px;
  width: 100%;
  position: absolute;
  bottom: -120px;
  left: 0;
  background-color: #fff;
  -webkit-transform: skewY(-1.8deg);
          transform: skewY(-1.8deg);
  -webkit-transform-origin: 100%;
          transform-origin: 100%;
  box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.3);
}

.angle-moins-1-8 {
  -webkit-transform: skewY(-1.8deg);
          transform: skewY(-1.8deg);
}

.angle-2-2 {
  -webkit-transform: skewY(2.2deg);
          transform: skewY(2.2deg);
}

.perspective-1000 {
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

.grand-angle-gris {
  background: #e5e5e5 url(/images/assets/background-grand-angle-gris.png) no-repeat center -800px;
  min-height: 650px;
}
@media (max-width: 600px) {
  .grand-angle-gris {
    background: #e5e5e5 url(/images/assets/background-grand-angle-gris.png) no-repeat center -1000px;
    min-height: 200px;
  }
}

.grand-angle-gris-1200 {
  background: #e5e5e5 url(/images/assets/background-grand-angle-gris.png) no-repeat center -1150px;
  min-height: 500px;
}
@media (max-width: 600px) {
  .grand-angle-gris-1200 {
    background: #e5e5e5 url(/images/assets/background-grand-angle-gris.png) no-repeat center -1230px;
    min-height: 300px;
  }
}

.angle-rouge-mask {
  background: transparent url(/images/assets/background-angle-rouge-mask.png) no-repeat left top;
  min-height: 500px;
  margin-top: -250px;
  color: #fff;
}
.angle-rouge-mask > .container {
  margin-top: 150px;
}
@media (max-width: 992px) {
  .angle-rouge-mask > .container {
    margin-top: 120px;
  }
}
.is-cms .angle-rouge-mask {
  margin-top: 0;
}

.diviseur-gauche {
  min-height: 172px;
  background: url(/images/assets/divider-shadow.png) no-repeat left top;
  background-size: 6px 100%; /* ou border-left: 1px solid $color-tertiary; */
}

.diviseur-centre {
  min-height: 172px;
  background: url(/images/assets/divider-shadow.png) no-repeat center top;
  background-size: 6px 100%;
}

.diviseur-droite {
  min-height: 172px;
  background: url(/images/assets/divider-shadow.png) no-repeat right top;
  background-size: 6px 100%; /* ou border-right: 1px solid $color-tertiary; */
}

.diviseur-gauche.diviseur-droite {
  background: url(/images/assets/divider-shadow.png) no-repeat left top, url(/images/assets/divider-shadow.png) no-repeat right top;
  background-size: 6px 100%;
}

@media (max-width: 1200px) {
  .diviseur-gauche.diviseur-droite.diviseur-deux-colonnes-md {
    background: url(/images/assets/divider-shadow.png) no-repeat left top;
    background-size: 6px 100%;
  }
}

@media (max-width: 992px) {
  .diviseur-gauche, .diviseur-droite {
    background: none !important;
    min-height: 0;
  }
}

.album-photos-photos-container a {
  margin-bottom: 5px;
  position: relative;
  display: inline-block; /*min-height: 270px;*/ /*border-bottom: 15px solid #FFF;*/ /* width: 24.5%; */
  width: 33%;
}
@media (max-width: 992px) {
  .album-photos-photos-container a {
    width: 32%;
  }
}
@media (max-width: 600px) {
  .album-photos-photos-container a {
    width: 95%;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
}

.album-photos-photos-container a::before {
  content: "";
  background: url(/images/assets/icon-zoom-in.svg) center center no-repeat rgba(0, 0, 0, 0.7);
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: all 0.3s;
  opacity: 0;
}

.album-photos-photos-container a:hover::before {
  opacity: 1;
}

.album-photos-photos-container a::after {
  content: "";
  background: url(/images/assets/icon-zoom-in-thumb.png) right bottom no-repeat;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 1;
  top: 0px;
  right: 0px;
}
@media (min-width: 1200px) {
  .album-photos-photos-container a::after {
    bottom: 0px;
  }
}

.album-photos-photos-container a:hover::after {
  opacity: 0;
}

.album-photos-photos-container img {
  width: 100%;
}

/* Pour les images du template qui seront remplacées par le client (SurrealCMS), Conteneur responsive pour la photo. Vient faire un crop, vient masquer la photo, pour toujours garder le même ratio de photo. https://stackoverflow.com/questions/26918335/css-responsive-div-when-height-is-set-in-pixels */
div.image-recadre, span.image-recadre, .images-recadres .bottin-photo {
  overflow: hidden;
  position: relative;
}
div.image-recadre::after, span.image-recadre::after, .images-recadres .bottin-photo::after {
  content: "";
  display: block;
  padding-top: 67.5%; /* hauteur divisé par largeur de l'image = ratio de l'image (proportion) à mettre en padding) */
}
div.image-recadre img, span.image-recadre img, .images-recadres .bottin-photo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%; /* (centered)  }*/
}

.visite-en-images-container {
  text-align: center;
  font-size: 0;
}

.visite-en-images-item {
  margin: 5px;
  position: relative;
  display: inline-block;
  padding: 0;
  border: 0 !important;
  font-size: 16px; /*min-height: 375px;*/ /*border-bottom: 15px solid #FFF;*/ /* width: 24.5%; */
  width: 32.5%;
  height: 0;
  padding-bottom: 21%;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .visite-en-images-item {
    width: 49%;
    padding-bottom: 32%;
  }
}
@media (max-width: 767px) {
  .visite-en-images-item {
    width: 85%;
    padding-bottom: 56%;
  }
}
@media (max-width: 600px) {
  .visite-en-images-item {
    width: 95%;
    padding-bottom: 0;
    height: auto;
    margin-bottom: 25px;
    display: block;
  }
}
.is-cms .visite-en-images-item {
  max-width: 33%;
  float: left;
  padding: 0;
  height: auto;
  background-color: #D9272E; /*display: block;*/
}
.visite-en-images-item:hover .visite-en-images-image-container::before {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}
.visite-en-images-item:hover .visite-en-images-texte-container {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}
.visite-en-images-item:hover.visite-en-images-item-spacer .visite-en-images-image-container::before, .visite-en-images-item:hover.visite-en-images-item-spacer .visite-en-images-image-container {
  opacity: 0;
}

.visite-en-images-image-container {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: block;
}
@media (min-width: 600px) {
  .visite-en-images-image-container {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    height: 100%;
  }
  .visite-en-images-image-container::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(217, 39, 46, 0.8);
    transition: all 500ms ease-out;
    -webkit-transform: translate3d(-600px, 0, 0);
            transform: translate3d(-600px, 0, 0);
    opacity: 0;
  }
}
.is-cms .visite-en-images-image-container {
  overflow: auto;
  height: auto;
  position: relative;
  top: auto;
  left: auto;
  z-index: 1;
}
.is-cms .visite-en-images-image-container::before {
  display: none !important;
}

.visite-en-images-texte-container {
  padding: 10px;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 1.5em;
  transition: all 700ms ease;
  -webkit-transform: translate3d(-600px, 0, 0);
          transform: translate3d(-600px, 0, 0);
  opacity: 0;
}
@media (max-width: 767px) {
  .visite-en-images-texte-container {
    font-size: 1.2em;
  }
}
@media (max-width: 600px) {
  .visite-en-images-texte-container {
    background-color: #D9272E;
    padding: 15px 15px 25px 15px;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.is-cms .visite-en-images-texte-container {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}

.bandeau-barons {
  background-color: #000;
  overflow: hidden;
  border: 2px solid #FFF;
  font-size: 17px;
  color: #FFF !important;
  text-decoration: none;
  display: flex;
  width: 100%;
  height: 225px;
  align-items: center;
  justify-content: center;
  align-content: stretch;
  position: relative;
  z-index: 1;
  transition: all 500ms ease-out;
  text-align: center;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}
.bandeau-barons::before, .bandeau-barons::after {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(217, 39, 46, 0.1);
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  content: "";
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  transition: all 1000ms ease-in;
  opacity: 1;
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(2, 2, 1) translate3d(0, -170%, 0);
          transform: rotate3d(0, 0, 1, 45deg) scale3d(2, 2, 1) translate3d(0, -170%, 0);
}
.bandeau-barons::after {
  transition: all 1500ms ease-out;
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(4, 4, 1) translate3d(0, -170%, 0);
          transform: rotate3d(0, 0, 1, 45deg) scale3d(4, 4, 1) translate3d(0, -170%, 0);
}
.bandeau-barons.inview::before {
  opacity: 1;
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 2, 1) translate3d(0, 240%, 0);
          transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 2, 1) translate3d(0, 240%, 0);
}
.bandeau-barons.inview::after {
  opacity: 1;
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(3, 3, 1) translate3d(0, 240%, 0);
          transform: rotate3d(0, 0, 1, 45deg) scale3d(3, 3, 1) translate3d(0, 240%, 0);
}
.bandeau-barons .texte {
  width: 50%;
  position: relative;
  z-index: 2;
  transition: all 1000ms ease-out;
}
.bandeau-barons .texte.invisible {
  opacity: 0;
  visibility: visible;
  -webkit-transform: rotateY(130deg);
          transform: rotateY(130deg);
}
.bandeau-barons .texte.inview {
  opacity: 1;
  visibility: visible;
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
}
.bandeau-barons .titre {
  transition: all 400ms ease-out;
  font-size: 65px;
  line-height: 70px;
  margin-bottom: 10px;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.bandeau-barons .titre-plus-petit {
  font-size: 57px;
  line-height: 62px;
}
.bandeau-barons .titre-2-lignes {
  font-size: 50px;
  line-height: 55px;
}
.bandeau-barons .photo {
  width: 50%;
  transition: all 700ms ease-out;
  position: relative;
  z-index: 2;
}
.bandeau-barons .photo.invisible {
  opacity: 0;
  visibility: visible;
  -webkit-transform: scale3d(3, 3, 3);
          transform: scale3d(3, 3, 3);
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.bandeau-barons .photo.inview {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
.bandeau-barons p {
  margin-bottom: 10px;
}
.bandeau-barons .album-photos {
  display: none;
}
.is-cms .bandeau-barons {
  height: auto;
}
.is-cms .bandeau-barons .album-photos {
  display: block;
}
.is-cms .bandeau-barons .album-photos a {
  display: block;
}
.is-cms .bandeau-barons .album-photos a img {
  display: inline !important;
}
@media (min-width: 992px) {
  .bandeau-barons:hover .titre {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .bandeau-barons:hover .photo {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
}
@media (max-width: 992px) {
  .bandeau-barons {
    height: auto;
    padding-top: 20px;
    flex-direction: column;
  }
  .bandeau-barons .texte, .bandeau-barons .photo {
    width: 100%;
    flex: 0 0 100%;
  }
}
@media (max-width: 767px) {
  .bandeau-barons .titre {
    font-size: 45px;
    line-height: 45px;
  }
}

@media (max-width: 992px) {
  .bandeau-barons-container .bandeau-barons:nth-child(even) .texte {
    order: -1;
  }
  .bandeau-barons-container .bandeau-barons:nth-child(even) .photo {
    order: 1;
  }
}

.overflow-hidden {
  overflow: hidden;
}

.col-flex {
  text-align: left;
}
@media (min-width: 767px) {
  .col-flex {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
}
.col-flex > .col-flex__item {
  flex: 1 1 auto;
}

@media (min-width: 768px) {
  .col-flex__2-col-50-50 > .col-flex__item {
    width: 50%;
    padding-right: 25px;
  }
}
@media (max-width: 767px) {
  .col-flex__2-col-50-50 > .col-flex__item {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .col-flex__3-col > .col-flex__item {
    width: 33%;
  }
}
@media (max-width: 767px) {
  .col-flex__3-col > .col-flex__item {
    margin-bottom: 20px;
  }
}

.col-flex--flex-start {
  justify-content: flex-start;
  align-items: flex-start;
}

.col-flex--align-items-start {
  align-items: flex-start;
}

.col-flex__2-col-50-50 > .col-flex__item.repeatable, .col-flex__3-col > .col-flex__item.repeatable {
  margin-bottom: 0;
}

.youtube-iframe-responsive {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.youtube-iframe-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.is-cms .youtube-iframe-responsive {
  padding: 50px;
  height: 400px;
  display: block;
  border: 1px solid #ccc;
}
.is-cms .youtube-iframe-responsive iframe {
  height: 300px;
}

/* HTML
<div class="youtube-iframe-responsive">
    <iframe width="560" height="315" src="https://www.youtube.com/embed/mY6rDp1NXJc?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen class="bordure bordure-5 bordure-blanche ombrage"></iframe>
</div>
*/
/****** Marges et paddings ******/
.section {
  padding: 0 0 0 25px;
}

.indention {
  padding: 0;
  margin: 0 0 0 25px;
}

.coller {
  padding: 0 !important;
  margin: 0 !important;
}

.marge-haut-grand {
  margin-top: 2em !important;
}

.marge-haut-moyen {
  margin-top: 1em !important;
}

.marge-haut-petit {
  margin-top: 0.5em !important;
}

.marge-haut-tres-petit {
  margin-top: 0.2em !important;
}

.marge-droite-grand {
  margin-right: 2em !important;
}

.marge-droite-moyen {
  margin-right: 1em !important;
}

.marge-droite-petit {
  margin-right: 0.5em !important;
}

.marge-droite-tres-petit {
  margin-right: 0.2em !important;
}

.marge-bas-grand {
  margin-bottom: 2em !important;
}

.marge-bas-moyen {
  margin-bottom: 1em !important;
}

.marge-bas-petit {
  margin-bottom: 0.5em !important;
}

.marge-bas-tres-petit {
  margin-bottom: 0.2em !important;
}

.marge-gauche-grand {
  margin-left: 2em !important;
}

.marge-gauche-moyen {
  margin-left: 1em !important;
}

.marge-gauche-petit {
  margin-left: 0.5em !important;
}

.marge-gauche-tres-petit {
  margin-left: 0.2em !important;
}

.marge-0 {
  margin: 0 !important;
}

.marge-5 {
  margin: 5px !important;
}

.marge-10 {
  margin: 10px !important;
}

.marge-15 {
  margin: 15px !important;
}

.marge-20 {
  margin: 20px !important;
}

.marge-30 {
  margin: 30px !important;
}

.marge-40 {
  margin: 40px !important;
}

.marge-50 {
  margin: 50px !important;
}

.marge-60 {
  margin: 60px !important;
}

.marge-70 {
  margin: 70px !important;
}

.marge-80 {
  margin: 80px !important;
}

.marge-90 {
  margin: 90px !important;
}

.marge-100 {
  margin: 100px !important;
}

.marge-haut-0 {
  margin-top: 0 !important;
}

.marge-haut-5 {
  margin-top: 5px !important;
}

.marge-haut-10 {
  margin-top: 10px !important;
}

.marge-haut-15 {
  margin-top: 15px !important;
}

.marge-haut-20 {
  margin-top: 20px !important;
}

.marge-haut-30 {
  margin-top: 30px !important;
}

.marge-haut-40 {
  margin-top: 40px !important;
}

.marge-haut-50 {
  margin-top: 50px !important;
}

.marge-haut-60 {
  margin-top: 60px !important;
}

.marge-haut-70 {
  margin-top: 70px !important;
}

.marge-haut-80 {
  margin-top: 80px !important;
}

.marge-haut-90 {
  margin-top: 90px !important;
}

.marge-haut-100 {
  margin-top: 100px !important;
}

.marge-haut-moins-10 {
  margin-top: -10px;
}

.marge-haut-moins-20 {
  margin-top: -20px;
}

.marge-haut-moins-30 {
  margin-top: -30px;
}

.marge-haut-moins-40 {
  margin-top: -40px;
}

.marge-haut-moins-50 {
  margin-top: -50px;
}

.marge-haut-moins-60 {
  margin-top: -60px;
}

.marge-haut-moins-70 {
  margin-top: -70px;
}

.marge-haut-moins-80 {
  margin-top: -80px;
}

.marge-haut-moins-90 {
  margin-top: -90px;
}

.marge-haut-moins-100 {
  margin-top: -100px;
}

.marge-droite-0 {
  margin-right: 0 !important;
}

.marge-droite-5 {
  margin-right: 5px !important;
}

.marge-droite-10 {
  margin-right: 10px !important;
}

.marge-droite-15 {
  margin-right: 15px !important;
}

.marge-droite-20 {
  margin-right: 20px !important;
}

.marge-droite-30 {
  margin-right: 30px !important;
}

.marge-droite-40 {
  margin-right: 40px !important;
}

.marge-droite-50 {
  margin-right: 50px !important;
}

.marge-droite-60 {
  margin-right: 60px !important;
}

.marge-droite-70 {
  margin-right: 70px !important;
}

.marge-droite-80 {
  margin-right: 80px !important;
}

.marge-droite-90 {
  margin-right: 90px !important;
}

.marge-droite-100 {
  margin-right: 100px !important;
}

.marge-bas-0 {
  margin-bottom: 0 !important;
}

.marge-bas-5 {
  margin-bottom: 5px !important;
}

.marge-bas-10 {
  margin-bottom: 10px !important;
}

.marge-bas-15 {
  margin-bottom: 15px !important;
}

.marge-bas-20 {
  margin-bottom: 20px !important;
}

.marge-bas-30 {
  margin-bottom: 30px !important;
}

.marge-bas-40 {
  margin-bottom: 40px !important;
}

.marge-bas-50 {
  margin-bottom: 50px !important;
}

.marge-bas-60 {
  margin-bottom: 60px !important;
}

.marge-bas-70 {
  margin-bottom: 70px !important;
}

.marge-bas-80 {
  margin-bottom: 80px !important;
}

.marge-bas-90 {
  margin-bottom: 90px !important;
}

.marge-bas-100 {
  margin-bottom: 100px !important;
}

.marge-gauche-0 {
  margin-left: 0 !important;
}

.marge-gauche-5 {
  margin-left: 5px !important;
}

.marge-gauche-10 {
  margin-left: 10px !important;
}

.marge-gauche-15 {
  margin-left: 15px !important;
}

.marge-gauche-20 {
  margin-left: 20px !important;
}

.marge-gauche-30 {
  margin-left: 30px !important;
}

.marge-gauche-40 {
  margin-left: 40px !important;
}

.marge-gauche-50 {
  margin-left: 50px !important;
}

.marge-gauche-60 {
  margin-left: 60px !important;
}

.marge-gauche-70 {
  margin-left: 70px !important;
}

.marge-gauche-80 {
  margin-left: 80px !important;
}

.marge-gauche-90 {
  margin-left: 90px !important;
}

.marge-gauche-100 {
  margin-left: 100px !important;
}

.marge-gauche-moins-10 {
  margin-left: -10px;
}

.marge-gauche-moins-20 {
  margin-left: -20px;
}

.marge-gauche-moins-30 {
  margin-left: -30px;
}

.marge-gauche-moins-40 {
  margin-left: -40px;
}

.marge-gauche-moins-50 {
  margin-left: -50px;
}

.marge-gauche-moins-60 {
  margin-left: -60px;
}

.marge-gauche-moins-70 {
  margin-left: -70px;
}

.marge-gauche-moins-80 {
  margin-left: -80px;
}

.marge-gauche-moins-90 {
  margin-left: -90px;
}

.marge-gauche-moins-100 {
  margin-left: -100px;
}

.padding-haut-grand {
  padding-top: 2em !important;
}

.padding-haut-moyen {
  padding-top: 1em !important;
}

.padding-haut-petit {
  padding-top: 0.5em !important;
}

.padding-haut-tres-petit {
  padding-top: 0.2em !important;
}

.padding-droite-grand {
  padding-right: 2em !important;
}

.padding-droite-moyen {
  padding-right: 1em !important;
}

.padding-droite-petit {
  padding-right: 0.5em !important;
}

.padding-droite-tres-petit {
  padding-right: 0.2em !important;
}

.padding-bas-grand {
  padding-bottom: 2em !important;
}

.padding-bas-moyen {
  padding-bottom: 1em !important;
}

.padding-bas-petit {
  padding-bottom: 0.5em !important;
}

.padding-bas-tres-petit {
  padding-bottom: 0.2em !important;
}

.padding-gauche-grand {
  padding-left: 2em !important;
}

.padding-gauche-moyen {
  padding-left: 1em !important;
}

.padding-gauche-petit {
  padding-left: 0.5em !important;
}

.padding-gauche-tres-petit {
  padding-left: 0.2em !important;
}

.padding-0 {
  padding: 0 !important;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-90 {
  padding: 90px !important;
}

.padding-100 {
  padding: 100px !important;
}

.padding-haut-0 {
  padding-top: 0 !important;
}

.padding-haut-5 {
  padding-top: 5px !important;
}

.padding-haut-10 {
  padding-top: 10px !important;
}

.padding-haut-15 {
  padding-top: 15px !important;
}

.padding-haut-20 {
  padding-top: 20px !important;
}

.padding-haut-30 {
  padding-top: 30px !important;
}

.padding-haut-40 {
  padding-top: 40px !important;
}

.padding-haut-50 {
  padding-top: 50px !important;
}

.padding-haut-60 {
  padding-top: 60px !important;
}

.padding-haut-70 {
  padding-top: 70px !important;
}

.padding-haut-80 {
  padding-top: 80px !important;
}

.padding-haut-90 {
  padding-top: 90px !important;
}

.padding-haut-100 {
  padding-top: 100px !important;
}

.padding-droite-0 {
  padding-right: 0 !important;
}

.padding-droite-5 {
  padding-right: 5px !important;
}

.padding-droite-10 {
  padding-right: 10px !important;
}

.padding-droite-15 {
  padding-right: 15px !important;
}

.padding-droite-20 {
  padding-right: 20px !important;
}

.padding-droite-30 {
  padding-right: 30px !important;
}

.padding-droite-40 {
  padding-right: 40px !important;
}

.padding-droite-50 {
  padding-right: 50px !important;
}

.padding-droite-60 {
  padding-right: 60px !important;
}

.padding-droite-70 {
  padding-right: 70px !important;
}

.padding-droite-80 {
  padding-right: 80px !important;
}

.padding-droite-90 {
  padding-right: 90px !important;
}

.padding-droite-100 {
  padding-right: 100px !important;
}

.padding-bas-0 {
  padding-bottom: 0 !important;
}

.padding-bas-5 {
  padding-bottom: 5px !important;
}

.padding-bas-10 {
  padding-bottom: 10px !important;
}

.padding-bas-15 {
  padding-bottom: 15px !important;
}

.padding-bas-20 {
  padding-bottom: 20px !important;
}

.padding-bas-30 {
  padding-bottom: 30px !important;
}

.padding-bas-40 {
  padding-bottom: 40px !important;
}

.padding-bas-50 {
  padding-bottom: 50px !important;
}

.padding-bas-60 {
  padding-bottom: 60px !important;
}

.padding-bas-70 {
  padding-bottom: 70px !important;
}

.padding-bas-80 {
  padding-bottom: 80px !important;
}

.padding-bas-90 {
  padding-bottom: 90px !important;
}

.padding-bas-100 {
  padding-bottom: 100px !important;
}

.padding-gauche-0 {
  padding-left: 0 !important;
}

.padding-gauche-5 {
  padding-left: 5px !important;
}

.padding-gauche-10 {
  padding-left: 10px !important;
}

.padding-gauche-15 {
  padding-left: 15px !important;
}

.padding-gauche-20 {
  padding-left: 20px !important;
}

.padding-gauche-30 {
  padding-left: 30px !important;
}

.padding-gauche-40 {
  padding-left: 40px !important;
}

.padding-gauche-50 {
  padding-left: 50px !important;
}

.padding-gauche-60 {
  padding-left: 60px !important;
}

.padding-gauche-70 {
  padding-left: 70px !important;
}

.padding-gauche-80 {
  padding-left: 80px !important;
}

.padding-gauche-90 {
  padding-left: 90px !important;
}

.padding-gauche-100 {
  padding-left: 100px !important;
}

td.marge-haut-grand {
  padding-top: 2em !important;
}

td.marge-haut-moyen {
  padding-top: 1em !important;
}

td.marge-haut-petit {
  padding-top: 0.5em !important;
}

td.marge-haut-tres-petit {
  padding-top: 0.2em !important;
}

td.marge-droite-grand {
  padding-right: 2em !important;
}

td.marge-droite-moyen {
  padding-right: 1em !important;
}

td.marge-droite-petit {
  padding-right: 0.5em !important;
}

td.marge-droite-tres-petit {
  padding-right: 0.2em !important;
}

td.marge-bas-grand {
  padding-bottom: 2em !important;
}

td.marge-bas-moyen {
  padding-bottom: 1em !important;
}

td.marge-bas-petit {
  padding-bottom: 0.5em !important;
}

td.marge-bas-tres-petit {
  padding-bottom: 0.2em !important;
}

td.marge-gauche-grand {
  padding-left: 2em !important;
}

td.marge-gauche-moyen {
  padding-left: 1em !important;
}

td.marge-gauche-petit {
  padding-left: 0.5em !important;
}

td.marge-gauche-tres-petit {
  padding-left: 0.2em !important;
}

td.marge-haut-0 {
  padding-top: 0 !important;
}

td.marge-haut-5 {
  padding-top: 5px !important;
}

td.marge-haut-10 {
  padding-top: 10px !important;
}

td.marge-haut-15 {
  padding-top: 15px !important;
}

td.marge-haut-20 {
  padding-top: 20px !important;
}

td.marge-haut-30 {
  padding-top: 30px !important;
}

td.marge-haut-40 {
  padding-top: 40px !important;
}

td.marge-haut-50 {
  padding-top: 50px !important;
}

td.marge-haut-60 {
  padding-top: 60px !important;
}

td.marge-haut-70 {
  padding-top: 70px !important;
}

td.marge-haut-80 {
  padding-top: 80px !important;
}

td.marge-haut-90 {
  padding-top: 90px !important;
}

td.marge-haut-100 {
  padding-top: 100px !important;
}

td.marge-droite-0 {
  padding-right: 0 !important;
}

td.marge-droite-5 {
  padding-right: 5px !important;
}

td.marge-droite-10 {
  padding-right: 10px !important;
}

td.marge-droite-15 {
  padding-right: 5px !important;
}

td.marge-droite-20 {
  padding-right: 20px !important;
}

td.marge-droite-30 {
  padding-right: 30px !important;
}

td.marge-droite-40 {
  padding-right: 40px !important;
}

td.marge-droite-50 {
  padding-right: 50px !important;
}

td.marge-droite-60 {
  padding-right: 60px !important;
}

td.marge-droite-70 {
  padding-right: 70px !important;
}

td.marge-droite-80 {
  padding-right: 80px !important;
}

td.marge-droite-90 {
  padding-right: 90px !important;
}

td.marge-droite-100 {
  padding-right: 100px !important;
}

td.marge-bas-0 {
  padding-bottom: 0 !important;
}

td.marge-bas-5 {
  padding-bottom: 5px !important;
}

td.marge-bas-10 {
  padding-bottom: 10px !important;
}

td.marge-bas-15 {
  padding-bottom: 15px !important;
}

td.marge-bas-20 {
  padding-bottom: 20px !important;
}

td.marge-bas-30 {
  padding-bottom: 30px !important;
}

td.marge-bas-40 {
  padding-bottom: 40px !important;
}

td.marge-bas-50 {
  padding-bottom: 50px !important;
}

td.marge-bas-60 {
  padding-bottom: 60px !important;
}

td.marge-bas-70 {
  padding-bottom: 70px !important;
}

td.marge-bas-80 {
  padding-bottom: 80px !important;
}

td.marge-bas-90 {
  padding-bottom: 90px !important;
}

td.marge-bas-100 {
  padding-bottom: 100px !important;
}

td.marge-gauche-0 {
  padding-left: 0 !important;
}

td.marge-gauche-5 {
  padding-left: 5px !important;
}

td.marge-gauche-10 {
  padding-left: 10px !important;
}

td.marge-gauche-15 {
  padding-left: 15px !important;
}

td.marge-gauche-20 {
  padding-left: 20px !important;
}

td.marge-gauche-30 {
  padding-left: 30px !important;
}

td.marge-gauche-40 {
  padding-left: 40px !important;
}

td.marge-gauche-50 {
  padding-left: 50px !important;
}

td.marge-gauche-60 {
  padding-left: 60px !important;
}

td.marge-gauche-70 {
  padding-left: 70px !important;
}

td.marge-gauche-80 {
  padding-left: 80px !important;
}

td.marge-gauche-90 {
  padding-left: 90px !important;
}

td.marge-gauche-100 {
  padding-left: 100px !important;
}

@media (min-width: 1200px) {
  .marge-lg-0 {
    margin: 0 !important;
  }
  .marge-lg-5 {
    margin: 5px !important;
  }
  .marge-lg-10 {
    margin: 10px !important;
  }
  .marge-lg-15 {
    margin: 15px !important;
  }
  .marge-lg-20 {
    margin: 20px !important;
  }
  .marge-lg-30 {
    margin: 30px !important;
  }
  .marge-lg-40 {
    margin: 40px !important;
  }
  .marge-lg-50 {
    margin: 50px !important;
  }
  .marge-lg-60 {
    margin: 60px !important;
  }
  .marge-lg-70 {
    margin: 70px !important;
  }
  .marge-lg-80 {
    margin: 80px !important;
  }
  .marge-lg-90 {
    margin: 90px !important;
  }
  .marge-lg-100 {
    margin: 100px !important;
  }
  .padding-lg-0 {
    padding: 0 !important;
  }
  .padding-lg-5 {
    padding: 5px !important;
  }
  .padding-lg-10 {
    padding: 10px !important;
  }
  .padding-lg-15 {
    padding: 15px !important;
  }
  .padding-lg-20 {
    padding: 20px !important;
  }
  .padding-lg-30 {
    padding: 30px !important;
  }
  .padding-lg-40 {
    padding: 40px !important;
  }
  .padding-lg-50 {
    padding: 50px !important;
  }
  .padding-lg-60 {
    padding: 60px !important;
  }
  .padding-lg-70 {
    padding: 70px !important;
  }
  .padding-lg-80 {
    padding: 80px !important;
  }
  .padding-lg-90 {
    padding: 90px !important;
  }
  .padding-lg-100 {
    padding: 100px !important;
  }
  .marge-haut-lg-0 {
    margin-top: 0 !important;
  }
  .marge-haut-lg-5 {
    margin-top: 5px !important;
  }
  .marge-haut-lg-10 {
    margin-top: 10px !important;
  }
  .marge-haut-lg-15 {
    margin-top: 15px !important;
  }
  .marge-haut-lg-20 {
    margin-top: 20px !important;
  }
  .marge-haut-lg-30 {
    margin-top: 30px !important;
  }
  .marge-haut-lg-40 {
    margin-top: 40px !important;
  }
  .marge-haut-lg-50 {
    margin-top: 50px !important;
  }
  .marge-haut-lg-60 {
    margin-top: 60px !important;
  }
  .marge-haut-lg-70 {
    margin-top: 70px !important;
  }
  .marge-haut-lg-80 {
    margin-top: 80px !important;
  }
  .marge-haut-lg-90 {
    margin-top: 90px !important;
  }
  .marge-haut-lg-100 {
    margin-top: 100px !important;
  }
  .padding-haut-lg-0 {
    padding-top: 0 !important;
  }
  .padding-haut-lg-5 {
    padding-top: 5px !important;
  }
  .padding-haut-lg-10 {
    padding-top: 10px !important;
  }
  .padding-haut-lg-15 {
    padding-top: 15px !important;
  }
  .padding-haut-lg-20 {
    padding-top: 20px !important;
  }
  .padding-haut-lg-30 {
    padding-top: 30px !important;
  }
  .padding-haut-lg-40 {
    padding-top: 40px !important;
  }
  .padding-haut-lg-50 {
    padding-top: 50px !important;
  }
  .padding-haut-lg-60 {
    padding-top: 60px !important;
  }
  .padding-haut-lg-70 {
    padding-top: 70px !important;
  }
  .padding-haut-lg-80 {
    padding-top: 80px !important;
  }
  .padding-haut-lg-90 {
    padding-top: 90px !important;
  }
  .padding-haut-lg-100 {
    padding-top: 100px !important;
  }
  .marge-droite-lg-0 {
    margin-right: 0 !important;
  }
  .marge-droite-lg-5 {
    margin-right: 5px !important;
  }
  .marge-droite-lg-10 {
    margin-right: 10px !important;
  }
  .marge-droite-lg-15 {
    margin-right: 15px !important;
  }
  .marge-droite-lg-20 {
    margin-right: 20px !important;
  }
  .marge-droite-lg-30 {
    margin-right: 30px !important;
  }
  .marge-droite-lg-40 {
    margin-right: 40px !important;
  }
  .marge-droite-lg-50 {
    margin-right: 50px !important;
  }
  .marge-droite-lg-60 {
    margin-right: 60px !important;
  }
  .marge-droite-lg-70 {
    margin-right: 70px !important;
  }
  .marge-droite-lg-80 {
    margin-right: 80px !important;
  }
  .marge-droite-lg-90 {
    margin-right: 90px !important;
  }
  .marge-droite-lg-100 {
    margin-right: 100px !important;
  }
  .padding-droite-lg-0 {
    padding-right: 0 !important;
  }
  .padding-droite-lg-5 {
    padding-right: 5px !important;
  }
  .padding-droite-lg-10 {
    padding-right: 10px !important;
  }
  .padding-droite-lg-15 {
    padding-right: 15px !important;
  }
  .padding-droite-lg-20 {
    padding-right: 20px !important;
  }
  .padding-droite-lg-30 {
    padding-right: 30px !important;
  }
  .padding-droite-lg-40 {
    padding-right: 40px !important;
  }
  .padding-droite-lg-50 {
    padding-right: 50px !important;
  }
  .padding-droite-lg-60 {
    padding-right: 60px !important;
  }
  .padding-droite-lg-70 {
    padding-right: 70px !important;
  }
  .padding-droite-lg-80 {
    padding-right: 80px !important;
  }
  .padding-droite-lg-90 {
    padding-right: 90px !important;
  }
  .padding-droite-lg-100 {
    padding-right: 100px !important;
  }
  .padding-droite-lg-150 {
    padding-right: 150px !important;
  }
  .padding-droite-lg-200 {
    padding-right: 200px !important;
  }
  .marge-bas-lg-0 {
    margin-bottom: 0 !important;
  }
  .marge-bas-lg-5 {
    margin-bottom: 5px !important;
  }
  .marge-bas-lg-10 {
    margin-bottom: 10px !important;
  }
  .marge-bas-lg-15 {
    margin-bottom: 15px !important;
  }
  .marge-bas-lg-20 {
    margin-bottom: 20px !important;
  }
  .marge-bas-lg-30 {
    margin-bottom: 30px !important;
  }
  .marge-bas-lg-40 {
    margin-bottom: 40px !important;
  }
  .marge-bas-lg-50 {
    margin-bottom: 50px !important;
  }
  .marge-bas-lg-60 {
    margin-bottom: 60px !important;
  }
  .marge-bas-lg-70 {
    margin-bottom: 70px !important;
  }
  .marge-bas-lg-80 {
    margin-bottom: 80px !important;
  }
  .marge-bas-lg-90 {
    margin-bottom: 90px !important;
  }
  .marge-bas-lg-100 {
    margin-bottom: 100px !important;
  }
  .padding-bas-lg-0 {
    padding-bottom: 0 !important;
  }
  .padding-bas-lg-5 {
    padding-bottom: 5px !important;
  }
  .padding-bas-lg-10 {
    padding-bottom: 10px !important;
  }
  .padding-bas-lg-15 {
    padding-bottom: 15px !important;
  }
  .padding-bas-lg-20 {
    padding-bottom: 20px !important;
  }
  .padding-bas-lg-30 {
    padding-bottom: 30px !important;
  }
  .padding-bas-lg-40 {
    padding-bottom: 40px !important;
  }
  .padding-bas-lg-50 {
    padding-bottom: 50px !important;
  }
  .padding-bas-lg-60 {
    padding-bottom: 60px !important;
  }
  .padding-bas-lg-70 {
    padding-bottom: 70px !important;
  }
  .padding-bas-lg-80 {
    padding-bottom: 80px !important;
  }
  .padding-bas-lg-90 {
    padding-bottom: 90px !important;
  }
  .padding-bas-lg-100 {
    padding-bottom: 100px !important;
  }
  .marge-gauche-lg-0 {
    margin-left: 0 !important;
  }
  .marge-gauche-lg-5 {
    margin-left: 5px !important;
  }
  .marge-gauche-lg-10 {
    margin-left: 10px !important;
  }
  .marge-gauche-lg-15 {
    margin-left: 15px !important;
  }
  .marge-gauche-lg-20 {
    margin-left: 20px !important;
  }
  .marge-gauche-lg-30 {
    margin-left: 30px !important;
  }
  .marge-gauche-lg-40 {
    margin-left: 40px !important;
  }
  .marge-gauche-lg-50 {
    margin-left: 50px !important;
  }
  .marge-gauche-lg-60 {
    margin-left: 60px !important;
  }
  .marge-gauche-lg-70 {
    margin-left: 70px !important;
  }
  .marge-gauche-lg-80 {
    margin-left: 80px !important;
  }
  .marge-gauche-lg-90 {
    margin-left: 90px !important;
  }
  .marge-gauche-lg-100 {
    margin-left: 100px !important;
  }
  .padding-gauche-lg-0 {
    padding-left: 0 !important;
  }
  .padding-gauche-lg-5 {
    padding-left: 5px !important;
  }
  .padding-gauche-lg-10 {
    padding-left: 10px !important;
  }
  .padding-gauche-lg-15 {
    padding-left: 15px !important;
  }
  .padding-gauche-lg-20 {
    padding-left: 20px !important;
  }
  .padding-gauche-lg-30 {
    padding-left: 30px !important;
  }
  .padding-gauche-lg-40 {
    padding-left: 40px !important;
  }
  .padding-gauche-lg-50 {
    padding-left: 50px !important;
  }
  .padding-gauche-lg-60 {
    padding-left: 60px !important;
  }
  .padding-gauche-lg-70 {
    padding-left: 70px !important;
  }
  .padding-gauche-lg-80 {
    padding-left: 80px !important;
  }
  .padding-gauche-lg-90 {
    padding-left: 90px !important;
  }
  .padding-gauche-lg-100 {
    padding-left: 100px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .marge-md-0 {
    margin: 0 !important;
  }
  .marge-md-5 {
    margin: 5px !important;
  }
  .marge-md-10 {
    margin: 10px !important;
  }
  .marge-md-15 {
    margin: 15px !important;
  }
  .marge-md-20 {
    margin: 20px !important;
  }
  .marge-md-30 {
    margin: 30px !important;
  }
  .marge-md-40 {
    margin: 40px !important;
  }
  .marge-md-50 {
    margin: 50px !important;
  }
  .marge-md-60 {
    margin: 60px !important;
  }
  .marge-md-70 {
    margin: 70px !important;
  }
  .marge-md-80 {
    margin: 80px !important;
  }
  .marge-md-90 {
    margin: 90px !important;
  }
  .marge-md-100 {
    margin: 100px !important;
  }
  .padding-md-0 {
    padding: 0 !important;
  }
  .padding-md-5 {
    padding: 5px !important;
  }
  .padding-md-10 {
    padding: 10px !important;
  }
  .padding-md-15 {
    padding: 15px !important;
  }
  .padding-md-20 {
    padding: 20px !important;
  }
  .padding-md-30 {
    padding: 30px !important;
  }
  .padding-md-40 {
    padding: 40px !important;
  }
  .padding-md-50 {
    padding: 50px !important;
  }
  .padding-md-60 {
    padding: 60px !important;
  }
  .padding-md-70 {
    padding: 70px !important;
  }
  .padding-md-80 {
    padding: 80px !important;
  }
  .padding-md-90 {
    padding: 90px !important;
  }
  .padding-md-100 {
    padding: 100px !important;
  }
  .marge-haut-md-0 {
    margin-top: 0 !important;
  }
  .marge-haut-md-5 {
    margin-top: 5px !important;
  }
  .marge-haut-md-10 {
    margin-top: 10px !important;
  }
  .marge-haut-md-15 {
    margin-top: 15px !important;
  }
  .marge-haut-md-20 {
    margin-top: 20px !important;
  }
  .marge-haut-md-30 {
    margin-top: 30px !important;
  }
  .marge-haut-md-40 {
    margin-top: 40px !important;
  }
  .marge-haut-md-50 {
    margin-top: 50px !important;
  }
  .marge-haut-md-60 {
    margin-top: 60px !important;
  }
  .marge-haut-md-70 {
    margin-top: 70px !important;
  }
  .marge-haut-md-80 {
    margin-top: 80px !important;
  }
  .marge-haut-md-90 {
    margin-top: 90px !important;
  }
  .marge-haut-md-100 {
    margin-top: 100px !important;
  }
  .padding-haut-md-0 {
    padding-top: 0 !important;
  }
  .padding-haut-md-5 {
    padding-top: 5px !important;
  }
  .padding-haut-md-10 {
    padding-top: 10px !important;
  }
  .padding-haut-md-15 {
    padding-top: 15px !important;
  }
  .padding-haut-md-20 {
    padding-top: 20px !important;
  }
  .padding-haut-md-30 {
    padding-top: 30px !important;
  }
  .padding-haut-md-40 {
    padding-top: 40px !important;
  }
  .padding-haut-md-50 {
    padding-top: 50px !important;
  }
  .padding-haut-md-60 {
    padding-top: 60px !important;
  }
  .padding-haut-md-70 {
    padding-top: 70px !important;
  }
  .padding-haut-md-80 {
    padding-top: 80px !important;
  }
  .padding-haut-md-90 {
    padding-top: 90px !important;
  }
  .padding-haut-md-100 {
    padding-top: 100px !important;
  }
  .marge-droite-md-0 {
    margin-right: 0 !important;
  }
  .marge-droite-md-5 {
    margin-right: 5px !important;
  }
  .marge-droite-md-10 {
    margin-right: 10px !important;
  }
  .marge-droite-md-15 {
    margin-right: 15px !important;
  }
  .marge-droite-md-20 {
    margin-right: 20px !important;
  }
  .marge-droite-md-30 {
    margin-right: 30px !important;
  }
  .marge-droite-md-40 {
    margin-right: 40px !important;
  }
  .marge-droite-md-50 {
    margin-right: 50px !important;
  }
  .marge-droite-md-60 {
    margin-right: 60px !important;
  }
  .marge-droite-md-70 {
    margin-right: 70px !important;
  }
  .marge-droite-md-80 {
    margin-right: 80px !important;
  }
  .marge-droite-md-90 {
    margin-right: 90px !important;
  }
  .marge-droite-md-100 {
    margin-right: 100px !important;
  }
  .padding-droite-md-0 {
    padding-right: 0 !important;
  }
  .padding-droite-md-5 {
    padding-right: 5px !important;
  }
  .padding-droite-md-10 {
    padding-right: 10px !important;
  }
  .padding-droite-md-15 {
    padding-right: 15px !important;
  }
  .padding-droite-md-20 {
    padding-right: 20px !important;
  }
  .padding-droite-md-30 {
    padding-right: 30px !important;
  }
  .padding-droite-md-40 {
    padding-right: 40px !important;
  }
  .padding-droite-md-50 {
    padding-right: 50px !important;
  }
  .padding-droite-md-60 {
    padding-right: 60px !important;
  }
  .padding-droite-md-70 {
    padding-right: 70px !important;
  }
  .padding-droite-md-80 {
    padding-right: 80px !important;
  }
  .padding-droite-md-90 {
    padding-right: 90px !important;
  }
  .padding-droite-md-100 {
    padding-right: 100px !important;
  }
  .marge-bas-md-0 {
    margin-bottom: 0 !important;
  }
  .marge-bas-md-5 {
    margin-bottom: 5px !important;
  }
  .marge-bas-md-10 {
    margin-bottom: 10px !important;
  }
  .marge-bas-md-15 {
    margin-bottom: 15px !important;
  }
  .marge-bas-md-20 {
    margin-bottom: 20px !important;
  }
  .marge-bas-md-30 {
    margin-bottom: 30px !important;
  }
  .marge-bas-md-40 {
    margin-bottom: 40px !important;
  }
  .marge-bas-md-50 {
    margin-bottom: 50px !important;
  }
  .marge-bas-md-60 {
    margin-bottom: 60px !important;
  }
  .marge-bas-md-70 {
    margin-bottom: 70px !important;
  }
  .marge-bas-md-80 {
    margin-bottom: 80px !important;
  }
  .marge-bas-md-90 {
    margin-bottom: 90px !important;
  }
  .marge-bas-md-100 {
    margin-bottom: 100px !important;
  }
  .padding-bas-md-0 {
    padding-bottom: 0 !important;
  }
  .padding-bas-md-5 {
    padding-bottom: 5px !important;
  }
  .padding-bas-md-10 {
    padding-bottom: 10px !important;
  }
  .padding-bas-md-15 {
    padding-bottom: 15px !important;
  }
  .padding-bas-md-20 {
    padding-bottom: 20px !important;
  }
  .padding-bas-md-30 {
    padding-bottom: 30px !important;
  }
  .padding-bas-md-40 {
    padding-bottom: 40px !important;
  }
  .padding-bas-md-50 {
    padding-bottom: 50px !important;
  }
  .padding-bas-md-60 {
    padding-bottom: 60px !important;
  }
  .padding-bas-md-70 {
    padding-bottom: 70px !important;
  }
  .padding-bas-md-80 {
    padding-bottom: 80px !important;
  }
  .padding-bas-md-90 {
    padding-bottom: 90px !important;
  }
  .padding-bas-md-100 {
    padding-bottom: 100px !important;
  }
  .marge-gauche-md-0 {
    margin-left: 0 !important;
  }
  .marge-gauche-md-5 {
    margin-left: 5px !important;
  }
  .marge-gauche-md-10 {
    margin-left: 10px !important;
  }
  .marge-gauche-md-15 {
    margin-left: 15px !important;
  }
  .marge-gauche-md-20 {
    margin-left: 20px !important;
  }
  .marge-gauche-md-30 {
    margin-left: 30px !important;
  }
  .marge-gauche-md-40 {
    margin-left: 40px !important;
  }
  .marge-gauche-md-50 {
    margin-left: 50px !important;
  }
  .marge-gauche-md-60 {
    margin-left: 60px !important;
  }
  .marge-gauche-md-70 {
    margin-left: 70px !important;
  }
  .marge-gauche-md-80 {
    margin-left: 80px !important;
  }
  .marge-gauche-md-90 {
    margin-left: 90px !important;
  }
  .marge-gauche-md-100 {
    margin-left: 100px !important;
  }
  .padding-gauche-md-0 {
    padding-left: 0 !important;
  }
  .padding-gauche-md-5 {
    padding-left: 5px !important;
  }
  .padding-gauche-md-10 {
    padding-left: 10px !important;
  }
  .padding-gauche-md-15 {
    padding-left: 15px !important;
  }
  .padding-gauche-md-20 {
    padding-left: 20px !important;
  }
  .padding-gauche-md-30 {
    padding-left: 30px !important;
  }
  .padding-gauche-md-40 {
    padding-left: 40px !important;
  }
  .padding-gauche-md-50 {
    padding-left: 50px !important;
  }
  .padding-gauche-md-60 {
    padding-left: 60px !important;
  }
  .padding-gauche-md-70 {
    padding-left: 70px !important;
  }
  .padding-gauche-md-80 {
    padding-left: 80px !important;
  }
  .padding-gauche-md-90 {
    padding-left: 90px !important;
  }
  .padding-gauche-md-100 {
    padding-left: 100px !important;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  .marge-sm-0 {
    margin: 0 !important;
  }
  .marge-sm-5 {
    margin: 5px !important;
  }
  .marge-sm-10 {
    margin: 10px !important;
  }
  .marge-sm-15 {
    margin: 15px !important;
  }
  .marge-sm-20 {
    margin: 20px !important;
  }
  .marge-sm-30 {
    margin: 30px !important;
  }
  .marge-sm-40 {
    margin: 40px !important;
  }
  .marge-sm-50 {
    margin: 50px !important;
  }
  .marge-sm-60 {
    margin: 60px !important;
  }
  .marge-sm-70 {
    margin: 70px !important;
  }
  .marge-sm-80 {
    margin: 80px !important;
  }
  .marge-sm-90 {
    margin: 90px !important;
  }
  .marge-sm-100 {
    margin: 100px !important;
  }
  .padding-sm-0 {
    padding: 0 !important;
  }
  .padding-sm-5 {
    padding: 5px !important;
  }
  .padding-sm-10 {
    padding: 10px !important;
  }
  .padding-sm-15 {
    padding: 15px !important;
  }
  .padding-sm-20 {
    padding: 20px !important;
  }
  .padding-sm-30 {
    padding: 30px !important;
  }
  .padding-sm-40 {
    padding: 40px !important;
  }
  .padding-sm-50 {
    padding: 50px !important;
  }
  .padding-sm-60 {
    padding: 60px !important;
  }
  .padding-sm-70 {
    padding: 70px !important;
  }
  .padding-sm-80 {
    padding: 80px !important;
  }
  .padding-sm-90 {
    padding: 90px !important;
  }
  .padding-sm-100 {
    padding: 100px !important;
  }
  .marge-haut-sm-0 {
    margin-top: 0 !important;
  }
  .marge-haut-sm-5 {
    margin-top: 5px !important;
  }
  .marge-haut-sm-10 {
    margin-top: 10px !important;
  }
  .marge-haut-sm-15 {
    margin-top: 15px !important;
  }
  .marge-haut-sm-20 {
    margin-top: 20px !important;
  }
  .marge-haut-sm-30 {
    margin-top: 30px !important;
  }
  .marge-haut-sm-40 {
    margin-top: 40px !important;
  }
  .marge-haut-sm-50 {
    margin-top: 50px !important;
  }
  .marge-haut-sm-60 {
    margin-top: 60px !important;
  }
  .marge-haut-sm-70 {
    margin-top: 70px !important;
  }
  .marge-haut-sm-80 {
    margin-top: 80px !important;
  }
  .marge-haut-sm-90 {
    margin-top: 90px !important;
  }
  .marge-haut-sm-100 {
    margin-top: 100px !important;
  }
  .padding-haut-sm-0 {
    padding-top: 0 !important;
  }
  .padding-haut-sm-5 {
    padding-top: 5px !important;
  }
  .padding-haut-sm-10 {
    padding-top: 10px !important;
  }
  .padding-haut-sm-15 {
    padding-top: 15px !important;
  }
  .padding-haut-sm-20 {
    padding-top: 20px !important;
  }
  .padding-haut-sm-30 {
    padding-top: 30px !important;
  }
  .padding-haut-sm-40 {
    padding-top: 40px !important;
  }
  .padding-haut-sm-50 {
    padding-top: 50px !important;
  }
  .padding-haut-sm-60 {
    padding-top: 60px !important;
  }
  .padding-haut-sm-70 {
    padding-top: 70px !important;
  }
  .padding-haut-sm-80 {
    padding-top: 80px !important;
  }
  .padding-haut-sm-90 {
    padding-top: 90px !important;
  }
  .padding-haut-sm-100 {
    padding-top: 100px !important;
  }
  .marge-droite-sm-0 {
    margin-right: 0 !important;
  }
  .marge-droite-sm-5 {
    margin-right: 5px !important;
  }
  .marge-droite-sm-10 {
    margin-right: 10px !important;
  }
  .marge-droite-sm-15 {
    margin-right: 15px !important;
  }
  .marge-droite-sm-20 {
    margin-right: 20px !important;
  }
  .marge-droite-sm-30 {
    margin-right: 30px !important;
  }
  .marge-droite-sm-40 {
    margin-right: 40px !important;
  }
  .marge-droite-sm-50 {
    margin-right: 50px !important;
  }
  .marge-droite-sm-60 {
    margin-right: 60px !important;
  }
  .marge-droite-sm-70 {
    margin-right: 70px !important;
  }
  .marge-droite-sm-80 {
    margin-right: 80px !important;
  }
  .marge-droite-sm-90 {
    margin-right: 90px !important;
  }
  .marge-droite-sm-100 {
    margin-right: 100px !important;
  }
  .padding-droite-sm-0 {
    padding-right: 0 !important;
  }
  .padding-droite-sm-5 {
    padding-right: 5px !important;
  }
  .padding-droite-sm-10 {
    padding-right: 10px !important;
  }
  .padding-droite-sm-15 {
    padding-right: 15px !important;
  }
  .padding-droite-sm-20 {
    padding-right: 20px !important;
  }
  .padding-droite-sm-30 {
    padding-right: 30px !important;
  }
  .padding-droite-sm-40 {
    padding-right: 40px !important;
  }
  .padding-droite-sm-50 {
    padding-right: 50px !important;
  }
  .padding-droite-sm-60 {
    padding-right: 60px !important;
  }
  .padding-droite-sm-70 {
    padding-right: 70px !important;
  }
  .padding-droite-sm-80 {
    padding-right: 80px !important;
  }
  .padding-droite-sm-90 {
    padding-right: 90px !important;
  }
  .padding-droite-sm-100 {
    padding-right: 100px !important;
  }
  .marge-bas-sm-0 {
    margin-bottom: 0 !important;
  }
  .marge-bas-sm-5 {
    margin-bottom: 5px !important;
  }
  .marge-bas-sm-10 {
    margin-bottom: 10px !important;
  }
  .marge-bas-sm-15 {
    margin-bottom: 15px !important;
  }
  .marge-bas-sm-20 {
    margin-bottom: 20px !important;
  }
  .marge-bas-sm-30 {
    margin-bottom: 30px !important;
  }
  .marge-bas-sm-40 {
    margin-bottom: 40px !important;
  }
  .marge-bas-sm-50 {
    margin-bottom: 50px !important;
  }
  .marge-bas-sm-60 {
    margin-bottom: 60px !important;
  }
  .marge-bas-sm-70 {
    margin-bottom: 70px !important;
  }
  .marge-bas-sm-80 {
    margin-bottom: 80px !important;
  }
  .marge-bas-sm-90 {
    margin-bottom: 90px !important;
  }
  .marge-bas-sm-100 {
    margin-bottom: 100px !important;
  }
  .padding-bas-sm-0 {
    padding-bottom: 0 !important;
  }
  .padding-bas-sm-5 {
    padding-bottom: 5px !important;
  }
  .padding-bas-sm-10 {
    padding-bottom: 10px !important;
  }
  .padding-bas-sm-15 {
    padding-bottom: 15px !important;
  }
  .padding-bas-sm-20 {
    padding-bottom: 20px !important;
  }
  .padding-bas-sm-30 {
    padding-bottom: 30px !important;
  }
  .padding-bas-sm-40 {
    padding-bottom: 40px !important;
  }
  .padding-bas-sm-50 {
    padding-bottom: 50px !important;
  }
  .padding-bas-sm-60 {
    padding-bottom: 60px !important;
  }
  .padding-bas-sm-70 {
    padding-bottom: 70px !important;
  }
  .padding-bas-sm-80 {
    padding-bottom: 80px !important;
  }
  .padding-bas-sm-90 {
    padding-bottom: 90px !important;
  }
  .padding-bas-sm-100 {
    padding-bottom: 100px !important;
  }
  .marge-gauche-sm-0 {
    margin-left: 0 !important;
  }
  .marge-gauche-sm-5 {
    margin-left: 5px !important;
  }
  .marge-gauche-sm-10 {
    margin-left: 10px !important;
  }
  .marge-gauche-sm-15 {
    margin-left: 15px !important;
  }
  .marge-gauche-sm-20 {
    margin-left: 20px !important;
  }
  .marge-gauche-sm-30 {
    margin-left: 30px !important;
  }
  .marge-gauche-sm-40 {
    margin-left: 40px !important;
  }
  .marge-gauche-sm-50 {
    margin-left: 50px !important;
  }
  .marge-gauche-sm-60 {
    margin-left: 60px !important;
  }
  .marge-gauche-sm-70 {
    margin-left: 70px !important;
  }
  .marge-gauche-sm-80 {
    margin-left: 80px !important;
  }
  .marge-gauche-sm-90 {
    margin-left: 90px !important;
  }
  .marge-gauche-sm-100 {
    margin-left: 100px !important;
  }
  .padding-gauche-sm-0 {
    padding-left: 0 !important;
  }
  .padding-gauche-sm-5 {
    padding-left: 5px !important;
  }
  .padding-gauche-sm-10 {
    padding-left: 10px !important;
  }
  .padding-gauche-sm-15 {
    padding-left: 15px !important;
  }
  .padding-gauche-sm-20 {
    padding-left: 20px !important;
  }
  .padding-gauche-sm-30 {
    padding-left: 30px !important;
  }
  .padding-gauche-sm-40 {
    padding-left: 40px !important;
  }
  .padding-gauche-sm-50 {
    padding-left: 50px !important;
  }
  .padding-gauche-sm-60 {
    padding-left: 60px !important;
  }
  .padding-gauche-sm-70 {
    padding-left: 70px !important;
  }
  .padding-gauche-sm-80 {
    padding-left: 80px !important;
  }
  .padding-gauche-sm-90 {
    padding-left: 90px !important;
  }
  .padding-gauche-sm-100 {
    padding-left: 100px !important;
  }
}
@media (max-width: 766px) {
  .marge-xs-0 {
    margin: 0 !important;
  }
  .marge-xs-5 {
    margin: 5px !important;
  }
  .marge-xs-10 {
    margin: 10px !important;
  }
  .marge-xs-15 {
    margin: 15px !important;
  }
  .marge-xs-20 {
    margin: 20px !important;
  }
  .marge-xs-30 {
    margin: 30px !important;
  }
  .marge-xs-40 {
    margin: 40px !important;
  }
  .marge-xs-50 {
    margin: 50px !important;
  }
  .marge-xs-60 {
    margin: 60px !important;
  }
  .marge-xs-70 {
    margin: 70px !important;
  }
  .marge-xs-80 {
    margin: 80px !important;
  }
  .marge-xs-90 {
    margin: 90px !important;
  }
  .marge-xs-100 {
    margin: 100px !important;
  }
  .padding-xs-0 {
    padding: 0 !important;
  }
  .padding-xs-5 {
    padding: 5px !important;
  }
  .padding-xs-10 {
    padding: 10px !important;
  }
  .padding-xs-15 {
    padding: 15px !important;
  }
  .padding-xs-20 {
    padding: 20px !important;
  }
  .padding-xs-30 {
    padding: 30px !important;
  }
  .padding-xs-40 {
    padding: 40px !important;
  }
  .padding-xs-50 {
    padding: 50px !important;
  }
  .padding-xs-60 {
    padding: 60px !important;
  }
  .padding-xs-70 {
    padding: 70px !important;
  }
  .padding-xs-80 {
    padding: 80px !important;
  }
  .padding-xs-90 {
    padding: 90px !important;
  }
  .padding-xs-100 {
    padding: 100px !important;
  }
  .marge-haut-xs-grand {
    margin-top: 2em !important;
  }
  .marge-haut-xs-moyen {
    margin-top: 1em !important;
  }
  .marge-haut-xs-petit {
    margin-top: 0.5em !important;
  }
  .marge-haut-xs-tres-petit {
    margin-top: 0.2em !important;
  }
  .marge-haut-xs-0 {
    margin-top: 0 !important;
  }
  .marge-haut-xs-5 {
    margin-top: 5px !important;
  }
  .marge-haut-xs-10 {
    margin-top: 10px !important;
  }
  .marge-haut-xs-15 {
    margin-top: 15px !important;
  }
  .marge-haut-xs-20 {
    margin-top: 20px !important;
  }
  .marge-haut-xs-30 {
    margin-top: 30px !important;
  }
  .marge-haut-xs-40 {
    margin-top: 40px !important;
  }
  .marge-haut-xs-50 {
    margin-top: 50px !important;
  }
  .marge-haut-xs-60 {
    margin-top: 60px !important;
  }
  .marge-haut-xs-70 {
    margin-top: 70px !important;
  }
  .marge-haut-xs-80 {
    margin-top: 80px !important;
  }
  .marge-haut-xs-90 {
    margin-top: 90px !important;
  }
  .marge-haut-xs-100 {
    margin-top: 100px !important;
  }
  .padding-haut-xs-grand {
    padding-top: 2em !important;
  }
  .padding-haut-xs-moyen {
    padding-top: 1em !important;
  }
  .padding-haut-xs-petit {
    padding-top: 0.5em !important;
  }
  .padding-haut-xs-tres-petit {
    padding-top: 0.2em !important;
  }
  .padding-haut-xs-0 {
    padding-top: 0 !important;
  }
  .padding-haut-xs-5 {
    padding-top: 5px !important;
  }
  .padding-haut-xs-10 {
    padding-top: 10px !important;
  }
  .padding-haut-xs-15 {
    padding-top: 15px !important;
  }
  .padding-haut-xs-20 {
    padding-top: 20px !important;
  }
  .padding-haut-xs-30 {
    padding-top: 30px !important;
  }
  .padding-haut-xs-40 {
    padding-top: 40px !important;
  }
  .padding-haut-xs-50 {
    padding-top: 50px !important;
  }
  .padding-haut-xs-60 {
    padding-top: 60px !important;
  }
  .padding-haut-xs-70 {
    padding-top: 70px !important;
  }
  .padding-haut-xs-80 {
    padding-top: 80px !important;
  }
  .padding-haut-xs-90 {
    padding-top: 90px !important;
  }
  .padding-haut-xs-100 {
    padding-top: 100px !important;
  }
  .marge-droite-xs-grand {
    margin-right: 2em !important;
  }
  .marge-droite-xs-moyen {
    margin-right: 1em !important;
  }
  .marge-droite-xs-petit {
    margin-right: 0.5em !important;
  }
  .marge-droite-xs-tres-petit {
    margin-right: 0.2em !important;
  }
  .marge-droite-xs-0 {
    margin-right: 0 !important;
  }
  .marge-droite-xs-5 {
    margin-right: 5px !important;
  }
  .marge-droite-xs-10 {
    margin-right: 10px !important;
  }
  .marge-droite-xs-15 {
    margin-right: 15px !important;
  }
  .marge-droite-xs-20 {
    margin-right: 20px !important;
  }
  .marge-droite-xs-30 {
    margin-right: 30px !important;
  }
  .marge-droite-xs-40 {
    margin-right: 40px !important;
  }
  .marge-droite-xs-50 {
    margin-right: 50px !important;
  }
  .marge-droite-xs-60 {
    margin-right: 60px !important;
  }
  .marge-droite-xs-70 {
    margin-right: 70px !important;
  }
  .marge-droite-xs-80 {
    margin-right: 80px !important;
  }
  .marge-droite-xs-90 {
    margin-right: 90px !important;
  }
  .marge-droite-xs-100 {
    margin-right: 100px !important;
  }
  .padding-droite-xs-grand {
    padding-right: 2em !important;
  }
  .padding-droite-xs-moyen {
    padding-right: 1em !important;
  }
  .padding-droite-xs-petit {
    padding-right: 0.5em !important;
  }
  .padding-droite-xs-tres-petit {
    padding-right: 0.2em !important;
  }
  .padding-droite-xs-0 {
    padding-right: 0 !important;
  }
  .padding-droite-xs-5 {
    padding-right: 5px !important;
  }
  .padding-droite-xs-10 {
    padding-right: 10px !important;
  }
  .padding-droite-xs-15 {
    padding-right: 15px !important;
  }
  .padding-droite-xs-20 {
    padding-right: 20px !important;
  }
  .padding-droite-xs-30 {
    padding-right: 30px !important;
  }
  .padding-droite-xs-40 {
    padding-right: 40px !important;
  }
  .padding-droite-xs-50 {
    padding-right: 50px !important;
  }
  .padding-droite-xs-60 {
    padding-right: 60px !important;
  }
  .padding-droite-xs-70 {
    padding-right: 70px !important;
  }
  .padding-droite-xs-80 {
    padding-right: 80px !important;
  }
  .padding-droite-xs-90 {
    padding-right: 90px !important;
  }
  .padding-droite-xs-100 {
    padding-right: 100px !important;
  }
  .marge-bas-xs-grand {
    margin-bottom: 2em !important;
  }
  .marge-bas-xs-moyen {
    margin-bottom: 1em !important;
  }
  .marge-bas-xs-petit {
    margin-bottom: 0.5em !important;
  }
  .marge-bas-xs-tres-petit {
    margin-bottom: 0.2em !important;
  }
  .marge-bas-xs-0 {
    margin-bottom: 0 !important;
  }
  .marge-bas-xs-5 {
    margin-bottom: 5px !important;
  }
  .marge-bas-xs-10 {
    margin-bottom: 10px !important;
  }
  .marge-bas-xs-15 {
    margin-bottom: 15px !important;
  }
  .marge-bas-xs-20 {
    margin-bottom: 20px !important;
  }
  .marge-bas-xs-30 {
    margin-bottom: 30px !important;
  }
  .marge-bas-xs-40 {
    margin-bottom: 40px !important;
  }
  .marge-bas-xs-50 {
    margin-bottom: 50px !important;
  }
  .marge-bas-xs-60 {
    margin-bottom: 60px !important;
  }
  .marge-bas-xs-70 {
    margin-bottom: 70px !important;
  }
  .marge-bas-xs-80 {
    margin-bottom: 80px !important;
  }
  .marge-bas-xs-90 {
    margin-bottom: 90px !important;
  }
  .marge-bas-xs-100 {
    margin-bottom: 100px !important;
  }
  .padding-bas-xs-grand {
    padding-bottom: 2em !important;
  }
  .padding-bas-xs-moyen {
    padding-bottom: 1em !important;
  }
  .padding-bas-xs-petit {
    padding-bottom: 0.5em !important;
  }
  .padding-bas-xs-tres-petit {
    padding-bottom: 0.2em !important;
  }
  .padding-bas-xs-0 {
    padding-bottom: 0 !important;
  }
  .padding-bas-xs-5 {
    padding-bottom: 5px !important;
  }
  .padding-bas-xs-10 {
    padding-bottom: 10px !important;
  }
  .padding-bas-xs-15 {
    padding-bottom: 15px !important;
  }
  .padding-bas-xs-20 {
    padding-bottom: 20px !important;
  }
  .padding-bas-xs-30 {
    padding-bottom: 30px !important;
  }
  .padding-bas-xs-40 {
    padding-bottom: 40px !important;
  }
  .padding-bas-xs-50 {
    padding-bottom: 50px !important;
  }
  .padding-bas-xs-60 {
    padding-bottom: 60px !important;
  }
  .padding-bas-xs-70 {
    padding-bottom: 70px !important;
  }
  .padding-bas-xs-80 {
    padding-bottom: 80px !important;
  }
  .padding-bas-xs-90 {
    padding-bottom: 90px !important;
  }
  .padding-bas-xs-100 {
    padding-bottom: 100px !important;
  }
  .marge-gauche-xs-0 {
    margin-left: 0 !important;
  }
  .marge-gauche-xs-5 {
    margin-left: 5px !important;
  }
  .marge-gauche-xs-10 {
    margin-left: 10px !important;
  }
  .marge-gauche-xs-15 {
    margin-left: 15px !important;
  }
  .marge-gauche-xs-20 {
    margin-left: 20px !important;
  }
  .marge-gauche-xs-30 {
    margin-left: 30px !important;
  }
  .marge-gauche-xs-40 {
    margin-left: 40px !important;
  }
  .marge-gauche-xs-50 {
    margin-left: 50px !important;
  }
  .marge-gauche-xs-60 {
    margin-left: 60px !important;
  }
  .marge-gauche-xs-70 {
    margin-left: 70px !important;
  }
  .marge-gauche-xs-80 {
    margin-left: 80px !important;
  }
  .marge-gauche-xs-90 {
    margin-left: 90px !important;
  }
  .marge-gauche-xs-100 {
    margin-left: 100px !important;
  }
  .padding-gauche-xs-0 {
    padding-left: 0 !important;
  }
  .padding-gauche-xs-5 {
    padding-left: 5px !important;
  }
  .padding-gauche-xs-10 {
    padding-left: 10px !important;
  }
  .padding-gauche-xs-15 {
    padding-left: 15px !important;
  }
  .padding-gauche-xs-20 {
    padding-left: 20px !important;
  }
  .padding-gauche-xs-30 {
    padding-left: 30px !important;
  }
  .padding-gauche-xs-40 {
    padding-left: 40px !important;
  }
  .padding-gauche-xs-50 {
    padding-left: 50px !important;
  }
  .padding-gauche-xs-60 {
    padding-left: 60px !important;
  }
  .padding-gauche-xs-70 {
    padding-left: 70px !important;
  }
  .padding-gauche-xs-80 {
    padding-left: 80px !important;
  }
  .padding-gauche-xs-90 {
    padding-left: 90px !important;
  }
  .padding-gauche-xs-100 {
    padding-left: 100px !important;
  }
  .marge-haut-moins-10, .marge-haut-moins-20, .marge-haut-moins-30, .marge-haut-moins-40, .marge-haut-moins-50, .marge-haut-moins-60, .marge-haut-moins-70, .marge-haut-moins-80 .marge-haut-moins-90, .marge-haut-moins-100 {
    margin-top: 0 !important;
  }
  .marge-gauche-moins-10, .marge-gauche-moins-20, .marge-gauche-moins-30, .marge-gauche-moins-40, .marge-gauche-moins-50, .marge-gauche-moins-60, .marge-gauche-moins-70, .marge-gauche-moins-80 .marge-gauche-moins-90, .marge-gauche-moins-100 {
    margin-left: 0 !important;
  }
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated {
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.zoomInSmall, .animated.zoomIn {
  -webkit-animation-duration: 0.75s;
          animation-duration: 0.75s;
}

.animated.fadeInRight, .animated.fadeInLeft {
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
}

.animated.bounceIn, .animated.bounceOut {
  -webkit-animation-duration: 0.75s;
          animation-duration: 0.75s;
}

.animated.flipOutX, .animated.flipOutY {
  -webkit-animation-duration: 0.75s;
          animation-duration: 0.75s;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}

@-webkit-keyframes zoomInSmall {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
            transform: scale3d(0.8, 0.8, 0.8);
  }
  100% {
    opacity: 1;
  }
}

@keyframes zoomInSmall {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
            transform: scale3d(0.8, 0.8, 0.8);
  }
  100% {
    opacity: 1;
  }
}
.zoomInSmall {
  -webkit-animation-name: zoomInSmall;
          animation-name: zoomInSmall;
}

@-webkit-keyframes fadeInOutBig {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: scale3d(3, 3, 3);
            transform: scale3d(3, 3, 3);
  }
  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes fadeInOutBig {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: scale3d(3, 3, 3);
            transform: scale3d(3, 3, 3);
  }
  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
.fadeInOutBig {
  -webkit-animation-name: fadeInOutBig;
          animation-name: fadeInOutBig;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownLeger {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3%, 0);
            transform: translate3d(0, -3%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDownLeger {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3%, 0);
            transform: translate3d(0, -3%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.fadeInDownLeger {
  -webkit-animation-name: fadeInDownLeger;
          animation-name: fadeInDownLeger;
}

@-webkit-keyframes fadeInUpLeger {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3%, 0);
            transform: translate3d(0, 3%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUpLeger {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3%, 0);
            transform: translate3d(0, 3%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.fadeInUpLeger {
  -webkit-animation-name: fadeInUpLeger;
          animation-name: fadeInUpLeger;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
          animation-name: fadeInRightBig;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}

@-webkit-keyframes flipZoomIn {
  from {
    opacity: 0;
    -webkit-transform: rotateY(180deg) scale(0.5);
            transform: rotateY(180deg) scale(0.5);
  }
  to {
    opacity: 1;
    -webkit-transform: rotateY(0deg) scale(1);
            transform: rotateY(0deg) scale(1);
  }
}

@keyframes flipZoomIn {
  from {
    opacity: 0;
    -webkit-transform: rotateY(180deg) scale(0.5);
            transform: rotateY(180deg) scale(0.5);
  }
  to {
    opacity: 1;
    -webkit-transform: rotateY(0deg) scale(1);
            transform: rotateY(0deg) scale(1);
  }
}
.flipZoomIn {
  -webkit-animation-name: flipZoomIn;
          animation-name: flipZoomIn;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

@-webkit-keyframes slideInBasLeger {
  from {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideInBasLeger {
  from {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.slideInBasLeger {
  -webkit-animation-name: slideInBasLeger;
          animation-name: slideInBasLeger;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-150%, 0, 0);
            transform: translate3d(-150%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    visibility: visible;
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-150%, 0, 0);
            transform: translate3d(-150%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    visibility: visible;
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
          animation-name: slideInLeft;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(150%, 0, 0);
            transform: translate3d(150%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    visibility: visible;
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(150%, 0, 0);
            transform: translate3d(150%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    visibility: visible;
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
          animation-name: slideInRight;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

@-webkit-keyframes slideInRightFadeIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    opacity: 0;
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible;
  }
}

@keyframes slideInRightFadeIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    opacity: 0;
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible;
  }
}
.slideInRightFadeIn {
  -webkit-animation-name: slideInRightFadeIn;
          animation-name: slideInRightFadeIn;
}

@-webkit-keyframes slideInLeftFadeIn {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
    opacity: 0;
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible;
  }
}

@keyframes slideInLeftFadeIn {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
    opacity: 0;
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible;
  }
}
.slideInLeftFadeIn {
  -webkit-animation-name: slideInLeftFadeIn;
          animation-name: slideInLeftFadeIn;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
          animation-name: slideOutRight;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.spin {
  -webkit-animation-name: spin;
          animation-name: spin;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.85;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
  /*transform: scale(.5); transition: all 5000ms ease-out;
  .mfp-animate & {
    transform: scale(1);
  }*/
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 5045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 11000;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 5px;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -43px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 22px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding: 10px 36px 0 0;
  /*&::after {
      content: " "; display: block; height: 20px;
  }*/
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media (min-width: 767px) {
  body.mfp-inpage header, body.mfp-inpage section, body.mfp-inpage footer {
    transition: all 300ms ease-out;
  }
  body.mfp-zoom-out-cur header, body.mfp-zoom-out-cur section, body.mfp-zoom-out-cur footer {
    -webkit-filter: blur(10px);
            filter: blur(10px);
  }
}

/*# sourceMappingURL=styles.css.map */