lecampus.valdedrome.com/user/themes/lecampus/css-compiled/theme.css

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  height: 100%;
  width: 100%;
  font-family: Times, "Times New Roman", Georgia, serif, Verdana, Arial, Helvetica, sans-serif; }

/* Sections 
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2rem;
  margin: 0; }

h1, h2, h3, h4, h5, p, em, strong, ul, li, a {
  margin: 0;
  padding: 0; }

ul, li, ol {
  list-style: none; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
header span {
  white-space: nowrap; }

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
ul {
  list-style: none; }

ul, li {
  margin: 0;
  padding: 0; }

a {
  background-color: transparent;
  color: black;
  text-decoration: none; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
  width: 100%;
  height: auto;
  vertical-align: bottom; }

iframe {
  border: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

@font-face {
  font-family: "Regular";
  src: url("../fonts/aileron_regular/Aileron-Regular-webfont.eot");
  src: url("../fonts/aileron_regular/Aileron-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aileron_regular/Aileron-Regular-webfont.woff") format("woff"), url("../fonts/aileron_regular/Aileron-Regular-webfont.ttf") format("truetype"), url("../fonts/aileron_regular/Aileron-Regular-webfont.svg#Regular") format("svg"); }

@font-face {
  font-family: "bold";
  src: url("../fonts/aileron_bold/Aileron-Bold-webfont.eot");
  src: url("../fonts/aileron_bold/Aileron-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aileron_bold/Aileron-Bold-webfont.woff") format("woff"), url("../fonts/aileron_bold/Aileron-Bold-webfont.ttf") format("truetype"), url("../fonts/aileron_bold/Aileron-Bold-webfont.svg#bold") format("svg"); }

@font-face {
  font-family: "now_alt_bold";
  src: url("../fonts/now_alt/nowalt-bold-webfont.eot");
  src: url("../fonts/now_alt/nowalt-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/now_alt/nowalt-bold-webfont.woff") format("woff"), url("../fonts/now_alt/nowalt-bold-webfont.ttf") format("truetype"), url("../fonts/now_alt/nowalt-bold-webfont.svg#now_alt_bold") format("svg"); }

@font-face {
  font-family: "now_alt_light";
  src: url("../fonts/now_alt/nowalt-light-webfont.eot");
  src: url("../fonts/now_alt/nowalt-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/now_alt/nowalt-light-webfont.woff") format("woff"), url("../fonts/now_alt/nowalt-light-webfont.ttf") format("truetype"), url("../fonts/now_alt/nowalt-light-webfont.svg#now_alt_light") format("svg"); }

@font-face {
  font-family: "now_alt_medium";
  src: url("../fonts/now_alt/nowalt-medium-webfont.eot");
  src: url("../fonts/now_alt/nowalt-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/now_alt/nowalt-medium-webfont.woff") format("woff"), url("../fonts/now_alt/nowalt-medium-webfont.ttf") format("truetype"), url("../fonts/now_alt/nowalt-medium-webfont.svg#now_alt_medium") format("svg"); }

.default-animation {
  transition: all 0.5s ease; }

.pulse {
  -webkit-animation-name: pulse_animation;
  animation-name: pulse_animation;
  -webkit-animation-duration: 2000ms;
  animation-duration: 2000ms;
  -webkit-transform-origin: 70% 70%;
  transform-origin: 70% 70%;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear; }

@-webkit-keyframes pulse_animation {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  30% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  40% {
    -webkit-transform: scale(1.08);
    transform: scale(1.08); }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  60% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  70% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  80% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes pulse_animation {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  30% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  40% {
    -webkit-transform: scale(1.08);
    transform: scale(1.08); }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  60% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  70% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  80% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

html, body {
  font-family: "Regular";
  line-height: 1.35; }

h2 {
  font-size: 2rem; }

h4, #thanks {
  font-weight: normal;
  font-size: 1rem;
  font-family: "bold"; }

h5 {
  font-weight: normal;
  font-size: 1.2rem; }

nav a {
  font-family: "bold";
  font-size: 0.9rem; }

.container > .title {
  font-family: "bold"; }

.card-header .publics {
  font-size: 0.8rem;
  font-family: "bold"; }

.card-title h2 {
  font-family: "now_alt_bold";
  font-weight: 400;
  font-size: 1.2rem !important; }

.card-title .date {
  font-size: 0.8rem; }

.card-content .reso a {
  font-family: "bold";
  font-weight: 400; }

p {
  font-size: 0.9rem; }
  p strong {
    font-family: "bold";
    font-weight: normal; }

.gal p {
  font-family: "now_alt_bold";
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 2.2rem; }

.entete h1 {
  font-size: 1.2rem;
  color: white; }

.entete p {
  font-family: "now_alt_bold";
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem; }

#home p:not(:last-child) strong {
  font-size: 1.3rem; }

#home .content p strong {
  font-family: "now_alt_bold";
  font-weight: 400; }

#home .content p:nth-of-type(n+4):not(:last-child) {
  text-align: center; }
  #home .content p:nth-of-type(n+4):not(:last-child) strong {
    color: #9e0027;
    font-family: "now_alt_bold";
    font-weight: 400; }

#articles .card {
  line-height: 1.5rem; }
  #articles .card .card-title {
    font-family: "bold";
    font-weight: normal; }
  #articles .card .wrapper-info {
    margin: 5px 0;
    font-size: 0.8rem;
    font-family: "bold";
    color: #9e0027; }
    #articles .card .wrapper-info .dt {
      text-transform: lowercase; }
  #articles .card .readmore {
    font-family: "bold";
    font-size: 0.8rem; }

.paginations {
  font-family: "bold";
  font-size: 0.8rem; }

#item .title-wrapper .back, #item-article .title-wrapper .back {
  font-family: "bold"; }

#item .title-wrapper .title h1, #item-article .title-wrapper .title h1 {
  color: white;
  font-size: 1.2rem; }

#item .info-wrapper .date, #item-article .info-wrapper .date {
  font-family: "bold";
  color: #9e0027;
  font-size: 0.8rem; }
  #item .info-wrapper .date .dt, #item-article .info-wrapper .date .dt {
    text-transform: lowercase; }

#item .info-wrapper .reso, #item-article .info-wrapper .reso {
  font-size: 0.8rem;
  font-family: "bold"; }

#item .body-wrapper .card-content .txt p, #item-article .body-wrapper .card-content .txt p {
  line-height: 1.5rem; }

#item .body-wrapper .card-content .txt h2, #item-article .body-wrapper .card-content .txt h2 {
  font-size: 1.2rem;
  font-family: "bold";
  font-weight: normal; }

#item .body-wrapper .card-content .txt ul li, #item-article .body-wrapper .card-content .txt ul li {
  font-size: 0.9rem;
  line-height: 1.5rem; }

#item .content .content_s h2, #item-article .content .content_s h2 {
  font-family: "bold";
  font-size: 1.3rem; }

#item .icones p, #item-article .icones p {
  font-family: "now_alt_bold";
  font-weight: 400;
  color: #9e0027;
  font-size: 1.2rem; }

.sidebar .date {
  font-size: 0.8rem; }

.sidebar h2 {
  font-family: "now_alt_bold";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 100px;
  color: white;
  text-align: center; }

.sidebar h3 {
  font-size: 1.1rem;
  font-family: "now_alt_bold";
  font-weight: 400; }

.sidebar .date {
  color: #6e6f70; }

.sidebar .side-all-agenda a {
  font-size: 0.9rem;
  font-family: "bold"; }

#newsletter label {
  font-size: 1rem;
  line-height: 1.9rem;
  font-weight: normal;
  font-family: "bold"; }

.cat {
  width: 100%; }
  .cat a, .cat label {
    font-family: "bold"; }

.dt {
  font-family: "bold";
  color: #9e0027; }

#ajax-test-form .form-label {
  font-size: 1.2rem;
  font-family: "bold"; }

#ajax-test-form .radio .form-radio {
  font-size: 1rem;
  font-family: "bold"; }

#ajax-test-form .button-wrapper button {
  font-family: "bold"; }

#send-valide .toast {
  font-size: 1.3rem;
  font-family: "bold"; }

#send-valide .ok {
  font-family: "bold"; }

#devis h4 {
  font-size: 1rem;
  font-family: "now_alt_bold";
  font-weight: 400; }

#devis p:nth-of-type(1) {
  color: white;
  text-align: center; }

#devis p strong {
  font-family: "now_alt_bold";
  font-weight: 400; }

#devis.item .title, #devis.item-article .title {
  font-family: "bold"; }

.demander-votre-devis a {
  color: white; }
  .demander-votre-devis a p:nth-of-type(1) {
    font-size: 2rem; }
  .demander-votre-devis a strong {
    font-family: "now_alt_bold";
    font-weight: 400; }

#reco h5 {
  font-family: "bold";
  font-weight: 400; }

#footer {
  font-family: "now_alt_medium";
  font-weight: 400; }
  #footer p {
    font-size: 0.8rem; }
    #footer p a {
      font-family: "bold"; }

#home .content p:last-child a:hover {
  color: white;
  background-color: #b5cb3a;
  transition: background-color 0.3s ease; }

header {
  width: 100%;
  display: flex;
  height: 105px;
  z-index: 999;
  border-bottom: 1px solid #0093a3; }
  header > nav {
    margin: auto;
    min-width: 1100px;
    width: 70%;
    display: inline-flex;
    justify-content: space-between; }
    header > nav .navTrigger {
      display: none; }
    header > nav .logo {
      width: 150px; }
    header > nav .dropmenu {
      width: 70%; }
      header > nav .dropmenu > ul {
        height: 100%; }
    header > nav .reso {
      display: inline-flex;
      width: auto; }
      header > nav .reso a {
        display: block;
        width: 35px;
        margin: auto 5px; }

header nav.dropmenu a {
  padding: 10px; }

header nav.dropmenu > ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  header nav.dropmenu > ul > li {
    text-align: center;
    position: relative;
    margin: 0 10px; }
    header nav.dropmenu > ul > li > a {
      border-top: 1px solid #0093a3;
      border-bottom: 3px solid #b5cb3a; }
    header nav.dropmenu > ul > li > ul {
      display: none;
      width: 100%;
      position: absolute;
      margin-top: 12px;
      z-index: 0;
      z-index: 999; }
      header nav.dropmenu > ul > li > ul li {
        background-color: white; }
        header nav.dropmenu > ul > li > ul li a {
          display: block;
          padding: 10px;
          position: relative; }
          header nav.dropmenu > ul > li > ul li a:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 3px;
            bottom: 0;
            left: 0;
            background-color: #b5cb3a;
            visibility: hidden;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transition: all 0.3s ease-in-out 0s;
            transition: all 0.3s ease-in-out 0s; }
    header nav.dropmenu > ul > li:hover > ul {
      display: block; }
      header nav.dropmenu > ul > li:hover > ul li:hover a:hover:before {
        visibility: visible;
        -webkit-transform: scaleX(1);
        transform: scaleX(1); }

#footer {
  padding-bottom: 0;
  width: 100%;
  background: #d8dadbff; }
  #footer .block {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 20px 0;
    justify-content: center; }
    #footer .block p {
      padding: 0 20px; }
      #footer .block p img {
        width: 100%;
        max-width: 150px;
        height: auto; }
      #footer .block p:nth-of-type(1) img {
        float: right; }
      #footer .block p:not(:nth-of-type(1)) {
        border-left: 1px solid black; }

.opt-out {
  height: auto;
  -webkit-transform: translateY(70%);
  transform: translateY(70%);
  z-index: 9999;
  position: fixed;
  bottom: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  text-align: center;
  font-family: "bold";
  transition: background 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, background 0.3s ease;
  transition: transform 0.3s ease, background 0.3s ease, -webkit-transform 0.3s ease; }
  .opt-out iframe {
    height: 110px; }
  .opt-out p {
    cursor: pointer;
    font-size: 12px; }
  .opt-out img {
    width: 20px;
    height: auto;
    cursor: pointer; }
  .opt-out.open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    background: white;
    transition: all 0.3s ease; }
    .opt-out.open img {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }

@media screen and (max-width: 1450px) {
  header > nav {
    width: 90% !important; }
  .start:not(#form)#archive, .start:not(#form)#articles, .start:not(#form)#calendrier {
    width: 90% !important; } }

@media screen and (max-width: 1150px) {
  header > nav {
    min-width: auto !important;
    width: 100% !important;
    margin: auto 10px; } }

@media screen and (max-width: 1024px) {
  header nav {
    position: relative;
    width: 100% !important; }
    header nav .dropmenu {
      background: white;
      display: none;
      position: absolute;
      left: -10px;
      top: 70px;
      width: auto !important;
      height: auto;
      z-index: 999; }
      header nav .dropmenu > ul {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; }
        header nav .dropmenu > ul > li {
          text-align: left;
          padding: 0 20px; }
          header nav .dropmenu > ul > li > ul {
            margin: auto;
            position: relative; }
            header nav .dropmenu > ul > li > ul > li {
              text-align: left;
              margin-left: 10px; }
              header nav .dropmenu > ul > li > ul > li a {
                font-family: "Regular"; }
          header nav .dropmenu > ul > li > a {
            border: none;
            line-height: 2rem; }
      header nav .dropmenu.active {
        display: block; }
    header nav .logo {
      position: absolute;
      width: 150px;
      margin: auto;
      left: 50%;
      transform: translate(-50%, -50%);
      top: 50%; }
    header nav .navTrigger {
      display: block;
      cursor: pointer;
      width: 30px;
      height: 25px;
      margin: auto 0;
      left: 0;
      top: 0;
      bottom: 0; }
    header nav .navTrigger i {
      background-color: #0093a3;
      border-radius: 2px;
      content: '';
      display: block;
      width: 100%;
      height: 4px; }
    header nav .navTrigger i:nth-child(1) {
      -webkit-animation: outT 0.8s backwards;
      animation: outT 0.8s backwards;
      -webkit-animation-direction: reverse;
      animation-direction: reverse; }
    header nav .navTrigger i:nth-child(2) {
      margin: 5px 0;
      -webkit-animation: outM 0.8s backwards;
      animation: outM 0.8s backwards;
      -webkit-animation-direction: reverse;
      animation-direction: reverse; }
    header nav .navTrigger i:nth-child(3) {
      -webkit-animation: outBtm 0.8s backwards;
      animation: outBtm 0.8s backwards;
      -webkit-animation-direction: reverse;
      animation-direction: reverse; }
    header nav .navTrigger.active i:nth-child(1) {
      -webkit-animation: inT 0.8s forwards;
      animation: inT 0.8s forwards; }
    header nav .navTrigger.active i:nth-child(2) {
      -webkit-animation: inM 0.8s forwards;
      animation: inM 0.8s forwards; }
    header nav .navTrigger.active i:nth-child(3) {
      -webkit-animation: inBtm 0.8s forwards;
      animation: inBtm 0.8s forwards; }
  @-webkit-keyframes inM {
    50% {
      -webkit-transform: rotate(0deg); }
    100% {
      -webkit-transform: rotate(45deg); } }
  @keyframes inM {
    50% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    100% {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); } }
  @-webkit-keyframes outM {
    50% {
      -webkit-transform: rotate(0deg); }
    100% {
      -webkit-transform: rotate(45deg); } }
  @keyframes outM {
    50% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    100% {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); } }
  @-webkit-keyframes inT {
    0% {
      -webkit-transform: translateY(0px) rotate(0deg); }
    50% {
      -webkit-transform: translateY(9px) rotate(0deg); }
    100% {
      -webkit-transform: translateY(9px) rotate(135deg); } }
  @keyframes inT {
    0% {
      -webkit-transform: translateY(0px) rotate(0deg);
      transform: translateY(0px) rotate(0deg); }
    50% {
      -webkit-transform: translateY(9px) rotate(0deg);
      transform: translateY(9px) rotate(0deg); }
    100% {
      -webkit-transform: translateY(9px) rotate(135deg);
      transform: translateY(9px) rotate(135deg); } }
  @-webkit-keyframes outT {
    0% {
      -webkit-transform: translateY(0px) rotate(0deg); }
    50% {
      -webkit-transform: translateY(9px) rotate(0deg); }
    100% {
      -webkit-transform: translateY(9px) rotate(135deg); } }
  @keyframes outT {
    0% {
      -webkit-transform: translateY(0px) rotate(0deg);
      transform: translateY(0px) rotate(0deg); }
    50% {
      -webkit-transform: translateY(9px) rotate(0deg);
      transform: translateY(9px) rotate(0deg); }
    100% {
      -webkit-transform: translateY(9px) rotate(135deg);
      transform: translateY(9px) rotate(135deg); } }
  @-webkit-keyframes inBtm {
    0% {
      -webkit-transform: translateY(0px) rotate(0deg); }
    50% {
      -webkit-transform: translateY(-9px) rotate(0deg); }
    100% {
      -webkit-transform: translateY(-9px) rotate(135deg); } }
  @keyframes inBtm {
    0% {
      -webkit-transform: translateY(0px) rotate(0deg);
      transform: translateY(0px) rotate(0deg); }
    50% {
      -webkit-transform: translateY(-9px) rotate(0deg);
      transform: translateY(-9px) rotate(0deg); }
    100% {
      -webkit-transform: translateY(-9px) rotate(135deg);
      transform: translateY(-9px) rotate(135deg); } }
  @-webkit-keyframes outBtm {
    0% {
      -webkit-transform: translateY(0px) rotate(0deg); }
    50% {
      -webkit-transform: translateY(-9px) rotate(0deg); }
    100% {
      -webkit-transform: translateY(-9px) rotate(135deg); } }
  @keyframes outBtm {
    0% {
      -webkit-transform: translateY(0px) rotate(0deg);
      transform: translateY(0px) rotate(0deg); }
    50% {
      -webkit-transform: translateY(-9px) rotate(0deg);
      transform: translateY(-9px) rotate(0deg); }
    100% {
      -webkit-transform: translateY(-9px) rotate(135deg);
      transform: translateY(-9px) rotate(135deg); } }
  .gal .title_gal {
    max-width: 60% !important; }
  #item .content .icones, #item-article .content .icones {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  #item .demander-votre-devis,
  #item-article .demander-votre-devis,
  #sublog .demander-votre-devis {
    width: 300px !important;
    height: 110px !important; }
    #item .demander-votre-devis a,
    #item-article .demander-votre-devis a,
    #sublog .demander-votre-devis a {
      display: -webkit-inline-box !important;
      display: -ms-inline-flexbox !important;
      display: inline-flex !important; }
    #item .demander-votre-devis p:nth-of-type(2),
    #item-article .demander-votre-devis p:nth-of-type(2),
    #sublog .demander-votre-devis p:nth-of-type(2) {
      display: none !important; }
    #item .demander-votre-devis img,
    #item-article .demander-votre-devis img,
    #sublog .demander-votre-devis img {
      margin-left: 20px !important;
      margin-top: 0px !important; }
  #devis .txt {
    width: 35% !important; }
  #devis .demander-votre-devis {
    -webkit-transform: translate(0%, -125%) !important;
    transform: translate(0%, -125%) !important; } }

@media screen and (max-width: 960px) {
  .gal .title_gal {
    max-width: 80% !important; }
  .gal .content_gal {
    width: 2% !important; }
  .bandeau .img {
    width: 100% !important; }
  .bandeau .title_gal {
    right: 5% !important;
    max-width: 70% !important; }
  .entete .entete_c {
    width: 95% !important;
    margin: 30px auto !important; }
  .content {
    width: 80% !important; }
  .sidebar {
    position: relative !important;
    width: 350px !important;
    margin: 0 auto !important; }
  #devis .title {
    width: 100% !important;
    height: auto !important;
    -webkit-transform: translateX(0px) !important;
    transform: translateX(0px) !important;
    border-radius: 0px !important; }
    #devis .title h4 {
      font-size: 1.3rem !important;
      margin: 15px auto 0 auto !important;
      -webkit-transform: translateY(0%) !important;
      transform: translateY(0%) !important; }
  #devis .txt {
    width: 100% !important;
    height: auto !important;
    background: #9e0027 !important;
    margin: auto !important; }
    #devis .txt p {
      color: white !important;
      padding: 15px 55px !important; }
      #devis .txt p strong {
        font-size: 1rem !important; }
  #devis .img {
    width: auto !important;
    height: auto !important;
    min-height: 200px !important; }
  #devis.item .title, #devis.sublog .title, #devis.item-article .title {
    border-radius: 30px !important; }
  #sublog .txt {
    width: 100% !important; }
    #sublog .txt .content_txt {
      width: 100% !important; }
    #sublog .txt p {
      padding: 0 !important; }
  #sublog .content_salle {
    width: 70% !important;
    z-index: 2;
    left: 50% !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
    #sublog .content_salle .header-salles {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #sublog .content_salle .header-salles img {
        display: block !important;
        margin: auto;
        width: 20px;
        height: 20px;
        cursor: pointer; }
  #sublog .mapsalles {
    width: 100% !important; }
  #sublog .demander-votre-devis {
    width: 300px !important;
    height: 110px !important; }
    #sublog .demander-votre-devis a {
      display: -webkit-inline-box !important;
      display: -ms-inline-flexbox !important;
      display: inline-flex !important; }
    #sublog .demander-votre-devis p:nth-of-type(2) {
      display: none !important; }
    #sublog .demander-votre-devis img {
      margin-left: 20px !important;
      margin-top: 0px !important; }
  #item .demander-votre-devis, #item-article .demander-votre-devis {
    width: 300px !important;
    height: 110px !important; }
    #item .demander-votre-devis a, #item-article .demander-votre-devis a {
      display: -webkit-inline-box !important;
      display: -ms-inline-flexbox !important;
      display: inline-flex !important; }
    #item .demander-votre-devis p:nth-of-type(2), #item-article .demander-votre-devis p:nth-of-type(2) {
      display: none !important; }
    #item .demander-votre-devis img, #item-article .demander-votre-devis img {
      margin-left: 20px !important;
      margin-top: 0px !important; }
  .start:not(#form)#archive, .start:not(#form)#calendrier, .start:not(#form)#articles {
    width: 90% !important; }
  #articles .card {
    width: 100% !important; }
    #articles .card > a {
      grid-template-columns: minmax(300px, 20%) minmax(400px, calc(80% - 40px)) !important; }
  #item .item-wrapper, #item-article .item-wrapper {
    width: 90% !important; }
    #item .item-wrapper .title-wrapper, #item-article .item-wrapper .title-wrapper {
      flex-direction: column !important; }
      #item .item-wrapper .title-wrapper .back, #item-article .item-wrapper .title-wrapper .back {
        margin: 20px 0 !important; }
  .start#form .body-wrapper form {
    width: 90% !important; }
  .start#form .body-wrapper form > div.button-wrapper button {
    margin-right: 5% !important; }
  .sidebar {
    width: 50% !important;
    padding: 20px 0; }
    .sidebar::before {
      display: block;
      width: 100vw;
      height: 100%;
      content: '';
      background-image: url(/user/themes/lecampus/images/Trame-bleu2.svg);
      background-repeat: repeat;
      position: absolute;
      top: 0;
      margin-left: -27vw;
      z-index: -1; }
  .start:not(#form) .body-wrapper .event {
    width: 90% !important; }
  .start:not(#form)#event .title {
    width: 90% !important; }
  #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper.embedForm {
    width: 70% !important; } }

@media screen and (max-width: 768px) {
  #devis .demander-votre-devis {
    -webkit-transform: translate(50%, -125%) !important;
    transform: translate(50%, -125%) !important; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper.embedForm {
    width: 80% !important; } }

@media screen and (max-width: 750px) {
  header > nav .logo {
    position: relative;
    width: auto !important;
    margin: auto !important;
    left: 0 !important;
    transform: none !important;
    top: 0 !important; }
  .start .demander-votre-devis {
    display: none; }
  #item, #item-article {
    width: 100% !important; }
    #item .title-wrapper, #item-article .title-wrapper {
      flex-direction: column; }
      #item .title-wrapper .back, #item-article .title-wrapper .back {
        margin: 0 0 20px 0 !important; }
  #articles .articles-listing .card > a {
    grid-template-columns: 100% !important;
    grid-column-gap: 0 !important;
    grid-template-rows: 100% !important; }
    #articles .articles-listing .card > a .card-image img {
      width: 100% !important;
      height: auto !important; }
    #articles .articles-listing .card > a .wrapper-content {
      grid-column-start: 1 !important;
      grid-row-start: 2 !important; }
      #articles .articles-listing .card > a .wrapper-content .readmore {
        float: right; }
  #item .bandeau .img, #item-article .bandeau .img {
    width: 100%;
    height: auto; }
  #item .body-wrapper .images_s, #item-article .body-wrapper .images_s {
    display: none; }
  #item .body-wrapper .content_s, #item-article .body-wrapper .content_s {
    width: 90% !important; }
    #item .body-wrapper .content_s p, #item-article .body-wrapper .content_s p {
      padding: 0 !important; }
  #item .body-wrapper .icones, #item-article .body-wrapper .icones {
    margin: 20px 0 0 0 !important; }
    #item .body-wrapper .icones .icon, #item-article .body-wrapper .icones .icon {
      height: auto !important;
      max-width: 100% !important; }
      #item .body-wrapper .icones .icon p, #item-article .body-wrapper .icones .icon p {
        padding: 0 !important; }
  .content {
    margin: 2rem auto !important;
    width: 100% !important; }
    .content p {
      padding: 40px 20px !important; }
  .gal .title_gal {
    display: none !important; }
  .entete {
    padding: 0 !important; }
    .entete p {
      font-size: 1.1rem;
      line-height: 1.5rem; }
  #home .content > p {
    width: 100% !important; }
    #home .content > p:not(:last-child) strong {
      font-size: 1.1rem; }
  #reco .item {
    border: none !important;
    margin: 10px 0 !important;
    padding-left: 0 !important; }
  .sidebar {
    width: 90% !important;
    text-align: center; }
    .sidebar:before {
      margin-left: -8vw; }
    .sidebar h2 {
      margin: auto; }
    .sidebar h3 {
      font-size: 1.1rem; }
    .sidebar .side-all-agenda {
      margin: auto;
      float: none !important; }
  #devis .title, #devis .txt {
    padding: 0 5%; }
    #devis .title p, #devis .txt p {
      padding: 15px 0 !important; }
  #devis .demander-votre-devis {
    -webkit-transform: translate(0%, -120%) !important;
    transform: translate(0%, -120%) !important; }
  #newsletter #mc_embed_signup {
    border: none !important;
    width: 280px !important;
    padding: 0 !important; }
    #newsletter #mc_embed_signup #mc_embed_signup_scroll {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      #newsletter #mc_embed_signup #mc_embed_signup_scroll input {
        width: 280px !important; }
    #newsletter #mc_embed_signup #form {
      width: auto; }
    #newsletter #mc_embed_signup label {
      width: 280px !important;
      border: 2px solid white;
      border-radius: 20px;
      margin-bottom: 10px; }
    #newsletter #mc_embed_signup > input {
      margin-top: 10px; }
    #newsletter #mc_embed_signup .clear input {
      margin: 10px 0 0 0 !important; }
  #footer .block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    #footer .block p {
      margin-bottom: 10px;
      text-align: center;
      border: none !important; }
      #footer .block p:nth-of-type(1) img {
        float: none; }
  #sublog .bandeau {
    height: auto; }
    #sublog .bandeau .img {
      width: 100%;
      height: auto; }
  #sublog .title_gal {
    display: none; }
  #sublog .content_salle {
    width: 90% !important;
    top: 200px !important; }
    #sublog .content_salle p {
      padding: 0px 10px !important; }
  #sublog .mapsalles {
    width: 100% !important; }
  .start:not(#form)#archive, .start:not(#form)#calendrier, .start:not(#form)#articles {
    width: 90% !important; }
    .start:not(#form)#archive .cat, .start:not(#form)#calendrier .cat, .start:not(#form)#articles .cat {
      height: auto !important; }
      .start:not(#form)#archive .cat .btn-group:nth-child(1), .start:not(#form)#calendrier .cat .btn-group:nth-child(1), .start:not(#form)#articles .cat .btn-group:nth-child(1) {
        width: 100%; }
      .start:not(#form)#archive .cat .btn-group:nth-child(2), .start:not(#form)#calendrier .cat .btn-group:nth-child(2), .start:not(#form)#articles .cat .btn-group:nth-child(2) {
        float: left; }
      .start:not(#form)#archive .cat .btn-group label, .start:not(#form)#calendrier .cat .btn-group label, .start:not(#form)#articles .cat .btn-group label {
        margin-bottom: 10px; }
  .start:not(#form) .body-wrapper .card {
    width: 100% !important; }
  .start:not(#form) .body-wrapper .event .card-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .start:not(#form) .body-wrapper .event .card-content .reso {
      width: 100% !important;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
      justify-content: space-around; }
    .start:not(#form) .body-wrapper .event .card-content .txt {
      width: 100% !important; }
  #default .header-wrapper {
    width: 100% !important;
    text-align: center; }
    #default .header-wrapper .title {
      width: 90% !important; }
  #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper.embedForm {
    width: 90% !important; }
  #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody.ml-form-embedBodyHorizontal {
    display: block !important;
    margin-bottom: 1rem; }
  #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent label {
    white-space: normal !important; }
  #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent {
    border: 1px solid white !important;
    border-radius: 30px;
    margin-bottom: 20px; }
  #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody.ml-form-embedBodyHorizontal {
    border: none !important;
    border-radius: 0px !important; }
  #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input {
    text-align: center; }
  #tarteaucitronRoot #tarteaucitronAlertBig {
    padding: 10px 0 !important; }
  #le_campus #module {
    width: 90% !important;
    padding-right: 0 !important; }
    #le_campus #module .valeurs {
      flex-direction: column !important;
      width: 90%;
      align-self: center; }
      #le_campus #module .valeurs .valeur {
        width: 100% !important;
        text-align: center; }
    #le_campus #module .equipe {
      flex-direction: column !important;
      width: 90%;
      align-self: center; }
      #le_campus #module .equipe .personne {
        width: 100% !important;
        text-align: center; } }

#tarteaucitronBack {
  background: yellow; }

* {
  box-sizing: border-box; }

#nos-packs .content, #nos-offres .content {
  margin-top: 0;
  width: 70%;
  margin: auto; }
  #nos-packs .content .section .__intro, #nos-offres .content .section .__intro {
    text-align: center;
    color: #0093a3;
    margin: 100px 0; }
    #nos-packs .content .section .__intro p, #nos-offres .content .section .__intro p {
      font-family: "now_alt_bold";
      font-size: 1.2rem; }
  #nos-packs .content .section .d-flex, #nos-offres .content .section .d-flex {
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%; }
    #nos-packs .content .section .d-flex .__thumbnails, #nos-offres .content .section .d-flex .__thumbnails {
      margin: 0 1rem;
      width: calc((100% / 4) - 2rem);
      display: flex;
      flex-direction: column;
      align-self: baseline; }
      #nos-packs .content .section .d-flex .__thumbnails .__title, #nos-offres .content .section .d-flex .__thumbnails .__title {
        text-align: center;
        margin-bottom: 1rem; }
        #nos-packs .content .section .d-flex .__thumbnails .__title .__d-inline, #nos-offres .content .section .d-flex .__thumbnails .__title .__d-inline {
          display: inline-block;
          border-bottom: 3px solid #b5cb3a;
          width: max-content;
          max-width: 100%;
          padding-bottom: 0.5rem; }
          #nos-packs .content .section .d-flex .__thumbnails .__title .__d-inline span, #nos-offres .content .section .d-flex .__thumbnails .__title .__d-inline span {
            display: block;
            text-align: center;
            padding: 0 1.5rem 0.2rem 1.5rem;
            font-size: 0.8rem;
            font-family: "now_alt_medium"; }
      #nos-packs .content .section .d-flex .__thumbnails .__thumb, #nos-offres .content .section .d-flex .__thumbnails .__thumb {
        position: relative; }
        #nos-packs .content .section .d-flex .__thumbnails .__thumb .__images, #nos-offres .content .section .d-flex .__thumbnails .__thumb .__images {
          position: relative;
          height: 100%;
          max-height: 500px;
          overflow: hidden; }
          #nos-packs .content .section .d-flex .__thumbnails .__thumb .__images img, #nos-offres .content .section .d-flex .__thumbnails .__thumb .__images img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
  #nos-packs .content .section .dl_brochure, #nos-offres .content .section .dl_brochure {
    width: 100%;
    margin: 100px 0; }
    #nos-packs .content .section .dl_brochure a, #nos-offres .content .section .dl_brochure a {
      font-size: 1.5rem;
      font-family: "now_alt_medium";
      display: block;
      text-align: center;
      text-transform: uppercase;
      color: #0093a3; }
  #nos-packs .content .section.nos_pack .__thumbnails .__thumb.__hover, #nos-packs .content .section.nos_lieux .__thumbnails .__thumb.__hover, #nos-offres .content .section.nos_pack .__thumbnails .__thumb.__hover, #nos-offres .content .section.nos_lieux .__thumbnails .__thumb.__hover {
    transition: 0.3s transform ease; }
    #nos-packs .content .section.nos_pack .__thumbnails .__thumb.__hover a, #nos-packs .content .section.nos_lieux .__thumbnails .__thumb.__hover a, #nos-offres .content .section.nos_pack .__thumbnails .__thumb.__hover a, #nos-offres .content .section.nos_lieux .__thumbnails .__thumb.__hover a {
      outline: none;
      border: 0; }
    #nos-packs .content .section.nos_pack .__thumbnails .__thumb.__hover:hover, #nos-packs .content .section.nos_lieux .__thumbnails .__thumb.__hover:hover, #nos-offres .content .section.nos_pack .__thumbnails .__thumb.__hover:hover, #nos-offres .content .section.nos_lieux .__thumbnails .__thumb.__hover:hover {
      transform: scale(1.015);
      transition: 0.3s transform ease, 0.3s box-shadow ease; }
      #nos-packs .content .section.nos_pack .__thumbnails .__thumb.__hover:hover .__images, #nos-packs .content .section.nos_pack .__thumbnails .__thumb.__hover:hover .__btn, #nos-packs .content .section.nos_lieux .__thumbnails .__thumb.__hover:hover .__images, #nos-packs .content .section.nos_lieux .__thumbnails .__thumb.__hover:hover .__btn, #nos-offres .content .section.nos_pack .__thumbnails .__thumb.__hover:hover .__images, #nos-offres .content .section.nos_pack .__thumbnails .__thumb.__hover:hover .__btn, #nos-offres .content .section.nos_lieux .__thumbnails .__thumb.__hover:hover .__images, #nos-offres .content .section.nos_lieux .__thumbnails .__thumb.__hover:hover .__btn {
        box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
        transition: 0.3s box-shadow ease; }
      #nos-packs .content .section.nos_pack .__thumbnails .__thumb.__hover:hover .__images, #nos-packs .content .section.nos_lieux .__thumbnails .__thumb.__hover:hover .__images, #nos-offres .content .section.nos_pack .__thumbnails .__thumb.__hover:hover .__images, #nos-offres .content .section.nos_lieux .__thumbnails .__thumb.__hover:hover .__images {
        transition: 0.5s filter ease;
        filter: grayscale(0%); }
        #nos-packs .content .section.nos_pack .__thumbnails .__thumb.__hover:hover .__images img, #nos-packs .content .section.nos_lieux .__thumbnails .__thumb.__hover:hover .__images img, #nos-offres .content .section.nos_pack .__thumbnails .__thumb.__hover:hover .__images img, #nos-offres .content .section.nos_lieux .__thumbnails .__thumb.__hover:hover .__images img {
          filter: grayscale(100%);
          transition: 0.5s filter ease; }
  #nos-packs .content .section.nos_pack .__thumbnails .__images .__sub-title, #nos-packs .content .section.nos_lieux .__thumbnails .__images .__sub-title, #nos-offres .content .section.nos_pack .__thumbnails .__images .__sub-title, #nos-offres .content .section.nos_lieux .__thumbnails .__images .__sub-title {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(0%);
    text-align: center;
    color: white;
    padding: 1rem;
    transition: 0.5s transform ease, 1s opacity ease; }
    #nos-packs .content .section.nos_pack .__thumbnails .__images .__sub-title p, #nos-packs .content .section.nos_lieux .__thumbnails .__images .__sub-title p, #nos-offres .content .section.nos_pack .__thumbnails .__images .__sub-title p, #nos-offres .content .section.nos_lieux .__thumbnails .__images .__sub-title p {
      font-size: 1rem;
      font-family: "now_alt_medium"; }
  #nos-packs .content .section.nos_pack .__thumbnails .__btn, #nos-packs .content .section.nos_lieux .__thumbnails .__btn, #nos-offres .content .section.nos_pack .__thumbnails .__btn, #nos-offres .content .section.nos_lieux .__thumbnails .__btn {
    color: white;
    display: block;
    padding: 0.7rem 0;
    margin-top: 1rem;
    font-size: 0.8rem;
    font-family: "now_alt_medium";
    text-align: center; }
    #nos-packs .content .section.nos_pack .__thumbnails .__btn .triangle, #nos-packs .content .section.nos_lieux .__thumbnails .__btn .triangle, #nos-offres .content .section.nos_pack .__thumbnails .__btn .triangle, #nos-offres .content .section.nos_lieux .__thumbnails .__btn .triangle {
      position: absolute;
      z-index: -1;
      bottom: 0;
      left: 50%;
      transform: translate(-50%, 0%);
      display: inline-block;
      height: 0;
      width: 0;
      border-top: 20px solid;
      border-right: 15px solid transparent;
      border-left: 15px solid transparent;
      transition: 0.1s transform ease; }
      #nos-packs .content .section.nos_pack .__thumbnails .__btn .triangle.visible, #nos-packs .content .section.nos_lieux .__thumbnails .__btn .triangle.visible, #nos-offres .content .section.nos_pack .__thumbnails .__btn .triangle.visible, #nos-offres .content .section.nos_lieux .__thumbnails .__btn .triangle.visible {
        transform: translate(-50%, 90%);
        transition: 0.1s transform ease; }
      #nos-packs .content .section.nos_pack .__thumbnails .__btn .triangle.__blue, #nos-packs .content .section.nos_lieux .__thumbnails .__btn .triangle.__blue, #nos-offres .content .section.nos_pack .__thumbnails .__btn .triangle.__blue, #nos-offres .content .section.nos_lieux .__thumbnails .__btn .triangle.__blue {
        border-top: 20px solid #0093a3; }
      #nos-packs .content .section.nos_pack .__thumbnails .__btn .triangle.__green, #nos-packs .content .section.nos_lieux .__thumbnails .__btn .triangle.__green, #nos-offres .content .section.nos_pack .__thumbnails .__btn .triangle.__green, #nos-offres .content .section.nos_lieux .__thumbnails .__btn .triangle.__green {
        border-top: 20px solid #b5cb3a; }
      #nos-packs .content .section.nos_pack .__thumbnails .__btn .triangle.__red, #nos-packs .content .section.nos_lieux .__thumbnails .__btn .triangle.__red, #nos-offres .content .section.nos_pack .__thumbnails .__btn .triangle.__red, #nos-offres .content .section.nos_lieux .__thumbnails .__btn .triangle.__red {
        border-top: 20px solid #9e0027; }
    #nos-packs .content .section.nos_pack .__thumbnails .__btn.__blue, #nos-packs .content .section.nos_lieux .__thumbnails .__btn.__blue, #nos-offres .content .section.nos_pack .__thumbnails .__btn.__blue, #nos-offres .content .section.nos_lieux .__thumbnails .__btn.__blue {
      background: #0093a3; }
    #nos-packs .content .section.nos_pack .__thumbnails .__btn.__green, #nos-packs .content .section.nos_lieux .__thumbnails .__btn.__green, #nos-offres .content .section.nos_pack .__thumbnails .__btn.__green, #nos-offres .content .section.nos_lieux .__thumbnails .__btn.__green {
      background: #b5cb3a; }
    #nos-packs .content .section.nos_pack .__thumbnails .__btn.__red, #nos-packs .content .section.nos_lieux .__thumbnails .__btn.__red, #nos-offres .content .section.nos_pack .__thumbnails .__btn.__red, #nos-offres .content .section.nos_lieux .__thumbnails .__btn.__red {
      background: #9e0027; }
    #nos-packs .content .section.nos_pack .__thumbnails .__btn.__grey, #nos-packs .content .section.nos_lieux .__thumbnails .__btn.__grey, #nos-offres .content .section.nos_pack .__thumbnails .__btn.__grey, #nos-offres .content .section.nos_lieux .__thumbnails .__btn.__grey {
      background: #6e6f70; }
  #nos-packs .content .section.nos_pack .__thumbnails:hover .__images .__sub-title, #nos-packs .content .section.nos_lieux .__thumbnails:hover .__images .__sub-title, #nos-offres .content .section.nos_pack .__thumbnails:hover .__images .__sub-title, #nos-offres .content .section.nos_lieux .__thumbnails:hover .__images .__sub-title {
    opacity: 1;
    transform: translateY(-50%);
    transition: 0.5s transform ease, 1s opacity ease; }
  #nos-packs .content .section:last-child, #nos-offres .content .section:last-child {
    margin-bottom: 100px; }
  #nos-packs .content .section .__thumbnails:nth-child(1) .__more, #nos-offres .content .section .__thumbnails:nth-child(1) .__more {
    width: calc(100% * 4 + 6rem); }
  #nos-packs .content .section .__thumbnails:nth-child(2) .__more, #nos-offres .content .section .__thumbnails:nth-child(2) .__more {
    width: calc(100% * 4 + 6rem);
    transform: translateX(calc((-100% / 4) - 0.5rem)); }
  #nos-packs .content .section .__thumbnails:nth-child(3) .__more, #nos-offres .content .section .__thumbnails:nth-child(3) .__more {
    width: calc(100% * 4 + 6rem);
    transform: translateX(calc((-100% / 2) - 1rem)); }
  #nos-packs .content .section .__more, #nos-offres .content .section .__more {
    display: none;
    position: relative;
    left: 0;
    right: 0;
    margin: 0;
    margin: 2rem 0rem; }
    #nos-packs .content .section .__more .__wrap-content, #nos-offres .content .section .__more .__wrap-content {
      background-size: cover; }
    #nos-packs .content .section .__more .__txt.black p, #nos-offres .content .section .__more .__txt.black p {
      color: black !important; }
    #nos-packs .content .section .__more.__blue .__title, #nos-offres .content .section .__more.__blue .__title {
      color: #0093a3; }
    #nos-packs .content .section .__more.__blue .__txt p, #nos-offres .content .section .__more.__blue .__txt p {
      color: #0093a3; }
    #nos-packs .content .section .__more.__green .__title, #nos-offres .content .section .__more.__green .__title {
      color: #b5cb3a; }
    #nos-packs .content .section .__more.__green .__txt p, #nos-offres .content .section .__more.__green .__txt p {
      color: #b5cb3a; }
    #nos-packs .content .section .__more.__red .__title, #nos-offres .content .section .__more.__red .__title {
      color: #9e0027; }
    #nos-packs .content .section .__more.__red .__txt p, #nos-offres .content .section .__more.__red .__txt p {
      color: #9e0027; }
    #nos-packs .content .section .__more.visible, #nos-offres .content .section .__more.visible {
      display: block; }
    #nos-packs .content .section .__more .__details, #nos-offres .content .section .__more .__details {
      position: relative; }
    #nos-packs .content .section .__more .__image-background, #nos-offres .content .section .__more .__image-background {
      width: 100%;
      height: auto; }
      #nos-packs .content .section .__more .__image-background img, #nos-offres .content .section .__more .__image-background img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    #nos-packs .content .section .__more .__wrap-content, #nos-offres .content .section .__more .__wrap-content {
      z-index: 999;
      width: 100%;
      height: auto;
      padding: 2rem;
      display: flex;
      justify-content: flex-end; }
      #nos-packs .content .section .__more .__wrap-content .__content, #nos-offres .content .section .__more .__wrap-content .__content {
        background: white;
        width: 50%;
        height: auto;
        padding: 2rem;
        position: relative; }
        #nos-packs .content .section .__more .__wrap-content .__content .close, #nos-offres .content .section .__more .__wrap-content .__content .close {
          position: absolute;
          top: 1rem;
          right: 1rem;
          cursor: pointer; }
        #nos-packs .content .section .__more .__wrap-content .__content .__title, #nos-offres .content .section .__more .__wrap-content .__content .__title {
          text-align: left; }
          #nos-packs .content .section .__more .__wrap-content .__content .__title h6, #nos-offres .content .section .__more .__wrap-content .__content .__title h6 {
            margin: 0;
            font-size: 1.3rem;
            font-family: "now_alt_medium"; }
        #nos-packs .content .section .__more .__wrap-content .__content .__txt p, #nos-offres .content .section .__more .__wrap-content .__content .__txt p {
          font-size: 0.9rem;
          font-family: "now_alt_medium"; }
        #nos-packs .content .section .__more .__wrap-content .__content .__txt.__color, #nos-offres .content .section .__more .__wrap-content .__content .__txt.__color {
          color: #0093a3;
          margin-bottom: 1rem; }
        #nos-packs .content .section .__more .__wrap-content .__content .__btn, #nos-offres .content .section .__more .__wrap-content .__content .__btn {
          display: inline-flex;
          margin-top: 1rem;
          width: 100%; }
          #nos-packs .content .section .__more .__wrap-content .__content .__btn a, #nos-offres .content .section .__more .__wrap-content .__content .__btn a {
            display: block;
            text-align: center;
            width: 50%;
            background: #0093a3;
            margin: 0;
            transition: 0.3s transform ease, 0.3s box-shadow ease;
            padding: 0.5rem 1.5rem;
            font-family: "now_alt_medium";
            font-size: 0.7rem;
            color: white; }
            #nos-packs .content .section .__more .__wrap-content .__content .__btn a:not(:first-child), #nos-offres .content .section .__more .__wrap-content .__content .__btn a:not(:first-child) {
              margin-left: 1rem; }
            #nos-packs .content .section .__more .__wrap-content .__content .__btn a:hover, #nos-offres .content .section .__more .__wrap-content .__content .__btn a:hover {
              transform: scale(1.015);
              box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
              transition: 0.3s transform ease, 0.3s box-shadow ease; }
            #nos-packs .content .section .__more .__wrap-content .__content .__btn a.__blue, #nos-offres .content .section .__more .__wrap-content .__content .__btn a.__blue {
              background: #0093a3; }
            #nos-packs .content .section .__more .__wrap-content .__content .__btn a.__green, #nos-offres .content .section .__more .__wrap-content .__content .__btn a.__green {
              background: #b5cb3a; }
            #nos-packs .content .section .__more .__wrap-content .__content .__btn a.__red, #nos-offres .content .section .__more .__wrap-content .__content .__btn a.__red {
              background: #9e0027; }
    #nos-packs .content .section .__more.open, #nos-offres .content .section .__more.open {
      display: block; }

@media screen and (max-width: 1200px) {
  #nos-packs .content .section .__intro, #nos-offres .content .section .__intro {
    margin: 70px 0; }
    #nos-packs .content .section .__intro p, #nos-offres .content .section .__intro p {
      padding: 0 !important; }
  #nos-packs .content .section .d-flex .__thumbnails, #nos-offres .content .section .d-flex .__thumbnails {
    width: calc((100% / 3) - 2rem);
    margin-bottom: 2rem; }
    #nos-packs .content .section .d-flex .__thumbnails .__more, #nos-offres .content .section .d-flex .__thumbnails .__more {
      width: calc(100% * 3 + 4rem); }
      #nos-packs .content .section .d-flex .__thumbnails .__more .__content, #nos-offres .content .section .d-flex .__thumbnails .__more .__content {
        width: 100%; }
    #nos-packs .content .section .d-flex .__thumbnails:nth-child(2) .__more, #nos-offres .content .section .d-flex .__thumbnails:nth-child(2) .__more {
      transform: translateX(calc((-100% / 3) - 0.5rem)); }
    #nos-packs .content .section .d-flex .__thumbnails:nth-child(3) .__more, #nos-offres .content .section .d-flex .__thumbnails:nth-child(3) .__more {
      transform: translateX(calc((-100% / 1.5) - 1rem)); } }

@media screen and (max-width: 1024px) {
  #nos-packs .content .section .__intro, #nos-offres .content .section .__intro {
    margin: 50px 0; }
  #nos-packs .content .section .d-flex .__thumbnails, #nos-offres .content .section .d-flex .__thumbnails {
    width: calc((100% / 2) - 2rem);
    margin-bottom: 2rem; }
    #nos-packs .content .section .d-flex .__thumbnails .__more, #nos-offres .content .section .d-flex .__thumbnails .__more {
      width: calc(100% * 2 + 2rem); }
      #nos-packs .content .section .d-flex .__thumbnails .__more .__content, #nos-offres .content .section .d-flex .__thumbnails .__more .__content {
        width: 100%; }
    #nos-packs .content .section .d-flex .__thumbnails:nth-child(2) .__more, #nos-offres .content .section .d-flex .__thumbnails:nth-child(2) .__more {
      transform: translateX(calc((-100% / 2) - 1rem)); }
    #nos-packs .content .section .d-flex .__thumbnails:nth-child(3) .__more, #nos-offres .content .section .d-flex .__thumbnails:nth-child(3) .__more {
      transform: translateX(0%); } }

@media screen and (max-width: 750px) {
  .__details .__content p {
    padding: 0 !important; } }

@media screen and (max-width: 530px) {
  #nos-packs .content .section .__intro, #nos-offres .content .section .__intro {
    margin: 20px 0; }
  #nos-packs .content .section .d-flex .__thumbnails, #nos-offres .content .section .d-flex .__thumbnails {
    width: calc((100%) - 2rem);
    margin-bottom: 2rem; }
    #nos-packs .content .section .d-flex .__thumbnails .__title, #nos-offres .content .section .d-flex .__thumbnails .__title {
      margin-bottom: 0.5rem; }
      #nos-packs .content .section .d-flex .__thumbnails .__title .__d-inline, #nos-offres .content .section .d-flex .__thumbnails .__title .__d-inline {
        padding-bottom: 0.2rem; }
        #nos-packs .content .section .d-flex .__thumbnails .__title .__d-inline span, #nos-offres .content .section .d-flex .__thumbnails .__title .__d-inline span {
          padding: 0 1.5rem;
          font-size: 1rem; }
    #nos-packs .content .section .d-flex .__thumbnails .__more, #nos-offres .content .section .d-flex .__thumbnails .__more {
      width: calc(100%); }
      #nos-packs .content .section .d-flex .__thumbnails .__more .__details, #nos-offres .content .section .d-flex .__thumbnails .__more .__details {
        padding: 0rem; }
        #nos-packs .content .section .d-flex .__thumbnails .__more .__details .__content, #nos-offres .content .section .d-flex .__thumbnails .__more .__details .__content {
          width: 100%;
          padding: 1rem; }
          #nos-packs .content .section .d-flex .__thumbnails .__more .__details .__content p, #nos-offres .content .section .d-flex .__thumbnails .__more .__details .__content p {
            padding: 0 !important; }
          #nos-packs .content .section .d-flex .__thumbnails .__more .__details .__content .close, #nos-offres .content .section .d-flex .__thumbnails .__more .__details .__content .close {
            top: 0.5rem;
            right: 0.5rem; }
        #nos-packs .content .section .d-flex .__thumbnails .__more .__details .__wrap-content, #nos-offres .content .section .d-flex .__thumbnails .__more .__details .__wrap-content {
          padding: 0.5rem; }
      #nos-packs .content .section .d-flex .__thumbnails .__more .__btn, #nos-offres .content .section .d-flex .__thumbnails .__more .__btn {
        flex-direction: column; }
        #nos-packs .content .section .d-flex .__thumbnails .__more .__btn > a, #nos-offres .content .section .d-flex .__thumbnails .__more .__btn > a {
          margin: auto 0 1rem 0 !important;
          width: 100%; }
    #nos-packs .content .section .d-flex .__thumbnails:nth-child(2) .__more, #nos-offres .content .section .d-flex .__thumbnails:nth-child(2) .__more {
      transform: translateX(0%); }
    #nos-packs .content .section .d-flex .__thumbnails:nth-child(3) .__more, #nos-offres .content .section .d-flex .__thumbnails:nth-child(3) .__more {
      transform: translateX(0%); } }

.bandeau_partenaires {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 3rem;
  justify-content: center;
  align-items: center;
  align-content: space-around; }
  .bandeau_partenaires img {
    height: 4rem;
    width: auto;
    margin-right: 2rem; }

@media only screen and (max-width: 400px) {
  .bandeau_partenaires {
    align-self: center;
    justify-content: center;
    margin: 1rem; }
    .bandeau_partenaires img {
      height: 3rem;
      margin-right: 1rem;
      margin-bottom: 1rem; } }

.start#form .entete {
  border-top: 1px solid #0093a3; }

.start#form h2 {
  margin-top: 0; }

.start#form .body-wrapper {
  width: 100% !important;
  min-width: 250px;
  margin-bottom: 0 !important; }
  .start#form .body-wrapper form {
    width: 100% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 20px;
    margin: auto; }
    .start#form .body-wrapper form > .form-group {
      width: calc( (100% / 2)) !important;
      margin-left: 25%;
      margin-right: 25%;
      margin-top: 20px;
      padding-bottom: 20px; }
      .start#form .body-wrapper form > .form-group .form-data {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 20px 0px; }
        .start#form .body-wrapper form > .form-group .form-data > div {
          overflow: hidden;
          margin: 10px 10px;
          min-width: 100px;
          border: 2px solid #9e0027;
          border-radius: 30px;
          padding: 10px 20px; }
          .start#form .body-wrapper form > .form-group .form-data > div.check {
            background: #9e0027;
            color: white; }
          .start#form .body-wrapper form > .form-group .form-data > div input {
            border: none; }
          .start#form .body-wrapper form > .form-group .form-data > div input[type='radio'] {
            visibility: hidden;
            position: absolute; }
          .start#form .body-wrapper form > .form-group .form-data > div label {
            cursor: pointer; }
    .start#form .body-wrapper form > .form-field.form-group:nth-of-type(n+5):not(:nth-of-type(n+11)) {
      width: 25% !important;
      margin-top: 0;
      margin-bottom: 0; }
    .start#form .body-wrapper form > .form-field.form-group:nth-of-type(5) {
      margin-left: 25%;
      margin-right: 0; }
    .start#form .body-wrapper form > .form-field.form-group:nth-of-type(6) {
      margin-left: 0;
      margin-right: 25%; }
    .start#form .body-wrapper form > .form-field.form-group:nth-of-type(7) {
      margin-left: 25%;
      margin-right: 0; }
    .start#form .body-wrapper form > .form-field.form-group:nth-of-type(8) {
      margin-left: 0;
      margin-right: 25%; }
    .start#form .body-wrapper form > .form-field.form-group:nth-of-type(9) {
      margin-left: 25%;
      margin-right: 0; }
    .start#form .body-wrapper form > .form-field.form-group:nth-of-type(10) {
      margin-left: 0;
      margin-right: 25%; }
    .start#form .body-wrapper form .button-wrapper {
      order: 12 !important;
      background: #9e0027;
      height: 100px;
      position: relative !important;
      left: 0;
      width: 100% !important;
      bottom: 0;
      margin-bottom: 0; }
      .start#form .body-wrapper form .button-wrapper button {
        margin-right: 25%;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background: white;
        border-radius: 30px;
        padding: 10px 35px;
        box-shadow: none;
        border: 0; }
  .start#form .body-wrapper #send-valide {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #9e0027;
    border-radius: 20px;
    position: fixed;
    width: 30%;
    min-height: 30%;
    left: 50%;
    top: 50%;
    padding: 50px; }
    .start#form .body-wrapper #send-valide .toast {
      position: relative;
      text-align: center;
      color: white; }
    .start#form .body-wrapper #send-valide .ok {
      color: white;
      position: absolute;
      right: 20px;
      bottom: 20px; }

.gal {
  margin-left: 15%; }
  .gal .content_gal {
    width: 2.2% !important; }
    .gal .content_gal[aria-hidden="false"] .title_gal {
      opacity: 1;
      right: 70px;
      transition: right 1s ease, opacity 1s ease; }
  .gal .title_gal {
    position: absolute;
    right: 50px;
    max-width: 50%;
    background: #0093a3;
    padding: 25px;
    bottom: 20%;
    color: #ffffff;
    opacity: 0; }

.cat {
  height: 50px;
  z-index: 999;
  margin: 20px 0; }
  .cat .btn-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .cat .btn-group:nth-of-type(1) label {
      margin-right: 20px; }
    .cat .btn-group:nth-of-type(2) {
      float: right; }
  .cat label {
    padding: 10px;
    cursor: pointer; }
    .cat label.tous {
      border-top: 2px solid #b5cb3a;
      border-bottom: 2px solid #b5cb3a; }
    .cat label.professionnels {
      border-top: 2px solid #9e0027;
      border-bottom: 2px solid #9e0027; }
    .cat label.grand_public {
      border-top: 2px solid #0093a3;
      border-bottom: 2px solid #0093a3; }
    .cat label.formations {
      border-top: 2px solid #6e6f70;
      border-bottom: 2px solid #6e6f70; }
    .cat label.archive {
      border-top: 2px solid #00407d;
      border-bottom: 2px solid #00407d; }
  .cat input {
    visibility: hidden;
    position: absolute; }

.bandeau {
  width: 100%;
  height: auto;
  max-height: 500px;
  position: relative;
  overflow: hidden; }
  .bandeau::before {
    position: absolute;
    display: block;
    content: ' ';
    background-image: url("/user/themes/lecampus/images/Trame-bleu2.svg");
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1; }
  .bandeau .img {
    width: 70%;
    margin: auto; }
  .bandeau .title_gal {
    position: absolute;
    right: 25%;
    max-width: 50%;
    background: #0093a3;
    padding: 25px;
    top: 20vw;
    color: #ffffff; }
    .bandeau .title_gal p {
      font-family: now_alt_bold;
      font-size: 1.2rem;
      font-weight: 400;
      line-height: 2.2rem; }

.container > .title {
  background: #9e0027;
  border-radius: 30px;
  width: auto;
  float: left;
  padding: 10px 20px;
  color: white; }

.start {
  min-height: calc(100vh - 325px); }
  .start:not(#home) .entete {
    border-bottom: 10px solid #0093a3; }

.start:not(#form)#calendrier, .start:not(#form)#archive, .start:not(#form)#articles {
  width: 70%;
  margin: 40px auto 40px auto; }
  .start:not(#form)#calendrier .header-wrapper .title, .start:not(#form)#archive .header-wrapper .title, .start:not(#form)#articles .header-wrapper .title {
    display: flex; }
    .start:not(#form)#calendrier .header-wrapper .title h1, .start:not(#form)#archive .header-wrapper .title h1, .start:not(#form)#articles .header-wrapper .title h1 {
      width: auto;
      margin-bottom: 20px;
      background: #9e0027;
      border-radius: 30px;
      padding: 10px 20px;
      color: white;
      font-size: 1.2rem; }

.start:not(#form)#event {
  margin: 40px auto 40px auto; }
  .start:not(#form)#event .title {
    display: flex; }
    .start:not(#form)#event .title h1 {
      width: auto;
      margin-bottom: 20px;
      background: #9e0027;
      border-radius: 30px;
      padding: 10px 20px;
      color: white;
      font-size: 1.2rem; }

.start:not(#form) .body-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  position: relative; }
  .start:not(#form) .body-wrapper .card {
    width: calc( (100% / 3) - 27px);
    min-width: 200px;
    margin: 0 0 40px 0;
    max-width: 1200px; }
    .start:not(#form) .body-wrapper .card .card-header {
      position: relative;
      width: 100%;
      right: 0;
      text-align: right; }
      .start:not(#form) .body-wrapper .card .card-header.professionnels {
        background-color: #9e0027; }
      .start:not(#form) .body-wrapper .card .card-header.grand_public {
        background-color: #0093a3; }
      .start:not(#form) .body-wrapper .card .card-header.formations {
        background-color: #6e6f70; }
      .start:not(#form) .body-wrapper .card .card-header .publics {
        padding: 2.5px 10px;
        color: white; }
    .start:not(#form) .body-wrapper .card .card-body {
      padding: 15px;
      background-image: url("/user/themes/lecampus/images/Trame-bleu2.svg");
      background-repeat: repeat; }
  .start:not(#form) .body-wrapper .event {
    width: 45%; }
    .start:not(#form) .body-wrapper .event .card-content .reso {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      flex-wrap: nowrap;
      justify-content: space-between; }
      .start:not(#form) .body-wrapper .event .card-content .reso > div, .start:not(#form) .body-wrapper .event .card-content .reso > a {
        margin-right: 15px; }
      .start:not(#form) .body-wrapper .event .card-content .reso a {
        display: block;
        margin-bottom: 10px; }
        .start:not(#form) .body-wrapper .event .card-content .reso a img {
          margin-left: 10px;
          width: 20px; }
    .start:not(#form) .body-wrapper .event .card-content .txt {
      width: 80%; }

#articles .cat label:not(.active) {
  border: none; }

#articles .cat label.active, #articles .cat label:hover {
  border-top: 1px solid #0093a3;
  border-bottom: 2px solid #b5cb3a; }

#articles .articles-listing {
  flex-direction: column; }
  #articles .articles-listing .card {
    width: 100% !important; }
    #articles .articles-listing .card > a {
      display: grid;
      grid-template-columns: minmax(300px, 25%) minmax(400px, calc(75% - 40px));
      grid-template-rows: 250px;
      grid-column-gap: 40px;
      position: relative; }
      #articles .articles-listing .card > a .card-image {
        grid-column-start: 1;
        grid-row-start: 1;
        object-fit: contain;
        overflow: hidden;
        display: inline-flex;
        justify-content: center; }
        #articles .articles-listing .card > a .card-image img {
          display: inline-block;
          height: 250px;
          width: auto; }
      #articles .articles-listing .card > a .wrapper-content {
        grid-column-start: 2;
        grid-row-start: 1;
        background-image: url(/user/themes/lecampus/images/Trame-bleu2.svg);
        background-repeat: repeat;
        padding: 20px 20px;
        width: 100%;
        height: 100%; }
        #articles .articles-listing .card > a .wrapper-content .date {
          float: left; }
        #articles .articles-listing .card > a .wrapper-content .cat {
          margin-left: 3px; }
        #articles .articles-listing .card > a .wrapper-content .readmore {
          float: right; }
    #articles .articles-listing .card .card-content {
      overflow: hidden;
      height: 7.7rem; }
      #articles .articles-listing .card .card-content h2 {
        font-size: 0.9rem; }
    #articles .articles-listing .card:last-child {
      margin-bottom: 0; }

.paginations {
  max-width: 1200px; }
  .paginations > ul > li {
    border: none; }
    .paginations > ul > li > span.active::after {
      content: " ";
      width: 100%;
      height: 5px;
      display: block;
      background: #b5cb3a; }
    .paginations > ul > li span, .paginations > ul > li a {
      padding: 4px 5px; }
    .paginations > ul > li:first-child {
      float: left; }
      .paginations > ul > li:first-child > a::before, .paginations > ul > li:first-child > span::before {
        content: "<";
        margin-right: 10px;
        display: inline-block;
        transform: translateX(0px);
        transition: 0.3s transform ease; }
      .paginations > ul > li:first-child > a:hover::before {
        transform: translateX(-3px);
        transition: 0.3s transform ease; }
    .paginations > ul > li:last-child {
      float: right; }
      .paginations > ul > li:last-child > a::after, .paginations > ul > li:last-child > span::after {
        content: ">";
        margin-left: 10px;
        display: inline-block;
        transform: translateX(0px);
        transition: 0.3s transform ease; }
      .paginations > ul > li:last-child > a:hover::after {
        transform: translateX(3px);
        transition: 0.3s transform ease; }

.start#form .entete {
  border-top: 1px solid #0093a3; }

.start#form h2 {
  margin-top: 0; }

.start#form .body-wrapper {
  width: 100%;
  min-width: 250px;
  margin: auto auto 140px auto; }
  .start#form .body-wrapper form {
    width: calc( (100% / 2));
    margin-top: 20px;
    margin: auto; }
    .start#form .body-wrapper form > div {
      width: 100%;
      margin: 20px 0;
      border-bottom: 1px solid #9e0027; }
      .start#form .body-wrapper form > div .form-data {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 20px 0px; }
        .start#form .body-wrapper form > div .form-data > div {
          overflow: hidden;
          margin: 10px 10px;
          min-width: 100px;
          border: 2px solid #9e0027;
          border-radius: 30px;
          padding: 10px 20px; }
          .start#form .body-wrapper form > div .form-data > div.check {
            background: #9e0027;
            color: white; }
          .start#form .body-wrapper form > div .form-data > div input {
            border: none; }
          .start#form .body-wrapper form > div .form-data > div input[type='radio'] {
            visibility: hidden;
            position: absolute; }
          .start#form .body-wrapper form > div .form-data > div label {
            cursor: pointer; }
      .start#form .body-wrapper form > div:nth-of-type(n+5):not(:nth-of-type(n+12)) {
        width: 50%;
        float: left;
        border-bottom: 0px; }
        .start#form .body-wrapper form > div:nth-of-type(n+5):not(:nth-of-type(n+12)) .form-data {
          width: 100%; }
          .start#form .body-wrapper form > div:nth-of-type(n+5):not(:nth-of-type(n+12)) .form-data > div {
            width: 100%; }
      .start#form .body-wrapper form > div:nth-of-type(11) {
        border-bottom: 1px solid #9e0027 !important;
        width: 100% !important; }
        .start#form .body-wrapper form > div:nth-of-type(11) .form-data {
          width: 50% !important; }
      .start#form .body-wrapper form > div.button-wrapper {
        background: #9e0027;
        height: 100px;
        position: absolute;
        left: 0;
        width: 100%; }
        .start#form .body-wrapper form > div.button-wrapper button {
          margin-right: 25%;
          position: absolute;
          right: 0;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          background: white;
          border-radius: 30px;
          padding: 10px 35px;
          box-shadow: none;
          border: 0; }
  .start#form .body-wrapper #send-valide {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #9e0027;
    border-radius: 20px;
    position: fixed;
    width: 30%;
    min-height: 30%;
    left: 50%;
    top: 50%;
    padding: 50px; }
    .start#form .body-wrapper #send-valide .toast {
      position: relative;
      text-align: center;
      color: white; }
    .start#form .body-wrapper #send-valide .ok {
      color: white;
      position: absolute;
      right: 20px;
      bottom: 20px; }

.header-wrapper .title h2 {
  width: auto;
  margin-bottom: 20px;
  background: #9e0027;
  border-radius: 30px;
  width: auto;
  padding: 10px 20px;
  color: white;
  font-size: 1.2rem;
  width: 115px; }

.content {
  width: 50%;
  margin: 4rem auto; }
  .content p {
    margin: 10px 0; }

.content_s {
  margin: auto !important; }

.entete {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px;
  background-image: url("/user/themes/lecampus/images/Trame-bleu2.svg");
  background-repeat: repeat;
  height: auto;
  border-top: 10px solid #b5cb3a; }
  .entete .entete_c {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    width: 70%;
    margin: 50px auto;
    position: relative; }
    .entete .entete_c h1 {
      width: auto;
      margin-bottom: 20px;
      background: #9e0027;
      border-radius: 30px;
      width: auto;
      padding: 10px 20px; }

.body-wrapper .content h4:not(:first-of-type) {
  border-top: 1px solid black;
  padding-top: 30px;
  margin: 30px 0 0 0; }

.body-wrapper .sub-content {
  border-top: 1px solid black;
  margin-bottom: 20px;
  margin-top: 20px; }
  .body-wrapper .sub-content > img {
    width: 33%;
    float: left;
    margin: 20px 10px 0px 0px; }

#event {
  margin-bottom: 20px; }
  #event .content {
    margin-top: 50px; }
    #event .content h2 {
      float: left;
      margin-right: 20px; }
    #event .content .reso {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      flex-wrap: nowrap;
      width: 50px;
      height: 25px; }
  #event .sidebar {
    margin-top: 50px; }
  #event p a {
    text-decoration: underline; }

.sidebar {
  position: absolute;
  right: 0;
  width: 20%;
  margin: -55px auto 0 20px; }
  .sidebar h2 {
    background: #9e0027;
    border-radius: 100px;
    width: 100px;
    height: 100px; }
  .sidebar .side-agenda {
    padding: 10px 20px 10px 0; }
    .sidebar .side-agenda:not(:nth-of-type(1)) {
      border-top: 1px solid #0093a3; }
      .sidebar .side-agenda:not(:nth-of-type(1))::before {
        content: " ";
        display: block;
        position: absolute;
        width: 5px;
        height: 5px;
        margin-top: -13px;
        border-radius: 10px;
        background: #0093a3; }
    .sidebar .side-agenda:nth-of-type(3) {
      margin-bottom: 10px; }
  .sidebar .side-all-agenda {
    background: white;
    width: auto;
    padding: 10px 20px;
    margin-bottom: 10px;
    float: left;
    border: 2px solid #9e0027;
    border-radius: 30px;
    transition: background-color 0.3s ease; }
    .sidebar .side-all-agenda a {
      color: black; }
    .sidebar .side-all-agenda:hover {
      background-color: #9e0027;
      transition: background-color 0.3s ease; }
      .sidebar .side-all-agenda:hover a {
        color: white; }

#newsletter {
  padding: 20px 0;
  background: #0093a3;
  /* LOADER */ }
  #newsletter .ml-form-embedSubmitLoad {
    display: inline-block;
    width: 20px;
    height: 20px; }
  #newsletter .ml-form-embedSubmitLoad:after {
    content: " ";
    display: block;
    width: 11px;
    height: 11px;
    margin: 1px;
    border-radius: 50%;
    border: 4px solid #fff;
    border-color: #ffffff #ffffff #ffffff transparent;
    -webkit-animation: ml-form-embedSubmitLoad 1.2s linear infinite;
    animation: ml-form-embedSubmitLoad 1.2s linear infinite; }

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

