@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

.liste_ligne, #pied_page ul, #logos_ecoles {
  list-style: none;
  padding: 0;
}
.liste_ligne li, #pied_page ul li, #logos_ecoles li {
  padding: 0;
  margin: 0;
  display: inline-block;
}

@font-face {
  font-family: 'roboto_condensedbold';
  src: url("fonts/roboto/RobotoCondensed-Bold.eot");
  src: url("fonts/roboto/RobotoCondensed-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/roboto/RobotoCondensed-Bold.woff") format("woff"), url("fonts/roboto/RobotoCondensed-Bold.ttf") format("truetype"), url("fonts/roboto/RobotoCondensed-Bold.svg#roboto_condensedbold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'roboto_condensedbold_italic';
  src: url("fonts/roboto/RobotoCondensed-BoldItalic.eot");
  src: url("fonts/roboto/RobotoCondensed-BoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/roboto/RobotoCondensed-BoldItalic.woff") format("woff"), url("fonts/roboto/RobotoCondensed-BoldItalic.ttf") format("truetype"), url("fonts/roboto/RobotoCondensed-BoldItalic.svg#roboto_condensedbold_italic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'roboto_condensedregular';
  src: url("fonts/roboto/RobotoCondensed-Regular.eot");
  src: url("fonts/roboto/RobotoCondensed-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/roboto/RobotoCondensed-Regular.woff") format("woff"), url("fonts/roboto/RobotoCondensed-Regular.ttf") format("truetype"), url("fonts/roboto/RobotoCondensed-Regular.svg#roboto_condensedregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'roboto_condenseditalic';
  src: url("fonts/roboto/RobotoCondensed-Italic.eot");
  src: url("fonts/roboto/RobotoCondensed-Italic.eot?#iefix") format("embedded-opentype"), url("fonts/roboto/RobotoCondensed-Italic.woff") format("woff"), url("fonts/roboto/RobotoCondensed-Italic.ttf") format("truetype"), url("fonts/roboto/RobotoCondensed-Italic.svg#roboto_condenseditalic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'roboto_condensedlight';
  src: url("fonts/roboto/RobotoCondensed-Light.eot");
  src: url("fonts/roboto/RobotoCondensed-Light.eot?#iefix") format("embedded-opentype"), url("fonts/roboto/RobotoCondensed-Light.woff") format("woff"), url("fonts/roboto/RobotoCondensed-Light.ttf") format("truetype"), url("fonts/roboto/RobotoCondensed-Light.svg#roboto_condensedlight") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'roboto_condensedlight_italic';
  src: url("fonts/roboto/RobotoCondensed-LightItalic.eot");
  src: url("fonts/roboto/RobotoCondensed-LightItalic.eot?#iefix") format("embedded-opentype"), url("fonts/roboto/RobotoCondensed-LightItalic.woff") format("woff"), url("fonts/roboto/RobotoCondensed-LightItalic.ttf") format("truetype"), url("fonts/roboto/RobotoCondensed-LightItalic.svg#roboto_condensedlight_italic") format("svg");
  font-weight: normal;
  font-style: normal;
}
body {
  background: #4d5357;
  color: #333;
  font: normal 100%/1.5 arial, helvetica, sans-serif;
  margin: 0 auto;
}

/* === texte selectionne === */
::-moz-selection {
  background: #007798;
  color: #fff;
}

::-webkit-selection {
  background: #007798;
  color: #fff;
}

::selection {
  background: #007798;
  color: #fff;
}

/* === */
img,
embed {
  max-width: 100%;
}

h1,
.h1 {
  font: 1.875em/1.3 roboto_condensedregular, arial, helvetica, sans-serif;
}

h2,
.h2 {
  font-family: roboto_condensedregular, arial, helvetica, sans-serif;
  font-size: 1.62500em;
  line-height: 1.31818em;
}

h3,
.h3 {
  font-family: roboto_condensedbold, arial, helvetica, sans-serif;
  font-size: 1.375em;
  line-height: 0.92308em;
  margin-bottom: 0.2em;
}

h4,
.h4,
.en_valeur,
h5,
.h5,
h6,
.h6 {
  font: 1.25em roboto_condensedbold, arial, helvetica, sans-serif;
  line-height: 1.2em;
}

p {
  margin: 0 0 1.5em;
}

ul,
ol {
  list-style: disc;
  padding: 0 0 0 1.5em;
}

ol {
  list-style: decimal;
}

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

b,
strong,
dt,
caption,
legend {
  font-weight: 700;
}

em {
  font-style: italic;
}

acronym {
  cursor: help;
}

q,
cite {
  font-style: italic;
}

blockquote {
  border-left: 3px solid #ccc;
  padding: 0 0 0 2em;
}

a {
  color: #007798;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: 1px dotted rgba(0, 0, 0, 0.5);
}

a img,
a:link img,
a:visited img {
  border: none;
  vertical-align: middle;
}

table[border="0"] {
  border-width: 0px;
  border-style: solid;
}
table[border="0"] tbody, table[border="0"] tr, table[border="0"] td {
  border: inherit;
  border-color: inherit;
}

table[border="1"] {
  border-width: 1px;
  border-style: solid;
}
table[border="1"] tbody, table[border="1"] tr, table[border="1"] td {
  border: inherit;
  border-color: inherit;
}

table[border="2"] {
  border-width: 2px;
  border-style: solid;
}
table[border="2"] tbody, table[border="2"] tr, table[border="2"] td {
  border: inherit;
  border-color: inherit;
}

table[border="3"] {
  border-width: 3px;
  border-style: solid;
}
table[border="3"] tbody, table[border="3"] tr, table[border="3"] td {
  border: inherit;
  border-color: inherit;
}

table[border="4"] {
  border-width: 4px;
  border-style: solid;
}
table[border="4"] tbody, table[border="4"] tr, table[border="4"] td {
  border: inherit;
  border-color: inherit;
}

table[border="5"] {
  border-width: 5px;
  border-style: solid;
}
table[border="5"] tbody, table[border="5"] tr, table[border="5"] td {
  border: inherit;
  border-color: inherit;
}

table[border="6"] {
  border-width: 6px;
  border-style: solid;
}
table[border="6"] tbody, table[border="6"] tr, table[border="6"] td {
  border: inherit;
  border-color: inherit;
}

table[border="7"] {
  border-width: 7px;
  border-style: solid;
}
table[border="7"] tbody, table[border="7"] tr, table[border="7"] td {
  border: inherit;
  border-color: inherit;
}

table[border="8"] {
  border-width: 8px;
  border-style: solid;
}
table[border="8"] tbody, table[border="8"] tr, table[border="8"] td {
  border: inherit;
  border-color: inherit;
}

table[border="9"] {
  border-width: 9px;
  border-style: solid;
}
table[border="9"] tbody, table[border="9"] tr, table[border="9"] td {
  border: inherit;
  border-color: inherit;
}

table[border="10"] {
  border-width: 10px;
  border-style: solid;
}
table[border="10"] tbody, table[border="10"] tr, table[border="10"] td {
  border: inherit;
  border-color: inherit;
}

table[cellspacing="1"] {
  border-width: 1px;
  border-style: solid;
  border-color: white !important;
}
table[cellspacing="1"] tbody, table[cellspacing="1"] tr, table[cellspacing="1"] td {
  border: inherit;
  border-color: white !important;
}

table[cellspacing="2"] {
  border-width: 2px;
  border-style: solid;
  border-color: white !important;
}
table[cellspacing="2"] tbody, table[cellspacing="2"] tr, table[cellspacing="2"] td {
  border: inherit;
  border-color: white !important;
}

table[cellspacing="3"] {
  border-width: 3px;
  border-style: solid;
  border-color: white !important;
}
table[cellspacing="3"] tbody, table[cellspacing="3"] tr, table[cellspacing="3"] td {
  border: inherit;
  border-color: white !important;
}

table[cellspacing="4"] {
  border-width: 4px;
  border-style: solid;
  border-color: white !important;
}
table[cellspacing="4"] tbody, table[cellspacing="4"] tr, table[cellspacing="4"] td {
  border: inherit;
  border-color: white !important;
}

table[cellspacing="5"] {
  border-width: 5px;
  border-style: solid;
  border-color: white !important;
}
table[cellspacing="5"] tbody, table[cellspacing="5"] tr, table[cellspacing="5"] td {
  border: inherit;
  border-color: white !important;
}

table[cellspacing="6"] {
  border-width: 6px;
  border-style: solid;
  border-color: white !important;
}
table[cellspacing="6"] tbody, table[cellspacing="6"] tr, table[cellspacing="6"] td {
  border: inherit;
  border-color: white !important;
}

table[cellspacing="7"] {
  border-width: 7px;
  border-style: solid;
  border-color: white !important;
}
table[cellspacing="7"] tbody, table[cellspacing="7"] tr, table[cellspacing="7"] td {
  border: inherit;
  border-color: white !important;
}

table[cellspacing="8"] {
  border-width: 8px;
  border-style: solid;
  border-color: white !important;
}
table[cellspacing="8"] tbody, table[cellspacing="8"] tr, table[cellspacing="8"] td {
  border: inherit;
  border-color: white !important;
}

table[cellspacing="9"] {
  border-width: 9px;
  border-style: solid;
  border-color: white !important;
}
table[cellspacing="9"] tbody, table[cellspacing="9"] tr, table[cellspacing="9"] td {
  border: inherit;
  border-color: white !important;
}

table[cellspacing="10"] {
  border-width: 10px;
  border-style: solid;
  border-color: white !important;
}
table[cellspacing="10"] tbody, table[cellspacing="10"] tr, table[cellspacing="10"] td {
  border: inherit;
  border-color: white !important;
}

th {
  font-weight: 700;
  padding: .5em;
  text-align: left;
  vertical-align: top;
}

td {
  padding: .5em;
  vertical-align: top;
}

fieldset,
.fieldset {
  background: #f1f1f1;
  border: 2px solid #ededed;
  margin: 0 0 1.5em;
  padding: 1em;
}

label,
.label {
  cursor: pointer;
  display: block;
  font-weight: 700;
  vertical-align: middle;
}

select,
textarea,
input[type="password"],
input[type="text"],
input[type="email"],
input[readonly] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #c2c2c2;
  font: 500 1em arial, helvetica, sans-serif;
  padding: .25em;
  text-decoration: none;
  max-width: 100%;
}
select:focus, select:active,
textarea:focus,
textarea:active,
input[type="password"]:focus,
input[type="password"]:active,
input[type="text"]:focus,
input[type="text"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[readonly]:focus,
input[readonly]:active {
  border-color: #007798;
}

input[type="checkbox"],
input[type="radio"] {
  vertical-align: text-bottom;
}

[type="button"],
.button,
.js .plier-deplier__bouton {
  background: #007798;
  border: 1px solid #006f8e;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font: 1em arial, helvetica, sans-serif;
  max-width: 100%;
  outline: 0 !important;
  padding: .25em;
}
[type="button"]:hover, [type="button"]:focus,
.button:hover,
.js .plier-deplier__bouton:hover,
.button:focus,
.js .plier-deplier__bouton:focus {
  background: #0083a7;
  outline: 0 !important;
}
[type="button"]:active,
.button:active,
.js .plier-deplier__bouton:active {
  box-shadow: 0 4px 4px #00637f inset;
  outline: 0 !important;
}

[type="submit"],
.submit {
  background: #00b929;
  border: 1px solid #00af27;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font: 1em arial, helvetica, sans-serif;
  max-width: 100%;
  outline: 0 !important;
  padding: .25em;
}
[type="submit"]:hover, [type="submit"]:focus,
.submit:hover,
.submit:focus {
  background: #00c82c;
  outline: 0 !important;
}
[type="submit"]:active,
.submit:active {
  box-shadow: 0 4px 4px #00a023 inset;
  outline: 0 !important;
}

[type="reset"],
.reset {
  background: #e20030;
  border: 1px solid #d8002e;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font: 1em arial, helvetica, sans-serif;
  max-width: 100%;
  outline: 0 !important;
  padding: .25em;
}
[type="reset"]:hover, [type="reset"]:focus,
.reset:hover,
.reset:focus {
  background: #f10033;
  outline: 0 !important;
}
[type="reset"]:active,
.reset:active {
  box-shadow: 0 4px 4px #c9002b inset;
  outline: 0 !important;
}

input[readonly],
.readonly {
  background: #eeeeee;
  color: inherit;
}
input[readonly]:focus, input[readonly]:active,
.readonly:focus,
.readonly:active {
  border-color: #999;
}

input#test_email {
  display: none;
}

sup,
sub {
  font-size: smaller;
}

sup {
  vertical-align: super;
}

sub {
  vertical-align: sub;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  /* added line */
  border: 0;
}

body #bandeau_page .image {
  height: auto;
  max-height: 140px;
}
@media screen and (min-width: 40em) {
  body #bandeau_page .image {
    max-height: 17.5em;
  }
}
@media screen and (min-width: 66em) {
  body #bandeau_page .image {
    height: 17.5em;
  }
}
body.accueil #bandeau_page .image, body.recherche #bandeau_page .image.cycle-slideshow {
  height: auto;
}
@media screen and (min-width: 40em) {
  body.accueil #bandeau_page .image, body.recherche #bandeau_page .image.cycle-slideshow {
    max-height: 24.375em;
    min-height: 24.375em;
  }
  body.accueil #bandeau_page .image img, body.recherche #bandeau_page .image.cycle-slideshow img {
    max-height: 24.375em;
    min-height: 24.375em;
  }
}
@media screen and (min-width: 66em) {
  body.accueil #bandeau_page .image, body.recherche #bandeau_page .image.cycle-slideshow {
    height: 24.375em;
    max-height: 24.375em;
    min-height: 24.375em;
  }
}

[id^="avec_nav"] #bandeau_page .fond,
[id^="avec_nav"] #bandeau_mobile .fond,
[id*="sans_nav"] #bandeau_page .fond,
[id*="sans_nav"] #bandeau_mobile .fond {
  display: none;
}
[id^="avec_nav"] #bandeau_page .pagination,
[id^="avec_nav"] #bandeau_mobile .pagination,
[id*="sans_nav"] #bandeau_page .pagination,
[id*="sans_nav"] #bandeau_mobile .pagination {
  display: none;
}
[id^="avec_nav"] #bandeau_page .image .slide.cycle-slide,
[id^="avec_nav"] #bandeau_mobile .image .slide.cycle-slide,
[id*="sans_nav"] #bandeau_page .image .slide.cycle-slide,
[id*="sans_nav"] #bandeau_mobile .image .slide.cycle-slide {
  position: static !important;
}
[id^="avec_nav"] #bandeau_page .image .description .resume,
[id*="sans_nav"] #bandeau_page .image .description .resume {
  padding: 0;
}
[id^="avec_nav"] #bandeau_page .image .description .resume .titre,
[id*="sans_nav"] #bandeau_page .image .description .resume .titre {
  bottom: 0;
  font-family: roboto_condensedregular, arial, helvetica, sans-serif;
  font-size: 22px;
  left: auto !important;
  width: 100%;
}
[id^="avec_nav"] #bandeau_page .image .description .resume .texte,
[id^="avec_nav"] #bandeau_page .image .description .resume .plus,
[id*="sans_nav"] #bandeau_page .image .description .resume .texte,
[id*="sans_nav"] #bandeau_page .image .description .resume .plus {
  display: none;
}

.accueil [id*=sans_nav] #bandeau_page .fond,
.accueil [id*=sans_nav] #bandeau_mobile .fond,
.recherche [id*=sans_nav] #bandeau_page .fond,
.recherche [id*=sans_nav] #bandeau_mobile .fond {
  display: inline-block !important;
}
.accueil [id*=sans_nav] #bandeau_page .image .slide.cycle-slide,
.accueil [id*=sans_nav] #bandeau_mobile .image .slide.cycle-slide,
.recherche [id*=sans_nav] #bandeau_page .image .slide.cycle-slide,
.recherche [id*=sans_nav] #bandeau_mobile .image .slide.cycle-slide {
  position: absolute !important;
}

@media screen and (min-width: 40em) {
  [id*=sans_nav] #bandeau_page .image .description .resume {
    font-size: .9em;
    padding-bottom: 2em;
    padding-left: .5em;
    padding-top: .5em;
  }

  [id*=sans_nav] #bandeau_page.static .image .description .resume {
    padding: 0 !important;
  }

  [id*=sans_nav] #bandeau_page .image .description .resume .titre {
    left: 0;
    width: 100%;
  }

  [id*=sans_nav] #bandeau_page .image .description .resume .texte,
  [id*=sans_nav] #bandeau_page .image .description .resume .plus {
    display: inline !important;
  }

  .accueil [id*=sans_nav] #bandeau_page .pagination,
  .recherche [id*=sans_nav] #bandeau_page .pagination {
    display: block !important;
  }
}
@media screen and (min-width: 40em) and (max-width: 65.9375em) {
  #bandeau_page.static .corps {
    bottom: 0;
    display: inline-block !important;
    height: auto;
    width: 100%;
    padding: .375em .5em;
    position: absolute;
    right: 0;
    z-index: 10;
    text-align: right;
  }
  #bandeau_page.static .corps .titre {
    border: none;
    overflow: hidden;
    padding: 0;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: pre;
  }
  #bandeau_page.static .corps .texte {
    display: none;
  }
}
@media screen and (min-width: 66em) {
  [id^=avec_nav] #bandeau_page.static .image {
    max-height: 280px !important;
  }
  [id^=avec_nav] #bandeau_page.static .corps {
    bottom: 0;
    display: inline-block !important;
    height: auto;
    width: 100%;
    padding: .375em .5em;
    position: absolute;
    right: 0;
    z-index: 10;
    text-align: right;
  }
  [id^=avec_nav] #bandeau_page.static .corps .titre {
    border: none;
    font-family: roboto_condensedlight, arial, helvetica, sans-serif;
    font-size: 22px;
    overflow: hidden;
    padding: 0;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: pre;
  }
  [id^=avec_nav] #bandeau_page.static .corps .texte {
    display: none;
  }

  [id^=avec_nav] #bandeau_page .corps,
  [id*=sans_nav] #bandeau_page .image .description {
    display: none;
  }

  .accueil [id*=sans_nav] #bandeau_page .image .description,
  .accueil [id*=sans_nav] #bandeau_page .image .description *,
  .accueil [id*=sans_nav] #bandeau_page .pagination,
  .recherche [id*=sans_nav] #bandeau_page .image .description,
  .recherche [id*=sans_nav] #bandeau_page .image .description *,
  .recherche [id*=sans_nav] #bandeau_page .pagination {
    display: block !important;
  }

  [id*=sans_nav] #bandeau_page .image .description .resume {
    padding-right: 33em;
    background-color: #f2f2f2;
  }

  .accueil [id*=sans_nav] #bandeau_page .image .description .titre,
  .recherche [id*=sans_nav] #bandeau_page .image .description .titre {
    left: 0 !important;
    width: 65%;
  }

  .accueil [id*=sans_nav] #bandeau_page .image img,
  .recherche [id*=sans_nav] #bandeau_page .image img,
  [id*=avec_nav] #bandeau_page .image img {
    margin-left: 0 !important;
  }

  .accueil [id*=sans_nav] #bandeau_page .fond,
  .accueil [id*=sans_nav] #bandeau_mobile .fond,
  .recherche [id*=sans_nav] #bandeau_page .fond,
  .recherche [id*=sans_nav] #bandeau_mobile .fond {
    display: block;
    z-index: 1000;
  }

  [id*=sans_nav] #bandeau_page.static .corps {
    z-index: 10;
  }

  [id*=sans_nav] #bandeau_page.static .cropper {
    padding-left: 270px;
  }

  .accueil [id*=sans_nav] #bandeau_page.static .cropper,
  .recherche [id*=sans_nav] #bandeau_page.static .cropper {
    padding-left: 360px;
  }
}
body.sans_carrousel.accueil [id*="sans_nav"] #bandeau_page .image .description,
body.sans_carrousel.recherche [id*="sans_nav"] #bandeau_page .image .description {
  display: none !important;
}

body.accueil #bandeau_page .corps,
body.recherche #bandeau_page .corps {
  width: 20em;
}

#bandeau_page {
  position: relative;
  margin-bottom: 100px;
}
@media screen and (min-width: 66em) {
  #bandeau_page {
    max-width: 67.5em;
  }
}
@media screen and (min-width: 40em) {
  #bandeau_page {
    margin-bottom: 0;
  }
}
#bandeau_page .pagination.pagination.pagination.pagination {
  display: none !important;
}
#bandeau_page.carrousel-profil .pagination.pagination.pagination.pagination {
  display: block !important;
}
#bandeau_page .titre a {
  color: white !important;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
#bandeau_page .corps {
  background: #007798;
  color: white;
  display: none;
  height: 100%;
  padding: 1.25em;
  position: absolute;
  width: 14.375em;
}
@media screen and (min-width: 66em) {
  #bandeau_page .corps {
    display: block;
  }
}
#bandeau_page .corps .titre {
  border-bottom: 1px solid white;
  font-size: 1.125em;
  padding: 1em;
}
#bandeau_page .corps .texte {
  display: inline-block;
  line-height: 1.15em;
  padding: 1em;
}
#bandeau_page .liste {
  display: none;
  background: #f1f1f1;
  bottom: 0;
  cursor: pointer;
  height: 100% !important;
  left: 45em !important;
  position: absolute !important;
  right: 0 !important;
  top: 0;
  width: inherit !important;
  z-index: 1001;
}
@media screen and (min-width: 66em) {
  #bandeau_page .liste {
    display: inline-block !important;
  }
}
#bandeau_page .liste .cycle-carousel-wrap {
  width: 100%;
}
#bandeau_page .liste li.cycle-slide {
  border-bottom: 1px solid #dcdcdc;
  display: table !important;
  height: 6em !important;
  text-align: center;
  vertical-align: middle;
  width: 100% !important;
}
#bandeau_page .liste li.cycle-slide .titre {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  font-size: 1em;
  padding: 0 1.14286em;
  vertical-align: middle;
  width: 100%;
}
#bandeau_page .liste li.cycle-slide.cycle-slide-active {
  background: #007798;
  -moz-box-shadow: 0 0 0.4em rgba(0, 0, 0, 0.4) inset;
  -webkit-box-shadow: 0 0 0.4em rgba(0, 0, 0, 0.4) inset;
  box-shadow: 0 0 0.4em rgba(0, 0, 0, 0.4) inset;
  color: white;
  text-transform: uppercase;
}
#bandeau_page .liste li.cycle-slide.cycle-slide-active .titre {
  font-size: .875em;
}
#bandeau_page .liste::before {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0.3)), color-stop(100%, rgba(0, 0, 0, 0)));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  content: " ";
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
  width: .5em;
  z-index: 1002;
}
#bandeau_page .image {
  overflow: hidden;
  position: relative;
}
#bandeau_page .image .slide {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (max-width: 65.9375em) {
  #bandeau_page .image .cropper {
    display: inline-block;
    min-height: 100% !important;
    min-width: 100% !important;
    position: relative;
    right: -50%;
  }
}
#bandeau_page .image img {
  max-width: none;
  vertical-align: middle;
}
@media screen and (min-width: 40em) {
  #bandeau_page .image img {
    display: block;
    left: -50%;
    min-width: 100% !important;
    position: relative;
  }
}
@media screen and (min-width: 66em) {
  #bandeau_page .image img {
    left: auto;
    min-width: 0 !important;
  }
}
#bandeau_page .image .pagination {
  bottom: 0;
  position: absolute;
  right: 1.56250em;
  z-index: 1001;
}
@media screen and (min-width: 66em) {
  #bandeau_page .image .pagination {
    right: 420px;
  }
}
#bandeau_page .image .pagination ul {
  display: inline-block;
}
#bandeau_page .image .pagination ul li,
#bandeau_page .image .pagination .controller {
  background: rgba(76, 77, 79, 0.8);
  color: white;
  cursor: pointer;
  display: inline-block;
  font-family: roboto_condensedlight, arial, helvetica, sans-serif;
  height: 1.56250em;
  line-height: 1.56250em;
  margin-left: .25em;
  text-align: center;
  vertical-align: middle;
  width: 1.56250em;
}
#bandeau_page .image .pagination ul li.cycle-pager-active,
#bandeau_page .image .pagination .controller.cycle-pager-active {
  background: rgba(0, 119, 152, 0.8);
}
#bandeau_page .image .pagination ul li.cycle-pager-active a,
#bandeau_page .image .pagination .controller.cycle-pager-active a {
  width: 100%;
}
#bandeau_page .image .pagination ul li a,
#bandeau_page .image .pagination ul li button,
#bandeau_page .image .pagination ul li span,
#bandeau_page .image .pagination .controller a,
#bandeau_page .image .pagination .controller button,
#bandeau_page .image .pagination .controller span {
  background: none;
  color: white;
  display: inline-block;
}
#bandeau_page .image .pagination ul li a:hover,
#bandeau_page .image .pagination ul li button:hover,
#bandeau_page .image .pagination ul li span:hover,
#bandeau_page .image .pagination .controller a:hover,
#bandeau_page .image .pagination .controller button:hover,
#bandeau_page .image .pagination .controller span:hover {
  text-decoration: none;
}
#bandeau_page .image .pagination .icon-pause {
  border-left: 3px solid white;
  border-right: 3px solid white;
  display: inline-block;
  height: .6em;
  margin: 0 auto;
  position: relative;
  top: -.06em;
  width: .2em;
}
#bandeau_page .image .pagination .icon-play {
  font-size: 1.2em;
  margin-left: 0.5em;
}
#bandeau_page .image .pagination .icon-play::before {
  border-bottom: 0.3em solid transparent;
  border-left: 0.5em solid white !important;
  border-right: 0.6em solid transparent;
  border-top: 0.3em solid transparent;
  bottom: 0.1em;
  content: " ";
  display: inline-block;
  position: relative;
  height: 0;
  width: 0;
}
#bandeau_page .image .pagination .icon-previous,
#bandeau_page .image .pagination .icon-next {
  border-bottom: .4em solid transparent;
  border-top: .4em solid transparent;
  display: inline-block;
  height: 0;
  margin: 0 auto;
  position: relative;
  top: -.06em;
  vertical-align: middle;
  width: 0;
}
#bandeau_page .image .pagination .icon-previous::before,
#bandeau_page .image .pagination .icon-next::before {
  content: " ";
  display: inline-block;
  height: .6em;
  margin-left: -.1em;
  margin-top: -.3em;
  position: absolute;
  vertical-align: top;
  width: 0;
}
#bandeau_page .image .pagination .icon-previous {
  border-right: .5em solid white;
}
#bandeau_page .image .pagination .icon-previous::before {
  border-left: .2em solid white;
}
#bandeau_page .image .pagination .icon-next {
  border-left: .5em solid white;
}
#bandeau_page .image .pagination .icon-next::before {
  border-right: .2em solid white;
}
#bandeau_page .image .description {
  bottom: 0;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
}
@media screen and (min-width: 40em) {
  #bandeau_page .image .description {
    display: inline-block;
  }
}
#bandeau_page .image .description .resume {
  background: rgba(255, 255, 255, 0.85) !important;
  background: rgba(255, 255, 255, 0.8);
  bottom: 0;
  color: black;
  display: inline-block;
  left: 0;
  right: 0;
  position: absolute;
}
#bandeau_page .image .description .resume .titre {
  background: rgba(0, 119, 152, 0.8);
  color: white;
  display: inline-block;
  font-size: 1.25em;
  height: 2em;
  left: 0em;
  line-height: 2em;
  overflow: hidden;
  padding: 0 .6em;
  position: absolute;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  top: -2em;
  white-space: nowrap;
}
#bandeau_page .image .description .resume .texte {
  z-index: 200;
  font-family: roboto_condensedlight, arial, helvetica, sans-serif;
  font-size: 1.04167em;
}
#bandeau_page .image .description .resume .texte a {
  color: black !important;
}
#bandeau_page .image .description .resume .texte a .plus {
  color: #000;
  font-family: roboto_condensedbold, arial, helvetica, sans-serif;
}
@media screen and (max-width: 65.9375em) {
  #bandeau_page div.fond {
    background: #414142;
    border: .625em solid white;
    bottom: -4.375em;
    -moz-box-shadow: 0 0 1em #000;
    -webkit-box-shadow: 0 0 1em #000;
    box-shadow: 0 0 1em #000;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: white;
    display: none;
    float: left;
    height: 4.375em;
    left: 0;
    position: absolute;
    right: 0;
  }
  #bandeau_page div.fond .menu .titre {
    border-bottom: none !important;
    font-family: roboto_condensedlight, arial, helvetica, sans-serif;
    height: 3.12500em;
    line-height: 3.12500em;
    padding: 0 .625em;
    text-align: left;
  }
  #bandeau_page div.fond .menu .titre span[class^="icon-"] {
    color: white;
    font-size: 1.56250em;
    vertical-align: middle;
  }
  #bandeau_page div.fond .menu .titre .texte {
    font-size: 1.56250em;
    vertical-align: middle;
  }
  #bandeau_page div.fond .menu .titre .texte::after {
    content: " …";
    display: inline-block;
    width: auto;
  }
  #bandeau_page div.fond .menu .titre .fleche-bas {
    border-left: 0.5em solid transparent;
    border-right: 0.5em solid transparent;
    border-top: 1em solid white;
    display: inline-block;
    height: 0;
    margin-left: 1em;
    margin-top: -.5em;
    position: absolute;
    right: .5em;
    top: 50%;
    vertical-align: middle;
    width: 0;
  }
  #bandeau_page div.fond .menu .titre .fleche-bas::before {
    border-left: 2px solid #96989b;
    content: " ";
    display: inline-block;
    height: 1em;
    left: -1em;
    position: relative;
    top: -2.18750em;
    vertical-align: middle;
    width: 0;
  }
  #bandeau_page div.fond .menu ul {
    background: #414142;
    display: none;
    left: 0;
    padding: .625em .625em .625em .625em;
    position: absolute;
    right: 0;
    top: 3.12500em;
    z-index: 50;
  }
  #bandeau_page div.fond .menu ul li {
    border-top: 1px solid #626264;
    font: 1.25em roboto_condensedlight, arial, helvetica, sans-serif;
    list-style-type: none;
    line-height: 1.5em;
    text-align: left;
  }
  #bandeau_page div.fond .menu ul li::before {
    border-bottom: 0.3em solid transparent;
    border-left: 0.5em solid white !important;
    border-right: 0.6em solid transparent;
    border-top: 0.3em solid transparent;
    bottom: 0.1em;
    content: " ";
    display: inline-block;
    position: relative;
    height: 0;
    width: 0;
  }
  #bandeau_page div.fond .menu ul li a {
    color: white !important;
  }
  #bandeau_page div.fond .menu ul li:first-child {
    border-top: 0px solid transparent !important;
  }
}
@media screen and (min-width: 66em) {
  #bandeau_page div.fond {
    background: url(/images/bandeaux/fond-bandeau.png) no-repeat top right #f2f2f2;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 24.375em;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 480px;
  }
  #bandeau_page div.fond .menu {
    background: transparent;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 40px;
    color: #000;
    display: inline-block;
    padding: .5em 0 .5em;
    position: absolute;
    right: 0;
    width: 230px;
  }
  #bandeau_page div.fond .menu .titre {
    border-bottom: 1px solid #bfbfbf;
    display: inline-block;
    font-size: 1.5em;
    font-family: roboto_condensedregular, arial, helvetica, sans-serif;
    margin-bottom: 0;
    width: 100%;
  }
  #bandeau_page div.fond .menu .titre span[class^="icon-"] {
    display: none;
  }
  #bandeau_page div.fond .menu .texte::after {
    content: "\00a0:";
    display: inline-block;
    width: auto;
  }
  #bandeau_page div.fond .menu ul {
    display: block !important;
    padding: 0;
  }
  #bandeau_page div.fond .menu ul li {
    font-size: 0.93750em;
    font-family: roboto_condensedlight, arial, helvetica, sans-serif;
    list-style: none;
    margin: 10px 0;
  }
  #bandeau_page div.fond .menu ul li::before {
    border-bottom: 0.3em solid transparent;
    border-left: 0.5em solid #000 !important;
    border-right: 0.6em solid transparent;
    border-top: 0.3em solid transparent;
    bottom: 0.1em;
    content: " ";
    display: inline-block;
    position: relative;
    height: 0;
    width: 0;
  }
  #bandeau_page div.fond .menu ul li a {
    color: black;
  }
}

