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

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

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

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

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

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

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

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

.textLayer ::selection {
  background: blue;
}

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

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

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

.annotationLayer section {
  position: absolute;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pdfViewer .canvasWrapper {
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body {
  background: #fff;
  color: #333;
  font: normal 100%/1.5 Cambria, georgia, times, "times new roman", serif;
  margin: 0 auto;
  max-width: 98%;
  position: relative;
}

::-moz-selection {
  background: #2869a9;
  color: #fff;
}

::-webkit-selection {
  background: #2869a9;
  color: #fff;
}

::selection {
  background: #2869a9;
  color: #fff;
}

abbr {
  border-bottom: 1px dotted;
  cursor: help;
}

dfn {
  font-style: italic;
}

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

h1, .h1,
h2, .h2, .no-js #connexion button.plier-deplier__bouton,
.no-js #acces-directs button.plier-deplier__bouton,
.no-js #versions button.plier-deplier__bouton,
h3, .h3, #encadres [class*="paragraphe__titre"],
h4, .h4,
h5, .h5,
h6, .h6 {
  color: #333;
  display: block;
  margin: 0 0 .25em;
}

h1,
.h1 {
  font: 700 1.94444em/1.2 "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, Arial, "Helvetica Neue", Helvetica, "Bitstream Vera Sans", sans-serif;
  margin: 0 0 .5em;
}

h2,
.h2,
.no-js #connexion button.plier-deplier__bouton,
.no-js #acces-directs button.plier-deplier__bouton,
.no-js #versions button.plier-deplier__bouton {
  font: 700 1.55556em/1 "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, Arial, "Helvetica Neue", Helvetica, "Bitstream Vera Sans", sans-serif;
}

h3,
.h3,
#encadres [class*="paragraphe__titre"] {
  font: 700 1.25em/1 "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, Arial, "Helvetica Neue", Helvetica, "Bitstream Vera Sans", sans-serif;
}

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

h5,
.h5 {
  font: 700 1em "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, Arial, "Helvetica Neue", Helvetica, "Bitstream Vera Sans", sans-serif;
  font-style: italic;
}

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

p {
  margin: 0 0 1.5em;
}

code {
  font-family: monospace;
  font-size: 1em;
}

ul,
ol {
  padding: 0 0 0 1.5em;
  margin: 0 0 1.5em;
}

ul {
  list-style: disc outside url("img/puce.svg");
  overflow: hidden;
}
ul ul {
  list-style-image: url("img/puce2.svg");
}

ol {
  list-style: decimal;
  overflow: hidden;
}

main {
  display: block;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 0 1.5em .5em;
}

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

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

em {
  font-style: italic;
}

cite {
  font-style: italic;
}

mark {
  font-weight: 700;
}

pre {
  background: #f5f5f5;
  overflow-x: scroll;
  padding: 1em 0;
  margin: 0 0 1.5em;
}

a, .a {
  background: transparent;
  color: #2869a9;
}
a:visited, .a:visited {
  color: #1e4f80;
}
a:active, .a:active {
  color: yellow;
}
a:focus, .a:focus {
  background-color: #2869a9;
  color: #fff;
  text-decoration: none !important;
}
a:hover, .a:hover {
  text-decoration: none;
}

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

acronym {
  cursor: help;
}

blockquote {
  position: relative;
}
blockquote p {
  padding: 0 2em;
}
blockquote:before {
  color: #B6B6B6;
  content: "\00AB";
  font-size: 4em;
  font-style: italic;
  line-height: 1;
  top: -1.5rem;
}
blockquote:after {
  color: #B6B6B6;
  content: "\00BB";
  font-size: 4em;
  font-style: italic;
  width: 100%;
  float: left;
  text-align: right;
  line-height: 1;
  bottom: -0.75rem;
}

th {
  border-bottom: 2px solid #999;
  font-weight: 700;
  padding: .5em;
  text-align: left;
  vertical-align: top;
}

td {
  border-bottom: 2px solid #ddd;
  padding: .5em;
  vertical-align: top;
}

fieldset,
.fieldset {
  background: #f1f1f1;
  border: 2px solid #ededed;
  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 #b5b5b5;
  font: 500 1em Cambria, georgia, times, "times new roman", 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: #ff8c00;
}

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: #0091b5;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
}
button:hover,
.button:hover,
.js .plier-deplier__bouton:hover {
  background: #007d9c;
}

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

input[type="submit"],
.submit {
  background: #aba62b;
}
input[type="submit"]:hover,
.submit:hover {
  background: #a39e29;
}
input[type="submit"][disabled],
.submit[disabled] {
  background: #89885c;
  cursor: default;
}

input[type="reset"],
.reset {
  background: #ff4500;
}
input[type="reset"]:hover,
.reset:hover {
  background: #e63e00;
}

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

img {
  border: 0 solid #666;
  box-sizing: border-box;
}

figure {
  border: 0 solid #666;
  display: inline-block;
}

sub {
  vertical-align: sub;
  font-size: small;
}

sup {
  vertical-align: super;
  font-size: small;
}

@media screen and (min-width: 80em) {
  body {
    font-size: 112.5%;
    max-width: none;
  }
}
#acces_direct {
  display: block;
  text-align: center;
}

.js #acces_direct {
  display: none;
}

#bandeau_outils {
  *zoom: 1;
  margin: 0;
  padding: .5em 0;
  position: relative;
}
#bandeau_outils:after {
  content: "";
  display: table;
  clear: both;
}
#bandeau_outils > div {
  margin: 0 auto;
  max-width: 71.11111em;
  position: relative;
  /*         width: $zen-grid-width; */
}
#bandeau_outils > div > p {
  font-size: 1.25em;
}

.js #bandeau_outils {
  text-align: right;
}