@keyframes ml-form-embedSubmitLoad {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
  #newsletter #mlb2-985974.ml-form-embedContainer {
    box-sizing: border-box;
    display: table;
    height: 100%;
    margin: 0 auto;
    width: 100% !important; }
  #newsletter #mlb2-985974.ml-form-embedContainer h4,
  #newsletter #mlb2-985974.ml-form-embedContainer p,
  #newsletter #mlb2-985974.ml-form-embedContainer span,
  #newsletter #mlb2-985974.ml-form-embedContainer button {
    text-transform: none !important;
    letter-spacing: normal !important; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper {
    display: inline-block !important;
    margin: 0;
    padding: 0;
    position: relative; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper.embedPopup,
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper.embedDefault {
    width: 400px; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper.embedForm {
    width: 750px; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-align-left {
    text-align: left; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-align-center {
    text-align: center; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-align-default {
    display: table-cell !important;
    vertical-align: middle !important;
    text-align: center !important; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-align-right {
    text-align: right; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedHeader img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: auto;
    width: 100%; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody.ml-form-embedBodyHorizontal {
    padding-bottom: 0;
    justify-content: center;
    display: flex;
    border: 1px solid white;
    border-radius: 30px;
    overflow: hidden; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent,
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent {
    width: 100%; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent {
    color: white; }
    #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p {
      color: white;
      text-align: center;
      font-family: "Regular"; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent label {
    color: white;
    white-space: nowrap;
    padding: 0 20px;
    line-height: 40px; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p,
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p {
    color: #000000;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 10px 0;
    text-align: left;
    text-align: center;
    color: white; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ul,
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ol,
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ul,
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ol {
    color: #000000;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 14px; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p a,
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p a {
    color: #000000;
    text-decoration: underline; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p:last-child,
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p:last-child {
    margin: 0; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody form {
    margin: 0;
    width: 100%; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent,
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow {
    margin: 0 0 20px 0;
    width: 100%; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent.horozintalForm {
    margin: 0; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow {
    margin: 0 0 10px 0;
    width: 100%; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow.ml-last-item {
    margin: 0; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow.ml-formfieldHorizintal {
    margin: 0; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input {
    background-color: #ffffff !important;
    color: #333333 !important;
    border-color: #cccccc !important;
    border-radius: 4px !important;
    border-style: solid !important;
    border-width: 1px !important;
    font-size: 14px !important;
    line-height: 20px !important;
    padding: 10px 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    max-width: 100% !important; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-webkit-input-placeholder {
    color: #333333; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-moz-placeholder {
    color: #333333; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-ms-input-placeholder {
    color: #333333; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-moz-placeholder {
    color: #333333; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow {
    height: 40px;
    display: flex; }
  #newsletter .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal {
    width: 100%; }
  #newsletter .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal {
    width: auto;
    margin-left: -45px; }
  #newsletter .ml-form-formContent.horozintalForm .ml-form-horizontalRow .horizontal-fields {
    box-sizing: border-box;
    float: left; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input {
    background-color: #ffffff;
    color: #333333;
    border-radius: 30px;
    border-style: solid;
    border-width: 0px;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 10px;
    width: 100%;
    box-sizing: border-box; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button {
    background-color: transparent;
    border-color: transparent;
    border-style: solid;
    box-shadow: none;
    color: black !important;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 14px !important;
    font-weight: 700;
    line-height: 20px;
    padding: 10px !important;
    width: 100%; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"] {
    display: inline-block;
    float: left;
    margin: 1px 0 0 0;
    opacity: 1;
    visibility: visible;
    appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    position: relative;
    height: 14px;
    width: 14px; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description {
    color: #000000;
    display: block;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
    padding-left: 25px; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label {
    font-weight: normal;
    margin: 0;
    padding: 0; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label a {
    color: #000000;
    text-decoration: underline; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p {
    color: #000000 !important;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 18px !important;
    padding: 0 !important;
    margin: 0 5px 0 0 !important; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p:last-child {
    margin: 0; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit {
    margin: 0 0 20px 0; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {
    background-color: #000000 !important;
    border: none !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    color: #ffffff !important;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    padding: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover {
    background-color: #333333 !important; }
  #newsletter .ml-subscribe-close {
    width: 30px;
    height: 30px;
    background: url(https://bucket.mlcdn.com/images/default/modal_close.png) no-repeat;
    background-size: 30px;
    cursor: pointer;
    margin-top: -10px;
    margin-right: -10px;
    position: absolute;
    top: 0;
    right: 0; }
  #newsletter .ml-error input {
    background: url(https://bucket.mlcdn.com/images/default/error-icon.png) 98% center no-repeat #ffffff !important;
    background-size: 24px 24px !important; }
  #newsletter .ml-error .label-description {
    color: #ff0000 !important; }
  #newsletter .ml-error .label-description p {
    color: #ff0000 !important; }
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p,
  #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p:first-letter {
    color: #ff0000 !important; }
  @media only screen and (max-width: 400px) {
    #newsletter .ml-form-formContent.horozintalForm .ml-form-horizontalRow .horizontal-fields {
      margin-bottom: 10px !important;
      width: 100% !important; } }
  #newsletter #mc_embed_signup {
    width: 600px;
    margin: auto;
    padding: 0 0 0 10px;
    border-radius: 100px;
    border: 1px solid #ffffff; }
    #newsletter #mc_embed_signup form {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%; }
      #newsletter #mc_embed_signup form #mc_embed_signup_scroll {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        margin: auto; }
        #newsletter #mc_embed_signup form #mc_embed_signup_scroll label {
          text-align: center;
          color: #ffffff;
          margin-right: 10px;
          width: 260px; }
        #newsletter #mc_embed_signup form #mc_embed_signup_scroll > input {
          width: 315px;
          padding-left: 20px; }
        #newsletter #mc_embed_signup form #mc_embed_signup_scroll input {
          border-radius: 30px;
          height: 31px;
          box-shadow: none;
          border: none; }
        #newsletter #mc_embed_signup form #mc_embed_signup_scroll .clear input {
          background: #ffffff;
          margin-left: -30px; }

#home .content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  #home .content > p {
    position: relative;
    width: calc(100% / 3);
    padding: 50px 20px;
    margin-top: 10px; }
    #home .content > p img {
      position: absolute;
      width: auto;
      height: 50px;
      top: -20px;
      left: 50%;
      -webkit-transform: translate(-50%);
      transform: translate(-50%); }
    #home .content > p:nth-of-type(n+4) {
      width: calc(100% / 4); }
    #home .content > p:last-child {
      width: auto !important;
      margin-top: 0 !important;
      margin: auto; }
      #home .content > p:last-child a {
        display: block;
        padding: 10px 20px;
        text-align: center;
        border: 2px solid #b5cb3a;
        border-radius: 30px;
        margin: auto;
        transition: background-color 0.3s ease; }

#item .item-wrapper, #item-article .item-wrapper {
  width: 45%;
  margin: auto; }
  #item .item-wrapper .title-wrapper, #item-article .item-wrapper .title-wrapper {
    display: inline-flex;
    align-items: baseline;
    width: 100%;
    margin: 40px 0; }
    #item .item-wrapper .title-wrapper .back, #item-article .item-wrapper .title-wrapper .back {
      margin-right: 10px;
      margin-left: -80px; }
      #item .item-wrapper .title-wrapper .back::before, #item-article .item-wrapper .title-wrapper .back::before {
        content: "<";
        display: inline-block;
        margin-right: 5px; }
    #item .item-wrapper .title-wrapper .title, #item-article .item-wrapper .title-wrapper .title {
      width: auto;
      margin: 0; }
      #item .item-wrapper .title-wrapper .title h1, #item-article .item-wrapper .title-wrapper .title h1 {
        width: auto;
        padding: 10px 20px;
        border-radius: 30px;
        background: #9e0027; }
  #item .item-wrapper .info-wrapper, #item-article .item-wrapper .info-wrapper {
    display: inline-flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-end; }
    #item .item-wrapper .info-wrapper .date, #item-article .item-wrapper .info-wrapper .date {
      width: 100%;
      background-image: url("/user/themes/lecampus/images/Trame-bleu2.svg");
      background-repeat: repeat;
      padding: 5px 10px;
      text-align: right;
      margin-bottom: 20px; }
    #item .item-wrapper .info-wrapper .reso, #item-article .item-wrapper .info-wrapper .reso {
      display: inline-flex;
      margin-bottom: 20px; }
      #item .item-wrapper .info-wrapper .reso a, #item-article .item-wrapper .info-wrapper .reso a {
        display: inline-flex;
        margin: 0 0 0 10px;
        align-items: center; }
        #item .item-wrapper .info-wrapper .reso a img, #item-article .item-wrapper .info-wrapper .reso a img {
          margin-left: 5px;
          width: 20px;
          height: auto; }
  #item .item-wrapper .body-wrapper .card-image, #item-article .item-wrapper .body-wrapper .card-image {
    width: 100%; }
  #item .item-wrapper .body-wrapper .card-content, #item-article .item-wrapper .body-wrapper .card-content {
    margin: 40px 0; }
    #item .item-wrapper .body-wrapper .card-content .txt p, #item-article .item-wrapper .body-wrapper .card-content .txt p {
      margin: 0 0 1.2rem 0;
      line-height: 1.5rem; }
    #item .item-wrapper .body-wrapper .card-content .txt h2, #item-article .item-wrapper .body-wrapper .card-content .txt h2 {
      font-size: 1.2rem;
      font-family: "bold";
      font-weight: normal;
      margin: 0; }
    #item .item-wrapper .body-wrapper .card-content .txt ul, #item-article .item-wrapper .body-wrapper .card-content .txt ul {
      margin-bottom: 1.2rem; }
      #item .item-wrapper .body-wrapper .card-content .txt ul li::before, #item-article .item-wrapper .body-wrapper .card-content .txt ul li::before {
        content: " ";
        width: 5px;
        height: 5px;
        border-radius: 10px;
        display: inline-block;
        vertical-align: middle;
        background: #9e0027;
        margin-right: 5px; }

#item .content, #item-article .content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  #item .content .images_s, #item-article .content .images_s {
    width: 40%;
    align-self: center;
    margin-right: 15px; }
    #item .content .images_s img, #item-article .content .images_s img {
      margin-bottom: 15px; }
  #item .content .content_s, #item-article .content .content_s {
    width: calc(60% - 30px); }
  #item .content .icones, #item-article .content .icones {
    margin: 70px 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%; }
    #item .content .icones .icon, #item-article .content .icones .icon {
      height: 50px;
      width: auto;
      max-width: 200px; }
      #item .content .icones .icon img, #item-article .content .icones .icon img {
        height: 50px;
        width: 100%; }
      #item .content .icones .icon p, #item-article .content .icones .icon p {
        text-align: center; }