body.recherche #bandeau_mobile {
  margin-bottom: 0;
}

@media screen and (max-width: 39.9375em) {
  body.entree_profil .interieur {
    margin-top: 5em;
  }
}
@media screen and (max-width: 65.9375em) {
  body.accueil .interieur {
    margin-top: 5em;
  }
}
body.accueil #bandeau_mobile,
body.entree_profil #bandeau_mobile {
  margin-bottom: 0;
}
body.accueil #bandeau_mobile .fond,
body.entree_profil #bandeau_mobile .fond {
  display: inline-block;
}

#bandeau_mobile {
  display: inline-block;
  margin-bottom: 8em;
  margin-top: 0 !important;
  position: relative;
  height: 210px;
  text-align: center;
  width: 100%;
  white-space: nowrap;
}
#bandeau_mobile div.img {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  overflow: hidden;
  text-align: center;
  top: 0;
  white-space: nowrap;
}
#bandeau_mobile div.img div.cropper {
  display: inline-block;
  min-height: 210px;
  position: relative;
  right: -50%;
}
#bandeau_mobile div.img div.cropper img {
  display: inline-block;
  margin: auto;
  left: -50%;
  position: relative;
  vertical-align: middle;
}
#bandeau_mobile .fond {
  background: #414142;
  border: .625em solid white;
  bottom: -4.375em;
  -moz-box-shadow: 0 0 1em #000;
  -webkit-box-shadow: 0 0 1em #000;
  box-shadow: 0 0 1em #000;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: white;
  display: none;
  float: left;
  height: 4.375em;
  left: 0;
  position: absolute;
  right: 0;
}
#bandeau_mobile .fond .menu .titre {
  border-bottom: none !important;
  font-family: roboto_condensedlight, arial, helvetica, sans-serif;
  height: 3.12500em;
  line-height: 3.12500em;
  padding: 0 .625em;
  text-align: left;
}
#bandeau_mobile .fond .menu .titre span[class^="icon-"] {
  color: white;
  font-size: 1.56250em;
  vertical-align: middle;
}
#bandeau_mobile .fond .menu .titre .texte {
  font-size: 1.56250em;
  vertical-align: middle;
}
#bandeau_mobile .fond .menu .titre .texte::after {
  content: " …";
  display: inline-block;
  width: auto;
}
#bandeau_mobile .fond .menu .titre .fleche-bas {
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  border-top: 1em solid white;
  display: inline-block;
  height: 0;
  margin-left: 1em;
  margin-top: -.5em;
  position: absolute;
  right: .5em;
  top: 50%;
  vertical-align: middle;
  width: 0;
}
#bandeau_mobile .fond .menu .titre .fleche-bas::before {
  border-left: 2px solid #96989b;
  content: " ";
  display: inline-block;
  height: 1em;
  left: -1em;
  position: relative;
  top: -2.18750em;
  vertical-align: middle;
  width: 0;
}
#bandeau_mobile .fond .menu ul {
  background: #414142;
  display: none;
  left: 0;
  padding: .625em .625em .625em .625em;
  position: absolute;
  right: 0;
  top: 3.12500em;
  z-index: 50;
}
#bandeau_mobile .fond .menu ul li {
  border-top: 1px solid #626264;
  font: 1.25em roboto_condensedlight, arial, helvetica, sans-serif;
  list-style-type: none;
  line-height: 1.5em;
  text-align: left;
}
#bandeau_mobile .fond .menu ul li::before {
  border-bottom: 0.3em solid transparent;
  border-left: 0.5em solid white !important;
  border-right: 0.6em solid transparent;
  border-top: 0.3em solid transparent;
  bottom: 0.1em;
  content: " ";
  display: inline-block;
  position: relative;
  height: 0;
  width: 0;
}
#bandeau_mobile .fond .menu ul li.courant a {
  font-weight: bold;
}
#bandeau_mobile .fond .menu ul li a {
  color: white !important;
}
#bandeau_mobile .fond .menu ul li:first-child {
  border-top: 0px solid transparent !important;
}
#bandeau_mobile #services {
  background: rgba(255, 255, 255, 0.8);
  bottom: 0;
  display: block;
  height: 100px;
  position: absolute;
  width: 100%;
  z-index: 1001;
}
#bandeau_mobile #services .before,
#bandeau_mobile #services .after {
  bottom: 0;
  cursor: pointer;
  display: inline-block;
  font-size: 1.68750em;
  line-height: 100px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 1.48148em;
}
#bandeau_mobile #services .before {
  left: 0;
}
#bandeau_mobile #services .after {
  right: 0;
}
#bandeau_mobile #services .menu {
  bottom: 0;
  display: inline-block;
  left: 2.5em;
  height: 100px;
  margin: 0 auto;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 2.5em;
  text-align: center;
  top: 0;
}
#bandeau_mobile #services .menu li {
  display: inline-block;
  height: 100px;
  vertical-align: middle;
  width: 33.33333%;
}
#bandeau_mobile #services .menu li a {
  color: #414141;
  display: inline-block;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
#bandeau_mobile #services .menu li a span[class^="icon-"] {
  background: #414141;
  border-radius: 8px;
  border: 1px solid white;
  color: white;
  display: inline-block;
  font-size: 2.2em;
  height: 1em;
  margin: 0 auto;
  margin-top: .5em;
  overflow: hidden;
  padding: 4px;
  text-align: center;
  width: 1em;
}
#bandeau_mobile #services .menu li a span.titre {
  color: #414141;
  display: block;
  font-size: .8em;
  line-height: 1em;
  white-space: normal;
  width: 100%;
}
@media screen and (min-width: 40em) {
  #bandeau_mobile {
    display: none;
  }
}

#bandeau_page {
  display: none;
}
@media screen and (min-width: 40em) {
  #bandeau_page {
    display: block;
  }
}

#page_deco {
  clear: both;
  margin: 0 auto;
  position: relative;
  z-index: 30;
}
@media screen and (min-width: 66em) {
  #page_deco {
    max-width: 67.5em;
    padding: 0 auto;
    margin-top: -3px;
  }
}

#page {
  margin: 0 auto;
}
@media screen and (min-width: 40em) {
  #page {
    max-width: 98%;
  }
}

@media screen and (min-width: 40em) {
  #page {
    padding: 4em 0 0;
    width: 83.75em;
    border-left: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
  }
}
@media screen and (min-width: 40em) {
  [id^="sans_nav"],
  [id^="avec_nav"] {
    width: 100%;
  }
  [id^="sans_nav"] + #container_menu_encadres,
  [id^="avec_nav"] + #container_menu_encadres {
    max-width: none;
    width: 100%;
  }
  [id^="sans_nav"] + #container_menu_encadres #encadres,
  [id^="avec_nav"] + #container_menu_encadres #encadres {
    margin: 1em 0;
  }
  [id^="sans_nav"] + #container_menu_encadres #encadres > [class^="encadre"],
  [id^="avec_nav"] + #container_menu_encadres #encadres > [class^="encadre"] {
    float: left;
    margin: 0 1.5% 1em;
    width: 47%;
  }
  [id^="sans_nav"] + #container_menu_encadres #encadres > [class^="encadre"]:nth-child(2n-1),
  [id^="avec_nav"] + #container_menu_encadres #encadres > [class^="encadre"]:nth-child(2n-1) {
    clear: left;
  }
}
@media screen and (min-width: 66em) {
  #bandeau_page {
    margin: 0 0 0.875em;
    border-bottom: 3px solid #bfbfbf;
  }
  #bandeau_page::before, #bandeau_page::after {
    background: #f2f2f2;
    content: "";
    display: block;
    height: 100%;
    top: 0;
    width: 8.3em;
    left: -8.1em;
    position: absolute;
    border-bottom: 3px solid #bfbfbf;
  }
  #bandeau_page::after {
    left: 100%;
    right: 8.1em;
    z-index: 1000;
  }

  #container_menu_encadres {
    max-width: 16em;
    padding: 0 0 !important;
    width: 14.375em;
  }
  #container_menu_encadres #encadres {
    display: inline-block;
  }

  .contenu {
    float: right;
  }

  [id^="avec_nav"] {
    margin: 0;
    overflow: hidden;
    max-width: 50.625em;
  }
  [id^="avec_nav"] + #container_menu_encadres {
    max-width: 16em;
    padding: 0 0 !important;
    width: 14.375em;
  }
  [id^="avec_nav"] + #container_menu_encadres #encadres {
    margin: 0;
  }
  [id^="avec_nav"] + #container_menu_encadres #encadres > [class^="encadre"] {
    clear: left;
    margin: 0 0 1em;
    width: 100%;
  }

  [id^="sans_nav"] + #container_menu_encadres #encadres {
    margin: 1em -1.66666667%;
    max-width: none;
    width: 103.333333%;
  }
  [id^="sans_nav"] + #container_menu_encadres #encadres > [class^="encadre"] {
    margin: 0 1.66666667% 1em;
    width: 30%;
  }
  [id^="sans_nav"] + #container_menu_encadres #encadres > [class^="encadre"]:nth-child(2n-1) {
    clear: none;
  }
  [id^="sans_nav"] + #container_menu_encadres #encadres > [class^="encadre"]:nth-child(3n-2) {
    clear: left;
  }
}
#sur_bandeau {
  margin: 0;
  position: fixed;
  z-index: 160;
}
#sur_bandeau > div {
  margin: 0 auto;
  max-width: 100%;
  overflow: visible;
  position: relative;
  width: 67.5em;
}

/* *******************
=Bloc =Bandeau
******************** */
@media screen and (min-width: 40em) {
  [class^="ligne"] {
    display: inline;
    margin: 0 0 1.5em;
    padding: 0;
  }
  [class^="ligne"] > [class^="colonne"] {
    /* @include box-sizing("border-box"); */
    display: inline-block;
    padding: 0 0 0 4%;
    vertical-align: top;
  }
  [class^="ligne"] > [class^="colonne"]:first-child {
    padding: 0;
  }
}
.plan-site > ul {
  overflow: hidden;
}
.plan-site > ul > li {
  float: left;
}
@media screen and (min-width: 40em) {
  .plan-site > ul > li {
    width: 49%;
  }
}
@media screen and (min-width: 66em) {
  .plan-site > ul > li {
    width: 32%;
  }
}

.demi > .un {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 50%;
}
.demi > .deux {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
}

.tiers > .un {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 33.33333%;
}
.tiers > .deux {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 66.66667%;
}
.tiers > .trois {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
}

.quart > .un {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 25%;
}
.quart > .deux {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 50%;
}
.quart > .trois {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 75%;
}
.quart > .quatre {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
}

.demi,
.tiers,
.quart {
  display: inline-block;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.demi.aere .un,
.demi.aere .deux,
.demi.aere .trois,
.demi.aere .quatre,
.tiers.aere .un,
.tiers.aere .deux,
.tiers.aere .trois,
.tiers.aere .quatre,
.quart.aere .un,
.quart.aere .deux,
.quart.aere .trois,
.quart.aere .quatre {
  padding: 0 .5em;
}
.demi.aere .un:first-child,
.demi.aere .deux:first-child,
.demi.aere .trois:first-child,
.demi.aere .quatre:first-child,
.tiers.aere .un:first-child,
.tiers.aere .deux:first-child,
.tiers.aere .trois:first-child,
.tiers.aere .quatre:first-child,
.quart.aere .un:first-child,
.quart.aere .deux:first-child,
.quart.aere .trois:first-child,
.quart.aere .quatre:first-child {
  padding-left: 0;
}
.demi.aere .un:last-child,
.demi.aere .deux:last-child,
.demi.aere .trois:last-child,
.demi.aere .quatre:last-child,
.tiers.aere .un:last-child,
.tiers.aere .deux:last-child,
.tiers.aere .trois:last-child,
.tiers.aere .quatre:last-child,
.quart.aere .un:last-child,
.quart.aere .deux:last-child,
.quart.aere .trois:last-child,
.quart.aere .quatre:last-child {
  padding-right: 0;
}
.demi.va-top > *,
.tiers.va-top > *,
.quart.va-top > * {
  vertical-align: top;
}
.demi.va-middle > *,
.tiers.va-middle > *,
.quart.va-middle > * {
  vertical-align: middle;
}
.demi.va-bottom > *,
.tiers.va-bottom > *,
.quart.va-bottom > * {
  vertical-align: bottom;
}

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

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

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

.visible-desktop {
  display: inherit !important;
}

@media (min-width: 40em) and (max-width: 66em) {
  .hidden-desktop {
    display: inherit !important;
  }

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

  .visible-tablet {
    display: inherit !important;
  }

  .hidden-tablet {
    display: none !important;
  }
}
@media (max-width: 40em) {
  .hidden-desktop {
    display: inherit !important;
  }

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

  .visible-phone {
    display: inherit !important;
  }

  .hidden-phone {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: inherit !important;
  }

  .hidden-print {
    display: none !important;
  }
}
#msg-alerte,
#msg-erreur,
#msg-confirmation,
[id*="msg"] {
  float: none;
  font-weight: 700;
  padding: 0.5em;
  width: auto;
  border: 2px solid;
}

#msg-alerte {
  color: #ffb622;
}

#msg-erreur {
  color: #e20030;
}

#msg-confirmation {
  color: #00b929;
}

.erreur {
  color: red;
  font-style: normal;
  font-weight: 700;
}

.retour {
  cursor: pointer;
}

.specimen {
  position: relative;
}

.specimen:hover::before {
  display: none;
}

.specimen::before {
  background: rgba(255, 255, 255, 0.75);
  border: 5px dashed red;
  bottom: 0;
  color: red;
  content: "SPECIMEN";
  display: inline-block;
  font-size: 2em;
  font-weight: bold;
  left: 0;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10000;
}

[class*="icon-"] {
  margin: 0 .5em 0 0;
  color: #e20030;
}

hr.separateur_sections_page,
#divsts {
  display: none;
}

.hide {
  position: absolute;
  visibility: hidden;
}

span.highlight {
  font-weight: 700;
}

.separateur {
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}

.en_valeur {
  color: #007798;
  margin-bottom: 1.25000em;
}
.en_valeur em {
  font: 1.5em roboto_condensedlight, arial, helvetica, sans-serif;
  display: block;
}

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

.plier-deplier__bouton {
  background: none;
  color: inherit;
}

.plier-deplier__contenu {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.js .plier-deplier {
  position: relative;
  display: inline-block;
}
.js .plier-deplier__bouton {
  background: #fff;
  border: 1px solid #ded2c8;
  color: #666;
  margin: 0;
  padding: .25em .5em;
  text-decoration: none;
}
.js .plier-deplier__bouton .icon {
  color: #886a52;
}
.js .plier-deplier__bouton:hover {
  background-color: #fff;
}
.js .plier-deplier__bouton:hover .icon {
  color: #e20030;
}
.js .plier-deplier__contenu {
  left: 0;
  position: absolute;
  z-index: 1000;
}
@media screen and (min-width: 42.66667em) {
  .js .plier-deplier__contenu {
    min-width: 25em;
  }
}
.js .plier-deplier__contenu--clos {
  display: none;
}
.js .plier-deplier__contenu--ouvert {
  display: block;
}
.js .plier-deplier__contenu--relatif {
  position: relative;
}

.toolbox {
  /*	h2,
      h3,
      h4,
      h5,
      h6 {
          font-weight:700;
      } */
}
.toolbox address {
  background: url(img/address.png) no-repeat 1em 1em;
  border: 2px solid #ddd;
  font-style: normal;
  margin: 0 0 1.5em;
  padding: 1em 1em 1em 50px;
}

#commentaires {
  display: inline-block;
  margin: 0;
  margin-bottom: 1em;
  padding: 0;
}
#commentaires li {
  border: 2px solid #C7C8CA;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  list-style-type: none;
  margin-top: -2px;
  width: 100%;
}
#commentaires li:first-child {
  border-top-color: black;
}
#commentaires li.answer {
  margin-left: 10%;
  width: 90%;
}
#commentaires li:nth-child(even) {
  background: #F2F2F2;
}
#commentaires li:nth-child(odd) {
  background: white;
}
#commentaires li header {
  border-bottom: 1px solid #E6E7E8;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: .75em;
  width: 100%;
}
#commentaires li header > * {
  display: inline-block;
  vertical-align: bottom;
}
#commentaires li header .photo {
  height: 48px;
  width: 48px;
}
#commentaires li header .photo img {
  height: 48px;
  width: 48px;
}
#commentaires li header .titre .auteur, #commentaires li header .titre .date {
  color: #007798;
  display: block;
}
#commentaires li header .titre .auteur {
  font: 1.25em roboto_condensedbold, arial, helvetica, sans-serif;
}
#commentaires li header .titre .auteur .role {
  color: #58585B;
  font: 0.8em arial, helvetica, sans-serif;
  font-style: italic;
}
#commentaires li header .titre .auteur .role *[class^="icon-"] {
  color: #58585B;
  margin-right: 0;
}
#commentaires li header .titre .date {
  font-size: .75em;
}
#commentaires li header .actions {
  float: right;
  text-align: right;
}
#commentaires li header .actions > * {
  display: block;
  font-size: .75em;
  font-weight: bold;
}
#commentaires li header .actions *[class^='icon-'] {
  font-size: 1.5em;
  margin-right: 0;
}
#commentaires li header .actions .repondre,
#commentaires li header .actions .repondre *[class^='icon-'] {
  color: #57575A;
}
#commentaires li header .actions .signaler,
#commentaires li header .actions .signaler *[class^='icon-'] {
  color: #A4A6A8;
}
#commentaires li .contenu {
  background: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: .75em;
}

#commentaires_reponse {
  background: #F2F2F2;
  border: 2px solid #C7C8CA;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin-bottom: 1.5em;
  padding: .75em;
  width: 100%;
}
#commentaires_reponse h2 {
  color: #007798;
  display: inline-block;
  font-family: roboto_condensedbold, arial, helvetica, sans-serif;
  font-weight: normal;
  margin-bottom: .5em;
  vertical-align: bottom;
  width: 100%;
}
#commentaires_reponse h2 *[class^="icon-"] {
  color: #007798;
  font-size: 1.5em;
  margin-right: .25em;
  vertical-align: middle;
}
#commentaires_reponse > div {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding-left: 2.5em;
  width: 100%;
}
#commentaires_reponse > div input, #commentaires_reponse > div textarea {
  display: inline-block;
  margin-bottom: .25em;
  margin-top: 0;
  width: 100%;
}
#commentaires_reponse > div button {
  background: none;
  border: none;
  color: #007798;
  display: block;
  font-family: roboto_condensedbold, arial, helvetica, sans-serif;
  font-size: 1.5em;
  font-weight: normal;
  margin: 0 auto;
}
#commentaires_reponse > div button *[class^="icon-"] {
  color: #007798;
}
#commentaires_reponse > div button:hover {
  border: none;
}
#commentaires_reponse > div.formulaire_hidden {
  display: none;
}

#recherche_avancee,
#envoi_ami {
  overflow: hidden;
  width: 100%;
}
#recherche_avancee legend,
#envoi_ami legend {
  display: none;
}
#recherche_avancee label,
#envoi_ami label {
  display: inline-block;
  font-weight: 700;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: top;
  width: 150px;
}
#recherche_avancee label.no_float,
#envoi_ami label.no_float {
  float: none;
}
#recherche_avancee label + *,
#envoi_ami label + * {
  vertical-align: bottom;
}
#recherche_avancee .ChampSaisie,
#envoi_ami .ChampSaisie {
  max-width: 360px;
}
#recherche_avancee select,
#recherche_avancee select option,
#envoi_ami select,
#envoi_ami select option {
  max-width: 100% !important;
}

#recherche_avancee_modification {
  text-align: left;
  margin-bottom: -2em;
  margin-top: 3em;
}
@media screen and (min-width: 40em) {
  #recherche_avancee_modification {
    margin-bottom: 0.75em;
    margin-top: 0;
    text-align: right;
  }
}

#precisions_resultats {
  font-weight: 700;
}

ul.objets {
  padding: 0;
  margin: 0 0 1.5em;
}
ul.objets li {
  border-top: 1px solid #ddd;
  clear: left;
  list-style-type: none;
  margin: 1em 0 0;
  padding: 1em 0 0;
}
ul.objets li:first-child {
  border: 0;
  margin: 0;
  padding: 0;
}
ul.objets .soustitre {
  font-weight: 700;
}
ul.objets span {
  display: block;
}
ul.documents a.telecharger-fichiers {
  display: block;
}
ul.articles .redacteur {
  font-style: italic;
}
ul.pardefaut {
  margin: 0 0 1.5em;
}
ul.onglets, .formation ul#onglets {
  margin: 0 0 1.5em;
  padding: 0;
  border-bottom: 2px solid #ddd;
}
ul.onglets li, .formation ul#onglets li {
  background: #ddd;
  display: inline-block;
  font-weight: 700;
  border: 2px solid #ddd;
  border-bottom: 0;
  position: relative;
  bottom: -2px;
}
ul.onglets a, .formation ul#onglets a {
  display: inline-block;
  padding: .5em;
  text-decoration: none;
}
ul.onglets a:hover, .formation ul#onglets a:hover,
ul.onglets #actif a,
.formation ul#onglets #actif a {
  background: #fff;
  color: #007798;
}

li.avec_vignette,
div.vignette_deco2 {
  overflow: auto;
}

div.vignette_deco {
  display: block;
  float: left;
  margin: 0 1em 0 0;
}

.vignette {
  margin: 0;
}

#encadres .vignette_deco {
  width: auto !important;
}
#encadres .vignette_deco2 {
  overflow: visible;
}
#encadres .contribution {
  border: 1px dashed red;
}

.element_deco.alerte {
  color: #e20030;
  font-style: italic;
}

.element_deco,
.sansstyle,
.style_2,
.style_3,
.style_4,
.style_6 {
  margin: 0 0 1.5em;
}

.en_valeur {
  color: #007798;
}

.style_0 h3 {
  font-size: 1.62500em;
}

.style_1,
.style_6,
.style_1 + .style_5 {
  font-size: .875em;
  line-height: 1.25em;
  margin-bottom: 1em;
}
.style_1 h2,
.style_6 h2,
.style_1 + .style_5 h2 {
  background: #e5e5e5;
  clear: both;
  font: 1.25em roboto_condensedlight, arial, helvetica, sans-serif;
  margin: .375em 0;
  padding: .25em;
  text-transform: uppercase;
  border-bottom: 1px solid #bfbfbf;
}
.style_1 h3,
.style_6 h3,
.style_1 + .style_5 h3 {
  font-size: 1.62500em;
}
.style_1 .toolbox,
.style_6 .toolbox,
.style_1 + .style_5 .toolbox {
  line-height: 1.18750rem;
}
.style_1 .toolbox a,
.style_6 .toolbox a,
.style_1 + .style_5 .toolbox a {
  color: #333 !important;
}
.style_1 + .style_5,
.style_6 + .style_5,
.style_1 + .style_5 + .style_5 {
  margin-bottom: 0;
}
.style_1 ul > li,
.style_6 ul > li,
.style_1 + .style_5 ul > li {
  padding: .125em 0;
}
.style_1 ul > li li,
.style_6 ul > li li,
.style_1 + .style_5 ul > li li {
  list-style-type: circle;
}

.style_6 {
  font-size: .875em;
  line-height: 1.25em;
  margin-bottom: 1em;
}
.style_6 .toolbox h3 {
  background: none;
  line-height: 1.25em;
  border-bottom: 1px solid #bfbfbf;
  padding: 0.5em 0;
  font-family: roboto_condensedbold, arial, helvetica, sans-serif;
  font-size: 1.62500em;
  line-height: 0.92308em;
  margin-bottom: 0.6em;
  line-height: 1.2em;
}
.style_6 h2 {
  background: #e5e5e5;
  border-bottom: 1px solid #bfbfbf;
  clear: both;
  font: 1.25em roboto_condensedlight, arial, helvetica, sans-serif;
  margin: .375em 0;
  padding: .25em;
  text-transform: uppercase;
}
.style_6 .toolbox {
  line-height: 1.18750rem;
}
.style_6 .toolbox a {
  color: #333 !important;
}
.style_6 + .style_5 {
  margin-bottom: 0;
}
.style_6 ul > li {
  padding: .125em 0;
}
.style_6 ul > li li {
  list-style-type: circle;
}

.style_2 {
  background: #4e5357;
  color: white;
  font-size: 0.81250em;
  padding: 15px;
}
.style_2 h2 {
  border-bottom: 1px solid #898e92;
  font: 1.92308em roboto_condensedlight, arial, helvetica, sans-serif;
  margin-bottom: 3px;
  padding-bottom: 5px;
  text-align: center;
}
.style_2 a[data-footer] {
  border-top: 1px solid white;
  color: white !important;
  display: inline-block;
  margin-top: .5em;
  text-align: right;
  width: 100%;
}
.style_2 a[data-footer]::after {
  content: " ▸";
}
.style_2 .toolbox a {
  color: white !important;
}

.style_7 .paragraphe__titre--7 {
  background: #e5e5e5;
  color: #000;
  font-size: 1.1875em;
  padding: .25em 2em .25em .25em;
  border-bottom: 1px solid #bfbfbf;
  position: relative;
  margin: .375em 0;
  cursor: pointer;
}
.style_7 .paragraphe__titre--7::before {
  content: "+";
  display: flex;
  width: 23px;
  height: 23px;
  font-size: 15px;
  position: absolute;
  top: 7px;
  right: 10px;
  background: #fff;
  color: #000;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
.style_7 .paragraphe__contenu--7 {
  max-height: 0;
  padding: 0 1em;
  overflow: hidden;
  background: white;
  -webkit-transition: all .35s;
  -moz-transition: all .35s;
  -ms-transition: all .35s;
  transition: all .35s;
}
.style_7.active .paragraphe__titre--7::before {
  content: "-";
  font-size: 19px;
}
.style_7.active .paragraphe__contenu--7 {
  max-height: 100%;
  padding: 1em;
}

#titre {
  border-bottom: 1px solid #d7d8da;
}
#titre #soustitre {
  display: block;
  font-size: 1.43750em;
  font-family: roboto_condensedlight, arial, helvetica, sans-serif;
  margin: 0;
  text-transform: none;
}
#titre #soustitre p {
  display: inline-block;
  margin: 0;
}