#page {
  margin: 0 auto;
  max-width: 71.11111em;
  width: 100%;
}

#bandeau {
  background: #f1ece8 url(img/bandeau.jpg) repeat-x 50% 50%;
  background-size: contain;
  padding-top: 14.0625%;
}

@media screen and (min-width: 42.66667em) {
  #bandeau {
    overflow: hidden;
    position: relative;
    margin: 0 0 1em 0;
  }
  #bandeau.avec_nav {
    margin-left: 25%;
  }
}
#recherche-simple {
  margin: 0 0 0 .25em;
  position: relative;
  z-index: 1000;
}
#recherche-simple .plier-deplier__bouton {
  display: none;
}

.js #recherche-simple {
  float: right;
}
.js #recherche-simple label {
  display: none;
}
.js #recherche-simple input[type="text"] {
  margin: 0 0 .5em;
}
.js #recherche-simple .plier-deplier__bouton {
  display: inline-block;
}
.js #recherche-simple .plier-deplier__contenu {
  left: auto;
  right: 0;
  text-align: center;
}

#connexion {
  margin: 0 auto;
  max-width: 71.11111em;
}
#connexion ul {
  list-style: none;
  padding: 0;
}

.js #connexion .plier-deplier__contenu {
  min-width: 20em;
}

#acces-directs {
  margin: 0 auto;
  max-width: 71.11111em;
}
@media screen and (min-width: 42.66667em) {
  #acces-directs {
    margin: 0 auto;
  }
}
#acces-directs ul {
  list-style: none;
  padding: 0;
}

.js #connexion .plier-deplier__contenu,
.js #acces-directs .plier-deplier__contenu,
.js #versions .plier-deplier__contenu,
.js #recherche-simple .plier-deplier__contenu {
  background: #ebe4de;
  padding: 1em;
}

#versions {
  margin: 0 auto;
}
#versions .plier-deplier__contenu > ul {
  text-align: left;
  margin: 0;
  padding: 0;
}
#versions [hreflang="de"]:before {
  content: url(img/drapeaux/de.png);
}
#versions [hreflang="es"]:before {
  content: url(img/drapeaux/es.png);
}
#versions [hreflang="fr"]:before {
  content: url(img/drapeaux/fr.png);
}
#versions [hreflang="it"]:before {
  content: url(img/drapeaux/it.png);
}
#versions [hreflang="en"]:before {
  content: url(img/drapeaux/uk.png);
}

.no-js #versions .plier-deplier__bouton {
  display: none !important;
}

.js #versions .plier-deplier__bouton {
  position: relative;
  z-index: 1000;
  text-transform: uppercase;
}
.js #versions .plier-deplier__contenu {
  left: auto;
  right: 0;
  min-width: 13em;
  padding: 1em;
}
@media screen and (min-width: 42.66667em) {
  .js #versions .plier-deplier__contenu {
    padding: 0.5em;
  }
}

#menu {
  background: #404849;
  color: #fff;
  font: 500 1em "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, Arial, "Helvetica Neue", Helvetica, "Bitstream Vera Sans", sans-serif;
  min-height: 1em;
}
@media screen and (min-width: 42.66667em) {
  #menu {
    margin: 0 0 2em;
    position: relative;
    width: auto;
    z-index: 10;
  }
}
#menu.plier-deplier__contenu--clos {
  display: block;
}

#menu-principal-bouton {
  display: none;
}

#menu_principal {
  overflow: visible;
  line-height: 3;
  padding: 0;
  list-style: none;
}
#menu_principal li {
  display: inline-block;
  vertical-align: top;
}
#menu_principal li.menu_principal-actif {
  background: #AB1919;
}
#menu_principal li.menu_principal--ouvert {
  background: #333;
  color: #fff;
}
#menu_principal li:first-child {
  border: none;
}
#menu_principal ul {
  display: none;
  padding: 0;
}
#menu_principal ul li {
  display: inline;
  padding: 0;
}
#menu_principal em {
  font-style: normal;
}
#menu_principal a, #menu_principal li > span, #menu_principal button {
  background-color: transparent;
  color: #fff;
  display: block;
  padding: 0 1.5em;
  text-decoration: none;
}
#menu_principal button {
  font-family: "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, Arial, "Helvetica Neue", Helvetica, "Bitstream Vera Sans", sans-serif;
  line-height: 3em;
  margin: 0;
}
#menu_principal > li > a,
#menu_principal > li > em a,
#menu_principal > li > button,
#menu_principal > li > em button {
  font-weight: 700;
}
#menu_principal li:hover a,
#menu_principal a:hover,
#menu_principal a:focus,
#menu_principal em a,
#menu_principal li:hover button,
#menu_principal button:hover,
#menu_principal button:focus,
#menu_principal em button {
  background: #333;
  color: #fff;
}
#menu_principal li:hover li a,
#menu_principal ul a,
#menu_principal li:hover li > span,
#menu_principal ul li > span {
  background-color: #ddd;
  border-bottom: 1px dotted #fff;
  color: #333;
  padding: 0.2em 0.5em;
}
#menu_principal li:hover li a:hover,
#menu_principal ul a:hover,
#menu_principal ul a:focus,
#menu_principal ul li > span:hover,
#menu_principal ul li > span:focus,
#menu_principal li:hover li button:hover,
#menu_principal ul button:hover,
#menu_principal ul button:focus {
  background: #333;
  color: #fff;
}

@media screen and (min-width: 42.66667em) {
  #menu_principal {
    margin: 0 auto;
    max-width: 71.11111em;
    width: 98%;
  }
  #menu_principal > li {
    position: relative;
  }
  #menu_principal ul {
    left: 0;
    line-height: normal;
    position: absolute;
    top: 3em;
    width: 150px;
    z-index: 10;
  }

  .no-js #menu_principal li:hover ul {
    display: block;
  }
}
.js #menu_principal > li ul {
  margin: 0;
  position: relative;
}
@media screen and (min-width: 42.66667em) {
  .js #menu_principal > li ul {
    position: absolute;
  }
}
.js #menu_principal > li ul.plier-deplier__contenu--ouvert {
  display: block;
}