#devis.home .title {
  visibility: hidden; }

#devis {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-image: url("/user/themes/lecampus/images/Trame-bleu2.svg");
  background-repeat: repeat;
  width: 100%; }
  #devis .title {
    width: 200px;
    height: 200px;
    background: #9e0027;
    border-radius: 200px;
    -webkit-transform: translateX(80px);
    transform: translateX(80px); }
    #devis .title h4 {
      text-align: center;
      color: white;
      margin: 50% 10px 0 10px;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
  #devis .txt {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: white;
    width: 25%;
    margin-right: 20px;
    height: auto; }
    #devis .txt p {
      padding: 20px 20px 20px 20px;
      color: black;
      text-align: left; }
      #devis .txt p strong {
        font-size: 1.3rem; }
  #devis .demander-votre-devis {
    margin-top: 0;
    -webkit-transform: translate(50%, -125%);
    transform: translate(50%, -125%); }
  #devis .img {
    width: 400px;
    height: 300px;
    position: relative; }
    #devis .img .content-img {
      width: auto;
      height: auto;
      overflow: hidden; }
      #devis .img .content-img > img {
        width: 100%;
        height: 100%; }

#devis.item, #devis.sublog, #devis.item-article, #devis.nos-offres, #devis.nos-packs, #devis.le_campus {
  background: #9e0027;
  height: auto;
  padding: 20px 0; }
  #devis.item a, #devis.sublog a, #devis.item-article a, #devis.nos-offres a, #devis.nos-packs a, #devis.le_campus a {
    color: white; }
    #devis.item a .title, #devis.sublog a .title, #devis.item-article a .title, #devis.nos-offres a .title, #devis.nos-packs a .title, #devis.le_campus a .title {
      vertical-align: baseline;
      border-radius: 30px;
      border: 1px solid white;
      padding: 5px 20px;
      height: 35px;
      width: auto;
      -webkit-transform: translateX(0);
      transform: translateX(0); }
    #devis.item a:hover, #devis.sublog a:hover, #devis.item-article a:hover, #devis.nos-offres a:hover, #devis.nos-packs a:hover, #devis.le_campus a:hover {
      color: black; }
      #devis.item a:hover .title, #devis.sublog a:hover .title, #devis.item-article a:hover .title, #devis.nos-offres a:hover .title, #devis.nos-packs a:hover .title, #devis.le_campus a:hover .title {
        background: white;
        transition: background 0.3s ease; }