.pagelibre #titre {
  margin-bottom: 1em;
}

.actualite.fiche .date_entete {
  font: 0.8em arial, helvetica, sans-serif;
}

.fiche .date_entete,
#titre + .precision {
  display: inline-block;
  position: absolute;
  font: 0.8em arial, helvetica, sans-serif;
  padding: 10px 0;
}
.fiche .date_entete.gros,
#titre + .precision.gros {
  font-size: 1em;
}

.fiche .surtitre {
  border-bottom: 1px solid #eee;
  color: #666;
  margin: 0 0 .5em;
  padding: 0 0 .5em;
}
.fiche .outils_fiche {
  border-top: 1px solid #d7d8da;
  clear: both;
  display: block;
  margin-bottom: 1em;
  margin-top: 1.5em;
  padding: 10px 0;
  position: relative;
  text-align: left;
}
@media screen and (min-width: 40em) {
  .fiche .outils_fiche {
    margin-top: 0;
  }
}
@media screen and (min-width: 40em) {
  .fiche .outils_fiche {
    text-align: right;
  }
}
.fiche .outils_fiche > span[class^="icon-"],
.fiche .outils_fiche > a[class^="icon-"] {
  color: #414142;
  cursor: pointer;
  font-size: 1.5em;
  margin: 0 0 0 0.5em !important;
  padding-right: 0.5em;
  vertical-align: middle;
}
.fiche .outils_fiche > span[class^="icon-"].last,
.fiche .outils_fiche > a[class^="icon-"].last {
  padding-right: 0;
}
.fiche .outils_fiche > span[class^="icon-"].icon-zoom,
.fiche .outils_fiche > a[class^="icon-"].icon-zoom {
  font-family: arial, helvetica, sans-serif;
}
.fiche .outils_fiche > span[class^="icon-"].larger,
.fiche .outils_fiche > a[class^="icon-"].larger {
  border-right: 2px solid #414142;
  padding-right: 0.6em;
}
.fiche .outils_fiche > span[class^="icon-"].smaller,
.fiche .outils_fiche > a[class^="icon-"].smaller {
  font-size: 1.2em;
  margin-left: 1em !important;
}
.fiche .outils_fiche > span[class^="icon-"] span,
.fiche .outils_fiche > a[class^="icon-"] span {
  display: none;
}
.fiche .outils_fiche > span[class^="icon-"] .popup,
.fiche .outils_fiche > a[class^="icon-"] .popup {
  background: rgba(0, 0, 0, 0.86667);
  bottom: 66px;
  color: white;
  cursor: default;
  display: none;
  padding: 10px;
  position: absolute;
  right: 0;
  z-index: 10000;
}
.fiche .outils_fiche > span[class^="icon-"] .popup .title,
.fiche .outils_fiche > a[class^="icon-"] .popup .title {
  border-bottom: 1.5px solid #9ea1a3;
  display: block;
  font: 0.875em roboto_condensedlight, arial, helvetica, sans-serif;
  font-weight: normal;
  margin-bottom: 0.95238em;
  padding-bottom: 0.28571em;
  text-align: left;
}
.fiche .outils_fiche > span[class^="icon-"] .popup .title .share__word,
.fiche .outils_fiche > a[class^="icon-"] .popup .title .share__word {
  display: inline-block;
  font-weight: bold;
}
.fiche .outils_fiche > span[class^="icon-"] .popup .title strong,
.fiche .outils_fiche > a[class^="icon-"] .popup .title strong {
  font-size: 1.2381em;
  font-weight: normal;
}
.fiche .outils_fiche > span[class^="icon-"] .popup .icons,
.fiche .outils_fiche > a[class^="icon-"] .popup .icons {
  display: block;
  margin-bottom: 0.41667em;
  text-align: center;
}
.fiche .outils_fiche > span[class^="icon-"] .popup .icons span[class^="icon-"],
.fiche .outils_fiche > a[class^="icon-"] .popup .icons span[class^="icon-"] {
  display: inline;
  color: white;
  cursor: pointer;
  font-size: 1em;
  margin: 0 0.9em 0 0 !important;
}
.fiche .outils_fiche > span[class^="icon-"] .popup .icons span[class^="icon-"].last,
.fiche .outils_fiche > a[class^="icon-"] .popup .icons span[class^="icon-"].last {
  margin-right: 0 !important;
}
.fiche .outils_fiche > span[class^="icon-"] .popup.top::after,
.fiche .outils_fiche > a[class^="icon-"] .popup.top::after {
  border-bottom: 16px solid transparent;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 16px solid rgba(0, 0, 0, 0.86667);
  bottom: -32px;
  content: " ";
  display: inline-block;
  height: 0;
  position: absolute;
  right: 0;
  width: 0;
}
.fiche #titre ~ .outils_fiche {
  border: 0;
}
.fiche .photo {
  float: left;
  margin: 0 10px 0 0;
}
.fiche .photo.right {
  float: right;
}
.fiche .photo.vignette {
  overflow: visible !important;
  position: relative;
  border-bottom: 3px solid #d9d9d9;
}
.fiche .photo .legende {
  display: none;
}
.fiche.lieu .outils_fiche {
  float: right;
}
.fiche.lieu .photo {
  clear: right;
  float: right;
  margin: 0 0 0 10px;
}
.fiche .legende {
  color: #666;
  margin: 0.5em 0 1em;
}
.fiche #date_deco {
  border-bottom: 1px solid #eee;
  padding: 0 0 1em;
  margin: 0 0 1em;
}
.fiche #resume {
  font-weight: 400;
  font-size: 1.125em;
  line-height: 1.33333em;
  margin-bottom: 1em;
}
.fiche #description {
  margin-bottom: 1em;
}
.fiche #description ul {
  overflow: auto;
}
.fiche.annuaire #fonction {
  margin: 0 0 1.5em;
  overflow: auto;
}

.thematiques__list.thematiques__list.thematiques__list {
  margin: 0 0 .3em 0;
  padding: 0;
  display: flex;
  list-style: none;
}
.accueil .thematiques__list.thematiques__list.thematiques__list.thematiques__list--fiche {
  display: none;
}

.thematiques__list--vignette {
  flex-direction: column;
  justify-content: flex-end;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: -.4em;
  margin: 0 !important;
}

.vignette-wrapper.vignette-wrapper.vignette-wrapper {
  float: left;
  position: relative;
  margin-right: 1em;
}
.vignette-wrapper.vignette-wrapper.vignette-wrapper .vignette-contour {
  float: none;
  margin-right: 0;
}

.thematiques__item.thematiques__item.thematiques__item {
  font-size: 13px;
  letter-spacing: 1px;
  font-weight: bold;
  margin: 0 8px 4px 0;
  padding: 0;
  border: 0;
  width: auto;
}
.thematiques__item.thematiques__item.thematiques__item.thematiques__item--vignette {
  margin: 3px 0 0 0;
  line-height: 0;
}
.thematiques__item.thematiques__item.thematiques__item.thematiques__item--vignette:nth-child(5) {
  display: none !important;
}
.thematiques__item.thematiques__item.thematiques__item.thematiques__item--vignette:nth-child(5) + * {
  display: none !important;
}

.thematiques__link.thematiques__link.thematiques__link {
  line-height: 0;
  display: inline-block;
  padding: 12px 8px;
  transition: all .15s ease-in;
}
.thematiques__link.thematiques__link.thematiques__link:hover, .thematiques__link.thematiques__link.thematiques__link:active, .thematiques__link.thematiques__link.thematiques__link:focus {
  text-decoration: none;
}
.thematiques__link.thematiques__link.thematiques__link.thematiques__link--vignette {
  white-space: pre;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 0;
}

.fiche.annuaireksup h1 {
  border-bottom: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#complements {
  margin: 0 0 1.5em;
}

dl.type_1 {
  background: #fff;
  border-bottom: 1px solid #eee;
  clear: both;
  margin: 0 0 2em;
  position: relative;
  width: 100%;
}
dl.type_1 dt {
  border-top: 1px solid #eee;
  left: 0;
  margin: 0;
  padding-top: 0.5em;
  position: absolute;
  width: 190px;
}
dl.type_1 dd {
  border-top: 1px solid #eee;
  margin-left: 190px;
  min-height: 2.5em;
  padding: 0.5em 2%;
}
dl.type_2 {
  background: #eee;
  clear: both;
  margin: 0 0 1.5em;
  position: relative;
}
dl.type_2 dt,
dl.type_2 dd {
  display: inline-block;
  padding: 0 1% 1em;
  vertical-align: top;
}
dl.type_2 dt {
  text-align: right;
  width: 18%;
}
dl.type_2 dd {
  background: #fff;
  margin-left: 3%;
  overflow: auto;
  width: 75%;
}

form.formulaire_redacteur {
  background-color: #eee;
  margin: 0 0 1.5em;
  overflow: auto;
  padding: 1em;
}
form.formulaire_redacteur p.obligatoire label, form.formulaire_redacteur fieldset.obligatoire label {
  color: red;
}
form.formulaire_redacteur p.obligatoire input,
form.formulaire_redacteur p.obligatoire textarea,
form.formulaire_redacteur p.obligatoire select, form.formulaire_redacteur fieldset.obligatoire input,
form.formulaire_redacteur fieldset.obligatoire textarea,
form.formulaire_redacteur fieldset.obligatoire select {
  border-color: #ff4500;
}
form.formulaire_redacteur fieldset legend {
  margin-left: -1rem;
}
form.formulaire_redacteur span.historyBack {
  cursor: pointer;
  font-weight: 700;
}
form.disposition2 span.captcha {
  display: block;
  overflow: auto;
}

#encadres form.formulaire_redacteur input.radio,
#encadres form.formulaire_redacteur input.checkbox,
#encadres form.formulaire_redacteur p.validation input {
  width: auto;
}
#encadres form .validation {
  float: right;
}

form.formulaire_redacteur label.radio,
form.formulaire_redacteur label.checkbox {
  display: inline;
  font-weight: 500;
  margin-right: 1em;
}

form.disposition1 label,
form.disposition1 span.faux_label {
  display: block;
  margin: 0 0 0.5em;
  font-weight: 700;
}

form.disposition2 label,
form.disposition2 span.faux_label {
  display: block;
  float: left;
  font-weight: 700;
  width: 25%;
}
form.disposition2 span.radio,
form.disposition2 span.checkbox {
  display: block;
  overflow: auto;
}
form.disposition2 label.radio,
form.disposition2 label.checkbox {
  display: inline;
  float: none;
  width: auto;
}

span.captcha span {
  display: block;
  padding: 0.5em 0 0;
}
span.captcha img {
  display: block;
  margin: 0.5em 0;
}
span.captcha a {
  background-image: url(img/pictos/hautparleur.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  margin-left: 5px;
  padding-left: 18px;
}

#redacteur,
#date_modification,
#contact_rubrique {
  display: none;
  clear: both;
  margin: 0;
  text-align: right;
}

.hsep {
  border-bottom: 1px solid #D7D8DA;
  float: left;
  margin-bottom: 1em;
  padding-bottom: 1em;
  width: 100%;
}
.hsep + .outils_fiche {
  border-top: none;
  margin-top: -0.5em;
}
.hsep.only {
  display: inline-block;
  padding-bottom: 0;
  width: 100%;
}
.hsep.floatfix {
  float: none !important;
}

.msep {
  margin-bottom: .5em;
}

ul.big_list {
  background: #f1f1f1;
  border-top: 1px solid #dedede;
  color: #58595b;
  margin-bottom: 1em;
  padding: 0;
}
ul.big_list > li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #dedede;
  display: inline-block;
  list-style-type: none;
  padding: 0.625em;
  position: relative;
  width: 100%;
}
ul.big_list > li h1, ul.big_list > li .h1,
ul.big_list > li h2, ul.big_list > li .h2,
ul.big_list > li h3, ul.big_list > li .h3,
ul.big_list > li h4, ul.big_list > li .h4, ul.big_list > li .en_valeur,
ul.big_list > li h5, ul.big_list > li .h5,
ul.big_list > li h6, ul.big_list > li .h6 {
  color: black;
}
ul.big_list > li .element_deco {
  width: 100%;
}
ul.big_list > li span.label {
  display: block;
  float: left;
  font-weight: bold;
  text-align: right;
  vertical-align: middle;
  width: 230px;
}
ul.big_list > li span.definition {
  display: block;
  margin-left: 250px;
  vertical-align: middle;
}
ul.big_list > li.details {
  font-size: 0.75000em;
  line-height: 1.15em;
}
ul.big_list > li.details div {
  display: block;
}
ul.big_list > li > div {
  min-height: 4em;
}
ul.big_list > li > div.icone {
  clear: none;
  float: left;
  margin-right: 0.625em;
  width: 4em;
}
ul.big_list > li > div.icone + .details {
  margin-left: 5em;
}
ul.big_list > li > div.details {
  color: #535456;
}
ul.big_list > li > div.details > * {
  display: block;
}
ul.big_list > li > div.details > *.nom_fichier {
  color: black;
  font-size: 0.93750em;
}
ul.big_list > li > div.details > *.nom_fichier .taille_fichier {
  color: #535456;
  font-size: 0.80000em;
  font-weight: normal;
}
ul.big_list > li > div.details > *.type_fichier, ul.big_list > li > div.details > *.derniere_mise_a_jour, ul.big_list > li > div.details > *.note {
  font-size: 0.75000em;
  line-height: 1.15em;
}
ul.big_list > li > div.telechargement {
  float: right;
  margin-left: 1em;
  text-align: center;
}
ul.big_list > li > div.telechargement *[class^="icon-"] {
  color: #414142;
  font-size: 2.5em;
  margin: 0;
}
ul.big_list > li > div.telechargement a {
  color: #535456;
  font-size: 0.75em;
}
ul.big_list > li > div.telechargement a:hover {
  text-decoration: none;
}
ul.big_list > li > div.telechargement a:hover div {
  text-decoration: underline;
}

ul.list_inline {
  display: inline;
  padding: 0;
}
ul.list_inline li {
  display: inline;
  list-style-type: none;
  vertical-align: baseline;
}
ul.list_inline li + li::before {
  content: ", ";
  display: inline-block;
  vertical-align: baseline;
  width: 6px;
}

div.liste-horizontale ul li + li::before {
  content: "|  ";
}

ul.sans_puces {
  padding: 0;
}
ul.sans_puces li {
  list-style-type: none;
}

dl.inline dt {
  display: block;
  float: left;
  font-weight: bold;
  margin-right: .25em;
}
dl.inline dt::after {
  content: "\202F: ";
  display: inline-block;
  height: auto;
  vertical-align: baseline;
  width: auto;
}
dl.inline dd {
  display: block;
}

#tableau_bord_resultats tr th, #tableau_bord_resultats tr td {
  height: 4em;
}
#tableau_bord_resultats tr th, #tableau_bord_resultats tr td,
#tableau_bord_resultats tr th *, #tableau_bord_resultats tr td * {
  vertical-align: middle;
}
#tableau_bord_resultats tr.odd td {
  background: #f0f0f1 !important;
}

#telecharger {
  padding: 0;
}
#telecharger li {
  background: transparent url(img/pictos/defaut.png) no-repeat 0 0.3em;
  display: block;
  list-style-image: none;
  list-style-type: none;
  margin: 0;
  padding: 5px 0 5px 20px;
  position: relative;
}
#telecharger li.pdf {
  background-image: url(img/pictos/pdf.png);
}
#telecharger li.swf {
  background-image: url(img/pictos/swf.png);
}
#telecharger li.flv {
  background-image: url(img/pictos/flv.png);
}
#telecharger li.mp3 {
  background-image: url(img/pictos/mp3.png);
}
#telecharger li.txt {
  background-image: url(img/pictos/txt.png);
}
#telecharger li.zip {
  background-image: url(img/pictos/zip.png);
}
#telecharger li.doc {
  background-image: url(img/pictos/msword.png);
}
#telecharger li.xls {
  background-image: url(img/pictos/msexcel.png);
}
#telecharger li.ppt {
  background-image: url(img/pictos/mspowerpoint.png);
}
#telecharger li.sxw {
  background-image: url(img/pictos/ooo_texte.png);
}
#telecharger li.sxc {
  background-image: url(img/pictos/ooo_classeur.png);
}
#telecharger li.sxi {
  background-image: url(img/pictos/ooo_presentation.png);
}
#telecharger li.image {
  background-image: url(img/pictos/image.png);
}
#telecharger li.defaut {
  background-image: url(img/pictos/defaut.png);
}

.hook, #sur_bandeau #recherche_simple button[type=submit] {
  display: inline-block;
}
.hook::before, #sur_bandeau #recherche_simple button[type=submit]::before, .hook::after, #sur_bandeau #recherche_simple button[type=submit]::after {
  border: 2px solid #bec1c3;
  bottom: 0;
  content: " ";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 0.31250em;
}
.hook::before, #sur_bandeau #recherche_simple button[type=submit]::before {
  border-right: none;
  left: 0;
}
.hook::after, #sur_bandeau #recherche_simple button[type=submit]::after {
  border-left: none;
  right: 0;
}

*[data-ui=tabs] *[data-ui=tabs-header] *[data-ui=tab-triggerer] {
  background: #f1f1f1;
  border: 1px solid #c8c8c8;
  color: black;
  cursor: pointer;
  display: inline-block;
  font: 1.25em roboto_condensedlight, arial, helvetica, sans-serif;
  height: 2.90000em;
  line-height: 2.90000em;
  outline: none;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 40em) {
  *[data-ui=tabs] *[data-ui=tabs-header] *[data-ui=tab-triggerer] {
    display: none;
  }
}
*[data-ui=tabs] *[data-ui=tabs-header] *[data-ui=tab-triggerer][data-ui-state="tabs-tab-active"] {
  background: white;
  background-color: #f1f1f1;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF1F1F1', endColorstr='#FFFFFFFF');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f1f1f1), color-stop(100%, #ffffff));
  background-image: -moz-linear-gradient(top, #f1f1f1 0%, #ffffff 100%);
  background-image: -webkit-linear-gradient(top, #f1f1f1 0%, #ffffff 100%);
  background-image: linear-gradient(to bottom, #f1f1f1 0%, #ffffff 100%);
  border-bottom: 2px solid white;
  color: #007798;
  text-decoration: underline;
}
*[data-ui=tabs] *[data-ui=tabs-header] *[data-ui=tab-triggerer][data-ui-state="tabs-tab-active"]::before {
  display: inline-block;
  text-decoration: none !important;
}
*[data-ui=tabs] *[data-ui=tabs-header] *[data-ui=tab-triggerer]::before, *[data-ui=tabs] *[data-ui=tabs-header] *[data-ui=tab-triggerer]:hover::before {
  content: "\e60b";
  display: inline-block;
  font-family: 'GINP';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  margin-right: 10px;
  speak: none;
  text-decoration: none !important;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}
*[data-ui=tabs] *[data-ui=tabs-header] *[data-ui=tab-triggerer].secured_dsi::before {
  content: "\e613" !important;
}
*[data-ui=tabs] *[data-ui=tabs-header] *[data-ui=tab-triggerer].connected_dsi::before {
  content: "\e604" !important;
}
*[data-ui=tabs] *[data-ui=tabs-header].horizontal {
  display: none;
  margin-bottom: 1.5em;
  padding: 0;
  width: 100%;
}
@media screen and (min-width: 40em) {
  *[data-ui=tabs] *[data-ui=tabs-header].horizontal {
    display: table;
  }
}
*[data-ui=tabs] *[data-ui=tabs-header].horizontal li {
  display: table-cell;
  list-style-type: none;
}
*[data-ui=tabs] *[data-ui=tabs-header].horizontal li *[data-ui=tabs-tab] {
  background: #f1f1f1;
  border: 1px solid #c8c8c8;
  color: black;
  display: inline-block;
  font: 1.25em roboto_condensedlight, arial, helvetica, sans-serif;
  height: 2.90000em;
  line-height: 2.90000em;
  outline: none;
  text-align: center;
  width: 100%;
}
*[data-ui=tabs] *[data-ui=tabs-header].horizontal li *[data-ui=tabs-tab][data-ui-state="tabs-tab-active"] {
  background: white;
  background-color: #f1f1f1;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF1F1F1', endColorstr='#FFFFFFFF');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f1f1f1), color-stop(100%, #ffffff));
  background-image: -moz-linear-gradient(top, #f1f1f1 0%, #ffffff 100%);
  background-image: -webkit-linear-gradient(top, #f1f1f1 0%, #ffffff 100%);
  background-image: linear-gradient(to bottom, #f1f1f1 0%, #ffffff 100%);
  border-bottom: 2px solid white;
  color: #007798;
  text-decoration: underline;
}
*[data-ui=tabs] *[data-ui=tabs-header].horizontal li *[data-ui=tabs-tab][data-ui-state="tabs-tab-active"]::before {
  display: inline-block;
  text-decoration: none !important;
}
*[data-ui=tabs] *[data-ui=tabs-header].horizontal li *[data-ui=tabs-tab]::before, *[data-ui=tabs] *[data-ui=tabs-header].horizontal li *[data-ui=tabs-tab]:hover::before {
  content: "\e60b";
  display: inline-block;
  font-family: 'GINP';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  margin-right: 10px;
  speak: none;
  text-decoration: none !important;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}
*[data-ui=tabs] *[data-ui=tabs-header].horizontal li *[data-ui=tabs-tab].secured_dsi::before {
  content: "\e613" !important;
}
*[data-ui=tabs] *[data-ui=tabs-header].horizontal li *[data-ui=tabs-tab].connected_dsi::before {
  content: "\e604" !important;
}

body .leaflet-maps {
  clear: both;
  margin-bottom: 3.5em;
}
body .leaflet-maps img {
  display: block;
  max-width: 64em;
  z-index: 1;
}
body .leaflet-maps > footer {
  background: #f1f1f2;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: visible !important;
  position: relative;
  border-bottom: 3px solid #d9d9d9;
  padding: .25em 1em;
  position: relative;
  z-index: 0;
}
body .leaflet-maps > footer dl {
  display: block;
}
body .leaflet-maps > footer dl dt,
body .leaflet-maps > footer dl dd {
  border-bottom: 1px solid #D9DADB;
  display: block;
  padding: 1em 0;
}
body .leaflet-maps > footer dl dt {
  float: left;
  width: 2em;
}
body .leaflet-maps > footer dl dt span {
  background: #FF646C;
  border: 1px solid #AA2128;
  border-radius: 100%;
  color: black;
  display: inline-block;
  font-weight: normal;
  font: 0.9em roboto_condensedregular, arial, helvetica, sans-serif;
  height: 1.3em;
  line-height: 1.3em;
  text-align: center;
  width: 1.3em;
}
body .leaflet-maps > footer dl dd {
  cursor: pointer;
}
body .leaflet-maps > footer dl dd span {
  display: block;
  margin-left: 2em;
}
body .leaflet-maps > footer dl dd a {
  float: right;
  text-decoration: underline;
}
body .leaflet-maps > footer dl dd a::before {
  content: "▸";
  display: inline-block;
  margin-right: 5px;
}
body .leaflet-maps .map-canvas {
  height: 32em;
}
body .leaflet-maps .map-canvas address {
  line-height: 1.35;
  overflow: hidden;
  white-space: nowrap;
}
body .leaflet-maps .map-canvas .gm-style-iw .content a,
body .leaflet-maps .map-canvas .gm-style-iw footer a {
  font-weight: 400 !important;
}
body .leaflet-maps .map-canvas .gm-style-iw h1 a {
  color: black !important;
  font-size: 1.35em;
}

#liste_resultats {
  margin-bottom: 4em;
  padding: 0;
  width: 100%;
}
#liste_resultats.fix-margin-top {
  margin-top: 3.5em;
}
#liste_resultats li {
  list-style-type: none;
  margin-bottom: 1.5em;
}
#liste_resultats li header {
  background: #F2F2F2;
  border-bottom: 2px solid #C7C8CA;
  border-top: 2px solid #C7C8CA;
  padding: .25em 1em;
}
#liste_resultats li header > div {
  display: inline-block;
}
#liste_resultats li header > .icone {
  display: none;
  vertical-align: middle;
}
@media screen and (min-width: 40em) {
  #liste_resultats li header > .icone {
    display: inline-block;
  }
}
#liste_resultats li header > .icone span[class^=icon] {
  color: #DADCDD;
  font-size: 1.8em;
}
#liste_resultats li header > .titre {
  color: black;
  font-family: roboto_condensedbold, arial, helvetica, sans-serif;
  font-weight: normal;
  vertical-align: middle;
}
#liste_resultats li header > .titre a {
  color: black;
  font-family: roboto_condensedbold, arial, helvetica, sans-serif;
  font-weight: normal;
}
#liste_resultats li header > .titre > .informations {
  color: #58585B;
  font: 0.875em arial, helvetica, sans-serif;
  font-weight: normal !important;
}
#liste_resultats li header > .extra {
  color: #58585B;
  display: block;
  font-size: .87500em;
  padding-top: .5em;
  vertical-align: top;
}
@media screen and (min-width: 40em) {
  #liste_resultats li header > .extra {
    float: right;
  }
}
#liste_resultats li .extrait {
  color: #58585B;
}
#liste_resultats li .extrait .highlight {
  background: #FFE46C;
  font-weight: normal;
}

.niveau {
  display: inline-block;
  position: relative;
  width: auto;
}
.niveau .cercle {
  border-radius: 100%;
  display: inline-block;
  height: 1em;
  width: 1em;
}
.niveau .arriere {
  position: relative;
  width: 100%;
  z-index: 2;
}
.niveau .arriere .cercle {
  background: #CCC;
}
.niveau .avant {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: attr();
  white-space: nowrap;
  z-index: 4;
}
.niveau .avant .cercle {
  background: #007798;
}

.pagination-fiche {
  margin-bottom: 2em;
  padding: 0;
  text-align: center;
  width: 100%;
}
.pagination-fiche li {
  display: inline-block;
  text-align: center;
  width: 2em;
}
.pagination-fiche li.nav {
  border-bottom: .75em solid transparent;
  border-top: .75em solid transparent;
  bottom: .125em;
  display: inline-block;
  height: 0;
  position: relative;
  width: 0;
}
.pagination-fiche li.nav a {
  bottom: -.75em;
  position: absolute;
  top: -.75em;
}
.pagination-fiche li.nav.inactive a {
  cursor: default;
}
.pagination-fiche li.nav.page-less {
  border-right: 1.25em solid #6d6f71;
  margin-right: 3em;
}
.pagination-fiche li.nav.page-less a {
  left: 0;
  right: -1.25em;
}
.pagination-fiche li.nav.page-less::before {
  border: 5px solid #6d6f71;
  border-right: none;
  content: " ";
  display: inline-block;
  height: 1.875em;
  position: absolute;
  right: -3em;
  top: -1.25em;
  width: .75em;
}
.pagination-fiche li.nav.page-more {
  border-left: 1.25em solid #6d6f71;
  margin-left: 3em;
}
.pagination-fiche li.nav.page-more a {
  left: -1.25em;
  right: 0;
}
.pagination-fiche li.nav.page-more::after {
  border: 5px solid #6d6f71;
  border-left: none;
  content: " ";
  display: inline-block;
  height: 1.875em;
  left: -3em;
  position: absolute;
  top: -1.25em;
  width: .75em;
}
.pagination-fiche li.page, .pagination-fiche li.ellipsis {
  font: 2em roboto_condensedbold, arial, helvetica, sans-serif;
  color: #949598;
}
.pagination-fiche li.page a, .pagination-fiche li.ellipsis a {
  color: #949598;
}
.pagination-fiche li.page.current, .pagination-fiche li.ellipsis.current {
  font-size: 2.5em;
  width: 1.6em;
}
.pagination-fiche li.page.current a, .pagination-fiche li.ellipsis.current a {
  color: #007798;
  text-decoration: underline;
}

.formulaire_recherche_liste_resultats {
  display: inline-block;
  background: #F2F2F2;
  border-bottom: 2px solid #C7C8CA;
  border-top: 2px solid #C7C8CA;
  margin-bottom: 1em;
  padding: 1em 0;
  text-align: center;
  width: 100%;
}
.formulaire_recherche_liste_resultats.fix-margin-top {
  margin-top: 3.5em;
}
.formulaire_recherche_liste_resultats .recherche_avancee {
  color: #58585b;
}
@media screen and (min-width: 40em) {
  .formulaire_recherche_liste_resultats .recherche_avancee {
    margin-left: 22.25em;
  }
}
.formulaire_recherche_liste_resultats .recherche_avancee a {
  color: #58585b;
  font-size: .875em;
}
.formulaire_recherche_liste_resultats .recherche_avancee a span {
  color: #58585b;
  margin-right: 0;
}
.formulaire_recherche_liste_resultats input[name=QUERY] {
  border-color: #CFD0D1;
  display: inline-block;
  vertical-align: middle;
  width: 22.81250em;
}
.formulaire_recherche_liste_resultats button {
  border: none;
  background: none;
  display: inline-block;
  color: black;
  font: 1.375em roboto_condensedregular, arial, helvetica, sans-serif;
  vertical-align: middle;
}
.formulaire_recherche_liste_resultats button:hover {
  background: none;
}
.formulaire_recherche_liste_resultats button > span {
  display: inline-block;
  height: 1.25em;
  padding: 0;
  position: relative;
  text-align: center;
  top: 0px;
  vertical-align: middle;
  width: 2.37500em;
}
.formulaire_recherche_liste_resultats button > span > span {
  color: black;
  display: inline-block;
  margin: 0 auto;
  position: relative;
  top: -2px;
  vertical-align: middle;
}
.formulaire_recherche_liste_resultats button > span::before, .formulaire_recherche_liste_resultats button > span::after {
  border: 4px solid #6a6b6e;
  bottom: 0;
  content: " ";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 0.31250em;
}
.formulaire_recherche_liste_resultats button > span::before {
  border-right: none;
  left: 1px;
}
.formulaire_recherche_liste_resultats button > span::after {
  border-left: none;
  right: 1px;
}

