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

table[border="0"] {
  border: 0px solid;
}
table[border="0"] td,
table[border="0"] th {
  border: 0px solid;
}

table[border="1"] {
  border: 1px solid;
}
table[border="1"] td,
table[border="1"] th {
  border: 1px solid;
}

table[border="2"] {
  border: 2px solid;
}
table[border="2"] td,
table[border="2"] th {
  border: 2px solid;
}

table[border="3"] {
  border: 3px solid;
}
table[border="3"] td,
table[border="3"] th {
  border: 3px solid;
}

table[border="4"] {
  border: 4px solid;
}
table[border="4"] td,
table[border="4"] th {
  border: 4px solid;
}

table[border="5"] {
  border: 5px solid;
}
table[border="5"] td,
table[border="5"] th {
  border: 5px solid;
}

table[border="6"] {
  border: 6px solid;
}
table[border="6"] td,
table[border="6"] th {
  border: 6px solid;
}

table[border="7"] {
  border: 7px solid;
}
table[border="7"] td,
table[border="7"] th {
  border: 7px solid;
}

table[border="8"] {
  border: 8px solid;
}
table[border="8"] td,
table[border="8"] th {
  border: 8px solid;
}

table[border="9"] {
  border: 9px solid;
}
table[border="9"] td,
table[border="9"] th {
  border: 9px solid;
}

table[border="10"] {
  border: 10px solid;
}
table[border="10"] td,
table[border="10"] th {
  border: 10px solid;
}

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

body {
  background: #e6e6e6;
  color: #464646;
  font: normal 87.5%/1.5 "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
  margin: 0 auto;
}

::-moz-selection {
  background: #ff8500;
  color: #fff;
}

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

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

img,
embed,
iframe {
  max-width: 100%;
}

figure {
  display: inline;
}

h1, .h1,
h2, .h2, .no-js #connexion button.plier-deplier__bouton,
.no-js #acces_directs button.plier-deplier__bouton,
h3, .h3, #encadres > [class^="encadre"] h2,
h4, .h4,
h5, .h5,
h6, .h6 {
  color: #333;
  clear: both;
  display: block;
  margin: 0 0 .25em;
  text-transform: uppercase;
}

h1,
.h1 {
  background: #fff;
  color: #ff8500;
  font: 500 2.14286em/1.2 CodeProLCRegular, "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
  margin: 0 0 .5em;
  text-transform: uppercase;
  letter-spacing: .1em;
}

h2,
.h2,
.no-js #connexion button.plier-deplier__bouton,
.no-js #acces_directs button.plier-deplier__bouton {
  color: #767676;
  font: 500 1.5em/normal CodeProLCRegular, "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
  letter-spacing: .1em;
}

h3,
.h3,
#encadres > [class^="encadre"] h2 {
  font: 500 1.5em/normal CodeProLCRegular, "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
  letter-spacing: .1em;
}

h4,
.h4 {
  font: 500 1.25em CodeProLCRegular, "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
  letter-spacing: .1em;
}

h5,
.h5 {
  font: 500 1em CodeProLCRegular, "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
  letter-spacing: .1em;
}

h6,
.h6 {
  font: 700 1em CodeProLCRegular, "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
  letter-spacing: .1em;
}

p {
  margin: 0 0 1.5em;
}

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

ol {
  list-style: decimal;
}

form {
  margin: 0 0 1.5em;
}

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

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

i,
em,
q,
cite {
  font-style: italic;
}

acronym {
  cursor: help;
}

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

a {
  background: transparent;
  text-decoration: none;
}
a:link, a:visited {
  color: #ff8500;
}
a:link:hover, a:visited:hover {
  text-decoration: none;
}
a:focus {
  background-color: #ff8500;
  color: #fff;
  outline: 1px dotted;
  text-decoration: none !important;
}

.a {
  background: transparent;
  text-decoration: none;
}

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

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

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

fieldset,
.fieldset {
  background: #f5f5f5;
  margin: 0 0 1.5em;
  padding: 1em;
}

label,
.label {
  cursor: pointer;
  font-weight: 700;
}

select,
textarea,
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="password"],
input[type="text"],
input[type="email"],
input[readonly],
button,
.button,
.js .plier-deplier__bouton {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #c2c2c2;
  font-size: 1em;
  font-weight: 500;
  font-family: "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
  padding: .25em;
  text-decoration: none;
  max-width: 100%;
}
select:focus, select:active,
textarea:focus,
textarea:active,
input[type="submit"]:focus,
input[type="submit"]:active,
input[type="reset"]:focus,
input[type="reset"]:active,
input[type="button"]:focus,
input[type="button"]:active,
input[type="password"]:focus,
input[type="password"]:active,
input[type="text"]:focus,
input[type="text"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[readonly]:focus,
input[readonly]:active,
button:focus,
button:active,
.button:focus,
.js .plier-deplier__bouton:focus,
.button:active,
.js .plier-deplier__bouton:active {
  border-color: #ff8500;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
.submit,
.reset,
.button,
.js .plier-deplier__bouton,
button {
  border: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
}

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

button,
.button,
.js .plier-deplier__bouton {
  border: 0;
  background: #000;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
}

input[type="button"],
.button,
.js .plier-deplier__bouton,
.button:hover,
.js .plier-deplier__bouton:hover {
  cursor: pointer;
}

input[type="submit"],
button[type="submit"],
.submit {
  background: #f07d00;
  background: #ff8500;
}

input[type="reset"],
.reset {
  background: #000;
}

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

#body__deco {
  margin: 0 auto;
  max-width: 98%;
  position: relative;
}

@media screen and (min-width: 61.75em) {
  #body__deco {
    padding-top: 4.64286em;
    width: 85.71429em;
  }
}
#acces_direct {
  display: inline-block;
}

.js #acces_direct {
  display: none;
}

#bandeau_outils {
  *zoom: 1;
  margin: 0;
  position: relative;
}
#bandeau_outils:after {
  content: "";
  display: table;
  clear: both;
}
#bandeau_outils > div {
  margin: 0 auto;
  max-width: 100%;
  position: relative;
  width: 85.71429em;
}
#bandeau_outils > div > p {
  font-size: 1.25em;
}

#page {
  background: #fff url(img/bandeau.png) no-repeat 0 0;
  background-size: contain;
  border-top: 1em solid #ff8500;
  display: block;
  margin: 0 auto .5em;
  max-width: 100%;
  overflow: hidden;
  padding: 0 0 1em;
}

#bandeau {
  background-color: #fff;
}
#bandeau > a {
  color: #ff8500;
  display: inline-block;
  margin: 1em;
}
#bandeau > a:active, #bandeau > a:focus {
  background: transparent;
}
#bandeau > a img {
  height: 8.64286em;
}

#bandeau-titre {
  background: #fff;
  font: 500 4.28571em CodeProLightRegular, "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
  text-transform: uppercase;
  text-align: right;
  padding: 0 .5em;
}

@media screen and (min-width: 40em) {
  #bandeau > a {
    position: absolute;
  }
  #bandeau > div {
    margin: 0 auto;
  }

  #bandeau-titre {
    line-height: 1.2;
    min-height: 1.23333em;
    padding: 1em 0.75em 0.25em 4em;
  }
}
@media screen and (min-width: 61.75em) {
  #bandeau {
    position: relative;
  }
}
#acces_ent {
  left: 9em;
  position: absolute;
  top: 2.1rem;
  font: 500 1.5em CodeProLCRegular,"Open Sans",Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif,"Helvetica Neue",Helvetica,Arial,"Bitstream Vera Sans",sans-serif;
}
#acces_ent a {
  color: #000;
  display: inline-block;
  height: 1.5rem;
  line-height: 1.5rem;
  vertical-align: top;
}

@media screen and (min-width: 40em) {
  #acces_ent {
    left: 20em;
  }
}
@media screen and (min-width: 61.75em) {
  #acces_ent {
    display: none;
  }
}
#recherche_simple {
  float: right;
  position: relative;
  z-index: 1000;
}
#recherche_simple [type="text"] {
  color: #ff8500;
  border-color: #fff;
  font-style: italic;
}
#recherche_simple [type="text"]:focus, #recherche_simple [type="text"]:active {
  border-color: #ff8500;
}
#recherche_simple [type="image"] {
  font-size: 1em;
  height: 1.57143em;
  margin: 0 .5em;
  vertical-align: middle;
  width: 2em;
}
#recherche_simple img {
  width: 1.23077em;
}

@media screen and (min-width: 61.75em) {
  #recherche_simple {
    float: none;
    position: absolute;
    right: 1em;
    top: 2.8em;
  }
  #recherche_simple [type="text"] {
    width: 14.28571em;
  }
  #recherche_simple .plier-deplier__bouton {
    display: none;
  }
  #recherche_simple .plier-deplier__contenu {
    position: relative;
    display: block;
  }
}
.js #recherche_simple .plier-deplier__contenu {
  left: auto;
  right: 0;
}

.js #connexion .plier-deplier__contenu,
.js #acces_directs .plier-deplier__contenu {
  background: #ccc;
  padding: 1em;
}

.no-js #recherche_simple .plier-deplier__bouton {
  display: none;
}

#menu_langues {
  background: #fff;
  display: inline-block;
  font-size: .85714em;
  z-index: 700;
}
#menu_langues > ul {
  list-style: none;
  background: #fff;
  padding: 0.5em 1em;
  margin: 0;
  max-height: 7em;
  overflow: hidden;
  width: auto;
}
#menu_langues > ul li img {
  max-width: 18px;
  max-height: 12px;
}
#menu_langues > ul li:not(.select) img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
#menu_langues > ul li img:hover {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
}
#menu_langues b {
  color: #000;
}
#menu_langues a {
  color: #000;
  display: block;
  height: 12px;
  margin: 0.5em 0;
}
#menu_langues a:hover {
  text-decoration: underline;
}

@media screen and (min-width: 61.75em) {
  #menu_langues {
    height: 8.37em;
    left: 0;
    position: absolute;
    top: 0;
    width: 11.25em;
  }
  #menu_langues button {
    display: none;
  }
  #menu_langues > ul {
    display: inline-block;
    position: static;
  }

  #menu_principal button {
    display: none;
  }
  #menu_principal > ul {
    display: inline-block;
    position: static;
  }
}
#menu {
  background: #d4d4d4;
  border-bottom: .85714em solid #1d1d1d;
}

@media screen and (min-width: 61.75em) {
  #menu {
    margin: 0 0 2em;
    padding-left: 10.5em;
    position: relative;
    width: auto;
    z-index: 600;
  }
}
#menu_principal > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
#menu_principal > ul > li > a,
#menu_principal > ul > li > em > a {
  color: #292929;
  display: block;
  font: 500 1.14286em/normal CodeProLCRegular, "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
  letter-spacing: .06em;
  line-height: 1.2;
  padding: 0 .8em;
  text-transform: uppercase;
}

@media screen and (min-width: 61.75em) {
  #menu_principal {
    font-size: .85714em;
    width: 100%;
  }
  #menu_principal > ul {
    width: 100%;
  }
  #menu_principal > ul > li {
    display: inline-block;
    min-height: 6.28571em;
    vertical-align: top;
  }
  #menu_principal > ul > li > a,
  #menu_principal > ul > li > em > a {
    border-bottom: .85714em solid transparent;
    font: 700 1.16667em/normal "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
    letter-spacing: normal;
    margin-bottom: -.85714em;
    padding: 3.14286em .5em 1.3em;
  }
  #menu_principal > ul > li > a:hover, #menu_principal > ul > li > a:focus,
  #menu_principal > ul > li > em > a:hover,
  #menu_principal > ul > li > em > a:focus {
    background: #fff;
    border-bottom: 0.85714em solid #ff8500;
    color: #464646;
  }
  #menu_principal > ul > li > em > a {
    background: #fff;
    border-bottom: 0.85714em solid #ff8500;
    color: #464646;
  }
}
@media screen and (min-width: 75.5em) {
  #menu_principal {
    font-size: 1em;
  }
  #menu_principal > ul > li > a,
  #menu_principal > ul > li > em > a {
    border-bottom-width: .75em;
    font: 500 1.14286em/1.2 CodeProLCRegular, "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
    letter-spacing: .06em;
    margin-bottom: -.75em;
    padding: 3em .78em 1.3em;
    text-transform: uppercase;
  }
  #menu_principal > ul > li > a:hover, #menu_principal > ul > li > a:focus,
  #menu_principal > ul > li > em > a:hover,
  #menu_principal > ul > li > em > a:focus {
    border-bottom-width: .75em;
  }
  #menu_principal > ul > li > em > a {
    border-bottom-width: .75em;
  }
}
.menu_principal__contenu {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.9);
  display: none;
  font-size: 1.28571em;
  left: 0;
  margin-top: .66667em;
  padding: 1em;
  position: absolute;
  width: 100%;
}

@media screen and (min-width: 40em) {
  .menu_principal__contenu > ul,
  .menu_principal__contenu > div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 1em;
    vertical-align: top;
    width: 50%;
  }
  .menu_principal__contenu > ul {
    font: 500 1.11111em/1.9 CodeProLCRegular, "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
    text-transform: uppercase;
    list-style: none;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
  }
  .menu_principal__contenu > ul a {
    color: #000;
  }
  .menu_principal__contenu > ul a:before {
    border-bottom: 10px solid transparent;
    border-left: 10px solid;
    border-top: 10px solid transparent;
    font-size: 0;
    line-height: 0;
    width: 0;
    content: "";
    vertical-align: middle;
    margin-right: 24px;
    margin-right: 1.5rem;
  }
  .menu_principal__contenu > ul em {
    font-family: CodeProLCRegular, "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
    text-transform: uppercase;
  }
  .menu_principal__contenu > ul a:hover,
  .menu_principal__contenu > ul em a {
    color: #ff8500;
  }
}
.menu_principal__accroche {
  color: #292929;
}

#page_deco:before, #page_deco:after {
  content: "";
  display: table;
}
#page_deco:after {
  clear: both;
}

.navigation__entete {
  padding: 0 .5em;
}
@media screen and (min-width: 61.75em) {
  .navigation__entete {
    display: none;
  }
}

#navigation {
  background: #000;
  color: #fff;
}
@media screen and (min-width: 61.75em) {
  #navigation {
    float: left;
    width: 18.75%;
    margin-left: 0%;
    margin-right: -18.75%;
    padding-left: 0;
    padding-right: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    margin-top: -1em;
    min-height: 11em;
  }
}
#navigation.navigation--formation {
  display: none;
}

#menu_secondaire {
  background: #000;
  color: #fff;
  font: 500 1em CodeProLCRegular, "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
  list-style: none;
  margin: 0;
  padding: 3em 1.5em 1em;
}
#menu_secondaire a {
  color: #f0f0f0;
}
#menu_secondaire a:hover,
#menu_secondaire strong > a:hover {
  color: #ff8500;
}
#menu_secondaire a:active, #menu_secondaire a:active:hover,
#menu_secondaire strong > a:active,
#menu_secondaire strong > a:active:hover {
  color: #fff;
}
#menu_secondaire > li {
  margin: 0 0 1.5em;
}
#menu_secondaire > li > a,
#menu_secondaire > li > strong {
  text-transform: uppercase;
}
#menu_secondaire > li > strong {
  font-size: 1.14286em;
  font-weight: 500;
}
#menu_secondaire > li > strong > a {
  color: #ff8500;
}
#menu_secondaire ul {
  font-family: "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
  list-style: none;
  padding: 0;
  margin: .25em 0 0 1.5em;
}
#menu_secondaire ul > li {
  margin: 0 0 .75em;
}

.contenu a:link:hover,
#encadres a:link:hover {
  text-decoration: underline;
}
.contenu .button:hover, .contenu .js .plier-deplier__bouton:hover, .js .contenu .plier-deplier__bouton:hover,
#encadres .button:hover,
#encadres .js .plier-deplier__bouton:hover,
.js #encadres .plier-deplier__bouton:hover {
  text-decoration: none;
}
.contenu b,
.contenu strong,
.contenu dt,
.contenu caption,
.contenu legend,
#encadres b,
#encadres strong,
#encadres dt,
#encadres caption,
#encadres legend {
  font-weight: 700;
}
.contenu b,
.contenu strong,
#encadres b,
#encadres strong {
  font-weight: 700;
}
.contenu i,
.contenu em,
.contenu q,
.contenu cite,
#encadres i,
#encadres em,
#encadres q,
#encadres cite {
  font-style: italic;
}

@media screen and (min-width: 61.75em) {
  .contenu {
    margin-top: 12em;
    min-height: 25em;
  }

  #avec_nav_avec_encadres {
    float: left;
    width: 56.25%;
    margin-left: 18.75%;
    margin-right: -75%;
    padding-left: 0;
    padding-right: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    padding: 1em;
  }

  #avec_nav_sans_encadres {
    float: left;
    width: 81.25%;
    margin-left: 18.75%;
    margin-right: -100%;
    padding-left: 0;
    padding-right: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    padding: 1em;
  }

  #sans_nav_avec_encadres {
    float: left;
    width: 75%;
    margin-left: 0%;
    margin-right: -75%;
    padding-left: 0;
    padding-right: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    padding: 1em;
  }

  #sans_nav_sans_encadres {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 0;
    padding-right: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    float: none;
    padding: 1em;
  }
}
@media screen and (min-width: 61.75em) {
  [class^="ligne"] {
    clear: left;
    margin: 0 0 .5em;
    overflow: hidden;
    padding: 0;
  }

  [class^="colonne"] {
    float: left;
  }
  [class^="colonne"]:first-child .colonne_deco {
    border: 0;
    padding-left: 0;
  }
  [class^="colonne"]:last-child .colonne_deco {
    margin-right: 0;
  }

  .colonne_deco {
    float: none;
    margin-right: .25em;
    padding: 0 0 0 .25em;
  }
}
.js #pied_outils {
  left: 0;
  padding: .5em 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.js #pied_outils > div {
  margin: 0 auto;
  max-width: 100%;
  position: relative;
  width: 100%;
}
.js #pied_outils > div > p {
  margin: 0;
}

#pied_deco {
  background: #fff;
  clear: both;
  overflow: hidden;
}

#rubrique-navigation > div ul {
  padding: 0;
  list-style: none;
}
#rubrique-navigation > div ul li:before {
  border-bottom: 0.5rem solid transparent;
  border-left: 0.5rem solid;
  border-top: 0.5rem solid transparent;
  content: "";
  display: inline-block;
  font-size: 0;
  line-height: 0;
  margin-right: .5rem;
  vertical-align: middle;
  width: 0;
}