#page_deco {
  margin: 0 auto;
  padding: 0 0 1em;
  border-bottom: 4px solid;
}
#page_deco:before, #page_deco:after {
  content: "";
  display: table;
}
#page_deco:after {
  clear: both;
}

#navigation > h2 {
  display: block;
}
@media screen and (min-width: 42.66667em) {
  #navigation {
    float: left;
    width: 25%;
    margin-left: 0%;
    margin-right: -25%;
    padding-left: 0.5em;
    padding-right: 0.5em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
  #navigation > h2 {
    display: none;
  }
}

#services select {
  width: 80%;
}

#menu_secondaire {
  background: #ebebeb;
  list-style: none;
  margin: 0 0 1em;
  padding: 1em;
}
#menu_secondaire > li {
  border-bottom: 2px dotted #fff;
  padding: .25em 0;
}
#menu_secondaire > li:last-child {
  border: 0;
  padding-bottom: 0;
}
#menu_secondaire ul {
  list-style: circle outside none;
  margin: 0;
}
#menu_secondaire a {
  text-decoration: none;
}
#menu_secondaire a:hover {
  text-decoration: underline;
}
#menu_secondaire .menu_secondaire-actif {
  font-weight: 700;
}
#menu_secondaire .sousmenu_secondaire-actif {
  font-weight: 700;
}

.breadcrumbs__list-item {
  display: inline-block;
}

.breadcrumbs__title {
  display: inline-block;
  float: left;
}

.breadcrumbs__list {
  display: inline-block;
  padding-left: 0.5em;
}

@media screen and (min-width: 42.66667em) {
  .contenu {
    min-height: 25em;
  }

  #avec_nav_avec_encadres,
  #avec_nav_sans_encadres {
    float: left;
    width: 75%;
    margin-left: 25%;
    margin-right: -100%;
    padding-left: 0.5em;
    padding-right: 0.5em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }

  #sans_nav_avec_encadres {
    float: left;
    width: 75%;
    margin-left: 0%;
    margin-right: -75%;
    padding-left: 0.5em;
    padding-right: 0.5em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
  #sans_nav_avec_encadres + #encadres {
    clear: none;
    float: left;
    width: 25%;
    margin-left: 75%;
    margin-right: -100%;
    padding-left: 0.5em;
    padding-right: 0.5em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
}
@media screen and (min-width: 61.25em) {
  #avec_nav_avec_encadres {
    float: left;
    width: 50%;
    margin-left: 25%;
    margin-right: -75%;
    padding-left: 0.5em;
    padding-right: 0.5em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }

  #avec_nav_sans_encadres {
    float: left;
    width: 75%;
    margin-left: 25%;
    margin-right: -100%;
    padding-left: 0.5em;
    padding-right: 0.5em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }

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

  #sans_nav_sans_encadres {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 0.5em;
    padding-right: 0.5em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
}
@media screen and (min-width: 61.25em) {
  #redacteur-date-impression {
    clear: both;
    float: left;
    width: 75%;
    margin-left: 0%;
    margin-right: -75%;
    padding-left: 0.5em;
    padding-right: 0.5em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
}
@media screen and (min-width: 50em) {
  [class^="ligne"] {
    clear: left;
    margin: 0 0 1.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 {
    border-left: 1px solid #ddd;
    float: none;
    margin-right: 1em;
    padding: 0 0 0 1em;
  }
}
.js #pied_outils {
  background: #f5f1ee;
  left: 0;
  padding: .5em 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.js #pied_outils > div {
  margin: 0 auto;
  max-width: 71.11111em;
  position: relative;
  width: 100%;
}
.js #pied_outils > div > p {
  margin: 0;
}

.js #haut_page a {
  text-decoration: none;
}
.js #haut_page a:focus {
  background: none;
  outline: 1px dotted #2869a9;
}

@media screen and (min-width: 42.66667em) {
  #contenu-encadres {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 0.5em;
    padding-right: 0.5em;
    -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;
  }
}
@media screen and (min-width: 42.66667em) {
  #encadres {
    clear: both;
    float: left;
    width: 75%;
    margin-left: 25%;
    margin-right: -100%;
    padding-left: 0.5em;
    padding-right: 0.5em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
}
@media screen and (min-width: 42.66667em) and (min-width: 61.25em) {
  #encadres {
    clear: none;
    float: left;
    width: 25%;
    margin-left: 75%;
    margin-right: -100%;
    padding-left: 0.5em;
    padding-right: 0.5em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
}

.actions-fiche {
  list-style: none;
  margin: 0;
  padding: 0;
}
.actions-fiche > * {
  display: inline-block;
  font-size: 1.3em;
}
.actions-fiche > * a {
  text-decoration: none;
}
.actions-fiche > * a:focus, .actions-fiche > * a:active {
  background: none;
  outline: 1px dotted #2869a9;
}
.actions-fiche button {
  background: transparent;
  color: #2869a9;
  font-weight: 500;
  padding: 0;
}
.actions-fiche .actions-fiche__item .icon {
  margin: 0 .5em 0 0;
}
.actions-fiche .actions-fiche__libelle {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
}

