@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_condensedlight';
  src: url("RobotoCondensed-Light.eot");
  src: url("RobotoCondensed-Light.eot?#iefix") format("embedded-opentype"), url("RobotoCondensed-Light.woff") format("woff"), url("RobotoCondensed-Light.ttf") format("truetype"), url("RobotoCondensed-Light.svg#roboto_condensedlight") 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: 1.375em roboto_condensedregular, arial, helvetica, sans-serif;
  line-height: 1.31818em;
}

h3,
.h3 {
  font-family: roboto_condensedbold, arial, helvetica, sans-serif;
  font-size: 1.62500em;
  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: 5px 0;
}

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 {
  outline-color: 1px dotted #007798;
}

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[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[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;
}

body.accueil.recherche #bandeau_page {
  display: none !important;
}
body #bandeau_page .image {
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset;
  height: auto;
  max-height: 140px;
}
@media screen and (min-width: 40em) {
  body #bandeau_page .image {
    max-height: 17.5em;
  }
}
@media screen and (min-width: 60em) {
  body #bandeau_page .image {
    height: 17.5em;
  }
}
body.accueil #bandeau_page .image {
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset;
  height: auto;
}
@media screen and (min-width: 40em) {
  body.accueil #bandeau_page .image {
    max-height: 24.375em;
    min-height: 24.375em;
  }
  body.accueil #bandeau_page .image img {
    max-height: 24.375em;
    min-height: 24.375em;
  }
}
@media screen and (min-width: 60em) {
  body.accueil #bandeau_page .image {
    height: 24.375em;
    max-height: 24.375em;
    min-height: 24.375em;
  }
}

[id^="avec_nav"] #bandeau_page .image .description .resume .titre {
  right: 0 !important;
}

[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;
  left: auto !important;
  max-width: 75%;
}
@media screen and (max-width: 59.9375em) {
  [id^="avec_nav"] #bandeau_page .image .description .resume .titre,
  [id*="sans_nav"] #bandeau_page .image .description .resume .titre {
    right: 0 !important;
  }
}
[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 {
  display: inline-block !important;
}
.accueil [id*=sans_nav] #bandeau_page .image .slide.cycle-slide,
.accueil [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;
    max-width: 50%;
  }

  [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 {
    display: block !important;
  }
}
@media screen and (min-width: 40em) and (max-width: 59.9375em) {
  #bandeau_page.static .corps {
    bottom: 0;
    display: inline-block !important;
    height: auto;
    max-width: 75%;
    padding: .375em .5em;
    position: absolute;
    right: 0;
    width: auto;
    z-index: 10;
  }
  #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: 60em) {
  [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;
    max-width: 75%;
    padding: .375em .5em;
    position: absolute;
    right: 0;
    width: auto;
    z-index: 10;
  }
  [id^=avec_nav] #bandeau_page.static .corps .titre {
    border: none;
    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 {
    display: block !important;
  }

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

  .accueil [id*=sans_nav] #bandeau_page .image .description .titre {
    left: 0 !important;
    max-width: 50%;
  }

  .accueil [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 {
    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 {
    padding-left: 360px;
  }
}
body.sans_carrousel.accueil [id*="sans_nav"] #bandeau_page .image .description {
  display: none !important;
}

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