#reco {
  background: #00407d; }
  #reco .title {
    display: flex;
    cursor: pointer;
    width: 100%;
    padding: 10px; }
    #reco .title h2 {
      width: auto;
      margin: auto;
      color: white;
      padding: 10px;
      text-align: center;
      border-top: 1px solid white;
      border-bottom: 1px solid white;
      font-size: 1rem; }
      #reco .title h2::after {
        display: inline-flex;
        margin-left: 10px;
        content: " ";
        background: url("../images/fleche-top.svg");
        background-size: 15px 18px;
        background-repeat: no-repeat;
        width: 15px;
        height: 18px; }
    #reco .title.open h2:after {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
  #reco .txt {
    z-index: -1;
    position: relative;
    width: 100%;
    display: none; }
    #reco .txt p {
      color: white;
      width: 300px; }
      #reco .txt p a {
        color: white;
        text-decoration: underline; }
    #reco .txt.open {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: center;
      padding-top: 20px;
      z-index: 999;
      background: #00407d; }
      #reco .txt.open .item {
        display: block; }
    #reco .txt h3 {
      color: #b5cb3a; }
  #reco .item {
    margin: 0 0px 20px 20px;
    border-left: 1px solid white;
    padding-left: 20px; }
    #reco .item img {
      width: 50px;
      margin-bottom: 10px; }