@media screen and (min-width: 42.66667em) {
  #pied_deco {
    clear: both;
  }

  #pied_page {
    clear: both;
    margin: 0 auto;
    max-width: 71.11111em;
    padding: 1em 0 2em;
    position: relative;
    width: 100%;
  }

  .js #haut_page {
    display: inline-block;
    font-size: 1.5em;
    min-height: 2.5em;
    min-width: 2.5em;
    opacity: 0;
  }
}
@media screen and (min-width: 42.66667em) and (min-width: 96em) {
  .js #haut_page {
    bottom: 2em;
    position: fixed;
    right: 5%;
    z-index: 100;
  }
}
@media screen and (min-width: 42.66667em) {
  .js #haut_page .icon {
    margin: 0;
    vertical-align: text-bottom;
  }

  #menu_pied_page {
    color: #ccc;
    list-style: none;
    padding: 0;
    text-align: center;
  }
  #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;
  }
}
.url-fiche {
  display: none;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

a.evitement {
  display: inline-block;
  color: #555;
  background: #fff;
  padding: .5em;
  position: absolute;
  left: -99999px;
  z-index: 100;
}
a.evitement:focus {
  left: 0;
}

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

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

.retour {
  cursor: pointer;
}

.bloc-info {
  background: url(img/pictos/information.svg) no-repeat 0 0;
  background-size: 1.9em;
  padding-left: 15%;
}

.pertinence {
  font-weight: 700;
}

.icon {
  color: #e20030;
  margin: 0 .5em 0 0;
}

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

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

.masquer {
  display: none;
}

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

@media screen and (min-width: 42.66667em) {
  .colonne__pas2 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
  }

  .colonne__pas3 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.33333333%;
  }
}
.liste_ligne, .reseaux-sociaux__liste {
  list-style: none;
  padding: 0;
}
.liste_ligne li, .reseaux-sociaux__liste li {
  padding: 0;
  margin: 0;
  display: inline-block;
}

.sans_puce, #versions .plier-deplier__contenu > ul {
  list-style: none;
  padding: 0;
}

.plan-site > * {
  margin-bottom: 1em;
}

.plan-site__rubrique {
  display: inline-block;
}

.plan-site__1,
.plan-site__2 {
  list-style: none;
  padding: 0;
}

.plan-site__1 > * > .plan-site__rubrique {
  font: 700 1.55556em/1 "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, Arial, "Helvetica Neue", Helvetica, "Bitstream Vera Sans", sans-serif;
  margin: 0 0 1em;
}

.plan-site__2 > * > .plan-site__rubrique {
  font: 700 1.25em/1 "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, Arial, "Helvetica Neue", Helvetica, "Bitstream Vera Sans", sans-serif;
  margin: 0 0 .5em;
}

.plan-site__3 {
  list-style-image: url(img/puce.svg);
}

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

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

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

.toolbox 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 label {
  float: left;
  font-weight: 700;
  padding-left: .5em;
  padding-right: .5em;
  width: 20%;
}
#recherche_avancee label.no_float {
  float: none;
}
#recherche_avancee .ChampSaisie {
  max-width: 360px;
}

#precisions_resultats {
  font-weight: 700;
}

#resultats_recherche_navigation > a {
  margin: 0 1.5em 0 0;
  text-decoration: none;
}
#resultats_recherche_navigation > a .icon {
  margin: 0;
}
#resultats_recherche_navigation > strong {
  margin: 0 1.5em 0 0;
}

ul.objets, ul#liste_resultats {
  list-style: none;
  margin: 0 0 1.5em;
  padding: 0;
}
ul.objets li, ul#liste_resultats li {
  border-top: 1px solid #ddd;
  clear: left;
  list-style-type: none;
  margin: 1em 0 0;
  padding: 1em 0 0;
}
ul.objets li:first-child, ul#liste_resultats li:first-child {
  border: 0;
  margin: 0;
  padding: 0;
}
ul.objets .soustitre, ul#liste_resultats .soustitre {
  font-weight: 700;
}
ul.documents a.telecharger-fichiers {
  display: block;
}
ul.articles .vignette_deco {
  width: 12em;
}
ul.articles .redacteur {
  font-style: italic;
}
ul.fluxrss .vignette_deco {
  max-width: 12em;
}
ul.pardefaut {
  margin: 0 0 1.5em;
}

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

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

.vignette {
  border: 1px solid #ccc;
  display: inline-block;
  margin: 0;
  max-width: 12em;
  padding: 2px;
}

#encadres .vignette_deco {
  width: auto !important;
}
#encadres .vignette_deco2 {
  overflow: visible;
}

.element_deco {
  margin: 0 0 1.5em;
  clear: both;
}

[class*="paragraphe--"] {
  clear: both;
  margin-bottom: 1.5em;
  overflow: auto;
}

.paragraphe--1 {
  padding: 1em 0;
}

.paragraphe--2 {
  background: #f1ece8;
  padding: 1em;
}

.paragraphe__titre--3 {
  background: #f1ece8;
  padding: .64286em;
}

.fiche .surtitre {
  border-bottom: 1px solid #eee;
  color: #666;
  margin: 0 0 .5em;
  padding: 0 0 .5em;
}
.fiche .surtitre ul {
  padding: 0;
  margin: 0;
}
.fiche .surtitre ul li {
  display: inline;
  padding: 0 .25em;
  border-left: 1px solid;
}
.fiche .surtitre ul li:first-child {
  border: 0;
  padding-left: 0;
}
.fiche .surtitre ul li span {
  display: none;
}
.fiche #soustitre {
  font-size: 1.3em;
  margin: 0.5em 0;
}
@media screen and (min-width: 42.66667em) {
  .fiche .photo {
    margin: 0 0 1em;
  }
}
.fiche .photo img {
  display: block;
}
.fiche .legende {
  color: #666;
  margin: .5em 0 1em;
}
.fiche #date_deco {
  border-bottom: 1px solid #eee;
  padding: 0 0 1em;
  margin: 0 0 1em;
}
.fiche #date {
  font-weight: 700;
  margin: 0;
}
.fiche #lieu {
  font-weight: 700;
  margin: 0;
}
.fiche #resume {
  font-weight: 700;
}
.fiche #description {
  margin-bottom: 1.5em;
}
.fiche.annuaire #fonction {
  margin: 0 0 1.5em;
  overflow: auto;
}