#bandeau_page {
  margin-bottom: 100px;
  position: relative;
}
@media screen and (min-width: 60em) {
  #bandeau_page {
    max-width: 67.5em;
  }
}
@media screen and (min-width: 40em) {
  #bandeau_page {
    margin-bottom: 0;
  }
}
#bandeau_page .corps {
  background: #007798;
  color: white;
  display: none;
  height: 100%;
  padding: 1.25em;
  position: absolute;
  width: 14.375em;
}
@media screen and (min-width: 60em) {
  #bandeau_page .corps {
    display: block;
  }
}
#bandeau_page .corps .titre {
  border-bottom: 1px solid white;
  font-size: 1.125em;
  padding: 1em;
  text-transform: uppercase;
}
#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: 60em) {
  #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;
  text-transform: uppercase;
  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: .875em;
  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: inherit;
}
#bandeau_page .liste li.cycle-slide.cycle-slide-active .titre {
  font-size: 1em;
}
#bandeau_page .liste li.cycle-slide.cycle-slide-active::before {
  border-bottom: 1em solid transparent;
  border-left: 1.5em solid white;
  border-top: 1em solid transparent;
  content: " ";
  display: inline-block;
  height: 0;
  margin-top: 2.04688em;
  position: absolute;
  z-index: 1003;
  width: 0;
}
#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: 59.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: 60em) {
  #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: 60em) {
  #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.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;
  text-transform: uppercase;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  top: -2em;
  white-space: nowrap;
}
#bandeau_page .image .description .resume .texte {
  z-index: 200;
}
#bandeau_page .image .description .resume .texte a {
  color: black !important;
}
#bandeau_page .image .description .resume .texte a .plus {
  color: #007798;
  font-size: 0.75em;
}
#bandeau_page .image .description .resume .texte a .plus::after {
  content: "▸";
  display: inline-block;
  font-size: 1.25em;
  margin-left: 0.2em;
}
@media screen and (max-width: 59.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: 60em) {
  #bandeau_page div.fond {
    background: url(/images/bandeaux/fond-bandeau.png) no-repeat top right;
    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;
    position: absolute;
    right: 10px;
    width: 230px;
  }
  #bandeau_page div.fond .menu .titre {
    border-bottom: 1px solid #959597;
    display: inline-block;
    font-size: 0.93750em;
    margin-bottom: 0;
    text-transform: uppercase;
    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.87500em;
    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: 59.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: 60em) {
  #page_deco {
    max-width: 67.5em;
  }
}
#page_deco .interieur {
  padding: 1.25em;
}

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

@media screen and (min-width: 40em) {
  #page {
    padding: 4em 0 0;
    width: 83.75em;
    -moz-box-shadow: 0 0 1em #000;
    -webkit-box-shadow: 0 0 1em #000;
    box-shadow: 0 0 1em #000;
  }
}
@media screen and (min-width: 60em) {
  /* #page {
  	width:84em;
  } */
  #bandeau_page {
    margin: 0 0 1.875em;
  }

  #navigation {
    float: left;
    padding: 0 1.25em !important;
    width: 14.375em;
  }

  .contenu {
    /* float: left; */
  }

  [id^="avec_nav"] {
    margin: 0;
    overflow: hidden;
    max-width: 50.625em;
  }

  [id^="sans_nav"] {
    width: 100%;
  }
}
#sur_bandeau {
  margin: 0 0 1em;
  position: fixed;
  z-index: 40;
}
#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: 60em) {
  .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: 60em) {
  .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;
    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 {
  margin: 0 0 1.5em;
}

.en_valeur {
  color: #007798;
}

.style_1,
.style_1 + .style_5 {
  font-size: .875em;
  line-height: 1.25em;
  margin-bottom: 1em;
}
.style_1 h2,
.style_1 + .style_5 h2 {
  background: #e6e7e8;
  clear: both;
  font: 1.25em roboto_condensedlight, arial, helvetica, sans-serif;
  margin: .375em 0;
  padding: .25em;
  text-transform: uppercase;
  /* + .toolbox > strong:first-child {
  	border-bottom: 1px solid #CCCCCC;
  	display: inline-block;
  	font-family: $roboto_condensedbold;
  	font-size: 1rem;
  	font-weight: normal;
  	margin-bottom: .125em;
  	padding-bottom: .125em;
  	width: 100%;
  } */
}
.style_1 .toolbox,
.style_1 + .style_5 .toolbox {
  line-height: 1.18750rem;
}
.style_1 .toolbox a,
.style_1 + .style_5 .toolbox a {
  color: #333 !important;
}
.style_1 + .style_5,
.style_1 + .style_5 + .style_5 {
  margin-bottom: 0;
}
.style_1 ul > li,
.style_1 + .style_5 ul > li {
  padding: .125em 0;
}
.style_1 ul > li li,
.style_1 + .style_5 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;
}

#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;
}