@media screen and (min-width: 40em) {
  .js #rubrique-navigation {
    left: 13em;
    position: absolute;
    top: 2.28571em;
  }
  .js #rubrique-navigation .plier-deplier__bouton {
    background: transparent;
    border-color: #c5c5c5;
    color: #000;
    font: 500 0.85714em Verdana, Geneva, "Bitstream Vera Sans", sans-serif;
  }
  .js #rubrique-navigation .plier-deplier__bouton:hover, .js #rubrique-navigation .plier-deplier__bouton:focus {
    background-color: #fff;
  }
  .js #rubrique-navigation .plier-deplier__bouton span {
    display: inline-block;
    margin: 0 0 0 1em;
  }
  .js #rubrique-navigation [aria-expanded="true"] {
    background-color: #fff;
  }
  .js #rubrique-navigation .plier-deplier__contenu {
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    background: #fff;
    padding: 1em;
    width: 40em;
  }
}
@media screen and (min-width: 61.75em) {
  .js #rubrique-navigation {
    left: 10.5em;
  }

  #rubrique-liens {
    font: 500 0.85714em Verdana, Geneva, "Bitstream Vera Sans", sans-serif;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 3em;
  }
  #rubrique-liens button {
    display: none;
  }
  #rubrique-liens li {
    display: inline-block;
    margin: 0 1.5em 0 0;
    padding: 0;
    vertical-align: top;
  }
  #rubrique-liens a {
    color: #000;
  }
  #rubrique-liens a:hover {
    text-decoration: underline;
  }
}
@media screen and (min-width: 75.5em) {
  #rubrique-liens li {
    margin: 0 1.5em;
  }
}
#reseaux-agenda > ul,
#reseaux-agenda > div {
  color: #fff;
  list-style: none;
  padding: 0;
}
#reseaux-agenda a {
  color: #fff;
  display: inline-block;
  padding: .25em 0;
  width: 100%;
}

@media screen and (min-width: 85.71429em) {
  #reseaux-agenda {
    margin-left: -4.57143em;
    position: fixed;
    text-align: center;
    top: 45%;
    width: 4.5em;
  }
  #reseaux-agenda > ul,
  #reseaux-agenda > div {
    background: #1d1d1d;
    padding: 1em 0;
  }
  #reseaux-agenda > ul {
    position: relative;
  }
  #reseaux-agenda > ul:before {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #e6e6e6;
    content: "";
    font-size: 0;
    left: 40%;
    line-height: 0;
    position: absolute;
    top: 0;
    width: 0;
  }
  #reseaux-agenda > ul img {
    max-height: 1.71429em;
  }
}
@media screen and (min-width: 61.75em) {
  #encadres {
    float: left;
    width: 25%;
    margin-left: 75%;
    margin-right: -100%;
    padding-left: 0;
    padding-right: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    margin-top: 10em;
  }

  #pied_page {
    clear: both;
    margin: 0 auto;
    padding: 4em 0 1em;
    position: relative;
  }
  #pied_page:before {
    background: #000;
    content: "";
    height: 5em;
    position: absolute;
    top: 0;
    width: 12.5%;
  }

  #pied_page_rubriques {
    float: left;
    width: 87.5%;
    margin-left: 12.5%;
    margin-right: -100%;
    padding-left: 0;
    padding-right: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    float: none;
    text-transform: uppercase;
  }
  #pied_page_rubriques > div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1em;
    display: inline-block;
    vertical-align: top;
    width: 25%;
  }
  #pied_page_rubriques h2 {
    font: 500 1.14286em CodeProLCRegular, "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
    padding-top: 0;
    text-transform: uppercase;
  }
  #pied_page_rubriques ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #pied_page_rubriques li {
    margin: 0 0 .5em;
  }

  #menu_pied_page {
    float: right;
    color: #ccc;
  }
  #menu_pied_page li {
    border-left: 1px solid;
    display: inline;
    margin: 0 1em 0 0;
    padding: 0 0 0 1em;
  }
  #menu_pied_page li:first-child {
    border-left: 0;
    padding: 0;
  }

  #pied-page__accroche {
    float: left;
    width: 87.5%;
    margin-left: 12.5%;
    margin-right: -100%;
    padding-left: 0;
    padding-right: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    background: #d4d4d4;
    font-weight: 700;
    padding: 1em;
  }
  #pied-page__accroche > p {
    margin: 0;
  }
}
a.submit, a.reset, a.button, .js a.plier-deplier__bouton {
  color: #fff;
}

.cc-cookies {
  background: #fff;
  bottom: 0;
  font-weight: 700;
  padding: 1em 2%;
  position: fixed;
  width: 96%;
  z-index: 2000;
}
.cc-cookies a {
  background: #f5f5f5;
  display: inline-block;
  font-weight: 700;
  padding: 0.25em;
}
.cc-cookies a:hover {
  text-decoration: underline;
}

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

#msg-confirmation {
  color: #72aa06;
}

#msg-alerte a,
#msg-erreur a,
#msg-confirmation a {
  color: #fff;
}

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

.retour {
  cursor: pointer;
}

a.retour-haut {
  background: url(img/circonflexe.png) no-repeat 50% 0;
  background-size: auto 1.286em;
  color: #767676;
  display: block;
  font: 500 1.5em CodeProLCRegular, "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
  padding: 2em 1em 1em;
  text-align: center;
  text-transform: uppercase;
}

@media screen and (min-width: 61.75em) {
  a.retour-haut {
    background-color: #000;
    background-position: 50% 50%;
    background-size: 75% auto;
    bottom: 2em;
    color: #3C5780;
    display: inline-block;
    opacity: 0;
    padding: 1em;
    position: fixed;
    right: 5%;
    text-decoration: none;
    z-index: 100;
  }
  a.retour-haut span {
    display: none;
  }
}
.icon {
  margin: 0 .5em 0 0;
}

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

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

.masquer {
  display: none;
}

span.highlight {
  font-weight: 700;
}

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

.contenu ul:not([class]):not([id]),
#encadres ul:not([class]):not([id]) {
  list-style: none;
  padding: 0;
}
.contenu ul:not([class]):not([id]) li:before,
#encadres ul:not([class]):not([id]) li:before {
  border-bottom: 6px solid transparent;
  border-left: 6px solid #ff8500;
  border-top: 6px solid transparent;
  content: "";
  font-size: 0;
  line-height: 0;
  margin-right: .5rem;
  vertical-align: middle;
  width: 0;
}

.plandusite > ul {
  list-style: none;
}
.plandusite > ul > li > a {
  font-weight: 700;
  font-size: 1.28571em;
}
.plandusite > ul > li > a:before {
  border-bottom: .5rem solid transparent;
  border-left: .5rem solid;
  border-top: .5rem solid transparent;
  content: "";
  display: inline-block;
  font-size: 0;
  line-height: 0;
  margin-right: .5rem;
  width: 0;
}
.plandusite > ul > li > ul {
  padding-left: 0;
}
.plandusite > ul > li > ul > li {
  list-style: none;
}
.plandusite > ul > li > ul > li > a {
  font-weight: 700;
}

.plansite2 ul {
  list-style: none;
}
.plansite2 ul li a:before {
  border-bottom: .4rem solid transparent;
  border-left: .4rem solid;
  border-top: .4rem solid transparent;
  content: "";
  display: inline-block;
  font-size: 0;
  line-height: 0;
  margin-right: .5rem;
  width: 0;
}

.liste_ligne, .extension-agenda .extension-agenda__navigation ul {
  list-style: none;
  padding: 0;
}
.liste_ligne li, .extension-agenda .extension-agenda__navigation ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
  vertical-align: top;
}

ul.sans_puce {
  list-style: none;
  padding: 0;
}

.plier-deplier__bouton {
  background: rgba(255, 255, 255, 0.5);
}

.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;
  color: #666;
  margin: 0;
  padding: .25em .5em;
  text-decoration: none;
}
.js .plier-deplier__bouton span {
  display: none;
}
.js .plier-deplier__contenu {
  left: 0;
  position: absolute;
  z-index: 1000;
}
.js .plier-deplier__contenu--clos,
.js .plier-deplier-2__contenu--clos {
  display: none;
}
.js .plier-deplier__contenu--ouvert,
.js .plier-deplier-2__contenu--ouvert {
  display: block;
}

.contenu {
  background: #fff;
}

.plier-deplier__bouton.ruban,
.plier-deplier-2__bouton.ruban {
  background: #e6e6e6;
  border: 0 none;
  color: #767676;
  cursor: pointer;
  display: block;
  font: 500 1.5em CodeProLCRegular, "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
  margin: 0 0 .25em;
  padding: 0.5em;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}
@media screen and (min-width: 40em) {
  .plier-deplier__bouton.ruban,
  .plier-deplier-2__bouton.ruban {
    display: none;
  }
}
.plier-deplier__bouton.ruban:after,
.plier-deplier-2__bouton.ruban:after {
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 11px solid #aaa;
  content: "";
  font-size: 0;
  line-height: 0;
  position: absolute;
  right: 1rem;
  top: 1rem;
  width: 0;
}

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

#recherche_avancee,
#envoi_ami {
  width: 100%;
}
#recherche_avancee legend,
#envoi_ami legend {
  display: none;
}
#recherche_avancee label,
#envoi_ami label {
  font-weight: 700;
  padding: .3em;
}
#recherche_avancee label.no_float,
#envoi_ami label.no_float {
  width: auto;
}
#recherche_avancee input,
#recherche_avancee select,
#recherche_avancee textarea,
#envoi_ami input,
#envoi_ami select,
#envoi_ami textarea {
  vertical-align: middle;
}
#recherche_avancee select,
#envoi_ami select {
  max-width: 100%;
  width: 100%;
}
#recherche_avancee .ChampSaisie,
#envoi_ami .ChampSaisie {
  max-width: 360px;
}

#envoi_ami label {
  vertical-align: top;
  width: 15em;
}

.recherche-site-courant,
.recherche-tout-site {
  padding: 0 1em;
}

label[for="recherche-site-courant__champ"] {
  display: block;
}

#recherche-site-courant__champ {
  vertical-align: top;
  width: 80%;
}

.recherche-site-courant__avancee {
  display: block;
  font-weight: 700;
}

@media screen and (min-width: 61.75em) {
  #recherche_avancee label,
  #envoi_ami label {
    display: inline-block;
    vertical-align: middle;
    width: 12em;
  }
  #recherche_avancee select,
  #envoi_ami select {
    max-width: 70%;
  }

  .recherche-site-courant,
  .recherche-tout-site {
    padding: 0;
  }

  label[for="recherche-site-courant__champ"] {
    width: 16em;
    display: inline-block;
  }

  #recherche-site-courant__champ {
    width: 50%;
  }

  .recherche-site-courant__avancee {
    display: inline-block;
  }

  .recherche-site-courant__validation {
    vertical-align: top;
  }

  .recherche-tout-site {
    padding-left: 16em;
  }
}
#precisions_resultats {
  font-weight: 700;
  font-size: 1.5em;
  margin: 0 0 .5em;
}

#liste_resultats .highlight {
  display: inline;
}
#liste_resultats [class^="colonne"] {
  float: none;
}

#recherche_avancee_modification {
  font-weight: 700;
}

#resultats_recherche_navigation {
  text-align: center;
}
#resultats_recherche_navigation a span {
  margin: 0;
  vertical-align: middle;
}
#resultats_recherche_navigation a.premier, #resultats_recherche_navigation a.precedent {
  margin: 0 1em 0 0;
}
#resultats_recherche_navigation a.suivant, #resultats_recherche_navigation a.dernier {
  margin: 0 0 0 1em;
}

.objets, #liste_resultats {
  padding: 0;
  margin: 0 0 1.5em;
}
.objets li, #liste_resultats li {
  border-bottom: 1px solid #ddd;
  clear: left;
  list-style-type: none;
  margin: 0 0 1em;
  padding: 0 0 1em;
}
.objets li:last-child, #liste_resultats li:last-child {
  border-color: #000;
}
.objets strong a, #liste_resultats strong a,
.objets a,
#liste_resultats a {
  color: #000;
  font-size: 1.28571em;
}
.objets .sous-titre, #liste_resultats .sous-titre {
  font-weight: 700;
}
.objets .date, #liste_resultats .date,
.objets .date-liste,
#liste_resultats .date-liste {
  font-size: .85714em;
}
.objets .lire_la_suite, #liste_resultats .lire_la_suite {
  display: none;
}

.vignette_deco a {
  font-size: 1em;
}

ul.documents a.telecharger-fichiers {
  display: block;
}

ul.articles .redacteur {
  font-style: italic;
}

ul.pardefaut {
  margin: 0 0 1.5em;
}

.offresstagesemplois li > em {
  font-style: normal;
  font-weight: 700;
}
.offresstagesemplois li > span {
  display: block;
}
.offresstagesemplois .type-liste {
  font-style: italic;
}

.onglets {
  background: #000;
  font: 500 1.14286em CodeProLCRegular, "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
  letter-spacing: .1em;
  margin: 0 0 1.5em;
  padding: 1em .5em;
  text-transform: uppercase;
}
.onglets li {
  display: inline-block;
  position: relative;
}
.onglets a {
  color: #fff;
  display: inline-block;
  padding: .5em .4em;
  text-decoration: none;
}
.onglets #actif a {
  background: #ff8500;
}
.onglets #actif a:after {
  border-left: 12px solid #000;
  border-right: 12px solid #000;
  border-top: 13px solid #ff8500;
  bottom: -13px;
  content: "";
  font-size: 0;
  left: 50%;
  line-height: 0;
  margin: 0 0 0 -12px;
  position: absolute;
  width: 0;
}

.menu_principal__accroche .objets, .menu_principal__accroche #liste_resultats {
  color: #292929;
  line-height: 1.2;
}
.menu_principal__accroche .objets li, .menu_principal__accroche #liste_resultats li {
  border: 0;
  padding: 0;
}
.menu_principal__accroche .objets .vignette_deco, .menu_principal__accroche #liste_resultats .vignette_deco {
  font-size: .77778em;
}
.menu_principal__accroche .objets .date, .menu_principal__accroche #liste_resultats .date {
  margin: 0 0 .5em;
}
.menu_principal__accroche .objets strong, .menu_principal__accroche #liste_resultats strong {
  display: inline-block;
  font: 500 1.11111em CodeProLCRegular, "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
  margin: 0 0 .5em;
  text-transform: uppercase;
}
.menu_principal__accroche .objets strong a, .menu_principal__accroche #liste_resultats strong a {
  font-size: 1em;
}
.menu_principal__accroche .objets strong a:hover, .menu_principal__accroche #liste_resultats strong a:hover {
  color: #ff8500;
}

.contenu_onglet1,
.contenu_onglet2,
.contenu_onglet3,
.contenu_onglet4,
.contenu_onglet5 {
  display: none;
}

#onglet_actif {
  display: block;
}

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

div.vignette_deco {
  display: block;
}
@media screen and (min-width: 40em) {
  div.vignette_deco {
    float: left;
    margin: 0 1em 0 0;
  }
}

.vignette {
  margin: 0;
}

@media screen and (min-width: 61.75em) {
  .vignette_deco {
    width: 9.28571em;
  }

  .vignette {
    max-width: 9.28571em;
  }
}
#encadres .vignette_deco {
  float: none;
}
#encadres .vignette_deco2 {
  overflow: visible;
}

.sansstyle,
.paragraphe--0,
.paragraphe--1,
.paragraphe--2,
.paragraphe--3 {
  clear: both;
  margin: 0 0 .5em;
}
.sansstyle h2,
.paragraphe--0 h2,
.paragraphe--1 h2,
.paragraphe--2 h2,
.paragraphe--3 h2 {
  margin: .5em 0 1em;
}

.element_deco {
  margin: 0 0 1.5em;
}

.paragraphe--1,
.paragraphe--2,
.paragraphe--3 {
  border: 1px solid #cbcbcb;
  padding: 1em;
}
.paragraphe--1 h2,
.paragraphe--2 h2,
.paragraphe--3 h2 {
  font-size: 1.5em;
}

.paragraphe--1 h2,
.paragraphe--4 h2 {
  color: #767676;
}

.paragraphe--2 h2 {
  color: #ff8500;
  font-size: 1.57143em;
  letter-spacing: normal;
}

.paragraphe--3 {
  background: #ededed;
}
.paragraphe--3 h2 {
  color: #000;
}

.paragraphe--4 {
  clear: both;
  margin: 0 0 .5em;
  padding: 0;
}
.paragraphe--4 h2 {
  font-size: 1.5em;
  background: #e6e6e6;
  cursor: pointer;
  margin: 0 0 0.5em 0;
  padding: 0.5em 4em 0.5em 1em;
  position: relative;
}
.paragraphe--4 h2:after {
  content: "";
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 11px solid #aaa;
  font-size: 0;
  line-height: 0;
  position: absolute;
  right: 1.5rem;
  top: 40%;
}

/**
* Accordeons
**/
.paragraphe__contenu--4,
.paragraphe__contenu--5,
.paragraphe__contenu--6,
.paragraphe__contenu--7 {
  padding: 1em;
  margin-bottom: .5em;
  display: none;
}

.paragraphe__titre.paragraphe__titre--5 {
  display: block;
  padding: .31em .4em .4em 2.35em;
  margin-bottom: 1.5em;
  border: 2px solid #f39872;
  font-family: "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
  font-weight: bold;
  text-transform: none;
  letter-spacing: normal;
  color: #525e68;
  position: relative;
  cursor: pointer;
}
.paragraphe__titre.paragraphe__titre--5::before {
  content: "";
  width: 24px;
  height: 24px;
  background: transparent url(./img/paragraphe/fleche-paragraphe-5.png) no-repeat 50% 50%;
  transition: transform .35s ease-in;
  position: absolute;
  left: .65em;
  top: .4em;
}
.paragraphe--ouvert .paragraphe__titre.paragraphe__titre--5 {
  margin-bottom: .5em;
}
.paragraphe--ouvert .paragraphe__titre.paragraphe__titre--5::before {
  transform: rotate(90deg);
}

.paragraphe__contenu--5 {
  margin-bottom: 1.5em;
}

.paragraphe__titre.paragraphe__titre--6 {
  display: block;
  padding: .31em .4em .4em 2.35em;
  margin-bottom: 1.5em;
  border: 2px solid #c34942;
  font-family: "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
  font-weight: bold;
  text-transform: none;
  letter-spacing: normal;
  color: #525e68;
  position: relative;
  cursor: pointer;
}
.paragraphe__titre.paragraphe__titre--6::before {
  content: "";
  width: 24px;
  height: 24px;
  background: transparent url(./img/paragraphe/fleche-paragraphe-6.png) no-repeat 50% 50%;
  transition: transform .35s ease-in;
  position: absolute;
  left: .65em;
  top: .4em;
}
.paragraphe--ouvert .paragraphe__titre.paragraphe__titre--6 {
  margin-bottom: .5em;
}
.paragraphe--ouvert .paragraphe__titre.paragraphe__titre--6::before {
  transform: rotate(90deg);
}

.paragraphe__contenu--6 {
  margin-bottom: 1.5em;
}