.url-lien {
  display: block;
  font-size: .62857em;
}

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

#complements {
  margin: 0 0 1.5em;
}

[class^="liste-definitions"] {
  list-style: none;
}

[class^="liste-definitions__terme"] {
  font-weight: 700;
}

[class^="liste-definitions__definition"] {
  margin: 0 0 .5em;
}

@media screen and (min-width: 42.66667em) {
  .liste-definitions__terme--colonne {
    display: inline-block;
    vertical-align: top;
    width: 25%;
  }

  .liste-definitions__definition--colonne {
    display: inline-block;
    vertical-align: top;
    width: 75%;
  }
}
.type_1, dl.type_1, #demande_mot_passe dt,
.type-1 {
  background: #fff;
  border-bottom: 1px solid #eee;
  clear: both;
  margin: 0 0 2em;
  position: relative;
  width: 100%;
}
.type_1 dt, #demande_mot_passe dt dt,
.type_1 .type-1__terme,
#demande_mot_passe dt .type-1__terme,
.type-1 dt,
.type-1 .type-1__terme {
  border-top: 1px solid #eee;
  left: 0;
  margin: 0;
  padding-top: 0.5em;
  position: absolute;
  width: 11em;
}
.type_1 dd, #demande_mot_passe dt dd,
.type_1 .type-1__definition,
#demande_mot_passe dt .type-1__definition,
.type-1 dd,
.type-1 .type-1__definition {
  border-top: 1px solid #eee;
  margin: 0 0 0 11em;
  min-height: 1.5em;
  padding: 0.5em 0;
}

.type_2, dl.type_2,
.type-2 {
  background: #eee;
  clear: both;
  margin: 0 0 1.5em;
  position: relative;
}
.type_2 > *, dl.type_2 > *,
.type-2 > * {
  display: inline-block;
  padding: 0 1% 1em;
  vertical-align: top;
}
.type_2 dt,
.type_2 .type-2__terme,
.type-2 dt,
.type-2 .type-2__terme {
  text-align: right;
  width: 18%;
}
.type_2 dd,
.type_2 .type-2__definition,
.type-2 dd,
.type-2 .type-2__definition {
  background: #fff;
  margin: 0 0 0 3%;
  overflow: auto;
  width: 75%;
}

.onglets {
  border-bottom: 2px solid #ddd;
  display: none;
  list-style: none;
  margin: 0 0 1.5em;
  padding: 0;
  overflow: visible;
}
@media screen and (min-width: 42.66667em) {
  .onglets {
    display: block;
  }
}
.onglets a {
  display: inline-block;
  padding: .5em;
  text-decoration: none;
}
.onglets a:hover,
.onglets #actif a {
  background: #fff;
  color: #2869a9;
}

.onglets__item {
  background: #ddd;
  border-bottom: 0;
  border: 2px solid #ddd;
  bottom: -2px;
  display: inline-block;
  font-weight: 700;
  margin: 0 .2em 0 0;
  position: relative;
}

.onglets__item--actif {
  background: #fff;
  border-bottom-color: #fff;
}

.onglets-section {
  display: block;
}
@media screen and (min-width: 42.66667em) {
  .onglets-section {
    display: none;
  }
  .onglets-section.onglets-section--actif {
    display: block;
  }
}

.onglets-section__bouton {
  background: #ddd;
  color: #333;
  display: block;
  position: relative;
  text-align: left;
  width: 100%;
}
@media screen and (min-width: 42.66667em) {
  .onglets-section__bouton {
    display: none;
  }
}
.onglets-section__bouton:hover {
  background: #fff;
}
.onglets-section__bouton::after {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #aaa;
  content: "";
  font-size: 0;
  line-height: 0;
  position: absolute;
  right: .6rem;
  top: .6rem;
  width: 0;
}

.onglets-section--actif > .onglets-section__bouton {
  background: #fff;
  border: 2px solid #ddd;
}
.onglets-section--actif > .onglets-section__bouton::after {
  border-bottom: 10px solid #aaa;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: none;
  right: .45rem;
  top: .45rem;
}

.js .onglets-section > .onglets-section__contenu {
  display: none;
}
.js .onglets-section__bouton {
  display: block;
}
@media screen and (min-width: 42.66667em) {
  .js .onglets-section__bouton {
    display: none;
  }
}
.js .onglets-section--actif > .onglets-section__contenu {
  display: block;
}

form input[required],
form textarea[required],
form select[required] {
  border-color: #747474;
}
form input[required].error,
form textarea[required].error,
form select[required].error {
  border-color: #d43f3a;
}
form label.radio,
form label.checkbox {
  display: inline;
  float: none;
  font-weight: 500;
  margin-right: 1em;
  width: auto;
}
form.formulaire_redacteur {
  background-color: #eee;
  margin: 0 0 1.5em;
  overflow: auto;
  padding: 1em;
}
form.formulaire_redacteur span.historyBack {
  cursor: pointer;
  font-weight: 700;
}

#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;
}
form.disposition2 .validation_saisie_captcha__element {
  display: inline-block;
}
form.disposition2 .validation_saisie_captcha__element img {
  display: block;
  margin: 0.5em 0;
}
form.disposition2 .validation_saisie_captcha__audio .captcha-audio__player {
  position: relative;
  padding-top: 0.5em;
}

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

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