.content_s.map {
  width: 100% !important;
  height: auto; }
  .content_s.map p:last-child {
    height: 500px; }
  .content_s.map a#carte {
    display: block;
    width: 100%;
    height: 100%; }

#event .title, #item .title, #item-article .title {
  width: 45%;
  margin: auto; }

#event .head-event .tags, #item .head-event .tags, #item-article .head-event .tags {
  width: 100%; }
  #event .head-event .tags.professionnels, #item .head-event .tags.professionnels, #item-article .head-event .tags.professionnels {
    background-color: #9e0027; }
  #event .head-event .tags.grand_public, #item .head-event .tags.grand_public, #item-article .head-event .tags.grand_public {
    background-color: #0093a3; }
  #event .head-event .tags.formations, #item .head-event .tags.formations, #item-article .head-event .tags.formations {
    background-color: #6e6f70; }
  #event .head-event .tags.publics, #item .head-event .tags.publics, #item-article .head-event .tags.publics {
    padding: 2.5px 10px;
    color: white; }

#event .card-header, #item .card-header, #item-article .card-header {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%; }
  #event .card-header.professionnels, #item .card-header.professionnels, #item-article .card-header.professionnels {
    background-color: #9e0027; }
  #event .card-header.grand_public, #item .card-header.grand_public, #item-article .card-header.grand_public {
    background-color: #0093a3; }
  #event .card-header.formations, #item .card-header.formations, #item-article .card-header.formations {
    background-color: #6e6f70; }
  #event .card-header .publics, #item .card-header .publics, #item-article .card-header .publics {
    text-align: right; }
    #event .card-header .publics.publics, #item .card-header .publics.publics, #item-article .card-header .publics.publics {
      padding: 2.5px 10px;
      color: white; }