.paragraphe__titre.paragraphe__titre--7 {
  display: block;
  padding: .31em .4em .4em 2.35em;
  margin-bottom: 1.5em;
  border: 2px solid #ca8a89;
  font-family: "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
  font-weight: bold;
  text-transform: none;
  letter-spacing: normal;
  color: #525e68;
  position: relative;
  cursor: pointer;
}
.paragraphe__titre.paragraphe__titre--7::before {
  content: "";
  width: 24px;
  height: 24px;
  background: transparent url(./img/paragraphe/fleche-paragraphe-7.png) no-repeat 50% 50%;
  transition: transform .35s ease-in;
  position: absolute;
  left: .65em;
  top: .4em;
}
.paragraphe--ouvert .paragraphe__titre.paragraphe__titre--7 {
  margin-bottom: .5em;
}
.paragraphe--ouvert .paragraphe__titre.paragraphe__titre--7::before {
  transform: rotate(90deg);
}

.paragraphe__contenu--7 {
  margin-bottom: 1.5em;
}

.fiche .surtitre {
  border-bottom: 1px solid #eee;
  color: #666;
  margin: 0 0 .5em;
  padding: 0 0 .5em;
}
.fiche .soustitre {
  font-size: 1.28571em;
  font-weight: 700;
  margin: -1em 0 1em;
}
.fiche .photo {
  border-bottom: 1px solid #585858;
}
@media screen and (min-width: 40em) {
  .fiche .photo {
    float: left;
    margin: 0 1em 1.5em 0;
    max-width: 18.92857em;
  }
  .fiche .photo.bis {
    float: right;
    margin: 0 0 1.5em 1em;
  }
}
.fiche .legende {
  color: #000;
  font: 500 0.85714em Verdana, Geneva, "Bitstream Vera Sans", sans-serif;
  margin: .5em .75em;
}
.fiche #date_deco {
  border-bottom: 1px solid #eee;
  margin: 0 0 1em;
  padding: 0 0 1em;
}
.fiche #date {
  border-bottom: 1px solid;
  color: #522828;
  display: inline-block;
  font-size: 1.28571em;
  font-weight: 700;
  margin: 0 0 .5em;
  padding: 0 1em .5em 0;
}
.fiche #lieu {
  border-bottom: 1px solid;
  color: #522828;
  font-size: 1.28571em;
  font-weight: 700;
  margin: 0 0 .5em;
  padding: 0 1em .5em 0;
}
.fiche #resume {
  margin: 0 0 1.5em;
  font-size: 1.28571em;
  font-weight: 700;
}
.fiche #description {
  margin-bottom: 1.5em;
}
.fiche #description ul {
  overflow: auto;
}
.fiche.annuaire #fonction {
  margin: 0 0 1.5em;
  overflow: auto;
}

.lien .soustitre {
  font-weight: 500;
  font-size: 1.14286em;
}

.lien-url {
  font-size: 1.5em;
  font-weight: 700;
  margin: 0 0 .5em;
}

#auteurs,
#referenceisdn {
  border-bottom: 1px solid #eee;
  padding-bottom: 1em;
}

#complements {
  margin: 0 0 1.5em;
}

.type_1, dl.type_1, #demande_mot_passe dt {
  background: #fff;
  border-top: 1px solid #aaa;
  clear: both;
  margin: 0 0 1.5em;
  position: relative;
  width: 100%;
}
.type_1 dt, #demande_mot_passe dt dt {
  color: #000;
  font: 500 1.5em CodeProLCRegular, "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
  text-transform: uppercase;
  margin: .75em 0 0;
}
.type_1 dd, #demande_mot_passe dt dd {
  border-bottom: 1px solid #aaa;
  padding: .75em 0 1em;
}

.type_2, dl.type_2,
.type_3 {
  background: #ffe7cd;
  clear: both;
  margin: 0 0 1.5em;
  position: relative;
  padding: 1em;
}
.type_2 dd,
.type_3 dd {
  margin: 0 0 1em;
}

.type_3 dt {
  display: inline-block;
  float: left;
  margin: 0 0.3em 0 0;
}
.type_3 dd {
  margin: 0 0 .75em;
}
.type_3.bis dt {
  float: none;
  margin: 0;
  vertical-align: top;
  width: 36%;
}
.type_3.bis dd {
  display: inline-block;
  vertical-align: top;
  width: 64%;
}

.formation .type_3 {
  margin: 0;
}
.formation .type_3 ul {
  margin: 0;
}
.formation .type_3 a {
  font-weight: 700;
}

form p.obligatoire label {
  color: #333;
}
form p.obligatoire input,
form p.obligatoire textarea,
form p.obligatoire select {
  border-color: #555;
}
form.formulaire_redacteur {
  background-color: #eee;
  margin: 0 0 1.5em;
  overflow: auto;
  padding: 1em;
}
form.formulaire_redacteur label.radio,
form.formulaire_redacteur label.checkbox {
  display: inline;
  font-weight: 500;
  margin-right: 1em;
}
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;
}

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

form.disposition2 label,
form.disposition2 .label {
  display: block;
  float: left;
  font-weight: 700;
  vertical-align: top;
  width: 25%;
}
form.disposition2 input,
form.disposition2 select,
form.disposition2 textarea {
  max-width: 75%;
}
form.disposition2 span.radio,
form.disposition2 span.checkbox {
  display: inline-block;
  overflow: auto;
  vertical-align: top;
  width: 75%;
}
form.disposition2 label.radio,
form.disposition2 label.checkbox {
  display: inline-block;
  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;
}

.modification-date {
  border-bottom: 1px solid;
  clear: both;
  display: inline-block;
  margin: 0 0 .25em;
  padding: 0 15% .25em 0;
}

.partage + .modification {
  position: relative;
  top: -2em;
  width: 50%;
}

#encadres > [class^="encadre"] {
  margin: 0 0 2em;
  overflow: auto;
  padding: 0 0 1.5em;
}
#encadres > .encadre_fiche,
#encadres > .encadre_auto_fiche,
#encadres > .encadre_recherche {
  border-bottom: 2px solid;
  margin-right: 1em;
  margin-top: 1.5em;
}
#encadres > .encadre_fiche h2,
#encadres > .encadre_auto_fiche h2,
#encadres > .encadre_recherche h2 {
  border-bottom: 2px solid #ff8500;
  padding: 0 0 .4em;
  margin: 0 0 .8em;
}
#encadres > .encadre_rubrique,
#encadres > .encadre_generique,
#encadres > .encadre_nav_auto {
  background: #ededed;
}
#encadres > .encadre_rubrique h2,
#encadres > .encadre_generique h2,
#encadres > .encadre_nav_auto h2 {
  background: #aaa;
  color: #fff;
  border-right: 3em solid #ff8500;
  padding: 2em .66667em .2em;
}
#encadres > .encadre_rubrique > div,
#encadres > .encadre_generique > div,
#encadres > .encadre_nav_auto > div {
  padding: .5em 1em;
}
#encadres > .encadre_recherche fieldset {
  background: transparent;
  border: 0;
  padding: 0;
}
#encadres > .encadre_recherche legend {
  display: none;
}
#encadres > .encadre_recherche input[type="text"],
#encadres > .encadre_recherche select {
  width: 100%;
}

#telecharger {
  background: #f5f5f5;
  padding: 1em;
}
#telecharger a {
  font-weight: 700;
}
#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: 0 0 0.25em 2em;
  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);
}

ul.liste-evenements {
  padding: 0;
}
ul.liste-evenements li {
  list-style-type: none;
  margin-bottom: 1em;
}
ul.liste-evenements li .date-evenement {
  border-right: 1px solid #898e92;
  display: inline-block;
  margin-right: 1em;
  padding-right: 1em;
  text-align: center;
  min-width: 2.5em;
}
ul.liste-evenements li .date-evenement .date {
  display: block;
  font: 2em CodeProLCRegular, "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
  text-transform: uppercase;
}
ul.liste-evenements li .date-evenement .mois {
  font: .9em;
}
ul.liste-evenements li .details {
  display: inline-block;
  vertical-align: top;
  max-width: 70%;
}
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;
  padding-top: .25em;
}
ul.liste-evenements li .details .type-evenement,
ul.liste-evenements li .details .titre-evenement {
  display: block;
}

.outils_fiche {
  color: #acacac;
  float: left;
  font-size: 1.28571em;
  font-weight: 700;
}
.outils_fiche span {
  cursor: pointer;
  margin: 0 .5em 0 0;
}
.outils_fiche span:hover {
  color: #000;
}
.outils_fiche + .partage {
  border-bottom: solid #585858;
  border-width: 0 0 1px;
  padding: 0 0 .5em;
  margin: 0 0 1.5em;
}
.outils_fiche + .partage span {
  display: inline;
}

.partage {
  color: #acacac;
  text-align: right;
  padding-right: .5em;
  border-top: 1px solid #585858;
  padding: .5em 0 0;
  margin: 1.5em 0 0;
}
.partage span {
  vertical-align: middle;
  font: 500 0.85714em Verdana, Geneva, "Bitstream Vera Sans", sans-serif;
  display: none;
}
.partage ul {
  display: inline;
  list-style: none;
  padding: 0;
  margin: 0;
}
.partage li {
  display: inline;
  margin: 0 0 0 .15em;
  padding: .25em 0;
  vertical-align: top;
}
.partage li:before {
  display: none;
}
.partage a:hover {
  text-decoration: none;
}
.partage button {
  background: transparent;
  padding: 0;
}
.partage button:hover img {
  opacity: 1;
}
.partage img {
  opacity: .3;
  vertical-align: top;
  width: 1.57143em;
}
.partage img:hover {
  opacity: 1;
}
.partage .partage__pdf {
  margin-left: 1em;
  border-left: 1px solid #bebebe;
  padding-left: 1em;
}

.videoWrapper {
  height: 0;
  padding-bottom: 56.25%;
  padding-top: 25px;
  position: relative;
}
.videoWrapper iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.video-container {
  position: relative;
  padding-bottom: 51.666667%;
  height: 0;
  overflow: hidden;
}
.video-container > iframe,
.video-container > object,
.video-container > embed,
.video-container > video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/**Mise en place d'un honeypot**/
input#test_email {
  display: none;
}

.validation_saisie_honeypot {
  left: -999rem;
  position: absolute;
}

/* Mise en forme captcha*/
.validation_saisie_captcha__audio {
  display: block !important;
}

button.captcha-audio__button {
  color: #000;
}

button.captcha-audio__button::before {
  position: initial;
}

.tooltip-arrow {
  display: inline-block;
}

.tooltip-inner {
  display: inline-block;
}

.captcha .validation_saisie_captcha__element {
  display: inline-block;
}
.captcha .validation_saisie_captcha__image .captcha_image {
  margin: 0.5em 0.5em 0 0;
}
.captcha .captcha-audio__player {
  margin: 0.5em 0;
}

.declinaison #retour-site-principal {
  left: 0;
  position: absolute;
  top: .5em;
  z-index: 10;
}
.declinaison #retour-site-principal img {
  width: 6.78571em;
}
.declinaison #bandeau {
  background: url(img/bandeau_declinaison.png) no-repeat 0 -144px;
  background-size: auto;
}
@media screen and (max-width: 40em) {
  .declinaison #bandeau {
    background-image: none;
  }
}
@media screen and (min-width: 40em) {
  .declinaison #bandeau {
    background-position: 0 -89px;
  }
}
@media screen and (min-width: 61.75em) {
  .declinaison #bandeau {
    background-position: 0 -4px;
  }
}
@media screen and (min-width: 75.5em) {
  .declinaison #bandeau {
    background-position: 0 0;
  }
}
.declinaison #bandeau > a {
  width: 22%;
  position: relative;
}
@media screen and (min-width: 61.75em) {
  .declinaison #bandeau > a {
    position: absolute;
    margin: 0;
  }
}
.declinaison #bandeau > a img {
  height: auto;
  max-height: 12.5em;
  text-align: center;
  display: block;
}
.declinaison #bandeau-titre {
  background: rgba(38, 75, 118, 0.8);
  color: #fff;
  letter-spacing: .02em;
  line-height: 1.5;
  min-height: 102px;
  padding: .33333em 0.75em 0.25em 23.25%;
  text-align: left;
}
@media screen and (max-width: 40em) {
  .declinaison #bandeau-titre {
    font-family: CodeProLCRegular, "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
  }
}
@media screen and (min-width: 40em) {
  .declinaison #bandeau-titre {
    font-size: 2.5em;
    min-height: 153px;
  }
}
@media screen and (min-width: 61.75em) {
  .declinaison #bandeau-titre {
    font-size: 2.8em;
    min-height: 152px;
  }
}
@media screen and (min-width: 75.5em) {
  .declinaison #bandeau-titre {
    font-size: 3.3em;
    min-height: 148px;
  }
}
@media screen and (min-width: 85.71429em) {
  .declinaison #bandeau-titre {
    font-size: 3.28571em;
    min-height: 148px;
  }
  .declinaison #bandeau-titre > span {
    font-size: .56522em;
  }
}
.declinaison #bandeau-titre > span {
  font-size: .55em;
  display: block;
  overflow: hidden;
}
.declinaison #page {
  background: #fff url(img/bandeau_declinaison.png) no-repeat 0 -289px;
  background-size: auto;
}
.declinaison .paragraphe--2 h2 {
  text-transform: none;
}
@media screen and (min-width: 61.75em) {
  .declinaison .colonne_deco {
    margin-right: 2em;
    padding: 0 0 0 2em;
  }
}
.declinaison .encadre_rubrique,
.declinaison .encadre_generique,
.declinaison .encadre_nav_auto {
  position: relative;
  padding-top: .75em !important;
}
.declinaison .encadre_rubrique:before,
.declinaison .encadre_generique:before,
.declinaison .encadre_nav_auto:before {
  background: #aaa;
  content: "";
  height: .75em;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  border-right: 4.5em solid #ff8500;
}
.declinaison .encadre_rubrique h2,
.declinaison .encadre_generique h2,
.declinaison .encadre_nav_auto h2 {
  padding-top: 1.5em !important;
}
.declinaison #pied_page {
  padding-top: 2em;
}
.declinaison #pied_page_rubriques {
  text-transform: none;
}
.declinaison #pied_page_rubriques .pied_page_rubriques__accroche {
  width: auto;
  padding: 0 1em;
}
@media screen and (max-width: 61.75em) {
  .declinaison #pied_page_rubriques table,
  .declinaison #pied_page_rubriques th,
  .declinaison #pied_page_rubriques td {
    display: block;
    margin: 0 0 1.5em;
    padding: 0 !important;
    border: 0 !important;
    width: auto !important;
  }
}