.combo .dropdown {
  display: none;
}

#tableau_ajout {
  overflow: visible;
  position: absolute;
  right: 1em;
  width: 12em;
}
#tableau_ajout .title {
  background: #f0f0f1;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  padding: .5em;
  position: relative;
  width: 11em;
}
#tableau_ajout .title::after {
  border-left: .5em solid transparent;
  border-right: .5em solid transparent;
  border-top: .5em solid black;
  content: "";
  display: inline-block;
  height: 0;
  margin-top: .5em;
  position: absolute;
  right: .5em;
  width: 0;
}
#tableau_ajout .dropdown {
  background: white;
  display: none;
  -moz-box-shadow: 0.3em 0.3em 1em rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0.3em 0.3em 1em rgba(0, 0, 0, 0.5);
  box-shadow: 0.3em 0.3em 1em rgba(0, 0, 0, 0.5);
}
#tableau_ajout .dropdown ul {
  margin: 0;
  padding: 0;
  width: 12em;
}
#tableau_ajout .dropdown ul li {
  list-style-type: none;
  margin: 0;
  padding: .5em;
}
#tableau_ajout + h3 {
  display: none;
}

ul.liste_complete {
  padding: 0;
}
ul.liste_complete li {
  border-bottom: 1px solid black;
  display: inline-block;
  margin-bottom: 1em;
  padding-bottom: 2em;
  width: 100%;
}
ul.liste_complete li:last-child {
  border-bottom: 0;
}
ul.liste_complete li .vignette-contour {
  background: #E7E7E8;
  border: 1px solid #CFD0D2;
  display: table;
  float: left;
  height: 7em;
  margin-right: 1em;
  max-height: 7em;
  max-width: 9.375em;
  text-align: center;
  width: 9.375em;
}
ul.liste_complete li .vignette-contour .vignette {
  display: table-cell;
  line-height: 100%;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  width: 100%;
}
ul.liste_complete li .vignette-contour .vignette img {
  max-height: 7em;
  max-width: 9.375em;
  margin: 0;
}
ul.liste_complete li .texte {
  clear: none;
}
ul.liste_complete li .texte .details {
  font-size: .875em;
  margin-top: -.375em;
}
ul.liste_complete li .texte .titre {
  color: black;
  line-height: 1.125em;
}
ul.liste_complete li .date-agenda {
  border-left: 1px solid black;
  clear: none;
  float: right;
  margin-left: 1em;
  padding-left: 1em;
}
ul.liste_complete li .date-agenda .date {
  background: #4d5357;
  border: 1px solid #4d5357;
  color: white;
  font: 1.875em roboto_condensedbold, arial, helvetica, sans-serif;
  padding: 0 .1em;
  width: 1.33333em;
  text-align: center;
}
ul.liste_complete li .date-agenda .mois {
  border: 1px solid #4d5357;
  height: 1em;
  line-height: 1;
  padding: .0625em .1875em;
  text-align: center;
  width: 2.5em;
}

ul.liste_deux_colonnes li {
  border-bottom: 1px solid black;
  display: inline-block;
  margin-bottom: 1em;
  padding-bottom: 1.5em;
  vertical-align: top;
  width: 48%;
}
ul.liste_deux_colonnes li:nth-child(odd) {
  margin-right: 4%;
}
ul.liste_deux_colonnes li:last-child, ul.liste_deux_colonnes li:nth-last-child(2) {
  border-bottom: none;
}
ul.liste_deux_colonnes li .vignette-contour {
  background: #E7E7E8;
  border: 1px solid #CFD0D2;
  display: table;
  float: left;
  height: 7.81250em;
  margin-right: 1em;
  max-height: 7.81250em;
  max-width: 10.31250em;
  text-align: center;
  width: 10.31250em;
}
ul.liste_deux_colonnes li .vignette-contour .vignette {
  display: table-cell;
  line-height: 100%;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  width: 100%;
}
ul.liste_deux_colonnes li .vignette-contour .vignette img {
  max-height: 7.81250em;
  max-width: 10.31250em;
  margin: 0;
}
ul.liste_deux_colonnes li .texte {
  clear: none;
}
ul.liste_deux_colonnes li .texte .titre {
  color: black;
  font-size: 1.375em;
  line-height: 1.125em;
  height: 5.81818em;
  overflow: hidden;
}

ul.liste_sans_vignettes {
  margin: 1em 0 2em 0;
  padding-left: 0;
}
ul.liste_sans_vignettes li {
  border-bottom: 1px solid #C7C8CA;
  display: table;
  padding: 1em 0;
  width: 100%;
}
ul.liste_sans_vignettes li > *:first-child {
  padding-left: 1em;
}
ul.liste_sans_vignettes li > *:last-child {
  padding-right: 1em;
}
ul.liste_sans_vignettes li .date,
ul.liste_sans_vignettes li .titre,
ul.liste_sans_vignettes li .icon {
  display: table-cell;
  vertical-align: middle;
}
ul.liste_sans_vignettes li .date {
  width: 6.5em;
}
ul.liste_sans_vignettes li .titre {
  color: black;
  font-weight: bold;
}
ul.liste_sans_vignettes li .icon {
  text-align: right;
  width: 1em;
}
ul.liste_sans_vignettes li .icon:hover {
  text-decoration: none;
}
ul.liste_sans_vignettes li .icon span {
  color: #C7C8CA;
  font-size: 1.5em;
  margin-right: 0 !important;
}

.style_2 ul.liste_sans_vignettes {
  font-size: 1.23077em;
}
.style_2 ul.liste_sans_vignettes .titre {
  color: white;
  font-weight: normal;
}

.style_3 ul.liste_sans_vignettes li::before {
  display: none;
}
.style_3 ul.liste_sans_vignettes .titre {
  color: inherit;
  font-weight: normal;
}
.style_3 ul.liste_sans_vignettes .icon span {
  color: #4D5357;
}
.style_3 ol {
  counter-reset: listNumbering;
  list-style-position: inside;
  list-style-type: none;
}
.style_3 ol li {
  counter-increment: listNumbering;
}
.style_3 ol li:before {
  content: counter(listNumbering) ".";
  padding: 0 .5em;
}

ul.liste_stages_emplois {
  padding-left: 0;
}
ul.liste_stages_emplois li {
  border-bottom: 1px solid #C7C8CA;
  display: table;
  padding: 1em 0;
  width: 100%;
}
ul.liste_stages_emplois li:nth-child(even) {
  background: #f1f1f2;
}
ul.liste_stages_emplois li span[class^="icon-"],
ul.liste_stages_emplois li div.titre,
ul.liste_stages_emplois li div.icones {
  display: table-cell;
}
ul.liste_stages_emplois li span[class^="icon-"] {
  color: #D9DADB;
  font-size: 1.5em;
  overflow: visible;
  margin-right: .25em;
  padding: 0 .625em;
  width: 1em;
}
ul.liste_stages_emplois li div.titre span.h4, ul.liste_stages_emplois li div.titre span.en_valeur {
  display: block;
  font-size: 1.5em;
}
ul.liste_stages_emplois li div.titre span.h4 a, ul.liste_stages_emplois li div.titre span.en_valeur a {
  color: black;
}
ul.liste_stages_emplois li div.titre small {
  font-size: .75em;
}
ul.liste_stages_emplois li div.icones {
  min-width: 120px;
  text-align: right;
  width: auto;
}
ul.liste_stages_emplois li div.icones [class^="icon-"] {
  display: inline;
}
ul.liste_stages_emplois li div.icones [class^="icon-"] > span {
  display: none;
}
ul.liste_stages_emplois li div.icones .icon-prive {
  background: url("/jsp/styles/img/prive.png") no-repeat;
}
ul.liste_stages_emplois li div.icones .icon-handicape {
  background: url("/jsp/styles/img/handicape.png") no-repeat;
}
ul.liste_stages_emplois li div.icones .icon-these {
  background: url("/jsp/styles/img/these.png") no-repeat;
}
ul.liste_stages_emplois li div.icones .icon-international {
  background: url("/jsp/styles/img/international.png") no-repeat;
}

table.liste_formations thead {
  border-bottom: 1px solid #C7C8CA;
}
table.liste_formations thead th {
  font-weight: normal;
  font-size: .75em;
  padding-bottom: 0;
  vertical-align: bottom;
}
table.liste_formations tbody tr {
  border-bottom: 1px solid #C7C8CA;
}
table.liste_formations tbody tr:nth-child(even) {
  background: #f1f1f2;
}
table.liste_formations tbody a [class^="icon-"] {
  color: #C7C8CA;
  font-size: 1.5em;
}
table.liste_formations tbody a .h4, table.liste_formations tbody a .en_valeur {
  color: black;
}
table.liste_formations tbody a:hover {
  text-decoration: none;
}
table.liste_formations tbody a:hover [class^="icon-"] {
  text-decoration: none;
}
table.liste_formations tbody a:hover .h4, table.liste_formations tbody a:hover .en_valeur {
  text-decoration: underline;
}
table.liste_formations tbody small a {
  font-size: .75em;
}
table.liste_formations tbody small a:hover {
  text-decoration: underline;
}

.ueps__ects__parcours li {
  list-style-type: none;
}

#tableau_ueups {
  color: #58585B;
  margin-bottom: 3em;
  overflow-x: auto;
  overflow-y: hidden;
}
#tableau_ueups ul {
  padding: 0;
}
#tableau_ueups li {
  list-style-type: none;
}
#tableau_ueups > div {
  min-width: 36em;
}
#tableau_ueups header {
  background: #E7E7E8;
  border-bottom: 1px solid #C7C8CA;
  border-top: 1px solid #C7C8CA;
  margin-bottom: 1em;
  padding: .5em;
}
#tableau_ueups header #fil_ariane {
  color: black !important;
}
#tableau_ueups header #fil_ariane a {
  color: black !important;
}
#tableau_ueups header ul.semestres li {
  display: inline;
  font: 1.5em roboto_condensedlight, arial, helvetica, sans-serif;
}
#tableau_ueups header ul.semestres li a {
  color: black !important;
}
#tableau_ueups header ul.semestres li a:hover {
  text-decoration: underline;
}
#tableau_ueups header ul.semestres li.current {
  font: 1.5em roboto_condensedbold, arial, helvetica, sans-serif;
  text-decoration: underline;
}
#tableau_ueups header ul.semestres li::before {
  content: "|";
  display: inline-block;
  font-family: roboto_condensedlight, arial, helvetica, sans-serif;
  padding: 0 .75em;
  text-decoration: none !important;
}
#tableau_ueups header ul.semestres li:first-child::before {
  content: "";
  padding: 0 0;
}
#tableau_ueups .entete_tableau {
  display: inline-block;
  position: relative;
  width: 100%;
}
#tableau_ueups .entete_tableau > span:first-child {
  bottom: 0;
  float: left;
  font-size: .875em;
  font-style: italic;
  padding-left: 1em;
  position: absolute;
  vertical-align: bottom;
}
#tableau_ueups .entete_tableau > span.details {
  display: block;
  float: right;
  margin-right: 2em;
  width: 150px;
}
#tableau_ueups .entete_tableau > span.details > span {
  display: inline-block;
  font-size: .875em;
  font-style: italic;
  text-align: right;
  vertical-align: bottom;
  width: 75px;
}
#tableau_ueups > div > ul.ueups {
  /* ici les cours */
  /* fin ici les cours */
}
#tableau_ueups > div > ul.ueups > li > ul.cours {
  padding-left: 3.5em;
  padding-bottom: 0.25em;
  padding-top: 0.25em;
}
#tableau_ueups > div > ul.ueups > li > ul.cours > li {
  clear: both;
  height: 1.5em;
}
#tableau_ueups > div > ul.ueups > li > ul.cours > li > div.nom {
  float: left;
}
#tableau_ueups > div > ul.ueups > li > ul.cours > li > div.nom a {
  color: #58585b !important;
}
#tableau_ueups > div > ul.ueups > li > ul.cours > li > div.details {
  display: block;
  float: right;
  margin-right: 2em;
  width: 150px;
}
#tableau_ueups > div > ul.ueups > li > ul.cours > li > div.details div.volume_horaire,
#tableau_ueups > div > ul.ueups > li > ul.cours > li > div.details div.ects {
  display: inline-block;
  text-align: right;
  width: 75px;
}
#tableau_ueups > div > ul.ueups > li > div.nom {
  background: #E7E7E8;
  border-bottom: 1px solid #007798;
  border-top: 1px solid #C7C8CA;
  color: #007798;
  font: 1.5em roboto_condensedbold, arial, helvetica, sans-serif;
  padding: .5em;
}
#tableau_ueups > div > ul.ueups > li > ul.ueups > li {
  margin-top: .5em;
}
#tableau_ueups > div > ul.ueups > li > ul.ueups > li > ul.cours > li {
  list-style: none;
  height: 1.3em;
  padding-bottom: 0.3em;
  clear: both;
  margin-left: 3.5625em;
}
#tableau_ueups > div > ul.ueups > li > ul.ueups > li > ul.cours > li > div.nom {
  float: left;
}
#tableau_ueups > div > ul.ueups > li > ul.ueups > li > ul.cours > li > div.nom a {
  color: #58585B !important;
}
#tableau_ueups > div > ul.ueups > li > ul.ueups > li > ul.cours > li > div.details {
  display: block;
  float: right;
  margin-right: 2em;
  width: 150px;
}
#tableau_ueups > div > ul.ueups > li > ul.ueups > li > ul.cours > li > div.details > div.ects,
#tableau_ueups > div > ul.ueups > li > ul.ueups > li > ul.cours > li > div.details > div.volume_horaire {
  display: inline-block;
  text-align: right;
  width: 75px;
}
#tableau_ueups > div > ul.ueups > li > ul.ueups > li > div.nom {
  color: black;
  font: 1.5em roboto_condensedbold, arial, helvetica, sans-serif;
}
#tableau_ueups > div > ul.ueups > li > ul.ueups > li > div.nom::before {
  -webkit-font-smoothing: antialiased;
  color: #58585B;
  content: "\e61a";
  font-family: 'GINP';
  font-size: .875em;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  padding: 0 .5em;
  speak: none;
  text-transform: none;
}
#tableau_ueups > div > ul.ueups > li > ul.ueups > li > ul.ueups {
  border-bottom: 1px solid #C7C8CA;
  margin-bottom: -1px;
  padding-bottom: 1em;
}
#tableau_ueups > div > ul.ueups > li > ul.ueups > li > ul.ueups > li > div.nom {
  color: black;
  font-weight: bold;
  margin-top: .5em;
  padding-left: 2.5em;
}
#tableau_ueups > div > ul.ueups > li > ul.ueups > li > ul.ueups ul.cours {
  padding-left: 3.5em;
}
#tableau_ueups > div > ul.ueups > li > ul.ueups > li > ul.ueups ul.cours > li {
  list-style-type: none;
  clear: both;
  height: 1.5em;
}
#tableau_ueups > div > ul.ueups > li > ul.ueups > li > ul.ueups ul.cours > li > div.nom {
  float: left;
}
#tableau_ueups > div > ul.ueups > li > ul.ueups > li > ul.ueups ul.cours > li > div.nom a {
  color: #58585B !important;
}
#tableau_ueups > div > ul.ueups > li > ul.ueups > li > ul.ueups ul.cours > li > div.details {
  display: block;
  float: right;
  margin-right: 2em;
  width: 150px;
}
#tableau_ueups > div > ul.ueups > li > ul.ueups > li > ul.ueups ul.cours > li > div.details > div.ects,
#tableau_ueups > div > ul.ueups > li > ul.ueups > li > ul.ueups ul.cours > li > div.details > div.volume_horaire {
  display: inline-block;
  text-align: right;
  width: 75px;
}
#tableau_ueups > div > ul.ueups > li > ul.ueups > li > ul.ueups ul.ueups > li > div.nom {
  font-weight: bold;
  margin-left: 1em;
  margin-top: .5em;
  padding-left: 2.5em;
}
#tableau_ueups > div > ul.ueups > li > ul.ueups > li > ul.ueups ul.ueups > li > ul.ueups {
  margin-left: 1em;
}

.youtube-content {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 0;
  position: relative;
}

.youtube-content iframe,
.youtube-content object,
.youtube-content embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

ul.liste-evenements {
  padding: 0;
}
ul.liste-evenements li {
  clear: both;
  list-style-type: none;
  margin-bottom: 2em;
}
ul.liste-evenements li::before {
  content: none;
  display: none;
}
ul.liste-evenements li .date-evenement {
  border-right: 1px solid #898e92;
  display: block;
  float: left;
  margin-right: 1em;
  padding-right: 1em;
  text-align: center;
  width: 2.5em;
}
ul.liste-evenements li .date-evenement .date {
  display: block;
  font: 2em roboto_condensedbold, arial, helvetica, sans-serif;
}
ul.liste-evenements li .date-evenement .mois {
  font: .9em;
}
ul.liste-evenements li .details {
  display: block;
  margin-left: 4.5em;
}
ul.liste-evenements li .details .type-evenement {
  font-size: .85em;
  font-variant: small-caps;
}
ul.liste-evenements li .details .titre-evenement {
  font-size: 1.15em;
}
ul.liste-evenements li .details .type-evenement,
ul.liste-evenements li .details .titre-evenement {
  display: block;
}

#page .extension-agenda .extension-agenda__navigation ul {
  float: right;
  margin-bottom: 1.5em;
}
#page .extension-agenda .extension-agenda__navigation ul li {
  border-left: none;
  display: inline;
  list-style-type: none;
}
#page .extension-agenda .extension-agenda__navigation ul li::after {
  content: "\00a0|";
  display: inline-block;
}
#page .extension-agenda .extension-agenda__navigation ul li:last-child::after {
  display: none;
}
#page .extension-agenda .extension-agenda__navigation p {
  clear: both;
  z-index: 10;
  margin: 0;
  position: relative;
  text-align: left;
  font-weight: 700;
  font-size: 1.1em;
  text-transform: uppercase;
}
#page .extension-agenda .extension-agenda__navigation p a.extension-agenda__navigation--precedent::after {
  content: "\00a0|";
  display: inline-block;
}
#page .extension-agenda .extension-agenda__navigation p span {
  display: inline-block;
}
#page .extension-agenda .extension-agenda__navigation p > span {
  font-weight: normal;
  right: 0;
  text-align: right;
  text-transform: initial;
}
@media screen and (max-width: 39.9375em) {
  #page .extension-agenda .extension-agenda__navigation p > span {
    position: relative;
  }
}

.extension-agenda__export {
  padding-top: 1em;
  text-align: right;
}

.extension-agenda__table-wrapper {
  display: inline-block;
  max-width: 100%;
  overflow-x: auto;
  width: 100%;
}
@media screen and (min-width: 40em) {
  .extension-agenda__table-wrapper {
    overflow: visible;
  }
}

table.extension-agenda__mois, table.extension-agenda__semaine {
  display: inline-block;
  font-size: 1em;
  max-width: 100%;
  width: 100%;
}
@media screen and (min-width: 40em) {
  table.extension-agenda__mois, table.extension-agenda__semaine {
    display: table;
    table-layout: fixed;
  }
}
table.extension-agenda__mois caption, table.extension-agenda__semaine caption {
  font: 2em roboto_condensedbold, arial, helvetica, sans-serif;
  text-align: center;
  width: 100%;
}
table.extension-agenda__mois th, table.extension-agenda__mois td, table.extension-agenda__semaine th, table.extension-agenda__semaine td {
  display: inline-block;
  width: 100%;
}
@media screen and (min-width: 40em) {
  table.extension-agenda__mois th, table.extension-agenda__mois td, table.extension-agenda__semaine th, table.extension-agenda__semaine td {
    display: table-cell;
    width: 14%;
  }
}
table.extension-agenda__mois th, table.extension-agenda__semaine th {
  display: none;
  overflow: hidden;
  white-space: pre;
}
@media screen and (min-width: 40em) {
  table.extension-agenda__mois th, table.extension-agenda__semaine th {
    display: table-cell;
    font-size: .9em;
  }
}
table.extension-agenda__mois td, table.extension-agenda__semaine td {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #E7E7E8;
  border-bottom: 3px solid white;
  border-top: 3px solid white;
  min-height: 4em !important;
}
@media screen and (min-width: 40em) {
  table.extension-agenda__mois td, table.extension-agenda__semaine td {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border-left: 3px solid white;
    border-right: 3px solid white;
  }
}
table.extension-agenda__mois td > span, table.extension-agenda__semaine td > span {
  display: none;
}
table.extension-agenda__mois td ul, table.extension-agenda__semaine td ul {
  padding: 0;
}
table.extension-agenda__mois td ul li, table.extension-agenda__semaine td ul li {
  list-style-type: none;
}
table.extension-agenda__mois td.focus, table.extension-agenda__semaine td.focus {
  background: #007798 !important;
  color: white !important;
}
table.extension-agenda__mois td.focus a,
table.extension-agenda__mois td.focus a.extension-agenda__date--jour, table.extension-agenda__semaine td.focus a,
table.extension-agenda__semaine td.focus a.extension-agenda__date--jour {
  color: white !important;
}
table.extension-agenda__mois td.non-courant, table.extension-agenda__semaine td.non-courant {
  background: #F2F2F2;
  display: none;
}
@media screen and (min-width: 40em) {
  table.extension-agenda__mois td.non-courant, table.extension-agenda__semaine td.non-courant {
    display: table-cell;
  }
}
table.extension-agenda__mois td.non-courant a.extension-agenda__date--jour, table.extension-agenda__semaine td.non-courant a.extension-agenda__date--jour {
  color: #C7C8CA !important;
}
table.extension-agenda__mois td a.extension-agenda__date--jour, table.extension-agenda__semaine td a.extension-agenda__date--jour {
  color: #898e92 !important;
  font-family: roboto_condensedbold, arial, helvetica, sans-serif;
}
@media screen and (min-width: 40em) {
  table.extension-agenda__mois td a.extension-agenda__date--jour, table.extension-agenda__semaine td a.extension-agenda__date--jour {
    font-size: 2em;
  }
}
table.extension-agenda__mois td .extension-agenda__evenements, table.extension-agenda__semaine td .extension-agenda__evenements {
  font-size: .9em;
}
table.extension-agenda__mois td .extension-agenda__evenements + a, table.extension-agenda__semaine td .extension-agenda__evenements + a {
  font-size: .9em;
  font-style: italic;
  float: right;
}

table.extension-agenda__jour {
  width: 100%;
}
table.extension-agenda__jour caption {
  font: 2em roboto_condensedbold, arial, helvetica, sans-serif;
  text-align: center;
  width: 100%;
}
table.extension-agenda__jour tbody tr:nth-child(odd) {
  background: #E7E7E8;
}
table.extension-agenda__jour tbody th {
  text-align: right;
  width: 25%;
}

/* #envoi_mail_form {
	h1 {
		color: white;
	}
} */
body.newsletter_inside #navigation {
  display: none !important;
}
body.newsletter_inside #encadres {
  height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.banner_cookie,
.banner_cookie__refused,
.banner_cookie__accepted {
  background: #fff;
  bottom: 0;
  color: #000;
  padding: 1em 2%;
  width: 96%;
  overflow: hidden;
  font-size: 16px;
  text-align: center;
  box-shadow: 0 -1px 8px #444;
}

.banner_link {
  color: #007798;
}

.banner_cookie__buttons {
  white-space: nowrap;
}

.banner_cookie__button, [class*="cookie__button--refuse"], [class*="cookie__button--accept"] {
  color: #000;
  display: inline-block;
  margin: 0 .25em;
  padding: 0 1em;
  text-decoration: none;
}

[class*="cookie__button--refuse"] {
  background: #7E7E7E;
  border: 0.0625em solid #7E7E7E;
  color: #FFFFFF;
}
[class*="cookie__button--refuse"]:hover {
  background: #989898;
}

[class*="cookie__button--accept"] {
  background: #FFFFFF;
  border: 0.0625em solid #7E7E7E;
}
[class*="cookie__button--accept"]:hover {
  background: #e6e6e6;
}

button[class*="cookie__button--accept"],
button[class*="cookie__button--refuse"] {
  float: none;
}

.banner_cookie__close {
  float: right;
  cursor: pointer;
  margin: .25em 2em;
}

body #page p#fil_ariane {
  color: black !important;
  opacity: 0.5;
}
body #page p#fil_ariane:hover {
  opacity: 1;
}
body #page p#fil_ariane a {
  color: black !important;
  font-family: roboto_condensedlight;
  position: relative;
  top: -1px;
}
body #page p#fil_ariane a:first-child {
  top: -3px;
}
@media screen and (max-width: 42.60417em) {
  body #page p#fil_ariane {
    display: none;
  }
}

@media screen and (max-width: 42.60417em) {
  body #sous_bandeau {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
}
.validation_saisie_honeypot {
  position: absolute;
  left: -999em;
}

.validation_saisie_captcha .validation_saisie_captcha__audio {
  width: 100%;
}
.validation_saisie_captcha .validation_saisie_captcha__audio .captcha-audio__player {
  width: 100%;
}

#page-organisation {
  padding-top: 5em;
  margin-top: -5em;
}

/* @import "layout" ; */
.liste_ligne, #pied_page ul, #logos_ecoles {
  list-style: none;
  padding: 0;
}
.liste_ligne li, #pied_page ul li, #logos_ecoles li {
  padding: 0;
  margin: 0;
  display: inline-block;
}

img.default-thumbnail {
  margin: 0 0 48px;
}

.mfp-counter {
  display: none;
}

.mfp-title {
  color: #F3F3F3;
  line-height: 18px;
  padding: .5em;
  text-align: left;
  word-wrap: break-word;
}
.mfp-title .titre_corps {
  font-weight: 700;
  margin: 0 0 .5em;
}
.mfp-title .style1_media_legende {
  font-size: .9em;
  margin: 0 0 .5em;
}

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

div.visionneuse_contenu {
  position: relative;
}
div.visionneuse_contenu h2 {
  display: none;
}
div.galerie_player {
  background-color: #000;
  margin: auto;
}
div .galerie_playlist {
  text-align: center;
}
div .galerie_playlist .visionneuse_pagination {
  position: relative;
  width: 100%;
}
div .galerie_playlist .visionneuse_pagination .pagination_contenu {
  display: table-cell;
  margin: .4em;
  vertical-align: middle;
  width: 94%;
}
div .galerie_playlist .visionneuse_pagination .pagination_contenu div {
  min-height: auto;
}
@media screen and (min-width: 66em) {
  div .galerie_playlist .visionneuse_pagination .pagination_contenu div {
    min-height: auto;
  }
}
div .galerie_playlist .visionneuse_pagination .pagination_contenu div:before, div .galerie_playlist .visionneuse_pagination .pagination_contenu div:after {
  content: " ";
  display: table;
}
div .galerie_playlist .visionneuse_pagination .pagination_contenu div:after {
  clear: both;
}
div .galerie_playlist .visionneuse_pagination .pagination_aucune img {
  vertical-align: bottom;
}
div .galerie_playlist .visionneuse_pagination .pagination_droite, div .galerie_playlist .visionneuse_pagination .pagination_suivant {
  display: table-cell;
  vertical-align: middle;
}
div .galerie_playlist .visionneuse_pagination .pagination_gauche, div .galerie_playlist .visionneuse_pagination .pagination_precedent {
  display: table-cell;
  vertical-align: middle;
}
div .galerie_playlist .visionneuse_pagination .footer {
  text-align: center;
  display: none;
}
div .galerie_playlist .visionneuse_pagination .style1_media_legende {
  display: none;
}
div .galerie_playlist ul.visionneuse_pagination {
  position: relative;
  list-style: none;
  margin: 0 0 1em;
  padding: 0;
}
div .galerie_playlist ul.visionneuse_pagination li {
  border-bottom: 1px dotted #ccc;
  margin: 0 0 .7em;
  padding: 0 0 .7em;
}
div .galerie_playlist ul.visionneuse_defaut {
  margin: 0;
  padding: 0;
}
div .galerie_playlist ul.visionneuse_defaut li {
  background: #eee;
  list-style: none;
  margin: 0 0 5px;
  padding: 5px;
}
div .galerie_playlist p.visionneuse_defaut_titre {
  border: solid 2px #828282;
  margin: 0;
  padding: 3px;
}
div.galerie_onglet h2 {
  display: none;
}
div.galerie_onglet ul.galerie_onglets {
  background: #fff;
  border-bottom: 2px solid #999;
  font-weight: 700;
  list-style: none;
  margin: .5em 0 1em;
  padding: 0 0 .2em;
}
div.galerie_onglet ul.galerie_onglets li {
  background: #eee;
  border: 2px solid;
  border-bottom: 0;
  color: #999;
  cursor: pointer;
  display: inline;
  margin: 0 1em 0 0;
  padding: .2em .5em;
}
div.visionneuse_tele_player {
  text-align: center;
}
div.visionneuse_tele_player div {
  margin: auto;
}
div.style1_media {
  width: 100%;
  float: left;
  font-size: .9em;
  text-align: left;
}
@media screen and (min-width: 40em) {
  div.style1_media {
    width: 100%;
  }
}
div.style1_media a.lanceur_media {
  background: #fff;
  color: #443B43;
  display: block;
  text-align: center;
  text-decoration: none;
}
div.style1_media a.lanceur_media .style1_media_titre .titre_corps {
  background: none repeat scroll 0 0 rgba(64, 72, 73, 0.6);
  height: auto;
  color: #fff;
  height: auto;
  line-height: 2;
  width: auto;
  bottom: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
  margin: 0;
}
div.style1_media a.lanceur_media span {
  width: 90%;
  height: auto !important;
}
div.style1_media a.lanceur_media span img {
  width: auto !important;
  height: auto !important;
}
div.player_audio {
  display: block;
  text-align: center;
}
div.player_audio * {
  vertical-align: middle;
}
div.player_flash {
  background-color: #000;
}
div.contenu .showcase {
  height: 170px;
  margin: 20px auto 0;
  position: relative;
  width: 500px;
}
div.contenu .showcase a.controls {
  border: 2px solid #FFF;
  font-weight: 700;
  height: 50px;
  line-height: 50px;
  margin-top: -27px;
  position: absolute;
  text-align: center;
  top: 45%;
  width: 20px;
}
div.contenu .showcase a.controls img {
  vertical-align: middle;
}
div.contenu .showcase a.controls:hover {
  border-color: #2097FA;
}
div.contenu .showcase a.previous {
  padding-bottom: 4px;
}
div.contenu .showcase a.next {
  padding-top: 4px;
  right: 0;
}
div.contenu .showcase ul {
  height: 170px;
  margin: 0 auto;
  position: relative;
  width: 290px;
}
div.contenu .showcase ul li {
  float: left;
  height: 170px;
  list-style-type: none;
  width: 50px;
}
div.contenu .showcase li a img {
  border: 0;
}

