@charset "UTF-8";
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Ajout Bruno
   ========================================================================== */
/**
*/
@media only screen and (min-width: 739px) {
  .tiers #nav .ssmenu ul li:first-child {
    text-align: center;
    font-weight: bold;
    padding-left: 0;
  }

  .tiers #nav .ssmenu ul li:first-child a {
    background: none;
    background: url(/bundles/nubcore/images/bg/item-gris.svg) right no-repeat;
    padding-left: 0;
  }
}
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*  XXS - XS - S - M - L - XL - XXL  */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.roll {
  text-decoration: none;
}
.roll:hover, .roll:focus {
  text-decoration: underline;
}

.hide {
  display: none;
}

.mask {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  display: block;
  left: -9999px;
}

.unmask {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  left: auto;
  right: auto;
}

.list {
  *zoom: 1;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.list:after {
  content: "";
  display: table;
  clear: both;
}
.list li,
.list dt,
.list dd {
  float: left;
}

body {
  font-size: 100%;
  line-height: 1.25em;
}
body h6 {
  margin: 0;
  font-size: 0.625em;
  line-height: 2em;
  margin-bottom: 2em;
  padding-top: 4em;
}
body h5 {
  margin: 0;
  font-size: 0.8125em;
  line-height: 1.538461538em;
  margin-bottom: 1.538461538em;
  padding-top: 3.076923077em;
}
body h4 {
  margin: 0;
  font-size: 1em;
  line-height: 1.25em;
  margin-bottom: 1.25em;
  padding-top: 2.5em;
}
body h3 {
  margin: 0;
  font-size: 1.25em;
  line-height: 2em;
  margin-bottom: 1em;
  padding-top: 2em;
}
body h2 {
  margin: 0;
  font-size: 1.5625em;
  line-height: 1.6em;
  margin-bottom: 0.8em;
  padding-top: 1.6em;
}
body h1 {
  margin: 0;
  font-size: 1.9375em;
  line-height: 1.290322581em;
  margin-bottom: 0.64516129em;
  padding-top: 1.290322581em;
}

b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 0 80px;
  margin-bottom: 1.25em;
}

p,
pre,
address {
  margin: 0;
  margin-bottom: 1.25em;
}

dl,
menu,
ol,
ul {
  margin: 0;
  margin-bottom: 1.25em;
}

dd {
  margin: 0 0 0 80px;
}

menu,
ol,
ul {
  padding: 0 0 0 80px;
}

fieldset {
  margin: 0;
  padding: 10px;
  padding-top: 0.625em;
  padding-bottom: 0.625em;
  margin-bottom: 1.25em;
}

table {
  margin-bottom: 1.25em;
}

td,
th,
caption {
  padding: 10px;
  padding-top: 0.625em;
  padding-bottom: 0.625em;
}

html {
  overflow-y: scroll;
}

img,
audio,
video,
canvas,
svg,
object,
table {
  display: block;
  max-width: 100%;
  height: auto;
}

table {
  display: table;
}

small {
  line-height: 0;
}

.hr {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: black;
  margin-top: -1px;
  margin-bottom: 1.25em;
}
.hr hr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  display: block;
  left: -9999px;
}

ul ol,
ul ul,
ol ol,
ol ul {
  margin-bottom: 0;
}

.not-ie-or-gte-ie10 code, .not-ie-or-gte-ie10
kbd, .not-ie-or-gte-ie10
samp {
  line-height: 0;
}

fieldset {
  border: none;
  padding: 0;
}
fieldset legend span {
  display: block;
  padding-bottom: 1.25em;
}

.label {
  float: left;
  display: inline;
  margin-right: 20px;
  width: 140px;
}

span.help {
  margin-left: 20px;
  float: left;
  display: inline;
  margin-right: 20px;
  width: 140px;
}

span.error {
  color: #F00;
  float: left;
  display: inline;
  margin-right: 20px;
  width: 220px;
  margin-right: 0 !important;
}

.errors {
  color: #F00;
}

span.label,
span.help,
span.error {
  float: none;
  display: inline-block;
}

input,
select,
textarea,
span.label,
span.help,
span.error {
  vertical-align: top;
}

.radio .label,
.checkbox .label {
  width: auto;
  margin-right: 0;
}
.radio input,
.checkbox input {
  position: relative;
  top: 2px;
}

.line {
  min-height: 2.5em;
  *height: 2.5em;
  margin-bottom: 0;
}

input.text,
input.email,
input.search,
input.tel,
input.url,
input.password,
input.file,
input.color,
input.number,
input.range,
input.date,
input.month,
input.week,
input.datetime,
input.datetime-local {
  width: 214px;
  border: 1px solid #a6a6a6;
  padding: 2px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text],
input[type=email],
input[type=search],
input[type=tel],
input[type=url],
input[type=password],
input[type=file],
input[type=color],
input[type=number],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=datetime],
input[type=datetime-local] {
  width: 214px;
  border: 1px solid #a6a6a6;
  padding: 2px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select {
  width: 214px;
  border: 1px solid #a6a6a6;
  padding: 2px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  width: 220px;
  padding: 1px;
}

input.range {
  padding: 0;
  border: 0;
  width: 220px;
}

input[type=range] {
  padding: 0;
  border: 0;
  width: 220px;
}

input.file {
  background-color: transparent;
  width: auto;
  border: 0;
  padding: 0;
}

input[type=file] {
  background-color: transparent;
  width: auto;
  border: 0;
  padding: 0;
}

textarea {
  width: 214px;
  border: 1px solid #a6a6a6;
  padding: 2px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  height: 5em;
  min-height: 5em;
  *height: 5em;
  max-height: 7.5em;
  font-size: 1em;
  line-height: 1.25em;
  -webkit-resize: vertical;
  -moz-resize: vertical;
  -ms-resize: vertical;
  -o-resize: vertical;
  resize: vertical;
}

.textarea {
  min-height: 8.75em;
  *height: 8.75em;
}

input[type=reset],
input[type=button],
input[type=submit] {
  width: 214px;
  border: 1px solid #a6a6a6;
  padding: 2px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  width: 220px;
}
input[type=reset]:focus,
input[type=button]:focus,
input[type=submit]:focus {
  outline: thin dotted;
}

input.reset,
input.button,
input.submit {
  width: 214px;
  border: 1px solid #a6a6a6;
  padding: 2px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  width: 220px;
}
input.reset:focus,
input.button:focus,
input.submit:focus {
  outline: thin dotted;
}

button {
  width: 214px;
  border: 1px solid #a6a6a6;
  padding: 2px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  width: 220px;
}
button:focus {
  outline: thin dotted;
}
button:hover, button:active {
  outline: none;
}

/*
.ch,
.sa
{
    select
    {
        @include appearance(none);
        @include border-radius(0);
        
        background-image: url(/bundles/nubcore/images/bg/select.png);
        background-repeat: no-repeat;
        background-position: 100% 50%;
        
        padding-right: 20px;
    }
}
*/
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
.flexslider {
  position: relative;
  zoom: 1;
}
.flexslider .slides,
.flexslider .flex-control-nav,
.flexslider .flex-direction-nav {
  *zoom: 1;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.flexslider .slides:after,
.flexslider .flex-control-nav:after,
.flexslider .flex-direction-nav:after {
  content: "";
  display: table;
  clear: both;
}
.flexslider .slides li,
.flexslider .slides dt,
.flexslider .slides dd,
.flexslider .flex-control-nav li,
.flexslider .flex-control-nav dt,
.flexslider .flex-control-nav dd,
.flexslider .flex-direction-nav li,
.flexslider .flex-direction-nav dt,
.flexslider .flex-direction-nav dd {
  float: left;
}
.flexslider .flex-control-nav button,
.flexslider .flex-direction-nav button,
.flexslider .flex-pauseplay button {
  cursor: pointer;
  border: 0;
  padding: 0;
  margin: 0;
  background-color: transparent;
  width: auto;
  color: #00F;
  text-decoration: underline;
}
.flexslider .flex-control-nav button.flex-active,
.flexslider .flex-direction-nav button.flex-active,
.flexslider .flex-pauseplay button.flex-active {
  color: #000;
  text-decoration: none;
  cursor: default;
}
.flexslider .slides {
  zoom: 1;
}
.js .flexslider .slides li {
  display: none;
}

#colorbox {
  outline: 0;
  /*
  #cboxPrevious,
  #cboxNext,
  #cboxSlideshow,
  #cboxClose
  {
      span
      {
          @include mask;
      }
  }
  */
}
#colorbox #cboxContent {
  position: relative;
}
#colorbox #cboxLoadedContent {
  overflow: auto;
}
#colorbox #cboxLoadingOverlay,
#colorbox #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#colorbox #cboxPrevious,
#colorbox #cboxNext,
#colorbox #cboxClose,
#colorbox #cboxSlideshow {
  cursor: pointer;
  border: 0;
  padding: 0;
  margin: 0;
  background-color: transparent;
  width: auto;
  color: #00F;
  text-decoration: underline;
}
#colorbox .cboxPhoto {
  margin: auto;
  max-width: 100%;
  height: auto;
}
#colorbox .cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  background: #fff;
}
#colorbox #cboxLoadedContent,
#colorbox #cboxLoadingOverlay {
  background: #fff;
  border: 1px solid #000;
  padding-top: 1.25em;
  padding-bottom: 1.25em;
  padding-left: 1.25em;
  padding-right: 1.25em;
  padding-bottom: 0;
}
#colorbox #cboxLoadingOverlay:before {
  content: 'Chargement…';
}

#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
}

#cboxOverlay {
  position: fixed;
  right: 0;
  bottom: 0;
  background: #808080;
}

/*! jQuery UI - v1.9.2 - 2013-11-28
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.datepicker.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  zoom: 1;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
  background-image: url(/bundles/nubcore/images/left.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 0 !important;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
  background-image: url(/bundles/nubcore/images/right.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 0 !important;
}

.ui-datepicker .ui-datepicker-prev-hover {
  background-color: #009ee0 !important;
}

.ui-datepicker .ui-datepicker-next-hover {
  background-color: #009ee0 !important;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0em;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  position: absolute;
  /*must have*/
  z-index: -1;
  /*must have*/
  filter: mask();
  /*must have*/
  top: -4px;
  /*must have*/
  left: -4px;
  /*must have*/
  width: 200px;
  /*must have*/
  height: 200px;
  /*must have*/
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Verdana,Arial,sans-serif;
  font-size: 1.1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Verdana,Arial,sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #009ee0;
  background-color: #fff;
  color: #443a31;
}

.ui-widget-content a {
  color: #443a31;
}

.ui-widget-header {
  border: 1px solid #443a31;
  background-color: #443a31;
  color: #fff;
  font-weight: bold;
}

.ui-widget-header a {
  color: #443a31;
}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #bfbfbf;
  background-color: #f7f7f7;
  font-weight: normal;
  color: #443a31;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #555555;
  text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover {
  border: 1px solid #009ee0;
  background-color: #e0f6ff;
  font-weight: normal;
  color: #443a31;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
  color: #212121;
  text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #009ee0;
  background-color: #fff;
  font-weight: normal;
  color: #443a31;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #443a31;
  background-color: #fff;
  color: #363636;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #363636;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url(/bundles/nubcore/images/bg/jquery.ui.custom/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
  color: #cd0a0a;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

/* For IE8 - See #6059 */
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -khtml-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -khtml-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -khtml-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -khtml-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa url(/bundles/nubcore/images/bg/jquery.ui.custom/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: .3;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url(/bundles/nubcore/images/bg/jquery.ui.custom/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: .3;
  filter: Alpha(Opacity=30);
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

#grid {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
#grid .vert-container {
  left: 20px;
  right: 20px;
}
#grid .vert {
  background-color: rgba(100, 100, 225, 0.25);
  margin-right: 0 !important;
}
#grid .vert.first-child {
  margin-left: 0;
}
#grid .horiz {
  height: 1.25em;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(95%, transparent), color-stop(95%, rgba(100, 100, 225, 0.25)));
  background-image: -webkit-linear-gradient(transparent 95%, rgba(100, 100, 225, 0.25) 95%);
  background-image: -moz-linear-gradient(transparent 95%, rgba(100, 100, 225, 0.25) 95%);
  background-image: -o-linear-gradient(transparent 95%, rgba(100, 100, 225, 0.25) 95%);
  background-image: linear-gradient(transparent 95%, rgba(100, 100, 225, 0.25) 95%);
}
#grid.grid-1 .vert {
  background-color: transparent;
}
#grid.grid-2 .horiz {
  background-image: none;
}

@media screen {
                   /*
$exemple-layout: vertical;
$exemple-spacing: 32px;
@import 'bg/exemple/*.png';

@include all-exemple-sprites;
*/
  /*
  appels :
  
  @include exemple-sprite(image);
  @include exemple-sprite(image, $offset-x:100%);
  */
  button {
    padding: 0;
    margin: 0;
    border: 0;
    background-color: transparent;
    width: auto;
  }
  button:hover, button:active {
    outline: none;
  }

  .form {
    border-style: solid;
    border-width: 1px;
    border-color: #009ee0;
    position: relative;
    margin-top: -2px;
    margin-left: -2px;
    top: 1px;
    left: 1px;
    padding: 30px;
    padding-top: 1.875em;
    padding-bottom: 1.875em;
    margin-bottom: 1.25em;
  }
  .form input.text,
  .form select,
  .form textarea {
    background-color: #e8e8e8;
    border: 1px solid #bfbfbf;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1em;
    line-height: 1.25em;
    line-height: normal;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    color: #443a31;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
    padding: 11px;
    color: #6c6764;
  }
  .form input.text:focus,
  .form select:focus,
  .form textarea:focus {
    background-color: #fff;
    border-color: transparent;
    -webkit-box-shadow: 0 0 3px #009ee0;
    -moz-box-shadow: 0 0 3px #009ee0;
    box-shadow: 0 0 3px #009ee0;
  }
  .form input.text.error,
  .form select.error,
  .form textarea.error {
    color: #cd4237;
    border-color: #cd4237;
  }
  .form input.text.error:focus,
  .form select.error:focus,
  .form textarea.error:focus {
    -webkit-box-shadow: 0 0 3px #cd4237;
    -moz-box-shadow: 0 0 3px #cd4237;
    box-shadow: 0 0 3px #cd4237;
  }
  .idex .form input.text.error:focus, .tiers .form input.text.error:focus, .idex
  .form select.error:focus, .tiers
  .form select.error:focus, .idex
  .form textarea.error:focus, .tiers
  .form textarea.error:focus {
    -webkit-box-shadow: 0 0 3px #cd4237;
    -moz-box-shadow: 0 0 3px #cd4237;
    box-shadow: 0 0 3px #cd4237;
  }
  .form textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .ch .form select, .sa .form select {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background-image: url(/bundles/nubcore/images/bg/list-ter.svg);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding-right: 40px;
    position: relative;
  }
  .form .input {
    display: inline-block;
    width: 50%;
    padding-right: 20px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #contactform .form .input {
    padding-right: 0;
  }
  .form span.error {
    font-size: 0.8125em;
    line-height: 1.538461538em;
    padding-left: 50px;
    padding-right: 20px;
    display: inline-block;
    width: 50%;
    background-color: #cd4237;
    color: #fff;
    border-top-style: solid;
    border-top-width: 5px;
    border-top-color: #cd4237;
    margin-top: -5px;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-bottom-color: #cd4237;
    margin-top: -5px;
    position: relative;
    top: 5px;
    margin-top: -10px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    vertical-align: top;
    position: relative;
    background-image: url(/bundles/nubcore/images/bg/error.svg);
    background-repeat: no-repeat;
    background-position: 5px 0;
    min-height: 3.846153846em;
    *height: 3.846153846em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: -5px;
  }
  .op .form span.error {
    padding-left: 20px;
    background-image: none;
    min-height: 0;
  }
  .form span.error:before {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-right-color: #cd4237;
    position: absolute;
    left: -10px;
    top: 15px;
    content: '';
  }
  #contactform .form span.error {
    display: block;
    top: 20px;
    width: auto;
    margin-bottom: 3.076923077em;
    margin-left: 0;
  }
  #contactform .form span.error:before {
    border-bottom-color: #cd4237;
    border-right-color: transparent;
    position: absolute;
    left: 20px;
    top: -15px;
  }
  .form textarea {
    height: 10em;
    min-height: 10em;
    *height: 10em;
    max-height: 20em;
  }
  .form .field {
    min-height: 5em;
    *height: 5em;
  }
  .form .field.textarea {
    min-height: 12.5em;
    *height: 12.5em;
  }
  .cms .form .field {
    margin-bottom: 1.25em;
  }
  .form .field.checkbox, .form .field.radio {
    min-height: 0;
  }
  .form .field.checkbox .label, .form .field.radio .label {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 0.8125em;
    line-height: 1.538461538em;
    display: inline-block;
    padding: 0;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: -ms-calc(50% - 20px);
    width: -o-calc(50% - 20px);
    width: calc(50% - 20px);
  }
  .form .field.checkbox .input, .form .field.radio .input {
    width: 20px;
    margin-right: 0;
  }
  .form .field.checkbox span.error, .form .field.radio span.error {
    top: -5px;
    margin-bottom: 1.538461538em;
  }
  .form .field.checkbox label, .form .field.radio label {
    display: block;
    min-height: 1.25em;
    *height: 1.25em;
  }
  .form :last-child {
    margin-bottom: 0;
  }
  .form .label,
  .form .legend {
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 1.125em;
    line-height: 1.666666667em;
    padding-top: 0.277777778em;
    padding-bottom: 0.277777778em;
    display: block;
    margin-right: 0;
    width: auto;
  }
  .form sup {
    top: auto;
    font-size: 100%;
  }

  .cms .mandatory sup {
    top: auto;
    font-size: 100%;
  }

  .js .autosubmit button {
    display: none;
  }

  .btn {
    color: #fff;
    background-color: #009ee0;
    text-align: center;
    font-size: 1.125em;
    line-height: 2.222222222em;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    text-shadow: 0 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
    text-decoration: none;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
  }
  .btn:hover, .btn:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #007aad;
  }
  .btn.alt {
    background-color: #e8e8e8;
    color: #443a31;
    text-shadow: none;
  }
  .idex #content .btn.alt, .tiers #content .btn.alt {
    background-color: #e8e8e8;
    color: #443a31;
    text-shadow: none;
  }
  .btn.alt:hover, .btn.alt:focus {
    background-color: #cfcfcf;
  }
  .no-touch .idex #content .btn.alt:hover, .idex #content .btn.alt:hover, .tiers #content .btn.alt:hover, .no-touch .idex #content .btn.alt:focus, .idex #content .btn.alt:focus, .tiers #content .btn.alt:focus {
    background-color: #cfcfcf;
  }
  #filtres .btn {
    font-size: 0.857142857em;
    line-height: 2.222222222em;
  }

  a.btn.block {
    display: block;
  }
  button.btn.block {
    width: 100%;
  }
  button.btn.margins {
    padding-left: 40px;
    padding-right: 40px;
  }

  .cms .table {
    overflow: auto;
  }
  .cms .table p {
    margin-bottom: 0;
  }
  .cms .table tr.header {
    padding-top: 0.769230769em;
    padding-bottom: 0.769230769em;
    vertical-align: top;
    background-color: #443a31;
    color: #fff;
  }
  .cms .table tr.footer th,
  .cms .table tr.footer td {
    font-weight: bold;
    font-size: 1.076923077em;
    line-height: 1.428571429em;
    padding-top: 0.714285714em;
    padding-bottom: 0.714285714em;
    -webkit-box-shadow: 0 1px 0 #009ee0 inset;
    -moz-box-shadow: 0 1px 0 #009ee0 inset;
    box-shadow: 0 1px 0 #009ee0 inset;
    background-color: white;
  }
  .cms .transparent, .cms table.transparent {
    background: transparent;
  }
  .cms .transparent tbody tr:nth-child(2n) td,
  .cms .transparent tbody tr:nth-child(2n) th, .cms table.transparent tbody tr:nth-child(2n) td,
  .cms table.transparent tbody tr:nth-child(2n) th {
    background-color: #f7f7f7;
  }
  .cms table {
    font-size: 0.8125em;
    line-height: 1.538461538em;
    margin-bottom: 1.538461538em;
    width: 100%;
    background-color: #fff;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  .cms table .center {
    text-align: center;
  }
  .cms table .right {
    text-align: center;
  }
  .cms table .full {
    width: 100%;
  }
  .cms table .size1 {
    width: 40px;
  }
  .cms table strong {
    color: #009ee0;
  }
  .cms caption {
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 1.384615385em;
    line-height: 1.111111111em;
    padding: 0;
    padding-top: 0.555555556em;
    padding-bottom: 0.555555556em;
    color: #009ee0;
  }
  .cms caption,
  .cms th {
    text-align: left;
  }
  .cms td,
  .cms th {
    padding-top: 0.769230769em;
    padding-bottom: 0.769230769em;
    vertical-align: top;
  }
  .cms thead th,
  .cms thead td {
    background-color: #443a31;
    color: #fff;
  }
  .cms thead th a,
  .cms thead td a {
    color: #fff;
  }
  .cms tfoot {
    font-weight: bold;
  }
  .cms tfoot td,
  .cms tfoot th {
    font-size: 1.076923077em;
    line-height: 1.428571429em;
    padding-top: 0.714285714em;
    padding-bottom: 0.714285714em;
    -webkit-box-shadow: 0 1px 0 #009ee0 inset;
    -moz-box-shadow: 0 1px 0 #009ee0 inset;
    box-shadow: 0 1px 0 #009ee0 inset;
  }
  .cms tbody tr:nth-child(2n) td,
  .cms tbody tr:nth-child(2n) th {
    background-color: #e8e8e8;
  }
  .cms.tab table,
  .cms .tab table {
    background-color: #f7f7f7;
  }
  .cms .caption,
  .cms .video {
    font-size: 0.75em;
    line-height: 3.333333333em;
    margin-bottom: 3.333333333em;
    margin-bottom: 1.666666667em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-style: italic;
    color: #6c6764;
    width: 520px;
    margin-left: auto;
    margin-right: auto;
  }
  .cms .caption.alt,
  .cms .video.alt {
    width: 620px;
  }
  .cms h1 {
    padding-top: 0;
    padding-left: 30px;
    font-weight: normal;
    font-size: 2.875em;
    line-height: 1.086956522em;
    margin-bottom: 1.086956522em;
    margin-bottom: 0.434782609em;
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    background-image: url(/bundles/nubcore/images/bg/puce.svg);
    background-repeat: no-repeat;
    background-position: -10px 0.2em;
  }
  .cms h1.alt {
    background-image: url(/bundles/nubcore/images/bg/puce-alt.svg);
  }
  .cms h3,
  .cms .h3 {
    font-size: 1.3125em;
    line-height: 0.952380952em;
    margin-bottom: 0.952380952em;
    padding-top: 0.952380952em;
    font-family: "Brix Slab Medium Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-weight: normal;
  }
  .cms h2,
  .cms .h2 {
    font-size: 1.5em;
    line-height: 1.25em;
    margin-bottom: 1.25em;
    padding-top: 0;
    font-family: "Brix Slab Medium Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-weight: normal;
    position: relative;
  }
  .cms h2:after,
  .cms .h2:after {
    content: '';
    height: 1px;
    background-color: #009ee0;
    width: 100px;
    position: absolute;
    left: 0px;
    bottom: -10px;
  }
  .cms blockquote {
    margin-right: 0;
    margin-left: 70px;
    margin-top: 2.5em;
    margin-bottom: 2.5em;
    position: relative;
  }
  .cms blockquote:before {
    width: 80px;
    height: 80px;
    background-image: url(/bundles/nubcore/images/bg/quote-alt.svg);
    position: absolute;
    left: -85px;
    top: -30px;
    content: '';
  }
  .cms blockquote p {
    font-size: 2.625em;
    line-height: 1.19047619em;
    margin-bottom: 1.19047619em;
    margin-bottom: 0.476190476em;
    color: #009ee0;
    font-family: "Brix Slab Light Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  .cms blockquote.cite:before {
    background-image: url(/bundles/nubcore/images/bg/quote.svg);
  }
  .cms blockquote.cite p {
    font-size: 1.9375em;
    line-height: 1.290322581em;
    margin-bottom: 1.290322581em;
    margin-bottom: 0.64516129em;
  }
  .cms blockquote.cite p.cite {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #009ee0;
    margin-top: -1px;
    padding-top: 1.428571429em;
    font-size: 0.875em;
    line-height: 1.428571429em;
    margin-bottom: 1.428571429em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    color: #6c6764;
  }
  .cms blockquote.cite p.cite span {
    margin-bottom: 0.238095238em;
    font-size: 1.5em;
    line-height: 0.952380952em;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    color: #443a31;
    display: block;
  }
  .cms blockquote cite {
    font-style: normal;
    display: block;
  }
  .cms blockquote .quote p:last-child:after {
    content: ' »';
  }
  .cms p {
    font-size: 1em;
    line-height: 1.875em;
    margin-bottom: 1.875em;
    margin-bottom: 0.9375em;
  }
  .cms p.intro {
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 1.3125em;
    line-height: 1.428571429em;
    margin-bottom: 1.428571429em;
  }
  .cms .left {
    float: left;
    margin-right: 30px;
    margin-top: 1.875em;
    margin-bottom: 1.875em;
  }
  .cms .right {
    float: right;
    margin-left: 30px;
    margin-top: 1.875em;
    margin-bottom: 1.875em;
  }
  .cms img,
  .cms video {
    margin-bottom: 1.25em;
    margin-left: auto;
    margin-right: auto;
  }
  .cms > img:first-child, .cms > video:first-child, .cms > .flexslider:first-child, .cms > p:first-child {
    margin-left: 0;
  }
  .cms > img > img:first-child, .cms > img > video:first-child, .cms > img > .flexslider:first-child, .cms > video > img:first-child, .cms > video > video:first-child, .cms > video > .flexslider:first-child, .cms > .flexslider > img:first-child, .cms > .flexslider > video:first-child, .cms > .flexslider > .flexslider:first-child, .cms > p > img:first-child, .cms > p > video:first-child, .cms > p > .flexslider:first-child {
    margin-left: 0;
  }
  .cms p img {
    margin-bottom: 0;
  }
  .cms a:hover, .cms a:focus {
    color: #009ee0;
  }
  .cms a .a {
    color: #443a31;
  }
  .cms ul,
  .cms ol {
    font-size: 1em;
    line-height: 1.875em;
    margin-bottom: 1.875em;
    margin: 0;
    padding: 0;
    margin-bottom: 0.3125em;
  }
  .cms ul li,
  .cms ol li {
    padding-bottom: 0.625em;
  }
  .cms ul ul,
  .cms ul ol,
  .cms ol ul,
  .cms ol ol {
    margin-top: 0.3125em;
  }
  .cms ul ul li:last-child,
  .cms ul ol li:last-child,
  .cms ol ul li:last-child,
  .cms ol ol li:last-child {
    padding-bottom: 0;
  }
  .cms ul {
    list-style-type: none;
  }
  .cms ul li {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-image: url(/bundles/nubcore/images/bg/puce-ter.svg);
    background-position: 0 0.25em;
  }
  .cms ul ul li {
    background-image: url(/bundles/nubcore/images/bg/puce-quater.svg);
  }
  .idex .cms ul ul li, .tiers .cms ul ul li {
    background-image: url(/bundles/nubcore/images/bg/puce-quater.svg);
  }
  .cms ul ul ul li {
    background-image: url(/bundles/nubcore/images/bg/puce-quater.svg);
    background-size: 15px 15px;
    background-position: 0.25em 0.45em;
  }
  .cms ul.arrows {
    margin-bottom: 1.875em;
  }
  .cms ul.arrows li {
    padding-left: 20px;
    background-image: url(/bundles/nubcore/images/bg/item.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #bfbfbf;
    margin-top: -1px;
    position: relative;
    top: 1px;
    margin-bottom: 0.9375em;
    padding-bottom: 0.9375em;
  }
  .cms ul.arrows li a {
    display: block;
    text-decoration: none;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 1em;
    line-height: 1.25em;
  }
  .cms ul.arrows li a:hover, .cms ul.arrows li a:focus {
    text-decoration: underline;
  }
  .cms ol {
    margin-left: 20px;
    color: #009ee0;
  }
  .cms ol span {
    color: #443a31;
  }
  .cms dl {
    *zoom: 1;
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    margin-bottom: 1.25em;
  }
  .cms dl:after {
    content: "";
    display: table;
    clear: both;
  }
  .cms dt {
    font-size: 1em;
    line-height: 1.875em;
    float: left;
    display: inline;
    margin-right: 20px;
    width: 180px;
    margin-bottom: 0.625em;
    clear: both;
  }
  .cms dt a {
    display: block;
    text-decoration: none;
  }
  .cms dt a:hover, .cms dt a:focus {
    text-decoration: underline;
  }
  .cms dt + dd:before {
    display: none;
  }
  .cms dd {
    font-size: 1em;
    line-height: 1.875em;
    margin-bottom: 0.625em;
    float: left;
    margin: 0;
    color: #6c6764;
  }
  .cms dd:before {
    content: '  |  ';
    color: #009ee0;
  }
  .cms .discret {
    margin-bottom: 1.25em;
  }
  .cms .discret li {
    margin-bottom: 0;
  }
  .cms .push {
    background-color: #fff;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #009ee0;
    margin-top: -2px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #009ee0;
    margin-top: -2px;
    position: relative;
    top: 2px;
    margin-top: -4px;
    margin-bottom: 1.875em;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 1.875em;
    padding-bottom: 1.875em;
    position: relative;
  }
  .cms .push :last-child {
    margin-bottom: 0;
  }
  .cms .push:after {
    height: 0;
    width: 0;
    border-bottom: 50px solid #009ee0;
    border-right: 50px solid transparent;
    position: absolute;
    top: -2px;
    right: 0;
    content: '';
    border-right-color: #f7f7f7;
  }
  .cms .push h2 {
    font-size: 1.9375em;
    line-height: 1.290322581em;
    margin-bottom: 1.290322581em;
    margin-bottom: 0.64516129em;
  }
  .cms .push h2 span {
    color: #009ee0;
  }
  .cms .push h2:after {
    display: none;
  }
  .cms .push p, .cms .push li {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    color: #6c6764;
  }
  .cms .push p {
    font-size: 0.875em;
    line-height: 1.785714286em;
    margin-bottom: 1.785714286em;
  }
  .cms .push li {
    font-size: 0.875em;
    line-height: 1.428571429em;
    margin-bottom: 1.428571429em;
    margin-bottom: 0.625em;
    background-position: 0 0;
  }
  .cms .push-alt {
    background-color: #e8e8e8;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0.625em;
    padding-bottom: 1.25em;
    margin-bottom: 1.25em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  .cms .push-alt h2 {
    padding-left: 20px;
    margin-left: -20px;
  }
  .cms .push-alt a {
    text-decoration: underline;
  }
  .cms .push-alt li {
    font-size: 0.777777778em;
    line-height: 1.428571429em;
    margin-bottom: 1.428571429em;
    margin-bottom: 0;
    background-position: 0 0;
  }
  .cms .push-alt li.big {
    padding-top: 0.714285714em;
    padding-bottom: 0.714285714em;
  }
  .op .cms .push-alt li.big {
    padding-top: 0;
    padding-bottom: 0;
  }
  .cms .extract {
    padding-left: 40px;
    position: relative;
    min-height: 7.5em;
    *height: 7.5em;
  }
  .cms .extract:before {
    font-size: 6em;
    line-height: 0.833333333em;
    position: absolute;
    left: 0;
    top: 0;
    content: '{';
    color: #009ee0;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  .cms .extract p {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    color: #6c6764;
    font-size: 0.875em;
    line-height: 1.785714286em;
    margin-bottom: 1.785714286em;
  }
  .cms .accordion .h2 {
    font-size: 1em;
    line-height: 1.25em;
    margin-bottom: 1.25em;
    margin-bottom: 1.25em;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    background-color: #009ee0;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0.625em;
    padding-bottom: 0.625em;
    -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
  }
  .js .cms .accordion .h2 {
    padding: 0;
  }
  .cms .accordion .h2:after {
    display: none;
  }
  .cms .accordion .h2 button {
    font-size: 1.125em;
    line-height: 1.111111111em;
    color: #fff;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    background-color: #009ee0;
    -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
    padding-left: 20px;
    padding-right: 40px;
    display: block;
    width: 100%;
    text-align: left;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding-top: 0.555555556em;
    padding-bottom: 0.555555556em;
  }
  .no-touch .cms .accordion .h2 button:hover, .no-touch .cms .accordion .h2 button:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #007aad;
  }
  .cms .accordion .h2 button.active {
    background-image: url(/bundles/nubcore/images/bg/menu-alt.svg);
  }
  .cms .accordion .h2 button.inactive {
    background-image: url(/bundles/nubcore/images/bg/menu.svg);
  }
  .cms .accordion .inside {
    padding-left: 40px;
    padding-right: 40px;
  }
  .js .cms .accordion .menu .inside {
    display: none;
  }
  .cms .address h3 {
    font-size: 1em;
    line-height: 1.25em;
    margin-bottom: 1.25em;
    padding: 0;
    margin: 0;
  }
  .cms .address p {
    font-size: 0.875em;
    line-height: 1.428571429em;
    margin-bottom: 1.428571429em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  .cms .cta li {
    background-image: none;
    padding: 0;
  }
  .idex .cms .cta li, .tiers .cms .cta li {
    background-image: none;
  }
  .cms.sitemap ul {
    font-weight: bold;
  }
  .cms.sitemap ul ul {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 20px;
    font-weight: normal;
  }
  .cms.sitemap ul ul li:last-child {
    padding-bottom: 0.3125em;
  }

  #chiffres {
    margin-bottom: 1.875em;
  }
  #chiffres h2 {
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    margin-bottom: 0;
  }
  #chiffres h2:after {
    display: none;
  }
  #chiffres h2 span {
    font-size: 1.041666667em;
    line-height: 1.2em;
    display: inline-block;
    background-color: #443a31;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 0.1em;
    padding-top: 0.35em;
    padding-bottom: 0.35em;
  }
  #chiffres ul {
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    list-style-type: none;
    padding: 0;
  }
  #chiffres ul li {
    padding: 0;
    margin: 0;
    background-image: none;
  }
  #chiffres ul .li {
    background-color: #009ee0;
    color: #443a31;
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 0.15625em;
    padding-top: 0.546875em;
    padding-bottom: 0.546875em;
    margin-right: 3px;
  }
  #chiffres ul .li span {
    position: relative;
    top: 0.125em;
    display: block;
  }
  #chiffres ul .li strong {
    font-weight: normal;
    font-size: 1.291666667em;
    line-height: 0.64516129em;
  }

  #end {
    font-size: 0.8125em;
    line-height: 1.538461538em;
    margin-bottom: 1.538461538em;
    padding-bottom: 1.53846em !important;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #bfbfbf;
    margin-top: -1px;
    position: relative;
    top: 1px;
    *zoom: 1;
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    z-index: 10;
  }
  #end:after {
    content: "";
    display: table;
    clear: both;
  }
  #end li,
  #end dt,
  #end dd {
    float: left;
  }
  #end li {
    padding-left: 0;
    background-image: none;
    padding-left: 10px;
    padding-right: 9px;
    border-right: 1px solid #009ee0;
    padding-bottom: 0;
  }
  #end li:last-child {
    padding-right: 0;
    border-right: 0;
  }
  #end li:first-child {
    padding-left: 0;
  }
  #end a {
    display: block;
    padding-left: 20px;
    color: #6c6764;
    background-image: url(/bundles/nubcore/images/bg/item.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
  }

  #carrousel-left {
    padding-top: 2.5em;
    padding-bottom: 2.5em;
    position: relative;
    z-index: 1;
  }
  .idex #carrousel-left {
    margin-top: -22.5em;
  }
  #carrousel-left li {
    *zoom: 1;
  }
  #carrousel-left li:after {
    content: "";
    display: table;
    clear: both;
  }
  #carrousel-left .txt {
    float: left;
    width: 320px;
    background-color: #443a31;
    color: #fff;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    min-height: 25em;
    *height: 25em;
    *zoom: 1;
  }
  #carrousel-left .txt:after {
    content: "";
    display: table;
    clear: both;
  }
  #carrousel-left .txt svg {
    display: inline;
    width: 40px;
    height: 40px;
    vertical-align: top;
    position: relative;
    bottom: 4px;
  }
  #carrousel-left .txt .nowrap {
    white-space: nowrap;
  }
  #carrousel-left a {
    display: block;
    text-decoration: none;
    position: relative;
    *zoom: 1;
  }
  #carrousel-left a:after {
    content: "";
    display: table;
    clear: both;
  }
  #carrousel-left p {
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 1.3125em;
    line-height: 1.428571429em;
    margin-bottom: 1.428571429em;
    padding-left: 20px;
    padding-right: 20px;
  }
  .tiers #carrousel-left p:after {
    content: attr(data-txt);
    position: absolute;
    right: 20px;
    bottom: 0;
    font-size: 0.666666667em;
    line-height: 1.428571429em;
    margin-bottom: 1.428571429em;
    margin-bottom: 2.857142857em;
    text-decoration: underline;
    padding-right: 20px;
    background-image: url(/bundles/nubcore/images/bg/item.svg);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  #carrousel-left h2 {
    font-family: "Brix Slab Medium Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 1.6875em;
    line-height: 1.111111111em;
    margin-bottom: 1.111111111em;
    padding-top: 0.740740741em;
    padding-bottom: 0.740740741em;
    font-weight: normal;
    background-color: #009ee0;
    padding-left: 20px;
    padding-right: 20px;
  }
  #carrousel-left .img {
    float: left;
    position: relative;
  }
  #carrousel-left .img:before {
    position: absolute;
    left: 0;
    top: 5px;
    width: 20px;
    height: 80px;
    -webkit-box-shadow: 0 0 3px 1px black;
    -moz-box-shadow: 0 0 3px 1px black;
    box-shadow: 0 0 3px 1px black;
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    transform: rotate(-2deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  #carrousel-left .img img {
    position: relative;
  }
  #carrousel-left .flex-direction-nav {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: 3.75em;
    background-color: #009ee0;
  }
  #carrousel-left .flex-direction-nav li {
    height: 60px;
  }
  .tiers #carrousel-left .flex-direction-nav {
    left: 620px;
  }
  #carrousel-left .shape1 {
    fill: #443a31;
  }
  #carrousel-left button:hover, #carrousel-left button:focus {
    background-color: #443a31;
  }
  #carrousel-left button:hover .shape1, #carrousel-left button:focus .shape1 {
    fill: #009ee0;
  }
  #carrousel {
    position: absolute;
    left: 0;
    right: 50%;
    margin-right: -110px;
  }
  #carrousel .flex-direction-nav {
    position: absolute;
    right: -20px;
    background-color: #009ee0;
    bottom: 8.125em;
    height: 60px;
  }
  .op #carrousel .flex-direction-nav {
    bottom: 128px;
  }
  .ie #carrousel .flex-direction-nav {
    bottom: 129px;
  }
  #carrousel .flex-direction-nav button {
    color: #fff;
    height: 60px;
  }
  #carrousel .flex-direction-nav button:hover .shape1, #carrousel .flex-direction-nav button:focus .shape1 {
    fill: #fff;
  }
  #carrousel .flex-direction-nav button:hover .shape2, #carrousel .flex-direction-nav button:focus .shape2 {
    fill: #443a31;
  }
  #carrousel .flex-direction-nav .shape1 {
    fill: #443a31;
  }
  #carrousel .flex-direction-nav .shape2 {
    fill: #fff;
  }
  #carrousel .slides {
    height: 33.75em;
    overflow: auto;
  }
  .js #carrousel .slides {
    height: auto;
    overflow: visible;
  }
  #carrousel .slides li {
    background-size: cover;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    float: none;
  }
  .js #carrousel .slides li {
    float: left;
  }
  #carrousel .slides div {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #443a31;
    width: 580px;
    color: #fff;
    padding-bottom: 1.25em;
  }
  #carrousel .slides ul {
    padding: 0;
    list-style-type: none;
  }
  #carrousel .slides ul li {
    font-size: 0.875em;
    line-height: 1.428571429em;
    display: block;
    text-decoration: underline;
    padding-left: 40px;
    padding-right: 20px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    background-image: url(/bundles/nubcore/images/bg/item.svg);
    background-size: auto auto;
    background-repeat: no-repeat;
    background-position: 20px 50%;
  }
  #carrousel .slides h2 {
    font-size: 1.5em;
    line-height: 1.041666667em;
    margin-bottom: 1.041666667em;
    margin-bottom: 0.833333333em;
    font-family: "Brix Slab Light Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    background-color: #fff;
    color: #009ee0;
    padding-top: 0;
    display: table;
    width: 100%;
    font-weight: normal;
    height: 2.5em;
  }
  #carrousel .slides h2 span {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    padding-right: 120px;
  }
  #carrousel .slides p {
    font-size: 1.3125em;
    line-height: 1.428571429em;
    margin-bottom: 1.428571429em;
    margin-bottom: 0.476190476em;
    font-family: "Brix Slab Light Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
    height: 2.857142857em;
  }
  #carrousel a {
    display: block;
    text-decoration: none;
    position: relative;
    color: #fff;
    height: 33.75em;
  }
  #carrousel.alt {
    right: 0;
    margin-right: 0;
    position: static;
  }
  .js #carrousel.alt {
    position: absolute;
  }
  #carrousel.alt .slides div {
    right: auto;
    left: 50%;
    margin-left: 30px;
    width: 420px;
    bottom: auto;
    top: 11.25em;
  }
  #carrousel.alt .slides p {
    height: auto;
    overflow: auto;
  }
  #carrousel.alt .slides h2 {
    font-family: "Brix Slab Medium Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  #carrousel.alt .flex-direction-nav {
    right: auto;
    left: 50%;
    bottom: auto;
    top: 11.25em;
    margin-left: 350px;
  }
  #slides {
    padding: 0 70px;
  }
  #slides .flex-viewport {
    margin-bottom: -0.625em;
  }
  #slides:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -40px;
    width: 1px;
    height: 60px;
    background-color: #009ee0;
  }
  #slides li a {
    display: block;
    text-decoration: none;
    padding-right: 30px;
    padding-left: 30px;
  }
  #slides li a:hover .next, #slides li a:focus .next {
    text-decoration: underline;
  }
  #slides .flex-prev,
  #slides .flex-next {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -30px;
  }
  #slides .flex-prev .shape1,
  #slides .flex-next .shape1 {
    fill: #443a31;
  }
  #slides .flex-prev .shape2,
  #slides .flex-next .shape2 {
    fill: #009ee0;
  }
  #slides .flex-prev:hover .shape1, #slides .flex-prev:focus .shape1,
  #slides .flex-next:hover .shape1,
  #slides .flex-next:focus .shape1 {
    fill: #009ee0;
  }
  #slides .flex-prev:hover .shape2, #slides .flex-prev:focus .shape2,
  #slides .flex-next:hover .shape2,
  #slides .flex-next:focus .shape2 {
    fill: #443a31;
  }
  #slides .flex-next {
    left: auto;
    right: 0;
  }
  #slides h2 {
    font-size: 1.9375em;
    line-height: 0.967741935em;
    margin-bottom: 0.967741935em;
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-weight: normal;
  }
  #slides h2 span {
    color: #009ee0;
  }
  .tiers #slides h2 span {
    color: #443a31;
  }
  #slides p {
    font-size: 1.3125em;
    line-height: 1.428571429em;
    margin-bottom: 1.428571429em;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    margin-top: 0.476190476em;
  }
  #slides p .next {
    font-size: 0.619047619em;
    line-height: 1.538461538em;
    color: #009ee0;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding-right: 20px;
    background-image: url(/bundles/nubcore/images/bg/item.svg);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    white-space: nowrap;
  }

  .flex-direction-nav button {
    -webkit-transition: background-color 300ms;
    -moz-transition: background-color 300ms;
    -o-transition: background-color 300ms;
    transition: background-color 300ms;
  }
  .flex-direction-nav button path {
    -webkit-transition: fill 300ms;
    -moz-transition: fill 300ms;
    -o-transition: fill 300ms;
    transition: fill 300ms;
  }

  .cms .flexslider {
    position: relative;
    background-color: #443a31;
    color: #fff;
    margin-bottom: 1.875em;
    width: 520px;
    margin-left: auto;
    margin-right: auto;
  }
  .cms .flexslider .flex-direction-nav {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #443a31;
  }
  .cms .flexslider .flex-direction-nav button {
    color: #fff;
    text-decoration: none;
    height: 60px;
    -webkit-transition: background-color 300ms;
    -moz-transition: background-color 300ms;
    -o-transition: background-color 300ms;
    transition: background-color 300ms;
  }
  .cms .flexslider .flex-direction-nav button path {
    -webkit-transition: fill 300ms;
    -moz-transition: fill 300ms;
    -o-transition: fill 300ms;
    transition: fill 300ms;
  }
  .cms .flexslider .flex-direction-nav button:hover, .cms .flexslider .flex-direction-nav button:focus {
    background-color: #009ee0;
  }
  .cms .flexslider .flex-direction-nav button:hover .shape1, .cms .flexslider .flex-direction-nav button:focus .shape1 {
    fill: #443a31;
  }
  .idex .cms .flexslider .flex-direction-nav button:hover .shape1, .tiers .cms .flexslider .flex-direction-nav button:hover .shape1, .idex .cms .flexslider .flex-direction-nav button:focus .shape1, .tiers .cms .flexslider .flex-direction-nav button:focus .shape1 {
    fill: #443a31;
  }
  .cms .flexslider .flex-direction-nav li {
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #009ee0;
    margin-left: -1px;
    height: 3.75em;
    overflow: hidden;
    background-image: none;
  }
  .cms .flexslider a {
    display: block;
    color: #fff;
    text-decoration: none;
  }
  .cms .flexslider a:hover, .cms .flexslider a:focus {
    color: #fff;
    text-decoration: underline;
  }
  .idex .cms .flexslider a:hover, .tiers .cms .flexslider a:hover, .idex .cms .flexslider a:focus, .tiers .cms .flexslider a:focus {
    color: #fff;
  }
  .cms .flexslider p {
    font-size: 1.125em;
    line-height: 1.111111111em;
    margin-bottom: 1.111111111em;
    display: table-cell;
    vertical-align: middle;
    height: 3.333333333em;
    padding-left: 10px;
    padding-right: 130px;
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  .cms .flexslider img {
    margin-bottom: 0;
  }
  .cms .flexslider li {
    padding: 0;
    margin: 0;
    background-image: none;
  }

  #intro {
    background-color: #009ee0;
    color: #fff;
  }
  #intro p {
    font-size: 1.5em;
    line-height: 1.25em;
    margin-bottom: 1.25em;
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  #intro p span {
    color: #443a31;
  }
  #intro .page :last-child {
    margin-bottom: 0;
  }
  #intro h1 button {
    background-color: #f7f7f7;
    padding-right: 25px;
    padding-left: 5px;
    background-image: url(/bundles/nubcore/images/bg/list.svg);
    background-repeat: no-repeat;
    background-position: 25px 50%;
    padding-top: 0.322580645em;
    padding-bottom: 0.322580645em;
    display: none;
  }
  #intro h1 button img {
    margin: 0;
    width: 20px;
  }
  #intro h1 button.active {
    background-color: #e8e8e8;
    background-image: url(/bundles/nubcore/images/bg/list-off.svg);
  }
  #intro.alt {
    background-color: #e8e8e8;
    padding-bottom: 0.625em;
  }
  .tiers #intro.alt {
    background-color: #e8e8e8 !important;
  }
  .formulaire #intro.alt, .idex-formulaire #intro.alt, .tiers-formulaire #intro.alt {
    background-color: transparent !important;
    padding-bottom: 0;
  }
  #intro.alt h1 {
    background-image: url(/bundles/nubcore/images/bg/puce-alt.svg);
    color: #443a31;
  }
  #intro.alt h2 {
    font-size: 1.9375em;
    line-height: 1.290322581em;
    margin-bottom: 1.290322581em;
    margin-bottom: 0.322580645em;
    color: #009ee0;
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-weight: normal;
    padding-top: 0;
  }
  #intro.alt h2:after {
    display: none;
  }
  #intro.alt p {
    font-size: 1.125em;
    line-height: 1.666666667em;
    margin-bottom: 1.666666667em;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    color: #443a31;
    padding-left: 30px;
  }
  #intro.alt p.cat {
    text-transform: uppercase;
    color: #6c6764;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 0.8125em;
    line-height: 1.538461538em;
    margin-bottom: 1.538461538em;
    margin-bottom: 0;
  }
  #diago {
    width: 100%;
    height: 81px;
    margin-top: -1px;
  }
  #diago.alt {
    height: 121px;
  }
  #breadcrumb-social-select {
    padding-bottom: 3.75em;
  }
  .faq #breadcrumb-social-select, .tiers-faq #breadcrumb-social-select {
    padding-bottom: 1.25em;
  }
  #breadcrumb-social-select.intro {
    background-color: #009ee0;
  }
  #breadcrumb-social-select.intro.alt {
    background-color: #e8e8e8;
  }
  .tiers #breadcrumb-social-select.intro.alt {
    background-color: #e8e8e8 !important;
  }
  #breadcrumb-social-select.intro.alt path {
    fill: #009ee0;
  }
  #breadcrumb-social-select.intro.alt button:hover path, #breadcrumb-social-select.intro.alt button:focus path {
    fill: #443a31;
  }
  .tiers #breadcrumb-social-select.intro.alt button:hover path, .tiers #breadcrumb-social-select.intro.alt button:focus path {
    fill: #443a31;
  }
  #breadcrumb-social-select .page {
    position: relative;
  }
  #breadcrumb {
    *zoom: 1;
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-bottom: 1px solid #bfbfbf;
    margin-bottom: -1px;
    padding-top: 1.666666667em;
    padding-bottom: 1.25em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 0.75em;
    line-height: 1.666666667em;
    color: #312923;
    padding-right: 260px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  #breadcrumb:after {
    content: "";
    display: table;
    clear: both;
  }
  #breadcrumb li,
  #breadcrumb dt,
  #breadcrumb dd {
    float: left;
  }
  #breadcrumb a {
    text-decoration: none;
    color: #312923;
  }
  #breadcrumb a:hover, #breadcrumb a:focus {
    text-decoration: underline;
  }
  #breadcrumb li:after {
    content: ' › ';
  }
  #breadcrumb li:last-child:after {
    display: none;
  }
  #social {
    float: right;
    padding-top: 0.9375em;
    margin-bottom: -0.625em;
  }
  #social img,
  #social svg {
    max-width: none;
  }
  #social p {
    font-size: 1.3125em;
    line-height: 1.428571429em;
    margin-bottom: 1.428571429em;
    font-family: "Brix Slab Medium Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    margin-bottom: 0;
    float: left;
  }
  #social p:after {
    content: ' ';
  }
  #social ul {
    *zoom: 1;
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
    height: 1.875em;
  }
  #social ul:after {
    content: "";
    display: table;
    clear: both;
  }
  #social ul li,
  #social ul dt,
  #social ul dd {
    float: left;
  }
  #social li:after {
    content: ' ';
  }
  #social button {
    color: #fff;
    display: block;
    height: 30px;
  }
  #social button:hover path, #social button:focus path {
    fill: #443a31;
  }
  .triangle-alt #social path {
    fill: #009ee0;
  }
  .triangle-alt #social button:hover path, .triangle-alt #social button:focus path {
    fill: #443a31;
  }
  #select {
    float: right;
    width: 22em;
  }
  .js #select {
    position: absolute;
    right: 20px;
    top: 100%;
    width: auto;
  }
  #select .ssmenu {
    border-left: 1px solid #009ee0;
    border-right: 1px solid #009ee0;
    background-color: #fff;
    -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    padding-bottom: 1.25em;
    padding-top: 1.25em;
  }
  .js #select .ssmenu {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 4;
    padding: 0;
    display: none;
  }
  #select .ssmenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    *zoom: 1;
  }
  #select .ssmenu ul:after {
    content: "";
    display: table;
    clear: both;
  }
  .js #select .ssmenu ul {
    margin-top: 1.25em;
  }
  #select .ssmenu ul ul {
    font-size: 0.8125em;
    line-height: 1.538461538em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #bfbfbf;
    margin-top: -1px;
    position: relative;
    top: 1px;
    margin-bottom: 0;
    margin-top: 0 !important;
    padding-left: 15px;
    padding-right: 5px;
  }
  #select .ssmenu ul ul li {
    float: right;
    position: relative;
  }
  #select .ssmenu ul ul li:after {
    content: '';
    position: absolute;
    width: 1px;
    background-color: #bfbfbf;
    height: 15px;
    bottom: 0;
  }
  #select .ssmenu ul ul li a {
    padding-left: 5px;
  }
  #select .ssmenu ul ul li:first-child {
    float: left;
  }
  #select .ssmenu ul ul li:first-child:after {
    display: none;
  }
  #select .ssmenu ul ul li:first-child a {
    background-image: url(/bundles/nubcore/images/bg/item.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 20px;
  }
  #select .ssmenu a {
    display: block;
    text-decoration: none;
  }
  #select .ssmenu .cta {
    margin-left: 20px;
    margin-right: 20px;
  }
  #select .ssmenu .cta li {
    margin-bottom: 0.625em;
  }
  #select .ssmenu .cta li:last-child {
    margin-bottom: 0;
  }
  #select .ssmenu .cta a {
    display: inline-block;
  }
  #select .ssmenu p {
    margin: 0 20px;
    font-size: 0.8125em;
    line-height: 1.538461538em;
    margin-bottom: 1.538461538em;
    color: #6c6764;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-style: italic;
    margin-top: 1.538461538em;
    margin-bottom: 0;
  }
  .js #select .ssmenu p {
    margin-bottom: 1.538461538em;
  }
  #select p {
    margin-bottom: 0;
    margin-top: 1px;
    *zoom: 1;
  }
  #select p:after {
    content: "";
    display: table;
    clear: both;
  }
  #select p .button {
    font-size: 1.125em;
    line-height: 1.111111111em;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding-top: 0.555555556em;
    padding-bottom: 0.555555556em;
    border-left: 1px solid #009ee0;
    border-right: 1px solid #009ee0;
    display: block;
    background-color: #fff;
    -webkit-box-shadow: 0 -3px 0 rgba(68, 58, 49, 0.2) inset;
    -moz-box-shadow: 0 -3px 0 rgba(68, 58, 49, 0.2) inset;
    box-shadow: 0 -3px 0 rgba(68, 58, 49, 0.2) inset;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
  }
  .js #select p .button {
    padding: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  #select p .button span {
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-image: url(/bundles/nubcore/images/bg/list-alt.svg);
    display: inline-block;
    padding-right: 30px;
  }
  #select p .button span span {
    display: inline;
    color: #009ee0;
    padding: 0;
    background-image: none;
  }
  .idex #select p .button span span, .tiers #select p .button span span {
    background-image: none;
  }
  #select p button {
    font-size: 1em;
    line-height: 1.111111111em;
    background-color: #fff;
    -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
    color: #443a31;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0.555555556em;
    padding-bottom: 0.555555556em;
    width: 18em;
  }
  .no-touch #select p button:hover, .no-touch #select p button:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #dedede;
  }
  #select p button.active span {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off.svg);
  }
  #select p button.active span span {
    background-image: none;
  }
  .idex #select p button.active span span, .tiers #select p button.active span span {
    background-image: none;
  }

  #menu-alt {
    margin-left: -10px;
    margin-right: -10px;
    position: relative;
    bottom: 1.25em;
  }
  .js #menu-alt {
    display: none;
  }
  #menu-alt .inside {
    border-top: 5px solid #e8e8e8;
    border-bottom: 5px solid #e8e8e8;
    background-color: #fff;
    overflow: hidden;
  }
  #menu-alt ul {
    width: 100%;
    position: relative;
    margin-top: 0;
  }
  #menu-alt button {
    font-size: 1.125em;
    line-height: 2.222222222em;
    background-color: #009ee0;
    color: #fff;
    display: block;
    width: 100%;
    text-align: left;
    padding-left: 20px;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    background-image: url(/bundles/nubcore/images/left.svg);
    background-repeat: no-repeat;
    background-position: 0 50%;
  }
  #menu-alt .back {
    margin-left: 0;
    margin-right: 0;
  }
  #menu-alt li {
    margin: 0 10px;
    padding: 0;
    background-image: none;
    border-bottom: 1px solid #bfbfbf;
    margin-bottom: -1px !important;
  }
  #menu-alt li ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
  }
  #menu-alt li ul.active {
    display: block;
  }
  #menu-alt a {
    display: block;
    text-decoration: none;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 1.125em;
    line-height: 2.222222222em;
    position: relative;
    padding-right: 50px;
  }
  #menu-alt a:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    background-image: url(/bundles/nubcore/images/bg/item.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-bottom: 3px solid #009ee0;
  }

  .page,
  #grid {
    width: 940px;
    margin: 0 auto;
    padding: 0 20px;
    *zoom: 1;
  }
  .page:after,
  #grid:after {
    content: "";
    display: table;
    clear: both;
  }
  #grid .vert {
    width: 60px;
    margin-left: 20px;
  }
  html {
    background-color: #fff;
    color: #443a31;
    font-family: Georgia, Times, "Times New Roman", serif;
  }
  a {
    color: #443a31;
  }

  #colleft,
  #colright,
  #colcenter {
    position: relative;
  }

  .corner {
    position: relative;
  }
  .idex .corner.triangle, .tiers .corner.triangle {
    background-image: none;
  }
  .corner .after {
    position: absolute;
    right: 0;
    top: 0;
  }
  .corner .after .color {
    fill: #009ee0;
  }
  .col1.triangle {
    background-image: url(/bundles/nubcore/images/bg/triangle.svg);
    background-repeat: no-repeat;
    background-position: 100% 0;
  }
  .col1.triangle #colcenter {
    padding-right: 0;
  }
  .col1 #colcenter {
    padding-right: 180px;
  }
  .col1 #intro .page {
    padding-right: 200px;
    width: 760px;
  }
  .col2right #intro .page {
    width: 700px;
    padding-right: 260px;
  }
  .col2right #colcenter {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 620px;
    padding-right: 100px;
  }
  .col2right #colcenter.alt {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 700px;
    padding-right: 20px;
  }
  .col2right #colright {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 200px;
    margin-right: 0 !important;
    float: right;
  }
  .formation .col2right #colright {
    padding-top: 1.25em;
    padding-top: 1.25em !important;
  }
  .col2right.bleu {
    position: relative;
  }
  .col2right.bleu:after {
    height: 0;
    width: 0;
    border-bottom: 220px solid #009ee0;
    border-left: 220px solid transparent;
    position: absolute;
    bottom: 0;
    right: 0;
    content: '';
  }
  .col2right.bleu #colright {
    position: relative;
    z-index: 4;
  }
  .col2right.triangle {
    background-image: url(/bundles/nubcore/images/bg/triangle.svg);
    background-repeat: no-repeat;
    background-position: 100% 0;
  }
  .col2right.triangle #colcenter {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 680px;
    padding-right: 20px;
  }
  .col2right.triangle #colright {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 220px;
    margin-right: 0 !important;
    float: right;
  }
  .col2right.triangle-alt {
    background-image: url(/bundles/nubcore/images/bg/triangle-alt.svg);
    background-repeat: no-repeat;
    background-position: 0 160px;
  }
  .col2left #colleft {
    margin-left: -20px;
    float: left;
    display: inline;
    margin-right: 20px;
    width: 180px;
    padding-bottom: 1.25em;
  }
  .col2left #intro .page {
    width: 760px;
    padding-left: 180px;
    padding-right: 0;
  }
  .col2left #colcenter {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 680px;
    padding-right: 80px;
    margin-right: 0 !important;
  }
  .col2left #colcenter #blocs3 {
    margin-right: -80px;
  }
  .col3 #colleft {
    margin-left: -20px;
    float: left;
    display: inline;
    margin-right: 20px;
    width: 180px;
    position: relative;
    padding-bottom: 1.25em;
  }
  .col3 #colcenter-colright {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 760px;
    margin-right: 0 !important;
    *zoom: 1;
  }
  .col3 #colcenter-colright:after {
    content: "";
    display: table;
    clear: both;
  }
  .col3 #colcenter {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 520px;
    padding-right: 20px;
  }
  .col3 #colright {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 200px;
    margin-right: 0 !important;
    float: right;
  }
  .col3 #intro .page {
    width: 520px;
    padding-left: 170px;
    padding-right: 230px;
  }
  .rubrique .cms h1 {
    padding-top: 0.869565217em;
    margin-bottom: 0.869565217em;
    background-position: 0 0.984314em;
    background-image: url(/bundles/nubcore/images/bg/puce-alt.svg);
  }
  .xs {
    display: none !important;
  }
  .m {
    display: block !important;
  }
  .s {
    display: none !important;
  }
  .s-xs {
    display: none !important;
  }
  .m-s {
    display: block !important;
  }
  .m-xs {
    display: block !important;
  }
  .cols2 {
    *zoom: 1;
    margin-left: -10px;
    margin-right: -10px;
  }
  .cols2:after {
    content: "";
    display: table;
    clear: both;
  }
  .cols2 .col {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  @-webkit-keyframes pulse1 {
    5% {
      opacity: 0;
    }

    10%,  20% {
      opacity: 1;
    }

    25% {
      opacity: 0;
    }
}

  @-moz-keyframes pulse1 {
    5% {
      opacity: 0;
    }

    10%,  20% {
      opacity: 1;
    }

    25% {
      opacity: 0;
    }
}

  @-o-keyframes pulse1 {
    5% {
      opacity: 0;
    }

    10%,  20% {
      opacity: 1;
    }

    25% {
      opacity: 0;
    }
}

  @keyframes pulse1 {
    5% {
      opacity: 0;
    }

    10%,  20% {
      opacity: 1;
    }

    25% {
      opacity: 0;
    }
}

  @-webkit-keyframes pulse2 {
    15% {
      opacity: 0;
    }

    20%,  30% {
      opacity: 1;
    }

    35% {
      opacity: 0;
    }
}

  @-moz-keyframes pulse2 {
    15% {
      opacity: 0;
    }

    20%,  30% {
      opacity: 1;
    }

    35% {
      opacity: 0;
    }
}

  @-o-keyframes pulse2 {
    15% {
      opacity: 0;
    }

    20%,  30% {
      opacity: 1;
    }

    35% {
      opacity: 0;
    }
}

  @keyframes pulse2 {
    15% {
      opacity: 0;
    }

    20%,  30% {
      opacity: 1;
    }

    35% {
      opacity: 0;
    }
}

  @-webkit-keyframes pulse3 {
    25% {
      opacity: 0;
    }

    30%,  40% {
      opacity: 1;
    }

    45% {
      opacity: 0;
    }
}

  @-moz-keyframes pulse3 {
    25% {
      opacity: 0;
    }

    30%,  40% {
      opacity: 1;
    }

    45% {
      opacity: 0;
    }
}

  @-o-keyframes pulse3 {
    25% {
      opacity: 0;
    }

    30%,  40% {
      opacity: 1;
    }

    45% {
      opacity: 0;
    }
}

  @keyframes pulse3 {
    25% {
      opacity: 0;
    }

    30%,  40% {
      opacity: 1;
    }

    45% {
      opacity: 0;
    }
}

  @-webkit-keyframes pulse4 {
    35% {
      opacity: 0;
    }

    40%,  50% {
      opacity: 1;
    }

    55% {
      opacity: 0;
    }
}

  @-moz-keyframes pulse4 {
    35% {
      opacity: 0;
    }

    40%,  50% {
      opacity: 1;
    }

    55% {
      opacity: 0;
    }
}

  @-o-keyframes pulse4 {
    35% {
      opacity: 0;
    }

    40%,  50% {
      opacity: 1;
    }

    55% {
      opacity: 0;
    }
}

  @keyframes pulse4 {
    35% {
      opacity: 0;
    }

    40%,  50% {
      opacity: 1;
    }

    55% {
      opacity: 0;
    }
}

  @-webkit-keyframes pulse5 {
    45% {
      opacity: 0;
    }

    50%,  60% {
      opacity: 1;
    }

    65% {
      opacity: 0;
    }
}

  @-moz-keyframes pulse5 {
    45% {
      opacity: 0;
    }

    50%,  60% {
      opacity: 1;
    }

    65% {
      opacity: 0;
    }
}

  @-o-keyframes pulse5 {
    45% {
      opacity: 0;
    }

    50%,  60% {
      opacity: 1;
    }

    65% {
      opacity: 0;
    }
}

  @keyframes pulse5 {
    45% {
      opacity: 0;
    }

    50%,  60% {
      opacity: 1;
    }

    65% {
      opacity: 0;
    }
}

  @-webkit-keyframes pulse6 {
    55% {
      opacity: 0;
    }

    60%,  70% {
      opacity: 1;
    }

    75% {
      opacity: 0;
    }
}

  @-moz-keyframes pulse6 {
    55% {
      opacity: 0;
    }

    60%,  70% {
      opacity: 1;
    }

    75% {
      opacity: 0;
    }
}

  @-o-keyframes pulse6 {
    55% {
      opacity: 0;
    }

    60%,  70% {
      opacity: 1;
    }

    75% {
      opacity: 0;
    }
}

  @keyframes pulse6 {
    55% {
      opacity: 0;
    }

    60%,  70% {
      opacity: 1;
    }

    75% {
      opacity: 0;
    }
}

  @-webkit-keyframes pulse7 {
    65% {
      opacity: 0;
    }

    70%,  80% {
      opacity: 1;
    }

    85% {
      opacity: 0;
    }
}

  @-moz-keyframes pulse7 {
    65% {
      opacity: 0;
    }

    70%,  80% {
      opacity: 1;
    }

    85% {
      opacity: 0;
    }
}

  @-o-keyframes pulse7 {
    65% {
      opacity: 0;
    }

    70%,  80% {
      opacity: 1;
    }

    85% {
      opacity: 0;
    }
}

  @keyframes pulse7 {
    65% {
      opacity: 0;
    }

    70%,  80% {
      opacity: 1;
    }

    85% {
      opacity: 0;
    }
}

  @-webkit-keyframes pulse8 {
    75% {
      opacity: 0;
    }

    80%,  90% {
      opacity: 1;
    }

    95% {
      opacity: 0;
    }
}

  @-moz-keyframes pulse8 {
    75% {
      opacity: 0;
    }

    80%,  90% {
      opacity: 1;
    }

    95% {
      opacity: 0;
    }
}

  @-o-keyframes pulse8 {
    75% {
      opacity: 0;
    }

    80%,  90% {
      opacity: 1;
    }

    95% {
      opacity: 0;
    }
}

  @keyframes pulse8 {
    75% {
      opacity: 0;
    }

    80%,  90% {
      opacity: 1;
    }

    95% {
      opacity: 0;
    }
}

  @-webkit-keyframes pulse9 {
    0% {
      opacity: 1;
    }

    5% {
      opacity: 0;
    }

    85% {
      opacity: 0;
    }

    90%, 100% {
      opacity: 1;
    }
}

  @-moz-keyframes pulse9 {
    0% {
      opacity: 1;
    }

    5% {
      opacity: 0;
    }

    85% {
      opacity: 0;
    }

    90%, 100% {
      opacity: 1;
    }
}

  @-o-keyframes pulse9 {
    0% {
      opacity: 1;
    }

    5% {
      opacity: 0;
    }

    85% {
      opacity: 0;
    }

    90%, 100% {
      opacity: 1;
    }
}

  @keyframes pulse9 {
    0% {
      opacity: 1;
    }

    5% {
      opacity: 0;
    }

    85% {
      opacity: 0;
    }

    90%, 100% {
      opacity: 1;
    }
}

  #echelle-0 {
    font-size: 1em;
    line-height: 1.2em;
  }

  #echelle-1 {
    font-size: 1.1em;
    line-height: 0.98106em;
  }

  #echelle-2 {
    font-size: 1.2em;
    line-height: 0.86805em;
  }

  #header {
    position: relative;
    z-index: 5;
    margin-top: -1px;
  }
  #header .table {
    display: table;
    width: 100%;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }
  #header .table .h1,
  #header .table #acces-search,
  #header .table .img {
    display: table-cell;
    float: none;
    vertical-align: middle;
  }
  #header .table .h1 {
    padding-right: 20px;
  }
  #header .table .h1 img {
    height: 140px;
  }
  #header .table .img {
    width: 100px;
  }
  #header .h1.portail {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 580px;
    margin-right: 0 !important;
  }
  #header .h1.portail img,
  #header .h1.portail svg {
    display: block;
    width: 300px;
    float: left;
  }
  #header .h1.portail .portail {
    font-size: 0.577777778em;
    line-height: 1.538461538em;
    font-family: "Brix Slab Light Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    color: #009ee0;
    border-left: 1px solid #009ee0;
    margin-left: 9px;
    padding-left: 10px;
    float: left;
    font-weight: normal;
    margin-top: 3.076923077em;
  }
  #header .h1 {
    font-size: 2.8125em;
    line-height: 0.888888889em;
    margin-bottom: 0.888888889em;
    margin-bottom: 0.444444444em;
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding-top: 0;
    float: left;
    display: inline;
    margin-right: 20px;
    width: 400px;
    margin-right: 0 !important;
    font-weight: bold;
  }
  #header .h1 img,
  #header .h1 svg {
    display: block;
    height: 140px;
  }
  #header .h1 a {
    display: block;
    text-decoration: none;
  }
  #header .step {
    display: none;
    opacity: 0;
  }
  #header #step0 {
    display: block;
    opacity: 1;
  }
  #header a {
    display: block;
  }
  .no-touch #header a:hover #step1,
  .no-touch #header a:hover #step2,
  .no-touch #header a:hover #step3,
  .no-touch #header a:hover #step4,
  .no-touch #header a:hover #step5,
  .no-touch #header a:hover #step6,
  .no-touch #header a:hover #step7,
  .no-touch #header a:hover #step8,
  .no-touch #header a:hover #step9, .no-touch #header a:focus #step1,
  .no-touch #header a:focus #step2,
  .no-touch #header a:focus #step3,
  .no-touch #header a:focus #step4,
  .no-touch #header a:focus #step5,
  .no-touch #header a:focus #step6,
  .no-touch #header a:focus #step7,
  .no-touch #header a:focus #step8,
  .no-touch #header a:focus #step9 {
    display: block;
    opacity: 0;
    -webkit-animation-duration: 4s;
    -moz-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }
  .no-touch #header a:hover #step1, .no-touch #header a:focus #step1 {
    -webkit-animation-name: pulse1;
    -moz-animation-name: pulse1;
    animation-name: pulse1;
  }
  .no-touch #header a:hover #step2, .no-touch #header a:focus #step2 {
    -webkit-animation-name: pulse2;
    -moz-animation-name: pulse2;
    animation-name: pulse2;
  }
  .no-touch #header a:hover #step3, .no-touch #header a:focus #step3 {
    -webkit-animation-name: pulse3;
    -moz-animation-name: pulse3;
    animation-name: pulse3;
  }
  .no-touch #header a:hover #step4, .no-touch #header a:focus #step4 {
    -webkit-animation-name: pulse4;
    -moz-animation-name: pulse4;
    animation-name: pulse4;
  }
  .no-touch #header a:hover #step5, .no-touch #header a:focus #step5 {
    -webkit-animation-name: pulse5;
    -moz-animation-name: pulse5;
    animation-name: pulse5;
  }
  .no-touch #header a:hover #step6, .no-touch #header a:focus #step6 {
    -webkit-animation-name: pulse6;
    -moz-animation-name: pulse6;
    animation-name: pulse6;
  }
  .no-touch #header a:hover #step7, .no-touch #header a:focus #step7 {
    -webkit-animation-name: pulse7;
    -moz-animation-name: pulse7;
    animation-name: pulse7;
  }
  .no-touch #header a:hover #step8, .no-touch #header a:focus #step8 {
    -webkit-animation-name: pulse8;
    -moz-animation-name: pulse8;
    animation-name: pulse8;
  }
  .no-touch #header a:hover #step9, .no-touch #header a:focus #step9 {
    -webkit-animation-name: pulse9;
    -moz-animation-name: pulse9;
    animation-name: pulse9;
  }

  #tools {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    *zoom: 1;
    border-bottom: 1px solid #e0dfde;
  }
  #tools:after {
    content: "";
    display: table;
    clear: both;
  }
  #tools a {
    text-decoration: none;
  }
  #tools a:hover, #tools a:focus {
    text-decoration: underline;
  }
  #tools ul {
    font-size: 0.75em;
    line-height: 1.666666667em;
    margin-bottom: 1.666666667em;
    *zoom: 1;
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
  }
  #tools ul:after {
    content: "";
    display: table;
    clear: both;
  }
  #tools ul li,
  #tools ul dt,
  #tools ul dd {
    float: left;
  }
  #tools ul li {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1.25em;
    padding-bottom: 0.416666667em;
  }
  #tools p {
    float: left;
    font-size: 0.75em;
    line-height: 1.666666667em;
    margin-bottom: 1.666666667em;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1.25em;
    padding-bottom: 0.416666667em;
    margin-bottom: 0;
  }
  #tools .left {
    color: #6c6764;
  }
  #tools .left a,
  #tools .left button {
    color: #6c6764;
  }
  #tools .left .disabled {
    color: #bfbfbf;
  }
  #tools .right {
    float: right;
  }
  .portail #tools .right {
    margin-right: 0;
  }
  .portail #tools .right li:last-child {
    border-right: 0;
  }
  #tools div {
    float: left;
  }

  #text li {
    height: 1.25em;
    padding-left: 0 !important;
  }
  #text .small {
    font-size: 1.333333333em;
    line-height: 1.25em;
  }
  #text .big {
    font-size: 1.5em;
    line-height: 1.111111111em;
    position: relative;
    bottom: 1px;
  }
  .ch #text .big {
    bottom: 0;
  }

  #a11y li,
  #links li {
    border-right: 1px solid #e0dfde;
  }
  #a11y li:last-child,
  #links li:last-child {
    border-right: 0;
  }

  #lang {
    position: relative;
  }
  #lang ul {
    background-color: #fff;
    width: 140px;
    text-transform: none;
    border-left: 1px solid #009ee0;
    border-right: 1px solid #009ee0;
    -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    margin-bottom: 1.25em;
    margin-top: 1px;
    clear: both;
    float: right;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #443a31;
    margin-top: -1px;
  }
  #lang ul a {
    text-decoration: none;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #bfbfbf;
    margin-top: -1px;
    position: relative;
    top: 1px;
    padding-left: 20px;
    padding-right: 10px;
    display: block;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    color: #6c6764;
    background-image: url(/bundles/nubcore/images/bg/item.svg);
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding-top: 0.416666667em;
    padding-bottom: 0.416666667em;
  }
  #lang ul a:hover, #lang ul a:focus {
    text-decoration: underline;
  }
  .js #lang ul {
    display: none;
    margin-top: 0;
    position: absolute;
    left: 0;
    right: -10px;
    width: auto;
    top: 100%;
    z-index: 220;
    border-top: 1px solid #009ee0;
  }
  #lang ul li {
    margin: 0;
    padding: 0;
    float: none;
  }
  #lang a,
  #lang button {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    color: #443a31;
  }
  #lang span {
    padding-right: 20px;
    background-image: url(/bundles/nubcore/images/bg/list.svg);
    background-repeat: no-repeat;
    background-position: 100% 50%;
  }
  #lang button.active span {
    background-image: url(/bundles/nubcore/images/bg/list-off.svg);
  }

  #nav-bis.active {
    height: 60px;
  }
  #nav {
    background-color: #f7f7f7;
    border-bottom: 5px solid #e0dfde;
    border-top: 5px solid #e0dfde;
    position: relative;
    clear: both;
    overflow: auto;
    height: 20em;
  }
  .tiers #nav {
    border: 0;
    background-color: #fff;
  }
  .tiers #nav .page {
    border-bottom: 5px solid #e0dfde;
  }
  .tiers #nav .ssmenu .inside {
    margin-top: -5px;
  }
  .tiers #nav .ssmenu .inside-alt {
    margin-top: 0;
  }
  .portail #nav .br {
    display: block;
  }
  .js #nav {
    height: auto;
    overflow: visible;
    border-top: 0;
    margin-bottom: -5px;
  }
  #nav .page {
    display: table;
    padding: 0;
    width: 960px;
    margin-bottom: 0;
    position: relative;
  }
  .js #nav .page {
    text-align: center;
  }
  .tiers #nav li > div {
    position: relative;
  }
  .js #nav .ssmenu {
    display: none;
    position: absolute;
    left: -10px;
    right: -10px;
    top: 100%;
    z-index: 10;
  }
  .js .tiers #nav .ssmenu {
    left: 0;
    right: 0;
    border-top: 5px solid transparent;
  }
  #nav .ssmenu a {
    white-space: normal;
  }
  #nav .xs img {
    vertical-align: bottom;
    display: inline-block;
    top: 5px;
    position: relative;
  }
  .not-ie-or-gte-ie10 #nav .toggle {
    display: none;
  }
  .ie #nav .toggle {
    display: none;
  }
  #nav .toggle .button {
    padding: 0;
  }
  #nav .toggle img {
    vertical-align: bottom;
    display: inline-block;
    position: relative;
    top: 5px;
  }
  #nav .toggle button span {
    padding: 0;
    background-image: none;
    display: block;
    text-align: center;
  }
  #nav .toggle button span img {
    top: 0;
  }
  .tiers #nav .toggle > div {
    position: static;
  }
  .tiers #nav .toggle .ssmenu {
    border-top: 0;
  }
  #nav ul {
    padding: 0;
    margin: 0;
    padding-bottom: 1.25em;
    list-style-type: none;
  }
  .js #nav ul {
    padding: 0;
    display: table-row;
  }
  .js #nav ul li {
    display: table-cell;
    vertical-align: middle;
  }
  #nav ul li .button {
    padding-top: 1.25em;
    padding-bottom: 0.625em;
  }
  .js #nav ul li .button {
    padding: 0;
  }
  #nav ul li:last-child button:after,
  #nav ul li:last-child a:after, #nav ul li.last-child button:after,
  #nav ul li.last-child a:after {
    display: none;
  }
  #nav ul ul {
    text-align: left;
    width: 215px;
    float: left;
    margin-right: 20px;
    padding-bottom: 1.875em;
    position: relative;
    min-height: 10em;
    *height: 10em;
  }
  .js #nav ul ul {
    display: block;
    padding-right: 20px;
  }
  #nav ul ul:after {
    width: 1px;
    background-color: #009ee0;
    height: 70px;
    position: absolute;
    right: 0;
    bottom: 0;
    content: '';
  }
  #nav ul ul:nth-child(1) {
    float: none;
    width: auto;
    padding: 0;
    margin: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #009ee0;
    margin-top: -1px;
    position: relative;
    top: 1px;
    *zoom: 1;
    margin-right: 213px;
    margin-bottom: 0.625em;
    min-height: 0;
  }
  #nav ul ul:nth-child(1):after {
    content: "";
    display: table;
    clear: both;
  }
  #nav ul ul:nth-child(1):after {
    display: block !important;
    position: static;
    height: auto;
  }
  #nav ul ul:nth-child(1) li {
    border-bottom: 0;
    margin-top: 0;
    position: static;
    top: auto;
    float: left;
  }
  #nav ul ul:nth-child(1) li a {
    background-image: none;
    font-size: 1.125em;
    line-height: 2.222222222em;
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding: 0;
    color: #443a31;
    padding-right: 30px;
    margin-right: 20px;
  }
  #nav ul ul:nth-child(1) li a:after {
    background-image: url(/bundles/nubcore/images/bg/item.svg);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    content: '';
    height: 20px;
    width: 20px;
    position: absolute;
    right: 0;
    bottom: 10px;
    border-left: 1px solid #009ee0;
    display: block;
    background-color: transparent;
  }
  #nav ul ul:nth-child(1) li:first-child a {
    font-size: 1.3125em;
    line-height: 1.904761905em;
  }
  #nav ul ul:nth-child(2) {
    clear: both;
  }
  #nav ul ul:nth-child(1):after, #nav ul ul:nth-child(4):after {
    display: none;
  }
  #nav ul ul:nth-child(4) {
    margin-right: 0;
    padding-right: 0;
  }
  #nav ul ul li {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #bfbfbf;
    margin-top: -1px;
    position: relative;
    top: 1px;
  }
  .js #nav ul ul li {
    display: block;
  }
  #nav ul ul li:last-child {
    border-bottom: 0;
    margin-top: 0;
    position: static;
    top: auto;
  }
  #nav ul ul a {
    height: auto !important;
    display: block;
    padding: 0;
    margin-right: 0;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 0.8125em;
    line-height: 1.538461538em;
    color: #6c6764;
    padding-top: 0.769230769em;
    padding-bottom: 0.769230769em;
    padding-left: 20px;
    background-image: url(/bundles/nubcore/images/bg/item.svg);
    background-repeat: no-repeat;
    background-position: 0 0.75em;
    text-decoration: none;
  }
  #nav ul ul a:hover, #nav ul ul a:focus {
    text-decoration: underline;
  }
  #nav ul ul a:after {
    display: none;
  }
  #nav ul ul a:hover:before, #nav ul ul a:focus:before {
    display: none;
  }
  #nav .button {
    font-size: 1.125em;
    line-height: 1.111111111em;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  .js #nav .button {
    padding-top: 0;
    padding-bottom: 0;
  }
  #nav .button a {
    padding: 0;
    display: block;
  }
  #nav .button a span {
    padding: 0 10px;
    margin: 0;
    background-image: none;
    display: block;
    text-align: center;
    font-size: 1em;
    line-height: 3.333333333em;
  }
  #nav .button span {
    padding-left: 5px;
    padding-right: 20px;
    margin-right: 5px;
    background-image: url(/bundles/nubcore/images/bg/list.svg);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 15px 15px;
    display: inline-block;
    text-align: left;
  }
  #nav .button span span {
    padding: 0;
    margin: 0;
    background-image: none;
    display: inline;
  }
  #nav .active button:before,
  #nav .on button:before {
    content: '';
    position: absolute;
    top: 100%;
    height: 5px;
    background-color: #009ee0;
    left: -1px;
    right: 0;
  }
  #nav .active .button {
    -webkit-box-shadow: 0 15px 20px -10px #bfbfbf;
    -moz-box-shadow: 0 15px 20px -10px #bfbfbf;
    box-shadow: 0 15px 20px -10px #bfbfbf;
    position: relative;
    z-index: 200;
  }
  #nav .active span {
    background-image: url(/bundles/nubcore/images/bg/list-off.svg);
  }
  #nav button,
  #nav a {
    font-size: 1em;
    line-height: 1.111111111em;
    height: 3.333333333em;
    display: inline-block;
    width: 100%;
    color: #443a31;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    position: relative;
    text-decoration: none;
    overflow: visible;
    white-space: nowrap;
  }
  #nav button:after,
  #nav a:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 30px;
    background-color: #009ee0;
  }
  #nav button:hover:before, #nav button:focus:before,
  #nav a:hover:before,
  #nav a:focus:before {
    content: '';
    position: absolute;
    top: 100%;
    height: 5px;
    background-color: #009ee0;
    left: -1px;
    right: 0;
  }
  #nav a {
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
  }
  #nav.active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20;
  }
  #nav.active ul ul a {
    font-size: 0.8125em;
    line-height: 1.538461538em;
    padding-top: 0.769230769em;
    padding-bottom: 0.769230769em;
  }
  #nav.active .button {
    font-size: 0.9375em;
    line-height: 2.666666667em;
    line-height: normal;
  }
  #nav.active button,
  #nav.active a {
    font-size: 1em;
    line-height: 1.333333333em;
    height: 3.333333333em;
  }
  #nav.active .toggle {
    display: table-cell !important;
    width: 50px;
  }
  #nav.active .br {
    display: block;
  }
  #nav.active ul li.last-child button:after,
  #nav.active ul li.last-child a:after {
    display: block;
  }

  #account {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #009ee0;
    margin-top: -1px;
    position: relative;
    top: 1px;
    margin-top: -3.75em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    background-color: #f7f7f7;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 10px;
    list-style-type: none;
  }
  #account a {
    display: block;
    padding-right: 20px;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-image: url(/bundles/nubcore/images/bg/item.svg);
    font-size: 0.875em;
    line-height: 1.428571429em;
    padding-top: 0.714285714em;
    padding-bottom: 0.714285714em;
  }
  #account a span {
    display: block;
    padding-left: 25px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-image: url(/bundles/nubcore/images/bg/secure.php);
  }

  #acces-search {
    *zoom: 1;
    margin-top: 5em;
    float: right;
    margin-right: 10px;
    position: relative;
    text-align: right;
  }
  #acces-search:after {
    content: "";
    display: table;
    clear: both;
  }
  .js #acces-search form {
    display: none;
  }
  .js #acces-search .active form {
    display: block;
  }
  #acces {
    margin: 0 10px 0 0;
    padding: 0;
    list-style-type: none;
    float: left;
    text-align: right;
    text-transform: uppercase;
  }
  .idex #acces {
    float: right;
    margin: 0;
  }
  #acces div {
    position: relative;
  }
  #acces li {
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
  }
  #acces li:last-child {
    margin-right: 0 !important;
  }
  #acces li:last-child button {
    background-image: url(/bundles/nubcore/images/bg/profil.svg);
  }
  #acces li:last-child .button {
    background-image: url(/bundles/nubcore/images/bg/profil.svg);
  }
  .js #acces li:last-child .button {
    background-image: none;
  }
  #acces li ul {
    display: block;
    padding: 0;
    text-align: left;
    background-color: #fff;
    width: 140px;
    text-transform: none;
    border-left: 1px solid #009ee0;
    border-right: 1px solid #009ee0;
    -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    margin-bottom: 1.25em;
    margin-top: 1px;
  }
  #acces li ul a {
    font-size: 0.8125em;
    line-height: 1.538461538em;
    text-decoration: none;
    padding-top: 0.384615385em;
    padding-bottom: 0.384615385em;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #bfbfbf;
    margin-top: -1px;
    position: relative;
    top: 1px;
    padding-left: 20px;
    padding-right: 10px;
    display: block;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    color: #6c6764;
    background-image: url(/bundles/nubcore/images/bg/item.svg);
    background-repeat: no-repeat;
    background-position: 0 5px;
  }
  #acces li ul a:hover, #acces li ul a:focus {
    text-decoration: underline;
  }
  .js #acces li ul {
    margin-top: 0;
    position: absolute;
    left: 0;
    right: 0;
    width: auto;
    top: 100%;
    z-index: 210;
    border-top: 1px solid #009ee0;
  }
  #acces li ul li {
    display: block;
    margin-right: 0;
    border-bottom: 0;
    margin-top: 0;
    position: static;
    top: auto;
  }
  #acces .button {
    font-size: 0.75em;
    line-height: 1.666666667em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding-top: 0.833333333em;
    padding-bottom: 0.833333333em;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #443a31;
    margin-top: -1px;
    position: relative;
    top: 1px;
    text-transform: uppercase;
    padding-left: 25px;
    background-image: url(/bundles/nubcore/images/bg/link.svg);
    background-repeat: no-repeat;
    background-position: 0 50%;
  }
  .js #acces .button {
    padding: 0;
    border-bottom: 0;
    margin-top: 0;
    top: auto;
    position: static;
    background-image: none;
  }
  #acces .button span {
    padding-right: 25px;
    background-image: url(/bundles/nubcore/images/bg/list.svg);
    background-position: 100% 50%;
    background-repeat: no-repeat;
  }
  #acces .active button span {
    background-image: url(/bundles/nubcore/images/bg/list-off.svg);
  }
  #acces .active button:after {
    content: '';
    position: absolute;
    top: 100%;
    height: 1px;
    background-color: #009ee0;
    left: 0;
    right: 0;
  }
  #acces button {
    font-size: 1em;
    line-height: 1.666666667em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding-top: 0.833333333em;
    padding-bottom: 0.833333333em;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #443a31;
    margin-top: -1px;
    position: relative;
    top: 1px;
    padding-left: 25px;
    background-image: url(/bundles/nubcore/images/bg/link.svg);
    background-repeat: no-repeat;
    background-position: 0 50%;
  }
  #acces button:hover, #acces button:focus {
    border-bottom-color: #009ee0;
  }
  .js #acces ul {
    display: none;
  }

  #search {
    float: left;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #009ee0;
    margin-top: -1px;
    position: relative;
    top: 1px;
    background-color: #fff;
    text-align: left;
  }
  .idex #search {
    float: right;
    clear: both;
    top: 3px;
  }
  #search p {
    font-size: 0.75em;
    line-height: 1.666666667em;
    height: 3.333333333em;
    float: left;
    margin-bottom: 0;
    text-align: center;
  }
  #search p button {
    display: inline-block;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #443a31;
    margin-top: -1px;
    position: relative;
    top: 1px;
  }
  #search p button:hover, #search p button:focus {
    border-bottom-color: #009ee0;
  }
  #search p img {
    height: 40px;
  }
  #search form {
    float: left;
  }
  .js #search form {
    width: 0;
    overflow: hidden;
  }
  #search form p {
    width: 150px;
  }
  #search form input {
    width: 110px;
    border: 0;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding: 12px 5px;
    font-size: 1em;
    line-height: 1.666666667em;
    vertical-align: middle;
    outline: none;
  }
  #search form button {
    width: auto;
    background-color: #e8e8e8;
    color: #443a31;
    font-size: 1.333333333em;
    line-height: 1.25em;
    border-bottom: 0;
    margin-top: 0;
    position: static;
    top: auto;
    padding: 5px;
    -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    vertical-align: middle;
  }
  #search.active button {
    border-bottom-color: #009ee0;
  }
  #search.active button:hover, #search.active button:focus {
    border-bottom-color: #443a31;
  }

  #networks {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #f7f7f7;
    text-align: center;
    margin: 0;
    padding: 0;
    list-style-type: none;
    z-index: 20;
  }
  #networks li {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #bfbfbf;
    margin-top: -1px;
    position: relative;
    top: 1px;
  }
  #networks li:last-child {
    border-bottom: 0;
    margin-top: 0;
    position: static;
    top: auto;
  }
  #networks a {
    display: block;
    height: 50px;
  }
  #networks a:hover path, #networks a:focus path {
    fill: #443a31;
  }
  .ipad #networks {
    display: none;
  }

  .br {
    display: block;
  }

  #nav .inside-nav,
  #nav .inside-alt {
    background-color: #fff;
    margin-top: 5px;
    border-bottom: 0;
    -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    padding-bottom: 3px;
    overflow: hidden;
  }
  #nav .inside-nav ul,
  #nav .inside-alt ul {
    float: none;
    min-height: 0;
    margin: 0;
    padding: 0;
  }
  #nav .inside-nav ul ul,
  #nav .inside-alt ul ul {
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    overflow: auto;
    display: none;
  }
  #nav .inside-nav ul ul.active,
  #nav .inside-alt ul ul.active {
    display: block;
  }
  #nav .inside-nav ul:nth-child(1),
  #nav .inside-alt ul:nth-child(1) {
    border: none;
    margin: 0;
    position: relative;
    width: 100%;
  }
  #nav .inside-nav ul:nth-child(1) li,
  #nav .inside-alt ul:nth-child(1) li {
    float: none;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #bfbfbf;
    margin-top: -1px;
    position: relative;
    top: 1px;
    position: static;
  }
  #nav .inside-nav ul:nth-child(1) li a,
  #nav .inside-alt ul:nth-child(1) li a {
    font-size: 1.125em;
    line-height: 1.111111111em;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding: 0;
    margin: 0;
    color: #6c6764;
    padding-top: 0.555555556em;
    padding-bottom: 0.555555556em;
    padding-left: 10px;
  }
  #nav .inside-nav ul:nth-child(1) li a:after,
  #nav .inside-alt ul:nth-child(1) li a:after {
    border-left: 0;
    border-bottom: 3px solid #009ee0;
    width: 40px;
    height: 40px;
    background-position: 50% 50%;
    bottom: -1px;
  }
  #nav .inside-nav ul:nth-child(1) li strong,
  #nav .inside-alt ul:nth-child(1) li strong {
    font-weight: normal;
  }
  #nav .inside-nav ul:nth-child(1) li strong a,
  #nav .inside-alt ul:nth-child(1) li strong a {
    background-color: #e8e8e8;
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    color: #443a31;
  }
  #nav .inside-nav ul:nth-child(1) li button,
  #nav .inside-alt ul:nth-child(1) li button {
    font-size: 1.125em;
    line-height: 2.222222222em;
    background-color: #009ee0;
    height: auto;
    color: #fff;
    text-align: left;
    padding-left: 40px;
    background-image: url(/bundles/nubcore/images/left.svg);
    background-repeat: no-repeat;
    background-position: 10px 50%;
  }
  #nav .inside-nav ul:nth-child(1) li button:after,
  #nav .inside-alt ul:nth-child(1) li button:after {
    display: none;
  }
  #nav .inside-nav ul:nth-child(1) li:nth-child(1) a,
  #nav .inside-alt ul:nth-child(1) li:nth-child(1) a {
    font-size: 1.125em;
    line-height: 1.111111111em;
  }
  #nav .inside-alt {
    border-left: 1px solid #009ee0;
    border-right: 1px solid #009ee0;
  }
  #nav .inside-alt ul:nth-child(1) li a {
    font-size: 0.8125em;
    line-height: 1.538461538em;
    padding-top: 0.769230769em;
    padding-bottom: 0.769230769em;
    background-image: url(/bundles/nubcore/images/bg/item.svg);
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding-left: 20px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  #nav .inside-alt ul:nth-child(1) li a:after {
    display: none;
  }
  #nav .inside-alt ul:nth-child(1) li:nth-child(1) a {
    font-size: 0.8125em;
    line-height: 1.538461538em;
  }
  #nav .inside-alt form {
    position: relative;
    padding-right: 60px;
  }
  #nav .inside-alt form p {
    margin-bottom: 0;
    padding-top: 0.3125em;
    padding-bottom: 0.3125em;
  }
  #nav .inside-alt form button {
    font-size: 1em;
    line-height: 1.875em;
    display: inline-block;
    width: auto;
    height: auto;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
    padding-left: 5px;
    padding-right: 5px;
  }
  #nav .inside-alt form button:before {
    display: none;
  }
  #nav .inside-alt form input {
    border: 0;
    width: 100%;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 1em;
    line-height: 1.25em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: normal;
    padding: 10px;
    color: #443a31;
  }

  .ssmenu .inside {
    position: relative;
    top: 5px;
    text-align: left;
    background-color: #fff;
    color: #443a31;
    border: 1px solid #009ee0;
    min-height: 13.125em;
    *height: 13.125em;
    *zoom: 1;
    padding-top: 1.25em;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-shadow: 2px 2px 2px rgba(68, 58, 49, 0.2);
    -moz-box-shadow: 2px 2px 2px rgba(68, 58, 49, 0.2);
    box-shadow: 2px 2px 2px rgba(68, 58, 49, 0.2);
  }
  .ssmenu .inside:after {
    content: "";
    display: table;
    clear: both;
  }
  .ssmenu .inside a {
    color: #443a31;
  }
  .ssmenu .deco {
    position: absolute;
    right: 20px;
    top: 20px;
    height: 190px;
  }
  .tiers .ssmenu .deco {
    display: none;
  }
  .ssmenu .deco img {
    display: inline;
  }
  .ssmenu .deco span {
    display: block;
    height: 190px;
  }
  .ssmenu .deco span:before {
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    border-bottom: 95px solid white;
    border-right: 95px solid transparent;
    bottom: 0;
    left: 0;
  }
  .ssmenu .deco span:after {
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    border-bottom: 95px solid white;
    border-left: 95px solid transparent;
    bottom: 0;
    right: 0;
  }
  .ssmenu .deco:before {
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    border-top: 95px solid white;
    border-right: 95px solid transparent;
    top: 0;
    left: 0;
  }
  .ssmenu .deco:after {
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    border-top: 95px solid white;
    border-left: 95px solid transparent;
    top: 0;
    right: 0;
  }

  #content {
    background-color: #f7f7f7;
    padding-bottom: 3.125em;
  }
  #content .meta {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #bfbfbf;
    margin-top: -1px;
    padding-top: 0.625em;
    padding-bottom: 0.625em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    clear: both;
  }
  #content .meta :last-child {
    margin-bottom: 0;
  }
  #content .meta a {
    color: #443a31;
  }
  #content .meta a:hover, #content .meta a:focus {
    color: #009ee0;
  }
  #content .meta a span {
    color: #443a31;
  }
  #content .meta p {
    font-size: 1.125em;
    line-height: 1.111111111em;
    margin-bottom: 1.111111111em;
    margin-bottom: 0.555555556em;
    font-family: "Brix Slab Medium Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  #content .meta ul {
    font-size: 0.875em;
    line-height: 1.428571429em;
    margin-bottom: 1.428571429em;
  }
  #content #tags,
  #content #themes {
    *zoom: 1;
  }
  #content #tags:after,
  #content #themes:after {
    content: "";
    display: table;
    clear: both;
  }
  #content #tags ul,
  #content #tags li,
  #content #tags p,
  #content #themes ul,
  #content #themes li,
  #content #themes p {
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  #content #tags p:after,
  #content #tags li:after,
  #content #themes p:after,
  #content #themes li:after {
    content: ' ';
  }
  #content #docs ul {
    padding-left: 0;
    list-style-type: none;
  }
  #content #docs li {
    padding-left: 20px;
    background-image: url(/bundles/nubcore/images/bg/item.svg);
    background-repeat: no-repeat;
  }
  #content #docs li a {
    display: block;
    text-decoration: none;
  }
  #content #docs li a:hover, #content #docs li a:focus {
    text-decoration: underline;
  }
  #content #meta {
    background-color: #e8e8e8;
    border-top: 0;
    border: 0;
    top: auto;
    position: static;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 1.25em;
    margin-bottom: 2.5em;
  }
  #content #meta a {
    color: #009ee0;
    text-decoration: none;
  }
  #content #meta a:hover, #content #meta a:focus {
    text-decoration: underline;
  }
  #content #meta p {
    font-size: 0.875em;
    line-height: 1.428571429em;
    margin-bottom: 1.428571429em;
    margin-bottom: 0;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  .top {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

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

  .center {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .caps {
    text-transform: uppercase;
  }

  #menu {
    background-color: #fff;
    margin-bottom: 1.25em;
    -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    word-wrap: break-word;
    margin-bottom: -1px;
    padding-bottom: 1px;
  }
  #menu .p {
    font-size: 1.125em;
    line-height: 1.111111111em;
    margin-bottom: 1.111111111em;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #009ee0;
    margin-top: -1px;
    position: relative;
    top: 1px;
    margin-bottom: 0;
    padding-top: 0.555555556em;
    padding-bottom: 0.555555556em;
    font-weight: normal;
    font-family: "Brix Slab Medium Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  #menu .p a {
    color: #009ee0;
  }
  #menu .p a span {
    color: #009ee0;
  }
  #menu ul {
    font-size: 0.8125em;
    line-height: 1.538461538em;
    margin-bottom: 1.538461538em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  #menu ul li a {
    padding-top: 0.769230769em;
    padding-bottom: 0.769230769em;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #bfbfbf;
    margin-top: -1px;
  }
  #menu ul li a.active {
    font-size: 1.384615385em;
    line-height: 1.111111111em;
    text-decoration: none;
    cursor: text;
    font-family: "Brix Slab Medium Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding-top: 0.555555556em;
    padding-bottom: 0.555555556em;
  }
  #menu ul li a.active span {
    background-image: url(/bundles/nubcore/images/bg/item-active.svg);
  }
  #menu ul li:first-child a {
    border-top: 0;
    margin-top: 0;
    position: static;
    top: auto;
  }
  #menu ul ul {
    font-size: 1em;
    line-height: 1.538461538em;
    margin-bottom: 1.538461538em;
    margin-bottom: 0.769230769em;
  }
  #menu ul ul li a {
    border-top: 0;
    margin-top: 0;
    position: static;
    top: auto;
    padding: 0;
    padding-left: 10px;
    color: #443a31;
    margin-bottom: 0.769230769em;
  }
  #menu ul ul li a span {
    background-image: url(/bundles/nubcore/images/bg/item.svg);
    background-size: 12px 12px;
    background-position: 4px 4px;
  }
  #menu ul ul li a:hover, #menu ul ul li a:focus {
    text-decoration: underline;
    color: #009ee0;
  }
  #menu ul ul li a:hover span, #menu ul ul li a:focus span {
    color: #443a31;
  }
  #menu ul ul li a.active {
    font-size: 1em;
    line-height: 1.538461538em;
    text-decoration: none;
    cursor: text;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: bold;
  }
  #menu ul ul li a.active span {
    background-image: url(/bundles/nubcore/images/bg/item-active.svg);
    background-size: 20px 20px;
    background-position: 0 0;
  }
  #menu a {
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    color: #009ee0;
    text-decoration: none;
  }
  #menu a:hover, #menu a:focus {
    text-decoration: underline;
  }
  #menu a:hover, #menu a:focus {
    background: none !important;
  }
  #menu a span {
    color: #443a31;
    padding-left: 20px;
    background-image: url(/bundles/nubcore/images/bg/item.svg);
    background-repeat: no-repeat;
    display: block;
  }

  #colright .cta + .cta li {
    font-size: 0.875em;
    line-height: 2.857142857em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  }

  .cta {
    list-style-type: none;
    padding: 0;
  }
  .cta li {
    margin-bottom: 1.25em;
  }
  .cta li:last-child {
    margin-bottom: 0;
  }

  #formation {
    background-color: #009ee0;
    -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
  }
  #formation .p {
    background-color: #f7f7f7;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: -1.111111111em;
    padding-top: 1.111111111em;
    margin-bottom: 1.111111111em;
    padding-bottom: 1.111111111em;
  }
  #formation .p:after {
    left: 0;
  }
  #formation select, #formation input.text {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    background-color: #fff;
  }
  .ch #formation select, .sa #formation select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: none;
    background-image: url(/bundles/nubcore/images/bg/list-alt.svg);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding-right: 40px;
    position: relative;
  }
  #formation form p {
    min-height: 5.384615385em;
    *height: 5.384615385em;
    margin-bottom: 0.769230769em;
  }
  #formation form p.submit {
    padding-top: 0.769230769em;
    min-height: 0;
    margin-bottom: 0;
  }
  #formation .label {
    font-size: 1.384615385em;
    line-height: 1.111111111em;
    padding-top: 0.555555556em;
    padding-bottom: 0.555555556em;
    color: #fff;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    display: block;
    margin-right: 0;
    width: auto;
  }

  #blocs3 {
    *zoom: 1;
    padding-top: 1.25em;
  }
  #blocs3:after {
    content: "";
    display: table;
    clear: both;
  }
  .idex-index #blocs3 .cols {
    float: left;
  }
  .idex-index #blocs3 .col {
    margin-right: 20px;
    width: 220px;
  }
  .idex-index #blocs3 .col:last-child {
    margin-right: 0;
  }
  .idex-index #blocs3 .col:first-child {
    background-color: #009ee0;
  }
  .idex-index #blocs3 .col:first-child ul {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
    text-align: right;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 1.25em;
  }
  .idex-index #blocs3 .col:first-child ul a {
    text-decoration: underline;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 0.875em;
    line-height: 1.428571429em;
  }
  .idex-index #blocs3 .cols .col {
    background-color: transparent !important;
  }
  .idex-index #blocs3 h2 {
    font-size: 1.6875em;
    line-height: 1.111111111em;
    margin-bottom: 1.111111111em;
    margin-bottom: 0;
  }
  .idex-index #blocs3 h2 span {
    color: white !important;
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0.740740741em;
  }
  .idex-index #blocs3 h2 a {
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
    display: block;
  }
  .idex-index #blocs3 h2 a span {
    padding: 0;
  }
  .idex-index #blocs3 h2 a:after {
    font-size: 0.518518519em;
    line-height: 1.428571429em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding-bottom: 1.428571429em;
    content: attr(data-after);
    text-decoration: underline;
    position: absolute;
    right: 20px;
    bottom: 0;
  }
  .idex-index #blocs3 .actu p {
    padding-top: 2.777777778em;
    font-size: 1.125em;
    line-height: 1.111111111em;
  }
  .idex-index #blocs3 .actu p .title {
    font-size: 1.722222222em;
    line-height: 0.967741935em;
    top: 0;
    left: 20px;
  }
  .idex-index #blocs3 .actu p .title span.small {
    font-size: 0.451612903em;
    line-height: 2.142857143em;
  }
  #blocs3 h2 {
    font-size: 1.9375em;
    line-height: 0.967741935em;
    margin-bottom: 0.967741935em;
    margin-bottom: 0.64516129em;
    padding-top: 0;
    font-family: "Brix Slab Medium Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-weight: normal;
  }
  #blocs3 h2 span {
    color: #009ee0;
  }
  #blocs3 .txt {
    -webkit-transition: background-color 200ms, color 200ms;
    -moz-transition: background-color 200ms, color 200ms;
    -o-transition: background-color 200ms, color 200ms;
    transition: background-color 200ms, color 200ms;
    background-color: #443a31;
    color: #fff;
  }
  #blocs3 .cols {
    *zoom: 1;
  }
  #blocs3 .cols:after {
    content: "";
    display: table;
    clear: both;
  }
  #blocs3 .col {
    position: relative;
    float: left;
    display: inline;
    margin-right: 20px;
    width: 220px;
    margin-right: 50px;
  }
  #blocs3 .col:nth-child(3n) {
    margin-right: 0 !important;
  }
  #blocs3 .col:nth-child(3n + 1) {
    clear: both;
  }
  #blocs3 .col a {
    display: block;
    text-decoration: none;
    color: #fff;
  }
  #blocs3 .col a:hover .txt, #blocs3 .col a:focus .txt {
    background-color: #009ee0;
  }
  #blocs3 .diplome {
    margin-bottom: 1.25em;
  }
  #blocs3 .diplome .action {
    display: none;
  }
  #blocs3 .diplome.off .action, #blocs3 .diplome.on .action {
    display: block;
  }
  #blocs3 .diplome.off ul.action button span {
    background-image: url(/bundles/nubcore/images/bg/list-alt.svg);
  }
  #blocs3 .diplome.off .txt div {
    height: 11.25em;
    min-height: 0;
    overflow: hidden;
  }
  #blocs3 .diplome a {
    color: #6c6764;
  }
  #blocs3 .diplome .txt {
    background-color: #e8e8e8;
    color: #6c6764;
  }
  #blocs3 .diplome .txt div {
    min-height: 15em;
    *height: 15em;
  }
  #blocs3 .diplome ul {
    list-style-type: none;
    padding: 0 20px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 0.8125em;
    line-height: 1.538461538em;
    margin-bottom: 1.538461538em;
    margin-bottom: 0;
    position: relative;
    bottom: 1.53846em;
  }
  #blocs3 .diplome ul:first-child {
    padding-top: 3.076923077em;
    position: static;
    margin-bottom: 1.538461538em;
  }
  #blocs3 .diplome ul a {
    text-decoration: underline;
  }
  #blocs3 .diplome ul a:hover, #blocs3 .diplome ul a:focus {
    color: #009ee0;
  }
  #blocs3 .diplome ul a span {
    color: #6c6764;
  }
  #blocs3 .diplome ul.action {
    font-size: 1em;
    line-height: 2.5em;
    margin-bottom: 2.5em;
    padding: 0;
    padding-top: 1.25em;
    text-align: center;
    margin-bottom: 0;
    background-color: #e8e8e8;
    color: #6c6764;
    position: static;
  }
  #blocs3 .diplome ul.action li {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #009ee0;
    margin-top: -1px;
  }
  #blocs3 .diplome ul.action button {
    font-size: 1em;
    line-height: 2.5em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    color: #443a31;
    display: block;
    width: 100%;
  }
  #blocs3 .diplome ul.action button span {
    padding-right: 20px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-image: url(/bundles/nubcore/images/bg/list-alt-off.svg);
  }
  #blocs3 .diplome .title {
    font-size: 1em;
    line-height: 1.25em;
    position: absolute;
    left: 0;
    top: 125px;
    color: #443a31;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    margin-bottom: 0;
  }
  #blocs3 .diplome .title a {
    display: block;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
  }
  #blocs3 .diplome .title a:hover span span, #blocs3 .diplome .title a:focus span span {
    color: #fff;
  }
  #blocs3 .diplome .title a span span:before {
    padding: 0;
    width: 15px;
    display: inline-block;
    content: ' ';
    background-image: url(/bundles/nubcore/images/bg/item-alt.svg);
    background-repeat: no-repeat;
    background-position: -5px 50%;
  }
  #blocs3 .diplome .title span {
    display: table-cell;
    vertical-align: middle;
    height: 4.375em;
  }
  #blocs3 .diplome .title span span {
    background-color: #009ee0;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 200px;
    height: auto;
    padding-top: 0.3125em;
    padding-bottom: 0.3125em;
    color: #443a31;
  }
  #blocs3 .diplome p {
    font-size: 0.875em;
    line-height: 1.428571429em;
    margin-bottom: 1.428571429em;
    padding-left: 20px;
    padding-right: 20px;
  }
  #blocs3 .diplome p:first-child {
    padding-top: 2.857142857em;
  }
  #blocs3 .diplome p.last-child {
    padding-bottom: 1.428571429em;
  }
  #blocs3 .diplome p a {
    text-decoration: underline;
  }
  #blocs3 .diplome p a:hover, #blocs3 .diplome p a:focus {
    color: #009ee0;
  }
  #blocs3 .actu p {
    font-size: 1.3125em;
    line-height: 0.952380952em;
    margin-bottom: 0.952380952em;
    margin-bottom: 0;
    font-family: "Brix Slab Light Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 1.428571429em;
    padding-bottom: 1.428571429em;
  }
  #blocs3 .actu p .title {
    font-size: 1.476190476em;
    line-height: 0.967741935em;
    position: absolute;
    left: 0;
    top: 143px;
    background-color: #009ee0;
    color: #443a31;
    font-family: "Brix Slab Light Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 180px;
    margin-bottom: 0;
    border-top: 4px solid #009ee0;
  }
  #blocs3 .actu p .title span.small {
    font-size: 0.451612903em;
    line-height: 2.142857143em;
    color: #fff;
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    position: relative;
    bottom: 5px;
    line-height: normal;
  }
  #blocs3 .all-actus a {
    padding-left: 20px;
    background-image: url(/bundles/nubcore/images/bg/item.svg);
    background-repeat: no-repeat;
    text-decoration: underline;
    display: block;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 0.875em;
    line-height: 1.428571429em;
    color: #6c6764;
  }
  #actualites #blocs3 .col {
    margin-bottom: 0.3125em;
  }
  #actualites #blocs3 .col:nth-child(1) {
    float: right;
    margin-right: 0;
  }
  #actualites #blocs3 .col:nth-child(1) .txt {
    height: 10.3125em;
  }
  #actualites #blocs3 .col:nth-child(2), #actualites #blocs3 .col:nth-child(3) {
    width: 415px;
    margin-right: 0;
  }
  #actualites #blocs3 .col:nth-child(2) a, #actualites #blocs3 .col:nth-child(3) a {
    display: table;
    width: 100%;
  }
  #actualites #blocs3 .col:nth-child(2) .img, #actualites #blocs3 .col:nth-child(3) .img {
    width: 220px;
  }
  #actualites #blocs3 .col:nth-child(2) .txt,
  #actualites #blocs3 .col:nth-child(2) .img, #actualites #blocs3 .col:nth-child(3) .txt,
  #actualites #blocs3 .col:nth-child(3) .img {
    display: table-cell;
  }
  #actualites #blocs3 .col:nth-child(2) .txt {
    vertical-align: bottom;
  }
  #actualites #blocs3 .col:nth-child(2) .title {
    left: 200px;
    top: 0;
  }
  #actualites #blocs3 .col:nth-child(3) {
    direction: rtl;
  }
  #actualites #blocs3 .col:nth-child(3) .txt {
    vertical-align: top;
    direction: ltr;
  }
  #actualites #blocs3 .col:nth-child(3) .title {
    bottom: 0;
    top: auto;
    left: auto;
    right: 200px;
    direction: ltr;
  }
  .index #blocs3, .tiers-index #blocs3 {
    padding-top: 0;
  }
  .portail #blocs3 {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 640px;
    margin-top: 2.5em;
    margin-bottom: 1.875em;
  }
  .portail #blocs3 .col {
    width: 160px;
    margin-right: 10px;
    clear: none;
    margin-bottom: 0.625em;
  }
  .portail #blocs3 .col p {
    height: 4.761904762em;
  }
  .portail #blocs3 .col:first-child {
    width: 300px;
  }
  .portail #blocs3 .col:last-child {
    margin-right: 0;
  }
  .portail #blocs3 .actu p {
    padding-top: 2.380952381em;
    padding-bottom: 1.666666667em;
  }
  .portail #blocs3 .actu p .title {
    top: 0;
    left: 10px;
    bottom: auto;
  }
  .portail #blocs3 .actu:first-child p {
    font-size: 1.5em;
    line-height: 1.041666667em;
    padding-top: 1.25em;
    padding-bottom: 2.5em;
    height: 4.166666667em;
  }
  .portail #blocs3 .actu:first-child p .title {
    top: 173px;
    left: 50%;
    width: 4.5em;
    text-align: center;
    margin-left: -2.25em;
    padding: 0;
  }
  #resume {
    font-size: 0.875em;
    line-height: 1.428571429em;
    margin-bottom: 1.428571429em;
    *zoom: 1;
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-bottom: 1.428571429em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    clear: both;
    position: relative;
  }
  #resume:after {
    content: "";
    display: table;
    clear: both;
  }
  #resume li,
  #resume dt,
  #resume dd {
    float: left;
  }
  #resume a {
    color: #443a31;
  }
  #resume a:hover, #resume a:focus {
    color: #009ee0;
  }
  #resume a span {
    color: #443a31;
  }
  #resume li {
    margin-right: 20px;
    clear: both;
    margin-bottom: 1.428571429em;
    position: relative;
  }
  .js #resume li {
    clear: none;
    margin-bottom: 0;
  }
  #resume li:last-child {
    margin-right: 0;
  }
  #resume button {
    color: #443a31;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    text-decoration: underline;
    padding-right: 20px;
    background-image: url(/bundles/nubcore/images/bg/list-alt.svg);
    background-repeat: no-repeat;
    background-position: 100% 50%;
  }
  #resume button:hover, #resume button:focus {
    color: #009ee0;
  }
  #resume button.active {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off.svg);
  }
  #resume button span {
    color: #443a31;
  }
  #resume.img {
    width: 520px;
    margin-left: auto;
    margin-right: auto;
  }
  #resume ul {
    padding: 0;
    list-style-type: none;
    background-color: #fff;
    border-left: 1px solid #009ee0;
    border-right: 1px solid #009ee0;
    -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    margin-bottom: 1.25em;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #009ee0;
    margin-top: -1px;
    width: 200px;
  }
  .js #resume ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 0;
    z-index: 1;
  }
  #resume ul li {
    float: none;
    margin-right: 0 !important;
    margin-bottom: 0;
  }
  #resume ul a {
    font-size: 0.928571429em;
    line-height: 1.538461538em;
    text-decoration: none;
    padding-top: 0.384615385em;
    padding-bottom: 0.384615385em;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #bfbfbf;
    margin-top: -1px;
    position: relative;
    top: 1px;
    padding-left: 20px;
    padding-right: 10px;
    display: block;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    color: #6c6764;
    background-image: url(/bundles/nubcore/images/bg/item.svg);
    background-repeat: no-repeat;
    background-position: 0 5px;
  }
  #resume ul a:hover, #resume ul a:focus {
    text-decoration: underline;
  }
  #resume ul a:hover, #resume ul a:focus {
    color: #6c6764;
  }

  .art {
    padding-top: 1.25em;
    margin-bottom: 1.25em;
    position: relative;
  }
  .art .next {
    padding-right: 20px;
    background-position: 100% 8px;
    background-repeat: no-repeat;
    background-image: url(/bundles/nubcore/images/bg/item.svg);
  }
  .art a {
    display: table;
    width: 100%;
    text-decoration: none;
  }
  .art a:hover, .art a:focus {
    color: #443a31;
  }
  .tiers .art a:hover, .tiers .art a:focus {
    color: #443a31;
  }
  .art a:hover h2, .art a:focus h2 {
    text-decoration: underline;
  }
  .art a:hover h2 .title, .art a:focus h2 .title {
    text-decoration: none;
  }
  .art img {
    margin-bottom: 0;
  }
  .art .txt {
    display: table-cell;
    vertical-align: top;
  }
  .art .txt:after {
    content: '';
    height: 1px;
    background-color: #009ee0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .art .txt .title {
    font-size: 1em;
    line-height: 1.111111111em;
    white-space: nowrap;
    position: absolute;
    bottom: 0;
    background-color: #009ee0;
    color: #443a31;
    font-family: "Brix Slab Light Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding-left: 10px;
    padding-right: 10px;
    height: 1.111111111em;
    border-top: 4px solid #009ee0;
    right: 0;
  }
  .art .txt .title span.small {
    font-size: 0.518518519em;
    line-height: 2.142857143em;
    display: inline-block;
    color: #fff;
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    position: relative;
    bottom: 4px;
  }
  .art .img {
    display: table-cell;
    vertical-align: top;
    width: 220px;
  }
  .art .img + .txt {
    padding-left: 40px;
  }
  .art .img + .txt:after {
    left: 220px;
  }
  .art .img + .txt .title {
    right: 440px;
  }
  .art .img + .txt .txt-inside {
    height: 9.375em;
    overflow: hidden;
  }
  .art h2 {
    font-size: 1.6875em;
    line-height: 1.111111111em;
    margin-bottom: 1.111111111em;
    margin-bottom: 0;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    position: static;
  }
  .art h2:after {
    display: none;
  }
  .art p {
    margin-bottom: 0;
    padding-bottom: 2.5em;
    color: #6c6764;
  }
  .art:nth-child(2n) a {
    direction: rtl;
  }
  .art:nth-child(2n) .txt .title {
    left: 0;
    right: auto;
  }
  .art:nth-child(2n) .img + .txt {
    padding-left: 0;
    padding-right: 40px;
  }
  .art:nth-child(2n) .img + .txt:after {
    right: 220px;
    left: 0;
  }
  .art:nth-child(2n) .img + .txt .title {
    left: 440px;
    right: auto;
  }
  .art:nth-child(2n) .txt,
  .art:nth-child(2n) .img {
    direction: ltr;
  }
  .col1 .art {
    margin-right: 180px;
  }
  .col1 .art .img + .txt .title {
    right: 520px;
  }
  .col1 .art:nth-child(2n) .img + .txt .title {
    right: auto;
    left: 520px;
  }
  #pagination {
    *zoom: 1;
    margin-bottom: 2.5em;
  }
  #pagination:after {
    content: "";
    display: table;
    clear: both;
  }
  #pagination ul {
    font-size: 1.125em;
    line-height: 1.666666667em;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    *zoom: 1;
    margin: 0;
    padding: 0;
    list-style-type: none;
    background-color: #009ee0;
    float: left;
    padding-top: 0.555555556em;
    padding-bottom: 0.555555556em;
    padding-left: 10px;
    padding-right: 10px;
  }
  #pagination ul:after {
    content: "";
    display: table;
    clear: both;
  }
  #pagination ul li,
  #pagination ul dt,
  #pagination ul dd {
    float: left;
  }
  #pagination .a {
    background-image: url(/bundles/nubcore/images/bg/page.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
  }
  #pagination a {
    text-decoration: none;
  }
  #pagination a:hover, #pagination a:focus {
    text-decoration: underline;
  }
  #pagination a,
  #pagination .a {
    text-decoration: none;
    display: block;
    width: 30px;
    text-align: center;
  }
  #pagination a:hover, #pagination a:focus,
  #pagination .a:hover,
  #pagination .a:focus {
    color: #443a31;
  }
  #pagination img {
    margin-bottom: 0;
  }
  #pagination li {
    background-image: none;
    padding: 0;
    margin: 0;
  }
  #pagination li:first-child a, #pagination li:last-child a {
    width: auto;
  }
  #pagination li:first-child img, #pagination li:last-child img {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  #filtre {
    *zoom: 1;
    position: relative;
  }
  #filtre:after {
    content: "";
    display: table;
    clear: both;
  }
  #filtre h1 {
    float: left;
  }
  #filtre .filtre {
    float: left;
    position: relative;
    margin-left: 20px;
  }
  .ios #filtre .filtre {
    bottom: 5px;
  }
  #filtre .filtre p {
    margin-top: 0.37037037em;
    font-size: 1.6875em;
    line-height: 1.481481481em;
    margin-bottom: 1.481481481em;
    margin-bottom: 0;
    -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    background-color: #009ee0;
    color: #fff;
  }
  .sa #filtre .filtre p {
    margin-top: 0.62962963em;
  }
  #filtre .filtre p select {
    font-family: "Brix Slab Light Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    border: 0;
    opacity: 0;
    width: auto;
    padding-right: 40px;
    padding-left: 20px;
    height: 40px;
  }
  .sa #filtre .filtre p select, .ch #filtre .filtre p select {
    padding: 0;
    margin-right: 40px;
    margin-left: 20px;
  }
  #filtre .filtre p label {
    display: block;
    position: relative;
    width: 360px;
    background-image: url(/bundles/nubcore/images/bg/bottom.svg);
    background-position: 100% 50%;
    background-repeat: no-repeat;
  }
  .js #filtre .filtre p label {
    width: auto;
  }
  #filtre .filtre p .label {
    margin: 0;
    width: auto;
    position: absolute;
    padding-left: 20px;
    left: 0;
    top: 0;
    font-family: "Brix Slab Light Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  .js #filtre .ssmenu {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1;
    display: none;
  }

  .load {
    background-image: url(/bundles/nubcore/images/bg/load.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 33px 33px;
  }

  .clear {
    clear: both;
  }

  #moments {
    background-color: #fff;
    margin-bottom: -3.125em;
    padding-bottom: 3.125em;
    padding-top: 1.875em;
    position: relative;
  }
  #moments:before {
    height: 0;
    width: 0;
    border-top: 120px solid #009ee0;
    border-right: 120px solid transparent;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
  }
  #moments .page {
    position: relative;
  }
  #moments img {
    width: 100%;
    height: auto;
  }
  #moments .col {
    width: 300px;
    margin-right: 20px;
  }
  #moments .txt {
    position: relative;
    word-wrap: break-word;
  }
  #moments p {
    font-size: 1.5em;
    line-height: 1.25em;
    margin-bottom: 1.25em;
    margin-bottom: 0;
    font-family: "Brix Slab Light Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 1.666666667em;
    padding-bottom: 1.666666667em;
  }
  #moments p .title {
    font-size: 0.75em;
    line-height: 1.111111111em;
    position: absolute;
    left: 0;
    right: 0;
    top: -15px;
    color: #443a31;
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    text-align: center;
  }
  #moments p .title span {
    background-color: #009ee0;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    padding-top: 0.208333333em;
    padding-bottom: 0.208333333em;
  }

  #sommaire {
    margin-bottom: 2.5em;
  }
  #sommaire ul {
    background-color: #fff;
    -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    padding: 0;
    list-style-type: none;
  }
  #sommaire li {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #e0dfde;
    margin-top: -1px;
    position: relative;
    top: 1px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 0.8125em;
    line-height: 1.538461538em;
    padding-top: 0.384615385em;
    padding-bottom: 0.384615385em;
    background-image: url(/bundles/nubcore/images/bg/item.svg);
    background-repeat: no-repeat;
    background-position: 0 0.384615em;
  }
  #sommaire li:last-child {
    border-bottom: 0;
    margin-top: 0;
    position: static;
    top: auto;
  }
  #sommaire a {
    display: block;
    text-decoration: none;
  }
  #sommaire a:hover, #sommaire a:focus {
    text-decoration: underline;
  }

  .hr {
    border-color: #009ee0;
  }
  .hr.alt {
    border-color: #bfbfbf;
  }
  .bloc .hr {
    margin-left: -10px;
    margin-right: -10px;
  }

  #after-diago {
    margin-top: -2.5em;
  }
  #tabs {
    display: table;
    width: 100%;
    text-align: center;
  }
  .idex-index #tabs {
    margin: auto;
    width: 780px;
    table-layout: fixed;
    text-align: left;
  }
  .idex-index #tabs li {
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
  }
  .idex-index #tabs svg {
    display: none;
  }
  .idex-index #tabs a {
    border: 0;
    margin: 0;
    background-color: #e8e8e8;
    color: #443a31;
    text-transform: none;
    padding-left: 20px;
    padding-right: 20px;
    display: table;
    width: 140px;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: #bfbfbf;
    margin-top: -3px;
    position: relative;
    top: 3px;
    height: 3.80952381em;
    font-size: 1.3125em;
    line-height: 0.952380952em;
    font-family: "Brix Slab Medium Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  .idex-index #tabs a:after {
    width: 30px;
    height: 30px;
    top: 100%;
    bottom: auto;
    left: 50%;
    right: auto;
    margin-left: -15px;
    margin-top: -15px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    display: none;
    z-index: -1;
  }
  .idex-index #tabs a.active {
    border-style: solid;
    border-width: 1px;
    margin-top: -2px;
    border-color: #009ee0;
    position: relative;
    top: 1px;
    background-color: #f7f7f7;
  }
  .idex-index #tabs a.active:after {
    display: block;
    background-color: #f7f7f7;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-bottom-style: solid;
    border-right-style: solid;
    border-color: #009ee0;
  }
  .idex-index #tabs a span {
    display: table-cell;
    vertical-align: middle;
  }
  #tabs ul {
    display: table-row;
  }
  #tabs li {
    display: table-cell;
  }
  #tabs li:last-child a:after {
    display: none;
  }
  #tabs a {
    font-size: 1em;
    line-height: 2.5em;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: transparent;
    margin-top: -1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #bfbfbf;
    margin-top: -1px;
    position: relative;
    top: 1px;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    z-index: 1;
    color: #6c6764;
  }
  #tabs a:after {
    content: '';
    position: absolute;
    right: -2px;
    bottom: 0;
    width: 1px;
    height: 20px;
    background-color: #009ee0;
  }
  #tabs a.active {
    border-color: #bfbfbf;
    border-bottom-color: #fff;
    background-color: #fff;
    color: #443a31;
    cursor: text;
  }
  #tabs a.active:after {
    right: -1px;
    background-color: #bfbfbf;
  }
  .tabs {
    margin-bottom: 3.75em;
  }
  .idex-index .tabs {
    margin-bottom: 1.25em;
  }

  .tab {
    background-color: #fff;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #bfbfbf;
    margin-top: -1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #bfbfbf;
    margin-top: -1px;
    position: relative;
    top: 1px;
    margin-top: -2px;
    border-left: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
    padding-top: 2.5em;
    padding-left: 20px;
    padding-right: 20px;
  }
  .idex-index .tab {
    display: table;
    text-decoration: none;
    background-color: transparent;
    width: 900px;
    padding-top: 6.25em;
  }
  .js .idex-index .tab {
    border-top-style: solid;
    border-top-width: 1px;
    border-color: #009ee0;
    margin-top: -2.5em;
  }
  .idex-index .tab strong {
    font-size: 1.3125em;
    line-height: 0.952380952em;
    margin-bottom: 0.952380952em;
    font-family: "Brix Slab Medium Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    display: block;
    font-weight: normal;
  }
  .idex-index .tab.active {
    display: table;
  }
  .idex-index .tab ul {
    font-size: 0.875em;
    line-height: 1.428571429em;
    margin-bottom: 1.428571429em;
    padding: 0;
    list-style-type: none;
    text-decoration: underline;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  .idex-index .tab ul span {
    color: #6c6764;
  }
  .idex-index .tab ul svg {
    float: left;
  }
  .idex-index .tab ul path {
    fill: #009ee0;
  }
  .idex-index .tab a {
    display: table;
    width: 100%;
  }
  .idex-index .tab .img {
    display: table-cell;
    vertical-align: top;
    padding-right: 20px;
    padding-bottom: 1.25em;
  }
  .idex-index .tab .img img {
    max-width: none;
  }
  .idex-index .tab .txt {
    display: table-cell;
    vertical-align: top;
  }
  .tab p,
  .tab ul {
    color: #6c6764;
  }
  .tab:first-child {
    margin-top: -1px;
    border-top: 0;
  }
  .js .tab {
    display: none;
    margin-top: -1px;
    border-top: 0;
  }
  .js .tab.noTab {
    display: block;
    border-top: 1px solid #bfbfbf;
  }
  .tab.active {
    display: block;
  }
  .filets .col {
    border-right: 1px solid #009ee0;
    padding-right: 20px;
  }
  .filets .col:last-child {
    padding-right: 0;
    border-right: 0;
  }
  .discret {
    margin-bottom: 1.25em;
  }
  .discret li {
    padding-left: 0;
    background-image: none;
    margin-bottom: 0;
  }

  .items {
    list-style-type: none;
    padding: 0;
  }
  .items li {
    padding-left: 20px;
    background-image: url(/bundles/nubcore/images/bg/item.svg);
    background-repeat: no-repeat;
  }
  .items li a {
    display: block;
    text-decoration: none;
  }
  .items li a:hover, .items li a:focus {
    text-decoration: underline;
  }
  .items li a span {
    color: #443a31;
  }
  .tab .items li a span {
    color: #6c6764;
  }
  .items li.doc {
    background-image: url(/bundles/nubcore/images/bg/doc.svg);
  }
  .items li.big {
    padding-left: 40px;
    background-size: 35px 35px;
    padding-top: 0.625em;
    padding-bottom: 0.625em;
  }
  .op .items li.big {
    background-size: auto;
    background-position: 0 50%;
    padding-left: 20px;
  }

  .bloc {
    padding: 10px;
    padding-top: 1.25em;
    padding-bottom: 1.25em;
    margin-bottom: 1.25em;
    border-style: solid;
    border-width: 1px;
    border-color: #009ee0;
    position: relative;
    margin-top: -2px;
    margin-left: -2px;
    top: 1px;
    left: 1px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    *zoom: 1;
    background-color: #f7f7f7;
    color: #6c6764;
  }
  .bloc:after {
    content: "";
    display: table;
    clear: both;
  }
  .bloc .heavy {
    font-weight: normal;
    color: #443a31;
  }
  .bloc a {
    color: #6c6764;
  }
  .bloc a.btn {
    font-size: 1.384615385em;
    line-height: 2.222222222em;
    color: #fff;
  }
  .bloc a.btn.alt {
    color: #443a31;
  }
  .bloc p,
  .bloc ul {
    font-size: 0.8125em;
    line-height: 1.538461538em;
    margin-bottom: 1.538461538em;
  }
  .bloc img {
    margin-bottom: 1.25em;
  }
  .bloc .p {
    font-size: 1.125em;
    line-height: 1.111111111em;
    margin-bottom: 1.111111111em;
    padding-bottom: 0.277777778em;
    margin-bottom: 1.944444444em;
    color: #443a31;
    padding-top: 0;
    font-family: "Brix Slab Medium Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-weight: normal;
    position: relative;
  }
  .bloc .p:after {
    content: '';
    height: 1px;
    background-color: #009ee0;
    width: 60px;
    position: absolute;
    left: -10px;
    bottom: -10px;
  }
  .bloc :last-child {
    margin-bottom: 0;
  }
  .bloc .cta {
    padding: 0;
  }
  .bloc h3 {
    font-size: 1.125em;
    line-height: 2.222222222em;
    margin-bottom: 2.222222222em;
    margin-bottom: 1.666666667em;
    padding-top: 0;
    font-family: "Brix Slab Medium Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-weight: normal;
    position: relative;
  }
  .bloc h3:after {
    content: '';
    height: 1px;
    background-color: #009ee0;
    width: 80px;
    position: absolute;
    left: -10px;
    bottom: -10px;
  }

  #contact {
    background-color: #443a31;
    border-style: solid;
    border-width: 0;
    border-color: black;
    position: relative;
    margin-top: 0;
    margin-left: 0;
    top: 0;
    left: 0;
    color: #ada299;
  }
  #contact a {
    color: #ada299;
  }
  #contact .p {
    font-size: 1.3125em;
    line-height: 0.952380952em;
    margin-bottom: 0.952380952em;
    padding-bottom: 0.238095238em;
    margin-bottom: 1.666666667em;
    color: #fff;
  }
  #contact .caps {
    color: #f6f6f6;
  }
  #contact :last-child {
    margin-bottom: 1.538461538em;
  }
  #contact br:last-child {
    margin-bottom: 0;
  }
  #contact .col:last-child {
    margin-bottom: 0;
  }
  #contact .col:last-child p {
    margin-bottom: 0;
  }
  #contact .hr {
    border-top-color: #6c6764;
  }

  .titles {
    display: table;
    width: 100%;
  }
  .titles h2 {
    font-size: 1.3125em;
    line-height: 1.904761905em;
    margin-bottom: 1.904761905em;
    margin-bottom: 0;
    font-family: "Brix Slab Medium Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-weight: normal;
    padding-top: 0;
    display: table-cell;
  }
  .titles h2 button {
    color: #443a31;
    cursor: text;
  }
  .titles h2.change {
    display: none;
  }
  .titles h2.change button {
    padding-left: 40px;
    padding-right: 5px;
    background-image: url(/bundles/nubcore/images/agenda.svg);
    background-size: 37.5px 30px;
    background-position: 5px 50%;
  }
  #filtres .reset {
    font-size: 0.875em;
    line-height: 1.428571429em;
    margin-bottom: 1.428571429em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding: 0;
    list-style-type: none;
  }
  #filtres .reset a {
    color: #009ee0;
  }
  #filtres .reset span {
    color: #443a31;
  }
  #filtres .filtres {
    margin-bottom: 1.25em;
    -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    background-color: #fff;
  }
  #filtres .filtres p {
    font-size: 1.125em;
    line-height: 2.222222222em;
    margin-bottom: 2.222222222em;
    margin-bottom: 0;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding-left: 10px;
    padding-right: 30px;
    color: #6c6764;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-image: url(/bundles/nubcore/images/bg/list-ter.svg);
  }
  .js #filtres .filtres p {
    padding: 0;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  #filtres .filtres p button {
    font-size: 1em;
    line-height: 2.222222222em;
    margin-bottom: 2.222222222em;
    margin-bottom: 0;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding-left: 10px;
    padding-right: 30px;
    color: #6c6764;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-image: url(/bundles/nubcore/images/bg/list-ter.svg);
    display: block;
    width: 100%;
    text-align: left;
  }
  #filtres .filtres p button.active {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off.svg);
  }
  #filtres .filtres p button span {
    position: relative;
    bottom: 2px;
  }
  #filtres .filtres p.field {
    min-height: 1.666666667em;
    *height: 1.666666667em;
  }
  #filtres .filtres select {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 0.857142857em;
    line-height: 1.666666667em;
    line-height: normal;
    width: 200px;
    border: 1px solid #bfbfbf;
    padding: 3px;
  }
  .js #filtres .filtres .ssnav {
    display: none;
  }
  #filtres .filtres .ssnav p {
    font-size: 0.875em;
    line-height: 1.428571429em;
    margin-bottom: 1.428571429em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    margin-bottom: 0;
    background-image: none;
    padding: 0;
  }
  #filtres .filtres .ssnav p button {
    font-size: 1em;
    line-height: 1.428571429em;
    margin-bottom: 1.428571429em;
    margin-bottom: 0;
    padding: 0;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    color: #6c6764;
    background-image: none;
    display: block;
    width: 100%;
    text-align: left;
    text-decoration: underline;
  }
  #filtres .filtres .ssnav p.invert {
    margin-bottom: 0.714285714em;
  }
  #filtres .filtres .inside {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0.625em;
    padding-bottom: 1.25em;
  }
  #filtres .filtres label {
    display: block;
  }
  #filtres .filtres .label {
    width: 155px;
  }
  #filtres .filtres .input {
    margin-right: 10px;
  }
  .js #filtres .submit {
    display: none;
  }

  .tiers #footer #partenaires {
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-bottom-color: #009ee0;
    margin-top: -5px;
    position: relative;
    top: 5px;
  }
  .tiers #footer #partenaires h2 {
    font-size: 1.9375em;
    line-height: 1.290322581em;
    margin-bottom: 1.290322581em;
    font-family: "Brix Slab Medium Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-weight: normal;
    margin-bottom: 0.64516129em;
    padding-top: 0.64516129em;
  }
  .tiers #footer #partenaires ul {
    display: table;
    width: 100%;
    padding: 0;
    table-layout: fixed;
  }
  .tiers #footer #partenaires li {
    display: table-cell;
  }
  .tiers #footer #partenaires img {
    margin: auto;
    height: 80px;
  }
  .tiers #footer .col:after {
    top: 0;
    height: auto;
    left: -20px;
    margin-top: 1.875em;
    margin-bottom: 1.875em;
  }
  .tiers #footer .col:first-child:after {
    display: none;
  }
  .tiers #footer #logos {
    margin: 0;
    width: 700px;
    position: relative;
  }
  .tiers #footer #logos span {
    position: relative;
  }
  .tiers #footer #logos span:before {
    content: '';
    border-right: 3px solid #009EE0;
    position: absolute;
    left: 25px;
    top: -30px;
    height: 80px;
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
    transform: rotate(35deg);
    width: 10px;
    background-color: #fff;
  }
  .tiers #footer #logos span img {
    margin-left: 30px;
    width: 30%;
  }
  .tiers #footer #logos p {
    margin: 0;
    height: 8.75em;
    text-align: center;
  }
  .tiers #footer #logos img {
    margin: auto;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    margin-top: 1.25em;
  }
  .idex #footer .col {
    width: 420px;
  }
  .idex #footer .col:after {
    top: 0;
    height: auto;
    right: -50px;
    margin-top: 1.875em;
    margin-bottom: 1.875em;
  }
  .idex #footer .col:last-child {
    margin-right: 0;
    float: right;
  }
  .idex #footer .col:last-child:after {
    right: auto;
    left: -51px;
  }
  .idex #footer .col li {
    padding: 0;
    background-image: none;
  }
  .idex #footer .col:first-child ul {
    margin: 0;
  }
  .idex #footer .col:first-child img {
    margin-left: 5px;
  }
  .idex #footer .col:first-child li {
    padding-top: 0.625em;
    padding-bottom: 0.625em;
  }
  .idex #footer .col:first-child li span {
    font-size: 1.125em;
    line-height: 1.111111111em;
    background-color: #443a31;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    font-family: "Brix Slab Medium Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding-top: 0.555555556em;
    padding-bottom: 0.555555556em;
  }
  .idex #footer .col:first-child li ul {
    display: inline-block;
    vertical-align: middle;
  }
  .idex #footer .col:first-child li li {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
  }
  .idex #footer .col .follow img {
    background-color: #e8e8e8;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: background-color 300ms;
    -moz-transition: background-color 300ms;
    -o-transition: background-color 300ms;
    transition: background-color 300ms;
  }
  .idex #footer .col .follow a:hover img, .idex #footer .col .follow a:focus img {
    background-color: transparent;
  }
  .idex #footer .col .follow ul,
  .idex #footer .col .follow li,
  .idex #footer .col .follow h2 {
    display: inline-block;
    vertical-align: middle;
  }
  .idex #footer .col .follow span {
    color: #443a31;
  }
  .idex #footer .col .follow h2 {
    font-size: 1.5em;
    line-height: 1.666666667em;
    margin-bottom: 1.666666667em;
    margin-bottom: 0.833333333em;
  }
  .idex #footer .col .list {
    margin-bottom: 1.25em;
    margin-right: 0;
  }
  .idex #footer .col .list li {
    margin-right: 10px;
  }
  .idex #footer .col .list a {
    font-size: 1.125em;
    line-height: 2.222222222em;
    color: #fff;
    width: 6em;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  .idex #footer .col .list a:hover, .idex #footer .col .list a:focus {
    text-decoration: none;
  }
  .idex #footer .col .label {
    font-size: 1.5em;
    line-height: 1.25em;
    margin-bottom: 1.25em;
    font-family: "Brix Slab Medium Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    width: auto;
    display: block;
    margin: 0;
    margin-bottom: 0.416666667em;
  }
  .idex #footer .col .label span {
    color: #009ee0;
  }
  .idex #footer .col input.text {
    border: 1px solid #009ee0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1em;
    line-height: 1.25em;
    line-height: normal;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    color: #443a31;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
    padding: 9px;
    color: #6c6764;
    margin-right: 10px;
  }
  .idex #footer .col input.text:focus {
    background-color: #fff;
    border-color: transparent;
    -webkit-box-shadow: 0 0 3px #009ee0;
    -moz-box-shadow: 0 0 3px #009ee0;
    box-shadow: 0 0 3px #009ee0;
  }
  .idex #footer h2 {
    font-size: 1.9375em;
    line-height: 0.967741935em;
    margin-bottom: 0.967741935em;
    margin-bottom: 0.64516129em;
    padding-top: 0;
    font-family: "Brix Slab Medium Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-weight: normal;
    color: #009ee0;
  }
  .idex #footer #partenaires img {
    height: 80px;
  }
  .idex #footer #partenaires li img {
    height: auto;
    max-height: 80px;
  }
  .idex #footer #partenaires .follow img {
    height: auto;
  }
  #footer .col {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 220px;
    padding-top: 1.25em;
    padding-bottom: 1.25em;
    position: relative;
  }
  #footer .col:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 60px;
    background-color: #009ee0;
  }
  #footer .col ul {
    list-style-type: none;
    padding-left: 0;
    margin-right: 20px;
  }
  #footer .col ul:first-child {
    padding-top: 2.5em;
  }
  #footer .col li {
    padding-left: 20px;
    background-image: url(/bundles/nubcore/images/bg/item.svg);
    background-repeat: no-repeat;
  }
  #footer .col a {
    display: block;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 0.875em;
    line-height: 1.428571429em;
    text-decoration: none;
    color: #6c6764;
  }
  #footer .col a:hover, #footer .col a:focus {
    text-decoration: underline;
  }
  #footer #profile ul {
    padding-top: 0;
  }
  #footer #profile p {
    font-size: 1.125em;
    line-height: 1.111111111em;
    margin-bottom: 1.111111111em;
    margin-top: 0.555555556em;
    margin-bottom: 0.555555556em;
    font-family: "Brix Slab Medium Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  #footer #address {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 460px;
    margin-right: 0 !important;
  }
  #footer #address:after {
    display: none;
  }
  #footer #address div {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 300px;
  }
  #footer #address p {
    font-size: 1.3125em;
    line-height: 1.428571429em;
    margin-bottom: 1.428571429em;
    margin-bottom: 0.952380952em;
    font-family: "Brix Slab Light Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding-left: 20px;
    padding-right: 20px;
  }
  #footer #address p span {
    color: #009ee0;
  }
  #footer #address p + p {
    margin-top: -0.952380952em;
  }
  #footer #address p + p span {
    color: #443a31;
  }
  #footer #address p + p a {
    font-size: 1em;
    line-height: 1.428571429em;
    display: inline;
    font-family: "Brix Slab Light Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    color: #009ee0;
  }
  #footer #address p:first-child {
    padding-right: 60px;
    height: 80px;
  }
  #footer #address ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
    display: inline;
    margin-right: 20px;
    width: 140px;
    margin-right: 0 !important;
    margin-top: 1.25em;
  }
  #footer #address li {
    margin-bottom: 1.25em;
    padding: 0;
    background-image: none;
  }
  #footer #address li a {
    color: #fff;
    font-size: 1.125em;
    line-height: 2.222222222em;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    text-decoration: none;
  }
  #footer #address .btn {
    padding: 0;
  }

  #follow {
    background-color: #443a31;
    color: #fff;
    text-align: center;
  }
  .portail #follow {
    position: relative;
  }
  .portail #follow:before {
    content: '';
    width: 1px;
    height: 50px;
    background-color: #009ee0;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: 20px;
  }
  #follow .page div {
    display: table;
    width: 100%;
  }
  .js #follow .page div {
    height: 7.5em;
  }
  #follow .page div div {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
  }
  #follow .page div div div {
    display: inline-block;
    width: auto;
    text-align: left;
  }
  .js #follow .page div div div {
    height: auto;
  }
  #follow a {
    color: #fff;
    display: block;
    height: 80px;
  }
  #follow a path {
    fill: #fff;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
  }
  #follow a:hover path, #follow a:focus path {
    fill: #009ee0;
  }
  #follow p {
    font-size: 1.9375em;
    line-height: 1.290322581em;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-style: italic;
    font-weight: 500;
    vertical-align: middle;
    display: inline-block;
    margin: 0 20px 0 0;
  }
  #follow p span {
    color: #009ee0;
  }
  #follow ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline-block;
    height: 80px;
    vertical-align: middle;
  }
  #follow li {
    display: inline-block;
    margin-right: 5px;
  }
  #follow li b {
    display: none;
  }
  #follow li:last-child {
    margin-right: 0;
  }

  #campus {
    display: inline-block;
    margin-left: 40px;
    position: relative;
    padding-top: 1.25em;
    padding-bottom: 1.25em;
  }
  .js #campus {
    padding: 0;
  }
  #campus p {
    margin: 0 30px 0 0;
  }
  #campus div {
    position: relative;
  }
  #campus div p {
    font-size: 0.875em;
    line-height: 2.857142857em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-style: normal;
    margin-right: 0;
    margin-top: -1px;
  }
  #campus div p span {
    color: #fff;
    padding-right: 30px;
    border-bottom: 1px solid #009ee0;
    display: inline-block;
    background-image: url(/bundles/nubcore/images/bg/list-alt.svg);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    position: relative;
  }
  .js #campus div p span {
    background-image: none;
    padding: 0;
  }
  #campus div p button {
    font-size: 1em;
    line-height: 2.857142857em;
    padding-right: 30px;
    background-image: url(/bundles/nubcore/images/bg/list-alt.svg);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    color: #fff;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  #campus div p button.active {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off.svg);
  }
  #campus div ul {
    display: block;
    height: auto;
    overflow: auto;
    max-height: 15em;
    margin-top: 1.25em;
    background-color: #fff;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    border-left: 1px solid #009ee0;
    border-right: 1px solid #009ee0;
    -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
  }
  .js #campus div ul {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 5;
    display: none;
    margin-top: 0;
  }
  #campus div li {
    display: block;
    margin: 0;
  }
  #campus div a {
    font-size: 0.8125em;
    line-height: 1.538461538em;
    color: #6c6764;
    text-decoration: none;
    height: auto;
    background-image: url("/bundles/nubcore/images/bg/item.svg");
    background-position: 0 5px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #bfbfbf;
    padding-top: 0.384615385em;
    padding-bottom: 0.384615385em;
    padding-left: 20px;
    padding-right: 10px;
  }
  #campus div a:hover, #campus div a:focus {
    text-decoration: underline;
  }

  #address-alt {
    clear: both;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #bfbfbf;
    margin-top: -1px;
    padding-top: 1.25em;
  }
  #address-alt p {
    font-size: 1.3125em;
    line-height: 1.428571429em;
    margin-bottom: 1.428571429em;
    margin-bottom: 0.952380952em;
    font-family: "Brix Slab Light Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    float: left;
    display: inline;
    margin-right: 20px;
    width: 340px;
  }
  #address-alt p img {
    float: right;
    margin-right: 20px;
  }
  #address-alt p + p {
    margin-right: 0 !important;
  }

  #last {
    text-align: center;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 0.875em;
    line-height: 1.428571429em;
    padding-top: 2.142857143em;
    padding-bottom: 2.142857143em;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #bfbfbf;
    margin-top: -1px;
  }
  .tiers #last {
    border-top: none;
    margin-top: 0;
    position: static;
    padding-top: 0;
  }
  .tiers #last .page {
    padding-top: 2.142857143em;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #009ee0;
    margin-top: -1px;
  }
  .idex #last {
    border-top: none;
    margin-top: 0;
    position: static;
    padding-top: 0;
  }
  .idex #last .page {
    padding-top: 2.142857143em;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #009ee0;
    margin-top: -1px;
  }
  #last ul {
    margin: auto;
    padding: 0;
    list-style-type: none;
    display: inline-block;
  }
  #last ul:first-child li:first-child {
    padding: 0;
    background-image: none;
  }
  #last li {
    display: inline-block;
    padding: 0 0 0 40px;
    background-image: url(/bundles/nubcore/images/bg/puce-ter.svg);
    background-repeat: no-repeat;
    background-position: 10px 50%;
  }
  #last a {
    display: block;
    text-decoration: none;
    color: #009ee0;
  }
  #last a:hover, #last a:focus {
    text-decoration: underline;
  }
  #last a span {
    color: #6c6764;
  }

  #top {
    background-color: #f7f7f7;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    margin: 0;
    *zoom: 1;
    padding-bottom: 1.25em;
  }
  #top:after {
    content: "";
    display: table;
    clear: both;
  }
  #top li {
    float: right;
    list-style-type: none;
  }
  #top a {
    display: block;
    text-decoration: none;
    font-size: 0.875em;
    line-height: 1.428571429em;
    padding-left: 20px;
    padding-right: 10px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(/bundles/nubcore/images/bg/list-alt-off.svg);
  }

  #contactform {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 380px;
    margin-bottom: 3.75em;
  }
  #contactform .input {
    margin-right: 0;
    width: 100%;
  }
  #contactmap {
    padding-left: 80px;
    float: left;
    display: inline;
    margin-right: 20px;
    width: 460px;
    margin-bottom: 3.75em;
    margin-right: 0 !important;
    position: relative;
  }
  .js #contactmap #map {
    height: 18.125em;
  }
  .js #contactmap #map img {
    max-width: none;
    height: auto;
  }
  #contactmap p {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 1.125em;
    line-height: 1.666666667em;
    margin-bottom: 1.666666667em;
    color: #6c6764;
  }
  #contactmap p abbr {
    color: #443a31;
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  #contactmap h2 {
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 1.9375em;
    line-height: 1.290322581em;
    margin-bottom: 1.290322581em;
    margin-bottom: 0.64516129em;
    padding-top: 0em;
    font-weight: normal;
    color: #009ee0;
  }
  #contactmap ul {
    float: right;
  }
  #contactmap .btn {
    font-size: 1.125em;
    line-height: 3.333333333em;
    background-color: #fff;
    padding-left: 40px;
    padding-right: 40px;
  }

  #carrousel-quote {
    background-color: #fff;
  }
  #carrousel-quote .page:first-child p {
    font-size: 1.125em;
    line-height: 1.666666667em;
    margin-bottom: 1.666666667em;
    margin-top: -1.666666667em;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding-left: 40px;
    padding-right: 240px;
  }
  #carrousel-quote .page:first-child .hr {
    margin-top: -2px;
    border-top-width: 2px;
    margin-bottom: 2.5em;
  }
  #quote {
    min-height: 33.75em;
    *height: 33.75em;
  }
  #quote p {
    color: #443a31;
  }
  #quote blockquote {
    margin-left: 60px;
    padding-top: 5em;
    margin-top: 0;
  }
  #quote blockquote:before {
    left: -40px;
    top: -10px;
  }
  #blue {
    background-color: #009ee0;
    padding-top: 2.5em;
    padding-bottom: 2.5em;
    background-image: url(/bundles/nubcore/images/bg/angle.svg);
    background-repeat: no-repeat;
    background-position: 100% 0;
  }
  #blue.col3 {
    padding-top: 7.5em;
  }
  #blue.col3 .col {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 280px;
    margin-right: 50px;
  }
  #blue.col3 .col:last-child {
    margin-right: 0 !important;
  }
  #blue.col4 .col {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 220px;
  }
  #blue.col4 .col:last-child {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 200px;
    margin-right: 0 !important;
    padding-left: 20px;
  }
  #blue .col .ul {
    font-size: 0.875em;
    line-height: 1.428571429em;
    margin-bottom: 1.428571429em;
    list-style-type: none;
    padding: 0;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  #blue .col .ul a {
    padding-left: 20px;
    display: block;
    background-image: url(/bundles/nubcore/images/bg/item-ter.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
  }
  #blue .col .ul a:hover, #blue .col .ul a:focus {
    color: #fff;
    text-decoration: underline;
  }
  #blue .col a {
    display: block;
    text-decoration: none;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
  }
  .no-touch #blue .col a:hover, .no-touch #blue .col a:focus {
    background-color: #443a31;
  }
  .no-touch #blue .col a:hover h2 span, .no-touch #blue .col a:focus h2 span {
    color: #009ee0;
  }
  #blue .col a h2 span {
    white-space: nowrap;
  }
  #blue .col a h2 span:after {
    background-image: url(/bundles/nubcore/images/bg/item-alt.svg);
    content: ' ';
    width: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-left: 1px solid #fff;
    height: 25px;
    position: relative;
    left: 10px;
  }
  #blue .col ul a {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
  }
  #blue .col ul a:hover, #blue .col ul a:focus {
    background-color: transparent;
  }
  #blue .col h2 {
    font-size: 1.6875em;
    line-height: 1.111111111em;
    margin-bottom: 1.111111111em;
    padding-top: 0.37037037em;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    font-family: "Brix Slab Medium Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-weight: normal;
  }
  #blue .col h2 img {
    margin: 0;
    display: inline-block;
    border-left: 1px solid #fff;
    position: relative;
    top: 0.0625em;
    left: 5px;
  }
  #blue .col h2 span {
    color: #443a31;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
  }
  #blue .col img {
    margin-top: 0.625em;
    margin-bottom: 0.625em;
  }
  #blue .col p {
    font-size: 1.125em;
    line-height: 1.666666667em;
    margin-bottom: 1.666666667em;
    color: #fff;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding-bottom: 0.555555556em;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: white;
    margin-top: -1px;
    position: relative;
    top: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
  #blue .col p.big {
    border-bottom: 0;
    margin-top: 0;
    position: static;
    font-size: 1.944444444em;
    line-height: 1.142857143em;
    margin-bottom: 1.142857143em;
    margin-bottom: 0.285714286em;
    font-family: "Brix Slab Medium Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  #blue .col #chiffres ul .li {
    font-size: 1em;
    line-height: 1.666666667em;
    padding-top: 0.555555556em;
    padding-bottom: 0.555555556em;
    margin-bottom: 0;
    background-color: #443a31;
    color: #fff;
  }
  #blue .col #chiffres ul li:nth-child(2n) .li {
    background-color: #fff;
    color: #443a31;
  }
  #blue .col:last-child {
    padding-top: 1.875em;
  }
  #blue .col:last-child .p {
    font-size: 1.125em;
    line-height: 1.111111111em;
    margin-bottom: 1.111111111em;
    padding-top: 0.555555556em;
    border-color: #bfbfbf;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
  #blue .col:last-child a {
    text-decoration: none;
  }
  #blue .col:last-child a:hover, #blue .col:last-child a:focus {
    text-decoration: underline;
  }
  #quote {
    margin-left: 50%;
    padding-left: 110px;
  }
  #more {
    *zoom: 1;
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-bottom: 1.875em;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #bfbfbf;
    margin-top: -1px;
    position: relative;
    top: 1px;
    float: left;
  }
  #more:after {
    content: "";
    display: table;
    clear: both;
  }
  #more li,
  #more dt,
  #more dd {
    float: left;
  }
  #more li {
    border-right: 1px solid #bfbfbf;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 24px;
    background-image: url(/bundles/nubcore/images/bg/item.svg);
    background-position: 5px 0.35em;
  }
  #more li:last-child {
    border-right: 0;
  }
  #more a {
    font-size: 0.777777778em;
    line-height: 1.428571429em;
    text-decoration: none;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  #events {
    margin-bottom: 2.5em;
  }
  #agenda #events {
    background-color: #fff;
    padding-left: 20px;
    padding-right: 20px;
  }
  #agenda #events .event {
    margin-left: 0;
    padding-left: 70px;
    border-bottom-color: #bfbfbf;
    padding-top: 0;
    margin-bottom: 0.625em;
  }
  #agenda #events .event h2,
  #agenda #events .event .h2 {
    font-size: 0.875em;
    line-height: 1.428571429em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding-bottom: 0;
  }
  #agenda #events .event h2 span,
  #agenda #events .event .h2 span {
    padding-left: 10px;
    border-left: 1px solid #009ee0;
    display: block;
    min-height: 4.285714286em;
    *height: 4.285714286em;
  }
  #agenda #events .event h2 span span,
  #agenda #events .event .h2 span span {
    padding-left: 0;
    display: inline;
    min-height: 0;
    border: 0;
  }
  #agenda #events .event h2 .date,
  #agenda #events .event .h2 .date {
    font-size: 2.214285714em;
    line-height: 0.967741935em;
    padding-bottom: 0.64516129em;
    padding-left: 0;
    border-bottom: 0;
    margin-top: 0;
    top: 0;
    bottom: auto;
    left: 0;
    width: 60px;
    padding-left: 0;
    border-left: 0;
    min-height: 0;
  }
  #agenda #events .event h2 .date:after,
  #agenda #events .event .h2 .date:after {
    display: none;
  }
  #agenda #events .event h2 .date span,
  #agenda #events .event .h2 .date span {
    padding-top: 0;
    padding-left: 0;
    border-left: 0;
    min-height: 0;
  }
  #agenda #events .event h2 .date span span,
  #agenda #events .event .h2 .date span span {
    font-size: 0.451612903em;
    line-height: 1.428571429em;
  }
  #agenda #events .event .p {
    font-size: 0.75em;
    line-height: 1.666666667em;
    margin-bottom: 1.666666667em;
    margin-bottom: 0;
  }
  #agenda #events .event .h2 {
    margin-bottom: 0.714285714em;
  }
  #agenda #events .event:first-child {
    padding-top: 0.9375em;
  }
  #agenda #events .event:first-child .date {
    padding-top: 0.483870968em;
  }
  #agenda #events .event:last-child {
    border-bottom-color: transparent;
  }

  .cms .event {
    padding-left: 160px;
    margin-left: 0;
    padding-top: 0;
  }
  .cms .event:after {
    content: '';
    position: absolute;
    left: 140px;
    bottom: -1px;
    width: 1px;
    height: 60px;
    background-color: #009ee0;
  }
  .cms .event h2,
  .cms .event .h2 {
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 2.625em;
    line-height: 0.952380952em;
    margin-bottom: 0.952380952em;
    margin-bottom: 0.476190476em;
  }
  .cms .event h2 .date,
  .cms .event .h2 .date {
    font-size: 1.357142857em;
    line-height: 0.701754386em;
    padding-bottom: 0.350877193em;
    left: 0;
    top: 0;
    bottom: auto;
    border-bottom: 0;
    margin-top: 0;
    padding-top: 0.175438596em;
  }
  .cms .event h2 .date:after,
  .cms .event .h2 .date:after {
    display: none;
  }
  .cms .event h2 .date span,
  .cms .event .h2 .date span {
    padding-top: 0em;
  }
  .cms .event h2 .date span span,
  .cms .event .h2 .date span span {
    font-size: 0.368421053em;
    line-height: 0.952380952em;
  }
  .event {
    margin-left: 140px;
    padding-left: 20px;
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #009ee0;
    margin-top: -1px;
    position: relative;
    top: 1px;
    margin-bottom: 1.25em;
    padding-top: 1.25em;
  }
  .event h2,
  .event .h2 {
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 1.5em;
    line-height: 1.25em;
    margin-bottom: 1.25em;
    margin-bottom: 0.833333333em;
    font-weight: normal;
    padding-top: 0;
    position: static;
  }
  .event h2:after,
  .event .h2:after {
    display: none;
  }
  .event h2 .date,
  .event .h2 .date {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 140px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #009ee0;
    margin-top: -1px;
    position: relative;
    top: 1px;
    position: absolute;
    left: -140px;
    font-size: 2.375em;
    line-height: 0.701754386em;
    padding-bottom: 0.350877193em;
    font-family: "Brix Slab Light Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    color: #009ee0;
    padding-left: 20px;
    bottom: -1px;
    top: auto;
  }
  .event h2 .date.mask,
  .event .h2 .date.mask {
    left: -9999em;
    width: 1px;
    height: 1px !important;
  }
  .event h2 .date span,
  .event .h2 .date span {
    padding-top: 0.350877193em;
    display: block;
  }
  .event h2 .date span span,
  .event .h2 .date span span {
    font-size: 0.368421053em;
    line-height: 0.952380952em;
    color: #443a31;
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding-top: 0;
  }
  .event h2 .date:after,
  .event .h2 .date:after {
    content: '';
    position: absolute;
    right: 20px;
    bottom: -1px;
    width: 1px;
    height: 60px;
    background-color: #009ee0;
  }
  .event .p {
    font-size: 1em;
    line-height: 1.875em;
    margin-bottom: 1.875em;
    background-color: #e8e8e8;
    display: inline-block;
    margin-bottom: 0;
    padding-right: 10px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    display: table;
  }
  .event .p span {
    display: table-cell;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .event .p span:first-child {
    background-color: #443a31;
    color: #fff;
  }
  .event a {
    display: block;
    text-decoration: none;
  }
  .event a:hover, .event a:focus {
    color: #443a31;
  }
  .idex .event a:hover, .tiers .event a:hover, .idex .event a:focus, .tiers .event a:focus {
    color: #443a31;
  }
  .event a:hover h2 span,
  .event a:hover .h2 span, .event a:focus h2 span,
  .event a:focus .h2 span {
    text-decoration: underline;
  }
  .event a:hover h2 span.date,
  .event a:hover .h2 span.date, .event a:focus h2 span.date,
  .event a:focus .h2 span.date {
    text-decoration: none;
  }
  .event a:hover h2 span.date span,
  .event a:hover .h2 span.date span, .event a:focus h2 span.date span,
  .event a:focus .h2 span.date span {
    text-decoration: none;
  }
  #plage {
    clear: both;
    background-color: #009ee0;
    color: #fff;
    text-align: center;
    font-family: "Brix Slab Light Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    margin-bottom: 2.5em;
    -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    position: relative;
  }
  #plage .nav {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  #plage .prev,
  #plage .next {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -30px;
    z-index: 1;
  }
  #plage .prev img,
  #plage .next img {
    margin: 0;
    width: auto;
  }
  #plage .next {
    left: auto;
    right: 0;
  }
  #plage li {
    padding: 0;
    margin: 0;
    background-image: none;
  }
  #plage .dates {
    position: relative;
    display: inline-block;
  }
  #plage .dates button:after {
    font-size: 0.270833333em;
    line-height: 1.538461538em;
    content: attr(data-after);
    text-decoration: underline;
    color: #443a31;
    padding-left: 20px;
    cursor: pointer;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    position: relative;
    bottom: 0.769231em;
  }
  #plage .calendar {
    position: absolute;
    top: 100%;
    right: 10px;
    margin-top: -1.25em;
    z-index: 20;
    font-size: 0.875em;
    line-height: 1.428571429em;
  }
  #plage p {
    padding-left: 50px;
    padding-right: 50px;
    margin-bottom: 0;
  }
  #plage p span {
    display: inline-block;
  }
  #plage p .dates {
    font-size: 3em;
    line-height: 1.666666667em;
    margin-bottom: 1.666666667em;
    margin-bottom: 0;
  }
  #plage p img {
    margin-left: 20px;
    padding-left: 20px;
    color: #fff;
    border-left: 1px solid #fff;
    display: inline-block;
    position: relative;
    top: 5px;
    cursor: pointer;
  }
  .loc h2 {
    font-size: 1.9375em;
    line-height: 1.290322581em;
    margin-bottom: 1.290322581em;
    margin-bottom: 0.64516129em;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-weight: normal;
    padding-top: 0;
  }
  .loc h2 span {
    color: #009ee0;
  }
  #loc {
    position: relative;
  }
  #loc.load:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.5);
    background-image: url(/bundles/nubcore/images/bg/load.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 33px 33px;
  }
  #loc img {
    width: 100%;
  }
  .js #loc {
    height: 31.25em;
  }
  .js #loc img {
    max-width: none;
    width: auto;
    height: auto;
  }
  #iti {
    background-color: #443a31;
    color: #fff;
    position: relative;
    padding: 0 40px;
    padding-bottom: 1.25em;
    margin-bottom: 1.25em;
  }
  #iti h2 {
    font-size: 1em;
    line-height: 1.25em;
    margin-bottom: 1.25em;
    margin-bottom: 1.875em;
    color: #fff;
    padding-top: 0;
    font-weight: normal;
    display: table;
    margin-left: -40px;
    margin-right: -40px;
  }
  #iti h2 span {
    display: table-cell;
    padding-left: 10px;
    vertical-align: middle;
    color: #fff;
  }
  #iti h2 span:first-child {
    font-size: 1.9375em;
    line-height: 1.935483871em;
    margin-bottom: 1.935483871em;
    margin-bottom: 0;
    background-color: #009ee0;
    color: #fff;
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding-right: 20px;
    padding-left: 20px;
  }
  #iti h2 a {
    color: #fff;
    text-decoration: none;
    padding-left: 20px;
    padding-right: 10px;
    background-repeat: no-repeat;
    background-image: url(/bundles/nubcore/images/bg/item.svg);
    display: block;
  }
  #iti h2 a:hover, #iti h2 a:focus {
    text-decoration: underline;
  }
  #iti form {
    margin: 0;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    position: relative;
  }
  #iti p {
    min-height: 3.125em;
    *height: 3.125em;
    margin-bottom: 0;
  }
  #iti .or {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 0.8125em;
    line-height: 1.538461538em;
  }
  #iti input {
    padding: 11px 10px 12px;
    width: 210px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 0.8125em;
    line-height: 1.538461538em;
    line-height: normal;
    border: 1px solid #443a31;
    margin-top: -1px;
    margin-right: 10px;
  }
  #iti input.error {
    color: #cd4237;
    border-color: #cd4237;
  }
  #iti input.error:focus {
    -webkit-box-shadow: 0 0 3px #cd4237;
    -moz-box-shadow: 0 0 3px #cd4237;
    box-shadow: 0 0 3px #cd4237;
  }
  #iti .label {
    font-size: 0.8125em;
    line-height: 1.538461538em;
    vertical-align: middle;
    margin-right: 10px;
    width: 65px;
  }
  #ui-datepicker-div {
    font-size: 0.75em;
    line-height: 1.666666667em;
    z-index: 1000 !important;
  }

  #annuaire #tabs, #glossaire #tabs {
    width: auto;
    margin-bottom: 1.25em;
  }
  #annuaire #tabs a, #glossaire #tabs a {
    font-size: 1.5em;
    line-height: 2.5em;
    padding-left: 20px;
    padding-right: 20px;
  }
  #annuaire #tabs a.active, #glossaire #tabs a.active {
    border-bottom-color: #bfbfbf;
  }
  #annuaire .tab, #glossaire .tab {
    background-color: transparent;
    border: 0;
    margin-top: 0;
    position: static;
    top: auto;
    left: auto;
    padding: 0;
    clear: both;
  }
  #annuaire .tab h2, #glossaire .tab h2 {
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-weight: normal;
    font-size: 1.625em;
    line-height: 1.538461538em;
    margin-bottom: 1.538461538em;
    margin-bottom: 0;
    padding-top: 0.769230769em;
    color: #009ee0;
  }
  #annuaire .index, #glossaire .index {
    position: relative;
  }
  #annuaire .index-alt, #glossaire .index-alt {
    background-color: #fff;
    margin-bottom: 1.25em;
  }
  .js #annuaire .index-alt, .js #glossaire .index-alt {
    width: 300px;
    height: 37.5em;
    overflow: auto;
  }
  #annuaire .index-alt .letter, #glossaire .index-alt .letter {
    color: #009ee0;
    font-size: 3.875em;
    line-height: 0.967741935em;
    font-family: "Brix Slab Medium Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    display: block;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #009ee0;
    margin-top: -2px;
    position: relative;
    top: 2px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0.161290323em;
    margin-bottom: 0.161290323em;
    padding-left: 20px;
  }
  #annuaire .index-alt ul, #glossaire .index-alt ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
  }
  #annuaire .index-alt ul ul li, #glossaire .index-alt ul ul li {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #bfbfbf;
    margin-top: -1px;
    position: relative;
    top: 1px;
    font-size: 1.3125em;
    line-height: 0.952380952em;
    font-family: "Brix Slab Medium Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    position: static;
  }
  #annuaire .index-alt ul ul li span, #glossaire .index-alt ul ul li span {
    font-size: 0.761904762em;
    line-height: 1.25em;
    color: #6c6764;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-style: italic;
  }
  #annuaire .index-alt ul a, #glossaire .index-alt ul a {
    display: block;
    text-decoration: none;
    background-image: url(/bundles/nubcore/images/bg/item.svg);
    background-repeat: no-repeat;
    background-position: 250px 50%;
    padding-left: 30px;
    padding-right: 60px;
    padding-top: 0.476190476em;
    padding-bottom: 0.476190476em;
    word-wrap: break-word;
  }
  #annuaire .index-alt ul a:hover, #annuaire .index-alt ul a:focus, #glossaire .index-alt ul a:hover, #glossaire .index-alt ul a:focus {
    color: #009ee0;
  }
  #annuaire .index-alt ul a:hover span, #annuaire .index-alt ul a:focus span, #glossaire .index-alt ul a:hover span, #glossaire .index-alt ul a:focus span {
    color: gray2;
  }
  #annuaire .index-alt ul a.active, #glossaire .index-alt ul a.active {
    background-color: #e8e8e8;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #bfbfbf;
    margin-top: -1px;
    margin-top: -2px;
  }
  #annuaire .index-alt ul a.active:hover, #annuaire .index-alt ul a.active:focus, #glossaire .index-alt ul a.active:hover, #glossaire .index-alt ul a.active:focus {
    cursor: text;
    color: #443a31;
  }
  #annuaire .index-alt ul a.active:hover span, #annuaire .index-alt ul a.active:focus span, #glossaire .index-alt ul a.active:hover span, #glossaire .index-alt ul a.active:focus span {
    color: #6c6764;
  }
  #annuaire .fiche, #glossaire .fiche {
    font-size: 0.761904762em;
    line-height: 1.25em;
    background-color: #f7f7f7;
    border-style: solid;
    border-width: 1px;
    border-color: #009ee0;
    position: relative;
    margin-top: -2px;
    margin-left: -2px;
    top: 1px;
    left: 1px;
    margin-bottom: 1.25em;
  }
  .js #annuaire .fiche, .js #glossaire .fiche {
    width: 430px;
    height: 37.5em;
    overflow: auto;
    position: absolute;
    left: auto;
    right: 100px;
  }
  #annuaire .fiche button, #glossaire .fiche button {
    background-color: #009ee0;
    color: #fff;
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding-left: 40px;
    padding-right: 20px;
    font-size: 1.125em;
    line-height: 2.222222222em;
    margin-bottom: 2.222222222em;
    margin-bottom: 0;
    display: block;
    width: 100%;
    margin-top: 0.555555556em;
    text-align: left;
    background-image: url(/bundles/nubcore/images/left.svg);
    background-repeat: no-repeat;
    background-position: 10px 50%;
  }
  #annuaire .fiche .inside, #glossaire .fiche .inside {
    padding-top: 1.25em;
    padding-bottom: 1.25em;
    padding-left: 20px;
    padding-right: 20px;
    *zoom: 1;
  }
  #annuaire .fiche .inside:after, #glossaire .fiche .inside:after {
    content: "";
    display: table;
    clear: both;
  }
  .js #annuaire .fiche, .js #glossaire .fiche {
    display: none;
  }
  #annuaire .fiche.active, #glossaire .fiche.active {
    display: block;
  }
  #annuaire .fiche h2, #glossaire .fiche h2 {
    font-size: 2.625em;
    line-height: 0.952380952em;
    margin-bottom: 0.952380952em;
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding-top: 0.952380952em;
    padding-bottom: 0.476190476em;
    margin-bottom: 0.952380952em;
  }
  #annuaire .fiche h2 span, #glossaire .fiche h2 span {
    font-family: Georgia, Times, "Times New Roman", serif;
    color: #6c6764;
    font-style: italic;
    font-size: 0.5em;
    line-height: 0.952380952em;
    line-height: 0.952381em !important;
    font-size: 0.5em !important;
  }
  #annuaire .fiche h2:after, #glossaire .fiche h2:after {
    left: -20px;
  }
  #annuaire .fiche .btn, #glossaire .fiche .btn {
    font-size: 1.125em;
    line-height: 2.222222222em;
  }
  #annuaire .fiche .btn:hover, #annuaire .fiche .btn:focus, #glossaire .fiche .btn:hover, #glossaire .fiche .btn:focus {
    color: #fff;
  }
  .idex #annuaire .fiche .btn:hover, .tiers #annuaire .fiche .btn:hover, .idex #annuaire .fiche .btn:focus, .tiers #annuaire .fiche .btn:focus, .idex #glossaire .fiche .btn:hover, .tiers #glossaire .fiche .btn:hover, .idex #glossaire .fiche .btn:focus, .tiers #glossaire .fiche .btn:focus {
    color: #fff;
  }
  #annuaire .fiche .cta, #glossaire .fiche .cta {
    margin-bottom: 1.25em;
  }
  #annuaire .fiche .cta li, #glossaire .fiche .cta li {
    font-size: 1em;
    line-height: 1.25em;
    border: 0;
    margin: 0;
    top: 0;
  }
  #annuaire .fiche .cta a, #glossaire .fiche .cta a {
    display: inline-block;
    background-image: none;
    padding: 0 10px;
  }
  #annuaire .fiche h3, #glossaire .fiche h3 {
    color: #443a31;
  }
  #annuaire .fiche .address h3, #glossaire .fiche .address h3 {
    font-size: 1.3125em;
    line-height: 0.952380952em;
    margin-bottom: 0.952380952em;
    margin-bottom: 0.952380952em;
  }
  #annuaire .fiche .address p, #glossaire .fiche .address p {
    font-size: 1em;
    line-height: 1.25em;
    margin-bottom: 1.25em;
  }
  #annuaire .fiche .address a, #glossaire .fiche .address a {
    color: #6c6764;
    background-image: none;
    padding: 0;
    display: inline-block;
    text-decoration: underline;
  }
  .idex #annuaire .fiche .address a, .tiers #annuaire .fiche .address a, .idex #glossaire .fiche .address a, .tiers #glossaire .fiche .address a {
    background-image: none;
  }
  #annuaire .fiche .address a:hover, #annuaire .fiche .address a:focus, #glossaire .fiche .address a:hover, #glossaire .fiche .address a:focus {
    color: #009ee0;
  }
  #annuaire .fiche .address span, #glossaire .fiche .address span {
    font-size: 1em;
    line-height: 1.25em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-style: normal;
  }
  #annuaire .fiche .arrows li, #glossaire .fiche .arrows li {
    font-size: 1em;
    line-height: 1.25em;
  }
  #annuaire .fiche .arrows li a, #glossaire .fiche .arrows li a {
    padding: 0;
    background-image: none;
  }
  #annuaire .filter, #glossaire .filter {
    background-color: #009ee0;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 1.25em;
    -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    padding-top: 1.25em;
    padding-bottom: 1.25em;
  }
  #annuaire .filter form, #glossaire .filter form {
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
  }
  #annuaire .filter form p, #glossaire .filter form p {
    margin-bottom: 0;
  }
  #annuaire .filter input.text, #glossaire .filter input.text {
    padding: 10px 10px 9px;
    border: 0;
    margin-right: 10px;
    width: 170px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 1em;
    line-height: 1.25em;
    line-height: normal;
  }
  #annuaire .filter ul, #glossaire .filter ul {
    font-size: 1.125em;
    line-height: 1.111111111em;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  #annuaire .filter ul li, #glossaire .filter ul li {
    margin-right: 15px;
    display: inline-block;
  }
  .js #annuaire .filter ul li, .js #glossaire .filter ul li {
    margin-right: 2px;
  }
  .js #annuaire .filter ul li:last-child, .js #glossaire .filter ul li:last-child {
    margin-right: 0;
  }
  #annuaire .filter ul li:last-child, #glossaire .filter ul li:last-child {
    margin-right: 0;
  }
  #annuaire .filter ul a,
  #annuaire .filter ul .a, #glossaire .filter ul a,
  #glossaire .filter ul .a {
    display: block;
    width: 20px;
    text-align: center;
    color: #fff;
  }
  #annuaire .filter ul a:hover, #annuaire .filter ul a:focus,
  #annuaire .filter ul .a:hover,
  #annuaire .filter ul .a:focus, #glossaire .filter ul a:hover, #glossaire .filter ul a:focus,
  #glossaire .filter ul .a:hover,
  #glossaire .filter ul .a:focus {
    text-decoration: none;
  }
  #annuaire .filter ul a.active,
  #annuaire .filter ul .a.active, #glossaire .filter ul a.active,
  #glossaire .filter ul .a.active {
    background-color: #fff;
    color: #443a31;
    cursor: text;
    text-decoration: none;
  }
  #annuaire .filter .or, #glossaire .filter .or {
    font-size: 1.3125em;
    line-height: 1.904761905em;
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 0;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  #annuaire .filter p,
  #annuaire .filter a, #glossaire .filter p,
  #glossaire .filter a {
    color: #fff;
  }

  #search-alt {
    margin-right: 260px;
    margin-bottom: 2.5em;
  }
  #search-alt form {
    background-color: #009ee0;
    padding-top: 0.625em;
    padding-bottom: 0.625em;
    margin-bottom: 0.625em;
    padding-left: 10px;
    padding-right: 10px;
  }
  #search-alt form + p {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 0.8125em;
    line-height: 1.538461538em;
    color: #6c6764;
  }
  #search-alt form + p a {
    color: #6c6764;
  }
  #search-alt form p {
    padding-right: 55px;
  }
  #search-alt p {
    margin-bottom: 0;
    position: relative;
  }
  #search-alt input.text {
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 1em;
    line-height: 1.25em;
    line-height: normal;
    padding: 10px 10px 9px;
    border: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #443a31;
  }
  #search-alt button {
    position: absolute;
    right: 0;
    top: 0;
  }

  #results {
    padding-bottom: 0.9375em;
    position: relative;
  }
  #results .intro {
    position: relative;
  }
  #results .intro h2 {
    font-size: 1.9375em;
    line-height: 1.290322581em;
    margin-bottom: 1.290322581em;
    padding-top: 0;
    font-weight: normal;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding-right: 240px;
  }
  #results .intro h2 span {
    font-size: 1.35483871em;
    line-height: 0.952380952em;
  }
  #results .intro h2 strong {
    color: #009ee0;
    font-weight: normal;
  }
  #results .intro h2 + p {
    position: absolute;
    right: 0;
    bottom: 0.41666667em;
    margin-bottom: 0;
    font-size: 0.75em;
    line-height: 1.666666667em;
  }
  #results .intro h2 + p button {
    font-size: 1em;
    line-height: 1.666666667em;
    line-height: normal;
    padding: 5px;
    margin-left: 5px;
  }
  #results .intro h2 + p .label {
    width: auto;
    margin-right: 5px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    vertical-align: middle;
  }
  #results .intro h2 + p select {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 1em;
    line-height: 1.666666667em;
    line-height: normal;
    width: 160px;
    border: 1px solid #bfbfbf;
    padding: 3px;
    background-color: #fff;
  }
  .sa #results .intro h2 + p select, .ch #results .intro h2 + p select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background-image: url(/bundles/nubcore/images/bg/list-alt.svg);
    background-repeat: no-repeat;
    background-position: 100% 50%;
  }
  #results .intro h2 + p + .result {
    padding-top: 0.9375em;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #009ee0;
    margin-top: -2px;
    margin-top: -3px;
  }

  .result {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #009ee0;
    margin-top: -1px;
    position: relative;
    top: 1px;
    margin-bottom: 0.9375em;
    display: block;
    text-decoration: none;
    overflow: hidden;
  }
  .result:last-child {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #009ee0;
    margin-top: -2px;
    position: relative;
    top: 2px;
  }
  .result:hover h3, .result:focus h3 {
    text-decoration: underline;
  }
  .result:hover h3 .date, .result:focus h3 .date {
    text-decoration: none;
  }
  .result h3 {
    font-size: 1.5em;
    line-height: 1.25em;
    margin-bottom: 1.25em;
    padding-top: 0;
    font-weight: normal;
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    margin-bottom: 0.416666667em;
  }
  .result h3 img,
  .result h3 svg {
    display: inline;
    vertical-align: middle;
    position: relative;
    left: 5px;
  }
  .result h3 .date {
    display: block;
  }
  .result h3 .date span {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 0.583333333em;
    line-height: 2.142857143em;
    margin-top: 0.714285714em;
    display: inline-block;
    background-color: #443a31;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
  }
  .result h3 .date .mask {
    display: block;
  }
  .result p {
    font-size: 1.125em;
    line-height: 1.666666667em;
    margin-bottom: 1.666666667em;
    margin-bottom: 0.833333333em;
  }

  #portrait {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 1280px 480px;
    background-size: cover;
    background-color: #443a31;
    position: relative;
  }
  #portrait:before {
    position: absolute;
    right: 50%;
    top: 0;
    bottom: 0;
    left: 0;
    content: '';
    background-image: url(/bundles/nubcore/images/bg/portrait.svg);
    background-repeat: no-repeat;
    background-position: 100% 0;
    margin-right: -300px;
  }
  #portrait:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 0;
    border-bottom: 120px solid #009ee0;
    border-right: 120px solid transparent;
    border-bottom-width: 200px;
  }
  #portrait a {
    display: block;
    text-decoration: none;
    color: #fff;
  }
  #portrait a:hover li, #portrait a:focus li {
    text-decoration: underline;
  }
  #portrait .page {
    position: relative;
  }
  #portrait .page div {
    margin-left: 100px;
    width: 360px;
  }
  #portrait p {
    font-size: 2.1875em;
    line-height: 1.142857143em;
    margin-bottom: 1.142857143em;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  #portrait ul {
    font-size: 0.8125em;
    line-height: 3.076923077em;
    margin-bottom: 3.076923077em;
    *zoom: 1;
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding-bottom: 3.076923077em;
  }
  #portrait ul:after {
    content: "";
    display: table;
    clear: both;
  }
  #portrait ul li,
  #portrait ul dt,
  #portrait ul dd {
    float: left;
  }
  #portrait li {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #009ee0;
    margin-top: -1px;
    padding-right: 20px;
    background-image: url(/bundles/nubcore/images/bg/item-ter.svg);
    background-position: 100% 0.769231em;
    background-repeat: no-repeat;
  }
  #portrait h2 {
    font-size: 0.8125em;
    line-height: 3.076923077em;
    margin-bottom: 3.076923077em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-weight: normal;
    padding-top: 4.615384615em;
  }
  #portrait h2 strong {
    font-size: 1.615384615em;
    line-height: 0.952380952em;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-weight: normal;
  }
  #portrait h2 span {
    display: inline-block;
    background-color: #443a31;
    padding-left: 20px;
    padding-right: 20px;
  }
  #portrait h2 span:nth-child(2) {
    background-color: #009ee0;
  }
  #portrait h2 span:last-child {
    background-color: #fff;
    color: #443a31;
  }

  #portrait-alt {
    display: none;
    background-color: #443a31;
    color: #fff;
  }
  #portrait-alt a {
    color: #fff;
    display: block;
    text-decoration: none;
  }
  #portrait-alt a:hover li, #portrait-alt a:focus li {
    text-decoration: underline;
  }
  #portrait-alt p {
    font-size: 1.9375em;
    line-height: 1.290322581em;
    margin-bottom: 1.290322581em;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    margin-bottom: 0.64516129em;
    padding-top: 0.64516129em;
  }
  #portrait-alt ul {
    font-size: 0.8125em;
    line-height: 3.076923077em;
    margin-bottom: 3.076923077em;
    *zoom: 1;
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding-bottom: 1.538461538em;
  }
  #portrait-alt ul:after {
    content: "";
    display: table;
    clear: both;
  }
  #portrait-alt ul li,
  #portrait-alt ul dt,
  #portrait-alt ul dd {
    float: left;
  }
  #portrait-alt li {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #009ee0;
    margin-top: -1px;
    padding-right: 20px;
    background-image: url(/bundles/nubcore/images/bg/item-ter.svg);
    background-position: 100% 0.769231em;
    background-repeat: no-repeat;
  }
  #blocs4 {
    position: relative;
    background-color: #f7f7f7;
    *zoom: 1;
    padding-bottom: 6.25em;
  }
  #blocs4:after {
    content: "";
    display: table;
    clear: both;
  }
  .portail #blocs4 {
    padding-bottom: 0;
  }
  .index #blocs4 .page, .tiers-index #blocs4 .page {
    position: relative;
  }
  #blocs4:before {
    height: 0;
    width: 0;
    border-top: 120px solid #009ee0;
    border-right: 120px solid transparent;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
  }
  #twitter {
    background-color: #fff;
    position: absolute;
    right: 50%;
    left: 0;
    margin-right: -70px;
    bottom: -5em;
    height: 10em;
  }
  #twitter .inside {
    overflow: auto;
    height: 10em;
    width: 540px;
    float: right;
  }
  .js #twitter .inside {
    height: auto;
    overflow: hidden;
  }
  #twitter h2 {
    padding: 0;
    font-weight: normal;
    font-size: 1.5em;
    line-height: 2.5em;
    margin-bottom: 2.5em;
    margin-bottom: 0;
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    color: #009ee0;
  }
  #twitter .slides {
    font-size: 0.875em;
    line-height: 1.428571429em;
  }
  #twitter .slides li {
    float: none;
    margin-bottom: 1.428571429em;
    height: 5.714285714em;
  }
  .js #twitter .slides li {
    height: auto;
    float: left;
    margin-bottom: 0;
  }
  #twitter cite {
    font-style: normal;
    display: block;
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  #twitter cite a {
    text-decoration: none;
  }
  #twitter cite a:hover, #twitter cite a:focus {
    text-decoration: underline;
  }
  #twitter q {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    color: #009ee0;
  }
  #twitter q a {
    color: #009ee0;
    text-decoration: underline;
  }
  #twitter q a.twitter-atreply, #twitter q a.twitter-hashtag {
    text-decoration: none;
  }
  #twitter q a.twitter-atreply:hover, #twitter q a.twitter-atreply:focus, #twitter q a.twitter-hashtag:hover, #twitter q a.twitter-hashtag:focus {
    text-decoration: underline;
  }
  #twitter .flex-disabled {
    visibility: hidden;
  }
  #twitter .flexslider {
    margin-left: 40px;
    margin-right: 60px;
  }
  #twitter .flex-prev,
  #twitter .flex-next {
    position: absolute;
    left: -60px;
    top: 50%;
    margin-top: -30px;
    height: 60px;
  }
  #twitter .flex-prev .shape1,
  #twitter .flex-next .shape1 {
    fill: #443a31;
  }
  #twitter .flex-prev .shape2,
  #twitter .flex-next .shape2 {
    fill: #009ee0;
  }
  #twitter .flex-prev:hover .shape2, #twitter .flex-prev:focus .shape2,
  #twitter .flex-next:hover .shape2,
  #twitter .flex-next:focus .shape2 {
    fill: #443a31;
  }
  #twitter .flex-prev:hover .shape1, #twitter .flex-prev:focus .shape1,
  #twitter .flex-next:hover .shape1,
  #twitter .flex-next:focus .shape1 {
    fill: #009ee0;
  }
  #twitter .flex-next {
    left: auto;
    right: -60px;
  }

  .js #bandeau {
    height: 30em;
  }
  #formations {
    clear: both;
    background-color: #009ee0;
    position: relative;
    top: -10px;
    -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
  }
  #formations .field_annee {
    width: 130px !important;
  }
  #formations .field {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 220px;
    margin-right: 36px;
    min-height: 5em;
    *height: 5em;
  }
  #formations .field:nth-child(4n) {
    margin-right: 0 !important;
  }
  #formations .field:nth-child(4n + 1) {
    clear: both;
  }
  #formations form {
    clear: both;
    *zoom: 1;
    position: relative;
    padding-left: 30px;
    padding-top: 1.25em;
    padding-bottom: 1.25em;
  }
  #formations form:after {
    content: "";
    display: table;
    clear: both;
  }
  #formations form.fixios {
    margin-left: -1px;
    border-left: 1px solid transparent;
  }
  #formations p {
    margin-bottom: 0;
  }
  #formations button {
    position: absolute;
    right: 30px;
    bottom: 1.5em;
  }
  #formations .label {
    font-size: 1.3125em;
    line-height: 0.952380952em;
    padding-top: 0.476190476em;
    padding-bottom: 0.476190476em;
    color: #fff;
    display: block;
    width: auto;
    margin-right: 0;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  #formations input.text,
  #formations select {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 1em;
    line-height: 1.25em;
    line-height: normal;
    padding: 4px;
    background-color: #fff;
  }
  #formations select.largeur_annee {
    width: 130px;
  }
  .sa #formations select, .ch #formations select {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background-image: url(/bundles/nubcore/images/bg/list-ter.svg);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding-right: 40px;
    position: relative;
    background-color: #fff;
  }
  #formations input.text {
    padding: 5px;
  }
  #formations.active {
    display: block;
  }
  #formations.active:after {
    display: none;
  }
  #formations.active form {
    padding-top: 1.25em;
  }
  #blocs4 #formations:after {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #f7f7f7;
    width: 680px;
    z-index: 3;
    content: '';
    height: 1.25em;
  }
  .js #blocs4 #formations {
    top: auto;
    display: none;
  }
  #blocs4 #formations form {
    padding-top: 2.5em;
  }

  #indispensables {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 660px;
    background-color: #fff;
    margin-top: -2.5em;
    z-index: 2;
    position: absolute;
    left: 20px;
    top: 0;
  }
  .portail #indispensables {
    margin-top: 0;
    float: none;
    width: auto;
    display: block;
    margin: 0;
    z-index: 0;
    position: initial;
    margin-bottom: 2.5em;
  }
  .portail #indispensables div {
    text-align: center;
    table-layout: fixed;
  }
  .portail #indispensables li {
    background-position: 0 100%;
    padding-left: 5px;
  }
  .portail #indispensables a span {
    padding-left: 5px;
  }
  #indispensables h2 {
    padding: 0;
    font-weight: normal;
    font-size: 1.9375em;
    line-height: 1.935483871em;
    margin-bottom: 1.935483871em;
    margin-bottom: 0;
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding-left: 20px;
  }
  #indispensables h2 span {
    color: #009ee0;
  }
  #indispensables div {
    display: table;
    width: 100%;
    height: 5em;
  }
  #indispensables ul {
    display: table-row;
    list-style-type: none;
    padding: 0;
    margin: 0;
    background-color: #fff;
  }
  #indispensables li {
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px;
    padding-right: 5px;
    border-right: 1px solid #e0dfde;
    background-image: url(/bundles/nubcore/images/bg/filet.svg);
    background-repeat: no-repeat;
    background-position: 30px 100%;
  }
  #indispensables li:last-child {
    border-right: 0;
  }
  #indispensables a {
    font-size: 0.875em;
    line-height: 1.428571429em;
    display: block;
    text-decoration: none;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding-bottom: 1.428571429em;
  }
  #indispensables a:hover, #indispensables a:focus {
    text-decoration: underline;
  }
  #indispensables a span {
    display: inline-block;
    padding-right: 20px;
    background-image: url(/bundles/nubcore/images/bg/item.svg);
    background-repeat: no-repeat;
    background-position: 100% 50%;
  }
  #indispensables a:hover span, #indispensables a:focus span {
    text-decoration: underline;
  }
  #indispensables img {
    margin: auto;
  }

  #trouver {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 260px;
    margin-right: 0 !important;
    float: right;
    background-color: #009ee0;
    color: #fff;
    margin-top: -2.5em;
    z-index: 2;
    position: relative;
    float: right;
  }
  .js #trouver {
    -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
  }
  #trouver h2 {
    padding: 0;
    font-weight: normal;
    font-size: 1.9375em;
    line-height: 1.290322581em;
    margin-bottom: 1.290322581em;
    margin-bottom: 0;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  #trouver h2 span {
    display: block;
    padding-left: 20px;
    padding-right: 40px;
    padding-top: 0.967741935em;
    padding-bottom: 0.967741935em;
    background-position: 200px 50%;
    background-repeat: no-repeat;
    background-image: url(/bundles/nubcore/images/bg/bottom.svg);
  }
  .js #trouver h2 span {
    padding: 0;
  }
  .js #trouver h2 span span {
    padding: 0;
    color: #443a31;
    background-image: none;
  }
  #trouver h2 button {
    display: block;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0.967741935em;
    padding-bottom: 0.967741935em;
    text-align: left;
    color: #fff;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  #trouver h2 button:before {
    position: absolute;
    right: 0;
    top: 100%;
    background-color: #009ee0;
    height: 0;
    margin-top: -0.322580645em;
    width: 260px;
    z-index: 3;
    content: '';
  }
  #trouver h2 button span {
    display: inline-block;
    padding-right: 20px;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-image: url(/bundles/nubcore/images/bg/bottom.svg);
  }
  #trouver.active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  #trouver.active button span {
    background-image: url(/bundles/nubcore/images/bg/top.svg);
  }

  #actualites,
  #agenda {
    padding-top: 2.5em;
    clear: both;
    float: left;
    display: inline;
    margin-right: 20px;
    width: 640px;
  }
  #actualites .title,
  #agenda .title {
    *zoom: 1;
    position: relative;
    margin-bottom: 1.25em;
  }
  #actualites .title:after,
  #agenda .title:after {
    content: "";
    display: table;
    clear: both;
  }
  #actualites .title p,
  #agenda .title p {
    margin-bottom: 0;
  }
  #actualites .title div,
  #agenda .title div {
    float: left;
    background-color: #443a31;
    border-left: 1px solid #fff;
    position: relative;
    font-size: 0.8125em;
    line-height: 3.076923077em;
    color: #fff;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  #actualites .title div span,
  #agenda .title div span {
    padding-left: 10px;
    padding-right: 39px;
    background-image: url(/bundles/nubcore/images/bg/list-ter.svg);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    display: block;
  }
  .js #actualites .title div span, .js
  #agenda .title div span {
    padding: 0;
    border-bottom: 0;
    margin-top: 0;
    top: auto;
    background-image: none;
  }
  #actualites .title button,
  #agenda .title button {
    font-size: 1em;
    line-height: 3.076923077em;
    padding-left: 10px;
    padding-right: 39px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    color: #fff;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: #bfbfbf;
    margin-top: -3px;
    position: relative;
    top: 3px;
    display: block;
    background-image: url(/bundles/nubcore/images/bg/list-ter.svg);
    background-repeat: no-repeat;
    background-position: 100% 50%;
  }
  #actualites .title button:hover, #actualites .title button:focus,
  #agenda .title button:hover,
  #agenda .title button:focus {
    border-bottom-color: #009ee0;
  }
  #actualites .title button.active,
  #agenda .title button.active {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off.svg);
  }
  #actualites .title ul,
  #agenda .title ul {
    background-color: #fff;
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 1em;
    line-height: 1.538461538em;
    border-top: 3px solid #009ee0;
    border-left: 1px solid #009ee0;
    border-right: 1px solid #009ee0;
    -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
  }
  #actualites .title ul a,
  #agenda .title ul a {
    text-decoration: none;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #bfbfbf;
    margin-top: -1px;
    position: relative;
    top: 1px;
    padding-left: 20px;
    padding-right: 10px;
    display: block;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    color: #6c6764;
    background-image: url(/bundles/nubcore/images/bg/item.svg);
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding-top: 0.416666667em;
    padding-bottom: 0.416666667em;
  }
  #actualites .title ul a:hover, #actualites .title ul a:focus,
  #agenda .title ul a:hover,
  #agenda .title ul a:focus {
    text-decoration: underline;
  }
  .js #actualites .title ul, .js
  #agenda .title ul {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 1;
    display: none;
  }
  #actualites h2,
  #agenda h2 {
    font-size: 1.5em;
    line-height: 1.666666667em;
    margin-bottom: 1.666666667em;
    margin-bottom: 0;
    padding: 0;
    font-weight: normal;
    float: left;
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    position: relative;
    width: 310px;
  }
  #actualites h2 a,
  #agenda h2 a {
    display: block;
    text-decoration: none;
    background-color: #443a31;
    color: #fff;
    padding-left: 20px;
  }
  #actualites h2 a:after,
  #agenda h2 a:after {
    font-size: 0.541666667em;
    line-height: 3.076923077em;
    float: right;
    padding-left: 10px;
    padding-right: 10px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: #bfbfbf;
    margin-top: -3px;
    position: relative;
    top: 3px;
    margin-left: 19px;
    border-left: 1px solid #fff;
    content: attr(data-after);
  }
  #actualites h2 a:hover:after, #actualites h2 a:focus:after,
  #agenda h2 a:hover:after,
  #agenda h2 a:focus:after {
    border-bottom-color: #009ee0;
  }

  #agenda {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 280px;
    margin-right: 0 !important;
    padding-top: 2.5em;
    clear: none;
  }
  #agenda h2 {
    float: none;
    width: 280px;
  }
  .portail #agenda h2 {
    padding-bottom: 0;
  }
  #agenda h2 a {
    background-color: #fff;
    color: #443a31;
    border-bottom-color: #fff;
  }
  #agenda h2 a:after {
    content: attr(data-after);
  }
  .portail #agenda h2 a:after {
    position: static;
    top: -3px;
  }

  #newsletter-mag-retenir {
    background-color: #009ee0;
    margin-bottom: -3.125em;
    padding-bottom: 3.125em;
  }
  #newsletter-mag-retenir a {
    display: block;
    text-decoration: none;
  }
  #newsletter-mag-retenir .txt {
    padding-left: 20px;
    padding-right: 20px;
  }
  #newsletter-mag-retenir p {
    padding-bottom: 1.25em;
    margin-bottom: 0;
  }
  #newsletter-mag-retenir h2,
  #newsletter-mag-retenir h3 {
    padding: 0;
    margin: 0;
    font-weight: normal;
  }
  #newsletter-mag-retenir h2 span,
  #newsletter-mag-retenir h3 span {
    color: #009ee0;
  }
  #newsletter-mag-retenir h2 {
    padding-top: 0.322580645em;
    font-size: 1.9375em;
    line-height: 1.290322581em;
    margin-bottom: 1.290322581em;
    margin-bottom: 0;
    color: #009ee0;
    font-family: "Brix Slab Medium Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  #newsletter-mag-retenir h2 .date {
    font-size: 0.451612903em;
    line-height: 1.428571429em;
    margin-bottom: 1.428571429em;
    display: block;
    color: #443a31;
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  #newsletter-mag-retenir h3 {
    font-size: 1.125em;
    line-height: 1.111111111em;
    margin-bottom: 1.111111111em;
    margin-bottom: 0.555555556em;
    color: #009ee0;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  #newsletter-mag-retenir abbr {
    border: none;
  }
  #newsletter {
    background-color: #fff;
    float: left;
    display: inline;
    margin-right: 20px;
    width: 240px;
    margin-right: 40px;
  }
  #newsletter .txt {
    position: relative;
  }
  #newsletter .nb {
    position: absolute;
    left: 0;
    bottom: 100%;
    color: #fff;
    font-size: 2.580645161em;
    line-height: 1em;
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  #newsletter .nb abbr {
    color: #009ee0;
    font-size: 0.725em;
    line-height: 1.379310345em;
  }

  #mag {
    background-color: #fff;
    float: left;
    display: inline;
    margin-right: 20px;
    width: 220px;
    margin-right: 60px;
  }

  #retenir {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 380px;
    margin-right: 0 !important;
    color: #fff;
  }
  #retenir h2 {
    padding-top: 0.64516129em;
    margin-bottom: 0.64516129em;
    color: #443a31;
  }
  #retenir h2 span {
    color: #fff;
  }
  #retenir h3 {
    color: #fff;
    font-size: 1.9375em;
    line-height: 1.290322581em;
    margin-bottom: 1.290322581em;
    margin-bottom: 0.322580645em;
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
  }

  #pushs {
    position: relative;
    margin-bottom: 2.5em;
  }
  #pushs p {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 220px;
    margin-bottom: 0;
  }
  #pushs p:first-child {
    padding-left: 480px;
  }
  #pushs p:last-child {
    margin-right: 0 !important;
  }
  #pushs a {
    display: block;
  }

  #breaking {
    background-color: #fff;
    position: absolute;
    right: 50%;
    left: 0;
    top: 0;
    bottom: 0;
    margin-right: 10px;
    overflow: auto;
  }
  .js #breaking {
    overflow: visible;
  }
  #breaking .inside {
    float: right;
    width: 400px;
    margin-right: 60px;
  }
  #breaking .flexslider {
    position: static;
  }
  #breaking .slides li {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #bfbfbf;
    margin-top: -1px;
    position: relative;
    top: 1px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 0.875em;
    line-height: 1.428571429em;
  }
  #breaking .slides li a {
    display: table-cell;
    height: 5.714285714em;
    vertical-align: middle;
    text-decoration: none;
  }
  #breaking .slides li a:hover strong, #breaking .slides li a:focus strong {
    color: #009ee0;
    text-decoration: underline;
  }
  #breaking .slides strong {
    font-size: 1.142857143em;
    line-height: 1.25em;
    display: inline-block;
    padding-right: 25px;
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-weight: normal;
    background-image: url(/bundles/nubcore/images/bg/puce-ter.svg);
    background-repeat: no-repeat;
    background-position: 100% 50%;
  }
  #breaking .flex-viewport {
    height: 10em;
    height: 10em !important;
  }
  #breaking .flex-prev,
  #breaking .flex-next {
    position: absolute;
    right: 0;
    top: 0;
    height: 60px;
  }
  #breaking .flex-prev svg,
  #breaking .flex-next svg {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  #breaking .flex-prev .shape2,
  #breaking .flex-next .shape2 {
    fill: #443a31;
  }
  #breaking .flex-prev:hover .shape1, #breaking .flex-prev:focus .shape1,
  #breaking .flex-next:hover .shape1,
  #breaking .flex-next:focus .shape1 {
    fill: #443a31;
  }
  #breaking .flex-prev:hover .shape2, #breaking .flex-prev:focus .shape2,
  #breaking .flex-next:hover .shape2,
  #breaking .flex-next:focus .shape2 {
    fill: #009ee0;
  }
  #breaking .flex-next {
    top: auto;
    bottom: 0;
  }
  #breaking h2 {
    font-size: 1.4375em;
    line-height: 1.739130435em;
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    color: #009ee0;
    position: relative;
    top: 1px;
    background-color: #fff;
    z-index: 1;
  }

  #actus {
    *zoom: 1;
    padding-top: 2.5em;
    padding-bottom: 2.5em;
    position: relative;
    background-color: #fff;
  }
  #actus:after {
    content: "";
    display: table;
    clear: both;
  }
  #actus:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    width: 0;
    border-top: 180px solid #009ee0;
    border-right: 180px solid transparent;
  }
  #actus:after {
    content: '';
    position: absolute;
    right: 1px;
    bottom: 0;
    height: 0;
    width: 0;
    border-bottom: 180px solid #bfbfbf;
    border-left: 180px solid transparent;
  }
  #actus .page {
    position: relative;
    z-index: 1;
  }
  #actus .col {
    float: left;
    width: 240px;
    margin-right: 10px;
    background-color: #f7f7f7;
  }
  #actus .col.first-child {
    float: right;
    width: 420px;
    margin-right: 0;
    background-color: transparent;
  }
  #actus .col.first-child path {
    fill: #009ee0;
  }
  #actus .col.first-child svg {
    display: inline;
    vertical-align: bottom;
    bottom: 1px;
    left: 2px;
    position: relative;
  }
  #actus .col.first-child li {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #bfbfbf;
    margin-top: -1px;
    margin-bottom: 1.111111111em;
    padding-top: 1.111111111em;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 1.125em;
    line-height: 1.111111111em;
  }
  #actus .col.first-child li:first-child {
    border-top: 0;
    margin-top: 0;
    position: static;
  }
  #actus .col.first-child li em {
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 0.888888889em;
    line-height: 1.25em;
    font-style: normal;
    color: #6c6764;
  }
  #actus .col.first-child li li {
    margin: 0;
    padding: 0;
    font-size: 0.722222222em;
    line-height: 1.538461538em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    color: #009ee0;
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-image: url(/bundles/nubcore/images/bg/item.svg);
    display: inline-block;
  }
  #actus .col.first-child a:hover li, #actus .col.first-child a:focus li {
    text-decoration: underline;
  }
  #actus .col .links {
    float: right;
    clear: none;
    margin: 0;
    white-space: nowrap;
  }
  #actus .col .links li {
    float: none;
    display: inline-block;
    margin: 0;
    border: 0;
  }
  #actus .col .links li:first-child a {
    border-left: 0;
  }
  #actus .col .links a {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 0.722222222em;
    line-height: 1.538461538em;
    text-decoration: none;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    margin-top: 1.538461538em;
    padding-left: 10px;
    margin-left: 10px;
    display: block;
    color: #009ee0;
    border-left: 1px solid #443a31;
  }
  #actus .col .links a:hover, #actus .col .links a:focus {
    text-decoration: underline;
  }
  #actus .actus {
    *zoom: 1;
  }
  #actus .actus:after {
    content: "";
    display: table;
    clear: both;
  }
  #actus .actus .col {
    padding-top: 1.25em;
  }
  #actus .actus .col a:hover h3, #actus .actus .col a:focus h3 {
    color: #009ee0;
  }
  #actus .actus .col ul {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #009ee0;
    margin-top: -1px;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 1.25em;
  }
  #actus .actus .col ul a {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(/bundles/nubcore/images/bg/item.svg);
    text-decoration: none;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 0.875em;
    line-height: 1.428571429em;
  }
  #actus .actus .col ul a:hover, #actus .actus .col ul a:focus {
    text-decoration: underline;
  }
  #actus h2 {
    font-size: 2.8125em;
    line-height: 1.111111111em;
    margin-bottom: 1.111111111em;
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding-top: 0.444444444em;
    margin-bottom: 0;
    font-weight: normal;
  }
  #actus h2 a {
    white-space: nowrap;
  }
  #actus h2 a:after {
    background-image: url(/bundles/nubcore/images/bg/item-quater.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-left: 1px solid #009ee0;
    content: '';
    display: inline-block;
    height: 25px;
    left: 10px;
    position: relative;
    width: 30px;
  }
  #actus h2 a:hover span:after, #actus h2 a:focus span:after {
    text-decoration: underline;
  }
  #actus h2 span:after {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 0.288888889em;
    line-height: 3.846153846em;
    color: #009ee0;
    content: attr(data-after);
    padding-left: 20px;
    position: relative;
    bottom: 5px;
  }
  .tiers #actus h2 {
    float: left;
  }
  #actus h3 {
    margin-left: 20px;
    margin-right: 20px;
    padding: 0;
    font-weight: normal;
    font-family: "Brix Slab Medium Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 1.75em;
    line-height: 1.071428571em;
    margin-bottom: 1.071428571em;
    margin-bottom: 0.714285714em;
  }
  #actus h3 span {
    white-space: nowrap;
  }
  #actus h3 span:after {
    background-image: url(/bundles/nubcore/images/bg/item-quater.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-left: 1px solid #009ee0;
    content: '';
    display: inline-block;
    height: 25px;
    left: 10px;
    position: relative;
    width: 30px;
    top: 5px;
  }
  #actus img {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 1.25em;
  }
  #actus ul {
    padding: 0;
    list-style-type: none;
    clear: both;
  }
  #actus p {
    font-size: 1.125em;
    line-height: 1.666666667em;
    margin-bottom: 1.666666667em;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    margin-left: 20px;
    margin-right: 20px;
  }
  #actus a {
    display: block;
    text-decoration: none;
  }
  #error {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(/bundles/nubcore/images/bg/404.jpg);
    text-align: center;
    height: 45em;
    margin-bottom: -3.125em;
    position: relative;
  }
  #error h1 {
    font-size: 1.625em;
    line-height: 1.538461538em;
    margin-bottom: 1.538461538em;
    margin: 0;
    padding: 0;
    color: #fff;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-weight: normal;
    height: 260px;
    width: 260px;
    display: table-cell;
    vertical-align: middle;
  }
  #error p {
    font-size: 1.125em;
    line-height: 1.666666667em;
    margin-bottom: 1.666666667em;
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    margin-top: 3.888888889em;
  }
  #error ul {
    margin-bottom: 0;
  }
  #error .txt {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -250px;
    margin-left: -180px;
    background-image: url(/bundles/nubcore/images/bg/losange.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% 100%;
    width: 500px;
  }
  #error .txt div {
    width: 300px;
    height: 500px;
    padding-left: 100px;
    padding-right: 100px;
    display: table-cell;
    vertical-align: middle;
  }
  #error .title {
    width: 260px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -320px;
    margin-top: -270px;
    background-image: url(/bundles/nubcore/images/bg/losange-alt.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% 100%;
    z-index: 2;
  }
  #catalogue {
    padding-bottom: 0.625em;
  }
  #catalogue h2 {
    font-size: 1.9375em;
    line-height: 1.290322581em;
    margin-bottom: 1.290322581em;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-weight: normal;
    padding-top: 1.290322581em;
    margin-bottom: 0.64516129em;
  }
  #catalogue h2 span {
    font-size: 1.35483871em;
    line-height: 0.952380952em;
    color: #009ee0;
  }
  #catalogue h4 {
    color: #009ee0;
    font-family: "Brix Slab Medium Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-weight: normal;
    font-size: 1.3125em;
    line-height: 1.428571429em;
    margin-bottom: 1.428571429em;
    margin-bottom: 0.952380952em;
    margin-top: 1.904761905em;
    padding-top: 0;
    *zoom: 1;
  }
  #catalogue h4:after {
    content: "";
    display: table;
    clear: both;
  }
  #catalogue h4 svg,
  #catalogue h4 img {
    float: left;
    position: relative;
    bottom: 0.35em;
    height: 40px;
  }
  #catalogue h4 path {
    fill: #009ee0;
  }
  #catalogue .content {
    background-color: #fff;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #bfbfbf;
    margin-top: -1px;
    padding-bottom: 3.75em;
    margin-bottom: -3.75em;
  }
  #catalogue .content a {
    display: block;
    background-color: #f7f7f7;
    border-left: 1px solid #009ee0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0.769230769em;
    padding-bottom: 0.769230769em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    color: #6c6764;
    text-decoration: none;
    font-size: 0.8125em;
    line-height: 1.538461538em;
    -webkit-box-shadow: 0 -3px 0 rgba(68, 58, 49, 0.2) inset;
    -moz-box-shadow: 0 -3px 0 rgba(68, 58, 49, 0.2) inset;
    box-shadow: 0 -3px 0 rgba(68, 58, 49, 0.2) inset;
  }
  #catalogue .content a:hover, #catalogue .content a:focus {
    text-decoration: underline;
  }
  #catalogue .content ul {
    *zoom: 1;
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 1.25em;
  }
  #catalogue .content ul:after {
    content: "";
    display: table;
    clear: both;
  }
  #catalogue .content ul li,
  #catalogue .content ul dt,
  #catalogue .content ul dd {
    float: left;
  }
  #catalogue .content li {
    padding-left: 10px;
    padding-right: 10px;
    width: 25%;
    margin-bottom: 1.25em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #catalogue .catalogue {
    clear: both;
  }
  #catalogue .catalogue h3 {
    background-color: #fff;
    display: inline-block;
    padding-left: 19px;
    padding-right: 19px;
    padding-top: 0;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #bfbfbf;
    margin-top: -1px;
    border-left: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
    margin-bottom: 0;
    z-index: 1;
    position: relative;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    text-transform: uppercase;
    font-size: 1.5em;
    line-height: 1.25em;
    font-weight: normal;
    padding-top: 0.416666667em;
    padding-bottom: 0.416666667em;
  }
  #catalogue .catalogue:nth-child(2n) h4 {
    color: #443a31;
  }
  #catalogue .catalogue:nth-child(2n) h4 path {
    fill: gray;
  }
  #catalogue .catalogue:nth-child(2n) a {
    border-left-color: #443a31;
  }
  #catalogue .catalogue li.inactive {
    display: none;
  }
  #catalogue .catalogue li.inactive a {
    cursor: text;
    text-decoration: none;
  }

  #fast {
    background-color: #e8e8e8;
    margin-bottom: 2.5em;
    -webkit-box-shadow: 0 -3px 0 rgba(68, 58, 49, 0.2) inset;
    -moz-box-shadow: 0 -3px 0 rgba(68, 58, 49, 0.2) inset;
    box-shadow: 0 -3px 0 rgba(68, 58, 49, 0.2) inset;
    display: table;
  }
  .js #fast.active div + div {
    display: block;
  }
  .js #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/item-off.svg);
  }
  .js form #fast div + div {
    display: none;
  }
  form #fast h3 span {
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-image: url(/bundles/nubcore/images/bg/item.svg);
    padding-right: 20px;
    display: inline-block;
  }
  .js form #fast h3 span {
    padding: 0;
    background-image: none;
  }
  form #fast h3 button {
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-image: url(/bundles/nubcore/images/bg/item.svg);
    padding-right: 30px;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 1em;
    line-height: 1.111111111em;
    color: #443a31;
  }
  .js form #fast h3 button {
    display: inline-block;
  }
  #fast h3 {
    font-weight: normal;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 1.125em;
    line-height: 1.111111111em;
    margin-bottom: 1.111111111em;
    margin-bottom: 0;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 0.555555556em;
    padding-bottom: 0.555555556em;
    white-space: nowrap;
  }
  #fast div {
    display: table-cell;
    vertical-align: top;
  }
  #fast div div {
    display: block;
  }
  #fast ul,
  #fast div div {
    font-size: 0.875em;
    line-height: 1.428571429em;
    *zoom: 1;
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding-top: 0.714285714em;
    padding-bottom: 0.357142857em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    color: #6c6764;
    border-left: 1px solid #009ee0;
    padding-right: 20px;
  }
  #fast ul:after,
  #fast div div:after {
    content: "";
    display: table;
    clear: both;
  }
  #fast ul li,
  #fast ul dt,
  #fast ul dd,
  #fast div div li,
  #fast div div dt,
  #fast div div dd {
    float: left;
  }
  #fast li,
  #fast p {
    margin-left: -1px;
    padding-left: 9px;
    border-left: 1px solid #009ee0;
    margin-right: 11px;
    float: left;
    margin-bottom: 0.357142857em;
  }
  #fast input {
    position: relative;
    top: 3px;
  }
  #fast .submit {
    float: right;
    clear: both;
    padding: 0;
    border: 0;
    margin: 0;
    margin-bottom: 0.714285714em;
  }
  .js #fast .submit {
    display: none;
  }
  #fast .label {
    width: auto;
    margin: 0;
  }
  #fast a {
    text-decoration: none;
    color: #6c6764;
    display: block;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(/bundles/nubcore/images/bg/item.svg);
  }
  #fast a:hover, #fast a:focus {
    text-decoration: underline;
  }

  #offre-emploi {
    background-color: #009ee0;
    position: relative;
    margin-bottom: 2.5em;
    -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
  }
  #offre-emploi .field {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 204px;
    margin-right: 20px;
    min-height: 5em;
    *height: 5em;
  }
  #offre-emploi .field:nth-child(4n) {
    margin-right: 0 !important;
  }
  #offre-emploi .field:nth-child(4n + 1) {
    clear: both;
  }
  #offre-emploi .field.checkbox {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 140px;
    position: relative;
  }
  #offre-emploi .field.checkbox label {
    position: absolute;
    bottom: 6px;
  }
  #offre-emploi .field.checkbox label input {
    margin-right: 5px;
    margin-top: 2px;
  }
  #offre-emploi form {
    clear: both;
    *zoom: 1;
    position: relative;
    padding-left: 30px;
    padding-right: 150px;
    padding-top: 1.25em;
    padding-bottom: 1.25em;
  }
  #offre-emploi form:after {
    content: "";
    display: table;
    clear: both;
  }
  #offre-emploi form.fixios {
    margin-left: -1px;
    border-left: 1px solid transparent;
  }
  #offre-emploi p {
    margin-bottom: 0;
  }
  #offre-emploi button {
    position: absolute;
    right: 25px;
    bottom: 1.5em;
  }
  #offre-emploi .label {
    font-size: 1.3125em;
    line-height: 0.952380952em;
    padding-top: 0.476190476em;
    padding-bottom: 0.476190476em;
    color: #fff;
    display: block;
    width: auto;
    margin-right: 0;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  #offre-emploi input.text,
  #offre-emploi select {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 1em;
    line-height: 1.25em;
    line-height: normal;
    padding: 4px;
    background-color: #fff;
  }
  .sa #offre-emploi select, .ch #offre-emploi select {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background-image: url(/bundles/nubcore/images/bg/list-ter.svg);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding-right: 40px;
    position: relative;
    background-color: #fff;
  }
  #offre-emploi input.text {
    padding: 5px;
  }
  #offre-emploi.active {
    display: block;
  }
  #offre-emploi.active:after {
    display: none;
  }
  #offre-emploi.active form {
    padding-top: 1.25em;
  }
  #blocs4 #offre-emploi:after {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #f7f7f7;
    width: 680px;
    z-index: 3;
    content: '';
    height: 1.25em;
  }
  .js #blocs4 #offre-emploi {
    top: auto;
    display: none;
  }
  #blocs4 #offre-emploi form {
    padding-top: 2.5em;
  }

  .offre-emploi .art {
    margin-right: 0;
  }
  .offre-emploi .art h2 {
    margin-bottom: 0.625em;
  }
  .offre-emploi .art .txt:after {
    height: 1px;
  }
  .offre-emploi .art .txt .txt-inside ul {
    margin-bottom: 2.5em;
  }
  .offre-emploi .art .txt .txt-inside ul li {
    padding-bottom: 0;
    font-size: 1em;
    line-height: 1.25em;
    background-position: 0 -1px;
  }
  .offre-emploi .top-list {
    padding-bottom: 2.5em;
    position: relative;
  }
  .offre-emploi .top-list h2 {
    font-size: 1.9375em;
    line-height: 1.290322581em;
    margin-bottom: 0 !important;
  }
  .offre-emploi .top-list h2 .number {
    font-size: 42px;
  }
  .offre-emploi .top-list .trie {
    position: absolute;
    right: 0;
    bottom: 2.5em;
  }
  .offre-emploi .top-list .trie select {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 1em;
    line-height: 1.25em;
    line-height: normal;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #443a31;
    padding-left: 10px;
  }
  .sa .offre-emploi .top-list .trie select, .ch .offre-emploi .top-list .trie select {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background-image: url(/bundles/nubcore/images/bg/list-ter.svg);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding-right: 40px;
    position: relative;
    background-color: #fff;
  }
}
@media only screen and (max-width: 739px) {
  .form .input {
    width: auto;
    display: block;
    padding-right: 0;
  }
}
@media only screen and (max-width: 739px) {
  .form span.error {
    display: block;
    top: 20px;
    width: auto;
    margin-left: 0;
    margin-bottom: 3.076923077em;
  }
  .form span.error:before {
    border-bottom-color: #cd4237;
    border-right-color: transparent;
    position: absolute;
    left: 20px;
    top: -15px;
  }
}
@media only screen and (max-width: 739px) {
  .form .field.checkbox .label, .form .field.radio .label {
    width: auto;
  }
}
@media only screen and (max-width: 739px) {
  .form .field.checkbox .input, .form .field.radio .input {
    display: inline-block;
  }
}
@media only screen and (max-width: 739px) {
  .form .field.checkbox span.error, .form .field.radio span.error {
    top: 10px;
  }
}
@media only screen and (max-width: 1023px) {
  a.btn.block {
    display: inline-block;
  }
}

@media only screen and (max-width: 499px) {
  .formation .cms table {
    font-size: 0.625em;
    line-height: 2em;
    margin-bottom: 2em;
  }
}
@media only screen and (max-width: 739px) {
  .cms .caption,
  .cms .video {
    width: auto;
  }
  .cms .caption.alt,
  .cms .video.alt {
    width: auto;
  }
}
@media only screen and (max-width: 739px) {
  .cms h1.alt {
    background-image: none;
  }
  .idex .cms h1.alt, .tiers .cms h1.alt {
    background-image: none;
  }
}
@media only screen and (max-width: 739px) {
  .cms h1 {
    padding-left: 0;
    font-size: 1.9375em;
    line-height: 1.290322581em;
    margin-bottom: 1.290322581em;
    margin-bottom: 0.64516129em;
    font-family: "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
    background-image: none;
  }
}
@media only screen and (max-width: 739px) {
  .cms h2:after,
  .cms .h2:after {
    left: -10px;
  }
}
@media only screen and (max-width: 739px) {
  .cms blockquote {
    margin-left: 0;
    margin-top: 5em;
  }
  .cms blockquote:before {
    left: -5px;
    top: -60px;
    content: '';
    width: 60px;
    height: 60px;
    background-size: 60px 60px;
  }
  .cms blockquote p {
    font-size: 1.5em;
    line-height: 1.25em;
    margin-bottom: 1.25em;
    margin-bottom: 0.833333333em;
    color: #009ee0;
    font-family: "Brix Slab Light Italic", "Brix Slab Italic", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  .cms blockquote .cite {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 739px) {
  .cms .left {
    max-width: 45%;
    margin-right: 20px !important;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }
}
@media only screen and (max-width: 739px) {
  .cms .right {
    max-width: 45%;
    margin-left: 20px !important;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }
}
@media only screen and (max-width: 739px) {
  .cms img,
  .cms video {
    margin-left: -10px;
    margin-right: -10px;
    max-width: -webkit-calc(100% - 20px);
    max-width: -moz-calc(100% - 20px);
    max-width: -ms-calc(100% - 20px);
    max-width: -o-calc(100% - 20px);
    max-width: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: -ms-calc(100% - 20px);
    width: -o-calc(100% - 20px);
    width: calc(100% - 20px);
  }
}
@media only screen and (max-width: 1023px) {
  .cms > img:first-child, .cms > video:first-child, .cms > .flexslider:first-child, .cms > p:first-child {
    width: 100%;
  }
  .cms > img:first-child > img:first-child, .cms > img:first-child > video:first-child, .cms > img:first-child > .flexslider:first-child, .cms > video:first-child > img:first-child, .cms > video:first-child > video:first-child, .cms > video:first-child > .flexslider:first-child, .cms > .flexslider:first-child > img:first-child, .cms > .flexslider:first-child > video:first-child, .cms > .flexslider:first-child > .flexslider:first-child, .cms > p:first-child > img:first-child, .cms > p:first-child > video:first-child, .cms > p:first-child > .flexslider:first-child {
    width: 100%;
  }
}
@media only screen and (max-width: 739px) {
  .cms > img:first-child > img:first-child, .cms > img:first-child > video:first-child, .cms > img:first-child > .flexslider:first-child, .cms > video:first-child > img:first-child, .cms > video:first-child > video:first-child, .cms > video:first-child > .flexslider:first-child, .cms > .flexslider:first-child > img:first-child, .cms > .flexslider:first-child > video:first-child, .cms > .flexslider:first-child > .flexslider:first-child, .cms > p:first-child > img:first-child, .cms > p:first-child > video:first-child, .cms > p:first-child > .flexslider:first-child {
    width: auto;
  }
}
@media only screen and (max-width: 739px) {
  .cms > img > img:first-child, .cms > img > video:first-child, .cms > img > .flexslider:first-child, .cms > video > img:first-child, .cms > video > video:first-child, .cms > video > .flexslider:first-child, .cms > .flexslider > img:first-child, .cms > .flexslider > video:first-child, .cms > .flexslider > .flexslider:first-child, .cms > p > img:first-child, .cms > p > video:first-child, .cms > p > .flexslider:first-child {
    margin-left: -10px;
  }
}
@media only screen and (max-width: 739px) {
  .cms dt {
    float: none;
    width: auto;
    display: block;
  }
}
@media only screen and (max-width: 739px) {
  .cms .push {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0.625em;
    padding-bottom: 1.25em;
  }
}
@media only screen and (max-width: 739px) {
  .cms .push-alt {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media only screen and (max-width: 739px) {
  .cms .push-alt h2 {
    margin-left: -10px;
    padding-left: 10px;
  }
}
@media only screen and (max-width: 499px) {
  .cms .accordion .inside {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 1023px) {
  #end {
    border-bottom: 0;
    margin-top: 0;
    position: static;
  }
}
@media only screen and (max-width: 739px) {
  #end li {
    float: none;
    padding-left: 0;
    padding-right: 0;
    border-right: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .tiers #carrousel-left p {
    margin-bottom: 2.857142857em;
  }
  .tiers #carrousel-left p:after {
    margin-bottom: 1.428571429em;
  }
}
@media only screen and (max-width: 1023px) {
  .idex #carrousel-left {
    margin-top: -20em;
  }
  #carrousel-left .txt,
  #carrousel-left .img {
    float: none;
    width: auto;
    min-height: 0;
    margin: 0;
  }
  #carrousel-left .img img {
    width: 100%;
    height: auto;
  }
  #carrousel-left .flex-direction-nav {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto !important;
    margin-top: 5em;
  }
}

@media only screen and (max-width: 1023px) {
  #carrousel {
    position: relative;
    right: 0;
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media only screen and (max-width: 1023px) {
  #carrousel .flex-direction-nav {
    right: 0;
  }
}
@media only screen and (max-width: 739px) {
  #carrousel .flex-direction-nav {
    position: static;
    height: auto;
  }
  #carrousel .flex-direction-nav .flex-prev,
  #carrousel .flex-direction-nav .flex-next {
    position: absolute;
    top: 31%;
    margin-top: -30px;
    left: 0;
    background-color: #009ee0;
    width: 40px;
    height: 40px;
  }
  #carrousel .flex-direction-nav .flex-next {
    left: auto;
    right: 0;
  }
}
@media only screen and (max-width: 1023px) {
  #carrousel .slides li {
    background-position: 50% 50%;
  }
}
@media only screen and (max-width: 739px) {
  #carrousel .slides div {
    width: auto;
  }
}
@media only screen and (max-width: 739px) {
  #carrousel .slides h2 {
    font-size: 1.125em;
    line-height: 1.111111111em;
    margin-bottom: 1.111111111em;
    margin-bottom: 1.111111111em;
    height: 3.333333333em;
  }
}
@media only screen and (max-width: 739px) {
  #carrousel .slides h2 span {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 1023px) {
  #carrousel.alt .slides div {
    margin-left: -90px;
  }
}
@media only screen and (max-width: 1023px) {
  #carrousel.alt .flex-direction-nav {
    margin-left: 230px;
  }
}
@media only screen and (max-width: 739px) {
  #carrousel.alt {
    margin: 0;
    position: relative;
  }
  .js #carrousel.alt {
    position: relative;
  }
  #carrousel.alt .slides div {
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    width: auto;
  }
  #carrousel.alt .slides h2 {
    font-size: 1.125em;
    line-height: 1.111111111em;
    height: 3.333333333em;
    margin-bottom: 0;
  }
  #carrousel.alt .slides p {
    font-size: 1em;
    line-height: 1.25em;
    margin: 0;
    padding: 0 5px;
    padding-top: 0.625em;
    padding-bottom: 0.625em;
  }
  #carrousel.alt a {
    height: 18.125em;
  }
  #carrousel.alt .flex-direction-nav {
    margin: 0;
    top: auto;
    bottom: 5em;
    right: 0;
    left: auto;
  }
}

@media only screen and (max-width: 739px) {
  #slides {
    padding: 0;
    margin-left: -10px;
    margin-right: -10px;
  }
  #slides .flex-prev {
    width: 30px;
    left: 0;
  }
  #slides .flex-next {
    width: 30px;
    right: 0;
  }
}
@media only screen and (max-width: 739px) {
  #slides:after {
    display: none;
  }
}
@media only screen and (max-width: 739px) {
  #slides h2 {
    height: auto !important;
  }
}
@media only screen and (max-width: 739px) {
  .cms .flexslider {
    width: auto;
    margin-left: -10px;
    margin-right: -10px;
  }
  .cms .flexslider img {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 100%;
  }
}
@media only screen and (max-width: 739px) {
  .cms .flexslider p {
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 0.875em;
    line-height: 1.428571429em;
    margin-bottom: 1.428571429em;
    height: 4.285714286em;
  }
}
@media only screen and (max-width: 739px) {
  #intro p {
    font-size: 1em;
    line-height: 1.875em;
    margin-bottom: 1.875em;
    font-family: Georgia, Times, "Times New Roman", serif;
  }
}
@media only screen and (max-width: 739px) {
  #intro h1 button {
    display: inline-block;
  }
}
@media only screen and (max-width: 739px) {
  #intro.alt h1 {
    background-image: none;
  }
  .idex #intro.alt h1, .tiers #intro.alt h1 {
    background-image: none !important;
  }
}
@media only screen and (max-width: 739px) {
  #intro.alt p {
    padding-left: 0;
  }
}
@media only screen and (max-width: 739px) {
  #intro {
    padding-bottom: 1.25em;
  }
}
@media only screen and (max-width: 499px) {
  #intro {
    padding-bottom: 2.5em;
  }
}

@media only screen and (max-width: 1023px) {
  #diago.alt {
    height: 61px;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 739px) {
  #diago.alt {
    height: 41px;
  }
}
@media only screen and (max-width: 739px) {
  #diago {
    height: 31px;
    margin-bottom: 0.625em;
  }
}
@media only screen and (max-width: 499px) {
  #page.formations #diago {
    display: none;
  }
}

@media only screen and (max-width: 739px) {
  #breadcrumb-social-select {
    padding-bottom: 1.875em;
  }
  .faq #breadcrumb-social-select {
    padding-bottom: 1.25em;
  }
}
@media only screen and (max-width: 739px) {
  #breadcrumb-social-select .page {
    padding: 0;
  }
}

@media only screen and (max-width: 739px) {
  #breadcrumb {
    display: none;
  }
}

@media only screen and (max-width: 739px) {
  #social {
    display: none;
  }
}

@media only screen and (max-width: 739px) {
  .js #select {
    position: relative;
    right: 0;
    top: 5px;
  }
}
@media only screen and (max-width: 499px) {
  .js #select {
    float: none;
  }
}
@media only screen and (max-width: 499px) {
  #select .ssmenu {
    border: 0;
  }
}
@media only screen and (max-width: 739px) {
  #select p {
    margin-top: 0;
  }
}
@media only screen and (max-width: 499px) {
  #select p .button {
    border: 0;
  }
}
@media only screen and (max-width: 499px) {
  #select p button {
    width: 100%;
  }
}
@media only screen and (min-width: 740px) {
  #menu-alt {
    display: none !important;
  }
}
@media only screen and (max-width: 1023px) {
  .page,
  #grid {
    width: 700px;
    margin: 0 auto;
    padding: 0 20px;
    *zoom: 1;
  }
  .page:after,
  #grid:after {
    content: "";
    display: table;
    clear: both;
  }
}
@media only screen and (max-width: 739px) {
  .page,
  #grid {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }
  .page .vert-container,
  #grid .vert-container {
    left: 10px;
    right: 10px;
  }
}

@media only screen and (max-width: 739px) {
  #grid .vert.first-child {
    width: 100%;
  }
}

@media only screen and (max-width: 739px) {
  html.pop {
    overflow: hidden;
  }
}
@media only screen and (max-width: 739px) {
  html.pop body {
    overflow: hidden;
  }
}

@media only screen and (max-width: 739px) {
  #page.annuaire #colcenter {
    position: static;
  }
}

@media only screen and (max-width: 1570px) {
  .corner .after {
    display: none;
  }
  .corner.triangle .after {
    display: block;
  }
}
@media only screen and (max-width: 739px) {
  .corner .after.triangle {
    display: none;
  }
}
@media only screen and (max-width: 1570px) {
  .idex-index .corner .after {
    display: block;
  }
}
@media only screen and (max-width: 739px) {
  .idex-index .corner .after {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  .corner.triangle .after {
    display: none;
  }
}

@media only screen and (max-width: 739px) {
  .col1.triangle {
    background-image: none;
  }
}
@media only screen and (max-width: 1023px) {
  .col1 #colcenter {
    padding-right: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .col1 #intro .page {
    padding-right: 20px;
    width: 700px;
  }
}
@media only screen and (max-width: 739px) {
  .col1 #intro .page {
    width: auto;
  }
}

@media only screen and (max-width: 1023px) {
  .col2right #intro .page {
    width: 700px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 739px) {
  .col2right #intro .page {
    padding-left: 10px;
    padding-right: 10px;
    width: auto;
  }
}
@media only screen and (max-width: 1023px) {
  .col2right #colcenter.alt {
    float: none;
    width: auto;
    display: block;
    margin-right: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .col2right #colcenter {
    float: none;
    width: auto;
    display: block;
    margin-right: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .formation .col2right #colright {
    padding-top: 0 !important;
    margin-top: -1.875em;
  }
}
@media only screen and (max-width: 1023px) {
  .col2right #colright {
    float: none;
    width: auto;
    display: block;
    margin-right: 0;
    top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    min-height: 0 !important;
  }
}
@media only screen and (max-width: 739px) {
  .col2right #colright {
    margin-right: -10px !important;
    margin-left: -10px !important;
  }
}
@media only screen and (max-width: 739px) {
  .col2right.bleu:after {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  .col2right.triangle {
    background-image: none;
  }
}
@media only screen and (max-width: 739px) {
  .col2right.triangle #colcenter {
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
  }
}
@media only screen and (max-width: 1023px) {
  .col2right.triangle #colcenter {
    width: auto;
    display: block;
    float: none;
    margin: 0;
    padding: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .col2right.triangle #colright {
    float: none;
    width: auto;
    display: block;
    margin-right: 0;
    top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    min-height: 0 !important;
  }
}
@media only screen and (max-width: 1023px) {
  .col2right.triangle-alt {
    background-image: none;
  }
}

@media only screen and (max-width: 739px) {
  .col2left #colleft {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  .col2left #intro .page {
    width: 520px;
    padding-left: 200px;
  }
}
@media only screen and (max-width: 739px) {
  .col2left #intro .page {
    padding-left: 10px;
    padding-right: 10px;
    width: auto;
  }
}
@media only screen and (max-width: 1023px) {
  .col2left #colcenter {
    float: none;
    width: auto;
    display: block;
    margin-right: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .col2left #colcenter #blocs3 {
    margin-right: 0;
  }
}

@media only screen and (max-width: 739px) {
  .col3 #colleft {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  .col3 #colcenter-colright {
    float: none;
    width: auto;
    margin-right: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .col3 #colcenter {
    float: none;
    width: auto;
    display: block;
    margin-right: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .col3 #colright {
    float: none;
    width: auto;
    display: block;
    margin-right: 0;
    top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    min-height: 0 !important;
  }
}
@media only screen and (max-width: 739px) {
  .col3 #colright {
    margin-right: -10px !important;
    margin-left: -10px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .col3 #intro .page {
    padding-left: 200px;
    padding-right: 0;
  }
}
@media only screen and (max-width: 739px) {
  .col3 #intro .page {
    padding-left: 10px;
    padding-right: 10px;
    width: auto;
  }
}

@media only screen and (max-width: 739px) {
  .rubrique .cms h1 {
    background-image: none;
    padding-top: 0.64516129em;
    margin-bottom: 1.290322581em;
  }
  .tiers .rubrique .cms h1 {
    background-image: none;
  }
}

@media only screen and (max-width: 1023px) {
  #carrousel-quote .inside {
    width: auto;
    padding: 0 10px;
  }
  #carrousel-quote .inside .page {
    width: auto;
    padding: 0;
  }
}

@media only screen and (max-width: 1023px) {
  .xs {
    display: none !important;
  }
}
@media only screen and (max-width: 739px) {
  .xs {
    display: block !important;
  }
}

@media only screen and (max-width: 1023px) {
  .m {
    display: none !important;
  }
}
@media only screen and (max-width: 739px) {
  .m {
    display: none !important;
  }
}

@media only screen and (max-width: 1023px) {
  .s {
    display: block !important;
  }
}
@media only screen and (max-width: 739px) {
  .s {
    display: none !important;
  }
}

@media only screen and (max-width: 1023px) {
  .s-xs {
    display: block !important;
  }
}
@media only screen and (max-width: 739px) {
  .s-xs {
    display: block !important;
  }
}

@media only screen and (max-width: 1023px) {
  .m-s {
    display: block !important;
  }
}
@media only screen and (max-width: 739px) {
  .m-s {
    display: none !important;
  }
}

@media only screen and (max-width: 1023px) {
  .m-xs {
    display: none !important;
  }
}
@media only screen and (max-width: 739px) {
  .m-xs {
    display: block !important;
  }
}

@media only screen and (max-width: 499px) {
  .cols2 {
    margin-left: 0;
    margin-right: 0;
  }
  .cols2 .col {
    width: auto;
    float: none;
    padding: 0;
  }
}

@media only screen and (max-width: 739px) {
  .tiers #header .h1 {
    width: auto;
    height: auto;
  }
  .tiers #header .h1 img,
  .tiers #header .h1 svg {
    width: auto;
    height: auto;
    max-width: 55%;
    margin: auto;
  }
}
@media only screen and (max-width: 499px) {
  .tiers #header .h1 img,
  .tiers #header .h1 svg {
    max-width: 75%;
  }
}
@media only screen and (max-width: 1023px) {
  #header .table #search {
    position: relative;
  }
  #header .table #acces-search {
    padding-right: 10px;
  }
  #header .table .h1 a {
    width: 230px;
  }
  #header .table .h1 img {
    height: 75px;
  }
}
@media only screen and (max-width: 739px) {
  #header .table #acces-search {
    display: none;
  }
  #header .table .h1 {
    width: auto;
  }
  #header .table .h1 a {
    width: 190px;
  }
  #header .table .h1 img {
    height: 60px;
  }
}
@media only screen and (max-width: 1023px) {
  #header .h1.portail .portail {
    font-size: 0.470588235em;
    line-height: 2.5em;
    margin-top: 3.4375em;
  }
}
@media only screen and (max-width: 739px) {
  #header .h1.portail .portail {
    font-size: 0.857142857em;
    line-height: 1.666666667em;
    margin-top: 0.833333333em;
    float: none;
    border: 0;
    margin: 0;
    padding: 0;
    text-align: center;
    display: block;
  }
}
@media only screen and (max-width: 1023px) {
  #header .h1.portail {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 460px;
    margin-right: 0 !important;
  }
  #header .h1.portail img,
  #header .h1.portail svg {
    width: 280px;
    height: 100px;
  }
}
@media only screen and (max-width: 739px) {
  #header .h1.portail {
    float: none;
    display: block;
    margin: 0 auto !important;
    height: auto;
    width: 280px;
  }
  #header .h1.portail img,
  #header .h1.portail svg {
    float: none;
  }
}
@media only screen and (max-width: 1023px) {
  #header .h1 {
    font-size: 2.125em;
    line-height: 1.176470588em;
    margin-bottom: 1.176470588em;
    margin-bottom: 0.588235294em;
    float: left;
    display: inline;
    margin-right: 20px;
    width: 280px;
    height: 2.941176471em;
    margin-top: 0.588235294em;
  }
  #header .h1 img,
  #header .h1 svg {
    height: 100px;
  }
}
@media only screen and (max-width: 739px) {
  #header .h1 {
    font-size: 1.75em;
    line-height: 1.071428571em;
    margin-bottom: 1.071428571em;
    margin: auto !important;
    float: none;
    display: block;
    width: 200px;
    height: 75px;
  }
  #header .h1 img,
  #header .h1 svg {
    height: 75px;
  }
}
@media only screen and (max-width: 739px) {
  #header {
    margin-top: 0;
  }
}
@media only screen and (max-width: 739px) {
  #tools {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  #tools .right {
    float: left;
    margin: 0;
  }
}
@media only screen and (max-width: 1023px) {
  #a11y {
    display: none;
  }
}

@media only screen and (max-width: 1023px) {
  #nav-bis.active {
    height: 0;
  }
}

@media only screen and (max-width: 1023px) {
  #nav .page {
    width: 700px;
  }
}
@media only screen and (max-width: 739px) {
  #nav .page {
    width: 100%;
    padding: 0;
  }
}
@media only screen and (max-width: 739px) {
  .tiers #nav li > div {
    position: static;
  }
}
@media only screen and (max-width: 739px) {
  .js #nav .ssmenu {
    left: 0;
    right: 0;
  }
}
@media only screen and (max-width: 739px) {
  .js .tiers #nav .ssmenu {
    border-top: 0;
  }
  .js .tiers #nav .ssmenu .inside-nav,
  .js .tiers #nav .ssmenu .inside-alt {
    margin-top: 0;
  }
}
@media only screen and (max-width: 739px) {
  .js #nav ul li {
    display: none;
  }
}
@media only screen and (max-width: 739px) {
  #nav ul li.xs {
    display: table-cell !important;
  }
}
@media only screen and (max-width: 1023px) {
  #nav ul ul {
    width: 199px;
    padding-bottom: 0.625em;
  }
}
@media only screen and (max-width: 1023px) {
  #nav ul ul:nth-child(1) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 1023px) {
  #nav .button {
    font-size: 0.9375em;
    line-height: 1.333333333em;
  }
}
@media only screen and (max-width: 1023px) {
  #nav .button span .br-alt {
    display: block;
  }
}
@media only screen and (max-width: 1023px) {
  #nav button,
  #nav a {
    font-size: 1em;
    line-height: 1.333333333em;
    height: 3.333333333em;
  }
}
@media only screen and (max-width: 739px) {
  #nav button,
  #nav a {
    display: block;
    height: 2.4em;
  }
}
@media only screen and (max-width: 1023px) {
  #nav.active {
    position: relative;
  }
}
@media only screen and (max-width: 1023px) {
  #nav.active .toggle {
    display: none !important;
    width: auto;
  }
}
@media only screen and (max-width: 739px) {
  #nav.active .xs {
    display: table-cell !important;
  }
}
@media only screen and (max-width: 1023px) {
  #acces-search {
    margin-top: 4.6875em;
    margin-bottom: 1.5625em;
    padding-right: 40px;
  }
  #acces-search #search {
    position: absolute;
    right: 0;
  }
}
@media only screen and (max-width: 739px) {
  #acces-search {
    display: none;
  }
}

@media only screen and (max-width: 1023px) {
  #acces {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 340px;
  }
  .portail #acces {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 170px;
  }
}
@media only screen and (max-width: 1023px) {
  #search form p {
    width: 180px;
  }
  .ios #search form p {
    width: 185px;
  }
}
@media only screen and (max-width: 1023px) {
  #search form input {
    width: 135px;
  }
  .ios #search form input {
    width: 140px;
  }
}
@media only screen and (max-width: 1023px) {
  #networks {
    display: none;
  }
}
@media only screen and (max-width: 739px) {
  #nav .inside-alt {
    border: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .ssmenu .deco {
    display: none;
  }
}
@media only screen and (max-width: 739px) {
  #content .meta {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 739px) {
  #content #meta {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media only screen and (max-width: 1023px) {
  .bloc .center {
    margin-left: 0 !important;
  }
}

@media only screen and (max-width: 1023px) {
  .idex-index #blocs3 .cols {
    float: none;
  }
}
@media only screen and (max-width: 1023px) {
  .idex-index #blocs3 .col {
    width: 50%;
    margin: 0;
    clear: none;
    margin-bottom: 1.25em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 10px solid #f7f7f7;
    border-right: 10px solid #f7f7f7;
  }
}
@media only screen and (max-width: 1023px) {
  .idex-index #blocs3 h2.col {
    margin-bottom: 0.740740741em;
  }
}
@media only screen and (max-width: 1023px) {
  .idex-index #blocs3 {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media only screen and (max-width: 739px) {
  .idex-index #blocs3 {
    margin: 0;
  }
  .idex-index #blocs3 .col {
    padding-right: 0;
  }
}
@media only screen and (max-width: 499px) {
  .idex-index #blocs3 .col {
    float: none;
    width: auto;
    border: 0;
  }
  .idex-index #blocs3 .col a {
    width: auto;
  }
  .idex-index #blocs3 .cols {
    margin: 0;
  }
  .idex-index #blocs3 .actu p .title {
    margin-left: -10px;
    bottom: auto;
  }
}
@media only screen and (max-width: 1023px) {
  #blocs3 h2 {
    font-size: 1.5em;
    line-height: 1.25em;
    margin-bottom: 1.25em;
    margin-bottom: 0.833333333em;
  }
}
@media only screen and (max-width: 1023px) {
  #blocs3 .col {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 499px) {
  #blocs3 .col a {
    display: table;
    width: 100%;
  }
}
@media only screen and (max-width: 739px) {
  #blocs3 .cols {
    margin-left: -5px;
    margin-right: -5px;
    *zoom: 1;
  }
  #blocs3 .cols:after {
    content: "";
    display: table;
    clear: both;
  }
  #blocs3 .col {
    margin-right: 0;
    display: block;
    width: 33.33333%;
    padding-left: 5px;
    padding-right: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #blocs3 .col img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 499px) {
  #blocs3 .cols {
    margin-left: -10px;
    margin-right: -10px;
  }
  #blocs3 .col {
    width: auto;
    height: auto !important;
    margin-bottom: 1.25em;
    border: 0;
  }
  #blocs3 .col .img {
    display: table-cell;
    width: 40%;
  }
  #blocs3 .col .txt {
    display: table-cell;
    width: 60%;
    vertical-align: middle;
    height: auto !important;
  }
}
@media only screen and (max-width: 1023px) {
  #blocs3 .diplome ul:first-child {
    padding-top: 1.538461538em;
  }
}
@media only screen and (max-width: 739px) {
  #blocs3 .diplome ul {
    font-size: 0.875em;
    line-height: 1.428571429em;
    bottom: 1.42857em;
  }
}
@media only screen and (max-width: 1023px) {
  #blocs3 .diplome .title {
    position: relative;
    top: -1px;
    background-color: #009ee0;
  }
}
@media only screen and (max-width: 1023px) {
  #blocs3 .diplome .title span {
    height: 4.375em;
  }
}
@media only screen and (max-width: 1023px) {
  #blocs3 .diplome p:first-child {
    padding-top: 1.428571429em;
  }
}
@media only screen and (max-width: 739px) {
  #blocs3 .diplome p {
    font-size: 0.9375em;
    line-height: 1.333333333em;
    margin-bottom: 1.333333333em;
  }
  #blocs3 .diplome p:first-child {
    padding-top: 2.666666667em;
  }
  #blocs3 .diplome p.last-child {
    padding-bottom: 1.333333333em;
  }
}
@media only screen and (max-width: 739px) and (max-width: 1023px) {
  #blocs3 .diplome p:first-child {
    padding-top: 1.333333333em;
  }
}
@media only screen and (max-width: 739px) {
  #blocs3 .diplome {
    width: 50%;
  }
  #blocs3 .diplome:nth-child(3n+1) {
    clear: none;
  }
  #blocs3 .diplome:nth-child(2n+1) {
    clear: both;
  }
  #blocs3 .diplome .img,
  #blocs3 .diplome .txt {
    display: block;
    width: auto;
  }
}
@media only screen and (max-width: 499px) {
  #blocs3 .diplome {
    width: auto;
    float: none;
    padding: 0;
    margin-bottom: 0;
  }
  #blocs3 .diplome .action {
    display: none !important;
  }
  #blocs3 .diplome .txt div {
    height: auto !important;
    min-height: 0 !important;
  }
  #blocs3 .diplome .txt div li {
    float: left;
    width: 50%;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #blocs3 .diplome .txt div ul {
    *zoom: 1;
    padding-left: 10px;
    padding-right: 10px;
  }
  #blocs3 .diplome .txt div ul:after {
    content: "";
    display: table;
    clear: both;
  }
}
@media only screen and (max-width: 499px) {
  #blocs3 .actu {
    padding: 0;
  }
}
@media only screen and (max-width: 739px) {
  #blocs3 .actu p {
    position: relative;
  }
  #blocs3 .actu p .title {
    top: -0.645161em;
  }
}
@media only screen and (max-width: 499px) {
  #blocs3 .actu p {
    position: static;
    font-size: 1.125em;
    line-height: 1.111111111em;
    margin-bottom: 1.111111111em;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0.277777778em;
    padding-bottom: 1.388888889em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #blocs3 .actu p .title {
    font-size: 1.166666667em;
    line-height: 0.952380952em;
    position: absolute;
    left: 40%;
    top: auto;
    bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    max-width: none;
    margin-left: -35px;
  }
  #blocs3 .actu p .title span.small {
    font-size: 0.666666667em;
    line-height: 1.428571429em;
    bottom: 3px;
  }
}
@media only screen and (max-width: 1023px) {
  #actualites #blocs3 .col p {
    position: static;
  }
  #actualites #blocs3 .col:nth-child(1) {
    float: left;
    width: 415px;
  }
  #actualites #blocs3 .col:nth-child(1) a {
    display: table;
  }
  #actualites #blocs3 .col:nth-child(1) .img {
    width: 220px;
  }
  #actualites #blocs3 .col:nth-child(1) .txt,
  #actualites #blocs3 .col:nth-child(1) .img {
    display: table-cell;
    vertical-align: top;
    height: auto;
  }
  #actualites #blocs3 .col:nth-child(2) {
    direction: rtl;
  }
  #actualites #blocs3 .col:nth-child(2) .txt,
  #actualites #blocs3 .col:nth-child(2) .img {
    direction: ltr;
    vertical-align: top;
  }
  #actualites #blocs3 .col:nth-child(3) {
    direction: ltr;
  }
  #actualites #blocs3 .col:nth-child(n) .title {
    left: 50%;
    right: auto;
    top: auto;
    bottom: 0;
    width: 3.5em;
    text-align: center;
    margin-left: -1.75em;
  }
}
@media only screen and (max-width: 739px) {
  #actualites #blocs3 .col:nth-child(n) {
    float: none;
    display: block;
    margin-right: 0;
    width: auto;
    margin-bottom: 0;
    margin-top: 0.625em;
  }
  #actualites #blocs3 .col:nth-child(n) .title {
    left: 205px;
    margin-left: 0;
    width: auto;
  }
  #actualites #blocs3 .col:nth-child(2n) .title {
    left: auto;
    right: 205px;
  }
}
@media only screen and (max-width: 499px) {
  #actualites #blocs3 .col:nth-child(n) .title {
    left: 40%;
    margin-left: -20px;
  }
  #actualites #blocs3 .col:nth-child(2n) .title {
    left: auto;
    right: 40%;
    margin-left: 0;
    margin-right: -20px;
  }
}
@media only screen and (max-width: 1023px) {
  .portail #blocs3 {
    width: 415px;
  }
}
@media only screen and (max-width: 739px) {
  .portail #blocs3 {
    width: auto;
    float: none;
    display: block;
    margin-right: 0;
    margin-top: 0.9375em;
  }
}
@media only screen and (max-width: 499px) {
  .portail #blocs3 {
    margin-top: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .portail #blocs3 .col {
    width: 200px;
    margin-right: 10px;
  }
  .portail #blocs3 .col:nth-child(2) {
    margin-right: 0;
  }
  .portail #blocs3 .col:first-child {
    width: 200px;
  }
  .portail #blocs3 .col:first-child img {
    max-width: none;
    width: auto;
    height: 190px;
    margin-left: -50px;
  }
  .portail #blocs3 .col:first-child .img {
    overflow: hidden;
  }
}
@media only screen and (max-width: 739px) {
  .portail #blocs3 .col {
    width: 50%;
    margin-right: 0;
  }
  .portail #blocs3 .col:first-child {
    width: 100%;
  }
  .portail #blocs3 .col:first-child a {
    display: table;
    width: 100%;
  }
  .portail #blocs3 .col:first-child .txt,
  .portail #blocs3 .col:first-child .img {
    display: table-cell;
    vertical-align: top;
  }
  .portail #blocs3 .col:first-child .img,
  .portail #blocs3 .col:first-child .txt {
    width: 50%;
  }
  .portail #blocs3 .col:first-child img {
    margin: 0;
    max-width: 100%;
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 499px) {
  .portail #blocs3 .col {
    width: auto;
    float: none;
    display: block;
  }
  .portail #blocs3 .col p {
    height: auto;
  }
  .portail #blocs3 .col:first-child a {
    display: block;
    width: auto;
  }
  .portail #blocs3 .col:first-child .txt,
  .portail #blocs3 .col:first-child .img {
    display: block;
  }
  .portail #blocs3 .col:first-child .img,
  .portail #blocs3 .col:first-child .txt {
    width: auto;
  }
}
@media only screen and (max-width: 499px) {
  .portail #blocs3 .actu p .title {
    left: 30px;
  }
}
@media only screen and (max-width: 1023px) {
  .portail #blocs3 .actu:first-child p {
    font-size: 1.5em;
    line-height: 1.041666667em;
    padding-top: 1.25em;
    padding-bottom: 0.416666667em;
    height: 6.25em;
  }
}
@media only screen and (max-width: 739px) {
  .portail #blocs3 .actu:first-child p {
    padding-top: 0.833333333em;
    padding-bottom: 0.833333333em;
    height: 4.583333333em;
    position: static;
  }
  .portail #blocs3 .actu:first-child p .title {
    top: auto;
    bottom: 0;
    width: auto;
    margin-left: -20px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 499px) {
  .portail #blocs3 .actu:first-child p {
    position: relative;
  }
  .portail #blocs3 .actu:first-child p .title {
    top: -15px;
    bottom: auto;
    left: 0;
    margin-left: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media only screen and (max-width: 499px) {
  #resume li {
    margin-right: 10px;
    position: static;
  }
}
@media only screen and (max-width: 499px) {
  .js #resume ul {
    width: auto;
    right: 0;
  }
}
@media only screen and (max-width: 739px) {
  .art {
    padding-top: 0;
    margin-bottom: 2.5em;
  }
}
@media only screen and (max-width: 739px) {
  .art a {
    display: block;
    width: auto;
  }
}
@media only screen and (max-width: 739px) {
  .art img {
    margin: 0;
    max-width: none;
    width: 100%;
    margin-bottom: 0.625em;
  }
}
@media only screen and (max-width: 739px) {
  .art .txt {
    display: block;
    padding: 0;
  }
  .art .txt .title {
    left: 0;
    right: auto;
  }
}
@media only screen and (max-width: 739px) {
  .art .img + .txt {
    padding-left: 0;
  }
}
@media only screen and (max-width: 739px) {
  .art .img + .txt:after {
    left: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .art .img + .txt .title {
    right: 460px;
  }
}
@media only screen and (max-width: 739px) {
  .art .img + .txt .title {
    left: 0;
    right: auto;
  }
}
@media only screen and (max-width: 739px) {
  .art .img + .txt .txt-inside {
    height: auto;
    overflow: visible;
  }
}
@media only screen and (max-width: 739px) {
  .art .img {
    display: block;
  }
}
@media only screen and (max-width: 739px) {
  .art:nth-child(2n) a {
    direction: ltr;
  }
}
@media only screen and (max-width: 739px) {
  .art:nth-child(2n) .txt {
    padding: 0;
  }
}
@media only screen and (max-width: 739px) {
  .art:nth-child(2n) .img + .txt {
    padding-right: 0;
  }
}
@media only screen and (max-width: 739px) {
  .art:nth-child(2n) .img + .txt:after {
    right: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .art:nth-child(2n) .img + .txt .title {
    left: 460px;
  }
}
@media only screen and (max-width: 739px) {
  .art:nth-child(2n) .img + .txt .title {
    left: 0;
    right: auto;
  }
}
@media only screen and (max-width: 1023px) {
  .col1 .art {
    margin-right: 0;
  }
  .col1 .art .img + .txt .title {
    right: 460px;
  }
  .col1 .art:nth-child(2n) .img + .txt .title {
    right: auto;
    left: 460px;
  }
}
@media only screen and (max-width: 739px) {
  .col1 .art .img + .txt {
    padding-left: 0;
  }
  .col1 .art .img + .txt .title {
    left: 0;
    right: auto;
  }
  .col1 .art:nth-child(2n) .img + .txt {
    padding-right: 0;
  }
  .col1 .art:nth-child(2n) .img + .txt .title {
    left: 0;
    right: auto;
  }
}

@media only screen and (max-width: 739px) {
  #pagination {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 499px) {
  #filtre .filtre {
    margin-left: 0;
    clear: left;
    margin-bottom: 1.25em;
    float: none;
  }
  #filtre .filtre p select {
    width: 100%;
  }
  .sa #filtre .filtre p select, .ch #filtre .filtre p select {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 739px) {
  #filtre .filtre p {
    margin-top: 0;
    font-size: 1.25em;
    line-height: 2em;
    margin-bottom: 2em;
    margin-bottom: 0;
    margin-top: 0 !important;
  }
}
@media only screen and (max-width: 739px) {
  #moments {
    margin-bottom: -1.875em;
  }
}
@media only screen and (max-width: 1023px) {
  #moments:before {
    height: 0;
    width: 0;
    border-top: 60px solid #009ee0;
    border-right: 60px solid transparent;
  }
}
@media only screen and (max-width: 739px) {
  #moments:before {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  #moments .cols {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media only screen and (max-width: 739px) {
  #moments .cols {
    margin-right: -5px;
    margin-left: -5px;
  }
}
@media only screen and (max-width: 1023px) {
  #moments .col {
    width: 33.33333%;
    margin-right: 0;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 1.25em;
  }
}
@media only screen and (max-width: 739px) {
  #moments .col {
    padding-right: 5px;
    padding-left: 5px;
  }
}
@media only screen and (max-width: 499px) {
  #moments .col {
    display: block;
    float: none;
    padding: 0;
    width: auto;
  }
  #moments .col .txt,
  #moments .col .img {
    width: auto;
    display: block;
    height: auto !important;
  }
}
@media only screen and (max-width: 1023px) {
  #after-diago {
    margin-top: 0;
  }
}

@media only screen and (max-width: 1023px) {
  .idex-index #tabs a {
    width: 115px;
  }
}
@media only screen and (max-width: 1023px) {
  .idex-index #tabs {
    width: 680px;
  }
}
@media only screen and (max-width: 739px) {
  .idex-index #tabs {
    width: auto;
  }
  .idex-index #tabs a {
    font-size: 1em;
    line-height: 1.538461538em;
    width: auto;
    height: auto;
    margin: 0;
    border: 0;
    padding: 0;
    display: block;
    background-color: transparent;
    position: static;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  .idex-index #tabs a.active {
    background-color: transparent;
    border: 0;
  }
  .idex-index #tabs a.active:after {
    display: none;
  }
  .idex-index #tabs svg {
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
  }
  .idex-index #tabs li {
    background-image: none;
    padding-left: 20px;
    position: relative;
  }
  .idex-index #tabs li:last-child {
    position: relative;
  }
}
@media only screen and (max-width: 739px) {
  #tabs {
    display: block;
    width: auto;
    text-align: left;
    margin-bottom: 2.5em;
  }
  #tabs ul {
    background-color: #fff;
    -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    padding: 0;
    list-style-type: none;
    display: block;
  }
  #tabs li {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #e0dfde;
    margin-top: -1px;
    position: relative;
    top: 1px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 0.8125em;
    line-height: 1.538461538em;
    padding-top: 0.384615385em;
    padding-bottom: 0.384615385em;
    background-image: url(/bundles/nubcore/images/bg/item.svg);
    background-repeat: no-repeat;
    background-position: 0 0.384615em;
  }
  #tabs li:last-child {
    border-bottom: 0;
    margin-top: 0;
    position: static;
    top: auto;
  }
  #tabs a {
    font-size: 1em;
    line-height: 1.538461538em;
    display: block;
    text-decoration: none;
    text-transform: none;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    color: #443a31;
    border: 0;
    margin-top: 0;
    position: static;
    cursor: pointer;
  }
  #tabs a:hover, #tabs a:focus {
    text-decoration: underline;
  }
  #tabs a:after {
    display: none;
  }
  #tabs a.active {
    cursor: pointer;
  }
}

@media only screen and (max-width: 1023px) {
  .idex-index .tab {
    width: 660px;
  }
}
@media only screen and (max-width: 739px) {
  .js .idex-index .tab {
    display: table;
    margin: 0;
  }
}
@media only screen and (max-width: 739px) {
  .idex-index .tab {
    display: block;
    padding-top: 1.25em;
    width: auto;
  }
  .idex-index .tab .img,
  .idex-index .tab .txt {
    display: block;
    width: auto;
  }
  .idex-index .tab .img {
    padding-right: 0;
  }
  .idex-index .tab .img img {
    max-width: none;
  }
  .idex-index .tab:first-child {
    border: 0;
    padding: 0;
  }
}
@media only screen and (max-width: 739px) {
  .js .tab.noTab {
    border: none;
  }
}
@media only screen and (max-width: 739px) {
  .js .tab {
    display: block;
    margin: 0;
  }
}
@media only screen and (max-width: 739px) {
  .tab {
    background-color: transparent;
    padding: 0;
    border: 0;
    margin: 0;
    position: static;
  }
  .tab .h2 {
    font-size: 1.3125em;
    line-height: 0.952380952em;
    margin-bottom: 0.952380952em;
    padding-top: 0.952380952em;
  }
  .tab .h2:after {
    display: none;
  }
  .tab .h3 {
    font-size: 1.125em;
    line-height: 1.111111111em;
    margin-bottom: 1.111111111em;
    padding-top: 1.111111111em;
    color: #6c6764;
  }
}

@media only screen and (max-width: 499px) {
  .filets .col {
    border: 0;
    padding: 0;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #009ee0;
    margin-top: -1px;
    padding-top: 1.25em;
  }
  .filets .col:first-child {
    border: 0;
    padding: 0;
    margin-top: 0;
    position: static;
    top: auto;
  }
}

@media only screen and (max-width: 739px) {
  .bloc {
    border: 0;
    margin-top: 0;
    margin-left: 0;
    position: static;
    top: auto;
    left: auto;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #009ee0;
    margin-top: -1px;
  }
  .bloc:last-child {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #009ee0;
    margin-top: -1px;
    position: relative;
    top: 1px;
    margin-top: -2px;
  }
}
@media only screen and (max-width: 1023px) {
  .bloc .col {
    float: left;
    width: 33%;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .bloc .col:last-child {
    padding-right: 0;
  }
  .bloc .col2 {
    float: left;
    width: 66%;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .bloc .col2:last-child {
    padding-right: 0;
  }
}
@media only screen and (max-width: 739px) {
  .bloc .col,
  .bloc .col2 {
    float: none;
    width: auto;
    padding-right: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
  }
}
@media only screen and (max-width: 739px) {
  .bloc p,
  .bloc ul {
    font-size: 0.875em;
    line-height: 1.428571429em;
    margin-bottom: 1.428571429em;
  }
}
@media only screen and (max-width: 1023px) {
  #contact :last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 739px) {
  #contact :last-child {
    margin-bottom: 1.538461538em;
  }
}
@media only screen and (max-width: 1023px) {
  .titles {
    margin-bottom: 1.25em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 739px) {
  .titles h2 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 1023px) {
  .titles h2 button {
    cursor: pointer;
    background-color: #e8e8e8;
    font-size: 0.857142857em;
    line-height: 2.222222222em;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    padding-left: 10px;
    padding-right: 40px;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-image: url(/bundles/nubcore/images/bg/list-ter.svg);
    display: block;
    width: 100%;
  }
  .titles h2 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off.svg);
  }
}
@media only screen and (max-width: 739px) {
  .titles h2.change {
    display: table-cell;
    padding-right: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .titles h2 span {
    display: none;
  }
}

@media only screen and (max-width: 1023px) {
  #filtres {
    background-color: #e8e8e8;
    padding: 0 10px;
    border-top: 3px solid #bfbfbf;
    border-bottom: 3px solid #bfbfbf;
    margin-bottom: 1.875em;
  }
  .js #filtres {
    display: none;
  }
}
@media only screen and (max-width: 739px) {
  #filtres {
    margin-right: -10px;
  }
}
@media only screen and (max-width: 1023px) {
  #filtres .reset {
    margin-bottom: 0.714285714em;
    margin-top: 0.714285714em;
  }
}
@media only screen and (max-width: 1023px) {
  #filtres .filtres {
    margin-bottom: 0.625em;
  }
}
@media only screen and (max-width: 739px) {
  #colright .cta {
    margin-left: 10px;
    margin-right: 10px;
  }
  #colright .bloc .cta {
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (max-width: 739px) {
  #footer .page {
    padding: 0;
  }
}
@media only screen and (max-width: 739px) {
  .tiers #footer #partenaires h2 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .tiers #footer #partenaires ul,
  .tiers #footer #partenaires li {
    display: block;
  }
  .tiers #footer #partenaires ul {
    *zoom: 1;
  }
  .tiers #footer #partenaires ul:after {
    content: "";
    display: table;
    clear: both;
  }
  .tiers #footer #partenaires li {
    float: left;
    width: 33.333%;
  }
  .tiers #footer #partenaires li:nth-child(3n + 1) {
    clear: left;
  }
  .tiers #footer #partenaires img {
    max-width: 90%;
  }
}
@media only screen and (max-width: 499px) {
  .tiers #footer #partenaires li {
    width: 50%;
  }
  .tiers #footer #partenaires li:nth-child(3n + 1) {
    clear: none;
  }
  .tiers #footer #partenaires li:nth-child(2n + 1) {
    clear: left;
  }
}
@media only screen and (max-width: 1023px) {
  .tiers #footer #logos {
    width: 460px;
  }
  .tiers #footer #logos img {
    width: 50%;
    margin-top: 1.875em;
  }
  .tiers #footer #logos span:before {
    border-right-width: 2px;
    top: -20px;
    height: 70px;
  }
  .tiers #footer #logos span img {
    margin-left: 30px;
    width: 40%;
  }
}
@media only screen and (max-width: 1023px) {
  .idex #footer .col {
    width: 300px;
  }
  .idex #footer .col:first-child li {
    padding-bottom: 0;
  }
  .idex #footer .col:first-child li span {
    display: block;
  }
  .idex #footer .col:first-child li ul {
    display: block;
    text-align: center;
    margin-top: 0.625em;
  }
}
@media only screen and (max-width: 1023px) {
  .idex #footer #partenaires .col {
    display: block;
    float: none;
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
  }
  .idex #footer #partenaires .col:after {
    display: none;
  }
  .idex #footer #partenaires .col:last-child h2, .idex #footer #partenaires .col:last-child h2 + div {
    float: left;
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .idex #footer #partenaires .col:last-child h2 h2, .idex #footer #partenaires .col:last-child h2 + div h2 {
    float: none;
    width: auto;
    padding: 0;
  }
  .idex #footer #partenaires .col:last-child h2 img {
    margin: auto;
  }
  .idex #footer #partenaires .col:last-child .list {
    margin-left: -10px;
    margin-right: -10px;
    padding-top: 0;
  }
  .idex #footer #partenaires .col:last-child .list li {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .idex #footer #partenaires .col:last-child .list li a {
    width: auto;
  }
}
@media only screen and (max-width: 739px) {
  .idex #footer #partenaires .col:last-child h2, .idex #footer #partenaires .col:last-child h2 + div {
    float: none;
    width: auto;
    padding: 0;
  }
}
@media only screen and (max-width: 499px) {
  .idex #footer #partenaires .col:last-child h2 img {
    width: 100%;
  }
}
@media only screen and (max-width: 739px) {
  #footer .col {
    display: none;
  }
}
@media only screen and (max-width: 739px) {
  #footer #profile {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  #footer #address {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 220px;
  }
}
@media only screen and (max-width: 739px) {
  #footer #address {
    height: auto !important;
    float: none;
    width: auto;
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0;
  }
  #footer #address ul {
    *zoom: 1;
    display: block;
  }
  #footer #address ul:after {
    content: "";
    display: table;
    clear: both;
  }
  #footer #address li {
    width: 50%;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 0.625em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #footer #address li:last-child {
    width: 100%;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1023px) {
  #footer #address ul {
    float: right;
    margin-right: 20px !important;
    margin-top: 1.25em;
  }
}
@media only screen and (max-width: 739px) {
  #footer #address ul {
    clear: both;
    margin-right: 0 !important;
    float: none;
    width: auto;
  }
}
@media only screen and (max-width: 499px) {
  #follow {
    padding-top: 1.25em;
    padding-bottom: 1.25em;
  }
}
@media only screen and (max-width: 1023px) {
  .portail #follow:before {
    margin-left: 0;
  }
}
@media only screen and (max-width: 499px) {
  .portail #follow:before {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  #follow .page div div {
    text-align: left;
    padding-left: 90px;
  }
  #follow .page div div div {
    padding-left: 0;
  }
}
@media only screen and (max-width: 739px) {
  #follow .page div {
    height: 5em;
  }
  #follow .page div div {
    text-align: center;
    padding-left: 0;
  }
}
@media only screen and (max-width: 499px) {
  .js #follow .page div {
    height: auto;
  }
  #follow .page div div {
    display: block;
    width: auto;
    margin-left: 0;
  }
}
@media only screen and (max-width: 739px) {
  #follow p {
    font-size: 1.5em;
    line-height: 1.666666667em;
    margin-right: 10px;
  }
}
@media only screen and (max-width: 499px) {
  #follow p {
    display: block;
    margin-right: 0;
  }
}
@media only screen and (max-width: 1023px) {
  #follow li {
    width: 55px;
  }
}
@media only screen and (max-width: 739px) {
  #follow li {
    width: 75px;
  }
}
@media only screen and (max-width: 1023px) {
  #campus p {
    margin: 0;
    display: block;
  }
}
@media only screen and (max-width: 1023px) {
  #campus div.menu {
    margin-bottom: 0.625em;
  }
  #campus div.menu ul {
    height: auto;
  }
}
@media only screen and (max-width: 499px) {
  #campus {
    margin-top: 1.25em;
  }
}
@media only screen and (max-width: 739px) {
  #last {
    font-size: 0.75em;
    line-height: 1.666666667em;
    padding-top: 2.5em;
    padding-bottom: 2.5em;
  }
  #last li {
    padding: 0 0 0 20px;
    background-position: 0 50%;
  }
  #last li:first-child {
    padding-left: 0;
    background-image: none;
  }
}
@media only screen and (max-width: 739px) {
  #last ul {
    display: block;
  }
}
@media only screen and (max-width: 1023px) {
  #contactform {
    float: none;
    display: block;
    width: auto;
    margin: 0;
  }
}

@media only screen and (max-width: 1023px) {
  #contactmap {
    float: none;
    display: block;
    width: auto;
    padding: 0;
  }
}
@media only screen and (max-width: 499px) {
  #contactmap ul {
    float: none;
  }
  #contactmap ul a {
    display: block;
  }
}
@media only screen and (max-width: 1023px) {
  #carrousel-quote .page:first-child p {
    padding-right: 0;
  }
}
@media only screen and (max-width: 739px) {
  #carrousel-quote .page:first-child p {
    padding-left: 0;
  }
}
@media only screen and (max-width: 1023px) {
  #carrousel-quote .page:first-child .hr {
    display: none;
  }
}

@media only screen and (max-width: 1023px) {
  #quote {
    min-height: 0;
  }
  #quote blockquote {
    padding-top: 0;
    margin-left: 100px;
  }
  #quote blockquote:before {
    left: -100px;
    top: -10px;
  }
}
@media only screen and (max-width: 739px) {
  #quote blockquote {
    margin-left: 0;
    margin-top: 5em;
    margin-bottom: 1.25em;
  }
  #quote blockquote:before {
    left: -10px;
    top: -60px;
  }
}

@media only screen and (max-width: 1023px) {
  #blue.col3 .col:last-child {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  #blue.col3 .page {
    width: 610px;
  }
}
@media only screen and (max-width: 739px) {
  #blue.col3 .page {
    width: auto;
  }
  #blue.col3 .col {
    display: block;
    width: auto;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 3.75em;
    float: none;
  }
  #blue.col3 .col:nth-child(2n) {
    margin-right: 10px;
  }
  #blue.col3 .col img {
    margin-top: 0.625em;
  }
  #blue.col3 .col h2 {
    height: auto !important;
  }
}
@media only screen and (max-width: 499px) {
  #blue.col4 .col {
    width: auto;
    float: none;
    display: block;
    margin: 0;
  }
  #blue.col4 .col img {
    margin: 0;
    width: 100%;
    margin-bottom: 0.625em;
    margin-top: 0.625em;
  }
  #blue.col4 .col h2 img {
    width: auto;
    margin: 0;
  }
  #blue.col4 .col:last-child {
    padding-left: 0;
    width: auto;
    float: none;
  }
  #blue.col4 .col:last-child #menu {
    margin-bottom: 1.25em;
  }
}
@media only screen and (max-width: 1023px) {
  #blue .page {
    width: 540px;
  }
  #blue .col {
    margin-right: 100px;
    margin-bottom: 1.25em;
  }
  #blue .col:nth-child(2n) {
    margin-right: 0;
  }
  #blue .col:nth-child(3) p {
    height: auto !important;
  }
  #blue .col:last-child {
    padding: 0;
    float: left;
    display: inline;
    margin-right: 20px;
    width: 220px;
  }
  #blue .col:last-child .equalize {
    height: auto !important;
  }
}
@media only screen and (max-width: 739px) {
  #blue .page {
    width: 480px;
  }
  #blue .col {
    margin-right: 40px;
  }
}
@media only screen and (max-width: 499px) {
  #blue {
    padding-bottom: 0;
    padding-top: 1.25em;
  }
  #blue .page {
    width: auto;
  }
  #blue .col {
    float: none;
  }
  #blue .col p {
    height: auto !important;
    margin-bottom: 1.25em;
  }
  #blue .col img {
    height: auto;
    margin-left: -10px;
    margin-right: -10px;
    max-width: -webkit-calc(100% + 20px);
    max-width: -moz-calc(100% + 20px);
    max-width: -ms-calc(100% + 20px);
    max-width: -o-calc(100% + 20px);
    max-width: calc(100% + 20px);
    width: -webkit-calc(100% + 20px);
    width: -moz-calc(100% + 20px);
    width: -ms-calc(100% + 20px);
    width: -o-calc(100% + 20px);
    width: calc(100% + 20px);
  }
  #blue .col h2 img {
    width: auto;
    margin: 0;
  }
  #blue .col:last-child {
    width: auto;
    display: block;
    float: none;
  }
}

@media only screen and (max-width: 1023px) {
  #quote {
    margin-top: 2.5em;
    margin-left: 0;
    padding-left: 0;
  }
}

@media only screen and (max-width: 739px) {
  #more {
    border-bottom: 0;
    margin-top: 0;
    position: static;
  }
  #more li {
    float: none;
    border-right: 0;
  }
}

@media only screen and (max-width: 739px) {
  #agenda #events {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 739px) {
  #agenda #events .event h2,
  #agenda #events .event .h2 {
    font-size: 0.8125em;
    line-height: 1.538461538em;
  }
  #agenda #events .event h2 .date,
  #agenda #events .event .h2 .date {
    font-size: 2.384615385em;
    line-height: 0.64516129em;
  }
}
@media only screen and (max-width: 739px) {
  .cms .event {
    padding-left: 70px;
  }
  .cms .event:after {
    display: none;
  }
  .cms .event h2,
  .cms .event .h2 {
    font-size: 0.875em;
    line-height: 1.428571429em;
    margin-bottom: 1.428571429em;
    margin-bottom: 1.428571429em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  .cms .event h2 .date,
  .cms .event .h2 .date {
    font-size: 2.214285714em;
    line-height: 0.64516129em;
    padding-bottom: 0.64516129em;
    margin-bottom: 0;
  }
  .cms .event h2 .date span,
  .cms .event .h2 .date span {
    padding-top: 0;
  }
  .cms .event h2 .date span span,
  .cms .event .h2 .date span span {
    font-size: 0.451612903em;
    line-height: 1.428571429em;
  }
}

@media only screen and (max-width: 739px) {
  .event {
    margin-left: 0;
    padding-left: 70px;
    border-bottom-color: #bfbfbf;
    padding-top: 0;
    margin-bottom: 0.625em;
  }
  .event h2,
  .event .h2 {
    font-size: 0.875em;
    line-height: 1.428571429em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    padding-bottom: 0;
  }
  .event h2 span,
  .event .h2 span {
    padding-left: 10px;
    border-left: 1px solid #009ee0;
    display: block;
    min-height: 4.285714286em;
    *height: 4.285714286em;
  }
  .event h2 .date,
  .event .h2 .date {
    font-size: 2.214285714em;
    line-height: 0.967741935em;
    padding-bottom: 0.64516129em;
    padding-left: 0;
    border-bottom: 0;
    margin-top: 0;
    top: 0;
    bottom: auto;
    left: 0;
    width: 60px;
    padding-left: 0;
    border-left: 0;
    min-height: 0;
  }
  .event h2 .date:after,
  .event .h2 .date:after {
    display: none;
  }
  .event h2 .date span,
  .event .h2 .date span {
    padding-top: 0;
    padding-left: 0;
    border-left: 0;
    min-height: 0;
  }
  .event h2 .date span span,
  .event .h2 .date span span {
    font-size: 0.451612903em;
    line-height: 1.428571429em;
  }
  .event .p {
    font-size: 0.75em;
    line-height: 1.666666667em;
    margin-bottom: 1.666666667em;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 739px) {
  #plage {
    padding-top: 0.625em;
    padding-bottom: 0.625em;
    margin-bottom: 1.25em;
  }
}
@media only screen and (max-width: 739px) {
  #plage .prev,
  #plage .next {
    margin-top: -20px;
  }
  #plage .prev img,
  #plage .next img {
    width: 40px;
    height: 40px;
  }
}
@media only screen and (max-width: 1023px) {
  #plage .dates button:after {
    display: none;
  }
}
@media only screen and (max-width: 499px) {
  #plage .input {
    display: none;
  }
}
@media only screen and (max-width: 739px) {
  #plage .calendar {
    font-size: 0.75em;
    line-height: 1.666666667em;
    right: auto;
    left: 10px;
    margin-top: 5.833333333em;
  }
}
@media only screen and (max-width: 1023px) {
  #plage p .dates {
    font-size: 2.5em;
    line-height: 0.75em;
  }
}
@media only screen and (max-width: 739px) {
  #plage p .dates {
    font-size: 2em;
    line-height: 0.9375em;
  }
}
@media only screen and (max-width: 499px) {
  #plage p .dates {
    font-size: 1.125em;
    line-height: 1.666666667em;
  }
}
@media only screen and (max-width: 739px) {
  #plage p {
    padding-left: 40px;
    padding-right: 40px;
  }
  #plage p button {
    display: none;
  }
}
@media only screen and (max-width: 739px) {
  #plage p img {
    width: 40px;
    vertical-align: bottom;
    top: 0;
    display: none;
  }
}
@media only screen and (max-width: 499px) {
  #plage p img {
    width: 30px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    border-left: 0;
    top: auto;
  }
}

@media only screen and (max-width: 739px) {
  .loc .bloc {
    border-style: solid;
    border-width: 1px;
    border-color: #009ee0;
    position: relative;
    margin-top: -2px;
    margin-left: -2px;
    top: 1px;
    left: 1px;
  }
}

@media only screen and (max-width: 739px) {
  .js #loc {
    height: 18.125em;
  }
}

@media only screen and (max-width: 739px) {
  #iti {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 739px) {
  #iti h2 {
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media only screen and (max-width: 499px) {
  #iti h2 {
    display: block;
  }
  #iti h2 span {
    display: block;
  }
  #iti h2 span:first-child {
    margin-bottom: 0.967741935em;
  }
}
@media only screen and (max-width: 499px) {
  #iti form button:first-child {
    display: block;
    width: 100%;
  }
}
@media only screen and (max-width: 499px) {
  #iti form button.alt {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
@media only screen and (max-width: 499px) {
  #iti .or {
    display: block;
    margin-top: 1.538461538em;
    margin-bottom: 1.538461538em;
    text-align: center;
  }
}
@media only screen and (max-width: 739px) {
  #iti input {
    width: 105px;
  }
}
@media only screen and (max-width: 499px) {
  #iti input {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 499px) {
  #iti label {
    display: block;
    padding-right: 50px;
  }
}
@media only screen and (max-width: 499px) {
  #iti .label {
    display: block;
    width: auto;
    margin-right: 0;
    margin-bottom: 0.769230769em;
  }
}

@media only screen and (max-width: 739px) {
  #annuaire #tabs a, #glossaire #tabs a {
    font-size: 1em;
    line-height: 1.538461538em;
    padding: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .js #annuaire .index-alt, .js #glossaire .index-alt {
    width: 220px;
  }
  #annuaire .index-alt .letter, #glossaire .index-alt .letter {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width: 739px) {
  #annuaire .index-alt, #glossaire .index-alt {
    display: block;
    padding-top: 0.625em;
  }
  .js #annuaire .index-alt, .js #glossaire .index-alt {
    width: auto;
    height: auto;
    overflow: visible;
  }
}
@media only screen and (max-width: 1023px) {
  #annuaire .index-alt ul a, #glossaire .index-alt ul a {
    padding-right: 30px;
    padding-left: 10px;
    background-position: 180px 50%;
  }
}
@media only screen and (max-width: 739px) {
  #annuaire .index-alt ul a, #glossaire .index-alt ul a {
    padding-right: 40px;
    background-image: url(/bundles/nubcore/images/bg/list-ter.svg);
    background-position: 100% 50%;
  }
  #annuaire .index-alt ul a.active-alt, #glossaire .index-alt ul a.active-alt {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off.svg);
    background-color: #e8e8e8;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #bfbfbf;
    margin-top: -1px;
    margin-top: -2px;
  }
}
@media only screen and (max-width: 739px) {
  #annuaire .index-alt ul a.active, #glossaire .index-alt ul a.active {
    background-color: #fff;
    border-top: 0;
    margin-top: 0;
    top: 0;
  }
  #annuaire .index-alt ul a.active:hover, #annuaire .index-alt ul a.active:focus, #glossaire .index-alt ul a.active:hover, #glossaire .index-alt ul a.active:focus {
    cursor: pointer;
    color: #009ee0;
  }
  #annuaire .index-alt ul a.active:hover span, #annuaire .index-alt ul a.active:focus span, #glossaire .index-alt ul a.active:hover span, #glossaire .index-alt ul a.active:focus span {
    color: #6c6764;
  }
}
@media only screen and (max-width: 1023px) {
  .js #annuaire .fiche, .js #glossaire .fiche {
    width: 360px;
    right: 60px;
  }
}
@media only screen and (max-width: 739px) {
  .js #annuaire .fiche, .js #glossaire .fiche {
    width: auto;
    position: relative;
    height: auto;
    overflow: visible;
    margin-bottom: 0;
    margin-top: 0;
    right: 0;
  }
}
@media only screen and (max-width: 739px) {
  #annuaire .fiche .inside, #glossaire .fiche .inside {
    padding: 0 10px;
    padding-bottom: 0.625em;
  }
}
@media only screen and (max-width: 739px) {
  #annuaire .fiche.active, #glossaire .fiche.active {
    display: none;
  }
}
@media only screen and (max-width: 739px) {
  #annuaire .fiche.active-alt, #glossaire .fiche.active-alt {
    display: block;
  }
}
@media only screen and (max-width: 739px) {
  #annuaire .fiche h2, #glossaire .fiche h2 {
    padding-top: 0.476190476em;
  }
}
@media only screen and (max-width: 739px) {
  #annuaire .fiche img, #glossaire .fiche img {
    margin: 0;
    width: auto;
    max-width: 30%;
  }
}
@media only screen and (max-width: 499px) {
  #annuaire .filter input.text, #glossaire .filter input.text {
    width: 120px;
  }
}
@media only screen and (max-width: 1023px) {
  #annuaire .filter ul, #glossaire .filter ul {
    display: block;
    margin-top: 1.111111111em;
  }
}
@media only screen and (max-width: 1023px) {
  #annuaire .filter ul li, #glossaire .filter ul li {
    margin-right: 5px;
  }
  #annuaire .filter ul li:last-child, #glossaire .filter ul li:last-child {
    margin-right: 0;
  }
  .js #annuaire .filter ul li, .js #glossaire .filter ul li {
    margin-right: 5px;
  }
  .js #annuaire .filter ul li:last-child, .js #glossaire .filter ul li:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 1023px) {
  #search-alt {
    margin-right: 0;
  }
}
@media only screen and (max-width: 739px) {
  #results {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 739px) {
  #results .intro h2 {
    padding-right: 0;
  }
}
@media only screen and (max-width: 739px) {
  #results .intro h2 + p {
    position: relative;
    right: auto;
    top: auto;
    bottom: 2.5em;
  }
}
@media only screen and (max-width: 1023px) {
  #portrait:before {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  #portrait:after {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  #portrait .page div {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  #portrait h2 {
    margin-bottom: 0;
    padding-top: 18.461538462em;
  }
}
@media only screen and (max-width: 1023px) {
  #portrait-alt {
    display: block;
  }
}

@media only screen and (max-width: 1023px) {
  #blocs4 {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 739px) {
  #blocs4:before {
    display: none;
  }
}

@media only screen and (max-width: 1023px) {
  #twitter {
    position: static;
    margin: 0;
  }
}
@media only screen and (max-width: 739px) {
  #twitter {
    background-color: #f7f7f7;
    height: auto;
    margin-top: -1.875em;
    padding-bottom: 1.25em;
  }
}
@media only screen and (max-width: 1023px) {
  #twitter .inside {
    float: none;
    width: 700px;
    margin: auto;
    padding: 0 20px;
  }
  #twitter .inside h2 {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 739px) {
  #twitter .inside {
    width: auto;
    float: none;
    height: auto;
    padding: 0;
  }
  #twitter .inside h2 {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #009ee0;
    margin-top: -1px;
    position: relative;
    top: 1px;
    margin-bottom: 0.416666667em;
  }
}
@media only screen and (max-width: 1023px) {
  #twitter .flexslider {
    margin-right: 40px;
  }
}
@media only screen and (max-width: 739px) {
  #twitter .flexslider {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media only screen and (max-width: 1023px) {
  #twitter .flex-prev,
  #twitter .flex-next {
    position: static;
    margin-top: 0;
  }
}
@media only screen and (max-width: 1023px) {
  #twitter .flex-direction-nav {
    position: absolute;
    right: -40px;
    top: -60px;
  }
  #twitter .flex-direction-nav:after {
    content: '';
    width: 1px;
    height: 30px;
    background-color: #bfbfbf;
    position: absolute;
    left: 60px;
    top: 15px;
  }
}
@media only screen and (max-width: 739px) {
  #twitter .flex-direction-nav {
    right: -20px;
    top: -70px;
  }
}
@media only screen and (max-width: 739px) {
  .js #bandeau {
    height: auto;
  }
}

@media only screen and (max-width: 1023px) {
  #formations .field {
    width: 230px;
  }
  #formations .field:nth-child(3n) {
    margin-right: 40px !important;
  }
  #formations .field:nth-child(3n + 1) {
    clear: none;
  }
  #formations .field:nth-child(2n) {
    margin-right: 0 !important;
  }
  #formations .field:nth-child(2n + 1) {
    clear: both;
  }
}
@media only screen and (max-width: 739px) {
  #formations .field {
    width: auto;
    float: none;
    display: block;
    margin-right: 0;
  }
  #formations .field:nth-child(2n + 1) {
    margin-right: 0 !important;
  }
}
@media only screen and (max-width: 739px) {
  #formations form {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media only screen and (max-width: 739px) {
  #formations button {
    position: static;
    float: right;
  }
}
@media only screen and (max-width: 499px) {
  #formations button {
    position: static;
    width: 100%;
  }
}
@media only screen and (max-width: 739px) {
  #formations {
    margin-left: -10px;
    margin-right: -10px;
  }
  .js #formations {
    display: none;
  }
  #formations form {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 1023px) {
  #blocs4 #formations:after {
    width: 520px;
  }
}
@media only screen and (max-width: 739px) {
  #blocs4 #formations:after {
    display: none;
  }
}
@media only screen and (max-width: 739px) {
  .portail #indispensables div {
    text-align: left;
  }
}
@media only screen and (max-width: 1023px) {
  #indispensables {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 510px;
    margin-right: 10px;
  }
}
@media only screen and (max-width: 739px) {
  #indispensables {
    float: none;
    display: block;
    width: auto;
    height: auto !important;
    margin-top: 0;
    margin-right: -10px;
    margin-left: -10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1.25em;
    position: relative;
    left: auto;
    top: auto;
  }
  #indispensables img {
    display: none;
  }
}
@media only screen and (max-width: 739px) {
  #indispensables h2 {
    font-size: 1.6875em;
    line-height: 1.481481481em;
    padding-left: 0;
  }
}
@media only screen and (max-width: 739px) {
  #indispensables div {
    display: block;
    height: auto;
  }
}
@media only screen and (max-width: 739px) {
  #indispensables ul {
    display: block;
  }
}
@media only screen and (max-width: 1023px) {
  #indispensables li {
    padding-left: 10px;
    background-position: 10px 100%;
  }
}
@media only screen and (max-width: 739px) {
  #indispensables li {
    display: block;
    background-image: none;
    padding: 0;
    border: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #bfbfbf;
    margin-top: -1px;
    position: relative;
    top: 1px;
  }
}
@media only screen and (max-width: 739px) {
  #indispensables a {
    position: relative;
    padding-right: 40px;
    padding-top: 0.714285714em;
    padding-bottom: 0.714285714em;
  }
  #indispensables a:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -1px;
    width: 40px;
    height: 40px;
    border-bottom: 3px solid #009ee0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(/bundles/nubcore/images/bg/item.svg);
  }
  #indispensables a span {
    padding: 0;
    background-image: none;
  }
}
@media only screen and (max-width: 1023px) {
  #trouver {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 180px;
    float: right;
  }
  #trouver h2 {
    font-size: 1.5em;
    line-height: 1.666666667em;
    margin-bottom: 1.666666667em;
    margin-bottom: 0;
  }
  #trouver h2 span {
    padding-top: 1.666666667em;
    padding-bottom: 1.666666667em;
    padding-left: 10px;
    padding-right: 10px;
  }
  .js #trouver h2 span {
    padding: 0 30px 0 0;
  }
  #trouver h2 button {
    padding-top: 1.666666667em;
    padding-bottom: 1.666666667em;
    padding-left: 10px;
    padding-right: 5px;
  }
  #trouver h2 button:before {
    margin-top: -0.416666667em;
  }
}
@media only screen and (max-width: 739px) {
  #trouver {
    float: none;
    display: block;
    width: auto;
    height: auto !important;
    margin-top: 1.25em;
    margin-left: -10px;
    margin-right: -10px !important;
  }
  #trouver h2 span {
    padding-top: 0.416666667em;
    padding-bottom: 0.416666667em;
  }
  .js #trouver h2 span {
    padding: 0 40px 0 0;
  }
  #trouver h2 button {
    padding-top: 0.416666667em;
    padding-bottom: 0.416666667em;
    text-align: center;
  }
}
@media only screen and (max-width: 1023px) {
  #actualites,
  #agenda {
    width: 415px;
    margin-bottom: 1.25em;
  }
}
@media only screen and (max-width: 739px) {
  #actualites,
  #agenda {
    width: auto;
    display: block;
    float: none;
    margin-right: 0;
    padding-top: 1.25em;
  }
}
@media only screen and (max-width: 739px) {
  #actualites .title,
  #agenda .title {
    margin-bottom: 0;
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media only screen and (max-width: 1023px) {
  #actualites .title div,
  #agenda .title div {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
@media only screen and (max-width: 1023px) {
  #actualites h2,
  #agenda h2 {
    float: none;
    padding-bottom: 1.666666667em;
    background-color: #443a31;
    width: auto;
  }
}
@media only screen and (max-width: 1023px) {
  #actualites h2 a,
  #agenda h2 a {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #bfbfbf;
    margin-top: -1px;
    position: relative;
    top: 1px;
    position: static;
  }
}
@media only screen and (max-width: 739px) {
  #actualites h2 a,
  #agenda h2 a {
    padding-left: 10px;
  }
}
@media only screen and (max-width: 1023px) {
  .portail #actualites h2 a, .portail
  #agenda h2 a {
    margin-right: 0;
  }
}
@media only screen and (max-width: 1023px) {
  #actualites h2 a:after,
  #agenda h2 a:after {
    position: absolute;
    left: 0;
    bottom: -3px;
    top: auto;
    border-left: 0;
    margin-left: 20px;
    padding-left: 0;
  }
}
@media only screen and (max-width: 739px) {
  #actualites h2 a:after,
  #agenda h2 a:after {
    margin-left: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 1023px) {
  #agenda {
    width: 265px;
  }
}
@media only screen and (max-width: 739px) {
  #agenda {
    width: auto;
  }
}
@media only screen and (max-width: 1023px) {
  #agenda h2 {
    background-color: #fff;
  }
}
@media only screen and (max-width: 739px) {
  #agenda h2 {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 739px) {
  #agenda h2 a:after {
    position: static;
    top: -3px;
  }
}
@media only screen and (max-width: 739px) {
  #newsletter-mag-retenir {
    margin-bottom: 0;
    padding-bottom: 1.875em;
  }
}
@media only screen and (max-width: 1023px) {
  #newsletter-mag-retenir .page {
    padding: 0;
    width: 740px;
  }
  #newsletter-mag-retenir #newsletter,
  #newsletter-mag-retenir #mag {
    margin-right: 20px;
  }
  #newsletter-mag-retenir #retenir {
    width: 220px;
  }
}
@media only screen and (max-width: 739px) {
  #newsletter-mag-retenir .page {
    padding: 0 10px;
    margin: auto;
    width: 460px;
  }
  #newsletter-mag-retenir #newsletter,
  #newsletter-mag-retenir #mag {
    margin-right: 20px;
  }
  #newsletter-mag-retenir #retenir {
    clear: both;
    width: auto;
    padding-top: 0.625em;
  }
  #newsletter-mag-retenir #mag {
    margin-right: 0;
  }
  #newsletter-mag-retenir #newsletter {
    width: 220px;
  }
  #newsletter-mag-retenir #newsletter img {
    max-width: none;
    margin-left: -10px;
  }
  #newsletter-mag-retenir #newsletter .img {
    overflow: hidden;
  }
}
@media only screen and (max-width: 499px) {
  #newsletter-mag-retenir {
    padding-top: 0.625em;
  }
  #newsletter-mag-retenir .page {
    width: auto;
  }
  #newsletter-mag-retenir #newsletter,
  #newsletter-mag-retenir #mag {
    float: none;
    display: block;
    margin: auto;
    width: auto;
  }
  #newsletter-mag-retenir #newsletter {
    margin-bottom: 0.625em;
  }
  #newsletter-mag-retenir .equalize {
    height: auto !important;
  }
}

@media only screen and (max-width: 739px) {
  #pushs {
    margin-bottom: 1.25em;
  }
  #pushs .page {
    margin: auto;
    width: 460px;
  }
}
@media only screen and (max-width: 499px) {
  #pushs {
    margin-bottom: 0;
  }
  #pushs .page {
    width: 220px;
  }
  #pushs p {
    margin-bottom: 1.25em;
  }
}
@media only screen and (max-width: 1023px) {
  #pushs p:first-child {
    padding-left: 240px;
  }
}
@media only screen and (max-width: 739px) {
  #pushs p:first-child {
    padding: 0;
  }
}
@media only screen and (max-width: 1023px) {
  #breaking {
    margin-right: 130px;
  }
}
@media only screen and (max-width: 739px) {
  #breaking {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    margin: 0;
    margin-bottom: 1.25em;
  }
}
@media only screen and (max-width: 1023px) {
  #breaking .inside {
    width: 160px;
  }
}
@media only screen and (max-width: 739px) {
  #breaking .inside {
    float: none;
    width: auto;
    margin-left: 20px;
  }
}
@media only screen and (max-width: 1023px) {
  #breaking .slides li a {
    height: 11.428571429em;
  }
}
@media only screen and (max-width: 739px) {
  #breaking .slides li a {
    height: 5.714285714em;
  }
}
@media only screen and (max-width: 499px) {
  #breaking .slides li a {
    height: 11.428571429em;
  }
}
@media only screen and (max-width: 499px) {
  #actus .col .links {
    clear: both;
    float: none;
  }
}
@media only screen and (max-width: 499px) {
  #actus .col .links li:first-child a {
    padding-left: 0;
    margin-left: 0;
  }
}
@media only screen and (max-width: 499px) {
  #actus .col .links a {
    margin-top: 0;
  }
}
@media only screen and (max-width: 1023px) {
  #actus:after, #actus:before {
    display: none;
  }
  #actus .col {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
  }
  #actus .col.first-child {
    float: none;
    width: auto;
    margin-bottom: 2.5em;
    border: 0;
  }
  #actus .actus {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media only screen and (max-width: 739px) {
  #actus .actus .col {
    border: 0;
    float: none;
    width: auto;
    *zoom: 1;
    margin-bottom: 1.25em;
  }
  #actus .actus .col:after {
    content: "";
    display: table;
    clear: both;
  }
  #actus .actus .col h3,
  #actus .actus .col img,
  #actus .actus .col ul,
  #actus .actus .col p {
    margin-left: 10px;
    margin-right: 10px;
  }
  #actus h2 {
    position: relative;
    display: inline-block;
    padding-right: 40px;
  }
  #actus h2 a:after {
    position: absolute;
    display: block;
    left: auto;
    right: 0;
    bottom: 0;
    margin-bottom: 0.444444444em;
  }
  #actus h2 span:after {
    display: block;
    padding: 0;
  }
}

@media only screen and (max-width: 739px) {
  #error {
    height: auto;
    padding-top: 2.5em;
    margin-bottom: 0;
    background-image: none;
  }
}
@media only screen and (max-width: 739px) {
  #error h1 {
    height: auto;
    width: auto;
    display: block;
    color: #009ee0;
    margin-bottom: 0.769230769em;
  }
}
@media only screen and (max-width: 739px) {
  #error p {
    margin-top: 0;
  }
}
@media only screen and (max-width: 739px) {
  #error .txt {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    width: auto;
    background-image: none;
  }
  #error .txt div {
    height: auto;
    padding: 0 20px;
    display: block;
    width: auto;
  }
}
@media only screen and (max-width: 739px) {
  #error .title {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    margin: 0;
    background-image: none;
  }
  .idex #error .title, .tiers #error .title {
    background-image: none;
  }
}

@media only screen and (max-width: 739px) {
  #catalogue {
    padding-bottom: 1.875em;
  }
}
@media only screen and (max-width: 739px) {
  #catalogue h2 {
    font-size: 1.125em;
    line-height: 1.111111111em;
    margin-bottom: 1.111111111em;
    padding-top: 1.111111111em;
    margin-bottom: 1.111111111em;
  }
  #catalogue h2 span {
    font-size: 1em;
    line-height: 1.111111111em;
  }
}
@media only screen and (max-width: 1023px) {
  #catalogue .content li {
    width: 33%;
  }
}
@media only screen and (max-width: 739px) {
  #catalogue .content li {
    width: 50%;
  }
}
@media only screen and (max-width: 499px) {
  #catalogue .content li {
    width: 100%;
  }
  #catalogue .content li a {
    height: auto !important;
  }
}
@media only screen and (max-width: 739px) {
  #catalogue .catalogue h3 {
    font-size: 1.125em;
    line-height: 1.666666667em;
    padding-top: 0.555555556em;
    padding-bottom: 0.555555556em;
    display: block;
    text-align: center;
  }
}
@media only screen and (max-width: 739px) {
  #fast {
    display: block;
  }
  #fast label {
    position: relative;
    padding-left: 20px;
    display: block;
  }
  #fast .input {
    position: absolute;
    left: 0;
    top: 0;
  }
}
@media only screen and (max-width: 739px) {
  .js #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off.svg);
  }
}
@media only screen and (max-width: 739px) {
  form #fast h3 span {
    display: block;
    padding-right: 30px;
    background-image: url(/bundles/nubcore/images/bg/list-alt.svg);
    text-align: center;
  }
  .js form #fast h3 span {
    padding: 0;
    background-image: none;
  }
}
@media only screen and (max-width: 739px) {
  form #fast h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt.svg);
    display: inline-block;
  }
}
@media only screen and (max-width: 739px) {
  #fast div {
    display: block;
  }
}
@media only screen and (max-width: 739px) {
  #fast ul,
  #fast div div {
    border-left: 0;
  }
}
@media only screen and (max-width: 739px) {
  #fast li,
  #fast p {
    border-left: 0;
    padding-left: 10px;
    margin-right: 10px;
    float: none !important;
  }
}
@media only screen and (max-width: 1023px) {
  #offre-emploi .field {
    width: 230px;
  }
  #offre-emploi .field.checkbox {
    width: 210px;
  }
  #offre-emploi .field:nth-child(3n) {
    margin-right: 40px !important;
  }
  #offre-emploi .field:nth-child(3n + 1) {
    clear: none;
  }
  #offre-emploi .field:nth-child(2n) {
    margin-right: 0 !important;
  }
  #offre-emploi .field:nth-child(2n + 1) {
    clear: both;
  }
}
@media only screen and (max-width: 739px) {
  #offre-emploi .field {
    width: auto;
    float: none;
    display: block;
    margin-right: 0;
  }
  #offre-emploi .field.checkbox {
    display: block;
    float: none;
    min-height: 0;
  }
  #offre-emploi .field.checkbox label {
    position: static;
  }
  #offre-emploi .field:nth-child(2n + 1) {
    margin-right: 0 !important;
  }
}
@media only screen and (max-width: 739px) {
  #offre-emploi form {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media only screen and (max-width: 739px) {
  #offre-emploi button {
    position: static;
    float: right;
  }
}
@media only screen and (max-width: 499px) {
  #offre-emploi button {
    position: static;
    width: 100%;
  }
}
@media only screen and (max-width: 739px) {
  #offre-emploi {
    margin-left: -10px;
    margin-right: -10px;
  }
  #offre-emploi form {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 1023px) {
  #blocs4 #offre-emploi:after {
    width: 520px;
  }
}
@media only screen and (max-width: 739px) {
  #blocs4 #offre-emploi:after {
    display: none;
  }
}
@media only screen and (max-width: 739px) {
  .offre-emploi .art {
    padding-bottom: 1.25em;
  }
  .offre-emploi .art h2 {
    font-size: 22px;
  }
  .offre-emploi .art .txt .txt-inside {
    font-size: 16px;
  }
  .offre-emploi .art .txt .txt-inside ul li {
    font-size: 16px;
  }
}
@media only screen and (max-width: 739px) {
  .offre-emploi .top-list .trie {
    position: static;
    margin-top: 0.625em;
  }
}

@media print {
  .full #tools,
  .full #networks,
  .full #acces-search,
  .full #nav,
  .full #nav-bis,
  .full #social-container,
  .full #diago,
  .full #last,
  .full #address,
  .full #follow,
  .full #profile,
  .full #footer .col,
  .full #menu-alt,
  .full #intro h1 button,
  .full #resume,
  .full #top,
  .full .flex-direction-nav,
  .full .clone,
  .full #select,
  .full #filtres,
  .full #plage button,
  .full #plage .nav,
  .full #colright .titles,
  .full #formation,
  .full .mandatory,
  .full .form,
  .full #pagination,
  .full #filtre select,
  .full #iti form,
  .full #more,
  .full #trouver,
  .full #formations,
  .full #portrait-alt,
  .full #annuaire .filter,
  .full #search-alt form,
  .full #results .intro h2 + p,
  .full .result h3 img,
  .full #catalogue h4 svg,
  .full #fast,
  .full #indispensables,
  .full #footer #profile img,
  .full #footer #logos img,
  .full #footer #last img,
  .full #annuaire .letter,
  .full #annuaire .index-alt > ul > li > ul > li > a {
    display: none !important;
  }
  .full #annuaire .index-alt > ul,
  .full #annuaire .index-alt > ul > li > ul {
    padding: 0;
    list-style-type: none;
  }
  .full #annuaire .fiche {
    clear: both;
    border-top: 1px solid #e0dfde;
    margin-bottom: 1.25em;
  }
  .full #portrait {
    background-image: none !important;
  }
  .full .flex-viewport {
    overflow: visible !important;
    height: auto !important;
  }
  .full .equalize {
    height: auto !important;
  }
  .full #breaking li {
    margin-bottom: 1.25em;
  }
  .full .slides {
    width: auto !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    margin: 0 !important;
    position: static !important;
  }
  .full .slides li {
    width: auto !important;
    float: none !important;
    background-image: none !important;
  }
  .full .accordion .inside {
    display: block !important;
  }
  .full #actualites .title button {
    width: auto;
    border: 0;
    background-color: transparent;
    padding: 0;
    color: #443a31;
  }
  .full .accordion .h2 button {
    width: auto;
    border: 0;
    background-color: transparent;
    font-weight: bold;
    padding: 0;
    color: #443a31;
  }
  .full #blocs3 .action {
    display: none;
  }
  .full #blocs3 .col {
    margin-bottom: 1.25em;
  }
  .full #iti .mask,
  .full .title + .mask,
  .full .nb + .mask,
  .full #events .p .mask,
  .full .date .mask,
  .full .date + .mask,
  .full #portrait h2 .mask {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    left: auto;
    right: auto;
    display: inline;
  }
  .full #colright,
  .full #colleft,
  .full #colcenter {
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    min-height: 0 !important;
  }
  .full .form .legend {
    margin-bottom: 1.25em;
    display: block;
  }
  .full .form .checkbox label,
  .full .form .radio label {
    display: block;
  }
  .full .table table {
    width: 100%;
  }
  .full .table th {
    text-align: left;
  }
  .full .table th,
  .full .table td {
    border: 1px solid #bfbfbf;
  }
  .full .table .size1 {
    width: 3em;
  }
  .full .table .center {
    text-align: center;
  }
  .full q:before {
    content: '«';
  }
  .full q:after {
    content: '»';
  }
  .full #twitter cite:after {
    content: ' :';
  }
  .full .cms .left {
    float: left;
    margin-right: 20px;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }
  .full .cms .right {
    float: right;
    margin-left: 20px;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }
  .full p,
  .full .meta,
  .full dl,
  .full table,
  .full .img,
  .full #footer,
  .full img {
    page-break-inside: avoid;
  }
  .full .flexslider a,
  .full .col a,
  .full .event a,
  .full .art a,
  .full #portrait a,
  .full #newsletter a,
  .full #mag a,
  .full .result {
    color: #443a31;
    text-decoration: none;
  }
  .full .diplome a {
    color: #009ee0;
    text-decoration: underline;
  }

  a {
    color: #009ee0;
  }
  a:visited {
    color: #009ee0;
  }

  #address-alt .mask {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    left: auto;
    right: auto;
    display: inline;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 1.25em;
    line-height: 2em;
    margin: 0 0 1em;
    padding-top: 2em;
    color: #009ee0;
  }

  ul,
  ol {
    padding-left: 40px;
  }

  body {
    margin: 20px;
    color: #443a31;
    font-size: 0.875em;
    line-height: 1.428571429em;
    font-family: Georgia, Times, "Times New Roman", serif;
  }

  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
    font-weight: normal;
    font-family: "Brix Slab", "Lucida Sans", Geneva, Verdana, sans-serif;
  }

  #breadcrumb {
    border-bottom: 2px solid #bfbfbf;
    padding-bottom: 1.25em;
  }

  #header {
    border-bottom: 2px solid #bfbfbf;
    margin-bottom: 1.25em;
  }
  #header .h1 svg {
    width: 300px !important;
    height: 100px !important;
  }

  #footer {
    border-top: 2px solid #bfbfbf;
    padding-top: 1.25em;
  }

  .hr {
    border: 0;
    margin: 0;
  }

  .selection #nav,
  .selection #nav-bis,
  .selection #tools,
  .selection #networks,
  .selection #acces-search,
  .selection #breadcrumb,
  .selection #social,
  .selection #colcenter,
  .selection #colleft,
  .selection #colright,
  .selection #select .ssmenu p,
  .selection #select .cta,
  .selection #select ul ul li:last-child,
  .selection #diago,
  .selection #intro,
  .selection #address,
  .selection #follow,
  .selection #profile,
  .selection #footer .col,
  .selection #footer #profile img,
  .selection #footer #logos img,
  .selection #footer #last img,
  .selection #top,
  .selection #last {
    display: none;
  }
  .selection #footer #partenaires img {
    display: block !important;
  }
  .selection #select {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  }
  .selection #select button {
    width: auto;
    border: 0;
    padding: 0;
    background-color: transparent;
    color: #443a31;
  }
  .selection #select button:after {
    content: " :";
  }
  .selection #select ul ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .selection #select a {
    color: #443a31;
    text-decoration: none;
  }
  .selection #select a:after {
    content: attr(href);
    margin-left: 10px;
    text-decoration: underline;
    color: #009ee0;
  }
}
@media screen {
  .green.idex.idex-index #blocs3 .col a:hover .txt,
  .green.idex.idex-index #blocs3 .col a:focus .txt,
  .green.idex.idex-index #blocs3 .actu p .title,
  .green.idex.idex-index #blocs3 h2,
  .green.idex.idex-index #carrousel-left h2,
  .green.idex.idex-index #carrousel-left .flex-direction-nav,
  .green.idex.idex-index #blocs3 .col:first-child {
    background-color: #6aa164;
  }
  .green.idex.idex-index #blocs3 .actu p .title,
  .green.idex.idex-index #tabs a.active,
  .green.idex.idex-index #tabs a.active:after {
    border-color: #6aa164;
  }
  .green.idex.idex-index .tab ul,
  .green.idex.idex-index .tab path,
  .green.idex.idex-index #carrousel-left button:hover .shape1,
  .green.idex.idex-index #carrousel-left button:focus .shape1,
  .green.idex.idex-index #carrousel-left .txt path,
  .green.idex.idex-index #tabs path {
    color: #6aa164;
    fill: #6aa164;
  }
  .js .green.idex.idex-index .tab {
    border-color: #6aa164;
  }
  .green.idex .corner .after .color,
  .green.idex #breadcrumb-social-select.intro.alt .ssmenu path {
    fill: #6aa164;
  }
  .green.idex #intro.alt p,
  .green.idex .cms blockquote p,
  .green.idex .cms ol,
  .green.idex .cms .push h2 span,
  .green.idex .cms .extract:before,
  .green.idex .cms .flexslider .flex-direction-nav button .shape1,
  .green.idex #content #meta a,
  .green.idex #blocs3 h2 span,
  .green.idex #menu .p a span,
  .green.idex #content .meta a:hover,
  .green.idex #content .meta a:focus,
  .green.idex .cms a:hover,
  .green.idex .cms a:focus,
  .green.idex #resume a:hover,
  .green.idex #resume a:focus,
  .green.idex #resume button:hover,
  .green.idex #resume button:focus,
  .green.idex #menu a,
  .green.idex #menu ul ul li a:hover,
  .green.idex #menu ul ul li a:focus,
  .green.idex #intro.alt h2,
  .green.idex .cms dd:before,
  .green.idex .event h2 .date,
  .green.idex .event .h2 .date,
  .green.idex #filtres .reset a,
  .green.idex #contactmap h2,
  .green.idex .loc h2 span,
  .green.idex #annuaire .index-alt .letter,
  .green.idex #glossaire .index-alt .letter,
  .green.idex #annuaire .index-alt ul a:hover,
  .green.idex #annuaire .index-alt ul a:focus,
  .green.idex #glossaire .index-alt ul a:hover,
  .green.idex #glossaire .index-alt ul a:focus,
  .green.idex #annuaire .tab h2,
  .green.idex #glossaire .tab h2,
  .green.idex #results .intro h2 strong,
  .green.idex #annuaire .index-alt ul a.active:hover,
  .green.idex #annuaire .index-alt ul a.active:focus,
  .green.idex #glossaire .index-alt ul a.active:hover,
  .green.idex #glossaire .index-alt ul a.active:focus,
  .green.idex #blocs3 .diplome ul a:hover,
  .green.idex #blocs3 .diplome ul a:focus,
  .green.idex #blocs3 .diplome p a:hover,
  .green.idex #blocs3 .diplome p a:focus,
  .green.idex #select p .button span span,
  .green.idex .cms caption,
  .green.idex .cms table strong,
  .green.idex #catalogue h2 span,
  .green.idex #catalogue h4,
  .green.idex #catalogue h4 path,
  .green.idex #select .ssmenu path {
    color: #6aa164;
    fill: #6aa164;
  }
  .green.idex .bloc .p:after,
  .green.idex .cms h2:after,
  .green.idex .cms .h2:after,
  .green.idex .cms .flexslider .flex-direction-nav button:hover,
  .green.idex .cms .flexslider .flex-direction-nav button:focus,
  .green.idex #blocs3 .actu p .title,
  .green.idex #blocs3 .col a:hover .txt,
  .green.idex #blocs3 .col a:focus .txt,
  .green.idex .cms .accordion .h2 button,
  .green.idex .cms .accordion .h2,
  .green.idex #content .btn,
  .green.idex .bloc h3:after,
  .green.idex #chiffres ul .li,
  .green.idex #plage,
  .green.idex .event h2 .date:after,
  .green.idex .event .h2 .date:after,
  .green.idex #moments p .title span,
  .green.idex #filtre .filtre p,
  .green.idex .art .txt .title,
  .green.idex .art .txt:after,
  .green.idex #pagination ul,
  .green.idex #iti h2 span:first-child,
  .green.idex .cms .event:after,
  .green.idex #annuaire .filter,
  .green.idex #glossaire .filter,
  .green.idex #search-alt form,
  .green.idex #blocs3 .diplome .title span span,
  .green.idex #menu-alt button,
  .green.idex #formation,
  .green.idex #tabs a:after,
  .green.idex #formations,
  .green.idex #trouver h2 button:before,
  .green.idex #trouver {
    background-color: #6aa164;
  }
  .green.idex #blocs3 .diplome .title span span {
    color: #FFFFFF;
  }
  .green.idex #blocs3 .diplome .title a:hover span span {
    text-decoration: underline !important;
  }
  .no-touch .green.idex .cms .accordion .h2 button:hover, .no-touch
  .green.idex .cms .accordion .h2 button:focus, .no-touch
  .green.idex #content .btn:hover, .no-touch
  .green.idex #content .btn:focus {
    background-color: #54834f;
  }
  .green.idex .form input.text:focus,
  .green.idex .form select:focus,
  .green.idex .form textarea:focus {
    -webkit-box-shadow: 0 0 3px #6aa164;
    -moz-box-shadow: 0 0 3px #6aa164;
    box-shadow: 0 0 3px #6aa164;
  }
  .green.idex .cms tfoot td,
  .green.idex .cms tfoot th {
    -webkit-box-shadow: 0 1px 0 #6aa164 inset;
    -moz-box-shadow: 0 1px 0 #6aa164 inset;
    box-shadow: 0 1px 0 #6aa164 inset;
  }
  .green.idex .cms .flexslider .flex-direction-nav li,
  .green.idex .bloc,
  .green.idex .cms .push,
  .green.idex #blocs3 .actu p .title,
  .green.idex #menu .p,
  .green.idex #resume ul,
  .green.idex .cms blockquote.cite p.cite,
  .green.idex .form,
  .green.idex #content .hr,
  .green.idex .event,
  .green.idex .event h2 .date,
  .green.idex .event .h2 .date,
  .green.idex .ui-widget-content,
  .green.idex .ui-state-active,
  .green.idex .ui-widget-content .ui-state-active,
  .green.idex .ui-widget-header .ui-state-active,
  .green.idex .ui-state-active,
  .green.idex .ui-widget-content .ui-state-active,
  .green.idex .ui-widget-header .ui-state-active,
  .green.idex .ui-state-hover,
  .green.idex .ui-widget-content .ui-state-hover,
  .green.idex .ui-widget-content,
  .green.idex .art .txt .title,
  .green.idex #annuaire .index-alt .letter,
  .green.idex #glossaire .index-alt .letter,
  .green.idex #annuaire .fiche,
  .green.idex #glossaire .fiche,
  .green.idex .result,
  .green.idex .event h2 span,
  .green.idex .event .h2 span,
  .green.idex .loc .bloc,
  .green.idex .filets .col,
  .green.idex .bloc:last-child,
  .green.idex #menu-alt a:after,
  .green.idex #end li,
  .green.idex #blocs3 .diplome ul.action li,
  .green.idex #select p .button,
  .green.idex #select .ssmenu,
  .green.idex #fast li,
  .green.idex #fast p,
  .green.idex #fast ul,
  .green.idex #fast div div,
  .green.idex #catalogue .content a {
    border-color: #6aa164;
  }
  .green.idex .ui-datepicker .ui-datepicker-prev-hover,
  .green.idex .ui-datepicker .ui-datepicker-next-hover {
    background-color: #6aa164 !important;
  }
  .green.idex .ui-state-hover,
  .green.idex .ui-widget-content .ui-state-hover {
    background-color: #e4eee3;
  }
  .green.idex .cms .push:after,
  .green.idex .col2right.bleu:after {
    border-bottom-color: #6aa164;
  }
  .green.idex #moments:before {
    border-top-color: #6aa164;
  }
  .green.idex #content #docs li,
  .green.idex .items li,
  .green.idex #menu a span,
  .green.idex #resume ul a,
  .green.idex #sommaire li,
  .green.idex .art .next,
  .green.idex #iti h2 a,
  .green.idex #more li,
  .green.idex #annuaire .index-alt ul a,
  .green.idex #glossaire .index-alt ul a,
  .green.idex #menu-alt a:after,
  .green.idex #end a,
  .green.idex #select .ssmenu ul ul li:first-child a {
    background-image: url(/bundles/nubcore/images/bg/item-green.svg);
  }
  .green.idex .items li.doc {
    background-image: url(/bundles/nubcore/images/bg/doc-green.svg);
  }
  .green.idex #intro h1 button {
    background-image: url(/bundles/nubcore/images/bg/list-green.svg);
  }
  .green.idex #intro h1 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-off-green.svg);
  }
  .green.idex .cms blockquote.cite:before {
    background-image: url(/bundles/nubcore/images/bg/quote-green.svg);
  }
  .green.idex .cms blockquote:before {
    background-image: url(/bundles/nubcore/images/bg/quote-alt-green.svg);
  }
  .green.idex #intro.alt h1,
  .green.idex .cms h1.alt {
    background-image: url(/bundles/nubcore/images/bg/puce-alt-green.svg);
  }
  .green.idex .cms ul li {
    background-image: url(/bundles/nubcore/images/bg/puce-ter-green.svg);
  }
  .green.idex #resume button,
  .green.idex #blocs3 .diplome.off ul.action button span,
  .green.idex #select p .button span,
  .green.idex form #fast h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-green.svg);
  }
  .green.idex #filtres .filtres p button,
  .green.idex #annuaire .index-alt ul a,
  .green.idex #glossaire .index-alt ul a {
    background-image: url(/bundles/nubcore/images/bg/list-ter-green.svg);
  }
  .ch .green.idex #results .intro h2 + p select, .sa .green.idex #results .intro h2 + p select, .ch
  .green.idex #results .intro h2 + p select, .sa
  .green.idex #results .intro h2 + p select {
    background-image: url(/bundles/nubcore/images/bg/list-alt-green.svg);
  }
  .ch .green.idex .form select, .sa .green.idex .form select {
    background-image: url(/bundles/nubcore/images/bg/list-ter-green.svg);
  }
  .green.idex #filtres .filtres p button.active,
  .green.idex .titles h2 button.active,
  .green.idex #annuaire .index-alt ul a.active-alt,
  .green.idex #glossaire .index-alt ul a.active-alt {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-green.svg);
  }
  .green.idex #resume button.active,
  .green.idex #blocs3 .diplome ul.action button span,
  .green.idex #select p button.active span {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-green.svg);
  }
  .js .green.idex #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-green.svg);
  }
  .green.idex #error .title {
    background-image: url(/bundles/nubcore/images/bg/losange-alt-green.svg);
  }
  .green.idex .titles h2.change button {
    background-image: url(/bundles/nubcore/images/agenda-green.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .green.idex #blocs3 .diplome .title {
    background-color: #6aa164;
  }
}
@media only screen and (max-width: 739px) {
  .green.idex #tabs li {
    background-image: url(/bundles/nubcore/images/bg/item-green.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .green.idex .titles h2 button {
    background-image: url(/bundles/nubcore/images/bg/list-ter-green.svg);
  }
}
@media only screen and (max-width: 739px) {
  .green.idex #error h1 {
    color: #6aa164;
  }
}

@media print {
  .green .full .diplome a,
  .green a, .green a:visited,
  .green #address-alt .mask,
  .green .selection #select a:after {
    color: #6aa164;
  }
}
@media screen {
  .orange.idex.idex-index #blocs3 .col a:hover .txt,
  .orange.idex.idex-index #blocs3 .col a:focus .txt,
  .orange.idex.idex-index #blocs3 .actu p .title,
  .orange.idex.idex-index #blocs3 h2,
  .orange.idex.idex-index #carrousel-left h2,
  .orange.idex.idex-index #carrousel-left .flex-direction-nav,
  .orange.idex.idex-index #blocs3 .col:first-child {
    background-color: #e67447;
  }
  .orange.idex.idex-index #blocs3 .actu p .title,
  .orange.idex.idex-index #tabs a.active,
  .orange.idex.idex-index #tabs a.active:after {
    border-color: #e67447;
  }
  .orange.idex.idex-index .tab ul,
  .orange.idex.idex-index .tab path,
  .orange.idex.idex-index #carrousel-left button:hover .shape1,
  .orange.idex.idex-index #carrousel-left button:focus .shape1,
  .orange.idex.idex-index #carrousel-left .txt path,
  .orange.idex.idex-index #tabs path {
    color: #e67447;
    fill: #e67447;
  }
  .js .orange.idex.idex-index .tab {
    border-color: #e67447;
  }
  .orange.idex .corner .after .color,
  .orange.idex #breadcrumb-social-select.intro.alt .ssmenu path {
    fill: #e67447;
  }
  .orange.idex #intro.alt p,
  .orange.idex .cms blockquote p,
  .orange.idex .cms ol,
  .orange.idex .cms .push h2 span,
  .orange.idex .cms .extract:before,
  .orange.idex .cms .flexslider .flex-direction-nav button .shape1,
  .orange.idex #content #meta a,
  .orange.idex #blocs3 h2 span,
  .orange.idex #menu .p a span,
  .orange.idex #content .meta a:hover,
  .orange.idex #content .meta a:focus,
  .orange.idex .cms a:hover,
  .orange.idex .cms a:focus,
  .orange.idex #resume a:hover,
  .orange.idex #resume a:focus,
  .orange.idex #resume button:hover,
  .orange.idex #resume button:focus,
  .orange.idex #menu a,
  .orange.idex #menu ul ul li a:hover,
  .orange.idex #menu ul ul li a:focus,
  .orange.idex #intro.alt h2,
  .orange.idex .cms dd:before,
  .orange.idex .event h2 .date,
  .orange.idex .event .h2 .date,
  .orange.idex #filtres .reset a,
  .orange.idex #contactmap h2,
  .orange.idex .loc h2 span,
  .orange.idex #annuaire .index-alt .letter,
  .orange.idex #glossaire .index-alt .letter,
  .orange.idex #annuaire .index-alt ul a:hover,
  .orange.idex #annuaire .index-alt ul a:focus,
  .orange.idex #glossaire .index-alt ul a:hover,
  .orange.idex #glossaire .index-alt ul a:focus,
  .orange.idex #annuaire .tab h2,
  .orange.idex #glossaire .tab h2,
  .orange.idex #results .intro h2 strong,
  .orange.idex #annuaire .index-alt ul a.active:hover,
  .orange.idex #annuaire .index-alt ul a.active:focus,
  .orange.idex #glossaire .index-alt ul a.active:hover,
  .orange.idex #glossaire .index-alt ul a.active:focus,
  .orange.idex #blocs3 .diplome ul a:hover,
  .orange.idex #blocs3 .diplome ul a:focus,
  .orange.idex #blocs3 .diplome p a:hover,
  .orange.idex #blocs3 .diplome p a:focus,
  .orange.idex #select p .button span span,
  .orange.idex .cms caption,
  .orange.idex .cms table strong,
  .orange.idex #catalogue h2 span,
  .orange.idex #catalogue h4,
  .orange.idex #catalogue h4 path,
  .orange.idex #select .ssmenu path {
    color: #e67447;
    fill: #e67447;
  }
  .orange.idex .bloc .p:after,
  .orange.idex .cms h2:after,
  .orange.idex .cms .h2:after,
  .orange.idex .cms .flexslider .flex-direction-nav button:hover,
  .orange.idex .cms .flexslider .flex-direction-nav button:focus,
  .orange.idex #blocs3 .actu p .title,
  .orange.idex #blocs3 .col a:hover .txt,
  .orange.idex #blocs3 .col a:focus .txt,
  .orange.idex .cms .accordion .h2 button,
  .orange.idex .cms .accordion .h2,
  .orange.idex #content .btn,
  .orange.idex .bloc h3:after,
  .orange.idex #chiffres ul .li,
  .orange.idex #plage,
  .orange.idex .event h2 .date:after,
  .orange.idex .event .h2 .date:after,
  .orange.idex #moments p .title span,
  .orange.idex #filtre .filtre p,
  .orange.idex .art .txt .title,
  .orange.idex .art .txt:after,
  .orange.idex #pagination ul,
  .orange.idex #iti h2 span:first-child,
  .orange.idex .cms .event:after,
  .orange.idex #annuaire .filter,
  .orange.idex #glossaire .filter,
  .orange.idex #search-alt form,
  .orange.idex #blocs3 .diplome .title span span,
  .orange.idex #menu-alt button,
  .orange.idex #formation,
  .orange.idex #tabs a:after,
  .orange.idex #formations,
  .orange.idex #trouver h2 button:before,
  .orange.idex #trouver {
    background-color: #e67447;
  }
  .orange.idex #blocs3 .diplome .title span span {
    color: #FFFFFF;
  }
  .orange.idex #blocs3 .diplome .title a:hover span span {
    text-decoration: underline !important;
  }
  .no-touch .orange.idex .cms .accordion .h2 button:hover, .no-touch
  .orange.idex .cms .accordion .h2 button:focus, .no-touch
  .orange.idex #content .btn:hover, .no-touch
  .orange.idex #content .btn:focus {
    background-color: #dc541e;
  }
  .orange.idex .form input.text:focus,
  .orange.idex .form select:focus,
  .orange.idex .form textarea:focus {
    -webkit-box-shadow: 0 0 3px #e67447;
    -moz-box-shadow: 0 0 3px #e67447;
    box-shadow: 0 0 3px #e67447;
  }
  .orange.idex .cms tfoot td,
  .orange.idex .cms tfoot th {
    -webkit-box-shadow: 0 1px 0 #e67447 inset;
    -moz-box-shadow: 0 1px 0 #e67447 inset;
    box-shadow: 0 1px 0 #e67447 inset;
  }
  .orange.idex .cms .flexslider .flex-direction-nav li,
  .orange.idex .bloc,
  .orange.idex .cms .push,
  .orange.idex #blocs3 .actu p .title,
  .orange.idex #menu .p,
  .orange.idex #resume ul,
  .orange.idex .cms blockquote.cite p.cite,
  .orange.idex .form,
  .orange.idex #content .hr,
  .orange.idex .event,
  .orange.idex .event h2 .date,
  .orange.idex .event .h2 .date,
  .orange.idex .ui-widget-content,
  .orange.idex .ui-state-active,
  .orange.idex .ui-widget-content .ui-state-active,
  .orange.idex .ui-widget-header .ui-state-active,
  .orange.idex .ui-state-active,
  .orange.idex .ui-widget-content .ui-state-active,
  .orange.idex .ui-widget-header .ui-state-active,
  .orange.idex .ui-state-hover,
  .orange.idex .ui-widget-content .ui-state-hover,
  .orange.idex .ui-widget-content,
  .orange.idex .art .txt .title,
  .orange.idex #annuaire .index-alt .letter,
  .orange.idex #glossaire .index-alt .letter,
  .orange.idex #annuaire .fiche,
  .orange.idex #glossaire .fiche,
  .orange.idex .result,
  .orange.idex .event h2 span,
  .orange.idex .event .h2 span,
  .orange.idex .loc .bloc,
  .orange.idex .filets .col,
  .orange.idex .bloc:last-child,
  .orange.idex #menu-alt a:after,
  .orange.idex #end li,
  .orange.idex #blocs3 .diplome ul.action li,
  .orange.idex #select p .button,
  .orange.idex #select .ssmenu,
  .orange.idex #fast li,
  .orange.idex #fast p,
  .orange.idex #fast ul,
  .orange.idex #fast div div,
  .orange.idex #catalogue .content a {
    border-color: #e67447;
  }
  .orange.idex .ui-datepicker .ui-datepicker-prev-hover,
  .orange.idex .ui-datepicker .ui-datepicker-next-hover {
    background-color: #e67447 !important;
  }
  .orange.idex .ui-state-hover,
  .orange.idex .ui-widget-content .ui-state-hover {
    background-color: #fefcfb;
  }
  .orange.idex .cms .push:after,
  .orange.idex .col2right.bleu:after {
    border-bottom-color: #e67447;
  }
  .orange.idex #moments:before {
    border-top-color: #e67447;
  }
  .orange.idex #content #docs li,
  .orange.idex .items li,
  .orange.idex #menu a span,
  .orange.idex #resume ul a,
  .orange.idex #sommaire li,
  .orange.idex .art .next,
  .orange.idex #iti h2 a,
  .orange.idex #more li,
  .orange.idex #annuaire .index-alt ul a,
  .orange.idex #glossaire .index-alt ul a,
  .orange.idex #menu-alt a:after,
  .orange.idex #end a,
  .orange.idex #select .ssmenu ul ul li:first-child a {
    background-image: url(/bundles/nubcore/images/bg/item-orange.svg);
  }
  .orange.idex .items li.doc {
    background-image: url(/bundles/nubcore/images/bg/doc-orange.svg);
  }
  .orange.idex #intro h1 button {
    background-image: url(/bundles/nubcore/images/bg/list-orange.svg);
  }
  .orange.idex #intro h1 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-off-orange.svg);
  }
  .orange.idex .cms blockquote.cite:before {
    background-image: url(/bundles/nubcore/images/bg/quote-orange.svg);
  }
  .orange.idex .cms blockquote:before {
    background-image: url(/bundles/nubcore/images/bg/quote-alt-orange.svg);
  }
  .orange.idex #intro.alt h1,
  .orange.idex .cms h1.alt {
    background-image: url(/bundles/nubcore/images/bg/puce-alt-orange.svg);
  }
  .orange.idex .cms ul li {
    background-image: url(/bundles/nubcore/images/bg/puce-ter-orange.svg);
  }
  .orange.idex #resume button,
  .orange.idex #blocs3 .diplome.off ul.action button span,
  .orange.idex #select p .button span,
  .orange.idex form #fast h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-orange.svg);
  }
  .orange.idex #filtres .filtres p button,
  .orange.idex #annuaire .index-alt ul a,
  .orange.idex #glossaire .index-alt ul a {
    background-image: url(/bundles/nubcore/images/bg/list-ter-orange.svg);
  }
  .ch .orange.idex #results .intro h2 + p select, .sa .orange.idex #results .intro h2 + p select, .ch
  .orange.idex #results .intro h2 + p select, .sa
  .orange.idex #results .intro h2 + p select {
    background-image: url(/bundles/nubcore/images/bg/list-alt-orange.svg);
  }
  .ch .orange.idex .form select, .sa .orange.idex .form select {
    background-image: url(/bundles/nubcore/images/bg/list-ter-orange.svg);
  }
  .orange.idex #filtres .filtres p button.active,
  .orange.idex .titles h2 button.active,
  .orange.idex #annuaire .index-alt ul a.active-alt,
  .orange.idex #glossaire .index-alt ul a.active-alt {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-orange.svg);
  }
  .orange.idex #resume button.active,
  .orange.idex #blocs3 .diplome ul.action button span,
  .orange.idex #select p button.active span {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-orange.svg);
  }
  .js .orange.idex #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-orange.svg);
  }
  .orange.idex #error .title {
    background-image: url(/bundles/nubcore/images/bg/losange-alt-orange.svg);
  }
  .orange.idex .titles h2.change button {
    background-image: url(/bundles/nubcore/images/agenda-orange.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .orange.idex #blocs3 .diplome .title {
    background-color: #e67447;
  }
}
@media only screen and (max-width: 739px) {
  .orange.idex #tabs li {
    background-image: url(/bundles/nubcore/images/bg/item-orange.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .orange.idex .titles h2 button {
    background-image: url(/bundles/nubcore/images/bg/list-ter-orange.svg);
  }
}
@media only screen and (max-width: 739px) {
  .orange.idex #error h1 {
    color: #e67447;
  }
}

@media print {
  .orange .full .diplome a,
  .orange a, .orange a:visited,
  .orange #address-alt .mask,
  .orange .selection #select a:after {
    color: #e67447;
  }
}
@media screen {
  .turquoise.idex.idex-index #blocs3 .col a:hover .txt,
  .turquoise.idex.idex-index #blocs3 .col a:focus .txt,
  .turquoise.idex.idex-index #blocs3 .actu p .title,
  .turquoise.idex.idex-index #blocs3 h2,
  .turquoise.idex.idex-index #carrousel-left h2,
  .turquoise.idex.idex-index #carrousel-left .flex-direction-nav,
  .turquoise.idex.idex-index #blocs3 .col:first-child {
    background-color: #2da39c;
  }
  .turquoise.idex.idex-index #blocs3 .actu p .title,
  .turquoise.idex.idex-index #tabs a.active,
  .turquoise.idex.idex-index #tabs a.active:after {
    border-color: #2da39c;
  }
  .turquoise.idex.idex-index .tab ul,
  .turquoise.idex.idex-index .tab path,
  .turquoise.idex.idex-index #carrousel-left button:hover .shape1,
  .turquoise.idex.idex-index #carrousel-left button:focus .shape1,
  .turquoise.idex.idex-index #carrousel-left .txt path,
  .turquoise.idex.idex-index #tabs path {
    color: #2da39c;
    fill: #2da39c;
  }
  .js .turquoise.idex.idex-index .tab {
    border-color: #2da39c;
  }
  .turquoise.idex .corner .after .color,
  .turquoise.idex #breadcrumb-social-select.intro.alt .ssmenu path {
    fill: #2da39c;
  }
  .turquoise.idex #intro.alt p,
  .turquoise.idex .cms blockquote p,
  .turquoise.idex .cms ol,
  .turquoise.idex .cms .push h2 span,
  .turquoise.idex .cms .extract:before,
  .turquoise.idex .cms .flexslider .flex-direction-nav button .shape1,
  .turquoise.idex #content #meta a,
  .turquoise.idex #blocs3 h2 span,
  .turquoise.idex #menu .p a span,
  .turquoise.idex #content .meta a:hover,
  .turquoise.idex #content .meta a:focus,
  .turquoise.idex .cms a:hover,
  .turquoise.idex .cms a:focus,
  .turquoise.idex #resume a:hover,
  .turquoise.idex #resume a:focus,
  .turquoise.idex #resume button:hover,
  .turquoise.idex #resume button:focus,
  .turquoise.idex #menu a,
  .turquoise.idex #menu ul ul li a:hover,
  .turquoise.idex #menu ul ul li a:focus,
  .turquoise.idex #intro.alt h2,
  .turquoise.idex .cms dd:before,
  .turquoise.idex .event h2 .date,
  .turquoise.idex .event .h2 .date,
  .turquoise.idex #filtres .reset a,
  .turquoise.idex #contactmap h2,
  .turquoise.idex .loc h2 span,
  .turquoise.idex #annuaire .index-alt .letter,
  .turquoise.idex #glossaire .index-alt .letter,
  .turquoise.idex #annuaire .index-alt ul a:hover,
  .turquoise.idex #annuaire .index-alt ul a:focus,
  .turquoise.idex #glossaire .index-alt ul a:hover,
  .turquoise.idex #glossaire .index-alt ul a:focus,
  .turquoise.idex #annuaire .tab h2,
  .turquoise.idex #glossaire .tab h2,
  .turquoise.idex #results .intro h2 strong,
  .turquoise.idex #annuaire .index-alt ul a.active:hover,
  .turquoise.idex #annuaire .index-alt ul a.active:focus,
  .turquoise.idex #glossaire .index-alt ul a.active:hover,
  .turquoise.idex #glossaire .index-alt ul a.active:focus,
  .turquoise.idex #blocs3 .diplome ul a:hover,
  .turquoise.idex #blocs3 .diplome ul a:focus,
  .turquoise.idex #blocs3 .diplome p a:hover,
  .turquoise.idex #blocs3 .diplome p a:focus,
  .turquoise.idex #select p .button span span,
  .turquoise.idex .cms caption,
  .turquoise.idex .cms table strong,
  .turquoise.idex #catalogue h2 span,
  .turquoise.idex #catalogue h4,
  .turquoise.idex #catalogue h4 path,
  .turquoise.idex #select .ssmenu path {
    color: #2da39c;
    fill: #2da39c;
  }
  .turquoise.idex .bloc .p:after,
  .turquoise.idex .cms h2:after,
  .turquoise.idex .cms .h2:after,
  .turquoise.idex .cms .flexslider .flex-direction-nav button:hover,
  .turquoise.idex .cms .flexslider .flex-direction-nav button:focus,
  .turquoise.idex #blocs3 .actu p .title,
  .turquoise.idex #blocs3 .col a:hover .txt,
  .turquoise.idex #blocs3 .col a:focus .txt,
  .turquoise.idex .cms .accordion .h2 button,
  .turquoise.idex .cms .accordion .h2,
  .turquoise.idex #content .btn,
  .turquoise.idex .bloc h3:after,
  .turquoise.idex #chiffres ul .li,
  .turquoise.idex #plage,
  .turquoise.idex .event h2 .date:after,
  .turquoise.idex .event .h2 .date:after,
  .turquoise.idex #moments p .title span,
  .turquoise.idex #filtre .filtre p,
  .turquoise.idex .art .txt .title,
  .turquoise.idex .art .txt:after,
  .turquoise.idex #pagination ul,
  .turquoise.idex #iti h2 span:first-child,
  .turquoise.idex .cms .event:after,
  .turquoise.idex #annuaire .filter,
  .turquoise.idex #glossaire .filter,
  .turquoise.idex #search-alt form,
  .turquoise.idex #blocs3 .diplome .title span span,
  .turquoise.idex #menu-alt button,
  .turquoise.idex #formation,
  .turquoise.idex #tabs a:after,
  .turquoise.idex #formations,
  .turquoise.idex #trouver h2 button:before,
  .turquoise.idex #trouver {
    background-color: #2da39c;
  }
  .turquoise.idex #blocs3 .diplome .title span span {
    color: #FFFFFF;
  }
  .turquoise.idex #blocs3 .diplome .title a:hover span span {
    text-decoration: underline !important;
  }
  .no-touch .turquoise.idex .cms .accordion .h2 button:hover, .no-touch
  .turquoise.idex .cms .accordion .h2 button:focus, .no-touch
  .turquoise.idex #content .btn:hover, .no-touch
  .turquoise.idex #content .btn:focus {
    background-color: #227b76;
  }
  .turquoise.idex .form input.text:focus,
  .turquoise.idex .form select:focus,
  .turquoise.idex .form textarea:focus {
    -webkit-box-shadow: 0 0 3px #2da39c;
    -moz-box-shadow: 0 0 3px #2da39c;
    box-shadow: 0 0 3px #2da39c;
  }
  .turquoise.idex .cms tfoot td,
  .turquoise.idex .cms tfoot th {
    -webkit-box-shadow: 0 1px 0 #2da39c inset;
    -moz-box-shadow: 0 1px 0 #2da39c inset;
    box-shadow: 0 1px 0 #2da39c inset;
  }
  .turquoise.idex .cms .flexslider .flex-direction-nav li,
  .turquoise.idex .bloc,
  .turquoise.idex .cms .push,
  .turquoise.idex #blocs3 .actu p .title,
  .turquoise.idex #menu .p,
  .turquoise.idex #resume ul,
  .turquoise.idex .cms blockquote.cite p.cite,
  .turquoise.idex .form,
  .turquoise.idex #content .hr,
  .turquoise.idex .event,
  .turquoise.idex .event h2 .date,
  .turquoise.idex .event .h2 .date,
  .turquoise.idex .ui-widget-content,
  .turquoise.idex .ui-state-active,
  .turquoise.idex .ui-widget-content .ui-state-active,
  .turquoise.idex .ui-widget-header .ui-state-active,
  .turquoise.idex .ui-state-active,
  .turquoise.idex .ui-widget-content .ui-state-active,
  .turquoise.idex .ui-widget-header .ui-state-active,
  .turquoise.idex .ui-state-hover,
  .turquoise.idex .ui-widget-content .ui-state-hover,
  .turquoise.idex .ui-widget-content,
  .turquoise.idex .art .txt .title,
  .turquoise.idex #annuaire .index-alt .letter,
  .turquoise.idex #glossaire .index-alt .letter,
  .turquoise.idex #annuaire .fiche,
  .turquoise.idex #glossaire .fiche,
  .turquoise.idex .result,
  .turquoise.idex .event h2 span,
  .turquoise.idex .event .h2 span,
  .turquoise.idex .loc .bloc,
  .turquoise.idex .filets .col,
  .turquoise.idex .bloc:last-child,
  .turquoise.idex #menu-alt a:after,
  .turquoise.idex #end li,
  .turquoise.idex #blocs3 .diplome ul.action li,
  .turquoise.idex #select p .button,
  .turquoise.idex #select .ssmenu,
  .turquoise.idex #fast li,
  .turquoise.idex #fast p,
  .turquoise.idex #fast ul,
  .turquoise.idex #fast div div,
  .turquoise.idex #catalogue .content a {
    border-color: #2da39c;
  }
  .turquoise.idex .ui-datepicker .ui-datepicker-prev-hover,
  .turquoise.idex .ui-datepicker .ui-datepicker-next-hover {
    background-color: #2da39c !important;
  }
  .turquoise.idex .ui-state-hover,
  .turquoise.idex .ui-widget-content .ui-state-hover {
    background-color: #b2eae7;
  }
  .turquoise.idex .cms .push:after,
  .turquoise.idex .col2right.bleu:after {
    border-bottom-color: #2da39c;
  }
  .turquoise.idex #moments:before {
    border-top-color: #2da39c;
  }
  .turquoise.idex #content #docs li,
  .turquoise.idex .items li,
  .turquoise.idex #menu a span,
  .turquoise.idex #resume ul a,
  .turquoise.idex #sommaire li,
  .turquoise.idex .art .next,
  .turquoise.idex #iti h2 a,
  .turquoise.idex #more li,
  .turquoise.idex #annuaire .index-alt ul a,
  .turquoise.idex #glossaire .index-alt ul a,
  .turquoise.idex #menu-alt a:after,
  .turquoise.idex #end a,
  .turquoise.idex #select .ssmenu ul ul li:first-child a {
    background-image: url(/bundles/nubcore/images/bg/item-turquoise.svg);
  }
  .turquoise.idex .items li.doc {
    background-image: url(/bundles/nubcore/images/bg/doc-turquoise.svg);
  }
  .turquoise.idex #intro h1 button {
    background-image: url(/bundles/nubcore/images/bg/list-turquoise.svg);
  }
  .turquoise.idex #intro h1 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-off-turquoise.svg);
  }
  .turquoise.idex .cms blockquote.cite:before {
    background-image: url(/bundles/nubcore/images/bg/quote-turquoise.svg);
  }
  .turquoise.idex .cms blockquote:before {
    background-image: url(/bundles/nubcore/images/bg/quote-alt-turquoise.svg);
  }
  .turquoise.idex #intro.alt h1,
  .turquoise.idex .cms h1.alt {
    background-image: url(/bundles/nubcore/images/bg/puce-alt-turquoise.svg);
  }
  .turquoise.idex .cms ul li {
    background-image: url(/bundles/nubcore/images/bg/puce-ter-turquoise.svg);
  }
  .turquoise.idex #resume button,
  .turquoise.idex #blocs3 .diplome.off ul.action button span,
  .turquoise.idex #select p .button span,
  .turquoise.idex form #fast h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-turquoise.svg);
  }
  .turquoise.idex #filtres .filtres p button,
  .turquoise.idex #annuaire .index-alt ul a,
  .turquoise.idex #glossaire .index-alt ul a {
    background-image: url(/bundles/nubcore/images/bg/list-ter-turquoise.svg);
  }
  .ch .turquoise.idex #results .intro h2 + p select, .sa .turquoise.idex #results .intro h2 + p select, .ch
  .turquoise.idex #results .intro h2 + p select, .sa
  .turquoise.idex #results .intro h2 + p select {
    background-image: url(/bundles/nubcore/images/bg/list-alt-turquoise.svg);
  }
  .ch .turquoise.idex .form select, .sa .turquoise.idex .form select {
    background-image: url(/bundles/nubcore/images/bg/list-ter-turquoise.svg);
  }
  .turquoise.idex #filtres .filtres p button.active,
  .turquoise.idex .titles h2 button.active,
  .turquoise.idex #annuaire .index-alt ul a.active-alt,
  .turquoise.idex #glossaire .index-alt ul a.active-alt {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-turquoise.svg);
  }
  .turquoise.idex #resume button.active,
  .turquoise.idex #blocs3 .diplome ul.action button span,
  .turquoise.idex #select p button.active span {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-turquoise.svg);
  }
  .js .turquoise.idex #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-turquoise.svg);
  }
  .turquoise.idex #error .title {
    background-image: url(/bundles/nubcore/images/bg/losange-alt-turquoise.svg);
  }
  .turquoise.idex .titles h2.change button {
    background-image: url(/bundles/nubcore/images/agenda-turquoise.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .turquoise.idex #blocs3 .diplome .title {
    background-color: #2da39c;
  }
}
@media only screen and (max-width: 739px) {
  .turquoise.idex #tabs li {
    background-image: url(/bundles/nubcore/images/bg/item-turquoise.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .turquoise.idex .titles h2 button {
    background-image: url(/bundles/nubcore/images/bg/list-ter-turquoise.svg);
  }
}
@media only screen and (max-width: 739px) {
  .turquoise.idex #error h1 {
    color: #2da39c;
  }
}

@media print {
  .turquoise .full .diplome a,
  .turquoise a, .turquoise a:visited,
  .turquoise #address-alt .mask,
  .turquoise .selection #select a:after {
    color: #2da39c;
  }
}
@media screen {
  .slate.idex.idex-index #blocs3 .col a:hover .txt,
  .slate.idex.idex-index #blocs3 .col a:focus .txt,
  .slate.idex.idex-index #blocs3 .actu p .title,
  .slate.idex.idex-index #blocs3 h2,
  .slate.idex.idex-index #carrousel-left h2,
  .slate.idex.idex-index #carrousel-left .flex-direction-nav,
  .slate.idex.idex-index #blocs3 .col:first-child {
    background-color: #6493aa;
  }
  .slate.idex.idex-index #blocs3 .actu p .title,
  .slate.idex.idex-index #tabs a.active,
  .slate.idex.idex-index #tabs a.active:after {
    border-color: #6493aa;
  }
  .slate.idex.idex-index .tab ul,
  .slate.idex.idex-index .tab path,
  .slate.idex.idex-index #carrousel-left button:hover .shape1,
  .slate.idex.idex-index #carrousel-left button:focus .shape1,
  .slate.idex.idex-index #carrousel-left .txt path,
  .slate.idex.idex-index #tabs path {
    color: #6493aa;
    fill: #6493aa;
  }
  .js .slate.idex.idex-index .tab {
    border-color: #6493aa;
  }
  .slate.idex .corner .after .color,
  .slate.idex #breadcrumb-social-select.intro.alt .ssmenu path {
    fill: #6493aa;
  }
  .slate.idex #intro.alt p,
  .slate.idex .cms blockquote p,
  .slate.idex .cms ol,
  .slate.idex .cms .push h2 span,
  .slate.idex .cms .extract:before,
  .slate.idex .cms .flexslider .flex-direction-nav button .shape1,
  .slate.idex #content #meta a,
  .slate.idex #blocs3 h2 span,
  .slate.idex #menu .p a span,
  .slate.idex #content .meta a:hover,
  .slate.idex #content .meta a:focus,
  .slate.idex .cms a:hover,
  .slate.idex .cms a:focus,
  .slate.idex #resume a:hover,
  .slate.idex #resume a:focus,
  .slate.idex #resume button:hover,
  .slate.idex #resume button:focus,
  .slate.idex #menu a,
  .slate.idex #menu ul ul li a:hover,
  .slate.idex #menu ul ul li a:focus,
  .slate.idex #intro.alt h2,
  .slate.idex .cms dd:before,
  .slate.idex .event h2 .date,
  .slate.idex .event .h2 .date,
  .slate.idex #filtres .reset a,
  .slate.idex #contactmap h2,
  .slate.idex .loc h2 span,
  .slate.idex #annuaire .index-alt .letter,
  .slate.idex #glossaire .index-alt .letter,
  .slate.idex #annuaire .index-alt ul a:hover,
  .slate.idex #annuaire .index-alt ul a:focus,
  .slate.idex #glossaire .index-alt ul a:hover,
  .slate.idex #glossaire .index-alt ul a:focus,
  .slate.idex #annuaire .tab h2,
  .slate.idex #glossaire .tab h2,
  .slate.idex #results .intro h2 strong,
  .slate.idex #annuaire .index-alt ul a.active:hover,
  .slate.idex #annuaire .index-alt ul a.active:focus,
  .slate.idex #glossaire .index-alt ul a.active:hover,
  .slate.idex #glossaire .index-alt ul a.active:focus,
  .slate.idex #blocs3 .diplome ul a:hover,
  .slate.idex #blocs3 .diplome ul a:focus,
  .slate.idex #blocs3 .diplome p a:hover,
  .slate.idex #blocs3 .diplome p a:focus,
  .slate.idex #select p .button span span,
  .slate.idex .cms caption,
  .slate.idex .cms table strong,
  .slate.idex #catalogue h2 span,
  .slate.idex #catalogue h4,
  .slate.idex #catalogue h4 path,
  .slate.idex #select .ssmenu path {
    color: #6493aa;
    fill: #6493aa;
  }
  .slate.idex .bloc .p:after,
  .slate.idex .cms h2:after,
  .slate.idex .cms .h2:after,
  .slate.idex .cms .flexslider .flex-direction-nav button:hover,
  .slate.idex .cms .flexslider .flex-direction-nav button:focus,
  .slate.idex #blocs3 .actu p .title,
  .slate.idex #blocs3 .col a:hover .txt,
  .slate.idex #blocs3 .col a:focus .txt,
  .slate.idex .cms .accordion .h2 button,
  .slate.idex .cms .accordion .h2,
  .slate.idex #content .btn,
  .slate.idex .bloc h3:after,
  .slate.idex #chiffres ul .li,
  .slate.idex #plage,
  .slate.idex .event h2 .date:after,
  .slate.idex .event .h2 .date:after,
  .slate.idex #moments p .title span,
  .slate.idex #filtre .filtre p,
  .slate.idex .art .txt .title,
  .slate.idex .art .txt:after,
  .slate.idex #pagination ul,
  .slate.idex #iti h2 span:first-child,
  .slate.idex .cms .event:after,
  .slate.idex #annuaire .filter,
  .slate.idex #glossaire .filter,
  .slate.idex #search-alt form,
  .slate.idex #blocs3 .diplome .title span span,
  .slate.idex #menu-alt button,
  .slate.idex #formation,
  .slate.idex #tabs a:after,
  .slate.idex #formations,
  .slate.idex #trouver h2 button:before,
  .slate.idex #trouver {
    background-color: #6493aa;
  }
  .slate.idex #blocs3 .diplome .title span span {
    color: #FFFFFF;
  }
  .slate.idex #blocs3 .diplome .title a:hover span span {
    text-decoration: underline !important;
  }
  .no-touch .slate.idex .cms .accordion .h2 button:hover, .no-touch
  .slate.idex .cms .accordion .h2 button:focus, .no-touch
  .slate.idex #content .btn:hover, .no-touch
  .slate.idex #content .btn:focus {
    background-color: #4e788d;
  }
  .slate.idex .form input.text:focus,
  .slate.idex .form select:focus,
  .slate.idex .form textarea:focus {
    -webkit-box-shadow: 0 0 3px #6493aa;
    -moz-box-shadow: 0 0 3px #6493aa;
    box-shadow: 0 0 3px #6493aa;
  }
  .slate.idex .cms tfoot td,
  .slate.idex .cms tfoot th {
    -webkit-box-shadow: 0 1px 0 #6493aa inset;
    -moz-box-shadow: 0 1px 0 #6493aa inset;
    box-shadow: 0 1px 0 #6493aa inset;
  }
  .slate.idex .cms .flexslider .flex-direction-nav li,
  .slate.idex .bloc,
  .slate.idex .cms .push,
  .slate.idex #blocs3 .actu p .title,
  .slate.idex #menu .p,
  .slate.idex #resume ul,
  .slate.idex .cms blockquote.cite p.cite,
  .slate.idex .form,
  .slate.idex #content .hr,
  .slate.idex .event,
  .slate.idex .event h2 .date,
  .slate.idex .event .h2 .date,
  .slate.idex .ui-widget-content,
  .slate.idex .ui-state-active,
  .slate.idex .ui-widget-content .ui-state-active,
  .slate.idex .ui-widget-header .ui-state-active,
  .slate.idex .ui-state-active,
  .slate.idex .ui-widget-content .ui-state-active,
  .slate.idex .ui-widget-header .ui-state-active,
  .slate.idex .ui-state-hover,
  .slate.idex .ui-widget-content .ui-state-hover,
  .slate.idex .ui-widget-content,
  .slate.idex .art .txt .title,
  .slate.idex #annuaire .index-alt .letter,
  .slate.idex #glossaire .index-alt .letter,
  .slate.idex #annuaire .fiche,
  .slate.idex #glossaire .fiche,
  .slate.idex .result,
  .slate.idex .event h2 span,
  .slate.idex .event .h2 span,
  .slate.idex .loc .bloc,
  .slate.idex .filets .col,
  .slate.idex .bloc:last-child,
  .slate.idex #menu-alt a:after,
  .slate.idex #end li,
  .slate.idex #blocs3 .diplome ul.action li,
  .slate.idex #select p .button,
  .slate.idex #select .ssmenu,
  .slate.idex #fast li,
  .slate.idex #fast p,
  .slate.idex #fast ul,
  .slate.idex #fast div div,
  .slate.idex #catalogue .content a {
    border-color: #6493aa;
  }
  .slate.idex .ui-datepicker .ui-datepicker-prev-hover,
  .slate.idex .ui-datepicker .ui-datepicker-next-hover {
    background-color: #6493aa !important;
  }
  .slate.idex .ui-state-hover,
  .slate.idex .ui-widget-content .ui-state-hover {
    background-color: #e8eff2;
  }
  .slate.idex .cms .push:after,
  .slate.idex .col2right.bleu:after {
    border-bottom-color: #6493aa;
  }
  .slate.idex #moments:before {
    border-top-color: #6493aa;
  }
  .slate.idex #content #docs li,
  .slate.idex .items li,
  .slate.idex #menu a span,
  .slate.idex #resume ul a,
  .slate.idex #sommaire li,
  .slate.idex .art .next,
  .slate.idex #iti h2 a,
  .slate.idex #more li,
  .slate.idex #annuaire .index-alt ul a,
  .slate.idex #glossaire .index-alt ul a,
  .slate.idex #menu-alt a:after,
  .slate.idex #end a,
  .slate.idex #select .ssmenu ul ul li:first-child a {
    background-image: url(/bundles/nubcore/images/bg/item-slate.svg);
  }
  .slate.idex .items li.doc {
    background-image: url(/bundles/nubcore/images/bg/doc-slate.svg);
  }
  .slate.idex #intro h1 button {
    background-image: url(/bundles/nubcore/images/bg/list-slate.svg);
  }
  .slate.idex #intro h1 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-off-slate.svg);
  }
  .slate.idex .cms blockquote.cite:before {
    background-image: url(/bundles/nubcore/images/bg/quote-slate.svg);
  }
  .slate.idex .cms blockquote:before {
    background-image: url(/bundles/nubcore/images/bg/quote-alt-slate.svg);
  }
  .slate.idex #intro.alt h1,
  .slate.idex .cms h1.alt {
    background-image: url(/bundles/nubcore/images/bg/puce-alt-slate.svg);
  }
  .slate.idex .cms ul li {
    background-image: url(/bundles/nubcore/images/bg/puce-ter-slate.svg);
  }
  .slate.idex #resume button,
  .slate.idex #blocs3 .diplome.off ul.action button span,
  .slate.idex #select p .button span,
  .slate.idex form #fast h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-slate.svg);
  }
  .slate.idex #filtres .filtres p button,
  .slate.idex #annuaire .index-alt ul a,
  .slate.idex #glossaire .index-alt ul a {
    background-image: url(/bundles/nubcore/images/bg/list-ter-slate.svg);
  }
  .ch .slate.idex #results .intro h2 + p select, .sa .slate.idex #results .intro h2 + p select, .ch
  .slate.idex #results .intro h2 + p select, .sa
  .slate.idex #results .intro h2 + p select {
    background-image: url(/bundles/nubcore/images/bg/list-alt-slate.svg);
  }
  .ch .slate.idex .form select, .sa .slate.idex .form select {
    background-image: url(/bundles/nubcore/images/bg/list-ter-slate.svg);
  }
  .slate.idex #filtres .filtres p button.active,
  .slate.idex .titles h2 button.active,
  .slate.idex #annuaire .index-alt ul a.active-alt,
  .slate.idex #glossaire .index-alt ul a.active-alt {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-slate.svg);
  }
  .slate.idex #resume button.active,
  .slate.idex #blocs3 .diplome ul.action button span,
  .slate.idex #select p button.active span {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-slate.svg);
  }
  .js .slate.idex #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-slate.svg);
  }
  .slate.idex #error .title {
    background-image: url(/bundles/nubcore/images/bg/losange-alt-slate.svg);
  }
  .slate.idex .titles h2.change button {
    background-image: url(/bundles/nubcore/images/agenda-slate.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .slate.idex #blocs3 .diplome .title {
    background-color: #6493aa;
  }
}
@media only screen and (max-width: 739px) {
  .slate.idex #tabs li {
    background-image: url(/bundles/nubcore/images/bg/item-slate.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .slate.idex .titles h2 button {
    background-image: url(/bundles/nubcore/images/bg/list-ter-slate.svg);
  }
}
@media only screen and (max-width: 739px) {
  .slate.idex #error h1 {
    color: #6493aa;
  }
}

@media print {
  .slate .full .diplome a,
  .slate a, .slate a:visited,
  .slate #address-alt .mask,
  .slate .selection #select a:after {
    color: #6493aa;
  }
}
@media screen {
  .brown.idex.idex-index #blocs3 .col a:hover .txt,
  .brown.idex.idex-index #blocs3 .col a:focus .txt,
  .brown.idex.idex-index #blocs3 .actu p .title,
  .brown.idex.idex-index #blocs3 h2,
  .brown.idex.idex-index #carrousel-left h2,
  .brown.idex.idex-index #carrousel-left .flex-direction-nav,
  .brown.idex.idex-index #blocs3 .col:first-child {
    background-color: #c9783f;
  }
  .brown.idex.idex-index #blocs3 .actu p .title,
  .brown.idex.idex-index #tabs a.active,
  .brown.idex.idex-index #tabs a.active:after {
    border-color: #c9783f;
  }
  .brown.idex.idex-index .tab ul,
  .brown.idex.idex-index .tab path,
  .brown.idex.idex-index #carrousel-left button:hover .shape1,
  .brown.idex.idex-index #carrousel-left button:focus .shape1,
  .brown.idex.idex-index #carrousel-left .txt path,
  .brown.idex.idex-index #tabs path {
    color: #c9783f;
    fill: #c9783f;
  }
  .js .brown.idex.idex-index .tab {
    border-color: #c9783f;
  }
  .brown.idex .corner .after .color,
  .brown.idex #breadcrumb-social-select.intro.alt .ssmenu path {
    fill: #c9783f;
  }
  .brown.idex #intro.alt p,
  .brown.idex .cms blockquote p,
  .brown.idex .cms ol,
  .brown.idex .cms .push h2 span,
  .brown.idex .cms .extract:before,
  .brown.idex .cms .flexslider .flex-direction-nav button .shape1,
  .brown.idex #content #meta a,
  .brown.idex #blocs3 h2 span,
  .brown.idex #menu .p a span,
  .brown.idex #content .meta a:hover,
  .brown.idex #content .meta a:focus,
  .brown.idex .cms a:hover,
  .brown.idex .cms a:focus,
  .brown.idex #resume a:hover,
  .brown.idex #resume a:focus,
  .brown.idex #resume button:hover,
  .brown.idex #resume button:focus,
  .brown.idex #menu a,
  .brown.idex #menu ul ul li a:hover,
  .brown.idex #menu ul ul li a:focus,
  .brown.idex #intro.alt h2,
  .brown.idex .cms dd:before,
  .brown.idex .event h2 .date,
  .brown.idex .event .h2 .date,
  .brown.idex #filtres .reset a,
  .brown.idex #contactmap h2,
  .brown.idex .loc h2 span,
  .brown.idex #annuaire .index-alt .letter,
  .brown.idex #glossaire .index-alt .letter,
  .brown.idex #annuaire .index-alt ul a:hover,
  .brown.idex #annuaire .index-alt ul a:focus,
  .brown.idex #glossaire .index-alt ul a:hover,
  .brown.idex #glossaire .index-alt ul a:focus,
  .brown.idex #annuaire .tab h2,
  .brown.idex #glossaire .tab h2,
  .brown.idex #results .intro h2 strong,
  .brown.idex #annuaire .index-alt ul a.active:hover,
  .brown.idex #annuaire .index-alt ul a.active:focus,
  .brown.idex #glossaire .index-alt ul a.active:hover,
  .brown.idex #glossaire .index-alt ul a.active:focus,
  .brown.idex #blocs3 .diplome ul a:hover,
  .brown.idex #blocs3 .diplome ul a:focus,
  .brown.idex #blocs3 .diplome p a:hover,
  .brown.idex #blocs3 .diplome p a:focus,
  .brown.idex #select p .button span span,
  .brown.idex .cms caption,
  .brown.idex .cms table strong,
  .brown.idex #catalogue h2 span,
  .brown.idex #catalogue h4,
  .brown.idex #catalogue h4 path,
  .brown.idex #select .ssmenu path {
    color: #c9783f;
    fill: #c9783f;
  }
  .brown.idex .bloc .p:after,
  .brown.idex .cms h2:after,
  .brown.idex .cms .h2:after,
  .brown.idex .cms .flexslider .flex-direction-nav button:hover,
  .brown.idex .cms .flexslider .flex-direction-nav button:focus,
  .brown.idex #blocs3 .actu p .title,
  .brown.idex #blocs3 .col a:hover .txt,
  .brown.idex #blocs3 .col a:focus .txt,
  .brown.idex .cms .accordion .h2 button,
  .brown.idex .cms .accordion .h2,
  .brown.idex #content .btn,
  .brown.idex .bloc h3:after,
  .brown.idex #chiffres ul .li,
  .brown.idex #plage,
  .brown.idex .event h2 .date:after,
  .brown.idex .event .h2 .date:after,
  .brown.idex #moments p .title span,
  .brown.idex #filtre .filtre p,
  .brown.idex .art .txt .title,
  .brown.idex .art .txt:after,
  .brown.idex #pagination ul,
  .brown.idex #iti h2 span:first-child,
  .brown.idex .cms .event:after,
  .brown.idex #annuaire .filter,
  .brown.idex #glossaire .filter,
  .brown.idex #search-alt form,
  .brown.idex #blocs3 .diplome .title span span,
  .brown.idex #menu-alt button,
  .brown.idex #formation,
  .brown.idex #tabs a:after,
  .brown.idex #formations,
  .brown.idex #trouver h2 button:before,
  .brown.idex #trouver {
    background-color: #c9783f;
  }
  .brown.idex #blocs3 .diplome .title span span {
    color: #FFFFFF;
  }
  .brown.idex #blocs3 .diplome .title a:hover span span {
    text-decoration: underline !important;
  }
  .no-touch .brown.idex .cms .accordion .h2 button:hover, .no-touch
  .brown.idex .cms .accordion .h2 button:focus, .no-touch
  .brown.idex #content .btn:hover, .no-touch
  .brown.idex #content .btn:focus {
    background-color: #a6602f;
  }
  .brown.idex .form input.text:focus,
  .brown.idex .form select:focus,
  .brown.idex .form textarea:focus {
    -webkit-box-shadow: 0 0 3px #c9783f;
    -moz-box-shadow: 0 0 3px #c9783f;
    box-shadow: 0 0 3px #c9783f;
  }
  .brown.idex .cms tfoot td,
  .brown.idex .cms tfoot th {
    -webkit-box-shadow: 0 1px 0 #c9783f inset;
    -moz-box-shadow: 0 1px 0 #c9783f inset;
    box-shadow: 0 1px 0 #c9783f inset;
  }
  .brown.idex .cms .flexslider .flex-direction-nav li,
  .brown.idex .bloc,
  .brown.idex .cms .push,
  .brown.idex #blocs3 .actu p .title,
  .brown.idex #menu .p,
  .brown.idex #resume ul,
  .brown.idex .cms blockquote.cite p.cite,
  .brown.idex .form,
  .brown.idex #content .hr,
  .brown.idex .event,
  .brown.idex .event h2 .date,
  .brown.idex .event .h2 .date,
  .brown.idex .ui-widget-content,
  .brown.idex .ui-state-active,
  .brown.idex .ui-widget-content .ui-state-active,
  .brown.idex .ui-widget-header .ui-state-active,
  .brown.idex .ui-state-active,
  .brown.idex .ui-widget-content .ui-state-active,
  .brown.idex .ui-widget-header .ui-state-active,
  .brown.idex .ui-state-hover,
  .brown.idex .ui-widget-content .ui-state-hover,
  .brown.idex .ui-widget-content,
  .brown.idex .art .txt .title,
  .brown.idex #annuaire .index-alt .letter,
  .brown.idex #glossaire .index-alt .letter,
  .brown.idex #annuaire .fiche,
  .brown.idex #glossaire .fiche,
  .brown.idex .result,
  .brown.idex .event h2 span,
  .brown.idex .event .h2 span,
  .brown.idex .loc .bloc,
  .brown.idex .filets .col,
  .brown.idex .bloc:last-child,
  .brown.idex #menu-alt a:after,
  .brown.idex #end li,
  .brown.idex #blocs3 .diplome ul.action li,
  .brown.idex #select p .button,
  .brown.idex #select .ssmenu,
  .brown.idex #fast li,
  .brown.idex #fast p,
  .brown.idex #fast ul,
  .brown.idex #fast div div,
  .brown.idex #catalogue .content a {
    border-color: #c9783f;
  }
  .brown.idex .ui-datepicker .ui-datepicker-prev-hover,
  .brown.idex .ui-datepicker .ui-datepicker-next-hover {
    background-color: #c9783f !important;
  }
  .brown.idex .ui-state-hover,
  .brown.idex .ui-widget-content .ui-state-hover {
    background-color: #f6e8de;
  }
  .brown.idex .cms .push:after,
  .brown.idex .col2right.bleu:after {
    border-bottom-color: #c9783f;
  }
  .brown.idex #moments:before {
    border-top-color: #c9783f;
  }
  .brown.idex #content #docs li,
  .brown.idex .items li,
  .brown.idex #menu a span,
  .brown.idex #resume ul a,
  .brown.idex #sommaire li,
  .brown.idex .art .next,
  .brown.idex #iti h2 a,
  .brown.idex #more li,
  .brown.idex #annuaire .index-alt ul a,
  .brown.idex #glossaire .index-alt ul a,
  .brown.idex #menu-alt a:after,
  .brown.idex #end a,
  .brown.idex #select .ssmenu ul ul li:first-child a {
    background-image: url(/bundles/nubcore/images/bg/item-brown.svg);
  }
  .brown.idex .items li.doc {
    background-image: url(/bundles/nubcore/images/bg/doc-brown.svg);
  }
  .brown.idex #intro h1 button {
    background-image: url(/bundles/nubcore/images/bg/list-brown.svg);
  }
  .brown.idex #intro h1 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-off-brown.svg);
  }
  .brown.idex .cms blockquote.cite:before {
    background-image: url(/bundles/nubcore/images/bg/quote-brown.svg);
  }
  .brown.idex .cms blockquote:before {
    background-image: url(/bundles/nubcore/images/bg/quote-alt-brown.svg);
  }
  .brown.idex #intro.alt h1,
  .brown.idex .cms h1.alt {
    background-image: url(/bundles/nubcore/images/bg/puce-alt-brown.svg);
  }
  .brown.idex .cms ul li {
    background-image: url(/bundles/nubcore/images/bg/puce-ter-brown.svg);
  }
  .brown.idex #resume button,
  .brown.idex #blocs3 .diplome.off ul.action button span,
  .brown.idex #select p .button span,
  .brown.idex form #fast h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-brown.svg);
  }
  .brown.idex #filtres .filtres p button,
  .brown.idex #annuaire .index-alt ul a,
  .brown.idex #glossaire .index-alt ul a {
    background-image: url(/bundles/nubcore/images/bg/list-ter-brown.svg);
  }
  .ch .brown.idex #results .intro h2 + p select, .sa .brown.idex #results .intro h2 + p select, .ch
  .brown.idex #results .intro h2 + p select, .sa
  .brown.idex #results .intro h2 + p select {
    background-image: url(/bundles/nubcore/images/bg/list-alt-brown.svg);
  }
  .ch .brown.idex .form select, .sa .brown.idex .form select {
    background-image: url(/bundles/nubcore/images/bg/list-ter-brown.svg);
  }
  .brown.idex #filtres .filtres p button.active,
  .brown.idex .titles h2 button.active,
  .brown.idex #annuaire .index-alt ul a.active-alt,
  .brown.idex #glossaire .index-alt ul a.active-alt {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-brown.svg);
  }
  .brown.idex #resume button.active,
  .brown.idex #blocs3 .diplome ul.action button span,
  .brown.idex #select p button.active span {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-brown.svg);
  }
  .js .brown.idex #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-brown.svg);
  }
  .brown.idex #error .title {
    background-image: url(/bundles/nubcore/images/bg/losange-alt-brown.svg);
  }
  .brown.idex .titles h2.change button {
    background-image: url(/bundles/nubcore/images/agenda-brown.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .brown.idex #blocs3 .diplome .title {
    background-color: #c9783f;
  }
}
@media only screen and (max-width: 739px) {
  .brown.idex #tabs li {
    background-image: url(/bundles/nubcore/images/bg/item-brown.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .brown.idex .titles h2 button {
    background-image: url(/bundles/nubcore/images/bg/list-ter-brown.svg);
  }
}
@media only screen and (max-width: 739px) {
  .brown.idex #error h1 {
    color: #c9783f;
  }
}

@media print {
  .brown .full .diplome a,
  .brown a, .brown a:visited,
  .brown #address-alt .mask,
  .brown .selection #select a:after {
    color: #c9783f;
  }
}
@media screen {
  .pink.idex.idex-index #blocs3 .col a:hover .txt,
  .pink.idex.idex-index #blocs3 .col a:focus .txt,
  .pink.idex.idex-index #blocs3 .actu p .title,
  .pink.idex.idex-index #blocs3 h2,
  .pink.idex.idex-index #carrousel-left h2,
  .pink.idex.idex-index #carrousel-left .flex-direction-nav,
  .pink.idex.idex-index #blocs3 .col:first-child {
    background-color: #b6718f;
  }
  .pink.idex.idex-index #blocs3 .actu p .title,
  .pink.idex.idex-index #tabs a.active,
  .pink.idex.idex-index #tabs a.active:after {
    border-color: #b6718f;
  }
  .pink.idex.idex-index .tab ul,
  .pink.idex.idex-index .tab path,
  .pink.idex.idex-index #carrousel-left button:hover .shape1,
  .pink.idex.idex-index #carrousel-left button:focus .shape1,
  .pink.idex.idex-index #carrousel-left .txt path,
  .pink.idex.idex-index #tabs path {
    color: #b6718f;
    fill: #b6718f;
  }
  .js .pink.idex.idex-index .tab {
    border-color: #b6718f;
  }
  .pink.idex .corner .after .color,
  .pink.idex #breadcrumb-social-select.intro.alt .ssmenu path {
    fill: #b6718f;
  }
  .pink.idex #intro.alt p,
  .pink.idex .cms blockquote p,
  .pink.idex .cms ol,
  .pink.idex .cms .push h2 span,
  .pink.idex .cms .extract:before,
  .pink.idex .cms .flexslider .flex-direction-nav button .shape1,
  .pink.idex #content #meta a,
  .pink.idex #blocs3 h2 span,
  .pink.idex #menu .p a span,
  .pink.idex #content .meta a:hover,
  .pink.idex #content .meta a:focus,
  .pink.idex .cms a:hover,
  .pink.idex .cms a:focus,
  .pink.idex #resume a:hover,
  .pink.idex #resume a:focus,
  .pink.idex #resume button:hover,
  .pink.idex #resume button:focus,
  .pink.idex #menu a,
  .pink.idex #menu ul ul li a:hover,
  .pink.idex #menu ul ul li a:focus,
  .pink.idex #intro.alt h2,
  .pink.idex .cms dd:before,
  .pink.idex .event h2 .date,
  .pink.idex .event .h2 .date,
  .pink.idex #filtres .reset a,
  .pink.idex #contactmap h2,
  .pink.idex .loc h2 span,
  .pink.idex #annuaire .index-alt .letter,
  .pink.idex #glossaire .index-alt .letter,
  .pink.idex #annuaire .index-alt ul a:hover,
  .pink.idex #annuaire .index-alt ul a:focus,
  .pink.idex #glossaire .index-alt ul a:hover,
  .pink.idex #glossaire .index-alt ul a:focus,
  .pink.idex #annuaire .tab h2,
  .pink.idex #glossaire .tab h2,
  .pink.idex #results .intro h2 strong,
  .pink.idex #annuaire .index-alt ul a.active:hover,
  .pink.idex #annuaire .index-alt ul a.active:focus,
  .pink.idex #glossaire .index-alt ul a.active:hover,
  .pink.idex #glossaire .index-alt ul a.active:focus,
  .pink.idex #blocs3 .diplome ul a:hover,
  .pink.idex #blocs3 .diplome ul a:focus,
  .pink.idex #blocs3 .diplome p a:hover,
  .pink.idex #blocs3 .diplome p a:focus,
  .pink.idex #select p .button span span,
  .pink.idex .cms caption,
  .pink.idex .cms table strong,
  .pink.idex #catalogue h2 span,
  .pink.idex #catalogue h4,
  .pink.idex #catalogue h4 path,
  .pink.idex #select .ssmenu path {
    color: #b6718f;
    fill: #b6718f;
  }
  .pink.idex .bloc .p:after,
  .pink.idex .cms h2:after,
  .pink.idex .cms .h2:after,
  .pink.idex .cms .flexslider .flex-direction-nav button:hover,
  .pink.idex .cms .flexslider .flex-direction-nav button:focus,
  .pink.idex #blocs3 .actu p .title,
  .pink.idex #blocs3 .col a:hover .txt,
  .pink.idex #blocs3 .col a:focus .txt,
  .pink.idex .cms .accordion .h2 button,
  .pink.idex .cms .accordion .h2,
  .pink.idex #content .btn,
  .pink.idex .bloc h3:after,
  .pink.idex #chiffres ul .li,
  .pink.idex #plage,
  .pink.idex .event h2 .date:after,
  .pink.idex .event .h2 .date:after,
  .pink.idex #moments p .title span,
  .pink.idex #filtre .filtre p,
  .pink.idex .art .txt .title,
  .pink.idex .art .txt:after,
  .pink.idex #pagination ul,
  .pink.idex #iti h2 span:first-child,
  .pink.idex .cms .event:after,
  .pink.idex #annuaire .filter,
  .pink.idex #glossaire .filter,
  .pink.idex #search-alt form,
  .pink.idex #blocs3 .diplome .title span span,
  .pink.idex #menu-alt button,
  .pink.idex #formation,
  .pink.idex #tabs a:after,
  .pink.idex #formations,
  .pink.idex #trouver h2 button:before,
  .pink.idex #trouver {
    background-color: #b6718f;
  }
  .pink.idex #blocs3 .diplome .title span span {
    color: #FFFFFF;
  }
  .pink.idex #blocs3 .diplome .title a:hover span span {
    text-decoration: underline !important;
  }
  .no-touch .pink.idex .cms .accordion .h2 button:hover, .no-touch
  .pink.idex .cms .accordion .h2 button:focus, .no-touch
  .pink.idex #content .btn:hover, .no-touch
  .pink.idex #content .btn:focus {
    background-color: #a15375;
  }
  .pink.idex .form input.text:focus,
  .pink.idex .form select:focus,
  .pink.idex .form textarea:focus {
    -webkit-box-shadow: 0 0 3px #b6718f;
    -moz-box-shadow: 0 0 3px #b6718f;
    box-shadow: 0 0 3px #b6718f;
  }
  .pink.idex .cms tfoot td,
  .pink.idex .cms tfoot th {
    -webkit-box-shadow: 0 1px 0 #b6718f inset;
    -moz-box-shadow: 0 1px 0 #b6718f inset;
    box-shadow: 0 1px 0 #b6718f inset;
  }
  .pink.idex .cms .flexslider .flex-direction-nav li,
  .pink.idex .bloc,
  .pink.idex .cms .push,
  .pink.idex #blocs3 .actu p .title,
  .pink.idex #menu .p,
  .pink.idex #resume ul,
  .pink.idex .cms blockquote.cite p.cite,
  .pink.idex .form,
  .pink.idex #content .hr,
  .pink.idex .event,
  .pink.idex .event h2 .date,
  .pink.idex .event .h2 .date,
  .pink.idex .ui-widget-content,
  .pink.idex .ui-state-active,
  .pink.idex .ui-widget-content .ui-state-active,
  .pink.idex .ui-widget-header .ui-state-active,
  .pink.idex .ui-state-active,
  .pink.idex .ui-widget-content .ui-state-active,
  .pink.idex .ui-widget-header .ui-state-active,
  .pink.idex .ui-state-hover,
  .pink.idex .ui-widget-content .ui-state-hover,
  .pink.idex .ui-widget-content,
  .pink.idex .art .txt .title,
  .pink.idex #annuaire .index-alt .letter,
  .pink.idex #glossaire .index-alt .letter,
  .pink.idex #annuaire .fiche,
  .pink.idex #glossaire .fiche,
  .pink.idex .result,
  .pink.idex .event h2 span,
  .pink.idex .event .h2 span,
  .pink.idex .loc .bloc,
  .pink.idex .filets .col,
  .pink.idex .bloc:last-child,
  .pink.idex #menu-alt a:after,
  .pink.idex #end li,
  .pink.idex #blocs3 .diplome ul.action li,
  .pink.idex #select p .button,
  .pink.idex #select .ssmenu,
  .pink.idex #fast li,
  .pink.idex #fast p,
  .pink.idex #fast ul,
  .pink.idex #fast div div,
  .pink.idex #catalogue .content a {
    border-color: #b6718f;
  }
  .pink.idex .ui-datepicker .ui-datepicker-prev-hover,
  .pink.idex .ui-datepicker .ui-datepicker-next-hover {
    background-color: #b6718f !important;
  }
  .pink.idex .ui-state-hover,
  .pink.idex .ui-widget-content .ui-state-hover {
    background-color: #fbf8f9;
  }
  .pink.idex .cms .push:after,
  .pink.idex .col2right.bleu:after {
    border-bottom-color: #b6718f;
  }
  .pink.idex #moments:before {
    border-top-color: #b6718f;
  }
  .pink.idex #content #docs li,
  .pink.idex .items li,
  .pink.idex #menu a span,
  .pink.idex #resume ul a,
  .pink.idex #sommaire li,
  .pink.idex .art .next,
  .pink.idex #iti h2 a,
  .pink.idex #more li,
  .pink.idex #annuaire .index-alt ul a,
  .pink.idex #glossaire .index-alt ul a,
  .pink.idex #menu-alt a:after,
  .pink.idex #end a,
  .pink.idex #select .ssmenu ul ul li:first-child a {
    background-image: url(/bundles/nubcore/images/bg/item-pink.svg);
  }
  .pink.idex .items li.doc {
    background-image: url(/bundles/nubcore/images/bg/doc-pink.svg);
  }
  .pink.idex #intro h1 button {
    background-image: url(/bundles/nubcore/images/bg/list-pink.svg);
  }
  .pink.idex #intro h1 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-off-pink.svg);
  }
  .pink.idex .cms blockquote.cite:before {
    background-image: url(/bundles/nubcore/images/bg/quote-pink.svg);
  }
  .pink.idex .cms blockquote:before {
    background-image: url(/bundles/nubcore/images/bg/quote-alt-pink.svg);
  }
  .pink.idex #intro.alt h1,
  .pink.idex .cms h1.alt {
    background-image: url(/bundles/nubcore/images/bg/puce-alt-pink.svg);
  }
  .pink.idex .cms ul li {
    background-image: url(/bundles/nubcore/images/bg/puce-ter-pink.svg);
  }
  .pink.idex #resume button,
  .pink.idex #blocs3 .diplome.off ul.action button span,
  .pink.idex #select p .button span,
  .pink.idex form #fast h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-pink.svg);
  }
  .pink.idex #filtres .filtres p button,
  .pink.idex #annuaire .index-alt ul a,
  .pink.idex #glossaire .index-alt ul a {
    background-image: url(/bundles/nubcore/images/bg/list-ter-pink.svg);
  }
  .ch .pink.idex #results .intro h2 + p select, .sa .pink.idex #results .intro h2 + p select, .ch
  .pink.idex #results .intro h2 + p select, .sa
  .pink.idex #results .intro h2 + p select {
    background-image: url(/bundles/nubcore/images/bg/list-alt-pink.svg);
  }
  .ch .pink.idex .form select, .sa .pink.idex .form select {
    background-image: url(/bundles/nubcore/images/bg/list-ter-pink.svg);
  }
  .pink.idex #filtres .filtres p button.active,
  .pink.idex .titles h2 button.active,
  .pink.idex #annuaire .index-alt ul a.active-alt,
  .pink.idex #glossaire .index-alt ul a.active-alt {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-pink.svg);
  }
  .pink.idex #resume button.active,
  .pink.idex #blocs3 .diplome ul.action button span,
  .pink.idex #select p button.active span {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-pink.svg);
  }
  .js .pink.idex #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-pink.svg);
  }
  .pink.idex #error .title {
    background-image: url(/bundles/nubcore/images/bg/losange-alt-pink.svg);
  }
  .pink.idex .titles h2.change button {
    background-image: url(/bundles/nubcore/images/agenda-pink.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .pink.idex #blocs3 .diplome .title {
    background-color: #b6718f;
  }
}
@media only screen and (max-width: 739px) {
  .pink.idex #tabs li {
    background-image: url(/bundles/nubcore/images/bg/item-pink.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .pink.idex .titles h2 button {
    background-image: url(/bundles/nubcore/images/bg/list-ter-pink.svg);
  }
}
@media only screen and (max-width: 739px) {
  .pink.idex #error h1 {
    color: #b6718f;
  }
}

@media print {
  .pink .full .diplome a,
  .pink a, .pink a:visited,
  .pink #address-alt .mask,
  .pink .selection #select a:after {
    color: #b6718f;
  }
}
@media screen {
  .red.tiers #nav .page,
  .red.tiers #last .page,
  .red.tiers #footer #partenaires {
    border-color: #e54e4f !important;
  }
  .red.tiers #actus h3 span:after,
  .red.tiers #actus .actus .col ul,
  .red.tiers #actus h2 a:after,
  .red.tiers #account,
  .red.tiers #search,
  .red.tiers #search.active button,
  .red.tiers #search p button:hover,
  .red.tiers #search p button:focus,
  .red.tiers #acces button:hover,
  .red.tiers #acces button:focus,
  .red.tiers #menu .p,
  .red.tiers .cms blockquote.cite p.cite,
  .red.tiers .cms .push,
  .red.tiers .bloc,
  .red.tiers #resume ul,
  .red.tiers #blocs3 .actu p .title,
  .red.tiers .cms .flexslider .flex-direction-nav li,
  .red.tiers #blocs3 .diplome ul.action li,
  .red.tiers #select p .button,
  .red.tiers #select .ssmenu,
  .red.tiers .hr,
  .red.tiers .form,
  .red.tiers .filets .col,
  .red.tiers #end li,
  .red.tiers .event,
  .red.tiers .event h2 .date,
  .red.tiers .event .h2 .date,
  .red.tiers .ui-widget-content,
  .red.tiers .ui-state-active,
  .red.tiers .ui-widget-content .ui-state-active,
  .red.tiers .ui-widget-header .ui-state-active,
  .red.tiers .ui-state-active,
  .red.tiers .ui-widget-content .ui-state-active,
  .red.tiers .ui-widget-header .ui-state-active,
  .red.tiers .ui-state-hover,
  .red.tiers .ui-widget-content .ui-state-hover,
  .red.tiers .ui-widget-content,
  .red.tiers .art .txt .title,
  .red.tiers #annuaire .fiche,
  .red.tiers #glossaire .fiche,
  .red.tiers #annuaire .index-alt .letter,
  .red.tiers #glossaire .index-alt .letter,
  .red.tiers .result,
  .red.tiers #fast ul,
  .red.tiers #fast div div,
  .red.tiers #fast li,
  .red.tiers #fast p,
  .red.tiers #catalogue .content a,
  .red.tiers #nav .inside-alt,
  .red.tiers .event h2 span,
  .red.tiers .event .h2 span,
  .red.tiers .loc .bloc,
  .red.tiers .bloc:last-child,
  .red.tiers #nav .inside-nav ul:nth-child(1) li a:after,
  .red.tiers #nav .inside-alt ul:nth-child(1) li a:after,
  .red.tiers #menu-alt a:after {
    border-color: #e54e4f;
  }
  .red.tiers .ui-datepicker .ui-datepicker-prev-hover,
  .red.tiers .ui-datepicker .ui-datepicker-next-hover {
    background-color: #e54e4f !important;
  }
  .red.tiers .ui-state-hover,
  .red.tiers .ui-widget-content .ui-state-hover {
    background-color: white;
  }
  .red.tiers .form input.text:focus,
  .red.tiers .form select:focus,
  .red.tiers .form textarea:focus {
    -webkit-box-shadow: 0 0 3px #e54e4f;
    -moz-box-shadow: 0 0 3px #e54e4f;
    box-shadow: 0 0 3px #e54e4f;
  }
  .red.tiers .cms tfoot td,
  .red.tiers .cms tfoot th {
    -webkit-box-shadow: 0 1px 0 #e54e4f inset;
    -moz-box-shadow: 0 1px 0 #e54e4f inset;
    box-shadow: 0 1px 0 #e54e4f inset;
  }
  .js .red.tiers #acces li ul, .js
  .red.tiers #lang ul {
    border-color: #e54e4f;
  }
  .red.tiers #nav button:hover:before,
  .red.tiers #nav button:focus:before,
  .red.tiers #nav a:hover:before,
  .red.tiers #nav a:focus:before,
  .red.tiers #nav .active button:before,
  .red.tiers #nav .on button:before {
    background-color: #443a31;
  }
  .red.tiers #nav button:after,
  .red.tiers #carrousel-left .flex-direction-nav,
  .red.tiers #slides:after,
  .red.tiers #footer .col:after,
  .red.tiers .btn,
  .red.tiers #intro,
  .red.tiers #breadcrumb-social-select.intro,
  .red.tiers .cms h2:after,
  .red.tiers .cms .h2:after,
  .red.tiers .bloc .p:after,
  .red.tiers .cms .accordion .h2 button,
  .red.tiers .cms .accordion .h2,
  .red.tiers #blocs3 .actu p .title,
  .red.tiers #blocs3 .col a:hover .txt,
  .red.tiers #blocs3 .col a:focus .txt,
  .red.tiers .cms .flexslider .flex-direction-nav button:hover,
  .red.tiers .cms .flexslider .flex-direction-nav button:focus,
  .red.tiers #blocs3 .diplome .title span span,
  .red.tiers #carrousel .flex-direction-nav,
  .red.tiers #blue,
  .red.tiers #carrousel .flex-direction-nav .flex-prev,
  .red.tiers #carrousel .flex-direction-nav .flex-next,
  .red.tiers .bloc h3:after,
  .red.tiers #chiffres ul .li,
  .red.tiers #moments p .title span,
  .red.tiers #plage,
  .red.tiers .event h2 .date:after,
  .red.tiers .event .h2 .date:after,
  .red.tiers #formation,
  .red.tiers #tabs a:after,
  .red.tiers #filtre .filtre p,
  .red.tiers .art .txt .title,
  .red.tiers .art .txt:after,
  .red.tiers #pagination ul,
  .red.tiers #iti h2 span:first-child,
  .red.tiers .cms .event:after,
  .red.tiers #annuaire .filter,
  .red.tiers #glossaire .filter,
  .red.tiers #search-alt form,
  .red.tiers #formations,
  .red.tiers #offre-emploi,
  .red.tiers #nav .inside-nav ul:first-child li button,
  .red.tiers #nav .inside-alt ul:first-child li button,
  .red.tiers #menu-alt button,
  .red.tiers #trouver {
    background-color: #e54e4f;
  }
  .red.tiers #blocs3 .diplome .title span span {
    color: #FFFFFF;
  }
  .red.tiers #blocs3 .diplome .title a:hover span span {
    text-decoration: underline !important;
  }
  .red.tiers .btn:hover,
  .red.tiers .btn:focus {
    background-color: #de2223;
  }
  .no-touch .red.tiers .cms .accordion .h2 button:hover, .no-touch
  .red.tiers .cms .accordion .h2 button:focus {
    background-color: #de2223;
  }
  .no-touch .red.tiers #blue .col a:hover h2 span, .no-touch
  .red.tiers #blue .col a:focus h2 span {
    color: #e54e4f;
  }
  .red.tiers #carrousel-left button:hover .shape1,
  .red.tiers #carrousel-left button:focus .shape1,
  .red.tiers #slides .flex-prev .shape2,
  .red.tiers #slides .flex-next .shape2,
  .red.tiers #slides .flex-prev:hover .shape1,
  .red.tiers #slides .flex-prev:focus .shape1,
  .red.tiers #slides .flex-next:hover .shape1,
  .red.tiers #slides .flex-next:focus .shape1,
  .red.tiers #slides p .next,
  .red.tiers #actus h2 span:after,
  .red.tiers #actus .col:first-child li li,
  .red.tiers #actus .col:first-child path,
  .red.tiers #actus .actu a:hover h3,
  .red.tiers #actus .actu a:focus h3,
  .red.tiers #actus .actus .col a:hover h3,
  .red.tiers #actus .actus .col a:focus h3,
  .red.tiers #last a,
  .red.tiers #menu .p a span,
  .red.tiers #menu a,
  .red.tiers #menu ul ul li a:hover,
  .red.tiers #menu ul ul li a:focus,
  .red.tiers #menu .p a,
  .red.tiers .cms blockquote p,
  .red.tiers .cms ol,
  .red.tiers .cms .push h2 span,
  .red.tiers .cms .extract:before,
  .red.tiers .cms a:hover,
  .red.tiers .cms a:focus,
  .red.tiers #resume a:hover,
  .red.tiers #resume a:focus,
  .red.tiers #resume button:hover,
  .red.tiers #resume button:focus,
  .red.tiers #blocs3 h2 span,
  .red.tiers #content #meta a,
  .red.tiers #content .meta a:hover,
  .red.tiers #content .meta a:focus,
  .red.tiers .cms .flexslider .flex-direction-nav .shape1,
  .red.tiers #blocs3 .diplome ul a:hover,
  .red.tiers #blocs3 .diplome ul a:focus,
  .red.tiers #blocs3 .diplome p a:hover,
  .red.tiers #blocs3 .diplome p a:focus,
  .red.tiers #select p .button span span,
  .red.tiers #select .ssmenu path,
  .red.tiers #carrousel .slides h2,
  .red.tiers #breadcrumb-social-select.intro.alt path,
  .red.tiers #intro.alt h2,
  .red.tiers .cms dd:before,
  .red.tiers .event h2 .date,
  .red.tiers .event .h2 .date,
  .red.tiers #filtres .reset a,
  .red.tiers .cms caption,
  .red.tiers .cms table strong,
  .red.tiers #contactmap h2,
  .red.tiers .loc h2 span,
  .red.tiers .triangle-alt #social path,
  .red.tiers #annuaire .index-alt .letter,
  .red.tiers #glossaire .index-alt .letter,
  .red.tiers #annuaire .tab h2,
  .red.tiers #glossaire .tab h2,
  .red.tiers #annuaire .index-alt ul a:hover,
  .red.tiers #annuaire .index-alt ul a:focus,
  .red.tiers #glossaire .index-alt ul a:hover,
  .red.tiers #glossaire .index-alt ul a:focus,
  .red.tiers #results .intro h2 strong,
  .red.tiers #catalogue h2 span,
  .red.tiers #catalogue h4,
  .red.tiers #catalogue h4 path,
  .red.tiers #carrousel-left .txt .nowrap path {
    fill: #e54e4f;
    color: #e54e4f;
  }
  .red.tiers #slides .flex-prev:hover .shape2,
  .red.tiers #slides .flex-prev:focus .shape2,
  .red.tiers #slides .flex-next:hover .shape2,
  .red.tiers #slides .flex-next:focus .shape2 {
    fill: #443a31;
  }
  .red.tiers #carrousel-left h2 {
    background-color: #fff;
    color: #e54e4f;
  }
  .red.tiers #actus:after {
    border-bottom-color: rgba(229, 78, 79, 0.25);
  }
  .red.tiers .cms .push:after {
    border-bottom-color: #e54e4f;
  }
  .red.tiers #account a span {
    background-image: url(/bundles/nubcore/images/bg/secure-red.svg);
  }
  .red.tiers #footer .col li,
  .red.tiers #slides p .next,
  .red.tiers #actus .actus .col ul a,
  .red.tiers #actus .col.first-child li li,
  .red.tiers #account a,
  .red.tiers #acces li ul a,
  .red.tiers #lang ul a,
  .red.tiers #menu a span,
  .red.tiers .items li,
  .red.tiers #resume ul a,
  .red.tiers #content #docs li,
  .red.tiers #select .ssmenu ul ul li:first-child a,
  .red.tiers #carrousel .slides ul li,
  .red.tiers #sommaire li,
  .red.tiers #end a,
  .red.tiers .art .next,
  .red.tiers #iti h2 a,
  .red.tiers #more li,
  .red.tiers #annuaire .index-alt ul a,
  .red.tiers #glossaire .index-alt ul a,
  .red.tiers form #fast h3 button,
  .red.tiers #nav .inside-alt ul:nth-child(1) li a,
  .red.tiers #nav ul ul:nth-child(1) li a:after,
  .red.tiers #menu-alt a:after,
  .red.tiers #carrousel-left p:after {
    background-image: url(/bundles/nubcore/images/bg/item-red.svg);
  }
  .js .red.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/item-off-red.svg);
  }
  .red.tiers #last li,
  .red.tiers .cms ul li {
    background-image: url(/bundles/nubcore/images/bg/puce-ter-red.svg);
  }
  .red.tiers #acces button {
    background-image: url(/bundles/nubcore/images/bg/link-red.svg);
  }
  .red.tiers #acces .button span,
  .red.tiers #nav .button span,
  .red.tiers #lang span,
  .red.tiers #intro h1 button {
    background-image: url(/bundles/nubcore/images/bg/list-red.svg);
  }
  .red.tiers #resume button,
  .red.tiers #select p .button span,
  .red.tiers #blocs3 .diplome.off ul.action button span,
  .red.tiers form #fast h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-red.svg);
  }
  .red.tiers #lang button.active span,
  .red.tiers #nav .active span,
  .red.tiers #acces .active button span,
  .red.tiers #intro h1 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-off-red.svg);
  }
  .red.tiers #top a,
  .red.tiers #resume button.active,
  .red.tiers #select p button.active span,
  .red.tiers #blocs3 .diplome ul.action button span {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-red.svg);
  }
  .red.tiers #filtres .filtres p button,
  .red.tiers #annuaire .index-alt ul a,
  .red.tiers #glossaire .index-alt ul a {
    background-image: url(/bundles/nubcore/images/bg/list-ter-red.svg);
  }
  .red.tiers #filtres .filtres p button.active,
  .red.tiers #annuaire .index-alt ul a.active-alt,
  .red.tiers #glossaire .index-alt ul a.active-alt {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-red.svg);
  }
  .js .red.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-red.svg);
  }
  .red.tiers #acces li:last-child button {
    background-image: url(/bundles/nubcore/images/bg/profil-red.svg);
  }
  .red.tiers #error .title {
    background-image: url(/bundles/nubcore/images/bg/losange-alt-red.svg);
  }
  .red.tiers .cms blockquote:before {
    background-image: url(/bundles/nubcore/images/bg/quote-alt-red.svg);
  }
  .red.tiers .cms blockquote.cite:before {
    background-image: url(/bundles/nubcore/images/bg/quote-red.svg);
  }
  .red.tiers .rubrique .cms h1,
  .red.tiers #intro.alt h1,
  .red.tiers .cms h1.alt {
    background-image: url(/bundles/nubcore/images/bg/puce-alt-red.svg);
  }
  .red.tiers .items li.doc {
    background-image: url(/bundles/nubcore/images/bg/doc-red.svg);
  }
  .red.tiers .titles h2.change button {
    background-image: url(/bundles/nubcore/images/agenda-red.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .red.tiers #blocs3 .diplome .title {
    background-color: #e54e4f;
  }
}
@media only screen and (max-width: 739px) {
  .red.tiers #error h1 {
    color: #e54e4f;
  }
}
@media only screen and (max-width: 739px) {
  .red.tiers #tabs li {
    background-image: url(/bundles/nubcore/images/bg/item-red.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .red.tiers .titles h2 button {
    background-image: url(/bundles/nubcore/images/bg/list-ter-red.svg);
  }
  .red.tiers .titles h2 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-red.svg);
  }
}
@media print {
  .red .full .diplome a,
  .red a, .red a:visited,
  .red #address-alt .mask,
  .red .selection #select a:after {
    color: #e54e4f;
  }
}
@media screen {
  .green.tiers #nav .page,
  .green.tiers #last .page,
  .green.tiers #footer #partenaires {
    border-color: #6aa164 !important;
  }
  .green.tiers #actus h3 span:after,
  .green.tiers #actus .actus .col ul,
  .green.tiers #actus h2 a:after,
  .green.tiers #account,
  .green.tiers #search,
  .green.tiers #search.active button,
  .green.tiers #search p button:hover,
  .green.tiers #search p button:focus,
  .green.tiers #acces button:hover,
  .green.tiers #acces button:focus,
  .green.tiers #menu .p,
  .green.tiers .cms blockquote.cite p.cite,
  .green.tiers .cms .push,
  .green.tiers .bloc,
  .green.tiers #resume ul,
  .green.tiers #blocs3 .actu p .title,
  .green.tiers .cms .flexslider .flex-direction-nav li,
  .green.tiers #blocs3 .diplome ul.action li,
  .green.tiers #select p .button,
  .green.tiers #select .ssmenu,
  .green.tiers .hr,
  .green.tiers .form,
  .green.tiers .filets .col,
  .green.tiers #end li,
  .green.tiers .event,
  .green.tiers .event h2 .date,
  .green.tiers .event .h2 .date,
  .green.tiers .ui-widget-content,
  .green.tiers .ui-state-active,
  .green.tiers .ui-widget-content .ui-state-active,
  .green.tiers .ui-widget-header .ui-state-active,
  .green.tiers .ui-state-active,
  .green.tiers .ui-widget-content .ui-state-active,
  .green.tiers .ui-widget-header .ui-state-active,
  .green.tiers .ui-state-hover,
  .green.tiers .ui-widget-content .ui-state-hover,
  .green.tiers .ui-widget-content,
  .green.tiers .art .txt .title,
  .green.tiers #annuaire .fiche,
  .green.tiers #glossaire .fiche,
  .green.tiers #annuaire .index-alt .letter,
  .green.tiers #glossaire .index-alt .letter,
  .green.tiers .result,
  .green.tiers #fast ul,
  .green.tiers #fast div div,
  .green.tiers #fast li,
  .green.tiers #fast p,
  .green.tiers #catalogue .content a,
  .green.tiers #nav .inside-alt,
  .green.tiers .event h2 span,
  .green.tiers .event .h2 span,
  .green.tiers .loc .bloc,
  .green.tiers .bloc:last-child,
  .green.tiers #nav .inside-nav ul:nth-child(1) li a:after,
  .green.tiers #nav .inside-alt ul:nth-child(1) li a:after,
  .green.tiers #menu-alt a:after {
    border-color: #6aa164;
  }
  .green.tiers .ui-datepicker .ui-datepicker-prev-hover,
  .green.tiers .ui-datepicker .ui-datepicker-next-hover {
    background-color: #6aa164 !important;
  }
  .green.tiers .ui-state-hover,
  .green.tiers .ui-widget-content .ui-state-hover {
    background-color: #e4eee3;
  }
  .green.tiers .form input.text:focus,
  .green.tiers .form select:focus,
  .green.tiers .form textarea:focus {
    -webkit-box-shadow: 0 0 3px #6aa164;
    -moz-box-shadow: 0 0 3px #6aa164;
    box-shadow: 0 0 3px #6aa164;
  }
  .green.tiers .cms tfoot td,
  .green.tiers .cms tfoot th {
    -webkit-box-shadow: 0 1px 0 #6aa164 inset;
    -moz-box-shadow: 0 1px 0 #6aa164 inset;
    box-shadow: 0 1px 0 #6aa164 inset;
  }
  .js .green.tiers #acces li ul, .js
  .green.tiers #lang ul {
    border-color: #6aa164;
  }
  .green.tiers #nav button:hover:before,
  .green.tiers #nav button:focus:before,
  .green.tiers #nav a:hover:before,
  .green.tiers #nav a:focus:before,
  .green.tiers #nav .active button:before,
  .green.tiers #nav .on button:before {
    background-color: #443a31;
  }
  .green.tiers #nav button:after,
  .green.tiers #carrousel-left .flex-direction-nav,
  .green.tiers #slides:after,
  .green.tiers #footer .col:after,
  .green.tiers .btn,
  .green.tiers #intro,
  .green.tiers #breadcrumb-social-select.intro,
  .green.tiers .cms h2:after,
  .green.tiers .cms .h2:after,
  .green.tiers .bloc .p:after,
  .green.tiers .cms .accordion .h2 button,
  .green.tiers .cms .accordion .h2,
  .green.tiers #blocs3 .actu p .title,
  .green.tiers #blocs3 .col a:hover .txt,
  .green.tiers #blocs3 .col a:focus .txt,
  .green.tiers .cms .flexslider .flex-direction-nav button:hover,
  .green.tiers .cms .flexslider .flex-direction-nav button:focus,
  .green.tiers #blocs3 .diplome .title span span,
  .green.tiers #carrousel .flex-direction-nav,
  .green.tiers #blue,
  .green.tiers #carrousel .flex-direction-nav .flex-prev,
  .green.tiers #carrousel .flex-direction-nav .flex-next,
  .green.tiers .bloc h3:after,
  .green.tiers #chiffres ul .li,
  .green.tiers #moments p .title span,
  .green.tiers #plage,
  .green.tiers .event h2 .date:after,
  .green.tiers .event .h2 .date:after,
  .green.tiers #formation,
  .green.tiers #tabs a:after,
  .green.tiers #filtre .filtre p,
  .green.tiers .art .txt .title,
  .green.tiers .art .txt:after,
  .green.tiers #pagination ul,
  .green.tiers #iti h2 span:first-child,
  .green.tiers .cms .event:after,
  .green.tiers #annuaire .filter,
  .green.tiers #glossaire .filter,
  .green.tiers #search-alt form,
  .green.tiers #formations,
  .green.tiers #offre-emploi,
  .green.tiers #nav .inside-nav ul:first-child li button,
  .green.tiers #nav .inside-alt ul:first-child li button,
  .green.tiers #menu-alt button,
  .green.tiers #trouver {
    background-color: #6aa164;
  }
  .green.tiers #blocs3 .diplome .title span span {
    color: #FFFFFF;
  }
  .green.tiers #blocs3 .diplome .title a:hover span span {
    text-decoration: underline !important;
  }
  .green.tiers .btn:hover,
  .green.tiers .btn:focus {
    background-color: #54834f;
  }
  .no-touch .green.tiers .cms .accordion .h2 button:hover, .no-touch
  .green.tiers .cms .accordion .h2 button:focus {
    background-color: #54834f;
  }
  .no-touch .green.tiers #blue .col a:hover h2 span, .no-touch
  .green.tiers #blue .col a:focus h2 span {
    color: #6aa164;
  }
  .green.tiers #carrousel-left button:hover .shape1,
  .green.tiers #carrousel-left button:focus .shape1,
  .green.tiers #slides .flex-prev .shape2,
  .green.tiers #slides .flex-next .shape2,
  .green.tiers #slides .flex-prev:hover .shape1,
  .green.tiers #slides .flex-prev:focus .shape1,
  .green.tiers #slides .flex-next:hover .shape1,
  .green.tiers #slides .flex-next:focus .shape1,
  .green.tiers #slides p .next,
  .green.tiers #actus h2 span:after,
  .green.tiers #actus .col:first-child li li,
  .green.tiers #actus .col:first-child path,
  .green.tiers #actus .actu a:hover h3,
  .green.tiers #actus .actu a:focus h3,
  .green.tiers #actus .actus .col a:hover h3,
  .green.tiers #actus .actus .col a:focus h3,
  .green.tiers #last a,
  .green.tiers #menu .p a span,
  .green.tiers #menu a,
  .green.tiers #menu ul ul li a:hover,
  .green.tiers #menu ul ul li a:focus,
  .green.tiers #menu .p a,
  .green.tiers .cms blockquote p,
  .green.tiers .cms ol,
  .green.tiers .cms .push h2 span,
  .green.tiers .cms .extract:before,
  .green.tiers .cms a:hover,
  .green.tiers .cms a:focus,
  .green.tiers #resume a:hover,
  .green.tiers #resume a:focus,
  .green.tiers #resume button:hover,
  .green.tiers #resume button:focus,
  .green.tiers #blocs3 h2 span,
  .green.tiers #content #meta a,
  .green.tiers #content .meta a:hover,
  .green.tiers #content .meta a:focus,
  .green.tiers .cms .flexslider .flex-direction-nav .shape1,
  .green.tiers #blocs3 .diplome ul a:hover,
  .green.tiers #blocs3 .diplome ul a:focus,
  .green.tiers #blocs3 .diplome p a:hover,
  .green.tiers #blocs3 .diplome p a:focus,
  .green.tiers #select p .button span span,
  .green.tiers #select .ssmenu path,
  .green.tiers #carrousel .slides h2,
  .green.tiers #breadcrumb-social-select.intro.alt path,
  .green.tiers #intro.alt h2,
  .green.tiers .cms dd:before,
  .green.tiers .event h2 .date,
  .green.tiers .event .h2 .date,
  .green.tiers #filtres .reset a,
  .green.tiers .cms caption,
  .green.tiers .cms table strong,
  .green.tiers #contactmap h2,
  .green.tiers .loc h2 span,
  .green.tiers .triangle-alt #social path,
  .green.tiers #annuaire .index-alt .letter,
  .green.tiers #glossaire .index-alt .letter,
  .green.tiers #annuaire .tab h2,
  .green.tiers #glossaire .tab h2,
  .green.tiers #annuaire .index-alt ul a:hover,
  .green.tiers #annuaire .index-alt ul a:focus,
  .green.tiers #glossaire .index-alt ul a:hover,
  .green.tiers #glossaire .index-alt ul a:focus,
  .green.tiers #results .intro h2 strong,
  .green.tiers #catalogue h2 span,
  .green.tiers #catalogue h4,
  .green.tiers #catalogue h4 path,
  .green.tiers #carrousel-left .txt .nowrap path {
    fill: #6aa164;
    color: #6aa164;
  }
  .green.tiers #slides .flex-prev:hover .shape2,
  .green.tiers #slides .flex-prev:focus .shape2,
  .green.tiers #slides .flex-next:hover .shape2,
  .green.tiers #slides .flex-next:focus .shape2 {
    fill: #443a31;
  }
  .green.tiers #carrousel-left h2 {
    background-color: #fff;
    color: #6aa164;
  }
  .green.tiers #actus:after {
    border-bottom-color: rgba(106, 161, 100, 0.25);
  }
  .green.tiers .cms .push:after {
    border-bottom-color: #6aa164;
  }
  .green.tiers #account a span {
    background-image: url(/bundles/nubcore/images/bg/secure-green.svg);
  }
  .green.tiers #footer .col li,
  .green.tiers #slides p .next,
  .green.tiers #actus .actus .col ul a,
  .green.tiers #actus .col.first-child li li,
  .green.tiers #account a,
  .green.tiers #acces li ul a,
  .green.tiers #lang ul a,
  .green.tiers #menu a span,
  .green.tiers .items li,
  .green.tiers #resume ul a,
  .green.tiers #content #docs li,
  .green.tiers #select .ssmenu ul ul li:first-child a,
  .green.tiers #carrousel .slides ul li,
  .green.tiers #sommaire li,
  .green.tiers #end a,
  .green.tiers .art .next,
  .green.tiers #iti h2 a,
  .green.tiers #more li,
  .green.tiers #annuaire .index-alt ul a,
  .green.tiers #glossaire .index-alt ul a,
  .green.tiers form #fast h3 button,
  .green.tiers #nav .inside-alt ul:nth-child(1) li a,
  .green.tiers #nav ul ul:nth-child(1) li a:after,
  .green.tiers #menu-alt a:after,
  .green.tiers #carrousel-left p:after {
    background-image: url(/bundles/nubcore/images/bg/item-green.svg);
  }
  .js .green.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/item-off-green.svg);
  }
  .green.tiers #last li,
  .green.tiers .cms ul li {
    background-image: url(/bundles/nubcore/images/bg/puce-ter-green.svg);
  }
  .green.tiers #acces button {
    background-image: url(/bundles/nubcore/images/bg/link-green.svg);
  }
  .green.tiers #acces .button span,
  .green.tiers #nav .button span,
  .green.tiers #lang span,
  .green.tiers #intro h1 button {
    background-image: url(/bundles/nubcore/images/bg/list-green.svg);
  }
  .green.tiers #resume button,
  .green.tiers #select p .button span,
  .green.tiers #blocs3 .diplome.off ul.action button span,
  .green.tiers form #fast h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-green.svg);
  }
  .green.tiers #lang button.active span,
  .green.tiers #nav .active span,
  .green.tiers #acces .active button span,
  .green.tiers #intro h1 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-off-green.svg);
  }
  .green.tiers #top a,
  .green.tiers #resume button.active,
  .green.tiers #select p button.active span,
  .green.tiers #blocs3 .diplome ul.action button span {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-green.svg);
  }
  .green.tiers #filtres .filtres p button,
  .green.tiers #annuaire .index-alt ul a,
  .green.tiers #glossaire .index-alt ul a {
    background-image: url(/bundles/nubcore/images/bg/list-ter-green.svg);
  }
  .green.tiers #filtres .filtres p button.active,
  .green.tiers #annuaire .index-alt ul a.active-alt,
  .green.tiers #glossaire .index-alt ul a.active-alt {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-green.svg);
  }
  .js .green.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-green.svg);
  }
  .green.tiers #acces li:last-child button {
    background-image: url(/bundles/nubcore/images/bg/profil-green.svg);
  }
  .green.tiers #error .title {
    background-image: url(/bundles/nubcore/images/bg/losange-alt-green.svg);
  }
  .green.tiers .cms blockquote:before {
    background-image: url(/bundles/nubcore/images/bg/quote-alt-green.svg);
  }
  .green.tiers .cms blockquote.cite:before {
    background-image: url(/bundles/nubcore/images/bg/quote-green.svg);
  }
  .green.tiers .rubrique .cms h1,
  .green.tiers #intro.alt h1,
  .green.tiers .cms h1.alt {
    background-image: url(/bundles/nubcore/images/bg/puce-alt-green.svg);
  }
  .green.tiers .items li.doc {
    background-image: url(/bundles/nubcore/images/bg/doc-green.svg);
  }
  .green.tiers .titles h2.change button {
    background-image: url(/bundles/nubcore/images/agenda-green.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .green.tiers #blocs3 .diplome .title {
    background-color: #6aa164;
  }
}
@media only screen and (max-width: 739px) {
  .green.tiers #error h1 {
    color: #6aa164;
  }
}
@media only screen and (max-width: 739px) {
  .green.tiers #tabs li {
    background-image: url(/bundles/nubcore/images/bg/item-green.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .green.tiers .titles h2 button {
    background-image: url(/bundles/nubcore/images/bg/list-ter-green.svg);
  }
  .green.tiers .titles h2 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-green.svg);
  }
}
@media print {
  .green .full .diplome a,
  .green a, .green a:visited,
  .green #address-alt .mask,
  .green .selection #select a:after {
    color: #6aa164;
  }
}
@media screen {
  .orange.tiers #nav .page,
  .orange.tiers #last .page,
  .orange.tiers #footer #partenaires {
    border-color: #e67447 !important;
  }
  .orange.tiers #actus h3 span:after,
  .orange.tiers #actus .actus .col ul,
  .orange.tiers #actus h2 a:after,
  .orange.tiers #account,
  .orange.tiers #search,
  .orange.tiers #search.active button,
  .orange.tiers #search p button:hover,
  .orange.tiers #search p button:focus,
  .orange.tiers #acces button:hover,
  .orange.tiers #acces button:focus,
  .orange.tiers #menu .p,
  .orange.tiers .cms blockquote.cite p.cite,
  .orange.tiers .cms .push,
  .orange.tiers .bloc,
  .orange.tiers #resume ul,
  .orange.tiers #blocs3 .actu p .title,
  .orange.tiers .cms .flexslider .flex-direction-nav li,
  .orange.tiers #blocs3 .diplome ul.action li,
  .orange.tiers #select p .button,
  .orange.tiers #select .ssmenu,
  .orange.tiers .hr,
  .orange.tiers .form,
  .orange.tiers .filets .col,
  .orange.tiers #end li,
  .orange.tiers .event,
  .orange.tiers .event h2 .date,
  .orange.tiers .event .h2 .date,
  .orange.tiers .ui-widget-content,
  .orange.tiers .ui-state-active,
  .orange.tiers .ui-widget-content .ui-state-active,
  .orange.tiers .ui-widget-header .ui-state-active,
  .orange.tiers .ui-state-active,
  .orange.tiers .ui-widget-content .ui-state-active,
  .orange.tiers .ui-widget-header .ui-state-active,
  .orange.tiers .ui-state-hover,
  .orange.tiers .ui-widget-content .ui-state-hover,
  .orange.tiers .ui-widget-content,
  .orange.tiers .art .txt .title,
  .orange.tiers #annuaire .fiche,
  .orange.tiers #glossaire .fiche,
  .orange.tiers #annuaire .index-alt .letter,
  .orange.tiers #glossaire .index-alt .letter,
  .orange.tiers .result,
  .orange.tiers #fast ul,
  .orange.tiers #fast div div,
  .orange.tiers #fast li,
  .orange.tiers #fast p,
  .orange.tiers #catalogue .content a,
  .orange.tiers #nav .inside-alt,
  .orange.tiers .event h2 span,
  .orange.tiers .event .h2 span,
  .orange.tiers .loc .bloc,
  .orange.tiers .bloc:last-child,
  .orange.tiers #nav .inside-nav ul:nth-child(1) li a:after,
  .orange.tiers #nav .inside-alt ul:nth-child(1) li a:after,
  .orange.tiers #menu-alt a:after {
    border-color: #e67447;
  }
  .orange.tiers .ui-datepicker .ui-datepicker-prev-hover,
  .orange.tiers .ui-datepicker .ui-datepicker-next-hover {
    background-color: #e67447 !important;
  }
  .orange.tiers .ui-state-hover,
  .orange.tiers .ui-widget-content .ui-state-hover {
    background-color: #fefcfb;
  }
  .orange.tiers .form input.text:focus,
  .orange.tiers .form select:focus,
  .orange.tiers .form textarea:focus {
    -webkit-box-shadow: 0 0 3px #e67447;
    -moz-box-shadow: 0 0 3px #e67447;
    box-shadow: 0 0 3px #e67447;
  }
  .orange.tiers .cms tfoot td,
  .orange.tiers .cms tfoot th {
    -webkit-box-shadow: 0 1px 0 #e67447 inset;
    -moz-box-shadow: 0 1px 0 #e67447 inset;
    box-shadow: 0 1px 0 #e67447 inset;
  }
  .js .orange.tiers #acces li ul, .js
  .orange.tiers #lang ul {
    border-color: #e67447;
  }
  .orange.tiers #nav button:hover:before,
  .orange.tiers #nav button:focus:before,
  .orange.tiers #nav a:hover:before,
  .orange.tiers #nav a:focus:before,
  .orange.tiers #nav .active button:before,
  .orange.tiers #nav .on button:before {
    background-color: #443a31;
  }
  .orange.tiers #nav button:after,
  .orange.tiers #carrousel-left .flex-direction-nav,
  .orange.tiers #slides:after,
  .orange.tiers #footer .col:after,
  .orange.tiers .btn,
  .orange.tiers #intro,
  .orange.tiers #breadcrumb-social-select.intro,
  .orange.tiers .cms h2:after,
  .orange.tiers .cms .h2:after,
  .orange.tiers .bloc .p:after,
  .orange.tiers .cms .accordion .h2 button,
  .orange.tiers .cms .accordion .h2,
  .orange.tiers #blocs3 .actu p .title,
  .orange.tiers #blocs3 .col a:hover .txt,
  .orange.tiers #blocs3 .col a:focus .txt,
  .orange.tiers .cms .flexslider .flex-direction-nav button:hover,
  .orange.tiers .cms .flexslider .flex-direction-nav button:focus,
  .orange.tiers #blocs3 .diplome .title span span,
  .orange.tiers #carrousel .flex-direction-nav,
  .orange.tiers #blue,
  .orange.tiers #carrousel .flex-direction-nav .flex-prev,
  .orange.tiers #carrousel .flex-direction-nav .flex-next,
  .orange.tiers .bloc h3:after,
  .orange.tiers #chiffres ul .li,
  .orange.tiers #moments p .title span,
  .orange.tiers #plage,
  .orange.tiers .event h2 .date:after,
  .orange.tiers .event .h2 .date:after,
  .orange.tiers #formation,
  .orange.tiers #tabs a:after,
  .orange.tiers #filtre .filtre p,
  .orange.tiers .art .txt .title,
  .orange.tiers .art .txt:after,
  .orange.tiers #pagination ul,
  .orange.tiers #iti h2 span:first-child,
  .orange.tiers .cms .event:after,
  .orange.tiers #annuaire .filter,
  .orange.tiers #glossaire .filter,
  .orange.tiers #search-alt form,
  .orange.tiers #formations,
  .orange.tiers #offre-emploi,
  .orange.tiers #nav .inside-nav ul:first-child li button,
  .orange.tiers #nav .inside-alt ul:first-child li button,
  .orange.tiers #menu-alt button,
  .orange.tiers #trouver {
    background-color: #e67447;
  }
  .orange.tiers #blocs3 .diplome .title span span {
    color: #FFFFFF;
  }
  .orange.tiers #blocs3 .diplome .title a:hover span span {
    text-decoration: underline !important;
  }
  .orange.tiers .btn:hover,
  .orange.tiers .btn:focus {
    background-color: #dc541e;
  }
  .no-touch .orange.tiers .cms .accordion .h2 button:hover, .no-touch
  .orange.tiers .cms .accordion .h2 button:focus {
    background-color: #dc541e;
  }
  .no-touch .orange.tiers #blue .col a:hover h2 span, .no-touch
  .orange.tiers #blue .col a:focus h2 span {
    color: #e67447;
  }
  .orange.tiers #carrousel-left button:hover .shape1,
  .orange.tiers #carrousel-left button:focus .shape1,
  .orange.tiers #slides .flex-prev .shape2,
  .orange.tiers #slides .flex-next .shape2,
  .orange.tiers #slides .flex-prev:hover .shape1,
  .orange.tiers #slides .flex-prev:focus .shape1,
  .orange.tiers #slides .flex-next:hover .shape1,
  .orange.tiers #slides .flex-next:focus .shape1,
  .orange.tiers #slides p .next,
  .orange.tiers #actus h2 span:after,
  .orange.tiers #actus .col:first-child li li,
  .orange.tiers #actus .col:first-child path,
  .orange.tiers #actus .actu a:hover h3,
  .orange.tiers #actus .actu a:focus h3,
  .orange.tiers #actus .actus .col a:hover h3,
  .orange.tiers #actus .actus .col a:focus h3,
  .orange.tiers #last a,
  .orange.tiers #menu .p a span,
  .orange.tiers #menu a,
  .orange.tiers #menu ul ul li a:hover,
  .orange.tiers #menu ul ul li a:focus,
  .orange.tiers #menu .p a,
  .orange.tiers .cms blockquote p,
  .orange.tiers .cms ol,
  .orange.tiers .cms .push h2 span,
  .orange.tiers .cms .extract:before,
  .orange.tiers .cms a:hover,
  .orange.tiers .cms a:focus,
  .orange.tiers #resume a:hover,
  .orange.tiers #resume a:focus,
  .orange.tiers #resume button:hover,
  .orange.tiers #resume button:focus,
  .orange.tiers #blocs3 h2 span,
  .orange.tiers #content #meta a,
  .orange.tiers #content .meta a:hover,
  .orange.tiers #content .meta a:focus,
  .orange.tiers .cms .flexslider .flex-direction-nav .shape1,
  .orange.tiers #blocs3 .diplome ul a:hover,
  .orange.tiers #blocs3 .diplome ul a:focus,
  .orange.tiers #blocs3 .diplome p a:hover,
  .orange.tiers #blocs3 .diplome p a:focus,
  .orange.tiers #select p .button span span,
  .orange.tiers #select .ssmenu path,
  .orange.tiers #carrousel .slides h2,
  .orange.tiers #breadcrumb-social-select.intro.alt path,
  .orange.tiers #intro.alt h2,
  .orange.tiers .cms dd:before,
  .orange.tiers .event h2 .date,
  .orange.tiers .event .h2 .date,
  .orange.tiers #filtres .reset a,
  .orange.tiers .cms caption,
  .orange.tiers .cms table strong,
  .orange.tiers #contactmap h2,
  .orange.tiers .loc h2 span,
  .orange.tiers .triangle-alt #social path,
  .orange.tiers #annuaire .index-alt .letter,
  .orange.tiers #glossaire .index-alt .letter,
  .orange.tiers #annuaire .tab h2,
  .orange.tiers #glossaire .tab h2,
  .orange.tiers #annuaire .index-alt ul a:hover,
  .orange.tiers #annuaire .index-alt ul a:focus,
  .orange.tiers #glossaire .index-alt ul a:hover,
  .orange.tiers #glossaire .index-alt ul a:focus,
  .orange.tiers #results .intro h2 strong,
  .orange.tiers #catalogue h2 span,
  .orange.tiers #catalogue h4,
  .orange.tiers #catalogue h4 path,
  .orange.tiers #carrousel-left .txt .nowrap path {
    fill: #e67447;
    color: #e67447;
  }
  .orange.tiers #slides .flex-prev:hover .shape2,
  .orange.tiers #slides .flex-prev:focus .shape2,
  .orange.tiers #slides .flex-next:hover .shape2,
  .orange.tiers #slides .flex-next:focus .shape2 {
    fill: #443a31;
  }
  .orange.tiers #carrousel-left h2 {
    background-color: #fff;
    color: #e67447;
  }
  .orange.tiers #actus:after {
    border-bottom-color: rgba(230, 116, 71, 0.25);
  }
  .orange.tiers .cms .push:after {
    border-bottom-color: #e67447;
  }
  .orange.tiers #account a span {
    background-image: url(/bundles/nubcore/images/bg/secure-orange.svg);
  }
  .orange.tiers #footer .col li,
  .orange.tiers #slides p .next,
  .orange.tiers #actus .actus .col ul a,
  .orange.tiers #actus .col.first-child li li,
  .orange.tiers #account a,
  .orange.tiers #acces li ul a,
  .orange.tiers #lang ul a,
  .orange.tiers #menu a span,
  .orange.tiers .items li,
  .orange.tiers #resume ul a,
  .orange.tiers #content #docs li,
  .orange.tiers #select .ssmenu ul ul li:first-child a,
  .orange.tiers #carrousel .slides ul li,
  .orange.tiers #sommaire li,
  .orange.tiers #end a,
  .orange.tiers .art .next,
  .orange.tiers #iti h2 a,
  .orange.tiers #more li,
  .orange.tiers #annuaire .index-alt ul a,
  .orange.tiers #glossaire .index-alt ul a,
  .orange.tiers form #fast h3 button,
  .orange.tiers #nav .inside-alt ul:nth-child(1) li a,
  .orange.tiers #nav ul ul:nth-child(1) li a:after,
  .orange.tiers #menu-alt a:after,
  .orange.tiers #carrousel-left p:after {
    background-image: url(/bundles/nubcore/images/bg/item-orange.svg);
  }
  .js .orange.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/item-off-orange.svg);
  }
  .orange.tiers #last li,
  .orange.tiers .cms ul li {
    background-image: url(/bundles/nubcore/images/bg/puce-ter-orange.svg);
  }
  .orange.tiers #acces button {
    background-image: url(/bundles/nubcore/images/bg/link-orange.svg);
  }
  .orange.tiers #acces .button span,
  .orange.tiers #nav .button span,
  .orange.tiers #lang span,
  .orange.tiers #intro h1 button {
    background-image: url(/bundles/nubcore/images/bg/list-orange.svg);
  }
  .orange.tiers #resume button,
  .orange.tiers #select p .button span,
  .orange.tiers #blocs3 .diplome.off ul.action button span,
  .orange.tiers form #fast h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-orange.svg);
  }
  .orange.tiers #lang button.active span,
  .orange.tiers #nav .active span,
  .orange.tiers #acces .active button span,
  .orange.tiers #intro h1 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-off-orange.svg);
  }
  .orange.tiers #top a,
  .orange.tiers #resume button.active,
  .orange.tiers #select p button.active span,
  .orange.tiers #blocs3 .diplome ul.action button span {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-orange.svg);
  }
  .orange.tiers #filtres .filtres p button,
  .orange.tiers #annuaire .index-alt ul a,
  .orange.tiers #glossaire .index-alt ul a {
    background-image: url(/bundles/nubcore/images/bg/list-ter-orange.svg);
  }
  .orange.tiers #filtres .filtres p button.active,
  .orange.tiers #annuaire .index-alt ul a.active-alt,
  .orange.tiers #glossaire .index-alt ul a.active-alt {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-orange.svg);
  }
  .js .orange.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-orange.svg);
  }
  .orange.tiers #acces li:last-child button {
    background-image: url(/bundles/nubcore/images/bg/profil-orange.svg);
  }
  .orange.tiers #error .title {
    background-image: url(/bundles/nubcore/images/bg/losange-alt-orange.svg);
  }
  .orange.tiers .cms blockquote:before {
    background-image: url(/bundles/nubcore/images/bg/quote-alt-orange.svg);
  }
  .orange.tiers .cms blockquote.cite:before {
    background-image: url(/bundles/nubcore/images/bg/quote-orange.svg);
  }
  .orange.tiers .rubrique .cms h1,
  .orange.tiers #intro.alt h1,
  .orange.tiers .cms h1.alt {
    background-image: url(/bundles/nubcore/images/bg/puce-alt-orange.svg);
  }
  .orange.tiers .items li.doc {
    background-image: url(/bundles/nubcore/images/bg/doc-orange.svg);
  }
  .orange.tiers .titles h2.change button {
    background-image: url(/bundles/nubcore/images/agenda-orange.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .orange.tiers #blocs3 .diplome .title {
    background-color: #e67447;
  }
}
@media only screen and (max-width: 739px) {
  .orange.tiers #error h1 {
    color: #e67447;
  }
}
@media only screen and (max-width: 739px) {
  .orange.tiers #tabs li {
    background-image: url(/bundles/nubcore/images/bg/item-orange.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .orange.tiers .titles h2 button {
    background-image: url(/bundles/nubcore/images/bg/list-ter-orange.svg);
  }
  .orange.tiers .titles h2 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-orange.svg);
  }
}
@media print {
  .orange .full .diplome a,
  .orange a, .orange a:visited,
  .orange #address-alt .mask,
  .orange .selection #select a:after {
    color: #e67447;
  }
}
@media screen {
  .turquoise.tiers #nav .page,
  .turquoise.tiers #last .page,
  .turquoise.tiers #footer #partenaires {
    border-color: #2da39c !important;
  }
  .turquoise.tiers #actus h3 span:after,
  .turquoise.tiers #actus .actus .col ul,
  .turquoise.tiers #actus h2 a:after,
  .turquoise.tiers #account,
  .turquoise.tiers #search,
  .turquoise.tiers #search.active button,
  .turquoise.tiers #search p button:hover,
  .turquoise.tiers #search p button:focus,
  .turquoise.tiers #acces button:hover,
  .turquoise.tiers #acces button:focus,
  .turquoise.tiers #menu .p,
  .turquoise.tiers .cms blockquote.cite p.cite,
  .turquoise.tiers .cms .push,
  .turquoise.tiers .bloc,
  .turquoise.tiers #resume ul,
  .turquoise.tiers #blocs3 .actu p .title,
  .turquoise.tiers .cms .flexslider .flex-direction-nav li,
  .turquoise.tiers #blocs3 .diplome ul.action li,
  .turquoise.tiers #select p .button,
  .turquoise.tiers #select .ssmenu,
  .turquoise.tiers .hr,
  .turquoise.tiers .form,
  .turquoise.tiers .filets .col,
  .turquoise.tiers #end li,
  .turquoise.tiers .event,
  .turquoise.tiers .event h2 .date,
  .turquoise.tiers .event .h2 .date,
  .turquoise.tiers .ui-widget-content,
  .turquoise.tiers .ui-state-active,
  .turquoise.tiers .ui-widget-content .ui-state-active,
  .turquoise.tiers .ui-widget-header .ui-state-active,
  .turquoise.tiers .ui-state-active,
  .turquoise.tiers .ui-widget-content .ui-state-active,
  .turquoise.tiers .ui-widget-header .ui-state-active,
  .turquoise.tiers .ui-state-hover,
  .turquoise.tiers .ui-widget-content .ui-state-hover,
  .turquoise.tiers .ui-widget-content,
  .turquoise.tiers .art .txt .title,
  .turquoise.tiers #annuaire .fiche,
  .turquoise.tiers #glossaire .fiche,
  .turquoise.tiers #annuaire .index-alt .letter,
  .turquoise.tiers #glossaire .index-alt .letter,
  .turquoise.tiers .result,
  .turquoise.tiers #fast ul,
  .turquoise.tiers #fast div div,
  .turquoise.tiers #fast li,
  .turquoise.tiers #fast p,
  .turquoise.tiers #catalogue .content a,
  .turquoise.tiers #nav .inside-alt,
  .turquoise.tiers .event h2 span,
  .turquoise.tiers .event .h2 span,
  .turquoise.tiers .loc .bloc,
  .turquoise.tiers .bloc:last-child,
  .turquoise.tiers #nav .inside-nav ul:nth-child(1) li a:after,
  .turquoise.tiers #nav .inside-alt ul:nth-child(1) li a:after,
  .turquoise.tiers #menu-alt a:after {
    border-color: #2da39c;
  }
  .turquoise.tiers .ui-datepicker .ui-datepicker-prev-hover,
  .turquoise.tiers .ui-datepicker .ui-datepicker-next-hover {
    background-color: #2da39c !important;
  }
  .turquoise.tiers .ui-state-hover,
  .turquoise.tiers .ui-widget-content .ui-state-hover {
    background-color: #b2eae7;
  }
  .turquoise.tiers .form input.text:focus,
  .turquoise.tiers .form select:focus,
  .turquoise.tiers .form textarea:focus {
    -webkit-box-shadow: 0 0 3px #2da39c;
    -moz-box-shadow: 0 0 3px #2da39c;
    box-shadow: 0 0 3px #2da39c;
  }
  .turquoise.tiers .cms tfoot td,
  .turquoise.tiers .cms tfoot th {
    -webkit-box-shadow: 0 1px 0 #2da39c inset;
    -moz-box-shadow: 0 1px 0 #2da39c inset;
    box-shadow: 0 1px 0 #2da39c inset;
  }
  .js .turquoise.tiers #acces li ul, .js
  .turquoise.tiers #lang ul {
    border-color: #2da39c;
  }
  .turquoise.tiers #nav button:hover:before,
  .turquoise.tiers #nav button:focus:before,
  .turquoise.tiers #nav a:hover:before,
  .turquoise.tiers #nav a:focus:before,
  .turquoise.tiers #nav .active button:before,
  .turquoise.tiers #nav .on button:before {
    background-color: #443a31;
  }
  .turquoise.tiers #nav button:after,
  .turquoise.tiers #carrousel-left .flex-direction-nav,
  .turquoise.tiers #slides:after,
  .turquoise.tiers #footer .col:after,
  .turquoise.tiers .btn,
  .turquoise.tiers #intro,
  .turquoise.tiers #breadcrumb-social-select.intro,
  .turquoise.tiers .cms h2:after,
  .turquoise.tiers .cms .h2:after,
  .turquoise.tiers .bloc .p:after,
  .turquoise.tiers .cms .accordion .h2 button,
  .turquoise.tiers .cms .accordion .h2,
  .turquoise.tiers #blocs3 .actu p .title,
  .turquoise.tiers #blocs3 .col a:hover .txt,
  .turquoise.tiers #blocs3 .col a:focus .txt,
  .turquoise.tiers .cms .flexslider .flex-direction-nav button:hover,
  .turquoise.tiers .cms .flexslider .flex-direction-nav button:focus,
  .turquoise.tiers #blocs3 .diplome .title span span,
  .turquoise.tiers #carrousel .flex-direction-nav,
  .turquoise.tiers #blue,
  .turquoise.tiers #carrousel .flex-direction-nav .flex-prev,
  .turquoise.tiers #carrousel .flex-direction-nav .flex-next,
  .turquoise.tiers .bloc h3:after,
  .turquoise.tiers #chiffres ul .li,
  .turquoise.tiers #moments p .title span,
  .turquoise.tiers #plage,
  .turquoise.tiers .event h2 .date:after,
  .turquoise.tiers .event .h2 .date:after,
  .turquoise.tiers #formation,
  .turquoise.tiers #tabs a:after,
  .turquoise.tiers #filtre .filtre p,
  .turquoise.tiers .art .txt .title,
  .turquoise.tiers .art .txt:after,
  .turquoise.tiers #pagination ul,
  .turquoise.tiers #iti h2 span:first-child,
  .turquoise.tiers .cms .event:after,
  .turquoise.tiers #annuaire .filter,
  .turquoise.tiers #glossaire .filter,
  .turquoise.tiers #search-alt form,
  .turquoise.tiers #formations,
  .turquoise.tiers #offre-emploi,
  .turquoise.tiers #nav .inside-nav ul:first-child li button,
  .turquoise.tiers #nav .inside-alt ul:first-child li button,
  .turquoise.tiers #menu-alt button,
  .turquoise.tiers #trouver {
    background-color: #2da39c;
  }
  .turquoise.tiers #blocs3 .diplome .title span span {
    color: #FFFFFF;
  }
  .turquoise.tiers #blocs3 .diplome .title a:hover span span {
    text-decoration: underline !important;
  }
  .turquoise.tiers .btn:hover,
  .turquoise.tiers .btn:focus {
    background-color: #227b76;
  }
  .no-touch .turquoise.tiers .cms .accordion .h2 button:hover, .no-touch
  .turquoise.tiers .cms .accordion .h2 button:focus {
    background-color: #227b76;
  }
  .no-touch .turquoise.tiers #blue .col a:hover h2 span, .no-touch
  .turquoise.tiers #blue .col a:focus h2 span {
    color: #2da39c;
  }
  .turquoise.tiers #carrousel-left button:hover .shape1,
  .turquoise.tiers #carrousel-left button:focus .shape1,
  .turquoise.tiers #slides .flex-prev .shape2,
  .turquoise.tiers #slides .flex-next .shape2,
  .turquoise.tiers #slides .flex-prev:hover .shape1,
  .turquoise.tiers #slides .flex-prev:focus .shape1,
  .turquoise.tiers #slides .flex-next:hover .shape1,
  .turquoise.tiers #slides .flex-next:focus .shape1,
  .turquoise.tiers #slides p .next,
  .turquoise.tiers #actus h2 span:after,
  .turquoise.tiers #actus .col:first-child li li,
  .turquoise.tiers #actus .col:first-child path,
  .turquoise.tiers #actus .actu a:hover h3,
  .turquoise.tiers #actus .actu a:focus h3,
  .turquoise.tiers #actus .actus .col a:hover h3,
  .turquoise.tiers #actus .actus .col a:focus h3,
  .turquoise.tiers #last a,
  .turquoise.tiers #menu .p a span,
  .turquoise.tiers #menu a,
  .turquoise.tiers #menu ul ul li a:hover,
  .turquoise.tiers #menu ul ul li a:focus,
  .turquoise.tiers #menu .p a,
  .turquoise.tiers .cms blockquote p,
  .turquoise.tiers .cms ol,
  .turquoise.tiers .cms .push h2 span,
  .turquoise.tiers .cms .extract:before,
  .turquoise.tiers .cms a:hover,
  .turquoise.tiers .cms a:focus,
  .turquoise.tiers #resume a:hover,
  .turquoise.tiers #resume a:focus,
  .turquoise.tiers #resume button:hover,
  .turquoise.tiers #resume button:focus,
  .turquoise.tiers #blocs3 h2 span,
  .turquoise.tiers #content #meta a,
  .turquoise.tiers #content .meta a:hover,
  .turquoise.tiers #content .meta a:focus,
  .turquoise.tiers .cms .flexslider .flex-direction-nav .shape1,
  .turquoise.tiers #blocs3 .diplome ul a:hover,
  .turquoise.tiers #blocs3 .diplome ul a:focus,
  .turquoise.tiers #blocs3 .diplome p a:hover,
  .turquoise.tiers #blocs3 .diplome p a:focus,
  .turquoise.tiers #select p .button span span,
  .turquoise.tiers #select .ssmenu path,
  .turquoise.tiers #carrousel .slides h2,
  .turquoise.tiers #breadcrumb-social-select.intro.alt path,
  .turquoise.tiers #intro.alt h2,
  .turquoise.tiers .cms dd:before,
  .turquoise.tiers .event h2 .date,
  .turquoise.tiers .event .h2 .date,
  .turquoise.tiers #filtres .reset a,
  .turquoise.tiers .cms caption,
  .turquoise.tiers .cms table strong,
  .turquoise.tiers #contactmap h2,
  .turquoise.tiers .loc h2 span,
  .turquoise.tiers .triangle-alt #social path,
  .turquoise.tiers #annuaire .index-alt .letter,
  .turquoise.tiers #glossaire .index-alt .letter,
  .turquoise.tiers #annuaire .tab h2,
  .turquoise.tiers #glossaire .tab h2,
  .turquoise.tiers #annuaire .index-alt ul a:hover,
  .turquoise.tiers #annuaire .index-alt ul a:focus,
  .turquoise.tiers #glossaire .index-alt ul a:hover,
  .turquoise.tiers #glossaire .index-alt ul a:focus,
  .turquoise.tiers #results .intro h2 strong,
  .turquoise.tiers #catalogue h2 span,
  .turquoise.tiers #catalogue h4,
  .turquoise.tiers #catalogue h4 path,
  .turquoise.tiers #carrousel-left .txt .nowrap path {
    fill: #2da39c;
    color: #2da39c;
  }
  .turquoise.tiers #slides .flex-prev:hover .shape2,
  .turquoise.tiers #slides .flex-prev:focus .shape2,
  .turquoise.tiers #slides .flex-next:hover .shape2,
  .turquoise.tiers #slides .flex-next:focus .shape2 {
    fill: #443a31;
  }
  .turquoise.tiers #carrousel-left h2 {
    background-color: #fff;
    color: #2da39c;
  }
  .turquoise.tiers #actus:after {
    border-bottom-color: rgba(45, 163, 156, 0.25);
  }
  .turquoise.tiers .cms .push:after {
    border-bottom-color: #2da39c;
  }
  .turquoise.tiers #account a span {
    background-image: url(/bundles/nubcore/images/bg/secure-turquoise.svg);
  }
  .turquoise.tiers #footer .col li,
  .turquoise.tiers #slides p .next,
  .turquoise.tiers #actus .actus .col ul a,
  .turquoise.tiers #actus .col.first-child li li,
  .turquoise.tiers #account a,
  .turquoise.tiers #acces li ul a,
  .turquoise.tiers #lang ul a,
  .turquoise.tiers #menu a span,
  .turquoise.tiers .items li,
  .turquoise.tiers #resume ul a,
  .turquoise.tiers #content #docs li,
  .turquoise.tiers #select .ssmenu ul ul li:first-child a,
  .turquoise.tiers #carrousel .slides ul li,
  .turquoise.tiers #sommaire li,
  .turquoise.tiers #end a,
  .turquoise.tiers .art .next,
  .turquoise.tiers #iti h2 a,
  .turquoise.tiers #more li,
  .turquoise.tiers #annuaire .index-alt ul a,
  .turquoise.tiers #glossaire .index-alt ul a,
  .turquoise.tiers form #fast h3 button,
  .turquoise.tiers #nav .inside-alt ul:nth-child(1) li a,
  .turquoise.tiers #nav ul ul:nth-child(1) li a:after,
  .turquoise.tiers #menu-alt a:after,
  .turquoise.tiers #carrousel-left p:after {
    background-image: url(/bundles/nubcore/images/bg/item-turquoise.svg);
  }
  .js .turquoise.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/item-off-turquoise.svg);
  }
  .turquoise.tiers #last li,
  .turquoise.tiers .cms ul li {
    background-image: url(/bundles/nubcore/images/bg/puce-ter-turquoise.svg);
  }
  .turquoise.tiers #acces button {
    background-image: url(/bundles/nubcore/images/bg/link-turquoise.svg);
  }
  .turquoise.tiers #acces .button span,
  .turquoise.tiers #nav .button span,
  .turquoise.tiers #lang span,
  .turquoise.tiers #intro h1 button {
    background-image: url(/bundles/nubcore/images/bg/list-turquoise.svg);
  }
  .turquoise.tiers #resume button,
  .turquoise.tiers #select p .button span,
  .turquoise.tiers #blocs3 .diplome.off ul.action button span,
  .turquoise.tiers form #fast h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-turquoise.svg);
  }
  .turquoise.tiers #lang button.active span,
  .turquoise.tiers #nav .active span,
  .turquoise.tiers #acces .active button span,
  .turquoise.tiers #intro h1 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-off-turquoise.svg);
  }
  .turquoise.tiers #top a,
  .turquoise.tiers #resume button.active,
  .turquoise.tiers #select p button.active span,
  .turquoise.tiers #blocs3 .diplome ul.action button span {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-turquoise.svg);
  }
  .turquoise.tiers #filtres .filtres p button,
  .turquoise.tiers #annuaire .index-alt ul a,
  .turquoise.tiers #glossaire .index-alt ul a {
    background-image: url(/bundles/nubcore/images/bg/list-ter-turquoise.svg);
  }
  .turquoise.tiers #filtres .filtres p button.active,
  .turquoise.tiers #annuaire .index-alt ul a.active-alt,
  .turquoise.tiers #glossaire .index-alt ul a.active-alt {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-turquoise.svg);
  }
  .js .turquoise.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-turquoise.svg);
  }
  .turquoise.tiers #acces li:last-child button {
    background-image: url(/bundles/nubcore/images/bg/profil-turquoise.svg);
  }
  .turquoise.tiers #error .title {
    background-image: url(/bundles/nubcore/images/bg/losange-alt-turquoise.svg);
  }
  .turquoise.tiers .cms blockquote:before {
    background-image: url(/bundles/nubcore/images/bg/quote-alt-turquoise.svg);
  }
  .turquoise.tiers .cms blockquote.cite:before {
    background-image: url(/bundles/nubcore/images/bg/quote-turquoise.svg);
  }
  .turquoise.tiers .rubrique .cms h1,
  .turquoise.tiers #intro.alt h1,
  .turquoise.tiers .cms h1.alt {
    background-image: url(/bundles/nubcore/images/bg/puce-alt-turquoise.svg);
  }
  .turquoise.tiers .items li.doc {
    background-image: url(/bundles/nubcore/images/bg/doc-turquoise.svg);
  }
  .turquoise.tiers .titles h2.change button {
    background-image: url(/bundles/nubcore/images/agenda-turquoise.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .turquoise.tiers #blocs3 .diplome .title {
    background-color: #2da39c;
  }
}
@media only screen and (max-width: 739px) {
  .turquoise.tiers #error h1 {
    color: #2da39c;
  }
}
@media only screen and (max-width: 739px) {
  .turquoise.tiers #tabs li {
    background-image: url(/bundles/nubcore/images/bg/item-turquoise.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .turquoise.tiers .titles h2 button {
    background-image: url(/bundles/nubcore/images/bg/list-ter-turquoise.svg);
  }
  .turquoise.tiers .titles h2 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-turquoise.svg);
  }
}
@media print {
  .turquoise .full .diplome a,
  .turquoise a, .turquoise a:visited,
  .turquoise #address-alt .mask,
  .turquoise .selection #select a:after {
    color: #2da39c;
  }
}
@media screen {
  .slate.tiers #nav .page,
  .slate.tiers #last .page,
  .slate.tiers #footer #partenaires {
    border-color: #6493aa !important;
  }
  .slate.tiers #actus h3 span:after,
  .slate.tiers #actus .actus .col ul,
  .slate.tiers #actus h2 a:after,
  .slate.tiers #account,
  .slate.tiers #search,
  .slate.tiers #search.active button,
  .slate.tiers #search p button:hover,
  .slate.tiers #search p button:focus,
  .slate.tiers #acces button:hover,
  .slate.tiers #acces button:focus,
  .slate.tiers #menu .p,
  .slate.tiers .cms blockquote.cite p.cite,
  .slate.tiers .cms .push,
  .slate.tiers .bloc,
  .slate.tiers #resume ul,
  .slate.tiers #blocs3 .actu p .title,
  .slate.tiers .cms .flexslider .flex-direction-nav li,
  .slate.tiers #blocs3 .diplome ul.action li,
  .slate.tiers #select p .button,
  .slate.tiers #select .ssmenu,
  .slate.tiers .hr,
  .slate.tiers .form,
  .slate.tiers .filets .col,
  .slate.tiers #end li,
  .slate.tiers .event,
  .slate.tiers .event h2 .date,
  .slate.tiers .event .h2 .date,
  .slate.tiers .ui-widget-content,
  .slate.tiers .ui-state-active,
  .slate.tiers .ui-widget-content .ui-state-active,
  .slate.tiers .ui-widget-header .ui-state-active,
  .slate.tiers .ui-state-active,
  .slate.tiers .ui-widget-content .ui-state-active,
  .slate.tiers .ui-widget-header .ui-state-active,
  .slate.tiers .ui-state-hover,
  .slate.tiers .ui-widget-content .ui-state-hover,
  .slate.tiers .ui-widget-content,
  .slate.tiers .art .txt .title,
  .slate.tiers #annuaire .fiche,
  .slate.tiers #glossaire .fiche,
  .slate.tiers #annuaire .index-alt .letter,
  .slate.tiers #glossaire .index-alt .letter,
  .slate.tiers .result,
  .slate.tiers #fast ul,
  .slate.tiers #fast div div,
  .slate.tiers #fast li,
  .slate.tiers #fast p,
  .slate.tiers #catalogue .content a,
  .slate.tiers #nav .inside-alt,
  .slate.tiers .event h2 span,
  .slate.tiers .event .h2 span,
  .slate.tiers .loc .bloc,
  .slate.tiers .bloc:last-child,
  .slate.tiers #nav .inside-nav ul:nth-child(1) li a:after,
  .slate.tiers #nav .inside-alt ul:nth-child(1) li a:after,
  .slate.tiers #menu-alt a:after {
    border-color: #6493aa;
  }
  .slate.tiers .ui-datepicker .ui-datepicker-prev-hover,
  .slate.tiers .ui-datepicker .ui-datepicker-next-hover {
    background-color: #6493aa !important;
  }
  .slate.tiers .ui-state-hover,
  .slate.tiers .ui-widget-content .ui-state-hover {
    background-color: #e8eff2;
  }
  .slate.tiers .form input.text:focus,
  .slate.tiers .form select:focus,
  .slate.tiers .form textarea:focus {
    -webkit-box-shadow: 0 0 3px #6493aa;
    -moz-box-shadow: 0 0 3px #6493aa;
    box-shadow: 0 0 3px #6493aa;
  }
  .slate.tiers .cms tfoot td,
  .slate.tiers .cms tfoot th {
    -webkit-box-shadow: 0 1px 0 #6493aa inset;
    -moz-box-shadow: 0 1px 0 #6493aa inset;
    box-shadow: 0 1px 0 #6493aa inset;
  }
  .js .slate.tiers #acces li ul, .js
  .slate.tiers #lang ul {
    border-color: #6493aa;
  }
  .slate.tiers #nav button:hover:before,
  .slate.tiers #nav button:focus:before,
  .slate.tiers #nav a:hover:before,
  .slate.tiers #nav a:focus:before,
  .slate.tiers #nav .active button:before,
  .slate.tiers #nav .on button:before {
    background-color: #443a31;
  }
  .slate.tiers #nav button:after,
  .slate.tiers #carrousel-left .flex-direction-nav,
  .slate.tiers #slides:after,
  .slate.tiers #footer .col:after,
  .slate.tiers .btn,
  .slate.tiers #intro,
  .slate.tiers #breadcrumb-social-select.intro,
  .slate.tiers .cms h2:after,
  .slate.tiers .cms .h2:after,
  .slate.tiers .bloc .p:after,
  .slate.tiers .cms .accordion .h2 button,
  .slate.tiers .cms .accordion .h2,
  .slate.tiers #blocs3 .actu p .title,
  .slate.tiers #blocs3 .col a:hover .txt,
  .slate.tiers #blocs3 .col a:focus .txt,
  .slate.tiers .cms .flexslider .flex-direction-nav button:hover,
  .slate.tiers .cms .flexslider .flex-direction-nav button:focus,
  .slate.tiers #blocs3 .diplome .title span span,
  .slate.tiers #carrousel .flex-direction-nav,
  .slate.tiers #blue,
  .slate.tiers #carrousel .flex-direction-nav .flex-prev,
  .slate.tiers #carrousel .flex-direction-nav .flex-next,
  .slate.tiers .bloc h3:after,
  .slate.tiers #chiffres ul .li,
  .slate.tiers #moments p .title span,
  .slate.tiers #plage,
  .slate.tiers .event h2 .date:after,
  .slate.tiers .event .h2 .date:after,
  .slate.tiers #formation,
  .slate.tiers #tabs a:after,
  .slate.tiers #filtre .filtre p,
  .slate.tiers .art .txt .title,
  .slate.tiers .art .txt:after,
  .slate.tiers #pagination ul,
  .slate.tiers #iti h2 span:first-child,
  .slate.tiers .cms .event:after,
  .slate.tiers #annuaire .filter,
  .slate.tiers #glossaire .filter,
  .slate.tiers #search-alt form,
  .slate.tiers #formations,
  .slate.tiers #offre-emploi,
  .slate.tiers #nav .inside-nav ul:first-child li button,
  .slate.tiers #nav .inside-alt ul:first-child li button,
  .slate.tiers #menu-alt button,
  .slate.tiers #trouver {
    background-color: #6493aa;
  }
  .slate.tiers #blocs3 .diplome .title span span {
    color: #FFFFFF;
  }
  .slate.tiers #blocs3 .diplome .title a:hover span span {
    text-decoration: underline !important;
  }
  .slate.tiers .btn:hover,
  .slate.tiers .btn:focus {
    background-color: #4e788d;
  }
  .no-touch .slate.tiers .cms .accordion .h2 button:hover, .no-touch
  .slate.tiers .cms .accordion .h2 button:focus {
    background-color: #4e788d;
  }
  .no-touch .slate.tiers #blue .col a:hover h2 span, .no-touch
  .slate.tiers #blue .col a:focus h2 span {
    color: #6493aa;
  }
  .slate.tiers #carrousel-left button:hover .shape1,
  .slate.tiers #carrousel-left button:focus .shape1,
  .slate.tiers #slides .flex-prev .shape2,
  .slate.tiers #slides .flex-next .shape2,
  .slate.tiers #slides .flex-prev:hover .shape1,
  .slate.tiers #slides .flex-prev:focus .shape1,
  .slate.tiers #slides .flex-next:hover .shape1,
  .slate.tiers #slides .flex-next:focus .shape1,
  .slate.tiers #slides p .next,
  .slate.tiers #actus h2 span:after,
  .slate.tiers #actus .col:first-child li li,
  .slate.tiers #actus .col:first-child path,
  .slate.tiers #actus .actu a:hover h3,
  .slate.tiers #actus .actu a:focus h3,
  .slate.tiers #actus .actus .col a:hover h3,
  .slate.tiers #actus .actus .col a:focus h3,
  .slate.tiers #last a,
  .slate.tiers #menu .p a span,
  .slate.tiers #menu a,
  .slate.tiers #menu ul ul li a:hover,
  .slate.tiers #menu ul ul li a:focus,
  .slate.tiers #menu .p a,
  .slate.tiers .cms blockquote p,
  .slate.tiers .cms ol,
  .slate.tiers .cms .push h2 span,
  .slate.tiers .cms .extract:before,
  .slate.tiers .cms a:hover,
  .slate.tiers .cms a:focus,
  .slate.tiers #resume a:hover,
  .slate.tiers #resume a:focus,
  .slate.tiers #resume button:hover,
  .slate.tiers #resume button:focus,
  .slate.tiers #blocs3 h2 span,
  .slate.tiers #content #meta a,
  .slate.tiers #content .meta a:hover,
  .slate.tiers #content .meta a:focus,
  .slate.tiers .cms .flexslider .flex-direction-nav .shape1,
  .slate.tiers #blocs3 .diplome ul a:hover,
  .slate.tiers #blocs3 .diplome ul a:focus,
  .slate.tiers #blocs3 .diplome p a:hover,
  .slate.tiers #blocs3 .diplome p a:focus,
  .slate.tiers #select p .button span span,
  .slate.tiers #select .ssmenu path,
  .slate.tiers #carrousel .slides h2,
  .slate.tiers #breadcrumb-social-select.intro.alt path,
  .slate.tiers #intro.alt h2,
  .slate.tiers .cms dd:before,
  .slate.tiers .event h2 .date,
  .slate.tiers .event .h2 .date,
  .slate.tiers #filtres .reset a,
  .slate.tiers .cms caption,
  .slate.tiers .cms table strong,
  .slate.tiers #contactmap h2,
  .slate.tiers .loc h2 span,
  .slate.tiers .triangle-alt #social path,
  .slate.tiers #annuaire .index-alt .letter,
  .slate.tiers #glossaire .index-alt .letter,
  .slate.tiers #annuaire .tab h2,
  .slate.tiers #glossaire .tab h2,
  .slate.tiers #annuaire .index-alt ul a:hover,
  .slate.tiers #annuaire .index-alt ul a:focus,
  .slate.tiers #glossaire .index-alt ul a:hover,
  .slate.tiers #glossaire .index-alt ul a:focus,
  .slate.tiers #results .intro h2 strong,
  .slate.tiers #catalogue h2 span,
  .slate.tiers #catalogue h4,
  .slate.tiers #catalogue h4 path,
  .slate.tiers #carrousel-left .txt .nowrap path {
    fill: #6493aa;
    color: #6493aa;
  }
  .slate.tiers #slides .flex-prev:hover .shape2,
  .slate.tiers #slides .flex-prev:focus .shape2,
  .slate.tiers #slides .flex-next:hover .shape2,
  .slate.tiers #slides .flex-next:focus .shape2 {
    fill: #443a31;
  }
  .slate.tiers #carrousel-left h2 {
    background-color: #fff;
    color: #6493aa;
  }
  .slate.tiers #actus:after {
    border-bottom-color: rgba(100, 147, 170, 0.25);
  }
  .slate.tiers .cms .push:after {
    border-bottom-color: #6493aa;
  }
  .slate.tiers #account a span {
    background-image: url(/bundles/nubcore/images/bg/secure-slate.svg);
  }
  .slate.tiers #footer .col li,
  .slate.tiers #slides p .next,
  .slate.tiers #actus .actus .col ul a,
  .slate.tiers #actus .col.first-child li li,
  .slate.tiers #account a,
  .slate.tiers #acces li ul a,
  .slate.tiers #lang ul a,
  .slate.tiers #menu a span,
  .slate.tiers .items li,
  .slate.tiers #resume ul a,
  .slate.tiers #content #docs li,
  .slate.tiers #select .ssmenu ul ul li:first-child a,
  .slate.tiers #carrousel .slides ul li,
  .slate.tiers #sommaire li,
  .slate.tiers #end a,
  .slate.tiers .art .next,
  .slate.tiers #iti h2 a,
  .slate.tiers #more li,
  .slate.tiers #annuaire .index-alt ul a,
  .slate.tiers #glossaire .index-alt ul a,
  .slate.tiers form #fast h3 button,
  .slate.tiers #nav .inside-alt ul:nth-child(1) li a,
  .slate.tiers #nav ul ul:nth-child(1) li a:after,
  .slate.tiers #menu-alt a:after,
  .slate.tiers #carrousel-left p:after {
    background-image: url(/bundles/nubcore/images/bg/item-slate.svg);
  }
  .js .slate.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/item-off-slate.svg);
  }
  .slate.tiers #last li,
  .slate.tiers .cms ul li {
    background-image: url(/bundles/nubcore/images/bg/puce-ter-slate.svg);
  }
  .slate.tiers #acces button {
    background-image: url(/bundles/nubcore/images/bg/link-slate.svg);
  }
  .slate.tiers #acces .button span,
  .slate.tiers #nav .button span,
  .slate.tiers #lang span,
  .slate.tiers #intro h1 button {
    background-image: url(/bundles/nubcore/images/bg/list-slate.svg);
  }
  .slate.tiers #resume button,
  .slate.tiers #select p .button span,
  .slate.tiers #blocs3 .diplome.off ul.action button span,
  .slate.tiers form #fast h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-slate.svg);
  }
  .slate.tiers #lang button.active span,
  .slate.tiers #nav .active span,
  .slate.tiers #acces .active button span,
  .slate.tiers #intro h1 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-off-slate.svg);
  }
  .slate.tiers #top a,
  .slate.tiers #resume button.active,
  .slate.tiers #select p button.active span,
  .slate.tiers #blocs3 .diplome ul.action button span {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-slate.svg);
  }
  .slate.tiers #filtres .filtres p button,
  .slate.tiers #annuaire .index-alt ul a,
  .slate.tiers #glossaire .index-alt ul a {
    background-image: url(/bundles/nubcore/images/bg/list-ter-slate.svg);
  }
  .slate.tiers #filtres .filtres p button.active,
  .slate.tiers #annuaire .index-alt ul a.active-alt,
  .slate.tiers #glossaire .index-alt ul a.active-alt {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-slate.svg);
  }
  .js .slate.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-slate.svg);
  }
  .slate.tiers #acces li:last-child button {
    background-image: url(/bundles/nubcore/images/bg/profil-slate.svg);
  }
  .slate.tiers #error .title {
    background-image: url(/bundles/nubcore/images/bg/losange-alt-slate.svg);
  }
  .slate.tiers .cms blockquote:before {
    background-image: url(/bundles/nubcore/images/bg/quote-alt-slate.svg);
  }
  .slate.tiers .cms blockquote.cite:before {
    background-image: url(/bundles/nubcore/images/bg/quote-slate.svg);
  }
  .slate.tiers .rubrique .cms h1,
  .slate.tiers #intro.alt h1,
  .slate.tiers .cms h1.alt {
    background-image: url(/bundles/nubcore/images/bg/puce-alt-slate.svg);
  }
  .slate.tiers .items li.doc {
    background-image: url(/bundles/nubcore/images/bg/doc-slate.svg);
  }
  .slate.tiers .titles h2.change button {
    background-image: url(/bundles/nubcore/images/agenda-slate.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .slate.tiers #blocs3 .diplome .title {
    background-color: #6493aa;
  }
}
@media only screen and (max-width: 739px) {
  .slate.tiers #error h1 {
    color: #6493aa;
  }
}
@media only screen and (max-width: 739px) {
  .slate.tiers #tabs li {
    background-image: url(/bundles/nubcore/images/bg/item-slate.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .slate.tiers .titles h2 button {
    background-image: url(/bundles/nubcore/images/bg/list-ter-slate.svg);
  }
  .slate.tiers .titles h2 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-slate.svg);
  }
}
@media print {
  .slate .full .diplome a,
  .slate a, .slate a:visited,
  .slate #address-alt .mask,
  .slate .selection #select a:after {
    color: #6493aa;
  }
}
@media screen {
  .brown.tiers #nav .page,
  .brown.tiers #last .page,
  .brown.tiers #footer #partenaires {
    border-color: #c9783f !important;
  }
  .brown.tiers #actus h3 span:after,
  .brown.tiers #actus .actus .col ul,
  .brown.tiers #actus h2 a:after,
  .brown.tiers #account,
  .brown.tiers #search,
  .brown.tiers #search.active button,
  .brown.tiers #search p button:hover,
  .brown.tiers #search p button:focus,
  .brown.tiers #acces button:hover,
  .brown.tiers #acces button:focus,
  .brown.tiers #menu .p,
  .brown.tiers .cms blockquote.cite p.cite,
  .brown.tiers .cms .push,
  .brown.tiers .bloc,
  .brown.tiers #resume ul,
  .brown.tiers #blocs3 .actu p .title,
  .brown.tiers .cms .flexslider .flex-direction-nav li,
  .brown.tiers #blocs3 .diplome ul.action li,
  .brown.tiers #select p .button,
  .brown.tiers #select .ssmenu,
  .brown.tiers .hr,
  .brown.tiers .form,
  .brown.tiers .filets .col,
  .brown.tiers #end li,
  .brown.tiers .event,
  .brown.tiers .event h2 .date,
  .brown.tiers .event .h2 .date,
  .brown.tiers .ui-widget-content,
  .brown.tiers .ui-state-active,
  .brown.tiers .ui-widget-content .ui-state-active,
  .brown.tiers .ui-widget-header .ui-state-active,
  .brown.tiers .ui-state-active,
  .brown.tiers .ui-widget-content .ui-state-active,
  .brown.tiers .ui-widget-header .ui-state-active,
  .brown.tiers .ui-state-hover,
  .brown.tiers .ui-widget-content .ui-state-hover,
  .brown.tiers .ui-widget-content,
  .brown.tiers .art .txt .title,
  .brown.tiers #annuaire .fiche,
  .brown.tiers #glossaire .fiche,
  .brown.tiers #annuaire .index-alt .letter,
  .brown.tiers #glossaire .index-alt .letter,
  .brown.tiers .result,
  .brown.tiers #fast ul,
  .brown.tiers #fast div div,
  .brown.tiers #fast li,
  .brown.tiers #fast p,
  .brown.tiers #catalogue .content a,
  .brown.tiers #nav .inside-alt,
  .brown.tiers .event h2 span,
  .brown.tiers .event .h2 span,
  .brown.tiers .loc .bloc,
  .brown.tiers .bloc:last-child,
  .brown.tiers #nav .inside-nav ul:nth-child(1) li a:after,
  .brown.tiers #nav .inside-alt ul:nth-child(1) li a:after,
  .brown.tiers #menu-alt a:after {
    border-color: #c9783f;
  }
  .brown.tiers .ui-datepicker .ui-datepicker-prev-hover,
  .brown.tiers .ui-datepicker .ui-datepicker-next-hover {
    background-color: #c9783f !important;
  }
  .brown.tiers .ui-state-hover,
  .brown.tiers .ui-widget-content .ui-state-hover {
    background-color: #f6e8de;
  }
  .brown.tiers .form input.text:focus,
  .brown.tiers .form select:focus,
  .brown.tiers .form textarea:focus {
    -webkit-box-shadow: 0 0 3px #c9783f;
    -moz-box-shadow: 0 0 3px #c9783f;
    box-shadow: 0 0 3px #c9783f;
  }
  .brown.tiers .cms tfoot td,
  .brown.tiers .cms tfoot th {
    -webkit-box-shadow: 0 1px 0 #c9783f inset;
    -moz-box-shadow: 0 1px 0 #c9783f inset;
    box-shadow: 0 1px 0 #c9783f inset;
  }
  .js .brown.tiers #acces li ul, .js
  .brown.tiers #lang ul {
    border-color: #c9783f;
  }
  .brown.tiers #nav button:hover:before,
  .brown.tiers #nav button:focus:before,
  .brown.tiers #nav a:hover:before,
  .brown.tiers #nav a:focus:before,
  .brown.tiers #nav .active button:before,
  .brown.tiers #nav .on button:before {
    background-color: #443a31;
  }
  .brown.tiers #nav button:after,
  .brown.tiers #carrousel-left .flex-direction-nav,
  .brown.tiers #slides:after,
  .brown.tiers #footer .col:after,
  .brown.tiers .btn,
  .brown.tiers #intro,
  .brown.tiers #breadcrumb-social-select.intro,
  .brown.tiers .cms h2:after,
  .brown.tiers .cms .h2:after,
  .brown.tiers .bloc .p:after,
  .brown.tiers .cms .accordion .h2 button,
  .brown.tiers .cms .accordion .h2,
  .brown.tiers #blocs3 .actu p .title,
  .brown.tiers #blocs3 .col a:hover .txt,
  .brown.tiers #blocs3 .col a:focus .txt,
  .brown.tiers .cms .flexslider .flex-direction-nav button:hover,
  .brown.tiers .cms .flexslider .flex-direction-nav button:focus,
  .brown.tiers #blocs3 .diplome .title span span,
  .brown.tiers #carrousel .flex-direction-nav,
  .brown.tiers #blue,
  .brown.tiers #carrousel .flex-direction-nav .flex-prev,
  .brown.tiers #carrousel .flex-direction-nav .flex-next,
  .brown.tiers .bloc h3:after,
  .brown.tiers #chiffres ul .li,
  .brown.tiers #moments p .title span,
  .brown.tiers #plage,
  .brown.tiers .event h2 .date:after,
  .brown.tiers .event .h2 .date:after,
  .brown.tiers #formation,
  .brown.tiers #tabs a:after,
  .brown.tiers #filtre .filtre p,
  .brown.tiers .art .txt .title,
  .brown.tiers .art .txt:after,
  .brown.tiers #pagination ul,
  .brown.tiers #iti h2 span:first-child,
  .brown.tiers .cms .event:after,
  .brown.tiers #annuaire .filter,
  .brown.tiers #glossaire .filter,
  .brown.tiers #search-alt form,
  .brown.tiers #formations,
  .brown.tiers #offre-emploi,
  .brown.tiers #nav .inside-nav ul:first-child li button,
  .brown.tiers #nav .inside-alt ul:first-child li button,
  .brown.tiers #menu-alt button,
  .brown.tiers #trouver {
    background-color: #c9783f;
  }
  .brown.tiers #blocs3 .diplome .title span span {
    color: #FFFFFF;
  }
  .brown.tiers #blocs3 .diplome .title a:hover span span {
    text-decoration: underline !important;
  }
  .brown.tiers .btn:hover,
  .brown.tiers .btn:focus {
    background-color: #a6602f;
  }
  .no-touch .brown.tiers .cms .accordion .h2 button:hover, .no-touch
  .brown.tiers .cms .accordion .h2 button:focus {
    background-color: #a6602f;
  }
  .no-touch .brown.tiers #blue .col a:hover h2 span, .no-touch
  .brown.tiers #blue .col a:focus h2 span {
    color: #c9783f;
  }
  .brown.tiers #carrousel-left button:hover .shape1,
  .brown.tiers #carrousel-left button:focus .shape1,
  .brown.tiers #slides .flex-prev .shape2,
  .brown.tiers #slides .flex-next .shape2,
  .brown.tiers #slides .flex-prev:hover .shape1,
  .brown.tiers #slides .flex-prev:focus .shape1,
  .brown.tiers #slides .flex-next:hover .shape1,
  .brown.tiers #slides .flex-next:focus .shape1,
  .brown.tiers #slides p .next,
  .brown.tiers #actus h2 span:after,
  .brown.tiers #actus .col:first-child li li,
  .brown.tiers #actus .col:first-child path,
  .brown.tiers #actus .actu a:hover h3,
  .brown.tiers #actus .actu a:focus h3,
  .brown.tiers #actus .actus .col a:hover h3,
  .brown.tiers #actus .actus .col a:focus h3,
  .brown.tiers #last a,
  .brown.tiers #menu .p a span,
  .brown.tiers #menu a,
  .brown.tiers #menu ul ul li a:hover,
  .brown.tiers #menu ul ul li a:focus,
  .brown.tiers #menu .p a,
  .brown.tiers .cms blockquote p,
  .brown.tiers .cms ol,
  .brown.tiers .cms .push h2 span,
  .brown.tiers .cms .extract:before,
  .brown.tiers .cms a:hover,
  .brown.tiers .cms a:focus,
  .brown.tiers #resume a:hover,
  .brown.tiers #resume a:focus,
  .brown.tiers #resume button:hover,
  .brown.tiers #resume button:focus,
  .brown.tiers #blocs3 h2 span,
  .brown.tiers #content #meta a,
  .brown.tiers #content .meta a:hover,
  .brown.tiers #content .meta a:focus,
  .brown.tiers .cms .flexslider .flex-direction-nav .shape1,
  .brown.tiers #blocs3 .diplome ul a:hover,
  .brown.tiers #blocs3 .diplome ul a:focus,
  .brown.tiers #blocs3 .diplome p a:hover,
  .brown.tiers #blocs3 .diplome p a:focus,
  .brown.tiers #select p .button span span,
  .brown.tiers #select .ssmenu path,
  .brown.tiers #carrousel .slides h2,
  .brown.tiers #breadcrumb-social-select.intro.alt path,
  .brown.tiers #intro.alt h2,
  .brown.tiers .cms dd:before,
  .brown.tiers .event h2 .date,
  .brown.tiers .event .h2 .date,
  .brown.tiers #filtres .reset a,
  .brown.tiers .cms caption,
  .brown.tiers .cms table strong,
  .brown.tiers #contactmap h2,
  .brown.tiers .loc h2 span,
  .brown.tiers .triangle-alt #social path,
  .brown.tiers #annuaire .index-alt .letter,
  .brown.tiers #glossaire .index-alt .letter,
  .brown.tiers #annuaire .tab h2,
  .brown.tiers #glossaire .tab h2,
  .brown.tiers #annuaire .index-alt ul a:hover,
  .brown.tiers #annuaire .index-alt ul a:focus,
  .brown.tiers #glossaire .index-alt ul a:hover,
  .brown.tiers #glossaire .index-alt ul a:focus,
  .brown.tiers #results .intro h2 strong,
  .brown.tiers #catalogue h2 span,
  .brown.tiers #catalogue h4,
  .brown.tiers #catalogue h4 path,
  .brown.tiers #carrousel-left .txt .nowrap path {
    fill: #c9783f;
    color: #c9783f;
  }
  .brown.tiers #slides .flex-prev:hover .shape2,
  .brown.tiers #slides .flex-prev:focus .shape2,
  .brown.tiers #slides .flex-next:hover .shape2,
  .brown.tiers #slides .flex-next:focus .shape2 {
    fill: #443a31;
  }
  .brown.tiers #carrousel-left h2 {
    background-color: #fff;
    color: #c9783f;
  }
  .brown.tiers #actus:after {
    border-bottom-color: rgba(201, 120, 63, 0.25);
  }
  .brown.tiers .cms .push:after {
    border-bottom-color: #c9783f;
  }
  .brown.tiers #account a span {
    background-image: url(/bundles/nubcore/images/bg/secure-brown.svg);
  }
  .brown.tiers #footer .col li,
  .brown.tiers #slides p .next,
  .brown.tiers #actus .actus .col ul a,
  .brown.tiers #actus .col.first-child li li,
  .brown.tiers #account a,
  .brown.tiers #acces li ul a,
  .brown.tiers #lang ul a,
  .brown.tiers #menu a span,
  .brown.tiers .items li,
  .brown.tiers #resume ul a,
  .brown.tiers #content #docs li,
  .brown.tiers #select .ssmenu ul ul li:first-child a,
  .brown.tiers #carrousel .slides ul li,
  .brown.tiers #sommaire li,
  .brown.tiers #end a,
  .brown.tiers .art .next,
  .brown.tiers #iti h2 a,
  .brown.tiers #more li,
  .brown.tiers #annuaire .index-alt ul a,
  .brown.tiers #glossaire .index-alt ul a,
  .brown.tiers form #fast h3 button,
  .brown.tiers #nav .inside-alt ul:nth-child(1) li a,
  .brown.tiers #nav ul ul:nth-child(1) li a:after,
  .brown.tiers #menu-alt a:after,
  .brown.tiers #carrousel-left p:after {
    background-image: url(/bundles/nubcore/images/bg/item-brown.svg);
  }
  .js .brown.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/item-off-brown.svg);
  }
  .brown.tiers #last li,
  .brown.tiers .cms ul li {
    background-image: url(/bundles/nubcore/images/bg/puce-ter-brown.svg);
  }
  .brown.tiers #acces button {
    background-image: url(/bundles/nubcore/images/bg/link-brown.svg);
  }
  .brown.tiers #acces .button span,
  .brown.tiers #nav .button span,
  .brown.tiers #lang span,
  .brown.tiers #intro h1 button {
    background-image: url(/bundles/nubcore/images/bg/list-brown.svg);
  }
  .brown.tiers #resume button,
  .brown.tiers #select p .button span,
  .brown.tiers #blocs3 .diplome.off ul.action button span,
  .brown.tiers form #fast h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-brown.svg);
  }
  .brown.tiers #lang button.active span,
  .brown.tiers #nav .active span,
  .brown.tiers #acces .active button span,
  .brown.tiers #intro h1 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-off-brown.svg);
  }
  .brown.tiers #top a,
  .brown.tiers #resume button.active,
  .brown.tiers #select p button.active span,
  .brown.tiers #blocs3 .diplome ul.action button span {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-brown.svg);
  }
  .brown.tiers #filtres .filtres p button,
  .brown.tiers #annuaire .index-alt ul a,
  .brown.tiers #glossaire .index-alt ul a {
    background-image: url(/bundles/nubcore/images/bg/list-ter-brown.svg);
  }
  .brown.tiers #filtres .filtres p button.active,
  .brown.tiers #annuaire .index-alt ul a.active-alt,
  .brown.tiers #glossaire .index-alt ul a.active-alt {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-brown.svg);
  }
  .js .brown.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-brown.svg);
  }
  .brown.tiers #acces li:last-child button {
    background-image: url(/bundles/nubcore/images/bg/profil-brown.svg);
  }
  .brown.tiers #error .title {
    background-image: url(/bundles/nubcore/images/bg/losange-alt-brown.svg);
  }
  .brown.tiers .cms blockquote:before {
    background-image: url(/bundles/nubcore/images/bg/quote-alt-brown.svg);
  }
  .brown.tiers .cms blockquote.cite:before {
    background-image: url(/bundles/nubcore/images/bg/quote-brown.svg);
  }
  .brown.tiers .rubrique .cms h1,
  .brown.tiers #intro.alt h1,
  .brown.tiers .cms h1.alt {
    background-image: url(/bundles/nubcore/images/bg/puce-alt-brown.svg);
  }
  .brown.tiers .items li.doc {
    background-image: url(/bundles/nubcore/images/bg/doc-brown.svg);
  }
  .brown.tiers .titles h2.change button {
    background-image: url(/bundles/nubcore/images/agenda-brown.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .brown.tiers #blocs3 .diplome .title {
    background-color: #c9783f;
  }
}
@media only screen and (max-width: 739px) {
  .brown.tiers #error h1 {
    color: #c9783f;
  }
}
@media only screen and (max-width: 739px) {
  .brown.tiers #tabs li {
    background-image: url(/bundles/nubcore/images/bg/item-brown.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .brown.tiers .titles h2 button {
    background-image: url(/bundles/nubcore/images/bg/list-ter-brown.svg);
  }
  .brown.tiers .titles h2 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-brown.svg);
  }
}
@media print {
  .brown .full .diplome a,
  .brown a, .brown a:visited,
  .brown #address-alt .mask,
  .brown .selection #select a:after {
    color: #c9783f;
  }
}
@media screen {
  .pink.tiers #nav .page,
  .pink.tiers #last .page,
  .pink.tiers #footer #partenaires {
    border-color: #b6718f !important;
  }
  .pink.tiers #actus h3 span:after,
  .pink.tiers #actus .actus .col ul,
  .pink.tiers #actus h2 a:after,
  .pink.tiers #account,
  .pink.tiers #search,
  .pink.tiers #search.active button,
  .pink.tiers #search p button:hover,
  .pink.tiers #search p button:focus,
  .pink.tiers #acces button:hover,
  .pink.tiers #acces button:focus,
  .pink.tiers #menu .p,
  .pink.tiers .cms blockquote.cite p.cite,
  .pink.tiers .cms .push,
  .pink.tiers .bloc,
  .pink.tiers #resume ul,
  .pink.tiers #blocs3 .actu p .title,
  .pink.tiers .cms .flexslider .flex-direction-nav li,
  .pink.tiers #blocs3 .diplome ul.action li,
  .pink.tiers #select p .button,
  .pink.tiers #select .ssmenu,
  .pink.tiers .hr,
  .pink.tiers .form,
  .pink.tiers .filets .col,
  .pink.tiers #end li,
  .pink.tiers .event,
  .pink.tiers .event h2 .date,
  .pink.tiers .event .h2 .date,
  .pink.tiers .ui-widget-content,
  .pink.tiers .ui-state-active,
  .pink.tiers .ui-widget-content .ui-state-active,
  .pink.tiers .ui-widget-header .ui-state-active,
  .pink.tiers .ui-state-active,
  .pink.tiers .ui-widget-content .ui-state-active,
  .pink.tiers .ui-widget-header .ui-state-active,
  .pink.tiers .ui-state-hover,
  .pink.tiers .ui-widget-content .ui-state-hover,
  .pink.tiers .ui-widget-content,
  .pink.tiers .art .txt .title,
  .pink.tiers #annuaire .fiche,
  .pink.tiers #glossaire .fiche,
  .pink.tiers #annuaire .index-alt .letter,
  .pink.tiers #glossaire .index-alt .letter,
  .pink.tiers .result,
  .pink.tiers #fast ul,
  .pink.tiers #fast div div,
  .pink.tiers #fast li,
  .pink.tiers #fast p,
  .pink.tiers #catalogue .content a,
  .pink.tiers #nav .inside-alt,
  .pink.tiers .event h2 span,
  .pink.tiers .event .h2 span,
  .pink.tiers .loc .bloc,
  .pink.tiers .bloc:last-child,
  .pink.tiers #nav .inside-nav ul:nth-child(1) li a:after,
  .pink.tiers #nav .inside-alt ul:nth-child(1) li a:after,
  .pink.tiers #menu-alt a:after {
    border-color: #b6718f;
  }
  .pink.tiers .ui-datepicker .ui-datepicker-prev-hover,
  .pink.tiers .ui-datepicker .ui-datepicker-next-hover {
    background-color: #b6718f !important;
  }
  .pink.tiers .ui-state-hover,
  .pink.tiers .ui-widget-content .ui-state-hover {
    background-color: #fbf8f9;
  }
  .pink.tiers .form input.text:focus,
  .pink.tiers .form select:focus,
  .pink.tiers .form textarea:focus {
    -webkit-box-shadow: 0 0 3px #b6718f;
    -moz-box-shadow: 0 0 3px #b6718f;
    box-shadow: 0 0 3px #b6718f;
  }
  .pink.tiers .cms tfoot td,
  .pink.tiers .cms tfoot th {
    -webkit-box-shadow: 0 1px 0 #b6718f inset;
    -moz-box-shadow: 0 1px 0 #b6718f inset;
    box-shadow: 0 1px 0 #b6718f inset;
  }
  .js .pink.tiers #acces li ul, .js
  .pink.tiers #lang ul {
    border-color: #b6718f;
  }
  .pink.tiers #nav button:hover:before,
  .pink.tiers #nav button:focus:before,
  .pink.tiers #nav a:hover:before,
  .pink.tiers #nav a:focus:before,
  .pink.tiers #nav .active button:before,
  .pink.tiers #nav .on button:before {
    background-color: #443a31;
  }
  .pink.tiers #nav button:after,
  .pink.tiers #carrousel-left .flex-direction-nav,
  .pink.tiers #slides:after,
  .pink.tiers #footer .col:after,
  .pink.tiers .btn,
  .pink.tiers #intro,
  .pink.tiers #breadcrumb-social-select.intro,
  .pink.tiers .cms h2:after,
  .pink.tiers .cms .h2:after,
  .pink.tiers .bloc .p:after,
  .pink.tiers .cms .accordion .h2 button,
  .pink.tiers .cms .accordion .h2,
  .pink.tiers #blocs3 .actu p .title,
  .pink.tiers #blocs3 .col a:hover .txt,
  .pink.tiers #blocs3 .col a:focus .txt,
  .pink.tiers .cms .flexslider .flex-direction-nav button:hover,
  .pink.tiers .cms .flexslider .flex-direction-nav button:focus,
  .pink.tiers #blocs3 .diplome .title span span,
  .pink.tiers #carrousel .flex-direction-nav,
  .pink.tiers #blue,
  .pink.tiers #carrousel .flex-direction-nav .flex-prev,
  .pink.tiers #carrousel .flex-direction-nav .flex-next,
  .pink.tiers .bloc h3:after,
  .pink.tiers #chiffres ul .li,
  .pink.tiers #moments p .title span,
  .pink.tiers #plage,
  .pink.tiers .event h2 .date:after,
  .pink.tiers .event .h2 .date:after,
  .pink.tiers #formation,
  .pink.tiers #tabs a:after,
  .pink.tiers #filtre .filtre p,
  .pink.tiers .art .txt .title,
  .pink.tiers .art .txt:after,
  .pink.tiers #pagination ul,
  .pink.tiers #iti h2 span:first-child,
  .pink.tiers .cms .event:after,
  .pink.tiers #annuaire .filter,
  .pink.tiers #glossaire .filter,
  .pink.tiers #search-alt form,
  .pink.tiers #formations,
  .pink.tiers #offre-emploi,
  .pink.tiers #nav .inside-nav ul:first-child li button,
  .pink.tiers #nav .inside-alt ul:first-child li button,
  .pink.tiers #menu-alt button,
  .pink.tiers #trouver {
    background-color: #b6718f;
  }
  .pink.tiers #blocs3 .diplome .title span span {
    color: #FFFFFF;
  }
  .pink.tiers #blocs3 .diplome .title a:hover span span {
    text-decoration: underline !important;
  }
  .pink.tiers .btn:hover,
  .pink.tiers .btn:focus {
    background-color: #a15375;
  }
  .no-touch .pink.tiers .cms .accordion .h2 button:hover, .no-touch
  .pink.tiers .cms .accordion .h2 button:focus {
    background-color: #a15375;
  }
  .no-touch .pink.tiers #blue .col a:hover h2 span, .no-touch
  .pink.tiers #blue .col a:focus h2 span {
    color: #b6718f;
  }
  .pink.tiers #carrousel-left button:hover .shape1,
  .pink.tiers #carrousel-left button:focus .shape1,
  .pink.tiers #slides .flex-prev .shape2,
  .pink.tiers #slides .flex-next .shape2,
  .pink.tiers #slides .flex-prev:hover .shape1,
  .pink.tiers #slides .flex-prev:focus .shape1,
  .pink.tiers #slides .flex-next:hover .shape1,
  .pink.tiers #slides .flex-next:focus .shape1,
  .pink.tiers #slides p .next,
  .pink.tiers #actus h2 span:after,
  .pink.tiers #actus .col:first-child li li,
  .pink.tiers #actus .col:first-child path,
  .pink.tiers #actus .actu a:hover h3,
  .pink.tiers #actus .actu a:focus h3,
  .pink.tiers #actus .actus .col a:hover h3,
  .pink.tiers #actus .actus .col a:focus h3,
  .pink.tiers #last a,
  .pink.tiers #menu .p a span,
  .pink.tiers #menu a,
  .pink.tiers #menu ul ul li a:hover,
  .pink.tiers #menu ul ul li a:focus,
  .pink.tiers #menu .p a,
  .pink.tiers .cms blockquote p,
  .pink.tiers .cms ol,
  .pink.tiers .cms .push h2 span,
  .pink.tiers .cms .extract:before,
  .pink.tiers .cms a:hover,
  .pink.tiers .cms a:focus,
  .pink.tiers #resume a:hover,
  .pink.tiers #resume a:focus,
  .pink.tiers #resume button:hover,
  .pink.tiers #resume button:focus,
  .pink.tiers #blocs3 h2 span,
  .pink.tiers #content #meta a,
  .pink.tiers #content .meta a:hover,
  .pink.tiers #content .meta a:focus,
  .pink.tiers .cms .flexslider .flex-direction-nav .shape1,
  .pink.tiers #blocs3 .diplome ul a:hover,
  .pink.tiers #blocs3 .diplome ul a:focus,
  .pink.tiers #blocs3 .diplome p a:hover,
  .pink.tiers #blocs3 .diplome p a:focus,
  .pink.tiers #select p .button span span,
  .pink.tiers #select .ssmenu path,
  .pink.tiers #carrousel .slides h2,
  .pink.tiers #breadcrumb-social-select.intro.alt path,
  .pink.tiers #intro.alt h2,
  .pink.tiers .cms dd:before,
  .pink.tiers .event h2 .date,
  .pink.tiers .event .h2 .date,
  .pink.tiers #filtres .reset a,
  .pink.tiers .cms caption,
  .pink.tiers .cms table strong,
  .pink.tiers #contactmap h2,
  .pink.tiers .loc h2 span,
  .pink.tiers .triangle-alt #social path,
  .pink.tiers #annuaire .index-alt .letter,
  .pink.tiers #glossaire .index-alt .letter,
  .pink.tiers #annuaire .tab h2,
  .pink.tiers #glossaire .tab h2,
  .pink.tiers #annuaire .index-alt ul a:hover,
  .pink.tiers #annuaire .index-alt ul a:focus,
  .pink.tiers #glossaire .index-alt ul a:hover,
  .pink.tiers #glossaire .index-alt ul a:focus,
  .pink.tiers #results .intro h2 strong,
  .pink.tiers #catalogue h2 span,
  .pink.tiers #catalogue h4,
  .pink.tiers #catalogue h4 path,
  .pink.tiers #carrousel-left .txt .nowrap path {
    fill: #b6718f;
    color: #b6718f;
  }
  .pink.tiers #slides .flex-prev:hover .shape2,
  .pink.tiers #slides .flex-prev:focus .shape2,
  .pink.tiers #slides .flex-next:hover .shape2,
  .pink.tiers #slides .flex-next:focus .shape2 {
    fill: #443a31;
  }
  .pink.tiers #carrousel-left h2 {
    background-color: #fff;
    color: #b6718f;
  }
  .pink.tiers #actus:after {
    border-bottom-color: rgba(182, 113, 143, 0.25);
  }
  .pink.tiers .cms .push:after {
    border-bottom-color: #b6718f;
  }
  .pink.tiers #account a span {
    background-image: url(/bundles/nubcore/images/bg/secure-pink.svg);
  }
  .pink.tiers #footer .col li,
  .pink.tiers #slides p .next,
  .pink.tiers #actus .actus .col ul a,
  .pink.tiers #actus .col.first-child li li,
  .pink.tiers #account a,
  .pink.tiers #acces li ul a,
  .pink.tiers #lang ul a,
  .pink.tiers #menu a span,
  .pink.tiers .items li,
  .pink.tiers #resume ul a,
  .pink.tiers #content #docs li,
  .pink.tiers #select .ssmenu ul ul li:first-child a,
  .pink.tiers #carrousel .slides ul li,
  .pink.tiers #sommaire li,
  .pink.tiers #end a,
  .pink.tiers .art .next,
  .pink.tiers #iti h2 a,
  .pink.tiers #more li,
  .pink.tiers #annuaire .index-alt ul a,
  .pink.tiers #glossaire .index-alt ul a,
  .pink.tiers form #fast h3 button,
  .pink.tiers #nav .inside-alt ul:nth-child(1) li a,
  .pink.tiers #nav ul ul:nth-child(1) li a:after,
  .pink.tiers #menu-alt a:after,
  .pink.tiers #carrousel-left p:after {
    background-image: url(/bundles/nubcore/images/bg/item-pink.svg);
  }
  .js .pink.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/item-off-pink.svg);
  }
  .pink.tiers #last li,
  .pink.tiers .cms ul li {
    background-image: url(/bundles/nubcore/images/bg/puce-ter-pink.svg);
  }
  .pink.tiers #acces button {
    background-image: url(/bundles/nubcore/images/bg/link-pink.svg);
  }
  .pink.tiers #acces .button span,
  .pink.tiers #nav .button span,
  .pink.tiers #lang span,
  .pink.tiers #intro h1 button {
    background-image: url(/bundles/nubcore/images/bg/list-pink.svg);
  }
  .pink.tiers #resume button,
  .pink.tiers #select p .button span,
  .pink.tiers #blocs3 .diplome.off ul.action button span,
  .pink.tiers form #fast h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-pink.svg);
  }
  .pink.tiers #lang button.active span,
  .pink.tiers #nav .active span,
  .pink.tiers #acces .active button span,
  .pink.tiers #intro h1 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-off-pink.svg);
  }
  .pink.tiers #top a,
  .pink.tiers #resume button.active,
  .pink.tiers #select p button.active span,
  .pink.tiers #blocs3 .diplome ul.action button span {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-pink.svg);
  }
  .pink.tiers #filtres .filtres p button,
  .pink.tiers #annuaire .index-alt ul a,
  .pink.tiers #glossaire .index-alt ul a {
    background-image: url(/bundles/nubcore/images/bg/list-ter-pink.svg);
  }
  .pink.tiers #filtres .filtres p button.active,
  .pink.tiers #annuaire .index-alt ul a.active-alt,
  .pink.tiers #glossaire .index-alt ul a.active-alt {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-pink.svg);
  }
  .js .pink.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-pink.svg);
  }
  .pink.tiers #acces li:last-child button {
    background-image: url(/bundles/nubcore/images/bg/profil-pink.svg);
  }
  .pink.tiers #error .title {
    background-image: url(/bundles/nubcore/images/bg/losange-alt-pink.svg);
  }
  .pink.tiers .cms blockquote:before {
    background-image: url(/bundles/nubcore/images/bg/quote-alt-pink.svg);
  }
  .pink.tiers .cms blockquote.cite:before {
    background-image: url(/bundles/nubcore/images/bg/quote-pink.svg);
  }
  .pink.tiers .rubrique .cms h1,
  .pink.tiers #intro.alt h1,
  .pink.tiers .cms h1.alt {
    background-image: url(/bundles/nubcore/images/bg/puce-alt-pink.svg);
  }
  .pink.tiers .items li.doc {
    background-image: url(/bundles/nubcore/images/bg/doc-pink.svg);
  }
  .pink.tiers .titles h2.change button {
    background-image: url(/bundles/nubcore/images/agenda-pink.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .pink.tiers #blocs3 .diplome .title {
    background-color: #b6718f;
  }
}
@media only screen and (max-width: 739px) {
  .pink.tiers #error h1 {
    color: #b6718f;
  }
}
@media only screen and (max-width: 739px) {
  .pink.tiers #tabs li {
    background-image: url(/bundles/nubcore/images/bg/item-pink.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .pink.tiers .titles h2 button {
    background-image: url(/bundles/nubcore/images/bg/list-ter-pink.svg);
  }
  .pink.tiers .titles h2 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-pink.svg);
  }
}
@media print {
  .pink .full .diplome a,
  .pink a, .pink a:visited,
  .pink #address-alt .mask,
  .pink .selection #select a:after {
    color: #b6718f;
  }
}
@media screen {
  .rouge_iae.tiers #nav .page,
  .rouge_iae.tiers #last .page,
  .rouge_iae.tiers #footer #partenaires {
    border-color: #d2232a !important;
  }
  .rouge_iae.tiers #actus h3 span:after,
  .rouge_iae.tiers #actus .actus .col ul,
  .rouge_iae.tiers #actus h2 a:after,
  .rouge_iae.tiers #account,
  .rouge_iae.tiers #search,
  .rouge_iae.tiers #search.active button,
  .rouge_iae.tiers #search p button:hover,
  .rouge_iae.tiers #search p button:focus,
  .rouge_iae.tiers #acces button:hover,
  .rouge_iae.tiers #acces button:focus,
  .rouge_iae.tiers #menu .p,
  .rouge_iae.tiers .cms blockquote.cite p.cite,
  .rouge_iae.tiers .cms .push,
  .rouge_iae.tiers .bloc,
  .rouge_iae.tiers #resume ul,
  .rouge_iae.tiers #blocs3 .actu p .title,
  .rouge_iae.tiers .cms .flexslider .flex-direction-nav li,
  .rouge_iae.tiers #blocs3 .diplome ul.action li,
  .rouge_iae.tiers #select p .button,
  .rouge_iae.tiers #select .ssmenu,
  .rouge_iae.tiers .hr,
  .rouge_iae.tiers .form,
  .rouge_iae.tiers .filets .col,
  .rouge_iae.tiers #end li,
  .rouge_iae.tiers .event,
  .rouge_iae.tiers .event h2 .date,
  .rouge_iae.tiers .event .h2 .date,
  .rouge_iae.tiers .ui-widget-content,
  .rouge_iae.tiers .ui-state-active,
  .rouge_iae.tiers .ui-widget-content .ui-state-active,
  .rouge_iae.tiers .ui-widget-header .ui-state-active,
  .rouge_iae.tiers .ui-state-active,
  .rouge_iae.tiers .ui-widget-content .ui-state-active,
  .rouge_iae.tiers .ui-widget-header .ui-state-active,
  .rouge_iae.tiers .ui-state-hover,
  .rouge_iae.tiers .ui-widget-content .ui-state-hover,
  .rouge_iae.tiers .ui-widget-content,
  .rouge_iae.tiers .art .txt .title,
  .rouge_iae.tiers #annuaire .fiche,
  .rouge_iae.tiers #glossaire .fiche,
  .rouge_iae.tiers #annuaire .index-alt .letter,
  .rouge_iae.tiers #glossaire .index-alt .letter,
  .rouge_iae.tiers .result,
  .rouge_iae.tiers #fast ul,
  .rouge_iae.tiers #fast div div,
  .rouge_iae.tiers #fast li,
  .rouge_iae.tiers #fast p,
  .rouge_iae.tiers #catalogue .content a,
  .rouge_iae.tiers #nav .inside-alt,
  .rouge_iae.tiers .event h2 span,
  .rouge_iae.tiers .event .h2 span,
  .rouge_iae.tiers .loc .bloc,
  .rouge_iae.tiers .bloc:last-child,
  .rouge_iae.tiers #nav .inside-nav ul:nth-child(1) li a:after,
  .rouge_iae.tiers #nav .inside-alt ul:nth-child(1) li a:after,
  .rouge_iae.tiers #menu-alt a:after {
    border-color: #d2232a;
  }
  .rouge_iae.tiers .ui-datepicker .ui-datepicker-prev-hover,
  .rouge_iae.tiers .ui-datepicker .ui-datepicker-next-hover {
    background-color: #d2232a !important;
  }
  .rouge_iae.tiers .ui-state-hover,
  .rouge_iae.tiers .ui-widget-content .ui-state-hover {
    background-color: #f6cbcc;
  }
  .rouge_iae.tiers .form input.text:focus,
  .rouge_iae.tiers .form select:focus,
  .rouge_iae.tiers .form textarea:focus {
    -webkit-box-shadow: 0 0 3px #d2232a;
    -moz-box-shadow: 0 0 3px #d2232a;
    box-shadow: 0 0 3px #d2232a;
  }
  .rouge_iae.tiers .cms tfoot td,
  .rouge_iae.tiers .cms tfoot th {
    -webkit-box-shadow: 0 1px 0 #d2232a inset;
    -moz-box-shadow: 0 1px 0 #d2232a inset;
    box-shadow: 0 1px 0 #d2232a inset;
  }
  .js .rouge_iae.tiers #acces li ul, .js
  .rouge_iae.tiers #lang ul {
    border-color: #d2232a;
  }
  .rouge_iae.tiers #nav button:hover:before,
  .rouge_iae.tiers #nav button:focus:before,
  .rouge_iae.tiers #nav a:hover:before,
  .rouge_iae.tiers #nav a:focus:before,
  .rouge_iae.tiers #nav .active button:before,
  .rouge_iae.tiers #nav .on button:before {
    background-color: #443a31;
  }
  .rouge_iae.tiers #nav button:after,
  .rouge_iae.tiers #carrousel-left .flex-direction-nav,
  .rouge_iae.tiers #slides:after,
  .rouge_iae.tiers #footer .col:after,
  .rouge_iae.tiers .btn,
  .rouge_iae.tiers #intro,
  .rouge_iae.tiers #breadcrumb-social-select.intro,
  .rouge_iae.tiers .cms h2:after,
  .rouge_iae.tiers .cms .h2:after,
  .rouge_iae.tiers .bloc .p:after,
  .rouge_iae.tiers .cms .accordion .h2 button,
  .rouge_iae.tiers .cms .accordion .h2,
  .rouge_iae.tiers #blocs3 .actu p .title,
  .rouge_iae.tiers #blocs3 .col a:hover .txt,
  .rouge_iae.tiers #blocs3 .col a:focus .txt,
  .rouge_iae.tiers .cms .flexslider .flex-direction-nav button:hover,
  .rouge_iae.tiers .cms .flexslider .flex-direction-nav button:focus,
  .rouge_iae.tiers #blocs3 .diplome .title span span,
  .rouge_iae.tiers #carrousel .flex-direction-nav,
  .rouge_iae.tiers #blue,
  .rouge_iae.tiers #carrousel .flex-direction-nav .flex-prev,
  .rouge_iae.tiers #carrousel .flex-direction-nav .flex-next,
  .rouge_iae.tiers .bloc h3:after,
  .rouge_iae.tiers #chiffres ul .li,
  .rouge_iae.tiers #moments p .title span,
  .rouge_iae.tiers #plage,
  .rouge_iae.tiers .event h2 .date:after,
  .rouge_iae.tiers .event .h2 .date:after,
  .rouge_iae.tiers #formation,
  .rouge_iae.tiers #tabs a:after,
  .rouge_iae.tiers #filtre .filtre p,
  .rouge_iae.tiers .art .txt .title,
  .rouge_iae.tiers .art .txt:after,
  .rouge_iae.tiers #pagination ul,
  .rouge_iae.tiers #iti h2 span:first-child,
  .rouge_iae.tiers .cms .event:after,
  .rouge_iae.tiers #annuaire .filter,
  .rouge_iae.tiers #glossaire .filter,
  .rouge_iae.tiers #search-alt form,
  .rouge_iae.tiers #formations,
  .rouge_iae.tiers #offre-emploi,
  .rouge_iae.tiers #nav .inside-nav ul:first-child li button,
  .rouge_iae.tiers #nav .inside-alt ul:first-child li button,
  .rouge_iae.tiers #menu-alt button,
  .rouge_iae.tiers #trouver {
    background-color: #d2232a;
  }
  .rouge_iae.tiers #blocs3 .diplome .title span span {
    color: #FFFFFF;
  }
  .rouge_iae.tiers #blocs3 .diplome .title a:hover span span {
    text-decoration: underline !important;
  }
  .rouge_iae.tiers .btn:hover,
  .rouge_iae.tiers .btn:focus {
    background-color: #a61c21;
  }
  .no-touch .rouge_iae.tiers .cms .accordion .h2 button:hover, .no-touch
  .rouge_iae.tiers .cms .accordion .h2 button:focus {
    background-color: #a61c21;
  }
  .no-touch .rouge_iae.tiers #blue .col a:hover h2 span, .no-touch
  .rouge_iae.tiers #blue .col a:focus h2 span {
    color: #d2232a;
  }
  .rouge_iae.tiers #carrousel-left button:hover .shape1,
  .rouge_iae.tiers #carrousel-left button:focus .shape1,
  .rouge_iae.tiers #slides .flex-prev .shape2,
  .rouge_iae.tiers #slides .flex-next .shape2,
  .rouge_iae.tiers #slides .flex-prev:hover .shape1,
  .rouge_iae.tiers #slides .flex-prev:focus .shape1,
  .rouge_iae.tiers #slides .flex-next:hover .shape1,
  .rouge_iae.tiers #slides .flex-next:focus .shape1,
  .rouge_iae.tiers #slides p .next,
  .rouge_iae.tiers #actus h2 span:after,
  .rouge_iae.tiers #actus .col:first-child li li,
  .rouge_iae.tiers #actus .col:first-child path,
  .rouge_iae.tiers #actus .actu a:hover h3,
  .rouge_iae.tiers #actus .actu a:focus h3,
  .rouge_iae.tiers #actus .actus .col a:hover h3,
  .rouge_iae.tiers #actus .actus .col a:focus h3,
  .rouge_iae.tiers #last a,
  .rouge_iae.tiers #menu .p a span,
  .rouge_iae.tiers #menu a,
  .rouge_iae.tiers #menu ul ul li a:hover,
  .rouge_iae.tiers #menu ul ul li a:focus,
  .rouge_iae.tiers #menu .p a,
  .rouge_iae.tiers .cms blockquote p,
  .rouge_iae.tiers .cms ol,
  .rouge_iae.tiers .cms .push h2 span,
  .rouge_iae.tiers .cms .extract:before,
  .rouge_iae.tiers .cms a:hover,
  .rouge_iae.tiers .cms a:focus,
  .rouge_iae.tiers #resume a:hover,
  .rouge_iae.tiers #resume a:focus,
  .rouge_iae.tiers #resume button:hover,
  .rouge_iae.tiers #resume button:focus,
  .rouge_iae.tiers #blocs3 h2 span,
  .rouge_iae.tiers #content #meta a,
  .rouge_iae.tiers #content .meta a:hover,
  .rouge_iae.tiers #content .meta a:focus,
  .rouge_iae.tiers .cms .flexslider .flex-direction-nav .shape1,
  .rouge_iae.tiers #blocs3 .diplome ul a:hover,
  .rouge_iae.tiers #blocs3 .diplome ul a:focus,
  .rouge_iae.tiers #blocs3 .diplome p a:hover,
  .rouge_iae.tiers #blocs3 .diplome p a:focus,
  .rouge_iae.tiers #select p .button span span,
  .rouge_iae.tiers #select .ssmenu path,
  .rouge_iae.tiers #carrousel .slides h2,
  .rouge_iae.tiers #breadcrumb-social-select.intro.alt path,
  .rouge_iae.tiers #intro.alt h2,
  .rouge_iae.tiers .cms dd:before,
  .rouge_iae.tiers .event h2 .date,
  .rouge_iae.tiers .event .h2 .date,
  .rouge_iae.tiers #filtres .reset a,
  .rouge_iae.tiers .cms caption,
  .rouge_iae.tiers .cms table strong,
  .rouge_iae.tiers #contactmap h2,
  .rouge_iae.tiers .loc h2 span,
  .rouge_iae.tiers .triangle-alt #social path,
  .rouge_iae.tiers #annuaire .index-alt .letter,
  .rouge_iae.tiers #glossaire .index-alt .letter,
  .rouge_iae.tiers #annuaire .tab h2,
  .rouge_iae.tiers #glossaire .tab h2,
  .rouge_iae.tiers #annuaire .index-alt ul a:hover,
  .rouge_iae.tiers #annuaire .index-alt ul a:focus,
  .rouge_iae.tiers #glossaire .index-alt ul a:hover,
  .rouge_iae.tiers #glossaire .index-alt ul a:focus,
  .rouge_iae.tiers #results .intro h2 strong,
  .rouge_iae.tiers #catalogue h2 span,
  .rouge_iae.tiers #catalogue h4,
  .rouge_iae.tiers #catalogue h4 path,
  .rouge_iae.tiers #carrousel-left .txt .nowrap path {
    fill: #d2232a;
    color: #d2232a;
  }
  .rouge_iae.tiers #slides .flex-prev:hover .shape2,
  .rouge_iae.tiers #slides .flex-prev:focus .shape2,
  .rouge_iae.tiers #slides .flex-next:hover .shape2,
  .rouge_iae.tiers #slides .flex-next:focus .shape2 {
    fill: #443a31;
  }
  .rouge_iae.tiers #carrousel-left h2 {
    background-color: #fff;
    color: #d2232a;
  }
  .rouge_iae.tiers #actus:after {
    border-bottom-color: rgba(210, 35, 42, 0.25);
  }
  .rouge_iae.tiers .cms .push:after {
    border-bottom-color: #d2232a;
  }
  .rouge_iae.tiers #account a span {
    background-image: url(/bundles/nubcore/images/bg/secure-rouge_iae.svg);
  }
  .rouge_iae.tiers #footer .col li,
  .rouge_iae.tiers #slides p .next,
  .rouge_iae.tiers #actus .actus .col ul a,
  .rouge_iae.tiers #actus .col.first-child li li,
  .rouge_iae.tiers #account a,
  .rouge_iae.tiers #acces li ul a,
  .rouge_iae.tiers #lang ul a,
  .rouge_iae.tiers #menu a span,
  .rouge_iae.tiers .items li,
  .rouge_iae.tiers #resume ul a,
  .rouge_iae.tiers #content #docs li,
  .rouge_iae.tiers #select .ssmenu ul ul li:first-child a,
  .rouge_iae.tiers #carrousel .slides ul li,
  .rouge_iae.tiers #sommaire li,
  .rouge_iae.tiers #end a,
  .rouge_iae.tiers .art .next,
  .rouge_iae.tiers #iti h2 a,
  .rouge_iae.tiers #more li,
  .rouge_iae.tiers #annuaire .index-alt ul a,
  .rouge_iae.tiers #glossaire .index-alt ul a,
  .rouge_iae.tiers form #fast h3 button,
  .rouge_iae.tiers #nav .inside-alt ul:nth-child(1) li a,
  .rouge_iae.tiers #nav ul ul:nth-child(1) li a:after,
  .rouge_iae.tiers #menu-alt a:after,
  .rouge_iae.tiers #carrousel-left p:after {
    background-image: url(/bundles/nubcore/images/bg/item-rouge_iae.svg);
  }
  .js .rouge_iae.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/item-off-rouge_iae.svg);
  }
  .rouge_iae.tiers #last li,
  .rouge_iae.tiers .cms ul li {
    background-image: url(/bundles/nubcore/images/bg/puce-ter-rouge_iae.svg);
  }
  .rouge_iae.tiers #acces button {
    background-image: url(/bundles/nubcore/images/bg/link-rouge_iae.svg);
  }
  .rouge_iae.tiers #acces .button span,
  .rouge_iae.tiers #nav .button span,
  .rouge_iae.tiers #lang span,
  .rouge_iae.tiers #intro h1 button {
    background-image: url(/bundles/nubcore/images/bg/list-rouge_iae.svg);
  }
  .rouge_iae.tiers #resume button,
  .rouge_iae.tiers #select p .button span,
  .rouge_iae.tiers #blocs3 .diplome.off ul.action button span,
  .rouge_iae.tiers form #fast h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-rouge_iae.svg);
  }
  .rouge_iae.tiers #lang button.active span,
  .rouge_iae.tiers #nav .active span,
  .rouge_iae.tiers #acces .active button span,
  .rouge_iae.tiers #intro h1 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-off-rouge_iae.svg);
  }
  .rouge_iae.tiers #top a,
  .rouge_iae.tiers #resume button.active,
  .rouge_iae.tiers #select p button.active span,
  .rouge_iae.tiers #blocs3 .diplome ul.action button span {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-rouge_iae.svg);
  }
  .rouge_iae.tiers #filtres .filtres p button,
  .rouge_iae.tiers #annuaire .index-alt ul a,
  .rouge_iae.tiers #glossaire .index-alt ul a {
    background-image: url(/bundles/nubcore/images/bg/list-ter-rouge_iae.svg);
  }
  .rouge_iae.tiers #filtres .filtres p button.active,
  .rouge_iae.tiers #annuaire .index-alt ul a.active-alt,
  .rouge_iae.tiers #glossaire .index-alt ul a.active-alt {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-rouge_iae.svg);
  }
  .js .rouge_iae.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-rouge_iae.svg);
  }
  .rouge_iae.tiers #acces li:last-child button {
    background-image: url(/bundles/nubcore/images/bg/profil-rouge_iae.svg);
  }
  .rouge_iae.tiers #error .title {
    background-image: url(/bundles/nubcore/images/bg/losange-alt-rouge_iae.svg);
  }
  .rouge_iae.tiers .cms blockquote:before {
    background-image: url(/bundles/nubcore/images/bg/quote-alt-rouge_iae.svg);
  }
  .rouge_iae.tiers .cms blockquote.cite:before {
    background-image: url(/bundles/nubcore/images/bg/quote-rouge_iae.svg);
  }
  .rouge_iae.tiers .rubrique .cms h1,
  .rouge_iae.tiers #intro.alt h1,
  .rouge_iae.tiers .cms h1.alt {
    background-image: url(/bundles/nubcore/images/bg/puce-alt-rouge_iae.svg);
  }
  .rouge_iae.tiers .items li.doc {
    background-image: url(/bundles/nubcore/images/bg/doc-rouge_iae.svg);
  }
  .rouge_iae.tiers .titles h2.change button {
    background-image: url(/bundles/nubcore/images/agenda-rouge_iae.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .rouge_iae.tiers #blocs3 .diplome .title {
    background-color: #d2232a;
  }
}
@media only screen and (max-width: 739px) {
  .rouge_iae.tiers #error h1 {
    color: #d2232a;
  }
}
@media only screen and (max-width: 739px) {
  .rouge_iae.tiers #tabs li {
    background-image: url(/bundles/nubcore/images/bg/item-rouge_iae.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .rouge_iae.tiers .titles h2 button {
    background-image: url(/bundles/nubcore/images/bg/list-ter-rouge_iae.svg);
  }
  .rouge_iae.tiers .titles h2 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-rouge_iae.svg);
  }
}
@media print {
  .rouge_iae .full .diplome a,
  .rouge_iae a, .rouge_iae a:visited,
  .rouge_iae #address-alt .mask,
  .rouge_iae .selection #select a:after {
    color: #d2232a;
  }
}
@media screen {
  .bleu_cfiup.tiers #nav .page,
  .bleu_cfiup.tiers #last .page,
  .bleu_cfiup.tiers #footer #partenaires {
    border-color: #009ee0 !important;
  }
  .bleu_cfiup.tiers #actus h3 span:after,
  .bleu_cfiup.tiers #actus .actus .col ul,
  .bleu_cfiup.tiers #actus h2 a:after,
  .bleu_cfiup.tiers #account,
  .bleu_cfiup.tiers #search,
  .bleu_cfiup.tiers #search.active button,
  .bleu_cfiup.tiers #search p button:hover,
  .bleu_cfiup.tiers #search p button:focus,
  .bleu_cfiup.tiers #acces button:hover,
  .bleu_cfiup.tiers #acces button:focus,
  .bleu_cfiup.tiers #menu .p,
  .bleu_cfiup.tiers .cms blockquote.cite p.cite,
  .bleu_cfiup.tiers .cms .push,
  .bleu_cfiup.tiers .bloc,
  .bleu_cfiup.tiers #resume ul,
  .bleu_cfiup.tiers #blocs3 .actu p .title,
  .bleu_cfiup.tiers .cms .flexslider .flex-direction-nav li,
  .bleu_cfiup.tiers #blocs3 .diplome ul.action li,
  .bleu_cfiup.tiers #select p .button,
  .bleu_cfiup.tiers #select .ssmenu,
  .bleu_cfiup.tiers .hr,
  .bleu_cfiup.tiers .form,
  .bleu_cfiup.tiers .filets .col,
  .bleu_cfiup.tiers #end li,
  .bleu_cfiup.tiers .event,
  .bleu_cfiup.tiers .event h2 .date,
  .bleu_cfiup.tiers .event .h2 .date,
  .bleu_cfiup.tiers .ui-widget-content,
  .bleu_cfiup.tiers .ui-state-active,
  .bleu_cfiup.tiers .ui-widget-content .ui-state-active,
  .bleu_cfiup.tiers .ui-widget-header .ui-state-active,
  .bleu_cfiup.tiers .ui-state-active,
  .bleu_cfiup.tiers .ui-widget-content .ui-state-active,
  .bleu_cfiup.tiers .ui-widget-header .ui-state-active,
  .bleu_cfiup.tiers .ui-state-hover,
  .bleu_cfiup.tiers .ui-widget-content .ui-state-hover,
  .bleu_cfiup.tiers .ui-widget-content,
  .bleu_cfiup.tiers .art .txt .title,
  .bleu_cfiup.tiers #annuaire .fiche,
  .bleu_cfiup.tiers #glossaire .fiche,
  .bleu_cfiup.tiers #annuaire .index-alt .letter,
  .bleu_cfiup.tiers #glossaire .index-alt .letter,
  .bleu_cfiup.tiers .result,
  .bleu_cfiup.tiers #fast ul,
  .bleu_cfiup.tiers #fast div div,
  .bleu_cfiup.tiers #fast li,
  .bleu_cfiup.tiers #fast p,
  .bleu_cfiup.tiers #catalogue .content a,
  .bleu_cfiup.tiers #nav .inside-alt,
  .bleu_cfiup.tiers .event h2 span,
  .bleu_cfiup.tiers .event .h2 span,
  .bleu_cfiup.tiers .loc .bloc,
  .bleu_cfiup.tiers .bloc:last-child,
  .bleu_cfiup.tiers #nav .inside-nav ul:nth-child(1) li a:after,
  .bleu_cfiup.tiers #nav .inside-alt ul:nth-child(1) li a:after,
  .bleu_cfiup.tiers #menu-alt a:after {
    border-color: #009ee0;
  }
  .bleu_cfiup.tiers .ui-datepicker .ui-datepicker-prev-hover,
  .bleu_cfiup.tiers .ui-datepicker .ui-datepicker-next-hover {
    background-color: #009ee0 !important;
  }
  .bleu_cfiup.tiers .ui-state-hover,
  .bleu_cfiup.tiers .ui-widget-content .ui-state-hover {
    background-color: #ade7ff;
  }
  .bleu_cfiup.tiers .form input.text:focus,
  .bleu_cfiup.tiers .form select:focus,
  .bleu_cfiup.tiers .form textarea:focus {
    -webkit-box-shadow: 0 0 3px #009ee0;
    -moz-box-shadow: 0 0 3px #009ee0;
    box-shadow: 0 0 3px #009ee0;
  }
  .bleu_cfiup.tiers .cms tfoot td,
  .bleu_cfiup.tiers .cms tfoot th {
    -webkit-box-shadow: 0 1px 0 #009ee0 inset;
    -moz-box-shadow: 0 1px 0 #009ee0 inset;
    box-shadow: 0 1px 0 #009ee0 inset;
  }
  .js .bleu_cfiup.tiers #acces li ul, .js
  .bleu_cfiup.tiers #lang ul {
    border-color: #009ee0;
  }
  .bleu_cfiup.tiers #nav button:hover:before,
  .bleu_cfiup.tiers #nav button:focus:before,
  .bleu_cfiup.tiers #nav a:hover:before,
  .bleu_cfiup.tiers #nav a:focus:before,
  .bleu_cfiup.tiers #nav .active button:before,
  .bleu_cfiup.tiers #nav .on button:before {
    background-color: #443a31;
  }
  .bleu_cfiup.tiers #nav button:after,
  .bleu_cfiup.tiers #carrousel-left .flex-direction-nav,
  .bleu_cfiup.tiers #slides:after,
  .bleu_cfiup.tiers #footer .col:after,
  .bleu_cfiup.tiers .btn,
  .bleu_cfiup.tiers #intro,
  .bleu_cfiup.tiers #breadcrumb-social-select.intro,
  .bleu_cfiup.tiers .cms h2:after,
  .bleu_cfiup.tiers .cms .h2:after,
  .bleu_cfiup.tiers .bloc .p:after,
  .bleu_cfiup.tiers .cms .accordion .h2 button,
  .bleu_cfiup.tiers .cms .accordion .h2,
  .bleu_cfiup.tiers #blocs3 .actu p .title,
  .bleu_cfiup.tiers #blocs3 .col a:hover .txt,
  .bleu_cfiup.tiers #blocs3 .col a:focus .txt,
  .bleu_cfiup.tiers .cms .flexslider .flex-direction-nav button:hover,
  .bleu_cfiup.tiers .cms .flexslider .flex-direction-nav button:focus,
  .bleu_cfiup.tiers #blocs3 .diplome .title span span,
  .bleu_cfiup.tiers #carrousel .flex-direction-nav,
  .bleu_cfiup.tiers #blue,
  .bleu_cfiup.tiers #carrousel .flex-direction-nav .flex-prev,
  .bleu_cfiup.tiers #carrousel .flex-direction-nav .flex-next,
  .bleu_cfiup.tiers .bloc h3:after,
  .bleu_cfiup.tiers #chiffres ul .li,
  .bleu_cfiup.tiers #moments p .title span,
  .bleu_cfiup.tiers #plage,
  .bleu_cfiup.tiers .event h2 .date:after,
  .bleu_cfiup.tiers .event .h2 .date:after,
  .bleu_cfiup.tiers #formation,
  .bleu_cfiup.tiers #tabs a:after,
  .bleu_cfiup.tiers #filtre .filtre p,
  .bleu_cfiup.tiers .art .txt .title,
  .bleu_cfiup.tiers .art .txt:after,
  .bleu_cfiup.tiers #pagination ul,
  .bleu_cfiup.tiers #iti h2 span:first-child,
  .bleu_cfiup.tiers .cms .event:after,
  .bleu_cfiup.tiers #annuaire .filter,
  .bleu_cfiup.tiers #glossaire .filter,
  .bleu_cfiup.tiers #search-alt form,
  .bleu_cfiup.tiers #formations,
  .bleu_cfiup.tiers #offre-emploi,
  .bleu_cfiup.tiers #nav .inside-nav ul:first-child li button,
  .bleu_cfiup.tiers #nav .inside-alt ul:first-child li button,
  .bleu_cfiup.tiers #menu-alt button,
  .bleu_cfiup.tiers #trouver {
    background-color: #009ee0;
  }
  .bleu_cfiup.tiers #blocs3 .diplome .title span span {
    color: #FFFFFF;
  }
  .bleu_cfiup.tiers #blocs3 .diplome .title a:hover span span {
    text-decoration: underline !important;
  }
  .bleu_cfiup.tiers .btn:hover,
  .bleu_cfiup.tiers .btn:focus {
    background-color: #007aad;
  }
  .no-touch .bleu_cfiup.tiers .cms .accordion .h2 button:hover, .no-touch
  .bleu_cfiup.tiers .cms .accordion .h2 button:focus {
    background-color: #007aad;
  }
  .no-touch .bleu_cfiup.tiers #blue .col a:hover h2 span, .no-touch
  .bleu_cfiup.tiers #blue .col a:focus h2 span {
    color: #009ee0;
  }
  .bleu_cfiup.tiers #carrousel-left button:hover .shape1,
  .bleu_cfiup.tiers #carrousel-left button:focus .shape1,
  .bleu_cfiup.tiers #slides .flex-prev .shape2,
  .bleu_cfiup.tiers #slides .flex-next .shape2,
  .bleu_cfiup.tiers #slides .flex-prev:hover .shape1,
  .bleu_cfiup.tiers #slides .flex-prev:focus .shape1,
  .bleu_cfiup.tiers #slides .flex-next:hover .shape1,
  .bleu_cfiup.tiers #slides .flex-next:focus .shape1,
  .bleu_cfiup.tiers #slides p .next,
  .bleu_cfiup.tiers #actus h2 span:after,
  .bleu_cfiup.tiers #actus .col:first-child li li,
  .bleu_cfiup.tiers #actus .col:first-child path,
  .bleu_cfiup.tiers #actus .actu a:hover h3,
  .bleu_cfiup.tiers #actus .actu a:focus h3,
  .bleu_cfiup.tiers #actus .actus .col a:hover h3,
  .bleu_cfiup.tiers #actus .actus .col a:focus h3,
  .bleu_cfiup.tiers #last a,
  .bleu_cfiup.tiers #menu .p a span,
  .bleu_cfiup.tiers #menu a,
  .bleu_cfiup.tiers #menu ul ul li a:hover,
  .bleu_cfiup.tiers #menu ul ul li a:focus,
  .bleu_cfiup.tiers #menu .p a,
  .bleu_cfiup.tiers .cms blockquote p,
  .bleu_cfiup.tiers .cms ol,
  .bleu_cfiup.tiers .cms .push h2 span,
  .bleu_cfiup.tiers .cms .extract:before,
  .bleu_cfiup.tiers .cms a:hover,
  .bleu_cfiup.tiers .cms a:focus,
  .bleu_cfiup.tiers #resume a:hover,
  .bleu_cfiup.tiers #resume a:focus,
  .bleu_cfiup.tiers #resume button:hover,
  .bleu_cfiup.tiers #resume button:focus,
  .bleu_cfiup.tiers #blocs3 h2 span,
  .bleu_cfiup.tiers #content #meta a,
  .bleu_cfiup.tiers #content .meta a:hover,
  .bleu_cfiup.tiers #content .meta a:focus,
  .bleu_cfiup.tiers .cms .flexslider .flex-direction-nav .shape1,
  .bleu_cfiup.tiers #blocs3 .diplome ul a:hover,
  .bleu_cfiup.tiers #blocs3 .diplome ul a:focus,
  .bleu_cfiup.tiers #blocs3 .diplome p a:hover,
  .bleu_cfiup.tiers #blocs3 .diplome p a:focus,
  .bleu_cfiup.tiers #select p .button span span,
  .bleu_cfiup.tiers #select .ssmenu path,
  .bleu_cfiup.tiers #carrousel .slides h2,
  .bleu_cfiup.tiers #breadcrumb-social-select.intro.alt path,
  .bleu_cfiup.tiers #intro.alt h2,
  .bleu_cfiup.tiers .cms dd:before,
  .bleu_cfiup.tiers .event h2 .date,
  .bleu_cfiup.tiers .event .h2 .date,
  .bleu_cfiup.tiers #filtres .reset a,
  .bleu_cfiup.tiers .cms caption,
  .bleu_cfiup.tiers .cms table strong,
  .bleu_cfiup.tiers #contactmap h2,
  .bleu_cfiup.tiers .loc h2 span,
  .bleu_cfiup.tiers .triangle-alt #social path,
  .bleu_cfiup.tiers #annuaire .index-alt .letter,
  .bleu_cfiup.tiers #glossaire .index-alt .letter,
  .bleu_cfiup.tiers #annuaire .tab h2,
  .bleu_cfiup.tiers #glossaire .tab h2,
  .bleu_cfiup.tiers #annuaire .index-alt ul a:hover,
  .bleu_cfiup.tiers #annuaire .index-alt ul a:focus,
  .bleu_cfiup.tiers #glossaire .index-alt ul a:hover,
  .bleu_cfiup.tiers #glossaire .index-alt ul a:focus,
  .bleu_cfiup.tiers #results .intro h2 strong,
  .bleu_cfiup.tiers #catalogue h2 span,
  .bleu_cfiup.tiers #catalogue h4,
  .bleu_cfiup.tiers #catalogue h4 path,
  .bleu_cfiup.tiers #carrousel-left .txt .nowrap path {
    fill: #009ee0;
    color: #009ee0;
  }
  .bleu_cfiup.tiers #slides .flex-prev:hover .shape2,
  .bleu_cfiup.tiers #slides .flex-prev:focus .shape2,
  .bleu_cfiup.tiers #slides .flex-next:hover .shape2,
  .bleu_cfiup.tiers #slides .flex-next:focus .shape2 {
    fill: #443a31;
  }
  .bleu_cfiup.tiers #carrousel-left h2 {
    background-color: #fff;
    color: #009ee0;
  }
  .bleu_cfiup.tiers #actus:after {
    border-bottom-color: rgba(0, 158, 224, 0.25);
  }
  .bleu_cfiup.tiers .cms .push:after {
    border-bottom-color: #009ee0;
  }
  .bleu_cfiup.tiers #account a span {
    background-image: url(/bundles/nubcore/images/bg/secure-bleu_cfiup.svg);
  }
  .bleu_cfiup.tiers #footer .col li,
  .bleu_cfiup.tiers #slides p .next,
  .bleu_cfiup.tiers #actus .actus .col ul a,
  .bleu_cfiup.tiers #actus .col.first-child li li,
  .bleu_cfiup.tiers #account a,
  .bleu_cfiup.tiers #acces li ul a,
  .bleu_cfiup.tiers #lang ul a,
  .bleu_cfiup.tiers #menu a span,
  .bleu_cfiup.tiers .items li,
  .bleu_cfiup.tiers #resume ul a,
  .bleu_cfiup.tiers #content #docs li,
  .bleu_cfiup.tiers #select .ssmenu ul ul li:first-child a,
  .bleu_cfiup.tiers #carrousel .slides ul li,
  .bleu_cfiup.tiers #sommaire li,
  .bleu_cfiup.tiers #end a,
  .bleu_cfiup.tiers .art .next,
  .bleu_cfiup.tiers #iti h2 a,
  .bleu_cfiup.tiers #more li,
  .bleu_cfiup.tiers #annuaire .index-alt ul a,
  .bleu_cfiup.tiers #glossaire .index-alt ul a,
  .bleu_cfiup.tiers form #fast h3 button,
  .bleu_cfiup.tiers #nav .inside-alt ul:nth-child(1) li a,
  .bleu_cfiup.tiers #nav ul ul:nth-child(1) li a:after,
  .bleu_cfiup.tiers #menu-alt a:after,
  .bleu_cfiup.tiers #carrousel-left p:after {
    background-image: url(/bundles/nubcore/images/bg/item-bleu_cfiup.svg);
  }
  .js .bleu_cfiup.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/item-off-bleu_cfiup.svg);
  }
  .bleu_cfiup.tiers #last li,
  .bleu_cfiup.tiers .cms ul li {
    background-image: url(/bundles/nubcore/images/bg/puce-ter-bleu_cfiup.svg);
  }
  .bleu_cfiup.tiers #acces button {
    background-image: url(/bundles/nubcore/images/bg/link-bleu_cfiup.svg);
  }
  .bleu_cfiup.tiers #acces .button span,
  .bleu_cfiup.tiers #nav .button span,
  .bleu_cfiup.tiers #lang span,
  .bleu_cfiup.tiers #intro h1 button {
    background-image: url(/bundles/nubcore/images/bg/list-bleu_cfiup.svg);
  }
  .bleu_cfiup.tiers #resume button,
  .bleu_cfiup.tiers #select p .button span,
  .bleu_cfiup.tiers #blocs3 .diplome.off ul.action button span,
  .bleu_cfiup.tiers form #fast h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-bleu_cfiup.svg);
  }
  .bleu_cfiup.tiers #lang button.active span,
  .bleu_cfiup.tiers #nav .active span,
  .bleu_cfiup.tiers #acces .active button span,
  .bleu_cfiup.tiers #intro h1 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-off-bleu_cfiup.svg);
  }
  .bleu_cfiup.tiers #top a,
  .bleu_cfiup.tiers #resume button.active,
  .bleu_cfiup.tiers #select p button.active span,
  .bleu_cfiup.tiers #blocs3 .diplome ul.action button span {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-bleu_cfiup.svg);
  }
  .bleu_cfiup.tiers #filtres .filtres p button,
  .bleu_cfiup.tiers #annuaire .index-alt ul a,
  .bleu_cfiup.tiers #glossaire .index-alt ul a {
    background-image: url(/bundles/nubcore/images/bg/list-ter-bleu_cfiup.svg);
  }
  .bleu_cfiup.tiers #filtres .filtres p button.active,
  .bleu_cfiup.tiers #annuaire .index-alt ul a.active-alt,
  .bleu_cfiup.tiers #glossaire .index-alt ul a.active-alt {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-bleu_cfiup.svg);
  }
  .js .bleu_cfiup.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-bleu_cfiup.svg);
  }
  .bleu_cfiup.tiers #acces li:last-child button {
    background-image: url(/bundles/nubcore/images/bg/profil-bleu_cfiup.svg);
  }
  .bleu_cfiup.tiers #error .title {
    background-image: url(/bundles/nubcore/images/bg/losange-alt-bleu_cfiup.svg);
  }
  .bleu_cfiup.tiers .cms blockquote:before {
    background-image: url(/bundles/nubcore/images/bg/quote-alt-bleu_cfiup.svg);
  }
  .bleu_cfiup.tiers .cms blockquote.cite:before {
    background-image: url(/bundles/nubcore/images/bg/quote-bleu_cfiup.svg);
  }
  .bleu_cfiup.tiers .rubrique .cms h1,
  .bleu_cfiup.tiers #intro.alt h1,
  .bleu_cfiup.tiers .cms h1.alt {
    background-image: url(/bundles/nubcore/images/bg/puce-alt-bleu_cfiup.svg);
  }
  .bleu_cfiup.tiers .items li.doc {
    background-image: url(/bundles/nubcore/images/bg/doc-bleu_cfiup.svg);
  }
  .bleu_cfiup.tiers .titles h2.change button {
    background-image: url(/bundles/nubcore/images/agenda-bleu_cfiup.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .bleu_cfiup.tiers #blocs3 .diplome .title {
    background-color: #009ee0;
  }
}
@media only screen and (max-width: 739px) {
  .bleu_cfiup.tiers #error h1 {
    color: #009ee0;
  }
}
@media only screen and (max-width: 739px) {
  .bleu_cfiup.tiers #tabs li {
    background-image: url(/bundles/nubcore/images/bg/item-bleu_cfiup.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .bleu_cfiup.tiers .titles h2 button {
    background-image: url(/bundles/nubcore/images/bg/list-ter-bleu_cfiup.svg);
  }
  .bleu_cfiup.tiers .titles h2 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-bleu_cfiup.svg);
  }
}
@media print {
  .bleu_cfiup .full .diplome a,
  .bleu_cfiup a, .bleu_cfiup a:visited,
  .bleu_cfiup #address-alt .mask,
  .bleu_cfiup .selection #select a:after {
    color: #009ee0;
  }
}
@media screen {
  .lyceens.tiers #nav .page,
  .lyceens.tiers #last .page,
  .lyceens.tiers #footer #partenaires {
    border-color: #14b0a2 !important;
  }
  .lyceens.tiers #actus h3 span:after,
  .lyceens.tiers #actus .actus .col ul,
  .lyceens.tiers #actus h2 a:after,
  .lyceens.tiers #account,
  .lyceens.tiers #search,
  .lyceens.tiers #search.active button,
  .lyceens.tiers #search p button:hover,
  .lyceens.tiers #search p button:focus,
  .lyceens.tiers #acces button:hover,
  .lyceens.tiers #acces button:focus,
  .lyceens.tiers #menu .p,
  .lyceens.tiers .cms blockquote.cite p.cite,
  .lyceens.tiers .cms .push,
  .lyceens.tiers .bloc,
  .lyceens.tiers #resume ul,
  .lyceens.tiers #blocs3 .actu p .title,
  .lyceens.tiers .cms .flexslider .flex-direction-nav li,
  .lyceens.tiers #blocs3 .diplome ul.action li,
  .lyceens.tiers #select p .button,
  .lyceens.tiers #select .ssmenu,
  .lyceens.tiers .hr,
  .lyceens.tiers .form,
  .lyceens.tiers .filets .col,
  .lyceens.tiers #end li,
  .lyceens.tiers .event,
  .lyceens.tiers .event h2 .date,
  .lyceens.tiers .event .h2 .date,
  .lyceens.tiers .ui-widget-content,
  .lyceens.tiers .ui-state-active,
  .lyceens.tiers .ui-widget-content .ui-state-active,
  .lyceens.tiers .ui-widget-header .ui-state-active,
  .lyceens.tiers .ui-state-active,
  .lyceens.tiers .ui-widget-content .ui-state-active,
  .lyceens.tiers .ui-widget-header .ui-state-active,
  .lyceens.tiers .ui-state-hover,
  .lyceens.tiers .ui-widget-content .ui-state-hover,
  .lyceens.tiers .ui-widget-content,
  .lyceens.tiers .art .txt .title,
  .lyceens.tiers #annuaire .fiche,
  .lyceens.tiers #glossaire .fiche,
  .lyceens.tiers #annuaire .index-alt .letter,
  .lyceens.tiers #glossaire .index-alt .letter,
  .lyceens.tiers .result,
  .lyceens.tiers #fast ul,
  .lyceens.tiers #fast div div,
  .lyceens.tiers #fast li,
  .lyceens.tiers #fast p,
  .lyceens.tiers #catalogue .content a,
  .lyceens.tiers #nav .inside-alt,
  .lyceens.tiers .event h2 span,
  .lyceens.tiers .event .h2 span,
  .lyceens.tiers .loc .bloc,
  .lyceens.tiers .bloc:last-child,
  .lyceens.tiers #nav .inside-nav ul:nth-child(1) li a:after,
  .lyceens.tiers #nav .inside-alt ul:nth-child(1) li a:after,
  .lyceens.tiers #menu-alt a:after {
    border-color: #14b0a2;
  }
  .lyceens.tiers .ui-datepicker .ui-datepicker-prev-hover,
  .lyceens.tiers .ui-datepicker .ui-datepicker-next-hover {
    background-color: #14b0a2 !important;
  }
  .lyceens.tiers .ui-state-hover,
  .lyceens.tiers .ui-widget-content .ui-state-hover {
    background-color: #9cf4ec;
  }
  .lyceens.tiers .form input.text:focus,
  .lyceens.tiers .form select:focus,
  .lyceens.tiers .form textarea:focus {
    -webkit-box-shadow: 0 0 3px #14b0a2;
    -moz-box-shadow: 0 0 3px #14b0a2;
    box-shadow: 0 0 3px #14b0a2;
  }
  .lyceens.tiers .cms tfoot td,
  .lyceens.tiers .cms tfoot th {
    -webkit-box-shadow: 0 1px 0 #14b0a2 inset;
    -moz-box-shadow: 0 1px 0 #14b0a2 inset;
    box-shadow: 0 1px 0 #14b0a2 inset;
  }
  .js .lyceens.tiers #acces li ul, .js
  .lyceens.tiers #lang ul {
    border-color: #14b0a2;
  }
  .lyceens.tiers #nav button:hover:before,
  .lyceens.tiers #nav button:focus:before,
  .lyceens.tiers #nav a:hover:before,
  .lyceens.tiers #nav a:focus:before,
  .lyceens.tiers #nav .active button:before,
  .lyceens.tiers #nav .on button:before {
    background-color: #443a31;
  }
  .lyceens.tiers #nav button:after,
  .lyceens.tiers #carrousel-left .flex-direction-nav,
  .lyceens.tiers #slides:after,
  .lyceens.tiers #footer .col:after,
  .lyceens.tiers .btn,
  .lyceens.tiers #intro,
  .lyceens.tiers #breadcrumb-social-select.intro,
  .lyceens.tiers .cms h2:after,
  .lyceens.tiers .cms .h2:after,
  .lyceens.tiers .bloc .p:after,
  .lyceens.tiers .cms .accordion .h2 button,
  .lyceens.tiers .cms .accordion .h2,
  .lyceens.tiers #blocs3 .actu p .title,
  .lyceens.tiers #blocs3 .col a:hover .txt,
  .lyceens.tiers #blocs3 .col a:focus .txt,
  .lyceens.tiers .cms .flexslider .flex-direction-nav button:hover,
  .lyceens.tiers .cms .flexslider .flex-direction-nav button:focus,
  .lyceens.tiers #blocs3 .diplome .title span span,
  .lyceens.tiers #carrousel .flex-direction-nav,
  .lyceens.tiers #blue,
  .lyceens.tiers #carrousel .flex-direction-nav .flex-prev,
  .lyceens.tiers #carrousel .flex-direction-nav .flex-next,
  .lyceens.tiers .bloc h3:after,
  .lyceens.tiers #chiffres ul .li,
  .lyceens.tiers #moments p .title span,
  .lyceens.tiers #plage,
  .lyceens.tiers .event h2 .date:after,
  .lyceens.tiers .event .h2 .date:after,
  .lyceens.tiers #formation,
  .lyceens.tiers #tabs a:after,
  .lyceens.tiers #filtre .filtre p,
  .lyceens.tiers .art .txt .title,
  .lyceens.tiers .art .txt:after,
  .lyceens.tiers #pagination ul,
  .lyceens.tiers #iti h2 span:first-child,
  .lyceens.tiers .cms .event:after,
  .lyceens.tiers #annuaire .filter,
  .lyceens.tiers #glossaire .filter,
  .lyceens.tiers #search-alt form,
  .lyceens.tiers #formations,
  .lyceens.tiers #offre-emploi,
  .lyceens.tiers #nav .inside-nav ul:first-child li button,
  .lyceens.tiers #nav .inside-alt ul:first-child li button,
  .lyceens.tiers #menu-alt button,
  .lyceens.tiers #trouver {
    background-color: #14b0a2;
  }
  .lyceens.tiers #blocs3 .diplome .title span span {
    color: #FFFFFF;
  }
  .lyceens.tiers #blocs3 .diplome .title a:hover span span {
    text-decoration: underline !important;
  }
  .lyceens.tiers .btn:hover,
  .lyceens.tiers .btn:focus {
    background-color: #0f8278;
  }
  .no-touch .lyceens.tiers .cms .accordion .h2 button:hover, .no-touch
  .lyceens.tiers .cms .accordion .h2 button:focus {
    background-color: #0f8278;
  }
  .no-touch .lyceens.tiers #blue .col a:hover h2 span, .no-touch
  .lyceens.tiers #blue .col a:focus h2 span {
    color: #14b0a2;
  }
  .lyceens.tiers #carrousel-left button:hover .shape1,
  .lyceens.tiers #carrousel-left button:focus .shape1,
  .lyceens.tiers #slides .flex-prev .shape2,
  .lyceens.tiers #slides .flex-next .shape2,
  .lyceens.tiers #slides .flex-prev:hover .shape1,
  .lyceens.tiers #slides .flex-prev:focus .shape1,
  .lyceens.tiers #slides .flex-next:hover .shape1,
  .lyceens.tiers #slides .flex-next:focus .shape1,
  .lyceens.tiers #slides p .next,
  .lyceens.tiers #actus h2 span:after,
  .lyceens.tiers #actus .col:first-child li li,
  .lyceens.tiers #actus .col:first-child path,
  .lyceens.tiers #actus .actu a:hover h3,
  .lyceens.tiers #actus .actu a:focus h3,
  .lyceens.tiers #actus .actus .col a:hover h3,
  .lyceens.tiers #actus .actus .col a:focus h3,
  .lyceens.tiers #last a,
  .lyceens.tiers #menu .p a span,
  .lyceens.tiers #menu a,
  .lyceens.tiers #menu ul ul li a:hover,
  .lyceens.tiers #menu ul ul li a:focus,
  .lyceens.tiers #menu .p a,
  .lyceens.tiers .cms blockquote p,
  .lyceens.tiers .cms ol,
  .lyceens.tiers .cms .push h2 span,
  .lyceens.tiers .cms .extract:before,
  .lyceens.tiers .cms a:hover,
  .lyceens.tiers .cms a:focus,
  .lyceens.tiers #resume a:hover,
  .lyceens.tiers #resume a:focus,
  .lyceens.tiers #resume button:hover,
  .lyceens.tiers #resume button:focus,
  .lyceens.tiers #blocs3 h2 span,
  .lyceens.tiers #content #meta a,
  .lyceens.tiers #content .meta a:hover,
  .lyceens.tiers #content .meta a:focus,
  .lyceens.tiers .cms .flexslider .flex-direction-nav .shape1,
  .lyceens.tiers #blocs3 .diplome ul a:hover,
  .lyceens.tiers #blocs3 .diplome ul a:focus,
  .lyceens.tiers #blocs3 .diplome p a:hover,
  .lyceens.tiers #blocs3 .diplome p a:focus,
  .lyceens.tiers #select p .button span span,
  .lyceens.tiers #select .ssmenu path,
  .lyceens.tiers #carrousel .slides h2,
  .lyceens.tiers #breadcrumb-social-select.intro.alt path,
  .lyceens.tiers #intro.alt h2,
  .lyceens.tiers .cms dd:before,
  .lyceens.tiers .event h2 .date,
  .lyceens.tiers .event .h2 .date,
  .lyceens.tiers #filtres .reset a,
  .lyceens.tiers .cms caption,
  .lyceens.tiers .cms table strong,
  .lyceens.tiers #contactmap h2,
  .lyceens.tiers .loc h2 span,
  .lyceens.tiers .triangle-alt #social path,
  .lyceens.tiers #annuaire .index-alt .letter,
  .lyceens.tiers #glossaire .index-alt .letter,
  .lyceens.tiers #annuaire .tab h2,
  .lyceens.tiers #glossaire .tab h2,
  .lyceens.tiers #annuaire .index-alt ul a:hover,
  .lyceens.tiers #annuaire .index-alt ul a:focus,
  .lyceens.tiers #glossaire .index-alt ul a:hover,
  .lyceens.tiers #glossaire .index-alt ul a:focus,
  .lyceens.tiers #results .intro h2 strong,
  .lyceens.tiers #catalogue h2 span,
  .lyceens.tiers #catalogue h4,
  .lyceens.tiers #catalogue h4 path,
  .lyceens.tiers #carrousel-left .txt .nowrap path {
    fill: #14b0a2;
    color: #14b0a2;
  }
  .lyceens.tiers #slides .flex-prev:hover .shape2,
  .lyceens.tiers #slides .flex-prev:focus .shape2,
  .lyceens.tiers #slides .flex-next:hover .shape2,
  .lyceens.tiers #slides .flex-next:focus .shape2 {
    fill: #443a31;
  }
  .lyceens.tiers #carrousel-left h2 {
    background-color: #fff;
    color: #14b0a2;
  }
  .lyceens.tiers #actus:after {
    border-bottom-color: rgba(20, 176, 162, 0.25);
  }
  .lyceens.tiers .cms .push:after {
    border-bottom-color: #14b0a2;
  }
  .lyceens.tiers #account a span {
    background-image: url(/bundles/nubcore/images/bg/secure-lyceens.svg);
  }
  .lyceens.tiers #footer .col li,
  .lyceens.tiers #slides p .next,
  .lyceens.tiers #actus .actus .col ul a,
  .lyceens.tiers #actus .col.first-child li li,
  .lyceens.tiers #account a,
  .lyceens.tiers #acces li ul a,
  .lyceens.tiers #lang ul a,
  .lyceens.tiers #menu a span,
  .lyceens.tiers .items li,
  .lyceens.tiers #resume ul a,
  .lyceens.tiers #content #docs li,
  .lyceens.tiers #select .ssmenu ul ul li:first-child a,
  .lyceens.tiers #carrousel .slides ul li,
  .lyceens.tiers #sommaire li,
  .lyceens.tiers #end a,
  .lyceens.tiers .art .next,
  .lyceens.tiers #iti h2 a,
  .lyceens.tiers #more li,
  .lyceens.tiers #annuaire .index-alt ul a,
  .lyceens.tiers #glossaire .index-alt ul a,
  .lyceens.tiers form #fast h3 button,
  .lyceens.tiers #nav .inside-alt ul:nth-child(1) li a,
  .lyceens.tiers #nav ul ul:nth-child(1) li a:after,
  .lyceens.tiers #menu-alt a:after,
  .lyceens.tiers #carrousel-left p:after {
    background-image: url(/bundles/nubcore/images/bg/item-lyceens.svg);
  }
  .js .lyceens.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/item-off-lyceens.svg);
  }
  .lyceens.tiers #last li,
  .lyceens.tiers .cms ul li {
    background-image: url(/bundles/nubcore/images/bg/puce-ter-lyceens.svg);
  }
  .lyceens.tiers #acces button {
    background-image: url(/bundles/nubcore/images/bg/link-lyceens.svg);
  }
  .lyceens.tiers #acces .button span,
  .lyceens.tiers #nav .button span,
  .lyceens.tiers #lang span,
  .lyceens.tiers #intro h1 button {
    background-image: url(/bundles/nubcore/images/bg/list-lyceens.svg);
  }
  .lyceens.tiers #resume button,
  .lyceens.tiers #select p .button span,
  .lyceens.tiers #blocs3 .diplome.off ul.action button span,
  .lyceens.tiers form #fast h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-lyceens.svg);
  }
  .lyceens.tiers #lang button.active span,
  .lyceens.tiers #nav .active span,
  .lyceens.tiers #acces .active button span,
  .lyceens.tiers #intro h1 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-off-lyceens.svg);
  }
  .lyceens.tiers #top a,
  .lyceens.tiers #resume button.active,
  .lyceens.tiers #select p button.active span,
  .lyceens.tiers #blocs3 .diplome ul.action button span {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-lyceens.svg);
  }
  .lyceens.tiers #filtres .filtres p button,
  .lyceens.tiers #annuaire .index-alt ul a,
  .lyceens.tiers #glossaire .index-alt ul a {
    background-image: url(/bundles/nubcore/images/bg/list-ter-lyceens.svg);
  }
  .lyceens.tiers #filtres .filtres p button.active,
  .lyceens.tiers #annuaire .index-alt ul a.active-alt,
  .lyceens.tiers #glossaire .index-alt ul a.active-alt {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-lyceens.svg);
  }
  .js .lyceens.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-lyceens.svg);
  }
  .lyceens.tiers #acces li:last-child button {
    background-image: url(/bundles/nubcore/images/bg/profil-lyceens.svg);
  }
  .lyceens.tiers #error .title {
    background-image: url(/bundles/nubcore/images/bg/losange-alt-lyceens.svg);
  }
  .lyceens.tiers .cms blockquote:before {
    background-image: url(/bundles/nubcore/images/bg/quote-alt-lyceens.svg);
  }
  .lyceens.tiers .cms blockquote.cite:before {
    background-image: url(/bundles/nubcore/images/bg/quote-lyceens.svg);
  }
  .lyceens.tiers .rubrique .cms h1,
  .lyceens.tiers #intro.alt h1,
  .lyceens.tiers .cms h1.alt {
    background-image: url(/bundles/nubcore/images/bg/puce-alt-lyceens.svg);
  }
  .lyceens.tiers .items li.doc {
    background-image: url(/bundles/nubcore/images/bg/doc-lyceens.svg);
  }
  .lyceens.tiers .titles h2.change button {
    background-image: url(/bundles/nubcore/images/agenda-lyceens.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .lyceens.tiers #blocs3 .diplome .title {
    background-color: #14b0a2;
  }
}
@media only screen and (max-width: 739px) {
  .lyceens.tiers #error h1 {
    color: #14b0a2;
  }
}
@media only screen and (max-width: 739px) {
  .lyceens.tiers #tabs li {
    background-image: url(/bundles/nubcore/images/bg/item-lyceens.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .lyceens.tiers .titles h2 button {
    background-image: url(/bundles/nubcore/images/bg/list-ter-lyceens.svg);
  }
  .lyceens.tiers .titles h2 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-lyceens.svg);
  }
}
@media print {
  .lyceens .full .diplome a,
  .lyceens a, .lyceens a:visited,
  .lyceens #address-alt .mask,
  .lyceens .selection #select a:after {
    color: #14b0a2;
  }
}
@media screen {
  .roue_op_campus.tiers #nav .page,
  .roue_op_campus.tiers #last .page,
  .roue_op_campus.tiers #footer #partenaires {
    border-color: #ee1010 !important;
  }
  .roue_op_campus.tiers #actus h3 span:after,
  .roue_op_campus.tiers #actus .actus .col ul,
  .roue_op_campus.tiers #actus h2 a:after,
  .roue_op_campus.tiers #account,
  .roue_op_campus.tiers #search,
  .roue_op_campus.tiers #search.active button,
  .roue_op_campus.tiers #search p button:hover,
  .roue_op_campus.tiers #search p button:focus,
  .roue_op_campus.tiers #acces button:hover,
  .roue_op_campus.tiers #acces button:focus,
  .roue_op_campus.tiers #menu .p,
  .roue_op_campus.tiers .cms blockquote.cite p.cite,
  .roue_op_campus.tiers .cms .push,
  .roue_op_campus.tiers .bloc,
  .roue_op_campus.tiers #resume ul,
  .roue_op_campus.tiers #blocs3 .actu p .title,
  .roue_op_campus.tiers .cms .flexslider .flex-direction-nav li,
  .roue_op_campus.tiers #blocs3 .diplome ul.action li,
  .roue_op_campus.tiers #select p .button,
  .roue_op_campus.tiers #select .ssmenu,
  .roue_op_campus.tiers .hr,
  .roue_op_campus.tiers .form,
  .roue_op_campus.tiers .filets .col,
  .roue_op_campus.tiers #end li,
  .roue_op_campus.tiers .event,
  .roue_op_campus.tiers .event h2 .date,
  .roue_op_campus.tiers .event .h2 .date,
  .roue_op_campus.tiers .ui-widget-content,
  .roue_op_campus.tiers .ui-state-active,
  .roue_op_campus.tiers .ui-widget-content .ui-state-active,
  .roue_op_campus.tiers .ui-widget-header .ui-state-active,
  .roue_op_campus.tiers .ui-state-active,
  .roue_op_campus.tiers .ui-widget-content .ui-state-active,
  .roue_op_campus.tiers .ui-widget-header .ui-state-active,
  .roue_op_campus.tiers .ui-state-hover,
  .roue_op_campus.tiers .ui-widget-content .ui-state-hover,
  .roue_op_campus.tiers .ui-widget-content,
  .roue_op_campus.tiers .art .txt .title,
  .roue_op_campus.tiers #annuaire .fiche,
  .roue_op_campus.tiers #glossaire .fiche,
  .roue_op_campus.tiers #annuaire .index-alt .letter,
  .roue_op_campus.tiers #glossaire .index-alt .letter,
  .roue_op_campus.tiers .result,
  .roue_op_campus.tiers #fast ul,
  .roue_op_campus.tiers #fast div div,
  .roue_op_campus.tiers #fast li,
  .roue_op_campus.tiers #fast p,
  .roue_op_campus.tiers #catalogue .content a,
  .roue_op_campus.tiers #nav .inside-alt,
  .roue_op_campus.tiers .event h2 span,
  .roue_op_campus.tiers .event .h2 span,
  .roue_op_campus.tiers .loc .bloc,
  .roue_op_campus.tiers .bloc:last-child,
  .roue_op_campus.tiers #nav .inside-nav ul:nth-child(1) li a:after,
  .roue_op_campus.tiers #nav .inside-alt ul:nth-child(1) li a:after,
  .roue_op_campus.tiers #menu-alt a:after {
    border-color: #ee1010;
  }
  .roue_op_campus.tiers .ui-datepicker .ui-datepicker-prev-hover,
  .roue_op_campus.tiers .ui-datepicker .ui-datepicker-next-hover {
    background-color: #ee1010 !important;
  }
  .roue_op_campus.tiers .ui-state-hover,
  .roue_op_campus.tiers .ui-widget-content .ui-state-hover {
    background-color: #fccece;
  }
  .roue_op_campus.tiers .form input.text:focus,
  .roue_op_campus.tiers .form select:focus,
  .roue_op_campus.tiers .form textarea:focus {
    -webkit-box-shadow: 0 0 3px #ee1010;
    -moz-box-shadow: 0 0 3px #ee1010;
    box-shadow: 0 0 3px #ee1010;
  }
  .roue_op_campus.tiers .cms tfoot td,
  .roue_op_campus.tiers .cms tfoot th {
    -webkit-box-shadow: 0 1px 0 #ee1010 inset;
    -moz-box-shadow: 0 1px 0 #ee1010 inset;
    box-shadow: 0 1px 0 #ee1010 inset;
  }
  .js .roue_op_campus.tiers #acces li ul, .js
  .roue_op_campus.tiers #lang ul {
    border-color: #ee1010;
  }
  .roue_op_campus.tiers #nav button:hover:before,
  .roue_op_campus.tiers #nav button:focus:before,
  .roue_op_campus.tiers #nav a:hover:before,
  .roue_op_campus.tiers #nav a:focus:before,
  .roue_op_campus.tiers #nav .active button:before,
  .roue_op_campus.tiers #nav .on button:before {
    background-color: #443a31;
  }
  .roue_op_campus.tiers #nav button:after,
  .roue_op_campus.tiers #carrousel-left .flex-direction-nav,
  .roue_op_campus.tiers #slides:after,
  .roue_op_campus.tiers #footer .col:after,
  .roue_op_campus.tiers .btn,
  .roue_op_campus.tiers #intro,
  .roue_op_campus.tiers #breadcrumb-social-select.intro,
  .roue_op_campus.tiers .cms h2:after,
  .roue_op_campus.tiers .cms .h2:after,
  .roue_op_campus.tiers .bloc .p:after,
  .roue_op_campus.tiers .cms .accordion .h2 button,
  .roue_op_campus.tiers .cms .accordion .h2,
  .roue_op_campus.tiers #blocs3 .actu p .title,
  .roue_op_campus.tiers #blocs3 .col a:hover .txt,
  .roue_op_campus.tiers #blocs3 .col a:focus .txt,
  .roue_op_campus.tiers .cms .flexslider .flex-direction-nav button:hover,
  .roue_op_campus.tiers .cms .flexslider .flex-direction-nav button:focus,
  .roue_op_campus.tiers #blocs3 .diplome .title span span,
  .roue_op_campus.tiers #carrousel .flex-direction-nav,
  .roue_op_campus.tiers #blue,
  .roue_op_campus.tiers #carrousel .flex-direction-nav .flex-prev,
  .roue_op_campus.tiers #carrousel .flex-direction-nav .flex-next,
  .roue_op_campus.tiers .bloc h3:after,
  .roue_op_campus.tiers #chiffres ul .li,
  .roue_op_campus.tiers #moments p .title span,
  .roue_op_campus.tiers #plage,
  .roue_op_campus.tiers .event h2 .date:after,
  .roue_op_campus.tiers .event .h2 .date:after,
  .roue_op_campus.tiers #formation,
  .roue_op_campus.tiers #tabs a:after,
  .roue_op_campus.tiers #filtre .filtre p,
  .roue_op_campus.tiers .art .txt .title,
  .roue_op_campus.tiers .art .txt:after,
  .roue_op_campus.tiers #pagination ul,
  .roue_op_campus.tiers #iti h2 span:first-child,
  .roue_op_campus.tiers .cms .event:after,
  .roue_op_campus.tiers #annuaire .filter,
  .roue_op_campus.tiers #glossaire .filter,
  .roue_op_campus.tiers #search-alt form,
  .roue_op_campus.tiers #formations,
  .roue_op_campus.tiers #offre-emploi,
  .roue_op_campus.tiers #nav .inside-nav ul:first-child li button,
  .roue_op_campus.tiers #nav .inside-alt ul:first-child li button,
  .roue_op_campus.tiers #menu-alt button,
  .roue_op_campus.tiers #trouver {
    background-color: #ee1010;
  }
  .roue_op_campus.tiers #blocs3 .diplome .title span span {
    color: #FFFFFF;
  }
  .roue_op_campus.tiers #blocs3 .diplome .title a:hover span span {
    text-decoration: underline !important;
  }
  .roue_op_campus.tiers .btn:hover,
  .roue_op_campus.tiers .btn:focus {
    background-color: #be0d0d;
  }
  .no-touch .roue_op_campus.tiers .cms .accordion .h2 button:hover, .no-touch
  .roue_op_campus.tiers .cms .accordion .h2 button:focus {
    background-color: #be0d0d;
  }
  .no-touch .roue_op_campus.tiers #blue .col a:hover h2 span, .no-touch
  .roue_op_campus.tiers #blue .col a:focus h2 span {
    color: #ee1010;
  }
  .roue_op_campus.tiers #carrousel-left button:hover .shape1,
  .roue_op_campus.tiers #carrousel-left button:focus .shape1,
  .roue_op_campus.tiers #slides .flex-prev .shape2,
  .roue_op_campus.tiers #slides .flex-next .shape2,
  .roue_op_campus.tiers #slides .flex-prev:hover .shape1,
  .roue_op_campus.tiers #slides .flex-prev:focus .shape1,
  .roue_op_campus.tiers #slides .flex-next:hover .shape1,
  .roue_op_campus.tiers #slides .flex-next:focus .shape1,
  .roue_op_campus.tiers #slides p .next,
  .roue_op_campus.tiers #actus h2 span:after,
  .roue_op_campus.tiers #actus .col:first-child li li,
  .roue_op_campus.tiers #actus .col:first-child path,
  .roue_op_campus.tiers #actus .actu a:hover h3,
  .roue_op_campus.tiers #actus .actu a:focus h3,
  .roue_op_campus.tiers #actus .actus .col a:hover h3,
  .roue_op_campus.tiers #actus .actus .col a:focus h3,
  .roue_op_campus.tiers #last a,
  .roue_op_campus.tiers #menu .p a span,
  .roue_op_campus.tiers #menu a,
  .roue_op_campus.tiers #menu ul ul li a:hover,
  .roue_op_campus.tiers #menu ul ul li a:focus,
  .roue_op_campus.tiers #menu .p a,
  .roue_op_campus.tiers .cms blockquote p,
  .roue_op_campus.tiers .cms ol,
  .roue_op_campus.tiers .cms .push h2 span,
  .roue_op_campus.tiers .cms .extract:before,
  .roue_op_campus.tiers .cms a:hover,
  .roue_op_campus.tiers .cms a:focus,
  .roue_op_campus.tiers #resume a:hover,
  .roue_op_campus.tiers #resume a:focus,
  .roue_op_campus.tiers #resume button:hover,
  .roue_op_campus.tiers #resume button:focus,
  .roue_op_campus.tiers #blocs3 h2 span,
  .roue_op_campus.tiers #content #meta a,
  .roue_op_campus.tiers #content .meta a:hover,
  .roue_op_campus.tiers #content .meta a:focus,
  .roue_op_campus.tiers .cms .flexslider .flex-direction-nav .shape1,
  .roue_op_campus.tiers #blocs3 .diplome ul a:hover,
  .roue_op_campus.tiers #blocs3 .diplome ul a:focus,
  .roue_op_campus.tiers #blocs3 .diplome p a:hover,
  .roue_op_campus.tiers #blocs3 .diplome p a:focus,
  .roue_op_campus.tiers #select p .button span span,
  .roue_op_campus.tiers #select .ssmenu path,
  .roue_op_campus.tiers #carrousel .slides h2,
  .roue_op_campus.tiers #breadcrumb-social-select.intro.alt path,
  .roue_op_campus.tiers #intro.alt h2,
  .roue_op_campus.tiers .cms dd:before,
  .roue_op_campus.tiers .event h2 .date,
  .roue_op_campus.tiers .event .h2 .date,
  .roue_op_campus.tiers #filtres .reset a,
  .roue_op_campus.tiers .cms caption,
  .roue_op_campus.tiers .cms table strong,
  .roue_op_campus.tiers #contactmap h2,
  .roue_op_campus.tiers .loc h2 span,
  .roue_op_campus.tiers .triangle-alt #social path,
  .roue_op_campus.tiers #annuaire .index-alt .letter,
  .roue_op_campus.tiers #glossaire .index-alt .letter,
  .roue_op_campus.tiers #annuaire .tab h2,
  .roue_op_campus.tiers #glossaire .tab h2,
  .roue_op_campus.tiers #annuaire .index-alt ul a:hover,
  .roue_op_campus.tiers #annuaire .index-alt ul a:focus,
  .roue_op_campus.tiers #glossaire .index-alt ul a:hover,
  .roue_op_campus.tiers #glossaire .index-alt ul a:focus,
  .roue_op_campus.tiers #results .intro h2 strong,
  .roue_op_campus.tiers #catalogue h2 span,
  .roue_op_campus.tiers #catalogue h4,
  .roue_op_campus.tiers #catalogue h4 path,
  .roue_op_campus.tiers #carrousel-left .txt .nowrap path {
    fill: #ee1010;
    color: #ee1010;
  }
  .roue_op_campus.tiers #slides .flex-prev:hover .shape2,
  .roue_op_campus.tiers #slides .flex-prev:focus .shape2,
  .roue_op_campus.tiers #slides .flex-next:hover .shape2,
  .roue_op_campus.tiers #slides .flex-next:focus .shape2 {
    fill: #443a31;
  }
  .roue_op_campus.tiers #carrousel-left h2 {
    background-color: #fff;
    color: #ee1010;
  }
  .roue_op_campus.tiers #actus:after {
    border-bottom-color: rgba(238, 16, 16, 0.25);
  }
  .roue_op_campus.tiers .cms .push:after {
    border-bottom-color: #ee1010;
  }
  .roue_op_campus.tiers #account a span {
    background-image: url(/bundles/nubcore/images/bg/secure-roue_op_campus.svg);
  }
  .roue_op_campus.tiers #footer .col li,
  .roue_op_campus.tiers #slides p .next,
  .roue_op_campus.tiers #actus .actus .col ul a,
  .roue_op_campus.tiers #actus .col.first-child li li,
  .roue_op_campus.tiers #account a,
  .roue_op_campus.tiers #acces li ul a,
  .roue_op_campus.tiers #lang ul a,
  .roue_op_campus.tiers #menu a span,
  .roue_op_campus.tiers .items li,
  .roue_op_campus.tiers #resume ul a,
  .roue_op_campus.tiers #content #docs li,
  .roue_op_campus.tiers #select .ssmenu ul ul li:first-child a,
  .roue_op_campus.tiers #carrousel .slides ul li,
  .roue_op_campus.tiers #sommaire li,
  .roue_op_campus.tiers #end a,
  .roue_op_campus.tiers .art .next,
  .roue_op_campus.tiers #iti h2 a,
  .roue_op_campus.tiers #more li,
  .roue_op_campus.tiers #annuaire .index-alt ul a,
  .roue_op_campus.tiers #glossaire .index-alt ul a,
  .roue_op_campus.tiers form #fast h3 button,
  .roue_op_campus.tiers #nav .inside-alt ul:nth-child(1) li a,
  .roue_op_campus.tiers #nav ul ul:nth-child(1) li a:after,
  .roue_op_campus.tiers #menu-alt a:after,
  .roue_op_campus.tiers #carrousel-left p:after {
    background-image: url(/bundles/nubcore/images/bg/item-roue_op_campus.svg);
  }
  .js .roue_op_campus.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/item-off-roue_op_campus.svg);
  }
  .roue_op_campus.tiers #last li,
  .roue_op_campus.tiers .cms ul li {
    background-image: url(/bundles/nubcore/images/bg/puce-ter-roue_op_campus.svg);
  }
  .roue_op_campus.tiers #acces button {
    background-image: url(/bundles/nubcore/images/bg/link-roue_op_campus.svg);
  }
  .roue_op_campus.tiers #acces .button span,
  .roue_op_campus.tiers #nav .button span,
  .roue_op_campus.tiers #lang span,
  .roue_op_campus.tiers #intro h1 button {
    background-image: url(/bundles/nubcore/images/bg/list-roue_op_campus.svg);
  }
  .roue_op_campus.tiers #resume button,
  .roue_op_campus.tiers #select p .button span,
  .roue_op_campus.tiers #blocs3 .diplome.off ul.action button span,
  .roue_op_campus.tiers form #fast h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-roue_op_campus.svg);
  }
  .roue_op_campus.tiers #lang button.active span,
  .roue_op_campus.tiers #nav .active span,
  .roue_op_campus.tiers #acces .active button span,
  .roue_op_campus.tiers #intro h1 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-off-roue_op_campus.svg);
  }
  .roue_op_campus.tiers #top a,
  .roue_op_campus.tiers #resume button.active,
  .roue_op_campus.tiers #select p button.active span,
  .roue_op_campus.tiers #blocs3 .diplome ul.action button span {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-roue_op_campus.svg);
  }
  .roue_op_campus.tiers #filtres .filtres p button,
  .roue_op_campus.tiers #annuaire .index-alt ul a,
  .roue_op_campus.tiers #glossaire .index-alt ul a {
    background-image: url(/bundles/nubcore/images/bg/list-ter-roue_op_campus.svg);
  }
  .roue_op_campus.tiers #filtres .filtres p button.active,
  .roue_op_campus.tiers #annuaire .index-alt ul a.active-alt,
  .roue_op_campus.tiers #glossaire .index-alt ul a.active-alt {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-roue_op_campus.svg);
  }
  .js .roue_op_campus.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-roue_op_campus.svg);
  }
  .roue_op_campus.tiers #acces li:last-child button {
    background-image: url(/bundles/nubcore/images/bg/profil-roue_op_campus.svg);
  }
  .roue_op_campus.tiers #error .title {
    background-image: url(/bundles/nubcore/images/bg/losange-alt-roue_op_campus.svg);
  }
  .roue_op_campus.tiers .cms blockquote:before {
    background-image: url(/bundles/nubcore/images/bg/quote-alt-roue_op_campus.svg);
  }
  .roue_op_campus.tiers .cms blockquote.cite:before {
    background-image: url(/bundles/nubcore/images/bg/quote-roue_op_campus.svg);
  }
  .roue_op_campus.tiers .rubrique .cms h1,
  .roue_op_campus.tiers #intro.alt h1,
  .roue_op_campus.tiers .cms h1.alt {
    background-image: url(/bundles/nubcore/images/bg/puce-alt-roue_op_campus.svg);
  }
  .roue_op_campus.tiers .items li.doc {
    background-image: url(/bundles/nubcore/images/bg/doc-roue_op_campus.svg);
  }
  .roue_op_campus.tiers .titles h2.change button {
    background-image: url(/bundles/nubcore/images/agenda-roue_op_campus.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .roue_op_campus.tiers #blocs3 .diplome .title {
    background-color: #ee1010;
  }
}
@media only screen and (max-width: 739px) {
  .roue_op_campus.tiers #error h1 {
    color: #ee1010;
  }
}
@media only screen and (max-width: 739px) {
  .roue_op_campus.tiers #tabs li {
    background-image: url(/bundles/nubcore/images/bg/item-roue_op_campus.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .roue_op_campus.tiers .titles h2 button {
    background-image: url(/bundles/nubcore/images/bg/list-ter-roue_op_campus.svg);
  }
  .roue_op_campus.tiers .titles h2 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-roue_op_campus.svg);
  }
}
@media print {
  .roue_op_campus .full .diplome a,
  .roue_op_campus a, .roue_op_campus a:visited,
  .roue_op_campus #address-alt .mask,
  .roue_op_campus .selection #select a:after {
    color: #ee1010;
  }
}
@media screen {
  .vert_printemps.tiers #nav .page,
  .vert_printemps.tiers #last .page,
  .vert_printemps.tiers #footer #partenaires {
    border-color: #02ce51 !important;
  }
  .vert_printemps.tiers #actus h3 span:after,
  .vert_printemps.tiers #actus .actus .col ul,
  .vert_printemps.tiers #actus h2 a:after,
  .vert_printemps.tiers #account,
  .vert_printemps.tiers #search,
  .vert_printemps.tiers #search.active button,
  .vert_printemps.tiers #search p button:hover,
  .vert_printemps.tiers #search p button:focus,
  .vert_printemps.tiers #acces button:hover,
  .vert_printemps.tiers #acces button:focus,
  .vert_printemps.tiers #menu .p,
  .vert_printemps.tiers .cms blockquote.cite p.cite,
  .vert_printemps.tiers .cms .push,
  .vert_printemps.tiers .bloc,
  .vert_printemps.tiers #resume ul,
  .vert_printemps.tiers #blocs3 .actu p .title,
  .vert_printemps.tiers .cms .flexslider .flex-direction-nav li,
  .vert_printemps.tiers #blocs3 .diplome ul.action li,
  .vert_printemps.tiers #select p .button,
  .vert_printemps.tiers #select .ssmenu,
  .vert_printemps.tiers .hr,
  .vert_printemps.tiers .form,
  .vert_printemps.tiers .filets .col,
  .vert_printemps.tiers #end li,
  .vert_printemps.tiers .event,
  .vert_printemps.tiers .event h2 .date,
  .vert_printemps.tiers .event .h2 .date,
  .vert_printemps.tiers .ui-widget-content,
  .vert_printemps.tiers .ui-state-active,
  .vert_printemps.tiers .ui-widget-content .ui-state-active,
  .vert_printemps.tiers .ui-widget-header .ui-state-active,
  .vert_printemps.tiers .ui-state-active,
  .vert_printemps.tiers .ui-widget-content .ui-state-active,
  .vert_printemps.tiers .ui-widget-header .ui-state-active,
  .vert_printemps.tiers .ui-state-hover,
  .vert_printemps.tiers .ui-widget-content .ui-state-hover,
  .vert_printemps.tiers .ui-widget-content,
  .vert_printemps.tiers .art .txt .title,
  .vert_printemps.tiers #annuaire .fiche,
  .vert_printemps.tiers #glossaire .fiche,
  .vert_printemps.tiers #annuaire .index-alt .letter,
  .vert_printemps.tiers #glossaire .index-alt .letter,
  .vert_printemps.tiers .result,
  .vert_printemps.tiers #fast ul,
  .vert_printemps.tiers #fast div div,
  .vert_printemps.tiers #fast li,
  .vert_printemps.tiers #fast p,
  .vert_printemps.tiers #catalogue .content a,
  .vert_printemps.tiers #nav .inside-alt,
  .vert_printemps.tiers .event h2 span,
  .vert_printemps.tiers .event .h2 span,
  .vert_printemps.tiers .loc .bloc,
  .vert_printemps.tiers .bloc:last-child,
  .vert_printemps.tiers #nav .inside-nav ul:nth-child(1) li a:after,
  .vert_printemps.tiers #nav .inside-alt ul:nth-child(1) li a:after,
  .vert_printemps.tiers #menu-alt a:after {
    border-color: #02ce51;
  }
  .vert_printemps.tiers .ui-datepicker .ui-datepicker-prev-hover,
  .vert_printemps.tiers .ui-datepicker .ui-datepicker-next-hover {
    background-color: #02ce51 !important;
  }
  .vert_printemps.tiers .ui-state-hover,
  .vert_printemps.tiers .ui-widget-content .ui-state-hover {
    background-color: #9efec3;
  }
  .vert_printemps.tiers .form input.text:focus,
  .vert_printemps.tiers .form select:focus,
  .vert_printemps.tiers .form textarea:focus {
    -webkit-box-shadow: 0 0 3px #02ce51;
    -moz-box-shadow: 0 0 3px #02ce51;
    box-shadow: 0 0 3px #02ce51;
  }
  .vert_printemps.tiers .cms tfoot td,
  .vert_printemps.tiers .cms tfoot th {
    -webkit-box-shadow: 0 1px 0 #02ce51 inset;
    -moz-box-shadow: 0 1px 0 #02ce51 inset;
    box-shadow: 0 1px 0 #02ce51 inset;
  }
  .js .vert_printemps.tiers #acces li ul, .js
  .vert_printemps.tiers #lang ul {
    border-color: #02ce51;
  }
  .vert_printemps.tiers #nav button:hover:before,
  .vert_printemps.tiers #nav button:focus:before,
  .vert_printemps.tiers #nav a:hover:before,
  .vert_printemps.tiers #nav a:focus:before,
  .vert_printemps.tiers #nav .active button:before,
  .vert_printemps.tiers #nav .on button:before {
    background-color: #443a31;
  }
  .vert_printemps.tiers #nav button:after,
  .vert_printemps.tiers #carrousel-left .flex-direction-nav,
  .vert_printemps.tiers #slides:after,
  .vert_printemps.tiers #footer .col:after,
  .vert_printemps.tiers .btn,
  .vert_printemps.tiers #intro,
  .vert_printemps.tiers #breadcrumb-social-select.intro,
  .vert_printemps.tiers .cms h2:after,
  .vert_printemps.tiers .cms .h2:after,
  .vert_printemps.tiers .bloc .p:after,
  .vert_printemps.tiers .cms .accordion .h2 button,
  .vert_printemps.tiers .cms .accordion .h2,
  .vert_printemps.tiers #blocs3 .actu p .title,
  .vert_printemps.tiers #blocs3 .col a:hover .txt,
  .vert_printemps.tiers #blocs3 .col a:focus .txt,
  .vert_printemps.tiers .cms .flexslider .flex-direction-nav button:hover,
  .vert_printemps.tiers .cms .flexslider .flex-direction-nav button:focus,
  .vert_printemps.tiers #blocs3 .diplome .title span span,
  .vert_printemps.tiers #carrousel .flex-direction-nav,
  .vert_printemps.tiers #blue,
  .vert_printemps.tiers #carrousel .flex-direction-nav .flex-prev,
  .vert_printemps.tiers #carrousel .flex-direction-nav .flex-next,
  .vert_printemps.tiers .bloc h3:after,
  .vert_printemps.tiers #chiffres ul .li,
  .vert_printemps.tiers #moments p .title span,
  .vert_printemps.tiers #plage,
  .vert_printemps.tiers .event h2 .date:after,
  .vert_printemps.tiers .event .h2 .date:after,
  .vert_printemps.tiers #formation,
  .vert_printemps.tiers #tabs a:after,
  .vert_printemps.tiers #filtre .filtre p,
  .vert_printemps.tiers .art .txt .title,
  .vert_printemps.tiers .art .txt:after,
  .vert_printemps.tiers #pagination ul,
  .vert_printemps.tiers #iti h2 span:first-child,
  .vert_printemps.tiers .cms .event:after,
  .vert_printemps.tiers #annuaire .filter,
  .vert_printemps.tiers #glossaire .filter,
  .vert_printemps.tiers #search-alt form,
  .vert_printemps.tiers #formations,
  .vert_printemps.tiers #offre-emploi,
  .vert_printemps.tiers #nav .inside-nav ul:first-child li button,
  .vert_printemps.tiers #nav .inside-alt ul:first-child li button,
  .vert_printemps.tiers #menu-alt button,
  .vert_printemps.tiers #trouver {
    background-color: #02ce51;
  }
  .vert_printemps.tiers #blocs3 .diplome .title span span {
    color: #FFFFFF;
  }
  .vert_printemps.tiers #blocs3 .diplome .title a:hover span span {
    text-decoration: underline !important;
  }
  .vert_printemps.tiers .btn:hover,
  .vert_printemps.tiers .btn:focus {
    background-color: #029b3d;
  }
  .no-touch .vert_printemps.tiers .cms .accordion .h2 button:hover, .no-touch
  .vert_printemps.tiers .cms .accordion .h2 button:focus {
    background-color: #029b3d;
  }
  .no-touch .vert_printemps.tiers #blue .col a:hover h2 span, .no-touch
  .vert_printemps.tiers #blue .col a:focus h2 span {
    color: #02ce51;
  }
  .vert_printemps.tiers #carrousel-left button:hover .shape1,
  .vert_printemps.tiers #carrousel-left button:focus .shape1,
  .vert_printemps.tiers #slides .flex-prev .shape2,
  .vert_printemps.tiers #slides .flex-next .shape2,
  .vert_printemps.tiers #slides .flex-prev:hover .shape1,
  .vert_printemps.tiers #slides .flex-prev:focus .shape1,
  .vert_printemps.tiers #slides .flex-next:hover .shape1,
  .vert_printemps.tiers #slides .flex-next:focus .shape1,
  .vert_printemps.tiers #slides p .next,
  .vert_printemps.tiers #actus h2 span:after,
  .vert_printemps.tiers #actus .col:first-child li li,
  .vert_printemps.tiers #actus .col:first-child path,
  .vert_printemps.tiers #actus .actu a:hover h3,
  .vert_printemps.tiers #actus .actu a:focus h3,
  .vert_printemps.tiers #actus .actus .col a:hover h3,
  .vert_printemps.tiers #actus .actus .col a:focus h3,
  .vert_printemps.tiers #last a,
  .vert_printemps.tiers #menu .p a span,
  .vert_printemps.tiers #menu a,
  .vert_printemps.tiers #menu ul ul li a:hover,
  .vert_printemps.tiers #menu ul ul li a:focus,
  .vert_printemps.tiers #menu .p a,
  .vert_printemps.tiers .cms blockquote p,
  .vert_printemps.tiers .cms ol,
  .vert_printemps.tiers .cms .push h2 span,
  .vert_printemps.tiers .cms .extract:before,
  .vert_printemps.tiers .cms a:hover,
  .vert_printemps.tiers .cms a:focus,
  .vert_printemps.tiers #resume a:hover,
  .vert_printemps.tiers #resume a:focus,
  .vert_printemps.tiers #resume button:hover,
  .vert_printemps.tiers #resume button:focus,
  .vert_printemps.tiers #blocs3 h2 span,
  .vert_printemps.tiers #content #meta a,
  .vert_printemps.tiers #content .meta a:hover,
  .vert_printemps.tiers #content .meta a:focus,
  .vert_printemps.tiers .cms .flexslider .flex-direction-nav .shape1,
  .vert_printemps.tiers #blocs3 .diplome ul a:hover,
  .vert_printemps.tiers #blocs3 .diplome ul a:focus,
  .vert_printemps.tiers #blocs3 .diplome p a:hover,
  .vert_printemps.tiers #blocs3 .diplome p a:focus,
  .vert_printemps.tiers #select p .button span span,
  .vert_printemps.tiers #select .ssmenu path,
  .vert_printemps.tiers #carrousel .slides h2,
  .vert_printemps.tiers #breadcrumb-social-select.intro.alt path,
  .vert_printemps.tiers #intro.alt h2,
  .vert_printemps.tiers .cms dd:before,
  .vert_printemps.tiers .event h2 .date,
  .vert_printemps.tiers .event .h2 .date,
  .vert_printemps.tiers #filtres .reset a,
  .vert_printemps.tiers .cms caption,
  .vert_printemps.tiers .cms table strong,
  .vert_printemps.tiers #contactmap h2,
  .vert_printemps.tiers .loc h2 span,
  .vert_printemps.tiers .triangle-alt #social path,
  .vert_printemps.tiers #annuaire .index-alt .letter,
  .vert_printemps.tiers #glossaire .index-alt .letter,
  .vert_printemps.tiers #annuaire .tab h2,
  .vert_printemps.tiers #glossaire .tab h2,
  .vert_printemps.tiers #annuaire .index-alt ul a:hover,
  .vert_printemps.tiers #annuaire .index-alt ul a:focus,
  .vert_printemps.tiers #glossaire .index-alt ul a:hover,
  .vert_printemps.tiers #glossaire .index-alt ul a:focus,
  .vert_printemps.tiers #results .intro h2 strong,
  .vert_printemps.tiers #catalogue h2 span,
  .vert_printemps.tiers #catalogue h4,
  .vert_printemps.tiers #catalogue h4 path,
  .vert_printemps.tiers #carrousel-left .txt .nowrap path {
    fill: #02ce51;
    color: #02ce51;
  }
  .vert_printemps.tiers #slides .flex-prev:hover .shape2,
  .vert_printemps.tiers #slides .flex-prev:focus .shape2,
  .vert_printemps.tiers #slides .flex-next:hover .shape2,
  .vert_printemps.tiers #slides .flex-next:focus .shape2 {
    fill: #443a31;
  }
  .vert_printemps.tiers #carrousel-left h2 {
    background-color: #fff;
    color: #02ce51;
  }
  .vert_printemps.tiers #actus:after {
    border-bottom-color: rgba(2, 206, 81, 0.25);
  }
  .vert_printemps.tiers .cms .push:after {
    border-bottom-color: #02ce51;
  }
  .vert_printemps.tiers #account a span {
    background-image: url(/bundles/nubcore/images/bg/secure-vert_printemps.svg);
  }
  .vert_printemps.tiers #footer .col li,
  .vert_printemps.tiers #slides p .next,
  .vert_printemps.tiers #actus .actus .col ul a,
  .vert_printemps.tiers #actus .col.first-child li li,
  .vert_printemps.tiers #account a,
  .vert_printemps.tiers #acces li ul a,
  .vert_printemps.tiers #lang ul a,
  .vert_printemps.tiers #menu a span,
  .vert_printemps.tiers .items li,
  .vert_printemps.tiers #resume ul a,
  .vert_printemps.tiers #content #docs li,
  .vert_printemps.tiers #select .ssmenu ul ul li:first-child a,
  .vert_printemps.tiers #carrousel .slides ul li,
  .vert_printemps.tiers #sommaire li,
  .vert_printemps.tiers #end a,
  .vert_printemps.tiers .art .next,
  .vert_printemps.tiers #iti h2 a,
  .vert_printemps.tiers #more li,
  .vert_printemps.tiers #annuaire .index-alt ul a,
  .vert_printemps.tiers #glossaire .index-alt ul a,
  .vert_printemps.tiers form #fast h3 button,
  .vert_printemps.tiers #nav .inside-alt ul:nth-child(1) li a,
  .vert_printemps.tiers #nav ul ul:nth-child(1) li a:after,
  .vert_printemps.tiers #menu-alt a:after,
  .vert_printemps.tiers #carrousel-left p:after {
    background-image: url(/bundles/nubcore/images/bg/item-vert_printemps.svg);
  }
  .js .vert_printemps.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/item-off-vert_printemps.svg);
  }
  .vert_printemps.tiers #last li,
  .vert_printemps.tiers .cms ul li {
    background-image: url(/bundles/nubcore/images/bg/puce-ter-vert_printemps.svg);
  }
  .vert_printemps.tiers #acces button {
    background-image: url(/bundles/nubcore/images/bg/link-vert_printemps.svg);
  }
  .vert_printemps.tiers #acces .button span,
  .vert_printemps.tiers #nav .button span,
  .vert_printemps.tiers #lang span,
  .vert_printemps.tiers #intro h1 button {
    background-image: url(/bundles/nubcore/images/bg/list-vert_printemps.svg);
  }
  .vert_printemps.tiers #resume button,
  .vert_printemps.tiers #select p .button span,
  .vert_printemps.tiers #blocs3 .diplome.off ul.action button span,
  .vert_printemps.tiers form #fast h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-vert_printemps.svg);
  }
  .vert_printemps.tiers #lang button.active span,
  .vert_printemps.tiers #nav .active span,
  .vert_printemps.tiers #acces .active button span,
  .vert_printemps.tiers #intro h1 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-off-vert_printemps.svg);
  }
  .vert_printemps.tiers #top a,
  .vert_printemps.tiers #resume button.active,
  .vert_printemps.tiers #select p button.active span,
  .vert_printemps.tiers #blocs3 .diplome ul.action button span {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-vert_printemps.svg);
  }
  .vert_printemps.tiers #filtres .filtres p button,
  .vert_printemps.tiers #annuaire .index-alt ul a,
  .vert_printemps.tiers #glossaire .index-alt ul a {
    background-image: url(/bundles/nubcore/images/bg/list-ter-vert_printemps.svg);
  }
  .vert_printemps.tiers #filtres .filtres p button.active,
  .vert_printemps.tiers #annuaire .index-alt ul a.active-alt,
  .vert_printemps.tiers #glossaire .index-alt ul a.active-alt {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-vert_printemps.svg);
  }
  .js .vert_printemps.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-vert_printemps.svg);
  }
  .vert_printemps.tiers #acces li:last-child button {
    background-image: url(/bundles/nubcore/images/bg/profil-vert_printemps.svg);
  }
  .vert_printemps.tiers #error .title {
    background-image: url(/bundles/nubcore/images/bg/losange-alt-vert_printemps.svg);
  }
  .vert_printemps.tiers .cms blockquote:before {
    background-image: url(/bundles/nubcore/images/bg/quote-alt-vert_printemps.svg);
  }
  .vert_printemps.tiers .cms blockquote.cite:before {
    background-image: url(/bundles/nubcore/images/bg/quote-vert_printemps.svg);
  }
  .vert_printemps.tiers .rubrique .cms h1,
  .vert_printemps.tiers #intro.alt h1,
  .vert_printemps.tiers .cms h1.alt {
    background-image: url(/bundles/nubcore/images/bg/puce-alt-vert_printemps.svg);
  }
  .vert_printemps.tiers .items li.doc {
    background-image: url(/bundles/nubcore/images/bg/doc-vert_printemps.svg);
  }
  .vert_printemps.tiers .titles h2.change button {
    background-image: url(/bundles/nubcore/images/agenda-vert_printemps.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .vert_printemps.tiers #blocs3 .diplome .title {
    background-color: #02ce51;
  }
}
@media only screen and (max-width: 739px) {
  .vert_printemps.tiers #error h1 {
    color: #02ce51;
  }
}
@media only screen and (max-width: 739px) {
  .vert_printemps.tiers #tabs li {
    background-image: url(/bundles/nubcore/images/bg/item-vert_printemps.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .vert_printemps.tiers .titles h2 button {
    background-image: url(/bundles/nubcore/images/bg/list-ter-vert_printemps.svg);
  }
  .vert_printemps.tiers .titles h2 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-vert_printemps.svg);
  }
}
@media print {
  .vert_printemps .full .diplome a,
  .vert_printemps a, .vert_printemps a:visited,
  .vert_printemps #address-alt .mask,
  .vert_printemps .selection #select a:after {
    color: #02ce51;
  }
}
@media screen {
  .pourpre.tiers #nav .page,
  .pourpre.tiers #last .page,
  .pourpre.tiers #footer #partenaires {
    border-color: #9e0e40 !important;
  }
  .pourpre.tiers #actus h3 span:after,
  .pourpre.tiers #actus .actus .col ul,
  .pourpre.tiers #actus h2 a:after,
  .pourpre.tiers #account,
  .pourpre.tiers #search,
  .pourpre.tiers #search.active button,
  .pourpre.tiers #search p button:hover,
  .pourpre.tiers #search p button:focus,
  .pourpre.tiers #acces button:hover,
  .pourpre.tiers #acces button:focus,
  .pourpre.tiers #menu .p,
  .pourpre.tiers .cms blockquote.cite p.cite,
  .pourpre.tiers .cms .push,
  .pourpre.tiers .bloc,
  .pourpre.tiers #resume ul,
  .pourpre.tiers #blocs3 .actu p .title,
  .pourpre.tiers .cms .flexslider .flex-direction-nav li,
  .pourpre.tiers #blocs3 .diplome ul.action li,
  .pourpre.tiers #select p .button,
  .pourpre.tiers #select .ssmenu,
  .pourpre.tiers .hr,
  .pourpre.tiers .form,
  .pourpre.tiers .filets .col,
  .pourpre.tiers #end li,
  .pourpre.tiers .event,
  .pourpre.tiers .event h2 .date,
  .pourpre.tiers .event .h2 .date,
  .pourpre.tiers .ui-widget-content,
  .pourpre.tiers .ui-state-active,
  .pourpre.tiers .ui-widget-content .ui-state-active,
  .pourpre.tiers .ui-widget-header .ui-state-active,
  .pourpre.tiers .ui-state-active,
  .pourpre.tiers .ui-widget-content .ui-state-active,
  .pourpre.tiers .ui-widget-header .ui-state-active,
  .pourpre.tiers .ui-state-hover,
  .pourpre.tiers .ui-widget-content .ui-state-hover,
  .pourpre.tiers .ui-widget-content,
  .pourpre.tiers .art .txt .title,
  .pourpre.tiers #annuaire .fiche,
  .pourpre.tiers #glossaire .fiche,
  .pourpre.tiers #annuaire .index-alt .letter,
  .pourpre.tiers #glossaire .index-alt .letter,
  .pourpre.tiers .result,
  .pourpre.tiers #fast ul,
  .pourpre.tiers #fast div div,
  .pourpre.tiers #fast li,
  .pourpre.tiers #fast p,
  .pourpre.tiers #catalogue .content a,
  .pourpre.tiers #nav .inside-alt,
  .pourpre.tiers .event h2 span,
  .pourpre.tiers .event .h2 span,
  .pourpre.tiers .loc .bloc,
  .pourpre.tiers .bloc:last-child,
  .pourpre.tiers #nav .inside-nav ul:nth-child(1) li a:after,
  .pourpre.tiers #nav .inside-alt ul:nth-child(1) li a:after,
  .pourpre.tiers #menu-alt a:after {
    border-color: #9e0e40;
  }
  .pourpre.tiers .ui-datepicker .ui-datepicker-prev-hover,
  .pourpre.tiers .ui-datepicker .ui-datepicker-next-hover {
    background-color: #9e0e40 !important;
  }
  .pourpre.tiers .ui-state-hover,
  .pourpre.tiers .ui-widget-content .ui-state-hover {
    background-color: #f484ab;
  }
  .pourpre.tiers .form input.text:focus,
  .pourpre.tiers .form select:focus,
  .pourpre.tiers .form textarea:focus {
    -webkit-box-shadow: 0 0 3px #9e0e40;
    -moz-box-shadow: 0 0 3px #9e0e40;
    box-shadow: 0 0 3px #9e0e40;
  }
  .pourpre.tiers .cms tfoot td,
  .pourpre.tiers .cms tfoot th {
    -webkit-box-shadow: 0 1px 0 #9e0e40 inset;
    -moz-box-shadow: 0 1px 0 #9e0e40 inset;
    box-shadow: 0 1px 0 #9e0e40 inset;
  }
  .js .pourpre.tiers #acces li ul, .js
  .pourpre.tiers #lang ul {
    border-color: #9e0e40;
  }
  .pourpre.tiers #nav button:hover:before,
  .pourpre.tiers #nav button:focus:before,
  .pourpre.tiers #nav a:hover:before,
  .pourpre.tiers #nav a:focus:before,
  .pourpre.tiers #nav .active button:before,
  .pourpre.tiers #nav .on button:before {
    background-color: #443a31;
  }
  .pourpre.tiers #nav button:after,
  .pourpre.tiers #carrousel-left .flex-direction-nav,
  .pourpre.tiers #slides:after,
  .pourpre.tiers #footer .col:after,
  .pourpre.tiers .btn,
  .pourpre.tiers #intro,
  .pourpre.tiers #breadcrumb-social-select.intro,
  .pourpre.tiers .cms h2:after,
  .pourpre.tiers .cms .h2:after,
  .pourpre.tiers .bloc .p:after,
  .pourpre.tiers .cms .accordion .h2 button,
  .pourpre.tiers .cms .accordion .h2,
  .pourpre.tiers #blocs3 .actu p .title,
  .pourpre.tiers #blocs3 .col a:hover .txt,
  .pourpre.tiers #blocs3 .col a:focus .txt,
  .pourpre.tiers .cms .flexslider .flex-direction-nav button:hover,
  .pourpre.tiers .cms .flexslider .flex-direction-nav button:focus,
  .pourpre.tiers #blocs3 .diplome .title span span,
  .pourpre.tiers #carrousel .flex-direction-nav,
  .pourpre.tiers #blue,
  .pourpre.tiers #carrousel .flex-direction-nav .flex-prev,
  .pourpre.tiers #carrousel .flex-direction-nav .flex-next,
  .pourpre.tiers .bloc h3:after,
  .pourpre.tiers #chiffres ul .li,
  .pourpre.tiers #moments p .title span,
  .pourpre.tiers #plage,
  .pourpre.tiers .event h2 .date:after,
  .pourpre.tiers .event .h2 .date:after,
  .pourpre.tiers #formation,
  .pourpre.tiers #tabs a:after,
  .pourpre.tiers #filtre .filtre p,
  .pourpre.tiers .art .txt .title,
  .pourpre.tiers .art .txt:after,
  .pourpre.tiers #pagination ul,
  .pourpre.tiers #iti h2 span:first-child,
  .pourpre.tiers .cms .event:after,
  .pourpre.tiers #annuaire .filter,
  .pourpre.tiers #glossaire .filter,
  .pourpre.tiers #search-alt form,
  .pourpre.tiers #formations,
  .pourpre.tiers #offre-emploi,
  .pourpre.tiers #nav .inside-nav ul:first-child li button,
  .pourpre.tiers #nav .inside-alt ul:first-child li button,
  .pourpre.tiers #menu-alt button,
  .pourpre.tiers #trouver {
    background-color: #9e0e40;
  }
  .pourpre.tiers #blocs3 .diplome .title span span {
    color: #FFFFFF;
  }
  .pourpre.tiers #blocs3 .diplome .title a:hover span span {
    text-decoration: underline !important;
  }
  .pourpre.tiers .btn:hover,
  .pourpre.tiers .btn:focus {
    background-color: #6f0a2d;
  }
  .no-touch .pourpre.tiers .cms .accordion .h2 button:hover, .no-touch
  .pourpre.tiers .cms .accordion .h2 button:focus {
    background-color: #6f0a2d;
  }
  .no-touch .pourpre.tiers #blue .col a:hover h2 span, .no-touch
  .pourpre.tiers #blue .col a:focus h2 span {
    color: #9e0e40;
  }
  .pourpre.tiers #carrousel-left button:hover .shape1,
  .pourpre.tiers #carrousel-left button:focus .shape1,
  .pourpre.tiers #slides .flex-prev .shape2,
  .pourpre.tiers #slides .flex-next .shape2,
  .pourpre.tiers #slides .flex-prev:hover .shape1,
  .pourpre.tiers #slides .flex-prev:focus .shape1,
  .pourpre.tiers #slides .flex-next:hover .shape1,
  .pourpre.tiers #slides .flex-next:focus .shape1,
  .pourpre.tiers #slides p .next,
  .pourpre.tiers #actus h2 span:after,
  .pourpre.tiers #actus .col:first-child li li,
  .pourpre.tiers #actus .col:first-child path,
  .pourpre.tiers #actus .actu a:hover h3,
  .pourpre.tiers #actus .actu a:focus h3,
  .pourpre.tiers #actus .actus .col a:hover h3,
  .pourpre.tiers #actus .actus .col a:focus h3,
  .pourpre.tiers #last a,
  .pourpre.tiers #menu .p a span,
  .pourpre.tiers #menu a,
  .pourpre.tiers #menu ul ul li a:hover,
  .pourpre.tiers #menu ul ul li a:focus,
  .pourpre.tiers #menu .p a,
  .pourpre.tiers .cms blockquote p,
  .pourpre.tiers .cms ol,
  .pourpre.tiers .cms .push h2 span,
  .pourpre.tiers .cms .extract:before,
  .pourpre.tiers .cms a:hover,
  .pourpre.tiers .cms a:focus,
  .pourpre.tiers #resume a:hover,
  .pourpre.tiers #resume a:focus,
  .pourpre.tiers #resume button:hover,
  .pourpre.tiers #resume button:focus,
  .pourpre.tiers #blocs3 h2 span,
  .pourpre.tiers #content #meta a,
  .pourpre.tiers #content .meta a:hover,
  .pourpre.tiers #content .meta a:focus,
  .pourpre.tiers .cms .flexslider .flex-direction-nav .shape1,
  .pourpre.tiers #blocs3 .diplome ul a:hover,
  .pourpre.tiers #blocs3 .diplome ul a:focus,
  .pourpre.tiers #blocs3 .diplome p a:hover,
  .pourpre.tiers #blocs3 .diplome p a:focus,
  .pourpre.tiers #select p .button span span,
  .pourpre.tiers #select .ssmenu path,
  .pourpre.tiers #carrousel .slides h2,
  .pourpre.tiers #breadcrumb-social-select.intro.alt path,
  .pourpre.tiers #intro.alt h2,
  .pourpre.tiers .cms dd:before,
  .pourpre.tiers .event h2 .date,
  .pourpre.tiers .event .h2 .date,
  .pourpre.tiers #filtres .reset a,
  .pourpre.tiers .cms caption,
  .pourpre.tiers .cms table strong,
  .pourpre.tiers #contactmap h2,
  .pourpre.tiers .loc h2 span,
  .pourpre.tiers .triangle-alt #social path,
  .pourpre.tiers #annuaire .index-alt .letter,
  .pourpre.tiers #glossaire .index-alt .letter,
  .pourpre.tiers #annuaire .tab h2,
  .pourpre.tiers #glossaire .tab h2,
  .pourpre.tiers #annuaire .index-alt ul a:hover,
  .pourpre.tiers #annuaire .index-alt ul a:focus,
  .pourpre.tiers #glossaire .index-alt ul a:hover,
  .pourpre.tiers #glossaire .index-alt ul a:focus,
  .pourpre.tiers #results .intro h2 strong,
  .pourpre.tiers #catalogue h2 span,
  .pourpre.tiers #catalogue h4,
  .pourpre.tiers #catalogue h4 path,
  .pourpre.tiers #carrousel-left .txt .nowrap path {
    fill: #9e0e40;
    color: #9e0e40;
  }
  .pourpre.tiers #slides .flex-prev:hover .shape2,
  .pourpre.tiers #slides .flex-prev:focus .shape2,
  .pourpre.tiers #slides .flex-next:hover .shape2,
  .pourpre.tiers #slides .flex-next:focus .shape2 {
    fill: #443a31;
  }
  .pourpre.tiers #carrousel-left h2 {
    background-color: #fff;
    color: #9e0e40;
  }
  .pourpre.tiers #actus:after {
    border-bottom-color: rgba(158, 14, 64, 0.25);
  }
  .pourpre.tiers .cms .push:after {
    border-bottom-color: #9e0e40;
  }
  .pourpre.tiers #account a span {
    background-image: url(/bundles/nubcore/images/bg/secure-pourpre.svg);
  }
  .pourpre.tiers #footer .col li,
  .pourpre.tiers #slides p .next,
  .pourpre.tiers #actus .actus .col ul a,
  .pourpre.tiers #actus .col.first-child li li,
  .pourpre.tiers #account a,
  .pourpre.tiers #acces li ul a,
  .pourpre.tiers #lang ul a,
  .pourpre.tiers #menu a span,
  .pourpre.tiers .items li,
  .pourpre.tiers #resume ul a,
  .pourpre.tiers #content #docs li,
  .pourpre.tiers #select .ssmenu ul ul li:first-child a,
  .pourpre.tiers #carrousel .slides ul li,
  .pourpre.tiers #sommaire li,
  .pourpre.tiers #end a,
  .pourpre.tiers .art .next,
  .pourpre.tiers #iti h2 a,
  .pourpre.tiers #more li,
  .pourpre.tiers #annuaire .index-alt ul a,
  .pourpre.tiers #glossaire .index-alt ul a,
  .pourpre.tiers form #fast h3 button,
  .pourpre.tiers #nav .inside-alt ul:nth-child(1) li a,
  .pourpre.tiers #nav ul ul:nth-child(1) li a:after,
  .pourpre.tiers #menu-alt a:after,
  .pourpre.tiers #carrousel-left p:after {
    background-image: url(/bundles/nubcore/images/bg/item-pourpre.svg);
  }
  .js .pourpre.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/item-off-pourpre.svg);
  }
  .pourpre.tiers #last li,
  .pourpre.tiers .cms ul li {
    background-image: url(/bundles/nubcore/images/bg/puce-ter-pourpre.svg);
  }
  .pourpre.tiers #acces button {
    background-image: url(/bundles/nubcore/images/bg/link-pourpre.svg);
  }
  .pourpre.tiers #acces .button span,
  .pourpre.tiers #nav .button span,
  .pourpre.tiers #lang span,
  .pourpre.tiers #intro h1 button {
    background-image: url(/bundles/nubcore/images/bg/list-pourpre.svg);
  }
  .pourpre.tiers #resume button,
  .pourpre.tiers #select p .button span,
  .pourpre.tiers #blocs3 .diplome.off ul.action button span,
  .pourpre.tiers form #fast h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-pourpre.svg);
  }
  .pourpre.tiers #lang button.active span,
  .pourpre.tiers #nav .active span,
  .pourpre.tiers #acces .active button span,
  .pourpre.tiers #intro h1 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-off-pourpre.svg);
  }
  .pourpre.tiers #top a,
  .pourpre.tiers #resume button.active,
  .pourpre.tiers #select p button.active span,
  .pourpre.tiers #blocs3 .diplome ul.action button span {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-pourpre.svg);
  }
  .pourpre.tiers #filtres .filtres p button,
  .pourpre.tiers #annuaire .index-alt ul a,
  .pourpre.tiers #glossaire .index-alt ul a {
    background-image: url(/bundles/nubcore/images/bg/list-ter-pourpre.svg);
  }
  .pourpre.tiers #filtres .filtres p button.active,
  .pourpre.tiers #annuaire .index-alt ul a.active-alt,
  .pourpre.tiers #glossaire .index-alt ul a.active-alt {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-pourpre.svg);
  }
  .js .pourpre.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-pourpre.svg);
  }
  .pourpre.tiers #acces li:last-child button {
    background-image: url(/bundles/nubcore/images/bg/profil-pourpre.svg);
  }
  .pourpre.tiers #error .title {
    background-image: url(/bundles/nubcore/images/bg/losange-alt-pourpre.svg);
  }
  .pourpre.tiers .cms blockquote:before {
    background-image: url(/bundles/nubcore/images/bg/quote-alt-pourpre.svg);
  }
  .pourpre.tiers .cms blockquote.cite:before {
    background-image: url(/bundles/nubcore/images/bg/quote-pourpre.svg);
  }
  .pourpre.tiers .rubrique .cms h1,
  .pourpre.tiers #intro.alt h1,
  .pourpre.tiers .cms h1.alt {
    background-image: url(/bundles/nubcore/images/bg/puce-alt-pourpre.svg);
  }
  .pourpre.tiers .items li.doc {
    background-image: url(/bundles/nubcore/images/bg/doc-pourpre.svg);
  }
  .pourpre.tiers .titles h2.change button {
    background-image: url(/bundles/nubcore/images/agenda-pourpre.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .pourpre.tiers #blocs3 .diplome .title {
    background-color: #9e0e40;
  }
}
@media only screen and (max-width: 739px) {
  .pourpre.tiers #error h1 {
    color: #9e0e40;
  }
}
@media only screen and (max-width: 739px) {
  .pourpre.tiers #tabs li {
    background-image: url(/bundles/nubcore/images/bg/item-pourpre.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .pourpre.tiers .titles h2 button {
    background-image: url(/bundles/nubcore/images/bg/list-ter-pourpre.svg);
  }
  .pourpre.tiers .titles h2 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-pourpre.svg);
  }
}
@media print {
  .pourpre .full .diplome a,
  .pourpre a, .pourpre a:visited,
  .pourpre #address-alt .mask,
  .pourpre .selection #select a:after {
    color: #9e0e40;
  }
}
@media screen {
  .facts.tiers #nav .page,
  .facts.tiers #last .page,
  .facts.tiers #footer #partenaires {
    border-color: #e42e87 !important;
  }
  .facts.tiers #actus h3 span:after,
  .facts.tiers #actus .actus .col ul,
  .facts.tiers #actus h2 a:after,
  .facts.tiers #account,
  .facts.tiers #search,
  .facts.tiers #search.active button,
  .facts.tiers #search p button:hover,
  .facts.tiers #search p button:focus,
  .facts.tiers #acces button:hover,
  .facts.tiers #acces button:focus,
  .facts.tiers #menu .p,
  .facts.tiers .cms blockquote.cite p.cite,
  .facts.tiers .cms .push,
  .facts.tiers .bloc,
  .facts.tiers #resume ul,
  .facts.tiers #blocs3 .actu p .title,
  .facts.tiers .cms .flexslider .flex-direction-nav li,
  .facts.tiers #blocs3 .diplome ul.action li,
  .facts.tiers #select p .button,
  .facts.tiers #select .ssmenu,
  .facts.tiers .hr,
  .facts.tiers .form,
  .facts.tiers .filets .col,
  .facts.tiers #end li,
  .facts.tiers .event,
  .facts.tiers .event h2 .date,
  .facts.tiers .event .h2 .date,
  .facts.tiers .ui-widget-content,
  .facts.tiers .ui-state-active,
  .facts.tiers .ui-widget-content .ui-state-active,
  .facts.tiers .ui-widget-header .ui-state-active,
  .facts.tiers .ui-state-active,
  .facts.tiers .ui-widget-content .ui-state-active,
  .facts.tiers .ui-widget-header .ui-state-active,
  .facts.tiers .ui-state-hover,
  .facts.tiers .ui-widget-content .ui-state-hover,
  .facts.tiers .ui-widget-content,
  .facts.tiers .art .txt .title,
  .facts.tiers #annuaire .fiche,
  .facts.tiers #glossaire .fiche,
  .facts.tiers #annuaire .index-alt .letter,
  .facts.tiers #glossaire .index-alt .letter,
  .facts.tiers .result,
  .facts.tiers #fast ul,
  .facts.tiers #fast div div,
  .facts.tiers #fast li,
  .facts.tiers #fast p,
  .facts.tiers #catalogue .content a,
  .facts.tiers #nav .inside-alt,
  .facts.tiers .event h2 span,
  .facts.tiers .event .h2 span,
  .facts.tiers .loc .bloc,
  .facts.tiers .bloc:last-child,
  .facts.tiers #nav .inside-nav ul:nth-child(1) li a:after,
  .facts.tiers #nav .inside-alt ul:nth-child(1) li a:after,
  .facts.tiers #menu-alt a:after {
    border-color: #e42e87;
  }
  .facts.tiers .ui-datepicker .ui-datepicker-prev-hover,
  .facts.tiers .ui-datepicker .ui-datepicker-next-hover {
    background-color: #e42e87 !important;
  }
  .facts.tiers .ui-state-hover,
  .facts.tiers .ui-widget-content .ui-state-hover {
    background-color: #fbe3ef;
  }
  .facts.tiers .form input.text:focus,
  .facts.tiers .form select:focus,
  .facts.tiers .form textarea:focus {
    -webkit-box-shadow: 0 0 3px #e42e87;
    -moz-box-shadow: 0 0 3px #e42e87;
    box-shadow: 0 0 3px #e42e87;
  }
  .facts.tiers .cms tfoot td,
  .facts.tiers .cms tfoot th {
    -webkit-box-shadow: 0 1px 0 #e42e87 inset;
    -moz-box-shadow: 0 1px 0 #e42e87 inset;
    box-shadow: 0 1px 0 #e42e87 inset;
  }
  .js .facts.tiers #acces li ul, .js
  .facts.tiers #lang ul {
    border-color: #e42e87;
  }
  .facts.tiers #nav button:hover:before,
  .facts.tiers #nav button:focus:before,
  .facts.tiers #nav a:hover:before,
  .facts.tiers #nav a:focus:before,
  .facts.tiers #nav .active button:before,
  .facts.tiers #nav .on button:before {
    background-color: #443a31;
  }
  .facts.tiers #nav button:after,
  .facts.tiers #carrousel-left .flex-direction-nav,
  .facts.tiers #slides:after,
  .facts.tiers #footer .col:after,
  .facts.tiers .btn,
  .facts.tiers #intro,
  .facts.tiers #breadcrumb-social-select.intro,
  .facts.tiers .cms h2:after,
  .facts.tiers .cms .h2:after,
  .facts.tiers .bloc .p:after,
  .facts.tiers .cms .accordion .h2 button,
  .facts.tiers .cms .accordion .h2,
  .facts.tiers #blocs3 .actu p .title,
  .facts.tiers #blocs3 .col a:hover .txt,
  .facts.tiers #blocs3 .col a:focus .txt,
  .facts.tiers .cms .flexslider .flex-direction-nav button:hover,
  .facts.tiers .cms .flexslider .flex-direction-nav button:focus,
  .facts.tiers #blocs3 .diplome .title span span,
  .facts.tiers #carrousel .flex-direction-nav,
  .facts.tiers #blue,
  .facts.tiers #carrousel .flex-direction-nav .flex-prev,
  .facts.tiers #carrousel .flex-direction-nav .flex-next,
  .facts.tiers .bloc h3:after,
  .facts.tiers #chiffres ul .li,
  .facts.tiers #moments p .title span,
  .facts.tiers #plage,
  .facts.tiers .event h2 .date:after,
  .facts.tiers .event .h2 .date:after,
  .facts.tiers #formation,
  .facts.tiers #tabs a:after,
  .facts.tiers #filtre .filtre p,
  .facts.tiers .art .txt .title,
  .facts.tiers .art .txt:after,
  .facts.tiers #pagination ul,
  .facts.tiers #iti h2 span:first-child,
  .facts.tiers .cms .event:after,
  .facts.tiers #annuaire .filter,
  .facts.tiers #glossaire .filter,
  .facts.tiers #search-alt form,
  .facts.tiers #formations,
  .facts.tiers #offre-emploi,
  .facts.tiers #nav .inside-nav ul:first-child li button,
  .facts.tiers #nav .inside-alt ul:first-child li button,
  .facts.tiers #menu-alt button,
  .facts.tiers #trouver {
    background-color: #e42e87;
  }
  .facts.tiers #blocs3 .diplome .title span span {
    color: #FFFFFF;
  }
  .facts.tiers #blocs3 .diplome .title a:hover span span {
    text-decoration: underline !important;
  }
  .facts.tiers .btn:hover,
  .facts.tiers .btn:focus {
    background-color: #c51a6e;
  }
  .no-touch .facts.tiers .cms .accordion .h2 button:hover, .no-touch
  .facts.tiers .cms .accordion .h2 button:focus {
    background-color: #c51a6e;
  }
  .no-touch .facts.tiers #blue .col a:hover h2 span, .no-touch
  .facts.tiers #blue .col a:focus h2 span {
    color: #e42e87;
  }
  .facts.tiers #carrousel-left button:hover .shape1,
  .facts.tiers #carrousel-left button:focus .shape1,
  .facts.tiers #slides .flex-prev .shape2,
  .facts.tiers #slides .flex-next .shape2,
  .facts.tiers #slides .flex-prev:hover .shape1,
  .facts.tiers #slides .flex-prev:focus .shape1,
  .facts.tiers #slides .flex-next:hover .shape1,
  .facts.tiers #slides .flex-next:focus .shape1,
  .facts.tiers #slides p .next,
  .facts.tiers #actus h2 span:after,
  .facts.tiers #actus .col:first-child li li,
  .facts.tiers #actus .col:first-child path,
  .facts.tiers #actus .actu a:hover h3,
  .facts.tiers #actus .actu a:focus h3,
  .facts.tiers #actus .actus .col a:hover h3,
  .facts.tiers #actus .actus .col a:focus h3,
  .facts.tiers #last a,
  .facts.tiers #menu .p a span,
  .facts.tiers #menu a,
  .facts.tiers #menu ul ul li a:hover,
  .facts.tiers #menu ul ul li a:focus,
  .facts.tiers #menu .p a,
  .facts.tiers .cms blockquote p,
  .facts.tiers .cms ol,
  .facts.tiers .cms .push h2 span,
  .facts.tiers .cms .extract:before,
  .facts.tiers .cms a:hover,
  .facts.tiers .cms a:focus,
  .facts.tiers #resume a:hover,
  .facts.tiers #resume a:focus,
  .facts.tiers #resume button:hover,
  .facts.tiers #resume button:focus,
  .facts.tiers #blocs3 h2 span,
  .facts.tiers #content #meta a,
  .facts.tiers #content .meta a:hover,
  .facts.tiers #content .meta a:focus,
  .facts.tiers .cms .flexslider .flex-direction-nav .shape1,
  .facts.tiers #blocs3 .diplome ul a:hover,
  .facts.tiers #blocs3 .diplome ul a:focus,
  .facts.tiers #blocs3 .diplome p a:hover,
  .facts.tiers #blocs3 .diplome p a:focus,
  .facts.tiers #select p .button span span,
  .facts.tiers #select .ssmenu path,
  .facts.tiers #carrousel .slides h2,
  .facts.tiers #breadcrumb-social-select.intro.alt path,
  .facts.tiers #intro.alt h2,
  .facts.tiers .cms dd:before,
  .facts.tiers .event h2 .date,
  .facts.tiers .event .h2 .date,
  .facts.tiers #filtres .reset a,
  .facts.tiers .cms caption,
  .facts.tiers .cms table strong,
  .facts.tiers #contactmap h2,
  .facts.tiers .loc h2 span,
  .facts.tiers .triangle-alt #social path,
  .facts.tiers #annuaire .index-alt .letter,
  .facts.tiers #glossaire .index-alt .letter,
  .facts.tiers #annuaire .tab h2,
  .facts.tiers #glossaire .tab h2,
  .facts.tiers #annuaire .index-alt ul a:hover,
  .facts.tiers #annuaire .index-alt ul a:focus,
  .facts.tiers #glossaire .index-alt ul a:hover,
  .facts.tiers #glossaire .index-alt ul a:focus,
  .facts.tiers #results .intro h2 strong,
  .facts.tiers #catalogue h2 span,
  .facts.tiers #catalogue h4,
  .facts.tiers #catalogue h4 path,
  .facts.tiers #carrousel-left .txt .nowrap path {
    fill: #e42e87;
    color: #e42e87;
  }
  .facts.tiers #slides .flex-prev:hover .shape2,
  .facts.tiers #slides .flex-prev:focus .shape2,
  .facts.tiers #slides .flex-next:hover .shape2,
  .facts.tiers #slides .flex-next:focus .shape2 {
    fill: #443a31;
  }
  .facts.tiers #carrousel-left h2 {
    background-color: #fff;
    color: #e42e87;
  }
  .facts.tiers #actus:after {
    border-bottom-color: rgba(228, 46, 135, 0.25);
  }
  .facts.tiers .cms .push:after {
    border-bottom-color: #e42e87;
  }
  .facts.tiers #account a span {
    background-image: url(/bundles/nubcore/images/bg/secure-facts.svg);
  }
  .facts.tiers #footer .col li,
  .facts.tiers #slides p .next,
  .facts.tiers #actus .actus .col ul a,
  .facts.tiers #actus .col.first-child li li,
  .facts.tiers #account a,
  .facts.tiers #acces li ul a,
  .facts.tiers #lang ul a,
  .facts.tiers #menu a span,
  .facts.tiers .items li,
  .facts.tiers #resume ul a,
  .facts.tiers #content #docs li,
  .facts.tiers #select .ssmenu ul ul li:first-child a,
  .facts.tiers #carrousel .slides ul li,
  .facts.tiers #sommaire li,
  .facts.tiers #end a,
  .facts.tiers .art .next,
  .facts.tiers #iti h2 a,
  .facts.tiers #more li,
  .facts.tiers #annuaire .index-alt ul a,
  .facts.tiers #glossaire .index-alt ul a,
  .facts.tiers form #fast h3 button,
  .facts.tiers #nav .inside-alt ul:nth-child(1) li a,
  .facts.tiers #nav ul ul:nth-child(1) li a:after,
  .facts.tiers #menu-alt a:after,
  .facts.tiers #carrousel-left p:after {
    background-image: url(/bundles/nubcore/images/bg/item-facts.svg);
  }
  .js .facts.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/item-off-facts.svg);
  }
  .facts.tiers #last li,
  .facts.tiers .cms ul li {
    background-image: url(/bundles/nubcore/images/bg/puce-ter-facts.svg);
  }
  .facts.tiers #acces button {
    background-image: url(/bundles/nubcore/images/bg/link-facts.svg);
  }
  .facts.tiers #acces .button span,
  .facts.tiers #nav .button span,
  .facts.tiers #lang span,
  .facts.tiers #intro h1 button {
    background-image: url(/bundles/nubcore/images/bg/list-facts.svg);
  }
  .facts.tiers #resume button,
  .facts.tiers #select p .button span,
  .facts.tiers #blocs3 .diplome.off ul.action button span,
  .facts.tiers form #fast h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-facts.svg);
  }
  .facts.tiers #lang button.active span,
  .facts.tiers #nav .active span,
  .facts.tiers #acces .active button span,
  .facts.tiers #intro h1 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-off-facts.svg);
  }
  .facts.tiers #top a,
  .facts.tiers #resume button.active,
  .facts.tiers #select p button.active span,
  .facts.tiers #blocs3 .diplome ul.action button span {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-facts.svg);
  }
  .facts.tiers #filtres .filtres p button,
  .facts.tiers #annuaire .index-alt ul a,
  .facts.tiers #glossaire .index-alt ul a {
    background-image: url(/bundles/nubcore/images/bg/list-ter-facts.svg);
  }
  .facts.tiers #filtres .filtres p button.active,
  .facts.tiers #annuaire .index-alt ul a.active-alt,
  .facts.tiers #glossaire .index-alt ul a.active-alt {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-facts.svg);
  }
  .js .facts.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-facts.svg);
  }
  .facts.tiers #acces li:last-child button {
    background-image: url(/bundles/nubcore/images/bg/profil-facts.svg);
  }
  .facts.tiers #error .title {
    background-image: url(/bundles/nubcore/images/bg/losange-alt-facts.svg);
  }
  .facts.tiers .cms blockquote:before {
    background-image: url(/bundles/nubcore/images/bg/quote-alt-facts.svg);
  }
  .facts.tiers .cms blockquote.cite:before {
    background-image: url(/bundles/nubcore/images/bg/quote-facts.svg);
  }
  .facts.tiers .rubrique .cms h1,
  .facts.tiers #intro.alt h1,
  .facts.tiers .cms h1.alt {
    background-image: url(/bundles/nubcore/images/bg/puce-alt-facts.svg);
  }
  .facts.tiers .items li.doc {
    background-image: url(/bundles/nubcore/images/bg/doc-facts.svg);
  }
  .facts.tiers .titles h2.change button {
    background-image: url(/bundles/nubcore/images/agenda-facts.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .facts.tiers #blocs3 .diplome .title {
    background-color: #e42e87;
  }
}
@media only screen and (max-width: 739px) {
  .facts.tiers #error h1 {
    color: #e42e87;
  }
}
@media only screen and (max-width: 739px) {
  .facts.tiers #tabs li {
    background-image: url(/bundles/nubcore/images/bg/item-facts.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .facts.tiers .titles h2 button {
    background-image: url(/bundles/nubcore/images/bg/list-ter-facts.svg);
  }
  .facts.tiers .titles h2 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-facts.svg);
  }
}
@media print {
  .facts .full .diplome a,
  .facts a, .facts a:visited,
  .facts #address-alt .mask,
  .facts .selection #select a:after {
    color: #e42e87;
  }
}
@media screen {
  .bleu_cfiup.tiers #nav .page,
  .bleu_cfiup.tiers #last .page,
  .bleu_cfiup.tiers #footer #partenaires {
    border-color: #009ee0 !important;
  }
  .bleu_cfiup.tiers #actus h3 span:after,
  .bleu_cfiup.tiers #actus .actus .col ul,
  .bleu_cfiup.tiers #actus h2 a:after,
  .bleu_cfiup.tiers #account,
  .bleu_cfiup.tiers #search,
  .bleu_cfiup.tiers #search.active button,
  .bleu_cfiup.tiers #search p button:hover,
  .bleu_cfiup.tiers #search p button:focus,
  .bleu_cfiup.tiers #acces button:hover,
  .bleu_cfiup.tiers #acces button:focus,
  .bleu_cfiup.tiers #menu .p,
  .bleu_cfiup.tiers .cms blockquote.cite p.cite,
  .bleu_cfiup.tiers .cms .push,
  .bleu_cfiup.tiers .bloc,
  .bleu_cfiup.tiers #resume ul,
  .bleu_cfiup.tiers #blocs3 .actu p .title,
  .bleu_cfiup.tiers .cms .flexslider .flex-direction-nav li,
  .bleu_cfiup.tiers #blocs3 .diplome ul.action li,
  .bleu_cfiup.tiers #select p .button,
  .bleu_cfiup.tiers #select .ssmenu,
  .bleu_cfiup.tiers .hr,
  .bleu_cfiup.tiers .form,
  .bleu_cfiup.tiers .filets .col,
  .bleu_cfiup.tiers #end li,
  .bleu_cfiup.tiers .event,
  .bleu_cfiup.tiers .event h2 .date,
  .bleu_cfiup.tiers .event .h2 .date,
  .bleu_cfiup.tiers .ui-widget-content,
  .bleu_cfiup.tiers .ui-state-active,
  .bleu_cfiup.tiers .ui-widget-content .ui-state-active,
  .bleu_cfiup.tiers .ui-widget-header .ui-state-active,
  .bleu_cfiup.tiers .ui-state-active,
  .bleu_cfiup.tiers .ui-widget-content .ui-state-active,
  .bleu_cfiup.tiers .ui-widget-header .ui-state-active,
  .bleu_cfiup.tiers .ui-state-hover,
  .bleu_cfiup.tiers .ui-widget-content .ui-state-hover,
  .bleu_cfiup.tiers .ui-widget-content,
  .bleu_cfiup.tiers .art .txt .title,
  .bleu_cfiup.tiers #annuaire .fiche,
  .bleu_cfiup.tiers #glossaire .fiche,
  .bleu_cfiup.tiers #annuaire .index-alt .letter,
  .bleu_cfiup.tiers #glossaire .index-alt .letter,
  .bleu_cfiup.tiers .result,
  .bleu_cfiup.tiers #fast ul,
  .bleu_cfiup.tiers #fast div div,
  .bleu_cfiup.tiers #fast li,
  .bleu_cfiup.tiers #fast p,
  .bleu_cfiup.tiers #catalogue .content a,
  .bleu_cfiup.tiers #nav .inside-alt,
  .bleu_cfiup.tiers .event h2 span,
  .bleu_cfiup.tiers .event .h2 span,
  .bleu_cfiup.tiers .loc .bloc,
  .bleu_cfiup.tiers .bloc:last-child,
  .bleu_cfiup.tiers #nav .inside-nav ul:nth-child(1) li a:after,
  .bleu_cfiup.tiers #nav .inside-alt ul:nth-child(1) li a:after,
  .bleu_cfiup.tiers #menu-alt a:after {
    border-color: #009ee0;
  }
  .bleu_cfiup.tiers .ui-datepicker .ui-datepicker-prev-hover,
  .bleu_cfiup.tiers .ui-datepicker .ui-datepicker-next-hover {
    background-color: #009ee0 !important;
  }
  .bleu_cfiup.tiers .ui-state-hover,
  .bleu_cfiup.tiers .ui-widget-content .ui-state-hover {
    background-color: #ade7ff;
  }
  .bleu_cfiup.tiers .form input.text:focus,
  .bleu_cfiup.tiers .form select:focus,
  .bleu_cfiup.tiers .form textarea:focus {
    -webkit-box-shadow: 0 0 3px #009ee0;
    -moz-box-shadow: 0 0 3px #009ee0;
    box-shadow: 0 0 3px #009ee0;
  }
  .bleu_cfiup.tiers .cms tfoot td,
  .bleu_cfiup.tiers .cms tfoot th {
    -webkit-box-shadow: 0 1px 0 #009ee0 inset;
    -moz-box-shadow: 0 1px 0 #009ee0 inset;
    box-shadow: 0 1px 0 #009ee0 inset;
  }
  .js .bleu_cfiup.tiers #acces li ul, .js
  .bleu_cfiup.tiers #lang ul {
    border-color: #009ee0;
  }
  .bleu_cfiup.tiers #nav button:hover:before,
  .bleu_cfiup.tiers #nav button:focus:before,
  .bleu_cfiup.tiers #nav a:hover:before,
  .bleu_cfiup.tiers #nav a:focus:before,
  .bleu_cfiup.tiers #nav .active button:before,
  .bleu_cfiup.tiers #nav .on button:before {
    background-color: #443a31;
  }
  .bleu_cfiup.tiers #nav button:after,
  .bleu_cfiup.tiers #carrousel-left .flex-direction-nav,
  .bleu_cfiup.tiers #slides:after,
  .bleu_cfiup.tiers #footer .col:after,
  .bleu_cfiup.tiers .btn,
  .bleu_cfiup.tiers #intro,
  .bleu_cfiup.tiers #breadcrumb-social-select.intro,
  .bleu_cfiup.tiers .cms h2:after,
  .bleu_cfiup.tiers .cms .h2:after,
  .bleu_cfiup.tiers .bloc .p:after,
  .bleu_cfiup.tiers .cms .accordion .h2 button,
  .bleu_cfiup.tiers .cms .accordion .h2,
  .bleu_cfiup.tiers #blocs3 .actu p .title,
  .bleu_cfiup.tiers #blocs3 .col a:hover .txt,
  .bleu_cfiup.tiers #blocs3 .col a:focus .txt,
  .bleu_cfiup.tiers .cms .flexslider .flex-direction-nav button:hover,
  .bleu_cfiup.tiers .cms .flexslider .flex-direction-nav button:focus,
  .bleu_cfiup.tiers #blocs3 .diplome .title span span,
  .bleu_cfiup.tiers #carrousel .flex-direction-nav,
  .bleu_cfiup.tiers #blue,
  .bleu_cfiup.tiers #carrousel .flex-direction-nav .flex-prev,
  .bleu_cfiup.tiers #carrousel .flex-direction-nav .flex-next,
  .bleu_cfiup.tiers .bloc h3:after,
  .bleu_cfiup.tiers #chiffres ul .li,
  .bleu_cfiup.tiers #moments p .title span,
  .bleu_cfiup.tiers #plage,
  .bleu_cfiup.tiers .event h2 .date:after,
  .bleu_cfiup.tiers .event .h2 .date:after,
  .bleu_cfiup.tiers #formation,
  .bleu_cfiup.tiers #tabs a:after,
  .bleu_cfiup.tiers #filtre .filtre p,
  .bleu_cfiup.tiers .art .txt .title,
  .bleu_cfiup.tiers .art .txt:after,
  .bleu_cfiup.tiers #pagination ul,
  .bleu_cfiup.tiers #iti h2 span:first-child,
  .bleu_cfiup.tiers .cms .event:after,
  .bleu_cfiup.tiers #annuaire .filter,
  .bleu_cfiup.tiers #glossaire .filter,
  .bleu_cfiup.tiers #search-alt form,
  .bleu_cfiup.tiers #formations,
  .bleu_cfiup.tiers #offre-emploi,
  .bleu_cfiup.tiers #nav .inside-nav ul:first-child li button,
  .bleu_cfiup.tiers #nav .inside-alt ul:first-child li button,
  .bleu_cfiup.tiers #menu-alt button,
  .bleu_cfiup.tiers #trouver {
    background-color: #009ee0;
  }
  .bleu_cfiup.tiers #blocs3 .diplome .title span span {
    color: #FFFFFF;
  }
  .bleu_cfiup.tiers #blocs3 .diplome .title a:hover span span {
    text-decoration: underline !important;
  }
  .bleu_cfiup.tiers .btn:hover,
  .bleu_cfiup.tiers .btn:focus {
    background-color: #007aad;
  }
  .no-touch .bleu_cfiup.tiers .cms .accordion .h2 button:hover, .no-touch
  .bleu_cfiup.tiers .cms .accordion .h2 button:focus {
    background-color: #007aad;
  }
  .no-touch .bleu_cfiup.tiers #blue .col a:hover h2 span, .no-touch
  .bleu_cfiup.tiers #blue .col a:focus h2 span {
    color: #009ee0;
  }
  .bleu_cfiup.tiers #carrousel-left button:hover .shape1,
  .bleu_cfiup.tiers #carrousel-left button:focus .shape1,
  .bleu_cfiup.tiers #slides .flex-prev .shape2,
  .bleu_cfiup.tiers #slides .flex-next .shape2,
  .bleu_cfiup.tiers #slides .flex-prev:hover .shape1,
  .bleu_cfiup.tiers #slides .flex-prev:focus .shape1,
  .bleu_cfiup.tiers #slides .flex-next:hover .shape1,
  .bleu_cfiup.tiers #slides .flex-next:focus .shape1,
  .bleu_cfiup.tiers #slides p .next,
  .bleu_cfiup.tiers #actus h2 span:after,
  .bleu_cfiup.tiers #actus .col:first-child li li,
  .bleu_cfiup.tiers #actus .col:first-child path,
  .bleu_cfiup.tiers #actus .actu a:hover h3,
  .bleu_cfiup.tiers #actus .actu a:focus h3,
  .bleu_cfiup.tiers #actus .actus .col a:hover h3,
  .bleu_cfiup.tiers #actus .actus .col a:focus h3,
  .bleu_cfiup.tiers #last a,
  .bleu_cfiup.tiers #menu .p a span,
  .bleu_cfiup.tiers #menu a,
  .bleu_cfiup.tiers #menu ul ul li a:hover,
  .bleu_cfiup.tiers #menu ul ul li a:focus,
  .bleu_cfiup.tiers #menu .p a,
  .bleu_cfiup.tiers .cms blockquote p,
  .bleu_cfiup.tiers .cms ol,
  .bleu_cfiup.tiers .cms .push h2 span,
  .bleu_cfiup.tiers .cms .extract:before,
  .bleu_cfiup.tiers .cms a:hover,
  .bleu_cfiup.tiers .cms a:focus,
  .bleu_cfiup.tiers #resume a:hover,
  .bleu_cfiup.tiers #resume a:focus,
  .bleu_cfiup.tiers #resume button:hover,
  .bleu_cfiup.tiers #resume button:focus,
  .bleu_cfiup.tiers #blocs3 h2 span,
  .bleu_cfiup.tiers #content #meta a,
  .bleu_cfiup.tiers #content .meta a:hover,
  .bleu_cfiup.tiers #content .meta a:focus,
  .bleu_cfiup.tiers .cms .flexslider .flex-direction-nav .shape1,
  .bleu_cfiup.tiers #blocs3 .diplome ul a:hover,
  .bleu_cfiup.tiers #blocs3 .diplome ul a:focus,
  .bleu_cfiup.tiers #blocs3 .diplome p a:hover,
  .bleu_cfiup.tiers #blocs3 .diplome p a:focus,
  .bleu_cfiup.tiers #select p .button span span,
  .bleu_cfiup.tiers #select .ssmenu path,
  .bleu_cfiup.tiers #carrousel .slides h2,
  .bleu_cfiup.tiers #breadcrumb-social-select.intro.alt path,
  .bleu_cfiup.tiers #intro.alt h2,
  .bleu_cfiup.tiers .cms dd:before,
  .bleu_cfiup.tiers .event h2 .date,
  .bleu_cfiup.tiers .event .h2 .date,
  .bleu_cfiup.tiers #filtres .reset a,
  .bleu_cfiup.tiers .cms caption,
  .bleu_cfiup.tiers .cms table strong,
  .bleu_cfiup.tiers #contactmap h2,
  .bleu_cfiup.tiers .loc h2 span,
  .bleu_cfiup.tiers .triangle-alt #social path,
  .bleu_cfiup.tiers #annuaire .index-alt .letter,
  .bleu_cfiup.tiers #glossaire .index-alt .letter,
  .bleu_cfiup.tiers #annuaire .tab h2,
  .bleu_cfiup.tiers #glossaire .tab h2,
  .bleu_cfiup.tiers #annuaire .index-alt ul a:hover,
  .bleu_cfiup.tiers #annuaire .index-alt ul a:focus,
  .bleu_cfiup.tiers #glossaire .index-alt ul a:hover,
  .bleu_cfiup.tiers #glossaire .index-alt ul a:focus,
  .bleu_cfiup.tiers #results .intro h2 strong,
  .bleu_cfiup.tiers #catalogue h2 span,
  .bleu_cfiup.tiers #catalogue h4,
  .bleu_cfiup.tiers #catalogue h4 path,
  .bleu_cfiup.tiers #carrousel-left .txt .nowrap path {
    fill: #009ee0;
    color: #009ee0;
  }
  .bleu_cfiup.tiers #slides .flex-prev:hover .shape2,
  .bleu_cfiup.tiers #slides .flex-prev:focus .shape2,
  .bleu_cfiup.tiers #slides .flex-next:hover .shape2,
  .bleu_cfiup.tiers #slides .flex-next:focus .shape2 {
    fill: #443a31;
  }
  .bleu_cfiup.tiers #carrousel-left h2 {
    background-color: #fff;
    color: #009ee0;
  }
  .bleu_cfiup.tiers #actus:after {
    border-bottom-color: rgba(0, 158, 224, 0.25);
  }
  .bleu_cfiup.tiers .cms .push:after {
    border-bottom-color: #009ee0;
  }
  .bleu_cfiup.tiers #account a span {
    background-image: url(/bundles/nubcore/images/bg/secure-bleu_cfiup.svg);
  }
  .bleu_cfiup.tiers #footer .col li,
  .bleu_cfiup.tiers #slides p .next,
  .bleu_cfiup.tiers #actus .actus .col ul a,
  .bleu_cfiup.tiers #actus .col.first-child li li,
  .bleu_cfiup.tiers #account a,
  .bleu_cfiup.tiers #acces li ul a,
  .bleu_cfiup.tiers #lang ul a,
  .bleu_cfiup.tiers #menu a span,
  .bleu_cfiup.tiers .items li,
  .bleu_cfiup.tiers #resume ul a,
  .bleu_cfiup.tiers #content #docs li,
  .bleu_cfiup.tiers #select .ssmenu ul ul li:first-child a,
  .bleu_cfiup.tiers #carrousel .slides ul li,
  .bleu_cfiup.tiers #sommaire li,
  .bleu_cfiup.tiers #end a,
  .bleu_cfiup.tiers .art .next,
  .bleu_cfiup.tiers #iti h2 a,
  .bleu_cfiup.tiers #more li,
  .bleu_cfiup.tiers #annuaire .index-alt ul a,
  .bleu_cfiup.tiers #glossaire .index-alt ul a,
  .bleu_cfiup.tiers form #fast h3 button,
  .bleu_cfiup.tiers #nav .inside-alt ul:nth-child(1) li a,
  .bleu_cfiup.tiers #nav ul ul:nth-child(1) li a:after,
  .bleu_cfiup.tiers #menu-alt a:after,
  .bleu_cfiup.tiers #carrousel-left p:after {
    background-image: url(/bundles/nubcore/images/bg/item-bleu_cfiup.svg);
  }
  .js .bleu_cfiup.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/item-off-bleu_cfiup.svg);
  }
  .bleu_cfiup.tiers #last li,
  .bleu_cfiup.tiers .cms ul li {
    background-image: url(/bundles/nubcore/images/bg/puce-ter-bleu_cfiup.svg);
  }
  .bleu_cfiup.tiers #acces button {
    background-image: url(/bundles/nubcore/images/bg/link-bleu_cfiup.svg);
  }
  .bleu_cfiup.tiers #acces .button span,
  .bleu_cfiup.tiers #nav .button span,
  .bleu_cfiup.tiers #lang span,
  .bleu_cfiup.tiers #intro h1 button {
    background-image: url(/bundles/nubcore/images/bg/list-bleu_cfiup.svg);
  }
  .bleu_cfiup.tiers #resume button,
  .bleu_cfiup.tiers #select p .button span,
  .bleu_cfiup.tiers #blocs3 .diplome.off ul.action button span,
  .bleu_cfiup.tiers form #fast h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-bleu_cfiup.svg);
  }
  .bleu_cfiup.tiers #lang button.active span,
  .bleu_cfiup.tiers #nav .active span,
  .bleu_cfiup.tiers #acces .active button span,
  .bleu_cfiup.tiers #intro h1 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-off-bleu_cfiup.svg);
  }
  .bleu_cfiup.tiers #top a,
  .bleu_cfiup.tiers #resume button.active,
  .bleu_cfiup.tiers #select p button.active span,
  .bleu_cfiup.tiers #blocs3 .diplome ul.action button span {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-bleu_cfiup.svg);
  }
  .bleu_cfiup.tiers #filtres .filtres p button,
  .bleu_cfiup.tiers #annuaire .index-alt ul a,
  .bleu_cfiup.tiers #glossaire .index-alt ul a {
    background-image: url(/bundles/nubcore/images/bg/list-ter-bleu_cfiup.svg);
  }
  .bleu_cfiup.tiers #filtres .filtres p button.active,
  .bleu_cfiup.tiers #annuaire .index-alt ul a.active-alt,
  .bleu_cfiup.tiers #glossaire .index-alt ul a.active-alt {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-bleu_cfiup.svg);
  }
  .js .bleu_cfiup.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-bleu_cfiup.svg);
  }
  .bleu_cfiup.tiers #acces li:last-child button {
    background-image: url(/bundles/nubcore/images/bg/profil-bleu_cfiup.svg);
  }
  .bleu_cfiup.tiers #error .title {
    background-image: url(/bundles/nubcore/images/bg/losange-alt-bleu_cfiup.svg);
  }
  .bleu_cfiup.tiers .cms blockquote:before {
    background-image: url(/bundles/nubcore/images/bg/quote-alt-bleu_cfiup.svg);
  }
  .bleu_cfiup.tiers .cms blockquote.cite:before {
    background-image: url(/bundles/nubcore/images/bg/quote-bleu_cfiup.svg);
  }
  .bleu_cfiup.tiers .rubrique .cms h1,
  .bleu_cfiup.tiers #intro.alt h1,
  .bleu_cfiup.tiers .cms h1.alt {
    background-image: url(/bundles/nubcore/images/bg/puce-alt-bleu_cfiup.svg);
  }
  .bleu_cfiup.tiers .items li.doc {
    background-image: url(/bundles/nubcore/images/bg/doc-bleu_cfiup.svg);
  }
  .bleu_cfiup.tiers .titles h2.change button {
    background-image: url(/bundles/nubcore/images/agenda-bleu_cfiup.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .bleu_cfiup.tiers #blocs3 .diplome .title {
    background-color: #009ee0;
  }
}
@media only screen and (max-width: 739px) {
  .bleu_cfiup.tiers #error h1 {
    color: #009ee0;
  }
}
@media only screen and (max-width: 739px) {
  .bleu_cfiup.tiers #tabs li {
    background-image: url(/bundles/nubcore/images/bg/item-bleu_cfiup.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .bleu_cfiup.tiers .titles h2 button {
    background-image: url(/bundles/nubcore/images/bg/list-ter-bleu_cfiup.svg);
  }
  .bleu_cfiup.tiers .titles h2 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-bleu_cfiup.svg);
  }
}
@media print {
  .bleu_cfiup .full .diplome a,
  .bleu_cfiup a, .bleu_cfiup a:visited,
  .bleu_cfiup #address-alt .mask,
  .bleu_cfiup .selection #select a:after {
    color: #009ee0;
  }
}
@media screen {
  .bleu_sdi.tiers #nav .page,
  .bleu_sdi.tiers #last .page,
  .bleu_sdi.tiers #footer #partenaires {
    border-color: #0095b6 !important;
  }
  .bleu_sdi.tiers #actus h3 span:after,
  .bleu_sdi.tiers #actus .actus .col ul,
  .bleu_sdi.tiers #actus h2 a:after,
  .bleu_sdi.tiers #account,
  .bleu_sdi.tiers #search,
  .bleu_sdi.tiers #search.active button,
  .bleu_sdi.tiers #search p button:hover,
  .bleu_sdi.tiers #search p button:focus,
  .bleu_sdi.tiers #acces button:hover,
  .bleu_sdi.tiers #acces button:focus,
  .bleu_sdi.tiers #menu .p,
  .bleu_sdi.tiers .cms blockquote.cite p.cite,
  .bleu_sdi.tiers .cms .push,
  .bleu_sdi.tiers .bloc,
  .bleu_sdi.tiers #resume ul,
  .bleu_sdi.tiers #blocs3 .actu p .title,
  .bleu_sdi.tiers .cms .flexslider .flex-direction-nav li,
  .bleu_sdi.tiers #blocs3 .diplome ul.action li,
  .bleu_sdi.tiers #select p .button,
  .bleu_sdi.tiers #select .ssmenu,
  .bleu_sdi.tiers .hr,
  .bleu_sdi.tiers .form,
  .bleu_sdi.tiers .filets .col,
  .bleu_sdi.tiers #end li,
  .bleu_sdi.tiers .event,
  .bleu_sdi.tiers .event h2 .date,
  .bleu_sdi.tiers .event .h2 .date,
  .bleu_sdi.tiers .ui-widget-content,
  .bleu_sdi.tiers .ui-state-active,
  .bleu_sdi.tiers .ui-widget-content .ui-state-active,
  .bleu_sdi.tiers .ui-widget-header .ui-state-active,
  .bleu_sdi.tiers .ui-state-active,
  .bleu_sdi.tiers .ui-widget-content .ui-state-active,
  .bleu_sdi.tiers .ui-widget-header .ui-state-active,
  .bleu_sdi.tiers .ui-state-hover,
  .bleu_sdi.tiers .ui-widget-content .ui-state-hover,
  .bleu_sdi.tiers .ui-widget-content,
  .bleu_sdi.tiers .art .txt .title,
  .bleu_sdi.tiers #annuaire .fiche,
  .bleu_sdi.tiers #glossaire .fiche,
  .bleu_sdi.tiers #annuaire .index-alt .letter,
  .bleu_sdi.tiers #glossaire .index-alt .letter,
  .bleu_sdi.tiers .result,
  .bleu_sdi.tiers #fast ul,
  .bleu_sdi.tiers #fast div div,
  .bleu_sdi.tiers #fast li,
  .bleu_sdi.tiers #fast p,
  .bleu_sdi.tiers #catalogue .content a,
  .bleu_sdi.tiers #nav .inside-alt,
  .bleu_sdi.tiers .event h2 span,
  .bleu_sdi.tiers .event .h2 span,
  .bleu_sdi.tiers .loc .bloc,
  .bleu_sdi.tiers .bloc:last-child,
  .bleu_sdi.tiers #nav .inside-nav ul:nth-child(1) li a:after,
  .bleu_sdi.tiers #nav .inside-alt ul:nth-child(1) li a:after,
  .bleu_sdi.tiers #menu-alt a:after {
    border-color: #0095b6;
  }
  .bleu_sdi.tiers .ui-datepicker .ui-datepicker-prev-hover,
  .bleu_sdi.tiers .ui-datepicker .ui-datepicker-next-hover {
    background-color: #0095b6 !important;
  }
  .bleu_sdi.tiers .ui-state-hover,
  .bleu_sdi.tiers .ui-widget-content .ui-state-hover {
    background-color: #83e9ff;
  }
  .bleu_sdi.tiers .form input.text:focus,
  .bleu_sdi.tiers .form select:focus,
  .bleu_sdi.tiers .form textarea:focus {
    -webkit-box-shadow: 0 0 3px #0095b6;
    -moz-box-shadow: 0 0 3px #0095b6;
    box-shadow: 0 0 3px #0095b6;
  }
  .bleu_sdi.tiers .cms tfoot td,
  .bleu_sdi.tiers .cms tfoot th {
    -webkit-box-shadow: 0 1px 0 #0095b6 inset;
    -moz-box-shadow: 0 1px 0 #0095b6 inset;
    box-shadow: 0 1px 0 #0095b6 inset;
  }
  .js .bleu_sdi.tiers #acces li ul, .js
  .bleu_sdi.tiers #lang ul {
    border-color: #0095b6;
  }
  .bleu_sdi.tiers #nav button:hover:before,
  .bleu_sdi.tiers #nav button:focus:before,
  .bleu_sdi.tiers #nav a:hover:before,
  .bleu_sdi.tiers #nav a:focus:before,
  .bleu_sdi.tiers #nav .active button:before,
  .bleu_sdi.tiers #nav .on button:before {
    background-color: #443a31;
  }
  .bleu_sdi.tiers #nav button:after,
  .bleu_sdi.tiers #carrousel-left .flex-direction-nav,
  .bleu_sdi.tiers #slides:after,
  .bleu_sdi.tiers #footer .col:after,
  .bleu_sdi.tiers .btn,
  .bleu_sdi.tiers #intro,
  .bleu_sdi.tiers #breadcrumb-social-select.intro,
  .bleu_sdi.tiers .cms h2:after,
  .bleu_sdi.tiers .cms .h2:after,
  .bleu_sdi.tiers .bloc .p:after,
  .bleu_sdi.tiers .cms .accordion .h2 button,
  .bleu_sdi.tiers .cms .accordion .h2,
  .bleu_sdi.tiers #blocs3 .actu p .title,
  .bleu_sdi.tiers #blocs3 .col a:hover .txt,
  .bleu_sdi.tiers #blocs3 .col a:focus .txt,
  .bleu_sdi.tiers .cms .flexslider .flex-direction-nav button:hover,
  .bleu_sdi.tiers .cms .flexslider .flex-direction-nav button:focus,
  .bleu_sdi.tiers #blocs3 .diplome .title span span,
  .bleu_sdi.tiers #carrousel .flex-direction-nav,
  .bleu_sdi.tiers #blue,
  .bleu_sdi.tiers #carrousel .flex-direction-nav .flex-prev,
  .bleu_sdi.tiers #carrousel .flex-direction-nav .flex-next,
  .bleu_sdi.tiers .bloc h3:after,
  .bleu_sdi.tiers #chiffres ul .li,
  .bleu_sdi.tiers #moments p .title span,
  .bleu_sdi.tiers #plage,
  .bleu_sdi.tiers .event h2 .date:after,
  .bleu_sdi.tiers .event .h2 .date:after,
  .bleu_sdi.tiers #formation,
  .bleu_sdi.tiers #tabs a:after,
  .bleu_sdi.tiers #filtre .filtre p,
  .bleu_sdi.tiers .art .txt .title,
  .bleu_sdi.tiers .art .txt:after,
  .bleu_sdi.tiers #pagination ul,
  .bleu_sdi.tiers #iti h2 span:first-child,
  .bleu_sdi.tiers .cms .event:after,
  .bleu_sdi.tiers #annuaire .filter,
  .bleu_sdi.tiers #glossaire .filter,
  .bleu_sdi.tiers #search-alt form,
  .bleu_sdi.tiers #formations,
  .bleu_sdi.tiers #offre-emploi,
  .bleu_sdi.tiers #nav .inside-nav ul:first-child li button,
  .bleu_sdi.tiers #nav .inside-alt ul:first-child li button,
  .bleu_sdi.tiers #menu-alt button,
  .bleu_sdi.tiers #trouver {
    background-color: #0095b6;
  }
  .bleu_sdi.tiers #blocs3 .diplome .title span span {
    color: #FFFFFF;
  }
  .bleu_sdi.tiers #blocs3 .diplome .title a:hover span span {
    text-decoration: underline !important;
  }
  .bleu_sdi.tiers .btn:hover,
  .bleu_sdi.tiers .btn:focus {
    background-color: #006b83;
  }
  .no-touch .bleu_sdi.tiers .cms .accordion .h2 button:hover, .no-touch
  .bleu_sdi.tiers .cms .accordion .h2 button:focus {
    background-color: #006b83;
  }
  .no-touch .bleu_sdi.tiers #blue .col a:hover h2 span, .no-touch
  .bleu_sdi.tiers #blue .col a:focus h2 span {
    color: #0095b6;
  }
  .bleu_sdi.tiers #carrousel-left button:hover .shape1,
  .bleu_sdi.tiers #carrousel-left button:focus .shape1,
  .bleu_sdi.tiers #slides .flex-prev .shape2,
  .bleu_sdi.tiers #slides .flex-next .shape2,
  .bleu_sdi.tiers #slides .flex-prev:hover .shape1,
  .bleu_sdi.tiers #slides .flex-prev:focus .shape1,
  .bleu_sdi.tiers #slides .flex-next:hover .shape1,
  .bleu_sdi.tiers #slides .flex-next:focus .shape1,
  .bleu_sdi.tiers #slides p .next,
  .bleu_sdi.tiers #actus h2 span:after,
  .bleu_sdi.tiers #actus .col:first-child li li,
  .bleu_sdi.tiers #actus .col:first-child path,
  .bleu_sdi.tiers #actus .actu a:hover h3,
  .bleu_sdi.tiers #actus .actu a:focus h3,
  .bleu_sdi.tiers #actus .actus .col a:hover h3,
  .bleu_sdi.tiers #actus .actus .col a:focus h3,
  .bleu_sdi.tiers #last a,
  .bleu_sdi.tiers #menu .p a span,
  .bleu_sdi.tiers #menu a,
  .bleu_sdi.tiers #menu ul ul li a:hover,
  .bleu_sdi.tiers #menu ul ul li a:focus,
  .bleu_sdi.tiers #menu .p a,
  .bleu_sdi.tiers .cms blockquote p,
  .bleu_sdi.tiers .cms ol,
  .bleu_sdi.tiers .cms .push h2 span,
  .bleu_sdi.tiers .cms .extract:before,
  .bleu_sdi.tiers .cms a:hover,
  .bleu_sdi.tiers .cms a:focus,
  .bleu_sdi.tiers #resume a:hover,
  .bleu_sdi.tiers #resume a:focus,
  .bleu_sdi.tiers #resume button:hover,
  .bleu_sdi.tiers #resume button:focus,
  .bleu_sdi.tiers #blocs3 h2 span,
  .bleu_sdi.tiers #content #meta a,
  .bleu_sdi.tiers #content .meta a:hover,
  .bleu_sdi.tiers #content .meta a:focus,
  .bleu_sdi.tiers .cms .flexslider .flex-direction-nav .shape1,
  .bleu_sdi.tiers #blocs3 .diplome ul a:hover,
  .bleu_sdi.tiers #blocs3 .diplome ul a:focus,
  .bleu_sdi.tiers #blocs3 .diplome p a:hover,
  .bleu_sdi.tiers #blocs3 .diplome p a:focus,
  .bleu_sdi.tiers #select p .button span span,
  .bleu_sdi.tiers #select .ssmenu path,
  .bleu_sdi.tiers #carrousel .slides h2,
  .bleu_sdi.tiers #breadcrumb-social-select.intro.alt path,
  .bleu_sdi.tiers #intro.alt h2,
  .bleu_sdi.tiers .cms dd:before,
  .bleu_sdi.tiers .event h2 .date,
  .bleu_sdi.tiers .event .h2 .date,
  .bleu_sdi.tiers #filtres .reset a,
  .bleu_sdi.tiers .cms caption,
  .bleu_sdi.tiers .cms table strong,
  .bleu_sdi.tiers #contactmap h2,
  .bleu_sdi.tiers .loc h2 span,
  .bleu_sdi.tiers .triangle-alt #social path,
  .bleu_sdi.tiers #annuaire .index-alt .letter,
  .bleu_sdi.tiers #glossaire .index-alt .letter,
  .bleu_sdi.tiers #annuaire .tab h2,
  .bleu_sdi.tiers #glossaire .tab h2,
  .bleu_sdi.tiers #annuaire .index-alt ul a:hover,
  .bleu_sdi.tiers #annuaire .index-alt ul a:focus,
  .bleu_sdi.tiers #glossaire .index-alt ul a:hover,
  .bleu_sdi.tiers #glossaire .index-alt ul a:focus,
  .bleu_sdi.tiers #results .intro h2 strong,
  .bleu_sdi.tiers #catalogue h2 span,
  .bleu_sdi.tiers #catalogue h4,
  .bleu_sdi.tiers #catalogue h4 path,
  .bleu_sdi.tiers #carrousel-left .txt .nowrap path {
    fill: #0095b6;
    color: #0095b6;
  }
  .bleu_sdi.tiers #slides .flex-prev:hover .shape2,
  .bleu_sdi.tiers #slides .flex-prev:focus .shape2,
  .bleu_sdi.tiers #slides .flex-next:hover .shape2,
  .bleu_sdi.tiers #slides .flex-next:focus .shape2 {
    fill: #443a31;
  }
  .bleu_sdi.tiers #carrousel-left h2 {
    background-color: #fff;
    color: #0095b6;
  }
  .bleu_sdi.tiers #actus:after {
    border-bottom-color: rgba(0, 149, 182, 0.25);
  }
  .bleu_sdi.tiers .cms .push:after {
    border-bottom-color: #0095b6;
  }
  .bleu_sdi.tiers #account a span {
    background-image: url(/bundles/nubcore/images/bg/secure-bleu_sdi.svg);
  }
  .bleu_sdi.tiers #footer .col li,
  .bleu_sdi.tiers #slides p .next,
  .bleu_sdi.tiers #actus .actus .col ul a,
  .bleu_sdi.tiers #actus .col.first-child li li,
  .bleu_sdi.tiers #account a,
  .bleu_sdi.tiers #acces li ul a,
  .bleu_sdi.tiers #lang ul a,
  .bleu_sdi.tiers #menu a span,
  .bleu_sdi.tiers .items li,
  .bleu_sdi.tiers #resume ul a,
  .bleu_sdi.tiers #content #docs li,
  .bleu_sdi.tiers #select .ssmenu ul ul li:first-child a,
  .bleu_sdi.tiers #carrousel .slides ul li,
  .bleu_sdi.tiers #sommaire li,
  .bleu_sdi.tiers #end a,
  .bleu_sdi.tiers .art .next,
  .bleu_sdi.tiers #iti h2 a,
  .bleu_sdi.tiers #more li,
  .bleu_sdi.tiers #annuaire .index-alt ul a,
  .bleu_sdi.tiers #glossaire .index-alt ul a,
  .bleu_sdi.tiers form #fast h3 button,
  .bleu_sdi.tiers #nav .inside-alt ul:nth-child(1) li a,
  .bleu_sdi.tiers #nav ul ul:nth-child(1) li a:after,
  .bleu_sdi.tiers #menu-alt a:after,
  .bleu_sdi.tiers #carrousel-left p:after {
    background-image: url(/bundles/nubcore/images/bg/item-bleu_sdi.svg);
  }
  .js .bleu_sdi.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/item-off-bleu_sdi.svg);
  }
  .bleu_sdi.tiers #last li,
  .bleu_sdi.tiers .cms ul li {
    background-image: url(/bundles/nubcore/images/bg/puce-ter-bleu_sdi.svg);
  }
  .bleu_sdi.tiers #acces button {
    background-image: url(/bundles/nubcore/images/bg/link-bleu_sdi.svg);
  }
  .bleu_sdi.tiers #acces .button span,
  .bleu_sdi.tiers #nav .button span,
  .bleu_sdi.tiers #lang span,
  .bleu_sdi.tiers #intro h1 button {
    background-image: url(/bundles/nubcore/images/bg/list-bleu_sdi.svg);
  }
  .bleu_sdi.tiers #resume button,
  .bleu_sdi.tiers #select p .button span,
  .bleu_sdi.tiers #blocs3 .diplome.off ul.action button span,
  .bleu_sdi.tiers form #fast h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-bleu_sdi.svg);
  }
  .bleu_sdi.tiers #lang button.active span,
  .bleu_sdi.tiers #nav .active span,
  .bleu_sdi.tiers #acces .active button span,
  .bleu_sdi.tiers #intro h1 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-off-bleu_sdi.svg);
  }
  .bleu_sdi.tiers #top a,
  .bleu_sdi.tiers #resume button.active,
  .bleu_sdi.tiers #select p button.active span,
  .bleu_sdi.tiers #blocs3 .diplome ul.action button span {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-bleu_sdi.svg);
  }
  .bleu_sdi.tiers #filtres .filtres p button,
  .bleu_sdi.tiers #annuaire .index-alt ul a,
  .bleu_sdi.tiers #glossaire .index-alt ul a {
    background-image: url(/bundles/nubcore/images/bg/list-ter-bleu_sdi.svg);
  }
  .bleu_sdi.tiers #filtres .filtres p button.active,
  .bleu_sdi.tiers #annuaire .index-alt ul a.active-alt,
  .bleu_sdi.tiers #glossaire .index-alt ul a.active-alt {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-bleu_sdi.svg);
  }
  .js .bleu_sdi.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-bleu_sdi.svg);
  }
  .bleu_sdi.tiers #acces li:last-child button {
    background-image: url(/bundles/nubcore/images/bg/profil-bleu_sdi.svg);
  }
  .bleu_sdi.tiers #error .title {
    background-image: url(/bundles/nubcore/images/bg/losange-alt-bleu_sdi.svg);
  }
  .bleu_sdi.tiers .cms blockquote:before {
    background-image: url(/bundles/nubcore/images/bg/quote-alt-bleu_sdi.svg);
  }
  .bleu_sdi.tiers .cms blockquote.cite:before {
    background-image: url(/bundles/nubcore/images/bg/quote-bleu_sdi.svg);
  }
  .bleu_sdi.tiers .rubrique .cms h1,
  .bleu_sdi.tiers #intro.alt h1,
  .bleu_sdi.tiers .cms h1.alt {
    background-image: url(/bundles/nubcore/images/bg/puce-alt-bleu_sdi.svg);
  }
  .bleu_sdi.tiers .items li.doc {
    background-image: url(/bundles/nubcore/images/bg/doc-bleu_sdi.svg);
  }
  .bleu_sdi.tiers .titles h2.change button {
    background-image: url(/bundles/nubcore/images/agenda-bleu_sdi.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .bleu_sdi.tiers #blocs3 .diplome .title {
    background-color: #0095b6;
  }
}
@media only screen and (max-width: 739px) {
  .bleu_sdi.tiers #error h1 {
    color: #0095b6;
  }
}
@media only screen and (max-width: 739px) {
  .bleu_sdi.tiers #tabs li {
    background-image: url(/bundles/nubcore/images/bg/item-bleu_sdi.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .bleu_sdi.tiers .titles h2 button {
    background-image: url(/bundles/nubcore/images/bg/list-ter-bleu_sdi.svg);
  }
  .bleu_sdi.tiers .titles h2 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-bleu_sdi.svg);
  }
}
@media print {
  .bleu_sdi .full .diplome a,
  .bleu_sdi a, .bleu_sdi a:visited,
  .bleu_sdi #address-alt .mask,
  .bleu_sdi .selection #select a:after {
    color: #0095b6;
  }
}
@media screen {
  .bleu_uf_physique.tiers #nav .page,
  .bleu_uf_physique.tiers #last .page,
  .bleu_uf_physique.tiers #footer #partenaires {
    border-color: #71aefb !important;
  }
  .bleu_uf_physique.tiers #actus h3 span:after,
  .bleu_uf_physique.tiers #actus .actus .col ul,
  .bleu_uf_physique.tiers #actus h2 a:after,
  .bleu_uf_physique.tiers #account,
  .bleu_uf_physique.tiers #search,
  .bleu_uf_physique.tiers #search.active button,
  .bleu_uf_physique.tiers #search p button:hover,
  .bleu_uf_physique.tiers #search p button:focus,
  .bleu_uf_physique.tiers #acces button:hover,
  .bleu_uf_physique.tiers #acces button:focus,
  .bleu_uf_physique.tiers #menu .p,
  .bleu_uf_physique.tiers .cms blockquote.cite p.cite,
  .bleu_uf_physique.tiers .cms .push,
  .bleu_uf_physique.tiers .bloc,
  .bleu_uf_physique.tiers #resume ul,
  .bleu_uf_physique.tiers #blocs3 .actu p .title,
  .bleu_uf_physique.tiers .cms .flexslider .flex-direction-nav li,
  .bleu_uf_physique.tiers #blocs3 .diplome ul.action li,
  .bleu_uf_physique.tiers #select p .button,
  .bleu_uf_physique.tiers #select .ssmenu,
  .bleu_uf_physique.tiers .hr,
  .bleu_uf_physique.tiers .form,
  .bleu_uf_physique.tiers .filets .col,
  .bleu_uf_physique.tiers #end li,
  .bleu_uf_physique.tiers .event,
  .bleu_uf_physique.tiers .event h2 .date,
  .bleu_uf_physique.tiers .event .h2 .date,
  .bleu_uf_physique.tiers .ui-widget-content,
  .bleu_uf_physique.tiers .ui-state-active,
  .bleu_uf_physique.tiers .ui-widget-content .ui-state-active,
  .bleu_uf_physique.tiers .ui-widget-header .ui-state-active,
  .bleu_uf_physique.tiers .ui-state-active,
  .bleu_uf_physique.tiers .ui-widget-content .ui-state-active,
  .bleu_uf_physique.tiers .ui-widget-header .ui-state-active,
  .bleu_uf_physique.tiers .ui-state-hover,
  .bleu_uf_physique.tiers .ui-widget-content .ui-state-hover,
  .bleu_uf_physique.tiers .ui-widget-content,
  .bleu_uf_physique.tiers .art .txt .title,
  .bleu_uf_physique.tiers #annuaire .fiche,
  .bleu_uf_physique.tiers #glossaire .fiche,
  .bleu_uf_physique.tiers #annuaire .index-alt .letter,
  .bleu_uf_physique.tiers #glossaire .index-alt .letter,
  .bleu_uf_physique.tiers .result,
  .bleu_uf_physique.tiers #fast ul,
  .bleu_uf_physique.tiers #fast div div,
  .bleu_uf_physique.tiers #fast li,
  .bleu_uf_physique.tiers #fast p,
  .bleu_uf_physique.tiers #catalogue .content a,
  .bleu_uf_physique.tiers #nav .inside-alt,
  .bleu_uf_physique.tiers .event h2 span,
  .bleu_uf_physique.tiers .event .h2 span,
  .bleu_uf_physique.tiers .loc .bloc,
  .bleu_uf_physique.tiers .bloc:last-child,
  .bleu_uf_physique.tiers #nav .inside-nav ul:nth-child(1) li a:after,
  .bleu_uf_physique.tiers #nav .inside-alt ul:nth-child(1) li a:after,
  .bleu_uf_physique.tiers #menu-alt a:after {
    border-color: #71aefb;
  }
  .bleu_uf_physique.tiers .ui-datepicker .ui-datepicker-prev-hover,
  .bleu_uf_physique.tiers .ui-datepicker .ui-datepicker-next-hover {
    background-color: #71aefb !important;
  }
  .bleu_uf_physique.tiers .ui-state-hover,
  .bleu_uf_physique.tiers .ui-widget-content .ui-state-hover {
    background-color: white;
  }
  .bleu_uf_physique.tiers .form input.text:focus,
  .bleu_uf_physique.tiers .form select:focus,
  .bleu_uf_physique.tiers .form textarea:focus {
    -webkit-box-shadow: 0 0 3px #71aefb;
    -moz-box-shadow: 0 0 3px #71aefb;
    box-shadow: 0 0 3px #71aefb;
  }
  .bleu_uf_physique.tiers .cms tfoot td,
  .bleu_uf_physique.tiers .cms tfoot th {
    -webkit-box-shadow: 0 1px 0 #71aefb inset;
    -moz-box-shadow: 0 1px 0 #71aefb inset;
    box-shadow: 0 1px 0 #71aefb inset;
  }
  .js .bleu_uf_physique.tiers #acces li ul, .js
  .bleu_uf_physique.tiers #lang ul {
    border-color: #71aefb;
  }
  .bleu_uf_physique.tiers #nav button:hover:before,
  .bleu_uf_physique.tiers #nav button:focus:before,
  .bleu_uf_physique.tiers #nav a:hover:before,
  .bleu_uf_physique.tiers #nav a:focus:before,
  .bleu_uf_physique.tiers #nav .active button:before,
  .bleu_uf_physique.tiers #nav .on button:before {
    background-color: #443a31;
  }
  .bleu_uf_physique.tiers #nav button:after,
  .bleu_uf_physique.tiers #carrousel-left .flex-direction-nav,
  .bleu_uf_physique.tiers #slides:after,
  .bleu_uf_physique.tiers #footer .col:after,
  .bleu_uf_physique.tiers .btn,
  .bleu_uf_physique.tiers #intro,
  .bleu_uf_physique.tiers #breadcrumb-social-select.intro,
  .bleu_uf_physique.tiers .cms h2:after,
  .bleu_uf_physique.tiers .cms .h2:after,
  .bleu_uf_physique.tiers .bloc .p:after,
  .bleu_uf_physique.tiers .cms .accordion .h2 button,
  .bleu_uf_physique.tiers .cms .accordion .h2,
  .bleu_uf_physique.tiers #blocs3 .actu p .title,
  .bleu_uf_physique.tiers #blocs3 .col a:hover .txt,
  .bleu_uf_physique.tiers #blocs3 .col a:focus .txt,
  .bleu_uf_physique.tiers .cms .flexslider .flex-direction-nav button:hover,
  .bleu_uf_physique.tiers .cms .flexslider .flex-direction-nav button:focus,
  .bleu_uf_physique.tiers #blocs3 .diplome .title span span,
  .bleu_uf_physique.tiers #carrousel .flex-direction-nav,
  .bleu_uf_physique.tiers #blue,
  .bleu_uf_physique.tiers #carrousel .flex-direction-nav .flex-prev,
  .bleu_uf_physique.tiers #carrousel .flex-direction-nav .flex-next,
  .bleu_uf_physique.tiers .bloc h3:after,
  .bleu_uf_physique.tiers #chiffres ul .li,
  .bleu_uf_physique.tiers #moments p .title span,
  .bleu_uf_physique.tiers #plage,
  .bleu_uf_physique.tiers .event h2 .date:after,
  .bleu_uf_physique.tiers .event .h2 .date:after,
  .bleu_uf_physique.tiers #formation,
  .bleu_uf_physique.tiers #tabs a:after,
  .bleu_uf_physique.tiers #filtre .filtre p,
  .bleu_uf_physique.tiers .art .txt .title,
  .bleu_uf_physique.tiers .art .txt:after,
  .bleu_uf_physique.tiers #pagination ul,
  .bleu_uf_physique.tiers #iti h2 span:first-child,
  .bleu_uf_physique.tiers .cms .event:after,
  .bleu_uf_physique.tiers #annuaire .filter,
  .bleu_uf_physique.tiers #glossaire .filter,
  .bleu_uf_physique.tiers #search-alt form,
  .bleu_uf_physique.tiers #formations,
  .bleu_uf_physique.tiers #offre-emploi,
  .bleu_uf_physique.tiers #nav .inside-nav ul:first-child li button,
  .bleu_uf_physique.tiers #nav .inside-alt ul:first-child li button,
  .bleu_uf_physique.tiers #menu-alt button,
  .bleu_uf_physique.tiers #trouver {
    background-color: #71aefb;
  }
  .bleu_uf_physique.tiers #blocs3 .diplome .title span span {
    color: #FFFFFF;
  }
  .bleu_uf_physique.tiers #blocs3 .diplome .title a:hover span span {
    text-decoration: underline !important;
  }
  .bleu_uf_physique.tiers .btn:hover,
  .bleu_uf_physique.tiers .btn:focus {
    background-color: #3f92fa;
  }
  .no-touch .bleu_uf_physique.tiers .cms .accordion .h2 button:hover, .no-touch
  .bleu_uf_physique.tiers .cms .accordion .h2 button:focus {
    background-color: #3f92fa;
  }
  .no-touch .bleu_uf_physique.tiers #blue .col a:hover h2 span, .no-touch
  .bleu_uf_physique.tiers #blue .col a:focus h2 span {
    color: #71aefb;
  }
  .bleu_uf_physique.tiers #carrousel-left button:hover .shape1,
  .bleu_uf_physique.tiers #carrousel-left button:focus .shape1,
  .bleu_uf_physique.tiers #slides .flex-prev .shape2,
  .bleu_uf_physique.tiers #slides .flex-next .shape2,
  .bleu_uf_physique.tiers #slides .flex-prev:hover .shape1,
  .bleu_uf_physique.tiers #slides .flex-prev:focus .shape1,
  .bleu_uf_physique.tiers #slides .flex-next:hover .shape1,
  .bleu_uf_physique.tiers #slides .flex-next:focus .shape1,
  .bleu_uf_physique.tiers #slides p .next,
  .bleu_uf_physique.tiers #actus h2 span:after,
  .bleu_uf_physique.tiers #actus .col:first-child li li,
  .bleu_uf_physique.tiers #actus .col:first-child path,
  .bleu_uf_physique.tiers #actus .actu a:hover h3,
  .bleu_uf_physique.tiers #actus .actu a:focus h3,
  .bleu_uf_physique.tiers #actus .actus .col a:hover h3,
  .bleu_uf_physique.tiers #actus .actus .col a:focus h3,
  .bleu_uf_physique.tiers #last a,
  .bleu_uf_physique.tiers #menu .p a span,
  .bleu_uf_physique.tiers #menu a,
  .bleu_uf_physique.tiers #menu ul ul li a:hover,
  .bleu_uf_physique.tiers #menu ul ul li a:focus,
  .bleu_uf_physique.tiers #menu .p a,
  .bleu_uf_physique.tiers .cms blockquote p,
  .bleu_uf_physique.tiers .cms ol,
  .bleu_uf_physique.tiers .cms .push h2 span,
  .bleu_uf_physique.tiers .cms .extract:before,
  .bleu_uf_physique.tiers .cms a:hover,
  .bleu_uf_physique.tiers .cms a:focus,
  .bleu_uf_physique.tiers #resume a:hover,
  .bleu_uf_physique.tiers #resume a:focus,
  .bleu_uf_physique.tiers #resume button:hover,
  .bleu_uf_physique.tiers #resume button:focus,
  .bleu_uf_physique.tiers #blocs3 h2 span,
  .bleu_uf_physique.tiers #content #meta a,
  .bleu_uf_physique.tiers #content .meta a:hover,
  .bleu_uf_physique.tiers #content .meta a:focus,
  .bleu_uf_physique.tiers .cms .flexslider .flex-direction-nav .shape1,
  .bleu_uf_physique.tiers #blocs3 .diplome ul a:hover,
  .bleu_uf_physique.tiers #blocs3 .diplome ul a:focus,
  .bleu_uf_physique.tiers #blocs3 .diplome p a:hover,
  .bleu_uf_physique.tiers #blocs3 .diplome p a:focus,
  .bleu_uf_physique.tiers #select p .button span span,
  .bleu_uf_physique.tiers #select .ssmenu path,
  .bleu_uf_physique.tiers #carrousel .slides h2,
  .bleu_uf_physique.tiers #breadcrumb-social-select.intro.alt path,
  .bleu_uf_physique.tiers #intro.alt h2,
  .bleu_uf_physique.tiers .cms dd:before,
  .bleu_uf_physique.tiers .event h2 .date,
  .bleu_uf_physique.tiers .event .h2 .date,
  .bleu_uf_physique.tiers #filtres .reset a,
  .bleu_uf_physique.tiers .cms caption,
  .bleu_uf_physique.tiers .cms table strong,
  .bleu_uf_physique.tiers #contactmap h2,
  .bleu_uf_physique.tiers .loc h2 span,
  .bleu_uf_physique.tiers .triangle-alt #social path,
  .bleu_uf_physique.tiers #annuaire .index-alt .letter,
  .bleu_uf_physique.tiers #glossaire .index-alt .letter,
  .bleu_uf_physique.tiers #annuaire .tab h2,
  .bleu_uf_physique.tiers #glossaire .tab h2,
  .bleu_uf_physique.tiers #annuaire .index-alt ul a:hover,
  .bleu_uf_physique.tiers #annuaire .index-alt ul a:focus,
  .bleu_uf_physique.tiers #glossaire .index-alt ul a:hover,
  .bleu_uf_physique.tiers #glossaire .index-alt ul a:focus,
  .bleu_uf_physique.tiers #results .intro h2 strong,
  .bleu_uf_physique.tiers #catalogue h2 span,
  .bleu_uf_physique.tiers #catalogue h4,
  .bleu_uf_physique.tiers #catalogue h4 path,
  .bleu_uf_physique.tiers #carrousel-left .txt .nowrap path {
    fill: #71aefb;
    color: #71aefb;
  }
  .bleu_uf_physique.tiers #slides .flex-prev:hover .shape2,
  .bleu_uf_physique.tiers #slides .flex-prev:focus .shape2,
  .bleu_uf_physique.tiers #slides .flex-next:hover .shape2,
  .bleu_uf_physique.tiers #slides .flex-next:focus .shape2 {
    fill: #443a31;
  }
  .bleu_uf_physique.tiers #carrousel-left h2 {
    background-color: #fff;
    color: #71aefb;
  }
  .bleu_uf_physique.tiers #actus:after {
    border-bottom-color: rgba(113, 174, 251, 0.25);
  }
  .bleu_uf_physique.tiers .cms .push:after {
    border-bottom-color: #71aefb;
  }
  .bleu_uf_physique.tiers #account a span {
    background-image: url(/bundles/nubcore/images/bg/secure-bleu_uf_physique.svg);
  }
  .bleu_uf_physique.tiers #footer .col li,
  .bleu_uf_physique.tiers #slides p .next,
  .bleu_uf_physique.tiers #actus .actus .col ul a,
  .bleu_uf_physique.tiers #actus .col.first-child li li,
  .bleu_uf_physique.tiers #account a,
  .bleu_uf_physique.tiers #acces li ul a,
  .bleu_uf_physique.tiers #lang ul a,
  .bleu_uf_physique.tiers #menu a span,
  .bleu_uf_physique.tiers .items li,
  .bleu_uf_physique.tiers #resume ul a,
  .bleu_uf_physique.tiers #content #docs li,
  .bleu_uf_physique.tiers #select .ssmenu ul ul li:first-child a,
  .bleu_uf_physique.tiers #carrousel .slides ul li,
  .bleu_uf_physique.tiers #sommaire li,
  .bleu_uf_physique.tiers #end a,
  .bleu_uf_physique.tiers .art .next,
  .bleu_uf_physique.tiers #iti h2 a,
  .bleu_uf_physique.tiers #more li,
  .bleu_uf_physique.tiers #annuaire .index-alt ul a,
  .bleu_uf_physique.tiers #glossaire .index-alt ul a,
  .bleu_uf_physique.tiers form #fast h3 button,
  .bleu_uf_physique.tiers #nav .inside-alt ul:nth-child(1) li a,
  .bleu_uf_physique.tiers #nav ul ul:nth-child(1) li a:after,
  .bleu_uf_physique.tiers #menu-alt a:after,
  .bleu_uf_physique.tiers #carrousel-left p:after {
    background-image: url(/bundles/nubcore/images/bg/item-bleu_uf_physique.svg);
  }
  .js .bleu_uf_physique.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/item-off-bleu_uf_physique.svg);
  }
  .bleu_uf_physique.tiers #last li,
  .bleu_uf_physique.tiers .cms ul li {
    background-image: url(/bundles/nubcore/images/bg/puce-ter-bleu_uf_physique.svg);
  }
  .bleu_uf_physique.tiers #acces button {
    background-image: url(/bundles/nubcore/images/bg/link-bleu_uf_physique.svg);
  }
  .bleu_uf_physique.tiers #acces .button span,
  .bleu_uf_physique.tiers #nav .button span,
  .bleu_uf_physique.tiers #lang span,
  .bleu_uf_physique.tiers #intro h1 button {
    background-image: url(/bundles/nubcore/images/bg/list-bleu_uf_physique.svg);
  }
  .bleu_uf_physique.tiers #resume button,
  .bleu_uf_physique.tiers #select p .button span,
  .bleu_uf_physique.tiers #blocs3 .diplome.off ul.action button span,
  .bleu_uf_physique.tiers form #fast h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-bleu_uf_physique.svg);
  }
  .bleu_uf_physique.tiers #lang button.active span,
  .bleu_uf_physique.tiers #nav .active span,
  .bleu_uf_physique.tiers #acces .active button span,
  .bleu_uf_physique.tiers #intro h1 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-off-bleu_uf_physique.svg);
  }
  .bleu_uf_physique.tiers #top a,
  .bleu_uf_physique.tiers #resume button.active,
  .bleu_uf_physique.tiers #select p button.active span,
  .bleu_uf_physique.tiers #blocs3 .diplome ul.action button span {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-bleu_uf_physique.svg);
  }
  .bleu_uf_physique.tiers #filtres .filtres p button,
  .bleu_uf_physique.tiers #annuaire .index-alt ul a,
  .bleu_uf_physique.tiers #glossaire .index-alt ul a {
    background-image: url(/bundles/nubcore/images/bg/list-ter-bleu_uf_physique.svg);
  }
  .bleu_uf_physique.tiers #filtres .filtres p button.active,
  .bleu_uf_physique.tiers #annuaire .index-alt ul a.active-alt,
  .bleu_uf_physique.tiers #glossaire .index-alt ul a.active-alt {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-bleu_uf_physique.svg);
  }
  .js .bleu_uf_physique.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-bleu_uf_physique.svg);
  }
  .bleu_uf_physique.tiers #acces li:last-child button {
    background-image: url(/bundles/nubcore/images/bg/profil-bleu_uf_physique.svg);
  }
  .bleu_uf_physique.tiers #error .title {
    background-image: url(/bundles/nubcore/images/bg/losange-alt-bleu_uf_physique.svg);
  }
  .bleu_uf_physique.tiers .cms blockquote:before {
    background-image: url(/bundles/nubcore/images/bg/quote-alt-bleu_uf_physique.svg);
  }
  .bleu_uf_physique.tiers .cms blockquote.cite:before {
    background-image: url(/bundles/nubcore/images/bg/quote-bleu_uf_physique.svg);
  }
  .bleu_uf_physique.tiers .rubrique .cms h1,
  .bleu_uf_physique.tiers #intro.alt h1,
  .bleu_uf_physique.tiers .cms h1.alt {
    background-image: url(/bundles/nubcore/images/bg/puce-alt-bleu_uf_physique.svg);
  }
  .bleu_uf_physique.tiers .items li.doc {
    background-image: url(/bundles/nubcore/images/bg/doc-bleu_uf_physique.svg);
  }
  .bleu_uf_physique.tiers .titles h2.change button {
    background-image: url(/bundles/nubcore/images/agenda-bleu_uf_physique.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .bleu_uf_physique.tiers #blocs3 .diplome .title {
    background-color: #71aefb;
  }
}
@media only screen and (max-width: 739px) {
  .bleu_uf_physique.tiers #error h1 {
    color: #71aefb;
  }
}
@media only screen and (max-width: 739px) {
  .bleu_uf_physique.tiers #tabs li {
    background-image: url(/bundles/nubcore/images/bg/item-bleu_uf_physique.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .bleu_uf_physique.tiers .titles h2 button {
    background-image: url(/bundles/nubcore/images/bg/list-ter-bleu_uf_physique.svg);
  }
  .bleu_uf_physique.tiers .titles h2 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-bleu_uf_physique.svg);
  }
}
@media print {
  .bleu_uf_physique .full .diplome a,
  .bleu_uf_physique a, .bleu_uf_physique a:visited,
  .bleu_uf_physique #address-alt .mask,
  .bleu_uf_physique .selection #select a:after {
    color: #71aefb;
  }
}
@media screen {
  .lavande.tiers #nav .page,
  .lavande.tiers #last .page,
  .lavande.tiers #footer #partenaires {
    border-color: #9683ec !important;
  }
  .lavande.tiers #actus h3 span:after,
  .lavande.tiers #actus .actus .col ul,
  .lavande.tiers #actus h2 a:after,
  .lavande.tiers #account,
  .lavande.tiers #search,
  .lavande.tiers #search.active button,
  .lavande.tiers #search p button:hover,
  .lavande.tiers #search p button:focus,
  .lavande.tiers #acces button:hover,
  .lavande.tiers #acces button:focus,
  .lavande.tiers #menu .p,
  .lavande.tiers .cms blockquote.cite p.cite,
  .lavande.tiers .cms .push,
  .lavande.tiers .bloc,
  .lavande.tiers #resume ul,
  .lavande.tiers #blocs3 .actu p .title,
  .lavande.tiers .cms .flexslider .flex-direction-nav li,
  .lavande.tiers #blocs3 .diplome ul.action li,
  .lavande.tiers #select p .button,
  .lavande.tiers #select .ssmenu,
  .lavande.tiers .hr,
  .lavande.tiers .form,
  .lavande.tiers .filets .col,
  .lavande.tiers #end li,
  .lavande.tiers .event,
  .lavande.tiers .event h2 .date,
  .lavande.tiers .event .h2 .date,
  .lavande.tiers .ui-widget-content,
  .lavande.tiers .ui-state-active,
  .lavande.tiers .ui-widget-content .ui-state-active,
  .lavande.tiers .ui-widget-header .ui-state-active,
  .lavande.tiers .ui-state-active,
  .lavande.tiers .ui-widget-content .ui-state-active,
  .lavande.tiers .ui-widget-header .ui-state-active,
  .lavande.tiers .ui-state-hover,
  .lavande.tiers .ui-widget-content .ui-state-hover,
  .lavande.tiers .ui-widget-content,
  .lavande.tiers .art .txt .title,
  .lavande.tiers #annuaire .fiche,
  .lavande.tiers #glossaire .fiche,
  .lavande.tiers #annuaire .index-alt .letter,
  .lavande.tiers #glossaire .index-alt .letter,
  .lavande.tiers .result,
  .lavande.tiers #fast ul,
  .lavande.tiers #fast div div,
  .lavande.tiers #fast li,
  .lavande.tiers #fast p,
  .lavande.tiers #catalogue .content a,
  .lavande.tiers #nav .inside-alt,
  .lavande.tiers .event h2 span,
  .lavande.tiers .event .h2 span,
  .lavande.tiers .loc .bloc,
  .lavande.tiers .bloc:last-child,
  .lavande.tiers #nav .inside-nav ul:nth-child(1) li a:after,
  .lavande.tiers #nav .inside-alt ul:nth-child(1) li a:after,
  .lavande.tiers #menu-alt a:after {
    border-color: #9683ec;
  }
  .lavande.tiers .ui-datepicker .ui-datepicker-prev-hover,
  .lavande.tiers .ui-datepicker .ui-datepicker-next-hover {
    background-color: #9683ec !important;
  }
  .lavande.tiers .ui-state-hover,
  .lavande.tiers .ui-widget-content .ui-state-hover {
    background-color: white;
  }
  .lavande.tiers .form input.text:focus,
  .lavande.tiers .form select:focus,
  .lavande.tiers .form textarea:focus {
    -webkit-box-shadow: 0 0 3px #9683ec;
    -moz-box-shadow: 0 0 3px #9683ec;
    box-shadow: 0 0 3px #9683ec;
  }
  .lavande.tiers .cms tfoot td,
  .lavande.tiers .cms tfoot th {
    -webkit-box-shadow: 0 1px 0 #9683ec inset;
    -moz-box-shadow: 0 1px 0 #9683ec inset;
    box-shadow: 0 1px 0 #9683ec inset;
  }
  .js .lavande.tiers #acces li ul, .js
  .lavande.tiers #lang ul {
    border-color: #9683ec;
  }
  .lavande.tiers #nav button:hover:before,
  .lavande.tiers #nav button:focus:before,
  .lavande.tiers #nav a:hover:before,
  .lavande.tiers #nav a:focus:before,
  .lavande.tiers #nav .active button:before,
  .lavande.tiers #nav .on button:before {
    background-color: #443a31;
  }
  .lavande.tiers #nav button:after,
  .lavande.tiers #carrousel-left .flex-direction-nav,
  .lavande.tiers #slides:after,
  .lavande.tiers #footer .col:after,
  .lavande.tiers .btn,
  .lavande.tiers #intro,
  .lavande.tiers #breadcrumb-social-select.intro,
  .lavande.tiers .cms h2:after,
  .lavande.tiers .cms .h2:after,
  .lavande.tiers .bloc .p:after,
  .lavande.tiers .cms .accordion .h2 button,
  .lavande.tiers .cms .accordion .h2,
  .lavande.tiers #blocs3 .actu p .title,
  .lavande.tiers #blocs3 .col a:hover .txt,
  .lavande.tiers #blocs3 .col a:focus .txt,
  .lavande.tiers .cms .flexslider .flex-direction-nav button:hover,
  .lavande.tiers .cms .flexslider .flex-direction-nav button:focus,
  .lavande.tiers #blocs3 .diplome .title span span,
  .lavande.tiers #carrousel .flex-direction-nav,
  .lavande.tiers #blue,
  .lavande.tiers #carrousel .flex-direction-nav .flex-prev,
  .lavande.tiers #carrousel .flex-direction-nav .flex-next,
  .lavande.tiers .bloc h3:after,
  .lavande.tiers #chiffres ul .li,
  .lavande.tiers #moments p .title span,
  .lavande.tiers #plage,
  .lavande.tiers .event h2 .date:after,
  .lavande.tiers .event .h2 .date:after,
  .lavande.tiers #formation,
  .lavande.tiers #tabs a:after,
  .lavande.tiers #filtre .filtre p,
  .lavande.tiers .art .txt .title,
  .lavande.tiers .art .txt:after,
  .lavande.tiers #pagination ul,
  .lavande.tiers #iti h2 span:first-child,
  .lavande.tiers .cms .event:after,
  .lavande.tiers #annuaire .filter,
  .lavande.tiers #glossaire .filter,
  .lavande.tiers #search-alt form,
  .lavande.tiers #formations,
  .lavande.tiers #offre-emploi,
  .lavande.tiers #nav .inside-nav ul:first-child li button,
  .lavande.tiers #nav .inside-alt ul:first-child li button,
  .lavande.tiers #menu-alt button,
  .lavande.tiers #trouver {
    background-color: #9683ec;
  }
  .lavande.tiers #blocs3 .diplome .title span span {
    color: #FFFFFF;
  }
  .lavande.tiers #blocs3 .diplome .title a:hover span span {
    text-decoration: underline !important;
  }
  .lavande.tiers .btn:hover,
  .lavande.tiers .btn:focus {
    background-color: #7157e5;
  }
  .no-touch .lavande.tiers .cms .accordion .h2 button:hover, .no-touch
  .lavande.tiers .cms .accordion .h2 button:focus {
    background-color: #7157e5;
  }
  .no-touch .lavande.tiers #blue .col a:hover h2 span, .no-touch
  .lavande.tiers #blue .col a:focus h2 span {
    color: #9683ec;
  }
  .lavande.tiers #carrousel-left button:hover .shape1,
  .lavande.tiers #carrousel-left button:focus .shape1,
  .lavande.tiers #slides .flex-prev .shape2,
  .lavande.tiers #slides .flex-next .shape2,
  .lavande.tiers #slides .flex-prev:hover .shape1,
  .lavande.tiers #slides .flex-prev:focus .shape1,
  .lavande.tiers #slides .flex-next:hover .shape1,
  .lavande.tiers #slides .flex-next:focus .shape1,
  .lavande.tiers #slides p .next,
  .lavande.tiers #actus h2 span:after,
  .lavande.tiers #actus .col:first-child li li,
  .lavande.tiers #actus .col:first-child path,
  .lavande.tiers #actus .actu a:hover h3,
  .lavande.tiers #actus .actu a:focus h3,
  .lavande.tiers #actus .actus .col a:hover h3,
  .lavande.tiers #actus .actus .col a:focus h3,
  .lavande.tiers #last a,
  .lavande.tiers #menu .p a span,
  .lavande.tiers #menu a,
  .lavande.tiers #menu ul ul li a:hover,
  .lavande.tiers #menu ul ul li a:focus,
  .lavande.tiers #menu .p a,
  .lavande.tiers .cms blockquote p,
  .lavande.tiers .cms ol,
  .lavande.tiers .cms .push h2 span,
  .lavande.tiers .cms .extract:before,
  .lavande.tiers .cms a:hover,
  .lavande.tiers .cms a:focus,
  .lavande.tiers #resume a:hover,
  .lavande.tiers #resume a:focus,
  .lavande.tiers #resume button:hover,
  .lavande.tiers #resume button:focus,
  .lavande.tiers #blocs3 h2 span,
  .lavande.tiers #content #meta a,
  .lavande.tiers #content .meta a:hover,
  .lavande.tiers #content .meta a:focus,
  .lavande.tiers .cms .flexslider .flex-direction-nav .shape1,
  .lavande.tiers #blocs3 .diplome ul a:hover,
  .lavande.tiers #blocs3 .diplome ul a:focus,
  .lavande.tiers #blocs3 .diplome p a:hover,
  .lavande.tiers #blocs3 .diplome p a:focus,
  .lavande.tiers #select p .button span span,
  .lavande.tiers #select .ssmenu path,
  .lavande.tiers #carrousel .slides h2,
  .lavande.tiers #breadcrumb-social-select.intro.alt path,
  .lavande.tiers #intro.alt h2,
  .lavande.tiers .cms dd:before,
  .lavande.tiers .event h2 .date,
  .lavande.tiers .event .h2 .date,
  .lavande.tiers #filtres .reset a,
  .lavande.tiers .cms caption,
  .lavande.tiers .cms table strong,
  .lavande.tiers #contactmap h2,
  .lavande.tiers .loc h2 span,
  .lavande.tiers .triangle-alt #social path,
  .lavande.tiers #annuaire .index-alt .letter,
  .lavande.tiers #glossaire .index-alt .letter,
  .lavande.tiers #annuaire .tab h2,
  .lavande.tiers #glossaire .tab h2,
  .lavande.tiers #annuaire .index-alt ul a:hover,
  .lavande.tiers #annuaire .index-alt ul a:focus,
  .lavande.tiers #glossaire .index-alt ul a:hover,
  .lavande.tiers #glossaire .index-alt ul a:focus,
  .lavande.tiers #results .intro h2 strong,
  .lavande.tiers #catalogue h2 span,
  .lavande.tiers #catalogue h4,
  .lavande.tiers #catalogue h4 path,
  .lavande.tiers #carrousel-left .txt .nowrap path {
    fill: #9683ec;
    color: #9683ec;
  }
  .lavande.tiers #slides .flex-prev:hover .shape2,
  .lavande.tiers #slides .flex-prev:focus .shape2,
  .lavande.tiers #slides .flex-next:hover .shape2,
  .lavande.tiers #slides .flex-next:focus .shape2 {
    fill: #443a31;
  }
  .lavande.tiers #carrousel-left h2 {
    background-color: #fff;
    color: #9683ec;
  }
  .lavande.tiers #actus:after {
    border-bottom-color: rgba(150, 131, 236, 0.25);
  }
  .lavande.tiers .cms .push:after {
    border-bottom-color: #9683ec;
  }
  .lavande.tiers #account a span {
    background-image: url(/bundles/nubcore/images/bg/secure-lavande.svg);
  }
  .lavande.tiers #footer .col li,
  .lavande.tiers #slides p .next,
  .lavande.tiers #actus .actus .col ul a,
  .lavande.tiers #actus .col.first-child li li,
  .lavande.tiers #account a,
  .lavande.tiers #acces li ul a,
  .lavande.tiers #lang ul a,
  .lavande.tiers #menu a span,
  .lavande.tiers .items li,
  .lavande.tiers #resume ul a,
  .lavande.tiers #content #docs li,
  .lavande.tiers #select .ssmenu ul ul li:first-child a,
  .lavande.tiers #carrousel .slides ul li,
  .lavande.tiers #sommaire li,
  .lavande.tiers #end a,
  .lavande.tiers .art .next,
  .lavande.tiers #iti h2 a,
  .lavande.tiers #more li,
  .lavande.tiers #annuaire .index-alt ul a,
  .lavande.tiers #glossaire .index-alt ul a,
  .lavande.tiers form #fast h3 button,
  .lavande.tiers #nav .inside-alt ul:nth-child(1) li a,
  .lavande.tiers #nav ul ul:nth-child(1) li a:after,
  .lavande.tiers #menu-alt a:after,
  .lavande.tiers #carrousel-left p:after {
    background-image: url(/bundles/nubcore/images/bg/item-lavande.svg);
  }
  .js .lavande.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/item-off-lavande.svg);
  }
  .lavande.tiers #last li,
  .lavande.tiers .cms ul li {
    background-image: url(/bundles/nubcore/images/bg/puce-ter-lavande.svg);
  }
  .lavande.tiers #acces button {
    background-image: url(/bundles/nubcore/images/bg/link-lavande.svg);
  }
  .lavande.tiers #acces .button span,
  .lavande.tiers #nav .button span,
  .lavande.tiers #lang span,
  .lavande.tiers #intro h1 button {
    background-image: url(/bundles/nubcore/images/bg/list-lavande.svg);
  }
  .lavande.tiers #resume button,
  .lavande.tiers #select p .button span,
  .lavande.tiers #blocs3 .diplome.off ul.action button span,
  .lavande.tiers form #fast h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-lavande.svg);
  }
  .lavande.tiers #lang button.active span,
  .lavande.tiers #nav .active span,
  .lavande.tiers #acces .active button span,
  .lavande.tiers #intro h1 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-off-lavande.svg);
  }
  .lavande.tiers #top a,
  .lavande.tiers #resume button.active,
  .lavande.tiers #select p button.active span,
  .lavande.tiers #blocs3 .diplome ul.action button span {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-lavande.svg);
  }
  .lavande.tiers #filtres .filtres p button,
  .lavande.tiers #annuaire .index-alt ul a,
  .lavande.tiers #glossaire .index-alt ul a {
    background-image: url(/bundles/nubcore/images/bg/list-ter-lavande.svg);
  }
  .lavande.tiers #filtres .filtres p button.active,
  .lavande.tiers #annuaire .index-alt ul a.active-alt,
  .lavande.tiers #glossaire .index-alt ul a.active-alt {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-lavande.svg);
  }
  .js .lavande.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-lavande.svg);
  }
  .lavande.tiers #acces li:last-child button {
    background-image: url(/bundles/nubcore/images/bg/profil-lavande.svg);
  }
  .lavande.tiers #error .title {
    background-image: url(/bundles/nubcore/images/bg/losange-alt-lavande.svg);
  }
  .lavande.tiers .cms blockquote:before {
    background-image: url(/bundles/nubcore/images/bg/quote-alt-lavande.svg);
  }
  .lavande.tiers .cms blockquote.cite:before {
    background-image: url(/bundles/nubcore/images/bg/quote-lavande.svg);
  }
  .lavande.tiers .rubrique .cms h1,
  .lavande.tiers #intro.alt h1,
  .lavande.tiers .cms h1.alt {
    background-image: url(/bundles/nubcore/images/bg/puce-alt-lavande.svg);
  }
  .lavande.tiers .items li.doc {
    background-image: url(/bundles/nubcore/images/bg/doc-lavande.svg);
  }
  .lavande.tiers .titles h2.change button {
    background-image: url(/bundles/nubcore/images/agenda-lavande.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .lavande.tiers #blocs3 .diplome .title {
    background-color: #9683ec;
  }
}
@media only screen and (max-width: 739px) {
  .lavande.tiers #error h1 {
    color: #9683ec;
  }
}
@media only screen and (max-width: 739px) {
  .lavande.tiers #tabs li {
    background-image: url(/bundles/nubcore/images/bg/item-lavande.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .lavande.tiers .titles h2 button {
    background-image: url(/bundles/nubcore/images/bg/list-ter-lavande.svg);
  }
  .lavande.tiers .titles h2 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-lavande.svg);
  }
}
@media print {
  .lavande .full .diplome a,
  .lavande a, .lavande a:visited,
  .lavande #address-alt .mask,
  .lavande .selection #select a:after {
    color: #9683ec;
  }
}
@media screen {
  .bleu_tiffany.tiers #nav .page,
  .bleu_tiffany.tiers #last .page,
  .bleu_tiffany.tiers #footer #partenaires {
    border-color: #0abab5 !important;
  }
  .bleu_tiffany.tiers #actus h3 span:after,
  .bleu_tiffany.tiers #actus .actus .col ul,
  .bleu_tiffany.tiers #actus h2 a:after,
  .bleu_tiffany.tiers #account,
  .bleu_tiffany.tiers #search,
  .bleu_tiffany.tiers #search.active button,
  .bleu_tiffany.tiers #search p button:hover,
  .bleu_tiffany.tiers #search p button:focus,
  .bleu_tiffany.tiers #acces button:hover,
  .bleu_tiffany.tiers #acces button:focus,
  .bleu_tiffany.tiers #menu .p,
  .bleu_tiffany.tiers .cms blockquote.cite p.cite,
  .bleu_tiffany.tiers .cms .push,
  .bleu_tiffany.tiers .bloc,
  .bleu_tiffany.tiers #resume ul,
  .bleu_tiffany.tiers #blocs3 .actu p .title,
  .bleu_tiffany.tiers .cms .flexslider .flex-direction-nav li,
  .bleu_tiffany.tiers #blocs3 .diplome ul.action li,
  .bleu_tiffany.tiers #select p .button,
  .bleu_tiffany.tiers #select .ssmenu,
  .bleu_tiffany.tiers .hr,
  .bleu_tiffany.tiers .form,
  .bleu_tiffany.tiers .filets .col,
  .bleu_tiffany.tiers #end li,
  .bleu_tiffany.tiers .event,
  .bleu_tiffany.tiers .event h2 .date,
  .bleu_tiffany.tiers .event .h2 .date,
  .bleu_tiffany.tiers .ui-widget-content,
  .bleu_tiffany.tiers .ui-state-active,
  .bleu_tiffany.tiers .ui-widget-content .ui-state-active,
  .bleu_tiffany.tiers .ui-widget-header .ui-state-active,
  .bleu_tiffany.tiers .ui-state-active,
  .bleu_tiffany.tiers .ui-widget-content .ui-state-active,
  .bleu_tiffany.tiers .ui-widget-header .ui-state-active,
  .bleu_tiffany.tiers .ui-state-hover,
  .bleu_tiffany.tiers .ui-widget-content .ui-state-hover,
  .bleu_tiffany.tiers .ui-widget-content,
  .bleu_tiffany.tiers .art .txt .title,
  .bleu_tiffany.tiers #annuaire .fiche,
  .bleu_tiffany.tiers #glossaire .fiche,
  .bleu_tiffany.tiers #annuaire .index-alt .letter,
  .bleu_tiffany.tiers #glossaire .index-alt .letter,
  .bleu_tiffany.tiers .result,
  .bleu_tiffany.tiers #fast ul,
  .bleu_tiffany.tiers #fast div div,
  .bleu_tiffany.tiers #fast li,
  .bleu_tiffany.tiers #fast p,
  .bleu_tiffany.tiers #catalogue .content a,
  .bleu_tiffany.tiers #nav .inside-alt,
  .bleu_tiffany.tiers .event h2 span,
  .bleu_tiffany.tiers .event .h2 span,
  .bleu_tiffany.tiers .loc .bloc,
  .bleu_tiffany.tiers .bloc:last-child,
  .bleu_tiffany.tiers #nav .inside-nav ul:nth-child(1) li a:after,
  .bleu_tiffany.tiers #nav .inside-alt ul:nth-child(1) li a:after,
  .bleu_tiffany.tiers #menu-alt a:after {
    border-color: #0abab5;
  }
  .bleu_tiffany.tiers .ui-datepicker .ui-datepicker-prev-hover,
  .bleu_tiffany.tiers .ui-datepicker .ui-datepicker-next-hover {
    background-color: #0abab5 !important;
  }
  .bleu_tiffany.tiers .ui-state-hover,
  .bleu_tiffany.tiers .ui-widget-content .ui-state-hover {
    background-color: #97f9f7;
  }
  .bleu_tiffany.tiers .form input.text:focus,
  .bleu_tiffany.tiers .form select:focus,
  .bleu_tiffany.tiers .form textarea:focus {
    -webkit-box-shadow: 0 0 3px #0abab5;
    -moz-box-shadow: 0 0 3px #0abab5;
    box-shadow: 0 0 3px #0abab5;
  }
  .bleu_tiffany.tiers .cms tfoot td,
  .bleu_tiffany.tiers .cms tfoot th {
    -webkit-box-shadow: 0 1px 0 #0abab5 inset;
    -moz-box-shadow: 0 1px 0 #0abab5 inset;
    box-shadow: 0 1px 0 #0abab5 inset;
  }
  .js .bleu_tiffany.tiers #acces li ul, .js
  .bleu_tiffany.tiers #lang ul {
    border-color: #0abab5;
  }
  .bleu_tiffany.tiers #nav button:hover:before,
  .bleu_tiffany.tiers #nav button:focus:before,
  .bleu_tiffany.tiers #nav a:hover:before,
  .bleu_tiffany.tiers #nav a:focus:before,
  .bleu_tiffany.tiers #nav .active button:before,
  .bleu_tiffany.tiers #nav .on button:before {
    background-color: #443a31;
  }
  .bleu_tiffany.tiers #nav button:after,
  .bleu_tiffany.tiers #carrousel-left .flex-direction-nav,
  .bleu_tiffany.tiers #slides:after,
  .bleu_tiffany.tiers #footer .col:after,
  .bleu_tiffany.tiers .btn,
  .bleu_tiffany.tiers #intro,
  .bleu_tiffany.tiers #breadcrumb-social-select.intro,
  .bleu_tiffany.tiers .cms h2:after,
  .bleu_tiffany.tiers .cms .h2:after,
  .bleu_tiffany.tiers .bloc .p:after,
  .bleu_tiffany.tiers .cms .accordion .h2 button,
  .bleu_tiffany.tiers .cms .accordion .h2,
  .bleu_tiffany.tiers #blocs3 .actu p .title,
  .bleu_tiffany.tiers #blocs3 .col a:hover .txt,
  .bleu_tiffany.tiers #blocs3 .col a:focus .txt,
  .bleu_tiffany.tiers .cms .flexslider .flex-direction-nav button:hover,
  .bleu_tiffany.tiers .cms .flexslider .flex-direction-nav button:focus,
  .bleu_tiffany.tiers #blocs3 .diplome .title span span,
  .bleu_tiffany.tiers #carrousel .flex-direction-nav,
  .bleu_tiffany.tiers #blue,
  .bleu_tiffany.tiers #carrousel .flex-direction-nav .flex-prev,
  .bleu_tiffany.tiers #carrousel .flex-direction-nav .flex-next,
  .bleu_tiffany.tiers .bloc h3:after,
  .bleu_tiffany.tiers #chiffres ul .li,
  .bleu_tiffany.tiers #moments p .title span,
  .bleu_tiffany.tiers #plage,
  .bleu_tiffany.tiers .event h2 .date:after,
  .bleu_tiffany.tiers .event .h2 .date:after,
  .bleu_tiffany.tiers #formation,
  .bleu_tiffany.tiers #tabs a:after,
  .bleu_tiffany.tiers #filtre .filtre p,
  .bleu_tiffany.tiers .art .txt .title,
  .bleu_tiffany.tiers .art .txt:after,
  .bleu_tiffany.tiers #pagination ul,
  .bleu_tiffany.tiers #iti h2 span:first-child,
  .bleu_tiffany.tiers .cms .event:after,
  .bleu_tiffany.tiers #annuaire .filter,
  .bleu_tiffany.tiers #glossaire .filter,
  .bleu_tiffany.tiers #search-alt form,
  .bleu_tiffany.tiers #formations,
  .bleu_tiffany.tiers #offre-emploi,
  .bleu_tiffany.tiers #nav .inside-nav ul:first-child li button,
  .bleu_tiffany.tiers #nav .inside-alt ul:first-child li button,
  .bleu_tiffany.tiers #menu-alt button,
  .bleu_tiffany.tiers #trouver {
    background-color: #0abab5;
  }
  .bleu_tiffany.tiers #blocs3 .diplome .title span span {
    color: #FFFFFF;
  }
  .bleu_tiffany.tiers #blocs3 .diplome .title a:hover span span {
    text-decoration: underline !important;
  }
  .bleu_tiffany.tiers .btn:hover,
  .bleu_tiffany.tiers .btn:focus {
    background-color: #078a86;
  }
  .no-touch .bleu_tiffany.tiers .cms .accordion .h2 button:hover, .no-touch
  .bleu_tiffany.tiers .cms .accordion .h2 button:focus {
    background-color: #078a86;
  }
  .no-touch .bleu_tiffany.tiers #blue .col a:hover h2 span, .no-touch
  .bleu_tiffany.tiers #blue .col a:focus h2 span {
    color: #0abab5;
  }
  .bleu_tiffany.tiers #carrousel-left button:hover .shape1,
  .bleu_tiffany.tiers #carrousel-left button:focus .shape1,
  .bleu_tiffany.tiers #slides .flex-prev .shape2,
  .bleu_tiffany.tiers #slides .flex-next .shape2,
  .bleu_tiffany.tiers #slides .flex-prev:hover .shape1,
  .bleu_tiffany.tiers #slides .flex-prev:focus .shape1,
  .bleu_tiffany.tiers #slides .flex-next:hover .shape1,
  .bleu_tiffany.tiers #slides .flex-next:focus .shape1,
  .bleu_tiffany.tiers #slides p .next,
  .bleu_tiffany.tiers #actus h2 span:after,
  .bleu_tiffany.tiers #actus .col:first-child li li,
  .bleu_tiffany.tiers #actus .col:first-child path,
  .bleu_tiffany.tiers #actus .actu a:hover h3,
  .bleu_tiffany.tiers #actus .actu a:focus h3,
  .bleu_tiffany.tiers #actus .actus .col a:hover h3,
  .bleu_tiffany.tiers #actus .actus .col a:focus h3,
  .bleu_tiffany.tiers #last a,
  .bleu_tiffany.tiers #menu .p a span,
  .bleu_tiffany.tiers #menu a,
  .bleu_tiffany.tiers #menu ul ul li a:hover,
  .bleu_tiffany.tiers #menu ul ul li a:focus,
  .bleu_tiffany.tiers #menu .p a,
  .bleu_tiffany.tiers .cms blockquote p,
  .bleu_tiffany.tiers .cms ol,
  .bleu_tiffany.tiers .cms .push h2 span,
  .bleu_tiffany.tiers .cms .extract:before,
  .bleu_tiffany.tiers .cms a:hover,
  .bleu_tiffany.tiers .cms a:focus,
  .bleu_tiffany.tiers #resume a:hover,
  .bleu_tiffany.tiers #resume a:focus,
  .bleu_tiffany.tiers #resume button:hover,
  .bleu_tiffany.tiers #resume button:focus,
  .bleu_tiffany.tiers #blocs3 h2 span,
  .bleu_tiffany.tiers #content #meta a,
  .bleu_tiffany.tiers #content .meta a:hover,
  .bleu_tiffany.tiers #content .meta a:focus,
  .bleu_tiffany.tiers .cms .flexslider .flex-direction-nav .shape1,
  .bleu_tiffany.tiers #blocs3 .diplome ul a:hover,
  .bleu_tiffany.tiers #blocs3 .diplome ul a:focus,
  .bleu_tiffany.tiers #blocs3 .diplome p a:hover,
  .bleu_tiffany.tiers #blocs3 .diplome p a:focus,
  .bleu_tiffany.tiers #select p .button span span,
  .bleu_tiffany.tiers #select .ssmenu path,
  .bleu_tiffany.tiers #carrousel .slides h2,
  .bleu_tiffany.tiers #breadcrumb-social-select.intro.alt path,
  .bleu_tiffany.tiers #intro.alt h2,
  .bleu_tiffany.tiers .cms dd:before,
  .bleu_tiffany.tiers .event h2 .date,
  .bleu_tiffany.tiers .event .h2 .date,
  .bleu_tiffany.tiers #filtres .reset a,
  .bleu_tiffany.tiers .cms caption,
  .bleu_tiffany.tiers .cms table strong,
  .bleu_tiffany.tiers #contactmap h2,
  .bleu_tiffany.tiers .loc h2 span,
  .bleu_tiffany.tiers .triangle-alt #social path,
  .bleu_tiffany.tiers #annuaire .index-alt .letter,
  .bleu_tiffany.tiers #glossaire .index-alt .letter,
  .bleu_tiffany.tiers #annuaire .tab h2,
  .bleu_tiffany.tiers #glossaire .tab h2,
  .bleu_tiffany.tiers #annuaire .index-alt ul a:hover,
  .bleu_tiffany.tiers #annuaire .index-alt ul a:focus,
  .bleu_tiffany.tiers #glossaire .index-alt ul a:hover,
  .bleu_tiffany.tiers #glossaire .index-alt ul a:focus,
  .bleu_tiffany.tiers #results .intro h2 strong,
  .bleu_tiffany.tiers #catalogue h2 span,
  .bleu_tiffany.tiers #catalogue h4,
  .bleu_tiffany.tiers #catalogue h4 path,
  .bleu_tiffany.tiers #carrousel-left .txt .nowrap path {
    fill: #0abab5;
    color: #0abab5;
  }
  .bleu_tiffany.tiers #slides .flex-prev:hover .shape2,
  .bleu_tiffany.tiers #slides .flex-prev:focus .shape2,
  .bleu_tiffany.tiers #slides .flex-next:hover .shape2,
  .bleu_tiffany.tiers #slides .flex-next:focus .shape2 {
    fill: #443a31;
  }
  .bleu_tiffany.tiers #carrousel-left h2 {
    background-color: #fff;
    color: #0abab5;
  }
  .bleu_tiffany.tiers #actus:after {
    border-bottom-color: rgba(10, 186, 181, 0.25);
  }
  .bleu_tiffany.tiers .cms .push:after {
    border-bottom-color: #0abab5;
  }
  .bleu_tiffany.tiers #account a span {
    background-image: url(/bundles/nubcore/images/bg/secure-bleu_tiffany.svg);
  }
  .bleu_tiffany.tiers #footer .col li,
  .bleu_tiffany.tiers #slides p .next,
  .bleu_tiffany.tiers #actus .actus .col ul a,
  .bleu_tiffany.tiers #actus .col.first-child li li,
  .bleu_tiffany.tiers #account a,
  .bleu_tiffany.tiers #acces li ul a,
  .bleu_tiffany.tiers #lang ul a,
  .bleu_tiffany.tiers #menu a span,
  .bleu_tiffany.tiers .items li,
  .bleu_tiffany.tiers #resume ul a,
  .bleu_tiffany.tiers #content #docs li,
  .bleu_tiffany.tiers #select .ssmenu ul ul li:first-child a,
  .bleu_tiffany.tiers #carrousel .slides ul li,
  .bleu_tiffany.tiers #sommaire li,
  .bleu_tiffany.tiers #end a,
  .bleu_tiffany.tiers .art .next,
  .bleu_tiffany.tiers #iti h2 a,
  .bleu_tiffany.tiers #more li,
  .bleu_tiffany.tiers #annuaire .index-alt ul a,
  .bleu_tiffany.tiers #glossaire .index-alt ul a,
  .bleu_tiffany.tiers form #fast h3 button,
  .bleu_tiffany.tiers #nav .inside-alt ul:nth-child(1) li a,
  .bleu_tiffany.tiers #nav ul ul:nth-child(1) li a:after,
  .bleu_tiffany.tiers #menu-alt a:after,
  .bleu_tiffany.tiers #carrousel-left p:after {
    background-image: url(/bundles/nubcore/images/bg/item-bleu_tiffany.svg);
  }
  .js .bleu_tiffany.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/item-off-bleu_tiffany.svg);
  }
  .bleu_tiffany.tiers #last li,
  .bleu_tiffany.tiers .cms ul li {
    background-image: url(/bundles/nubcore/images/bg/puce-ter-bleu_tiffany.svg);
  }
  .bleu_tiffany.tiers #acces button {
    background-image: url(/bundles/nubcore/images/bg/link-bleu_tiffany.svg);
  }
  .bleu_tiffany.tiers #acces .button span,
  .bleu_tiffany.tiers #nav .button span,
  .bleu_tiffany.tiers #lang span,
  .bleu_tiffany.tiers #intro h1 button {
    background-image: url(/bundles/nubcore/images/bg/list-bleu_tiffany.svg);
  }
  .bleu_tiffany.tiers #resume button,
  .bleu_tiffany.tiers #select p .button span,
  .bleu_tiffany.tiers #blocs3 .diplome.off ul.action button span,
  .bleu_tiffany.tiers form #fast h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-bleu_tiffany.svg);
  }
  .bleu_tiffany.tiers #lang button.active span,
  .bleu_tiffany.tiers #nav .active span,
  .bleu_tiffany.tiers #acces .active button span,
  .bleu_tiffany.tiers #intro h1 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-off-bleu_tiffany.svg);
  }
  .bleu_tiffany.tiers #top a,
  .bleu_tiffany.tiers #resume button.active,
  .bleu_tiffany.tiers #select p button.active span,
  .bleu_tiffany.tiers #blocs3 .diplome ul.action button span {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-bleu_tiffany.svg);
  }
  .bleu_tiffany.tiers #filtres .filtres p button,
  .bleu_tiffany.tiers #annuaire .index-alt ul a,
  .bleu_tiffany.tiers #glossaire .index-alt ul a {
    background-image: url(/bundles/nubcore/images/bg/list-ter-bleu_tiffany.svg);
  }
  .bleu_tiffany.tiers #filtres .filtres p button.active,
  .bleu_tiffany.tiers #annuaire .index-alt ul a.active-alt,
  .bleu_tiffany.tiers #glossaire .index-alt ul a.active-alt {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-bleu_tiffany.svg);
  }
  .js .bleu_tiffany.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-bleu_tiffany.svg);
  }
  .bleu_tiffany.tiers #acces li:last-child button {
    background-image: url(/bundles/nubcore/images/bg/profil-bleu_tiffany.svg);
  }
  .bleu_tiffany.tiers #error .title {
    background-image: url(/bundles/nubcore/images/bg/losange-alt-bleu_tiffany.svg);
  }
  .bleu_tiffany.tiers .cms blockquote:before {
    background-image: url(/bundles/nubcore/images/bg/quote-alt-bleu_tiffany.svg);
  }
  .bleu_tiffany.tiers .cms blockquote.cite:before {
    background-image: url(/bundles/nubcore/images/bg/quote-bleu_tiffany.svg);
  }
  .bleu_tiffany.tiers .rubrique .cms h1,
  .bleu_tiffany.tiers #intro.alt h1,
  .bleu_tiffany.tiers .cms h1.alt {
    background-image: url(/bundles/nubcore/images/bg/puce-alt-bleu_tiffany.svg);
  }
  .bleu_tiffany.tiers .items li.doc {
    background-image: url(/bundles/nubcore/images/bg/doc-bleu_tiffany.svg);
  }
  .bleu_tiffany.tiers .titles h2.change button {
    background-image: url(/bundles/nubcore/images/agenda-bleu_tiffany.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .bleu_tiffany.tiers #blocs3 .diplome .title {
    background-color: #0abab5;
  }
}
@media only screen and (max-width: 739px) {
  .bleu_tiffany.tiers #error h1 {
    color: #0abab5;
  }
}
@media only screen and (max-width: 739px) {
  .bleu_tiffany.tiers #tabs li {
    background-image: url(/bundles/nubcore/images/bg/item-bleu_tiffany.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .bleu_tiffany.tiers .titles h2 button {
    background-image: url(/bundles/nubcore/images/bg/list-ter-bleu_tiffany.svg);
  }
  .bleu_tiffany.tiers .titles h2 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-bleu_tiffany.svg);
  }
}
@media print {
  .bleu_tiffany .full .diplome a,
  .bleu_tiffany a, .bleu_tiffany a:visited,
  .bleu_tiffany #address-alt .mask,
  .bleu_tiffany .selection #select a:after {
    color: #0abab5;
  }
}
@media screen {
  .bleu_acier.tiers #nav .page,
  .bleu_acier.tiers #last .page,
  .bleu_acier.tiers #footer #partenaires {
    border-color: #3a8eba !important;
  }
  .bleu_acier.tiers #actus h3 span:after,
  .bleu_acier.tiers #actus .actus .col ul,
  .bleu_acier.tiers #actus h2 a:after,
  .bleu_acier.tiers #account,
  .bleu_acier.tiers #search,
  .bleu_acier.tiers #search.active button,
  .bleu_acier.tiers #search p button:hover,
  .bleu_acier.tiers #search p button:focus,
  .bleu_acier.tiers #acces button:hover,
  .bleu_acier.tiers #acces button:focus,
  .bleu_acier.tiers #menu .p,
  .bleu_acier.tiers .cms blockquote.cite p.cite,
  .bleu_acier.tiers .cms .push,
  .bleu_acier.tiers .bloc,
  .bleu_acier.tiers #resume ul,
  .bleu_acier.tiers #blocs3 .actu p .title,
  .bleu_acier.tiers .cms .flexslider .flex-direction-nav li,
  .bleu_acier.tiers #blocs3 .diplome ul.action li,
  .bleu_acier.tiers #select p .button,
  .bleu_acier.tiers #select .ssmenu,
  .bleu_acier.tiers .hr,
  .bleu_acier.tiers .form,
  .bleu_acier.tiers .filets .col,
  .bleu_acier.tiers #end li,
  .bleu_acier.tiers .event,
  .bleu_acier.tiers .event h2 .date,
  .bleu_acier.tiers .event .h2 .date,
  .bleu_acier.tiers .ui-widget-content,
  .bleu_acier.tiers .ui-state-active,
  .bleu_acier.tiers .ui-widget-content .ui-state-active,
  .bleu_acier.tiers .ui-widget-header .ui-state-active,
  .bleu_acier.tiers .ui-state-active,
  .bleu_acier.tiers .ui-widget-content .ui-state-active,
  .bleu_acier.tiers .ui-widget-header .ui-state-active,
  .bleu_acier.tiers .ui-state-hover,
  .bleu_acier.tiers .ui-widget-content .ui-state-hover,
  .bleu_acier.tiers .ui-widget-content,
  .bleu_acier.tiers .art .txt .title,
  .bleu_acier.tiers #annuaire .fiche,
  .bleu_acier.tiers #glossaire .fiche,
  .bleu_acier.tiers #annuaire .index-alt .letter,
  .bleu_acier.tiers #glossaire .index-alt .letter,
  .bleu_acier.tiers .result,
  .bleu_acier.tiers #fast ul,
  .bleu_acier.tiers #fast div div,
  .bleu_acier.tiers #fast li,
  .bleu_acier.tiers #fast p,
  .bleu_acier.tiers #catalogue .content a,
  .bleu_acier.tiers #nav .inside-alt,
  .bleu_acier.tiers .event h2 span,
  .bleu_acier.tiers .event .h2 span,
  .bleu_acier.tiers .loc .bloc,
  .bleu_acier.tiers .bloc:last-child,
  .bleu_acier.tiers #nav .inside-nav ul:nth-child(1) li a:after,
  .bleu_acier.tiers #nav .inside-alt ul:nth-child(1) li a:after,
  .bleu_acier.tiers #menu-alt a:after {
    border-color: #3a8eba;
  }
  .bleu_acier.tiers .ui-datepicker .ui-datepicker-prev-hover,
  .bleu_acier.tiers .ui-datepicker .ui-datepicker-next-hover {
    background-color: #3a8eba !important;
  }
  .bleu_acier.tiers .ui-state-hover,
  .bleu_acier.tiers .ui-widget-content .ui-state-hover {
    background-color: #d0e5f0;
  }
  .bleu_acier.tiers .form input.text:focus,
  .bleu_acier.tiers .form select:focus,
  .bleu_acier.tiers .form textarea:focus {
    -webkit-box-shadow: 0 0 3px #3a8eba;
    -moz-box-shadow: 0 0 3px #3a8eba;
    box-shadow: 0 0 3px #3a8eba;
  }
  .bleu_acier.tiers .cms tfoot td,
  .bleu_acier.tiers .cms tfoot th {
    -webkit-box-shadow: 0 1px 0 #3a8eba inset;
    -moz-box-shadow: 0 1px 0 #3a8eba inset;
    box-shadow: 0 1px 0 #3a8eba inset;
  }
  .js .bleu_acier.tiers #acces li ul, .js
  .bleu_acier.tiers #lang ul {
    border-color: #3a8eba;
  }
  .bleu_acier.tiers #nav button:hover:before,
  .bleu_acier.tiers #nav button:focus:before,
  .bleu_acier.tiers #nav a:hover:before,
  .bleu_acier.tiers #nav a:focus:before,
  .bleu_acier.tiers #nav .active button:before,
  .bleu_acier.tiers #nav .on button:before {
    background-color: #443a31;
  }
  .bleu_acier.tiers #nav button:after,
  .bleu_acier.tiers #carrousel-left .flex-direction-nav,
  .bleu_acier.tiers #slides:after,
  .bleu_acier.tiers #footer .col:after,
  .bleu_acier.tiers .btn,
  .bleu_acier.tiers #intro,
  .bleu_acier.tiers #breadcrumb-social-select.intro,
  .bleu_acier.tiers .cms h2:after,
  .bleu_acier.tiers .cms .h2:after,
  .bleu_acier.tiers .bloc .p:after,
  .bleu_acier.tiers .cms .accordion .h2 button,
  .bleu_acier.tiers .cms .accordion .h2,
  .bleu_acier.tiers #blocs3 .actu p .title,
  .bleu_acier.tiers #blocs3 .col a:hover .txt,
  .bleu_acier.tiers #blocs3 .col a:focus .txt,
  .bleu_acier.tiers .cms .flexslider .flex-direction-nav button:hover,
  .bleu_acier.tiers .cms .flexslider .flex-direction-nav button:focus,
  .bleu_acier.tiers #blocs3 .diplome .title span span,
  .bleu_acier.tiers #carrousel .flex-direction-nav,
  .bleu_acier.tiers #blue,
  .bleu_acier.tiers #carrousel .flex-direction-nav .flex-prev,
  .bleu_acier.tiers #carrousel .flex-direction-nav .flex-next,
  .bleu_acier.tiers .bloc h3:after,
  .bleu_acier.tiers #chiffres ul .li,
  .bleu_acier.tiers #moments p .title span,
  .bleu_acier.tiers #plage,
  .bleu_acier.tiers .event h2 .date:after,
  .bleu_acier.tiers .event .h2 .date:after,
  .bleu_acier.tiers #formation,
  .bleu_acier.tiers #tabs a:after,
  .bleu_acier.tiers #filtre .filtre p,
  .bleu_acier.tiers .art .txt .title,
  .bleu_acier.tiers .art .txt:after,
  .bleu_acier.tiers #pagination ul,
  .bleu_acier.tiers #iti h2 span:first-child,
  .bleu_acier.tiers .cms .event:after,
  .bleu_acier.tiers #annuaire .filter,
  .bleu_acier.tiers #glossaire .filter,
  .bleu_acier.tiers #search-alt form,
  .bleu_acier.tiers #formations,
  .bleu_acier.tiers #offre-emploi,
  .bleu_acier.tiers #nav .inside-nav ul:first-child li button,
  .bleu_acier.tiers #nav .inside-alt ul:first-child li button,
  .bleu_acier.tiers #menu-alt button,
  .bleu_acier.tiers #trouver {
    background-color: #3a8eba;
  }
  .bleu_acier.tiers #blocs3 .diplome .title span span {
    color: #FFFFFF;
  }
  .bleu_acier.tiers #blocs3 .diplome .title a:hover span span {
    text-decoration: underline !important;
  }
  .bleu_acier.tiers .btn:hover,
  .bleu_acier.tiers .btn:focus {
    background-color: #2e7093;
  }
  .no-touch .bleu_acier.tiers .cms .accordion .h2 button:hover, .no-touch
  .bleu_acier.tiers .cms .accordion .h2 button:focus {
    background-color: #2e7093;
  }
  .no-touch .bleu_acier.tiers #blue .col a:hover h2 span, .no-touch
  .bleu_acier.tiers #blue .col a:focus h2 span {
    color: #3a8eba;
  }
  .bleu_acier.tiers #carrousel-left button:hover .shape1,
  .bleu_acier.tiers #carrousel-left button:focus .shape1,
  .bleu_acier.tiers #slides .flex-prev .shape2,
  .bleu_acier.tiers #slides .flex-next .shape2,
  .bleu_acier.tiers #slides .flex-prev:hover .shape1,
  .bleu_acier.tiers #slides .flex-prev:focus .shape1,
  .bleu_acier.tiers #slides .flex-next:hover .shape1,
  .bleu_acier.tiers #slides .flex-next:focus .shape1,
  .bleu_acier.tiers #slides p .next,
  .bleu_acier.tiers #actus h2 span:after,
  .bleu_acier.tiers #actus .col:first-child li li,
  .bleu_acier.tiers #actus .col:first-child path,
  .bleu_acier.tiers #actus .actu a:hover h3,
  .bleu_acier.tiers #actus .actu a:focus h3,
  .bleu_acier.tiers #actus .actus .col a:hover h3,
  .bleu_acier.tiers #actus .actus .col a:focus h3,
  .bleu_acier.tiers #last a,
  .bleu_acier.tiers #menu .p a span,
  .bleu_acier.tiers #menu a,
  .bleu_acier.tiers #menu ul ul li a:hover,
  .bleu_acier.tiers #menu ul ul li a:focus,
  .bleu_acier.tiers #menu .p a,
  .bleu_acier.tiers .cms blockquote p,
  .bleu_acier.tiers .cms ol,
  .bleu_acier.tiers .cms .push h2 span,
  .bleu_acier.tiers .cms .extract:before,
  .bleu_acier.tiers .cms a:hover,
  .bleu_acier.tiers .cms a:focus,
  .bleu_acier.tiers #resume a:hover,
  .bleu_acier.tiers #resume a:focus,
  .bleu_acier.tiers #resume button:hover,
  .bleu_acier.tiers #resume button:focus,
  .bleu_acier.tiers #blocs3 h2 span,
  .bleu_acier.tiers #content #meta a,
  .bleu_acier.tiers #content .meta a:hover,
  .bleu_acier.tiers #content .meta a:focus,
  .bleu_acier.tiers .cms .flexslider .flex-direction-nav .shape1,
  .bleu_acier.tiers #blocs3 .diplome ul a:hover,
  .bleu_acier.tiers #blocs3 .diplome ul a:focus,
  .bleu_acier.tiers #blocs3 .diplome p a:hover,
  .bleu_acier.tiers #blocs3 .diplome p a:focus,
  .bleu_acier.tiers #select p .button span span,
  .bleu_acier.tiers #select .ssmenu path,
  .bleu_acier.tiers #carrousel .slides h2,
  .bleu_acier.tiers #breadcrumb-social-select.intro.alt path,
  .bleu_acier.tiers #intro.alt h2,
  .bleu_acier.tiers .cms dd:before,
  .bleu_acier.tiers .event h2 .date,
  .bleu_acier.tiers .event .h2 .date,
  .bleu_acier.tiers #filtres .reset a,
  .bleu_acier.tiers .cms caption,
  .bleu_acier.tiers .cms table strong,
  .bleu_acier.tiers #contactmap h2,
  .bleu_acier.tiers .loc h2 span,
  .bleu_acier.tiers .triangle-alt #social path,
  .bleu_acier.tiers #annuaire .index-alt .letter,
  .bleu_acier.tiers #glossaire .index-alt .letter,
  .bleu_acier.tiers #annuaire .tab h2,
  .bleu_acier.tiers #glossaire .tab h2,
  .bleu_acier.tiers #annuaire .index-alt ul a:hover,
  .bleu_acier.tiers #annuaire .index-alt ul a:focus,
  .bleu_acier.tiers #glossaire .index-alt ul a:hover,
  .bleu_acier.tiers #glossaire .index-alt ul a:focus,
  .bleu_acier.tiers #results .intro h2 strong,
  .bleu_acier.tiers #catalogue h2 span,
  .bleu_acier.tiers #catalogue h4,
  .bleu_acier.tiers #catalogue h4 path,
  .bleu_acier.tiers #carrousel-left .txt .nowrap path {
    fill: #3a8eba;
    color: #3a8eba;
  }
  .bleu_acier.tiers #slides .flex-prev:hover .shape2,
  .bleu_acier.tiers #slides .flex-prev:focus .shape2,
  .bleu_acier.tiers #slides .flex-next:hover .shape2,
  .bleu_acier.tiers #slides .flex-next:focus .shape2 {
    fill: #443a31;
  }
  .bleu_acier.tiers #carrousel-left h2 {
    background-color: #fff;
    color: #3a8eba;
  }
  .bleu_acier.tiers #actus:after {
    border-bottom-color: rgba(58, 142, 186, 0.25);
  }
  .bleu_acier.tiers .cms .push:after {
    border-bottom-color: #3a8eba;
  }
  .bleu_acier.tiers #account a span {
    background-image: url(/bundles/nubcore/images/bg/secure-bleu_acier.svg);
  }
  .bleu_acier.tiers #footer .col li,
  .bleu_acier.tiers #slides p .next,
  .bleu_acier.tiers #actus .actus .col ul a,
  .bleu_acier.tiers #actus .col.first-child li li,
  .bleu_acier.tiers #account a,
  .bleu_acier.tiers #acces li ul a,
  .bleu_acier.tiers #lang ul a,
  .bleu_acier.tiers #menu a span,
  .bleu_acier.tiers .items li,
  .bleu_acier.tiers #resume ul a,
  .bleu_acier.tiers #content #docs li,
  .bleu_acier.tiers #select .ssmenu ul ul li:first-child a,
  .bleu_acier.tiers #carrousel .slides ul li,
  .bleu_acier.tiers #sommaire li,
  .bleu_acier.tiers #end a,
  .bleu_acier.tiers .art .next,
  .bleu_acier.tiers #iti h2 a,
  .bleu_acier.tiers #more li,
  .bleu_acier.tiers #annuaire .index-alt ul a,
  .bleu_acier.tiers #glossaire .index-alt ul a,
  .bleu_acier.tiers form #fast h3 button,
  .bleu_acier.tiers #nav .inside-alt ul:nth-child(1) li a,
  .bleu_acier.tiers #nav ul ul:nth-child(1) li a:after,
  .bleu_acier.tiers #menu-alt a:after,
  .bleu_acier.tiers #carrousel-left p:after {
    background-image: url(/bundles/nubcore/images/bg/item-bleu_acier.svg);
  }
  .js .bleu_acier.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/item-off-bleu_acier.svg);
  }
  .bleu_acier.tiers #last li,
  .bleu_acier.tiers .cms ul li {
    background-image: url(/bundles/nubcore/images/bg/puce-ter-bleu_acier.svg);
  }
  .bleu_acier.tiers #acces button {
    background-image: url(/bundles/nubcore/images/bg/link-bleu_acier.svg);
  }
  .bleu_acier.tiers #acces .button span,
  .bleu_acier.tiers #nav .button span,
  .bleu_acier.tiers #lang span,
  .bleu_acier.tiers #intro h1 button {
    background-image: url(/bundles/nubcore/images/bg/list-bleu_acier.svg);
  }
  .bleu_acier.tiers #resume button,
  .bleu_acier.tiers #select p .button span,
  .bleu_acier.tiers #blocs3 .diplome.off ul.action button span,
  .bleu_acier.tiers form #fast h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-bleu_acier.svg);
  }
  .bleu_acier.tiers #lang button.active span,
  .bleu_acier.tiers #nav .active span,
  .bleu_acier.tiers #acces .active button span,
  .bleu_acier.tiers #intro h1 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-off-bleu_acier.svg);
  }
  .bleu_acier.tiers #top a,
  .bleu_acier.tiers #resume button.active,
  .bleu_acier.tiers #select p button.active span,
  .bleu_acier.tiers #blocs3 .diplome ul.action button span {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-bleu_acier.svg);
  }
  .bleu_acier.tiers #filtres .filtres p button,
  .bleu_acier.tiers #annuaire .index-alt ul a,
  .bleu_acier.tiers #glossaire .index-alt ul a {
    background-image: url(/bundles/nubcore/images/bg/list-ter-bleu_acier.svg);
  }
  .bleu_acier.tiers #filtres .filtres p button.active,
  .bleu_acier.tiers #annuaire .index-alt ul a.active-alt,
  .bleu_acier.tiers #glossaire .index-alt ul a.active-alt {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-bleu_acier.svg);
  }
  .js .bleu_acier.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-bleu_acier.svg);
  }
  .bleu_acier.tiers #acces li:last-child button {
    background-image: url(/bundles/nubcore/images/bg/profil-bleu_acier.svg);
  }
  .bleu_acier.tiers #error .title {
    background-image: url(/bundles/nubcore/images/bg/losange-alt-bleu_acier.svg);
  }
  .bleu_acier.tiers .cms blockquote:before {
    background-image: url(/bundles/nubcore/images/bg/quote-alt-bleu_acier.svg);
  }
  .bleu_acier.tiers .cms blockquote.cite:before {
    background-image: url(/bundles/nubcore/images/bg/quote-bleu_acier.svg);
  }
  .bleu_acier.tiers .rubrique .cms h1,
  .bleu_acier.tiers #intro.alt h1,
  .bleu_acier.tiers .cms h1.alt {
    background-image: url(/bundles/nubcore/images/bg/puce-alt-bleu_acier.svg);
  }
  .bleu_acier.tiers .items li.doc {
    background-image: url(/bundles/nubcore/images/bg/doc-bleu_acier.svg);
  }
  .bleu_acier.tiers .titles h2.change button {
    background-image: url(/bundles/nubcore/images/agenda-bleu_acier.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .bleu_acier.tiers #blocs3 .diplome .title {
    background-color: #3a8eba;
  }
}
@media only screen and (max-width: 739px) {
  .bleu_acier.tiers #error h1 {
    color: #3a8eba;
  }
}
@media only screen and (max-width: 739px) {
  .bleu_acier.tiers #tabs li {
    background-image: url(/bundles/nubcore/images/bg/item-bleu_acier.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .bleu_acier.tiers .titles h2 button {
    background-image: url(/bundles/nubcore/images/bg/list-ter-bleu_acier.svg);
  }
  .bleu_acier.tiers .titles h2 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-bleu_acier.svg);
  }
}
@media print {
  .bleu_acier .full .diplome a,
  .bleu_acier a, .bleu_acier a:visited,
  .bleu_acier #address-alt .mask,
  .bleu_acier .selection #select a:after {
    color: #3a8eba;
  }
}
@media screen {
  .lilas.tiers #nav .page,
  .lilas.tiers #last .page,
  .lilas.tiers #footer #partenaires {
    border-color: #b666d2 !important;
  }
  .lilas.tiers #actus h3 span:after,
  .lilas.tiers #actus .actus .col ul,
  .lilas.tiers #actus h2 a:after,
  .lilas.tiers #account,
  .lilas.tiers #search,
  .lilas.tiers #search.active button,
  .lilas.tiers #search p button:hover,
  .lilas.tiers #search p button:focus,
  .lilas.tiers #acces button:hover,
  .lilas.tiers #acces button:focus,
  .lilas.tiers #menu .p,
  .lilas.tiers .cms blockquote.cite p.cite,
  .lilas.tiers .cms .push,
  .lilas.tiers .bloc,
  .lilas.tiers #resume ul,
  .lilas.tiers #blocs3 .actu p .title,
  .lilas.tiers .cms .flexslider .flex-direction-nav li,
  .lilas.tiers #blocs3 .diplome ul.action li,
  .lilas.tiers #select p .button,
  .lilas.tiers #select .ssmenu,
  .lilas.tiers .hr,
  .lilas.tiers .form,
  .lilas.tiers .filets .col,
  .lilas.tiers #end li,
  .lilas.tiers .event,
  .lilas.tiers .event h2 .date,
  .lilas.tiers .event .h2 .date,
  .lilas.tiers .ui-widget-content,
  .lilas.tiers .ui-state-active,
  .lilas.tiers .ui-widget-content .ui-state-active,
  .lilas.tiers .ui-widget-header .ui-state-active,
  .lilas.tiers .ui-state-active,
  .lilas.tiers .ui-widget-content .ui-state-active,
  .lilas.tiers .ui-widget-header .ui-state-active,
  .lilas.tiers .ui-state-hover,
  .lilas.tiers .ui-widget-content .ui-state-hover,
  .lilas.tiers .ui-widget-content,
  .lilas.tiers .art .txt .title,
  .lilas.tiers #annuaire .fiche,
  .lilas.tiers #glossaire .fiche,
  .lilas.tiers #annuaire .index-alt .letter,
  .lilas.tiers #glossaire .index-alt .letter,
  .lilas.tiers .result,
  .lilas.tiers #fast ul,
  .lilas.tiers #fast div div,
  .lilas.tiers #fast li,
  .lilas.tiers #fast p,
  .lilas.tiers #catalogue .content a,
  .lilas.tiers #nav .inside-alt,
  .lilas.tiers .event h2 span,
  .lilas.tiers .event .h2 span,
  .lilas.tiers .loc .bloc,
  .lilas.tiers .bloc:last-child,
  .lilas.tiers #nav .inside-nav ul:nth-child(1) li a:after,
  .lilas.tiers #nav .inside-alt ul:nth-child(1) li a:after,
  .lilas.tiers #menu-alt a:after {
    border-color: #b666d2;
  }
  .lilas.tiers .ui-datepicker .ui-datepicker-prev-hover,
  .lilas.tiers .ui-datepicker .ui-datepicker-next-hover {
    background-color: #b666d2 !important;
  }
  .lilas.tiers .ui-state-hover,
  .lilas.tiers .ui-widget-content .ui-state-hover {
    background-color: white;
  }
  .lilas.tiers .form input.text:focus,
  .lilas.tiers .form select:focus,
  .lilas.tiers .form textarea:focus {
    -webkit-box-shadow: 0 0 3px #b666d2;
    -moz-box-shadow: 0 0 3px #b666d2;
    box-shadow: 0 0 3px #b666d2;
  }
  .lilas.tiers .cms tfoot td,
  .lilas.tiers .cms tfoot th {
    -webkit-box-shadow: 0 1px 0 #b666d2 inset;
    -moz-box-shadow: 0 1px 0 #b666d2 inset;
    box-shadow: 0 1px 0 #b666d2 inset;
  }
  .js .lilas.tiers #acces li ul, .js
  .lilas.tiers #lang ul {
    border-color: #b666d2;
  }
  .lilas.tiers #nav button:hover:before,
  .lilas.tiers #nav button:focus:before,
  .lilas.tiers #nav a:hover:before,
  .lilas.tiers #nav a:focus:before,
  .lilas.tiers #nav .active button:before,
  .lilas.tiers #nav .on button:before {
    background-color: #443a31;
  }
  .lilas.tiers #nav button:after,
  .lilas.tiers #carrousel-left .flex-direction-nav,
  .lilas.tiers #slides:after,
  .lilas.tiers #footer .col:after,
  .lilas.tiers .btn,
  .lilas.tiers #intro,
  .lilas.tiers #breadcrumb-social-select.intro,
  .lilas.tiers .cms h2:after,
  .lilas.tiers .cms .h2:after,
  .lilas.tiers .bloc .p:after,
  .lilas.tiers .cms .accordion .h2 button,
  .lilas.tiers .cms .accordion .h2,
  .lilas.tiers #blocs3 .actu p .title,
  .lilas.tiers #blocs3 .col a:hover .txt,
  .lilas.tiers #blocs3 .col a:focus .txt,
  .lilas.tiers .cms .flexslider .flex-direction-nav button:hover,
  .lilas.tiers .cms .flexslider .flex-direction-nav button:focus,
  .lilas.tiers #blocs3 .diplome .title span span,
  .lilas.tiers #carrousel .flex-direction-nav,
  .lilas.tiers #blue,
  .lilas.tiers #carrousel .flex-direction-nav .flex-prev,
  .lilas.tiers #carrousel .flex-direction-nav .flex-next,
  .lilas.tiers .bloc h3:after,
  .lilas.tiers #chiffres ul .li,
  .lilas.tiers #moments p .title span,
  .lilas.tiers #plage,
  .lilas.tiers .event h2 .date:after,
  .lilas.tiers .event .h2 .date:after,
  .lilas.tiers #formation,
  .lilas.tiers #tabs a:after,
  .lilas.tiers #filtre .filtre p,
  .lilas.tiers .art .txt .title,
  .lilas.tiers .art .txt:after,
  .lilas.tiers #pagination ul,
  .lilas.tiers #iti h2 span:first-child,
  .lilas.tiers .cms .event:after,
  .lilas.tiers #annuaire .filter,
  .lilas.tiers #glossaire .filter,
  .lilas.tiers #search-alt form,
  .lilas.tiers #formations,
  .lilas.tiers #offre-emploi,
  .lilas.tiers #nav .inside-nav ul:first-child li button,
  .lilas.tiers #nav .inside-alt ul:first-child li button,
  .lilas.tiers #menu-alt button,
  .lilas.tiers #trouver {
    background-color: #b666d2;
  }
  .lilas.tiers #blocs3 .diplome .title span span {
    color: #FFFFFF;
  }
  .lilas.tiers #blocs3 .diplome .title a:hover span span {
    text-decoration: underline !important;
  }
  .lilas.tiers .btn:hover,
  .lilas.tiers .btn:focus {
    background-color: #a33fc6;
  }
  .no-touch .lilas.tiers .cms .accordion .h2 button:hover, .no-touch
  .lilas.tiers .cms .accordion .h2 button:focus {
    background-color: #a33fc6;
  }
  .no-touch .lilas.tiers #blue .col a:hover h2 span, .no-touch
  .lilas.tiers #blue .col a:focus h2 span {
    color: #b666d2;
  }
  .lilas.tiers #carrousel-left button:hover .shape1,
  .lilas.tiers #carrousel-left button:focus .shape1,
  .lilas.tiers #slides .flex-prev .shape2,
  .lilas.tiers #slides .flex-next .shape2,
  .lilas.tiers #slides .flex-prev:hover .shape1,
  .lilas.tiers #slides .flex-prev:focus .shape1,
  .lilas.tiers #slides .flex-next:hover .shape1,
  .lilas.tiers #slides .flex-next:focus .shape1,
  .lilas.tiers #slides p .next,
  .lilas.tiers #actus h2 span:after,
  .lilas.tiers #actus .col:first-child li li,
  .lilas.tiers #actus .col:first-child path,
  .lilas.tiers #actus .actu a:hover h3,
  .lilas.tiers #actus .actu a:focus h3,
  .lilas.tiers #actus .actus .col a:hover h3,
  .lilas.tiers #actus .actus .col a:focus h3,
  .lilas.tiers #last a,
  .lilas.tiers #menu .p a span,
  .lilas.tiers #menu a,
  .lilas.tiers #menu ul ul li a:hover,
  .lilas.tiers #menu ul ul li a:focus,
  .lilas.tiers #menu .p a,
  .lilas.tiers .cms blockquote p,
  .lilas.tiers .cms ol,
  .lilas.tiers .cms .push h2 span,
  .lilas.tiers .cms .extract:before,
  .lilas.tiers .cms a:hover,
  .lilas.tiers .cms a:focus,
  .lilas.tiers #resume a:hover,
  .lilas.tiers #resume a:focus,
  .lilas.tiers #resume button:hover,
  .lilas.tiers #resume button:focus,
  .lilas.tiers #blocs3 h2 span,
  .lilas.tiers #content #meta a,
  .lilas.tiers #content .meta a:hover,
  .lilas.tiers #content .meta a:focus,
  .lilas.tiers .cms .flexslider .flex-direction-nav .shape1,
  .lilas.tiers #blocs3 .diplome ul a:hover,
  .lilas.tiers #blocs3 .diplome ul a:focus,
  .lilas.tiers #blocs3 .diplome p a:hover,
  .lilas.tiers #blocs3 .diplome p a:focus,
  .lilas.tiers #select p .button span span,
  .lilas.tiers #select .ssmenu path,
  .lilas.tiers #carrousel .slides h2,
  .lilas.tiers #breadcrumb-social-select.intro.alt path,
  .lilas.tiers #intro.alt h2,
  .lilas.tiers .cms dd:before,
  .lilas.tiers .event h2 .date,
  .lilas.tiers .event .h2 .date,
  .lilas.tiers #filtres .reset a,
  .lilas.tiers .cms caption,
  .lilas.tiers .cms table strong,
  .lilas.tiers #contactmap h2,
  .lilas.tiers .loc h2 span,
  .lilas.tiers .triangle-alt #social path,
  .lilas.tiers #annuaire .index-alt .letter,
  .lilas.tiers #glossaire .index-alt .letter,
  .lilas.tiers #annuaire .tab h2,
  .lilas.tiers #glossaire .tab h2,
  .lilas.tiers #annuaire .index-alt ul a:hover,
  .lilas.tiers #annuaire .index-alt ul a:focus,
  .lilas.tiers #glossaire .index-alt ul a:hover,
  .lilas.tiers #glossaire .index-alt ul a:focus,
  .lilas.tiers #results .intro h2 strong,
  .lilas.tiers #catalogue h2 span,
  .lilas.tiers #catalogue h4,
  .lilas.tiers #catalogue h4 path,
  .lilas.tiers #carrousel-left .txt .nowrap path {
    fill: #b666d2;
    color: #b666d2;
  }
  .lilas.tiers #slides .flex-prev:hover .shape2,
  .lilas.tiers #slides .flex-prev:focus .shape2,
  .lilas.tiers #slides .flex-next:hover .shape2,
  .lilas.tiers #slides .flex-next:focus .shape2 {
    fill: #443a31;
  }
  .lilas.tiers #carrousel-left h2 {
    background-color: #fff;
    color: #b666d2;
  }
  .lilas.tiers #actus:after {
    border-bottom-color: rgba(182, 102, 210, 0.25);
  }
  .lilas.tiers .cms .push:after {
    border-bottom-color: #b666d2;
  }
  .lilas.tiers #account a span {
    background-image: url(/bundles/nubcore/images/bg/secure-lilas.svg);
  }
  .lilas.tiers #footer .col li,
  .lilas.tiers #slides p .next,
  .lilas.tiers #actus .actus .col ul a,
  .lilas.tiers #actus .col.first-child li li,
  .lilas.tiers #account a,
  .lilas.tiers #acces li ul a,
  .lilas.tiers #lang ul a,
  .lilas.tiers #menu a span,
  .lilas.tiers .items li,
  .lilas.tiers #resume ul a,
  .lilas.tiers #content #docs li,
  .lilas.tiers #select .ssmenu ul ul li:first-child a,
  .lilas.tiers #carrousel .slides ul li,
  .lilas.tiers #sommaire li,
  .lilas.tiers #end a,
  .lilas.tiers .art .next,
  .lilas.tiers #iti h2 a,
  .lilas.tiers #more li,
  .lilas.tiers #annuaire .index-alt ul a,
  .lilas.tiers #glossaire .index-alt ul a,
  .lilas.tiers form #fast h3 button,
  .lilas.tiers #nav .inside-alt ul:nth-child(1) li a,
  .lilas.tiers #nav ul ul:nth-child(1) li a:after,
  .lilas.tiers #menu-alt a:after,
  .lilas.tiers #carrousel-left p:after {
    background-image: url(/bundles/nubcore/images/bg/item-lilas.svg);
  }
  .js .lilas.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/item-off-lilas.svg);
  }
  .lilas.tiers #last li,
  .lilas.tiers .cms ul li {
    background-image: url(/bundles/nubcore/images/bg/puce-ter-lilas.svg);
  }
  .lilas.tiers #acces button {
    background-image: url(/bundles/nubcore/images/bg/link-lilas.svg);
  }
  .lilas.tiers #acces .button span,
  .lilas.tiers #nav .button span,
  .lilas.tiers #lang span,
  .lilas.tiers #intro h1 button {
    background-image: url(/bundles/nubcore/images/bg/list-lilas.svg);
  }
  .lilas.tiers #resume button,
  .lilas.tiers #select p .button span,
  .lilas.tiers #blocs3 .diplome.off ul.action button span,
  .lilas.tiers form #fast h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-lilas.svg);
  }
  .lilas.tiers #lang button.active span,
  .lilas.tiers #nav .active span,
  .lilas.tiers #acces .active button span,
  .lilas.tiers #intro h1 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-off-lilas.svg);
  }
  .lilas.tiers #top a,
  .lilas.tiers #resume button.active,
  .lilas.tiers #select p button.active span,
  .lilas.tiers #blocs3 .diplome ul.action button span {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-lilas.svg);
  }
  .lilas.tiers #filtres .filtres p button,
  .lilas.tiers #annuaire .index-alt ul a,
  .lilas.tiers #glossaire .index-alt ul a {
    background-image: url(/bundles/nubcore/images/bg/list-ter-lilas.svg);
  }
  .lilas.tiers #filtres .filtres p button.active,
  .lilas.tiers #annuaire .index-alt ul a.active-alt,
  .lilas.tiers #glossaire .index-alt ul a.active-alt {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-lilas.svg);
  }
  .js .lilas.tiers #fast.active h3 button {
    background-image: url(/bundles/nubcore/images/bg/list-alt-off-lilas.svg);
  }
  .lilas.tiers #acces li:last-child button {
    background-image: url(/bundles/nubcore/images/bg/profil-lilas.svg);
  }
  .lilas.tiers #error .title {
    background-image: url(/bundles/nubcore/images/bg/losange-alt-lilas.svg);
  }
  .lilas.tiers .cms blockquote:before {
    background-image: url(/bundles/nubcore/images/bg/quote-alt-lilas.svg);
  }
  .lilas.tiers .cms blockquote.cite:before {
    background-image: url(/bundles/nubcore/images/bg/quote-lilas.svg);
  }
  .lilas.tiers .rubrique .cms h1,
  .lilas.tiers #intro.alt h1,
  .lilas.tiers .cms h1.alt {
    background-image: url(/bundles/nubcore/images/bg/puce-alt-lilas.svg);
  }
  .lilas.tiers .items li.doc {
    background-image: url(/bundles/nubcore/images/bg/doc-lilas.svg);
  }
  .lilas.tiers .titles h2.change button {
    background-image: url(/bundles/nubcore/images/agenda-lilas.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .lilas.tiers #blocs3 .diplome .title {
    background-color: #b666d2;
  }
}
@media only screen and (max-width: 739px) {
  .lilas.tiers #error h1 {
    color: #b666d2;
  }
}
@media only screen and (max-width: 739px) {
  .lilas.tiers #tabs li {
    background-image: url(/bundles/nubcore/images/bg/item-lilas.svg);
  }
}
@media only screen and (max-width: 1023px) {
  .lilas.tiers .titles h2 button {
    background-image: url(/bundles/nubcore/images/bg/list-ter-lilas.svg);
  }
  .lilas.tiers .titles h2 button.active {
    background-image: url(/bundles/nubcore/images/bg/list-ter-off-lilas.svg);
  }
}
@media print {
  .lilas .full .diplome a,
  .lilas a, .lilas a:visited,
  .lilas #address-alt .mask,
  .lilas .selection #select a:after {
    color: #b666d2;
  }
}

@import url("//hello.myfonts.net/count/285e36");
@font-face {
    font-family: "Brix Slab";
    src: url("../fonts/285E36_6_0.eot");
    src: url("../fonts/285E36_6_0.eot?#iefix") format("embedded-opentype"), url("../fonts/285E36_6_0.woff") format("woff"), url("../fonts/285E36_6_0.ttf") format("truetype");
}

@font-face {
    font-family: "Brix Slab Italic";
    src: url("../fonts/285E36_3_0.eot");
    src: url("../fonts/285E36_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/285E36_3_0.woff") format("woff"), url("../fonts/285E36_3_0.ttf") format("truetype");
}

@font-face {
    font-family: "Brix Slab Medium Italic";
    src: url("../fonts/285E36_1_0.eot");
    src: url("../fonts/285E36_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/285E36_1_0.woff") format("woff"), url("../fonts/285E36_1_0.ttf") format("truetype");
}

@font-face {
    font-family: "Brix Slab Light Italic";
    src: url("../fonts/285E36_5_0.eot");
    src: url("../fonts/285E36_5_0.eot?#iefix") format("embedded-opentype"), url("../fonts/285E36_5_0.woff") format("woff"), url("../fonts/285E36_5_0.ttf") format("truetype");
}
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr;
    /*.dow {
          border-top: 1px solid #ddd !important;
      }*/

}
.datepicker-inline {
    width: 220px;
}
.datepicker.datepicker-rtl {
    direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
    float: right;
}
.datepicker-dropdown {
    top: 0;
    left: 0;
}
.datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-top: 0;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
}
.datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-top: 0;
    position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
    top: -7px;
}
.datepicker-dropdown.datepicker-orient-top:after {
    top: -6px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #ffffff;
}
.datepicker > div {
    display: none;
}
.datepicker.days div.datepicker-days {
    display: block;
}
.datepicker.months div.datepicker-months {
    display: block;
}
.datepicker.years div.datepicker-years {
    display: block;
}
.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.datepicker td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent;
}
.datepicker table tr td.day:hover {
    background: #eeeeee;
    cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #999999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    background-color: #fde19a;
    background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
    background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: linear-gradient(top, #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
    background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
    background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
    color: #000;
}
.datepicker table tr td.today.active:hover {
    color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
    background: #eeeeee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
    background-color: #f3d17a;
    background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
    background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
    background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
    background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
    background-image: linear-gradient(top, #f3c17a, #f3e97a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
    border-color: #f3e97a #f3e97a #edde34;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
    background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
    background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
    background-color: #9e9e9e;
    background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
    background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
    background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
    background-image: -o-linear-gradient(top, #b3b3b3, #808080);
    background-image: linear-gradient(top, #b3b3b3, #808080);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
    border-color: #808080 #808080 #595959;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
    background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
    background-color: #666666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
    background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
    background-color: #003399 \9;
}
.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.datepicker table tr td span:hover {
    background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
    background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
    background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
    color: #999999;
}
.datepicker th.datepicker-switch {
    width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
    cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
    background: #eeeeee;
}
.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
    cursor: default;
    background-color: transparent;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
    cursor: pointer;
    width: 16px;
    height: 16px;
}
.input-daterange input {
    text-align: center;
}
.input-daterange input:first-child {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 20px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    vertical-align: middle;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    margin-left: -5px;
    margin-right: -5px;
}
.datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    color: #333333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 20px;
}
.datepicker.dropdown-menu th,
.datepicker.dropdown-menu td {
    padding: 4px 5px;
}
a.ca_glossary {
    border-bottom:1px dotted;
    position:relative;
    text-decoration:none;
}
a.ca_glossary span {
    display: none;
}
a.ca_glossary:hover {
    background: none;
    z-index: 500;
    cursor: help;
}
a.ca_glossary:hover span {
    display: block;
    width: 200px;
    position: absolute;
    top: 15px;
    left: 20px;
    background: #FFF;
    color: #009ee0;
    padding: 3px;
    font-size: 90%;
    border: 1px solid #009ee0;
    border-left: 4px solid #009ee0;
    text-decoration:none;
}
/*!
Video.js Default Styles (http://videojs.com)
Version 4.3.0
Create your own skin at http://designer.videojs.com
*/
/* SKIN
================================================================================
The main class name for all skin-specific styles. To make your own skin,
replace all occurances of 'vjs-default-skin' with a new name. Then add your new
skin name to your video tag instead of the default skin.
e.g. <video class="video-js my-skin-name">
*/
.vjs-default-skin {
  color: #cccccc;
}
/* Custom Icon Font
--------------------------------------------------------------------------------
The control icons are from a custom font. Each icon corresponds to a character
(e.g. "\e001"). Font icons allow for easy scaling and coloring of icons.
*/
@font-face {
  font-family: 'VideoJS';
  src: url('/bundles/nubcore/js/lib/video-js/font/vjs.eot');
  src: url('/bundles/nubcore/js/lib/video-js/font/vjs.eot?#iefix') format('embedded-opentype'), url('/bundles/nubcore/js/lib/video-js/font/vjs.woff') format('woff'), url('/bundles/nubcore/js/lib/video-js/font/vjs.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* Base UI Component Classes
--------------------------------------------------------------------------------
*/
/* Slider - used for Volume bar and Seek bar */
.vjs-default-skin .vjs-slider {
  /* Replace browser focus hightlight with handle highlight */
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  /* background-color-with-alpha */
  background-color: #333333;
  background-color: rgba(51, 51, 51, 0.9);
}
.vjs-default-skin .vjs-slider:focus {
  /* box-shadow */
  -webkit-box-shadow: 0 0 2em #ffffff;
  -moz-box-shadow: 0 0 2em #ffffff;
  box-shadow: 0 0 2em #ffffff;
}
.vjs-default-skin .vjs-slider-handle {
  position: absolute;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}
.vjs-default-skin .vjs-slider-handle:before {
  content: "\e009";
  font-family: VideoJS;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  text-shadow: 0em 0em 1em #fff;
  position: absolute;
  top: 0;
  left: 0;
  /* Rotate the square icon to make a diamond */
  /* transform */
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* Control Bar
--------------------------------------------------------------------------------
The default control bar that is a container for most of the controls.
*/
.vjs-default-skin .vjs-control-bar {
  /* Start hidden */
  display: none;
  position: absolute;
  /* Place control bar at the bottom of the player box/video.
     If you want more margin below the control bar, add more height. */
  bottom: 0;
  /* Use left/right to stretch to 100% width of player div */
  left: 0;
  right: 0;
  /* Height includes any margin you want above or below control items */
  height: 3.0em;
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
}
/* Show the control bar only once the video has started playing */
.vjs-default-skin.vjs-has-started .vjs-control-bar {
  display: block;
  /* Visibility needed to make sure things hide in older browsers too. */

  visibility: visible;
  opacity: 1;
  /* transition */
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}
/* Hide the control bar when the video is playing and the user is inactive  */
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  display: block;
  visibility: hidden;
  opacity: 0;
  /* transition */
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
  display: none;
}
.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
  display: none;
}
/* IE8 is flakey with fonts, and you have to change the actual content to force
fonts to show/hide properly.
  - "\9" IE8 hack didn't work for this
  - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
*/
@media \0screen {
  .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: "";
  }
}
/* General styles for individual controls. */
.vjs-default-skin .vjs-control {
  outline: none;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 3.0em;
  width: 4em;
}
/* FontAwsome button icons */
.vjs-default-skin .vjs-control:before {
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
/* Replacement for focus outline */
.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
  text-shadow: 0em 0em 1em #ffffff;
}
.vjs-default-skin .vjs-control:focus {
  /*  outline: 0; */
  /* keyboard-only users cannot see the focus on several of the UI elements when
  this is set to 0 */

}
/* Hide control text visually, but have it available for screenreaders */
.vjs-default-skin .vjs-control-text {
  /* hide-visually */
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* Play/Pause
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-play-control {
  width: 5em;
  cursor: pointer;
}
.vjs-default-skin .vjs-play-control:before {
  content: "\e001";
}
.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content: "\e002";
}
/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
  cursor: pointer;
  float: right;
}
.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
  content: "\e006";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content: "\e003";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content: "\e004";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content: "\e005";
}
.vjs-default-skin .vjs-volume-control {
  width: 5em;
  float: right;
}
.vjs-default-skin .vjs-volume-bar {
  width: 5em;
  height: 0.6em;
  margin: 1.1em auto 0;
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
  height: 2.9em;
}
.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.5em;
  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}
.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
  width: 0.5em;
  height: 0.5em;
}
.vjs-default-skin .vjs-volume-handle:before {
  font-size: 0.9em;
  top: -0.2em;
  left: -0.2em;
  width: 1em;
  height: 1em;
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  width: 6em;
  left: -4em;
}
/* Progress
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: 0.3em;
  height: 1em;
  /* Set above the rest of the controls. */
  top: -1em;
  /* Shrink the bar slower than it grows. */
  /* transition */
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
/* On hover, make the progress bar grow to something that's more clickable.
    This simply changes the overall font for the progress bar, and this
    updates both the em-based widths and heights, as wells as the icon font */
.vjs-default-skin:hover .vjs-progress-control {
  font-size: .9em;
  /* Even though we're not changing the top/height, we need to include them in
      the transition so they're handled correctly. */

  /* transition */
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-default-skin .vjs-progress-holder {
  height: 100%;
}
/* Progress Bars */
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}
.vjs-default-skin .vjs-play-progress {
  /*
    Using a data URI to create the white diagonal lines with a transparent
      background. Surprisingly works in IE8.
      Created using http://www.patternify.com
    Changing the first color value will change the bar color.
    Also using a paralax effect to make the lines move backwards.
      The -50% left position makes that happen.
  */

  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}
.vjs-default-skin .vjs-load-progress {
  background: #646464 /* IE8- Fallback */;
  background: rgba(255, 255, 255, 0.4);
}
.vjs-default-skin .vjs-seek-handle {
  width: 1.5em;
  height: 100%;
}
.vjs-default-skin .vjs-seek-handle:before {
  padding-top: 0.1em /* Minor adjustment */;
}
/* Time Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-time-controls {
  font-size: 1em;
  /* Align vertically by making the line height the same as the control bar */
  line-height: 3em;
}
.vjs-default-skin .vjs-current-time {
  float: left;
}
.vjs-default-skin .vjs-duration {
  float: left;
}
/* Remaining time is in the HTML, but not included in default design */
.vjs-default-skin .vjs-remaining-time {
  display: none;
  float: left;
}
.vjs-time-divider {
  float: left;
  line-height: 3em;
}
/* Fullscreen
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  float: right;
}
.vjs-default-skin .vjs-fullscreen-control:before {
  content: "\e000";
}
/* Switch to the exit icon when the player is in fullscreen */
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\e00b";
}
/* Big Play Button (play button at start)
--------------------------------------------------------------------------------
Positioning of the play button in the center or other corners can be done more
easily in the skin designer. http://designer.videojs.com/
*/
.vjs-default-skin .vjs-big-play-button {
  left: 0.5em;
  top: 0.5em;
  font-size: 3em;
  display: block;
  z-index: 2;
  position: absolute;
  width: 4em;
  height: 2.6em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  /* Need a slightly gray bg so it can be seen on black backgrounds */
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  border: 0.1em solid #3b4249;
  /* border-radius */
  -webkit-border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  border-radius: 0.8em;
  /* box-shadow */
  -webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  -moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  /* transition */
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
/* Optionally center */
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
  /* Center it horizontally */
  left: 50%;
  margin-left: -2.1em;
  /* Center it vertically */
  top: 50%;
  margin-top: -1.4000000000000001em;
}
/* Hide if controls are disabled */
.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
  display: none;
}
/* Hide when video starts playing */
.vjs-default-skin.vjs-has-started .vjs-big-play-button {
  display: none;
}
/* Hide on mobile devices. Remove when we stop using native controls
    by default on mobile  */
.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
  display: none;
}
.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  /* IE8 needs a non-glow hover state */
  background-color: #505050;
  background-color: rgba(50, 50, 50, 0.75);
  /* box-shadow */
  -webkit-box-shadow: 0 0 3em #ffffff;
  -moz-box-shadow: 0 0 3em #ffffff;
  box-shadow: 0 0 3em #ffffff;
  /* transition */
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}
.vjs-default-skin .vjs-big-play-button:before {
  content: "\e001";
  font-family: VideoJS;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */

  line-height: 2.6em;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center /* Needed for IE8 */;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Loading Spinner
--------------------------------------------------------------------------------
*/
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 4em;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin-left: -0.5em;
  margin-top: -0.5em;
  opacity: 0.75;
  /* animation */
  -webkit-animation: spin 1.5s infinite linear;
  -moz-animation: spin 1.5s infinite linear;
  -o-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear;
}
.vjs-default-skin .vjs-loading-spinner:before {
  content: "\e01e";
  font-family: VideoJS;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0em 0em 0.1em #000;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/* Menu Buttons (Captions/Subtitles/etc.)
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-menu-button {
  float: right;
  cursor: pointer;
}
.vjs-default-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0em;
  /* (Width of vjs-menu - width of button) / 2 */

  width: 0em;
  height: 0em;
  margin-bottom: 3em;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  border-top: 1.55em solid #000000;
  /* Same width top as ul bottom */

  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */

}
/* Button Pop-up Menu */
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em;
  /* Same bottom as vjs-menu border-top */

  max-height: 15em;
  overflow: auto;
  left: -5em;
  /* Width of menu - width of button / 2 */

  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  /* box-shadow */
  -webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  -moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
}
.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
  display: block;
}
.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000;
}
.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  outline: 0;
  color: #111;
  /* background-color-with-alpha */
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.75);
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
/* Subtitles Button */
.vjs-default-skin .vjs-subtitles-button:before {
  content: "\e00c";
}
/* Captions Button */
.vjs-default-skin .vjs-captions-button:before {
  content: "\e008";
}
/* Replacement for focus outline */
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff;
}
/*
REQUIRED STYLES (be careful overriding)
================================================================================
When loading the player, the video tag is replaced with a DIV,
that will hold the video tag or object tag for other playback methods.
The div contains the video playback element (Flash or HTML5) and controls,
and sets the width and height of the video.

** If you want to add some kind of border/padding (e.g. a frame), or special
positioning, use another containing element. Otherwise you risk messing up
control positioning and full window mode. **
*/
.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  /* Start with 10px for base font size so other dimensions can be em based and
     easily calculable. */

  font-size: 10px;
  /* Allow poster to be vertially aligned. */

  vertical-align: middle;
  /*  display: table-cell; */
  /*This works in Safari but not Firefox.*/

  /* Provide some basic defaults for fonts */

  font-weight: normal;
  font-style: normal;
  /* Avoiding helvetica: issue #376 */

  font-family: Arial, sans-serif;
  /* Turn off user selection (text highlighting) by default.
     The majority of player components will not be text blocks.
     Text areas will need to turn user selection back on. */

  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Playback technology elements expand to the width/height of the containing div
    <video> or <object> */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
   checking fullScreenEnabled. */
.video-js:-moz-full-screen {
  position: absolute;
}
/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
  overflow-y: auto;
}
.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  /* IE6 full-window (underscore hack) */
  _position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
/* Poster Styles */
.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}
/* Hide the poster when native controls are used otherwise it covers them */
.video-js.vjs-using-native-controls .vjs-poster {
  display: none;
}
/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  /* Leave padding on left and right */
  left: 1em;
  right: 1em;
}
/* Individual tracks */
.video-js .vjs-text-track {
  display: none;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (oldIE) */
  /* background-color-with-alpha */
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.5);
}
.video-js .vjs-subtitles {
  color: #ffffff /* Subtitles are white */;
}
.video-js .vjs-captions {
  color: #ffcc66 /* Captions are yellow */;
}
.vjs-tt-cue {
  display: block;
}
/* Hide disabled or unsupported controls */
.vjs-default-skin .vjs-hidden {
  display: none;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}
/* -----------------------------------------------------------------------------
The original source of this file lives at
https://github.com/videojs/video.js/blob/master/src/css/video-js.less */