.ficheaccueil {
  /* specifique UPVD like gate*/
  /* fin specifique UPVD like gate*/
}
.ficheaccueil .mfp-close-btn-in .mfp-close {
  color: #ffffff;
}
.ficheaccueil .mfp-auto-cursor .mfp-content {
  text-align: center;
}
.ficheaccueil .mfp-auto-cursor .mfp-content > #conteneur_likegate {
  display: inline-block;
  position: relative;
}
.ficheaccueil .mfp-auto-cursor .mfp-content > #conteneur_likegate img {
  border-radius: 15px;
}
.ficheaccueil .mfp-auto-cursor .mfp-content > #conteneur_likegate #neplusafficher_likegate {
  background-color: rgba(205, 205, 205, 0.78);
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  bottom: 0;
  color: #000;
  height: 2em;
  left: 0;
  padding-top: 0.5em;
  position: absolute;
  width: 100%;
}
.ficheaccueil .mfp-auto-cursor .mfp-content > #conteneur_likegate .mfp-close {
  height: 30px !important;
  line-height: 30px !important;
}
.ficheaccueil ul li:before {
  display: none;
}
.ficheaccueil h2 {
  line-height: 1;
  letter-spacing: normal;
  padding: 1.5em 0 .5em;
}
.ficheaccueil #logo {
  display: inline-block;
  position: absolute;
  z-index: 20;
  margin: 2em 1em;
}
.ficheaccueil #page {
  background: #fff;
  border: 0;
}
.ficheaccueil #sans_nav_sans_encadres {
  padding: 0;
  margin: 0;
}
.ficheaccueil .accueil__carrousel {
  margin: 0;
  overflow: hidden;
  max-height: 44.28571em;
  position: relative;
}
.ficheaccueil .accueil__carrousel > ul {
  list-style: none;
  padding: 0;
}
.ficheaccueil .cycle-slideshow .cycle-slide {
  background: #fff;
}
@media screen and (min-width: 85.71429em) {
  .ficheaccueil .accueil__carrousel {
    height: 44.28571em;
    max-height: 44.28571em;
    padding-bottom: 0;
  }
  .ficheaccueil .accueil__carrousel > ul {
    overflow: hidden;
  }
}
.ficheaccueil .accueil__carrousel--info {
  position: relative;
}
.ficheaccueil .accueil__carrousel--info.cycle-slide.cycle-slide-active > img {
  display: block;
}
@media screen and (min-width: 61.75em) {
  .ficheaccueil video {
    display: block;
    max-height: 44.28571em;
    max-width: 100%;
  }
}
.ficheaccueil .accueil__carrousel--image {
  display: none;
}
@media screen and (min-width: 61.75em) {
  .ficheaccueil .accueil__carrousel--image {
    background: #fff;
    display: block;
    bottom: 13.42857em;
    min-height: 17.71429em;
    position: absolute;
    right: 25.71429em;
    z-index: 501;
  }
  .ficheaccueil .accueil__carrousel--image img {
    background: #fff;
    padding: 1.5em;
    width: 14.28571em;
  }
}
.ficheaccueil .accueil__carrousel--contenu {
  background: url(img/losange.png) no-repeat 0 0/cover transparent;
  color: #000;
  font-family: CodeProLCRegular, "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
  text-transform: uppercase;
}
.ficheaccueil .accueil__carrousel--contenu p {
  background: #fff;
  font-size: 1.28571em;
  line-height: 1;
  margin: 0;
  padding: 1em;
}
.ficheaccueil .accueil__carrousel--contenu p strong {
  display: block;
  font: 500 1.66667em CodeProLightRegular;
  text-transform: uppercase;
}
.ficheaccueil .accueil__carrousel--contenu p a {
  color: #000;
}
@media screen and (min-width: 61.75em) {
  .ficheaccueil .accueil__carrousel--contenu {
    bottom: 3.57143em;
    min-height: 37.57143em;
    position: absolute;
    right: 0;
    width: 30.42857em;
    z-index: 500;
  }
  .ficheaccueil .accueil__carrousel--contenu p {
    padding: 0 1em;
    position: absolute;
    right: 0;
    top: 10.38889em;
    width: 17.44444em;
  }
}
.ficheaccueil .carrousel__navigation {
  background: #fff;
  bottom: 0;
  color: #000;
  font-size: 2em;
  margin: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 500;
}
.ficheaccueil .carrousel__navigation button {
  background: #fff;
  color: #000;
  margin: 0 .5em;
  padding: 0;
}
.ficheaccueil .carrousel__navigation button:hover, .ficheaccueil .carrousel__navigation button:active {
  color: #ff8500;
}
.ficheaccueil .carrousel__navigation button:focus {
  outline: 1px dotted;
}
.ficheaccueil .carrousel__navigation button span {
  text-indent: -1000em;
  display: inline-block;
  position: absolute;
}
@media screen and (min-width: 61.75em) {
  .ficheaccueil .carrousel__navigation {
    background: transparent;
    bottom: 6em;
    margin: 0;
    right: 2.75em;
    text-align: left;
    width: auto;
  }
}
@media screen and (min-width: 85.71429em) {
  .ficheaccueil .carrousel__navigation {
    bottom: 6em;
  }
}
.ficheaccueil .prev {
  right: 170px;
}
.ficheaccueil .accueil__actualite h2 {
  border-left: 2em solid #000;
  color: #fff;
  padding: 1.5em 1em .5em;
  background: #ff8500;
}
@media screen and (min-width: 85.71429em) {
  .ficheaccueil .accueil__actualite h2 {
    border-left-width: 6.76190em;
    margin-right: .5em;
  }
}
.ficheaccueil .accueil__actualite .accueil__actu--lien {
  float: right;
  padding: 0 1em;
  font-size: 1.28571em;
  font-weight: bold;
}
.ficheaccueil .accueil__actualite .objets, .ficheaccueil .accueil__actualite #liste_resultats {
  margin: 0;
  padding: 1em 1em 0;
}
.ficheaccueil .accueil__actualite .objets li, .ficheaccueil .accueil__actualite #liste_resultats li {
  border: 0;
}
.ficheaccueil .accueil__actualite .objets li:first-child .vignette_deco, .ficheaccueil .accueil__actualite #liste_resultats li:first-child .vignette_deco {
  display: block;
  float: none;
  margin: 0 0 1em;
  width: auto;
}
.ficheaccueil .accueil__actualite .objets li:first-child .vignette_deco img, .ficheaccueil .accueil__actualite #liste_resultats li:first-child .vignette_deco img {
  max-width: 100%;
}
@media screen and (min-width: 61.75em) {
  .ficheaccueil .accueil__actualite {
    clear: left;
    float: left;
    width: 31.25%;
    margin-left: 0%;
    margin-right: -31.25%;
    padding-left: 0;
    padding-right: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    min-height: 55em;
  }
  .ficheaccueil .accueil__actualite .objets li .vignette_deco, .ficheaccueil .accueil__actualite #liste_resultats li .vignette_deco {
    display: block;
  }
}
.ficheaccueil .accueil__numerique {
  background: #ededed;
}
.ficheaccueil .accueil__numerique h2 {
  color: #fff;
  padding: 1.5em 1em .5em;
  background: #aaa;
  border-left: 2em solid #000;
  text-align: right;
}
@media screen and (min-width: 40em) {
  .ficheaccueil .accueil__numerique h2 {
    border-left: 0;
    border-right: 8em solid #ff8500;
    text-align: left;
  }
}
@media screen and (min-width: 40em) {
  .ficheaccueil .accueil__numerique {
    overflow: hidden;
  }
}
@media screen and (min-width: 61.75em) {
  .ficheaccueil .accueil__numerique {
    float: right;
    width: 68.75%;
    margin-right: 0%;
    margin-left: -68.75%;
    padding-left: 0;
    padding-right: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    min-height: 20em;
  }
}
.ficheaccueil .accueil__numerique--contenu {
  padding: 1em;
  margin: 0 0 .21429em;
}
.ficheaccueil .accueil__numerique--decouvrir ul {
  list-style: none;
  margin: 0;
  overflow: auto;
  padding: 0;
}
.ficheaccueil .accueil__numerique--decouvrir ul li {
  display: inline-block;
  margin: 0 2% .5em;
  text-align: center;
  vertical-align: top;
  width: 46%;
}
@media screen and (min-width: 40em) {
  .ficheaccueil .accueil__numerique--decouvrir {
    float: left;
    width: 37.5%;
    margin-left: 0%;
    margin-right: -37.5%;
    padding-left: 0;
    padding-right: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
}
.ficheaccueil .accueil__numerique--video {
  text-align: center;
}
.ficheaccueil .accueil__numerique--video > div {
  max-width: 100%;
}
.ficheaccueil .accueil__numerique--video p {
  color: #353236;
  font: 700 1.28571em "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
  margin: .5em 0;
}
@media screen and (min-width: 40em) {
  .ficheaccueil .accueil__numerique--video {
    float: left;
    width: 62.5%;
    margin-left: 37.5%;
    margin-right: -100%;
    padding-left: 0;
    padding-right: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    text-align: inherit;
  }
}
.ficheaccueil .accueil__formation {
  background: #fff;
}
.ficheaccueil .accueil__formation h2 {
  padding: .5em 1em;
  border-left: 2em solid #000;
  text-align: right;
}
@media screen and (min-width: 40em) {
  .ficheaccueil .accueil__formation {
    float: left;
    width: 49.6875%;
    margin-left: 0%;
    margin-right: -49.6875%;
    padding-left: 0;
    padding-right: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    clear: both;
  }
  .ficheaccueil .accueil__formation > div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #cbcbcb;
    margin: 0 1px .25em;
    padding: 1em;
    min-height: 30em;
  }
  .ficheaccueil .accueil__formation h2 {
    border-left: 0;
    padding: 1em 0;
    text-align: left;
  }
}
@media screen and (min-width: 61.75em) {
  .ficheaccueil .accueil__formation {
    clear: right;
    float: right;
    width: 25%;
    margin-right: 43.75%;
    margin-left: -68.75%;
    padding-left: 0;
    padding-right: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
  .ficheaccueil .accueil__formation > div {
    margin-bottom: 0;
  }
}
.ficheaccueil .accueil__formation--recherche {
  background: #aaa;
  margin: 0 1em 1.5em;
  padding: .5em;
  position: relative;
}
.ficheaccueil .accueil__formation--recherche input[type="text"] {
  background: transparent;
  border: none;
  color: #000;
  width: 85%;
}
.ficheaccueil .accueil__formation--recherche input[type="image"] {
  font-size: 1em;
  height: 2em;
  position: absolute;
  right: 1em;
  vertical-align: middle;
  width: 2em;
}
@media screen and (min-width: 40em) {
  .ficheaccueil .accueil__formation--recherche {
    margin: 0 0 1.5em;
  }
}
.ficheaccueil .accueil__formation--liste {
  font-size: 1.28571em;
  font-weight: 700;
  line-height: 1;
  list-style: none;
  margin-left: 1em;
}
@media screen and (min-width: 40em) {
  .ficheaccueil .accueil__formation--liste {
    margin-left: 0;
  }
}
.ficheaccueil .accueil__formation--liste li {
  position: relative;
  margin-bottom: 1em;
}
.ficheaccueil .accueil__formation--liste li:before {
  border-bottom: 10px solid transparent;
  border-left: 10px solid #ff8500;
  border-top: 10px solid transparent;
  content: "";
  display: inline-block;
  font-size: 0;
  left: -27px;
  line-height: 0;
  margin-right: 0.5rem;
  position: absolute;
  vertical-align: middle;
  width: 0;
}
.ficheaccueil .accueil__formation--liste li a {
  color: #333;
}
.ficheaccueil .accueil__espaces {
  background: #fff;
}
.ficheaccueil .accueil__espaces > div {
  border-top: .25em solid;
  padding-top: 1em;
}
.ficheaccueil .accueil__espaces h2 {
  border-left: 2em solid #000;
  padding: .5em 1em;
  text-align: right;
}
@media screen and (min-width: 40em) {
  .ficheaccueil .accueil__espaces {
    float: right;
    width: 49.6875%;
    margin-right: 44.0625%;
    margin-left: -93.75%;
    padding-left: 0;
    padding-right: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    border: 1px solid #cbcbcb;
    margin: 0 1px .25em;
    padding: 1em;
    min-height: 30em;
  }
  .ficheaccueil .accueil__espaces > div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 0;
    padding-top: 0;
  }
  .ficheaccueil .accueil__espaces h2 {
    border-top: none;
    border-left: 0;
    padding: 1em 0;
    text-align: left;
  }
}
@media screen and (min-width: 61.75em) {
  .ficheaccueil .accueil__espaces {
    float: right;
    width: 25%;
    margin-right: 18.75%;
    margin-left: -43.75%;
    padding-left: 0;
    padding-right: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    padding: 0;
    margin-bottom: 0;
  }
  .ficheaccueil .accueil__espaces > div {
    padding: 1em;
  }
}
.ficheaccueil .accueil__espaces--liste {
  font-size: 1.28571em;
  font-weight: 700;
  list-style: none;
  padding: 0;
}
.ficheaccueil .accueil__espaces--liste a {
  background: #e6e6e6;
  color: #353236;
  display: block;
  margin-bottom: .16667em;
  padding: 0.55em;
}
.ficheaccueil .accueil__espaces--liste a:hover,
.ficheaccueil .accueil__espaces--liste a a:focus {
  background: #ff8500;
  color: #fff;
  text-decoration: none;
}
.ficheaccueil .accueil__upvd {
  background: #ff8500;
  color: #fff;
  padding: 1em;
  clear: both;
}
.ficheaccueil .accueil__upvd h2 {
  color: #000;
  padding: 1em 0;
}
.ficheaccueil .accueil__upvd .accueil__upvd--contenu {
  font-size: 1.28571em;
  font-weight: 700;
}
@media screen and (min-width: 61.75em) {
  .ficheaccueil .accueil__upvd {
    float: right;
    width: 18.75%;
    margin-right: 0%;
    margin-left: -18.75%;
    padding-left: 0;
    padding-right: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    min-height: 30em;
    padding: 1em;
    clear: none;
  }
}
@media screen and (min-width: 61.75em) {
  .ficheaccueil .accueil__upvd {
    float: right;
    width: 18.75%;
    margin-right: 0%;
    margin-left: -18.75%;
    padding-left: 0;
    padding-right: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    min-height: 30em;
    padding: 1em;
    clear: none;
  }
}
.ficheaccueil .accueil__alumni {
  background: #fff;
  overflow: auto;
}
.ficheaccueil .accueil__alumni h2 {
  padding: .5em 1em;
  border-left: 2em solid #000;
  text-align: right;
}
.ficheaccueil .accueil__alumni img {
  margin: none;
  height: auto !important;
}
.ficheaccueil .accueil__alumni p {
  margin: 0;
  width: 100%;
}
@media screen and (min-width: 40em) {
  .ficheaccueil .accueil__alumni {
    border: 1px solid #cbcbcb;
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    clear: both;
  }
  .ficheaccueil .accueil__alumni > div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
  }
  .ficheaccueil .accueil__alumni h2 {
    border-left: 0;
    padding: 1em 0;
    text-align: left;
  }
}
@media screen and (min-width: 61.75em) {
  .ficheaccueil .accueil__alumni {
    clear: right;
    float: right;
    width: 68.65%;
    margin-right: 0;
    margin-left: -68.6%;
    padding-left: 0;
    padding-right: 0;
    margin-top: 1px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
  .ficheaccueil .accueil__alumni .accueil__alumni--titre {
    display: none;
  }
  .ficheaccueil .accueil__alumni > div {
    margin-bottom: 0;
    overflow: hidden;
  }
}

@media screen and (max-width: 39.9375em) {
  #rubrique-navigation {
    border-top: .25em solid;
    display: block;
    margin-top: 1em;
    padding-top: 1em;
  }
  #rubrique-navigation > button {
    background: #e6e6e6;
    border: 0 none;
    color: #767676;
    cursor: pointer;
    display: block;
    font: 500 1.5em CodeProLCRegular, "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
    margin: 0 0 .25em;
    padding: 0.5em;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
  }
  #rubrique-navigation > button:after {
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid #aaa;
    content: "";
    font-size: 0;
    line-height: 0;
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 0;
  }
  #rubrique-navigation > button[aria-expanded="true"]:after {
    border-bottom: 11px solid transparent;
    border-left: 0;
    border-right: 11px solid #aaa;
    border-top: 11px solid transparent;
    right: 1.4rem;
    top: .65rem;
  }
  #rubrique-navigation > button > span {
    display: none;
  }
  #rubrique-navigation > div {
    position: relative;
    padding: 0 .6em;
    font-size: 1.25em;
  }

  #bandeau a {
    margin: 1em 1em .75em;
  }

  #bandeau-titre {
    font-size: 2em;
  }

  .onglets {
    display: none;
  }

  .contenu_onglet1,
  .contenu_onglet2,
  .contenu_onglet3,
  .contenu_onglet4,
  .contenu_onglet5 {
    display: block;
  }

  .type_3.bis {
    margin: 0 0 1.5em;
  }

  .partage {
    display: none;
  }

  .outils_fiche + .partage {
    display: block;
  }

  .partage + .modification {
    margin: 0 0 1.5em;
    top: auto;
  }

  .modification-date {
    padding: 0 0 0.25em 0;
    width: 100%;
  }
}
@media screen and (max-width: 61.75em) {
  input,
  select,
  textarea {
    max-width: 100%;
  }

  #rubrique-liens {
    border-top: .25em solid;
    display: block;
    margin-top: 1em;
    padding-top: 1em;
  }
  #rubrique-liens > button {
    background: #e6e6e6;
    border: 0 none;
    color: #767676;
    cursor: pointer;
    display: block;
    font: 500 1.5em CodeProLCRegular, "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
    margin: 0 0 .25em;
    padding: 0.5em;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
  }
  #rubrique-liens > button:after {
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid #aaa;
    content: "";
    font-size: 0;
    line-height: 0;
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 0;
  }
  #rubrique-liens > button[aria-expanded="true"]:after {
    border-bottom: 11px solid transparent;
    border-left: 0;
    border-right: 11px solid #aaa;
    border-top: 11px solid transparent;
    right: 1.4rem;
    top: .65rem;
  }
  #rubrique-liens > button > span {
    display: none;
  }
  #rubrique-liens > div {
    position: relative;
  }

  #bandeau_outils:after {
    display: none;
  }

  #bandeau a img {
    height: 5em;
  }

  #menu_langues {
    padding: 0;
  }
  #menu_langues button {
    color: #000;
    border: 0;
    padding: 2em 1em;
  }
  #menu_langues button span {
    display: block;
    margin: 0;
  }
  #menu_langues li {
    border-top: 1px dotted;
    padding: 1em 0;
  }

  .js #menu {
    height: 0;
    margin: -.9em 0 0;
  }

  #menu_principal {
    width: 100%;
  }
  #menu_principal button {
    display: none;
    height: 2rem !important;
    line-height: 2rem !important;
    overflow: visible !important;
    padding: .575rem .5rem 0;
    vertical-align: bottom !important;
  }
  #menu_principal button span {
    display: inline-block;
    font-size: 1.5rem;
    height: 2rem !important;
    line-height: 2rem !important;
    margin: 0;
    position: relative;
    top: -.125rem;
    vertical-align: bottom !important;
  }
  #menu_principal .plier-deplier__contenu {
    background: #fff;
    border-top: 1px solid;
  }
  #menu_principal .plier-deplier__contenu > li > a,
  #menu_principal .plier-deplier__contenu > li > em > a {
    padding: 1em .5em;
    border-bottom: 1px solid;
  }
  #menu_principal .menu_principal__contenu {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #f4f4f4;
    border-bottom: 1px solid;
    margin: 0;
    position: static;
  }
  #menu_principal .menu_principal__contenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #menu_principal .menu_principal__contenu ul a:before {
    border-bottom: .5rem solid transparent;
    border-left: .5rem solid #333;
    border-top: .5rem solid transparent;
    content: "";
    display: inline-block;
    font-size: 0;
    line-height: 0;
    margin-right: .5rem;
    width: 0;
  }
  #menu_principal .menu_principal__accroche {
    display: none;
  }

  .js #menu_principal button {
    background: transparent;
    border: 0;
    color: #000;
    display: block;
    font: 500 1.5em CodeProLCRegular, "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
    left: 2.5em;
    position: absolute;
    text-transform: uppercase;
    top: 1em;
  }
  .js #menu_principal button span {
    display: inline-block;
    font-size: 1.5em;
    margin: 0;
    vertical-align: text-bottom;
  }
  .js #menu_principal .plier-deplier__contenu {
    top: .85714em;
  }

  #recherche_simple {
    text-align: right;
  }
  #recherche_simple button {
    padding: 0;
    position: absolute;
    right: 1em;
    top: 1.9em;
  }
  #recherche_simple button img {
    width: 2.07143em;
  }
  #recherche_simple [type="text"] {
    width: 75%;
  }

  .js #recherche_simple .plier-deplier__contenu {
    font-size: 1.28571em;
    top: 5.4em;
    top: 4.27778em;
  }

  .contenu {
    margin-top: 15%;
  }

  .outils_fiche {
    display: none;
  }

  .formulaire_redacteur.disposition2 label,
  .formulaire_redacteur.disposition2 .label {
    float: none;
    width: auto;
  }
  .formulaire_redacteur.disposition2 input,
  .formulaire_redacteur.disposition2 select,
  .formulaire_redacteur.disposition2 textarea {
    max-width: 100%;
  }

  #recherche_avancee label,
  #envoi_mail label {
    display: block;
    width: auto;
  }

  #pied_page_rubriques h2 {
    background: #e6e6e6;
    cursor: pointer;
    padding: .5em;
    position: relative;
  }
  #pied_page_rubriques h2:after {
    border-bottom: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid #aaa;
    content: "";
    font-size: 0;
    line-height: 0;
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 0;
  }
  #pied_page_rubriques h2[aria-expanded="true"]:after {
    border-bottom: 11px solid transparent;
    border-left: 0;
    border-right: 11px solid #aaa;
    border-top: 11px solid transparent;
    top: .65rem;
    right: 1.4rem;
  }

  #rubrique-liens ul,
  #pied_page_rubriques ul {
    font-size: 1.25em;
    line-height: 2;
    list-style: none;
    padding: 0 .65em;
  }
  #rubrique-liens ul li a:before,
  #pied_page_rubriques ul li a:before {
    border-bottom: 0.5rem solid transparent;
    border-left: 0.5rem solid;
    border-top: 0.5rem solid transparent;
    content: "";
    display: inline-block;
    font-size: 0;
    line-height: 0;
    margin-right: .5rem;
    vertical-align: middle;
    width: 0;
  }

  #pied-page__accroche {
    padding: 1em;
  }
  #pied-page__accroche > p {
    font: 500 1.5em CodeProLCRegular, "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
    text-transform: uppercase;
    width: 10em;
  }
  #pied-page__accroche > address {
    font-size: 1.28571em;
    text-transform: uppercase;
  }

  .js .plier-deplier {
    position: static;
  }
  .js .plier-deplier__contenu {
    width: 100%;
  }
  .js #recherche_simple {
    position: static;
  }
  .js #recherche_simple .plier-deplier__bouton {
    background: transparent;
    border: 0;
    display: inline-block;
    position: relative;
    z-index: 1000;
  }
  .js #recherche_simple .plier-deplier__contenu {
    background: #ccc;
    padding: 1em;
  }

  .js .declinaison #rubrique-navigation {
    left: 20em;
  }

  .declinaison #retour-site-principal {
    left: 12.1em;
  }
  .declinaison #logo {
    float: left;
  }
  .declinaison #page {
    clear: both;
  }
}
@media screen and (max-width: 85.71429em) {
  #reseaux-agenda {
    background: #000;
    padding: 1em;
    margin: 0 0 1.5em;
  }
  #reseaux-agenda > ul {
    display: inline;
    margin: 0;
  }
  #reseaux-agenda > ul a {
    max-height: none;
  }
  #reseaux-agenda > ul li,
  #reseaux-agenda > div {
    display: inline-block;
    margin: 0 0 1em;
    text-align: center;
    vertical-align: top;
    width: 9em;
  }
}
.cycle_button, .cycle_commands .prev,
.cycle_commands .next,
.cycle_commands .pause_play {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: #000;
  height: 1.5em;
  width: 1.5em;
}