.fiche .date_entete,
#titre + .precision {
  display: inline-block;
  position: absolute;
  font: 0.7em 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: -18px;
}
.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 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: 14px;
  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;
}
.fiche .photo.vignette::after {
  bottom: -6px;
  content: "";
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MzYzVjNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MzYzVjNyIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c3c5c7), color-stop(100%, rgba(195, 197, 199, 0)));
  background-image: -moz-linear-gradient(top, #c3c5c7 0%, rgba(195, 197, 199, 0) 100%);
  background-image: -webkit-linear-gradient(top, #c3c5c7 0%, rgba(195, 197, 199, 0) 100%);
  background-image: linear-gradient(to bottom, #c3c5c7 0%, rgba(195, 197, 199, 0) 100%);
  display: inline-block;
  height: 6px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 10;
}
.fiche .photo .legende {
  display: none;
}
.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;
}

.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 {
  color: red;
}
form.formulaire_redacteur p.obligatoire input,
form.formulaire_redacteur p.obligatoire textarea,
form.formulaire_redacteur p.obligatoire select {
  border-color: #ff4500;
}
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;
}

.google-maps {
  clear: both;
  margin-bottom: 3.5em;
}
.google-maps img {
  display: block;
  max-width: 64em;
  z-index: 1;
}
.google-maps > footer {
  background: #f1f1f2;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: visible !important;
  position: relative;
  padding: .25em 1em;
  position: relative;
  max-width: 64em;
  z-index: 0;
}
.google-maps > footer::after {
  bottom: -6px;
  content: "";
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MzYzVjNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MzYzVjNyIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c3c5c7), color-stop(100%, rgba(195, 197, 199, 0)));
  background-image: -moz-linear-gradient(top, #c3c5c7 0%, rgba(195, 197, 199, 0) 100%);
  background-image: -webkit-linear-gradient(top, #c3c5c7 0%, rgba(195, 197, 199, 0) 100%);
  background-image: linear-gradient(to bottom, #c3c5c7 0%, rgba(195, 197, 199, 0) 100%);
  display: inline-block;
  height: 6px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 10;
}
.google-maps > footer dl {
  display: block;
}
.google-maps > footer dl dt,
.google-maps > footer dl dd {
  border-bottom: 1px solid #D9DADB;
  display: block;
  padding: 1em 0;
}
.google-maps > footer dl dt {
  float: left;
  width: 2em;
}
.google-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;
}
.google-maps > footer dl dd {
  cursor: pointer;
}
.google-maps > footer dl dd span {
  display: block;
  margin-left: 2em;
}
.google-maps > footer dl dd a {
  float: right;
  text-decoration: underline;
}
.google-maps > footer dl dd a::before {
  content: "▸";
  display: inline-block;
  margin-right: 5px;
}
.google-maps .map-canvas {
  height: 24em;
  max-width: 64em;
}
.google-maps .map-canvas address {
  line-height: 1.35;
  overflow: hidden;
  white-space: nowrap;
}
.google-maps .map-canvas .gm-style-iw .content a,
.google-maps .map-canvas .gm-style-iw footer a {
  font-weight: 400 !important;
}
.google-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 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;
}

#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 div.fil_ariane {
  color: black !important;
}
#tableau_ueups header div.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 > 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: disc;
  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;
}


/* @import "layout" ; */