p.galerie_titre {
  font-size: 1.4em;
  font-weight: 700;
}
p.player_photo {
  background-color: #000;
}
p.player_photo img {
  margin: auto;
}

div.galerie_onglet ul.galerie_onglets li.bouton_focus, div.galerie_onglet ul.galerie_onglets li.bouton_focus:hover, div.galerie_onglet ul.galerie_onglets li:hover {
  background: #fff;
  border-color: #999;
  color: #000;
  padding-bottom: 4px;
}

.lanceur_media {
  cursor: pointer;
}

span.style1_media_vignette {
  display: inline-block;
  overflow: hidden;
  text-align: center;
  margin: .8em;
  position: relative;
}
span.style1_media_vignette img {
  vertical-align: middle;
}

ul.visionneuse_defaut div.style1_media {
  margin: 0;
}
ul.visionneuse_defaut div.style1_media a.lanceur_media {
  float: left;
  margin: 0 10px 0 0;
  width: 150px;
}
ul.visionneuse_defaut li,
ul.visionneuse_defaut span.style1_media_contenu {
  overflow: auto;
}

.mediaStyleSimple img {
  background-color: black;
  vertical-align: middle;
}

.js .galerie_onglet_contenu {
  display: none;
}
.js .galerie_onglet_contenu--show {
  display: block;
}
.js .visionneuse_pagination {
  display: none;
}
.js .visionneuse_pagination--show {
  display: table;
}

.no-js .galerie_playlist .visionneuse_pagination .pagination_aucune, .no-js .galerie_playlist .visionneuse_pagination .pagination_droite, .no-js .galerie_playlist .visionneuse_pagination .pagination_suivant, .no-js .galerie_playlist .visionneuse_pagination .pagination_gauche, .no-js .galerie_playlist .visionneuse_pagination .pagination_precedent {
  display: none;
}
.no-js .galerie_onglet_contenu {
  display: block;
}
.no-js .visionneuse_pagination {
  display: table;
}

/************************************/
/*		MagnificPopup Overwrite		*/
/************************************/
.mfp-content .mfp-iframe-scaler .mfp-counter,
.mfp-content .mfp-iframe-scaler .mfp-title {
  margin-top: 40px !important;
}
.mfp-content.audio {
  border: 1px solid #ABABAB;
  height: 30px;
}
.mfp-content.audio .mfp-iframe-scaler {
  padding-top: 0;
}

#page,
.contenu,
#encadres,
#pied_page {
  background: #fff;
  word-wrap: break-word;
}

#accessibilite {
  display: none;
}

#sur_bandeau {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #4E5357;
  box-shadow: 0px 3px 0 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.25);
  color: #fff;
  padding: 0 .75em;
  width: 100%;
}
#sur_bandeau #sur_bandeau__picto_home {
  float: left;
  margin-right: 0.5em;
  margin-top: 0.5em;
}
#sur_bandeau img {
  max-width: 40px;
}
#sur_bandeau ul {
  padding-left: 0;
}
#sur_bandeau a {
  color: #fff;
}
#sur_bandeau .popup {
  border-top: 3px solid #3a3e41;
  display: none;
  font: 1.75em roboto_condensedlight, arial, helvetica, sans-serif;
  overflow-y: visible;
  position: absolute;
  top: 42px;
  width: 10.95238em;
  z-index: 20;
}
@media screen and (min-width: 66em) {
  #sur_bandeau .popup {
    left: 50%;
    transform: translateX(-50%);
  }
}
#sur_bandeau .popup > ul {
  background: #4d5357;
  border-bottom: 1px solid #6d7174;
  padding: 0.47619em;
}
#sur_bandeau .popup::before {
  content: " ";
  display: inline-block;
  height: 0.5em;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#sur_bandeau .popup > .folder {
  background: rgba(120, 125, 129, 0.7);
  bottom: -1.42857em;
  cursor: pointer;
  display: inline-block;
  height: 1.42857em;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
#sur_bandeau .popup > .folder span {
  color: white;
  font-size: 0.8em;
  margin: 0 auto !important;
}
#sur_bandeau .popup > .folder::before {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0)));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  content: " ";
  display: inline-block;
  height: 0.5em;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#sur_bandeau .popup > ul > li {
  border-bottom: 1px solid #6d7174;
  color: white;
  letter-spacing: 0px;
  list-style-type: none;
  padding: 0.1em 0;
  position: relative;
}
#sur_bandeau .popup > ul > li:last-child {
  border-bottom: none;
}
#sur_bandeau .popup > ul > li span[class^="icon"] {
  background: #414141;
  border: 1px solid #a0a1a3;
  border-radius: 4px;
  color: white;
  display: inline-block;
  font-size: 0.9em;
  height: 19px;
  margin-top: 2px;
  overflow: hidden;
  padding: 2px;
  position: absolute;
  right: -0.47619em;
  text-align: center;
  vertical-align: middle;
  width: 19px;
}
#sur_bandeau .popup > ul > li.titre {
  border-bottom: 3px solid #787d81;
  color: #cdd0d5;
  font-size: 0.76190em;
  margin-top: 1.25em;
  padding-top: 0.625em;
}
#sur_bandeau .popup > ul > li.titre > span[class^="icon"] {
  background: none;
  border: none;
  color: #787d81;
}
#sur_bandeau .popup > ul > li ul {
  padding: 0 0.4em;
}
#sur_bandeau .popup > ul > li ul li {
  border-top: 1px dotted #6d7174;
  color: #cdd1d4;
  font: 0.7619em roboto_condensedlight, arial, helvetica, sans-serif;
  list-style-type: none;
  padding: 0.1em 0;
}
#sur_bandeau .hidden-phone {
  height: 3.12500em;
  line-height: 3.12500em;
}
#sur_bandeau .visible-phone > ul > li {
  list-style-type: none;
  text-align: center;
}
#sur_bandeau .visible-phone > ul > li > a,
#sur_bandeau .visible-phone > ul > li span.titre {
  border-bottom: 2px solid transparent;
  display: inline-block;
  font-size: 2em;
}
#sur_bandeau .visible-phone > ul > li > a span[class^=icon],
#sur_bandeau .visible-phone > ul > li span.titre span[class^=icon] {
  color: white;
  display: inline-block;
  margin: 0 !important;
}
#sur_bandeau .visible-phone > ul > li > a.active,
#sur_bandeau .visible-phone > ul > li span.titre.active {
  border-bottom: 2px solid white;
}
#sur_bandeau .visible-phone > ul > li > a #recherche_simple,
#sur_bandeau .visible-phone > ul > li span.titre #recherche_simple {
  background: #4D5357;
  left: -1em;
  padding: .5em 0;
  position: absolute;
  right: -1em;
  top: 1.625em;
}
#sur_bandeau .visible-phone > ul > li > a.hover-display #recherche_simple,
#sur_bandeau .visible-phone > ul > li span.titre.hover-display #recherche_simple {
  display: none;
}
#sur_bandeau .visible-phone > ul > li > a.hover-display:hover #recherche_simple,
#sur_bandeau .visible-phone > ul > li span.titre.hover-display:hover #recherche_simple {
  display: inline-block;
}
#sur_bandeau .visible-phone > ul > li .popup {
  bottom: 0;
  display: none;
  left: 0;
  margin: 0 !important;
  overflow-y: auto;
  padding: 0;
  position: fixed;
  right: 0;
  top: 1.78em;
  width: auto;
  z-index: 39;
}
#sur_bandeau .visible-phone > ul > li .popup ul {
  padding: 0 0.47619em !important;
}
#sur_bandeau .visible-phone > ul > li .popup ul li {
  text-align: left;
}
#sur_bandeau .visible-phone > ul > li .popup ul ul {
  display: none;
}
#sur_bandeau .visible-phone > ul > li .popup > .folder {
  bottom: auto;
  position: relative;
}
#sur_bandeau #recherche_simple {
  border-bottom: 2px solid transparent;
  display: inline-block;
  float: right;
  margin-top: -2px;
  position: relative;
  vertical-align: top;
}
#sur_bandeau #recherche_simple.typing [type="submit"] .icon-search::before {
  content: "OK";
  font-family: roboto_condensedlight, arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: .9em;
}
#sur_bandeau #recherche_simple input[type=text] {
  background: #808080;
  border: none;
  color: #c6c8ca;
  display: inline-block;
  font: 0.9375em roboto_condensedlight, arial, helvetica, sans-serif;
  height: 1.33333em;
  padding: 0 .25em;
  vertical-align: middle;
  width: 8em;
}
@media screen and (min-width: 66em) {
  #sur_bandeau #recherche_simple input[type=text] {
    width: 12em;
  }
}
#sur_bandeau #recherche_simple input[type=text]::-webkit-input-placeholder {
  color: #CCCCCC;
  opacity: 1;
}
#sur_bandeau #recherche_simple input[type=text]:-moz-placeholder {
  color: #CCCCCC;
  opacity: 1;
}
#sur_bandeau #recherche_simple input[type=text]::-moz-placeholder {
  color: #CCCCCC;
  opacity: 1;
}
#sur_bandeau #recherche_simple input[type=text]:-ms-input-placeholder {
  color: #CCCCCC;
  opacity: 1;
}
#sur_bandeau #recherche_simple button[type=submit] {
  background: #4d5357;
  border: none;
  display: inline-block;
  height: 1.25em;
  padding: 0;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 2.37500em;
}
#sur_bandeau #recherche_simple button[type=submit] span {
  color: white;
  display: inline-block;
  font-size: 1.18750em;
  margin: 0 auto;
  position: relative;
  top: -1px;
  vertical-align: middle;
}
#sur_bandeau #recherche_simple #popup_recherche {
  background: #4d5357;
  color: white;
  display: none;
  font-size: .75em;
  line-height: 1em;
  padding: 1em;
  position: absolute;
  top: 3.46em;
  width: 130%;
}
#sur_bandeau #recherche_simple #popup_recherche.active__popin {
  display: block;
}
@media screen and (min-width: 66em) {
  #sur_bandeau #recherche_simple #popup_recherche {
    left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 65.9375em) {
  #sur_bandeau #recherche_simple #popup_recherche {
    right: 0;
  }
}
#sur_bandeau #recherche_simple #popup_recherche .for {
  display: inline-block;
  padding-right: .5em;
  vertical-align: middle;
}
#sur_bandeau #recherche_simple #popup_recherche .for:hover {
  text-decoration: none;
}
#sur_bandeau #recherche_simple #popup_recherche .sep {
  margin-bottom: 1em;
}
#sur_bandeau #recherche_simple #popup_recherche .tar {
  float: right;
}
#sur_bandeau #recherche_simple #popup_recherche::before {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0)));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  content: " ";
  display: inline-block;
  height: 0.5em;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#sur_bandeau #menu_sur_bandeau {
  display: inline-block;
  font-size: 0.75em;
  height: 3.625em;
  letter-spacing: 1px;
  padding: 0;
  vertical-align: baseline;
}
#sur_bandeau #menu_sur_bandeau > li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 2px solid transparent;
  bottom: 2px;
  display: inline-block;
  margin: 0 1em;
  position: relative;
  text-align: center;
}
#sur_bandeau #menu_sur_bandeau > li .titre:hover,
#sur_bandeau #menu_sur_bandeau > li .titre:focus {
  opacity: 0.75;
}
@media screen and (min-width: 66em) {
  #sur_bandeau #menu_sur_bandeau > li {
    margin: 0 1em 0 0;
  }
}
#sur_bandeau #menu_sur_bandeau > li.nos_sites, #sur_bandeau #menu_sur_bandeau > li.e_services, #sur_bandeau #menu_sur_bandeau > li.connexion {
  line-height: 39px;
  margin-top: 10px;
}
#sur_bandeau #menu_sur_bandeau > li.nos_sites img, #sur_bandeau #menu_sur_bandeau > li.e_services img, #sur_bandeau #menu_sur_bandeau > li.connexion img {
  float: left;
  padding-right: 1em;
}
#sur_bandeau #menu_sur_bandeau > li.connexion {
  margin-right: 0;
}
#sur_bandeau #menu_sur_bandeau > li.connexion:hover {
  opacity: 0.75;
}
#sur_bandeau #menu_sur_bandeau > li.connexion .titre-sans-popup {
  position: relative;
}
#sur_bandeau #menu_sur_bandeau > li.connexion.active {
  border-bottom: 2px solid white;
}
#sur_bandeau #menu_sur_bandeau > li li {
  text-align: left;
}
#sur_bandeau #menu_sur_bandeau > li > a:hover {
  text-decoration: none;
}
#sur_bandeau #menu_sur_bandeau > li > span,
#sur_bandeau #menu_sur_bandeau > li > a > span {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: white;
  cursor: pointer;
  display: inline-block;
  letter-spacing: 0;
}
#sur_bandeau #menu_sur_bandeau > li > span[class^="icon"],
#sur_bandeau #menu_sur_bandeau > li > a > span[class^="icon"] {
  font-size: 1.5em;
}
#sur_bandeau #menu_sur_bandeau > li > span.titre::after,
#sur_bandeau #menu_sur_bandeau > li > a > span.titre::after {
  background: url("/images/derouler.png") no-repeat 50% 50%;
  content: " ";
  display: inline-block;
  height: 15px;
  position: relative;
  top: 4px;
  width: 15px;
}
#sur_bandeau #menu_sur_bandeau > li > span.unfold,
#sur_bandeau #menu_sur_bandeau > li > a > span.unfold {
  border-bottom: 2px solid #b1b1b1;
}
#sur_bandeau #menu_sur_bandeau > li > span.unfold.titre-sans-popup::after,
#sur_bandeau #menu_sur_bandeau > li > a > span.unfold.titre-sans-popup::after {
  display: none;
}
#sur_bandeau .brand {
  display: none;
  float: left;
  font: 1.125em roboto_condensedbold, arial, helvetica, sans-serif;
  margin: .25em 0 0 0;
}
@media screen and (min-width: 40em) {
  #sur_bandeau .brand {
    display: inline-block;
  }
}
@media screen and (min-width: 40em) {
  #sur_bandeau .brand {
    border-right: 1px solid #fff;
    margin: .65em 0.65em 0 0;
    padding-right: 10px;
  }
}
#sur_bandeau .sur_bandeau_home_ginp {
  display: inline-block;
  float: left;
}
#sur_bandeau .sur_bandeau_home_ginp:hover {
  opacity: 0.75;
}

#bandeau_site {
  margin: 0 auto;
  min-height: 8.75000em;
  padding: 4em 0 1.875em;
  position: relative;
  text-align: center;
  z-index: 150;
}
@media screen and (min-width: 40em) {
  #bandeau_site {
    padding: 0 1em;
    text-align: center;
  }
}
#bandeau_site .bandeau_site_inner {
  margin: 0 auto;
  max-width: 1080px;
}
#bandeau_site::after {
  background: rgba(0, 0, 0, 0.05);
  border-top: 1px solid #ccc;
  bottom: 0;
  content: "";
  display: block;
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
}

@media screen and (min-width: 66em) {
  #page {
    overflow: hidden;
    position: relative;
  }

  #bandeau_page_deco {
    background: #f2f2f2;
    border-bottom: 3px solid #bfbfbf;
    content: '';
    display: block;
    height: 24.31250em;
    left: 0;
    position: absolute;
    right: 0;
    top: 12.6em;
    width: 100%;
  }
}
#logo {
  height: 100%;
  margin-right: 1.5em;
  margin-top: 1em;
  max-width: 12em;
}
@media screen and (min-width: 40em) {
  #logo {
    float: left;
  }
}

#menus_entete {
  display: none;
}
@media screen and (min-width: 40em) {
  #menus_entete {
    display: block;
    position: relative;
  }
}

#slogan {
  color: #a0a1a3;
  display: inline-block;
  font: 1.25em roboto_condensedlight, arial, helvetica, sans-serif;
  left: 0;
  margin-left: 10.5em;
  padding-top: 0.7em;
  position: absolute;
}
@media screen and (min-width: 66em) {
  #slogan {
    padding-top: 1.4em;
  }
}

#menus_entete_partie_haute {
  max-height: 3em;
  overflow: hidden;
}

#petites_icones {
  float: right;
  padding-top: 1.5em;
}

#reseaux_sociaux_top {
  display: inline-block;
}
#reseaux_sociaux_top li {
  display: inline;
}
#reseaux_sociaux_top li a {
  color: rgba(77, 83, 87, 0.8);
  margin-right: 0.6em;
  text-shadow: 0.03684em 0.03684em 0.16579em white, 0 0 0 #000;
}
#reseaux_sociaux_top li a:hover {
  text-decoration: none;
}
#reseaux_sociaux_top li a span {
  display: none;
}
#reseaux_sociaux_top li:last-child [class*="icon-"] {
  margin-right: .5em;
}
#reseaux_sociaux_top li img {
  margin-right: 0.5em;
  max-width: 1.1em;
}

#language_top {
  border-left: 1px solid #939598;
  display: inline-block;
  margin-right: 0em;
}
#language_top a {
  margin-left: 0.3em;
  position: relative;
  top: -1px;
}

#menu_principal {
  border-top: 1px solid #939598;
  font: 1.25em roboto_condensedregular, arial, helvetica, sans-serif;
  margin-left: 10.5em;
  max-width: calc(100% - 10.5em);
  padding-left: 0 !important;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 66em) {
  #menu_principal {
    clear: both;
    display: flex;
    left: 0;
    position: absolute;
    top: 3.1em;
  }
  #menu_principal:hover + .js-fermer_degrade_menu > .degrade_menu, #menu_principal:focus-within + .js-fermer_degrade_menu > .degrade_menu {
    display: block !important;
  }
}
#menu_principal > li {
  display: inline-block;
  padding-bottom: 2em;
  position: relative;
  text-align: center;
  /*Ajout niveau 2*/
}
@media screen and (min-width: 40em) {
  #menu_principal > li {
    padding-bottom: 0;
    width: 32%;
  }
}
@media screen and (min-width: 66em) {
  #menu_principal > li {
    flex: 1;
    width: auto;
  }
  #menu_principal > li > a {
    line-height: 1.2em;
  }
}
@media screen and (min-width: 66em) {
  #menu_principal > li:hover ul, #menu_principal > li:focus-within ul {
    display: block !important;
  }
}
@media screen and (max-width: 65.9375em) {
  #menu_principal > li a ul {
    display: none !important;
  }
}
@media screen and (min-width: 66em) {
  #menu_principal > li a {
    margin: 0;
    padding: 1em 0.1em 1.75em;
  }
}
#menu_principal > li ul {
  background-color: #fff;
  border-bottom: 6px solid #ccc;
  display: none;
  font: 0.85em roboto_condensedlight, arial, helvetica, sans-serif;
  height: auto;
  left: 50%;
  line-height: 1em;
  padding: 0 15px 15px 15px;
  position: absolute;
  top: 4.3em;
  transform: translateX(-50%);
  width: 290px;
  z-index: 200;
}
#menu_principal > li ul::before {
  background: #e6e6e6;
  content: "";
  display: block;
  height: 1px;
  margin-bottom: 10px;
  width: 95%;
}
#menu_principal > li ul li {
  display: block;
  line-height: 1em;
  margin: 0;
  text-align: left;
}
#menu_principal a {
  background-color: transparent;
  color: #000;
  display: inline-block;
  margin: 0.5em 0.1em;
  text-decoration: none;
  width: 100%;
}
#menu_principal li.courant,
#menu_principal ul li.courant {
  font-weight: bold;
}
#menu_principal li > a.unfold,
#menu_principal li > a:hover,
#menu_principal li > a:focus {
  text-decoration: underline;
}
#menu_principal li.courant > a,
#menu_principal > a:hover,
#menu_principal > a:focus,
#menu_principal em a {
  background: none;
  color: #000;
}
#menu_principal li:hover li a,
#menu_principal ul a {
  background-color: #fff;
  border-bottom: 1px dotted #fff;
  color: #333;
  padding: 0.75em 0;
}
#menu_principal li:hover li a:hover,
#menu_principal li:hover li a:focus,
#menu_principal ul a:hover,
#menu_principal ul a:focus {
  background: #fff;
  color: #000;
}

@media screen and (max-width: 65.9375em) {
  body.accueil.recherche [id^=avec_nav] #bandeau_page + *,
  body [id^=avec_nav] #bandeau_page + * {
    margin-top: 8.5em;
  }
  body.accueil #bandeau_page + * {
    margin-top: 6.5em;
  }
  body.accueil #titre {
    margin-top: 5.37500em;
  }
  body.accueil #services {
    display: block !important;
  }
  body.accueil #navigation {
    display: none;
  }

  [id^=avec_nav] #bandeau_page .corps {
    display: none;
  }

  #services {
    display: none !important;
  }
}
#navigation ul li a {
  font: 1em roboto_condensedlight, arial, helvetica, sans-serif;
  font-weight: normal;
}
#navigation ul li a.courant {
  font: 1em roboto_condensedbold, arial, helvetica, sans-serif;
}
#navigation li {
  list-style: none;
}
@media screen and (max-width: 39.9375em) {
  #navigation {
    background: white;
    -moz-box-shadow: 0 0 1em #000;
    -webkit-box-shadow: 0 0 1em #000;
    box-shadow: 0 0 1em #000;
    height: 7em;
    left: 0;
    padding: .5em 1.25em;
    position: absolute;
    right: 0;
    top: 13.1em;
    z-index: 36;
  }
  #navigation .titre {
    display: block;
    font: 2.125em roboto_condensedlight, arial, helvetica, sans-serif;
  }
  #navigation .choix {
    background: rgba(0, 119, 152, 0.8);
    color: white;
    display: inline-block;
    font: 1em roboto_condensedlight_italic, arial, helvetica, sans-serif;
    height: 3em;
    left: 1em;
    line-height: 3em;
    margin: .3em -.5em -.5em -.5em;
    padding: 0.5em;
    position: absolute;
    right: 1em;
  }
  #navigation .choix .fleche-bas {
    border-left: .5em solid transparent;
    border-right: .5em solid transparent;
    border-top: 1em solid white;
    display: inline-block;
    height: 0;
    margin-left: .8em;
    margin-top: -.4em;
    position: absolute;
    right: .5em;
    top: 50%;
    vertical-align: middle;
    width: 0;
  }
  #navigation > ul {
    background: rgba(0, 119, 152, 0.8);
    margin: -.625em;
    padding: .625em .625em .125em .625em;
    position: relative;
    top: 4.75em;
  }
  #navigation > ul > li {
    border-bottom: 1px solid #789daf;
    display: block;
    font-family: roboto_condensedlight, arial, helvetica, sans-serif;
    font-size: 1.56250em;
    padding-bottom: .3em;
  }
  #navigation > ul > li:last-child {
    border-bottom: none;
  }
  #navigation > ul > li.non_courant_sans_enfants::before {
    border-bottom: 0.3em solid transparent;
    border-left: 0.5em solid white !important;
    border-right: 0.6em solid transparent;
    border-top: 0.3em solid transparent;
    bottom: 0.1em;
    content: " ";
    display: inline-block;
    position: relative;
    height: 0;
    width: 0;
  }
  #navigation > ul > li.non_courant::before {
    border-bottom: 0.3em solid transparent;
    border-left: 0.5em solid white !important;
    border-right: 0.6em solid transparent;
    border-top: 0.3em solid transparent;
    bottom: 0.1em;
    content: " ";
    display: inline-block;
    position: relative;
    height: 0;
    width: 0;
  }
  #navigation > ul > li.courant::before {
    border-bottom: 0.3em solid transparent;
    border-left: 0.5em solid white !important;
    border-right: 0.6em solid transparent;
    border-top: 0.3em solid transparent;
    bottom: 0.1em;
    content: " ";
    display: inline-block;
    position: relative;
    height: 0;
    width: 0;
  }
}
@media screen and (max-width: 39.9375em) and (max-width: 39.9375em) {
  #navigation > ul > li.courant {
    border-bottom: 1px solid #789daf !important;
  }
}
@media screen and (max-width: 39.9375em) {
  #navigation > ul > li.courant a {
    text-decoration: underline;
  }
  #navigation > ul > li.courant ul {
    display: none;
  }
  #navigation > ul > li > ul {
    display: none !important;
  }
  #navigation > ul > li a {
    color: white;
  }
  #navigation > ul {
    display: none;
  }
}
@media screen and (min-width: 40em) {
  #navigation {
    display: inline-block;
    position: absolute;
    top: 0;
    z-index: 36;
  }
}
@media screen and (min-width: 40em) and (max-width: 65.9375em) {
  #navigation.sous_rubriques .titre.unfold .fleche-bas {
    visibility: visible;
  }
  #navigation.sous_rubriques .choix {
    display: none !important;
  }
  #navigation.sous_rubriques .choix.unfold + ul li.courant ul {
    display: block !important;
  }
  #navigation.sous_rubriques .titre.unfold + .choix + ul > li {
    display: block !important;
  }
  #navigation.sous_rubriques .titre.unfold + .choix + ul > li.courant a {
    text-decoration: underline;
  }
  #navigation.sous_rubriques .titre.unfold + .choix + ul > li a {
    display: inline-block;
    width: 100%;
  }
  #navigation.sous_rubriques .titre.unfold + .choix + ul > li a::before {
    border-bottom: 0.3em solid transparent;
    border-left: 0.5em solid white !important;
    border-right: 0.6em solid transparent;
    border-top: 0.3em solid transparent;
    bottom: 0.1em;
    content: " ";
    display: inline-block;
    position: relative;
    height: 0;
    width: 0;
  }
  #navigation.sous_rubriques .titre.unfold + .choix + ul > li ul {
    display: none !important;
  }
  #navigation.sous_rubriques > ul {
    display: block !important;
    padding-top: .5em;
  }
  #navigation.sous_rubriques > ul > li.non_courant {
    display: none !important;
  }
  #navigation.sous_rubriques > ul > li.courant {
    display: block !important;
  }
  #navigation.sous_rubriques > ul > li.courant ul {
    display: none;
  }
  #navigation.sous_rubriques > ul > li.courant > a:first-child {
    pointer-events: none;
  }
  #navigation #navigation {
    background: none;
    font-size: 1em;
    height: 0;
    max-width: 25%;
    padding: 0;
    top: 0;
  }
  #navigation #navigation ul {
    top: 2.9em;
  }
  #navigation #navigation .titre {
    background: rgba(255, 255, 255, 0.8);
    font-size: 26px;
    padding: 0 0.31em;
    width: 100%;
  }
  #navigation #navigation .choix {
    height: 1.25em;
    left: 0;
    line-height: 1.25em;
    margin: 0;
    margin-top: 0;
    right: 0;
    width: 100%;
  }
  #navigation #navigation #menu_secondaire {
    font-size: 16px;
    margin: -0.625em 0;
    padding: 0.5em;
    width: 100%;
  }
  #navigation #navigation #menu_secondaire li {
    border-bottom: none;
    display: block;
    font-size: 1em;
    list-style: none;
  }
  #navigation #navigation #menu_secondaire li .courant {
    border-bottom: none !important;
  }
  #navigation #navigation #menu_secondaire li::before {
    border-bottom: 0.3em solid transparent;
    border-left: 0.5em solid white !important;
    border-right: 0.6em solid transparent;
    border-top: 0.3em solid transparent;
    bottom: 0.1em;
    content: " ";
    display: inline-block;
    height: 0;
    position: relative;
    width: 0;
  }
  #navigation #navigation #menu_secondaire a {
    font-size: 1em;
  }
}
@media screen and (min-width: 40em) {
  #navigation .titre {
    background: rgba(255, 255, 255, 0.8);
    color: black;
    display: inline-block;
    font: 1.625em roboto_condensedlight, arial, helvetica, sans-serif;
    padding: 0 0.38462em;
  }
  #navigation .titre.unfold .fleche-bas {
    visibility: hidden;
  }
  #navigation .titre.unfold + .choix .fleche-bas {
    display: inline-block;
  }
  #navigation .titre .fleche-bas {
    border-left: 0.23077em solid transparent;
    border-right: 0.23077em solid transparent;
    border-top: 0.46154em solid black;
    display: inline-block;
    height: 0;
    margin-left: 1em;
    position: relative;
    top: -0.07692em;
    vertical-align: middle;
    width: 0;
  }
  #navigation .titre .fleche-bas::before {
    border-left: 1px solid black;
    content: " ";
    display: inline-block;
    height: 0.84615em;
    left: -0.53846em;
    position: absolute;
    top: -0.69231em;
    vertical-align: middle;
    width: 0;
  }
  #navigation .choix {
    background: rgba(0, 119, 152, 0.8);
    color: white;
    display: block;
    font: 1em roboto_condensedlight_italic, arial, helvetica, sans-serif;
    height: 2.5em;
    line-height: 2.5em;
    padding: 0 .5em;
    position: relative;
  }
  #navigation .choix .fleche-bas {
    border-bottom: 0.46154em solid white;
    border-left: 0.23077em solid transparent;
    border-right: 0.23077em solid transparent;
    bottom: 1em;
    display: none;
    font-size: 1.1em;
    height: 0;
    margin-left: 1em;
    position: absolute;
    right: .75em;
    vertical-align: middle;
    width: 0;
  }
  #navigation .choix .fleche-bas::before {
    border-left: 1px solid white;
    bottom: -.75em;
    content: " ";
    display: inline-block;
    height: 0.84615em;
    left: -0.75em;
    position: absolute;
    vertical-align: middle;
    width: 0;
  }
  #navigation > ul {
    background: rgba(0, 119, 152, 0.8);
    display: none;
    padding: 0 .625em .375em .625em;
  }
  #navigation > ul > li {
    padding: .25em 0;
  }
  #navigation > ul > li.non_courant_sans_enfants::before {
    border-bottom: 0.3em solid transparent;
    border-left: 0.5em solid white !important;
    border-right: 0.6em solid transparent;
    border-top: 0.3em solid transparent;
    bottom: 0.1em;
    content: " ";
    display: inline-block;
    position: relative;
    height: 0;
    width: 0;
  }
  #navigation > ul > li.courant > ul {
    background: rgba(77, 83, 87, 0.8);
    margin: .625em -.625em -.625em -.625em;
    padding: .625em;
  }
  #navigation > ul > li.courant > ul li {
    padding: .25em 0;
  }
  #navigation > ul > li.courant > ul li a {
    display: inline-block;
    width: 100%;
  }
  #navigation > ul > li.courant > ul li a::before {
    border-bottom: 0.3em solid transparent;
    border-left: 0.5em solid white !important;
    border-right: 0.6em solid transparent;
    border-top: 0.3em solid transparent;
    bottom: 0.1em;
    content: " ";
    display: inline-block;
    position: relative;
    height: 0;
    width: 0;
  }
  #navigation > ul > li.courant > ul li.courant::before {
    border-top-color: transparent !important;
  }
  #navigation > ul > li.courant > ul li.courant a {
    font-family: roboto_condensedregular, arial, helvetica, sans-serif;
  }
  #navigation > ul > li > ul {
    display: none;
  }
  #navigation > ul > li a {
    color: white;
  }
}
@media screen and (min-width: 66em) {
  #navigation {
    display: block;
    position: static;
  }
  #navigation .titre {
    background: none;
    font: 2.125em roboto_condensedlight, arial, helvetica, sans-serif;
    padding-left: 0 !important;
  }
  #navigation .titre .fleche-bas {
    display: none;
  }
  #navigation .choix {
    display: none !important;
  }
  #navigation > ul {
    background: none;
    border-bottom: 1px solid #cbccce;
    border-top: 1px solid #cbccce;
    display: block !important;
    padding: 0 0 1.25em 0;
  }
  #navigation > ul > li {
    display: block !important;
    font-size: 1.06250em;
    position: static;
  }
  #navigation > ul > li > ul {
    display: none !important;
    font-size: 0.82353em;
  }
  #navigation > ul > li.non_courant_sans_enfants::before {
    border-bottom: 0.3em solid transparent;
    border-left: 0.5em solid black !important;
    border-right: 0.6em solid transparent;
    border-top: 0.3em solid transparent;
    bottom: -.4em;
    content: " ";
    float: left;
    height: 0;
    position: relative;
    width: 0;
  }
  #navigation > ul > li.non_courant {
    display: block !important;
  }
  #navigation > ul > li.courant {
    border-bottom: 1px solid #B6CDDD;
    border-top: 1px solid #B6CDDD;
  }
  #navigation > ul > li.courant::before {
    border-left: 0.3em solid transparent !important;
  }
  #navigation > ul > li.courant a {
    color: #007798;
  }
  #navigation > ul > li.courant > ul {
    background: none;
    border: none;
    display: block !important;
    margin-left: .625em;
    margin-top: 0;
    padding-left: .7em;
    padding-top: 0;
  }
  #navigation > ul > li.courant > ul li {
    padding: 0;
  }
  #navigation > ul > li.courant > ul li::before {
    border-bottom: 0.3em solid transparent;
    border-left: 0.5em solid #007798 !important;
    border-right: 0.6em solid transparent;
    border-top: 0.3em solid transparent;
    bottom: -.9em;
    content: " ";
    float: left;
    height: 0;
    position: relative;
    width: 0;
  }
  #navigation > ul > li.courant > ul li a {
    display: block;
    margin-left: 1em;
    padding: .5em 0;
  }
  #navigation > ul > li.courant > ul li a::before {
    display: none;
  }
  #navigation > ul > li a {
    color: black;
    display: block;
  }
}