.cycle_commands {
  position: absolute;
  z-index: 110;
}
.cycle_commands .next {
  margin: 0;
}

.cycle-slideshow {
  margin: 0;
  z-index: 0;
}
.cycle-slideshow .cycle-slide {
  background: #eee;
  border: 0;
  height: 100%;
  margin: 0;
  max-height: 100%;
  padding: 0;
  width: 100%;
  z-index: 0 !important;
}
.cycle-slideshow .cycle-slide .vignette {
  border: 0;
  margin: 0;
  max-width: 100%;
  padding: 0;
}
.cycle-slideshow .cycle-slide .cycle-overlay {
  /*@extend .borderBox;*/
  position: absolute;
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
}
.cycle-slideshow .cycle-slide .cycle-overlay > a {
  display: inline-block;
  letter-spacing: .1em;
  line-height: 1.2;
  padding: 0;
}
.cycle-slideshow .cycle-slide .cycle-overlay > a:hover:before {
  display: none;
}
.cycle-slideshow .cycle-slide .cycle-overlay > a strong {
  font-weight: 500;
  display: block;
  margin: 0 0 .5em;
}
.cycle-slideshow .cycle-slide .cycle-overlay > a span {
  font-family: "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
}
.cycle-slideshow.objets li:before, .cycle-slideshow#liste_resultats li:before {
  display: none;
}

.cycle_wrapper {
  position: relative;
  z-index: 0;
}
.cycle_wrapper.pro .cycle-slideshow .cycle-overlay {
  height: 100%;
  left: 0;
  max-height: 100%;
  top: 0;
  width: 43%;
  padding: 2%;
}
.cycle_wrapper.pro .cycle-slideshow .cycle-overlay > a {
  max-height: 80%;
  overflow: hidden;
}
.cycle_wrapper.pro .cycle_commands {
  bottom: 1em;
  left: 16em;
}
.cycle_wrapper.pub .cycle-slideshow .cycle-overlay {
  bottom: 0;
  padding: 2% 2% 7%;
  width: 96%;
}
.cycle_wrapper.pub .cycle-slideshow .cycle-overlay a {
  font-size: 1em;
}
.cycle_wrapper.pub .cycle-slideshow .cycle-overlay a strong {
  font-weight: 700;
  font-size: 1.14286em;
}
.cycle_wrapper.pub .cycle_commands {
  bottom: 1em;
  right: 1em;
}

.ckeditor-tabs,
.ckeditor-accordion {
  padding: 0;
  border: 0;
  margin: 0 0 1.5em;
}

.tabs_toggler,
.accordion_toggler,
.tabs_wrapper,
.accordion_wrapper {
  box-sizing: border-box;
  margin: 0;
  width: auto;
  float: none;
}

.accordion_toggler__btn,
.tabs_toggler__btn {
  font-size: 1em;
  background: transparent;
  border: 0;
  padding: .5em;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  color: inherit;
}

.tabs_wrapper,
.accordion_wrapper {
  padding: .5em;
}
.tabs_wrapper > p,
.accordion_wrapper > p {
  margin: 0;
}

/***************
* ACCORDEONS
***************/
.accordion_toggler {
  display: block;
  border-bottom: 1px solid;
}

.accordion_toggler__btn {
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  position: relative;
  z-index: 1;
}

.accordion_wrapper {
  max-height: 0;
  overflow: hidden;
  padding: 0 1em;
  transition: all .15s ease-in;
}
.accordion_wrapper.active {
  max-height: 100vh;
  padding: 1em;
}

/***************
* ONGLETS
***************/
.ckeditor-tabs {
  overflow: hidden;
  *zoom: 1;
  display: flex;
  flex-wrap: wrap;
}

.tabs_toggler,
.tabs_wrapper {
  border: 1px solid;
}

.tabs_toggler {
  display: block;
  padding: 0;
}
@media screen and (min-width: 40em) {
  .tabs_toggler {
    display: none;
  }
}
.tabs_toggler.desktop-only {
  display: none;
}
@media screen and (min-width: 40em) {
  .tabs_toggler.desktop-only {
    display: block;
    width: 20%;
    border-width: 1px 1px 0 0;
    float: none;
    clear: none;
  }
  .tabs_toggler.desktop-only:first-child {
    border-left-width: 1px;
  }
}
@media screen and (min-width: 40em) {
  .tabs_toggler.active::after {
    content: "";
    display: block;
    height: 1px;
    background: white;
    margin-bottom: -1px;
    position: relative;
  }
}

.tabs_wrapper {
  display: block;
  width: 100%;
  margin-bottom: 1.5em;
}
@media screen and (min-width: 40em) {
  .tabs_wrapper {
    display: none;
  }
  .tabs_wrapper.active {
    display: block;
    margin-bottom: 0;
  }
}

/**
  Layout
*/
.flex-container {
  padding: 0 1em;
}

@media (min-width: 70rem) {
  .flex-container {
    display: flex;
  }

  .page {
    max-width: 80rem;
    margin: 0 auto;
  }

  .all-topics {
    width: 27%;
    margin-right: 2%;
  }
}
.all-topics {
  padding: .5em;
  margin-bottom: 1em;
}

.topic__title,
.all-topics {
  background: #fafafa;
}

.topic__list--collapsed .hide {
  display: none;
}

/**
  Search
*/
.search {
  background-color: #eee;
  padding: 2rem;
  margin-bottom: 2rem;
}

.search__field {
  display: flex;
}

.search__autocomplete-wrapper-elastic {
  flex: 2 0 0;
}

.search__button {
  padding: 1rem;
  background-color: #333;
}

.search__button:hover,
.search__button:focus {
  background-color: #000;
}

.search__result-feedback {
  margin-bottom: 0;
}

.toggle-topics {
  margin-bottom: 1.5em;
}

/**
  Autocomplete
  Surcharge de Source modifiée de https://github.com/alphagov/accessible-autocomplete
  Les répétitions de déclaration sont là pour surcharger
  les déclarations globales du produit (styles sur tout les inputs)
*/
.search__wrapper,
.header-search__wrapper {
  position: relative;
}

.search__input.search__input,
.header-search__input.header-search__input {
  appearance: none;
  -webkit-appearance: none;
  max-width: 100%;
  border: 2px #aaa solid;
  font-size: 1rem;
}

.search__input.search__input {
  padding: 1rem;
  width: 100%;
}

.search__input--focused {
  border-color: #444;
}

.search__menu {
  width: calc(100% - 4px);
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: #fff;
  border: 2px solid #444;
  border-top: 0;
  height: 30vh;
  overflow: auto;
}

.search__menu--overlay {
  position: absolute;
  top: 100%;
}

.search__menu--visible {
  display: block;
}

.search__menu--hidden {
  display: none;
}

.search__option {
  padding: .2rem .5rem;
}

.search__option:hover,
.search__option:focus,
.search__option--focused {
  background-color: #444;
  color: #fff;
  cursor: default;
}

/* .autocomplete__input {
  background-color: #fff;
}

.autocomplete__input--default.autocomplete__input--default {
  padding: 1rem;
  border-color: #aaa
}

.autocomplete__input--focused.autocomplete__input--focused.autocomplete__input--focused {
  outline: 3px solid #2869a9;
  border-color: #2869a9
} */
/**
  Topic
*/
.topic {
  padding: 0;
  border: 0;
  margin-bottom: 1rem;
}

.topic__title {
  font-weight: bold;
  display: block;
  width: 100%;
  padding-bottom: .5rem;
  margin-bottom: .5rem;
  border-bottom: 1px #ddd solid;
}

.topic__title--collapsed,
.topic__title--opened {
  cursor: default;
}

.topic__title--opened:after,
.topic__title--collapsed:after {
  float: right;
}

.topic__title--collapsed:after {
  content: "+";
}

.topic__title--opened:after {
  content: "-";
}

.topic__list {
  list-style: none;
  margin-bottom: .5rem;
  padding: 0;
}

.topic__list .topic__list {
  margin-left: 1rem;
}

.topic__list-item label {
  font-weight: normal;
}

.topic__list-item input {
  vertical-align: text-bottom;
}

/**
  Results
*/
@media (min-width: 70rem) {
  .results {
    width: 73%;
  }
}
.results__list {
  list-style: none;
  padding: 0;
}

.results__list-item {
  margin-bottom: 2rem;
}

.results__list-item-link {
  font-weight: bold;
  font-size: 1.3rem;
}

.results__list-item-description {
  margin-bottom: 0.5rem;
}

.results__list-item-meta {
  list-style: none;
  padding: 0;
  font-size: .9rem;
}

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

/**
  Pager
*/
.pager__list {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.pager__list-item {
  padding: 0.2rem;
}

/**
  Tags
*/
.tags {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: .5rem;
}

.tag {
  display: inline-block;
  background-color: #fff;
  font-size: .9rem;
  line-height: 1.5;
  padding-top: .2rem;
  padding-right: .5rem;
  padding-bottom: .2rem;
  padding-left: .5rem;
  margin-bottom: .2rem;
}

.tag__close {
  /*Reset*/
  border: 0;
  padding: 0;
  text-decoration: none;
}

.tag__close:hover,
.tag__close:focus {
  background-color: #111;
}

/**
    Utils
    sr-only and sr-only-focusable (from Bootstrap)
*/
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:focus,
.sr-only-focusable:active {
  clip: auto !important;
  -webkit-clip-path: none !important;
  clip-path: none !important;
  height: auto !important;
  overflow: visible !important;
  width: auto !important;
  white-space: normal !important;
}

/**
  Permet de cacher complètement un élément
  y compris des lecteurs d'écrans
*/
.hide {
  display: none;
}

.zone-fiche-link__valeurs {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}

.zone-fiche-link__valeurs--entree {
  width: calc(33.33% - .733em);
  margin: 0 1.1em 1.1em 0;
}
.zone-fiche-link__valeurs--entree:nth-child(3n) {
  margin-right: 0;
}

.zone-fiche-link__valeurs__details {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 100%;
  padding: 1em .8em 1em 1em;
  box-sizing: border-box;
  background: #f5f5f5;
}

h2.zone-fiche-link__titre-plugin {
  margin-bottom: 1em;
}

.zone-fiche-link__thematique,
.zone-fiche-link__valeurs__photo,
.zone-fiche-link__titre {
  width: 100%;
}

.zone-fiche-link__titre {
  font-size: 1.5em;
  line-height: 1em;
  font-family: CodeProLCRegular, "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
  color: #ff8500;
  text-transform: uppercase;
}

.zone-fiche-link__thematique {
  margin-top: .3em;
  font-size: 1.143em;
  font-weight: bold;
  color: #bababa;
}

.zone-fiche-link__valeurs__photo {
  margin-top: 1em;
}

.zone-fiche-link__button {
  margin-top: 1.25em;
  padding: .37em 2.2em;
  font-size: 1.25em;
  text-transform: uppercase;
  font-family: CodeProLCRegular, "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
  color: #fff;
  background: #ff8500;
  font-weight: normal;
}

.extension-agenda {
  word-wrap: normal;
}
.extension-agenda .extension-agenda__navigation {
  border-bottom: 1em solid #f9f9f9;
  margin: 0 3px;
  padding: 0 0 .5em;
}
.extension-agenda .extension-agenda__navigation ul {
  font-weight: 700;
  margin: 0 0 1em;
}
.extension-agenda .extension-agenda__navigation ul li {
  border-left: 1px dotted;
}
.extension-agenda .extension-agenda__navigation ul li:first-child {
  border: 0;
}
.extension-agenda .extension-agenda__navigation ul li a {
  margin: 0 .5em;
}
.extension-agenda .extension-agenda__navigation p {
  font-size: 1.3em;
  margin: 0;
  position: relative;
  text-align: right;
}
.extension-agenda .extension-agenda__navigation p > span {
  font-weight: 700;
  left: 0;
  position: absolute;
  text-align: left;
}
.extension-agenda .extension-agenda__navigation p > span:first-letter {
  text-transform: uppercase;
}
.extension-agenda .extension-agenda__navigation p a {
  text-decoration: none;
}
.extension-agenda .extension-agenda__navigation p a:focus {
  background: none;
}
.extension-agenda .extension-agenda__navigation p a span {
  display: none;
}
.extension-agenda .extension-agenda__navigation p a span[class] {
  background: #444;
  color: #fff;
  margin: 0;
  border-radius: .2em;
  display: inline;
  padding: .2em .5em;
}
.extension-agenda .extension-agenda__navigation p a span[class]:hover {
  background: #ddd;
  color: #444;
}
.extension-agenda table {
  margin: 0 0 1.5em;
  width: 100%;
}
.extension-agenda caption {
  background: #f5f5f5;
  border: 3px solid #fff;
  display: none;
  padding: 2%;
  text-align: center;
}
.extension-agenda thead {
  background: #fff;
}
.extension-agenda tbody {
  background: #ebebeb;
}
.extension-agenda tr:nth-child(2n) {
  background: transparent;
}
.extension-agenda th,
.extension-agenda td {
  border: 3px solid #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: .83333em;
}
.extension-agenda th {
  color: #adadad;
  display: block;
  font-size: 1.3em;
  text-align: left;
}
.extension-agenda td {
  display: block;
}
.extension-agenda ul {
  list-style: none;
  padding: 0;
}
.extension-agenda ul li {
  margin: 0 0 1.5em;
}
.extension-agenda ul span {
  color: #fff;
  background: #666;
  display: inline-block;
  padding: 2%;
}
.extension-agenda .extension-agenda__date--jour {
  color: #adadad;
  font-weight: 700;
  font-size: 1.7em;
}
.extension-agenda form label {
  display: block;
}
.extension-agenda form select {
  width: 75%;
}
.extension-agenda .extension-agenda__export--simple,
.extension-agenda .extension-agenda__export--avancee {
  background: #eee;
  text-decoration: none;
  padding: .5em;
}
.extension-agenda .extension-agenda__evenements .agenda_thematique,
.extension-agenda .extension-agenda__jour .agenda_thematique {
  background: #ff8500;
  display: block;
  color: #fff;
  font-weight: 700;
  line-height: 1.2em;
  margin: 0 -.5em .0625em;
  padding: .5em;
}
.extension-agenda .extension-agenda__jour .agenda_thematique {
  margin-bottom: .5em;
  margin-left: 0;
  margin-right: 0;
}
.extension-agenda .extension-agenda__evenements a {
  line-height: 1.2em;
}
.extension-agenda .extension-agenda__semaine thead {
  display: none;
}
.extension-agenda .extension-agenda__semaine td span {
  font-weight: 700;
}
.extension-agenda .extension-agenda__mois thead {
  display: none;
}
@media screen and (max-width: 40em) {
  .extension-agenda .extension-agenda__jour td {
    background: #fff;
  }
}
@media screen and (min-width: 40em) {
  .extension-agenda table {
    border-collapse: collapse;
    table-layout: fixed;
  }
  .extension-agenda th {
    color: #adadad;
    display: table-cell;
    font-size: 1.3em;
  }
  .extension-agenda th:first-letter {
    font-size: inherit;
  }
  .extension-agenda td {
    display: table-cell;
    height: 4em;
  }
  .extension-agenda form label {
    display: inline-block;
    width: 20%;
  }
  .extension-agenda form select {
    max-width: 75%;
  }
  .extension-agenda .extension-agenda__jour th {
    display: table-cell;
  }
  .extension-agenda .extension-agenda__semaine thead {
    display: table-header-group;
  }
  .extension-agenda .extension-agenda__semaine td span {
    display: none;
  }
  .extension-agenda .extension-agenda__mois thead {
    display: table-header-group;
  }
}

#commenter,
#afficher_masquer_commentaires {
  display: inline-block;
}
#commenter a,
#afficher_masquer_commentaires a {
  background: #ff8500;
  color: #fff;
  font-weight: 700;
  padding: .25em .5em;
  text-decoration: none;
}

#lien_cache {
  display: none;
}

#commentaires_afficher {
  display: block;
}

#commentaires_masquer {
  display: none;
}

div.commentaires_deco2 {
  clear: both;
}
div.commentaires_deco1 h2 {
  text-transform: uppercase;
}
div.commentaires_deco1 ul {
  margin: 0;
}

#commentaires {
  padding: 0;
}
#commentaires ul {
  padding: 0;
}
#commentaires li {
  list-style-type: none;
  padding: 0 0 0 1em;
}

li.niveau_1_premier {
  margin-top: 0;
}

p.commentaires_titre {
  clear: both;
  font-weight: 700;
  font-size: 1.14286em;
  margin: 0 0 0.3em;
  padding: 0;
}
p.repondre {
  text-align: right;
}

.commentaires_corps {
  border-top: 1px solid;
  margin: 0.25em 0 0;
  padding: 0.25em 0 0;
}

.commentaires_date,
.commentaires_site {
  margin: 0;
}

.extension-commentaire__commenter label {
  display: block;
}
.extension-commentaire__commenter input[type="text"],
.extension-commentaire__commenter input[type="email"],
.extension-commentaire__commenter textarea {
  width: 100%;
}
.extension-commentaire__commenter .msg-aide {
  display: block;
}

.defaultstructureksup .photo {
  float: none;
  max-width: 100%;
}

.annuaireksup #fonction {
  font-weight: 700;
}

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

#volumes_horaires,
#coefs {
  width: 40%;
}

#details {
  width: 60%;
}

.offreformation-competence-titre {
  font-weight: bold;
}