#encadres {
  border-top: 1px solid #ddd;
  margin: 1em 0;
  padding: 1em 0;
}
@media screen and (min-width: 42.66667em) {
  #encadres {
    border-top: none;
    margin-left: 75%;
    margin-right: -100%;
    padding-left: .5em;
    padding-right: .5em;
  }
}
#encadres > .encadre_recherche fieldset {
  background: transparent;
  border: 0;
  padding: 0;
}
#encadres > .encadre_recherche legend {
  display: none;
}
#encadres > .encadre_recherche label {
  display: block;
}
#encadres > .encadre_recherche input[type="text"],
#encadres > .encadre_recherche select {
  width: 100%;
}
#encadres > .encadre_recherche p.parcourir input.champ-saisie {
  width: 75px;
}
#encadres .encadre_auto_fiche {
  margin-bottom: 1.5em;
}
#encadres .encadre {
  clear: both;
  margin-bottom: 1.5em;
  overflow: auto;
}
#encadres .encadre--1 {
  padding: 1em 0;
}
#encadres .encadre--2 {
  background-color: #f1ece8;
  padding: 1em;
}
#encadres .encadre--3 .encadre__titre {
  background: #f1ece8;
  padding: .64286em;
}

.fichiers-joints {
  border: 1px solid #ddd;
  list-style: none;
  padding: 0;
}
.fichiers-joints > *:first-child {
  border: 0;
}

.fichiers-joints__item {
  border-top: 1px solid #ddd;
  background: url(img/pictos/telecharger.svg) no-repeat 95% 50%;
  background-size: 2em;
}
.fichiers-joints__item > * {
  background: rgba(255, 255, 255, 0.8) url(img/pictos/defaut.svg) no-repeat 0.75em 50%;
  background-size: 1.5em;
  display: block;
  padding: .5em 4em .5em 3em;
  text-decoration: none;
}
.fichiers-joints__item > *:hover {
  background-color: rgba(255, 255, 255, 0.4);
}

.fichiers-joints__type-poids {
  font: 500 0.75em Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, Arial, "Helvetica Neue", Helvetica, "Bitstream Vera Sans", sans-serif;
  color: #333;
}

#telecharger {
  padding: 0;
}
#telecharger li {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 5px 0 5px 20px;
  position: relative;
}
#telecharger li.pdf:before {
  color: #2869a9;
  content: "\f1c1";
  font-family: "icomoon";
  font-size: 1em;
  left: 0;
  position: absolute;
}
#telecharger li.swf:before {
  color: #2869a9;
  content: "\f1c9";
  font-family: "icomoon";
  font-size: 1em;
  left: 0;
  position: absolute;
}
#telecharger li.flv:before {
  color: #2869a9;
  content: "\f1c8";
  font-family: "icomoon";
  font-size: 1em;
  left: 0;
  position: absolute;
}
#telecharger li.mp3:before {
  color: #2869a9;
  content: "\f1c7";
  font-family: "icomoon";
  font-size: 1em;
  left: 0;
  position: absolute;
}
#telecharger li.txt:before {
  color: #2869a9;
  content: "\f0f6";
  font-family: "icomoon";
  font-size: 1em;
  left: 0;
  position: absolute;
}
#telecharger li.zip:before {
  color: #2869a9;
  content: "\f1c6";
  font-family: "icomoon";
  font-size: 1em;
  left: 0;
  position: absolute;
}
#telecharger li.doc:before {
  color: #2869a9;
  content: "\f1c2";
  font-family: "icomoon";
  font-size: 1em;
  left: 0;
  position: absolute;
}
#telecharger li.xls:before {
  color: #2869a9;
  content: "\f1c3";
  font-family: "icomoon";
  font-size: 1em;
  left: 0;
  position: absolute;
}
#telecharger li.ppt:before {
  color: #2869a9;
  content: "\f1c4";
  font-family: "icomoon";
  font-size: 1em;
  left: 0;
  position: absolute;
}
#telecharger li.sxw:before {
  color: #2869a9;
  content: "\f016";
  font-family: "icomoon";
  font-size: 1em;
  left: 0;
  position: absolute;
}
#telecharger li.sxc:before {
  color: #2869a9;
  content: "\f016";
  font-family: "icomoon";
  font-size: 1em;
  left: 0;
  position: absolute;
}
#telecharger li.sxi:before {
  color: #2869a9;
  content: "\f016";
  font-family: "icomoon";
  font-size: 1em;
  left: 0;
  position: absolute;
}
#telecharger li.image:before {
  color: #2869a9;
  content: "\f1c5";
  font-family: "icomoon";
  font-size: 1em;
  left: 0;
  position: absolute;
}
#telecharger li.defaut:before {
  color: #2869a9;
  content: "\f016";
  font-family: "icomoon";
  font-size: 1em;
  left: 0;
  position: absolute;
}

.logo-mobile {
  left: 11em;
  margin-left: 0;
  position: absolute;
  top: 0;
  z-index: 11;
}
.logo-mobile img {
  max-width: 2.8em;
}
@media screen and (min-width: 42.66667em) {
  .logo-mobile {
    display: none;
    position: relative;
  }
}

.mejs-container {
  max-width: 100%;
}