@media screen and (max-width: 42.60417em) {
  #navigation ul li.accueil_n1 {
    display: none;
  }
}
@media screen and (min-width: 66em) {
  .degrade_menu {
    background: rgba(0, 0, 0, 0.25);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.13) 49%, transparent 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.25)), color-stop(49%, rgba(0, 0, 0, 0.13)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.13) 49%, transparent 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.13) 49%, transparent 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.13) 49%, transparent 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.13) 49%, rgba(0, 0, 0, 0) 100%);
    content: '';
    display: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
    height: 450px;
    left: -99em;
    position: absolute;
    right: -99em;
    top: 137px;
  }

  #navigation .titre {
    display: inline-block;
    margin-bottom: 0.3em;
    margin-top: 0.3em;
  }
  #navigation #menu_secondaire {
    border-bottom: 0;
    display: block;
    font: 1em roboto_condensedbold, arial, helvetica, sans-serif;
    line-height: 200%;
    line-height: 200%;
    list-style: none;
    margin: 0;
    margin: 0em 0 1em 0;
    padding: 1em 0 0;
  }
  #navigation #menu_secondaire li.accueil_n1 {
    border-bottom: none;
    display: block;
  }
  #navigation #menu_secondaire li.courant {
    border-bottom: none;
    border-top: none;
    font: 1.25em roboto_condensedbold, arial, helvetica, sans-serif;
    font-weight: bold;
    margin: 0.5em 0;
  }
  #navigation #menu_secondaire li.courant a {
    font-weight: bold;
  }
  #navigation #menu_secondaire li.courant ul {
    border-left: 3px solid #ccc;
    margin: 0.5em 0;
    padding-left: 0;
  }
  #navigation #menu_secondaire li.courant ul li {
    border-bottom: none;
  }
  #navigation #menu_secondaire li.courant ul li a {
    font: 15px roboto_condensedlight, arial, helvetica, sans-serif;
    margin-left: 0.5em;
  }
  #navigation #menu_secondaire li.courant ul li::before {
    display: none;
  }
  #navigation #menu_secondaire li.courant ul li.courant a {
    font: 15px roboto_condensedbold, arial, helvetica, sans-serif;
  }
  #navigation #menu_secondaire li {
    list-style: none;
  }
  #navigation #menu_secondaire li a {
    display: inline-block;
  }
}
.titre_menu-secondaire.courant a {
  font-weight: bold;
}

#pied_deco {
  position: relative;
  z-index: 20;
}

#pied_page {
  background: #4d5357;
  border-bottom: 3px solid #8B9299;
  color: #fff;
  margin-top: 1.5em;
  min-height: 3.12500em;
  width: 100%;
}
#pied_page ul {
  text-align: center;
}
#pied_page a {
  color: #fff;
  height: 100%;
}

#menu_pied_page {
  width: 100%;
}
@media screen and (min-width: 40em) {
  #menu_pied_page {
    display: inline-block;
    font-size: 1em;
    line-height: 1em;
    margin: 0 auto;
  }
}
#menu_pied_page > li {
  display: inline-block;
  font-size: 0.81250em;
  height: 3.75em;
  letter-spacing: 1px;
  line-height: 3.75em;
  padding: 0;
  vertical-align: top;
  width: 33%;
}
@media screen and (min-width: 40em) {
  #menu_pied_page > li {
    height: 1.875em;
    line-height: 3.125em;
    width: 11em;
  }
}
#menu_pied_page > li a {
  display: inline-block;
  line-height: 1.15em;
  vertical-align: middle;
}
@media screen and (min-width: 40em) {
  #menu_pied_page > li a {
    height: 2.14286em;
    line-height: 2.14286em;
  }
}

#ours {
  background: #fff;
  position: relative;
  z-index: 10;
}
#ours > div {
  background: #fff;
  overflow: auto;
}
@media screen and (min-width: 66em) {
  #ours > div {
    margin: auto;
    max-width: 67.5em;
  }
}

#ours_deco {
  clear: both;
  overflow: hidden;
  padding: 1.875em 1em 1em;
}
#ours_deco img {
  max-width: 335px;
}

#logos_ecoles img {
  display: inline-block;
  height: 3.375em;
  margin-left: 1em;
  vertical-align: middle;
  width: auto;
}

/*#plan_site>*/
.plan-site ul {
  list-style: none;
  padding: 0;
}
.plan-site > ul > li {
  display: none;
  float: none;
  margin: 0 0 1.11111em;
  vertical-align: top;
}
@media screen and (min-width: 40em) {
  .plan-site > ul > li {
    display: inline-block;
  }
}
.plan-site > ul > li > .plan-site__rubrique > a {
  color: #58595b;
  font: 1.125em roboto_condensedregular, arial, helvetica, sans-serif;
  text-transform: uppercase;
}
.plan-site > ul > li li {
  color: #7a7b7f;
  font-size: 0.75em;
}
.plan-site > ul > li li a {
  color: #7a7b7f;
  line-height: 1.66667em;
}

#coordonnees {
  display: block;
  margin: 0 auto;
  padding: 0.75em 0;
  text-align: center;
}
@media screen and (min-width: 40em) {
  #coordonnees {
    border-left: 1px solid #cbccce;
    display: inline-block;
    float: right;
    padding-left: 1em;
  }
}
#coordonnees #logo_pied {
  display: none;
}
@media screen and (min-width: 40em) {
  #coordonnees #logo_pied {
    display: inline-block;
    margin-bottom: 10px;
  }
}
#coordonnees address {
  color: #58595b;
  font-size: 0.75em;
  margin-bottom: 2em;
}
#coordonnees address strong {
  font-size: 1.18182em;
  font-weight: bold;
}
#coordonnees address span[lang] {
  font-style: italic;
}

#lien_suivez_nous {
  display: none;
}

#reseaux_sociaux {
  border-top: 2px solid #e8e8e9;
  display: inline-block;
  padding-top: 1em;
}
#reseaux_sociaux img {
  max-width: 40px;
}
#reseaux_sociaux ul {
  padding: 0;
}
#reseaux_sociaux strong {
  color: #808285;
  display: inline-block;
  font-family: roboto_condensedregular, arial, helvetica, sans-serif;
  font-weight: normal;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}
#reseaux_sociaux li {
  display: inline-block;
  list-style: none;
}
#reseaux_sociaux li.last a {
  margin-right: 0;
}
#reseaux_sociaux li a {
  color: rgba(77, 83, 87, 0.8);
  font-size: 3.39286em;
  margin-right: 0.5em;
  text-shadow: 0.03684em 0.03684em 0.16579em white, 0 0 0 #000;
}
#reseaux_sociaux li a span {
  display: none;
}
@media screen and (min-width: 40em) {
  #reseaux_sociaux li a {
    font-size: 1.9em;
  }
}
#reseaux_sociaux li a:hover {
  text-decoration: none;
}

#logos_ecoles {
  display: none;
  padding: 1em;
  text-align: right;
}
@media screen and (min-width: 66em) {
  #logos_ecoles {
    display: block;
    float: right;
  }
}

a.has-figure:hover {
  text-decoration: none;
}

.figure__figcaption {
  color: black;
}

#sous_bandeau {
  background: #f2f2f2;
  border-color: #bfbfbf;
  border-left: 1px;
  border-right: 1px;
  border-style: solid;
  border-top: 3px;
  color: #525b7c;
  font-weight: bold;
  height: 3.125em;
  letter-spacing: 0.25em;
  line-height: 3.125em;
  margin: 0 auto;
  max-width: 98%;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 83.75em;
  z-index: 40;
}
#sous_bandeau a {
  color: #404040;
  font-family: roboto_condensedregular, arial, helvetica, sans-serif;
  font-size: 1.06250em;
}

.formation #onglet_actif {
  display: block;
}
.formation dl.presentation {
  border-left: 1px solid;
  float: left;
  margin-left: .5em;
  margin-top: 0;
  padding-left: .5em;
}
.formation dl.presentation dt {
  font-weight: 700;
}
.formation dl.presentation dd {
  margin: 0;
}
.formation dl.premier_bloc {
  border-left: 0;
  margin-left: 0;
  margin-right: .5em;
  padding-left: 0;
  padding-right: .5em;
}
.formation [class^="contenu_onglet"] {
  display: none;
}

#details {
  float: left;
  width: 60%;
}
#details th {
  width: 60%;
}
#details td {
  padding-left: .5em;
}

#details_formation {
  width: 100%;
}
#details_formation tr {
  display: table-row;
}
#details_formation tr td {
  display: table-cell;
  padding-bottom: 0;
  padding-top: 0;
}

#document_informations {
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 1.37500em;
  padding-bottom: 1.25000em;
}
#document_informations .icone {
  float: left;
}
#document_informations .icone span[class^="icon-"] {
  color: #383838;
  font-size: 1.62500em;
  margin: 0;
}
#document_informations .details {
  color: #505153;
  font-size: 0.75000em;
  line-height: 1.15em;
  margin-left: 2.91667em;
}

#annuaireksup_coordonnees ul {
  padding: 0;
}
#annuaireksup_coordonnees ul li {
  list-style-type: none;
}

@media screen and (min-width: 40em) {
  #annuaireksup_photo {
    float: right;
    position: relative;
    right: -10px;
    top: -2em;
    width: auto;
  }
}

#language_bottom {
  display: inline-block;
}
@media screen and (min-width: 40em) {
  #language_bottom {
    display: none;
  }
}
#language_bottom a {
  margin: 0em .5em;
}

*[id^="avec_nav"] + #encadres {
  display: inline-block;
}
*[id^="avec_nav"] + #encadres > [class^="encadre"] {
  margin: 0 0 1em;
  width: 100%;
}
@media screen and (min-width: 40em) {
  *[id^="avec_nav"] + #encadres > [class^="encadre"]:nth-child(2n-1) {
    clear: left;
    /* margin-left: 0; */
  }
  *[id^="avec_nav"] + #encadres > [class^="encadre"]:nth-child(2n) {
    clear: right;
    /* margin-right: 0; */
  }
  *[id^="avec_nav"] + #encadres > [class^="encadre"].pleine_largeur {
    margin: 0 0 1em;
    width: 100%;
  }
}
@media screen and (min-width: 66em) {
  *[id^="avec_nav"] + #encadres > [class^="encadre"] {
    width: 48%;
  }
  *[id^="avec_nav"] + #encadres > [class^="encadre"]:nth-child(2n-1) {
    margin-left: 0;
    margin-right: 2%;
  }
  *[id^="avec_nav"] + #encadres > [class^="encadre"]:nth-child(2n) {
    margin-left: 2%;
    margin-right: 0;
  }
}

*[id^="sans_nav"] + #encadres {
  display: inline-block;
}
*[id^="sans_nav"] + #encadres > [class^="encadre"] {
  margin: 0 0 1em;
  width: 100%;
}
@media screen and (min-width: 40em) {
  *[id^="sans_nav"] + #encadres > [class^="encadre"] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 2% 1em;
    width: 46%;
  }
  *[id^="sans_nav"] + #encadres > [class^="encadre"].pleine_largeur {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
@media screen and (min-width: 66em) {
  *[id^="sans_nav"] + #encadres > [class^="encadre"] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 1em 4%;
    width: 30.66667%;
  }
  *[id^="sans_nav"] + #encadres > [class^="encadre"]:nth-child(3n-2) {
    clear: left;
    margin-left: 0;
  }
  *[id^="sans_nav"] + #encadres > [class^="encadre"].pleine_largeur {
    width: 100%;
  }
}

div#encadres.encadres_page {
  display: inline-block;
  float: right;
}
@media screen and (min-width: 66em) {
  div#encadres.encadres_page {
    width: 35%;
  }
}
@media screen and (max-width: 65.9375em) {
  div#encadres.encadres_page {
    width: auto;
  }
}

.style_3,
.style_4,
#encadres > [class^="encadre"] {
  background: #f1f1f2;
  overflow: visible !important;
  position: relative;
  border-bottom: 3px solid #d9d9d9;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  display: block;
  font: 0.875em arial, helvetica, sans-serif;
  line-height: 1.18750rem;
  overflow: auto;
  padding: .625em;
  vertical-align: top;
}
.style_3 h2,
.style_4 h2,
#encadres > [class^="encadre"] h2 {
  border-bottom: 1px solid #bfbfbf;
  color: #000;
  font: 1.1875em roboto_condensedregular, arial, helvetica, sans-serif;
  padding-bottom: 0.31579em;
}
.style_3 > div,
.style_3 > form,
.style_4 > div,
.style_4 > form,
#encadres > [class^="encadre"] > div,
#encadres > [class^="encadre"] > form {
  padding: 1em 0;
}
.style_3 ul,
.style_3 ol,
.style_4 ul,
.style_4 ol,
#encadres > [class^="encadre"] ul,
#encadres > [class^="encadre"] ol {
  padding: 0;
}
.style_3 .puce,
.style_3 ul li,
.style_4 .puce,
.style_4 ul li,
#encadres > [class^="encadre"] .puce,
#encadres > [class^="encadre"] ul li {
  list-style-type: none;
}
.style_3 .puce::before,
.style_3 ul li::before,
.style_4 .puce::before,
.style_4 ul li::before,
#encadres > [class^="encadre"] .puce::before,
#encadres > [class^="encadre"] ul li::before {
  border-bottom: 0.3em solid transparent;
  border-left: 0.5em solid #000 !important;
  border-right: 0.6em solid transparent;
  border-top: 0.3em solid transparent;
  bottom: 0.1em;
  content: " ";
  display: inline-block;
  position: relative;
  height: 0;
  width: 0;
}

.style_3,
.style_4 {
  font: 0.9375em arial, helvetica, sans-serif;
  line-height: 1.40625rem !important;
  width: 100% !important;
}

.style_3 .toolbox a {
  color: #393939 !important;
}

#encadres {
  margin-top: 1em;
  max-width: 67.5em;
  width: 100%;
}
#encadres > div {
  margin-bottom: 1em;
  margin-top: 1.25em;
}
#encadres > .encadre_recherche fieldset {
  background: transparent;
  border: 0;
  padding: 0;
}
#encadres > .encadre_recherche legend {
  display: none;
}
#encadres > .encadre_recherche label {
  display: block;
}
#encadres > .encadre_recherche input[type="text"],
#encadres > .encadre_recherche select {
  width: 100%;
}
#encadres > .encadre_recherche p.parcourir input.champ-saisie {
  width: 9.75em;
}
#encadres > .encadre_contribution {
  border: 1px dashed red;
}