div.visionneuse_contenu {
  position: relative;
}
div.visionneuse_contenu h2 {
  display: none;
}
div.galerie_player {
  background-color: #000;
  margin: auto;
}
div.galerie_playlist {
  margin-top: 5px;
}
div.galerie_playlist ul.visionneuse_pagination {
  list-style: none;
  margin: 0 0 1em;
  padding: 0;
}
div.galerie_playlist ul.visionneuse_pagination li {
  border-bottom: 1px dotted #ccc;
  margin: 0 0 0.7em;
  padding: 0 0 0.7em;
}
div.galerie_playlist ul.visionneuse_defaut {
  margin: 0;
  padding: 0;
}
div.galerie_playlist ul.visionneuse_defaut li {
  background: #eee;
  list-style: none;
  margin: 0 0 5px;
  padding: 5px;
}
div.galerie_playlist p.visionneuse_defaut_titre {
  border: solid 2px #828282;
  margin: 0;
  padding: 3px;
}
div.galerie_onglet h2 {
  display: none;
}
div.galerie_onglet ul.galerie_onglets {
  background: #fff;
  border-bottom: 2px solid #999;
  font-weight: 700;
  list-style: none;
  margin: 0.5em 0 1em;
  padding: 0 0 0.2em;
}
div.galerie_onglet ul.galerie_onglets li {
  background: #eee;
  border: 2px solid;
  border-bottom: 0;
  color: #999;
  cursor: pointer;
  display: inline;
  margin: 0 1em 0 0;
  padding: 0.2em 0.5em;
}
div.visionneuse_tele_player {
  text-align: center;
}
div.visionneuse_tele_player div {
  margin: auto;
}
div.style1_media {
  margin: 5px;
  text-align: left;
}
div.style1_media a.lanceur_media {
  display: block;
  text-decoration: none;
}
div.player_audio {
  display: block;
  text-align: center;
}
div.player_audio * {
  vertical-align: middle;
}
div.player_flash {
  background-color: #000;
}
div.contenu .showcase {
  height: 170px;
  margin: 20px auto 0;
  position: relative;
  width: 500px;
}
div.contenu .showcase a.controls {
  border: 2px solid #FFF;
  font-weight: 700;
  height: 50px;
  line-height: 50px;
  margin-top: -27px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 20px;
}
div.contenu .showcase a.controls img {
  vertical-align: middle;
}
div.contenu .showcase a.controls:hover {
  border-color: #2097FA;
}
div.contenu .showcase a.previous {
  padding-bottom: 4px;
}
div.contenu .showcase a.next {
  padding-top: 4px;
  right: 0;
}
div.contenu .showcase ul {
  height: 170px;
  margin: 0 auto;
  position: relative;
  width: 290px;
}
div.contenu .showcase ul li {
  float: left;
  height: 170px;
  list-style-type: none;
  width: 50px;
}
div.contenu .showcase li a img {
  border: 0;
}

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

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

.lanceur_media {
  cursor: pointer;
}

div.visionneuse_pagination {
  left: 0;
  margin: auto;
  top: 0;
  width: 100%;
}
div.visionneuse_pagination.pagination_contenu ul li {
  list-style: none;
}
div.visionneuse_pagination.pagination_contenu ul li div.style1_media {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 8em;
  text-align: center;
  border: 1px solid black;
  height: 9em;
  overflow: hidden;
  padding: .2em;
  margin: .2em;
}
div.visionneuse_pagination div.pagination_suivant,
div.visionneuse_pagination div.pagination_precedent,
div.visionneuse_pagination div.pagination_aucune {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 25px;
}
div.visionneuse_pagination div.pagination_suivant a,
div.visionneuse_pagination div.pagination_precedent a,
div.visionneuse_pagination div.pagination_aucune a {
  background-color: transparent;
  cursor: pointer;
}
div.visionneuse_pagination div.pagination_suivant a:hover,
div.visionneuse_pagination div.pagination_precedent a:hover,
div.visionneuse_pagination div.pagination_aucune a:hover {
  background: transparent;
}

span.style1_media_vignette {
  display: block;
  overflow: hidden;
  text-align: center;
}
span.style1_media_vignette img {
  vertical-align: middle;
}

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

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

.mfp-content .mfp-iframe-scaler .mfp-counter {
  margin-top: 40px !important;
}
.mfp-content .mfp-iframe-scaler .mfp-title {
  margin-top: 40px !important;
}
.mfp-content .audio {
  width: 20% !important;
}

.galeriePagination3x3 {
  position: relative;
}
.galeriePagination3x3 .pagination_precedent,
.galeriePagination3x3 .pagination_suivant {
  border-bottom: 2em solid transparent;
  border-top: 2em solid transparent;
  cursor: pointer;
  display: inline-block;
  height: 0;
  position: absolute;
  top: 4.5em;
  width: 0;
}
.galeriePagination3x3 .pagination_precedent img,
.galeriePagination3x3 .pagination_suivant img {
  display: none;
}
.galeriePagination3x3 .pagination_precedent {
  border-right: 2em solid #ff8500;
  left: -1em;
}
.galeriePagination3x3 .pagination_suivant {
  border-left: 2em solid #ff8500;
  right: -1em;
}
.galeriePagination3x3 .pagination_contenu {
  margin: 0 3em;
}
.galeriePagination3x3 .pagination_contenu > div > div > div {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  margin: 0 0 1em;
  padding: 0 .5em;
  vertical-align: top;
  width: 33.33333%;
}
.galeriePagination3x3 .footer {
  text-align: center;
  clear: both;
}

div.galerie_defaut div.galerie_playlist ul.galerie1Colonne li {
  background: transparent;
}
div.galerie_defaut div.galerie_playlist ul.galerie1Colonne li a {
  background: #e5e5e5;
}