#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;
  -moz-box-shadow: 0 0 0.5em #000;
  -webkit-box-shadow: 0 0 0.5em #000;
  box-shadow: 0 0 0.5em #000;
  background: #4d5357;
  color: #fff;
  padding: 0 .75em;
  width: 100%;
}
#sur_bandeau ul {
  padding-left: 0;
}
#sur_bandeau a {
  color: #fff;
} 
#sur_bandeau .hidden-phone {
  height: 2.5em;
  line-height: 2.5em;
}
#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 > .folder {
  bottom: auto;
  position: relative;
}
#sur_bandeau #recherche_simple {
  display: inline-block;
  border-bottom: 2px solid transparent;
  margin-top: -2px;
  position: relative;
  vertical-align: top;
}
#sur_bandeau #recherche_simple input[type=text] {
  background: #73797d;
  border: none;
  color: #c6c8ca;
  display: inline-block;
  font: 0.9375em roboto_condensedlight, arial, helvetica, sans-serif;
  height: 1.33333em;
  width: 8em;
  padding: 0 .25em;
  vertical-align: middle;
}
@media screen and (min-width: 60em) {
  #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] {
  border: none;
  background: #4d5357;
  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;
  left: 0;
  line-height: 1em;
  padding: 1em;
  position: absolute;
  top: 3.46em;
  width: 130%;
}
@media screen and (min-width: 60em) {
  #sur_bandeau #recherche_simple #popup_recherche {
    width: 100%;
  }
}
#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;
  height: 3.625em;
  font-size: 0.75em;
  letter-spacing: 1px;
  padding: 0;
  vertical-align: middle;
}
#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 2em;
  position: relative;
  text-align: center;
}
@media screen and (min-width: 60em) {
  #sur_bandeau #menu_sur_bandeau > li {
    margin: 0;
    margin-left: 15px;
    //width:10.83333em;
  }
}
#sur_bandeau #menu_sur_bandeau > li.connexion .titre-sans-popup {
  position: relative;
}
@media screen and (max-width: 60em) {
  #sur_bandeau #menu_sur_bandeau > li.connexion {
    height: 3em;
    vertical-align: middle;
    //width: 4em;
  }
  #sur_bandeau #menu_sur_bandeau > li.connexion .hook, #sur_bandeau #menu_sur_bandeau > li.connexion #recherche_simple button[type=submit], #sur_bandeau #recherche_simple #menu_sur_bandeau > li.connexion button[type=submit] {
    bottom: .5em;
    left: .5em;
    position: absolute;
    right: .5em;
    top: .5em;
  }
  #sur_bandeau #menu_sur_bandeau > li.connexion .hook > span[class^=icon], #sur_bandeau #menu_sur_bandeau > li.connexion #recherche_simple button[type=submit] > span[class^=icon], #sur_bandeau #recherche_simple #menu_sur_bandeau > li.connexion button[type=submit] > span[class^=icon] {
    color: white;
    display: inline-block;
    font-size: 1.25em;
    margin: 0 auto;
    position: relative;
    top: -.5em;
    width: 2.37500em;
  }
}
#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;
}
#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,
#sur_bandeau #menu_sur_bandeau > li > a > span.titre {
  text-align: center;
  width: 100%;
}
#sur_bandeau #menu_sur_bandeau > li > span.titre::after,
#sur_bandeau #menu_sur_bandeau > li > a > span.titre::after {
  border-bottom: none;
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
  border-top: 0.7em solid white;
  content: " ";
  display: inline-block;
  height: 0;
  margin-left: 0.5em;
  width: 0;
}
#sur_bandeau #menu_sur_bandeau > li > span.unfold,
#sur_bandeau #menu_sur_bandeau > li > a > span.unfold {
  border-bottom: 2px solid #9a9fa2;
}
#sur_bandeau #menu_sur_bandeau > li > span.unfold::after,
#sur_bandeau #menu_sur_bandeau > li > a > span.unfold::after {
  border-top: none;
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
  border-bottom: 0.7em solid white;
  content: " ";
  display: inline-block;
  height: 0;
  margin-left: 0.5em;
  width: 0;
}
#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: right;
  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: 60em) {
  #sur_bandeau .brand {
    margin: .25em 2.18750em 0 0;
  }
}

#bandeau_site {
  height: 6.25em;
  margin: 0 auto;
  margin-bottom: 1.875em;
  max-width: 67.5em;
  padding: 4em 0 0;
  text-align: center;
}
@media screen and (min-width: 40em) {
  #bandeau_site {
    padding: 0 1em;
    text-align: left;
  }
}

#logo {
  height: 100%;
  max-width: 12em;
  margin-right: 1em;
}
@media screen and (min-width: 40em) {
  #logo {
    float: left;
  }
}

#menus_entete {
  display: none;
  overflow: auto;
}
@media screen and (min-width: 40em) {
  #menus_entete {
    display: block;
	min-width: 1070px;
  }
}

#slogan {
  color: #E84E0E;
  display: inline-block;
  font: 1.5em  arial, helvetica, sans-serif;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-weight: 700;
}

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

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

#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 img {
  margin-right: 0;
}

#reseaux_sociaux_top li img {
	max-width: 1.1em;
	margin-right: 0.5em;
}
#language_top {
  border-left: 1px solid #939598;
  display: inline-block;
  margin-right: 1em;
}
#language_top a {
  margin-left: 1em;
  position: relative;
}

#menu_principal {
  border-top: 1px solid #939598;
  clear: both;
  font: 1.125em roboto_condensedlight, arial, helvetica, sans-serif;
  overflow: visible;
  padding-left: 0 !important;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}