.video-container {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
}
.video-container.video__soundcloud {
  padding-top: 19%;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.captcha .validation_saisie_captcha__element {
  display: inline-block;
  width: 70%;
}
.captcha .error {
  display: inline-block;
}
.captcha .validation_saisie_captcha__image .captcha_image {
  margin: 0.5em 0.5em 0 0;
}
.captcha .validation_saisie_captcha__audio .captcha-audio__player {
  position: relative;
  margin: 0.5em 0;
}

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

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

.drag-handle {
  cursor: pointer;
}

@media screen and (max-width: 42.66667em) {
  #logo img {
    max-width: 5em;
    max-height: 5em;
  }

  .js #menu-principal-bouton {
    display: inline-block;
  }
  .js .icon {
    margin: 0;
  }
  .js .plier-deplier__bouton__libelle {
    position: absolute;
    text-indent: -1000em;
    margin: 1.5em 0 0;
  }

  #menu_principal {
    overflow: auto;
  }
  #menu_principal li {
    width: 100%;
  }

  #boutons_actions li {
    display: none;
  }

  .js #menu {
    position: absolute;
    left: 0;
    top: 4.375em;
  }
  .js #menu.plier-deplier__contenu--clos {
    display: none;
  }
  .js .plier-deplier {
    position: static;
  }
  .js .plier-deplier__bouton {
    font-size: 1.5em;
  }
  .js .plier-deplier__contenu {
    width: 100%;
  }
  .js #pied_outils > div {
    width: 96%;
  }
  .js #recherche-simple {
    position: static;
  }
  .js #recherche-simple input[type="text"] {
    width: 100%;
    border: none;
    margin: 0;
    padding: 1em;
    background: rgba(0, 0, 0, 0.1);
    margin: 0;
  }
  .js #recherche-simple input[type="text"]:hover, .js #recherche-simple input[type="text"]:active {
    background: #333333;
    color: #FFFFFF;
  }
  .js #recherche-simple input[type="text"]:focus {
    outline: 0;
  }
  .js #recherche-simple input[type="submit"] {
    display: none;
  }
  .js #recherche-simple .plier-deplier__bouton {
    display: inline-block;
    position: relative;
    z-index: 1000;
  }
  .js #recherche-simple .plier-deplier__contenu {
    padding: 0;
  }
}
footer .plan-site__1 > * {
  display: inline-block;
  width: 50%;
  vertical-align: text-top;
}
@media screen and (max-width: 42.66667em) {
  footer .plan-site__1 > * {
    display: none;
  }
}
footer .plan-site__1 > * > .plan-site__rubrique {
  font: 700 1em Cambria, georgia, times, "times new roman", serif;
  margin: 0;
}
footer .plan-site__2 {
  margin-left: 1em;
}
footer .plan-site__2 > * > .plan-site__rubrique {
  font: 500 1em Cambria, georgia, times, "times new roman", serif;
  margin: 0;
}

#pied_page {
  padding-top: 0;
}
#pied_page > div {
  background: #efe9e5;
  padding: 1em;
}
@media screen and (min-width: 42.66667em) {
  #pied_page > div > div {
    display: inline-block;
    vertical-align: text-top;
    width: 50%;
    padding: 0;
  }
}

@media screen and (min-width: 42.66667em) {
  .cartouche > div {
    margin: 0 auto;
    max-width: 71.11111em;
    position: relative;
    width: 100%;
  }
}

@media screen and (max-width: 42.66667em) {
  header .cartouche {
    border-bottom: 4px solid;
    margin-bottom: 0.5em;
  }
}

footer .cartouche {
  text-align: center;
}

.banniere {
  overflow: hidden;
  padding: 1em 0;
  position: relative;
}

.banniere__logo {
  display: none;
}
@media screen and (min-width: 42.66667em) {
  .banniere__logo {
    display: inline-block;
  }
}

.banniere__nom {
  margin: 0;
}

footer .banniere {
  margin-bottom: 1em;
}
footer .banniere__nom {
  font-weight: 700;
  margin: 0;
}

.banniere__baseline {
  font: 700 1.25em "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, Arial, "Helvetica Neue", Helvetica, "Bitstream Vera Sans", sans-serif;
  margin: 0 0 0 .5em;
}

header .reseaux-sociaux {
  position: absolute;
  right: 0;
  top: 3.3em;
}
@media screen and (max-width: 42.66667em) {
  header .reseaux-sociaux {
    display: none;
  }
}

footer .reseaux-sociaux {
  text-align: center;
}
footer .reseaux-sociaux__item {
  margin: 0 .25em;
}

.reseaux-sociaux__libelle {
  display: inline-block;
  font-weight: 700;
}

#versions [hreflang]:before {
  display: none;
}

.kmultiselect-ltl {
  width: 100% !important;
}

.layout__gridSlot {
  display: inline-block;
  overflow: hidden;
  padding: 0 .25em !important;
}

.layout__simple-grid--siteCom .layout__gridSlot {
  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;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-right: 0;
  height: 13.05em;
}
@media screen and (min-width: 42.66667em) {
  .layout__simple-grid--siteCom .layout__gridSlot {
    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;
    width: 50%;
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
    height: 13.05em;
  }
}
@media screen and (min-width: 50em) {
  .layout__simple-grid--siteCom .layout__gridSlot {
    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;
    width: 25%;
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
    height: 13.05em;
  }
}
.layout__simple-grid--siteCom .layout__slot--rowspan2 {
  height: 26.1em;
}
.layout__simple-grid--siteCom .layout__slot--rowspan3 {
  height: 39.15em;
}
.layout__simple-grid--siteCom .layout__slot--rowspan4 {
  height: 52.2em;
}
.layout__simple-grid--siteCom .layout__slot--columnspan2 {
  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;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-right: 0;
}
@media screen and (min-width: 50em) {
  .layout__simple-grid--siteCom .layout__slot--columnspan2 {
    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;
    width: 50%;
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
  }
}
.layout__simple-grid--siteCom .layout__slot--columnspan3 {
  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;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-right: 0;
}
@media screen and (min-width: 50em) {
  .layout__simple-grid--siteCom .layout__slot--columnspan3 {
    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;
    width: 75%;
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
  }
}
.layout__simple-grid--siteCom .layout__slot--columnspan4 {
  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;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-right: 0;
}
@media screen and (min-width: 50em) {
  .layout__simple-grid--siteCom .layout__slot--columnspan4 {
    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;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
  }
}