.modal {
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}
.modal--opened {
  display: block;
}
.modal__header {
  border-bottom: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 3rem;
  left: 0;
  padding: 0.5rem 1rem;
  position: absolute;
  right: 0;
  top: 0;
}
.modal__header h2 {
  white-space: nowrap;
}
.modal__body {
  bottom: 3rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  overflow-y: auto;
  padding: 1rem;
  position: absolute;
  right: 0;
  top: 3rem;
}
.modal__footer {
  bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 3rem;
  left: 0;
  padding: 0.5rem 1rem;
  position: absolute;
  right: 0;
}
.modal--no-footer .modal__body {
  bottom: 0;
}
.modal--alt-title h2 {
  font-size: 1rem;
  font-weight: normal;
  line-height: 2;
  opacity: 0.54;
}
.modal--alt-title h3 {
  font-size: 1.5rem;
}
.modal__inner {
  background-color: #fff;
  -webkit-box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.8);
  box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.8);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 80vh;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80vw;
  z-index: 1;
}
.modal__overlay {
  background-color: rgba(0, 0, 0, 0.8);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
.modal__close {
  float: right;
  position: relative;
  z-index: 10;
}

body.prevent-scroll-for-modal {
  overflow: hidden;
}

.formation {
  /***************************************************\
   *                                                 *
   * CONSTRUCTION DU PARCOURS                        *
   *                                                 *
  \***************************************************/
}
@media screen and (min-width: 61.75em) {
  .formation #avec_nav_sans_encadres,
  .formation #avec_nav_avec_encadres {
    float: left;
    width: 81.25%;
    margin-left: 18.75%;
    margin-right: -100%;
    padding-left: 0;
    padding-right: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    padding: 0 1em;
  }
}
@media screen and (min-width: 61.75em) {
  .formation #sans_nav_sans_encadres,
  .formation #sans_nav_avec_encadres {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 0;
    padding-right: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    float: none;
    padding: 0 1em;
  }
}
.formation #encadres {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  float: none;
  padding: 0 2em;
  clear: both;
}
@media screen and (min-width: 61.75em) {
  .formation #navigation.navigation--formation {
    display: block;
  }
  .formation #navigation.navigation--all {
    display: none;
  }
}
.formation .contenu {
  padding: 0 1em;
}
.formation #volumes_horaires,
.formation #details,
.formation #coefs {
  float: left;
}
.formation #volumes_horaires th,
.formation #details th,
.formation #coefs th {
  width: 60%;
}
.formation #volumes_horaires td,
.formation #details td,
.formation #coefs td {
  padding-left: .5em;
}
.formation #volumes_horaires,
.formation #coefs {
  width: 40%;
}
.formation #details {
  width: 60%;
}
.formation .programme + .half {
  clear: both;
}
.formation .programme + .half::before {
  content: "";
  display: block;
  clear: both;
}
.formation .informations-generales {
  margin: 0 0 1.5em;
  overflow: hidden;
  padding: 1em;
}
.formation .layout {
  display: block;
  width: 100%;
}
.formation .layout .row {
  float: left;
  width: 100%;
}
@media screen and (min-width: 61.75em) {
  .formation .layout .row {
    width: calc(100% / 3);
  }
}
.formation .layout__slot {
  display: block;
  margin: 0 0.5rem;
  width: calc(100% - 1rem);
  position: relative;
}
.formation .layout .layout__slot--filled::before, .formation .layout .layout__slot--filled::after,
.formation .layout .card::before,
.formation .layout .card::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  z-index: 1;
  background: #ff8500;
  width: 4px;
  height: 4px;
  box-shadow: 4px 0 0px 0px #d8d8d8, 8px 0 0px 0px #d8d8d8, 0 4px 0px 0px #d8d8d8, 0 8px 0px 0px #d8d8d8;
}
.formation .layout .layout__slot--filled::before, .formation .layout .layout__slot--filled::after {
  bottom: 0;
}
.formation .layout .layout__slot--filled::before {
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
.formation .layout .layout__slot--filled::after {
  right: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.formation .layout .card {
  margin-top: 1em;
  box-sizing: border-box;
  padding: 1rem;
  width: 100%;
  position: relative;
  background: #f5f5f5;
}
.formation .layout .card::before, .formation .layout .card::after {
  top: 0;
}
.formation .layout .card::before {
  left: 0;
}
.formation .layout .card::after {
  right: 0;
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.formation .layout .card dd {
  margin-bottom: .75em;
}
.formation .layout .temoignageCard .rich-quote {
  border: none;
  padding: 0;
}
.formation ul.list--no-margin-bottom, .formation ol.list--no-margin-bottom {
  margin-bottom: 0;
}
.formation h1,
.formation h2,
.formation h3,
.formation h4,
.formation h5,
.formation h6 {
  clear: none;
}
.formation h2 {
  font-size: 1.5em;
  font-weight: bold;
  font-family: CodeProLCRegular, "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
  color: #767676;
  letter-spacing: normal;
  margin-bottom: .75em;
}
.formation h3 {
  font-size: 1.25em;
  color: #464646;
  text-transform: uppercase;
  margin: .75em 0;
}
.formation h4 {
  text-transform: none;
  font-size: 1em;
  font-weight: bold;
}
.formation .card h2 {
  font-size: 1.143em;
  color: #464646;
}
.formation .card h3 {
  font-size: 1em;
}
.formation .mejs-container.mejs-video {
  display: inline-block;
  height: 0 !important;
  max-width: 100% !important;
  padding-top: 56.25% !important;
  width: 100% !important;
  overflow: hidden;
  /* video{
      object-fit:cover;
  } */
}
.formation .mejs-container.mejs-video .mejs-inner {
  bottom: 0;
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  vertical-align: top;
  width: 100%;
}
.formation .mejs-container.mejs-video .mejs-layers,
.formation .mejs-container.mejs-video .mejs-layer,
.formation .mejs-container.mejs-video video {
  display: inline-block;
  height: 100% !important;
  width: 100% !important;
}
.formation .mejs-container.mejs-video .mejs-container-fullscreen {
  height: 100% !important;
  padding: 0 !important;
}
.formation .mejs-container.mejs-video .mejs-container-fullscreen .mejs-layers,
.formation .mejs-container.mejs-video .mejs-container-fullscreen .mejs-layer,
.formation .mejs-container.mejs-video .mejs-container-fullscreen video {
  height: 100% !important;
  padding: 0 !important;
}
.formation .mejs-container.mejs-video .mejs-controls {
  visibility: hidden;
}
.formation .mejs-container.mejs-video .mejs-container:hover .mejs-controls {
  visibility: visible;
}
.formation .mejs-container.mejs-video .mejs-overlay-button {
  max-width: 100%;
}
.formation iframe.video_externe {
  max-width: 100% !important;
  width: 100% !important;
}
.formation #tuiles .row .layout__slot {
  display: block;
}
.formation #tuiles .commentaire {
  font-size: 75%;
  font-style: italic;
}
.formation section {
  clear: both;
}
.formation .pull-left {
  float: left;
}
.formation .pull-right {
  float: right;
}
.formation .clearfix::before {
  clear: both;
  content: '';
  display: table;
  width: 100%;
}
.formation .half.half.half {
  box-sizing: border-box;
  display: block;
  float: left;
  vertical-align: top;
  width: 100%;
}
@media screen and (min-width: 61.75em) {
  .formation .half.half.half {
    width: calc(50% - .75em);
    margin-left: 0;
  }
  .formation .half.half.half + .half {
    margin-left: 1.5em;
  }
}
.formation .alt-background {
  background: #f5f5f5;
}
.formation .photo {
  border: none;
  max-width: 100%;
}
.formation .photo.pull-left {
  margin-bottom: 1rem;
  margin-right: 1rem;
}
.formation .photo.pull-right {
  margin-bottom: 1rem;
  margin-left: 1rem;
}
.formation .photo img {
  height: auto;
  width: 100%;
}
.formation .photo figure {
  display: block;
  border: none;
}
.formation .champ {
  margin-bottom: 1rem;
}
.formation section.panel {
  padding: 1em;
  margin-bottom: 1.5em;
  *zoom: 1;
}
.formation section.panel:after {
  content: "";
  display: table;
  clear: both;
}
.formation .rich-quotes-list {
  display: block;
}
.formation .rich-quotes-list::after {
  content: '';
  clear: both;
  display: table;
  width: 100%;
}
.formation .rich-quotes-list__item {
  box-sizing: border-box;
  display: block;
  float: left;
  margin: 0 .5rem 1rem;
  padding: 1rem;
  width: calc(100% - 1rem);
}
@media screen and (min-width: 61.75em) {
  .formation .rich-quotes-list__item {
    width: calc(100% / 3 - 1rem);
  }
}
#tuiles .formation .rich-quotes-list__item {
  width: calc(100% - 1rem);
}
.formation .rich-quotes-list__item:nth-child(3n-2) {
  clear: left;
}
.formation .rich-quote__image {
  display: block;
  width: 100%;
}
.formation .rich-quote.rich-quote--no-image .rich-quote__quote,
.formation .rich-quote.rich-quote--no-image .rich-quote__more {
  margin-left: 0;
}
.formation .rich-quote__title {
  font-weight: bold;
  margin-bottom: 1rem;
}
.formation .rich-quote__quote {
  box-sizing: border-box;
  display: block;
  margin: 4rem 0;
  width: 100%;
}
.formation .rich-quote__details {
  clear: left;
  display: block;
  width: 100%;
}
.formation .rich-quote__more {
  display: block;
}
.formation .rich-quote__inner .rich-quote__image {
  float: left;
  width: 25%;
}
.formation .rich-quote__inner .rich-quote__quote {
  margin-left: calc(25% + 1rem);
  width: calc(75% - 1rem);
}
.formation a.anchor-section {
  display: inline-block;
  height: 0;
  margin-top: -3.6875rem;
  position: absolute;
  visibility: hidden;
  width: 0;
}
.formation .formation-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0 .7em;
  position: relative;
}
.formation .formation-nav__cta {
  margin-left: auto;
}
.formation .formation-nav__jumps {
  flex-grow: 1;
}
.formation .jumps__inner {
  display: flex;
  width: 100%;
}
.formation .jumps__inner ul {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  text-align: center;
  margin: 0;
}
@media screen and (min-width: 61.75em) {
  .formation .jumps__inner ul {
    flex-direction: row;
    justify-content: flex-start;
  }
}
.formation .jumps__inner li {
  padding-right: 1em;
}
.formation .jumps__inner li::before {
  display: none;
}
.formation .jumps__inner a {
  overflow-wrap: normal;
  font-family: CodeProLCRegular, "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
  font-size: 1.286em;
  position: relative;
}
.formation .jumps__inner a.current::before {
  content: "";
  position: absolute;
  bottom: -.8em;
  left: -.5em;
  right: -.5em;
  height: 5px;
  background: #ff8500;
}
.formation .jumps__placeholder {
  display: none;
}
@media screen and (min-width: 61.75em) {
  .formation.sticky-jumps .formation-nav {
    position: fixed;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 500;
    box-sizing: border-box;
    padding: 0;
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  }
  .formation.sticky-jumps .jumps__inner {
    padding-left: 1em;
    box-sizing: border-box;
  }
  .formation.sticky-jumps .jumps__inner ul {
    justify-content: space-around;
  }
}
.formation #call-to-actions {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5);
  background: white;
  z-index: 100;
}
@media screen and (min-width: 61.75em) {
  .formation #call-to-actions {
    position: static;
    border-left: 1px solid white;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    box-sizing: border-box;
    text-align: right;
  }
}
.formation #call-to-actions .cta.active .cta__contents,
.formation #call-to-actions .cta.active .cta__contents {
  display: block;
}
.formation .cta {
  text-align: left;
  margin-right: .571em;
}
@media screen and (min-width: 61.75em) {
  .formation .cta {
    margin-right: 0;
    margin-left: .571em;
  }
}
.formation .cta__title {
  background: #acacac;
  border-top: 0;
  box-sizing: border-box;
  cursor: pointer;
  height: 3.429em;
  padding: 0;
  margin: 0;
  width: auto;
}
.formation .cta__title__icon, .formation .cta__title__label {
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 0.25px;
  text-transform: uppercase;
  vertical-align: middle;
  width: 100%;
}
.formation .cta__title__icon {
  height: 1.429em;
  margin: 0 auto;
  line-height: 1.429em;
  overflow: hidden;
}
.formation .cta__title__label {
  font-size: .571em;
  padding: 0;
  color: #464646;
}
.formation .cta__contents {
  box-sizing: border-box;
  border-top: 0;
  bottom: 100%;
  border: 1px solid #acacac;
  background: #fff;
  display: none;
  font-size: 87.5%;
  max-height: 30vh;
  overflow-y: auto;
  padding: 1rem;
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
}
@media screen and (min-width: 61.75em) {
  .formation .cta__contents {
    width: 40%;
    left: auto;
    bottom: auto;
    top: 100%;
    right: .8em;
  }
}
.formation .cta-contact label {
  display: block;
}
.formation .cta-icon {
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  height: 1.3125rem;
  vertical-align: middle;
  width: 1.3125rem;
}
.formation .cta-icon--brochures {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"><path fill="%23353535" d="M40 8v240h176V8H40zm24 24h128v24H64V32zm0 56h128v24H64V88zm0 56h128v24H64v-24zm0 56h104v24H64v-24z"/></svg>');
}
.formation .cta-icon--renseignements {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"><path fill="%23353535" d="M128 8A120 120 0 0 0 8 128a120 120 0 0 0 120 120 120 120 0 0 0 120-120A120 120 0 0 0 128 8zm-16 32h32v32h-32V40zm0 64h32v120h-32V104z"/></svg>');
}
.formation .cta-icon--inscription {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"><path fill="%23353535" d="M128 24a40 40 0 0 0-40 40 40 40 0 0 0 40 40 40 40 0 0 0 40-40 40 40 0 0 0-40-40zm0 96a128 128 0 0 0-96 43.57812V216h128a40 40 0 0 1 40-40 40 40 0 0 1 24 8.06055v-20.5586A128 128 0 0 0 128 120zm64 72v16h-16v16h16v16h16v-16h16v-16h-16v-16h-16z"/></svg>');
}
.formation .cta-icon--envoyer-un-message {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256"><path fill="%23353535" d="M8 40v176h240V40H8zm136 16l24 24-16 16-24-24 16-16zm-24 24l24 24-88 88H32v-24l88-88zm-24 88h128v24H72l24-24z"/></svg>');
}
.formation .fichiers-joints {
  margin-bottom: 0;
}
.formation .confirmations > * {
  display: none;
}
.formation .confirmations.success > .success, .formation .confirmations.failed > .failed {
  display: block;
}
.formation .confirmations.success > button, .formation .confirmations.failed > button {
  display: block;
  margin-bottom: 1rem;
}
.formation .help {
  display: block;
  font-size: 75%;
  font-style: italic;
  opacity: 0.54;
}
.formation .hp {
  left: -99rem;
  opacity: 0;
  position: absolute;
  top: -99rem;
}
.formation .wait {
  display: none;
}
.formation .wait.waiting {
  display: block;
  margin-bottom: 1rem;
}
.formation h3 a[data-toggle-odf] {
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0;
  padding: .5rem;
  position: relative;
  text-decoration: none;
  vertical-align: top;
  width: 100%;
  background: #ff8500;
  color: #fff;
}
.formation h3 a[data-toggle-odf]::after {
  border-bottom: 0;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.5rem solid black;
  content: '';
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  opacity: .44;
}
.formation h3 a[data-toggle-odf].active::after {
  border-bottom: 0.75rem solid black;
  border-top: 0;
}
.formation h3 a[data-toggle-odf]:hover, .formation h3 a[data-toggle-odf]:active, .formation h3 a[data-toggle-odf]:focus {
  text-decoration: none;
}
.formation h3.empty-data-toggle-odf {
  clear: both;
  margin-bottom: 0;
  padding: 1rem;
  position: relative;
}
.formation [data-toggle-odf-id] {
  box-sizing: border-box;
  display: none;
  padding: 0.5rem 1rem;
}
.formation [data-toggle-odf-id].active {
  display: block;
}
.formation .more-less .less {
  display: none;
}
.formation .more-less .more {
  display: inline-block;
}
.formation .more-less-section {
  display: none;
}
.formation .active .more-less-section {
  display: block;
}
.formation .active .more {
  display: none;
}
.formation .active .less {
  display: inline-block;
}
.formation .radial-progress {
  margin-top: 1.5em;
  position: relative;
  display: block;
}
.formation .radial-progress svg {
  fill: transparent;
  transform: rotate(90deg) scale(-1, 1);
}
.formation .radial-progress svg .inside {
  fill: transparent;
}
.formation .radial-progress svg .value {
  stroke: #ff8500;
}
.formation .radial-progress svg .full {
  stroke: lightgrey;
}
.formation .radial-progress .inset {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.formation .radial-progress .inset .counter {
  color: #ff8500;
  font-size: 2em;
  white-space: nowrap;
}
.formation .radial-progress .inset .counter::after {
  content: ' %';
}
.formation .counter {
  font-family: sans-serif;
  font-size: 3em;
  color: #ff8500;
}
.formation .surtitre {
  margin: 0 0 .5em;
  padding: 0 0 .5em;
}
.formation .entete__fermer {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
}
.formation .only-mobile {
  display: block;
}
@media screen and (min-width: 61.75em) {
  .formation .only-mobile {
    display: none;
  }
}
.formation .only-desktop {
  display: none;
}
@media screen and (min-width: 61.75em) {
  .formation .only-desktop {
    display: block;
  }
}
.formation .pied {
  bottom: 0.5em;
  left: 0.5em;
  position: absolute;
  right: 0.5em;
  text-align: right;
}
.formation .creer-mon-parcours {
  color: white;
  float: right;
  margin: 2rem 0 2rem 1rem;
}
.search-result__item-header .formation .creer-mon-parcours {
  margin: 0 0 1rem 1rem;
}
.formation .construire-mon-parcours__chemin {
  overflow: hidden;
  position: relative;
}
.formation .construire-mon-parcours__chemin::before, .formation .construire-mon-parcours__chemin::after {
  bottom: 0;
  content: '';
  position: absolute;
  top: 0;
  width: 22%;
  z-index: 2;
}
.formation .construire-mon-parcours__chemin::before {
  background: -webkit-linear-gradient(left, #eeeeee 20%, rgba(238, 238, 238, 0) 80%);
  /* Chrome10-25,Safari5.1-6 */
  background: -moz-linear-gradient(left, #eeeeee 20%, rgba(238, 238, 238, 0) 80%);
  /* FF3.6-15 */
  background: linear-gradient(to right, #eeeeee 20%, rgba(238, 238, 238, 0) 80%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  left: 0;
}
.formation .construire-mon-parcours__chemin::after {
  background: -webkit-linear-gradient(right, #eeeeee 20%, rgba(238, 238, 238, 0) 80%);
  /* Chrome10-25,Safari5.1-6 */
  background: -moz-linear-gradient(right, #eeeeee 20%, rgba(238, 238, 238, 0) 80%);
  /* FF3.6-15 */
  background: linear-gradient(to left, #eeeeee 20%, rgba(238, 238, 238, 0) 80%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  right: 0;
}
@media screen and (min-width: 61.75em) {
  .formation .construire-mon-parcours__chemin::before, .formation .construire-mon-parcours__chemin::after {
    display: none;
  }
}
.formation .construire-mon-parcours__chemin__annees {
  align-items: stretch;
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}
.formation .construire-mon-parcours__chemin__annees.nb-semestres--1, .formation .construire-mon-parcours__chemin__annees.nb-semestres--2 {
  width: 100%;
}
.formation .construire-mon-parcours__chemin__annees.nb-semestres--3, .formation .construire-mon-parcours__chemin__annees.nb-semestres--4 {
  width: 200%;
}
.formation .construire-mon-parcours__chemin__annees.nb-semestres--5, .formation .construire-mon-parcours__chemin__annees.nb-semestres--6 {
  width: 300%;
}
@media screen and (min-width: 61.75em) {
  .formation .construire-mon-parcours__chemin__annees.nb-semestres--1.semestre--0, .formation .construire-mon-parcours__chemin__annees.nb-semestres--1.semestre--1, .formation .construire-mon-parcours__chemin__annees.nb-semestres--1.semestre--2, .formation .construire-mon-parcours__chemin__annees.nb-semestres--1.semestre--3, .formation .construire-mon-parcours__chemin__annees.nb-semestres--1.semestre--4, .formation .construire-mon-parcours__chemin__annees.nb-semestres--1.semestre--5, .formation .construire-mon-parcours__chemin__annees.nb-semestres--2.semestre--0, .formation .construire-mon-parcours__chemin__annees.nb-semestres--2.semestre--1, .formation .construire-mon-parcours__chemin__annees.nb-semestres--2.semestre--2, .formation .construire-mon-parcours__chemin__annees.nb-semestres--2.semestre--3, .formation .construire-mon-parcours__chemin__annees.nb-semestres--2.semestre--4, .formation .construire-mon-parcours__chemin__annees.nb-semestres--2.semestre--5, .formation .construire-mon-parcours__chemin__annees.nb-semestres--3.semestre--0, .formation .construire-mon-parcours__chemin__annees.nb-semestres--3.semestre--1, .formation .construire-mon-parcours__chemin__annees.nb-semestres--3.semestre--2, .formation .construire-mon-parcours__chemin__annees.nb-semestres--3.semestre--3, .formation .construire-mon-parcours__chemin__annees.nb-semestres--3.semestre--4, .formation .construire-mon-parcours__chemin__annees.nb-semestres--3.semestre--5, .formation .construire-mon-parcours__chemin__annees.nb-semestres--4.semestre--0, .formation .construire-mon-parcours__chemin__annees.nb-semestres--4.semestre--1, .formation .construire-mon-parcours__chemin__annees.nb-semestres--4.semestre--2, .formation .construire-mon-parcours__chemin__annees.nb-semestres--4.semestre--3, .formation .construire-mon-parcours__chemin__annees.nb-semestres--4.semestre--4, .formation .construire-mon-parcours__chemin__annees.nb-semestres--4.semestre--5, .formation .construire-mon-parcours__chemin__annees.nb-semestres--5.semestre--0, .formation .construire-mon-parcours__chemin__annees.nb-semestres--5.semestre--1, .formation .construire-mon-parcours__chemin__annees.nb-semestres--5.semestre--2, .formation .construire-mon-parcours__chemin__annees.nb-semestres--5.semestre--3, .formation .construire-mon-parcours__chemin__annees.nb-semestres--5.semestre--4, .formation .construire-mon-parcours__chemin__annees.nb-semestres--5.semestre--5, .formation .construire-mon-parcours__chemin__annees.nb-semestres--6.semestre--0, .formation .construire-mon-parcours__chemin__annees.nb-semestres--6.semestre--1, .formation .construire-mon-parcours__chemin__annees.nb-semestres--6.semestre--2, .formation .construire-mon-parcours__chemin__annees.nb-semestres--6.semestre--3, .formation .construire-mon-parcours__chemin__annees.nb-semestres--6.semestre--4, .formation .construire-mon-parcours__chemin__annees.nb-semestres--6.semestre--5 {
    width: 100%;
  }
}
.formation .construire-mon-parcours__chemin__annees.nb-semestres--1.semestre--0, .formation .construire-mon-parcours__chemin__annees.nb-semestres--1.semestre--1, .formation .construire-mon-parcours__chemin__annees.nb-semestres--2.semestre--0, .formation .construire-mon-parcours__chemin__annees.nb-semestres--2.semestre--1 {
  transform: translateX(0%);
}
.formation .construire-mon-parcours__chemin__annees.nb-semestres--3.semestre--0, .formation .construire-mon-parcours__chemin__annees.nb-semestres--3.semestre--1, .formation .construire-mon-parcours__chemin__annees.nb-semestres--4.semestre--0, .formation .construire-mon-parcours__chemin__annees.nb-semestres--4.semestre--1 {
  transform: translateX(0%);
}
.formation .construire-mon-parcours__chemin__annees.nb-semestres--3.semestre--2, .formation .construire-mon-parcours__chemin__annees.nb-semestres--3.semestre--3, .formation .construire-mon-parcours__chemin__annees.nb-semestres--4.semestre--2, .formation .construire-mon-parcours__chemin__annees.nb-semestres--4.semestre--3 {
  transform: translateX(-50%);
}
.formation .construire-mon-parcours__chemin__annees.nb-semestres--5.semestre--0, .formation .construire-mon-parcours__chemin__annees.nb-semestres--5.semestre--1, .formation .construire-mon-parcours__chemin__annees.nb-semestres--6.semestre--0, .formation .construire-mon-parcours__chemin__annees.nb-semestres--6.semestre--1 {
  transform: translateX(0%);
}
.formation .construire-mon-parcours__chemin__annees.nb-semestres--5.semestre--2, .formation .construire-mon-parcours__chemin__annees.nb-semestres--5.semestre--3, .formation .construire-mon-parcours__chemin__annees.nb-semestres--6.semestre--2, .formation .construire-mon-parcours__chemin__annees.nb-semestres--6.semestre--3 {
  transform: translateX(-33.33333%);
}
.formation .construire-mon-parcours__chemin__annees.nb-semestres--5.semestre--4, .formation .construire-mon-parcours__chemin__annees.nb-semestres--5.semestre--5, .formation .construire-mon-parcours__chemin__annees.nb-semestres--6.semestre--4, .formation .construire-mon-parcours__chemin__annees.nb-semestres--6.semestre--5 {
  transform: translateX(-66.66667%);
}
@media screen and (min-width: 61.75em) {
  .formation .construire-mon-parcours__chemin__annees.nb-semestres--1.semestre--0, .formation .construire-mon-parcours__chemin__annees.nb-semestres--1.semestre--1, .formation .construire-mon-parcours__chemin__annees.nb-semestres--1.semestre--2, .formation .construire-mon-parcours__chemin__annees.nb-semestres--1.semestre--3, .formation .construire-mon-parcours__chemin__annees.nb-semestres--1.semestre--4, .formation .construire-mon-parcours__chemin__annees.nb-semestres--1.semestre--5, .formation .construire-mon-parcours__chemin__annees.nb-semestres--2.semestre--0, .formation .construire-mon-parcours__chemin__annees.nb-semestres--2.semestre--1, .formation .construire-mon-parcours__chemin__annees.nb-semestres--2.semestre--2, .formation .construire-mon-parcours__chemin__annees.nb-semestres--2.semestre--3, .formation .construire-mon-parcours__chemin__annees.nb-semestres--2.semestre--4, .formation .construire-mon-parcours__chemin__annees.nb-semestres--2.semestre--5, .formation .construire-mon-parcours__chemin__annees.nb-semestres--3.semestre--0, .formation .construire-mon-parcours__chemin__annees.nb-semestres--3.semestre--1, .formation .construire-mon-parcours__chemin__annees.nb-semestres--3.semestre--2, .formation .construire-mon-parcours__chemin__annees.nb-semestres--3.semestre--3, .formation .construire-mon-parcours__chemin__annees.nb-semestres--3.semestre--4, .formation .construire-mon-parcours__chemin__annees.nb-semestres--3.semestre--5, .formation .construire-mon-parcours__chemin__annees.nb-semestres--4.semestre--0, .formation .construire-mon-parcours__chemin__annees.nb-semestres--4.semestre--1, .formation .construire-mon-parcours__chemin__annees.nb-semestres--4.semestre--2, .formation .construire-mon-parcours__chemin__annees.nb-semestres--4.semestre--3, .formation .construire-mon-parcours__chemin__annees.nb-semestres--4.semestre--4, .formation .construire-mon-parcours__chemin__annees.nb-semestres--4.semestre--5, .formation .construire-mon-parcours__chemin__annees.nb-semestres--5.semestre--0, .formation .construire-mon-parcours__chemin__annees.nb-semestres--5.semestre--1, .formation .construire-mon-parcours__chemin__annees.nb-semestres--5.semestre--2, .formation .construire-mon-parcours__chemin__annees.nb-semestres--5.semestre--3, .formation .construire-mon-parcours__chemin__annees.nb-semestres--5.semestre--4, .formation .construire-mon-parcours__chemin__annees.nb-semestres--5.semestre--5, .formation .construire-mon-parcours__chemin__annees.nb-semestres--6.semestre--0, .formation .construire-mon-parcours__chemin__annees.nb-semestres--6.semestre--1, .formation .construire-mon-parcours__chemin__annees.nb-semestres--6.semestre--2, .formation .construire-mon-parcours__chemin__annees.nb-semestres--6.semestre--3, .formation .construire-mon-parcours__chemin__annees.nb-semestres--6.semestre--4, .formation .construire-mon-parcours__chemin__annees.nb-semestres--6.semestre--5 {
    transform: translateX(0);
  }
}
.formation .construire-mon-parcours ol {
  overflow: visible;
}
.formation .chemin-annee {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  padding: 2em 8%;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: calc(100%);
}
.formation .chemin-annee__semestres {
  margin: 0;
  padding: 0;
}
.formation .chemin-annee__libelle {
  display: inline-block;
  font-size: 1rem;
  height: 1em;
  text-transform: uppercase;
}
.formation .chemin-annee + .chemin-annee::before {
  content: '';
  height: 0.5em;
  position: absolute;
  top: 5.1875em;
  transform: translateX(-50%);
  left: 0;
  right: 0;
  z-index: 2;
}
.formation .chemin-semestre {
  display: inline-block;
  margin: 0;
  padding: 3em 0 0;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: calc(100% / 2);
}
.formation .chemin-semestre::after {
  border-radius: 100%;
  content: '';
  display: inline-block;
  height: 1em;
  left: 50%;
  position: absolute;
  top: 1.25em;
  transform: translateX(-50%);
  width: 1em;
  z-index: 8;
}
.formation .chemin-semestre__libelle {
  font-size: 75%;
  text-transform: uppercase;
}
.formation .chemin-semestre + .chemin-semestre::before {
  content: '';
  height: 0.5em;
  left: 0;
  position: absolute;
  right: 0;
  top: 1.6875em;
  transform: translateX(-50%);
  z-index: 4;
}
.formation .construire-mon-parcours__parcours-proposes__liste {
  display: inline-block;
  margin: 1em 0;
  padding: 0;
  vertical-align: top;
  width: 100%;
}
@media screen and (min-width: 61.75em) {
  .formation .construire-mon-parcours__parcours-proposes__liste {
    margin: 1em -0.5em;
    width: calc(100% + 1em);
  }
}
.formation .construire-mon-parcours__parcours-proposes__liste__proposition {
  box-sizing: border-box;
  display: inline-block;
  margin: 0 0 1em;
  padding: 1em;
  vertical-align: top;
  width: 100%;
}
@media screen and (min-width: 61.75em) {
  .formation .construire-mon-parcours__parcours-proposes__liste__proposition {
    margin: 0.5em;
    width: calc(100% / 4 - 1em);
  }
}
.formation .proposition__entete {
  display: inline-block;
  font-size: 1.25em;
  font-weight: bold;
  height: 1.5em;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
  width: 100%;
}
.formation .proposition--sans-details .proposition__denomination {
  cursor: default;
  text-decoration: none;
}
.formation .proposition--sans-details .proposition__denomination:hover, .formation .proposition--sans-details .proposition__denomination:focus {
  color: inherit;
}
.formation .proposition__denomination {
  background-color: transparent;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  height: 3em;
  margin: 0.5em 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: left;
  vertical-align: top;
  width: 100%;
}
.formation .proposition__denomination span {
  display: inline-block;
  height: 100%;
  text-align: left;
  text-decoration: underline;
  vertical-align: top;
  width: 100%;
}
.formation .proposition__denomination:hover, .formation .proposition__denomination:focus {
  background-color: transparent;
}
.formation .proposition__presentation {
  display: none;
}
@media screen and (min-width: 61.75em) {
  .formation .proposition__presentation {
    display: block;
    height: 8em;
    overflow: hidden;
    position: relative;
  }
}
.formation .proposition__details {
  display: none;
}
.formation .proposition__actions__ajoute {
  display: none;
}
.formation .proposition__actions__plus {
  float: right;
}
.formation .construire-mon-parcours__choisis {
  bottom: 1em;
  border-radius: 4.5em;
  -webkit-box-shadow: 0 0.75em 1.75em rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0.75em 1.75em rgba(0, 0, 0, 0.5);
  box-shadow: 0 0.75em 1.75em rgba(0, 0, 0, 0.5);
  display: inline-block;
  height: 4.5em;
  padding: 0;
  position: fixed;
  right: 1em;
  width: 4.5em;
  z-index: 10;
}
@media screen and (min-width: 61.75em) {
  .formation .construire-mon-parcours__choisis {
    border-radius: 0;
    bottom: 0;
    -webkit-box-shadow: 0 -0.25em 0.5em rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 -0.25em 0.5em rgba(0, 0, 0, 0.3);
    box-shadow: 0 -0.25em 0.5em rgba(0, 0, 0, 0.3);
    height: 10em;
    left: 0;
    padding: 0;
    position: relative;
    right: 0;
    width: 100%;
  }
}
.formation .construire-mon-parcours__choisis__libelle {
  display: none;
}
.formation .construire-mon-parcours__choisis.active .construire-mon-parcours__choisis__resume__masquer {
  bottom: 1em;
  display: inline-block;
  position: fixed;
  right: 1em;
  vertical-align: top;
  width: calc(20% - 2em);
  z-index: 100;
  height: 4em;
  border-bottom-right-radius: 0.5em;
}
.formation .construire-mon-parcours__choisis.active .construire-mon-parcours__choisis__resume--mobile {
  border-radius: 0;
  border-bottom-left-radius: 0.5em;
  bottom: 1em;
  display: inline-block;
  left: 1em;
  position: fixed;
  right: auto;
  width: 80%;
  z-index: 100;
}
.formation .construire-mon-parcours__choisis.active .construire-mon-parcours__choisis__resume--mobile .construire-mon-parcours__choisis__resume__libelle {
  display: inline-block;
}
.formation .construire-mon-parcours__choisis.active .construire-mon-parcours__choisis__resume--mobile .construire-mon-parcours__choisis__resume__badge-progression,
.formation .construire-mon-parcours__choisis.active .construire-mon-parcours__choisis__resume--mobile .construire-mon-parcours__choisis__resume__icone {
  display: none;
}
.formation .construire-mon-parcours__choisis.active .construire-mon-parcours__choisis__selection {
  bottom: 1em;
  border-radius: 1em;
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.54), 0 0 99em 99em rgba(0, 0, 0, 0.54);
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.54), 0 0 99em 99em rgba(0, 0, 0, 0.54);
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.54), 0 0 99em 99em rgba(0, 0, 0, 0.54);
  display: inline-block;
  height: auto;
  left: 1em;
  position: fixed;
  right: 1em;
  top: 1em;
  width: auto;
  z-index: 20;
}
@media screen and (min-width: 61.75em) {
  .formation .construire-mon-parcours__choisis.active .construire-mon-parcours__choisis__selection {
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 100%;
    margin: 0;
    padding: 0;
    position: static;
    vertical-align: top;
    width: calc(100% * 6 / 7);
  }
}
.formation .construire-mon-parcours__choisis.active .construire-mon-parcours__choisis__libelle {
  border-bottom-left-radius: 1em;
  bottom: 1em;
  box-shadow: 0 -0.25em 0.5em rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  display: inline-block;
  font-weight: normal;
  height: 3em;
  left: 1em;
  line-height: 2.5;
  padding: 0.325em;
  position: fixed;
  right: 4em;
  text-transform: uppercase;
  width: auto;
  z-index: 22;
}
@media screen and (min-width: 61.75em) {
  .formation .construire-mon-parcours__choisis.active .construire-mon-parcours__choisis__libelle {
    display: none;
  }
}
@media screen and (min-width: 61.75em) {
  .formation .construire-mon-parcours__choisis.active .construire-mon-parcours__choisis__details {
    display: inline-block;
  }
}
.formation .construire-mon-parcours__choisis__selection {
  display: none;
  height: 100%;
  margin: 0;
  padding: 0;
  vertical-align: top;
  width: calc(100% * 6 / 7);
}
@media screen and (min-width: 61.75em) {
  .formation .construire-mon-parcours__choisis__selection {
    align-items: stretch;
    display: flex;
    float: left;
    justify-content: space-between;
  }
}
.formation .construire-mon-parcours__choisis__selection__parcours {
  display: inline-block;
  margin: 0;
  padding: 0;
  vertical-align: top;
  width: 100%;
}
@media screen and (min-width: 61.75em) {
  .formation .construire-mon-parcours__choisis__selection__parcours {
    height: 100%;
    width: 100%;
  }
  .formation .construire-mon-parcours__choisis__selection__parcours--colspan-2 {
    width: 200%;
  }
  .formation .construire-mon-parcours__choisis__selection__parcours--colspan-3 {
    width: 300%;
  }
  .formation .construire-mon-parcours__choisis__selection__parcours--colspan-4 {
    width: 400%;
  }
  .formation .construire-mon-parcours__choisis__selection__parcours--colspan-5 {
    width: 500%;
  }
  .formation .construire-mon-parcours__choisis__selection__parcours--colspan-6 {
    width: 600%;
  }
}
.formation .construire-mon-parcours__choisis__details {
  display: none;
}
.formation .construire-mon-parcours__choisis__details.active {
  display: inline-block;
}
.formation .construire-mon-parcours__choisis__details__corps {
  height: calc(100vh - 18em);
  overflow-y: auto;
}
.formation .construire-mon-parcours__choisis__details__corps__sauts {
  display: none;
}
@media screen and (min-width: 61.75em) {
  .formation .construire-mon-parcours__choisis__details__corps__sauts {
    display: block;
    float: right;
    position: relative;
    width: 25%;
    z-index: 1;
  }
}
.formation .construire-mon-parcours__choisis__details__corps__contenu {
  display: block;
  width: 100%;
}
@media screen and (min-width: 61.75em) {
  .formation .construire-mon-parcours__choisis__details__corps__contenu {
    margin-right: 25%;
    width: 75%;
  }
}
.formation .construire-mon-parcours__choisis__details__partage * {
  display: inline-block;
  vertical-align: middle;
}
.formation .construire-mon-parcours__choisis__details__partage--inactif {
  display: none;
}
.formation .construire-mon-parcours__choisis__resume {
  border-radius: 4.5em;
  height: 100%;
  vertical-align: top;
  width: 100%;
}
.formation .construire-mon-parcours__choisis__resume__masquer {
  display: none;
}
.formation .construire-mon-parcours__choisis__resume--mobile {
  border-radius: 0;
  border-bottom-left-radius: 4.5em;
  display: none;
  height: 4rem;
  vertical-align: top;
  width: 100%;
}
@media screen and (min-width: 61.75em) {
  .formation .construire-mon-parcours__choisis__resume--mobile {
    border-radius: 4.5em;
    display: inline-block;
    height: 100%;
    vertical-align: top;
    width: 100%;
  }
}
@media screen and (min-width: 61.75em) {
  .formation .construire-mon-parcours__choisis__resume {
    border-radius: 0;
    width: calc(100% * 1 / 7);
  }
}
.formation .construire-mon-parcours__choisis__resume__fermer {
  display: none;
}
@media screen and (min-width: 61.75em) {
  .formation .construire-mon-parcours__choisis__resume__fermer {
    display: none;
  }
}
.formation .construire-mon-parcours__choisis__resume__fermer.active {
  border-bottom-right-radius: 1em;
  bottom: 1em;
  box-shadow: 0 -0.25em 0.5em rgba(0, 0, 0, 0.3);
  display: inline-block;
  height: 3em;
  position: fixed;
  right: 1em;
  width: 3em;
  z-index: 21;
}
@media screen and (min-width: 61.75em) {
  .formation .construire-mon-parcours__choisis__resume__fermer.active {
    display: none;
  }
}
.formation .construire-mon-parcours__choisis__resume__badge-progression {
  border-radius: 2em;
  height: 2em;
  line-height: 1.5;
  letter-spacing: -1px;
  position: absolute;
  right: -0.25em;
  top: -0.25em;
  width: 2em;
}
.formation .construire-mon-parcours__choisis__resume__badge-progression__etape, .formation .construire-mon-parcours__choisis__resume__badge-progression__total {
  display: inline-block;
  vertical-align: text-bottom;
}
.formation .construire-mon-parcours__choisis__resume__badge-progression__sur {
  display: inline-block;
  vertical-align: text-top;
}
.formation .construire-mon-parcours__choisis__resume__badge-progression__sur, .formation .construire-mon-parcours__choisis__resume__badge-progression__total {
  font-size: 75%;
}
@media screen and (min-width: 61.75em) {
  .formation .construire-mon-parcours__choisis__resume__badge-progression {
    display: none;
  }
}
.formation .construire-mon-parcours__choisis__resume__libelle {
  display: none;
}
@media screen and (min-width: 61.75em) {
  .formation .construire-mon-parcours__choisis__resume__libelle {
    display: inline-block;
    font-weight: normal;
    text-transform: uppercase;
  }
}
.formation .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.formation .sr-only-focusable:active,
.formation .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.pdf-viewer__content {
  position: relative;
}

.textLayer {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  opacity: 0.2;
  line-height: 1.0;
}

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

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

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

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

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

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

.textLayer ::selection {
  background: blue;
}

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

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

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

.annotationLayer section {
  position: absolute;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pdfViewer .canvasWrapper {
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Message d'information CNIL */
.cnil-panel {
  background: #d4d4d4;
  padding: 1em;
  bottom: 2.4rem;
  display: none;
  left: 2.4rem;
  position: fixed;
  right: 2.4rem;
  z-index: 1;
}

@media screen and (min-width: 40em) {
  .cnil-panel {
    left: auto;
    max-width: 40vw;
  }
}
@media screen and (min-width: 61.75em) {
  .cnil-panel {
    max-width: 20vw;
  }
}
.cnil-panel.cnil-panel--displayed {
  display: block;
}

.cnil-panel__accepted,
.cnil-panel__refused,
.cnil-panel__do-not-track {
  display: none;
}

.cnil-panel.cnil-panel--accepted .cnil-panel__accepted,
.cnil-panel.cnil-panel--refused .cnil-panel__refused,
.cnil-panel.cnil-panel--do-not-track .cnil-panel__do-not-track {
  display: block;
}

.cnil-panel.cnil-panel--accepted .cnil-panel__welcome,
.cnil-panel.cnil-panel--refused .cnil-panel__welcome,
.cnil-panel.cnil-panel--do-not-track .cnil-panel__welcome {
  display: none;
}

/* Tag de modification du choix */
.cnil-choice-maker {
  display: block;
}

.cnil-choice-maker__accepted,
.cnil-choice-maker__refused,
.cnil-choice-maker__do-not-track {
  display: none;
}

.cnil-choice-maker--accepted .cnil-choice-maker__accepted,
.cnil-choice-maker--refused .cnil-choice-maker__refused,
.cnil-choice-maker--do-not-track .cnil-choice-maker__do-not-track {
  display: block;
}

.cnil-choice-maker--accepted .cnil-choice-maker__welcome,
.cnil-choice-maker--refused .cnil-choice-maker__welcome,
.cnil-choice-maker--do-not-track .cnil-choice-maker__welcome {
  display: none;
}

.layoutmanagerckeditor .layout-container {
  margin: 0 0 1.5em;
}
.layoutmanagerckeditor .layout-container .layout-container {
  margin: 0;
}
.layoutmanagerckeditor .layout-column {
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
}
.layoutmanagerckeditor .layout-column:last-child {
  margin-right: 0;
}
.layoutmanagerckeditor .layout-column * {
  max-width: 100%;
}
.layoutmanagerckeditor .col-lg-1,
.layoutmanagerckeditor .col-lg-10,
.layoutmanagerckeditor .col-lg-11,
.layoutmanagerckeditor .col-lg-12,
.layoutmanagerckeditor .col-lg-2,
.layoutmanagerckeditor .col-lg-3,
.layoutmanagerckeditor .col-lg-4,
.layoutmanagerckeditor .col-lg-5,
.layoutmanagerckeditor .col-lg-6,
.layoutmanagerckeditor .col-lg-7,
.layoutmanagerckeditor .col-lg-8,
.layoutmanagerckeditor .col-lg-9,
.layoutmanagerckeditor .col-md-1,
.layoutmanagerckeditor .col-md-10,
.layoutmanagerckeditor .col-md-11,
.layoutmanagerckeditor .col-md-12,
.layoutmanagerckeditor .col-md-2,
.layoutmanagerckeditor .col-md-3,
.layoutmanagerckeditor .col-md-4,
.layoutmanagerckeditor .col-md-5,
.layoutmanagerckeditor .col-md-6,
.layoutmanagerckeditor .col-md-7,
.layoutmanagerckeditor .col-md-8,
.layoutmanagerckeditor .col-md-9,
.layoutmanagerckeditor .col-sm-1,
.layoutmanagerckeditor .col-sm-10,
.layoutmanagerckeditor .col-sm-11,
.layoutmanagerckeditor .col-sm-12,
.layoutmanagerckeditor .col-sm-2,
.layoutmanagerckeditor .col-sm-3,
.layoutmanagerckeditor .col-sm-4,
.layoutmanagerckeditor .col-sm-5,
.layoutmanagerckeditor .col-sm-6,
.layoutmanagerckeditor .col-sm-7,
.layoutmanagerckeditor .col-sm-8,
.layoutmanagerckeditor .col-sm-9,
.layoutmanagerckeditor .col-xs-1,
.layoutmanagerckeditor .col-xs-10,
.layoutmanagerckeditor .col-xs-11,
.layoutmanagerckeditor .col-xs-12,
.layoutmanagerckeditor .col-xs-2,
.layoutmanagerckeditor .col-xs-3,
.layoutmanagerckeditor .col-xs-4,
.layoutmanagerckeditor .col-xs-5,
.layoutmanagerckeditor .col-xs-6,
.layoutmanagerckeditor .col-xs-7,
.layoutmanagerckeditor .col-xs-8,
.layoutmanagerckeditor .col-xs-9 {
  position: relative;
  min-height: 1px;
}
.layoutmanagerckeditor .col-xs-1,
.layoutmanagerckeditor .col-xs-10,
.layoutmanagerckeditor .col-xs-11,
.layoutmanagerckeditor .col-xs-12,
.layoutmanagerckeditor .col-xs-2,
.layoutmanagerckeditor .col-xs-3,
.layoutmanagerckeditor .col-xs-4,
.layoutmanagerckeditor .col-xs-5,
.layoutmanagerckeditor .col-xs-6,
.layoutmanagerckeditor .col-xs-7,
.layoutmanagerckeditor .col-xs-8,
.layoutmanagerckeditor .col-xs-9 {
  float: left;
  width: 100%;
}
@media screen and (min-width: 40em) {
  .layoutmanagerckeditor .col-sm-1,
  .layoutmanagerckeditor .col-sm-10,
  .layoutmanagerckeditor .col-sm-11,
  .layoutmanagerckeditor .col-sm-12,
  .layoutmanagerckeditor .col-sm-2,
  .layoutmanagerckeditor .col-sm-3,
  .layoutmanagerckeditor .col-sm-4,
  .layoutmanagerckeditor .col-sm-5,
  .layoutmanagerckeditor .col-sm-6,
  .layoutmanagerckeditor .col-sm-7,
  .layoutmanagerckeditor .col-sm-8,
  .layoutmanagerckeditor .col-sm-9 {
    margin-right: 3%;
    float: left;
  }
  .layoutmanagerckeditor .col-sm-1 {
    width: 5.58333%;
  }
  .layoutmanagerckeditor .col-sm-2 {
    width: 14.16667%;
  }
  .layoutmanagerckeditor .col-sm-3 {
    width: 22.75%;
  }
  .layoutmanagerckeditor .col-sm-4 {
    width: 31.33333%;
  }
  .layoutmanagerckeditor .col-sm-5 {
    width: 39.91667%;
  }
  .layoutmanagerckeditor .col-sm-6 {
    width: 48.5%;
  }
  .layoutmanagerckeditor .col-sm-7 {
    width: 57.08333%;
  }
  .layoutmanagerckeditor .col-sm-8 {
    width: 65.66667%;
  }
  .layoutmanagerckeditor .col-sm-9 {
    width: 74.25%;
  }
  .layoutmanagerckeditor .col-sm-10 {
    width: 82.83333%;
  }
  .layoutmanagerckeditor .col-sm-11 {
    width: 91.41667%;
  }
  .layoutmanagerckeditor .col-sm-12 {
    width: 100%;
  }
}
@media screen and (min-width: 61.75em) {
  .layoutmanagerckeditor .col-md-1,
  .layoutmanagerckeditor .col-md-10,
  .layoutmanagerckeditor .col-md-11,
  .layoutmanagerckeditor .col-md-12,
  .layoutmanagerckeditor .col-md-2,
  .layoutmanagerckeditor .col-md-3,
  .layoutmanagerckeditor .col-md-4,
  .layoutmanagerckeditor .col-md-5,
  .layoutmanagerckeditor .col-md-6,
  .layoutmanagerckeditor .col-md-7,
  .layoutmanagerckeditor .col-md-8,
  .layoutmanagerckeditor .col-md-9 {
    float: left;
  }
  .layoutmanagerckeditor .col-md-1 {
    width: 5.58333%;
  }
  .layoutmanagerckeditor .col-md-2 {
    width: 14.16667%;
  }
  .layoutmanagerckeditor .col-md-3 {
    width: 22.75%;
  }
  .layoutmanagerckeditor .col-md-4 {
    width: 31.33333%;
  }
  .layoutmanagerckeditor .col-md-5 {
    width: 39.91667%;
  }
  .layoutmanagerckeditor .col-md-6 {
    width: 48.5%;
  }
  .layoutmanagerckeditor .col-md-7 {
    width: 57.08333%;
  }
  .layoutmanagerckeditor .col-md-8 {
    width: 65.66667%;
  }
  .layoutmanagerckeditor .col-md-9 {
    width: 74.25%;
  }
  .layoutmanagerckeditor .col-md-10 {
    width: 82.83333%;
  }
  .layoutmanagerckeditor .col-md-11 {
    width: 91.41667%;
  }
  .layoutmanagerckeditor .col-md-12 {
    width: 100%;
  }
}
@media screen and (min-width: 75.5em) {
  .layoutmanagerckeditor .col-lg-1,
  .layoutmanagerckeditor .col-lg-10,
  .layoutmanagerckeditor .col-lg-11,
  .layoutmanagerckeditor .col-lg-12,
  .layoutmanagerckeditor .col-lg-2,
  .layoutmanagerckeditor .col-lg-3,
  .layoutmanagerckeditor .col-lg-4,
  .layoutmanagerckeditor .col-lg-5,
  .layoutmanagerckeditor .col-lg-6,
  .layoutmanagerckeditor .col-lg-7,
  .layoutmanagerckeditor .col-lg-8,
  .layoutmanagerckeditor .col-lg-9 {
    float: left;
  }
  .layoutmanagerckeditor .col-lg-1 {
    width: 5.58333%;
  }
  .layoutmanagerckeditor .col-lg-2 {
    width: 14.16667%;
  }
  .layoutmanagerckeditor .col-lg-3 {
    width: 22.75%;
  }
  .layoutmanagerckeditor .col-lg-4 {
    width: 31.33333%;
  }
  .layoutmanagerckeditor .col-lg-5 {
    width: 39.91667%;
  }
  .layoutmanagerckeditor .col-lg-6 {
    width: 48.5%;
  }
  .layoutmanagerckeditor .col-lg-7 {
    width: 57.08333%;
  }
  .layoutmanagerckeditor .col-lg-8 {
    width: 65.66667%;
  }
  .layoutmanagerckeditor .col-lg-9 {
    width: 74.25%;
  }
  .layoutmanagerckeditor .col-lg-10 {
    width: 82.83333%;
  }
  .layoutmanagerckeditor .col-lg-11 {
    width: 91.41667%;
  }
  .layoutmanagerckeditor .col-lg-12 {
    width: 100%;
  }
}

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