grav-lecampus/user/themes/lecampus/css-compiled/theme.css

* { 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 { 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 { 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"] { 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 { animation-name: pulse_animation; animation-duration: 2000ms; transform-origin: 70% 70%; animation-iteration-count: infinite; animation-timing-function: linear; }

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

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

h2 { font-size: 2rem; }

h4 { 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; }

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

#item .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 { 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 { z-index: 999; position: relative; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; width: 100%; border-bottom: 1px solid #0093a3; height: 105px; }

header nav { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; height: 100px; width: 70%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

header nav .logo { display: -ms-flexbox; display: flex; }

header nav .logo a { display: block; margin: auto; }

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

header nav.dropmenu > ul { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

header nav.dropmenu > ul > li { text-align: center; max-width: 241px; padding: 0 20px; }

header nav.dropmenu > ul > li > a { white-space: nowrap; line-height: 6rem; border-top: 1px solid #0093a3; border-bottom: 3px solid #b5cb3a; }

header nav.dropmenu > ul > li > ul { display: none; margin-top: -1.5rem; }

header nav.dropmenu > ul > li > ul li { background-color: white; text-align: center; }

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; transform: scaleX(0); 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; transform: scaleX(1); }

header nav .reso { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

header nav .reso a { display: block; width: 35px; margin: auto 5px; }

#footer { padding-bottom: 45px; width: 100%; background: #d8dadbff; }

#footer .block { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin: 20px 0; -ms-flex-pack: center; 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; 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: transform 0.3s ease, background 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 { transform: translateX(0); background: white; transition: all 0.3s ease; }

.opt-out.open img { transform: rotate(180deg); }

@media screen and (max-width: 960px) { header nav { position: relative; width: 90%; }
  header nav .dropmenu { background: white; display: none; position: absolute; left: -6%; top: 100px; width: auto !important; height: auto; }
  header nav .dropmenu > ul { -ms-flex-direction: column !important; flex-direction: column !important; }
  header nav .dropmenu > ul > li { text-align: left; }
  header nav .dropmenu > ul > li > ul { margin: auto; }
  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 { margin: auto; }
  header nav .navTrigger { 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) { animation: outT 0.8s backwards; animation-direction: reverse; }
  header nav .navTrigger i:nth-child(2) { margin: 5px 0; animation: outM 0.8s backwards; animation-direction: reverse; }
  header nav .navTrigger i:nth-child(3) { animation: outBtm 0.8s backwards; animation-direction: reverse; }
  header nav .navTrigger.active i:nth-child(1) { animation: inT 0.8s forwards; }
  header nav .navTrigger.active i:nth-child(2) { animation: inM 0.8s forwards; }
  header nav .navTrigger.active i:nth-child(3) { animation: inBtm 0.8s forwards; }
  @keyframes inM { 50% {
      transform: rotate(0deg); }
    100% {
      transform: rotate(45deg); } }
  @keyframes outM { 50% {
      transform: rotate(0deg); }
    100% {
      transform: rotate(45deg); } }
  @keyframes inT { 0% {
      transform: translateY(0px) rotate(0deg); }
    50% {
      transform: translateY(9px) rotate(0deg); }
    100% {
      transform: translateY(9px) rotate(135deg); } }
  @keyframes outT { 0% {
      transform: translateY(0px) rotate(0deg); }
    50% {
      transform: translateY(9px) rotate(0deg); }
    100% {
      transform: translateY(9px) rotate(135deg); } }
  @keyframes inBtm { 0% {
      transform: translateY(0px) rotate(0deg); }
    50% {
      transform: translateY(-9px) rotate(0deg); }
    100% {
      transform: translateY(-9px) rotate(135deg); } }
  @keyframes outBtm { 0% {
      transform: translateY(0px) rotate(0deg); }
    50% {
      transform: translateY(-9px) rotate(0deg); }
    100% {
      transform: translateY(-9px) rotate(135deg); } }
  .gal .title_gal { max-width: 80% !important; top: 15vw !important; }
  .gal .content_gal { width: 2% !important; }
  .bandeau .img { width: 100% !important; }
  .bandeau .title_gal { top: 25vw !important; 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; transform: translateX(0px) !important; border-radius: 0px !important; }
  #devis .title h4 { font-size: 1.3rem !important; margin: 15px auto 0 auto !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; }
  #devis .demander-votre-devis { transform: translate(0, -50%) !important; }
  #devis.item .title, #devis.sublog .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; transform: translateX(-50%); }
  #sublog .content_salle .header-salles { display: -ms-inline-flexbox; display: inline-flex; -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 { transform: translate(0, -110%) !important; width: 300px !important; height: 110px !important; }
  #sublog .demander-votre-devis a { 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 { width: 300px !important; height: 110px !important; transform: translate(0, -200%) !important; }
  #item .demander-votre-devis a { display: -ms-inline-flexbox !important; display: inline-flex !important; }
  #item .demander-votre-devis p:nth-of-type(2) { display: none !important; }
  #item .demander-votre-devis img { margin-left: 20px !important; margin-top: 0px !important; }
  .start:not(#form)#archive, .start:not(#form)#calendrier { width: 80% !important; }
  .start:not(#form) .body-wrapper .card { width: calc((100% / 3) - 7.5px) !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: 750px) { .start .demander-votre-devis { display: none; }
  #item .bandeau .img { width: 100%; height: auto; }
  #item .body-wrapper .images_s { display: none; }
  #item .body-wrapper .content_s { width: 90% !important; }
  #item .body-wrapper .content_s p { padding: 0 !important; }
  #item .body-wrapper .icones { margin: 20px 0 0 0 !important; }
  #item .body-wrapper .icones .icon { height: auto !important; max-width: 100% !important; }
  #item .body-wrapper .icones .icon p { padding: 0 !important; }
  .content { margin: 2rem auto !important; width: 90% !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; }
  #newsletter #mc_embed_signup { border: none !important; width: 280px !important; padding: 0 !important; }
  #newsletter #mc_embed_signup #mc_embed_signup_scroll { -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 { -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 { width: 90% !important; }
  .start:not(#form)#archive .cat, .start:not(#form)#calendrier .cat { height: auto !important; }
  .start:not(#form)#archive .cat .btn-group:nth-child(1), .start:not(#form)#calendrier .cat .btn-group:nth-child(1) { width: 75%; }
  .start:not(#form)#archive .cat .btn-group label, .start:not(#form)#calendrier .cat .btn-group label { margin-bottom: 10px; }
  .start:not(#form) .body-wrapper .card { width: 100% !important; }
  .start:not(#form) .body-wrapper .event .card-content { -ms-flex-direction: column; flex-direction: column; }
  .start:not(#form) .body-wrapper .event .card-content .reso { width: 100% !important; 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; }
  #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; } }

#tarteaucitronBack { background: yellow; }

.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; top: 20vw; color: #ffffff; opacity: 0; }

.cat { height: 50px; z-index: 999; margin: 20px 0; }

.cat .btn-group { 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 { width: 70%; margin: 40px auto 40px auto; }

.start:not(#form)#calendrier .header-wrapper .title, .start:not(#form)#archive .header-wrapper .title { display: -ms-flexbox; display: flex; }

.start:not(#form)#calendrier .header-wrapper .title h1, .start:not(#form)#archive .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: -ms-flexbox; 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: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; width: 100%; position: relative; }

.start:not(#form) .body-wrapper .card { width: calc( (100% / 4) - 7.5px); min-width: 200px; margin: 0 0 10px 0; }

.start:not(#form) .body-wrapper .card .card-header { position: absolute; 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: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; 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%; }

.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: -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%; transform: translateY(-50%); background: white; border-radius: 30px; padding: 10px 35px; box-shadow: none; border: 0; }

.start#form .body-wrapper #send-valide { 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: -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: -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: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-wrap: nowrap; 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; animation: ml-form-embedSubmitLoad 1.2s linear infinite; }

@keyframes ml-form-embedSubmitLoad { 0% { transform: rotate(0deg); }
  100% { 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: 40%; }

#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; -ms-flex-pack: center; justify-content: center; display: -ms-flexbox; 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; }

#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: -ms-flexbox; 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: -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: -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: -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%; 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 .content { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#item .content .images_s { width: 40%; -ms-flex-item-align: center; align-self: center; margin-right: 15px; }

#item .content .images_s img { margin-bottom: 15px; }

#item .content .content_s { width: calc(60% - 30px); }

#item .content .icones { margin: 70px 0; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; width: 100%; }

#item .content .icones .icon { height: 50px; width: auto; max-width: 200px; }

#item .content .icones .icon img { height: 50px; width: 100%; }

#item .content .icones .icon p { text-align: center; }

#devis { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: 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; transform: translateX(80px); }

#devis .title h4 { text-align: center; color: white; margin: 50% 10px 0 10px; transform: translateY(-50%); }

#devis .txt { 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 100px; color: black; text-align: left; }

#devis .txt p strong { font-size: 1.3rem; }

#devis .img { width: 400px; height: 300px; position: relative; }

#devis .img .content-img { width: 400px; height: 300px; overflow: hidden; }

#devis .img .content-img > img { width: auto; height: 400px; }

#devis.item, #devis.sublog { background: #9e0027; height: auto; padding: 20px 0; }

#devis.item a, #devis.sublog a { color: white; }

#devis.item a .title, #devis.sublog a .title { vertical-align: baseline; border-radius: 30px; border: 1px solid white; padding: 5px 20px; height: 35px; width: auto; transform: translateX(0); }

#devis.item a:hover, #devis.sublog a:hover { color: black; }

#devis.item a:hover .title, #devis.sublog a:hover .title { background: white; transition: background 0.3s ease; }

#reco { background: #00407d; }

#reco .title { display: -ms-flexbox; 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: -ms-inline-flexbox; 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 { 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: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; 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 { width: 45%; margin: auto; }

#event .head-event .tags { width: 100%; }

#event .head-event .tags.professionnels { background-color: #9e0027; }

#event .head-event .tags.grand_public { background-color: #0093a3; }

#event .head-event .tags.formations { background-color: #6e6f70; }

#event .head-event .tags.publics { padding: 2.5px 10px; color: white; }

#event .card-header { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column; width: 100%; }

#event .card-header.professionnels { background-color: #9e0027; }

#event .card-header.grand_public { background-color: #0093a3; }

#event .card-header.formations { background-color: #6e6f70; }

#event .card-header .publics { text-align: right; }

#event .card-header .publics.publics { padding: 2.5px 10px; color: white; }

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

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

.demander-votre-devis { padding: 10px; z-index: 999; top: 50%; transform: translate(100%, -50%); background: #9e0027; position: absolute; width: 200px; height: 200px; right: 100px; 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; }

#item .demander-votre-devis { top: 100%; transform: translate(0, -80%); }

#sublog .demander-votre-devis { top: 100%; transform: translate(0, -50%); }

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

#sublog .content { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 90%; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-pack: justify; 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%; transform: translate(-50%, -50%); width: 70%; }

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWUuY3NzIiwic291cmNlcyI6WyJ0aGVtZS5zY3NzIiwiY29uZmlndXJhdGlvbnMvX2ZvbnRzLnNjc3MiLCJjb25maWd1cmF0aW9ucy9fcmVzZXQuc2NzcyIsImNvbmZpZ3VyYXRpb25zL192YXJpYWJsZXMuc2NzcyIsImNvbmZpZ3VyYXRpb25zL19taXhpbnMuc2NzcyIsInRoZW1lL19hbmltYXRpb24uc2NzcyIsInRoZW1lL190eXBvZ3JhcGh5LnNjc3MiLCJ0aGVtZS9faG92ZXIuc2NzcyIsInRoZW1lL19oZWFkZXIuc2NzcyIsInRoZW1lL19tZW51LnNjc3MiLCJ0aGVtZS9fZm9vdGVyLnNjc3MiLCJ0aGVtZS9fbW9iaWxlLnNjc3MiLCJ0aGVtZS9fY29va2llcy5zY3NzIiwidGhlbWUvX2Jsb2cuc2NzcyJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3JlIHZhcmlhYmxlcyBhbmQgbWl4aW5zXG5AaW1wb3J0ICdjb25maWd1cmF0aW9ucy9mb250cyc7XG5AaW1wb3J0ICdjb25maWd1cmF0aW9ucy9yZXNldCc7XG5AaW1wb3J0ICdjb25maWd1cmF0aW9ucy92YXJpYWJsZXMnO1xuQGltcG9ydCAnY29uZmlndXJhdGlvbnMvbWl4aW5zJztcblxuQGltcG9ydCAndGhlbWUvYW5pbWF0aW9uJztcbkBpbXBvcnQgJ3RoZW1lL3R5cG9ncmFwaHknO1xuQGltcG9ydCAndGhlbWUvaG92ZXInO1xuXG5AaW1wb3J0ICd0aGVtZS9oZWFkZXInO1xuQGltcG9ydCAndGhlbWUvbWVudSc7XG5AaW1wb3J0ICd0aGVtZS9mb290ZXInO1xuQGltcG9ydCAndGhlbWUvbW9iaWxlJztcbkBpbXBvcnQgJ3RoZW1lL2Nvb2tpZXMnO1xuXG4vLyBFeHRyYSBTa2VsZXRvbiBTdHlsaW5nXG5AaW1wb3J0ICd0aGVtZS9ibG9nJztcbiIsIi8vIEZvbnQgRmFtaWx5XG4kZm9udC1mYW1pbHktZGVmYXVsdDogIFx0XHRcdFwiUmFsZXdheVwiLCBcIkhlbHZldGljYVwiLCBcIlRhaG9tYVwiLCBcIkdlbmV2YVwiLCBcIkFyaWFsXCIsIHNhbnMtc2VyaWY7XG4kZm9udC1mYW1pbHktaGVhZGVyOiAgXHRcdFx0XCJNb250c2VycmF0XCIsIFwiSGVsdmV0aWNhXCIsIFwiVGFob21hXCIsIFwiR2VuZXZhXCIsIFwiQXJpYWxcIiwgc2Fucy1zZXJpZjtcbiRmb250LWZhbWlseS1tb25vOiBcdFx0XHRcdFwiSW5jb25zb2xhdGFcIiwgbW9ub3NwYWNlO1xuJGZvbnQtZmFtaWx5LXNlcmlmOlx0XHRcdFx0XCJHZW9yZ2lhXCIsIFwiVGltZXNcIiwgXCJUaW1lcyBOZXcgUm9tYW5cIiwgc2VyaWY7XG4vLyBAZm9udC1mYWNlXG5cbiR0eXBvOiBcImFpbGVyb25fcmVndWxhclwiO1xuJGNhdGVnb3J5OiBcInNhbnMtc2VyaWZcIjtcbiRmaWxlOiBcIkFpbGVyb24tUmVndWxhci13ZWJmb250XCI7XG4kUmVndWxhcjogXCJSZWd1bGFyXCI7XG5cbkBtaXhpbiBmb250LWZhY2UoJFJlZ3VsYXIsICRmaWxlLCAkdHlwbywgJGNhdGVnb3J5OlwiXCIpIHtcbiAgICAkZmlsZXBhdGg6IFwiLi4vZm9udHMvXCIgKyAkdHlwbyArIFwiL1wiICsgJGZpbGU7XG4gICAgQGZvbnQtZmFjZSB7XG4gICAgICAgIGZvbnQtZmFtaWx5OiBcIiN7JFJlZ3VsYXJ9XCI7XG4gICAgICAgIHNyYzogdXJsKCRmaWxlcGF0aCArIFwiLmVvdFwiKTtcbiAgICAgICAgc3JjOiB1cmwoJGZpbGVwYXRoICsgXCIuZW90PyNpZWZpeFwiKSBmb3JtYXQoJ2VtYmVkZGVkLW9wZW50eXBlJyksXG4gICAgICAgICAgICAgIHVybCgkZmlsZXBhdGggKyBcIi53b2ZmXCIpIGZvcm1hdCgnd29mZicpLFxuICAgICAgICAgICAgICB1cmwoJGZpbGVwYXRoICsgXCIudHRmXCIpICBmb3JtYXQoJ3RydWV0eXBlJyksXG4gICAgICAgICAgICAgIHVybCgkZmlsZXBhdGggKyBcIi5zdmcjXCIgKyAkUmVndWxhciArIFwiXCIpIGZvcm1hdCgnc3ZnJyk7XG4gICAgfVxuXG4gICAgJSN7JFJlZ3VsYXJ9IHtcbiAgICAgICAgZm9udDoge1xuICAgICAgICAgICAgQGlmICRjYXRlZ29yeSAhPSBcIlwiIHtcbiAgICAgICAgICAgICAgICBmYW1pbHk6IFwiI3skUmVndWxhcn1cIiwgI3skY2F0ZWdvcnl9O1xuICAgICAgICAgICAgICAgIHdlaWdodDogbm9ybWFsO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgQGVsc2Uge1xuICAgICAgICAgICAgICAgIGZhbWlseTogXCIjeyRSZWd1bGFyfVwiO1xuICAgICAgICAgICAgICAgIHdlaWdodDogbm9ybWFsO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxufVxuXG4kdHlwbzI6IFwiYWlsZXJvbl9ib2xkXCI7XG4kZmlsZTI6IFwiQWlsZXJvbi1Cb2xkLXdlYmZvbnRcIjtcbiRCb2xkOiBcImJvbGRcIjtcblxuQG1peGluIGZvbnQtZmFjZSgkQm9sZCwgJGZpbGUyLCAkdHlwbzIsICRjYXRlZ29yeTpcIlwiKSB7XG4gICAgJGZpbGVwYXRoOiBcIi4uL2ZvbnRzL1wiICsgJHR5cG8yICsgXCIvXCIgKyAkZmlsZTI7XG4gICAgQGZvbnQtZmFjZSB7XG4gICAgICAgIGZvbnQtZmFtaWx5OiBcIiN7JEJvbGR9XCI7XG4gICAgICAgIHNyYzogdXJsKCRmaWxlcGF0aCArIFwiLmVvdFwiKTtcbiAgICAgICAgc3JjOiB1cmwoJGZpbGVwYXRoICsgXCIuZW90PyNpZWZpeFwiKSBmb3JtYXQoJ2VtYmVkZGVkLW9wZW50eXBlJyksXG4gICAgICAgICAgICAgIHVybCgkZmlsZXBhdGggKyBcIi53b2ZmXCIpIGZvcm1hdCgnd29mZicpLFxuICAgICAgICAgICAgICB1cmwoJGZpbGVwYXRoICsgXCIudHRmXCIpICBmb3JtYXQoJ3RydWV0eXBlJyksXG4gICAgICAgICAgICAgIHVybCgkZmlsZXBhdGggKyBcIi5zdmcjXCIgKyAkQm9sZCArIFwiXCIpIGZvcm1hdCgnc3ZnJyk7XG4gICAgfVxuXG4gICAgJSN7JEJvbGR9IHtcbiAgICAgICAgZm9udDoge1xuICAgICAgICAgICAgQGlmICRjYXRlZ29yeSAhPSBcIlwiIHtcbiAgICAgICAgICAgICAgICBmYW1pbHk6IFwiI3skQm9sZH1cIiwgI3skY2F0ZWdvcnl9O1xuICAgICAgICAgICAgICAgIHdlaWdodDogbm9ybWFsO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgQGVsc2Uge1xuICAgICAgICAgICAgICAgIGZhbWlseTogXCIjeyRCb2xkfVwiO1xuICAgICAgICAgICAgICAgIHdlaWdodDogbm9ybWFsO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxufVxuXG5cbiR0eXBvMzogXCJub3dfYWx0XCI7XG4k