#event .card-body, #item .card-body, #item-article .card-body {
  padding: 15px;
  background-image: url("/user/themes/lecampus/images/Trame-bleu2.svg");
  background-repeat: repeat; }

#event .card-content, #item .card-content, #item-article .card-content {
  margin-top: 20px; }

.demander-votre-devis {
  padding: 10px;
  z-index: 999;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background: #9e0027;
  position: absolute;
  width: 200px;
  height: 200px;
  right: 5%;
  color: white;
  text-align: center; }
  .demander-votre-devis strong {
    font-weight: bold !important; }
  .demander-votre-devis a {
    color: white; }
  .demander-votre-devis img {
    margin-top: 10px;
    width: 50px; }

#sublog .body-wrapper {
  background-image: url("../images/Trame-gris.svg");
  background-repeat: repeat; }

#sublog .content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 90%;
  flex-direction: row-reverse;
  justify-content: space-between; }
  #sublog .content .txt {
    width: 50%; }
    #sublog .content .txt .content_txt {
      width: 50%; }
    #sublog .content .txt > p {
      font-size: 1.2rem;
      font-family: "bold"; }

#sublog svg {
  pointer-events: none; }

#sublog .mapsalles {
  width: 50%;
  position: relative; }
  #sublog .mapsalles .contour {
    position: relative;
    z-index: 1;
    pointer-events: none;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    overflow: hidden; }
  #sublog .mapsalles .fond {
    position: absolute;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    overflow: hidden;
    z-index: 0;
    left: 0;
    top: 5.3%; }
    #sublog .mapsalles .fond path {
      fill: none;
      pointer-events: all;
      transition: fill 0.3s ease; }
      #sublog .mapsalles .fond path:hover {
        fill: #0093a3 !important;
        transition: fill 0.3s ease; }