.layout__simple-grid--sitePortail .layout__gridSlot {
  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;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-right: 0;
  height: 8.275em;
  padding: .25em !important;
}
@media screen and (min-width: 42.66667em) {
  .layout__simple-grid--sitePortail .layout__gridSlot {
    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;
    width: 16.66667%;
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
    float: left;
    height: 8.275em;
  }
}
.layout__simple-grid--sitePortail .layout__slot--columnspan2 {
  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;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-right: 0;
}
@media screen and (min-width: 50em) {
  .layout__simple-grid--sitePortail .layout__slot--columnspan2 {
    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;
    width: 33.33333%;
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
  }
}
.layout__simple-grid--sitePortail .layout__slot--columnspan3 {
  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;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-right: 0;
}
@media screen and (min-width: 50em) {
  .layout__simple-grid--sitePortail .layout__slot--columnspan3 {
    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;
    width: 50%;
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
  }
}
.layout__simple-grid--sitePortail .layout__slot--columnspan4 {
  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;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-right: 0;
}
@media screen and (min-width: 50em) {
  .layout__simple-grid--sitePortail .layout__slot--columnspan4 {
    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;
    width: 66.66667%;
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
  }
}
.layout__simple-grid--sitePortail .layout__slot--columnspan5 {
  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;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-right: 0;
}
@media screen and (min-width: 50em) {
  .layout__simple-grid--sitePortail .layout__slot--columnspan5 {
    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;
    width: 83.33333%;
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
  }
}
.layout__simple-grid--sitePortail .layout__slot--columnspan6 {
  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;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-right: 0;
}
@media screen and (min-width: 50em) {
  .layout__simple-grid--sitePortail .layout__slot--columnspan6 {
    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;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
  }
}
.layout__simple-grid--sitePortail .layout__slot--rowspan2 {
  height: 16.55em;
}
.layout__simple-grid--sitePortail .layout__slot--rowspan3 {
  height: 24.825em;
}
.layout__simple-grid--sitePortail .layout__slot--rowspan4 {
  height: 33.1em;
}
.layout__simple-grid--sitePortail .layout__slot--rowspan5 {
  height: 41.375em;
}
.layout__simple-grid--sitePortail .layout__slot--rowspan6 {
  height: 49.65em;
}

.layout__slot {
  background: #fff;
  box-sizing: border-box;
  position: relative;
  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;
}
.layout__slot .layout__slot-button {
  height: 100%;
  padding: 0;
  position: absolute;
  width: 100%;
  z-index: 10;
}
.layout__slot .layout__slot-button:hover {
  background: transparent;
}

.card {
  box-sizing: border-box;
  display: block;
  height: 100%;
  overflow: hidden;
  padding: 1em;
  text-decoration: none;
}

.simpleCard__title {
  color: inherit;
}

.pictureCard__title {
  color: inherit;
}

.title--middle {
  padding: 0;
  position: relative;
}
.title--middle .pictureCard__title {
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  padding: .5em;
  position: absolute;
  top: 35%;
  width: 100%;
}
.title--middle img {
  height: 100%;
}

/**
  Layout
*/
:root {
  --responsive-point-search: 70rem;
}

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

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

  .all-topics {
    width: 27%;
    margin-right: 2%;
  }
}
/**
  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;
}

/**
  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
} */
/**
  Recherche accueil rubrique
*/
.search-homesection__form {
  font-family: "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, Arial, "Helvetica Neue", Helvetica, "Bitstream Vera Sans", sans-serif;
  padding: 1em;
  background-color: #ededed;
}

.search-homesection__headings {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}

.search-homesection__title-keywords {
  font-size: 1em;
}

.search-homesection__main-input,
.search-homesection__button-submit {
  height: 2.5em;
}

input[type="text"].search-homesection__main-input {
  width: 100%;
  border: 0;
}

.search-homesection__button-submit {
  font-family: "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, Arial, "Helvetica Neue", Helvetica, "Bitstream Vera Sans", sans-serif;
}

.search-homesection__select {
  width: 100%;
  margin-bottom: 1em;
}

.search-homesection__select-option {
  font-family: "Open Sans", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif, Arial, "Helvetica Neue", Helvetica, "Bitstream Vera Sans", sans-serif;
  width: 100%;
  height: 2.5em;
  border: 0;
}

.search-homesection__fieldset {
  background-color: #ffffffe6;
  border: 1px solid #e4e4e4;
}

.search-homesection__label {
  font-weight: normal;
}

.search-homesection__list {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

.search-homesection__list-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: .5em;
}

.search-homesection__checkbox-input {
  position: relative;
  width: 1.5em;
  min-width: 1.5em;
  height: 1.5em;
  color: #000;
  border: 1px solid gray;
  border-radius: 4px;
  cursor: pointer;
  transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
}
.search-homesection__checkbox-input::before {
  position: absolute;
  content: '';
  display: block;
  top: 3px;
  left: 7px;
  width: 5px;
  height: 10px;
  border-style: solid;
  border-color: #fff;
  border-width: 0 1px 1px 0;
  margin-right: .5em;
  transform: rotate(45deg);
  opacity: 0;
}
.search-homesection__checkbox-input:checked {
  color: #fff;
  border-color: #0091b5;
  background-color: #0091b5;
}
.search-homesection__checkbox-input:checked::before {
  opacity: 1;
}

.search-homesection__checkbox-label {
  font-weight: 400;
  line-height: 1;
  padding-top: 3px;
}

/**
  Topic
*/
.topic {
  padding: 0;
  border: 0;
  margin-bottom: 1rem;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.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__list {
  list-style: none;
  margin-bottom: .5rem;
  padding: 0;
}

ul.topic__list {
  margin-bottom: 0;
}

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

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

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

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

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

/**
  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;
  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;
}

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