#form_saisie_front input[type="radio"],
#form_saisie_front input[type="checkbox"],
form.gestion input[type="radio"],
form.gestion input[type="checkbox"],
#recherche_avancee input[type="radio"],
#recherche_avancee input[type="checkbox"] {
  clear: both;
  float: left !important;
  margin-right: .5em;
}
#form_saisie_front input[type="radio"] + label,
#form_saisie_front input[type="checkbox"] + label,
form.gestion input[type="radio"] + label,
form.gestion input[type="checkbox"] + label,
#recherche_avancee input[type="radio"] + label,
#recherche_avancee input[type="checkbox"] + label {
  clear: none !important;
  display: block !important;
}
#form_saisie_front input[type="radio"] + label:last-child,
#form_saisie_front input[type="checkbox"] + label:last-child,
form.gestion input[type="radio"] + label:last-child,
form.gestion input[type="checkbox"] + label:last-child,
#recherche_avancee input[type="radio"] + label:last-child,
#recherche_avancee input[type="checkbox"] + label:last-child {
  margin-bottom: 1em;
}
#form_saisie_front p label,
#form_saisie_front p .libelle,
#form_saisie_front p .label,
#form_saisie_front div label,
#form_saisie_front div .libelle,
#form_saisie_front div .label,
#form_saisie_front .toolbox label,
#form_saisie_front .toolbox .libelle,
#form_saisie_front .toolbox .label,
#form_saisie_front .multi-col label,
#form_saisie_front .multi-col .libelle,
#form_saisie_front .multi-col .label,
#form_saisie_front .liste_multivaluee label,
#form_saisie_front .liste_multivaluee .libelle,
#form_saisie_front .liste_multivaluee .label,
form.gestion p label,
form.gestion p .libelle,
form.gestion p .label,
form.gestion div label,
form.gestion div .libelle,
form.gestion div .label,
form.gestion .toolbox label,
form.gestion .toolbox .libelle,
form.gestion .toolbox .label,
form.gestion .multi-col label,
form.gestion .multi-col .libelle,
form.gestion .multi-col .label,
form.gestion .liste_multivaluee label,
form.gestion .liste_multivaluee .libelle,
form.gestion .liste_multivaluee .label,
#recherche_avancee p label,
#recherche_avancee p .libelle,
#recherche_avancee p .label,
#recherche_avancee div label,
#recherche_avancee div .libelle,
#recherche_avancee div .label,
#recherche_avancee .toolbox label,
#recherche_avancee .toolbox .libelle,
#recherche_avancee .toolbox .label,
#recherche_avancee .multi-col label,
#recherche_avancee .multi-col .libelle,
#recherche_avancee .multi-col .label,
#recherche_avancee .liste_multivaluee label,
#recherche_avancee .liste_multivaluee .libelle,
#recherche_avancee .liste_multivaluee .label {
  clear: both;
  display: block;
  font-weight: bold;
  vertical-align: top;
  width: 100%;
}
#form_saisie_front p div.choices input,
#form_saisie_front p input,
#form_saisie_front p textarea,
#form_saisie_front p select,
#form_saisie_front p .liste-fichier,
#form_saisie_front p table,
#form_saisie_front p [class^="kmultiselect"],
#form_saisie_front p [class^="kmonoselect"],
#form_saisie_front div div.choices input,
#form_saisie_front div input,
#form_saisie_front div textarea,
#form_saisie_front div select,
#form_saisie_front div .liste-fichier,
#form_saisie_front div table,
#form_saisie_front div [class^="kmultiselect"],
#form_saisie_front div [class^="kmonoselect"],
#form_saisie_front .toolbox div.choices input,
#form_saisie_front .toolbox input,
#form_saisie_front .toolbox textarea,
#form_saisie_front .toolbox select,
#form_saisie_front .toolbox .liste-fichier,
#form_saisie_front .toolbox table,
#form_saisie_front .toolbox [class^="kmultiselect"],
#form_saisie_front .toolbox [class^="kmonoselect"],
#form_saisie_front .multi-col div.choices input,
#form_saisie_front .multi-col input,
#form_saisie_front .multi-col textarea,
#form_saisie_front .multi-col select,
#form_saisie_front .multi-col .liste-fichier,
#form_saisie_front .multi-col table,
#form_saisie_front .multi-col [class^="kmultiselect"],
#form_saisie_front .multi-col [class^="kmonoselect"],
#form_saisie_front .liste_multivaluee div.choices input,
#form_saisie_front .liste_multivaluee input,
#form_saisie_front .liste_multivaluee textarea,
#form_saisie_front .liste_multivaluee select,
#form_saisie_front .liste_multivaluee .liste-fichier,
#form_saisie_front .liste_multivaluee table,
#form_saisie_front .liste_multivaluee [class^="kmultiselect"],
#form_saisie_front .liste_multivaluee [class^="kmonoselect"],
form.gestion p div.choices input,
form.gestion p input,
form.gestion p textarea,
form.gestion p select,
form.gestion p .liste-fichier,
form.gestion p table,
form.gestion p [class^="kmultiselect"],
form.gestion p [class^="kmonoselect"],
form.gestion div div.choices input,
form.gestion div input,
form.gestion div textarea,
form.gestion div select,
form.gestion div .liste-fichier,
form.gestion div table,
form.gestion div [class^="kmultiselect"],
form.gestion div [class^="kmonoselect"],
form.gestion .toolbox div.choices input,
form.gestion .toolbox input,
form.gestion .toolbox textarea,
form.gestion .toolbox select,
form.gestion .toolbox .liste-fichier,
form.gestion .toolbox table,
form.gestion .toolbox [class^="kmultiselect"],
form.gestion .toolbox [class^="kmonoselect"],
form.gestion .multi-col div.choices input,
form.gestion .multi-col input,
form.gestion .multi-col textarea,
form.gestion .multi-col select,
form.gestion .multi-col .liste-fichier,
form.gestion .multi-col table,
form.gestion .multi-col [class^="kmultiselect"],
form.gestion .multi-col [class^="kmonoselect"],
form.gestion .liste_multivaluee div.choices input,
form.gestion .liste_multivaluee input,
form.gestion .liste_multivaluee textarea,
form.gestion .liste_multivaluee select,
form.gestion .liste_multivaluee .liste-fichier,
form.gestion .liste_multivaluee table,
form.gestion .liste_multivaluee [class^="kmultiselect"],
form.gestion .liste_multivaluee [class^="kmonoselect"],
#recherche_avancee p div.choices input,
#recherche_avancee p input,
#recherche_avancee p textarea,
#recherche_avancee p select,
#recherche_avancee p .liste-fichier,
#recherche_avancee p table,
#recherche_avancee p [class^="kmultiselect"],
#recherche_avancee p [class^="kmonoselect"],
#recherche_avancee div div.choices input,
#recherche_avancee div input,
#recherche_avancee div textarea,
#recherche_avancee div select,
#recherche_avancee div .liste-fichier,
#recherche_avancee div table,
#recherche_avancee div [class^="kmultiselect"],
#recherche_avancee div [class^="kmonoselect"],
#recherche_avancee .toolbox div.choices input,
#recherche_avancee .toolbox input,
#recherche_avancee .toolbox textarea,
#recherche_avancee .toolbox select,
#recherche_avancee .toolbox .liste-fichier,
#recherche_avancee .toolbox table,
#recherche_avancee .toolbox [class^="kmultiselect"],
#recherche_avancee .toolbox [class^="kmonoselect"],
#recherche_avancee .multi-col div.choices input,
#recherche_avancee .multi-col input,
#recherche_avancee .multi-col textarea,
#recherche_avancee .multi-col select,
#recherche_avancee .multi-col .liste-fichier,
#recherche_avancee .multi-col table,
#recherche_avancee .multi-col [class^="kmultiselect"],
#recherche_avancee .multi-col [class^="kmonoselect"],
#recherche_avancee .liste_multivaluee div.choices input,
#recherche_avancee .liste_multivaluee input,
#recherche_avancee .liste_multivaluee textarea,
#recherche_avancee .liste_multivaluee select,
#recherche_avancee .liste_multivaluee .liste-fichier,
#recherche_avancee .liste_multivaluee table,
#recherche_avancee .liste_multivaluee [class^="kmultiselect"],
#recherche_avancee .liste_multivaluee [class^="kmonoselect"] {
  min-width: 0 !important;
  vertical-align: top;
}
#form_saisie_front p div.choices input > table,
#form_saisie_front p input > table,
#form_saisie_front p textarea > table,
#form_saisie_front p select > table,
#form_saisie_front p .liste-fichier > table,
#form_saisie_front p table > table,
#form_saisie_front p [class^="kmultiselect"] > table,
#form_saisie_front p [class^="kmonoselect"] > table,
#form_saisie_front div div.choices input > table,
#form_saisie_front div input > table,
#form_saisie_front div textarea > table,
#form_saisie_front div select > table,
#form_saisie_front div .liste-fichier > table,
#form_saisie_front div table > table,
#form_saisie_front div [class^="kmultiselect"] > table,
#form_saisie_front div [class^="kmonoselect"] > table,
#form_saisie_front .toolbox div.choices input > table,
#form_saisie_front .toolbox input > table,
#form_saisie_front .toolbox textarea > table,
#form_saisie_front .toolbox select > table,
#form_saisie_front .toolbox .liste-fichier > table,
#form_saisie_front .toolbox table > table,
#form_saisie_front .toolbox [class^="kmultiselect"] > table,
#form_saisie_front .toolbox [class^="kmonoselect"] > table,
#form_saisie_front .multi-col div.choices input > table,
#form_saisie_front .multi-col input > table,
#form_saisie_front .multi-col textarea > table,
#form_saisie_front .multi-col select > table,
#form_saisie_front .multi-col .liste-fichier > table,
#form_saisie_front .multi-col table > table,
#form_saisie_front .multi-col [class^="kmultiselect"] > table,
#form_saisie_front .multi-col [class^="kmonoselect"] > table,
#form_saisie_front .liste_multivaluee div.choices input > table,
#form_saisie_front .liste_multivaluee input > table,
#form_saisie_front .liste_multivaluee textarea > table,
#form_saisie_front .liste_multivaluee select > table,
#form_saisie_front .liste_multivaluee .liste-fichier > table,
#form_saisie_front .liste_multivaluee table > table,
#form_saisie_front .liste_multivaluee [class^="kmultiselect"] > table,
#form_saisie_front .liste_multivaluee [class^="kmonoselect"] > table,
form.gestion p div.choices input > table,
form.gestion p input > table,
form.gestion p textarea > table,
form.gestion p select > table,
form.gestion p .liste-fichier > table,
form.gestion p table > table,
form.gestion p [class^="kmultiselect"] > table,
form.gestion p [class^="kmonoselect"] > table,
form.gestion div div.choices input > table,
form.gestion div input > table,
form.gestion div textarea > table,
form.gestion div select > table,
form.gestion div .liste-fichier > table,
form.gestion div table > table,
form.gestion div [class^="kmultiselect"] > table,
form.gestion div [class^="kmonoselect"] > table,
form.gestion .toolbox div.choices input > table,
form.gestion .toolbox input > table,
form.gestion .toolbox textarea > table,
form.gestion .toolbox select > table,
form.gestion .toolbox .liste-fichier > table,
form.gestion .toolbox table > table,
form.gestion .toolbox [class^="kmultiselect"] > table,
form.gestion .toolbox [class^="kmonoselect"] > table,
form.gestion .multi-col div.choices input > table,
form.gestion .multi-col input > table,
form.gestion .multi-col textarea > table,
form.gestion .multi-col select > table,
form.gestion .multi-col .liste-fichier > table,
form.gestion .multi-col table > table,
form.gestion .multi-col [class^="kmultiselect"] > table,
form.gestion .multi-col [class^="kmonoselect"] > table,
form.gestion .liste_multivaluee div.choices input > table,
form.gestion .liste_multivaluee input > table,
form.gestion .liste_multivaluee textarea > table,
form.gestion .liste_multivaluee select > table,
form.gestion .liste_multivaluee .liste-fichier > table,
form.gestion .liste_multivaluee table > table,
form.gestion .liste_multivaluee [class^="kmultiselect"] > table,
form.gestion .liste_multivaluee [class^="kmonoselect"] > table,
#recherche_avancee p div.choices input > table,
#recherche_avancee p input > table,
#recherche_avancee p textarea > table,
#recherche_avancee p select > table,
#recherche_avancee p .liste-fichier > table,
#recherche_avancee p table > table,
#recherche_avancee p [class^="kmultiselect"] > table,
#recherche_avancee p [class^="kmonoselect"] > table,
#recherche_avancee div div.choices input > table,
#recherche_avancee div input > table,
#recherche_avancee div textarea > table,
#recherche_avancee div select > table,
#recherche_avancee div .liste-fichier > table,
#recherche_avancee div table > table,
#recherche_avancee div [class^="kmultiselect"] > table,
#recherche_avancee div [class^="kmonoselect"] > table,
#recherche_avancee .toolbox div.choices input > table,
#recherche_avancee .toolbox input > table,
#recherche_avancee .toolbox textarea > table,
#recherche_avancee .toolbox select > table,
#recherche_avancee .toolbox .liste-fichier > table,
#recherche_avancee .toolbox table > table,
#recherche_avancee .toolbox [class^="kmultiselect"] > table,
#recherche_avancee .toolbox [class^="kmonoselect"] > table,
#recherche_avancee .multi-col div.choices input > table,
#recherche_avancee .multi-col input > table,
#recherche_avancee .multi-col textarea > table,
#recherche_avancee .multi-col select > table,
#recherche_avancee .multi-col .liste-fichier > table,
#recherche_avancee .multi-col table > table,
#recherche_avancee .multi-col [class^="kmultiselect"] > table,
#recherche_avancee .multi-col [class^="kmonoselect"] > table,
#recherche_avancee .liste_multivaluee div.choices input > table,
#recherche_avancee .liste_multivaluee input > table,
#recherche_avancee .liste_multivaluee textarea > table,
#recherche_avancee .liste_multivaluee select > table,
#recherche_avancee .liste_multivaluee .liste-fichier > table,
#recherche_avancee .liste_multivaluee table > table,
#recherche_avancee .liste_multivaluee [class^="kmultiselect"] > table,
#recherche_avancee .liste_multivaluee [class^="kmonoselect"] > table {
  margin-top: 0 !important;
}
#form_saisie_front p div.choices input > input.submit,
#form_saisie_front p input > input.submit,
#form_saisie_front p textarea > input.submit,
#form_saisie_front p select > input.submit,
#form_saisie_front p .liste-fichier > input.submit,
#form_saisie_front p table > input.submit,
#form_saisie_front p [class^="kmultiselect"] > input.submit,
#form_saisie_front p [class^="kmonoselect"] > input.submit,
#form_saisie_front div div.choices input > input.submit,
#form_saisie_front div input > input.submit,
#form_saisie_front div textarea > input.submit,
#form_saisie_front div select > input.submit,
#form_saisie_front div .liste-fichier > input.submit,
#form_saisie_front div table > input.submit,
#form_saisie_front div [class^="kmultiselect"] > input.submit,
#form_saisie_front div [class^="kmonoselect"] > input.submit,
#form_saisie_front .toolbox div.choices input > input.submit,
#form_saisie_front .toolbox input > input.submit,
#form_saisie_front .toolbox textarea > input.submit,
#form_saisie_front .toolbox select > input.submit,
#form_saisie_front .toolbox .liste-fichier > input.submit,
#form_saisie_front .toolbox table > input.submit,
#form_saisie_front .toolbox [class^="kmultiselect"] > input.submit,
#form_saisie_front .toolbox [class^="kmonoselect"] > input.submit,
#form_saisie_front .multi-col div.choices input > input.submit,
#form_saisie_front .multi-col input > input.submit,
#form_saisie_front .multi-col textarea > input.submit,
#form_saisie_front .multi-col select > input.submit,
#form_saisie_front .multi-col .liste-fichier > input.submit,
#form_saisie_front .multi-col table > input.submit,
#form_saisie_front .multi-col [class^="kmultiselect"] > input.submit,
#form_saisie_front .multi-col [class^="kmonoselect"] > input.submit,
#form_saisie_front .liste_multivaluee div.choices input > input.submit,
#form_saisie_front .liste_multivaluee input > input.submit,
#form_saisie_front .liste_multivaluee textarea > input.submit,
#form_saisie_front .liste_multivaluee select > input.submit,
#form_saisie_front .liste_multivaluee .liste-fichier > input.submit,
#form_saisie_front .liste_multivaluee table > input.submit,
#form_saisie_front .liste_multivaluee [class^="kmultiselect"] > input.submit,
#form_saisie_front .liste_multivaluee [class^="kmonoselect"] > input.submit,
form.gestion p div.choices input > input.submit,
form.gestion p input > input.submit,
form.gestion p textarea > input.submit,
form.gestion p select > input.submit,
form.gestion p .liste-fichier > input.submit,
form.gestion p table > input.submit,
form.gestion p [class^="kmultiselect"] > input.submit,
form.gestion p [class^="kmonoselect"] > input.submit,
form.gestion div div.choices input > input.submit,
form.gestion div input > input.submit,
form.gestion div textarea > input.submit,
form.gestion div select > input.submit,
form.gestion div .liste-fichier > input.submit,
form.gestion div table > input.submit,
form.gestion div [class^="kmultiselect"] > input.submit,
form.gestion div [class^="kmonoselect"] > input.submit,
form.gestion .toolbox div.choices input > input.submit,
form.gestion .toolbox input > input.submit,
form.gestion .toolbox textarea > input.submit,
form.gestion .toolbox select > input.submit,
form.gestion .toolbox .liste-fichier > input.submit,
form.gestion .toolbox table > input.submit,
form.gestion .toolbox [class^="kmultiselect"] > input.submit,
form.gestion .toolbox [class^="kmonoselect"] > input.submit,
form.gestion .multi-col div.choices input > input.submit,
form.gestion .multi-col input > input.submit,
form.gestion .multi-col textarea > input.submit,
form.gestion .multi-col select > input.submit,
form.gestion .multi-col .liste-fichier > input.submit,
form.gestion .multi-col table > input.submit,
form.gestion .multi-col [class^="kmultiselect"] > input.submit,
form.gestion .multi-col [class^="kmonoselect"] > input.submit,
form.gestion .liste_multivaluee div.choices input > input.submit,
form.gestion .liste_multivaluee input > input.submit,
form.gestion .liste_multivaluee textarea > input.submit,
form.gestion .liste_multivaluee select > input.submit,
form.gestion .liste_multivaluee .liste-fichier > input.submit,
form.gestion .liste_multivaluee table > input.submit,
form.gestion .liste_multivaluee [class^="kmultiselect"] > input.submit,
form.gestion .liste_multivaluee [class^="kmonoselect"] > input.submit,
#recherche_avancee p div.choices input > input.submit,
#recherche_avancee p input > input.submit,
#recherche_avancee p textarea > input.submit,
#recherche_avancee p select > input.submit,
#recherche_avancee p .liste-fichier > input.submit,
#recherche_avancee p table > input.submit,
#recherche_avancee p [class^="kmultiselect"] > input.submit,
#recherche_avancee p [class^="kmonoselect"] > input.submit,
#recherche_avancee div div.choices input > input.submit,
#recherche_avancee div input > input.submit,
#recherche_avancee div textarea > input.submit,
#recherche_avancee div select > input.submit,
#recherche_avancee div .liste-fichier > input.submit,
#recherche_avancee div table > input.submit,
#recherche_avancee div [class^="kmultiselect"] > input.submit,
#recherche_avancee div [class^="kmonoselect"] > input.submit,
#recherche_avancee .toolbox div.choices input > input.submit,
#recherche_avancee .toolbox input > input.submit,
#recherche_avancee .toolbox textarea > input.submit,
#recherche_avancee .toolbox select > input.submit,
#recherche_avancee .toolbox .liste-fichier > input.submit,
#recherche_avancee .toolbox table > input.submit,
#recherche_avancee .toolbox [class^="kmultiselect"] > input.submit,
#recherche_avancee .toolbox [class^="kmonoselect"] > input.submit,
#recherche_avancee .multi-col div.choices input > input.submit,
#recherche_avancee .multi-col input > input.submit,
#recherche_avancee .multi-col textarea > input.submit,
#recherche_avancee .multi-col select > input.submit,
#recherche_avancee .multi-col .liste-fichier > input.submit,
#recherche_avancee .multi-col table > input.submit,
#recherche_avancee .multi-col [class^="kmultiselect"] > input.submit,
#recherche_avancee .multi-col [class^="kmonoselect"] > input.submit,
#recherche_avancee .liste_multivaluee div.choices input > input.submit,
#recherche_avancee .liste_multivaluee input > input.submit,
#recherche_avancee .liste_multivaluee textarea > input.submit,
#recherche_avancee .liste_multivaluee select > input.submit,
#recherche_avancee .liste_multivaluee .liste-fichier > input.submit,
#recherche_avancee .liste_multivaluee table > input.submit,
#recherche_avancee .liste_multivaluee [class^="kmultiselect"] > input.submit,
#recherche_avancee .liste_multivaluee [class^="kmonoselect"] > input.submit {
  display: block;
  margin-bottom: 1em;
}
#form_saisie_front p div.choices input[class^="kmultiselect"],
#form_saisie_front p input[class^="kmultiselect"],
#form_saisie_front p textarea[class^="kmultiselect"],
#form_saisie_front p select[class^="kmultiselect"],
#form_saisie_front p .liste-fichier[class^="kmultiselect"],
#form_saisie_front p table[class^="kmultiselect"],
#form_saisie_front p [class^="kmultiselect"][class^="kmultiselect"],
#form_saisie_front p [class^="kmonoselect"][class^="kmultiselect"],
#form_saisie_front div div.choices input[class^="kmultiselect"],
#form_saisie_front div input[class^="kmultiselect"],
#form_saisie_front div textarea[class^="kmultiselect"],
#form_saisie_front div select[class^="kmultiselect"],
#form_saisie_front div .liste-fichier[class^="kmultiselect"],
#form_saisie_front div table[class^="kmultiselect"],
#form_saisie_front div [class^="kmultiselect"][class^="kmultiselect"],
#form_saisie_front div [class^="kmonoselect"][class^="kmultiselect"],
#form_saisie_front .toolbox div.choices input[class^="kmultiselect"],
#form_saisie_front .toolbox input[class^="kmultiselect"],
#form_saisie_front .toolbox textarea[class^="kmultiselect"],
#form_saisie_front .toolbox select[class^="kmultiselect"],
#form_saisie_front .toolbox .liste-fichier[class^="kmultiselect"],
#form_saisie_front .toolbox table[class^="kmultiselect"],
#form_saisie_front .toolbox [class^="kmultiselect"][class^="kmultiselect"],
#form_saisie_front .toolbox [class^="kmonoselect"][class^="kmultiselect"],
#form_saisie_front .multi-col div.choices input[class^="kmultiselect"],
#form_saisie_front .multi-col input[class^="kmultiselect"],
#form_saisie_front .multi-col textarea[class^="kmultiselect"],
#form_saisie_front .multi-col select[class^="kmultiselect"],
#form_saisie_front .multi-col .liste-fichier[class^="kmultiselect"],
#form_saisie_front .multi-col table[class^="kmultiselect"],
#form_saisie_front .multi-col [class^="kmultiselect"][class^="kmultiselect"],
#form_saisie_front .multi-col [class^="kmonoselect"][class^="kmultiselect"],
#form_saisie_front .liste_multivaluee div.choices input[class^="kmultiselect"],
#form_saisie_front .liste_multivaluee input[class^="kmultiselect"],
#form_saisie_front .liste_multivaluee textarea[class^="kmultiselect"],
#form_saisie_front .liste_multivaluee select[class^="kmultiselect"],
#form_saisie_front .liste_multivaluee .liste-fichier[class^="kmultiselect"],
#form_saisie_front .liste_multivaluee table[class^="kmultiselect"],
#form_saisie_front .liste_multivaluee [class^="kmultiselect"][class^="kmultiselect"],
#form_saisie_front .liste_multivaluee [class^="kmonoselect"][class^="kmultiselect"],
form.gestion p div.choices input[class^="kmultiselect"],
form.gestion p input[class^="kmultiselect"],
form.gestion p textarea[class^="kmultiselect"],
form.gestion p select[class^="kmultiselect"],
form.gestion p .liste-fichier[class^="kmultiselect"],
form.gestion p table[class^="kmultiselect"],
form.gestion p [class^="kmultiselect"][class^="kmultiselect"],
form.gestion p [class^="kmonoselect"][class^="kmultiselect"],
form.gestion div div.choices input[class^="kmultiselect"],
form.gestion div input[class^="kmultiselect"],
form.gestion div textarea[class^="kmultiselect"],
form.gestion div select[class^="kmultiselect"],
form.gestion div .liste-fichier[class^="kmultiselect"],
form.gestion div table[class^="kmultiselect"],
form.gestion div [class^="kmultiselect"][class^="kmultiselect"],
form.gestion div [class^="kmonoselect"][class^="kmultiselect"],
form.gestion .toolbox div.choices input[class^="kmultiselect"],
form.gestion .toolbox input[class^="kmultiselect"],
form.gestion .toolbox textarea[class^="kmultiselect"],
form.gestion .toolbox select[class^="kmultiselect"],
form.gestion .toolbox .liste-fichier[class^="kmultiselect"],
form.gestion .toolbox table[class^="kmultiselect"],
form.gestion .toolbox [class^="kmultiselect"][class^="kmultiselect"],
form.gestion .toolbox [class^="kmonoselect"][class^="kmultiselect"],
form.gestion .multi-col div.choices input[class^="kmultiselect"],
form.gestion .multi-col input[class^="kmultiselect"],
form.gestion .multi-col textarea[class^="kmultiselect"],
form.gestion .multi-col select[class^="kmultiselect"],
form.gestion .multi-col .liste-fichier[class^="kmultiselect"],
form.gestion .multi-col table[class^="kmultiselect"],
form.gestion .multi-col [class^="kmultiselect"][class^="kmultiselect"],
form.gestion .multi-col [class^="kmonoselect"][class^="kmultiselect"],
form.gestion .liste_multivaluee div.choices input[class^="kmultiselect"],
form.gestion .liste_multivaluee input[class^="kmultiselect"],
form.gestion .liste_multivaluee textarea[class^="kmultiselect"],
form.gestion .liste_multivaluee select[class^="kmultiselect"],
form.gestion .liste_multivaluee .liste-fichier[class^="kmultiselect"],
form.gestion .liste_multivaluee table[class^="kmultiselect"],
form.gestion .liste_multivaluee [class^="kmultiselect"][class^="kmultiselect"],
form.gestion .liste_multivaluee [class^="kmonoselect"][class^="kmultiselect"],
#recherche_avancee p div.choices input[class^="kmultiselect"],
#recherche_avancee p input[class^="kmultiselect"],
#recherche_avancee p textarea[class^="kmultiselect"],
#recherche_avancee p select[class^="kmultiselect"],
#recherche_avancee p .liste-fichier[class^="kmultiselect"],
#recherche_avancee p table[class^="kmultiselect"],
#recherche_avancee p [class^="kmultiselect"][class^="kmultiselect"],
#recherche_avancee p [class^="kmonoselect"][class^="kmultiselect"],
#recherche_avancee div div.choices input[class^="kmultiselect"],
#recherche_avancee div input[class^="kmultiselect"],
#recherche_avancee div textarea[class^="kmultiselect"],
#recherche_avancee div select[class^="kmultiselect"],
#recherche_avancee div .liste-fichier[class^="kmultiselect"],
#recherche_avancee div table[class^="kmultiselect"],
#recherche_avancee div [class^="kmultiselect"][class^="kmultiselect"],
#recherche_avancee div [class^="kmonoselect"][class^="kmultiselect"],
#recherche_avancee .toolbox div.choices input[class^="kmultiselect"],
#recherche_avancee .toolbox input[class^="kmultiselect"],
#recherche_avancee .toolbox textarea[class^="kmultiselect"],
#recherche_avancee .toolbox select[class^="kmultiselect"],
#recherche_avancee .toolbox .liste-fichier[class^="kmultiselect"],
#recherche_avancee .toolbox table[class^="kmultiselect"],
#recherche_avancee .toolbox [class^="kmultiselect"][class^="kmultiselect"],
#recherche_avancee .toolbox [class^="kmonoselect"][class^="kmultiselect"],
#recherche_avancee .multi-col div.choices input[class^="kmultiselect"],
#recherche_avancee .multi-col input[class^="kmultiselect"],
#recherche_avancee .multi-col textarea[class^="kmultiselect"],
#recherche_avancee .multi-col select[class^="kmultiselect"],
#recherche_avancee .multi-col .liste-fichier[class^="kmultiselect"],
#recherche_avancee .multi-col table[class^="kmultiselect"],
#recherche_avancee .multi-col [class^="kmultiselect"][class^="kmultiselect"],
#recherche_avancee .multi-col [class^="kmonoselect"][class^="kmultiselect"],
#recherche_avancee .liste_multivaluee div.choices input[class^="kmultiselect"],
#recherche_avancee .liste_multivaluee input[class^="kmultiselect"],
#recherche_avancee .liste_multivaluee textarea[class^="kmultiselect"],
#recherche_avancee .liste_multivaluee select[class^="kmultiselect"],
#recherche_avancee .liste_multivaluee .liste-fichier[class^="kmultiselect"],
#recherche_avancee .liste_multivaluee table[class^="kmultiselect"],
#recherche_avancee .liste_multivaluee [class^="kmultiselect"][class^="kmultiselect"],
#recherche_avancee .liste_multivaluee [class^="kmonoselect"][class^="kmultiselect"] {
  margin-bottom: 1em;
}
#form_saisie_front p div.choices input input[readonly],
#form_saisie_front p input input[readonly],
#form_saisie_front p textarea input[readonly],
#form_saisie_front p select input[readonly],
#form_saisie_front p .liste-fichier input[readonly],
#form_saisie_front p table input[readonly],
#form_saisie_front p [class^="kmultiselect"] input[readonly],
#form_saisie_front p [class^="kmonoselect"] input[readonly],
#form_saisie_front div div.choices input input[readonly],
#form_saisie_front div input input[readonly],
#form_saisie_front div textarea input[readonly],
#form_saisie_front div select input[readonly],
#form_saisie_front div .liste-fichier input[readonly],
#form_saisie_front div table input[readonly],
#form_saisie_front div [class^="kmultiselect"] input[readonly],
#form_saisie_front div [class^="kmonoselect"] input[readonly],
#form_saisie_front .toolbox div.choices input input[readonly],
#form_saisie_front .toolbox input input[readonly],
#form_saisie_front .toolbox textarea input[readonly],
#form_saisie_front .toolbox select input[readonly],
#form_saisie_front .toolbox .liste-fichier input[readonly],
#form_saisie_front .toolbox table input[readonly],
#form_saisie_front .toolbox [class^="kmultiselect"] input[readonly],
#form_saisie_front .toolbox [class^="kmonoselect"] input[readonly],
#form_saisie_front .multi-col div.choices input input[readonly],
#form_saisie_front .multi-col input input[readonly],
#form_saisie_front .multi-col textarea input[readonly],
#form_saisie_front .multi-col select input[readonly],
#form_saisie_front .multi-col .liste-fichier input[readonly],
#form_saisie_front .multi-col table input[readonly],
#form_saisie_front .multi-col [class^="kmultiselect"] input[readonly],
#form_saisie_front .multi-col [class^="kmonoselect"] input[readonly],
#form_saisie_front .liste_multivaluee div.choices input input[readonly],
#form_saisie_front .liste_multivaluee input input[readonly],
#form_saisie_front .liste_multivaluee textarea input[readonly],
#form_saisie_front .liste_multivaluee select input[readonly],
#form_saisie_front .liste_multivaluee .liste-fichier input[readonly],
#form_saisie_front .liste_multivaluee table input[readonly],
#form_saisie_front .liste_multivaluee [class^="kmultiselect"] input[readonly],
#form_saisie_front .liste_multivaluee [class^="kmonoselect"] input[readonly],
form.gestion p div.choices input input[readonly],
form.gestion p input input[readonly],
form.gestion p textarea input[readonly],
form.gestion p select input[readonly],
form.gestion p .liste-fichier input[readonly],
form.gestion p table input[readonly],
form.gestion p [class^="kmultiselect"] input[readonly],
form.gestion p [class^="kmonoselect"] input[readonly],
form.gestion div div.choices input input[readonly],
form.gestion div input input[readonly],
form.gestion div textarea input[readonly],
form.gestion div select input[readonly],
form.gestion div .liste-fichier input[readonly],
form.gestion div table input[readonly],
form.gestion div [class^="kmultiselect"] input[readonly],
form.gestion div [class^="kmonoselect"] input[readonly],
form.gestion .toolbox div.choices input input[readonly],
form.gestion .toolbox input input[readonly],
form.gestion .toolbox textarea input[readonly],
form.gestion .toolbox select input[readonly],
form.gestion .toolbox .liste-fichier input[readonly],
form.gestion .toolbox table input[readonly],
form.gestion .toolbox [class^="kmultiselect"] input[readonly],
form.gestion .toolbox [class^="kmonoselect"] input[readonly],
form.gestion .multi-col div.choices input input[readonly],
form.gestion .multi-col input input[readonly],
form.gestion .multi-col textarea input[readonly],
form.gestion .multi-col select input[readonly],
form.gestion .multi-col .liste-fichier input[readonly],
form.gestion .multi-col table input[readonly],
form.gestion .multi-col [class^="kmultiselect"] input[readonly],
form.gestion .multi-col [class^="kmonoselect"] input[readonly],
form.gestion .liste_multivaluee div.choices input input[readonly],
form.gestion .liste_multivaluee input input[readonly],
form.gestion .liste_multivaluee textarea input[readonly],
form.gestion .liste_multivaluee select input[readonly],
form.gestion .liste_multivaluee .liste-fichier input[readonly],
form.gestion .liste_multivaluee table input[readonly],
form.gestion .liste_multivaluee [class^="kmultiselect"] input[readonly],
form.gestion .liste_multivaluee [class^="kmonoselect"] input[readonly],
#recherche_avancee p div.choices input input[readonly],
#recherche_avancee p input input[readonly],
#recherche_avancee p textarea input[readonly],
#recherche_avancee p select input[readonly],
#recherche_avancee p .liste-fichier input[readonly],
#recherche_avancee p table input[readonly],
#recherche_avancee p [class^="kmultiselect"] input[readonly],
#recherche_avancee p [class^="kmonoselect"] input[readonly],
#recherche_avancee div div.choices input input[readonly],
#recherche_avancee div input input[readonly],
#recherche_avancee div textarea input[readonly],
#recherche_avancee div select input[readonly],
#recherche_avancee div .liste-fichier input[readonly],
#recherche_avancee div table input[readonly],
#recherche_avancee div [class^="kmultiselect"] input[readonly],
#recherche_avancee div [class^="kmonoselect"] input[readonly],
#recherche_avancee .toolbox div.choices input input[readonly],
#recherche_avancee .toolbox input input[readonly],
#recherche_avancee .toolbox textarea input[readonly],
#recherche_avancee .toolbox select input[readonly],
#recherche_avancee .toolbox .liste-fichier input[readonly],
#recherche_avancee .toolbox table input[readonly],
#recherche_avancee .toolbox [class^="kmultiselect"] input[readonly],
#recherche_avancee .toolbox [class^="kmonoselect"] input[readonly],
#recherche_avancee .multi-col div.choices input input[readonly],
#recherche_avancee .multi-col input input[readonly],
#recherche_avancee .multi-col textarea input[readonly],
#recherche_avancee .multi-col select input[readonly],
#recherche_avancee .multi-col .liste-fichier input[readonly],
#recherche_avancee .multi-col table input[readonly],
#recherche_avancee .multi-col [class^="kmultiselect"] input[readonly],
#recherche_avancee .multi-col [class^="kmonoselect"] input[readonly],
#recherche_avancee .liste_multivaluee div.choices input input[readonly],
#recherche_avancee .liste_multivaluee input input[readonly],
#recherche_avancee .liste_multivaluee textarea input[readonly],
#recherche_avancee .liste_multivaluee select input[readonly],
#recherche_avancee .liste_multivaluee .liste-fichier input[readonly],
#recherche_avancee .liste_multivaluee table input[readonly],
#recherche_avancee .liste_multivaluee [class^="kmultiselect"] input[readonly],
#recherche_avancee .liste_multivaluee [class^="kmonoselect"] input[readonly] {
  width: 25%;
}
#form_saisie_front p .kmonoselect-field,
#form_saisie_front div .kmonoselect-field,
#form_saisie_front .toolbox .kmonoselect-field,
#form_saisie_front .multi-col .kmonoselect-field,
#form_saisie_front .liste_multivaluee .kmonoselect-field,
form.gestion p .kmonoselect-field,
form.gestion div .kmonoselect-field,
form.gestion .toolbox .kmonoselect-field,
form.gestion .multi-col .kmonoselect-field,
form.gestion .liste_multivaluee .kmonoselect-field,
#recherche_avancee p .kmonoselect-field,
#recherche_avancee div .kmonoselect-field,
#recherche_avancee .toolbox .kmonoselect-field,
#recherche_avancee .multi-col .kmonoselect-field,
#recherche_avancee .liste_multivaluee .kmonoselect-field {
  min-width: 20.1em !important;
}
#form_saisie_front p .kscrollable,
#form_saisie_front div .kscrollable,
#form_saisie_front .toolbox .kscrollable,
#form_saisie_front .multi-col .kscrollable,
#form_saisie_front .liste_multivaluee .kscrollable,
form.gestion p .kscrollable,
form.gestion div .kscrollable,
form.gestion .toolbox .kscrollable,
form.gestion .multi-col .kscrollable,
form.gestion .liste_multivaluee .kscrollable,
#recherche_avancee p .kscrollable,
#recherche_avancee div .kscrollable,
#recherche_avancee .toolbox .kscrollable,
#recherche_avancee .multi-col .kscrollable,
#recherche_avancee .liste_multivaluee .kscrollable {
  max-width: 18em !important;
  min-width: 18em !important;
  width: 18em !important;
}
#form_saisie_front p .kscrollable .ui-button-icon-only,
#form_saisie_front div .kscrollable .ui-button-icon-only,
#form_saisie_front .toolbox .kscrollable .ui-button-icon-only,
#form_saisie_front .multi-col .kscrollable .ui-button-icon-only,
#form_saisie_front .liste_multivaluee .kscrollable .ui-button-icon-only,
form.gestion p .kscrollable .ui-button-icon-only,
form.gestion div .kscrollable .ui-button-icon-only,
form.gestion .toolbox .kscrollable .ui-button-icon-only,
form.gestion .multi-col .kscrollable .ui-button-icon-only,
form.gestion .liste_multivaluee .kscrollable .ui-button-icon-only,
#recherche_avancee p .kscrollable .ui-button-icon-only,
#recherche_avancee div .kscrollable .ui-button-icon-only,
#recherche_avancee .toolbox .kscrollable .ui-button-icon-only,
#recherche_avancee .multi-col .kscrollable .ui-button-icon-only,
#recherche_avancee .liste_multivaluee .kscrollable .ui-button-icon-only {
  width: 1em;
}
#form_saisie_front p .kscrollable .composition-list-label,
#form_saisie_front div .kscrollable .composition-list-label,
#form_saisie_front .toolbox .kscrollable .composition-list-label,
#form_saisie_front .multi-col .kscrollable .composition-list-label,
#form_saisie_front .liste_multivaluee .kscrollable .composition-list-label,
form.gestion p .kscrollable .composition-list-label,
form.gestion div .kscrollable .composition-list-label,
form.gestion .toolbox .kscrollable .composition-list-label,
form.gestion .multi-col .kscrollable .composition-list-label,
form.gestion .liste_multivaluee .kscrollable .composition-list-label,
#recherche_avancee p .kscrollable .composition-list-label,
#recherche_avancee div .kscrollable .composition-list-label,
#recherche_avancee .toolbox .kscrollable .composition-list-label,
#recherche_avancee .multi-col .kscrollable .composition-list-label,
#recherche_avancee .liste_multivaluee .kscrollable .composition-list-label {
  padding: 0;
}
#form_saisie_front p .kmultiselect-ttl .kscrollable,
#form_saisie_front div .kmultiselect-ttl .kscrollable,
#form_saisie_front .toolbox .kmultiselect-ttl .kscrollable,
#form_saisie_front .multi-col .kmultiselect-ttl .kscrollable,
#form_saisie_front .liste_multivaluee .kmultiselect-ttl .kscrollable,
form.gestion p .kmultiselect-ttl .kscrollable,
form.gestion div .kmultiselect-ttl .kscrollable,
form.gestion .toolbox .kmultiselect-ttl .kscrollable,
form.gestion .multi-col .kmultiselect-ttl .kscrollable,
form.gestion .liste_multivaluee .kmultiselect-ttl .kscrollable,
#recherche_avancee p .kmultiselect-ttl .kscrollable,
#recherche_avancee div .kmultiselect-ttl .kscrollable,
#recherche_avancee .toolbox .kmultiselect-ttl .kscrollable,
#recherche_avancee .multi-col .kmultiselect-ttl .kscrollable,
#recherche_avancee .liste_multivaluee .kmultiselect-ttl .kscrollable {
  max-width: 23em !important;
  min-width: 23em !important;
  width: 23em !important;
}
#form_saisie_front p iframe,
#form_saisie_front div iframe,
#form_saisie_front .toolbox iframe,
#form_saisie_front .multi-col iframe,
#form_saisie_front .liste_multivaluee iframe,
form.gestion p iframe,
form.gestion div iframe,
form.gestion .toolbox iframe,
form.gestion .multi-col iframe,
form.gestion .liste_multivaluee iframe,
#recherche_avancee p iframe,
#recherche_avancee div iframe,
#recherche_avancee .toolbox iframe,
#recherche_avancee .multi-col iframe,
#recherche_avancee .liste_multivaluee iframe {
  margin-bottom: 1em;
  width: 100% !important;
}
#form_saisie_front .msg-aide,
form.gestion .msg-aide,
#recherche_avancee .msg-aide {
  color: #808285;
  display: block;
  font-size: .85em;
  font-style: italic;
}