#sublog .content_salle {
  visibility: hidden;
  overflow-x: hidden;
  position: absolute;
  left: 50%;
  top: 300px;
  width: 40%;
  background: white; }
  #sublog .content_salle > p {
    padding-left: 10px; }
  #sublog .content_salle .header-salles {
    height: 100%;
    background: #0093a3;
    padding: 5px 10px;
    color: white;
    margin-top: 0;
    width: 100%; }
    #sublog .content_salle .header-salles h3 {
      width: 100%; }
    #sublog .content_salle .header-salles img {
      display: none; }
  #sublog .content_salle .gal-salles {
    height: 100%;
    position: relative; }
    #sublog .content_salle .gal-salles img {
      width: 100%;
      height: 100%; }
  #sublog .content_salle h4 {
    background: #b5cb3a;
    font-size: 1.2rem;
    font-family: "bold";
    padding: 5px 10px;
    margin-top: -1px; }

#sublog .slidesjs-navigation {
  margin-right: 5px;
  float: left;
  display: block;
  width: 30px;
  height: 30px;
  padding-top: 13px;
  background-position: 0 0;
  overflow: hidden;
  z-index: 999;
  position: absolute;
  top: 50%; }

#sublog .slidesjs-previous {
  left: 10px;
  background-image: url("/user/themes/lecampus/images/arrow-gal.svg"); }