@media screen and (min-width: 60em) {
  #menu_principal {
    display: table;
    table-layout: fixed;
  }
}
#menu_principal li {
  display: inline-block;
  //text-align: center;
  padding-left: 10px;
}
@media screen and (min-width: 40em) {
  #menu_principal li {
    width: 33.33333%;
  }
}
@media screen and (min-width: 60em) {
  #menu_principal li {
    display: table-cell;
    width: auto;
  }
}
#menu_principal a {
  background-color: transparent;
  border-bottom: 1px solid transparent;
  color: #414142;
  display: inline-block;
  margin: 0.5em;
  text-decoration: none;
  width: auto;
}


@media screen and (max-width: 39.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;
  }
  [id^=avec_nav] #bandeau_page .image {
    max-height: 140px;
  }

  #services {
    display: none !important;
  }
}
#navigation ul li a {
  font: 1em roboto_condensedlight, arial, helvetica, sans-serif;
  font-weight: normal;
}
@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: 1.25em 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 !important;
    font-size: 1.56250em;
    font-family: roboto_condensedlight, arial, helvetica, sans-serif;
    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 {
    border-bottom: 1px solid #789daf !important;
  }
  #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;
  }
  #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;
    z-index: 36;
  }
}
@media screen and (min-width: 40em) and (max-width: 59.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;
  }
}
@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: 60em) {
  #navigation {
    display: block;
    padding-left: 1em;
    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;
    padding: .5em 0;
    position: static;
  }
  #navigation > ul > li::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;
    position: relative;
    height: 0;
    width: 0;
  }
  #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;
    position: relative;
    height: 0;
    width: 0;
  }
  #navigation > ul > li.non_courant {
    display: block !important;
  }
  #navigation > ul > li.courant {
    border-top: 1px solid #B6CDDD;
    border-bottom: 1px solid #B6CDDD;
  }
  #navigation > ul > li.courant::before {
    border-bottom: 0.6em solid transparent;
    border-left: 0.3em solid transparent;
    border-right: 0.3em solid transparent;
    border-top: 0.5em solid #007798;
    top: 0.5em;
    content: " ";
    display: inline-block;
    margin-right: .5em;
    position: relative;
    height: 0;
    width: 0;
  }
  #navigation > ul > li.courant::before {
    border-left: 0.3em solid transparent !important;
  }
  #navigation > ul > li.courant a {
    color: #007798;
  }
  #navigation > ul > li.courant > ul {
    border: none;
    background: none;
    display: block !important;
    margin-top: 0;
    margin-left: .625em;
    padding-top: 0;
    padding-left: .7em;
  }
  #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;
    position: relative;
    height: 0;
    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;
    margin-left: 1em;
  }
}

#menu_secondaire {
  list-style: none;
  margin: 0;
  padding: 0;
}
#menu_secondaire ul {
  margin: 0 0 1em .5em;
}

#pied_deco {
  -moz-box-shadow: 0 3px 0.3em rgba(77, 83, 87, 0.5);
  -webkit-box-shadow: 0 3px 0.3em rgba(77, 83, 87, 0.5);
  box-shadow: 0 3px 0.3em rgba(77, 83, 87, 0.5);
  position: relative;
  z-index: 20;
}

#pied_page {
  background: #4d5357;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNhM2IzZSIvPjxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjNzA3NjdhIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3a3b3e), color-stop(35%, #70767a));
  background-image: -moz-linear-gradient(#3a3b3e, #70767a 35%);
  background-image: -webkit-linear-gradient(#3a3b3e, #70767a 35%);
  background-image: linear-gradient(#3a3b3e, #70767a 35%);
  color: #fff;
  min-height: 2em;
  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;
    margin: 0 auto;
  }
}
#menu_pied_page > li {
  display: inline-block;
  font-size: 0.875em;
  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: 1.875em;
    width: 10em;
  }
}
#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: #f1f1f2;
  position: relative;
  z-index: 10;
}
#ours > div {
  background: #fff;
  overflow: auto;
}
@media screen and (min-width: 60em) {
  #ours > div {
    -moz-box-shadow: 0 0 0.5em #999;
    -webkit-box-shadow: 0 0 0.5em #999;
    box-shadow: 0 0 0.5em #999;
    max-width: 67.5em;
    margin: auto;
  }
}

#ours_deco {
  -moz-box-shadow: 0 0 0.5em #999;
  -webkit-box-shadow: 0 0 0.5em #999;
  box-shadow: 0 0 0.5em #999;
  clear: both;
  overflow: hidden;
  padding: 1.875em 1em 1em;
}