#form_saisie_front .pagination [class^="icon-"] {
  color: #007798;
  cursor: pointer;
}

#valider-formulaire {
  background: #f1f1f2;
  border-top: 1px solid #C7C8CA;
  padding: 2em 0;
}
#valider-formulaire > input:first-child {
  margin-left: 2em;
}

#menu_modification > a {
  background: none !important;
  display: inline !important;
  margin: 0 !important;
  padding: .25em !important;
}
#menu_modification > a:last-child::after {
  display: none;
}
#menu_modification > a:hover {
  background: none !important;
  color: #007798 !important;
  text-decoration: underline !important;
}

.switch {
  display: inline-block;
  vertical-align: middle;
}
.switch [type=checkbox],
.switch [type=radio] {
  display: none;
}
.switch [type=checkbox]:checked + .switch-label .off,
.switch [type=checkbox]:checked + .switch-label .on,
.switch [type=radio]:checked + .switch-label .off,
.switch [type=radio]:checked + .switch-label .on {
  left: -8em;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.switch [type=checkbox]:checked + .switch-label .sep,
.switch [type=radio]:checked + .switch-label .sep {
  left: 0em;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.switch .switch-label {
  position: relative;
}
.switch .switch-label .sep {
  background-color: #e8e9ea;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE8E9EA', endColorstr='#FFC8C9CA');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZTllYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M4YzljYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8e9ea), color-stop(100%, #c8c9ca));
  background-image: -moz-linear-gradient(top, #e8e9ea 0%, #c8c9ca 100%);
  background-image: -webkit-linear-gradient(top, #e8e9ea 0%, #c8c9ca 100%);
  background-image: linear-gradient(to bottom, #e8e9ea 0%, #c8c9ca 100%);
  border-radius: 2em;
  display: inline-block;
  height: 2.6em;
  left: 6em;
  position: absolute;
  top: -1.35em;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 2.6em;
  z-index: 30;
}
.switch .switch-label .sep:after {
  color: #007798;
  content: "+";
  display: inline-block;
  font-family: sans-serif;
  font-size: 3em;
  font-weight: normal;
  left: .3rem;
  position: absolute;
  top: .6rem;
}
.switch .switch-label .values {
  background: #E0E0E1;
  border-radius: 2em;
  display: inline-block;
  height: 2em;
  line-height: 2em;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  white-space: nowrap;
  width: 8em;
}
.switch .switch-label .values .off,
.switch .switch-label .values .on {
  display: inline-block;
  left: 0;
  padding: 0 .5em;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 7em;
}
.switch .switch-label .values .off {
  background: #007798;
  color: white;
  text-align: left;
}
.switch .switch-label .values .on {
  background: #007798;
  color: white;
  text-align: right;
}

#form_saisie_front #emploi ul {
  list-style: none;
}

#form_saisie_front fieldset {
  width: 100%;
}

#form_saisie_front .k-multiselect-parent {
  width: auto;
}

.text-small {
  font-size: .8em;
}

hr {
  background: #bfbfbf;
  border: none;
  height: 1px;
}

.figure--img {
  display: table;
  font-family: IBM Plex Sans;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
}

.toybox,
.toybox__btn {
  border-radius: 0.16667rem;
}
.toybox,
.toybox__btn {
  background-color: #fff;
  box-shadow: 0 0 0 1px #d7dee2;
  text-decoration: none;
}

.toybox {
  padding: 0.5rem 0.25rem 0.25rem 0.5rem;
  display: flex;
  flex-wrap: wrap;
}

.toybox__btn {
  margin-bottom: 0.25rem;
  margin-right: 0.25rem;
  padding: 0.25rem;
  transition: all .15s;
  color: #0072d3;
}

.toybox__btn[disabled] {
  border: 1px solid #f3f5f6;
  color: #f3f5f6;
}

.toybox__btn:last-child {
  margin-right: 0;
}

.toybox__btn:not([disabled]):focus,
.toybox__btn:not([disabled]):hover {
  box-shadow: 0 0 0 1px #8ea4af;
  background-color: rgba(215, 222, 226, 0.5);
  /**
    Hack permettant de passer l’élément en hover/focus
    au dessus des autres éléménts et d’afficher le box-shadow
    qui est caché par la superposition naturelle due au flux HTML
    Concerne les boutons groupés
  */
  z-index: 1;
}

.toybox__group {
  display: flex;
  margin-right: 0.5rem;
}

.toybox__group .toybox__btn {
  border: 0;
  margin-right: 0;
}

.toybox__btn--start {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.toybox__btn--end {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.toybox__btn--flow {
  border-radius: 0;
}

.toybox__btn--flow + .toybox__btn--flow {
  border-left: 0;
}

.pdf-viewer {
  background-color: #999;
}

.pdf-viewer__content {
  padding: 1rem 1rem 0 1rem;
  display: flex;
  justify-content: center;
  overflow-x: auto;
}

.pdf-viewer__page {
  position: relative;
  padding-bottom: 1rem;
}

.pdf-viewer__page-input {
  text-align: center;
  border: 0;
  padding: 0;
  width: 3rem;
  background: transparent;
  -moz-appearance: textfield;
}

.pdf-viewer__page-input::-webkit-outer-spin-button,
.pdf-viewer__page-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  left: -999em;
}

.icon.icon--minus, .icon.icon--plus, .icon.icon--rot-cw-primary, .icon.icon--rot-ccw-primary, .icon.icon--less-than-primary, .icon.icon--greater-than-primary, .icon.icon--download-primary {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  display: inline-block;
  height: 1rem;
  vertical-align: -3px;
  width: 1rem;
  margin: 0;
}

.icon--sm {
  height: .75rem;
  vertical-align: -1px;
  width: .75rem;
}

.icon.icon--minus {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='3 7 16 16' fill='%230072d3'%3E%3Cpath fill-rule='inherit' d='M6 14h10v2H6'/%3E%3C/svg%3E");
}

.icon.icon--plus {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%230072d3'%3E%3Cg fill-rule='inherit'%3E%3Cpath d='M7 3h2v10H7z'/%3E%3Cpath d='M3 7h10v2H3z'/%3E%3C/g%3E%3C/svg%3E");
}

.icon.icon--rot-cw-primary {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230072d3'%3E%3Cpath fill='inherit' d='M2.23 2.44A7.68 7.68 0 0 0 0 7.99c0 2.17.78 4.05 2.35 5.62A7.68 7.68 0 0 0 8 15.96c2.18 0 4.06-.78 5.62-2.34a7.67 7.67 0 0 0 2.35-5.63 7.7 7.7 0 0 0-1.9-5.17l-.87.7A6.64 6.64 0 0 1 14.84 8a6.6 6.6 0 0 1-2.02 4.83A6.6 6.6 0 0 1 8 14.84a6.6 6.6 0 0 1-4.84-2.02A6.6 6.6 0 0 1 1.13 8a6.7 6.7 0 0 1 1.9-4.75l1.01 2.24L5.5 0 .03 1.46l2.2.98z'/%3E%3C/svg%3E");
}

.icon.icon--rot-ccw-primary {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230072d3'%3E%3Cpath fill='inherit' d='M13.73 2.44a7.68 7.68 0 0 1 2.23 5.55c0 2.17-.78 4.05-2.35 5.62a7.68 7.68 0 0 1-5.64 2.35 7.68 7.68 0 0 1-5.62-2.34A7.67 7.67 0 0 1 0 7.99a7.7 7.7 0 0 1 1.9-5.17l.87.7A6.64 6.64 0 0 0 1.12 8c0 1.87.67 3.49 2.02 4.83a6.6 6.6 0 0 0 4.83 2.02 6.6 6.6 0 0 0 4.84-2.02A6.6 6.6 0 0 0 14.83 8a6.7 6.7 0 0 0-1.9-4.75l-1.01 2.24L10.46 0l5.47 1.46-2.2.98z'/%3E%3C/svg%3E");
}

.icon.icon--less-than-primary {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%230072d3'%3E%3Cpath fill-rule='inherit' d='M12.5 1.25L11.15 0 3.5 8l7.65 8 1.325-1.25-6-6.75L12.5 1.25z'/%3E%3C/svg%3E");
}

.icon.icon--greater-than-primary {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%230072d3'%3E%3Cpath fill-rule='inherit' d='M3.5 14.75L4.825 16 12.5 8 4.8 0 3.5 1.25 9.5 8l-6 6.75z'/%3E%3C/svg%3E");
}

.icon.icon--download-primary {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230072d3'%3E%3Cpath fill-rule='inherit' d='M7 6V0h2v6h4l-5 6-5-6h4zm-5 8h12V8h2v8H0V8h2v6z'/%3E%3C/svg%3E");
}

.panel--shadow-sm {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 6px 6px rgba(0, 0, 0, 0.24);
}

/* Copyright 2014 Mozilla Foundation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.textLayer {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  opacity: 0.2;
  line-height: 1.0;
}

.textLayer > div {
  color: transparent;
  position: absolute;
  white-space: pre;
  cursor: text;
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

.textLayer .highlight {
  margin: -1px;
  padding: 1px;
  background-color: #b400aa;
  border-radius: 4px;
}

.textLayer .highlight.begin {
  border-radius: 4px 0px 0px 4px;
}

.textLayer .highlight.end {
  border-radius: 0px 4px 4px 0px;
}

.textLayer .highlight.middle {
  border-radius: 0px;
}

.textLayer .highlight.selected {
  background-color: darkgreen;
}

.textLayer ::selection {
  background: blue;
}

.textLayer ::-moz-selection {
  background: blue;
}

.textLayer .endOfContent {
  display: block;
  position: absolute;
  left: 0px;
  top: 100%;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  cursor: default;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
}

.textLayer .endOfContent.active {
  top: 0px;
}

.annotationLayer section {
  position: absolute;
}

.annotationLayer .linkAnnotation > a,
.annotationLayer .buttonWidgetAnnotation.pushButton > a {
  position: absolute;
  font-size: 1em;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.annotationLayer .linkAnnotation > a {
  background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") 0 0 repeat;
}

.annotationLayer .buttonWidgetAnnotation.pushButton > a {
  background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") 0 0 repeat;
}

.annotationLayer .linkAnnotation > a:hover,
.annotationLayer .buttonWidgetAnnotation.pushButton > a:hover {
  opacity: 0.2;
  background: #ff0;
  box-shadow: 0px 2px 10px #ff0;
}

.annotationLayer .textAnnotation img {
  position: absolute;
  cursor: pointer;
}

.annotationLayer .textWidgetAnnotation input,
.annotationLayer .textWidgetAnnotation textarea,
.annotationLayer .choiceWidgetAnnotation select,
.annotationLayer .buttonWidgetAnnotation.checkBox input,
.annotationLayer .buttonWidgetAnnotation.radioButton input {
  background-color: rgba(0, 54, 255, 0.13);
  border: 1px solid transparent;
  box-sizing: border-box;
  font-size: 9px;
  height: 100%;
  margin: 0;
  padding: 0 3px;
  vertical-align: top;
  width: 100%;
}

.annotationLayer .choiceWidgetAnnotation select option {
  padding: 0;
}

.annotationLayer .buttonWidgetAnnotation.radioButton input {
  border-radius: 50%;
}

.annotationLayer .textWidgetAnnotation textarea {
  font: message-box;
  font-size: 9px;
  resize: none;
}

.annotationLayer .textWidgetAnnotation input[disabled],
.annotationLayer .textWidgetAnnotation textarea[disabled],
.annotationLayer .choiceWidgetAnnotation select[disabled],
.annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],
.annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] {
  background: none;
  border: 1px solid transparent;
  cursor: not-allowed;
}

.annotationLayer .textWidgetAnnotation input:hover,
.annotationLayer .textWidgetAnnotation textarea:hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,
.annotationLayer .buttonWidgetAnnotation.radioButton input:hover {
  border: 1px solid #000;
}

.annotationLayer .textWidgetAnnotation input:focus,
.annotationLayer .textWidgetAnnotation textarea:focus,
.annotationLayer .choiceWidgetAnnotation select:focus {
  background: none;
  border: 1px solid transparent;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  background-color: #000;
  content: '';
  display: block;
  position: absolute;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  height: 80%;
  left: 45%;
  width: 1px;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before {
  transform: rotate(45deg);
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  transform: rotate(-45deg);
}

.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  border-radius: 50%;
  height: 50%;
  left: 30%;
  top: 20%;
  width: 50%;
}

.annotationLayer .textWidgetAnnotation input.comb {
  font-family: monospace;
  padding-left: 2px;
  padding-right: 0;
}

.annotationLayer .textWidgetAnnotation input.comb:focus {
  /*
   * Letter spacing is placed on the right side of each character. Hence, the
   * letter spacing of the last character may be placed outside the visible
   * area, causing horizontal scrolling. We avoid this by extending the width
   * when the element has focus and revert this when it loses focus.
   */
  width: 115%;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input,
.annotationLayer .buttonWidgetAnnotation.radioButton input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  padding: 0;
}

.annotationLayer .popupWrapper {
  position: absolute;
  width: 20em;
}

.annotationLayer .popup {
  position: absolute;
  z-index: 200;
  max-width: 20em;
  background-color: #FFFF99;
  box-shadow: 0px 2px 5px #333;
  border-radius: 2px;
  padding: 0.6em;
  margin-left: 5px;
  cursor: pointer;
  font: message-box;
  word-wrap: break-word;
}

.annotationLayer .popup h1 {
  font-size: 1em;
  border-bottom: 1px solid #000000;
  margin: 0;
  padding-bottom: 0.2em;
}

.annotationLayer .popup p {
  margin: 0;
  padding-top: 0.2em;
}

.annotationLayer .highlightAnnotation,
.annotationLayer .underlineAnnotation,
.annotationLayer .squigglyAnnotation,
.annotationLayer .strikeoutAnnotation,
.annotationLayer .lineAnnotation svg line,
.annotationLayer .squareAnnotation svg rect,
.annotationLayer .circleAnnotation svg ellipse,
.annotationLayer .polylineAnnotation svg polyline,
.annotationLayer .polygonAnnotation svg polygon,
.annotationLayer .stampAnnotation,
.annotationLayer .fileAttachmentAnnotation {
  cursor: pointer;
}

.pdfViewer .canvasWrapper {
  overflow: hidden;
}

.pdfViewer .page {
  direction: ltr;
  width: 816px;
  height: 1056px;
  margin: 1px auto -8px auto;
  position: relative;
  overflow: visible;
  border: 9px solid transparent;
  background-clip: content-box;
  border-image: url(images/shadow.png) 9 9 repeat;
  background-color: white;
}

.pdfViewer.removePageBorders .page {
  margin: 0px auto 10px auto;
  border: none;
}

.pdfViewer.singlePageView {
  display: inline-block;
}

.pdfViewer.singlePageView .page {
  margin: 0;
  border: none;
}

.pdfViewer .page canvas {
  margin: 0;
  display: block;
}

.pdfViewer .page canvas[hidden] {
  display: none;
}

.pdfViewer .page .loadingIcon {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url("images/loading-icon.gif") center no-repeat;
}

.pdfPresentationMode:-webkit-full-screen .pdfViewer .page {
  margin-bottom: 100%;
  border: 0;
}

.pdfPresentationMode:-moz-full-screen .pdfViewer .page {
  margin-bottom: 100%;
  border: 0;
}

.pdfPresentationMode:-ms-fullscreen .pdfViewer .page {
  margin-bottom: 100% !important;
  border: 0;
}

.pdfPresentationMode:fullscreen .pdfViewer .page {
  margin-bottom: 100%;
  border: 0;
}

.contenu .all-topics li::before,
.contenu .search-aggregation__aggregation-list li::before,
.contenu .search-result__result-list li::before {
  display: none;
}

.recherche h1,
.search-aggregation,
.all-topics {
  padding: 0 1rem .3rem;
  box-sizing: border-box;
}
@media screen and (min-width: 640px) {
  .recherche h1,
  .search-aggregation,
  .all-topics {
    padding: 0;
  }
}

#search_query_input .search {
  margin-left: 25%;
  padding-left: 1rem;
}

.all-topics,
.search-aggregation__aggregation-list {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

.all-topics fieldset {
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
}

.all-topics legend,
.aggregation-item__aggregation-name {
  background: transparent;
  border: none;
  margin: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-bottom: 0.75rem;
  padding: 0 1em 0.25em 0;
  position: relative;
  width: 100%;
}
.all-topics legend::after,
.aggregation-item__aggregation-name::after {
  color: transparent;
  content: '\2795\fe0e';
  position: absolute;
  right: 0;
}
.search-aggregation__aggregation-list__item--visible .all-topics legend::after, .search-aggregation__aggregation-list__item--visible
.aggregation-item__aggregation-name::after {
  content: '\2796\fe0e';
}
@media screen and (min-width: 640px) {
  .all-topics legend,
  .aggregation-item__aggregation-name {
    cursor: default;
  }
  .all-topics legend::after, .search-aggregation__aggregation-list__item--visible .all-topics legend::after,
  .aggregation-item__aggregation-name::after, .search-aggregation__aggregation-list__item--visible
  .aggregation-item__aggregation-name::after {
    content: none;
    display: none;
  }
}

.topic__list-input {
  float: left;
}

.topic__list select {
  width: 100%;
}

.topic__see-more {
  background: transparent;
  border: none;
  box-sizing: border-box;
  color: #007b99;
  cursor: pointer;
  display: inline;
  font: inherit;
  max-width: 100%;
  padding: 0;
}
.topic__see-more:hover {
  text-decoration: underline;
  background: transparent;
}

@media screen and (min-width: 640px) {
  .all-topics li,
  .search-aggregation__aggregation-list li {
    margin-bottom: 0.5em;
  }

  .nested-term-aggregation__item-list li {
    margin-top: 1em;
  }
}
.all-topics label,
.search-aggregation__aggregation-list label {
  font-weight: normal;
}

.term-aggregation__item-list,
.topic__list {
  list-style: none;
  padding-left: 0;
}

.nested-term-aggregation__item-list {
  list-style: none;
}

.results__list,
.search-result__result-list {
  list-style: none;
  padding-left: 0;
}

.search-aggregation,
.all-topics {
  width: 100%;
}
@media screen and (min-width: 640px) {
  .search-aggregation,
  .all-topics {
    float: left;
    width: 25%;
  }
}

.search-result,
.results {
  padding: 1rem;
}
@media screen and (min-width: 640px) {
  .search-result,
  .results {
    margin-left: calc(25% + 1rem);
    margin-top: 2em;
    padding: 0;
  }
}

.all-topics fieldset .aggregation-item__aggregation-name + *,
.search-aggregation__aggregation-list > li .aggregation-item__aggregation-name + * {
  display: none;
}
.all-topics fieldset.search-aggregation__aggregation-list__item--visible .aggregation-item__aggregation-name + *,
.search-aggregation__aggregation-list > li.search-aggregation__aggregation-list__item--visible .aggregation-item__aggregation-name + * {
  display: block;
}
@media screen and (min-width: 640px) {
  .all-topics fieldset .aggregation-item__aggregation-name + *,
  .search-aggregation__aggregation-list > li .aggregation-item__aggregation-name + * {
    display: block;
  }
}

.search__field {
  display: flex;
  width: 80%;
}

.search__autocomplete-wrapper-elastic {
  flex: 1;
}

.search__input {
  width: 100%;
}

.search-metadata__search-input input {
  width: 80%;
}

.results__list-item,
.search-result__result-list li {
  margin-top: 1.5em;
}

.results__list h2 {
  font: inherit;
}

.range-filter__from label,
.range-filter__to label {
  display: inline-block;
  width: 40px;
}

.aggregation-item__range-filter input {
  width: 120px;
}

.item-list__hidden {
  display: none;
}

.item-list__show-less {
  display: none;
}

.results__list-item-description {
  margin: 0;
}

.search-result__item-footer,
.results__list-item-meta {
  opacity: 0.5;
  padding: 0;
}

.results__list-item-meta li {
  display: inline;
}

.search > .tags {
  margin-top: 1rem;
  padding: 0;
}

.search > .tags > .tag,
.search-filter__filter-selected {
  background-color: #e20030;
  display: inline-block;
  margin: 0 0.5rem 0.5rem 0;
  padding: 0.25rem;
  color: white;
}

.search > .tags > .tag a,
.search-filter__filter-selected.search-filter__filter-selected a {
  text-decoration: none;
  color: white !important;
  font-family: auto;
}

.search__menu {
  display: none;
}

@media screen and (min-width: 640px) {
  .aggregation-toggle {
    display: none;
  }
}

#aggregation_search {
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: #f0f0f0;
  display: none;
  left: 1rem;
  padding: 0.5em;
  position: absolute;
  right: 1rem;
  z-index: 10;
}
#aggregation_search.aggregation_search--visible {
  display: block;
}
@media screen and (min-width: 640px) {
  #aggregation_search {
    background-color: transparent;
    border: none;
    display: block;
    position: static;
  }
}

.autocomplete-suggestions {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  overflow-y: scroll;
}
.autocomplete-suggestions .autocomplete-suggestion {
  padding: 0.25em 0.5em;
}
.autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected {
  background: rgba(0, 0, 0, 0.1);
}

.search-result__pagination, .pager__list {
  margin: 2em 0;
}
.search-result__pagination > *, .pager__list > * {
  margin: 0 0.5em;
}
.search-result__pagination > *:first-child, .pager__list > *:first-child {
  margin-left: 0;
}
.search-result__pagination > *:last-child, .pager__list > *:last-child {
  margin-right: 0;
}

.pager__list {
  text-align: center;
}
.pager__list li {
  display: inline;
}
.pager__list .pager__list-item--other, .pager__list .pager__list-item--group {
  display: none;
}

.topic__see-more {
  margin-left: 1rem;
  font-size: 0.9em;
  margin-bottom: .5rem;
}
.topic__see-more::before {
  content: "+";
  margin-right: 0.4em;
}

.topic__see-more-open::before {
  content: "-";
}

.search__button, .button-topic--types {
  display: none;
}

.extension-blog__blog-metadonnees {
  list-style: none;
  padding: 0;
}

.extension-blog__billet-liste-item {
  margin-bottom: 1em;
  border-bottom: 1px solid #eee;
}
.extension-blog__billet-liste-item:last-child {
  border: none;
}

.extension-blog__billet-metadonnees {
  margin: 0 0 .5em;
}

.extension-blog__tags {
  list-style: none;
}

.extension-blog__tags-nuage {
  list-style: none;
  padding: 0;
}
.extension-blog__tags-nuage > li {
  background: #eee;
  display: inline-block;
  padding: .25em;
  margin: .25em;
}

.tags-nuage-1 {
  font-size: .9em;
}

.tags-nuage-2 {
  font-size: 1em;
}

.tags-nuage-3 {
  font-size: 1.1em;
}

.tags-nuage-4 {
  font-size: 1.2em;
}

.tags-nuage-5 {
  font-size: 1.3em;
}

.tags-nuage-6 {
  font-size: 1.4em;
}

.tags-nuage-7 {
  font-size: 1.5em;
}

.tags-nuage-8 {
  font-size: 1.6em;
}

.tags-nuage-9 {
  font-size: 1.7em;
}

.tags-nuage-10 {
  font-size: 1.8em;
}

.extension-blog__pagination {
  display: block;
  margin: 0 auto 2em;
  text-align: center;
  width: 100%;
}

.extension-blog__pagination-bornes {
  display: block;
  width: 100%;
}

.extension-blog__pagination-numeros {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.extension-blog__pagination-numeros li {
  margin-left: 0.3em;
}

.extension-blog__pagination-numeropage {
  display: inline-block;
}

.extension-blog__pagination-premier,
.extension-blog__pagination-precedent,
.extension-blog__pagination-numeropage,
.extension-blog__pagination-pagecourante,
.extension-blog__pagination-suivant,
.extension-blog__pagination-dernier {
  display: inline-block;
  border: 1px solid #eee;
  cursor: pointer;
  margin: .2em;
  min-width: 2em;
  padding: .3em;
  text-align: center;
}
.extension-blog__pagination-premier a,
.extension-blog__pagination-precedent a,
.extension-blog__pagination-numeropage a,
.extension-blog__pagination-pagecourante a,
.extension-blog__pagination-suivant a,
.extension-blog__pagination-dernier a {
  text-decoration: none;
}
.extension-blog__pagination-premier:hover,
.extension-blog__pagination-precedent:hover,
.extension-blog__pagination-numeropage:hover,
.extension-blog__pagination-pagecourante:hover,
.extension-blog__pagination-suivant:hover,
.extension-blog__pagination-dernier:hover {
  background: #eee;
}
.extension-blog__pagination-premier:active,
.extension-blog__pagination-precedent:active,
.extension-blog__pagination-numeropage:active,
.extension-blog__pagination-pagecourante:active,
.extension-blog__pagination-suivant:active,
.extension-blog__pagination-dernier:active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.125) inset;
}

.extension-blog__pagination_pagecourante {
  background: #ddd;
}

body.blog .extension-blog__billet-metadonnees {
  font-size: .7em;
}

body.articleblog .extension-blog__billet-metadonnees + .outils_fiche {
  border-top: none;
}

body.blog .extension-blog__billet-resume {
  font-size: 1rem;
}

#extension-blog__billet-liste {
  padding-top: 1em;
}

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