#sublog .slidesjs-next {
  background-image: url("/user/themes/lecampus/images/arrow-gal-next.svg");
  right: 10px; }

#default .header-wrapper {
  width: 45%;
  margin-top: 50px;
  margin: auto; }

#default .body-wrapper {
  margin-bottom: 50px; }

#default .title {
  width: 80%;
  margin: auto; }

#default .txt {
  margin: auto; }

#default p {
  margin-bottom: 10px; }

.ok {
  cursor: pointer; }

.cookie-banner {
  display: none;
  position: fixed;
  top: 0;
  width: 100%; }
  .cookie-banner.active {
    display: block; }

.cookie-inform-and-ask {
  background-color: green;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%; }
  .cookie-inform-and-ask.active {
    display: block; }
  .cookie-inform-and-ask .cookie-dialog {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 70%; }

#le_campus #module {
  width: 60%;
  margin: auto;
  margin-top: 4rem;
  margin-bottom: 4rem;
  padding-right: 4rem;
  display: flex;
  flex-direction: column; }
  #le_campus #module .titre-module {
    font-family: "now_alt_bold";
    font-weight: 400;
    font-size: 2rem;
    line-height: 2rem;
    padding-bottom: 2rem;
    text-align: center;
    color: #0093a3; }
  #le_campus #module .valeurs {
    display: flex;
    flex-direction: row; }
    #le_campus #module .valeurs .valeur {
      width: 33%;
      display: flex;
      flex-direction: column;
      padding: 10px; }
      #le_campus #module .valeurs .valeur .images_v {
        width: 100%; }
        #le_campus #module .valeurs .valeur .images_v img {
          padding-bottom: 20px; }
      #le_campus #module .valeurs .valeur h5 {
        padding-top: 20px;
        padding-bottom: 5px;
        font-family: "bold";
        font-size: 1.3rem; }
  #le_campus #module .equipe {
    display: flex;
    flex-direction: row; }
    #le_campus #module .equipe .personne {
      width: 33%;
      display: flex;
      flex-direction: column;
      padding: 10px; }
      #le_campus #module .equipe .personne .photo {
        width: 100%; }
        #le_campus #module .equipe .personne .photo img {
          padding-bottom: 20px !important; }
      #le_campus #module .equipe .personne .info {
        margin-top: 20px; }
      #le_campus #module .equipe .personne h5 {
        padding-top: 20px;
        padding-bottom: 5px;
        font-family: "bold";
        font-size: 1.3rem; }

.module .dl_plaquette {
  width: 60%;
  margin: auto; }
  .module .dl_plaquette p {
    font-family: "now_alt_bold";
    font-weight: 400;
    font-size: 1rem;
    line-height: 2rem;
    padding-bottom: 2rem;
    text-align: center; }