#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.68750em;
  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: 0.5em;
}
#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);
  text-shadow: 0.03684em 0.03684em 0.16579em white, 0 0 0 #000;
  font-size: 3.39286em;
}
#reseaux_sociaux li a span {
  display: none;
}
@media screen and (min-width: 40em) {
  #reseaux_sociaux li a {
    font-size: 1.9em;
    margin-right: 0.4em;
  }
}
#reseaux_sociaux li a:hover {
  text-decoration: none;
}

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


.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-top: 0;
  padding-bottom: 0;
}

#document_informations {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 1.25000em;
  margin-bottom: 1.37500em;
}
#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;
}
@media screen and (min-width: 60em) {
  *[id^="avec_nav"] + #encadres {
    padding-left: 18.125em;
    padding-right: 1.25em;
  }
}
*[id^="avec_nav"] + #encadres > [class^="encadre"] {
  margin: 0 0 1em;
  width: 100%;
}
@media screen and (min-width: 40em) {
  *[id^="avec_nav"] + #encadres > [class^="encadre"] {
    margin: 0 2% 1em;
    width: 46%;
  }
  *[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: 60em) {
  *[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: 60em) {
  *[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%;
  }
}

.style_3,
.style_4,
#encadres > [class^="encadre"] {
  background: #f1f1f2;
  overflow: visible !important;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  overflow: auto;
  padding: .625em;
  vertical-align: top;
}
.style_3::after,
.style_4::after,
#encadres > [class^="encadre"]::after {
  bottom: -6px;
  content: "";
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MzYzVjNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MzYzVjNyIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c3c5c7), color-stop(100%, rgba(195, 197, 199, 0)));
  background-image: -moz-linear-gradient(top, #c3c5c7 0%, rgba(195, 197, 199, 0) 100%);
  background-image: -webkit-linear-gradient(top, #c3c5c7 0%, rgba(195, 197, 199, 0) 100%);
  background-image: linear-gradient(to bottom, #c3c5c7 0%, rgba(195, 197, 199, 0) 100%);
  display: inline-block;
  height: 6px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 10;
}
.style_3 h2,
.style_4 h2,
#encadres > [class^="encadre"] h2 {
  border-bottom: 1px solid #919396;
  color: #414142;
  font: 1.1875em roboto_condensedlight, arial, helvetica, sans-serif;
  padding-bottom: 0.31579em;
  text-transform: uppercase;
}
.style_3 > div,
.style_3 > form,
.style_4 > div,
.style_4 > form,
#encadres > [class^="encadre"] > div,
#encadres > [class^="encadre"] > form {
  color: #5f6062;
  font-size: 0.93750em;
  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 {
  width: 100% !important;
}

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

#encadres {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 1em;
  padding: 0 1.25em 1em;
  max-width: 67.5em;
  width: 100%;
}
#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;
  border-bottom: 0;
}
#encadres > .encadre_contribution::after {
  border-top: 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 {
  min-width: 18em !important;
  width: 18em !important;
  max-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 {
  min-width: 23em !important;
  width: 23em !important;
  max-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-style: italic;
  font-size: .85em;
}

#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;
  position: absolute;
  left: 6em;
  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;
}

.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;
}



////////////////////
////////////////////////


@media screen and (min-width: 960px) {
	.pagelibre .ligne_1 > .colonne_1 {
				width : 57.6%;
			}
	.pagelibre .ligne_1 > .colonne_2 {
				width : 38.4%;
			}
}

@media screen and (min-width: 640px) and (max-width: 959.999px) {
				.pagelibre .ligne_1 > .colonne_1 {
					margin-left: 0;
					margin-right: 0;
					padding-left: 2%;
					padding-right: 2%;
					width: 56%;
				}
				.pagelibre .ligne_1 > .colonne_2 {
					margin-left: 0;
					margin-right: 0;
					padding-left: 2%;
					padding-right: 2%;
					width: 36%;
				}
	}
	#bandeau_page div.image div.corps,
	#bandeau_page div.pagination ul li.cycle-pager-active,
	#bandeau_page div.pagination ul li.cycle-pager-active a {
		background: rgba(141, 177, 177, 0.8) !important;
		color: #ffffff !important;
	}
	
	#bandeau_page.static div.image div.corps {
		background: #8db1b1 !important;
	}
	
	::-webkit-selection {
		background: #8db1b1 !important;
	}
	
	::-moz-selection {
		background: #8db1b1 !important;
	}
	
	::selection {
		background: #8db1b1 !important;
	}
	
	#bandeau_page div.resume div.titre,
	#bandeau_page .liste li.cycle-slide.cycle-slide-active {
		background: rgba(141, 177, 177, 0.8) !important;
	}
	
	@media screen and (min-width: 960px) {
		[id^="sans_nav"] #bandeau_page.static div.resume div.titre {
			background: none !important;
		}
	}
	
	@media screen and (max-width: 959.999px) {
		
		#navigation .choix,
		#navigation .choix + ul {
			background: rgba(141, 177, 177, 0.9) !important;
		}
	}
	
	#bandeau_page div.pagination ul li a {
		color: white !important;
	}
	
	#bandeau_page div.fond a {
		color: white !important;
	}
	
@media screen and (min-width: 640px) {
	#bandeau_page div.fond a {
		color: black !important;
	}
}



	
@media screen and (min-width: 960px) {
	#menu_secondaire li a {
		color: #000000 !important;
	}
}
	

@media screen and (min-width: 960px) {
	#menu_secondaire li a:hover,
	#menu_secondaire li.courant a {
		border-bottom-color: #729a98 !important;
		color: #729a98 !important;
	}
}
	
	#navigation li.courant {
		border-color: #729a98 !important;
	}
	
	#navigation li.courant li::before {
		border-left-color: #729a98 !important;
	}
	
	#navigation li.courant::before {
		border-top-color: #729a98 !important;
	}

	#titre,
	#sous_titre {
		color: #000000 !important;
	}

	.style_1 h2 {
		background: #8db1b1 !important;
		color: #f7f7f7 !important;
	}

	/* .style_3,
	.style_4, */
	body>#page>#page_deco>#encadres>[class^="encadre"].bis,
	body>#page>#page_deco>#encadres>[class^="encadre"].bis h2,
	body>#page>#page_deco>#encadres>[class^="encadre"].bis div {
		background: #558284 !important;
		border-color: #ffffff !important;
		color: #ffffff !important;
	}
	
	body>#page>#page_deco>#encadres>[class^="encadre"].bis a {
		color: #ffffff !important;
		text-decoration: underline;
	}

	.contenu a,
	[class^="encadre"] a,
	.style_4 .toolbox a,
	#commentaires header .date,
	#commentaires header .auteur,
	#commentaires_reponse h2,
	#commentaires_reponse h2 span,
	#commentaires_reponse button,
	.en_valeur,
	.style_1 + .style_5 .toolbox a,
	.style_1 .style_5 .toolbox a {
		color: #508589 !important;
	}
	
	.pertinence .niveau .avant .cercle {
		background-color: #508589 !important;
	}

@media screen and (min-width: 60em) {
	#bandeau_page .fond {
		background: url(http://entreprise.grenoble-inp.fr//images/bandeaux/fond-bandeau.png) !important;
	}
}

/*///////////
// ADDED BY PHIL
*/
#contenus_page  {
   font-size:14px;
}

/*Strip the ul of padding and list styling*/


 #menu_principal li ul.menu li {
    display: block;
    margin-left: 0px;
    vertical-align: middle;
}
 #menu_principal li ul.menu li a{
    margin: 2px;
}

 .menu {
    background: #fff none repeat scroll 0 0;
    border-left: 5px solid #007192;
    display: none;
    left: 10px;
    padding: 5px 0px;
    position: relative;
    text-align: left;
    width: auto;
    z-index: 9999;
}

/*Style for dropdown links*/
#menu_principal .menu li  a {
	color: #f29300;
	font-family: Arial,sans-serif;
    font-size: 14px;
	text-transform: none;
	text-align: left;
	padding-left: 0px;
}

/*Hover state for dropdown links*/
#menu_principal  li:hover ul a:hover {
    color: #007192;
}





/*Hide dropdown links until they are needed*/
#menu_principal  li ul {
	display: none;
}

/*Make dropdown links vertical*/
#menu_principal  li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
#menu_principal  li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
#menu_principal  li:hover a + .hidden, .hidden:hover {
	display: block;
}


#menu_principal  li.connexion::before {
    background: #73797d none repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 5px;
    margin-right: 10px;
    vertical-align: middle;
    width: 5px;
}