/* inclusion /templating-kit/themes/inrs/css/styles-communs.css */
/* fichier surchargé le 04/06/2026 à 11:40 */
@charset "UTF-8";


/***************************** Début reset *******************************/
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 {
    font-family: "Brother-1816", sans-serif !important;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

html {
    /* Spécifique iOS: contraint un reajustement
    de taille de police à 100% en mode paysage,
    plutôt que auto (grossissement hétérogène des polices)  */
    -webkit-text-size-adjust: 100%;
}

/* HTML5 display-role reset for older browsers */
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

article {
    display: block;
}

body {
    line-height: 1;
    background-color: #ffffff;
}

body.desktop {
    overflow-x: hidden;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

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

.ltIE9 img {
    -ms-interpolation-mode: bicubic;
}

sub {
    /*vertical-align: sub;*/
    position: relative;
    top: 0.25em;
    font-size: smaller;
}

sup {
    /*vertical-align: super;*/
    position: relative;
    top: -0.25em;
    font-size: smaller;
}

button {
    font-family: "Brother-1816", sans-serif !important;
}

/***************************** Fin reset *********************************/


/* fontes */
@font-face {
    font-family: pt_sans;
    src: url('../fonts/ptsans_bolditalic/PTS76F-webfont-eot.eot');
    src: url('../fonts/ptsans_bolditalic/PTS76F-webfont-eot.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ptsans_bolditalic/PTS76F-webfont-woff.woff') format('woff'),
        url('../fonts/ptsans_bolditalic/PTS76F-webfont-ttf.ttf') format('truetype'),
        url('../fonts/ptsans_bolditalic/PTS76F-webfont-svg.svg#pt_sansbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: pt_sans;
    src: url('../fonts/ptsansnarrow_bold/PTN77F-webfont-eot.eot');
    src: url('../fonts/ptsansnarrow_bold/PTN77F-webfont-eot.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ptsansnarrow_bold/PTN77F-webfont-woff.woff') format('woff'),
        url('../fonts/ptsansnarrow_bold/PTN77F-webfont-ttf.ttf') format('truetype'),
        url('../fonts/ptsansnarrow_bold/PTN77F-webfont-svg.svg#pt_sans_narrowbold') format('svg');
    font-weight: bold;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: pt_sans;
    src: url('../fonts/ptsansnarrow_regular/PTN57F-webfont-eot.eot');
    src: url('../fonts/ptsansnarrow_regular/PTN57F-webfont-eot.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ptsansnarrow_regular/PTN57F-webfont-woff.woff') format('woff'),
        url('../fonts/ptsansnarrow_regular/PTN57F-webfont-ttf.ttf') format('truetype'),
        url('../fonts/ptsansnarrow_regular/PTN57F-webfont-svg.svg#pt_sans_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: AdobeBlank;
    src: url('../fonts/AdobeBlank/AdobeBlank-eot.eot');
    src: url('../fonts/AdobeBlank/AdobeBlank-eot.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AdobeBlank/AdobeBlank-otf-woff.woff') format('woff'),
        url('../fonts/AdobeBlank/AdobeBlank-ttf.ttf') format('truetype'),
        url('../fonts/AdobeBlank/AdobeBlank-svg.svg#AdobeBlank') format('svg');
    font-weight: normal;
    font-style: normal;
}

/***************************** Général ***********************************/
html {
    font-size: 13px;
}

html,
body,
select,
textarea,
input {
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: 0;
}

.container {
    max-width: 1240px;
    margin: 0 auto;
}

.ltIE10 select,
.ltIE10 textarea,
.ltIE10 input {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

select,
select option {
    /* fix IE :@ */
    font-family: inherit;
}

/* @media not print { // INCOMPATIBLE IE8 :( */
@media braille,
embossed,
handheld,
projection,
screen,
speech,
tty,
tv {

    .printedLink,
    .printedLinkIndex,
    .printOnly {
        display: none !important;
    }

    li.forceInline .printedLink,
    li.forceInline .printedLinkIndex,
    li.forceInline .printOnly {
        display: none;
    }
}

li.forceInline * {
    display: inline;
}

li.forceInline p:after,
li.forceInline div:after {
    content: " ";
}

select,
input {
    line-height: 100%;
}

select:focus,
input:focus {
    outline: none;
}

select:disabled,
select.disabled,
input:disabled,
input.disabled,
textarea:disabled,
textarea.disabled {
    color: #bbb;
}

/* placeholders */
::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
}

.placeholder {
    color: #999;
}

.breakAllWords {
    word-break: break-all;
}

strong,
b {
    font-weight: bold;
}

em,
i {
    font-style: italic;
}

a {
    text-decoration: none;
    color: black;
    outline: none;
    word-break: break-word;
    word-wrap: break-word;
}

a:hover {
    text-decoration: underline;
}

h1 {
    font-weight: bold;
    font-size: 1.833em;
}

h2 {
    font-weight: 900;
    font-size: 2.615385rem;
    text-transform: none;
    text-align: center;
    margin: 21px 0;
    color: var(--color-charcoal);
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
}

.visuallyHidden {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    width: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
}

div.clear,
div.clearAll,
div.clearAllFullWidth {
    display: block !important;
    clear: both !important;
    visibility: hidden !important;
    line-height: 0 !important;
    /* height 1px !important; */
    width: 1px !important;
    font-size: 0;
    overflow: hidden !important;
}

div.clearAllFullWidth {
    width: auto !important;
}

br.clearAll {
    clear: both !important;
}

.noPadding {
    padding: 0 !important;
}

.nowrap {
    white-space: nowrap;
}

.revision-commentaires {
    display: none;
}

.revision-surlignage {}

.infoNoScript {
    margin: 1em 0;
    padding: 0.5em 1em;
    background: #fee;
    border: 2px dashed red;
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
}

/* OUGEBAIN-302 */
.removeBoldItalic,
.removeBoldItalic * {
    font-weight: normal !important;
    font-style: normal !important;
}

.super_container {
    width: 100%;
}

.header .wrapper {
    margin: 0 auto;
    position: relative;
    max-width: 1320px;
    /* normalement seule dimension en dur car on a une largeur max */
    height: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    gap: 10px;
}

.etude_communication_publication #container_principal {
    display: unset !important;
    padding-left: unset !important;
    padding-right: unset !important;
}

.page404 #container_principal {
    margin: 0 auto;
    padding: 0;
    position: relative;
    max-width: 1320px;
    height: 100%;
    display: block;
    align-items: center;
}

.edito.actualiteEvenementielle #container_principal {
    margin: 0 auto;
    padding: 0;
    position: relative;
    max-width: 100%;
    height: 100%;
    display: block;
    align-items: center;
}

.edito.actualiteEvenementielle #container_principal>#pisteNavigation {
    display: none;
}

#container_principalMetier {
    margin: 0 auto;
    padding: 0 auto;
    position: relative;
    max-width: 920px;
    /* normalement seule dimension en dur car on a une largeur max */
    height: 100%;
    display: block;
}

#container_principalEspace {
    margin: 0 auto;
    padding: 0 auto;
    position: relative;
    max-width: 920px;
    /* normalement seule dimension en dur car on a une largeur max */
    height: 100%;
}


.ltIE9 .header .wrapper,
.ltIE9 #etAussi .wrapper,
.ltIE9 #container_principal,
.ltIE9 .resultatsRecherche .wrapper {
    width: 920px;
    /* largeur fixe sous IE8 */
}

.noCssColumns {
    -webkit-column-count: 1 !important;
    -moz-column-count: 1 !important;
    column-count: 1 !important;
}

.jsSplitedColumn {
    vertical-align: top !important;
    display: inline-block !important;

    -webkit-column-count: 1 !important;
    -moz-column-count: 1 !important;
    column-count: 1 !important;
}

.select-style {
    overflow: hidden;
    background: #fff;
    position: relative;
    width: 91%;
    border: 1px solid #E85D2B;
    border-radius: 100px;
}

.ltIE11 .select-style {
    overflow: visible;
    background: transparent;
    width: auto;
}

.ltIE9 .select-style {
    height: auto !important;
    margin: 5px 0 !important;
    background: transparent !important;
}

.select-style:after {
    content: "\00a0";
    /* espace insécable */
    font-size: 0;
    background: url("../img/select-arrow-grad.png") no-repeat 0 0;
    width: 40px;
    height: 40px;

    position: absolute;
    top: 50%;
    margin-top: -20px;
    right: 0;

    pointer-events: none;
    cursor: pointer;
}

.ltIE11 .select-style:after {
    content: none;
    display: none;
}

/*
.select-style:hover:after {
    background-position: 0 -160px;
}
*/
.select-style.disabled:after {
    background-position: 0 -40px !important;
}

.select-style select {
    padding: 5px 8px 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    line-height: 120%;
    font-family: 'brother-1816', sans-serif;
    font-weight: 300px;
    font-size: 1.23rem
}

.select-style select,
.select-style select option {
    /* fix IE :@ */
    font-family: inherit !important;
}

.ltIE11 .select-style select,
.OtherUnknown .select-style select {
    padding: 5px !important;
    width: 100%;
    border: none;
    background: #fff;
    color: #3c3c3c;
    overflow: hidden;
}

.ltIE9 .select-style select {
    padding: inherit !important;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

.IE9 .select-style select,
.IE10 .select-style select {
    padding: inherit !important;
    height: 2.46em;
}

.select-style select:focus {
    max-width: 100% !important;
    outline: none !important;
}

.ltIE11 .select-style select:focus,
.OtherUnknown .select-style select:focus {
    /*width:auto;*/
    max-width: none;
}

.guideContextuel {
    float: right;
    position: relative;
    display: inline-block;
    vertical-align: baseline;
    margin: 0.5em 0 0.5em 1em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 13px;
    font-size: 1rem;
    font-weight: normal;
    color: #999;
}

.guideContextuel:hover {
    color: #ea7420;
}

.guideContextuel:before {
    display: inline-block;
    content: "?";
    font-size: 0;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin: 0 3px 0 0;
    background: url(../img/guideContextuel.png) 0 0 no-repeat;
    position: relative;
    top: -2px;
}

.guideContextuel:hover:before {
    background-position: 0 -25px;
}

.popinGuideContextuel .editorial h3 {
    margin: 0 0 1em 0;
}

/***************************** Fin général *******************************/

/***************************** Elements transversaux *******************************/
.boutonAction,
a.boutonImportant,
.resultatsRecherche .affinerRecherche .restaurerInitial,
.quickSearch_button,
.recherche .resetButton {
    display: inline-block;

    border: none;

    background-image: none;
    background: #4f4f4f;
    /* Old browsers */
    background: -moz-linear-gradient(top, #4f4f4f 0%, #3c3c3c 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4f4f4f), color-stop(100%, #3c3c3c));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4f4f4f 0%, #3c3c3c 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4f4f4f 0%, #3c3c3c 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #4f4f4f 0%, #3c3c3c 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #4f4f4f 0%, #3c3c3c 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f4f4f', endColorstr='#3c3c3c', GradientType=0);
    /* IE6-9 */
}

.boutonAction,
a.boutonImportant,
.resultatsRecherche .affinerRecherche .restaurerInitial,
.recherche .resetButton {
    padding: 8px 23px;
    margin: 2px 3px;
    color: #fff;
    font-weight: bold;
    font-size: 1em;
    /* 13px / 13px */
    line-height: 100%;
}

.recherche .resetButton {
    margin: 0;
    width: auto;
}

a.boutonImportant.gros {
    font-family: pt_sans, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 1.46153846153846em;
    /* 19px / 13px */

    -moz-box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.2);
    /*filter:progid:DXImageTransform.Microsoft.Shadow(color=rgba(0,0,0,0.2), Direction=236, Strength=2);*/
}

.boutonAction:hover,
a.boutonImportant:hover,
.resultatsRecherche .affinerRecherche .restaurerInitial:hover,
.quickSearch_button:hover,
.recherche .resetButton:hover {
    text-decoration: none;

    background: #3c3c3c;
    /* Old browsers */
    background: -moz-linear-gradient(top, #3c3c3c 0%, #4f4f4f 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3c3c3c), color-stop(100%, #4f4f4f));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3c3c3c 0%, #4f4f4f 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3c3c3c 0%, #4f4f4f 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3c3c3c 0%, #4f4f4f 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #3c3c3c 0%, #4f4f4f 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c', endColorstr='#4f4f4f', GradientType=0);
    /* IE6-9 */
}

.boutonAction.orange,
a.boutonImportant.orange,
.resultatsRecherche .affinerRecherche .affinerResultats,
.resultatsRecherche .container_colonneDroite .modifierRecherche,
.resultatsRecherche .container_colonneDroite .nouvelleRecherche,
.resultatsRecherche .container_colonneDroite .retourListe,
.resultatsRecherche .container_colonneDroite .retourAuxResultats,
.resultatsRecherche .container_colonneDroite .retourFiche,
.recherche .validButton,
.page404 .details_404 .bloc_details_404 #searchInput #searchInput_button,
.SlickQuiz .button,
.sondage .sv_complete_btn,
#mailInput_button,
#bloc_bdd .bbdd_button,
.popin-override .content .navigation-button-wrapper .boutonWrap>input {
    background: #ff8d3c;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ff8d3c 0%, #ea7420 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff8d3c), color-stop(100%, #ea7420));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ff8d3c 0%, #ea7420 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff8d3c 0%, #ea7420 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ff8d3c 0%, #ea7420 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ff8d3c 0%, #ea7420 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8d3c', endColorstr='#ea7420', GradientType=0);
    /* IE6-9 */
    /*filter:progid:DXImageTransform.Microsoft.Shadow(color=rgba(0,0,0,0.2), Direction=236, Strength=2);*/
}

.boutonAction.orange:hover,
a.boutonImportant.orange:hover,
.resultatsRecherche .affinerRecherche .affinerResultats:hover,
.resultatsRecherche .container_colonneDroite .modifierRecherche:hover,
.resultatsRecherche .container_colonneDroite .nouvelleRecherche:hover,
.resultatsRecherche .container_colonneDroite .retourListe:hover,
.resultatsRecherche .container_colonneDroite .retourAuxResultats:hover,
.resultatsRecherche .container_colonneDroite .retourFiche:hover,
.recherche .validButton:hover,
.page404 .details_404 .bloc_details_404 #searchInput #searchInput_button:hover,
.SlickQuiz .button:hover,
.sondage .sv_complete_btn:hover,
#mailInput_button:hover,
#bloc_bdd .bbdd_button:hover,
.popin-override .content .navigation-button-wrapper .boutonWrap>input:hover {
    background: #ea7420;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ea7420 0%, #ff8d3c 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ea7420), color-stop(100%, #ff8d3c));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ea7420 0%, #ff8d3c 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ea7420 0%, #ff8d3c 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ea7420 0%, #ff8d3c 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ea7420 0%, #ff8d3c 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea7420', endColorstr='#ff8d3c', GradientType=0);
    /* IE6-9 */
}

a.boutonImportant>span {
    display: inline-block;
    background: url(../img/fleche-lien-miseenavant.png) 0 50% no-repeat;
    padding: 0 0 0 12px;
}

.boutonAction:hover>span,
a.boutonImportant:hover>span {
    text-decoration: underline;
}

.boutonAction:disabled,
.boutonAction.disabled,
a.boutonImportant:disabled,
a.boutonImportant.disabled,
.resultatsRecherche .affinerRecherche .affinerResultats:disabled,
.resultatsRecherche .affinerRecherche .affinerResultats.disabled,
.resultatsRecherche .affinerRecherche .restaurerInitial:disabled,
.resultatsRecherche .affinerRecherche .restaurerInitial.disabled,
.recherche .validButton:disabled,
.recherche .validButton.disabled,
.recherche .resetButton:disabled,
.recherche .resetButton.disabled,

.boutonAction:hover:disabled,
.boutonAction:hover.disabled,
a.boutonImportant:hover:disabled,
a.boutonImportant:hover.disabled,
.resultatsRecherche .affinerRecherche .affinerResultats:hover:disabled,
.resultatsRecherche .affinerRecherche .affinerResultats:hover.disabled,
.resultatsRecherche .affinerRecherche .restaurerInitial:hover:disabled,
.resultatsRecherche .affinerRecherche .restaurerInitial:hover.disabled,
.recherche .validButton:hover:disabled,
.recherche .validButton:hover.disabled,
.recherche .resetButton:hover:disabled,
.recherche .resetButton:hover.disabled {
    background: #9d9d9d;
    /* Old browsers */
    background: -moz-linear-gradient(top, #9d9d9d 0%, #858585 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9d9d9d), color-stop(100%, #858585));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #9d9d9d 0%, #858585 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #9d9d9d 0%, #858585 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #9d9d9d 0%, #858585 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #9d9d9d 0%, #858585 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9d9d9d', endColorstr='#858585', GradientType=0);
    /* IE6-9 */

    text-decoration: none !important;

    cursor: default !important;

    color: #eee;
}

/* Spécial IE */
.IE .boutonAction.disabled,
.IE a.boutonImportant.disabled,
.IE .resultatsRecherche .affinerRecherche .affinerResultats.disabled,
.IE .resultatsRecherche .affinerRecherche .restaurerInitial.disabled,
.IE .recherche .validButton.disabled,
.IE .recherche .resetButton.disabled {
    background: #9d9d9d;
    /* Old browsers */
    background: -moz-linear-gradient(top, #9d9d9d 0%, #858585 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9d9d9d), color-stop(100%, #858585));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #9d9d9d 0%, #858585 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #9d9d9d 0%, #858585 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #9d9d9d 0%, #858585 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #9d9d9d 0%, #858585 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9d9d9d', endColorstr='#858585', GradientType=0);
    /* IE6-9 */

    text-decoration: none !important;

    cursor: default !important;
}


.repriseBoutonsActionsListe {
    margin-top: 30px !important;
    clear: both;
    display: block;
    text-align: center;
}

a.lienEditorial {
    color: #b0273e;
    font-weight: bold;
}

.lienSolitaire {
    display: block;
    margin: 1em 0;
}

.lienSolitaire>a {
    border-bottom: none;
    display: inline;
    font-weight: 700;
    font-size: 1.23rem;
    /* 16px */
    line-height: 1.4;
    text-decoration: underline;
    text-decoration-color: #e9631a;
    color: #161616;
    padding: unset;
}

@media screen and (min-width:767px) {
    .lienSolitaire a:hover {
        text-decoration: underline;
        color: #e9631a;
        border-bottom: none;
    }
}

div.zoneRetourSommaire {
    clear: both;
    margin: 1em;
    text-align: right;
}

a.boutonRetourSommaire {
    display: inline-block;
    position: relative;

    color: #ffffff !important;
    font-size: 12px;
    font-size: 0.9rem;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: bold;
    padding: 4px 32px 4px 12px;

    border: none;

    background: #b7b7b7;
    /* Old browsers */
    background: -moz-linear-gradient(top, #b7b7b7 0%, #798088 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b7b7b7), color-stop(100%, #798088));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b7b7b7 0%, #798088 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b7b7b7 0%, #798088 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b7b7b7 0%, #798088 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #b7b7b7 0%, #798088 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7b7b7', endColorstr='#798088', GradientType=0);
    /* IE6-9 */

    -moz-box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.2);
    /*filter:progid:DXImageTransform.Microsoft.Shadow(color=rgba(0,0,0,0.2), Direction=236, Strength=2);*/
}

a.boutonRetourSommaire:hover {
    background: #798088;
    /* Old browsers */
    background: -moz-linear-gradient(top, #798088 0%, #b7b7b7 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #798088), color-stop(100%, #b7b7b7));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #798088 0%, #b7b7b7 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #798088 0%, #b7b7b7 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #798088 0%, #b7b7b7 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #798088 0%, #b7b7b7 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#798088', endColorstr='#b7b7b7', GradientType=0);
    /* IE6-9 */
}

a.boutonRetourSommaire:after {
    position: absolute;
    bottom: 7px;
    right: 12px;
    display: inline-block;
    width: 11px;
    height: 7px;
    content: url("../img/fleche-btn-retour-sommaire.png");
}

span.refBiblio,
span.refBiblioPDF {
    display: inline-block;
    position: relative;
    vertical-align: top;

    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    letter-spacing: normal;
    word-spacing: normal;
    color: #F32F50;
    text-decoration: none;
}

span.refBiblio {
    cursor: pointer;
}

.listeOnglets .onglet.deplie>div.titre span.refBiblio,
.listeOnglets .onglet.deplie>div.titre span.refBiblioPDF {
    color: #e5e5e5;
}

.highlightedAnchor {
    background-color: rgba(234, 116, 32, 0.15);
}

.bluredBackground {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}

.tooltip_background {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    overflow: hidden;
    position: fixed;
}

.bluredBackground.dark {
    background: rgba(0, 0, 0, 0.8);
}

.IE .bluredBackground.dark {
    background: url("../img/bg-black-opacity-80.png");
}

.bluredBackground.transparent {
    background: transparent;
}

.IE .bluredBackground.transparent {
    background: url("../img/bg-white-opacity-0.png");
}

.bluredBackground.clickable {
    /*  cursor:pointer; */
}

ul.radios {
    display: block;
    line-height: 1.2em;
}

ul.radios>li {
    display: table;
    margin: 0 0 0.6em 0;
}

ul.radios>li>* {
    display: table-cell;
    vertical-align: baseline;
    margin: 0;
}

ul.radios>li>label {
    padding-left: 0.3em;
}

ul.radios>li>.cb>input {
    position: relative;
    top: 1px;
}

/* --- Liste à puces (hors contenu éditorial) --- */
ul.bullets {
    display: block;
}

ul.bullets>li {
    font-family: 'brother-1816', sans-serif;
    font-weight: 350;
    font-size: 1.4rem;
    line-height: 100%;
    margin-bottom: 20px;
    padding-left: 18px;
    position: relative;
}


/* --- Liste tabulée --- */
ul.listeTabulee {
    display: table;
    margin: 0;
    line-height: 1.25em;
    width: 100%;
    font-family: 'brother-1816', sans-serif
}

ul.listeTabulee>li {
    display: table-row;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    line-height: inherit !important;
}

ul.listeTabulee>li>.entree,
ul.listeTabulee>li>.details {
    display: table-cell;
    vertical-align: baseline;
    padding: 0.5em 0;
}

ul.listeTabulee>li>.details {
    padding-left: 10px;
    color: #000000;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 100%;
}

.IE8 ul.listeTabulee>li>.entree,
.IE8 ul.listeTabulee>li>.details {
    vertical-align: top;
}

ul.listeTabulee>li>.entree {
    width: 50%;
    color: #161616;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 100%;
}

ul.listeTabulee>li>.entree>span {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #000000;

    padding-right: 0.5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

ul.listeTabulee>li>.entree>span>span {
    display: inline;
    background: #fff;

    font-weight: bold;
    font-size: 1em;
}

.tableau tbody tr:nth-child(even) ul.listeTabulee>li>.entree>span>span {
    background: #f2f2f2;
}

.tableau.whiteRows tbody tr:nth-child(even) ul.listeTabulee>li>.entree>span>span {
    background: #fff;
}

.tableau tbody tr:hover ul.listeTabulee>li>.entree>span>span {
    background: #E6EFF5;
}

/* dégradés (overflow gradient) sur les bordures des tableaux scrollables */
.ogWrapper {
    position: relative;
}

.ogWrapper .ogLeft,
.ogWrapper .ogRight {
    display: inline-block;
    position: absolute;
    top: 0;
    width: 32px;
    z-index: 100000;
    background-repeat: no-repeat;
}

.ogWrapper .ogLeft {
    left: 0;
    background-image: url("../img/fondu-horiz-tableau-gauche.png");
}

.ogWrapper .ogRight {
    right: 0;
    background-image: url("../img/fondu-horiz-tableau-droite.png");
}



ul.listeTabulee>li>.entree>span>span:after {
    display: inline;
    content: "\00a0\00a0";
    /* espaces insécables */
}

ul.listeTabulee>li>.entree>span>span,
ul.listeTabulee>li>.details>span {
    position: relative;
    top: 0.25em;
}

.ltIE9 ul.listeTabulee>li>.entree>span>span,
.ltIE9 ul.listeTabulee>li>.details>span {
    top: 0.15em;
}

ul.listeTabulee>li>.details a:hover {
   color: var(--color-orange-inrs);
}

ul.listeTabulee>li>.details a {
    border-bottom: none;
    display: inline;
    font-family: 'brother-1816', sans-serif;
    font-weight: 700;
    font-size: 1.23rem;
    line-height: 1.4;
    text-decoration: underline;
    text-decoration-color: #e9631a;
    text-decoration-thickness: 2px;
}

ul.listeTabulee>li>.details ul.bullets {
    list-style-type: disc;
    margin: 0 0 0 18px;
}

.IE9 ul.listeTabulee>li>.details ul.bullets,
.IE10 ul.listeTabulee>li>.details ul.bullets,
.IE11 ul.listeTabulee>li>.details ul.bullets {
    margin-top: -1em;
}

.IE10 ul.listeTabulee>li.large>.details ul.bullets,
.IE11 ul.listeTabulee>li.large>.details ul.bullets {
    margin-top: 0;
}

ul.listeTabulee>li>.details ul.bullets>li {
    margin: 0 0 0.25em 0;
    padding: 0;
    background: none;
}

ul.listeTabulee>li>.details ul.bullets>li:before {
    content: none;
    display: none;
}

ul.listeTabulee>li>.details ul.forceInline {
    list-style-type: none;
    margin: 0;
}

ul.listeTabulee>li>.details ul.forceInline>li {
    display: inline;
    margin: 0;
}

ul.listeTabulee>li>.details ul.forceInline>li * {
    display: inline;
    margin: 0;
}

ul.listeTabulee>li>.details ul.forceInline.avecSeparateur {
    font-size: 0;
}

ul.listeTabulee>li>.details ul.forceInline.avecSeparateur>li {
    font-size: 13px;
    font-size: 1rem;
}

ul.listeTabulee>li>.details ul.forceInline.avecSeparateur>li:before {
    display: inline;
    content: "\00a0; ";
}

ul.listeTabulee>li>.details ul.forceInline.avecSeparateur>li:first-child:before {
    display: none;
}



/* Liste tabulée large */
ul.listeTabulee.large {
    display: block;
    width: 100%;
}

ul.listeTabulee.large>li {
    display: block;
}

ul.listeTabulee.large>li>.entree {
    display: block;
    padding: 0.5em 0 0 0;
}

ul.listeTabulee.large>li>.details {
    display: block;
    padding: 0;
    margin: 0.5em 0;
    width: 100%;
}

ul.listeTabulee.large>li>.entree {
    width: 100%;
}

ul.listeTabulee.large>li>.entree>span {
    display: inline;
    width: auto;
    border-bottom: none;
}

ul.listeTabulee.large>li>.entree>span>span:after {
    content: "\00a0:\00a0";
    /* espaces insécables */
}

ul.listeTabulee.large>li>.details>span {
    display: block;
    padding: 0 0 0 40px;
}


.IE8 .responsiveListeTabulee>table>tbody>tr>td.last-child {
    padding: 0 !important;
}

.IE8 .responsiveListeTabulee ul.listeTabulee {
    margin: 11px 0 10px 0;
}

.IE8 .responsiveListeTabulee ul.listeTabulee>li>.entree,
.IE8 .responsiveListeTabulee ul.listeTabulee>li>.details {
    width: auto;
    padding: 4px 13px;
    border-top: 1px solid #ccc;
}

.IE8 .responsiveListeTabulee ul.listeTabulee>li.first-child>.entree,
.IE8 .responsiveListeTabulee ul.listeTabulee>li.first-child>.details {
    border-top: none;
}

.IE8 .responsiveListeTabulee ul.listeTabulee>li>.entree>span {
    display: inline;
    width: auto;
    border: none;
    padding: 0;
    background: transparent;
}

.IE8 .responsiveListeTabulee ul.listeTabulee>li>.entree>span>span {
    position: static;
    top: 0;
    font-weight: normal;
    background: transparent;
}

.IE8 .responsiveListeTabulee ul.listeTabulee>li>.details>span {
    position: static;
    top: 0;
    font-weight: bold;
    background: transparent;
}

/* Largeur supérieure 480px */
@media (min-width:481px) {
    .responsiveListeTabulee>table>tbody>tr>td:last-child {
        padding: 0 !important;
    }

    .responsiveListeTabulee ul.listeTabulee {
        margin: 11px 0 10px 0;
    }

    .responsiveListeTabulee ul.listeTabulee>li>.entree,
    .responsiveListeTabulee ul.listeTabulee>li>.details {
        width: auto;
        padding: 4px 13px;
        border-top: 1px solid #ccc;
    }

    .responsiveListeTabulee ul.listeTabulee>li>.entree {
        width: 33%;
    }

    .responsiveListeTabulee ul.listeTabulee>li:first-child>.entree,
    .responsiveListeTabulee ul.listeTabulee>li:first-child>.details {
        border-top: none;
    }

    .responsiveListeTabulee ul.listeTabulee>li>.entree>span {
        display: inline;
        width: auto;
        border: none;
        padding: 0;
        background: transparent;
    }

    .responsiveListeTabulee ul.listeTabulee>li>.entree>span>span {
        position: static;
        top: 0;
        font-weight: normal;
        background: transparent;
    }

    .responsiveListeTabulee ul.listeTabulee>li>.details>span {
        position: static;
        top: 0;
        font-weight: bold;
        background: transparent;
    }
}

/* Largeur <= 480px */
@media (max-width:480px) {
    .tableau.responsiveListeTabulee tbody tr:nth-child(odd) {
        background-color: transparent !important;
    }

    .tableau.responsiveListeTabulee tbody tr.odd {
        background-color: transparent !important;
    }

    .tableau.responsiveListeTabulee tbody tr:nth-child(even) {
        background-color: #f2f2f2 !important;
    }

    .tableau.responsiveListeTabulee tbody tr.even {
        background-color: #f2f2f2 !important;
    }

    .responsiveListeTabulee tbody tr:hover ul.listeTabulee>li>.entree>span>span {
        background: transparent !important;
    }

    /*
    .responsiveListeTabulee > table,
    .responsiveListeTabulee > table > tbody,
    .responsiveListeTabulee > table > tbody > tr,
    .responsiveListeTabulee > table > tbody > tr:hover {
        border:none !important;
        background: transparent !important;
        display: block !important;
    }
    .responsiveListeTabulee > table > thead {
        display: none;
    }
    .responsiveListeTabulee > table > tbody > tr {
        border-bottom:1px solid #777 !important;
        padding:10px 0;
    }
    .responsiveListeTabulee > table > tbody > tr:last-child {
        border-bottom: none !important;
    }
    .responsiveListeTabulee > table > tbody > tr > td{
        display: block !important;
        padding:0 !important;
        border:none !important;
    }
    .responsiveListeTabulee > table > tbody > tr > td:first-child {
        font-weight: bold !important;
        font-size:1.1em !important;
    }
    .responsiveListeTabulee > table > tbody > tr > td:last-child {
        padding-left:20px !important;
    }
    .responsiveListeTabulee ul.listeTabulee > li > .entree > span > span {
        background: transparent !important;
    }
    */
}



/* --- Liste tabulée --- */
ul.listeNonTabulee {
    display: table;
    margin: 0;
    line-height: 1.25em;
    width: auto;
}

ul.listeNonTabulee>li {
    display: block;
    font-size: 0;
    padding: 7px 0 5px 0 !important;
    margin: 0 !important;
    background: none !important;
    line-height: inherit !important;
}

ul.listeNonTabulee>li>.entree,
ul.listeNonTabulee>li>.details {
    display: inline-block;
    vertical-align: bottom;
    font-size: 13px;
}

ul.listeNonTabulee>li>.details {}

.IE8 ul.listeNonTabulee>li>.entree,
.IE8 ul.listeNonTabulee>li>.details {
    vertical-align: top;
}

ul.listeNonTabulee>li.large>.details {
    display: block;
}

ul.listeNonTabulee>li>.entree {
    margin-bottom: 2px;
}

ul.listeNonTabulee>li>.entree>span {}

ul.listeNonTabulee>li>.entree>span>span {
    display: inline;
    font-weight: bold;
    font-size: 1em;
    margin-right: 0.5em;
}

ul.listeNonTabulee>li>.entree>span>span:after {
    display: inline;
    content: "\00a0:";
}

ul.listeNonTabulee>li>.details a {
	color: var(--color-charcoal) !important;
	text-decoration: underline;
	text-decoration-color: var(--color-orange);
	text-decoration-thickness: 2px;
	font-weight: 700;
}

ul.listeNonTabulee>li>.details a:hover {
	cursor: pointer;
	color: var(--color-orange) !important;
}

ul.listeNonTabulee>li>.details ul.bullets {
    list-style-type: none;
    margin: 0;
}

ul.listeNonTabulee>li>.details ul.bullets>li {
    vertical-align: top;
    margin: 0 0 0.25em 0;
}

/*
ul.listeNonTabulee > li > .details ul.bullets > li:first-child:last-child {
    list-style-type: none;
    background: none;
    margin-left:-18px;
}
*/
ul.listeNonTabulee>li>.details ul.forceInline {
    list-style-type: none;
    margin: 0;
}

ul.listeNonTabulee>li>.details ul.forceInline>li {
    display: inline;
    background: none;
    padding: 0;
    margin: 0;
}

/*
ul.listeNonTabulee > li > .details ul.bullets.forceInline > li:first-child:last-child {
    margin-left: 0;
}
*/
ul.listeNonTabulee>li>.details ul.forceInline>li * {
    display: inline;
    margin: 0;
}

ul.listeNonTabulee>li>.details ul.forceInline.avecSeparateur {
    font-size: 0;
    display: inline-flex;
}

ul.listeNonTabulee>li>.details ul.forceInline.avecSeparateur>li {
    font-size: 13px;
    font-size: 1rem;
}

ul.listeNonTabulee>li>.details ul.forceInline.avecSeparateur>li:before {
    display: inline;
    content: "\00a0; ";
}

ul.listeNonTabulee>li>.details ul.forceInline.avecSeparateur>li:first-child:before {
    display: none;
}



/* --- Liste de formulaires multiples --- */
ul.multipleForms {
    display: block !important;
}

ul.multipleForms>li {
    padding: 0 0 0.5em 0;
    margin: 0 0 1.5em 0;
    /*border-left:2px solid #999;*/
    display: block !important;
}

ul.multipleForms>li:first-child {}

ul.multipleForms>li>h3:first-child,
ul.multipleForms>li>h4:first-child,
ul.multipleForms>li>h5:first-child,
ul.multipleForms>li>h6:first-child {
    margin-top: 0;
}

.invisible {
    display: none;
}

.infoDev {
    display: none;
    padding: 2px;
    margin: 2px;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    text-align: left;
    border: 1px dotted green;
    background: #dfd;
    color: #050;
    word-wrap: break-word;
}

.infoDev a {
    text-decoration: underline;
}

.warning {
    display: none;
    padding: 4px;
    margin: 4px;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
    border: 1px dashed red;
    background: #fdd;
}

.warning a {
    text-decoration: underline;
}

/***************************** Fin élements transversaux *******************************/

/***************************** Header ************************************/
/* Par défaut version bureau  on masque les éléments spécifique liés à la version mobile */
/* ces éléments sont rendus visibles via les media queries. */
#slogan {
    font-size: 24px;
    font-weight: 600;
    color: rgb(76, 76, 80);
}

@media (min-width: 1141px) {
	.display-large-screens{
		display: block;
	}

	.display-small-screens{
		display: none;
	}

	.logoINRS > img.display-large-screens{
		width: 166px;
		height: auto;
	}
	.logoINRS{
		display: flex;
		width: 100% !important;
	}
}
@media (max-width: 1140px) {

	.display-large-screens{
		display: none;
	}

	.logoINRS > img.display-small-screens{
		width: 110px;
		height: auto;
	}

	.display-small-screens{
		display: block;
	}
}

.bandeauMilieu {
    padding-left: 30px;
}
@media (min-width: 1141px) {
	.bandeauMilieu {
		max-width: 1320px;
		margin: auto;
		padding: 0 30px;
	}
}

.header .bandeauHaut .bouton.fermer,
.header .bandeauMilieu .menuResponsive,
.header .bandeauMilieu .fctTransverses {
    display: none;
}

.bandeauHaut {
    padding: 0;
    font-size: 0;
    background-color: #3c3c3c;
}

.ltIE9 .bandeauHaut {
    /* alternative au font-size:0 */
    font-family: AdobeBlank;
    font-size: 1em;
}

.bandeauHaut {
    min-height: 25px;
}

.bandeauHaut a {
    color: white;
    font-size: 1rem;
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
}

.ltIE9 .bandeauHaut a {
    /* alternative aux tailles "rem" */
    font-size: 1em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.desktop li.drapeaux {
    font-size: 0 !important;
    padding: 0 !important;
    height: 100%;
}

.desktop li.drapeaux a {
    background: url(../img/drapeau-glow.png) no-repeat 50% 50%;
    font-size: 0;
    width: 36px;
    height: 24px;
    overflow: hidden;
    position: relative;
    border-right: none !important;
    padding: 0 !important;
    margin: 0 10px 0 15px !important;
    text-decoration: none !important;
}

.ltIE9 .desktop li.drapeaux a {
    /* alternative au font-size:0 */
    font-family: AdobeBlank;
    font-size: 1em;
}

.desktop li.drapeaux a:after {
    display: inline-block;
    content: "\00a0";
    /* espace insécable */
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6.5px 0 0 -9px;
    width: 18px;
    height: 13px;
    font-size: 0;
}

.ltIE9 .desktop li.drapeaux a:after {
    /* alternative au font-size:0 */
    font-family: AdobeBlank;
    font-size: 1em;
}

.desktop .drapeaux a.en:after {
    background: url(../img/drapeau-en.png) 0 0 no-repeat;
}

.desktop .drapeaux a.fr:after {
    background: url(../img/drapeau-fr.png) 0 0 no-repeat;
}

.desktop .drapeaux a.inactif {
    opacity: 0.4;
    filter: alpha(opacity=40);
    /* pour <= IE8 */
}

.desktop li.drapeaux_droite {
    display: inline-block !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
}

.desktop li.drapeaux_droite a.fr {
    position: relative;
    top: -5px;
}

.desktop li.drapeaux_droite a.fr:before {
    content: " ";
    display: inline-block;
    background: url(../img/drapeau-fr-glow.png) 0 0 no-repeat;
    width: 36px;
    height: 25px;
    font-size: 0;
    vertical-align: middle;
}

.bandeauHaut .maSelection {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 20px;
    vertical-align: top;
    padding: 4px 20px 0 43px;
    margin: 0 0 0 25px;
    min-height: 21px;
    height: 1em;
    font-weight: bold;
    line-height: 130%;
    background: url(../img/icone-maselection.png) 10px 50% no-repeat;
    background-color: #787f86;
}

.Safari .bandeauHaut .maSelection,
.ltIE9 .bandeauHaut .maSelection {
    min-height: 21px;
}

@media screen and (max-width:900px) {
    .foreign.en #bandeauSite:after {
        right: 10px;
    }
}

@media screen and (max-width:480px) {
    .foreign.en #bandeauSite {
        text-align: center;
    }

    .foreign.en #bandeauSite:after {
        display: none;
    }
}

#cboxPrintContent #bandeauSite {
    width: 100%;
    top: 0;
    left: 0;
    text-align: left;
    margin: 0 0 1em 0;
}

#cboxPrintContent .cboxPhoto {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    float: none !important;
    margin: 0 !important;
}

#cboxPrintContent #cboxTitle {
    float: none !important;
    clear: both !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    bottom: auto !important;
    margin: 0 !important;
}

#bandeauSite h1 {
    display: none;
}

#bandeauSite a {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px 20px;
}

#bandeauSite .titre {
    vertical-align: top;
    display: inline-block;
    font-weight: bold;
    font-size: 24px;
}
@media (max-width:750px) {
    #bandeauSite .titre {
        max-width: 200px;
    }
}

.foreign.en #bandeauSite .titre {
    max-width: 16em;
    top: 14px;
    margin-bottom: 15px;
}

.ltIE9 #desktopQuickSearch {
    position: absolute;
    right: 20px;
    top: 0;
}

.bandeauMilieu aside {
    /* FIXME pas compatible IE<11 */
    position: relative;
}

#quickSearchForm {
    padding: 0 0 0 40px;
    height: 32px;

    background-color: #dedede;

    /* valeurs par défaut pour design desktop*/
    position: absolute;
    top: 38px;
    right: 20px;
    display: inline-block;
}

#quickSearchForm:before {
    content: "\00a0";
    /* espace insécable */
    font-size: 0;
    position: absolute;
    top: 5px;
    left: 11px;
    width: 19px;
    height: 20px;
    background: url(../img/pictos-header.png) 0 -50px no-repeat;
}

.ltIE9 #quickSearchForm {
    position: relative;
    float: right;
    right: auto;
}

.quickSearch_keywords {
    height: 20px;
    /* valeur par défaut pour design desktop */
    width: 157px;
    padding: 6px 6px 6px 3px;
    background-color: transparent;
    border: 0;
}

.quickSearch_keywords.bluredAndEmpty {
    background: url(../img/recherche-texte.png) 2px 50% no-repeat;
}

.ltIE9 .quickSearch_keywords.bluredAndEmpty {
    background-position: 2px 7px;
}

.quickSearch_button {
    border: 0;
    margin: 0;
    font-size: 1.076923076923077em;
    /* 14px / 13px */
    font-weight: bold;
    color: white;
    height: 100%;
    padding: 0 5px;
    line-height: 24px;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

#header .quickSearch_button:hover {
    cursor: pointer;
    text-decoration: underline;
}

#desktopNavHorizontale {
    display: none;
}

@media screen and (min-width: 1141px) {
    #desktopNavHorizontale {
        display: block;
        max-width: 1320px;
        padding: 0 30px;
        margin: 30px auto;
    }
}


#navHorizontale {
    display: flex;
    justify-content: space-between;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    font-size: 0;
}

.ltIE9 #navHorizontale {
    /* alternative au font-size:0 */
    font-family: AdobeBlank;
    font-size: 1em;
}

.foreign.en #navHorizontale {
    padding-top: 40px;
}

.desktop #navHorizontale {
    z-index: 1;
}

#navHorizontale>li.sel,
#navHorizontale>li.opened {
    position: relative;
    left: -1px;
    /*margin:0 1px 0 -1px;*/
}

#navHorizontale>li.sel {
    background: #3c3c3c;
}

#navHorizontale>li.opened {
    background: #ea7420 !important;
}

#navHorizontale>li.sel>a,
#navHorizontale>li.opened>a {
    border: none;
    color: #fff;
    padding-left: 7px;
}

#navHorizontale>li>a {
    display: inline-block;
    font-style: normal;
    font-size: 16px;
    font-weight: 800;
    color: #3c3c3c;
    position: relative;
    white-space: nowrap;
}
#navHorizontale>li>a h3 {
    display: inline;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
    text-transform: inherit;
}
@media screen and (1280px < width <= 1320px) {
    #navHorizontale>li>a {
        font-size: 15px;
    }
}
@media screen and (1220px < width <= 1280px) {
    #navHorizontale>li>a {
        font-size: 14px;
    }
}
@media screen and (1140px < width <= 1220px) {
    #navHorizontale>li>a {
        font-size: 13px;
    }
}

/* Ajout du style pour la flèche orange */
#navHorizontale>li>a:after {
    content: "";
    display: inline-block;
    width: 8px;
    /* Ajustez selon la taille de votre SVG */
    height: 12px;
    /* Ajustez selon la taille de votre SVG */
    background-image: url('../img/fleche-menu.svg');
    /* Chemin vers votre SVG */
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 3px;
    /* Espace entre le texte et la flèche */
    margin-bottom: 4px;
    vertical-align: middle;
}

.foreign.en #navHorizontale>li:first-child>a {
    padding-left: 0;
}

.no-js #navHorizontale>li>a,
#navHorizontale>li:last-child>a {
    border-right: 0;
}

#navHorizontale>li.last-child>a {
    /* IE 8 - ne pas concaténer au style précédent */
    border-right: 0;
}

#navHorizontale>li:hover>a {
    text-decoration: underline;
}

#header .megaMenu {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: #e5e5e5;
    z-index: 11000;
    width: 100%;
}

.no-js #header .megaMenu {
    display: block !important;
    position: relative;
}

#header .megaMenu.visible {}

#header .megaMenu:after {
    display: block;
    font-size: 0;
    content: "\00a0";
    /* espace insécable */
    width: 100%;
    height: 9px;
    background: url(../img/megaMenu/mega-bg.png) repeat-x 0 0;
    position: absolute;
    bottom: -9px;
}

.ltIE9 #header .megaMenu:after {
    /* alternative au font-size:0 */
    font-family: AdobeBlank;
    font-size: 1em;
}

#header .megaMenu>.titreMM {
    background: url(../img/megaMenu/mega-bg.png) repeat-x 0 -20px #ea7420;
    margin: 0 0 30px 0;
    position: relative;
}

#header .megaMenu.lienMultiple>.titreMM {
    background: url(../img/megaMenu/mega-bg-dark.png) repeat-x 0 -20px #3c3c3c;
}

#header .megaMenu>.titreMM>.wrapper>p {
    font-family: pt_sans, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 1.69230769230769em;
    /* 22px / 13px */

    color: #fff;

    padding: 26px 0 18px 0;
    position: relative;
}


#header .megaMenu>.titreMM>.wrapper>p:after {
    display: block;
    font-size: 0;
    content: "\00a0";
    /* espace insécable */
    width: 19px;
    height: 6px;
    background: url(../img/megaMenu/mega-bg.png) no-repeat 0 -10px;
    position: absolute;
    bottom: -6px;
    left: 24px;
}

.ltIE9 #header .megaMenu>.titreMM>.wrapper>p:after {
    /* alternative au font-size:0 */
    font-family: AdobeBlank;
    font-size: 1em;
}

#header .megaMenu.lienMultiple>.titreMM>.wrapper>p:after {
    background: url(../img/megaMenu/mega-bg-dark.png) no-repeat 0 -10px;
}

.megaMenu>.contentMM>.wrapper {
    margin-bottom: 10px;
}

.no-js .megaMenu>.contentMM>.wrapper {
    padding-bottom: 10px;
}

.megaMenu>.contentMM>.wrapper>.accrocheMM {
    display: table-row;
}

.megaMenu>.contentMM>.wrapper>.accrocheMM>p {
    display: table-cell;
    font-size: 1.076923076923077em;
    /* 14px / 13px */
    line-height: 1.28571428571429em;
    /* 18px / 14px */
    color: #000;
    vertical-align: top;
}

#ctnPlanSite .megaMenu>.contentMM>.wrapper>.accrocheMM>p {
    display: none;
}

.megaMenu>.contentMM>.wrapper>.accrocheMM>.lienPrincipal,
.megaMenu>.contentMM>.wrapper>.accrocheMM>.lienSecondaire {
    display: table-cell;
    vertical-align: top;
    padding-left: 3em;
}

.megaMenu>.contentMM>.wrapper>.accrocheMM>.lienPrincipal>a>span,
.megaMenu>.contentMM>.wrapper>.accrocheMM>.lienSecondaire>a>span {
    white-space: nowrap;
}

.megaMenu>.contentMM>.wrapper>ul {
    display: block;
    font-size: 0;

    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;

    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;

    vertical-align: top;
}

.megaMenu>.contentMM>.wrapper>ul>li>ul {
    padding-left: 5%;
    padding-top: 3%;
}

@media screen and (max-width: 768px) {
    .entete-master {
        margin-top: 0px !important;
    }
}

.ltIE9 .megaMenu>.contentMM>.wrapper>ul {
    /* alternative aux tailles "rem" */
    font-family: AdobeBlank;

    -webkit-column-gap: 2em;
    -moz-column-gap: 2em;
    column-gap: 2em;

    font-size: 1em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}


.megaMenu>.contentMM>.wrapper>ul>li {
    display: block;
    position: relative;
    padding: 0 0 0 0.7692307692307692em;
    margin-bottom: 1.4em;

    -webkit-break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
    -moz-break-inside: avoid-column;
    break-inside: avoid-column;
    page-break-inside: avoid;

    font-size: 1rem;
}

.megaMenu>.contentMM>.wrapper>ul>li.btnRetour {
    cursor: pointer;
    font-size: 0.8rem;
}

.ltIE9 .megaMenu>.contentMM>.wrapper>ul>li {
    /* alternative aux tailles "rem" */
    font-size: 1em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.megaMenu>.contentMM>.wrapper>ul>li.btnLienPrincipal {
    padding-left: 0;
}

.megaMenu>.contentMM>.wrapper>ul>li.btnLienSecondaire {
    padding-left: 0;
}

.megaMenu>.contentMM:not(.lightDisplay)>.wrapper>ul>li>a:before,
.megaMenu>.contentMM:not(.lightDisplay)>.wrapper>ul>li>span:before,
.megaMenu>.contentMM.lightDisplay>.wrapper>ul>li.subLinksContainer>a:before,
.megaMenu>.contentMM.lightDisplay>.wrapper>ul>li.subLinksContainer>span:before,
.megaMenu>.contentMM.lightDisplay>.wrapper>ul>li.btnRetour>span:before,
.planSite #plan .lienPrincipal>a:before,
.planSite #plan .lienSecondaire>a:before {
    display: inline-block;
    content: ">";
    font-size: 0;
    width: 4px;
    height: 6px;
    background: url("../img/megaMenu/puceMM.png") no-repeat 0 0;
    position: absolute;
    top: 6px;
    left: 0;
}

.megaMenu>.contentMM.lightDisplay>.wrapper>ul>li.generated>span:before,
.megaMenu>.contentMM.lightDisplay>.wrapper>ul>li.subLinksContainer>a:before {
    background: none;
    display: none;
}

.megaMenu>.contentMM.lightDisplay>.wrapper>ul>li.subLinksContainer>span {
    cursor: pointer;
}

.megaMenu>.contentMM.lightDisplay>.wrapper>ul>li.btnRetour>span:before {
    content: "<";
    top: 4px;
    background: url("../img/megaMenu/puceMMB.png") no-repeat 0 0;
}

.megaMenu>.contentMM>.wrapper>ul>li>a,
.megaMenu>.contentMM>.wrapper>ul>li>span,
.planSite #plan .lienPrincipal>a,
.planSite #plan .lienSecondaire>a {
    font-family: pt_sans, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 1.461538461538462em;
    /* 19px / 13px */
    line-height: 100%;
    padding: 0;
    color: #3c3c3c;

    background: none;
    filter: none;

    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    display: block;
    margin-bottom: 0.4736842105263158em;
    /* 9px / 19px */
}

.planSite #plan .lienPrincipal,
.planSite #plan .lienSecondaire {
    display: block;
    padding-left: 0;
    position: relative;
}

.planSite #plan .lienPrincipal>a,
.planSite #plan .lienSecondaire>a {
    margin: 0 0 0 10px;
}

.planSite #plan .lienPrincipal>a>span,
.planSite #plan .lienSecondaire>a>span {
    padding: 0 0 0 0;
}

.megaMenu>.contentMM>.wrapper>ul>li>ul {
    display: block;
    font-size: 0;
    margin-top: 0.6923076923076923em;
    /* 9px / 13px */

    -webkit-break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
    -moz-break-inside: avoid-column;
    break-inside: avoid-column;
    page-break-inside: avoid
}

.ltIE9 .megaMenu>.contentMM>.wrapper>ul>li>ul {
    /* alternative au font-size:0 */
    font-family: AdobeBlank;
    font-size: 1em;
}



.megaMenu>.contentMM>.wrapper>ul>li>ul>li {
    display: block;
    margin-bottom: 0.6923076923076923rem;
    /* 9px / 13px */
}

.ltIE9 .megaMenu>.contentMM>.wrapper>ul>li>ul>li {
    /* alternative aux tailles "rem" */
    font-size: 1em;
    margin-bottom: 0.6923076923076923em;
    /* 9px / 13px */
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.megaMenu>.contentMM>.wrapper>ul>li>ul.concis>li {
    display: inline;
}

.megaMenu>.contentMM>.wrapper>ul>li>ul.concis>li>.separator,
.megaMenu>.contentMM>.wrapper>ul>li>ul>li>a {
    font-size: 1.23rem;
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-weight: normal;
    font-style: normal;
    line-height: 123.0769230769231%;
    /* 16px / 13px */
    color: #3c3c3c;
}

.ltIE9 .megaMenu>.contentMM>.wrapper>ul>li>ul.concis>li>.separator,
.ltIE9 .megaMenu>.contentMM>.wrapper>ul>li>ul>li>a {
    /* alternative aux tailles "rem" */
    font-size: 1em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}


.megaMenu>.contentMM div.footerMM {
    border-top: 1px solid #909090;
    margin: 25px 0 0 0;
    padding: 10px 0 0 0;
    text-align: right;
}

.megaMenu>.contentMM div.footerMM a.fermer {
    display: inline-block;
    color: #3c3c3c;
    vertical-align: baseline;
}

.megaMenu>.contentMM div.footerMM a.fermer:before {
    display: inline-block;
    content: 'x';
    font-size: 1.202em;
    margin: 0 0.5em 0 0;
}

.no-js .megaMenu>.contentMM>.wrapper>ul>li>ul.concis>li:after {
    content: ", ";
}

.no-js .megaMenu>.contentMM>.wrapper>ul>li>ul.concis>li:last-child:after {
    content: "";
}

.ltIE9 #pisteNavigation {
    /* alternative au font-size:0 */
    font-family: AdobeBlank;
    font-size: 1em;
}


#pisteNavigation li {
    display: inline;
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-size: 0.9230769230769231rem;
    /* 12px / 13px */
    color: #757575;
}

.ltIE9 #pisteNavigation li {
    /* alternative aux tailles "rem" */
    font-size: 0.9230769230769231em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

/* Garder le premier element aligné verticalement avec les autres elements de la page */
#pisteNavigation li>a {
    color: #161616;
    font-family: 'brother-1816', sans-serif;
    font-weight: 400;
    line-height: 100%;
    font-size: 14px;
    text-decoration: none;
}

#pisteNavigation li>span {
    margin: 0 0.5em 0 0;
    color: #161616;
    font-family: 'brother-1816', sans-serif;
    font-weight: 800;
    line-height: 100%;
    font-size: 14px;
    text-decoration: none;
}

#pisteNavigation li>a:hover>span {
    text-decoration: underline;
    cursor: pointer;
}

#pisteNavigation li.sel>span {
    font-weight: 700;
    font-size: 1.08rem;
}

#pisteNavigation li:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 12px;
    background-image: url(../img/fleche-menu.svg);
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 5px 4px;
    vertical-align: middle;
}

.ltIE9 #pisteNavigation li:after {
    /* alternative aux tailles "rem" */
    font-size: 0.9230769230769231em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#pisteNavigation li.sel:after {
    content: none;
    display: none;
}

ul#boutonTransverseIntermediaire {
    display: none;
    position: absolute;
    right: 4px;
    top: 4px;
}

ul#boutonTransverseIntermediaire .bouton.transverse a:before {
    content: "\00a0";
    /* espace insécable */
    font-size: 0;
    position: absolute;
    top: 8px;
    left: 17px;
    width: 7px;
    height: 25px;
    background: url(../img/pictos-header.png) 0 0 no-repeat;
}

/***************************** Fin header ********************************/

/***************************** Header mobile *************************/
.bouton {
    display: inline-block;
    width: 41px;
    height: 41px;

    background: rgb(239, 239, 239);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(239, 239, 239, 1) 0%, rgba(217, 217, 217, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(239, 239, 239, 1)), color-stop(100%, rgba(217, 217, 217, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(239, 239, 239, 1) 0%, rgba(217, 217, 217, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(239, 239, 239, 1) 0%, rgba(217, 217, 217, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(239, 239, 239, 1) 0%, rgba(217, 217, 217, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(239, 239, 239, 1) 0%, rgba(217, 217, 217, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#d9d9d9', GradientType=0);
    /* IE6-9 */
}

.bouton:hover,
.bouton.actif {
    background: rgb(217, 217, 217);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(217, 217, 217, 1) 0%, rgba(239, 239, 239, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(217, 217, 217, 1)), color-stop(100%, rgba(239, 239, 239, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(217, 217, 217, 1) 0%, rgba(239, 239, 239, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(217, 217, 217, 1) 0%, rgba(239, 239, 239, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(217, 217, 217, 1) 0%, rgba(239, 239, 239, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(217, 217, 217, 1) 0%, rgba(239, 239, 239, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9d9d9', endColorstr='#efefef', GradientType=0);
    /* IE6-9 */
}

.bouton a {
    display: inline-block;
    width: 100%;
    height: 100%;
}


/***************************** Header mobile *************************/

/***************************** Page editoriale ***************************/
.dossier h2#titrePage{
    text-align: unset;
    font-size:  2.615rem;
    margin-top: unset !important;
}

@media (max-width: 768px) {
    .dossier h2#titrePage{
        font-size: 2.461rem;
    }
}

h2#titrePage,
h1#titrePage {
    font-weight: 900;
    font-style: normal;
    font-size: 3.07rem;
    /*40px*/
    line-height: 100%;
    color: var(--color-charcoal);
    padding-top: 0px;

    /*overflow-wrap: anywhere;*/
    word-wrap: break-word;
    word-break: break-word;

    -webkit-hyphens: auto;
    -webkit-hyphenate-limit-before: 4;
    -webkit-hyphenate-limit-after: 4;
    -webkit-hyphenate-limit-chars: 8 4 4;
    -webkit-hyphenate-limit-lines: 2;
    -webkit-hyphenate-limit-last: always;
    -webkit-hyphenate-limit-zone: 8%;
    -moz-hyphens: auto;
    -moz-hyphenate-limit-chars: 8 4 4;
    -moz-hyphenate-limit-lines: 2;
    -moz-hyphenate-limit-last: always;
    -moz-hyphenate-limit-zone: 8%;
    -ms-hyphens: auto;
    -ms-hyphenate-limit-chars: 8 4 4;
    -ms-hyphenate-limit-lines: 2;
    -ms-hyphenate-limit-last: always;
    -ms-hyphenate-limit-zone: 8%;
    hyphens: auto;
    hyphenate-limit-chars: 8 4 4;
    hyphenate-limit-lines: 2;
    hyphenate-limit-last: always;
    hyphenate-limit-zone: 8%;
}

.soustitrePage {
    font-family: pt_sans, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 2.62rem;
    /* 26px / 13px */
    line-height: 119.2307692307692%
        /* 31px / 26px */
    ;
    color: var(--color-charcoal);
    padding-top: 9px;
    text-transform: none !important;
    text-align: left;
}

.dossier h3.soustitrePage {
    margin-top: 2rem;
}

.maladiesPro,
.pageRessource {
    overflow-x: hidden !important;
}

.accueilMaladiesPro .entete h2,
.metropol .entete h2,
.metropol .entete h3,
.accueilMaladiesPro .entete h3 {
    max-width: 800px;
}

.accueilMaladiesPro h2,
.metropol h2 {
    text-transform: none;
    margin-top: 0;
    padding-top: 0;
}

.accueilMaladiesPro #container_principal {
    padding: 0;
    margin: 0;
    max-width: none;
}

.accueilMaladiesPro .container_contenuBottom .bloc_compedit {
    background-color: #D0DCEA;
    width: 100vw;
}

.editMode .accueilMaladiesPro .container_contenuBottom .bloc_compedit {
    width: 100%;
}

.accueilMaladiesPro .bloc_compedit ul {
    margin-left: 0;
    margin-right: 0;
}

.accueilMaladiesPro .dernieres_modifications_download {
    display: flex;
}

.accueilMaladiesPro .dernieres_modifications_download a {
    margin-bottom: 0;
    margin-left: 6px;
    line-height: 1;
}

.accueilMaladiesPro .bloc_compedit .dernieres_modifications li {
    font-size: 18px;
    font-weight: 400 !important;
    text-align: left;
    color: var(--color-charcoal) !important;
}

.accueilMaladiesPro .bloc_compedit .dernieres_modifications li a {
    color: black;
    font-weight: 500;
}

.accueilMaladiesPro .bloc_compedit {
    background-color: white;
}

.accueilMaladiesPro .container_contenuWrapper,
.accueilFicheTox .container_contenuWrapper,
.accueilPlastiques .container_contenuWrapper,
.accueilCaces .container_contenuWrapper {
    max-width: 800px;
    margin: auto;
}

.accueilMaladiesPro #ZoneRecherche .soustitrePage {
    font-weight: 800;
    font-size: 2.4rem;
    line-height: 100%;
    color: #000000;
    padding-top: 30px;
    text-align: start;
    word-break: normal;
}

.titreAvecTampon {
    display: table;
}

.titreAvecTampon>.zoneTitre {
    display: table-cell;
    vertical-align: middle;
}

.titreAvecTampon>.zoneTampon {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 20px;
    font-size: 0;
    width: 1%;
}

.titreAvecTampon>.zoneTampon>img {
    max-width: none !important;
}

.chapo {
    font-size: 1.230769230769231em;
    margin-bottom: 1em;
    display: block;
    font-weight: 700;
    font-style: normal;
    line-height: 130%;
    color: var(--color-charcoal);
    text-align: left;
}

.chapo a {
    text-decoration: underline;
}

.image_accroche {
    padding-top: 18px;
}

.chapo .image_accroche,
.chapo a.ico_video {
    float: left;
    width: 46.66666666666667%;
    /* 280px / 600px */
    margin-right: 2.16666666666667%;
    /* 13px / 600px */
    margin-bottom: 0.5em;
    position: relative;
    text-decoration: none;
    padding-top: 0px;
}

.chapo a.ico_video .image_accroche {
    float: none;
    width: 100%;
    margin: 0;
    position: static;
}

.chapo a.ico_video .play {
    background-image: url(../img/video_play_gris_petite.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;

    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
}

.chapo a.ico_video .play.style1 {
    /* style par défaut */
}

.chapo a.ico_video .play.style2 {
    background-image: url(../img/video_play_orange_petite.png);
}

.edito .chapo .dateMiseEnligne {
    display: block;
    font-size: 1rem;
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-weight: normal;
    font-style: normal;
    line-height: 1.384615384615385em;
    /* 18/13px */
    color: #000000;

    margin-bottom: 6px;
}

.ltIE9 .edito .chapo .dateMiseEnligne {
    /* alternative aux tailles "rem" */
    font-size: 1em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}


/* bloc de sommaire */
.bloc_sommaire,
.bloc_partenaires,
.bloc_liensConnexes {
    background-color: #D0DCEA;
    color: #3c3c3c;
    margin: 20px 0;
    border: 1px solid #DDDDE9;
    box-shadow: 3px 4px 20px 0px #00000026;
}

.bloc_sommaire h6,
.bloc_partenaires h6,
.bloc_liensConnexes h6 {
    font-family: pt_sans, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 1.692307692em;
    /* Base 22px - 22/13px */
    padding-left: 3.3333333%;
    /* Base 20px - 20/600px */
    padding-top: 22px;
}

.bloc_sommaire .nav,
.bloc_liensConnexes .nav {
    

    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;

    -webkit-column-gap: 2em;
    -moz-column-gap: 2em;
    column-gap: 2em;

    vertical-align: top;
}

.bloc_partenaires .nav {
    padding: 20px 20px 5px 20px;

    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;

    -webkit-column-gap: 2em;
    -moz-column-gap: 2em;
    column-gap: 2em;

    vertical-align: top;
}

.bloc_liensConnexes .nav {
    padding: 20px 20px 12px 20px;
}

.bloc_liensConnexes .nav {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}

.bloc_sommaire .nav>ul,
.bloc_partenaires .nav>ul,
.bloc_liensConnexes .nav>ul {
    display: block;
    vertical-align: top;
}

.bloc_sommaire .sommaire li,
.bloc_partenaires .sommaire li,
.bloc_liensConnexes .sommaire li {
    font-size: 1.230769rem;
    margin: 0 0 15px 0;
    display: inline-block;
    width: 100%;
}

.bloc_liensConnexes .sommaire li {
    margin: 0 0 8px 0;
}

.ltIE9 .bloc_sommaire .sommaire li,
.ltIE9 .bloc_partenaires .sommaire li,
.ltIE9 .bloc_liensConnexes .sommaire li {
    /* alternative aux tailles "rem" */
    font-size: 1.07692307692em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}


.bloc_partenaires .sommaire li>a,
.bloc_liensConnexes .sommaire li>a {
    background: url(../img/blocSommaire/encocheLien.png) no-repeat 0 5px;
    padding: 0 0 0 15px;
    display: block;
}

.bloc_sommaire .sommaire li a:hover,
.bloc_partenaires .sommaire li a:hover,
.bloc_liensConnexes .sommaire li a:hover {
    text-decoration: underline;
}

/* Mot du glossaire */
.tooltipParent {
    cursor: help;
    outline: 0 solid;
    position: relative;
    border-bottom: 1px dotted #000000;
    padding-bottom: 1px;
}

.tooltipParent:hover,
.editorial .tooltipParent:focus {
    border-bottom: 1px dotted #000000;
}

.tooltipParent * {
    text-decoration: none !important;
    z-index: 99;
}

/* Popin contenu éditorial (ex : détails glossaire) */
.popinContenuEditorial #cboxLoadedContent {
    padding: 0 8px 0 0;
}

.popinContenuEditorial #cboxLoadedContent img {
    max-width: 100%;
    width: auto;
    height: auto;
}

/* bloc de mise en avant */
.bloc_liste,
/* reprise Web3 */
.miseEnAvant {
    display: block;
    margin: 0px auto;
    padding: 30px 20px 30px 20px;
    background-color: #d0dcea;
    font-size: 1.230769em;
    /* 13px / 13px */
    position: relative;
    box-shadow: 3px 4px 20px 0px #00000026;
}
.bloc_liste ul{
    padding-left: 15px;
    margin-top: 10px;
}

.bloc_liste>.titre_liste,
/* reprise Web3 */
.miseEnAvant>.titre {
    
    font-weight: 800;
    font-style: normal;
    font-size: 1.846154rem;
    /* 22px / 14px */
    line-height: 100%;
    /* 22px / 22px */
    margin: 0;
    margin-bottom: 20px;
}

.bloc_liste>.titre_liste

/* reprise Web3 */
    {
    padding-bottom: 10px;
}

.bloc_liste>.titre_liste:before,
/* reprise Web3 */
.miseEnAvant>.titre:before {
    position: absolute;
    left: -24px;
    top: -3px;
    content: url(../img/miseenavant-encoche.png);
}

.miseEnAvant.sansTitre:before {
    position: absolute;
    left: -4px;
    top: 20px;
    content: url(../img/miseenavant-encoche.png);
}

.miseEnAvant .editorial {
    padding-top: 10px;
}

.miseEnAvant .editorial ul,
.miseEnAvant .editorial ol {
    margin-bottom: 10px;
}

.miseEnAvant .editorial .questions {
    margin: 10px 0;
}

.miseEnAvant .liensComplementaires.style1>li {
    padding: 10px 0 0 18px;
    background: url(../img/lienComplementaire-miseenavant-style1-bullet-point.png) 1px 14px no-repeat;
}

.miseEnAvant .liensComplementaires li a {
    font-size: 1em;
    color: black;
}

/* bloc image */
.blocImage {
    margin: 20px 0;
    font-size: 0;
}

.blocImageContainer .blocImage {
    margin: 0;
}

.blocImageContainer {
    margin: 10px 0;
}

.ltIE9 .blocImage {
    font-size: 1em;
}

.blocImage .wrapper {
    position: relative;
    display: block;
    max-width: 100%;
    overflow: hidden;
    font-size: 0;
    padding: 0;
}

.ltIE9 .blocImage .wrapper {
    width: 100%;
}

.blocImage .wrapper img {
    border: 1px solid #e5e5e5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.ltIE9 .blocImage .wrapper img {
    max-width: none;
    width: 100%;
}

.blocImage.originalWidth .wrapper img {
    width: auto;
    max-width: 100%;
    height: auto;
}

.ltIE9 .blocImage.originalWidth .wrapper img {
    width: auto;
    max-width: 100%;
}

/* Forcer dimensionnement : image conservée à 600px centrée dans un conteneur de 800px */
.blocImageContainer.preserve-size .blocImage .wrapper,
.blocDiaporama.preserve-size .blocImage .wrapper {
    background-color: #ffffff;
    padding-left: 100px;
    padding-right: 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.blocImageContainer.preserve-size .blocImage .wrapper .picto_zoom,
.blocImageContainer.preserve-size .blocImage .wrapper .picto_clic,
.blocDiaporama.preserve-size .blocImage .wrapper .picto_zoom,
.blocDiaporama.preserve-size .blocImage .wrapper .picto_clic {
    right: 105px;
}

/* Forcer dimensionnement : image conservée à 320px centrée dans un conteneur de 390px (zone flottante) */
.blocImageContainer.preserve-size-flottante .blocImage .wrapper,
.blocDiaporama.preserve-size-flottante .blocImage .wrapper {
    background-color: #ffffff;
    padding-left: 35px;
    padding-right: 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.blocImageContainer.preserve-size-flottante .blocImage .wrapper .picto_zoom,
.blocImageContainer.preserve-size-flottante .blocImage .wrapper .picto_clic,
.blocDiaporama.preserve-size-flottante .blocImage .wrapper .picto_zoom,
.blocDiaporama.preserve-size-flottante .blocImage .wrapper .picto_clic {
    right: 40px;
}

.ltIE9 .blocImage>.encart {
    margin-top: -2px;
}

.blocImage>.encart {
    font-size: 1rem;
}

.ltIE9 .blocImage>.encart {
    /* alternative aux tailles "rem" */
    font-size: 1em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.blocImage .picto_zoom,
.blocImage .picto_clic {
    display: inline-block;
    width: 54px;
    height: 54px;
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.blocImage .picto_clic .hand,
.blocImage .picto_clic .fond,
.blocImage .picto_zoom .loupe,
.blocImage .picto_zoom .fond {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.blocImage .picto_zoom .loupe {
    background: url(../img/zoom-in.png) 0 0 no-repeat;
    position: relative;
    bottom: -8px;
    right: -10px;
}

.blocImage .picto_clic .hand {
    background: url(../img/link_2.png) 0 0 no-repeat;
    position: relative;
    bottom: -12px;
    right: -8px;
    background-size: 70%;
}

.blocImage .picto_clic .fond,
.blocImage .picto_zoom .fond {
    position: absolute;
    top: -2px;
    left: -2px;
    content: " ";
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 6px;
}

.blocImage>a:hover {
    text-decoration: none;
}

.blocImage>a:hover :is(.titre, .legende, .tempsLecture) {
    text-decoration: underline;
}

/* bloc video */

.ltIE9 .blocVideo {
    font-size: inherit;
}

.blocVideo>.encart {
    font-size: 1rem;
}

.ltIE9 .blocVideo>.encart {
    /* alternative aux tailles "rem" */
    font-size: 1em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.blocVideo>.encart {
    margin-top: -2px;
}

.blocVideo a.ico_video {
    display: inline-block;
    position: relative;
    width: 100%;
}

.blocVideo.gauche a.ico_video {
    float: left;
    margin: 0 15px 0 0;
}

.blocVideo.droite a.ico_video {
    float: right;
    margin: 0 0 0 15px;
}

.blocVideo a.ico_video img {
    width: 100%;
}

.blocVideo a.ico_video .play {
    background: url(../img/video_play_gris_grande.png) 0 0 no-repeat;
    background-size: 100%;
    width: 80px;
    height: 80px;
    position: absolute;
    inset: 0;
    margin: auto;
    display: block;
	pointer-events: none;
}

#blockVideo .play.style1,
.blockVideo .play.style1 {
    background-image: url(../img/video_play_gris_grande.png);
}

#blockVideo .play.style2,
.blockVideo .play.style2 {
    background-image: url(../img/video_play_orange_grande.png);
}

#blockVideo .play,
.blockVideo .play {
    background-size: contain;
    position: absolute;
    display: block;
    inset: 0;
    margin: auto;
    width: 150px;
    height: 150px;
    pointer-events: none;
    opacity: 0.6;
    transition: opacity 0.6s ease;
}

#blockVideo .ico_video:hover .play,
.blockVideo .ico_video:hover .play {
    opacity: 1;
}

@media screen and (max-width: 1024px) {

    #blockVideo .play,
    .blockVideo .play {
        width: 120px;
        height: 120px;
    }
}

@media screen and (max-width: 768px) {

    #blockVideo .play,
    .blockVideo .play {
        width: 100px;
        height: 100px;
    }
}

@media screen and (max-width: 480px) {

    #blockVideo .play,
    .blockVideo .play {
        width: 80px;
        height: 80px;
    }
}

@media screen and (max-width: 320px) {

    #blockVideo .play,
    .blockVideo .play {
        width: 60px;
        height: 60px;
    }
}

.blocVideo a.ico_video .play.style1 {
    /* style par défaut */
}

.blocVideo a.ico_video .play.style2 {
    background-image: url(../img/video_play_orange_grande.png);
}


/* bloc diaporama */
.blocDiaporama {
    margin-top: 20px;
}

.blocDiaporama .flexslider {
    background: #e5e5e5;
}

.blocDiaporama .blocImage {
    margin: 0;
}

.blocDiaporama .controlesWrapper {
    margin: 0 auto;
    position: relative;
    height: 33px;
    max-width: 920px;
    font-size: 0;
    overflow: hidden;
    background: #3c3c3c;
}

.ltIE9 .blocDiaporama .controlesWrapper {
    /* alternative au font-size:0 */
    font-family: AdobeBlank;
    font-size: 1em;
}


.blocDiaporama .controles {
    display: block;
    height: 33px;
}

.blocDiaporama .controles>li {
    display: inline-block;
    vertical-align: top;
}

.blocDiaporama .controles>li>* {
    vertical-align: top;
}

.blocDiaporama .controles>li>ul.pages {
    display: inline;
}

.popin-zoom-image.diaporama ul.pages {
    display: block;
    vertical-align: top;
    font-size: 0;
}

.ltIE9 .popin-zoom-image.diaporama ul.pages {
    /* alternative au font-size:0 */
    font-family: AdobeBlank;
    font-size: 1em;
}


.blocDiaporama .controles>li>ul.pages>li,
.popin-zoom-image.diaporama ul.pages>li {
    display: inline-block;
    position: relative;
    width: 10px;
    height: 33px;
    margin: 0 0 0 10px;
}

.blocDiaporama .controles>li>ul.pages>li>a,
.popin-zoom-image.diaporama ul.pages>li>a {
    display: inline-block;
    position: relative;
    top: 12px;
    width: 10px;
    height: 10px;
    background: #fff;
    cursor: pointer;
}

.blocDiaporama .controles>li>ul.pages>li>a:active,
.popin-zoom-image.diaporama ul.pages>li>a:active {
    background: #888;
}

.blocDiaporama .controles>li>ul.pages>li>a.flex-active,
.popin-zoom-image.diaporama ul.pages>li>a.flex-active {
    background: #eb7420 !important;
}

.blocDiaporama .controles>li {
    float: right;
}

.blocDiaporama .controles>li.pagesLi {
    float: none;
}

.blocDiaporama .controles>li>a.btn {
    display: inline-block;
    padding: 0 11px;
    height: 33px;
    border-left: 1px solid #9e9e9e;
}

.blocDiaporama .controles>li>a.btn:active {
    background: #888;
}

.ltIE9 .blocDiaporama .controles a {
    background-color: #3c3c3c;
}

.blocDiaporama .controles>li>a.btn:after {
    display: block;
    position: absolute;
    top: 10px;
    width: 9px;
    height: 13px;
    content: "\00a0";
    /* espace insécable */
    background-image: url(../img/diaporama/ctrl-diapo.png);
    background-repeat: no-repeat;
    position: relative;
}

.blocDiaporama .controles>li>a.btn.precedent:after {
    background-position: 0 0;
}

.blocDiaporama .controles>li>a.btn.suivant:after {
    background-position: -50px 0;
}

.blocDiaporama .controles>li>a.btn.play:after {
    background-position: -100px 0;
}

.blocDiaporama .controles>li>a.btn.pause:after {
    background-position: -150px 0;
}

/* placeholder */
.blocDiaporama .diaporamaPH {
    display: block;
    background: transparent;
}

/* Bloc diaporama (Nouveau) */

.blocDiaporama.new .controles>li>ul.pages>li,
.popin-zoom-image.diaporama.new ul.pages>li {
    display: inline-block;
    position: relative;
    top: 12px;
    width: 10px;
    height: 10px;
    background: #fff;
    cursor: pointer;
}

.blocDiaporama.new .controles>li>ul.pages>li.swiper-pagination-bullet-active,
.popin-zoom-image.diaporama.new ul.pages>li.swiper-pagination-bullet-active {
    background: #eb7420;
}

.blocDiaporama.new .swiper-pagination-bullet {
    border-radius: 0;
    opacity: 1;
}

.blocDiaporama .tempsLecture,
#cboxTitle .tempsLecture {
    padding: 8px 13px 0 13px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.blocDiaporama.new .blocImage .wrapper img {
    border: unset;

}

.blocDiaporama .controles>li {
    float: none;
}


/* Bloc diaporama (Nouveau) - END */

/* encart utilisé pour le bloc image et le bloc video */
.encart {
    font-size: 1rem;
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    position: relative;
    top: 0px;
}

.ltIE9 .encart {
    /* alternative aux tailles "rem" */
    font-size: 1em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.encart.transparent {
    background-color: #fff;
}

.div {
    background: rgb(255, 255, 255);
    background: transparent\9;
    background: rgba(255, 255, 255, 0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cffffff, endColorstr=#4cffffff);
    zoom: 1;
}

.div:nth-child(n) {
    filter: none;
}

.encart.visible {
    background-color: #e5e5e5;
    padding-bottom: 16px;
}

.miseEnAvant .encart.visible {
    background: #fff;
}

.encart:before {
    position: absolute;
    left: 8px;
    top: -9px;
}

.encart.transparent:before,
.miseEnAvant .encart.visible:before {
    content: url(../img/encoche-encart-blanche.png);
}

.encart.visible:before,
.miseEnAvant .encart.transparent:before {
    content: url(../img/encoche-encart-grise.png);
}

.miseEnAvant .encart.transparent {
    background: #e5e5e5;
}

/* Copyright ferré à gauche si pas d'encart visible */
.encart .copyright {
    font-size: 0.7692307692307692em;
    /* 10px / 13px */
    font-style: italic;
    color: #797979;
}

.encart.transparent .copyright {
    padding: 0.5em 0 0 0;
}

.encart.visible .copyright {
    padding: 0.5em 13px 0 13px;
}

.encart .cartouche {
    display: block;
}

.encart .cartouche>span {
    display: inline-block;
    /* background: #787f87; */
    padding: 0.6em 0.7em;
    font-size: 0.7692307692307692em;
    font-style: normal;
    /* color: #fff; */
    text-transform: uppercase;
}

.encart.transparent .cartouche {
    padding: 0.5em 0 0 0;
}

.encart.visible .cartouche {
    padding: 0.5em 13px 0 13px;
}

.encart .titre {
    font-size: 0.9230769230769231em;
    /* 12px / 13px */
    font-weight: bold;
    line-height: 133.333333333333%;
    /* 16px / 12px */
    color: #161616;
}

.titre-image-editorial {
    font-size: 1.077rem;
    /* 14px */
    font-weight: bold;
    line-height: 133.333333333333%;
    /* 16px / 12px */
    color: #161616;
    margin: 5px 0;
}

.encart.transparent .titre {
    padding: 8px 0 0 0;
}

.encart.visible .titre {
    padding: 0.66666em 13px 0 13px;
}

.encart .legende {
    font-size: 0.9230769230769231em;
    /* 12px / 13px */
    line-height: 133.333333333333%;
    /* 16px / 12px */
    color: #161616;
}

.legende-image-editorial {
    font-size: 1.077rem;
    /* 14px */
    line-height: 133.333333333333%;
    /* 16px / 12px */
    color: #161616;
    margin: 5px 0;
}

.encart.transparent .legende {
    padding: 2px 0 0 0;
}

.encart.visible .legende {
    padding: 2px 13px 0 13px;
}


/* bloc avec zone flottante gauche ou droite */
.blocAvecZoneFlottante {
    margin: 20px 0;
}

.blocAvecZoneFlottante > .zoneFlottante > *:FIRST-CHILD,
.blocAvecZoneFlottante > .zoneCoulante > *:FIRST-CHILD,
.blocAvecZoneFlottante > .zoneCoulante .editorial *:FIRST-CHILD {
    margin-top: 0;
    padding-top: 0;
}

.zoneFlottante {
    width: 46.67%;
}

.zoneFlottante.gauche {
    float: left;
    margin-right: 3.33%;
}

.zoneFlottante.droite {
    float: right;
    margin-left: 3.33%;
}


body.editMode .blocAvecZoneFlottante .zoneFlottante {
    width: 48.67%;
}

body.editMode .blocAvecZoneFlottante .zoneCoulante {
    width: 48.67%;
}

body.editMode .blocAvecZoneFlottante .zoneFlottante.gauche {
    float: left;
    margin: auto;
}

body.editMode .blocAvecZoneFlottante .zoneFlottante.droite {
    float: right;
    margin: auto;
}

body.editMode .blocAvecZoneFlottante .zoneCoulante.gauche {
    float: left;
}

body.editMode .blocAvecZoneFlottante .zoneCoulante.droite {
    float: right;
}

.blocAvecZoneFlottante .cadre-rouge {
    padding: 10px;
    border-radius: 6px;
    border: 1px solid transparent;
    background:
        linear-gradient(white, white) padding-box,
        linear-gradient(rgba(206, 22, 22, 0.8), rgba(206, 22, 22, 0.8)) border-box;

    box-shadow: 0px 4px 4px 0px #00000040;
}

.mgnlEditBlock .zoneFlottante.gauche.cadre-rouge {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

/* picto dans image dans zone flottante */
.zoom_popin {
    font-size: 0;
}

.zoneFlottante .blocImage .picto_clic,
#details_media #bloc_visuel_media .blocImage .picto_clic,
.zoneFlottante .blocImage .picto_zoom,
#details_media #bloc_visuel_media .blocImage .picto_zoom {
    width: 34px;
    height: 34px;
}

.zoneFlottante .blocImage .picto_clic .hand,
#details_media #bloc_visuel_media .blocImage .picto_clic .hand,
.zoneFlottante .blocImage .picto_zoom .loupe,
#details_media #bloc_visuel_media .blocImage .picto_zoom .loupe {
    background-size: 68.75%;
    /* rapport de largeur entre les deux loupes 22px/32px */
    bottom: -5px;
    right: -5px;
}

@media (max-width: 767px) {
    .zoneFlottante .blocImage .picto_clic .hand {
        background-size: 50%;
        bottom: -9px;
        right: -7px;
    }
}

.ltIE9 .zoneFlottante .blocImage .picto_zoom .loupe,
.ltIE9 #details_media #bloc_visuel_media .blocImage .picto_zoom .loupe {
    background-size: 100%;
    background-image: url(../img/picto-loupe-zoom-small.png);
}

/* picto play dans bloc video dans zone flottante ou ressources */
.zoneFlottante .blocVideo a.ico_video .play {
    background-image: url(../img/video_play_gris_petite.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
}

.zoneFlottante .blocVideo a.ico_video .play.style1 {
    /* style par défaut */
}

.ressource.blocVideo a.ico_video .play {
    background-image: url(../img/video_play_gris_tres_petite.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 80px;
    height: 80px;
    margin: auto;
}

.ressource.blocVideo a.ico_video .play.style1 {
    /* style par défaut */
}

.zoneFlottante .blocVideo a.ico_video .play.style2 {
    background-image: url(../img/video_play_orange_petite.png);
}

.ressource.blocVideo a.ico_video .play.style2 {
    background-image: url(../img/video_play_orange_tres_petite.png);
}

/* Onglets pliés / dépliés */
.planSite #plan {
    margin: 2em 0 15px 0;
}

.listeOnglets {
    margin: 15px 0;
}

.planSite #plan>li,
.listeOnglets .onglet {
    margin-top: 1px;
    display: block !important;
    widows: 1;
    orphans: 1;
}

.planSite #plan>li *,
.listeOnglets .onglet * {
    widows: 1;
    orphans: 1;
}

.planSite #plan>li>span.titre,
.listeOnglets .onglet>div.titre {
    position: relative;
    font-weight: bold;
    line-height: 120%;
}

.planSite #plan>li.deplie>span.titre {
    margin: 0 0 1em 0 !important;
}

.listeOnglets .onglet>div.titre.long {
    font-size: 1.076923076923077em;
    /* 14px / 13px */
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
}

.planSite #plan>li>span.titre,
.listeOnglets .onglet>div.titre.court {
    font-size: 1.538461538461538em;
    /* Base 20px - 20px / 13px */
    font-family: pt_sans, sans-serif;
    font-weight: bold;
    font-style: normal;
}

.planSite #plan>li>span.titre,
.listeOnglets .onglet>.titre:hover {
    cursor: pointer;
}

.planSite #plan>li.deplie>span.titre,
.listeOnglets .onglet.deplie>div.titre {
    background: url(../img/onglet-deplie-moins.png) 10px 24px no-repeat;
    background-color: #787f86;
    color: white;
    padding: 15px 39px 10px 39px;
    margin-bottom: 5px;

    /*
    -webkit-transition-property: background-color;
    -moz-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    */
}

.accueilRubriqueAuto .container_contenuWrapper > article {
    width: 100%;
}

.planSite.accueilRubriqueAuto #plan>li.deplie>span.titre {
    display: none;
}

.planSite #plan>li>span.titre {
    display: block;
}

.listeOnglets .onglet.deplie .editorial p {
    margin: 5px 0 15px 0;
}

.listeOnglets .onglet.deplie .listeRessources {
    margin-top: 0;
}

.planSite #plan>li.deplie>span.titre,
.listeOnglets .onglet.deplie>div.titre.court {
    background-position: 10px 25px;
}

.planSite #plan>li.replie>span.titre,
.listeOnglets .onglet.replie .titre {
    background: url(../img/onglet-replie-plus.png) 12px 18px no-repeat;
    background-color: #e5e5e5;
    color: black;
    padding: 16px 39px 15px 39px;
}

.planSite #plan>li.replie>span.titre,
.listeOnglets .onglet.replie .titre.court {
    background-position: 12px 22px;
}

.planSite #plan>li.deplie>span.titre:before,
.listeOnglets .onglet.deplie>div.titre:before {
    position: absolute;
    left: 24px;
    bottom: -11px;
    content: url(../img/onglet-deplie-encoche.png);
}

.listeOnglets .onglet>.titre:hover,
.planSite #plan>li>span.titre:hover {
    text-decoration: underline;
}

.planSite #plan>li .contenu,
.listeOnglets .onglet .contenu {
    padding-bottom: 10px;
}

.planSite #plan>li.deplie .contenu,
.listeOnglets .onglet.deplie .contenu {
    display: block;
    padding-top: 8px;
    overflow: visible;
}

.planSite #plan>li.deplie .contenu {
    padding-bottom: 2em;
}

.planSite #plan>li.replie .contenu,
.listeOnglets .onglet.replie .contenu {
    display: none;
}

.listeOnglets .onglet .contenu>.editorial>*:first-child {
    margin-top: 5px !important;
}

/* Mise à jour */
.center_maj {
    font-weight: 500;
    font-size: 1.076923rem;
    color: #787f86;
    margin: 10px 0 20px;
}

.inrs-entete-container .center_maj {
    margin: 0;
}

body:is(.recherche, .mixie.ficheClasse, .mixie.indexClasses, .mixie.indexSubstances) .center_maj {
    text-align: center;
}

.ltIE9 .center_maj {
    /* alternative aux tailles "rem" */
    font-size: 0.9230769230769231em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

/* Ressources */
.listeRessources {
    display: block;
    margin-top: -5px;
    font-size: 0;
}

.ltIE9 .listeRessources {
    /* alternative au font-size:0 */
    font-family: AdobeBlank;
    font-size: 1em;
}


.onglet.deplie .listeRessources {
    margin-bottom: 30px;
}

.listeRessources .ressource {
    display: inline-block;
    vertical-align: top;
    width: 46.66666666666667%;
    /* 280px / 600px */
    margin-top: 20px;
    font-size: 1rem;
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
}

body.editMode .listeRessources.evenodd_assignable {
    display: block;
    margin-top: auto;
    font-size: 0;
}

body.editMode .listeRessources.evenodd_assignable .mRessources .ressource {
    width: 96%;
    /* 280px / 600px */
    font-size: 1rem;
    margin-top: auto;
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
}

body.editMode .listeRessources.evenodd_assignable .mRessources {
    width: 47%;
    margin: 1.5%;
    display: inline-block;
    /* TODO  pourquoi cette valeur pose probleme  6.66666666666667%;*/
    /* 40px / 600px */
}

.ltIE9 .listeRessources .ressource {
    /* alternative aux tailles "rem" */
    font-size: 1em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

body .listeRessources.evenodd_assignable .ressource:nth-child(even) {
    margin-left: 5%;
    /* TODO  pourquoi cette valeur pose probleme  6.66666666666667%;*/
    /* 40px / 600px */
}

body .listeRessources.evenodd_assignable .ressource.even {
    margin-left: 5%;
    /* TODO  pourquoi cette valeur pose probleme  6.66666666666667%;*/
    /* 40px / 600px */
}

body.editMode .listeRessources.evenodd_assignable .ressource:nth-child(even) {
    margin-left: 3%;
    /* TODO  pourquoi cette valeur pose probleme  6.66666666666667%;*/
    /* 40px / 600px */
}

body.editMode .listeRessources.evenodd_assignable .ressource.even {
    margin-left: 3%;
    /* TODO  pourquoi cette valeur pose probleme  6.66666666666667%;*/
    /* 40px / 600px */
}



.ltIE9 .ressource>div {
    max-width: 280px;
}

.ressource>fieldset>div:first-of-type

/* EDIT MODE MAGNOLIA */
    {
    font-size: 0;
}

.ltIE9 .ressource>fieldset>div:first-of-type {
    /* alternative au font-size:0 */
    font-family: AdobeBlank;
    font-size: 1em;
}

.ressource>div:first-child {
    font-size: 0;
}

.ltIE9 .ressource>div:first-child {
    /* alternative au font-size:0 */
    font-family: AdobeBlank;
    font-size: 1em;
}


.ressource>fieldset>div:first-of-type>.cartouche

/* EDIT MODE MAGNOLIA */
    {
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    display: inline-block;
    padding: 5px 9px;
    /* background-color: #3c3c3c; */
    font-size: 0.7692307692307692rem;
    /* 10px / 13px */
    font-weight: bold;
    /* color: white; */
    text-transform: uppercase;
}

.ltIE9 .ressource>fieldset>div:first-of-type>.cartouche {
    /* alternative aux tailles "rem" */
    font-size: 0.7692307692307692em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.ressource>div:first-child>.cartouche {
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    display: inline-block;
    padding: 5px 9px;
    /* background-color: #3c3c3c; */
    font-size: 0.7692307692307692rem;
    /* 10px / 13px */
    font-weight: bold;
    /* color: white; */
    text-transform: uppercase;
}

.ltIE9 .ressource>div:first-child>.cartouche {
    /* alternative aux tailles "rem" */
    font-size: 0.7692307692307692em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.ressource>fieldset>div>.texteComplementaire,
/* EDIT MODE MAGNOLIA */
.ressource>div>.texteComplementaire {
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-size: 0.8461538461538462rem;
    /* 11px / 13px */
    color: #3c3c3c;
    line-height: 145.454545454545%;
    /* 16px / 11px */
    text-transform: uppercase;
    margin-left: 0.7692307692307692em;
}

.ltIE9 .ressource>fieldset>div>.texteComplementaire,
/* EDIT MODE MAGNOLIA */
.ltIE9 .ressource>div>.texteComplementaire {
    /* alternative aux tailles "rem" */
    font-size: 0.8461538461538462em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.ressource img {
    margin-top: 10px;
    width: 100%;
    border: 1px solid #e5e5e5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.ressource .titreRessource {
    font-weight: 800;
    font-size: 1.54rem;
    line-height: 123.076923076923%;
    /* 16px / 13px */
    padding-top: 8px;
}

.ressource .description {
    font-size: 1.23rem;
    line-height: 24px;
    color: #161616;
    padding-top: 5px;
    font-weight: 700;
}

.listeHorizontale {
    display: inline;
}

.listeHorizontale>li {
    display: inline-block;
}

.listeHorizontale>li:after {
    content: "\2502";
    margin: 0 0.5em;
}

.listeHorizontale>li:last-child:after {
    content: none;
}

.listeHorizontale>li:last-child:after {
    /* IE 8 - ne pas concaténer au style précédent */
    content: none;
}

/***************************** Fin page éditoriale ***********************/

/*********************************************************************************
 * Exemple de règles mises en place :
 *********************************************************************************
 * initialement colonne centrale (3 sous colonnes) + colonne de droite
 * - 1er point de rupture : disparition de la colonne de droite,
 * - 2e point de rupture  : dans la colonne centrale et ensuite blocs sur 2 colonnes
 *********************************************************************************/

#container_principal img {
    max-width: 100%;
    height: auto;
}

.container_contenuPrincipal {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

/**************************** Debut colonne droite *************************/

/* TODO retirer ce qui concerne colonneDroite depuis 'Gestion versions bureau / mobile', en s'assurant que pas de conflit niveau CVS */

.container_colonneDroite {
    display: inline-block;
    vertical-align: top;
    background-color: white;
    max-width: 430px;
    flex-grow: 1;
}

@media (max-width: 1140px) {
    .container_colonneDroite {
        max-width: 0;
    }
}

#barre_fonctionnalites,
#barre_fonctionnalites-refonte {
    width: 100%;
    position: relative;
    line-height: 13px;
    font-size: 0;
}

.inrs-entete-container #barre_fonctionnalites-refonte {
    margin-top: 10px;
}

.ltIE9 #barre_fonctionnalites {
    /* alternative au font-size:0 */
    font-family: AdobeBlank;
    font-size: 1em;
}

.presentation_media #barre_fonctionnalites,
.presentation_media #barre_fonctionnalites-refonte {
    padding: 0;
}

#desktopBarreFonctionnalites {
    display: flex;
    /* 
        inherit is used here to inherit justify-content from parent 
        (do not remove it, unless you know what you are doing :) ) 
    */
    justify-content: inherit;
}

#barre_fonctionnalites-refonte {
    width: fit-content;
}

.bf_outils {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.ltIE9 .bf_outils {
    /* alternative au font-size:0 */
    font-family: AdobeBlank;
    font-size: 1em;
}

.bf_outils li {
    display: inline-block;
    vertical-align: middle;
}

.foreign .bf_outils li {
    margin-left: 8%;
}

@media screen and (max-width:900px) {
    .foreign .bf_outils li {
        margin-left: 7%;
    }
}

@media screen and (max-width:830px) {
    .foreign .bf_outils li {
        margin-left: 6%;
    }
}

@media screen and (max-width:790px) {
    .foreign .bf_outils li {
        margin-left: 5%;
    }
}

.bf_outils li.cache {
    display: none !important;
}

/*
.ltIE9 #barre_fonctionnalites .bf_outils li {
    margin: 0 0 0 9px;
}
*/

#barre_fonctionnalites .bf_outils li.voirSelection {
    display: none;
}

.bf_outils a span.title {
    display: none;
}

.bf_outils a span.icon {
    display: inline-block;
    height: 23px;
    width: 30px;
    background-image: url(../img/barreFonctionnalites/barreFonctionnalites.png);
    background-repeat: no-repeat;
    position: relative;
    top: 5px;
}

.ltIE9 .bf_outils a span.icon {
    top: 0;
}

.bf_outils .ajoutSelection a span.icon {
    background-position: -50px 0;
}

.bf_outils .ajoutSelection a:hover span.icon {
    background-position: -50px -50px;
}

.bf_outils .retraitSelection a span.icon {
    background-position: -100px 0;
}

.bf_outils .retraitSelection a:hover span.icon {
    background-position: -100px -50px;
}

.bf_outils .voirSelection a span.icon {
    background-position: -300px 0;
}

.bf_outils .voirSelection a:hover span.icon {
    background-position: -300px -50px;
}

.bf_outils .envoiMail a span.icon {
    background-position: -155px 0;
    width: 21px;
}

.bf_outils .envoiMail a:hover span.icon {
    background-position: -155px -50px;
}

.bf_outils .impression a span.icon {
    background-position: -206px 0;
    width: 19px;
}

.bf_outils .impression a:hover span.icon {
    background-position: -206px -50px;
}

.bf_outils .contactINRS a span.icon {
    background-position: -5px 0;
    width: 20px;
}

.bf_outils .contactINRS a:hover span.icon {
    background-position: -5px -50px;
}

.bf_outils .partageSocial a span.icon {
    background-position: -256px 0;
    width: 17px;
}

.bf_outils .partageSocial a:hover span.icon {
    background-position: -256px -50px;
}

.bf_outils .bf_taillesCar {
    display: flex;
    gap: 0px;
    align-items: center;
    transition: gap .25s ease;
}

.bf_outils svg {
    transition: transform .3s ease-out;
    transform-origin: center center;
}

.bf_outils .bf_taillesCar .bf_A:hover svg,
.bf_outils .bf_taillesCar .bf_AMoins:hover svg,
.bf_outils .bf_taillesCar .bf_APlus:hover svg,
.bf_outils .envoiMail:hover svg,
.bf_outils .impression:hover svg,
.bf_outils .contactINRS:hover svg {
    transform: scale(1.1);
}


.bf_outils .envoiMail,
.bf_outils .impression,
.bf_outils .contactINRS {
    display: flex;
    height: 30px;
    width: 30px;
    box-sizing: border-box;
    border: 1.5px solid rgb(233, 99, 26);
    border-radius: 6.36px;
    align-items: center;
    justify-content: center;
}

.bf_taillesCar li {
    flex: 0 0 auto;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1.5px solid var(--color-orange-inrs);
    border-radius: 6.36px;
    box-sizing: border-box;
    transition:
        width .5s ease,
        opacity .5s ease,
        margin .5s ease;
}

.bf_outils .bf_taillesCar li a,
.bf_outils .envoiMail a,
.bf_outils .impression a,
.bf_outils .contactINRS a {
    line-height: 1;
}

.bf_taillesCar svg {
    transition: transform .3s ease-out;
    transform-origin: center;
}

.bf_outils .bf_taillesCar li a:hover {
    text-decoration: none;
    background: none;
}

.bf_taillesCar li:hover svg {
    transform: scale(1.2) !important;
}

.bf_outils .bf_taillesCar li a span {
    margin-top: 5px;
    top: 0 !important;
}

.bf_outils .bf_APlus a span {
    background-position: -450px 0;
}

.bf_outils .bf_A a span {
    background-position: -400px 0;
}

.bf_outils .bf_AMoins a span {
    background-position: -350px 0;
}

.bf_outils .bf_A {
    width: 30px;
}

.bf_AMoins,
.bf_APlus {
    width: 0;
    flex-basis: 0;
    margin: 0;
    opacity: 0;
    overflow: hidden;
    border-width: 0;
    pointer-events: none;
    transition: width .25s ease,
        flex-basis .25s ease,
        opacity .25s ease,
        border-width .25s ease;
}

.bf_A {
    opacity: 1;
}

.bf_taillesCar:hover {
    gap: 10px;
}

.bf_taillesCar:hover .bf_AMoins,
.bf_taillesCar:hover .bf_APlus {
    width: 30px;
    flex-basis: 30px;
    opacity: 1;
    border-width: 1.5px;
    pointer-events: auto;
}

.bloc_compedit,
.bloc_voiraussi,
.bloc_actuspresse,
.bloc_agenda,
#bloc_bdd,
.bloc_video_colonneDroite,
.bloc_discipline_recherche {
    width: 100%;
    background-color: #e5e5e5;
    margin-top: 30px;
}

.bloc_voiraussi {
    padding: 30px 0 20px 0;
}

#bloc_bdd {
    padding: 25px 0 20px 0;
}

.bloc_actuspresse,
.bloc_agenda {
    padding: 20px 0;
}

.bloc_compedit .bce_titrep,
.bloc_compedit .bce_soustitre,
.bloc_compedit>ul,
.bloc_compedit .editorial,
.bloc_voiraussi .bva_titrep,
.bloc_voiraussi ul,
.bloc_actuspresse ul,
.bloc_actuspresse h5,
.bloc_agenda ul,
.bloc_agenda h5,
#bloc_bdd h5,
#bloc_bdd form,
#bloc_bdd p {
    margin-left: 8.2142857143%;
    /* base 23px - 23/280px */
    margin-right: 8.2142857143%;
    /* base 23px - 23/280px */
    max-width: 100%;
}

.bloc_compedit .editorial {
    margin-top: 1em;
    margin-bottom: 1em;
}

.bloc_video_colonneDroite {
    padding-bottom: 10px;
}

.bloc_video_colonneDroite .bce_desc {
    margin-left: 8.2142857143%;
    /* base 23px - 23/280px */
    margin-right: 8.2142857143%;
    /* base 23px - 23/280px */
    padding-bottom: 10px;
}

.bloc_video_colonneDroite .bce_titre {
    display: inline-block;
    margin-left: 8.2142857143%;
    /* base 23px - 23/280px */
    margin-right: 8.2142857143%;
    /* base 23px - 23/280px */
    margin-top: 15px;
    margin-bottom: 10px;
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-size: 1rem;
    /* base 13px - 13/13px */
    font-weight: bold;
    color: #3c3c3c;
}

.ltIE9 .bloc_video_colonneDroite .bce_titre {
    /* alternative aux tailles "rem" */
    font-size: 1em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.bloc_video_colonneDroite a.ico_video {
    display: inline-block;
    position: relative;
    width: 100%;
}

.bloc_video_colonneDroite a.ico_video img {
    width: 100%;
}

.bloc_video_colonneDroite a.ico_video .play {
    background-image: url(../img/video_play_gris_petite.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;

    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
}

.bloc_video_colonneDroite a.ico_video .play.style1 {
    /* style par défaut */
}

.bloc_video_colonneDroite a.ico_video .play.style2 {
    background-image: url(../img/video_play_orange_petite.png);
}

.bloc_compedit .bce_titrep,
.bloc_voiraussi .bva_titrep {
    font-family: pt_sans, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 1.846153846em;
    /* base 24px - 24/13px */
    font-weight: normal;
    color: #787f86;
    text-transform: uppercase;
}

.bloc_compedit ul li,
.bloc_actuspresse ul li {
    margin-bottom: 15px;
    max-width: 100%;
}

.bloc_compedit .bce_titrep,
.bloc_actuspresse h5,
.bloc_agenda h5 {
    margin-bottom: 18px;
    margin-top: 0;
}

.bloc_compedit .bce_soustitre {
    font-family: pt_sans, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 1.53846154em;
    /* base 19px - 19/13px */
    font-weight: normal;
    color: #787f86;
    margin-bottom: 20px;
}

.bloc_compedit .zoneTitre {
    position: relative;
}

.bloc_compedit .zoneTitre>.rss {
    font-size: 0;
    display: inline-block;
    position: absolute;
    top: 3px;
    right: 23px;

    vertical-align: middle;
    margin: 0 0 0.5em 1em;
    width: 18px;
    height: 18px;
    background: url(../img/rss.png) 0 0 no-repeat;
}

.bloc_compedit .zoneTitre>.rss:hover {
    background-position: 0 -25px;
}

.bloc_compedit .bce_cartouche,
.center_cartouche {
    display: inline-block;
    font-size: 1rem;
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
    padding: 8px;
    margin-bottom: 10px;
}

.ltIE9 .bloc_compedit .bce_cartouche,
.ltIE9 .center_cartouche {
    /* alternative aux tailles "rem" */
    font-size: 1em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.bloc_compedit .bce_cartouche {
    background-color: #787f86;
    font-size: 0.85em;
    /* base 9px - 9/13px */
}

.center_cartouche {
    background-color: #3c3c3c;
    font-size: 0.923076923em;
    /* base 12px - 1é/13px */
    margin-bottom: 15px;
}

.bloc_compedit img {
    margin-bottom: 10px;
    max-width: 100%;
    height: auto;
}

.bloc_compedit a,
.bloc_actuspresse .bap_tousliens,
.bloc_agenda .bap_tousliens {
    display: block;
    max-width: 100%;
}

.bloc_compedit .editorial a {
    display: inline;
    max-width: none;
}

.ltIE9 .bloc_compedit .bce_lienint,
.ltIE9 .bloc_compedit .bce_lienext {
    width: 100%;
}

.ltIE9 .bloc_compedit .bce_titre {
    display: block;
    max-width: 100%;
}

.bloc_compedit .bce_titre {
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-size: 1rem;
    /* base 13px - 13/13px */
    font-weight: bold;
    color: #3c3c3c;
    margin-bottom: 6px;
}

.ltIE9 .bloc_compedit .bce_titre {
    /* alternative aux tailles "rem" */
    font-size: 1em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.bloc_compedit .bce_desc>span,
.bloc_compedit .bce_desc>a,
.bloc_video_colonneDroite .bce_desc>span,
.bloc_video_colonneDroite .bce_desc>a {
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-size: 0.9230769rem;
    /* base 12px - 12/13px */
    font-weight: normal;
    color: #6a6a6a;

    display: block;
    max-width: 100%;
    margin-bottom: 8px;
}

.ltIE9 .bloc_compedit .bce_desc>span,
.ltIE9 .bloc_compedit .bce_desc>a,
.ltIE9 .bloc_video_colonneDroite .bce_desc>span,
.ltIE9 .bloc_video_colonneDroite .bce_desc>a {
    /* alternative aux tailles "rem" */
    font-size: 0.9230769em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.bloc_compedit .bce_contact a,
.bloc_compedit .bce_lienrub a,
.bloc_actuspresse .bap_tousliens a,
.bloc_agenda .bap_tousliens a {
    display: inline-block;
    padding-left: 10px;
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-size: 0.9230769rem;
    /* base 12px - 12/13px */
    font-weight: bold;
    color: #787f86;
}

.ltIE9 .bloc_compedit .bce_contact a,
.ltIE9 .bloc_compedit .bce_lienrub a,
.ltIE9 .bloc_actuspresse .bap_tousliens a,
.ltIE9 .bloc_agenda .bap_tousliens a {
    /* alternative aux tailles "rem" */
    font-size: 0.9230769em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.bloc_compedit .bce_contact,
.bloc_compedit .bce_lienrub,
.bloc_actuspresse .bap_tousliens,
.bloc_agenda .bap_tousliens {
    display: inline-block;
    background: url(../img/blocCompEdit/EncocheLien.png) 0 11px no-repeat;
    margin-left: 8.21429%;
    margin-right: 8.21429%;
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid #cacaca;
    width: 83.57142857%;
    /* base 234px - 234/280px */
}

.bloc_compedit .bce_contact {
    background: none;
}

.bloc_compedit .bce_lienint a,
.bloc_compedit .bce_lienext a {
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-size: 1rem;
    /* base 13px - 13/13px */
    font-weight: bold;
    margin-bottom: 3px;
}

.ltIE9 .bloc_compedit .bce_lienint a,
.ltIE9 .bloc_compedit .bce_lienext a {
    /* alternative aux tailles "rem" */
    font-size: 1em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.bloc_compedit .bce_lienint a {
    color: #3c3c3c;
    padding-left: 10px;
}

.bloc_compedit .bce_lienint a .date {
    font-weight: normal;
    font-style: italic;
    display: inline-block;
}

.bloc_compedit .bce_lienint {
    display: block;
    background: url(../img/lienComplementaire-style1-bullet-point.png) 0 3px no-repeat;
}

.bloc_compedit .bce_lienext a {
    color: #787f86;
    padding-left: 15px;
}

.bloc_compedit .bce_lienext {
    display: block;
    background: url(../img/lienComplementaire-style2-bullet-point.png) 0 1px no-repeat;
}

.bloc_compedit a.illustr {
    font-size: 0;
}

.bloc_compedit a.ico_video {
    position: relative;
}

.bloc_compedit a.ico_video .play {
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(../img/video_play_gris_minuscule.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 50px !important;
    height: 50px !important;
    margin: -28px 0 0 -25px !important;
}

.bloc_compedit a.ico_video .play.style1 {
    /* style par défaut */
}

.bloc_compedit a.ico_video .play.style2 {
    background-image: url(../img/video_play_orange_minuscule.png);
}

.bloc_voiraussi .bva_titrep {
    margin-bottom: 20px;
}

.bloc_voiraussi ul {
    margin-right: 0;
}

.bloc_voiraussi ul li {
    display: inline-block;
    margin-bottom: 10px;
    width: 93.3852140077821%;
    /* base 240px - 240/257px */
}

.bloc_voiraussi ul li a {
    display: inline-block;
    width: 100%;
    position: relative;
    min-height: 80px;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    color: white;
    font-family: pt_sans, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 1.46153846em;
    /* base 19px - 19/13px */
}

.bloc_voiraussi .bva_titrewrapper {
    width: 145px;
    height: 60px;
    display: table;
    vertical-align: middle;
    overflow: visible;
    margin: 0 0 0 auto;
    padding: 10px 5px 10px 10px;
    background-color: #ea7420;
    position: relative;
}

.Safari534 .bloc_voiraussi .bva_titrewrapper {
    /* Android 4.0.x à 4.3.x browser natif ne prend pas en compte le padding ici pour height et width */
    width: 160px;
    height: 80px;
}

.bloc_voiraussi .bva_titre:before {
    content: "<";
    font-size: 0;
    background: url(../img/blocVoirAussi/EncocheVoirAussi.png) 0 0 no-repeat;
    width: 6px;
    height: 17px;

    position: absolute;
    top: 32px;
    left: -6px;
}

.bloc_voiraussi .bva_titre {
    display: table-cell;
    line-height: 1em;
    vertical-align: middle;
    text-align: left;
}

.bloc_voiraussi a:hover .bva_titre {
    text-decoration: underline;
}

.bloc_actuspresse h5,
.bloc_agenda h5 {
    display: inline-block;
    text-transform: uppercase;
    font-family: pt_sans, sans-serif;
    font-weight: normal;
    font-style: normal;
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left: 35px;
    font-size: 1.84615385em;
    /* base 24px - 24/13px */
    line-height: 145.833333333333%;
    /* 35px / 24px */
    color: #787f86;
}

.bloc_actuspresse h5 {
    background-image: url(../img/footer/ActusLogo.png);
}

.bloc_actuspresse .ffollowDate {
    color: #787f86;
}

.bloc_actuspresse .ffollowSousTitre {
    color: #3c3c3c;
}

.bloc_actuspresse .ffollowSousTitre a,
.bloc_agenda .ffollowSousTitre a {
    display: inline-block;
    width: 100%;
}

.bloc_agenda h5 {
    background-image: url(../img/blocAgenda/AgendaLogo.png);
}

.bloc_agenda ul li {
    margin-bottom: 18px;
    min-height: 70px;
}

.bloc_agenda p {
    color: #3c3c3c;
    line-height: 1.230769230769231em;
    /* 16px / 13px */
}

.bloc_agenda .ffollowInfoAgenda {
    margin: 7px 0 -3px 0;
    font-size: 0.9230769230769231em;
    /* 12px / 13px */
}

.bloc_actuspresse p {
    color: #3c3c3c;
    line-height: 1.230769230769231em;
    /* 16px / 13px */
}

.bloc_agenda a,
.bloc_actuspresse a {
    color: #3c3c3c;
}

#bloc_bdd h5 {
    display: inline-block;
    font-family: pt_sans, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 1.84615385em;
    /* base 24px - 24/13px */
    color: #3c3c3c;
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height: 116.666666666667%;
    /* 28px / 24px */
}

#bloc_bdd p {
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-size: 1rem;
    line-height: 1.230769230769231em;
    font-weight: bold;
    color: #3c3c3c;
    margin-bottom: 20px;
}

.ltIE9 #bloc_bdd p {
    /* alternative aux tailles "rem" */
    font-size: 1em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#bloc_bdd form {
    width: 85.57142857%;
    /* base 234px - 234/280px */
    position: relative;
    font-size: 0;
}

#bloc_bdd form .mgnlEditBlock {
    font-size: 13px;
}

#bloc_bdd form>.select-style {
    width: 85%;
    display: inline-block;
}

#bloc_bdd form>.select-style:after {
    width: 35px;
}

#bloc_bdd form>.select-style select {
    height: 31px;
    padding: 7px 2px;
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-weight: normal;
    font-style: normal;
    font-size: 0.9230769230769231em;
    color: #5d5e5e;
    font-size: 13px;
}

.ltIE11 #bloc_bdd form .select-style select,
.OtherUnknown #bloc_bdd form .select-style select {
    padding: 7px 2px !important;
}

.ltIE9 #bloc_bdd form .select-style select {
    padding: inherit !important;
    height: auto !important;
    margin-top: 3px;
}

.IE9 #bloc_bdd form .select-style select,
.IE10 #bloc_bdd form .select-style select {
    padding: inherit !important;
    height: 2.46em;
}

#bloc_bdd .bbdd_button {
    height: 32px;
}

/* Compement Discipline de recherche */
.bloc_discipline_recherche {
    padding: 22px 0 18px;
}

.bloc_discipline_recherche .titre,
.bloc_discipline_recherche .cdr_soustitre,
.bloc_discipline_recherche .cdr_lienint {
    margin: 0 5%;
    max-width: 100%;
}

.bloc_discipline_recherche .titre {
    color: #787f86;
    font-family: pt_sans, sans-serif;
    font-size: 1.69230769230769em;
    /* 22px / 13px */
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 0.590909090909091em;
    /* 13px / 22px */
}

.bloc_discipline_recherche .cdr_soustitre {
    font-weight: bold;
    margin-bottom: 1.15384615384615em;
    /* 15px / 13px */
}

.bloc_discipline_recherche .cdr_lienint {
    background: url("../img/lienComplementaire-style1-bullet-point.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
    display: block;
    margin-bottom: 0.692307692307692em;
    /* 9px / 13px */
}

.bloc_discipline_recherche .cdr_lienint a {
    color: #3c3c3c;
    padding-left: 10px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 3px;
    display: block;
}

.bloc_discipline_recherche ul li {
    margin-bottom: 15px;
    max-width: 100%;
}


/**************************** Fin colonne droite *************************/


/**************************** Debut bandeau de pagination *************************/

.wrapperPagination {
    margin: 0 auto;
    padding: 0 20px;
    /* 40px / 1000px */
    position: relative;
    max-width: 920px;
    /* normalement seule dimension en dur car on a une largeur max */
    height: 100%;
}

.ltIE9 .wrapperPagination {
    width: 920px;
    /* largeur fixe sous IE8 */
}

.wrapperPagination div {
    display: inline-block;
}

.wrapperPagination div.select-style {
    display: block;
}

.ltIE9 .wrapperPagination div.select-style {
    margin: 2px 0 !important;
}


.resultatsRecherche .pagination.affinage {
    background-color: #ea7420;
}

.pagination .navigationPages a {
    display: inline-block;
}

/*.pagination .navigationPages .numerosPages a:hover {
    border: 2px solid #000000;
}*/

.pagination .navigationPages .nav_prec,
.mobile-nav-btn-container .nav_prec {
    font-family: pt_sans, sans-serif;
    font-size: 1.692307692307692em;
    /* Base 22px - 22/13px */
    float: left;
    margin-top: 3px;
    font-weight: normal;
    font-style: normal;
}

.pagination .navigationPages .nav_suiv,
.mobile-nav-btn-container .nav_suiv {
    font-family: pt_sans, sans-serif;
    font-size: 1.692307692307692em;
    /* Base 22px - 22/13px */
    float: right;
    margin-top: 3px;
    font-weight: normal;
    font-style: normal;
}

.pagination .navigationPages a.nav_prec:hover,
.pagination .navigationPages a.nav_suiv:hover {
    text-decoration: underline;
}

.pagination .navigationPages a.nav_prec,
.pagination .navigationPages a.nav_suiv {
    color: white;
}

.pagination .navigationPages span.nav_prec,
.pagination .navigationPages span.nav_suiv {
    color: #bcbfc3;
}

.dossier .pagination .liensMiseEnAvant,
.resultatsRecherche .pagination .choixAffichageResultats,
.liste .pagination .choixAffichageResultats,
.formation .pagination .choixAffichageResultats,
.maSelection .pagination .choixAffichageResultats,
.listeResultats .pagination .choixAffichageResultats {
    display: inline-block;
    text-align: center;
    width: 30.4347826%;
    margin: 0;
    float: right;
}

.ltIE9 .pagination .choixAffichageResultats {
    margin-top: 5px;
}

/* Footer navigation */
.resultatsRecherche .navigationPages>span {
    display: table-cell;
    vertical-align: top;
}

.formation .navigationPages>span,
.liste .navigationPages>span,
.maSelection .navigationPages>span {
    display: table-cell;
    vertical-align: top;
}

.resultatsRecherche .navigationPages>span.btnNav,
.formation .navigationPages>span.btnNav,
.liste .navigationPages>span.btnNav,
.maSelection .navigationPages>span.btnNav {
    white-space: nowrap;
}

.resultatsRecherche .navigationPages>span.btnNav>*,
.formation .navigationPages>span.btnNav>*,
.liste .navigationPages>span.btnNav>*,
.maSelection .navigationPages>span.btnNav>* {
    position: relative;
    top: -4px;
}

.resultatsRecherche .navigationPages>span.btnNav:hover>*,
.formation .navigationPages>span.btnNav:hover>*,
.liste .navigationPages>span.btnNav:hover>*,
.maSelection .navigationPages>span.btnNav:hover>* {
    border-bottom: 2px solid #ffffff;
}

.resultatsRecherche .navigationPages>span.btnNav.inactif:hover>*,
.formation .navigationPages>span.btnNav.inactif:hover>*,
.liste .navigationPages>span.btnNav.inactif:hover>*,
.maSelection .navigationPages>span.btnNav.inactif:hover>* {
    border-bottom: none;
}

.resultatsRecherche .navigationPages>*>*,
.formation .navigationPages>*>*,
.liste .navigationPages>*>*,
.maSelection .navigationPages>*>* {
    display: inline !important;
}

.resultatsRecherche .navigationPages>span.btnNav>*,
.resultatsRecherche .navigationPages .numerosPages ul li *,
.formation .navigationPages>span.btnNav>*,
.formation .navigationPages .numerosPages ul li *,
.liste .navigationPages>span.btnNav>*,
.maSelection .navigationPages>span.btnNav>*,
.maSelection .navigationPages .numerosPages ul li * {
    font-family: pt_sans, sans-serif;
    font-size: 1.692307692307692em;
    /* 22px/13px */
    font-weight: normal;
    font-style: normal;
    color: #ffffff;
    text-align: left;
    vertical-align: middle;
    padding: 0;
}

.resultatsRecherche .navigationPages>span.btnNav.inactif>*,
.formation .navigationPages>span.btnNav.inactif>*,
.liste .navigationPages>span.btnNav.inactif>*,
.maSelection .navigationPages>span.btnNav.inactif>* {
    color: #bcbfc3;
}

.resultatsRecherche .navigationPages .numerosPages,
.formation .navigationPages .numerosPages,
.liste .navigationPages .numerosPages,
.maSelection .navigationPages .numerosPages {
    width: auto;
    text-align: center;
}

.resultatsRecherche .navigationPages .numerosPages {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.resultatsRecherche .pagination .choixAffichageResultats>.select-style,
.listeResultats .pagination .choixAffichageResultats {
    width: 100%;
}

.resultatsRecherche .navigationPages .numerosPages ul li * {
    color: #161616 !important;
}

.resultatsRecherche .navigationPages .numerosPages ul .pageCourante * {
    color: #E9631A !important;
}

.resultatsRecherche .navigationPages {
    width: auto;
}

.pagination .wrapperPagination .navigationPages {
    width: auto;
}

.resultatsRecherche .pagination .choixAffichageResultats {
    width: auto;
}

.resultatsRecherche .pagination .choixAffichageResultats>.select-style select,
.listeResultats .pagination .choixAffichageResultats {
    width: 100%;
    padding-right: 35px;
}

.resultatsRecherche .navigationPages .numerosPages ul li,
.formation .navigationPages .numerosPages ul li,
.liste .navigationPages .numerosPages ul li,
.maSelection .navigationPages .numerosPages ul li {
    display: inline-block;
}

.resultatsRecherche .navigationPages .numerosPages ul li {
    padding: 0 3px;
}

.formation .navigationPages .numerosPages ul li *,
.liste .navigationPages .numerosPages ul li *,
.maSelection .navigationPages .numerosPages ul li * {
    width: 29px;
    height: 21px;
    text-align: center;
    padding: 0.181818181818182em
        /* 4px / 22px */
        0;
    display: inline-block;
    color: #161616;
}

.resultatsRecherche .navigationPages .numerosPages ul li.pageCourante span,
.formation .navigationPages .numerosPages ul li.pageCourante span,
.liste .navigationPages .numerosPages ul li.pageCourante span,
.maSelection .navigationPages .numerosPages ul li.pageCourante span {
    background-color: #ffffff;
    color: #787f86;
    /*border: 2px solid #000000;*/
    text-decoration: none;
}

.formation .navigationPages>span.btnNav.premier,
.formation .navigationPages>span.btnNav.dernier,
.liste .navigationPages>span.btnNav.premier,
.liste .navigationPages>span.btnNav.dernier,
.maSelection .navigationPages>span.btnNav.premier,
.maSelection .navigationPages>span.btnNav.dernier {
    width: 3.5em;
}

.liste .navigationPages>span.btnNav.precedent,
.maSelection .navigationPages>span.btnNav.precedent {
    width: 9em;
}

.liste .navigationPages>span.btnNav.suivant,
.maSelection .navigationPages>span.btnNav.suivant {
    width: 7.3em;
}

.resultatsRecherche .navigationPages>span.btnNav.precedent.reduit,
.resultatsRecherche .navigationPages>span.btnNav.suivant.reduit,
.formation .navigationPages>span.btnNav.precedent.reduit,
.formation .navigationPages>span.btnNav.suivant.reduit,
.liste .navigationPages>span.btnNav.precedent.reduit,
.liste .navigationPages>span.btnNav.suivant.reduit,
.maSelection .navigationPages>span.btnNav.precedent.reduit,
.maSelection .navigationPages>span.btnNav.suivant.reduit {
    width: 2em;
}

.resultatsRecherche .navigationPages>span.btnNav.precedent.reduit>*>span,
.resultatsRecherche .navigationPages>span.btnNav.suivant.reduit>*>span,
.formation .navigationPages>span.btnNav.precedent.reduit>*>span,
.formation .navigationPages>span.btnNav.suivant.reduit>*>span,
.liste .navigationPages>span.btnNav.precedent.reduit>*>span,
.liste .navigationPages>span.btnNav.suivant.reduit>*>span,
.maSelection .navigationPages>span.btnNav.precedent.reduit>*>span,
.maSelection .navigationPages>span.btnNav.suivant.reduit>*>span {
    display: none;
}

.resultatsRecherche .navigationPages>span.btnNav.suivant,
.resultatsRecherche .navigationPages>span.btnNav.dernier,
.formation .navigationPages>span.btnNav.suivant,
.formation .navigationPages>span.btnNav.dernier,
.liste .navigationPages>span.btnNav.suivant,
.liste .navigationPages>span.btnNav.dernier,
.maSelection .navigationPages>span.btnNav.suivant,
.maSelection .navigationPages>span.btnNav.dernier {
    text-align: right;
    color: #EC6726;
}

.resultatsRecherche .navigationPages>span.btnNav>a,
.formation .navigationPages>span.btnNav>a,
.liste .navigationPages>span.btnNav>a,
.maSelection .navigationPages>span.btnNav>a {
    text-decoration: none !important;
    color: #EC6726;
}

.resultatsRecherche .navigationPages>span.btnNav>*:before,
.resultatsRecherche .navigationPages>span.btnNav>*:after,
.formation .navigationPages>span.btnNav>*:before,
.formation .navigationPages>span.btnNav>*:after,
.liste .navigationPages>span.btnNav>*:before,
.liste .navigationPages>span.btnNav>*:after,
.maSelection .navigationPages>span.btnNav>*:before,
.maSelection .navigationPages>span.btnNav>*:after {
    font-size: 1.409090909090909em;
    /* 31/22 */
    position: relative;
    top: 0.1em;
    color: #EC6726;
}

.ltIE9 .resultatsRecherche .navigationPages>span.btnNav>*:before,
.ltIE9 .resultatsRecherche .navigationPages>span.btnNav>*:after,
.ltIE9 .formation .navigationPages>span.btnNav>*:before,
.ltIE9 .formation .navigationPages>span.btnNav>*:after,
.ltIE9 .liste .navigationPages>span.btnNav>*:before,
.ltIE9 .liste .navigationPages>span.btnNav>*:after,
.ltIE9 .maSelection .navigationPages>span.btnNav>*:before,
.ltIE9 .maSelection .navigationPages>span.btnNav>*:after {
    font-size: 2.384615385em;
    /* 31/13 */
    color: #EC6726;
}

.resultatsRecherche .navigationPages>span.btnNav.premier>*:before,
.formation .navigationPages>span.btnNav.premier>*:before,
.liste .navigationPages>span.btnNav.premier>*:before,
.maSelection .navigationPages>span.btnNav.premier>*:before {
    content: "\003c";
    color: #EC6726;
}

.resultatsRecherche .navigationPages>span.btnNav.premier>*>span,
.formation .navigationPages>span.btnNav.premier>*>span,
.liste .navigationPages>span.btnNav.premier>*>span,
.maSelection .navigationPages>span.btnNav.premier>*>span {
    display: none;
}

.resultatsRecherche .navigationPages>span.btnNav.premier>*:after,
.formation .navigationPages>span.btnNav.premier>*:after,
.liste .navigationPages>span.btnNav.premier>*:after,
.maSelection .navigationPages>span.btnNav.premier>*:after {
    content: "\003c";
    margin-left: -0.15em;
    color: #EC6726;
}

.resultatsRecherche .navigationPages>span.btnNav.dernier>*:before,
.formation .navigationPages>span.btnNav.dernier>*:before,
.liste .navigationPages>span.btnNav.dernier>*:before,
.maSelection .navigationPages>span.btnNav.dernier>*:before {
    content: "\003e";
    color: #EC6726;
}

.resultatsRecherche .navigationPages>span.btnNav.dernier>*>span,
.formation .navigationPages>span.btnNav.dernier>*>span,
.liste .navigationPages>span.btnNav.dernier>*>span,
.maSelection .navigationPages>span.btnNav.dernier>*>span {
    display: none;
}

.resultatsRecherche .navigationPages>span.btnNav.dernier>*:after,
.formation .navigationPages>span.btnNav.dernier>*:after,
.liste .navigationPages>span.btnNav.dernier>*:after,
.maSelection .navigationPages>span.btnNav.dernier>*:after {
    content: "\003e";
    margin-left: -0.15em;
    color: #EC6726;
}

.resultatsRecherche .navigationPages>span.btnNav.precedent>*:before,
.formation .navigationPages>span.btnNav.precedent>*:before,
.liste .navigationPages>span.btnNav.precedent>*:before,
.maSelection .navigationPages>span.btnNav.precedent>*:before {
    content: "\003c";
    margin-right: 0.25em;
    color: #EC6726;
}

.resultatsRecherche .navigationPages>span.btnNav.precedent.reduit>*:before,
.formation .navigationPages>span.btnNav.precedent.reduit>*:before,
.liste .navigationPages>span.btnNav.precedent.reduit>*:before,
.maSelection .navigationPages>span.btnNav.precedent.reduit>*:before {
    margin-right: 0;
}

.resultatsRecherche .navigationPages>span.btnNav.suivant>*:after,
.formation .navigationPages>span.btnNav.suivant>*:after,
.liste .navigationPages>span.btnNav.suivant>*:after,
.maSelection .navigationPages>span.btnNav.suivant>*:after {
    content: "\003e";
    margin-left: 0.25em;
}

.resultatsRecherche .navigationPages>span.btnNav.suivant.reduit>*:after,
.formation .navigationPages>span.btnNav.suivant.reduit>*:after,
.liste .navigationPages>span.btnNav.suivant.reduit>*:after,
.maSelection .navigationPages>span.btnNav.suivant.reduit>*:after {
    margin-left: 0;
}


/**************************** Fin bandeau de pagination *************************/


/******************************* Début liste ************************************/
.liste .navigationPages {
    border-right: none;
}

.liste .listeResultats {
    width: 100%;
    margin-top: 50px;
    margin-left: 5%;
}

.liste .listeResultats>li {
    padding: 20px 30px;
}


.liste .listeResultats>li .titre {
    color: #000000;
}

.liste .listeResultats>li .titre h3 {
    display: inline;
}

.liste .listeResultats>li .description {
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    /* 13px/13px */
    line-height: 138%;
    /* 18px/13px */
    margin-top: 2px;
}

.ltIE9 .liste .listeResultats>li .description {
    /* alternative aux tailles "rem" */
    font-size: 1em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.liste .listeResultats>li a .lienExterne {
    color: #000000;
    min-width: 20px;
}

.liste .listeResultats>li a:hover .lienExterne {
    cursor: pointer;
    color: #EA7420;
    text-decoration: underline;
    text-decoration-color: #EA7420;
}


.liste .listeResultats>li a .lienExterne .lienExterneImg {
    background-image: url(../img/external_link.svg);
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: 5px 0px;
    padding-left: 20px;
}

.liste .listeResultats>li a:hover .lienExterne .lienExterneImg {
    background-image: url(../img/external_link_orange.svg);
}

.liste .listeResultats>li a {
    display: inline-block;
}

.liste .listeResultats>li a:hover {
    cursor: pointer;
}


.liste .listeResultats>li a h3,
.liste .listeResultats>li a h4,
.liste .listeResultats>li a h5 {
    display: inline;
}

.liste .listeResultats .informationsEvenement {
    width: 100%;
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-style: normal;
    font-weight: bold;
    font-size: 1.076923076923077rem;
    /* 14px/13px */
    line-height: 129%;
    color: #3c3c3c;
}

.ltIE9 .liste .listeResultats .informationsEvenement {
    /* alternative aux tailles "rem" */
    font-size: 1.076923076923077em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.liste .listeResultats .informationsEvenement .periode,
.liste .listeResultats .informationsEvenement .lieu {
    display: inline-block;
    padding: 0 25px;
    min-height: 20px;
}

.liste .listeResultats .informationsEvenement .periode {
    background: url(../img/calendar.svg) 0 0 no-repeat;
    width: 90px;
}


.liste .listeResultats .infoComplementaire {
    margin: 0 0 0 0;
    display: inline-block;
    font-weight: bold;
    font-style: italic;
    padding: 4px;
    color: var(--color-charcoal);
    border: 1px solid;
    box-sizing: border-box;
    font-size: 1rem;
    line-height: 154%;
}

.liste .listeResultats .listeAgendaItem .listeAgendaItemContainerInfos:hover {
    cursor: pointer;
}

.liste .listeResultats .listeAgendaItem .listeAgendaItemContainer .periode,
.liste .listeResultats .listeAgendaItem .listeAgendaItemContainer .lieu {
    font-family: "pt_sans";
    /*Narrow*/
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
}

.liste .listeResultats .listeAgendaItem .listeAgendaItemContainer .infoComplementaire {
    font-family: "pt_sans";
    font-style: italic;
    font-weight: bold;
    font-size: 13px;
    line-height: 20px;
}

.liste .listeResultats .listeAgendaItem .listeAgendaItemContainer .listeAgendaItemContainerInfos .titre {
    font-family: "pt_sans";
    /*Narrow*/
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
}

.liste .listeResultats .listeAgendaItem .listeAgendaItemContainer .listeAgendaItemContainerInfos .description {
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
}

.liste .listeResultats .listeAgendaItem .listeAgendaItemContainer .listeAgendaItemContainerInfos .lienExterne {
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
}

.liste .listeResultats .listeAgendaItem .listeAgendaItemContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

@media (max-width: 480px) {
    .liste .listeResultats .listeAgendaItem .listeAgendaItemContainer {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        width: 100%;
    }

    .liste .listeResultats .listeAgendaItem .listeAgendaItemContainer .informationsEvenement {
        margin-left: 8px;
        margin-bottom: 8px;
    }
}


/******************************* Fin liste ************************************/


/********************** DEBUT Style Complément Push Spécial **********************/
.push_special {
    position: relative;
    margin: 26px 0 21px;
}

.push_special .titre_push_special {
    position: absolute;
    top: 26px;
    left: 18px;
    background-color: #FFFFFF;
    color: #EA7420;
    font-size: 2.15em;
    /* 28px/13px */
    font-family: pt_sans, sans-serif;
    padding: 10px;
}

.push_special img {
    display: block;
}

.push_special .bloc_lien_push_special {
    background-color: #787f86;
    width: 100%;
    cursor: pointer;
}

.push_special .bloc_lien_push_special ul {
    padding: 8px 0;
}

.push_special .bloc_lien_push_special ul li {
    line-height: 20px;
}

.push_special .bloc_lien_push_special .lien_push_special {
    background: url(../img/fleche-lien-miseenavant.png) 19px 8px no-repeat;
    color: #FFFFFF;
    font-size: 1em;
    font-weight: bold;
    padding-left: 29px;
    display: inline-block;
}

/********************** FIN Style Complément Push Spécial **********************/





/******************************** Début pages Présentation Media (affiche / document)  ***************************/
/* TODO
    - Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants
    - Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire)
    - SAUF celles qui sont potentiellement transversales
*/
/* Style propre au cartouche */
.presentation_media .cartouche_media {
    margin: 0 0 10px 0;
}

.presentation_media .cartouche_media .cartouche_media_type {
    background-color: #3C3C3C;
    padding: 5px 8px;
    color: #FFFFFF;
    display: inline-block;
    font-weight: bold;
    font-size: 0.769230769230769em;
    /* 10px / 13px */
    text-transform: uppercase;
    margin-right: 0.909090909090909em;
    /* 10px / 11px */
}

.presentation_media .cartouche_media .cartouche_media_annee {
    color: #3C3C3C;
    font-size: 0.846153846153846em;
    /* 11px / 13px */
}

/* Style propre aux détails du média (bloc de gauche + bloc central) */
#details_media {
    display: table;
    font-size: 0;
    width: 100%;
    margin: 20px auto 0 auto;
    padding: 0;
}

.ltIE9 #details_media {
    /* alternative au font-size:0 */
    font-family: AdobeBlank;
    font-size: 1em;
}



/* Style propre au bloc visuel du média (bloc de gauche) */
#details_media #bloc_visuel_media {
    display: table-cell;
    vertical-align: top;
    width: 34.78260869565217%;
    /* 320/920 */
    padding: 0 4.34782608695652% 0 0;
    /* 40/920 */
    /*  font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-size: 1rem;
}

.ltIE9 #details_media #bloc_visuel_media {
    /* alternative aux tailles "rem" */
    font-size: 1em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.ltIE9 #details_media #bloc_visuel_media {
    padding: 0 40px 0 0;
}

#details_media #bloc_resume_media {
    display: table-cell;
    vertical-align: top;
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-size: 1rem;
}

.ltIE9 #details_media #bloc_resume_media {
    /* alternative aux tailles "rem" */
    font-size: 1em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#details_media #bloc_visuel_media .blocImage {
    margin: 0 0 30px 0;
}

.contributions_medias .bloc_contribution_media {
    background-color: #e5e5e5;
    padding: 19px 15px 20px;
    margin: 0 0 2.30769230769231em;
    /* 30px / 13px */
}

.contributions_medias .bloc_contribution_media .contribution_media {
    width: 100%;
}

.contributions_medias .bloc_contribution_media .contribution_media .titre {
    color: #787f86;
    font-family: pt_sans, sans-serif;
    font-size: 1.69230769230769em;
    /* 22px / 13px */
    margin: 0 0 15px;
}

.contributions_medias .bloc_contribution_media .contribution_media .telechargement_contribution_media {
    width: 100%;
    margin: 0 0 8px 0;
    padding: 8px 0;
}

.contributions_medias .bloc_contribution_media .contribution_media .telechargement_contribution_media span {
    background: url("../img/fleche-lien-miseenavant.png") no-repeat scroll 23px 50%;
    padding: 0 10px 0 40px;
}

.contributions_medias .bloc_contribution_media .contribution_media .lien_interne {
    background: url("../img/lienComplementaire-style1-bullet-point.png") no-repeat scroll 0 3px;
    display: block;
    margin-top: 8px;
}

.contributions_medias .bloc_contribution_media .contribution_media .lien_interne a {
    color: #3c3c3c;
    padding-left: 10px;
    font-weight: bold;
    display: block;
}

.contributions_medias .bloc_contribution_media .contribution_media a.btCommander {
    margin: 0 0 3px 0;
    width: 100%;
    padding: 8px 0;
}

.contributions_medias .bloc_contribution_media .contribution_media a.btCommander span {
    background: url("../img/fleche-lien-miseenavant.png") no-repeat scroll 23px 50%;
    padding-left: 40px;
    padding-right: 20px;
}

#bloc_resume_media .contributions_medias {
    display: block;
    width: auto;
    background: #e5e5e5;
    vertical-align: top;
    font-size: 0;
    margin: 0 0 35px 0;
}

.ltIE9 #bloc_resume_media .contributions_medias {
    /* alternative au font-size:0 */
    font-family: AdobeBlank;
    font-size: 1em;
}


#bloc_resume_media .contributions_medias .bloc_contribution_media {
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    padding: 20px 25px;
    margin: 0;
    font-size: 1rem;
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    background: none;
}

.ltIE9 #bloc_resume_media .contributions_medias .bloc_contribution_media {
    /* alternative aux tailles "rem" */
    font-size: 1em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#bloc_resume_media .contributions_medias .bloc_contribution_media {
    width: 49.5%;
}


/* Style propre au bloc de résumé du média (bloc central) */
#details_media #bloc_resume_media #descriptif_media {
    width: 100%;
    line-height: 1.38461538461538em;
    /* 18px / 13px */
}

/* Fiche technique d'un media */
.stage .informations_techniques,
.infos_actu {
    margin: 1.92307692307692em
        /* 25px / 13px */
        0 2.30769230769231em;
    /* 30px / 13px */
}

.stage .listeOnglets .onglet .contenu h3,
.infos_actu .titreIT,
.liste_substances .titreIT {
    color: #3C3C3C;
    font-family: pt_sans, sans-serif;
    font-size: 1.69230769230769em;
    /* 22px / 13px */
    font-weight: bold;
    margin-bottom: 0.454545454545455em;
    /* 10px / 22px */
}

#informations_techniques_media .listeOnglets .onglet.deplie .titre,
#informations_techniques_media .listeOnglets .onglet.replie .titre,
.liste_substances .listeOnglets .onglet.deplie .titre,
.liste_substances .listeOnglets .onglet.replie .titre,
.stage .listeOnglets .titre {
    display: none;
}

/* Style propre aux ressources complémentaires */
#container_ressources_complementaires {
    background-color: #e5e5e5;
    padding: 2.30769230769231em
        /* 30px / 13px */
        20px;
    position: relative;
}

.ltIE9 #container_ressources_complementaires {
    min-width: 980px;
}

.bloc_alignement_ressources_complementaires {
    max-width: 920px;
    margin: 0 auto;
    padding: 0 30px;
}

#container_ressources_complementaires .titre {
    color: #000000;
    font-family: pt_sans, sans-serif;
    font-size: 2.30769230769231em;
    /* 30px / 13px */
    font-weight: bold;
}

#container_ressources_complementaires #bloc_ressources_complementaires {
    max-width: 980px;
    margin: 0 auto;
}

#container_ressources_complementaires #bloc_ressources_complementaires #theme_ressources_complementaires {
    background-color: #FFFFFF;
    margin-top: 1.92307692307692em;
    /* 25px / 13px */
    padding: 26px 30px;
}

#container_ressources_complementaires #bloc_ressources_complementaires .themes_annexes_ressources_complementaires {
    margin-top: 1.92307692307692em;
    /* 25px / 13px */
}

#container_ressources_complementaires #bloc_ressources_complementaires #theme_ressources_complementaires .titre,
#container_ressources_complementaires #bloc_ressources_complementaires .themes_annexes_ressources_complementaires .titre {
    font-size: 1.69230769230769rem;
    /* 22px / 13px */
    color: #3c3c3c;
    font-family: pt_sans, sans-serif;
    display: inline-block;
    font-weight: bold;
}

.ltIE9 #container_ressources_complementaires #bloc_ressources_complementaires #theme_ressources_complementaires .titre,
.ltIE9 #container_ressources_complementaires #bloc_ressources_complementaires .themes_annexes_ressources_complementaires .titre {
    /* alternative aux tailles "rem" */
    font-size: 1.69230769230769em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#container_ressources_complementaires #bloc_ressources_complementaires #theme_ressources_complementaires .titre {
    width: 75%;
}

.entete_ressources_complementaires {
    font-size: 0;
}

.ltIE9 .entete_ressources_complementaires {
    /* alternative au font-size:0 */
    font-family: AdobeBlank;
    font-size: 1em;
}


.pagination_ressources_complementaires {
    display: inline-block;
    float: right;
    font-size: 1.84615384615385rem;
    /* 24px / 13px */
    font-family: pt_sans, sans-serif;
    color: #eb690b;
}

.ltIE9 .pagination_ressources_complementaires {
    /* alternative aux tailles "rem" */
    font-size: 1.84615384615385em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.pagination_ressources_complementaires .compteurs_pagination {
    margin-right: 0.833333333333333em;
    /* 20px / 24px */
}

.pagination_ressources_complementaires .compteurs_pagination,
.pagination_ressources_complementaires .arrow {
    display: inline-block;
    vertical-align: middle;
}

.pagination_ressources_complementaires .arrow {
    background-color: #eb690b;
    /*padding: 0 0.375em; /* 9px / 24px */
    height: 1.08333333333333em;
    /* 26px / 24px */
    width: 1.04166666666667em;
    /* 25px / 24px */
    color: #FFFFFF;
    cursor: pointer;
    font-family: pt_sans, sans-serif;
    font-size: 1.16666666666667em;
    /* 28px / 24px */
    text-align: center;
}

.pagination_ressources_complementaires .prev {
    margin-right: 2px;
}

.pagination_ressources_complementaires .inactive {
    background-color: #f3ccb0;
    cursor: default
}




/* */
.contenu_ressources_complementaires {
    width: 100%;
    margin-top: 15px;
    /*overflow: hidden;*/
}


.theme_ressources {
    position: relative;
    left: 0;
    top: 0;
    z-index: 100000;
    background-color: #FFFFFF;
}

.theme_ressources_mobile {
    position: absolute;
    padding: 25px 25px 30px;
}

.theme_ressources ul.listeRessources {
    font-size: 0;
    margin-top: 0;
}

.ltIE9 .theme_ressources ul.listeRessources {
    /* alternative au font-size:0 */
    font-family: AdobeBlank;
    font-size: 1em;
}


.theme_ressources ul.listeRessources li.ressource {
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-size: 1rem;
    margin-left: 5.295%;
    width: 29.7872%;
}

.ltIE9 .theme_ressources ul.listeRessources li.ressource {
    /* alternative aux tailles "rem" */
    font-size: 1em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.ltIE9 .theme_ressources ul.listeRessources li.ressource {
    margin-left: 4.6%;
}

.theme_ressources ul.listeRessources li.ressource img {
    display: block;
}

/* */


.contenu_ressources_complementaires .theme_ressources .listeRessources .ressource.onemodthree {
    margin-left: 0;
}



.contenu_ressources_complementaires .boutonImportant {
    padding: 8px 30px 8px 10px;
    margin: 0 0 0 20px;
    display: none;
}

.contenu_ressources_complementaires .boutonImportant span {
    font-weight: bold;
    font-size: 0.923076923076923em;
    /* 12px / 13px */
    padding: 6px 0 6px 55px;
    background: url('../img/pagePresentationMedia/picto-voir-affiches.png') no-repeat scroll 0 50% rgba(0, 0, 0, 0);
}

.presentation_media .contenu_ressources_complementaires .cartouche_media {
    margin: 20px 0 5px;
}


.theme_ressource {
    display: inline-block;
    vertical-align: top;
    margin-right: 40px;
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-size: 1rem;
    width: 280px;
}

.ltIE9 .theme_ressource {
    /* alternative aux tailles "rem" */
    font-size: 1em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.theme_ressource .titre_ressource {
    font-weight: bold;
    margin: 0.615384615384615em
        /* 8px / 13px */
        0 0.384615384615385em;
    /* 5px / 13px */
}

.theme_ressource .description_ressource {
    font-size: 0.923076923076923em;
    /* 12px / 13px */
}



/* Style propres aux thèmes annexes */

ul.supports_theme_annexe {
    color: #FFFFFF;
    font-family: pt_sans, sans-serif;
    position: relative;
    font-size: 0;
    width: 102%;
    margin: 3px 0 0;
}

.ltIE9 ul.supports_theme_annexe {
    /* alternative au font-size:0 */
    font-family: AdobeBlank;
    font-size: 1em;
}


ul.supports_theme_annexe li {
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
    display: inline-block;
    vertical-align: top;
    width: 220px;
    height: 33px;
    margin: 8px 13px 0 0;
    font-size: 1rem;
}

.ltIE9 ul.supports_theme_annexe li {
    /* alternative aux tailles "rem" */
    font-size: 1em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.ltIE9 ul.supports_theme_annexe li {
    margin: 8px 7px 0 0;
}

ul.supports_theme_annexe li a {
    display: block;
    height: 100;
    margin: 0;
}

.presentation_media #footer {
    margin: 0 auto;
}

/* Fiche toxicologique B */
.liste_substances {
    margin-bottom: 2.2em;
}

.liste_substances ul li {
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-size: 1rem;
    font-weight: normal;
    font-style: normal;
}

.ltIE9 .liste_substances ul li {
    /* alternative aux tailles "rem" */
    font-size: 1em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.liste_substances .informations_substance>li>span,
.liste_substances ul>li>.nom_substance {
    font-weight: bold;
}

.liste_substances ul li h3 {
    display: inline;
}

.liste_substances>ul {
    margin-top: 1.3em;
}

.liste_substances .contenu>ul>li {
    margin-bottom: 0.7em;
}

.liste_substances ul>li>.nom_substance {
    margin-bottom: 0.6em;
}

.liste_substances .informations_substance>li {
    line-height: 1.538461538461538em;
    /* 20px/13px */
    background: url(../img/editorial-bullet-point.png) 1px 0.6923076923076923em
        /* 9px / 13px */
        no-repeat;
    padding-left: 18px;
}

/***************************** Fin pages Présentation Media (affiche / document) *****************************/



/***************************** Début page Etude / Communication / Publication *****************************/
/* TODO
    - Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants
    - Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire)
    - SAUF celles qui sont potentiellement transversales
*/
.etude_communication_publication .center_cartouche {
    margin: 15px 0 0;
}

.etude_communication_publication .chapo {
    font-size: 1.230769rem;
    /* 16px */
    font-weight: normal;
    line-height: normal;
}

.etude_communication_publication .listeOnglets .onglet.replie .contenu {
    display: block;
}

.etude_communication_publication #informations_techniques_media .titreIT {
    margin-bottom: 5px;
}

.etude_communication_publication #informations_techniques_media {
    margin-bottom: 0;
}

.etude_communication_publication #informations_techniques_media .listeOnglets {
    margin: 15px 0 0;
}

.etude_communication_publication #informations_techniques_media ul {
    margin-top: 15px;
    font-size: 1.4rem;
}

.etude_communication_publication #informations_techniques_media ul.liste_informations_techniques {
    margin: 0.7em 0 1em 0;
}

/*
.etude_communication_publication #informations_techniques_media ul li .baseline_champs_info_technique{
    width: 41%;
}

.etude_communication_publication #informations_techniques_media ul li .detail_info_technique{
    width: 55%;
}
*/
.etude_communication_publication .lien_fichier,
#informations_techniques_media ul li .detail_info_technique a,
.stage .informations_techniques ul li .detail_info_technique a,
.infos_actu ul li .detail_info a {
    color: #b0273e;
    font-weight: bold;
}

.etude_communication_publication .lien_fichier {
    display: block;
}

a.lien_etude_rattachement:hover {
   color: var(--color-orange-inrs);
}

a.lien_etude_rattachement {
    border-bottom: none;
    display: inline;
    font-family: 'brother-1816', sans-serif;
    font-weight: 700;
    font-size: 1.23rem;
    line-height: 1.4;
    text-decoration: underline;
    text-decoration-color: #e9631a;
    text-decoration-thickness: 2px;
}

#informations_techniques_media ul.liste_publications_communications li {
    background: url(../img/editorial-bullet-point.png) 1px 0.461538461538462em
        /* 6px / 13px */
        no-repeat;
    padding-left: 18px;
}

#informations_techniques_media ul.liste_publications_communications li {
    margin-bottom: 1.53846153846154em;
    /* 20px / 13px */
}

#informations_techniques_media ul.liste_publications_communications li .publication_communication {
    margin-bottom: 0.384615384615385em;
    /* 5px / 13px */
    display: block;
    line-height: 1.15384615384615em;
    /* 15px / 13px */
}

#informations_techniques_media ul.liste_publications_communications li a.publication_communication {
    color: var(--color-charcoal);
    font-weight: 700;
    border-bottom: none;
    font-size: 1.23rem;
    line-height: 1.4;
    text-decoration: underline;
    text-decoration-color: #e9631a;
    text-decoration-thickness: 1px;
}

@media only screen and (min-width: 768px) {
    #informations_techniques_media ul.liste_publications_communications li a.publication_communication:hover {
            cursor: pointer;
            color: #e9631a;
    }
}

/***************************** Fin page Etude / Communication / Publication *****************************/



/***************************** Début page Formation - Accueil *****************************/
/* TODO
    - Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants
    - Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire)
    - SAUF celles qui sont potentiellement transversales
*/
.formation p.presentation_formation {
    margin-top: 10px;
}

.formation h2.title_offre_formation {
    color: #ea7420;
    font-family: pt_sans;
    font-size: 1.84615384615385em;
    /* 24px / 13px */
    margin: 30px 0 5px;
}


/* Style des blocs de formation */
.bloc_listeLiens,
.formation .bloc_formation {
    background-color: #e5e5e5;
    margin: 30px 0;
    padding: 5px 20px 30px;
    position: relative;
    display: block;
}

.bloc_listeLiens>h3,
.formation .bloc_formation .offre_titre,
.stage .bloc_sessions>h3,
/* ANCIENNE VERSION DE LA LISTE DES SESSIONS */
.stage .bloc_sessionsStage>h3

/* NOUVELLE VERSION DE LA LISTE DES SESSIONS */
    {
    border-bottom: solid 1px #a0a0a0;
    font-size: 1.23rem;
    /* 22px / 13px */
    color: #161616;
    font-weight: bold;
    margin-bottom: 0.909090909090909em;
    /* 20px / 22px */
    line-height: 2.27272727272727em;
    /* 50px / 22px */
    position: relative;
}

.bloc_listeLiens>h3:before,
.formation .bloc_formation .offre_titre:before,
.stage .bloc_sessions>h3:before,
/* ANCIENNE VERSION DE LA LISTE DES SESSIONS */
.stage .bloc_sessionsStage>h3:before

/* NOUVELLE VERSION DE LA LISTE DES SESSIONS */
    {
    content: url("../img/miseenavant-encoche.png");
    left: -24px;
    top: 6px;
    position: absolute;
}

.bloc_listeLiens>div,
.formation .bloc_formation>div {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;

    -webkit-column-gap: 3em;
    -moz-column-gap: 3em;
    column-gap: 3em;
}

.bloc_listeLiens>div>ul li,
.formation .bloc_formation>div>ul li {
    margin: 0 0 0.615384615384615em;
    /* 8px / 13px */
    display: inline-block;
    width: 100%;
}

.bloc_listeLiens>div>ul li a,
.formation .bloc_formation>div>ul li a {
    line-height: 1.07692307692308em;
    /* 14px / 13px */
    background: url("../img/lienComplementaire-miseenavant-style1-bullet-point.png") no-repeat 1px 0.285714285714286em
        /* 4px / 14px */
    ;
    padding: 0 0 0 1.15384615384615em;
    /* 15px / 13px */
    display: block;
    font-size: 1.07692307692308em;
    /* 14px / 13px */
}

/***************************** Fin page Formation - Accueil *****************************/

/***************************** Début stage *******************************/
/* TODO
    - Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants
    - Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire)
    - SAUF celles qui sont potentiellement transversales
*/

/* --- ANCIENNE VERSION DE LA LISTE DES SESSIONS --- */
.stage .bloc_sessions {
    background-color: var(--color-ice-blue);
    margin: 20px 0 10px 0;
    padding: 5px 20px 30px;
    position: relative;
    display: block;
}

.stage .bloc_sessions>h3:before {
    content: url("../img/miseenavant-encoche.png");
    position: absolute;
    left: -24px;
    top: 6px;
}

.stage .bloc_sessions>h3 {
    border-bottom: solid 1px #a0a0a0;
    font-size: 1.69230769230769em;
    /* 22px / 13px */
    color: #3c3c3c;
    font-weight: bold;
    margin-bottom: 0.909090909090909em;
    /* 20px / 22px */
    line-height: 2.27272727272727em;
    /* 50px / 22px */
}

.stage .bloc_sessions .listeSessions {
    width: 100%;
    margin: -8px 0 -25px 0;
}

.stage .bloc_sessions .listeSessions>li {
    display: table;
    table-layout: fixed;
    width: 100%;
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    /* 13/13px */
    color: #000000;
    margin-bottom: 8px;
}

.ltIE9 .stage .bloc_sessions .listeSessions>li {
    /* alternative aux tailles "rem" */
    font-size: 1em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.stage .bloc_sessions .listeSessions>li>* {
    display: table-cell;
    vertical-align: middle;
}

.stage .bloc_sessions .listeSessions>li .disponibilite>div {
    vertical-align: middle;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.stage .bloc_sessions .listeSessions>li .disponibilite>div>div+div {
    width: 68%;
    display: table-cell;
    padding-left: 0.5em;
    height: 15px;
    vertical-align: middle;
}

.ltIE9 .stage .bloc_sessions .listeSessions>li .disponibilite>div>div+div {
    padding-top: 5px;
}

.stage .bloc_sessions .listeSessions>li .disponibilite>div>div:first-child {
    width: 25%;
    height: 15px;
    display: table-cell;
    vertical-align: middle;
}

.stage .bloc_sessions .listeSessions>li .disponibilite {
    width: 42.36363636363636%;
    padding-right: 0.5em;
}

.stage .bloc_sessions .listeSessions>li .periode {
    width: 31.27272727272727%;
    font-weight: bold;
}

.stage .bloc_sessions .listeSessions>li .lieu {
    width: 26.36363636363636%;
    text-transform: uppercase;
    padding-left: 0.5em;
}





/* --- NOUVELLE VERSION DE LA LISTE DES SESSIONS --- */
.stage .bloc_sessionsStage {
    background-color: var(--color-ice-blue);
    margin: 20px 0 10px 0;
    padding: 5px 20px 30px;
    position: relative;
    display: block;
}

.stage .bloc_sessionsStage>h3:before {
    content: url("../img/miseenavant-encoche.png");
    position: absolute;
    left: -24px;
    top: 6px;
}

.stage .bloc_sessionsStage>h3 {
    border-bottom: solid 1px #a0a0a0;
    font-size: 1.7em;
    color: #3c3c3c;
    font-weight: bold;
    margin-bottom: 0.9em;
    line-height: 2.3em;
}

.stage .bloc_sessionsStage .listeSessions {
    display: table;
    table-layout: auto;
    width: 100%;
    margin: -8px 0 -25px 0;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    color: #000000;
}

.stage .bloc_sessionsStage .listeSessions>li {
    display: table-row;
}

.stage .bloc_sessionsStage .listeSessions>li>.disponibilite,
.stage .bloc_sessionsStage .listeSessions>li>.infoSession {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 10px;
}

.stage .bloc_sessionsStage .listeSessions>li:last-child>.disponibilite,
.stage .bloc_sessionsStage .listeSessions>li:last-child>.infoSession {
    padding-bottom: 0;
}

.stage .bloc_sessionsStage .listeSessions>li>.disponibilite {
    width: 1%;
}

.stage .bloc_sessionsStage .listeSessions>li>.disponibilite>img {
    width: 60px;
    height: 60px;
    max-width: none !important;
    max-height: none !important;
}

.stage .bloc_sessionsStage .listeSessions>li>.infoSession {
    padding-left: 10px;
}

.stage .bloc_sessionsStage .listeSessions>li>.infoSession>div>div {
    display: inline-block;
    float: left;
    vertical-align: top;
}

.stage .bloc_sessionsStage .listeSessions>li>.infoSession>div>.periode {
    width: 43%;
    font-weight: bold;
    margin-bottom: 0.7em;
}

.stage .bloc_sessionsStage .listeSessions>li>.infoSession>div>.lieu {
    width: 53%;
    margin-left: 4%;
    text-transform: uppercase;
    margin-bottom: 0.7em;
}

.stage .bloc_sessionsStage .listeSessions>li>.infoSession>div>.disponibilite {
    width: 43%;
}

.stage .bloc_sessionsStage .listeSessions>li>.infoSession>div>.inscription {
    width: 53%;
    margin-left: 4%;
}

.stage .bloc_sessionsStage .listeSessions>li>.infoSession>div>.inscription>a {
    font-weight: bold;
    color: #b0273e;
}

.stage .bloc_sessionsStage .listeSessions>li>.infoSession>div>.inscription>span {
    color: #808080;
}

@media screen and (max-width:480px) {
    .stage .bloc_sessionsStage .listeSessions>li>.disponibilite>img {
        width: 20px !important;
        height: 90px !important;
    }

    .stage .bloc_sessionsStage .listeSessions>li>.infoSession>div>div {
        display: block !important;
        float: none !important;
        width: auto !important;
        margin: 0 0 0.5em 0 !important;
    }

    .stage .bloc_sessionsStage .listeSessions>li>.infoSession>div>div:last-child {
        margin-bottom: 0;
    }
}




.stage .info_maj {
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-style: normal;
    font-weight: normal;
    font-size: 0.9230769230769231rem;
    /* 12/13px */
    color: #3c3c3c;
}

.ltIE9 .stage .info_maj {
    /* alternative aux tailles "rem" */
    font-size: 0.9230769230769231em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.stage .listeOnglets {
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    /* 13/13px */
    line-height: 1.384615384615385em;
    margin-top: 30px;
}

.ltIE9 .stage .listeOnglets {
    /* alternative aux tailles "rem" */
    font-size: 1em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.stage .listeOnglets>li {
    margin-bottom: 20px;
}

.stage .bloc_compedit .bce_lienint a,
.stage .bloc_compedit .bce_lienext a {
    margin-bottom: 10px;
}

.stage .bloc_compedit .bce_lienext a {
    color: #3c3c3c;
}

.stage .bloc_compedit {
    padding-bottom: 10px;
}

/***************************** Fin stage *******************************/

/***************************** Début page Formation - Calendrier *****************************/
/* TODO
    - Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants
    - Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire)
    - SAUF celles qui sont potentiellement transversales
*/
.formation_calendrier .filtres {
    background-color: var(--color-ice-blue);
    margin: 20px 0 40px;
    padding: 5px 20px 0;
    position: relative;
    display: block;
    box-shadow: 3px 4px 20px 0px #00000026;
}

.formation_calendrier .filtres:before {
    display: block;
    content: url("../img/miseenavant-encoche.png");
    position: absolute;
    left: -4px;
    top: 5px;
}

.formation_calendrier .filtres .content {
    font-size: 1.23rem;
    /* 14px / 13px */
    width: 100%;
    padding: 0;
    position: relative;
}


.formation_calendrier h3 {
    font-family: pt_sans;
    font-size: 1.69230769230769em;
    /* 22px / 13px */
    font-weight: bold;
}

.formation_calendrier .filtres .content {
    font-size: 0;
    display: table;
}

@media screen and (min-width:780px) {
    .formation_calendrier .filtres .content {
        display: flex !important;
    }
}

.ltIE9 .formation_calendrier .filtres .content {
    /* alternative au font-size:0 */
    font-family: AdobeBlank;
    font-size: 1em;
}


.formation_calendrier .modeAffichage,
.formation_calendrier .legende {
    display: table-cell;
    vertical-align: top;
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-size: 1.076923076923077rem;
    /* 14px / 13px */
    line-height: 2.14285714285714em;
    /* 30px / 14px */
}

.ltIE9 .formation_calendrier .modeAffichage,
.ltIE9 .formation_calendrier .legende {
    /* alternative aux tailles "rem" */
    font-size: 1.076923076923077em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.formation_calendrier .modeAffichage {
    width: 35%;
    padding-right: 30px;
}

.formation_calendrier .filtres .content h3 {
    font-size: 1.23rem;
    font-weight: 800;
    border-bottom: solid 1px #a9a9a9;
    margin-bottom: 10px;
}

.ltIE9 .formation_calendrier .filtres .content h3 {
    /* alternative aux tailles "rem" */
    font-size: 1.076923076923077em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.formation_calendrier .legende {
    width: 60%;
}

.formation_calendrier .filtres .content ul.radios {
    font-size: 0.928571428571429em;
    /* 13px / 14px */
}

.formation .tableau caption {
    margin: 0;
}

.formation .tableau th:FIRST-CHILD,
.formation .tableau td:FIRST-CHILD {
    width: 20%;
}

.formation .tableau th:nth-child(2),
.formation .tableau td:FIRST-CHILD:nth-child(2) {
    width: 59%;
}

.ltIE9 .formation .tableau th:first-child,
.ltIE9 .formation .tableau td:first-child {
    width: 19%;
}

.ltIE9 .formation .tableau th:first-child+th,
.ltIE9 .formation .tableau td:first-child+td {
    width: 52%;
}

.ltIE9 .formation .tableau th:first-child+th+th,
.ltIE9 .formation .tableau td:first-child+td+td {
    width: 20%;
}

.formation .tableau table tr td span {
    display: block;
}

.formation .tableau table tr td span.frm_num_semaine,
.formation .tableau table tr td a.frm_description {
    font-weight: bold;
}

.formation .tableau table tr td span.frm_disponibilite,
.formation_calendrier .legende>div>ul li span.dispo {
    width: 50px;
    height: 16px;
}

.formation .tableau table tr td span.frm_disponibilite {
    display: inline-block;
}


.formation_calendrier .legende>div>ul li span img,
.formation .tableau table tr td span img,
ul.listeSessions li div div div img {
    width: 100%;
    height: 100%;
}

.formation .tableau table tr td .frm_disponibilite.complet,
.formation_calendrier .legende>div>ul li span.complet {
    background: #5e5e5e;
}

.formation .tableau table tr td .frm_disponibilite.annule,
.formation_calendrier .legende>div>ul li span.annule {
    background-color: #a0a0a0;
}

.formation .tableau table tr td .frm_disponibilite.disponible,
.formation_calendrier .legende>div>ul li span.disponible {
    background-color: #8ac233;
}

.formation .tableau table tr td .frm_disponibilite.attente,
.formation_calendrier .legende>div>ul li span.attente {
    background-color: #ea7420;
}

.formation .tableau table tr td .frm_disponibilite.unknown,
.formation_calendrier .legende>div>ul li span.unknown {
    background-color: #ff0000;
}

.formation_calendrier .legende>div {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;

    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
}

.formation_calendrier .legende>div>ul {
    display: block;
    vertical-align: top;
}

.formation_calendrier .legende>div>ul li {
    width: 100%;
    line-height: 17px;
    display: inline-block;
}

.formation_calendrier .legende>div>ul li span {
    font-size: 0.928571428571429em;
    /* 13px / 14px */
}

.formation_calendrier .legende>div>ul li span.dispo {
    position: relative;
    display: inline-block;
    top: 2px;
    width: 24%;
    margin-right: 4%;
}

.formation_calendrier .legende>div>ul li span.libelle {
    display: inline-block;
    margin-bottom: 15px;
}

.formation_calendrier .legende>div>ul li span.libelle span {
    display: block;
    min-width: 9.25em;
    /* 111px / 12px */
}



/***************************** Fin page Formation - Calendrier *****************************/


/* Page Ma sélection */

.maSelection .container_contenuPrincipal h1#titrePage {
    color: #129f9f;
}

.maSelection #barre_fonctionnalites:before {
    top: 29%;
}

.maSelection .barre_ma_selection {
    margin: 15px 0 0 3%;
    display: block;
    padding: 0 4px;
    width: 88.4%;
    /*     font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-size: 1rem;
}

.ltIE9 .maSelection .barre_ma_selection {
    /* alternative aux tailles "rem" */
    font-size: 1em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.maSelection ul.bf_selection {
    border-top: solid 1px #129f9f;
    padding: 1em 0 0 1em;
    font-size: 1em;
}

.maSelection ul.bf_selection li {
    display: inline-block;
    margin-bottom: 0.615384615384615em;
    /* 8px / 13px */
    padding: 0 0 0 1em;
}

.maSelection ul.bf_selection li.vider_selection {
    background: url('../img/lienComplementaire-style3-bullet-point.png') no-repeat left 3px;
}

.maSelection ul.bf_selection li.telechargement_selection {
    background: url('../img/lienComplementaire-style1-bullet-point.png') no-repeat left 3px;
}

.maSelection ul.bf_selection li a {
    width: 100%;
    display: block;
    font-weight: bold;
    line-height: 1em;
}

.maSelection ul.bf_selection li.vider_selection a {
    color: #129f9f;
}


/* Liste de Ma Sélection */
.maSelection .listeResultats {
    margin: 10px 0 20px 0;
}

.maSelection .listeResultats>li {
    padding: 20px 15px;
    display: table;
    table-layout: fixed;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.maSelection .listeResultats>li:nth-child(odd),
.liste .listeResultats>li:nth-child(odd) {
    background-color: #ffffff;
}

.maSelection .listeResultats>li.odd,
.liste .listeResultats>li.odd {
    background-color: #ffffff;
}

.maSelection .listeResultats>li:nth-child(even) {
    background-color: #f2f2f2;
}

.maSelection .listeResultats>li.even,
.liste .listeResultats>li.even {
    background-color: #f2f2f2;
}

.maSelection .listeResultats>li .wrapperInput {
    display: table-cell;
    width: 33px
}

.maSelection .resultat {
    display: table-cell;
}

.maSelection .resultat .titre {
    font-size: 1.076923076923077em;
    /* 14px/13px */
    font-weight: bold;
    font-style: normal;
    line-height: 1.428571428571429em;
    /* 20px/14px */
    padding-bottom: 8px;
}

.maSelection .resultat .titre a {
    margin-right: 12px;
}

.maSelection .resultat .titre a:visited {
    color: #996633 !important;
}

.maSelection .resultat .description,
.maSelection .resultat .informations,
.maSelection .resultat .referenceINRS {
    font-size: 0.9230769230769231em;
    /* 12px/13px */
    font-weight: normal;
    font-style: normal;
}

.maSelection .resultat .description {
    line-height: 1.333333333333333em;
    /* 16px/12px */
    color: #3c3c3c;
    text-align: justify;
}

.maSelection .resultat .informations {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-top: 15px;
}

.maSelection .resultat .informations div {
    display: table-cell;
}

.maSelection .resultat .informations div.date {
    width: 21.20075046904315%;
}

.maSelection .resultat .informations div.typeDocument {
    width: 46.90431519699812%;
}

.maSelection .resultat .informations div.public {
    width: 31.89493433395872%;
}

.maSelection .resultat .referenceINRS {
    margin-top: 10px;
}

.maSelection .resultat .telechargement {
    display: inline-block;
    height: 26px;
    padding-left: 30px;
    background: url(../img/resultatRS/telechargement-pdf.png) -3px 0 no-repeat;
    margin-top: 10px;
}

.maSelection .resultat .telechargement span {
    display: inline-block;
    margin-top: 6px;
}

.maSelection .resultat .telechargement span:before {
    content: url(../img/lienComplementaire-style1-bullet-point.png);
    padding-right: 6px;
    vertical-align: 20%;
}

.maSelection .resultat .telechargement span:hover {
    text-decoration: underline;
}

.maSelection .boutonsSelection {
    width: 100%;
    margin: 0;
    font-size: 0;
}

.ltIE9 .maSelection .boutonsSelection {
    /* alternative au font-size:0 */
    font-family: AdobeBlank;
    font-size: 1em;
}


.maSelection .supprimerElementsCoches {
    display: inline-block;
    width: 47%;
    min-height: 45px;
    border: none;
    -moz-box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.2);
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-style: normal;
    font-weight: bold;
    color: #ffffff;
    font-size: 1.076923076923077rem;
    /* 14/13px */
    text-align: left;
    vertical-align: middle;
}

.ltIE9 .maSelection .supprimerElementsCoches {
    /* alternative aux tailles "rem" */
    font-size: 1.076923076923077em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.no-js .maSelection .supprimerElementsCoches {
    text-align: center;
}

.maSelection .toutSelectionner {
    background: #129f9f;
    /* Old browsers */
    background: -moz-linear-gradient(top, #129f9f 0%, #187e7e 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #129f9f), color-stop(100%, #187e7e));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #129f9f 0%, #187e7e 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #129f9f 0%, #187e7e 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #129f9f 0%, #187e7e 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #129f9f 0%, #187e7e 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#129f9f', endColorstr='#187e7e', GradientType=0);
    /* IE6-9 */
    margin-right: 6%;
}

.maSelection .supprimerElementsCoches {
    background: #129f9f;
    /* Old browsers */
    background: -moz-linear-gradient(top, #129f9f 0%, #45bdbd 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #129f9f), color-stop(100%, #45bdbd));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #129f9f 0%, #45bdbd 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #129f9f 0%, #45bdbd 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #129f9f 0%, #45bdbd 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #129f9f 0%, #45bdbd 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#129f9f', endColorstr='#45bdbd', GradientType=0);
    /* IE6-9 */
}

.maSelection .supprimerElementsCoches:hover {
    background: #45bdbd;
    /* Old browsers */
    background: -moz-linear-gradient(top, #45bdbd 0%, #129f9f 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45bdbd), color-stop(100%, #129f9f));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #45bdbd 0%, #129f9f 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #45bdbd 0%, #129f9f 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #45bdbd 0%, #129f9f 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #45bdbd 0%, #129f9f 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45bdbd', endColorstr='#129f9f', GradientType=0);
    /* IE6-9 */
}

.maSelection .toutSelectionner>span,
.maSelection .supprimerElementsCoches>span {
    display: inline-block;
    width: 78%;
    padding: 0 42px 0 5px;
    vertical-align: middle;
    min-height: 18px;
}

.maSelection .toutSelectionner>span {
    background: url(../img/resultatRS/bouton-ajouter-cochees.png) right center no-repeat;
}

.maSelection .supprimerElementsCoches>span {
    background: url(../img/resultatRS/bouton-ajouter-tout.png) right center no-repeat;
}

.maSelection .toutSelectionner:hover span,
.maSelection .supprimerElementsCoches:hover span {
    text-decoration: underline;
}


/* Boutons de bas de page */
.maSelection .toutSelectionner {
    background: linear-gradient(to bottom, #129f9f 0%, #187e7e 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin-right: 6%;
}

.maSelection .toutSelectionner {
    background: linear-gradient(to bottom, #129f9f 0%, #187e7e 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin-right: 13%;
}

.maSelection .toutSelectionner,
.resultatsRecherche .supprimerElementsCoches {
    border: medium none;
    box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.2);
    color: #ffffff;
    display: inline-block;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 1.07692em;
    font-style: normal;
    font-weight: bold;
    min-height: 45px;
    text-align: left;
    vertical-align: middle;
    width: 47%;
}

.maSelection .toutSelectionner>span {
    background: url("../img/footer/EncocheNumeroEnCours.png") no-repeat scroll 15px center;
}

.maSelection .toutSelectionner>span,
.resultatsRecherche .supprimerElementsCoches>span {
    display: inline-block;
    min-height: 18px;
    padding: 0 42px 0 5px;
    vertical-align: middle;
    width: 78%;
}


.maSelection .supprimerElementsCoches {
    background: linear-gradient(to bottom, #129f9f 0%, #45bdbd 100%) repeat scroll 0 0;
}

.maSelection .supprimerElementsCoches {
    background: linear-gradient(to bottom, #129f9f 0%, #45bdbd 100%) repeat scroll 0 0;
}

.maSelection .toutSelectionner,
.maSelection .supprimerElementsCoches {
    border: none;
    box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.2);
    color: #ffffff;
    display: inline-block;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 1.07692rem;
    font-style: normal;
    font-weight: bold;
    min-height: 45px;
    text-align: left;
    vertical-align: middle;
}

.ltIE9 .maSelection .toutSelectionner,
.ltIE9 .maSelection .supprimerElementsCoches {
    /* alternative aux tailles "rem" */
    font-size: 1.07692em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.maSelection .toutSelectionner {
    width: 35%;
}

.maSelection .supprimerElementsCoches {
    width: 52%;
}

.maSelection .toutSelectionner:hover {
    background: linear-gradient(to bottom, #187e7e 0%, #129f9f 100%) repeat scroll;
    cursor: pointer;
}

.maSelection .supprimerElementsCoches:hover {
    background: linear-gradient(to bottom, #45bdbd 0%, #129f9f 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
}

.maSelection .supprimerElementsCoches>span {
    background: url("../img/footer/EncocheNumeroEnCours.png") no-repeat scroll 15px center;
}

.maSelection .toutSelectionner>span,
.maSelection .supprimerElementsCoches>span {
    display: inline-block;
    min-height: 18px;
    padding: 0 42px 0 35px;
    vertical-align: middle;
    width: 78%;
}

/* Complément éditorial de Ma Sélection */

.maSelection .bloc_compedit {
    background-color: #e5e5e5;
    margin-top: 50px;
    padding-top: 0;
}

.maSelection .bloc_compedit .bce_titrep {
    background-color: #129f9f;
    color: #ffffff;
    font-family: pt_sans, sans-serif;
    font-size: 1.8em;
    padding: 18px 7%;
    position: relative;
    text-transform: uppercase;
    margin: 0 0 25px 0;
}

.maSelection .bloc_compedit .bce_titrep:after {
    background: url("../img/encoche-utilisation-selection.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: -7px;
    content: " ";
    display: block;
    font-size: 0;
    height: 12px;
    left: 6%;
    position: absolute;
    width: 35px;
}

.maSelection .bloc_compedit .editorial {
    font-size: 0.923076923076923em;
    /* 12px / 13px */
    font-style: normal;
    font-weight: normal;
    padding: 0 7% 0;
    line-height: 1.33333333333333em;
    /* 16px / 12px */
}

.maSelection .bloc_compedit .editorial p {
    margin-bottom: 1.5em;
}



/***************************** Début Page 404 *******************************/

.details_404 .details_404_titre {
    font-weight: bold;
    font-size: 1.84615384615385em;
    /* 24px / 13px */
    font-family: pt_sans;
    margin: 0 0 1.25em;
    /* 30px / 24px */
    color: #000;
}

.details_404 .bloc_details_404 {
    background-color: #e5e5e5;
    padding: 10px 30px 20px;
}

.details_404 .bloc_details_404>p {
    margin: 1em 0 0 0;
    position: relative;
}

.details_404 .bloc_details_404>p:before {
    content: url("../img/miseenavant-encoche.png");
    position: absolute;
    left: -34px;
    top: -8px;
}

.details_404 .bloc_details_404 ul.liste_propositions li {
    margin-top: 15px;
    line-height: 1.15384615384615em;
    /* 15px / 13px */
}

.details_404 .bloc_details_404 ul.liste_propositions li a {
    color: #b0273e;
    font-weight: bold;
}

.details_404 .bloc_details_404 #searchInput {
    width: 254px;
    /* 47.03703703703704%; 254/540px */
    margin: 25px 0 24px 0px;
    position: relative;
    font-size: 0;
}

.details_404 .bloc_details_404 #searchInput #searchInput_field {
    display: inline-block;
    width: 68.59055118110236%;
    min-height: 19px;
    font-size: 13px;
    background-color: #ffffff;
    line-height: 1.461538461538462em;
    /* 19/13px */
    padding: 6px 6px 6px 15px;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0;
    vertical-align: top;
}

.details_404 .bloc_details_404 #searchInput #searchInput_field.bluredAndEmpty {
    background-color: #fff;
    background-image: url("../img/placeholder-search-page-404.png");
    background-position: 15px 0;
    background-repeat: no-repeat;
    border: 0;
    outline: 0;
}

.ltIE9 .details_404 .bloc_details_404 #searchInput #searchInput_field.bluredAndEmpty {
    background-position: 15px 0;
}

.details_404 .bloc_details_404 #searchInput #searchInput_field.bluredAndEmpty:focus {
    border: 0;
    outline: 0;
}

.details_404 .bloc_details_404 #searchInput #searchInput_button,
#bloc_bdd .bbdd_button {
    height: 31px;
    width: 35px;
    position: relative;
    vertical-align: top;
    padding: 0;
    text-align: center;

    font-family: pt_sans;
    font-size: 19px;
    font-weight: bold;
    font-style: normal;
    color: #ffffff;

    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;

    cursor: pointer;
}

.details_404 .bloc_details_404 #searchInput #searchInput_button:hover,
#bloc_bdd .bbdd_button:hover {
    text-decoration: underline
}

/***************************** Fin Page 404 *******************************/

/******************* Début BDD Template site externe *********************/

.wrapper .ctn_site_externe {
    margin-top: 10px;
    margin-left: -12px;
}

/******************** Fin BDD Template site externe *********************/

/******************* Début Actualité événementielle ***********************/

.container_infos_actu {
    margin-top: 25px;
    border-top: 1px solid #a0a0a0;
}

.container_infos_actu .infos_actu {
    margin: 14px 0 20px 0;
}

/***************** Fin Actualité événementielle **************************/

/***************************** Début footer *******************************/
/*** Debut Desktop ***/

#footer {
    margin: 50px auto 0;
    width: 100%;
}

.fwrapper {
    max-width: 1240px;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;
    display: flex;
    flex-direction: column;
}

.ltIE9 .fwrapper {
    width: 920px;
    /* largeur fixe sous IE8 */
}

#ftop_container {
    display: flex;
}

#ffollow_container {
    width: 100%;
}

.foreign #ffollow_container {
    width: 100%;
    float: none;
}

.ffollowH2 {
    text-transform: uppercase;
    font-family: pt_sans, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 2.0em;
    /* base 26px - 26/13px */
    color: #3C3C3C;
    background-position: 0 0;
    background-repeat: no-repeat;
    line-height: 134.615384615385%;
    /* 35px / 26px */
    padding-left: 38px;
    padding-bottom: 10px;
}

#fr_youtube .ffollowH2 {
    padding-left: 45px;
    background-position: 0 4px;
}

#fr_twitter .ffollowH2 {
    padding-left: 45px;
    background-position: 5px 2px;
}

#ffollow_container .ffollowLien {
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-size: 1rem;
    /* base 13px - 13/13px */
    font-weight: bold;
    color: #3C3C3C;
    background: url(../img/footer/EncocheFollow.png) 0 4px no-repeat;
    padding-left: 8px;
}

.ltIE9 #ffollow_container .ffollowLien {
    /* alternative aux tailles "rem" */
    font-size: 1em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.follow_inrs {
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
}

.fi_titre {
    color: #161616;
    font-family: 'brother-1816', sans-serif;
    font-size: 40px;
    font-weight: 900;
}

.follow_inrs ul {
    float: right;
    width: 46.66666%;
    font-size: 0;
}

.ltIE9 .follow_inrs ul {
    width: 51%;
}

.foreign .fi_titre {
    width: 37.6%;
}

.foreign .follow_inrs ul {
    width: 62.4%;
}

.follow_inrs ul li {
    display: inline-block;
    margin: 0 10px 0 0;
}

.follow_inrs ul li a {
    width: 36px;
    height: 36px;
    display: inline-block;
    background-image: url(../img/footer/footer-partage.png);
    background-repeat: no-repeat;
    font-size: 0;
}

.ltIE9 .follow_inrs ul li a {
    /* alternative au font-size:0 */
    font-family: AdobeBlank;
    font-size: 1em;
}


.follow_inrs .fi_youtube {
    background-position: 0 0;
}

.follow_inrs .fi_youtube:hover {
    background-position: 0 -50px;
}

.foreign .follow_inrs .fi_youtube {
    background-position: -200px 0;
}

.foreign .follow_inrs .fi_youtube:hover {
    background-position: -200px -50px;
}

.follow_inrs .fi_twitter {
    background-position: -50px 0;
}

.follow_inrs .fi_twitter:hover {
    background-position: -50px -50px;
}

.follow_inrs .fi_rss {
    background-position: -100px 0;
}

.follow_inrs .fi_rss:hover {
    background-position: -100px -50px;
}

.follow_inrs .fi_partage {
    background-position: -150px 0;
}

.follow_inrs .fi_partage:hover {
    background-position: -150px -50px;
}

.follow_inrs .fi_partage>span {
    display: inline-block;
    width: 36px;
    height: 36px;
    font-size: 0;
}

.ffollowSousTitre {
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-size: 1rem;
    /* base 13px - 13/13px */
    line-height: 1.230769230769231em;
    font-weight: bold;
}

.ltIE9 .ffollowSousTitre {
    /* alternative aux tailles "rem" */
    font-size: 1em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.ffollowSousTitre a {
    color: black;
}

.ffollowSousTitre a:visited {
    text-decoration: none;
    color: black;
}

#follow_remontees {
    display: flex;
    border-collapse: separate;
    width: 100%;
    float: left;
    margin-bottom: 50px;
}

@media only screen and (max-width: 768px) {
    #follow_remontees {
        flex-direction: column;
    }
}

.ltIE9 #follow_remontees {
    width: 93%;
}

#follow_remontees p {
    padding-bottom: 8px;
}

#fr_actus,
#fr_youtube,
#fr_agenda {
    display: table-cell;
}

#fr_actus,
#fr_youtube {
    padding-bottom: 35px;
}

#fr_youtube {
    width: 53.333333%;
    /*base 320px - 320/600px*/
    padding-left: 6.6666667%;
    /*base 40px - 40/600px*/
}

#fr_actus,
#fr_agenda {
    width: 46.66666%;
    /*base 280px - 280/600px*/
}

.foreign #fr_actus,
.foreign #fr_agenda,
.foreign #fr_youtube {
    width: 30.43478260869565%;
    padding-left: 4.347826086956522%;
    /*base 40px - 40/920px*/
}

.foreign #fr_actus {
    padding-left: 0;
}

#fr_actus .ffollowH2 {
    background-image: url(../img/footer/ActusLogo.png);
}

.ffollowDate {
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-size: 1rem;
    /*base 13px - 13/13px*/
    font-weight: bold;
    color: #787f86;
}

.ltIE9 .ffollowDate {
    /* alternative aux tailles "rem" */
    font-size: 1em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#follow_remontees p.ffollowDate {
    padding-bottom: 3px;
}

#fr_actus .ffollowSousTitre {
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 7px;
    padding-bottom: 8px;
}

#fr_agenda p {
    padding-bottom: 6px;
}

#fr_agenda .ffollowH2 {
    background-image: url(../img/footer/AgendaLogo.png);
}

#fr_agenda .ffollowInfoAgenda {
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-size: 0.92307692rem;
    /* base 12px - 12/13px */
    color: #3C3C3C;
}

.ltIE9 #fr_agenda .ffollowInfoAgenda {
    /* alternative aux tailles "rem" */
    font-size: 0.92307692em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#fr_agenda .ffollowInfoAgenda img {
    display: inline-block;
    margin-right: 2px;
}

#fr_agenda .ffollowInfoAgenda.lieu {
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 3px;
}

#fr_twitter p,
#fr_youtube p {
    font-size: 1em;
    /* base 13px - 13/13px */
}

#fr_youtube {
    width: 87.5%;
    /* base 280px - 280/320px */
    margin-bottom: 30px;
}

#fr_youtube .ffollowH2 {
    background-image: url(../img/footer/YoutubeLogoOrange.png);
    padding-bottom: 7px;
}

.foreign #fr_youtube .ffollowH2 {
    background-image: url(../img/footer/YoutubeLogoOrange2.png);
    background-position: 0 0;
    padding-bottom: 15px;

    position: relative;
    top: -3px;
    padding-top: 3px;
}

#fr_twitter .ffollowH2 {
    background-image: url(../img/footer/RS.png);
}

#fr_twitter .fFollowersP,
#fr_youtube .fFollowersP {
    display: inline-block;
    float: right;
    text-transform: uppercase;
    padding-top: 2px;
}

#fr_twitter p,
#fr_youtube p {
    font-size: 1em;
    /* base 13px - 13/13px */
}

/***************************** EMY FOOTER RESEAUX SOCIAUX *******************************/
.social-icons {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 27px;
    padding: 0;
    margin: 0;
    list-style: none;
    max-width: 320.5px;
}

.social-icons svg {
    width: 59.87px;
}

@media (max-width: 768px) {
    .social-icons svg {
        width: 60px;
    }
}

@media (max-width: 768px) {
    .social-icons {
        justify-content: space-between;
        gap: 10px;
    }
}

.social-icons li {
    flex: 0 0 auto;
    /* Solution de contournement pour enlever les troncatures 
     * à enlever une fois le svg des icones sera modifié 
     */
    padding: 1px;
}

.social-icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1 / 1;
    color: #161616;
    transition: color 0.2s ease;
}

.social-icons li a:hover {
    color: #EC6726;
}

.social-icons .icon {
    width: 100%;
    height: 100%;
    fill: currentColor;
}

@media (max-width: 768px) {
    #nosLettres {
        margin-top: 20px;
    }
}

#sous-liens a,
#nosLettres {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

#sous-liens a p,
#nosLettres p {
    color: #161616;
    margin: 0;
    padding: 0 !important;
    line-height: 1;
    margin-left: 0.5em;
    font-weight: bold;
    font-family: 'brother-1816', sans-serif;
    font-size: 18px;
    font-weight: 700;
}

#sous-liens a img,
#nosLettres img {
    align-self: end;
    height: 16px;
    width: auto;
    flex-shrink: 0;
}

#sous-liens {
    margin-top: 10px;
    display: flex;
    gap: 1rem;
    line-height: 1;
}
@media (max-width: 768px) {
    #sous-liens {
        justify-content: center;
    }
}

#fr_twitter {
    display: flex;
    flex-direction: column;
    justify-content: end;
}

@media (max-width: 768px) {
    #fr_twitter {
        margin-bottom: 10px;
    }
    
    .flex-element-two {
        margin-bottom: 50px;
    }
}

/***************************** EMY FIN FOOTER RESEAUX SOCIAUX *******************************/

#fr_twitter .bottom-alligned {
    margin-top: auto;
}

@media (min-width: 769px) {
    #follow_remontees .flex-element-one {
        flex-grow: 1;
    }

    #follow_remontees .flex-element-two {
        flex-grow: 1;
        border-left: 1px solid rgba(76, 76, 80, 0.5);
    }

    #follow_remontees .flex-element-two hr {
        display: none;
    }

    #follow_remontees .flex-element-three {
        flex-grow: 7;
    }
}

@media (max-width: 768px) {
    #follow_remontees .flex-element-two hr {
        width: 90%;
        margin: auto;
    }
}



#fs_ytwrapper {
    width: 100%;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 5px;
    padding-bottom: 4px;
}

#fs_ytwrapper>.thumbnail {
    float: left;
    width: 39.2857143%;
    /* base 110px - 110/280px */
    position: relative;
    left: 0;
    top: 0;
}

/*
#fs_ytwrapper .thumbnail_bg{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}
#fs_ytwrapper .thumbnail_button{
    position: absolute;
    top: 12.625%;
    left: 18.1818182%;
    width: 52.72727273%;
    height: 90.625%;
}
*/

#fs_ytwrapper>.thumbnail a.ico_video {
    display: inline-block;
    position: relative;
    width: 100%;
}

#fs_ytwrapper>.thumbnail a.ico_video img {
    width: 100%;
}

#fs_ytwrapper>.thumbnail a.ico_video .play {
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(../img/video_play_gris_minuscule.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 50px !important;
    height: 50px !important;
    margin: -28px 0 0 -25px !important;
}

#fs_ytwrapper>.thumbnail a.ico_video .play.style1 {
    /* style par défaut */
}

#fs_ytwrapper>.thumbnail a.ico_video .play.style2 {
    background-image: url(../img/video_play_orange_minuscule.png);
}

#fs_ytdesc {
    float: right;
    width: 59.01%;
    /* base 165px - 165/280px */
}

#fs_ytdesc p:first-child {
    padding-bottom: 8px;
}

#fs_ytdesc p.ffollowSousTitre {
    padding-bottom: 5px;
}

.fFollowers {
    font-weight: bold;
}

#fTwitterINRS,
#fTwitterAtINRS,
#fTweetTime {
    display: inline-block;
    margin-bottom: 1px;
}

#fTwitterINRS {
    font-weight: bold;
}

#fTweetTime {
    float: right;
}

#fLatestTweet {
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 3px;
    font-size: 0.9230769230769231em;
    /* 12/13px */
    line-height: 1.230769230769231em;
}

#fLatestTweet a {
    color: #4099FF;
}

#flinknl_container {
    width: 30.43478%;
    /* base 280px - 280/920px */
    float: right;
}

#fc_lettre {
    background-image: url(../img/footer/EncocheLettreInfo.png);
    background-repeat: no-repeat;
    background-position: -24px 25px;
}

#fc_lettre .fcl_titre {
    color: #161616;
    font-family: 'brother-1816', sans-serif;
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 5px;
    line-height: normal;
}

#fc_lettre .fc_lettreAccroche {
    width: 85.7142857%;
    /* base 240px - 240/280px */
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-size: 1rem;
    /* base 13x - 13/13px */
    padding-left: 7.14285%;
    /* base 20px - 20/280px */
    margin-bottom: 22px;
}

.ltIE9 #fc_lettre .fc_lettreAccroche {
    /* alternative aux tailles "rem" */
    font-size: 1em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#mailInput {
    height: 38px;
    background-color: white;
    margin-bottom: 24px;
    position: relative;
}

#mailInput_address_large,
#mailInput_address_small {
    display: inline-block;
    background-color: transparent;
    border: 0;
    width: 82%;
    height: 38px;
    padding: 0 4px 0 10px;
}

#fc_lettre #mailInput_address_large,
#fc_lettre #mailInput_address_small {
    font-size: 18px;
    margin-left: 20px;
}

@media (max-width: 400px) {
    .a-decouvrir-title {
        font-size: 8vw !important;
    }
}

@media (max-width: 380px) {

    #fc_lettre #mailInput_address_large,
    #fc_lettre #mailInput_address_small {
        margin-left: 0 !important;
    }


}

.ltIE9 #mailInput_address {
    line-height: 38px;
}

#fc_lettre .boutonVersionIndirecte {
    padding-left: 7.14285%;
    /* base 20px - 20/280px */
    padding-right: 7.14285%;
    /* base 20px - 20/280px */
    margin-bottom: 22px;
}

#fc_lettre .boutonVersionIndirecte a {
    width: 100%;
    text-align: center;
    padding: 8px 0;
}

#fc_lettre .fc_lettreNumEnCours {
    width: 85.7142857%;
    /* base 240px - 240/280px */
    margin-left: 7.14285%;
    /* base 20px - 20/280px */
    padding-top: 7px;
    padding-bottom: 12px;
    border-top: 1px solid #7d7e7e;
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-size: 1rem;
    /* base 13px - 13/13px */
    font-weight: bold;
}

.ltIE9 #fc_lettre .fc_lettreNumEnCours {
    /* alternative aux tailles "rem" */
    font-size: 1em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#fc_lettre .fc_lettreNumEnCours a:before {
    content: url(../img/footer/EncocheNumeroEnCours.png);
    padding-right: 5px;
    vertical-align: 10%;
}

#fc_lettre .fc_lettreNumEnCours a {
    color: white;
}

#fc_utiles {
    width: 100%;
    /* base 280px - 280/280px */
    background-color: #e5e5e5;
    padding-top: 30px;
    padding-bottom: 25px;
}

#fc_utiles ul {
    padding-left: 7.14285%;
    /* base 20px - 20/280px */
}

#fc_utiles ul li:before {
    content: url(../img/footer/EncocheAccesDirect.png);
    padding-right: 10px;
    vertical-align: 25%;
}

#fc_utiles ul li {
    padding-bottom: 15px;
}

#fc_utiles ul li a {
    color: #3C3C3C;
    font-family: pt_sans, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 1.8461538em;
    /* base: 24px - 24/13px */
}

#fbottom_container .fwrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: auto;
}

#fbottom_container {
    width: 100%;
    background: rgba(76, 76, 80, 0.8);
    height: 40px;
}

.ltIE9 #fbottom_container {
    /* alternative aux tailles "rem" */
    font-size: 1em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#fbottom_container .fwrapper ul {
    display: flex;
    gap: 40px;
}
@media(max-width: 860px) {
    #fbottom_container .fwrapper ul {
        gap: 20px;
    }
}

#fbottom_container .fwrapper ul li:last-child {
    border: none;
    padding-right: 0;
    margin-right: 0;
}

#fbottom_container .fwrapper ul li.last-child {
    /* IE 8 - ne pas concaténer au style précédent */
    border: none;
    padding-right: 0;
    margin-right: 0;
}

#fbottom_container .fwrapper ul li a,
#fbottom_container .fwrapper p {
    font-family: 'brother-1816', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: white;
}

#fbottom_container #btnHautPage {
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 999;
    width: 40px;
    height: 40px;
    /* base icon color */
    color: #EC6726;
    /* make the <a> text disappear since we use SVG only */
    font-size: 0;
    cursor: pointer;
    transition: color 0.2s;
}

#fbottom_container #btnHautPage svg {
    width: 100%;
    height: 100%;
}

#fbottom_container #btnHautPage .svg-circle {
    fill: white;
    stroke: currentColor;
    stroke-width: 1.5;
    transition: fill 0.2s;
}

#fbottom_container #btnHautPage .svg-arrow {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: stroke 0.2s, stroke-width 0.2s;
}

#fbottom_container #btnHautPage:hover .svg-circle {
    fill: currentColor;
}

#fbottom_container #btnHautPage:hover .svg-arrow {
    stroke: #fff;
    stroke-width: 2;
}

@media (max-width: 768px) {
    #fbottom_container #btnHautPage {
        bottom: 10px;
        right: 10px;
    }
}



/*** Fin Desktop ***/

/***************************** Fin footer *******************************/


/***************************** Début colorbox *******************************/
body.colorBoxOpened {
    overflow: hidden;
}

body.printing.colorBoxOpened {
    overflow: visible;
}

#colorbox.defaultTheme,
#cboxOverlay.defaultTheme,
.defaultTheme #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
    overflow: hidden;
}

.defaultTheme #cboxWrapper {
    max-width: none;

}

#cboxOverlay.defaultTheme {
    position: fixed;
    width: 100%;
    height: 100%;
}

.defaultTheme #cboxMiddleLeft,
.defaultTheme #cboxBottomLeft {
    clear: left;
}

.defaultTheme #cboxContent {
    position: relative;
}

.defaultTheme #cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.defaultTheme #cboxTitle {
    margin: 0;
    float: none !important;
    height: 85px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.defaultTheme #cboxTitle .copyright-refonte {
    margin: 6px 0;
}


.defaultTheme #cboxLoadingOverlay,
.defaultTheme #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.defaultTheme #cboxPrevious,
.defaultTheme #cboxNext,
.defaultTheme #cboxClose,
.defaultTheme #cboxPrint,
/* AJOUT SOLUCOM */
.defaultTheme #cboxSlideshow {
    cursor: pointer;
}

.defaultTheme .cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic;

    border: 1px solid #e5e5e5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.defaultTheme .cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}

#colorbox.defaultTheme,
.defaultTheme #cboxContent,
.defaultTheme #cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay.defaultTheme {
    background: #000;
    opacity: 0.8;
}

#colorbox.defaultTheme {
    outline: 0;
}

.defaultTheme #cboxContent {
    margin: 0;
    overflow: visible;
    background: #fff;
    padding: 30px 20px 20px 20px;
}

.defaultTheme .cboxIframe {
    background: #fff;
}

.defaultTheme #cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

.defaultTheme #cboxLoadedContent {
    background: #fff;
    padding: 0;
}

.defaultTheme.popin-video #cboxLoadedContent {
    overflow: hidden !important;
}

.ltIE9 .defaultTheme .popin-video #cboxLoadedContent .flowplayer {
    position: relative;
    top: -10px;
}

.defaultTheme #cboxLoadingGraphic {
    background: url(../img/loading2.gif) no-repeat center center;
}

.defaultTheme #cboxLoadingOverlay {
    background: #fff;
}

.defaultTheme #cboxCurrent {
    float: none !important;
}

.defaultTheme #cboxCurrent .flex-control-nav {
    position: static;
    bottom: 0;
}

.defaultTheme.popin-zoom-image #cboxContent {
    padding-bottom: 90px;
    /* 20 + 70 */
}

.defaultTheme.popin-zoom-image.diaporama #cboxContent {
    padding-bottom: 130px;
    /* 20 + 70 + 33 */
}

.defaultTheme.popin-zoom-image.sansEncart #cboxContent {
    padding-bottom: 20px;
}

.defaultTheme.popin-zoom-image.diaporama.sansEncart #cboxContent {
    padding-bottom: 53px;
    /* 20 + 33 */
}

.defaultTheme.popin-zoom-image.sansEncart #cboxTitle {
    min-height: none;
    display: none !important;
}

.defaultTheme #cboxTitle div.encart {
    padding-bottom: 6px;
}

.defaultTheme.popin-zoom-image #cboxTitle div.encart {
    padding-bottom: 10px;
}

.defaultTheme #cboxTitle .encart .copyright {
    padding: 5px 13px 0 9px;
}

.defaultTheme #cboxTitle div.encartCt {
    max-height: 200px;
    overflow: auto;
}

/*
.defaultTheme #cboxTitle h3{
    display: block;
    position: absolute;
    top:-40px;
    z-index: -1;
}*/
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
.defaultTheme #cboxPrevious_wrapper,
.defaultTheme #cboxNext_wrapper,
.defaultTheme #cboxSlideshow_wrapper {
    display: none;
    /* caché par défaut */
}

#colorbox.defaultTheme.diaporama :is(.diaporama-left-arrow, .diaporama-right-arrow) {
    position: relative;
    top: 0;
    transform: scale(0.95);
    height: 26px;
    width: 26px;
}

#colorbox.defaultTheme.diaporama .colorbox-navigation {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    padding: 10px 1px;
    gap: 3px;
}

#colorbox.defaultTheme.diaporama .diaporama-play-pause-btn svg {
    width: 15px;
    height: 15px;
    margin: 0 3px;
}

#colorbox.defaultTheme.diaporama button {
    background: transparent;
}

.defaultTheme.diaporama #cboxPrevious_wrapper,
.defaultTheme.diaporama #cboxNext_wrapper,
.defaultTheme.diaporama #cboxSlideshow_wrapper {
    display: inline-block;
    position: absolute;
    bottom: 20px;
}

.defaultTheme #cboxPrevious_wrapper {
    right: 88px;
}

.defaultTheme #cboxNext_wrapper {
    right: 54px;
}

.defaultTheme #cboxSlideshow_wrapper {
    right: 20px;
}


.defaultTheme #cboxPrevious:active,
.defaultTheme #cboxNext:active,
.defaultTheme #cboxSlideshow:active {
    background-color: #888;
}

.defaultTheme button {
    border: none;
    padding: 0;
}

.defaultTheme #cboxPrint,
.defaultTheme #cboxClose {
    /* border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top-20px; backgroundurl(../img/controls.png) no-repeat 0 0; */
    background: none;
    position: absolute;
    padding: 0;
    margin: 0;
    border: none;
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-size: 12px;
    font-weight: normal;
    line-height: 30px;
    color: #3c3c3c;

    text-decoration: none;
}

.defaultTheme #cboxClose {
    right: 20px;
    top: 0;
}

.defaultTheme #cboxPrint {
    left: 20px;
    top: 0;
}

.defaultTheme #cboxPrint:before,
.defaultTheme #cboxClose:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background: url(../img/icons/pictos-popin.png) 0 0 no-repeat;
    margin: 0 4px 0 0;
    font-size: 0;
    position: relative;
    top: -2px;
}

.defaultTheme #cboxPrint:before {
    content: "X";
    background-position: 0 0;
}

.defaultTheme #cboxClose:before {
    content: "■";
    background-position: -16px 0;
}

.defaultTheme #cboxPrint:hover,
.defaultTheme #cboxClose:hover {
    color: #ea7420;
}

.defaultTheme #cboxPrint:hover:before {
    background-position: 0 -16px;
}

.defaultTheme #cboxClose:hover:before {
    background-position: -16px -16px;
}

/* modification ECH 27/01/2014 */
/* initialement l'outline n'était supprimée que dans le cas du active (mouseclick) */
.defaultTheme #cboxPrevious,
.defaultTheme #cboxNext,
.defaultTheme #cboxSlideshow,
.defaultTheme #cboxClose,
.defaultTheme #cboxPrint {
    outline: 0;
}

/*Fix MMI-137*/
#colorbox.defaultTheme {
    z-index: 99999999 !important;
}


/***************************** Fin colorbox *******************************/




/******************** MEDIA QUERIES **********************/

/* Largeur inférieure à 1000px */
@media screen and (max-width:1000px) {

    /* PAGE PRESENTATION MEDIA */
    /* TODO
    - Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants
    - Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire)
    - SAUF celles qui sont potentiellement transversales
    */
    #container_ressources_complementaires #bloc_ressources_complementaires #theme_ressources_complementaires {
        padding: 1.92307692307692em
            /* 25px / 13px */
            1.53846153846154em
            /* 20px / 13px */
            2.69230769230769em;
        /* 35px / 13px */
    }

    .theme_ressources ul.listeRessources li.ressource {
        margin-left: 5.271%;
    }
}

/* Largeur inférieure à 960px */
@media screen and (max-width:960px) {

    /* TODO
    - Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants
    - Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire)
    - SAUF celles qui sont potentiellement transversales
*/
    .dossiers {
        width: 100%;
    }

    #bloc_bdd form>.select-style {
        display: block;
        width: 100%;
        margin-bottom: 5px;
    }
}


/* Largeur inférieure à 900px */
@media screen and (max-width:900px) {
    .bloc_video_colonneDroite a.ico_video .play {
        background-image: url(../img/video_play_gris_tres_petite.png);
        width: 80px;
        height: 80px;
        margin: -40px 0 0 -40px;
    }

    .bloc_video_colonneDroite a.ico_video .play.style1 {
        /* style par défaut */
    }

    .bloc_video_colonneDroite a.ico_video .play.style2 {
        background-image: url(../img/video_play_orange_tres_petite.png);
    }
}

/* Largeur inférieure à 767px */
@media screen and (max-width:767px) {

    /* FOOTER */
    /* Bloc Suivez l'INRS */
    .follow_inrs {
        padding-top: 0px !important;
    }

    #ffollow_container {
        width: 100%;
        margin: auto;
    }

    /* Bloc abonnement et liens utiles */
    #flinknl_container {
        width: 100%;
        margin-top: 20px;
    }

    #fc_lettre .fc_lettreAccroche {
        display: none;
    }

    #fc_lettre {
        background-image: none;
    }

    #fc_lettre .fc_lettreNumEnCours {
        border-top: none;
        padding-top: 0;
    }

    #fc_utiles {
        background-color: white;
    }

    #fc_utiles ul {
        display: table;
        border-collapse: separate;
        width: 100%;
        padding-left: 0;
    }

    #fc_utiles ul li {
        display: table-cell;
        width: 50%;
    }

    #fbottom_container {
        height: auto;
    }

    /* Bloc navigation et legal */
    #fbottom_container .fwrapper ul {
        flex-direction: column;
        width: 100%;
        margin: 50px 0;
    }

    #fbottom_container .fwrapper {
        align-items: baseline;
    }

    /* CONTENU PRINCIPAL */
    .container_contenuPrincipalMetier {
        width: 100%;
        marging-left: 0px;
        padding-left: 0px;
    }

    .container_contenuPrincipalEspace {
        width: 100%;
        marging-left: 0px;
        padding-left: 0px;
    }

    #container_contenuPrincipal img {
        max-width: 100%;
        height: auto;
    }

    /* COLONNE DE DE DROITE */
    .bloc_voiraussi,
    #barre_fonctionnalites,
    .bloc_compedit,
    .bloc_actuspresse,
    .bloc_agenda,
    .bloc_video_colonneDroite,
    .bloc_discipline_recherche,
    #bloc_bdd,
    .push_special,
    .affinerRecherche,
    .resultatsRecherche .container_colonneDroite .modifierRecherche,
    .resultatsRecherche .container_colonneDroite .nouvelleRecherche,
    .resultatsRecherche .container_colonneDroite .retourListe,
    .resultatsRecherche .container_colonneDroite .retourFiche,
    .resultatsRecherche .container_colonneDroite .retourAuxResultats {
        display: none;
    }

    /* Barre de fonctionnalites */
    #barre_fonctionnalites {
        display: none;
        position: absolute;
        z-index: 40000;
        font-size: 13px;
        width: 21em;
        right: 4px;
        top: 45px;
        background: #efefef;
    }

    #barre_fonctionnalites>img.bf_encoche {
        display: none;
    }

    .bf_outils {
        margin: 0;
        padding: 0;
        width: 100%;
        z-index: 10000;
    }

    #barre_fonctionnalites .bf_outils li.voirSelection {
        display: block;
        margin: 0;
    }

    .ltIE9 .bf_outils li a {
        /* alternative aux tailles "rem" */
        font-size: 1em;
        font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
    }

    .bf_outils li a span.icon {
        clear: right;
        float: right;
        display: block;
        height: 23px;
        width: 31px !important;
        margin: 8px 14px 0 14px;
        top: 0;
    }

    .bf_outils .ajoutSelection a span.icon {
        background-position: -50px 0;
        position: relative;
        left: 2px;
    }

    .bf_outils .retraitSelection a span.icon {
        background-position: -100px 0;
        position: relative;
        left: 2px;
    }

    .bf_outils .voirSelection a span.icon {
        background-position: -300px -100px;
        height: 31px !important;
        margin-top: 3px;
    }

    .bf_outils .voirSelection a:hover span.icon {
        background-position: -300px -150px;
    }

    .bf_outils .envoiMail a span.icon {
        background-position: -150px 0;
    }

    .bf_outils .envoiMail a:hover span.icon {
        background-position: -150px -50px;
    }

    .bf_outils .contactINRS a span.icon {
        background-position: 0 -100px;
        height: 31px !important;
        margin-top: 7px;
    }

    .bf_outils .contactINRS a:hover span.icon {
        background-position: 0 -150px;
    }

    /* PAGES DOSSIER / RESULTATS RECHERCHE SIMPLE / FORMATION */
    /* Footer de navigation */
    /* TODO
    - Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants
    - Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire)
    - SAUF celles qui sont potentiellement transversales
*/
    .dossier .pagination .liensMiseEnAvant,
    .resultatsRecherche .wrapperPagination .choixAffichageResultats select,
    .liste .wrapperPagination .choixAffichageResultats select,
    .formation .wrapperPagination .choixAffichageResultats select {
        display: none;
    }


    /* TODO
    - Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants
    - Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire)
    - SAUF celles qui sont potentiellement transversales
*/
    .resultatsRecherche .pagination .choixAffichageResultats,
    .listeResultats .pagination .choixAffichageResultats,
    .liste .pagination .choixAffichageResultats,
    .formation .pagination .choixAffichageResultats,
    .maSelection .pagination .choixAffichageResultats {
        display: none;
    }

    /* Blocs images et diaporama : pas de zoom possible si w<=767 (cf. INRSFR-266) */
    .blocImage .picto_zoom {
        display: none;
    }

    .blocImage .picto_clic {
        width: 27px;
        height: 27px;
    }

    .blocImage .picto_clic .hand {
        background-size: 50%;
        bottom: -7px;
        right: -6px;
    }

    /* PAGE RESULTATS RECHERCHE VIDEO */
    /* TODO
    - Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants
    - Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire)
    - SAUF celles qui sont potentiellement transversales
*/

}

/* Largeur comprise entre 481px et 767px */
@media screen and (min-width:481px) and (max-width:767px) {

    /* HEADER */

    /* Navigation : rubriques */
    #navHorizontale {
        margin-left: -1px;

        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;

        -webkit-column-gap: 2em;
        -moz-column-gap: 2em;
        column-gap: 2em;
    }

    #navHorizontale>li {
        display: block;
        width: auto;
        padding: 3px 0;
        margin: 0 1%;
        border-right: 0 none;
        border-bottom: 1px solid black;
    }

    #navHorizontale>li>a {
        border-right: 0 none;
        padding: 0 5px !important;
    }

    /* IE<10 : pas de colonnes CSS donc on fait par blocs */
    .ltIE10 #navHorizontale {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;

        padding-bottom: 25px;
    }

    .ltIE10 #navHorizontale>li {
        display: inline-block;
        width: 46%;
    }

    .ltIE10 #navHorizontale>li:nth-child(2n+1) {
        margin-right: 5%;
    }



    /* Navigation : barre de fonctionnalites */
    .header .bandeauHaut {
        min-height: 50px;
    }

    ul#boutonTransverseIntermediaire {
        display: inline-block;
        vertical-align: middle;
    }

    .bandeauHaut .maSelection {
        display: none;
    }

    .desktop li.drapeaux_droite {
        right: 45px !important;
    }
}



/* Largeur comprise entre 601px et 767px */
@media screen and (min-width:601px) and (max-width:767px) {

    /* HEADER */
    #bandeauSite a span {
        position: relative;
        left: 27px !important;
    }

    .megaMenu>.contentMM>.wrapper>ul {
        display: block;
        font-size: 0;

        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    .ltIE9 .megaMenu>.contentMM>.wrapper>ul {
        /* alternative au font-size:0 */
        font-family: AdobeBlank;
        font-size: 1em;
    }

    #bloc_resume_media .contributions_medias .bloc_contribution_media {
        display: inline-block;
        width: 100%;
    }
}

/* Largeur comprise entre 481 et 505px */
@media screen and (min-width:481px) and (max-width:505px) {
    .quickSearch_keywords {
        width: 140px;
    }
}


/* Largeur comprise entre 0 et 635px */
@media screen and (max-width:635px) {
    .formation_calendrier .legende>div {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}


/* Largeur comprise entre 0 et 600px */
@media screen and (max-width:600px) {
    #plan ul.concis {
        display: none;
    }

    /* PAGE EDITORIALE */
    .edito .chapo .image_accroche {
        margin-bottom: 5px;
    }

    .bloc_sommaire .nav,
    .bloc_partenaires .nav,
    .bloc_liensConnexes .nav {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }


    #bloc_resume_media .contributions_medias {
        width: auto;
        background: none;
        margin: 0;
    }

    #bloc_resume_media .contributions_medias .bloc_contribution_media {
        display: block;
        width: 100%;
        background-color: #e5e5e5;
        padding: 19px 15px 20px;
        margin: 0 0 2.30769230769231em;
        /* 30px / 13px */
    }

}

/* Largeur comprise entre 481px et 600px */
@media screen and (min-width:481px) and (max-width:600px) {

    /* HEADER */
    /* Navigation : rubriques */
    #navHorizontale {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;

        margin-bottom: 1em;
    }

    /* IE<10 : pas de colonnes CSS donc on fait par blocs */
    .ltIE10 #navHorizontale {
        margin-bottom: 0;
        padding-bottom: 25px;
    }

    .ltIE10 #navHorizontale>li {
        display: block;
        width: auto;
        margin-right: 0;
    }

    .ltIE10 #navHorizontale>li:nth-child(2n+1) {
        margin-right: 0;
    }

    .megaMenu>.contentMM>.wrapper>ul {
        display: block;
        font-size: 0;

        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    .ltIE9 .megaMenu>.contentMM>.wrapper>ul {
        /* alternative au font-size:0 */
        font-family: AdobeBlank;
        font-size: 1em;
    }


    #container_ressources_complementaires #bloc_ressources_complementaires #theme_ressources_complementaires .titre {
        width: 65%;
    }


    /* PAGE PRESENTATION MEDIA */
    /* TODO
    - Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants
    - Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire)
    - SAUF celles qui sont potentiellement transversales
*/
    #details_media {
        display: block;
    }

    #details_media #bloc_visuel_media {
        display: block;
        width: 100%;
        margin: 0;
    }

    #container_contenuPrincipal img {
        width: 100%;
    }

    #container_contenuPrincipal .editorial img {
        width: auto;
    }

    .titreAvecTampon>.zoneTampon {
        padding: 0 0 0 15px;
    }

    .titreAvecTampon>.zoneTampon>img {
        width: auto !important;
    }

    #details_media #bloc_resume_media {
        display: block;
        width: 100%;
    }

    .liste_substances .titreIT {
        display: none;
    }

    #informations_techniques_media .listeOnglets .onglet.deplie .titre,
    #informations_techniques_media .listeOnglets .onglet.replie .titre,
    .liste_substances .listeOnglets .onglet.deplie .titre,
    .liste_substances .listeOnglets .onglet.replie .titre {
        display: block;
    }

    .etude_communication_publication #informations_techniques_media ul li .detail_info_technique {
        width: 50%;
    }

    .contenu_ressources_complementaires .theme_ressources .listeRessources .ressource {
        width: 47.32724902216428%;
    }

    .contenu_ressources_complementaires .theme_ressources .listeRessources .ressource.onemodtwo {
        margin-left: 0;
    }

    .contenu_ressources_complementaires .theme_ressources .listeRessources .ressource.noughtmodtwo {
        margin-left: 5.25%;
    }

    .liste_substances {
        margin-bottom: 0;
    }

    /* Page Etude / Communication / Publication */
    /* TODO
    - Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants
    - Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire)
    - SAUF celles qui sont potentiellement transversales
*/
    .etude_communication_publication #informations_techniques_media ul.liste_etude_attachement,
    .etude_communication_publication #informations_techniques_media ul.liste_publications_communications {
        margin-top: 5px;
    }

    .etude_communication_publication #informations_techniques_media ul.liste_informations_techniques {
        margin-top: 0;
    }

    .etude_communication_publication #informations_techniques_media ul.listeOnglets li.onglet {
        margin-bottom: 0;
    }


    /* PAGE STAGE */
    .stage .listeOnglets .onglet .contenu h3 {
        display: none;
    }

    .stage .listeOnglets>li {
        margin-bottom: 0;
    }

    /* FOOTER */
    /* Bloc navigation et legal */
    #fbottom_container .fwrapper ul li {
        padding-right: 15px;
        margin-right: 15px;
    }
}




/* Largeur inférieure à 480px */
@media screen and (max-width:480px) {

    /* HEADER */

    /* Navigation : rubriques */
    #navHorizontale {
        display: block;
        position: relative;
        background: #fff;
        top: 0;
        left: 0;
        width: 75%;
        z-index: 10000;
        padding: 20px;
        margin: 0;
    }

    #navHorizontale>li {
        display: block;
        border-top: 1px solid #636363;
        padding: 0;
    }

    #navHorizontale>li:first-child {
        border-top: none;
    }

    #navHorizontale>li.sel {
        background: transparent;
        left: 0;
    }

    #navHorizontale>li a {
        display: block;
        padding: 0.5em 0;
        border: none;
        width: 100%;
        color: #3c3c3c;
        text-decoration: none;
    }

    #navHorizontale>li.sel a {
        color: #3c3c3c;
        padding-left: 0;
    }

    #navHorizontale>li a>h3 {
        display: inline;
        margin: 0;
        padding: 0;
    }

    #navHorizontale>li a:after {
        content: ">";
        float: right;
        margin-left: 1em;
    }

    #navHorizontale>li:hover {
        background: #3c3c3c;
    }

    #navHorizontale>li:hover a {
        color: #fff;
    }

    /* Navigation : boutons Recherche/Barre fonctionnalites/Menu */
    .header .bandeauMilieu .menuResponsive,
    .header .bandeauMilieu .fctTransverses {
        display: inline-block;
        position: absolute;
        top: 20px;
        right: 20px;
    }

    .header .fctTransverses {
        display: inline-block;
        position: absolute;
        font-size: 0;
        top: 20px;
        right: 20px;
    }

    .ltIE9 .header .fctTransverses {
        /* alternative au font-size:0 */
        font-family: AdobeBlank;
        font-size: 1em;
    }

    .header .fctTransverses li {
        margin-left: 1px;
    }

    .header .fctTransverses li:FIRST-CHILD {
        margin-left: 0;
    }

    .foreign .bouton.rechercher {
        display: none;
    }

    .header .bouton.rechercher a:before {
        content: "\00a0";
        /* espace insécable */
        font-size: 0;
        position: absolute;
        top: 11px;
        left: 11px;
        width: 19px;
        height: 20px;
        background: url(../img/pictos-header.png) 0 -50px no-repeat;
    }

    .header .bouton.transverse a {
        position: relative;
    }

    .header .bouton.transverse a:after {
        content: "\00a0";
        /* espace insécable */
        font-size: 0;
        position: absolute;
        top: 8px;
        left: 17px;
        width: 7px;
        height: 25px;
        background: url(../img/pictos-header.png) 0 0 no-repeat;
    }

    #header li.bouton.transverse.actif {
        border-bottom: 2px solid #efefef;
    }

    .no-js .header .bouton.rechercher,
    .no-js .header .bouton.transverse {
        display: none;
    }

    .header .bandeauHaut .maSelection {
        display: none;
    }

    .no-js .header .bandeauMilieu .menuResponsive {
        display: none;
    }

    .header .bandeauMilieu .menuResponsive {
        display: inline-block;
        position: absolute;
        top: 20px;
        left: 20px;
        z-index: 1000;
        width: 120px;
    }

    .menuResponsive>a {
        display: inline-block;
        padding: 12px 8px 12px 32px;
        position: relative;
        background-color: #626970;
        font-size: 1.307692307692308em;
        /* 17px / 13px */
        font-weight: bold;
        color: white;
        text-decoration: none;
        /*z-index:1000;*/
    }

    .menuResponsive>a:before {
        content: "\00a0";
        /* espace insécable */
        font-size: 0;
        position: absolute;
        top: 14px;
        left: 8px;
        width: 17px;
        height: 13px;
        background: url(../img/pictos-header.png) 0 -150px no-repeat;
    }

    /*
    DESACTIVATION TEMPORAIRE
    .menuResponsive:hover .menuItems {
        display: inline-block;
        width: 70.83333333333333%; / * 340px / 480px * /
        background-color: white;
    }
    */
    .menuResponsive .menuItems {
        display: none;
        margin: 0;
        position: absolute;
        top: 61px;
        left: 15px;
        z-index: 99999;
    }

    .menuResponsive .menuItems {
        padding: 20px 5.88235294117647%;
        /* 20px / 340px */
    }

    .menuResponsive #navHorizontale li {
        display: block;
        float: none;
        margin: 0;
        padding: 0;
    }


    .no-js .megaMenu {
        display: none;
    }

    /* Barre de recherche */
    .header .bandeauHaut .bouton.fermer {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
    }

    .header .bandeauHaut {
        padding: 28px 20px;
        background-color: #dadada;
        display: none;
    }

    /* bandeau visible par défaut si pas de javascript*/
    .no-js .header .bandeauHaut {
        display: block;
        background-color: #3c3c3c;
    }

    .header .bandeauHaut .wrapper {
        padding-left: 0;
    }

    .header .bandeauHaut .bouton {
        vertical-align: top;
        position: absolute;
        top: 0;
        right: 0;
        font-size: 0;
    }

    .ltIE9 .header .bandeauHaut .bouton {
        /* alternative au font-size:0 */
        font-family: AdobeBlank;
        font-size: 1em;
    }

    .header .bouton.fermer a:before {
        content: "X";
        font-size: 0;
        width: 20px;
        height: 19px;
        background: url(../img/pictos-header.png) 0 -100px no-repeat;
        position: absolute;
        top: 11px;
        left: 11px;
    }

    .no-js .header .bouton.fermer {
        display: none;
    }

    .header #quickSearchForm {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        float: none;
        height: 40px;
        margin-right: 37px;
        background-color: white;
    }

    .header #quickSearchForm:before {
        top: 11px;
    }

    .header #quickSearchForm span {
        display: block;
        height: 100%;
        overflow: hidden;
        padding: 0 60px 0 0;
    }

    .header .quickSearch_keywords {
        font-size: 1.076923076923077em;
        /* 14px / 13px */
        font-size: 1.076923076923077rem;
        /* 14px / 13px */
        padding: 10px 6px 6px 10px;
        width: 100%;
    }

    .header .quickSearch_button {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 1.230769230769231em;
        /* 16px / 13px */
        font-size: 1.230769230769231rem;
        /* 16px / 13px */
        padding: 8px 7px;
    }

    .header .quickSearch_keywords.bluredAndEmpty {
        background: url(../img/recherche-texte-grand.png) 9px 50% no-repeat;
    }

    .no-js .header .bandeauHaut .fermer {
        display: none;
    }

    .no-js .header #quickSearchForm {
        margin-right: 0;
    }

    /* Gestion des mega-menus en mode mobile */
    #header .megaMenu {
        z-index: 10000;
        width: 87%;
    }

    #header .megaMenu .bt_back {
        font-family: pt_sans, sans-serif;
        float: right;
        margin-right: 5px;
        margin-top: 5px;
        position: relative;
        z-index: 10000;
        cursor: pointer;
        background: rgb(239, 239, 239);
        /* Old browsers */
        background: -moz-linear-gradient(top, rgba(239, 239, 239, 1) 0%, rgba(239, 239, 239, 1) 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(239, 239, 239, 1)), color-stop(100%, rgba(217, 217, 217, 1)));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(239, 239, 239, 1) 0%, rgba(217, 217, 217, 1) 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(239, 239, 239, 1) 0%, rgba(217, 217, 217, 1) 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(239, 239, 239, 1) 0%, rgba(217, 217, 217, 1) 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, rgba(239, 239, 239, 1) 0%, rgba(217, 217, 217, 1) 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#d9d9d9', GradientType=0);
        /* IE6-9 */
    }

    #header .megaMenu .bt_back span {
        padding: 9px 15px 8px 25px;
        line-height: 31px;
        font-size: 1.2em;
        background: url('../img/picto-fleche-retour.png') 10px center no-repeat;
    }

    #header .megaMenu .bt_lienMM {
        display: inline-block;
        padding: 0 0 0 10px;
    }

    #header .megaMenu .bt_lienMM.placeHolder {
        float: right;
        clear: right;
        position: relative;
        margin-right: 5px;
        margin-top: 5px;
        visibility: hidden;
        z-index: -10000;
    }

    #header .megaMenu .bt_lienMM.real {
        position: absolute;
        right: 5px;
        bottom: 5px;
        z-index: 10000;
    }


    #header .megaMenu .bt_lienMM>a {
        font-size: 13px;
        margin: 0;
        padding: 4px 10px;
    }

    #header .megaMenu>.titreMM>.wrapper>p:after {
        left: 8px;
    }

    .megaMenu>.contentMM>.wrapper>ul {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    /*** JIRA : INRSFR-404 ***/
    /***
        #header .megaMenu > .contentMM > .wrapper > ul > li > ul.concis{
            display: none;
        }

    ***/
    /****  *****/

    #header .megaMenu>.contentMM>.wrapper>.footerMM {
        display: none;
    }

    #header .megaMenu>.contentMM>.wrapper>.accrocheMM,
    #header .megaMenu>.contentMM>.wrapper>.accrocheMM>p,
    #header .megaMenu>.contentMM>.wrapper>.accrocheMM>.lienPrincipal,
    #header .megaMenu>.contentMM>.wrapper>.accrocheMM>.lienSecondaire {
        display: block;
    }

    #header .megaMenu>.contentMM>.wrapper>.accrocheMM>.lienPrincipal,
    #header .megaMenu>.contentMM>.wrapper>.accrocheMM>.lienSecondaire {
        padding-left: 0;
        margin-top: 1em;
    }

    /* Barre de fonctionnalites */
    #barre_fonctionnalites {
        right: 20px;
        top: 63px;
    }


    /* FOOTER */
    /* Bloc Suivez l'INRS */
    .follow_inrs .fi_titre {
        line-height: 46px;
        width: auto;
        font-size: 30px;
        margin-bottom: 10px;
        display: inline-block;
        text-align: center;
        font-weight: 900;
    }

    /***************************** EMY FOOTER RESP RESEAUX SOCIAUX *******************************/
    .follow_inrs .fr_youtube {
        display: inline-block;
        width: 36px;
        height: 36px;
        margin-right: 5px;
        background-image: url(../img/footer/youtube_orange.png);
    }

    .follow_inrs .fr_linkedin {
        display: inline-block;
        width: 36px;
        height: 36px;
        margin-right: 5px;
        background-image: url(../img/footer/linkedin_orange.png);
    }

    .follow_inrs .fr_X {
        display: inline-block;
        width: 36px;
        height: 36px;
        margin-right: 5px;
        background-image: url(../img/footer/X_orange.png);
    }

    .follow_inrs .fr_instagram {
        display: inline-block;
        width: 36px;
        height: 36px;
        background-image: url(../img/footer/instagram_orange.png);
    }

    /***************************** EMY FOOTER RESP RESEAUX SOCIAUX *******************************/

    .follow_inrs ul {
        float: right;
        width: 210px;
        text-align: right;
    }

    .follow_inrs ul li {
        margin: 0 0 0 10px;
    }

    .follow_inrs {
        margin-bottom: 0;
    }

    /* Bloc abonnement et liens utiles */
    #fc_lettre .fcl_titre {
        font-size: 1.69230769230769em;
        /* 22px / 13px */
    }

    #fc_utiles ul li a {
        font-size: 1.53846153846154em;
        /* 20px / 13px */
    }

    /* --- Liste tabulée --- */
    ul.listeTabulee {
        display: block;
    }

    ul.listeTabulee>li {
        display: block;
        margin: 0.5em 0;
    }

    ul.listeTabulee>li>.entree {
        display: block !important;
        width: auto !important;
        padding: 0.5em 0 !important;
    }

    ul.listeTabulee>li>.entree>span {
        display: inline;
        width: auto;
        border: none;
    }

    ul.listeTabulee>li>.entree>span>span {
        display: inline;
        background: transparent;
    }

    ul.listeTabulee>li>.entree>span>span:after {
        display: inline;
        content: "\00a0:";
    }

    ul.listeTabulee>li>.entree>span>span,
    ul.listeTabulee>li>.details>span {
        position: static;
        top: 0;
        padding: 0 !important;
    }

    ul.listeTabulee>li>.details {
        padding: 0 0 0 15px !important;
        width: auto !important;
    }

    ul.listeTabulee>li>.details .editorial p {
        padding: 0;
    }

    .IE9 ul.listeTabulee>li>.details ul.bullets,
    .IE10 ul.listeTabulee>li>.details ul.bullets,
    .IE11 ul.listeTabulee>li>.details ul.bullets {
        margin-top: 0;
    }

    /* PAGE EDITORIALE */
    /* TODO
    - Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants SAUF celles qui sont potentiellement transversales
    - Déplacer les règles liées au rendu des textes riches éditoriaux dans editorial.css afin qu'on puisse les visualiser dans FCKEditor
    */

    .soustitrePage {
        font-size: 2rem;
        /* 19px / 13px */
        line-height: 115.789473684211%;
        /* 22px / 19px */
        color: var(--color-charcoal);
        padding-top: 9px;
    }

    .chapo {
        font-size: 1.231rem;
        /* 16px */
        font-weight: 700;
        line-height: 138.461538461538%;
        /* 18px / 13px */
    }

    h2.chapo {
        padding-top: 0 !important; /* le H2 a déjà 20px top */
    }

    .chapo a.ico_video .play {
        background-image: url(../img/video_play_gris_tres_petite.png);
        width: 80px;
        height: 80px;
        margin: -40px 0 0 -40px;
    }

    .chapo a.ico_video .play.style2 {
        background-image: url(../img/video_play_orange_tres_petite.png);
    }

    .edito .chapo .dateMiseEnligne {
        font-size: 0.8125em;
        /* Base 12px - 12/13px */
        display: block;
    }

    /* Bloc de mise en avant */
    .miseEnAvant {
        margin: 10px 0 0 0;
        padding: 20px;
        background-color: #e5e5e5;
        font-size: 1em;
        /* 13px / 13px */
    }

    .miseEnAvant>.titre {
        position: relative;
        font-size: 1.38461538461538em;
        /* 18px / 13px */
        line-height: 122.222222222222%;
        /* 22px / 18px */
    }

    .listeRessources .ressource {
        width: 100% !important;
        margin-left: 0 !important;
    }

    /* WEB4-624
    .listeRessources .ressource .zoom_popin,
    .listeRessources .ressource .video_popin,
    .listeRessources .ressource img {
        display: none;
    }
*/

    /* TODO
    - Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants
    - Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire)
    - SAUF celles qui sont potentiellement transversales
*/
    /* Onglets */
    .listeOnglets .onglet .titre.court {
        font-size: 1.384615384615385em;
        /* 18px/13px */
    }

    .listeOnglets .onglet .titre.long {
        font-size: 1em;
        /* 13px/13px */
    }

    .listeOnglets .onglet.deplie .editorial p {
        margin: 0;
    }


    .pagination .navigationPages .nav_suiv,
    .mobile-nav-btn-container .nav_suiv,
    .pagination .navigationPages .nav_prec,
    .mobile-nav-btn-container .nav_prec {
        font-size: 1em;
        margin-top: 6px;
    }

    /* RESULTATS RECHERCHE SIMPLE */
    /* TODO
    - Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants
    - Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire)
    - SAUF celles qui sont potentiellement transversales
*/
    .resultatsRecherche .navigationPages>span.btnNav>*,
    .resultatsRecherche .navigationPages .numerosPages ul li a,
    .formation .navigationPages>span.btnNav>*,
    .formation .navigationPages .numerosPages ul li a,
    .liste .navigationPages>span.btnNav>*,
    .liste .navigationPages .numerosPages ul li a,
    .maSelection .navigationPages>span.btnNav>*,
    .maSelection .navigationPages .numerosPages ul li a {
        font-size: 1.38461538em;
        /* 18px/13px */
    }

    .resultatsRecherche .navigationPages>span.btnNav.premier,
    .resultatsRecherche .navigationPages>span.btnNav.dernier,
    .formation .navigationPages>span.btnNav.premier,
    .formation .navigationPages>span.btnNav.dernier,
    .liste .navigationPages>span.btnNav.premier,
    .liste .navigationPages>span.btnNav.dernier,
    .maSelection .navigationPages>span.btnNav.premier,
    .maSelection .navigationPages>span.btnNav.dernier {
        width: 2em;
    }

    .formation .navigationPages>span.btnNav.precedent,
    .liste .navigationPages>span.btnNav.precedent,
    .maSelection .navigationPages>span.btnNav.precedent {
        width: 7em;
    }

    .formation .navigationPages>span.btnNav.suivant,
    .liste .navigationPages>span.btnNav.suivant,
    .maSelection .navigationPages>span.btnNav.suivant {
        width: 6em;
    }

    .resultatsRecherche .navigationPages>span.btnNav.precedent.reduit,
    .resultatsRecherche .navigationPages>span.btnNav.suivant.reduit,
    .formation .navigationPages>span.btnNav.precedent.reduit,
    .formation .navigationPages>span.btnNav.suivant.reduit,
    .liste .navigationPages>span.btnNav.precedent.reduit,
    .liste .navigationPages>span.btnNav.suivant.reduit,
    .maSelection .navigationPages>span.btnNav.precedent.reduit,
    .maSelection .navigationPages>span.btnNav.suivant.reduit {
        width: 1.8em;
    }

    .maSelection .pagination .navigationPages .nav_suiv {
        width: 16%;
    }



    /* PAGE LISTE */
    /* TODO
    - Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants
    - Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire)
    - SAUF celles qui sont potentiellement transversales
*/

    .liste .listeResultats .informationsEvenement {
        font-size: 1em;
        /* 13/13px */
    }

    .liste .listeResultats>li .description {
        font-size: 0.9230769230769231em;
        /* 12/13px */
    }

    .liste .listeResultats .informationsEvenement .periode,
    .liste .listeResultats .informationsEvenement .lieu {
        display: block;
    }

    .liste .listeResultats .informationsEvenement .lieu {
        margin-top: 8px;
    }

    .maSelection .toutSelectionner,
    .maSelection .supprimerElementsCoches {
        margin: 8px 0 0 0;
    }



    /* PAGE STAGE */
    /* TODO
    - Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants
    - Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire)
    - SAUF celles qui sont potentiellement transversales
*/
    .stage .listeOnglets .onglet .contenu h3 {
        display: none;
    }

    .stage .listeOnglets>li {
        margin-bottom: 0;
    }

    .stage #informations_techniques_media {
        margin: 0.6em 0 1em;
    }

    .stage #informations_techniques_media ul li .detail_info_technique {
        width: 100%;
    }



    /* --- ANCIENNE VERSION DE LA LISTE DES SESSIONS --- */
    .stage .bloc_sessions .listeSessions>li .disponibilite,
    .stage .bloc_sessions .listeSessions>li .periode,
    .stage .bloc_sessions .listeSessions>li .lieu {
        width: auto;
    }

    .stage .bloc_sessions .listeSessions>li .disponibilite>div {
        display: block;
    }

    .stage .bloc_sessions .listeSessions>li .disponibilite>div>div:first-child {
        width: 50px;
    }

    .stage .bloc_sessions .listeSessions>li .disponibilite>div>div+div {
        display: block;
        height: auto;
        padding-left: 0;
        font-size: 0.9em;
    }

    .stage .bloc_sessions .listeSessions>li .lieu {
        word-break: break-all;
    }





    /* PAGE 404 */

    /* Colorbox */
    .defaultTheme #cboxTitle {
        font-size: 0.8em;
    }

    .defaultTheme #cboxTitle div.encartCt {
        max-height: 100px;
    }


    /* PAGE PRESENTATION MEDIA */
    /* TODO
    - Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants
    - Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire)
    - SAUF celles qui sont potentiellement transversales
*/
    #details_media {
        display: block;
    }

    #details_media #bloc_visuel_media {
        display: block;
        width: 100%;
        margin: 0;
    }

    #container_contenuPrincipal img {
        width: 100%;
    }

    #container_contenuPrincipal .editorial img {
        width: auto;
    }

    .titreAvecTampon>.zoneTampon {
        padding: 0 0 0 10px;
    }

    .titreAvecTampon>.zoneTampon>img {
        width: 77px !important;
    }

    #details_media #bloc_resume_media {
        display: block;
        width: 100%;
    }

    #container_ressources_complementaires .titre {
        font-size: 1.53846153846154em;
        /* 20px / 13px */
    }

    #container_ressources_complementaires #bloc_ressources_complementaires #theme_ressources_complementaires {
        padding: 1.53846153846154em
            /* 20px / 13px */
            1.53846em;
    }

    #container_ressources_complementaires #bloc_ressources_complementaires #theme_ressources_complementaires .titre,
    #container_ressources_complementaires #bloc_ressources_complementaires .themes_annexes_ressources_complementaires .titre {
        font-size: 1.38461538461538em;
        /* 18px / 13px */
        font-size: 1.38461538461538rem;
        /* 18px / 13px */
        width: 100%;
    }

    .pagination_ressources_complementaires,
    .theme_ressources {
        display: none;
    }

    .theme_ressources .bt_back {
        background: rgb(239, 239, 239);
        /* Old browsers */
        background: -moz-linear-gradient(top, rgba(239, 239, 239, 1) 0%, rgba(239, 239, 239, 1) 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(239, 239, 239, 1)), color-stop(100%, rgba(217, 217, 217, 1)));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(239, 239, 239, 1) 0%, rgba(217, 217, 217, 1) 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(239, 239, 239, 1) 0%, rgba(217, 217, 217, 1) 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(239, 239, 239, 1) 0%, rgba(217, 217, 217, 1) 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, rgba(239, 239, 239, 1) 0%, rgba(217, 217, 217, 1) 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#d9d9d9', GradientType=0);
        /* IE6-9 */
        cursor: pointer;
        font-family: pt_sans, sans-serif;
        width: 6.15384615384615em;
        /* 80px / 13px */
    }

    .theme_ressources .bt_back span {
        padding: 9px 15px 8px 25px;
        line-height: 31px;
        font-size: 1.2em;
        background: url('../img/picto-fleche-retour.png') 10px center no-repeat;
    }


    .contenu_ressources_complementaires .boutonImportant {
        display: inline-block;
        margin: 0;
    }

    ul.supports_theme_annexe {
        width: 105%;
    }

    ul.supports_theme_annexe li {
        margin-right: 9px;
        vertical-align: top;
        width: 200px;
    }

    #informations_techniques_media {
        margin: 1.92308em
            /* 25px / 13px */
            0 1.15384615384615em;
        /* 15px / 13px */
    }

    .liste_substances .titreIT {
        display: none;
    }

    #informations_techniques_media .listeOnglets .onglet.deplie .titre,
    #informations_techniques_media .listeOnglets .onglet.replie .titre,
    .liste_substances .listeOnglets .onglet.deplie .titre,
    .liste_substances .listeOnglets .onglet.replie .titre {
        display: block;
    }

    .liste_substances {
        margin-bottom: 0;
    }

    #informations_techniques_media ul li .baseline_champs_info_technique,
    .etude_communication_publication #informations_techniques_media ul li .baseline_champs_info_technique {
        display: block;
        border: none;
        width: 100%;
    }

    #informations_techniques_media ul li .champs_info_technique {
        position: static;
    }

    #informations_techniques_media ul li .detail_info_technique,
    .etude_communication_publication #informations_techniques_media ul li .detail_info_technique {
        display: block;
        width: 100%;
        position: static;
    }

    #container_ressources_complementaires {
        padding: 2em
            /* 26px / 13px */
            20px 2.30769230769231em
            /* 30px / 13px */
        ;
    }


    .bloc_listeLiens>div,
    .formation .bloc_formation>div {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    /* Ma sélection */
    .maSelection .resultat {
        width: 92%;
    }

    /* PAGE RECHERCHE BDD */
    .rechercheBDD .search-box .row .choix_termes>span {
        display: block;
        width: 100%;
    }

}

/* FOOTER */
/* Bloc navigation et legal */
#fbottom_container .fwrapper p {
    display: inline-block;
    padding: 0;
}

.formation .tableau th,
.formation .tableau td {
    padding: 8px 6px;
}

/* Ma sélection */
.maSelection .resultat {
    width: 90%;
}

.pagination .navigationPages .mobileVersion {
    display: none;
}

/* Calendrier */
.formation_calendrier .modeAffichage,
.formation_calendrier .legende {
    display: block;
    width: auto;
}

/* Largeur inférieure à 350px */
/* Ajout du point de rupture de 350px pour l'iphone */
@media screen and (max-width:350px) {

    /* RESULTATS RECHERCHE SIMPLE */
    /* TODO
    - Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants
    - Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire)
    - SAUF celles qui sont potentiellement transversales
*/
    .resultatsRecherche .pagination .navigationPages .nav_prec,
    .formation .pagination .navigationPages .nav_prec,
    .liste .pagination .navigationPages .nav_prec,
    .maSelection .pagination .navigationPages .nav_prec {
        width: 4%;
    }

    .resultatsRecherche .pagination .navigationPages .nav_suiv,
    .formation .pagination .navigationPages .nav_suiv,
    .liste .pagination .navigationPages .nav_suiv,
    .maSelection .pagination .navigationPages .nav_suiv {
        width: 4%;
    }

    .formation .tableau th,
    .formation .tableau td {
        padding: 8px 4px;
    }

}

/* Largeur inférieure à 320px */
@media screen and (max-width:320px) {

    /* CONTENU PRINCIPAL */
    .container_contenuPrincipal ul li {
        /* width: 97%; */
    }

    /* PAGE FORMATION - CALENDRIER */
    /* TODO
    - Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants
    - Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire)
    - SAUF celles qui sont potentiellement transversales
    */
    .formation .tableau th,
    .formation .tableau td {
        padding: 8px 3px;
    }

}

/*Fix MMI-66*/
body .megaMenu .titreMM span.contribuer {
    display: none;
}

body.editMode .megaMenu .titreMM span.contribuer {
    display: inline;
}

/*Fix MMI-64 */
#header .megaMenu {
    z-index: 99999999999999999999999;
}



/* YDI -- on iclut le stle print.css-- YDI */

@media print {
    @charset "UTF-8";

    @page {
        size: A4;
        margin: 1cm;
        widows: 6;
        orphans: 6;
        -webkit-print-color-adjust: exact;
    }

    html {
        font-size: 9pt !important;
        -webkit-print-color-adjust: exact;
    }

    .super_container {
        width: 19cm;
        /* 21 - 1 - 1 */
    }

    @media print and (orientation: landscape) {
        .super_container {
            width: 27.7cm;
            /* 29.7 - 1 - 1 */
        }
    }

    .print .super_container {
        width: 25cm;
        /* hack REFONTEINRS-286 pour wkhtmltopdf */
    }



    /*
    html,
    body,
    select,
    textarea,
    input {
        letter-spacing: 0.04em;
    }
    */

    address,
    article,
    aside,
    audio,
    blockquote,
    canvas,
    dd,
    div,
    dl,
    fieldset,
    figcaption,
    figure,
    footer,
    form,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    header,
    hgroup,
    table,
    tr {
        widows: 6;
        orphans: 6;
    }



    .pageBreakAfter {
        page-break-after: always;
    }

    hr.pageBreakAfter,
    br.pageBreakAfter {
        border: none;
        padding: 0;
        margin: 0;
        font-size: 0;
        height: 1px;
        visibility: hidden;
        overflow: hidden;
    }

    .printedLink,
    .forceInline .printedLink {
        display: block !important;
        margin: 0.5em 0 !important;
        padding: 0 !important;
        background: transparent !important;

        white-space: normal !important;
        word-wrap: break-word !important;

        color: #b0273e !important;
        font-weight: bold !important;
        font-size: 0.85em !important;
        font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;

        text-align: left !important;
        line-height: 1.1em !important;
    }

    .printedLink>.index,
    .forceInline .printedLink>.index {
        vertical-align: super;
        font-size: smaller;
        margin: 0 0.25em 0 0;
    }

    .printedLinkIndex,
    .forceInline .printedLinkIndex {
        display: inline !important;
        vertical-align: super;
        font-size: smaller;
        margin: 0 0 0 0.25em;
    }

    #header div.bandeauHaut,
    #quickSearch,
    #navHorizontale,
    #barre_fonctionnalites,
    #fbottom_container,
    #flinknl_container,
    #ffollow_container>.follow_inrs,
    #follow_remontees,
    .bandeauDossier.footer,
    .blocVideo span.play,
    .miseEnAvant .titre:before,
    .encart:before,
    .miseEnAvant .encart:before,
    .listeOnglets .onglet .titre:before,
    .blocImage .picto_zoom,
    .blocImage .picto_clic,
    div.zoneRetourSommaire,
    .resultatsRecherche .pagination,
    .liste .pagination,
    .formation .pagination,
    .maSelection .pagination {
        display: none !important;
        content: none;
    }

    /*
    * {
        page-break-inside: auto !important;
        page-break-before: auto !important;
        page-break-after: auto !important;
    }
    */
    #bandeauSite {
        width: auto;
        padding: 0;
    }

    #bandeauSite>a {
        width: auto;
        top: 0;
        left: 0;
    }

    #header div.bandeauMilieu {
        background: transparent;
    }

    .bloc_compedit,
    .bloc_voiraussi,
    .bloc_actuspresse,
    .bloc_agenda,
    #bloc_bdd,
    .bloc_video_colonneDroite,
    .bloc_sommaire,
    #container_principal div.miseEnAvant,
    .contributions_medias .bloc_contribution_media {
        border: 1px solid #e5e5e5;
    }

    ul.listeOnglets>li {
        margin-bottom: 1em;
    }

    ul.listeOnglets>li>.titre {
        border: 1px solid #e5e5e5 !important;
        padding: 15px 10px 10px 10px !important;
        margin-bottom: 5px !important;
        color: #000 !important;
        background: #e5e5e5 !important;
        border: none !important;
    }

    .listeOnglets .onglet .editorial p {
        margin: 5px 0 15px 0 !important;
    }

    .listeOnglets .onglet .listeRessources {
        margin-top: 0 !important;
    }

    .listeOnglets .onglet {
        border: 1px solid #e5e5e5 !important;
    }

    .listeOnglets .onglet .contenu {
        padding: 0.5em !important;
        display: block !important;
    }


    .contributions_medias .bloc_contribution_media .contribution_media .telechargement_contribution_media {
        border: 1px solid #444;
    }


    #footer {
        /*background: transparent;*/
        display: none;
    }

    #ffollow_container {
        width: 100%;
        float: none;
    }


    .container_contenuPrincipal {
        width: auto;
        margin: 0;
        min-width: 0;
        display: block;
    }

    .container_colonneDroite {
        display: block;
        width: 50%;
        margin: 1em auto;
    }


    .container_contenuPrincipal div.miseEnAvant {
        display: inline-block;

        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        -ms-box-sizing: border-box !important;
        box-sizing: border-box !important;
        width: 100%;
    }

    a.boutonImportant.orange,
    .resultatsRecherche .affinerRecherche .affinerResultats,
    .resultatsRecherche .container_colonneDroite .modifierRecherche,
    .resultatsRecherche .container_colonneDroite .nouvelleRecherche,
    .resultatsRecherche .container_colonneDroite .retourAuxResultats,
    .resultatsRecherche .container_colonneDroite .retourFiche,
    .recherche .validButton,
    .page404 .details_404 .bloc_details_404 #searchInput #searchInput_button,
    #mailInput_button,
    #bloc_bdd .bbdd_button {
        border-color: #ff8d3c !important;
    }

    .liensMiseEnAvant li a.style2 {
        border-color: #ff8d3c !important;
    }

    a.boutonImportant.gros {
        border: 1px solid
    }

    .risques .abcdaire {
        height: auto !important;
    }

    /*
    .bloc_voiraussi .bva_titre {
        color:#000;
    }
    */



    .presentation_media .cartouche_media .cartouche_media_type {
        border: 1px solid #3c3c3c;
    }

    .bloc_voiraussi,
    .bloc_compedit {
        width: 280px;
        margin: 1em auto;
    }

    .resultatsRecherche .pagination,
    .liste .pagination,
    .formation .pagination,
    .maSelection .pagination {
        border-top: 1px solid #787f86;
    }

    .liste .wrapperPagination {
        text-align: center;
    }

    .liste .wrapperPagination nav {
        display: inline-block;
    }

    .liste .navigationPages {
        display: inline-block;
        width: auto;
        margin: 0;
        padding-right: 0;
    }

    .recherche .search-box #search-nav {
        width: 100% !important;
    }

    .recherche .search-box #search-nav .onglet.actif {
        border: 1px solid #E85D2B;
    }

    .accueil #header {
        margin-bottom: 1em;
    }

    .accueil #diaporama {
        zoom: 0.5;
    }

    /* -- contournement bug WKHTMLTOPDF (tableaux a cheval entre 2 pages) */
    .tableau {
        overflow: visible !important;
    }

    .tableau table,
    .tableau table tr {
        page-break-inside: auto !important;
    }

    /* -- */

    .tableau tbody tr {
        border-top: 1px solid #f2f2f2;
    }

    .tableau td {
        padding: 8px 13px 9px 13px !important;
    }

    .planSite #plan>li.deplie>span.titre,
    .listeOnglets .onglet.deplie>div.titre {
        border: 1px solid #787878;
    }

    .planSite #plan .lienPrincipal>a,
    .planSite #plan .lienSecondaire>a {
        display: inline-block;
    }

    .blocImage .wrapper {
        width: 100%;
    }

    .blocImage .wrapper img {
        width: 100%;
    }

    /* Diaporama */
    .blocDiaporama .flexslider .flex-viewport {
        max-height: none !important;
    }

    .blocDiaporama .controlesWrapper {
        display: none !important;
    }

    .blocDiaporama .flexslider .slides {
        width: 100% !important;
        -moz-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        margin-left: 0 !important;
        font-size: 0;
    }

    .ltIE9 .blocDiaporama .flexslider .slides {
        /* alternative au font-size:0 */
        font-family: AdobeBlank;
        font-size: 1em;
    }

    .blocDiaporama .flexslider .slides>li {
        display: inline-block !important;
        width: 33% !important;
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        -ms-box-sizing: border-box !important;
        box-sizing: border-box !important;
        vertical-align: top !important;
        padding: 20px !important;
        float: none !important;
        font-size: 1em;
        font-size: 1rem;
    }

    .ltIE9 .blocDiaporama .flexslider .slides>li {
        /* alternative aux tailles "rem" */
        font-size: 1em;
        font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
    }

    /*
    .print .blocDiaporama .flexslider .slides > li{
        width:45.3%;
    }
    */
    .blocDiaporama .flexslider .slides>li.clone {
        display: none !important;
    }

    .miseEnAvant *,
    .blocAvecZoneFlottante * {
        widows: 1 !important;
        orphans: 1 !important;
    }

    .ressource.blocVideo {
        background: transparent;
        padding: 0;
    }

    .ressource.blocVideo>* {
        width: 100% !important;
    }

    .container_contenuBottom {
        display: none;
    }
    
    /* contournement bug REFONTEINRS-259 */
    .print .blocAvecZoneFlottante {}

    .print .blocAvecZoneFlottante>.zoneFlottante>*:FIRST-CHILD,
    .print .blocAvecZoneFlottante>.zoneCoulante>*:FIRST-CHILD,
    .print .blocAvecZoneFlottante>.zoneCoulante .editorial *:FIRST-CHILD {
        margin-top: inherit;
        padding-top: in;
    }

    .print .zoneFlottante {
        float: none !important;
        margin: 1em auto !important;
        width: 100% !important;
    }


    /* Listes tabulées */
    /*
    ul.listeTabulee {
       max-width: 19cm;
    }
    */
}

/*********************** NOUVEAUX CLASSES CSS POUR LA REFONTE ***********************/

/***************** CSS HEADER STICKY ********************/

#header-sticky .header {
    height: 100px;
    background: white;
    opacity: 1;
    margin: auto;
    box-shadow: 3px 4px 20px 0px rgba(0, 0, 0, 0.15);
}

#header-sticky {
    position: sticky;
    top: 0;
    /* changed from 9999 to 9994 to fix WEB4-801 */
    z-index: 9994;
}

/**** POUR LES BOUTTONS DU HEADER ***/

.header-links {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-left: auto;
}

.header-links>.menu-boutton {
    margin-left: -12px;
    /* pour annuler le gap entre boutton recherche et boutton menu dans le header */
}

.boutton-poser-une-question {
    text-decoration: none;
}

.boutton-ressources {
    justify-content: center;
    width: 147px;
    height: 48px;
    border: 1px solid #E9631A;
    border-radius: 2px;
}

.header-link-text {
    font-family: 'brother-1816', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #161616;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: color 0.5s ease;
}

.header-link__icon {
    height: 24px;
    width: auto;
}

.header-link__icon .question-part {
    stroke: #4C4C50;
    transition: stroke 0.25s ease;
}

.boutton-question:hover .question-part {
    stroke: #E9631A;
}

.boutton-recherche {
    width: 100px;
    height: 100px;
    background: rgba(76, 76, 80, 0.2);
    flex-direction: column;
    justify-content: center;
    transition: background 0.5s ease;
}

#accueil .boutton-recherche {
    display: none;
}

.header-link__recherche-icon {
    height: 34px;
    width: auto;
}

/* Same structure as other header-link-text elements */
.menu-boutton {
    width: 100px;
    height: 100px;
    background: var(--Gris-anthracite, rgba(76, 76, 80, 1));
    flex-direction: column;
    justify-content: center;
    color: white;
    display: none;
}

.menu-icon {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 20px;
    width: 24.14px;
    margin-bottom: 8px;
}

.menu-icon .bar {
    height: 1.5px;
    background-color: white;
}

/*  LES EFFETS HOVER */

.boutton-recherche:hover {
    cursor: pointer;
    background: rgba(76, 76, 80, 0.05);
    /* reduced opacity on hover */
}

.header-links a:hover {
    text-decoration: none;
}

.header-link-text:not(.boutton-recherche, .menu-boutton):hover {
    color: rgb(233, 99, 26)
}

.boutton-ressources:hover {
    background: var(--Orange, #E9631A);
    color: white !important;
    transition: all 0.5s ease;
}

.boutton-ressources:hover .header-link__icon {
    filter: brightness(0) invert(1);
}

/* LES VUES MOBILE */
@media (max-width: 1140px) {

    .boutton-ressources,
    .boutton-question {
        display: none;
    }

    .menu-boutton,
    .boutton-recherche {
        display: flex !important;
    }

    /* Logo et baseline */
    .header #bandeauSite {
        display: inline-block;
        flex-grow: 1;
    }

    .no-js .header #bandeauSite {
        margin-right: 0;
    }
}

@media (max-width: 660px) {
    .header #bandeauSite {
        flex-grow: unset;
    }
    .header #bandeauSite .logoINRS {
        text-align: center;
        max-width: 110px;
    }
    .header #bandeauSite .logoINRS>img {
        height: 40px;
    }
    .header #bandeauSite .titre {
        font-size: 12px;
    }
    #bandeauSite a {
        flex-direction: column;
    }
}

/*** LES EFFETS DE SCROLL ***/

.boutton-ressources.scrolled {
    border: none;
    border-radius: 0;
    color: inherit;
}

.bandeau-scrolled {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.menu-boutton.scrolled,
.boutton-recherche.scrolled {
    display: flex !important;
}

/* 🔸 EFFET HOVER APRES SCROLL BOUTTON RESSOURCES */
.boutton-ressources.scrolled:hover {
    background: transparent;
    color: rgb(233, 99, 26) !important;
}

.boutton-ressources.scrolled:hover .header-link__icon {
    filter: none;
}

/* STYLES POUR RUBRIQUES FOOTER */

#ffollow_container #Actualites:hover svg .circle {
    fill: #CA5413;
    stroke: #CA5413;
}

#ffollow_container #Agenda:hover svg .circle {
    fill: #CA5413;
    stroke: #CA5413;
}

#ffollow_container #Actualites:hover p,
#ffollow_container #Agenda:hover p {
    opacity: 0.7;
}

#ffollow_container #Actualites:hover svg .arrow,
#ffollow_container #Agenda:hover svg .arrow {
    stroke: #FFFFFF;
    fill: #EC6726;
}

#ffollow_container #Actualites:hover svg .arrow,
#ffollow_container #Agenda:hover svg .arrow {
    stroke: #FFFFFF;
    fill: #EC6726;
}

#ffollow_container #Actualites svg,
#ffollow_container #Agenda svg {
    width: 25px;
    height: 25px;
    align-self: end;
}

#ffollow_container svg .circle {
    fill: none;
    stroke: #EC6726;
    transition: fill 0.2s, stroke 0.2s;
}

#ffollow_container svg .arrow {
    stroke: #EC6726;
    transition: stroke 0.2s;
    fill: none;
}

#nosLettres:hover svg .circle {
    fill: #CA5413;
    stroke: #CA5413;
}

#nosLettres:hover p {
    opacity: 0.7;
}

#nosLettres:hover svg .arrow {
    stroke: #FFFFFF;
    fill: #EC6726;
}

#nosLettres svg .circle {
    fill: none;
    stroke: #EC6726;
    transition: fill 0.2s, stroke 0.2s;
}

#nosLettres svg .arrow {
    stroke: #EC6726;
    transition: stroke 0.2s;
    fill: none;
}

#nosLettres svg {
    width: 25px;
    height: 25px;
    align-self: end;
}

#blockLien {
    color: white;
    font-family: "brother-1816", sans-serif;
}

.footer-links-container {
    display: flex;
    justify-content: space-between;
    padding: 30px;
    line-height: 1.5;
    max-width: 1240px;
    margin: 0 auto;
    flex-wrap: wrap;
    gap: 20px;
}
@media (max-width: 960px) {
    .footer-links-container > * {
        flex: 1 0 calc(50% - 10px);
        min-width: 210px;
    }
}

/* Style pour le logo */
.inrs-icone-footer {
    filter: brightness(0) invert(1);
    margin-bottom: 1rem;
}

/* Styles pour les sections */
.footer-section-logo {
    flex: 1 0 250px;
}

.footer-section-links {
    display: flex;
    gap: 8rem;
}

.footer-section-sites {
    flex: 1 0 250px;
}

/* Styles pour les titres */
#blockLien p {
    font-family: "brother-1816", Arial, sans-serif;
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 1rem;
    padding-left: 0.75rem;
    position: relative;
    line-height: 26px;
}

.footer-description {
    line-height: 26px;
}

#blockLien p::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    /* S'étend jusqu'au bas */
    width: 2px;
    /* Largeur de la bordure */
    background-color: rgba(232, 93, 43, 1);
    /* Utilisation de background au lieu de border */
}

#blockLien li {
    margin-bottom: 0.5rem;
}

/* Styles pour les liens - seulement dans le footer */
#blockLien a {
    color: #f0f0f0;
    font-family: "brother-1816", sans-serif;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
    /* Ajouté pour s'assurer qu'il n'y a pas de soulignement par défaut */
}

#blockLien a:hover,
#fbottom_container a:hover {
    text-decoration: underline;
    text-decoration-color: rgba(232, 93, 43, 1);
}

#fb_informations {
    width: 20rem
}

/* Styles pour la section contact */
.footer-contact {
    margin-top: 2rem;
}

.contact-button {
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
}

.contact-icon {
    width: 20px;
    height: 20px;
    filter: brightness(0) invert(1);
    margin-right: 0.25rem;
}

/* Styles pour les langues */
.footer-languages {
    padding-top: 2.5rem;
}



@media (max-width: 1026px) {

}

/* partie à découvrir */
.a-decouvrir-flex {
    display: flex;
    gap: 30px;
    justify-content: center;
    max-width: 1240px;
    margin: auto;
}

@media (max-width: 768px) {
    .a-decouvrir-flex {
        flex-direction: column;
        align-items: center;
        margin: auto;
    }
}

.container-a-decouvrir {
    padding-top: 40px;
}

.a-decouvrir-box {
    display: flex;
    flex-direction: column;
    box-shadow: 3px 4px 20px 0px rgba(0, 0, 0, 0.15);
    background: rgb(255, 255, 255);
    border-radius: 2px;
    align-items: center;
    padding: 2rem;
    gap: 30px;
    justify-content: center;
    text-decoration: none;
    width: 400px;
    max-width: 400px;
    border: 1px solid #DDDDE9;
}

@media (max-width: 768px) {
    .a-decouvrir-box {
        padding: 2rem 1rem;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }
}

.a-decouvrir-box:hover {
    cursor: pointer;
    text-decoration: none;
}

.a-decouvrir-box .box-icon img {
    transition: transform 0.3s ease;
    transform-origin: center center;
    max-height: 100%;
}

.a-decouvrir-box .box-icon {
    height: 51px;
    align-content: center;
}

@media screen and (max-width: 768px) {
    .a-decouvrir-box .box-icon {
        height: 30px;
    }
}

.a-decouvrir-box:hover .box-icon img {
    transform: scale(1.1);
}

/* styles poour le svg du lien */

.a-decouvrir-box .box-link svg {
    width: 40px;
    height: 40px;
    align-self: end;
}


.a-decouvrir-box .box-link svg .circle {
    fill: none;
    stroke: #EC6726;
    transition: fill 0.2s, stroke 0.2s;
}

.a-decouvrir-box .box-link svg .arrow {
    stroke: #EC6726;
    transition: stroke 0.2s;
    fill: none;
}

@media(min-width:768px) {

    .a-decouvrir-box:hover .box-text,
    .a-decouvrir-box:hover h2,
    .a-decouvrir-box:hover .box-title {
        opacity: 0.7;
    }

    .a-decouvrir-box:hover .box-link svg .circle {
        fill: #CA5413;
        stroke: #CA5413;
    }

    .a-decouvrir-box:hover .box-link p {
        opacity: 0.7;
    }

    .a-decouvrir-box:hover .box-link svg .arrow {
        stroke: #FFFFFF;
        fill: #EC6726;
    }
}

.a-decouvrir-title {
    font-size: 34px;
    font-weight: 800;
    text-align: center;
    color: var(--color-charcoal);
    text-transform: uppercase;
    margin-bottom: 20px;
    word-break: normal;
    line-height: 121%;
}

.ressources_refonte .a-decouvrir-title {
    margin-top: 0;
    margin-bottom: 30px;
}

.a-decouvrir-box .box-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: rgb(22, 22, 22);
    font-size: 24px;
    font-weight: 800;
    line-height: 36px;
    text-align: center;
    margin-bottom: -10px;
    margin-top: 0;
}

.a-decouvrir-box .box-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    overflow: hidden;
    color: rgb(22, 22, 22);
    font-family: "brother-1816", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
    text-align: center;
    padding: 0 10px;
}

@media screen and (min-width: 768px) {
    .a-decouvrir-box .box-text {
        height: 5em;
    }
}

.a-decouvrir-box .box-link {
    display: inline-flex;
}

.a-decouvrir-box .box-link p {
    color: #161616;
    font-family: "brother-1816", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    text-align: left;
    margin-left: 0.2em;
}

@media (max-width: 768px) {
    .a-decouvrir-box .box-text{
        font-weight: 700 !important;
        font-size: 1.385rem !important;
        height: 6rem;
    }
    .box-title{
        font-weight: 800 !important;
        font-size: 1.692rem !important;
    }
}

body:not(#accueil) #blockParaitre .ressources-sub-titre {
    margin-bottom: 0 !important;
}

.underlined-span {
    position: relative;
}

.underlined-span::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 2px;
    width: calc(100% + 32px);
    height: 2px;
    background-color: #E85D2B;
}

@media (max-width: 768px) {
    .underlined-span::after {
        width: calc(100% + 10px);
    }

    .a-decouvrir-title {
        font-size: 40px;
        font-weight: 900;
        line-height: 105%;
    }
}

#pictos-sociaux {
    display: flex;
}

@media (max-width: 768px) {
    #pictos-sociaux {
        justify-content: center;
    }
}

/* fin partie à découvrir */


.metropol .select-style {
    border-radius: 100px;
    border: 1px solid rgb(236, 103, 38);
    box-sizing: border-box;
    height: 48px;
}

.recherche .select-style select {
    padding: 12px 20px;
    color: #161616;
}

.recherche .select-style select option {
    color: #161616;
}

.recherche .select-style select option:first-child {
    color: rgba(134, 134, 134, 1);
}

.resultatsRecherche.metropol .select-style select {
    padding: 12px 20px;
}

@media (max-width: 768px) {
    .metropol .select-style select {
        padding: 12px 20px;
    }

    .metropol .search-box .champTexte {
        padding: 12px 20px;
    }

    .metropol .nouveautes_item_refonte .box-link svg {
        align-self: center;
    }
}

.metropol .select-style select option:first-child {
    color: rgba(134, 134, 134, 1);
}

.metropol .select-style select option:not(:first-child) {
    color: black;
}

.metropol .select-style:after {
    background-image: url(../img/icons-v4/png/nav-arrow-down.png);
    background-position: center;
}

.accueilMaladiesPro .entete,
.entete .metropol {
    height: auto;
}

.container_contenuWrapper {
    display: flex;
    width: 100%;
    padding: 0 30px;
    box-sizing: border-box;
}

.container_contenuBottom {
    position: relative;
    width: 100%;
    order: 3;
}

.accueilFicheTox .bloc_compedit {
    display: block !important;
}

.accueilFicheTox .bloc_compedit {
    background-color: white;
}

.accueilFicheTox .bloc_compedit u {
    margin: 0 !important;
}

.accueilMaladiesPro .bandeauMilieu {
    background: white;
}

.maladiesPro .header .bandeauMilieu {
    background-image: none !important;
}

.accueilMaladiesPro .inrs-entete {
    padding-bottom: 50px;
}

.accueilMaladiesPro .container_contenuBottom .bloc_compedit .bce_titrep {
    font-weight: 800;
    font-size: 24px;
    color: #161616;
    margin-left: 20%;
}

.accueilMaladiesPro .container_contenuBottom .bloc_compedit ul {
    width: fit-content;
    background-color: white;
    padding: 10px;
    margin-left: 20%;
}

.accueilMaladiesPro .container_contenuBottom .bloc_compedit img {
    border: 1px solid #e5e5e5;
}

.accueilMaladiesPro .container_contenuBottom .bce_lienext a {
    color: #161616;
    font-size: 20px;
    font-weight: 800;
    padding-left: 0;
}

.accueilMaladiesPro .container_contenuBottom .bce_lienext {
    background: none;
}

.accueilMaladiesPro .container_contenuBottom .bloc_compedit ul li {
    margin-bottom: 0;
}

.accueilMaladiesPro .nouveautes_item_refonte .box-link svg {
    width: 21px;
    height: 21px;
    padding-left: 0;
    margin-right: 10px;
    flex-shrink: 0;
    align-self: center;
}

.accueilMaladiesPro .nouveautes_item_refonte .box-link ressources-sub-footer {
    align-items: center;
    gap: 10px;
}

.accueilMaladiesPro .nouveautes_item_refonte .box-link span {
    text-align: left;
}

.accueilMaladiesPro .editorial p {
    font-weight: 350;
}

@media screen and (max-width: 767px) {
    .accueilMaladiesPro .container_contenuBottom .bloc_compedit {
        display: block !important;
    }

    .accueilMaladiesPro .inrs-entete {
        padding-left: 30px;
        padding-right: 30px;
        box-sizing: border-box;
    }

    .accueilMaladiesPro .bloc_compedit ul li .bce_titre span {
        align-items: center;
    }
}

.accueilMaladiesPro .bloc_compedit ul li .bce_titre span {
    font-weight: 700;
    font-size: 1.308rem;
    display: inline-flex;
    color: var(--color-charcoal);
    gap: 5px;
}

.accueilMaladiesPro .bloc_compedit ul li .bce_titre span:hover {
    cursor: pointer;
    color: #6F6F75;
}

.accueilMaladiesPro .bloc_compedit ul li .bce_titre span svg {
    flex-shrink: 0;
    transform: scale(1);
    transition: all 0.2s ease;
}

.accueilMaladiesPro .bloc_compedit ul li .bce_titre span:hover svg {
    transform: scale(1.2);
    font-weight: 400;
    font-size: 1.384615rem;
    color: var(--color-charcoal);
}

/***** Composant mise en avant refonte - Début *****/
.miseAvant_bg_blanc,
.miseAvant_bg_gris,
.miseAvant_bg_gris_FullWidth {
    margin: 50px 0;
}

.miseAvant_bg_blanc {
    background: #FFFFFF;
    box-shadow: 3px 4px 20px 0px #00000026;
    height: auto;
    max-width: 800px;
    border: 1px solid #DDDDE9;
}

.miseAvant_bg_gris {
    background: #D0DCEA;
    box-shadow: 3px 4px 20px 0px #00000026;
    height: auto;
    max-width: 800px;
    border: 1px solid #DDDDE9;
}

.miseAvant_bg_gris_FullWidth {
    background-color: #D0DCEA;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.miseAvant_bg_gris_FullWidth .miseAvant-container {
    padding-left: 30px;
    padding-right: 30px;
}

.editMode .miseAvant_bg_gris_FullWidth {
    width: 100%;
    left: 0;
    right: 0;
    margin-left: 0;
    margin-right: 0;
}

.miseAvant-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 30px 20px;
}

.miseAvant-container .editorial :is(h2, h3, h4, h5, h6) {
    margin-top: 0 !important;
}

.miseAvant-container .editorial :is(p, ul) {
    font-size: 1.230769rem;
}

.miseAvant-container .editorial p {
    margin: 0;
}

.miseAvant-container .blocAvecZoneFlottante {
    margin: 0;
}

.miseAvant-container .copyright-refonte {
    margin-bottom: 0;
}

.miseAvant-container .liensComplementaires li {
    overflow: hidden;
}

.article-center .miseAvant-container {
    max-width: 800px !important;
}

/* Pas d'image */
.miseAvant-container--pasImage .miseAvant-content {
    width: 100%;
    text-align: left;
}

/* Avec image */
.miseAvant-container--gauche,
.miseAvant-container--droite {
    display: flex;
    align-items: center;
    gap: 30px;
}

.miseAvant-container--gauche .miseAvant-content,
.miseAvant-container--droite .miseAvant-content {
    flex: 1;
    text-align: left;
}

.miseAvant-container--gauche .miseAvant-image,
.miseAvant-container--droite .miseAvant-image {
    flex: 0 0 50%;
}

.miseAvant_titre {
    font-weight: 800;
    font-size: 1.846154rem;
    color: var(--color-charcoal);
    margin-bottom: 20px;
}

.miseAvant_description {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 28px;
    margin-bottom: 20px;
}

.copyright-refonte {
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 100%;
    color: #868686;
    margin-bottom: 16px;
    margin-top: 2px;
}

.miseAvant-lien {
    display: flex;
    align-items: center;
}

.miseAvant-lien .picto-lien,
.miseAvant_titre .picto-titre {
    width: 20px;
    height: 20px;
    margin-right: 3px;
    object-fit: contain;
}

.miseAvant-lien a {
    text-decoration: none;
    color: #161616;
    font-weight: 700;
    line-height: 100%;
    font-size: 1.38rem;
}

/* Mobile responsive */
@media (max-width: 768px) {

    .miseAvant-container--gauche,
    .miseAvant-container--droite {
        flex-direction: column;
        gap: 20px;
    }

    .miseAvant-container--gauche .miseAvant-content,
    .miseAvant-container--droite .miseAvant-content {
        order: 1;
    }

    .miseAvant-container--gauche .miseAvant-image,
    .miseAvant-container--droite .miseAvant-image {
        order: 2;
        flex: none;
        max-width: 100%;
    }

    .miseAvant_bg_blanc,
    .miseAvant_bg_gris {
        min-width: auto !important;
    }

    .miseAvant_bg_gris_FullWidth .miseAvant-container {
        padding: 50px 30px;
    }

    .miseAvant_bg_gris_FullWidth.miseAvant-container {
        padding: 50px 35px;
    }
}

@media screen and (min-width: 768px) {
    .zoneFlottante:has(.blocImage) {
        width: 320px;
        flex-basis: 320px;
    }
}

.zoneFlottante .blocImage {
    z-index: 99;
    position: relative;
    margin-top: 0;
}

@media screen and (max-width: 767px) {
    /* Sur mobile : annulation des floats, empilement vertical */
    .zoneFlottante.gauche,
    .zoneFlottante.droite {
        float: none;
        width: 100%;
        margin: 0 0 20px 0;
    }

    .miseAvant-container {
        display: flex;
        flex-direction: column;
    }

    .zoneFlottante .blocImage {
        width: 100%;
        max-width: 320px;
        margin: 0 auto;
    }

    .zoneFlottante .blocImage .wrapper {
        width: 100%;
        max-width: 320px;
        height: auto;
    }
}

@media(min-width:768px) {
    .miseAvant-lien:hover .box-link svg .circle {
        fill: #CA5413;
        stroke: #CA5413;
    }

    .miseAvant-lien:hover .box-link svg .arrow {
        stroke: #FFFFFF;
        fill: #EC6726;
    }

    .miseAvant-lien:hover {
        opacity: 0.8;
    }
}

/***** Composant mise en avant refonte - FIN *****/


/* STYLES POUR BLOCK CHIFFRES CLEFS - DéBUT */

.chiffres-cles-section {
    background-color: #D0DCEA;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin: 50px -50vw;
}

.editMode .chiffres-cles-section {
    width: 100%;
    left: 0;
    right: 0;
    margin-left: 0;
    margin-right: 0;
}

.chiffres-cles-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 30px;
}

.chiffres-cles-title {
    font-weight: 800;
    font-size: 2.6rem;
    color: #161616;
    text-align: left;
    padding-top: 50px;
    margin-top: 0;
    margin-bottom: 20px;
    text-transform: none;
}

.chiffres-cles-content {
    padding-bottom: 50px;
}

.numero_chiffreClef {
    font-family: 'brother-1816', sans-serif;
    font-weight: 800;
    font-size: 3.1rem;
    line-height: 100%;
    color: #E85D2B;
    padding-bottom: 10px;
}

@media (max-width: 768px) {
    padding-bottom: 10px;
}

.descriptif_chiffreClef {
    font-family: 'brother-1816', sans-serif;
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 100%;
    color: #161616;
}

@media (min-width: 768px) {
    .block_numeroChiffreClef {
        width: 30%;
    }
}

.chiffres-clefs-grid {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.chiffres-clefs-grid-edit-mode {
    display: block !important;
    max-width: 100% !important;
}

.mgnlEditBlock .block_numeroChiffreClef-editmode {
    width: 100% !important;
}

/* STYLES MOBILES POUR LES CHIFFRES CLEFS */

@media (max-width: 767px) {
    .chiffres-clefs-grid {
        flex-direction: column;
        gap: 20px;
    }

    .chiffres-cles-section {
        width: 100%;
        margin: 0;
        position: unset;
    }
}

/* STYLES POUR BLOCK CHIFFRES CLEFS - FIN */

html {
    scroll-padding-top: 100px;
    scroll-behavior: smooth;
}

.recherche-entete-votreRecherche {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
}

.recherche-entete-votreRecherche .edit-icon {
    padding-bottom: 2px;
}

.maladiesPro.resultatsRecherche .recherche-entete-votreRecherche .edit-icon {
    padding-bottom: 0px;
}

@media (max-width: 767px) {

    .resultatsRecherche>.super_container>.pagination>.wrapperPagination,
    body.formation .pagination > .wrapperPagination {
        display: flex !important;
        flex-direction: column !important;
    }


}

.resultatsRecherche .pagination>.wrapperPagination .choixAffichageResultats {
    order: 2;
}

.resultatsRecherche .wrapperPagination .choixAffichageResultats select {
    display: block !important;
}

.resultatsRecherche .recherche-entete-title {
    word-wrap: break-word;
    word-break: normal;
    margin-bottom: 10px;
}

.metropol.fiche .titreSection,
.ficheTox.fiche .titreSection .eficatt.fiche .titreSection {
    font-family: 'brother-1816', sans-serif;
    font-weight: 800;
    font-size: 2.3rem;
    line-height: 100%;
    margin-bottom: 25px;
    margin-top: 50px;
    color: #161616;
    position: relative;
    padding-left: 20px;
}

.metropol.fiche .titreSection::before,
.ficheTox.fiche .titreSection::before,
.eficatt.fiche .titreSection::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 100%;
    background: #E85D2B;
}


body.desktop.presentation_media .container_principal {
    max-width: 1312px !important;
}

.actualite-content {
    max-width: 800px;
    margin: 0 auto;
}

.article--narrow {
    max-width: 800px !important;
    margin: 0 auto;
}

.article--wide {
    max-width: 1400px !important;
    margin: 0 auto;
}

.container_contenuWrapper.article--narrow {
    max-width: 860px !important;
}

.container_contenuWrapper.article--wide {
    max-width: 1460px !important;
}

body.carrefour .container_contenuWrapper.article--narrow {
    max-width: 1045px !important;
}

.container_dossiers_risques {
    max-width: 985px;
    margin: 50px auto;
}

.stage .article--wide {
    max-width: 1320px !important;
}

body.planSite .container_contenuWrapper {
    max-width: 1380px;
    margin: 0 auto;
}

body.planSite .container_contenuWrapper #plan {
    width: 100%;
}


.language-switch {
    margin-left: auto;
    width: 90px;
    height: 35px;
    border: 1px solid #D4D4D4;
    border-radius: 10px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    background: #fff;
}

.language-switch:hover {
    text-decoration: none;
    opacity: 0.7;
    cursor: pointer;
}

.language-switch__icon {
    width: 20px;
    height: 20px;
    color: #000; /* utilise currentColor */
}

.language-switch__label {
    font-family: 'Geologica', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #000;
}

/* inclusion /templating-kit/themes/inrs/css/styles-communs-recherche.css */
@charset "UTF-8";

/***************************** Début recherche avancée *******************************/
/* TODO
	- Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants
	- Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire)
	- SAUF celles qui sont potentiellement transversales
*/
.recherche .search-box {
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-size: 1rem;
	overflow: hidden;
	border-radius: 40px;
}
.ltIE9 .recherche .search-box { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

 /*   .recherche .champTexte,
.recherche .search-box input,
.rechercheAvancee .search-box select{
	border: none;
	-webkit-border-radius: 0;
} */

.recherche .champTexte{
    border: 1px solid #E85D2B;
    border-radius: 100px;
    font-weight: 300;
    font-size: 1.23rem;
    font-family: 'brother-1816',sans-serif;
}

.recherche .search-box .row{
	padding-bottom: 30px;
}

.recherche .search-box .last{
	padding-bottom: 0px !important;
	padding-top: 10px;
}

.recherche .search-box .row .precisions {
	color:#666;
}

.recherche .search-box .row.exactTerm {
    display: flex;
    gap: 10px;
    align-items: center;
}

.recherche .search-box .row.exactTerm label {
    margin-bottom: 0;
}

.recherche .search-box #search-nav{
	width: 100.5%; /* + 0.5% pour bug REFONTEINRS-111 */
	position: relative;
	display: table;
	table-layout: fixed;
}
.recherche .search-box #search-nav a:first-child{
	width: 43%;
	display: table-cell;
}
.recherche .search-box #search-nav a+a{
	width: 57%;
	border-left: 1px #ffffff solid;
	display: table-cell;
}
.recherche .search-box #search-nav .onglet{
	padding: 20px 8px;
	background: #4C4C50;
	font-weight: 700;
	font-size: 1.846rem;
	color: #ffffff;
	text-align: center;
    line-height: 150%;
	vertical-align: middle;
}
.recherche .search-box #search-nav a.onglet.actif:hover{
	text-decoration: none;
	cursor:default;
}
.recherche .search-box #search-nav .onglet.actif{
	background: #E85D2B;
	font-weight: 800 !important;
    position: relative;
}

.triPages .wrapperBoutonTri > a.actif{
	color: #E9631A;
}

.recherche .search-box #search-nav .onglet.actif:after,
.recherche .search-box .titreSB:after{
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -22px;
    content: "\00a0";
    background: url(../img/pageDossier/encocheHeader_refonte.png) no-repeat 0 0;
    width: 57px; /* Your fixed width */
    height: 24px;
    background-size: cover;
    font-size: 0;
}
@media (max-width: 768px){
	.recherche .search-box #search-nav .onglet.actif:after,
    .recherche .search-box .titreSB:after{
		background: url(../img/pageDossier/encocheHeader_mobile.png) no-repeat 0 0;
	}
}
.recherche .search-box #search-multi,
.rechercheAvancee .search-box #search-plan,
.rechercheAvancee .search-box .contenuOnglet,
.recherchePER .search-box #search-discipline {
	padding: 50px 50px 40px 50px;
	/* background-color: #e5e5e5; */
	background: #D0DCEA;
}

@media screen and (max-width: 768px) {
    .recherche .search-box #search-multi,
    .rechercheAvancee .search-box #search-plan,
    .rechercheAvancee .search-box .contenuOnglet,
    .recherchePER .search-box #search-discipline {
        padding-right: 20px;
        padding-left: 20px;
    }
}

.rechercheAvancee .search-box label,
.recherchePER .search-box label,
.rechercheBDD .search-box label{
	display: block;
	font-weight: 500;
	font-size: 1.23rem;
	margin-bottom: 10px;
	font-family: 'brother-1816',sans-serif;
}
.rechercheAvancee .search-box .liste_checkboxes label,
.rechercheAvancee .search-box .liste_supports label,
.rechercheAvancee .search-box .liste_publics label,
.recherchePER .search-box .liste_typesdocs label{
	display: table-cell;
	vertical-align: baseline;
	font-weight: normal;
}
.rechercheAvancee .search-box .select-style{
	width: 100%;
	height: 48px;
}
.recherche #txt_sujet, .rechercheAvancee .search-box .select_collection,
.recherchePER #txt_auteur,
.recherche .champTexte,
.rechercheBDD .champTexte {
	height: 48px;
	padding-left: 20px;
}
.rechercheAvancee .search-box .select_collection{
	padding: 6px 0px 6px 10px;
	width: 110%;
}
.OtherUnknown .search-box .select_collection,
.ltIE11 .rechercheAvancee .search-box .select_collection {
	width:100%;
}
.ltIE9 .rechercheAvancee .search-box .select_collection {
	height: auto;
}
@media screen and (min-width: 768px) {
    .rechercheAvancee .search-box input{
        margin-right: 8px;
    }
}
.recherche .search-box #txt_sujet,
.recherchePER .search-box #txt_auteur,
.recherche .champTexte,
.rechercheBDD .champTexte{
	width: 100%;
	margin-right: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
.recherche .search-box .annee_de{
	display:inline-block;
	width: 65%;
	min-width: 295px;
	margin-right: 0;
	margin-top: 5px;
}
@media screen and (max-width: 768px){
    .recherche .search-box .annee_depuis,
    .recherche .search-box .annee_de{
        margin-right: unset;
        width: 100% !important;
    }
}
.recherche .search-box .annee_de label,
.recherche .search-box .annee_depuis label{
	display: inline-block;
	font-weight: normal;
}
.recherche .select-style select {
    height: 48px; /* utilisé par toute les pages de recherche et des accueil des BDD */
}
.recherche .search-box .annee_depuis{
	display:inline-block;
	width: 29%;
	min-width: 215px;
	margin-top: 5px;
}
.recherche #txt_sujet, .recherche .txt_annee_de,
.recherche .txt_annee_a, .recherche .txt_annee,
.recherchePER #txt_de, .recherchePER #txt_a,
.recherchePER #txt_annee, .recherchePER #txt_auteur,
.recherche .champTexte,
.rechercheBDD .champTexte,
.rechercheBDD .intervalle{
	height: 48px;
}
.IE .recherche #txt_sujet, .recherche .txt_annee_de,
.IE .recherche .txt_annee_a, .recherche .txt_annee,
.IE .recherchePER #txt_de, .recherchePER #txt_a,
.IE .recherchePER #txt_annee, .recherchePER #txt_auteur,
.IE .recherche .champTexte,
.IE .rechercheBDD .champTexte,
.IE .rechercheBDD .intervalle{
	line-height: 2.2em;
}
.recherche .txt_annee_de, .recherche .txt_annee_a,
.recherche .txt_annee, .recherchePER #txt_de,
.recherchePER #txt_a, .recherchePER #txt_annee,
.rechercheBDD .intervalle{
	padding-left: 2px;
	margin-left: 2px;
	max-width: 100px;
	padding-left: 10px;
}
.rechercheAvancee .search-box .liste_checkboxes,
.rechercheAvancee .search-box .liste_supports,
.rechercheAvancee .search-box .liste_publics,
.recherchePER .search-box .liste_typesdocs{
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;

	-webkit-column-gap : 2em;
	-moz-column-gap : 2em;
	column-gap : 2em;

	vertical-align: middle;
}

.rechercheAvancee .search-box .liste_checkboxes > li,
.rechercheAvancee .search-box .liste_supports > li,
.rechercheAvancee .search-box .liste_publics > li,
.recherchePER .search-box .liste_typesdocs > li{
	-webkit-break-inside: avoid-column;
	-webkit-column-break-inside: avoid;
	-moz-break-inside: avoid-column;
	break-inside: avoid-column;
	page-break-inside: avoid
}

.rechercheAvancee .search-box .liste_checkboxes,
.rechercheAvancee .search-box .liste_supports{
	padding-bottom: -10px;
	margin-top: 5px;
	display: inline-block;
	width: 100%;
}
.rechercheAvancee .search-box .liste_checkboxes li,
.rechercheAvancee .search-box .liste_supports li{
	margin-bottom: 5px;
	display: table;

	-webkit-break-inside: avoid-column;
	-webkit-column-break-inside: avoid;
	-moz-break-inside: avoid-column;
	break-inside: avoid-column;
	page-break-inside: avoid
}
.search-box span.cb {
	display: table-cell;
	vertical-align: baseline;
}
.Mac .search-box span.cb {
	position:relative;
	top:-2px;
}

.rechercheAvancee .search-box .liste_checkboxes input,
.rechercheAvancee .search-box .liste_supports input,
.rechercheAvancee .search-box .tous_supports,
.rechercheAvancee .search-box .liste_publics input,
.recherchePER .search-box .liste_typesdocs input{
	vertical-align: -7%;
}

.recherche .search-box .validButton{
    width: 184px;
    height: 4.23rem; /* 57px / 13 */
    font-weight: 700;
    line-height: 100%;
    font-size: 1.38rem; /*18px*/
    color: #FFFFFF;
    float: right;
    background: #E9631A;
    border: 1px solid #E9631A;
    border-radius: 52px;
    transition: background-color 0.3s ease, color 0.3s ease;
}
.recherche .search-box .validButton:hover{
    text-decoration: none;
    cursor: pointer;
    background: #FFFFFF;
    color: #E9631A;
}

.recherche .search-box .resetButton{
	font-family: 'brother-1816',sans-serif;
	font-weight: 700;
	line-height: 100%;
	font-size: 1.38em; /*18px*/
	color: #161616;
	height: 4.23rem; /* 57px / 13 */
	float: right;
	border: 1px solid #161616;
	border-radius: 52px;
	background: transparent;
    margin-right: 20px
}
.recherche .search-box .resetButton:hover{
	text-decoration: none;
	cursor: pointer;
}


@media screen and (max-width: 768px) {
    .recherche .search-box .validButton,
    .recherche .search-box .resetButton{
            width: 100%;
    }
    .recherche .search-box .resetButton{
    		clear:right;
    		margin-right: 0;
    		margin-top:15px;
    }
}

/* Onglet plan de classement: dropdown */
.rechercheAvancee .search-box .hierarchicalSelect{
	margin: 0;
	padding: 0 0 0 10px;
	background-color: #ffffff;
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-weight: normal;
	font-style: normal;
	font-size: 1rem; /* 13px/13px */
	color: #3c3c3c;
	position: relative;
	min-height: 30px;
	z-index: 1000;
}
.ltIE9 .rechercheAvancee .search-box .hierarchicalSelect { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.rechercheAvancee .search-box .hierarchicalSelect .selection {
	display: table;
	min-height: 18px;
	margin: 0 32px 0 0;
}
.rechercheAvancee .search-box .hierarchicalSelect .selection .unselect_theme{
	display: none; /* table-cell si affiché */
	vertical-align:middle;
	width:20px;
	height: 30px;
	background: url(../img/unselect_theme.png) 0 50% no-repeat;
	cursor: pointer;
}
.rechercheAvancee .search-box .hierarchicalSelect .selection .label {
	display: table-cell;
	vertical-align:middle;
	height: 30px;
}
.rechercheAvancee .search-box .hierarchicalSelect .handle{
  width: 40px;
  height: 21px;
  background: url("../img/select-arrow-grad.png") no-repeat 0 -5px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: default;
}
.rechercheAvancee .search-box .hierarchicalSelect.open .handle{
  background-position: 0 -85px;
}
.rechercheAvancee .search-box .hierarchicalSelect .hierarchicalSelectContent{
  background: #ffffff;
  border: 1px solid #3c3c3c;
  width: 99.5%;
  padding: 1px;
  height: 119px;
  position: absolute;
  top: 100%;
  left: -1px;
  overflow: auto;
  display: none;
}

.rechercheAvancee .search-box .hierarchicalSelectContent .level_1,
.rechercheAvancee .search-box .hierarchicalSelectContent .level_2,
.rechercheAvancee .search-box .hierarchicalSelectContent .level_3{
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-weight: normal;
	font-style: normal;
	font-size: 1rem; /* 13px/13px */
	color: #3c3c3c;
	padding-left: 23px;
	line-height: 18px;
	margin-bottom: 1px;
}
.ltIE9 .rechercheAvancee .search-box .hierarchicalSelectContent .level_1,
.ltIE9 .rechercheAvancee .search-box .hierarchicalSelectContent .level_2,
.ltIE9 .rechercheAvancee .search-box .hierarchicalSelectContent .level_3 { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}


.rechercheAvancee .search-box .hierarchicalSelectContent .level_2,
.hierarchicalSelectContent .level_3{
  display: none;
}

.rechercheAvancee .search-box .hierarchicalSelectContent a{
  color: #3c3c3c;
  display: inline-block;
  min-height: 16px;
}
.rechercheAvancee .search-box .hierarchicalSelectContent a:hover{
  color: #3c3c3c;
}
.rechercheAvancee .search-box .hierarchicalSelectContent a.selected{
  background-color: #eee;
}

.rechercheAvancee .search-box .subOpener{
  background: url(../img/recherche-avancee-plan-plus.png) 0 0 no-repeat;
  margin-left: -23px;
  padding-left: 23px;
}

.rechercheAvancee .search-box .subOpener.open{
  background: url(../img/recherche-avancee-plan-moins.png) 0 0 no-repeat;
}

.recherche #search-rst {
	margin-top: 2em;
}

/***************************** Fin recherche avancée ********************************/

/*********************** Début résultats recherche **************************/
.resultatsRecherche button:hover{
	cursor: pointer;
}
/* En-tête */
.resultatsRecherche .sous_titre{
    font-weight: 700;
    font-size: 1.692308rem;
    color: #161616;
}

@media screen and (max-width:768px) {
	.entete-resultat-recherche{
		height: fit-content !important;
		padding-bottom: 20px;
		margin-top: 0 !important;
	}
}

.nbResultatsLibelleRecherche{
	font-size: 1.692308rem; /* 22px/13px */
	color: #161616;
    display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	row-gap: 10px;
	justify-content: center;
	align-items: center;
}

.nbResultatsLibelleRecherche .msgAucunResultat{
    text-align: start;
}

.nbResultatsLibelleRecherche .rechercheElargie{
	margin-bottom: 10px;
}

.nbResultatsLibelleRecherche .votreRecherche{
	font-size: 2rem;
    text-align: start;
	font-weight: 700;
}

.nbResultatsLibelleRecherche .msgSuggestions{
	text-align: center; 
	margin-top: 10px; 
	font-size: 2rem;
}
.nbResultatsLibelleRecherche .msgSuggestions a {
	font-weight: bold; 
	text-decoration: underline;
}

.resultatsRecherche .nombre_resultats{
	font-weight: bold;
	font-style: normal;
}

.resultatsRecherche .msgRechercheElargie {
	font-weight: 700;
	margin-top: 15px;
	flex: 0 0 100%;
}

.resultatsRecherche .discipline,
.resultatsRecherche .supports{
	font-family: pt_sans, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1em; /* 13px/13px */
	color: #000000;
}
.resultatsRecherche .discipline{
	margin-top: 10px;
	margin-bottom: 3px;
}
/* Header navigation */
.resultatsRecherche .affiner,
.resultatsRecherche .affinerMajFamille,
.resultatsRecherche .navigationPages,
.liste .navigationPages,
.formation .triPages,
.formation .navigationPages,
.maSelection .triPages,
.maSelection .navigationPages
{
	table-layout: fixed;
	width: 67.41739130434783%;
	padding-right: 2%;
}

.resultatsRecherche .navigationPages{
    display: flex;
	justify-content: center;
}
.resultatsRecherche .triPages .titre{
    padding-bottom: 2px; /* pour l'alignement */
}

.resultatsRecherche .triPages .titre,
.resultatsRecherche .affiner .titre,
.resultatsRecherche .affinerMajFamille .titre{
	display: table-cell;
	width: auto;
	font-family: pt_sans, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 1.538461538461538em; /* 20px/13px */
	color: #ffffff;
	vertical-align: top;
}

@media screen and (max-width:930px) {
	.resultatsRecherche  .affiner .titre,
	.resultatsRecherche .affinerMajFamille .titre {
		width:145px;
	}
}
@media screen and (max-width:480px) {
	.resultatsRecherche  .affiner .titre,
	.resultatsRecherche .affinerMajFamille .titre {
		width:32%;
	}
}

.resultatsRecherche .triPages .wrapperBoutonTri{
	display: block;
}
.resultatsRecherche .triPages .wrapperBoutonTri .boutonTri{
	position: relative;
	font-size: 1.076923rem;
	display: inline-block;
	min-height: 14px;
	padding: 8px 30px 8px 0;
	background-color: #ffffff;
	word-break: keep-all;
}
.resultatsRecherche .triPages .wrapperBoutonTri .boutonTri:after{
	content: "↓↑";
	font-size: 0;
	background: url("../img/resultatRS/pictos-tri-listes.png");
	background-position: 0 -15px;
	height: 14px;
	width: 26px;
	position: absolute;
	top: 55%;
	transform: translateY(-50%);
	right: 7px;
	display: block;
}

.resultatsRecherche .triPages .wrapperBoutonTri .retraitFleche:after{
    content: none !important;
}

.resultatsRecherche .triPages .wrapperBoutonTri .boutonTri.retraitFleche {
  padding-right: 15px;
}

.resultatsRecherche .triPages .wrapperBoutonTri .boutonTri:hover:after{
	background-position: -26px -15px;
}
.resultatsRecherche .triPages .wrapperBoutonTri .boutonTri:hover{
	text-decoration: none;
}
.resultatsRecherche .triPages .wrapperBoutonTri .boutonTri.asc:after,
.resultatsRecherche .triPages .wrapperBoutonTri .boutonTri.attr.asc:after{
	content: "↓";
	background-position: 0 -30px;
}
.resultatsRecherche .triPages .wrapperBoutonTri .boutonTri.asc:hover:after,
.resultatsRecherche .triPages .wrapperBoutonTri .boutonTri.attr.asc:hover:after{
	background-position: -26px -30px;
}
.resultatsRecherche .triPages .wrapperBoutonTri .boutonTri.desc:after,
.resultatsRecherche .triPages .wrapperBoutonTri .boutonTri.attr.desc:after{
	content: "↑";
	background-position: 0 -45px;
}
.resultatsRecherche .triPages .wrapperBoutonTri .boutonTri.desc:hover:after,
.resultatsRecherche .triPages .wrapperBoutonTri .boutonTri.attr.desc:hover:after{
	background-position: -26px -45px;
}
.resultatsRecherche .triPages .wrapperBoutonTri .boutonTri.alpha.asc:after{
	background-position: 0 -60px;
}
.resultatsRecherche .triPages .wrapperBoutonTri .boutonTri.alpha.asc:hover:after{
	background-position: -26px -60px;
}
.resultatsRecherche .triPages .wrapperBoutonTri .boutonTri.alpha.desc:after{
	background-position: 0 -75px;
}
.resultatsRecherche .triPages .wrapperBoutonTri .boutonTri.alpha.desc:hover:after{
	background-position: -26px -75px;
}
.resultatsRecherche .triPages .wrapperBoutonTri .boutonTri.num.asc:after{
	background-position: 0 -90px;
}
.resultatsRecherche .triPages .wrapperBoutonTri .boutonTri.num.asc:hover:after{
	background-position: -26px -90px;
}
.resultatsRecherche .triPages .wrapperBoutonTri .boutonTri.num.desc:after{
	background-position: 0 -105px;
}
.resultatsRecherche .triPages .wrapperBoutonTri .boutonTri.num.desc:hover:after{
	background-position: -26px -105px;
}

.resultatsRecherche .affiner .wrapperFields,
.resultatsRecherche .affinerMajFamille .wrapperFields {
	display: table-cell;
	width: auto;
	text-align: left;
	font-family: AdobeBlank;
}

.resultatsRecherche .affiner .wrapperFields > * > *,
.resultatsRecherche .affinerMajFamille .wrapperFields > * > * {
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.resultatsRecherche .affiner,
.resultatsRecherche .affinerMajFamille {
	padding-bottom: 13px; /* 20-7 */
}
.resultatsRecherche .affiner .wrapperFields > .wrapperSelect,
.resultatsRecherche .affinerMajFamille .wrapperFields > .wrapperSelect{
	display: inline-block;
	margin-bottom:7px;
	/* vertical-align: middle; */
}
.ltIE10 .resultatsRecherche .affiner .wrapperFields > .wrapperSelect,
.ltIE10 .resultatsRecherche .affinerMajFamille .wrapperFields > .wrapperSelect {
	padding-left:4%;
}
.ltIE9 .resultatsRecherche .affiner .wrapperFields > .wrapperSelect,
.ltIE9 .resultatsRecherche .affinerMajFamille .wrapperFields > .wrapperSelect {
	padding-top:5px;
}

/* Champs d'affinage des résultats recherche pour les bases de données */
.resultatsRecherche .wrapperFields > .wrapperSelect.annee_maj {
	width:40%;
}
.ltIE10 .resultatsRecherche .wrapperFields > .wrapperSelect.annee_maj {
	width:33%;
}

.resultatsRecherche .wrapperFields > .wrapperSelect.famille {
	width:60%;
}
.ltIE10 .resultatsRecherche .wrapperFields > .wrapperSelect.famille {
	width:53%;
}

@media screen and (max-width:960px) {
	.resultatsRecherche .wrapperFields > .wrapperSelect.annee_maj {
		width:185px;
	}
	.resultatsRecherche .wrapperFields > .wrapperSelect.famille {
		width:100%;
	}
}


/* Liste de résultats */
.resultatsRecherche .resultat{
	width: 94.33333333333333%;
	display: table-cell;
}
.resultatsRecherche .resultat.nonSelectionnable{
	width: 100%;
}
.resultatsRecherche .resultat .titre{
	font-size: 1.076923076923077em; /* 14px/13px */
	font-weight: bold;
	font-style: normal;
	line-height: 1.428571428571429em; /* 20px/14px */
	margin-bottom: 8px;
}
.resultatsRecherche .listeResultats.stage .resultat .titre{
	margin-bottom: 4px;
}
.resultatsRecherche .listeResultats.stage .resultat .titre a{
	margin-right: 0.4615384615384615em;
}
.resultatsRecherche .resultat .titre span{
	font-size: 0.9em;
}
.resultatsRecherche .titre .reference,
.resultatsRecherche .titre .date,
.maSelection .titre .reference,
.maSelection .titre .date{
	display:inline-block;
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-style: normal;
	font-weight: normal;
	text-transform : uppercase;
	font-size: 0.8571428571428571em; /* 12/14px */
	color: #3c3c3c;
	line-height: 1rem;
}
.ltIE9 .resultatsRecherche .titre .reference,
.ltIE9 .resultatsRecherche .titre .date,
.ltIE9 .maSelection .titre .reference,
.ltIE9 .maSelection .titre .date { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.resultatsRecherche .resultat .titre span.labo {
	font-size: 1em;
	text-transform: uppercase;
}
.resultatsRecherche .resultat .titre span.adresse {
	font-size: 1em;
}

.resultatsRecherche .resultat .informations,
.resultatsRecherche .resultat .referenceINRS{
	font-size: 0.9230769230769231em; /* 12px/13px */
	font-weight: normal;
	font-style: normal;
    overflow-wrap: break-word;
    word-break: break-word;
    white-space: normal;
}

.resultatsRecherche .resultat .description > :last-child {
	display: inline;
}

.resultatsRecherche .resultat .informations{
	display: table;
	width: 100%;
	table-layout: fixed;
	margin-top: 15px;
}
.resultatsRecherche .resultat .informations div{
	display: table-cell;
}
.resultatsRecherche .resultat .informations div.date{
	width: 21.20075046904315%;
}
.resultatsRecherche .resultat .informations div.typeDocument{
	width: 46.90431519699812%;
}
.resultatsRecherche .resultat .informations div.public{
	width: 31.89493433395872%;
}
.resultatsRecherche .resultat .referenceINRS{
	margin-top: 10px;
}

.resultat .referenceINRS{
	font-size: 16px !important;
	font-weight: 800 !important;
	font-family: 'brother-1816' !important;
	color: #161616 !important;
	margin-top: 0 !important;
}
.resultat:hover .referenceINRS{
	opacity: 0.7;
}
.resultat .divider{
	border: 1px solid #858585;
	height: 1rem;
	margin-left: 10px;
	margin-right: 10px;
}
.resultatsRecherche .resultat .telechargement{
	display: inline-block;
	height: 26px;
	padding-left: 30px;
	background: url(../img/resultatRS/telechargement-pdf.png) -3px 0 no-repeat;
	margin-top: 10px;
}
.resultatsRecherche .resultat .telechargement span{
	display:inline-block;
	margin-top: 6px;
}
.resultatsRecherche .resultat .telechargement span:before{
	content: url(../img/lienComplementaire-style1-bullet-point.png);
	padding-right: 6px;
	vertical-align: 20%;
}
.resultatsRecherche .resultat .telechargement span:hover{
	text-decoration: underline;
}


/* Regroupement de résultats de recherche */
.resultatsRecherche .resultat .groupeResultats {
	margin:0.3em 0 0 0;
}
.resultatsRecherche .resultat .groupeResultats > .liens {
}
.resultatsRecherche .resultat .groupeResultats > ul.liens {
}
.resultatsRecherche .resultat .groupeResultats > ul.liens > li {
	margin-top: 0.8em;
}
.resultatsRecherche .resultat .groupeResultats > .lienTous {
	margin:0.8em 0 0 0;
}

.resultatsRecherche .resultat .groupeResultats a {
	color:#3c3c3c;

	display: inline-block;
	background: url(../img/pageDossier/puces.png) no-repeat 0 3px;
	padding:0 0 0 10px;

/*	text-decoration: underline;*/
}
.resultatsRecherche .resultat .groupeResultats .lienTous a {
	font-weight: bold;
}




.resultatsRecherche .boutonsSelection {
	margin-bottom:11px;
}
.resultatsRecherche .ajoutRessourcesCochees,
.resultatsRecherche .ajoutRessourcesTout{
	display: inline-block;
	width: 47%;
	min-height: 45px;
	border: none;
	-moz-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
	-o-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
	box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	font-size: 1.076923076923077rem; /* 14/13px */
	text-align: left;
	vertical-align: middle;
}
.ltIE9 .resultatsRecherche .ajoutRessourcesCochees,
.ltIE9 .resultatsRecherche .ajoutRessourcesTout { /* alternative aux tailles "rem" */
	font-size:1.076923076923077em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.Safari534 .resultatsRecherche .ajoutRessourcesCochees,
.Safari534 .resultatsRecherche .ajoutRessourcesTout{
	width: 44%;
}
.no-js .resultatsRecherche .ajoutRessourcesCochees,
.no-js .resultatsRecherche .ajoutRessourcesTout{
	text-align: center;
}
.resultatsRecherche .ajoutRessourcesCochees{
	background: #129f9f; /* Old browsers */
	background: -moz-linear-gradient(top,  #129f9f 0%, #187e7e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#129f9f), color-stop(100%,#187e7e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #129f9f 0%,#187e7e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #129f9f 0%,#187e7e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #129f9f 0%,#187e7e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #129f9f 0%,#187e7e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#129f9f', endColorstr='#187e7e',GradientType=0 ); /* IE6-9 */
	margin-right: 6%;
}
.Safari534 .resultatsRecherche .ajoutRessourcesCochees{
	margin-right: 7%;
}
.resultatsRecherche .ajoutRessourcesCochees:hover{
	background: #187e7e; /* Old browsers */
	background: -moz-linear-gradient(top,  #187e7e 0%, #129f9f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#187e7e), color-stop(100%,#129f9f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #187e7e 0%,#129f9f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #187e7e 0%,#129f9f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #187e7e 0%,#129f9f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #187e7e 0%,#129f9f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#187e7e', endColorstr='#129f9f',GradientType=0 ); /* IE6-9 */
}
.resultatsRecherche .ajoutRessourcesTout{
	background: #129f9f; /* Old browsers */
	background: -moz-linear-gradient(top,  #129f9f 0%, #45bdbd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#129f9f), color-stop(100%,#45bdbd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #129f9f 0%,#45bdbd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #129f9f 0%,#45bdbd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #129f9f 0%,#45bdbd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #129f9f 0%,#45bdbd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#129f9f', endColorstr='#45bdbd',GradientType=0 ); /* IE6-9 */
}
.resultatsRecherche .ajoutRessourcesTout:hover{
	background: #45bdbd; /* Old browsers */
	background: -moz-linear-gradient(top,  #45bdbd 0%, #129f9f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45bdbd), color-stop(100%,#129f9f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #45bdbd 0%,#129f9f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #45bdbd 0%,#129f9f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #45bdbd 0%,#129f9f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #45bdbd 0%,#129f9f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45bdbd', endColorstr='#129f9f',GradientType=0 ); /* IE6-9 */
}
.resultatsRecherche .ajoutRessourcesCochees > span,
.resultatsRecherche .ajoutRessourcesTout > span{
	display: inline-block;
	width: 78%;
	padding: 0 42px 0 5px;
	vertical-align: middle;
	min-height: 18px;
}
.resultatsRecherche .ajoutRessourcesCochees > span{
	background: url(../img/resultatRS/bouton-ajouter-cochees.png) right center no-repeat;
}
.resultatsRecherche .ajoutRessourcesTout > span{
	background: url(../img/resultatRS/bouton-ajouter-tout.png) right center no-repeat;
}
.resultatsRecherche .ajoutRessourcesCochees:hover span,
.resultatsRecherche .ajoutRessourcesTout:hover span,
.resultatsRecherche .affinerRecherche .affinerResultats:hover span,
.resultatsRecherche .affinerRecherche .restaurerInitial:hover span{
	text-decoration: underline;
}

.resultatsRecherche .ajoutRessourcesCochees:disabled span,
.resultatsRecherche .ajoutRessourcesCochees.disabled span,
.resultatsRecherche .ajoutRessourcesTout:disabled span,
.resultatsRecherche .ajoutRessourcesTout.disabled span,
.resultatsRecherche .affinerRecherche .affinerResultats:disabled span,
.resultatsRecherche .affinerRecherche .affinerResultats.disabled span,
.resultatsRecherche .affinerRecherche .restaurerInitial:disabled span,
.resultatsRecherche .affinerRecherche .restaurerInitial.disabled span {
	text-decoration: none !important;
}

.IE .resultatsRecherche .ajoutRessourcesCochees.disabled span,
.IE .resultatsRecherche .ajoutRessourcesTout.disabled span,
.IE .resultatsRecherche .affinerRecherche .affinerResultats.disabled span,
.IE .resultatsRecherche .affinerRecherche .restaurerInitial.disabled span{
	text-decoration: none !important;
}

/* Colonne de droite */

.resultatsRecherche .affinerRecherche .titre,
.rechercheBDD .search-box .titreSB{
	font-family: pt_sans, sans-serif;
	font-size: 1.8em; /* 24px/13px */
	color: #ffffff;
	background-color: var(--color-orange);
	padding: 15px 20px 16px;
	text-transform: uppercase;
	position : relative;
}
.resultatsRecherche .affinerRecherche .titre:after{
	display: block;
	background: url(../img/encoche-recherche-avancee.png) 0 0 no-repeat;
	height: 12px;
	width: 35px;
	position: absolute;
	bottom: -7px;
	left: 6%;
	font-size: 0;
	content : "\00a0"; /* espace insécable */
}

.resultatsRecherche .affinerRecherche form{
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1rem;
}
.ltIE9 .resultatsRecherche .affinerRecherche form { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.resultatsRecherche .affinerRecherche form > div.last{
	border-bottom: none;
	margin-bottom: 12px;
}
.resultatsRecherche .affinerRecherche form .choix_titre{
	padding-left: 1%;
	font-weight: bold;
}
.resultatsRecherche .affinerRecherche form .lien {
	display: inline-block;
	width: 100%;
	background: url(../img/lienComplementaire-style1-bullet-point.png) 0 2px no-repeat;
	padding-left: 9px;
	margin-top: 12px;
	margin-bottom: 8px;
	color: #3c3c3c;
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-style: normal;
	font-weight: normal;
	font-size: 0.923077rem;
}


.resultatsRecherche .affinerRecherche form .select-style {
	margin-top:3px;
	width:100%;
}
.resultatsRecherche .affinerRecherche form input[type=text] {
	padding: 4px;
	height: 20px;
	width: 96%;
	margin-left: -1%;
	border: none;
}
.resultatsRecherche .affinerRecherche form > div.type_cumulatif_scrollable > .selInfo {
	font-style: italic;
	margin: 0.5em 0 0.5em 1%;
}
.resultatsRecherche .affinerRecherche form > div.type_cumulatif_scrollable > div.field {
	max-height: 14.5em;
	overflow: auto;
	background: #eee;
	border:1px solid #ccc;
	margin:0.5em 0 0 1%;
}
.resultatsRecherche .affinerRecherche form > div > div.field > ul{
	margin: 10px 0 0 4%;
}
.resultatsRecherche .affinerRecherche form > div > div.field > ul > li{
	margin:0 0 0.5em 0;
	display: table;
	position: relative;
}
.resultatsRecherche .affinerRecherche form > div > div.field > ul > li > .cb {
    accent-color: #E9631A;
	display: table-cell;
	width:1%;
	vertical-align: baseline;
	padding:0 5px 0 0;
}
.resultatsRecherche .affinerRecherche form > div > div.field > ul > li > .cb > input {
	position: relative;
	top:1px;
}
.resultatsRecherche .affinerRecherche form > div > div.field > ul > li > label {
	display: table-cell;
	vertical-align: baseline;
}

/* TODO normalement il faudrait wrapper le select dans <div class="typeCollections"> */
.resultatsRecherche .affinerRecherche form > div > div.field > select{
	max-width:100%;
}

.resultatsRecherche .affinerRecherche form .typeCollections > div.field > select{
	width: 100%;
	min-height: 100px;
	background-color: #ffffff;
	border: none;
	margin-top: 10px;
}
.resultatsRecherche .affinerRecherche form .typeCollections > select > option{
	margin: 3px 0;
}
.resultatsRecherche .affinerRecherche form .typeCollections > p{
	font-size: 0.9230769230769231em; /* 12px/13px */
	color: #5d5e5e;
	margin-top: 8px;
}
.resultatsRecherche .affinerRecherche .affinerResultats,
.resultatsRecherche .affinerRecherche .restaurerInitial,
.resultatsRecherche .container_colonneDroite .modifierRecherche,
.resultatsRecherche .container_colonneDroite .nouvelleRecherche,
.resultatsRecherche .container_colonneDroite .retourListe,
.resultatsRecherche .container_colonneDroite .retourAuxResultats,
.resultatsRecherche .container_colonneDroite .retourFiche {
	min-height: 45px;
	width: 100%;
	margin-left: -1%;
	border:none;
	color: #ffffff;
	font-size:1rem;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: bold;
	padding: 7px;
}
.ltIE9 .resultatsRecherche .affinerRecherche .affinerResultats,
.ltIE9 .resultatsRecherche .affinerRecherche .restaurerInitial,
.ltIE9 .resultatsRecherche .container_colonneDroite .modifierRecherche,
.ltIE9 .resultatsRecherche .container_colonneDroite .nouvelleRecherche,
.ltIE9 .resultatsRecherche .container_colonneDroite .retourListe,
.ltIE9 .resultatsRecherche .container_colonneDroite .retourAuxResultats,
.ltIE9 .resultatsRecherche .container_colonneDroite .retourFiche { /* alternative aux tailles "rem" */
	font-size:1em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;

	min-height: 30px;
}

.resultatsRecherche .affinerRecherche .affinerResultats,
.resultatsRecherche .container_colonneDroite .modifierRecherche,
.resultatsRecherche .container_colonneDroite .nouvelleRecherche,
.resultatsRecherche .container_colonneDroite .retourListe,
.resultatsRecherche .container_colonneDroite .retourAuxResultats,
.resultatsRecherche .container_colonneDroite .retourFiche {
	margin-bottom: 8px;
	font-size: 1.230769230769231em !important;
	text-align:center;
}
.resultatsRecherche .affinerRecherche .affinerResultats > span,
.resultatsRecherche .container_colonneDroite .modifierRecherche > span,
.resultatsRecherche .container_colonneDroite .nouvelleRecherche > span {
	background: url(../img/resultatRS/bouton-affiner-loupe.png) 0 0 no-repeat;
	display: inline-block;
	padding-left: 30px;
	min-height: 21px;
}
.resultatsRecherche .container_colonneDroite .retourListe > span {
	background: url(../img/resultatRS/bouton-retour-liste.png) 0 0 no-repeat;
	display: inline-block;
	padding-left: 34px;
	min-height: 21px;
}
.resultatsRecherche .container_colonneDroite .retourAuxResultats > span {
	background: url(../img/bouton-retour-resultats.png) 0 0 no-repeat;
	display: inline-block;
	padding-left: 32px;
	min-height: 21px;
}
.resultatsRecherche .container_colonneDroite .retourFiche > span {
	background: url(../img/bouton-retour-fiche.png) 0 0 no-repeat;
	display: inline-block;
	padding-left: 32px;
	min-height: 21px;
}
.resultatsRecherche .affinerRecherche .affinerResultats > span > span,
.resultatsRecherche .container_colonneDroite .modifierRecherche > span > span,
.resultatsRecherche .container_colonneDroite .nouvelleRecherche > span > span,
.resultatsRecherche .container_colonneDroite .retourListe > span > span,
.resultatsRecherche .container_colonneDroite .retourAuxResultats > span > span,
.resultatsRecherche .container_colonneDroite .retourFiche > span > span {
	display: inline-block;
	position: relative;
	top: 3px;
}
.resultatsRecherche .affinerRecherche .restaurerInitial{
	font-size: 1.076923076923077em;
	-moz-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
	-o-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
	box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.2);
}
.resultatsRecherche .affinerLaRecherche{
	margin-top: 10px;
}
.resultatsRecherche .affinerLaRecherche div:first-child{
	width: 100%; /* base 240px - 240/280px */
	height: 32px;
	background-color: white;
	position: relative;
}
.resultatsRecherche .affinerLaRecherche .affinerLaRecherche_button {
	/* le libelle OK est rendu via une image */
	font-size: 0; /*  */
	width: 32px;
	position: absolute;
	top: 0;
	right: 0;
	border: 0;
	-webkit-border-radius:0;
	height: 32px;
	cursor: pointer;
	background : url(../img/resultatRS/affinerLaRechercheBoutonOK.png) 0 0 no-repeat;
}
.ltIE9 .resultatsRecherche .affinerLaRecherche .affinerLaRecherche_button { /* alternative au font-size:0 */
	font-family: AdobeBlank;
	font-size:1em;
}
.resultatsRecherche .affinerLaRecherche .affinerLaRecherche_input{
	display: inline-block;
	background-color: transparent;
	border: 0;
	width: 82%;
	height: 32px;
	padding:0 4px 0 10px;
}
.ltIE9 .resultatsRecherche .affinerLaRecherche .affinerLaRecherche_input{
	line-height: 32px;
}
.resultatsRecherche .affinerLaRecherche .affinerLaRecherche_input.bluredAndEmpty{
	background: url('../img/resultatRS/placeholder_affiner_recherche.png') 11px center no-repeat;
}
.resultatsRecherche.foreign.en .affinerLaRecherche .affinerLaRecherche_input.bluredAndEmpty{
	background: url('../img/resultatRS/placeholder_affiner_recherche_EN.png') 11px center no-repeat;
}
.resultatsRecherche .affinerLaRecherche .aideContextuelle{
	display: inline-block;
	width: 100%;
	background: url(../img/lienComplementaire-style1-bullet-point.png) 0 2px no-repeat;
	padding-left: 9px;
	margin-top: 12px;
	color: #3c3c3c;
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-style: normal;
	font-weight: normal;
	font-size: 0.923077rem;
}
.ltIE9 .resultatsRecherche .affinerLaRecherche .aideContextuelle { /* alternative aux tailles "rem" */
	font-size:0.923077em;
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

/* Contenu recherche activité */
.resultatsRecherche .listeRessources .ressource .description a{
	/* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-style: normal;
	font-weight: normal;
	font-size: 1em;
	color: #3c3c3c;
}
.resultatsRecherche .listeRessources{
	display: inline-block;
	width: 102%;
}
.ltIE9 .resultatsRecherche .listeRessources{
	width: 101%;
}
.no-js .resultatsRecherche .listeRessources{
	margin-left: -4.25532%;
}
.resultatsRecherche .listeRessources .ressource{
	max-width: 320px;
	margin-left: 20px;
}
.resultatsRecherche .listeRessources .ressource.onemodthree{
	margin-left: 0;
}
.resultatsRecherche .boutonsAjout{
	display: inline-block;
	float: right;
	text-align: right;
	vertical-align: middle;
	width: 65%;
	margin: 45px 0;
}
.no-js .resultatsRecherche .boutonsAjout{
	float: left;
}
.no-js .resultatsRecherche .ajoutRessourcesCochees:hover,
.no-js .resultatsRecherche .ajoutRessourcesTout:hover,
.no-js .resultatsRecherche .affinerRecherche .affinerResultats:hover,
.no-js .resultatsRecherche .affinerRecherche .restaurerInitial:hover{
	text-decoration: underline;
	cursor: pointer;
}
.resultatsRecherche .container_colonneDroite .modifierRecherche,
.resultatsRecherche .container_colonneDroite .nouvelleRecherche,
.resultatsRecherche .container_colonneDroite .retourListe,
.resultatsRecherche .container_colonneDroite .retourAuxResultats,
.resultatsRecherche .container_colonneDroite .retourFiche{
	display: inline-block;
	width: 95.5%;
	min-height: 0;
	padding: 10px 7px;
	margin-top: 25px;
	font-size: 1.461538461538462em !important;
}
.resultatsRecherche .container_colonneDroite .modifierRecherche,
.resultatsRecherche .container_colonneDroite .nouvelleRecherche,
.resultatsRecherche .container_colonneDroite .retourListe,
.resultatsRecherche .container_colonneDroite .retourAuxResultats,
.resultatsRecherche .container_colonneDroite .retourFiche{
	font-family: 'pt_sans' !important;
}
.ltIE9 .resultatsRecherche .container_colonneDroite .modifierRecherche,
.ltIE9 .resultatsRecherche .container_colonneDroite .nouvelleRecherche,
.ltIE9 .resultatsRecherche .container_colonneDroite .retourListe,
.ltIE9 .resultatsRecherche .container_colonneDroite .retourAuxResultats,
.ltIE9 .resultatsRecherche .container_colonneDroite .retourFiche{
	min-height: 0;
}
.resultatsRecherche .container_colonneDroite .modifierRecherche > span > span:hover,
.resultatsRecherche .container_colonneDroite .nouvelleRecherche > span > span:hover,
.resultatsRecherche .container_colonneDroite .retourListe > span > span:hover,
.resultatsRecherche .container_colonneDroite .retourAuxResultats > span > span:hover,
.resultatsRecherche .container_colonneDroite .retourFiche > span > span:hover{
	text-decoration: underline;
}


/* -------------- Spécifique recherche BDD ---------------- */

.resultatsRecherche.baseDeDonnees .listeResultats.evenodd_assignable{
	width: 100% !important;
}
.resultatsRecherche.baseDeDonnees .resultat .informations div.date{
	width: 8.201%;
}
.resultatsRecherche.baseDeDonnees .tableau th{
	vertical-align: middle;
	text-align: center;
	font-size: 1.23rem;
	padding: 2.23rem;
}
.js .resultatsRecherche.baseDeDonnees .tableau th.sortable{
	cursor:pointer;
}
.resultatsRecherche.baseDeDonnees .tableau th.identifiant{
	width: 13.58695652173913%;
}
.resultatsRecherche.baseDeDonnees .tableau th.maj{
	width: 11.41304347826087%;
}
.resultatsRecherche.baseDeDonnees .tableau th.famille{
	width: 10.32608695652174%;
}
.resultatsRecherche.baseDeDonnees .tableau th.intitule{
	width: 64.67391304347826%;
}
.resultatsRecherche.baseDeDonnees .tableau th div{
	position: relative;
	width: 100%;
}
.resultatsRecherche.baseDeDonnees .tableau th div > .titreColonne{
	display: inline-block;
	width: 83%;
	margin-right: 17px;
}
.resultatsRecherche.baseDeDonnees .tableau th div a{
	position: absolute;
	top: 50%;
	right: 0;
	display: inline-block;
	height: 11px;
	width: 7px;
}
.resultatsRecherche.baseDeDonnees .tableau th a.unsorted{
	background: url("../img/tri-tableau-resultats-bdd.png") no-repeat -14px 0;
	margin-top: -6px;
}
.resultatsRecherche.baseDeDonnees .tableau th a.asc{
	background: url("../img/tri-tableau-resultats-bdd.png") no-repeat 0 0;
	top: 46%;
}
.resultatsRecherche.baseDeDonnees .tableau th a.desc{
	background: url("../img/tri-tableau-resultats-bdd.png") no-repeat -7px 0;
	top: 46%;
}
.resultatsRecherche.baseDeDonnees .tableau .precision{
	text-transform: none;
}
.resultatsRecherche.baseDeDonnees .tableau td{
    font-family: 'brother-1816', sans-serif;
    font-weight: 300;
    font-size: 1.23rem;
    line-height: 125%;
    text-align: center;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.2);
}
.resultatsRecherche.baseDeDonnees .tableau td div.intitule{
	font-weight: bold;
	font-size: 1.076923076923077em;
	color: #000000;
}
.resultatsRecherche.baseDeDonnees .tableau td div.description{
	line-height: 1.333333333333333em;
	color: #3c3c3c;
}


.recherche .erreurs {
	margin:0 0 1.5em 15px;
	list-style-type: disc;
	color: #000;
	font-weight: bold;
	font-size: 1.1em;
}

.recherche .erreurs a {
	color: #f00;
}

.recherche .erreurs > li {
	margin:0 0 0.5em 0;
}

/* Lien de retour aux résultats en mode mobile (demande MétroPol) */
.fiche .retourResultats {
	display: none;
}


/* Largeur inférieure à 767px */
@media screen and (max-width:767px) {
	.resultatsRecherche .listeRessources .ressource{
		width: 47.32724902216428%;
	}
	.resultatsRecherche .listeRessources .ressource.onemodtwo{
		margin-left: 0;
	}
	.resultatsRecherche .listeRessources .ressource.noughtmodtwo{
		margin-left: 4.25532%;
	}
	.resultatsRecherche .boutonsAjout{
		width: 100%;
	}
	.no-js .resultatsRecherche .listeRessources .ressource{
		width: 45.32724902216428%;
	}
	.no-js .resultatsRecherche .ajoutRessourcesCochees,
	.no-js .resultatsRecherche .ajoutRessourcesTout{
		width: 45.32724902216428%;
	}
	.no-js .resultatsRecherche .boutonsAjout{
		text-align: left;
	}

	.resultatsRecherche .affinerRecherche .affinerResultats,
	.resultatsRecherche .affinerRecherche .restaurerInitial,
	.resultatsRecherche .container_colonneDroite .modifierRecherche,
	.resultatsRecherche .container_colonneDroite .nouvelleRecherche,
	.resultatsRecherche .container_colonneDroite .retourListe,
	.resultatsRecherche .container_colonneDroite .retourAuxResultats,
	.resultatsRecherche .container_colonneDroite .retourFiche {
		margin-left: 0;
	}

	/* Lien de retour aux résultats en mode mobile (demande MétroPol) */
	.fiche .retourResultats {
		display: block;
		margin:1em 0 1em 0;
		text-align: right;
	}
	.fiche .retourResultats a {
		display: inline-block;
		padding: 0 0 0 10px;
		background: url(../img/lienComplementaire-miseenavant-style1-bullet-point.png) 0 4px no-repeat;
		font-weight: bold;
		margin-left:2em;
		/* color: #b0273e; */
	}

	/* Regroupement de résultats de recherche */
	.resultatsRecherche .resultat .groupeResultats {
	}
	.resultatsRecherche .resultat .groupeResultats > .liens {
		display: block;
	}
	.resultatsRecherche .resultat .groupeResultats > .liens > .deuxLiens {
		display: block;
	}
	.resultatsRecherche .resultat .groupeResultats > .liens > .deuxLiens > span {
		display: block;
		margin: 0 0 0.5em 0;
		padding: 0;
		width:auto;
	}
	.resultatsRecherche .resultat .groupeResultats > .liens > .deuxLiens > span:FIRST-CHILD {
		padding: 0;
	}

}


/* Largeur comprise entre 481px et 600px */
@media screen and (min-width:481px) and (max-width:600px) {

	.rechercheAvancee .search-box .liste_checkboxes,
	.rechercheAvancee .search-box .liste_supports,
	.rechercheAvancee .search-box .liste_publics,
	.recherchePER .search-box #search-multi .liste_typesdocs,
	.recherchePER .search-box #search-discipline .liste_typesdocs{
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}

	/* RESULTATS RECHERCHE VIDEO */
	.no-js .resultatsRecherche .listeRessources .ressource,
	.no-js .resultatsRecherche .ajoutRessourcesCochees,
	.no-js .resultatsRecherche .ajoutRessourcesTout{
		width: 44.327%;
	}

	/* PAGE RESULTATS RECHERCHE LISTE SOP */
	.resultatsRecherche.baseDeDonnees .resultat .informations div.date,
	.resultatsRecherche .resultat .informations div.typeDocument{
		display: block;
		width: 100%;
	}
	.resultatsRecherche .resultat .informations div.typeDocument{
		margin-top: 8px;
	}

}

/* Largeur inférieure à 480px */
@media screen and (max-width:480px) {

	.rechercheAvancee .search-box{
		font-size: 0.9230769230769231em;
	}
	.rechercheAvancee .search-box input, .rechercheAvancee .search-box select {
		font-size: 1.2em;
	}
	.rechercheAvancee .search-box #search-multi #valid_multicriteres{
		font-size: 1.083333333333333em;
	}
	.recherche .search-box .annee_depuis{
		margin-top: 10px;
	}
	.rechercheAvancee .search-box #search-nav .onglet{
		font-size: 1.583333333333333em; /* 19px/13px */
	}
	.rechercheAvancee .search-box .liste_checkboxes,
	.rechercheAvancee .search-box .liste_supports,
	.rechercheAvancee .search-box .liste_publics,
	.recherchePER .search-box #search-multi .liste_typesdocs,
	.recherchePER .search-box #search-discipline .liste_typesdocs{
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}




 	.resultatsRecherche .triPages .titre
 	{
		font-size: 1.38461538em; /* 18px/13px */
	}
	.resultatsRecherche .pagination .navigationPages .nav_suiv {
		width: 16%;
	}
	.resultatsRecherche .resultat .informations div{
		display: block;
		width: 100%;
		margin-top: 10px;
	}
	.resultatsRecherche .resultat .informations div.date,
	.resultatsRecherche .resultat .informations div.typeDocument,
	.resultatsRecherche .resultat .informations div.public{
		width: 100%;
	}
	.resultatsRecherche .resultat .informations div:first-child{
		margin-top: 0;
	}
	.resultatsRecherche .resultat{
		width: 90%;
		padding-right: 8px;
	}
	/* PAGE RESULTATS RECHERCHE VIDEO */
	.resultatsRecherche .boutonsAjout{
		margin: 40px 0 20px 0;
	}
	.no-js .resultatsRecherche .listeRessources{
		margin-left: 0;
	}
	.resultatsRecherche .ajoutRessourcesCochees,
	.resultatsRecherche .ajoutRessourcesTout,
	.no-js .resultatsRecherche .ajoutRessourcesCochees,
	.no-js .resultatsRecherche .ajoutRessourcesTout,
	.Safari534 .resultatsRecherche .ajoutRessourcesCochees,
	.Safari534 .resultatsRecherche .ajoutRessourcesTout,
	.maSelection .toutSelectionner,
	.maSelection .supprimerElementsCoches{
		width: 100%;
	}
	.resultatsRecherche .ajoutRessourcesTout,
	.no-js .resultatsRecherche .ajoutRessourcesTout {
		margin-top: 8px;
	}

	/* PAGE RESULTATS RECHERCHE LISTE SOP */
	.resultatsRecherche.baseDeDonnees .resultat .informations div.date,
	.resultatsRecherche .resultat .informations div.typeDocument{
		display: block;
		width: 100%;
	}
	.resultatsRecherche .resultat .informations div.typeDocument{
		margin-top: 8px;
	}
}


/* Largeur inférieure à 350px */
/* Ajout du point de rupture de 350px pour l'iphone */
@media screen and (max-width:350px) {
	/* RECHERCHE AVANCEE */
	/* TODO
	- Déplacer les règles ci-dessous dans .css spécifique aux templates correspondants
	- Ou dans .css commun à une fonctionnalité limitée à quelques templates - ex. abcdaire)
	- SAUF celles qui sont potentiellement transversales
	*/
	.rechercheAvancee .search-box #search-nav a:first-child.actif:after{
		left:16.83333333333333%;
	}
	.rechercheAvancee .search-box #search-nav a+a.actif:after{
		left:67.83333333333333%;
	}
	.recherchePER .search-box #search-multi .liste_typesdocs li,
	.recherchePER .search-box #search-discipline .liste_typesdocs li{
		display: block;
		margin-top: 5px;
	}

	.recherchePER .search-box #search-multi .liste_typesdocs,
	.recherchePER .search-box #search-discipline .liste_typesdocs{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

	.rechercheAvancee .search-box .liste_checkboxes,
	.rechercheAvancee .search-box .liste_supports,
	.rechercheAvancee .search-box .liste_publics,
	.recherchePER .search-box #search-multi .liste_typesdocs,
	.recherchePER .search-box #search-discipline .liste_typesdocs{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
}

@media screen and (max-width: 768px) {
    .entete-resultat-recherche {
        margin-bottom: 0 !important;
    }

    .entete-resultat-recherche #desktopBarreFonctionnalites{
		margin-top:20px;
    }

    .resultatsRecherche .separation-resultats_recherche{
        width: calc(100vw - 60px) !important;
    }
}
.entete-resultat-recherche{
  margin-bottom: -20px;
  margin-top: 26px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
}

.entete-resultat-recherche #pisteNavigation {
    position: absolute;
    top: 20px;
    z-index: 10;
    margin: 0;
}

.recherche-entete {
  text-align: center;
  color: #161616;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.recherche-entete-title {
  font-weight: 900;
  font-style: normal;
  font-size: 38px;
  line-height: 100%;
  text-align: center;
}

.unset-margin {
    margin-bottom: unset !important;
}

.entete-resultat-recherche #desktopBarreFonctionnalites{
	display: block;
	margin-bottom: 50px;
	margin-top: 30px;
}

.resultatsRecherche .triPages .titre, .resultatsRecherche .filtres-container .filtrer-par-label, .resultatsRecherche .affiner .titre, .resultatsRecherche .affinerMajFamille .titre {
    font-weight: 800;
    font-size: 16px;
    color: #3A3A3A;
}

/* mettre pagination tri dans container_contenuPrincipal pour aligner le tri avec les résultats*/
/*écraser en surcharge styles-communs */
.pagination .triPages{
    display: flex;
    align-items: center;
	column-gap: 10px;
	row-gap: 5px;
	flex-wrap: wrap;
}
@media (max-width: 1239.5px) {					
	.pagination .triPages {
		flex-basis: 100%;
	}
}			

.resultatsRecherche .affinerRecherche {
	display: flex;
	justify-content: flex-end;
}

.filtres-actifs{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    max-width: 890px;
    margin: auto;
    margin-bottom: 20px;
}

@media (max-width: 855px) {
    .filtres-actifs{
        display: none;
    }
}

.filtres-actifs .fa-label{
    font-weight:800;
    margin-right:6px;
    font-size: 16px;
    color: #161616;
}

.filtres-actifs .chip{
    background: none;
    border: none;
    font-size:14px;
    color: #343434;
    font-weight: 500;
    cursor:pointer;
    padding-right: 0;
}

.filtres-actifs .chip > span{
    font-size: 18px;
    color: #E85D2B;
}

.chip:hover {
    color: #E85D2B;
}

.filtres-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 10px;
  row-gap: 5px;
}

.filtres-container .filters {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
}

.resultatsRecherche .pagination.tri {
	margin-bottom: 10px;
}

@media (max-width: 1239.5px) {
	.filtres-container .filters {
		width: 100%;
	}
}

.resultatsRecherche .container_contenuWrapper {
	max-width: 860px;
  	margin: 0 auto;
}

.resultatsRecherche:has(.recherchePublicationsOutils) .container_contenuWrapper {
	max-width: 1060px;
}

  .dropdown-arrow-filtre{
    transition: transform 0.2s;
    content: "\003e";
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 0.9230769230769231rem;
    text-decoration: none !important;
    margin: 0 0.5em 0 0;
    font-weight: 800;
    color: #E85D2B;
    width: 10px;
  }

 .breadcrumb-white #pisteNavigation li > span,
 .breadcrumb-white #pisteNavigation li > a {
 color: #FFFFFF !important;
 }

 .entete-resultat-recherche {
     background: #D0DCEA;
 }

@media (max-width: 767px) {


  .resultatsRecherche .pagination .triPages .titre {
    width: 100%;
  }
}

@media (max-width: 1239.5px) {
	.resultatsRecherche .affinerRecherche {
		display: none !important;
	}
	.resultatsRecherche .pagination .triPages .wrapperBoutonTri:nth-of-type(2) a{
		padding-left: 0;
	}
}
.resultatsRecherche .separation-resultats_recherche{
	width: 100%;
	border: 0.5px solid #dddddd;
	margin-bottom: 30px;
}
.resultatsRecherche  .wrapperPagination{
	max-width: 890px;
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
	padding: 0;
}

.resultatsRecherche > .super_container > .pagination > .wrapperPagination,
body.formation .pagination > .wrapperPagination {
	justify-content: center;
	display: flex;
    gap: 50px;
}
@media screen and (max-width: 768px) {
    .resultatsRecherche > .super_container > .pagination > .wrapperPagination,
	body.formation .pagination > .wrapperPagination {
        gap: 20px;
		margin-top: 30px;
    }
    .resultatsRecherche .pagination .choixAffichageResultats, .pagination .navigationPages{
        padding: 0 !important;
    }
}
.resultatsRecherche .wrapperPagination .affinerRecherche #form_affiner{
	padding: 0;
}

.resultatsRecherche .wrapperPagination .affinerRecherche .filtres-container{
	margin: 0;
	padding: 0;
	width: auto;
}

 /** nouveaux styles recherche **/

.listeResultats > li {
	border-radius: 2px;
	box-shadow: 3px 4px 20px 0px rgba(0, 0, 0, 0.15);
	border: 1px solid #DDDDE9;
	margin-bottom: 20px;
}

.listeResultats > li:hover .titre{
	opacity: 0.7;
}

.listeResultats > li:hover .description{
	opacity: 0.7;
}

.listeResultats > li:hover .header-date{
	opacity: 0.7;
}

.listeResultats > li:hover .badge-type{
	color: white;
	background-color: #e67e22;
}

.listeResultats > li:hover .savoir-plus-container p{
	opacity: 0.7;
}

.listeResultats > li:hover .box-link.savoir-plus-container svg .arrow{
	stroke: white;
}

.listeResultats > li:hover .box-link.savoir-plus-container svg .circle{
	fill: #EC6726;
}

.listeResultats > li .resultat.nonSelectionnable{
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 30px;
	box-sizing: border-box;
	border: 1px solid #DDDDE9;
}

.listeResultats > li .resultatCliquable:hover {
	text-decoration: none;
}

.resultatsRecherche .resultat .badge-type{
	display: inline-block;
	color: #e67e22;
	background: white;
	border: 1px solid #e67e22;
	padding: 4px 12px;
	font-size: 10px;
	font-weight: 700;
	border-radius: 5px;
	text-transform: uppercase;
	margin-right: 12px;
}

.resultatsRecherche .resultat .titre a,
 .resultatsRecherche a .resultat .titre,
.listeResultats .titre_refonte{
	font-weight: 800;
	font-size: 1.8rem;
	color: var(--color-charcoal);
	text-decoration: none;
	margin-right: 0;
}

.resultatsRecherche .resultat .titre a:hover{
	text-decoration: none;
}

.resultatsRecherche .resultat .titre a:hover span{
	text-decoration: none;
}

.resultatsRecherche .resultat .description,
.listeResultats .description_refonte{
	font-size: 1.39rem;
	line-height: 1.5;
	color: var(--color-charcoal);
	text-align: left;
	font-weight: 300;
}

.resultatsRecherche .listeResultats {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	max-width: 890px;
	width: auto !important;
}

.liste.agendaListe .listeResultats > li {
  padding: 0 !important;
}

.liste.actualiteListe .listeResultats > li {
  padding: 0 !important;
}

.tuile_lien {
	display: block;
	height: 100%;
	text-decoration: none;
	color: inherit;
	padding: 20px 30px;
}

.box-link.savoir-plus-container{
	display: inline-flex;
	gap: 10px;
}

.box-link.savoir-plus-container p{
	color: #161616;
	font-size: 18px;
	font-weight: 700;
	text-align: left;
}

/** styles svg en savoir plus **/
.box-link.savoir-plus-container svg{
	width: 20px;
	height: 20px;
	align-self: last baseline;
	flex-shrink: 0;
}

.box-link.savoir-plus-container svg .circle{
	fill: none;
	stroke: #EC6726;
	transition: fill 0.2s, stroke 0.2s;
}

.box-link.savoir-plus-container svg .arrow{
	stroke: #EC6726;
	transition: stroke 0.2s;
	fill: none;
}

/** fin styles svg **/

.resultatsRecherche .listeResultats > li:hover {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* Container du résultat */
.resultatsRecherche .resultat {
	width: 100%;
	display: block;
}

.resultatsRecherche .resultat.nonSelectionnable {
	width: 100%;
}

/* En-tête avec badge et date */
.resultatsRecherche .resultat .resultat-header {
	display: flex;
	align-items: center;
	margin-bottom: 0; /* gap déjà présent dans .listeResultats > li .resultat.nonSelectionnable */
}

/* Titre principal */
.resultatsRecherche .resultat .titre {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.3;
	margin: 0; /* gap déjà présent dans .listeResultats > li .resultat.nonSelectionnable */
	color: var(--color-charcoal);
}

.resultatsRecherche .resultat .titre a, .resultatsRecherche a .resultat .titre, .listeResultats .titre_refonte {
	color: var(--color-charcoal);
	text-decoration: none;
	margin-right: 0;
}



/* Lien "En savoir plus" */
.resultatsRecherche .resultat .lien-savoir-plus {
	color: #161616;
	font-family: "Brother-1816", sans-serif;
	font-size: 18px;
	font-weight: 400;
	text-align: left;
}

/* Informations (date, type, référence) - masquées dans le nouveau design */
.resultatsRecherche .resultat .informations {
	display: none;
}

/* Référence INRS - repositionnée */
.resultatsRecherche .resultat .referenceINRS {
	font-size: 12px;
	color: #888;
	margin-top: 8px;
	font-weight: normal;
}

.resultatsRecherche .resultat .referenceINRS strong {
	font-weight: normal;
}

/* Téléchargement */
.resultatsRecherche .resultat .telechargement {
	display: inline-flex;
	align-items: center;
	background: none;
	padding: 0;
	margin-top: 8px;
	height: auto;
	color: #e67e22;
	font-size: 14px;
	text-decoration: none;
}

.resultatsRecherche .resultat .telechargement::before {
	content: '📄';
	margin-right: 6px;
	font-size: 16px;
}

.resultatsRecherche .resultat .telechargement span {
	margin-top: 0;
	display: inline;
}

.resultatsRecherche .resultat .telechargement span::before {
	display: none;
}

.resultatsRecherche .resultat .telechargement:hover {
	text-decoration: underline;
}

/* Groupement de résultats */
.resultatsRecherche .resultat .groupeResultats {
	margin: 12px 0 0 0;
}

.resultatsRecherche .resultat .groupeResultats > ul.liens {
	list-style: none;
	padding: 0;
	margin: 0;
}

.resultatsRecherche .resultat .groupeResultats > ul.liens > li {
	margin-top: 8px;
}

.resultatsRecherche .resultat .groupeResultats > .lienTous {
	margin: 12px 0 0 0;
}

.resultatsRecherche .resultat .groupeResultats a {
	color: #e67e22;
	display: inline-block;
	background: url(../img/pageDossier/puces.png) no-repeat 0 3px;
	padding: 0 0 0 10px;
	text-decoration: none;
}

.resultatsRecherche .resultat .groupeResultats a:hover {
	text-decoration: underline;
}

.resultatsRecherche .resultat .groupeResultats .lienTous a {
	font-weight: bold;
}

/* Recommandations */
.titre-recommandation {
    font-weight: 700;
	text-transform: none;
	margin-top: 0;
}


/* Responsive */
@media (max-width: 768px) {
	.resultatsRecherche .listeResultats > li {
		margin-bottom: 20px;
	}

	.resultatsRecherche .resultat .titre a, .resultatsRecherche a .resultat .titre, .listeResultats .titre{
		font-weight: 700;
		font-size: 1.8rem;
	}

	.resultatsRecherche .resultat .description,
	.listeResultats .description_refonte {
		font-size: 1.4rem;
		font-weight: 300;
		line-height: 100%;
	}
}

.choixAffichageResultats > span {
	font-weight: 500;
	font-size: 1.25em;
	color: #161616;
	flex-shrink: 0;
}
.resultatsRecherche .pagination .choixAffichageResultats{
	display: flex;
	align-items: center;
	gap: 10px;
}
.resultatsRecherche .pagination .choixAffichageResultats .select-style{
	border-radius: 10px;
}

/* recherche */
.sousTitre_refonte{
    font-weight: 800;
    font-size: 2.4rem;
    line-height: 100%;
    color: #000000;
    padding-top: 30px;
    text-align: left;
    text-transform: unset;
}

.wrapperTri {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
	column-gap: 10px;
	flex-wrap: wrap;
}

.boutonsTri {
	display: flex;
	column-gap: 15px;
	flex-wrap: wrap;
}

/* pagination actualité + pagination agenda */

.resultatsRecherche.actualiteListe .wrapperPagination,
.resultatsRecherche.agendaListe .wrapperPagination {
    max-width: 645px;
    gap: 1rem;
    margin-bottom: unset;
}

.resultatsRecherche.agendaListe .wrapperPagination .choixAffichageResultats{
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .resultatsRecherche.actualiteListe .wrapperPagination,
    .resultatsRecherche.agendaListe .wrapperPagination {
        max-width: 215px;
    }
}

/* inclusion /templating-kit/themes/inrs/css/styles-communs-refonte.css */
@charset "UTF-8";



/*********** STYLES GéNéRAL POUR LA REFONTE ************/

:root {
    --color-charcoal: #161616;
    --color-orange-burnt: #CA5413;
    --color-orange: #E85D2B;
    --color-orange-inrs: #EC6726;
    --color-charcoal-gray: #4C4C50;
    --color-powder-blue: #DEE8F6;
    --color-slate: #5F5F64;
    --color-gris-hover: #6F6F75;
    --color-gris-titre: #787F86;
    --color-slate2: #5B5B60;
    --color-ice-blue: #D0DCEA;


    --swiper-pagination-bullet-horizontal-gap: 0;
    --swiper-pagination-bullet-size: 8px;
}

.list-of-components-area > *:first-child {
    margin-top: 0 !important;
}

.list-of-components-area > *:last-child {
    margin-bottom: 0 !important;
}

/* Remove the default margin-top of h1, h2, h3 ... if it's the first element in the area */
.list-of-components-area > .editorial:first-child :is(h2,h3,h4,h5,h6,p):first-child {
    margin-top: 0;
}

.container_contenuBottom > *:first-child {
    margin-top: 0 !important;
}

.container_contenuBottom > *:last-child {
    margin-bottom: 0 !important;
}


/* Adds margin only if .container_contenuBottom is not empty*/
.container_contenuBottom:has(*) {
    margin: 50px 0;
}

.harnais {
    margin-bottom: 30px;
}

body.formation_accueil .harnais {
    margin-bottom: 50px;
}

.entete > :is(.wrapper, .search-wrapper) {
	position: relative;
	display: flex;
	flex-direction: column;
    justify-content: center;
	max-width: 1320px;
	margin: 0 auto;
	z-index: 1;
    padding-bottom: 30px;
}

h3 {
    color: var(--color-charcoal);
    font-weight: 800;
    margin-top: 50px;
    margin-bottom: 20px;
    text-transform: none;
    text-align: initial;
    font-size: 2.307692rem;
    /* 30/13 */
}

.card-link-wrap>h3 {
    margin-top: 0;
    margin-bottom: 0;
}

.cartouche {
    display: inline-flex;
    align-items: center;
    background-color: white;
    color: rgba(232, 93, 43, 1);
    padding: 4px 10px;
    font-size: 0.921rem;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 4px;
    border: 1px solid rgba(232, 93, 43, 1);
}

.cartouche img {
    max-height: 15px;
    max-width: 15px;
    margin-right: 5px;
}

.ressource-flex {
    gap: 10px;
    display: flex;
    align-items: center;
}

.cartouche_ref {
    font-weight: 800;
    font-size: 16px;
    display: flex;
    color: #161616;
}

.cartouche_ref-2 {
    color: #161616;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.max-lignes-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.max-lignes-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.max-lignes-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.max-lignes-10 {
    display: -webkit-box;
    -webkit-line-clamp: 10 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* CLASSES A VOIR AVEC STANISLAS */
.ressource-container:hover .ressource-image img {
    transform: scale(1.05);
}

.ressource-container:hover .ressource-tag .ressource_metadata {
    opacity: 0.7;
}

.video-wrapper:hover .ressource-tag .ressource_metadata .cartouche_date,
.video-wrapper:hover .ressource-tag .ressource_metadata .cartouche_ref-2,
.video-wrapper:hover .ressource-tag .ressource_metadata .cartouche_ref {
    opacity: 0.7;
}

.cartouche_date {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #161616;
    font-weight: 600;
}

.calendar-icon {
    width: 14px;
    height: 14px;
    margin-right: 4px;
    filter: brightness(0);
}

.copyright-refonte {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
}

@media (min-width: 768px) {
    .input-large {
        display: block;
    }

    .input-small {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .input-large {
        display: none !important;
    }

    .input-small {
        display: block;
    }
}


/* STYLES POUR LE BLOCK VIDEO HORS RESSOURCES */
.blockVideo {
    margin: 30px 0;
}

.diapo-videos-container .blockVideo {
    margin: 0;
}

.blockvideo .ressource-flex {
    gap: 10px;
}

#blockVideo .ressource_metadata,
.blockVideo .ressource_metadata {
    gap: 10px !important;
}

.blockvideo .cartouche_ref-2 {
    margin-left: 5px;
}

.video-titre {
    font-size: 1.8rem;
    text-align: left;
    font-weight: 800;
    color: var(--color-charcoal);
    margin-top: 50px;
}

@media (max-width: 768px) {

    .block-video .cartouche_date,
    .block-video .cartouche_ref-2,
    .block-video .cartouche_ref,
    .block-video .cartouche {
        font-size: 9px;
    }
}

/********* Styles affiner mobile *********/

.ffm {
    width: 100%;
}

.ffm-panel .ffm-panel__scroll .affinerRecherche {
    display: block !important;
}

.ffm-bar {
    background: none;
    border: none;
    display: none;
    padding: 0 30px;
    width: 100%;
    height: 90px;
    align-items: center;
    justify-content: space-between;
    font: inherit;
    cursor: pointer;
}

.ffm-bar__left {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.ffm-bar__icon {
    font-size: 20px;
    line-height: 1;
}

.ffm-bar__title {
    font-weight: 700;
    font-size: 30px;
    color: #161616;
}

.ffm-bar__chevron {
    --size: 20px;
    --thick: 2px;
    color: #E9631A;
    width: var(--size);
    height: var(--size);
    position: relative;
}

.ffm-bar__chevron::before,
.ffm-bar__chevron::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background: currentColor;
    transform: translate(-50%, -50%);
}

.ffm-bar__chevron::before {
    width: 100%;
    height: var(--thick);
}

.ffm-bar__chevron::after {
    width: var(--thick);
    height: 100%;
    transition: transform .2s ease, opacity .2s ease;
}

.ffm-bar[aria-expanded="true"] .ffm-bar__chevron::after {
    transform: scaleY(0);
    opacity: 0;
}

.ffm-panel {
    overflow: clip;
    max-height: 0;
    transition: max-height .28s ease;
}

.ffm-panel.is-open {
    max-height: 100%;
}

.ffm-panel__scroll {
    max-height: 80vh;
    overflow: auto;
    padding: 0;
    margin-top: -15px;
}

@media (prefers-reduced-motion: reduce) {
    .ffm-panel {
        transition: none;
    }
}

@media (max-width: 1240px) {
    .ffm-bar {
        display: flex;
        padding: 0;
    }

    .ffm-panel[hidden] {
        display: block;
    }

    .ffm-panel .filters-title,
    .ffm-panel h2:first-child {
        display: none;
    }
}

@media (min-width: 1240px) {
    #filtres-mobile {
        display: none;
    }

    .ffm-panel {
        border: 0;
        border-radius: 0;
        margin: 0;
        max-height: none;
        overflow: visible;
        transition: none;
    }

    .ffm-panel__scroll {
        max-height: none;
        overflow: visible;
        padding: 0;
    }
}

.ff-reset {
    border: none !important;
    background: none !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    color: #4C4C50 !important;
}

@media (min-width: 856px) {
    .ff-apply {
        padding: 12px 21px;
    }
}

.ff-apply {
    align-self: flex-end;
    font-size: 18px;
    font-weight: 700;
    border: 1px solid #E85D2B;
    background: none;
    color: #161616;
    border-radius: 62px;
    padding: 17px 41px;
    margin-left: auto;
}


.ffm .ff-drawer__footer {
    padding: 10px 0 35px;
    display: flex;
}

.ffm-panel__scroll .filtres-container {
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
}

.ffm .filtre-bouton.active,
.ffm .filtre-bouton:hover {
    color: #161616 !important;
}

.ffm .facette-popup {
    position: relative;
    top: 0;
    border-bottom: 1px solid rgb(175, 175, 175);
    border-radius: 0px;
    padding-bottom: 1.5rem;
    box-shadow: none;
    background: none;
    border-left: none;
    border-right: none;
    border-top: none;
    max-width: 100%;
}

/* pour cacher les styles spécifique à l'affichage desktop */
.ffm .facette-popup::before,
.ffm .popup-header,
.ffm .popup-footer,
.ffm .facette-popup::after,
.ffm .filtrer-par-label {
    display: none !important;
}

.ffm .popup-content {
    max-height: 100%;
    background: none;
    border-radius: 0px;
    box-shadow: none;
    border: none
}

.ffm form {
    padding: 0 !important;
}

.ffm .filtre-bouton {
    font-weight: 700;
    font-size: 18px;
    color: #161616;
    padding: 0;
    border-bottom: 1px solid #afafaf;
    border-radius: 0px;
    padding-bottom: 1.5rem;
}

.ffm .filtre-bouton.active {
    border-bottom: none;
    padding-bottom: 0;
}

.ffm .filtre-conteneur {
    width: 100%;
}

.ffm .filtre-conteneur .filtre-bouton {
    width: 100%;
}

.resultatsRecherche .ffm .filtre-conteneur .filtre-bouton {
    padding-top: 20px;
}

.ffm .filtre-conteneur .filtre-bouton .dropdown-arrow-filtre {
    margin-left: auto;
}

.ffm .popup-body {
    padding: 0 0.8rem;
}

.ffm .popup-body .field {
    max-height: 11rem;
    overflow-y: auto;
    scrollbar-color: #E9631A #f1f1f1;
}

#filtres-mobile {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    box-sizing: border-box;
    background: #F6F6F6;
    min-height: 88px;
    padding: 0 30px;
    margin-bottom: 20px;
}

.editMode #filtres-mobile {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.ffm .cb>input[type="checkbox"],
.resultatsRecherche .filtre-conteneur input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
    margin: 0;
    border: 2px solid #E9631A;
    border-radius: 4px;
    display: inline-grid;
    place-content: center;
    cursor: pointer;
}

.ffm .cb>input[type="radio"],
.resultatsRecherche .filtre-conteneur input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
    margin: 0;
    border: 2px solid #E9631A;
    display: inline-grid;
    place-content: center;
    cursor: pointer;
    border-radius: 100%;
}

.ffm .cb>input[type="checkbox"]::before,
.ffm .cb>input[type="radio"]::before,
.resultatsRecherche .filtre-conteneur input[type="checkbox"]::before,
.resultatsRecherche .filtre-conteneur input[type="radio"]::before {
    content: "";
    width: 10px;
    height: 10px;
    transform: scale(0);
    transition: transform 120ms ease-in-out;
    clip-path: inset(15%);
}

.ffm .cb>input[type="checkbox"]:checked,
.ffm .cb>input[type="radio"]:checked,
.resultatsRecherche .filtre-conteneur input[type="checkbox"]:checked,
.resultatsRecherche .filtre-conteneur input[type="radio"]:checked {
    background: #E9631A;
    border-color: #E9631A;
}

.ffm .cb>input[type="checkbox"]:checked::before,
.ffm .cb>input[type="radio"]:checked {
    transform: scale(1);
}

.ffm .cb>input[type="checkbox"]:focus-visible,
.ffm .cb>input[type="radio"]:focus-visible {
    outline: 3px solid #222;
    outline-offset: 2px;
}

.ffm li>label {
    font-weight: 400;
    font-size: 16px;
    color: #161616;
}

/********* FIN DES Styles affiner mobile *********/

.recherche .chips {
    max-width: none;
    font-size: 18px;
    padding: 17px 25px;
}

@media (max-width: 768px) {
    .metropol.accueilMetropol .recherche .chips {
        padding: 0px;
    }
}

/******** Début Styles PlierDeplier ***********/

.gray-bg {
    background: var(--color-powder-blue);
    max-width: 800px;
    padding: 30px;
    box-sizing: border-box;
}

/* ===== Block container ===== */
.blockPlierDeplier .bloc-titre {
    margin-bottom: 12px;
}

.blockPlierDeplier {
    max-width: 800px;
    margin: 30px 0;
}

/* Cards container: vertical stack with padding */
.blockPlierDeplier .liste-cartes {
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-sizing: border-box;
    /* include padding in width */
}

/* Cards take full width */
.blockPlierDeplier .carte-pliante {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #DDDDE9;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 3px 4px 20px 0px #00000026;
}

.blockPlierDeplier.wrapper .ressources-sub-titre {
    padding-left: 0 !important;
    border-left: 0 !important;
    text-transform: unset !important;
}

@media (min-width: 768px) {
    .blockPlierDeplier .carte-pliante:hover {
        border: 1px solid #9f9b9b;
    }
}

@media (min-width: 768px) {
    .blockPlierDeplier .carte-pliante:hover .pliante-titre,
    .blockPlierDeplier .carte-pliante:hover .pliante-chapo {
        opacity: 0.6;
    }
}

.blockPlierDeplier .paraitre-swiper-bloc-wrapper {
    margin-top: 0;
}

.blockPlierDeplier .paraitre-bloc {
    margin-top: 0;
}

/* Header button */
.pliante-bouton {
    background: white;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    padding: 18px 20px;
    border: 0;
    cursor: pointer;
    text-align: left;
    font: inherit;
}

/* Title + optional bits */
.pliante-titre {
    color: var(--color-charcoal);
    font-weight: 500;
    font-size: 24px;
}

.pliante-titre .pliante-date {
    font-weight: 100;
    font-size: 18px;
}

.pliante-contenu .pliante-chapo {
    font-weight: 350;
    font-size: 18px;
}

.pliante-resume {
    margin-left: 8px;
    opacity: .8;
    font-size: .95em;
    font-weight: 400;
}

.pliante-date {
    margin-left: 8px;
    opacity: .75;
    font-weight: 400;
    font-size: .95em;
}

/* Chevron rotation on open */
.pliante-bouton .chevron {
    flex-shrink: 0;
    transition: transform .2s ease;
}

.pliante-bouton[aria-expanded="true"] .chevron {
    transform: rotate(180deg);
}

/* Panel/body */
.pliante-panneau {
    margin: 0 20px 20px;
    background: #fff;
}

/* Ensure hidden panels are actually hidden, regardless of resets */
.pliante-panneau[hidden] {
    display: none !important;
}

/* CTA link */
.pliante-cta .ressource-link {
    text-decoration: underline;
}

/* Variant: “liste” look */
.blockPlierDeplier[data-style="liste"] .carte-pliante {
    border: none;
    border-radius: 0;
    background: transparent;
}

.blockPlierDeplier[data-style="liste"] .pliante-bouton {
    padding-left: 0;
    padding-right: 0;
    background: transparent;
    border-bottom: 1px solid #e6e6e6;
}

.blockPlierDeplier[data-style="liste"] .pliante-panneau {
    padding-left: 0;
    padding-right: 0;
    background: transparent;
}

@media (max-width: 640px) {

    .blockPlierDeplier .cols-2,
    .blockPlierDeplier .cols-3,
    .blockPlierDeplier .cols-4 {
        grid-template-columns: 1fr;
    }
}

/* Plus/Minus icon (inline, purely CSS) */
.pm {
    position: relative;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    display: inline-block;
}

/* horizontal bar */
.pm::before,
.pm::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    background: #E85D2B;
    /* brand color */
    transform-origin: 50% 50%;
    transition: transform .18s ease, opacity .18s ease;
}

.pm::before {
    transform: translateY(-50%) scaleX(1);
}

.pm::after {
    transform: translateY(-50%) rotate(90deg) scaleX(1);
    opacity: 1;
}

.pliante-bouton[aria-expanded="true"] .pm::after {
    transform: translateY(-50%) rotate(0deg) scaleX(1);
    opacity: 1;
}

.drawer-toggle[aria-expanded="true"] .pm::before,
.pliante-bouton[aria-expanded="true"] .pm::before {
    transform: translateY(-50%) rotate(180deg) scaleX(1);
}

.pliante-bouton[aria-expanded="true"]:hover .pm::before {
    transform: translateY(-50%) rotate(0deg) scaleX(1.02);
}

.pliante-bouton[aria-expanded="true"] .pm::after {
    display: none;
}

.pliante-bouton[aria-expanded="false"]:hover .pm::before {
    transform: translateY(-50%) rotate(90deg) scaleX(1.02);
}

.pliante-bouton[aria-expanded="false"]:hover .pm::after {
    transform: translateY(-50%) rotate(180deg) scaleX(1.02);
}

.pliante-bouton:active .pm::before {
    transform: translateY(-50%) scaleX(0.98);
}

.pliante-bouton:active .pm::after {
    transform: translateY(-50%) rotate(90deg) scaleX(0.98);
}


/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {

    .pm::before,
    .pm::after {
        transition: none;
    }
}

.carte-pliante .box-link svg {
    height: 17px;
    width: auto;
}

.carte-pliante .box-link svg .circle {
    fill: none;
    stroke: #EC6726;
    transition: fill 0.2s, stroke 0.2s;
}

.carte-pliante .box-link svg .arrow {
    stroke: #EC6726;
    transition: stroke 0.2s;
    fill: none;
}

.carte-pliante .ressource-link {
    display: flex;
    gap: 5px;
}

.carte-pliante .ressource-link:hover {
    text-decoration: none;
}

.pliante-contenu .ressource-link p {
    font-weight: 700;
    font-size: 18px;
}

.pliante-contenu .ressource-link {
    margin-top: 10px;
}


.blockPlierDeplier.has-pagination .liste-cartes {
    box-shadow: 3px 4px 20px 0px #00000026;
    padding: 10px;
    background: white;
}

.blockPlierDeplier.has-pagination .carte-pliante {
    border: none;
    box-shadow: none;
}

.blockPlierDeplier.has-pagination .carte-pliante .pliante-titre {
    order: 2;
}

.blockPlierDeplier.has-pagination .carte-pliante .pliante-bouton {
    justify-content: flex-start;
}

.blockPlierDeplier.has-pagination .liste-cartes .horizontal-line {
    border-top: 1px solid #E85D2B;
    width: 90%;
    margin: 0 auto 10px;
    display: block;
}

.blockPlierDeplier .cartes-pagination {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: 10px;
    justify-content: center;
}

.blockPlierDeplier .cartes-pagination button {
    border: none;
    background: transparent;
    cursor: pointer;
    font-weight: 350;
    font-size: 18px;
    color: #161616;
}

.blockPlierDeplier .cartes-pagination .pager-num.is-active {
    font-weight: 700;
    font-size: 20px;
    color: #E9631A;
}

.blockPlierDeplier .cartes-pagination button.is-disabled {
    opacity: .4;
    cursor: default;
    pointer-events: none;
}

.blockPlierDeplier .cartes-pagination .icon-rot-180 {
    display: inline-block;
    transform: rotate(180deg);
    line-height: 0;
}

/********** Fin des Styles PlierDeplier *************/

/********** Styles Plan du Site avec PlierDeplier *************/

/* Container principal du plan */
.planSite#plan {
    margin: 2em 0 15px 0;
    max-width: 800px;
    margin: auto;
}

/* Adaptation des cartes pour le plan du site */
.planSite.blockPlierDeplier .carte-pliante {
    box-shadow: 3px 4px 20px 0px #00000026;
    border: 1px solid #DDDDE9;
    padding: 20px;
}

@media (min-width: 768px) {
    .planSite.blockPlierDeplier .carte-pliante:hover {
        border: 1px solid #9f9b9b;
    }
}

/* Titre des sections du plan */
.planSite .pliante-titre {
    color: var(--color-charcoal);
    font-weight: 500;
    font-size: 24px;
}

/* Panneau de contenu */
.planSite .pliante-panneau {
    margin: 0;
    background: #fff;
    padding: 0;
}

/* Styles pour les liens à l'intérieur du plan */
.planSite .megaMenu>.contentMM>.wrapper {
    max-width: 1320px;
    margin: 0 auto;
}

.planSite .megaMenu>.contentMM>.wrapper>ul {
    padding: 20px;
}

/* Pas de puce pour les liens secondaires (niveau 2) */
.planSite #plan .lienSecondaire>a:before {
    display: none;
}

/* Styles communs pour les liens */
.planSite #plan .lienPrincipal>a,
.planSite #plan .lienSecondaire>a {
    font-family: "Brother-1816", sans-serif !important;
    font-weight: bold !important;
    font-style: normal;
    line-height: 140%;
    padding: 0;
    color: var(--color-charcoal) !important;
    background: none;
    box-shadow: none;
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.8em;
}

/* Niveau 1 - 18px */
.planSite #plan .lienPrincipal>a {
    font-size: 1.384615384615385em !important;
    /* 18px / 13px */
    text-decoration: none !important;
}

/* Niveau 2 - 16px sans underline par défaut (underline au hover) */
.planSite #plan .lienSecondaire>a {
    font-size: 1em !important;
    /* 16px / 13px */
    font-weight: normal !important;
    text-decoration: none !important;
}

.planSite #plan .lienSecondaire>a:hover {
    text-decoration: underline !important;
    text-decoration-color: var(--color-orange) !important;
    text-underline-offset: 4px;
    text-decoration-thickness: 2px;
}

.planSite #plan .lienPrincipal,
.planSite #plan .lienSecondaire {
    display: block;
    padding-left: 0;
    position: relative;
}

.planSite #plan .lienPrincipal>a {
    margin: 0;
    padding: 10px 0 0 0;
}

.planSite #plan .lienSecondaire>a {
    margin: 0 0 0 45px;
    padding: 5px 0;
}

.planSite #plan .lienPrincipal>a>span,
.planSite #plan .lienSecondaire>a>span {
    padding: 0 0 0 0;
}

/* Styles pour les liens niveau 1 dans megaMenu */
.planSite#plan .megaMenu>.contentMM>.wrapper>ul>li.lienPrincipal>a {
    font-family: "Brother-1816", sans-serif !important;
    font-weight: bold !important;
    font-size: 1.384615384615385em !important;
    /* 18px / 13px */
    color: var(--color-charcoal) !important;
    text-decoration: none !important;
    display: flex;
    align-items: flex-start;
    margin-bottom: 0;
    line-height: 140%;
}

/* Flèche orange pour les liens niveau 1 — margin-top aligne l'œil avec la 1re ligne de texte */
.planSite#plan .megaMenu>.contentMM>.wrapper>ul>li.lienPrincipal>a:before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    min-width: 32px;
    margin-right: 12px;
    margin-top: -6px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 25 18' xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M14.5 0.5C20.02 0.5 24.5 4.97 24.5 10.5C24.5 16.02 20.02 20.5 14.5 20.5C8.97 20.5 4.5 16.02 4.5 10.5C4.5 4.97 8.97 0.5 14.5 0.5Z' fill='none' stroke='%23ED6C00' stroke-width='1' stroke-linejoin='round' fill-rule='nonzero'/%3E%3Cpath d='M13.25 6.75L17 10.5L13.25 14.25' stroke='%23ED6C00' stroke-width='1.5' stroke-linejoin='round' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: static !important;
    top: auto !important;
    left: auto !important;
}

/* Conteneur des sous-listes (niveau 2) — espacement réduit de ~31px à 10px */
.planSite .megaMenu>.contentMM>.wrapper>ul>li>ul {
    display: block;
    font-size: 0;
    margin-top: 0;
    -webkit-break-inside: avoid-column;
    padding-left: 45px;
    padding-top: 10px;
}

/* Styles pour les liens niveau 2 dans megaMenu — regular, underline au hover seulement */
.planSite .megaMenu>.contentMM>.wrapper>ul>li>ul>li>a {
    font-family: "Brother-1816", sans-serif !important;
    font-weight: normal !important;
    /* 16px / 13px */
    color: var(--color-charcoal) !important;
    text-decoration: none !important;
    display: block;
    margin-bottom: 0.5em;
    line-height: 140%;
}

.planSite .megaMenu>.contentMM>.wrapper>ul>li>ul>li>a:hover {
    text-decoration: underline !important;
    text-decoration-color: var(--color-orange) !important;
    text-underline-offset: 4px;
    text-decoration-thickness: 2px;
}

/* Responsive */
@media screen and (max-width: 768px) {
    .planSite.blockPlierDeplier .carte-pliante {
        padding-left: 10px;
        padding-right: 10px;
    }

    .planSite .pliante-bouton {
        padding: 18px 0;
    }

    .planSite .megaMenu>.contentMM>.wrapper>ul {
        padding: 20px 0;
    }

    .planSite #plan .lienPrincipal>a,
    .planSite #plan .lienSecondaire>a {
        display: inline-block;
    }
}

/********** Fin Styles Plan du Site *************/

/********** Styles dans entete.ftl      *************/
.breadcrumb {
	margin: 20px 0 20px;
}

.standalone-breadcrumb {
    max-width: 1320px;
    padding: 0 30px;
	margin: 20px auto 20px;
}

.breadcrumb-white #pisteNavigation li>span,
.breadcrumb-white #pisteNavigation li>a {
    color: #FFFFFF !important;
}

.entete-resultat-recherche {
    background: #D0DCEA;
}

/*******Fin Styles dans entete.ftl      *************/



/* DEBUT STYLES BLOCK CONSULTER */

.liens-utiles-container {
    background-color: #D0DCEA;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    width: 100vw;
    margin-top: 30px;
    margin-bottom: 30px;
}

.editMode .liens-utiles-container {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

.liens-utiles-inner {
    padding: 30px 0;
    max-width: 1340px;
    margin: 0 auto;
    position: relative;
}

.liens-utiles-title {
    font-weight: 800;
    font-size: 1.85rem;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: left;
    text-transform: none;
}

.swiper-navigation-container {
    position: relative;
    padding: 0 60px;
    margin: 0 -60px;
}

.swiper-viewport {
    overflow: hidden;
    width: 100%;
}

.swiper-container {
    width: 100%;
    padding-bottom: 40px;
    overflow: visible;
}

.swiper-slide {
    height: auto;
    opacity: 1;
    transition: opacity 0.3s ease;
}

.swiper-navigation {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

.liens-utiles-container .swiper-viewport {
    container-name: aconsulter-container;
    container-type: inline-size;
}

.liens-utiles-container .swiper-container {
    padding: 0;
}

.liens-utiles-container :is(.left-arrow, .right-arrow) {
    top: 45%;
}
@media screen and (max-width: 820px) {
    .liens-utiles-container .liens-utiles-title {
        font-size: 1.69rem;
    }
}
@media screen and (max-width: 820px) {
    .liens-utiles-container .liens-utiles-title {
        font-size: 1.846154rem;
        margin: 0 15px 15px;
    }

    .liens-utiles-container .swiper-navigation-container {
        max-width: 320px;
        margin: 0 auto !important;
        padding: 0;
    }
    
    .liens-utiles-container :is(.left-arrow, .right-arrow) {
        top: 50%;
    }

    .liens-utiles-container .left-arrow {
        left: -25px;
    }

    .liens-utiles-container .right-arrow {
        right: -25px;
    }

    .liens-utiles-container .swiper-navigation svg {
        fill: white;
    }
}

@media screen and (min-width: 820px) {
    .liens-utiles-container .swiper-navigation-container {
        max-width: 660px;
    }

    .liens-utiles-container .liens-utiles-title {
        max-width: 660px;
        margin: 0 60px 20px;
    }
    .liens-utiles-container .left-arrow {
        left: -10px
    }

    .liens-utiles-container .right-arrow {
        right: -10px
    }
}

@media screen and (min-width: 1180px) {
    .liens-utiles-container .swiper-navigation-container {
        max-width: 1000px;
    }

    .liens-utiles-container .liens-utiles-title {
        max-width: 1000px;
        margin: 0 60px 20px;
    }

    .liens-utiles-container :is(.left-arrow, .right-arrow) {
        width: 60px;
        height: 60px;
    }

    .liens-utiles-container .left-arrow {
        left: -10px
    }

    .liens-utiles-container .right-arrow {
        right: -10px
    }
}

@media screen and (min-width: 1500px) {
    .liens-utiles-container .swiper-navigation-container {
        max-width: 1340px;
    }

    .liens-utiles-container .liens-utiles-title {
        max-width: 1340px;
        margin: 0;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 1470px) {
    .liens-utiles-container .swiper-navigation-container {
        margin: 0;
    }


}

@media screen and (max-width: 1380px) {
    .liens-utiles-container .liens-utiles-inner {
        margin: 0 20px;
    }
}

.left-arrow,
.right-arrow {
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    z-index: 10;
    width: 40px;
    height: 40px;
    cursor: pointer;
    user-select: none;
    pointer-events: auto;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    transition: background-color 0.3s ease;
    opacity: 1 !important;
}

.left-arrow.swiper-button-disabled,
.right-arrow.swiper-button-disabled {
    opacity: 0.5 !important;
    cursor: pointer !important;
}

.left-arrow {
    left: 0;
}

.right-arrow {
    right: 0;
}

.left-arrow svg,
.right-arrow svg {
    width: 100%;
    height: 100%;
    stroke: #EC6726;
    transition: fill .2s ease;
    pointer-events: none;
}

:is(.left-arrow, .right-arrow) .arrow {
    stroke: var(--color-charcoal);
}

@container paraitre-container (max-width: 430px) {
    :is(.left-arrow, .right-arrow) svg {
        fill: white;
    }

    .plier-replier {
        font-size: 12px;
    }

    .paraitre-bloc .paraitre-swiper-container .right-arrow {
        right: -20px !important;
    }

    .paraitre-bloc .paraitre-swiper-container .left-arrow {
        left: -20px !important;
    }

    .paraitre-bloc .paraitre-sous-titre-container .sous-titre {
        font-size: 22px;
    }

    .paraitre-swiper-background {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    :is(.swiper-button-next-paraitre, .swiper-button-prev-paraitre).hidden {
        display: block;
    }
}

@media (max-width: 767px) {
    .liens-utiles-inner {
        padding: 30px 0 10px 0;
    }

    .ressource-block-title {
        font-size: 1.69rem;
        height: 1.4em;
        line-height: 100%;
        margin-bottom: 8px;
        max-width: 280px;
    }

    .right-arrow {
        right: 5px;
    }

    .left-arrow {
        left: 5px;
    }

    .left-arrow,
    .right-arrow {
        background-color: #FFFFFF;
    }
}


.liens-utiles-container .swiper-slide {
    height: auto;
}

.liens-utiles-container .swiper-slide .ressource-item-wrapper {
    height: 100%;
}

.liens-utiles-container .swiper-slide .ressource-item-wrapper .ressource-carte {
    height: 100%;
    box-sizing: border-box;
}

@media screen and (min-width: 320px) {
    .liens-utiles-container .swiper-slide .ressource-item-wrapper .ressource-carte {
        max-width: 320px;
    }
}

@media screen and (max-width: 320px) {
    .liens-utiles-container .swiper-slide .ressource-item-wrapper .ressource-carte {
        max-width: 320px;
    }
}

.liens-utiles-container .ressource-carte {
    background-color: white;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    padding: 20px;
}

.liens-utiles-container .ressource-carte a {
    text-decoration: none;
    display: block;
    height: 100%;
}

.ressource-item-wrapper {
    position: relative;
}

.ressource-block-title {
    font-weight: 800;
    line-height: 150%;
    font-size: 1.85rem;
    color: #161616;
    margin-bottom: 10px;
    height: 1.5em;
    max-width: 280px;
}

.ressource-item-wrapper .ressource-carte {
    margin-bottom: 0;
}

/* mode-edit */
.liens-utiles-container-edit-mode .ressource-item-wrapper {
    display: block;
    margin-bottom: 20px;
}

.liens-utiles-container-edit-mode .ressource-carte {
    width: 85% !important;
}

/* Fin styles block consulter */

/* Début styles diaporama général */

.sousTire_diapo {
    text-align: center !important;
}

.descriptif_diaporama {
    font-weight: 700;
    font-size: 1.23rem;
    line-height: 100%;
    color: var(--color-charcoal);
    margin-bottom: 10px;
    text-align: center;
}

@media (min-width: 768px) {
    .diaporama-container .descriptif_diaporama {
        text-align: center;
    }
}

.diapo-icon {
    width: 15px;
}

.titre-diapo-hst {
    font-weight: 800;
    font-style: normal;
    font-size: 2.3rem;
    line-height: 100%;
    position: relative;
    padding-left: 20px;
    text-align: left;
}

.titre-diapo-hst::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 10px;
    background: var(--color-orange);
}

.diaporama-container {
    position: relative;
    width: 100%;
    max-width: 1440px;
    margin: 20px auto;
}

.diaporama-container .diaporama-entete {
    margin-bottom: 20px;
}

.diaporama-container.diapoStandard .diaporama-entete .title {
    border: none;
    text-align: center;
}

.diaporama-container.diapoDossier .diaporama-swiper-navigation {
    position: relative;
    display: flex;
    gap: 5px;
}

.diaporama-container.diapoDossier :is(.diaporama-left-arrow, .diaporama-right-arrow) {
    position: relative;
    transform: none;
    height: 24px;
    width: 26px;
}

.diaporama-container.diapoDossier .diaporama-controls {
    justify-content: flex-end;
}

.diaporama-container.diapoDossier .copyright-refonte {
    margin: 5px 0 10px;
}

.diaporama-container .copyright-refonte {
    margin-bottom: 0;
}

.diaporama-swiper-navigation-container {
    position: relative;
    padding: 0 60px;
    margin: 0 -60px;
}

.diaporama-swiper-viewport {
    overflow: hidden;
    width: 100%;
}

.diaporama-swiper {
    width: 100%;
    padding-bottom: 40px;
    overflow: hidden;
}

.diaporama-swiper .swiper-slide {
    height: 665px;
    opacity: 1;
    transition: opacity 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.diaporama-swiper .swiper-slide video,
.diaporama-swiper .swiper-slide iframe {
    object-fit: contain;
    object-position: center;
    max-width: 100%;
    max-height: 100%;
}

.diaporama-swiper .swiper-slide>* {
    max-width: 100%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.diaporama-swiper-navigation {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

.diaporama-left-arrow,
.diaporama-right-arrow {
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    z-index: 10;
    width: 40px;
    height: 40px;
    cursor: pointer;
    user-select: none;
    pointer-events: auto;
    top: 45%;
    transform: translateY(-50%);
    border-radius: 50%;
    transition: background-color 0.3s ease;
    opacity: 1 !important;
}

.diaporama-left-arrow {
    left: 0;
}

.diaporama-right-arrow {
    right: 0;
}

.diaporama-left-arrow svg,
.diaporama-right-arrow svg {
    width: 100%;
    height: 100%;
    pointer-events: none;
    transition: all 0.3s ease;
}

@media (min-width: 768px) {

    .diaporama-swiper .swiper-slide.swiper-vid {
        height: 100% !important;
    }
}

@media (max-width: 1079px) {
    .diaporama-container {
        max-width: 100%;
    }

    .diaporama-swiper .swiper-slide {
        height: 350px;
    }

    .diaporama-swiper-navigation-container {
        padding: 0 15px;
        margin: 0 -15px;
    }

    .diaporama-left-arrow,
    .diaporama-right-arrow {
        background-color: #FFFFFF;
    }
}

:is(.diaporama-controls, #colorbox.defaultTheme.diaporama) .diaporama-swiper-pagination.swiper-pagination-bullets {
    display: flex;
    column-gap: 7px;
    align-items: center;
    width: auto;
}

.diaporama-swiper-pagination .swiper-pagination-bullet {
    background: var(--color-orange);
    opacity: 0.5;
    border-radius: 50%;
    margin: 0 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    transform: scale(1);
}

.diaporama-swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    transform: scale(1.5);
}

.diaporama-swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover {
    opacity: 1;
    transform: scale(1.5);
}

.diaporama-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 15px;
}

.diaporama-play-pause-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.diaporama-play-pause-btn svg {
    width: 20px;
    height: 20px;
}

.diaporama-play-pause-btn svg:hover path {
    fill: var(--color-orange);
    stroke: var(--color-orange);
}

.diaporama-play-pause-btn .pause-icon>path {
    fill: var(--color-charcoal);
    transition: all 0.3s ease;
}

.diaporama-play-pause-btn .play-icon>path {
    stroke: var(--color-charcoal);
    transition: all 0.3s ease;
}

.diaporama-swiper script[type="application/ld+json"],
.diaporama-container script[type="application/ld+json"] {
    display: none !important;
}

/* Fin styles diapo général */

/* --- Bloc ressource 'initialement ressource-paraitre mais plus global que ça au final' --- */

.divider {
    height: 14px;
    border: 1px solid rgb(155 155 155);
    width: 0;
}

.paraitre-edit-container {
    width: 100%;
}

.paraitre-bloc {
    container-type: inline-size;
    container-name: paraitre-container;

    margin: 20px auto;
}

.paraitre-bloc:has(.paraitre-sous-titre-bloc-wrapper) {
    margin-top: 50px;
}

.paraitre-bloc .init-margin {
    margin: initial;
}

.paraitre-bloc .left-arrow,
.paraitre-bloc .right-arrow {
    user-select: none;
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    transform: translateY(-50%);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    z-index: 10;
    transition: opacity 0.3s ease;
    background: #fff0;
}

.paraitre-bloc .paraitre-sous-titre-container {
    display: flex;
    column-gap: 25px;
}

body:not(.editMode) .paraitre-bloc .paraitre-sous-titre-container {
    justify-content: space-between;
}

.paraitre-bloc .paraitre-sous-titre-bloc-wrapper {
    display: flex;
    column-gap: 10px;
    align-items: center;
}

.paraitre-bloc .replie {
    display: none;
}

.paraitre-bloc :not(.swiper-slide)>.ressource-carte {
    padding: 20px;
    box-shadow: 3px 4px 20px 0px #00000026;
    background-color: white;
}

.paraitre-bloc .paraitre-sous-titre-container .sous-titre-icon {
    width: 25px;
    height: 25px;
    flex-shrink: 0;
    margin-top: 2px;
}

.paraitre-bloc .paraitre-sous-titre-container .sous-titre {
    font-size: 24px;
    color: var(--color-charcoal);
    margin: 0;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 20px;
}

.paraitre-bloc .ressource-link-box {
    margin-top: 20px;
    display: block;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.paraitre-bloc .box-link.ressources-sub-footer svg {
    align-self: center;
}

.paraitre-swiper-container.colonnes3 {
    margin: 0;
}

.paraitre-bloc .paraitre-swiper-container .right-arrow {
    right: -80px;
}

.paraitre-bloc .paraitre-swiper-container .left-arrow {
    left: -80px;
}

.paraitre-swiper-container {
    position: relative;
    width: 100%;
    overflow: visible;
    margin: 0 auto;
}

.paraitre-swiper .swiper-slide {
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    margin: 0;
    height: auto;
    transform: scale(0.98) !important;
    border: 1px solid #DDDDE9;
}

.paraitre-swiper-background {
    background-color: #D0DCEA;
    border-radius: 2px;
    padding: 30px 20px !important;
    box-sizing: border-box;
}

.paraitre-swiper-container:has(.titreBloc) .titreBlocAjustement {
    margin-top: 26px !important;
}

.plier-replier {
    font-weight: 800;
    font-size: 16px;
}

.paraitre-sous-titre-container .btn-droite {
    display: flex;
    align-items: center;
    min-width: 85px;
}

.paraitre-sous-titre-container .btn-droite .icon {
    width: 15px;
    height: 8px;
}

.paraitre-sous-titre-container .btn-droite:hover {
    cursor: pointer;
}

.titreBloc {
    position: absolute;
    top: -32px;
    left: 5px;
    margin: 0;
}

.swiper-slide h3 {
    font-weight: 800;
    font-size: 20px;
    line-height: 1.3;
    color: #4C4C50;
}

.icon {
    width: 3em;
    height: 3em;
}

.chevron {
    transform-origin: center center;
    transition: transform .2s;
}

.chevron--down {
    transform: rotate(90deg);
}

.chevron--up {
    transform: rotate(-90deg);
}

.chevron .arrow {
    stroke: #EC6726;
    transition: stroke 0.2s;
    fill: none;
}

.collapsible-target {
    overflow: hidden;
    transition: height 300ms ease, opacity 250ms ease, transform 250ms ease;
    will-change: height;
}

.paraitre-swiper-bloc-wrapper.is-collapsed {
    display: none;
}

.arrow-hidden {
    opacity: 0 !important;
    pointer-events: none !important;
}


@media screen and (min-width: 400px) {
    .paraitre-swiper .swiper-slide {
        width: 320px !important;
    }
}

@media screen and (max-width: 400px) {
    .paraitre-swiper .swiper-slide {
        width: 100% !important;
    }
}

@media (prefers-reduced-motion: reduce) {

    .collapsible-target,
    .paraitre-swiper-container .left-arrow,
    .paraitre-swiper-container .right-arrow {
        transition: none !important;
    }
}

@media screen and (min-width: 1024px) {

    .paraitre-swiper {
        max-width: 1080px;
        overflow: visible;
    }

}

.paraitre-bloc .paraitre-swiper-container {
    max-width: 320px;
}

@media screen and (min-width: 700px) {
    .paraitre-grid-max2 {
        display: grid !important;
        grid-template-columns: repeat(2, 320px);
        gap: 20px;
    }

    .paraitre-grid-max3 {
        display: grid !important;
        grid-template-columns: repeat(3, 320px);
        gap: 20px;
    }

    .swiper-wrapper.paraitre-grid-max2,
    .swiper-wrapper.paraitre-grid-max3 {
        transform: translate3d(0, 0, 0) !important;
    }
}

@media screen and (max-width: 639.5px) {
    .paraitre-bloc .paraitre-sous-titre-bloc-wrapper {
        align-items: flex-start
    }
}

@media screen and (min-width: 769px) {

    .paraitre-bloc .hidden {
        display: none !important;
    }

}

@container paraitre-container (min-width: 800px) {
    .paraitre-swiper-container.colonnes2 {
        max-width: 660px;
    }

    .paraitre-bloc .paraitre-swiper-container {
        max-width: 660px !important;
    }
}

@media screen and (max-width: 1500px) {
    .paraitre-swiper-container.colonnes3.hasArrows {
        margin-left: 80px;
    }
}

@container paraitre-container (max-width: 820px) {
    .paraitre-swiper-container.colonnes3.hasArrows {
        margin-left: 55px;
    }
}

@container paraitre-container (max-width: 799.4px) {
    .paraitre-swiper-container.colonnes3.hasArrows {
        margin: auto;
    }
}

@container paraitre-container (max-width: 820px) {
    .paraitre-bloc .paraitre-swiper-container .right-arrow {
        right: -55px;
        width: 40px;
        height: 40px;
    }

    .paraitre-bloc .paraitre-swiper-container .left-arrow {
        left: -55px;
        width: 40px;
        height: 40px;
    }
}

@container paraitre-container (min-width: 800px) {
    :not(.blockPlierDeplier ) .paraitre-bloc .paraitre-swiper-container {
        max-width: 660px !important;
    }

}
@container paraitre-container (min-width: 755px) {
    .blockPlierDeplier .paraitre-bloc .paraitre-swiper-container {
        max-width: 660px !important;
    }

}

@container paraitre-container (max-width: 999.5px) {
    .paraitre-grid-max3 {
        grid-template-columns: repeat(2, auto) !important;
    }
}

@container paraitre-container (max-width: 740px) {
    .paraitre-bloc .paraitre-swiper-container {
        margin: 0 auto;
    }
}

/** DEBUT - STYLES DU BLOC RESSOURCES SUR LA PAGE RESSOURCES **/
body.ressources_refonte .paraitre-bloc {
    max-width: 1240px;
    margin: 50px auto;
}

body.ressources_refonte .paraitre-bloc .a-decouvrir-ressource-flex{
    margin: 0;
}

body.ressources_refonte .paraitre-bloc .paraitre-swiper-container {
    margin: 0 auto;
}

body.ressources_refonte .paraitre-bloc :is(.swiper-button-next-paraitre, .swiper-button-prev-paraitre) {
    display: block;
}

body.ressources_refonte .a-decouvrir-ressource-flex {
    margin: 50px 0;
}

@container paraitre-container (max-width: 800px) {
    body.ressources_refonte .paraitre-bloc .paraitre-swiper-container .right-arrow {
        right: -40px
    }

    body.ressources_refonte .paraitre-bloc .paraitre-swiper-container .left-arrow {
        left: -40px
    }
}

@container paraitre-container (min-width: 1040px) {
    body.ressources_refonte .paraitre-bloc .paraitre-swiper-container .right-arrow {
        right: -40px
    }

    body.ressources_refonte .paraitre-bloc .paraitre-swiper-container .left-arrow {
        left: -40px
    }
}

@container paraitre-container (min-width: 1170px) {
    body.ressources_refonte .paraitre-bloc .paraitre-swiper-container .right-arrow {
        right: -75px
    }

    body.ressources_refonte .paraitre-bloc .paraitre-swiper-container .left-arrow {
        left: -75px
    }
}


@container paraitre-container (min-width: 1220px) {
    body.ressources_refonte .paraitre-bloc .paraitre-swiper-container .right-arrow {
        right: -100px
    }

    body.ressources_refonte .paraitre-bloc .paraitre-swiper-container .left-arrow {
        left: -100px
    }
}

@media screen and (max-width: 660px) {
    body.ressources_refonte .paraitre-bloc .paraitre-bloc-wrapper {
        padding: 0 !important;
        background: transparent;
    }

    body.ressources_refonte .paraitre-bloc :is(.paraitre-bloc-wrapper, .paraitre-swiper-bloc-wrapper) {
        margin-top: 0;
    }
}

@container paraitre-container (min-width: 320px) {
    body.ressources_refonte .paraitre-bloc .paraitre-swiper-container {
        max-width: 320px !important;
    }
}

@container paraitre-container (min-width: 690px) {
    body.ressources_refonte .paraitre-bloc .paraitre-swiper-container.colonnes3 {
        max-width: 660px !important;
    }
}

@container paraitre-container (min-width: 1040px) {
    body.ressources_refonte .paraitre-bloc .paraitre-swiper-container.colonnes3 {
        max-width: 1000px !important;
    }
}

/** FIN - STYLES DU BLOC RESSOURCES SUR LA PAGE RESSOURCES **/


/** DEBUT - STYLES DU BLOC RESSOURCES SUR LES AUTRES PAGES (AUTRE QUE RESSOURCES) **/
body:not(.ressources_refonte) .paraitre-bloc {
    max-width: 1320px;
}

body:not(.ressources_refonte) .container_contenuBottom .paraitre-bloc {
    padding: 0 30px;
}
@media (max-width: 1140px) {
    body:not(.ressources_refonte) .container_contenuBottom .paraitre-bloc {
        max-width: 800px;
    }

    body:not(.ressources_refonte) .container_contenuBottom .paraitre-swiper-container.hasArrows {
        margin: auto;
    }
}

body:not(.ressources_refonte) .paraitre-bloc .listeOutils {
    margin: 0;
}

body:not(.ressources_refonte) .paraitre-bloc :is(.a-decouvrir-title, .ressource-link-box) {
    display: none;
}

@container paraitre-container (min-width: 1160px) {
    body:not(.ressources_refonte) .paraitre-bloc .paraitre-swiper-container:not(.hasArrows) {
        max-width: 1000px !important;
    }

    body:not(.ressources_refonte) .paraitre-bloc .paraitre-swiper-container.colonnes3 {
        max-width: 1000px !important;
    }
}

/*** FIN - STYLES DU BLOC RESSOURCES SUR LES AUTRES PAGES (AUTRE QUE RESSOURCES) ***/
.editMode .listeOutils {
    flex-direction: row;
}

.ressource-title a {
    text-decoration: none !important;
}

.ressource-tag {
    container-type: inline-size;
}

@container (max-width: 200px) {
    .ressource_metadata {
        display: block !important;
    }

    .divider {
        display: none;
    }
}


@media screen and (max-width: 456px) {
    .ressource_metadata {
        display: block;
    }
}

.a-decouvrir-ressource-flex {
    display: flex;
    flex-direction: column;
}

.chips-swiper {
    max-width: fit-content;
}

.chips-swiper-container {
    position: relative;
    width: 100%;
}

.chips-swiper .swiper-wrapper {
    display: flex;
    justify-content: flex-start;
}

.chips-swiper .swiper-slide:last-child {
    margin-right: 0 !important;
}

.chips-swiper .swiper-slide {
    width: auto !important;
    flex-shrink: 0;
    padding-bottom: 1px;
}

.metropole .chips-swiper-container::before {
    display: none;
}

/* Effet de flou à gauche */
.chips-swiper-container::before, .chips-swiper-container::after {
    content: '';
    opacity: 0;
}

.chips-swiper-container.blur-start::before {
    content: '';
    position: absolute;
    top: 0;
    left: -2px;
    width: 32px;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    pointer-events: none;
    z-index: 2;
    opacity: 1;
}

/* Effet de flou à droite */
.chips-swiper-container.blur-end::after {
    content: '';
    position: absolute;
    top: 0;
    right: -2px;
    width: 32px;
    height: 100%;
    background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    pointer-events: none;
    z-index: 1;
    opacity: 1;
}

.chips-edit-mode {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 12px;
}

.chips-edit-mode> :is(:first-child, :last-child, :nth-last-child(2)) {
    flex: 0 0 100%;
}

.chips {
    margin: 0;
    margin-top: 1px;
    padding: 17px 27px;
    border: 1px solid #EC6726;
    border-radius: 40px;
    font: 700 16px/1 "Brother-1816", sans-serif;
    text-align: center;
    color: var(--color-charcoal);
    transition: background-color .2s, color .2s;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    box-sizing: border-box;
    max-width: 245px;
}

.center-text {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    margin: 0;
    line-height: 1.2;
    text-align: center;
    word-wrap: break-word;
    hyphens: auto;
}

.lien-chips {
    color: black;
    outline: none;
    display: block;
}

/* fin styles liste non recherche agenda et actualite presse */

.listeResultats .date_refonte {
    margin: 10px 0 20px 0;
}

.listeResultats .titre_refonte {
    margin-bottom: 20px;
}

.listeResultats .description_refonte {
    margin-bottom: 30px;
}

.liste .listeResultats>li {
    transition: color 0.3s ease;
    cursor: pointer;
}

.liste .listeResultats>li:hover a {
    text-decoration: none;
    color: #666;
}

.liste .date-container {
    display: none !important;
}

.inrs-entete .date-container .center_maj {
    font-size: 1.077rem;
}

.inrs-entete .date-container{
    margin-top: 10px;
}

.icone-inrs {
    position: absolute;
    top: -10px;
    right: 10px;
    z-index: 2;
    width: 7.7rem;
    display: none;
}

.lienExterne_refonte {
    font-weight: 700;
    font-size: 1.25rem;
    text-decoration: underline;
    text-decoration-color: #E85D2B;
    transition: color 0.3s ease;
}

.lienExterne_refonte:hover {
    color: #E85D2B;
}

.listeAgendaItem.has-inrs-participation {
    background: linear-gradient(135deg, rgba(233, 99, 26, 0.6) 35%, white 25%);
    padding: 20px;
    border-radius: 8px;
}

.informationsEvenement {
    margin: 20px 0;
}

.informationsEvenement>div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.listeAgendaItem.has-inrs-participation .listeAgendaItemContainer {
    position: relative;
    z-index: 2;
}

@media screen and (min-width:768px) {
    .cartouche-inrs {
        display: none !important;
    }

    .icone-inrs {
        display: unset !important;
    }

    .listeAgendaItem.has-inrs-participation {
        background: linear-gradient(115deg, rgba(233, 99, 26, 0.6) 25%, white 25%);
    }
}

/* fin styles liste non recherche agenda et actualite presse */

/* ------------------ */
/* Relatif aux entete */
/* ------------------ */

.entete {
    background: var(--color-ice-blue);
    padding: 0 30px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

body:is(.stage, .etude_communication_publication) .entete {
    margin: 0 -30px;
}

body.etude_communication_publication .entete {
    margin-bottom: 50px;
}

.inrs-entete {
    color: var(--color-charcoal);
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
}

.inrs-entete-container {
    display: flex;
    min-height: 130px;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
    max-width: 1000px;
    margin: 0 auto;
    row-gap: 10px;
    flex-grow: 1;
    margin-top: 10px;
    width: 100%;
}
@media (max-width: 768px) {
    .inrs-entete-container {
        text-align: start;
        align-items: flex-start;
    }

}

.inrs-entete__title {
    color: var(--color-charcoal);
    font-weight: 900;
    font-style: normal;
    font-size: 3.1rem;
    line-height: 100%;
}

.inrs-entete__sousTitle {
    color: var(--color-charcoal);
    font-weight: 700;
    font-style: normal;
    font-size: 1.7rem;
    line-height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: inherit;
}

.inrs-entete__description {
    display: block;
    font-weight: 700;
    font-size: 1.538462rem;
    line-height: 120%;
    max-width: 800px;
    text-align: left;
    text-transform: none;
    word-break: unset;
    color: var(--color-charcoal);
}

:is(.actualite, .actualitesJuridiques) .container_contenuWrapper {
    max-width: 860px;
    margin: 0 auto;
}

body.formation_accueil .container_contenuWrapper {
    max-width: 800px;
    margin: 0 auto;
}
body.formation_accueil #container_principal {
    padding: 0 30px;
}

body:is(.contenuEditorial, .actualite) .inrs-entete__description {
    margin: 50px auto 20px;
    padding: 0 30px;
}

.inrs-entete__description.externalChapo {
    font-size: 1.384615rem;
    margin-bottom: 20px;
}
.container_contenuTop:has(.externalChapo){
    margin-bottom: 20px;
}

.entete .inrs-entete__description {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.container_contenuTop {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto 50px;
}

.container_contenuTop .entete {
    margin-bottom: 0;
}

#searchForm {
    width: 100%;
}

/* Mobile styles */
@media (max-width: 768px) {
    .entete {
        height: auto;
    }

    .resultatsRecherche .pagination:has(#filtres-mobile) {
        margin-top: 7px;
    }

    .entete-resultat-recherche #pisteNavigation{
        padding-left: 30px;
    }

    .header_Fiche {
        margin-top: 0 !important;
    }

    .inrs-entete__description {
        font-style: bold;
        font-size: 1.4rem;
        line-height: 100%;
        text-align: left;
    }

    .entete .searchBarContainer {
        display: block !important;
        visibility: visible !important;
        padding-top: 0 !important;
        margin: 0 2.5rem 0 2.5rem;
    }

    .entete .search-container {
        display: flex !important;
    }
}

.breadcrumb-white #pisteNavigation li>span,
.breadcrumb-white #pisteNavigation li>a {
    color: #FFFFFF !important;
}

/* center_maj gère l'affichage de la date de mise à jours dans l'entete en dehors du cas metropol */

.metropol.accueilMetropol .center_maj {
    display: none !important;
}

/* ------------------------ */
/* Relatif aux entete - FIN */
/* ------------------------ */

/* styles Megamenu */

@media (min-width: 768px) {
    .mega-menu-sidebar.mega-menu-column1 {
        max-width: 30%;
        min-width: 350px;
        float: left;
        padding: 10px;
    }
}
@media (min-width: 860px) {
    .mega-menu-sidebar.mega-menu-column1 {
        min-width: 370px;
    }
}

/* État quand le mega menu est ouvert */
.bandeauMilieu.mega-menu-open .wrapper {
    max-width: 100% !important;
}

.bandeauMilieu.mega-menu-open .wrapper .header-links {
    margin-right: 0 !important;
}

.mega-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.mega-menu-overlay.active {
    opacity: 1;
    visibility: visible;
}

.mega-menu-container {
    background-color: transparent;
    color: white;
    margin: 0;
    height: 100vh;
    height: 100dvh; /* iOS 15.4+ : exclut la toolbar Safari de la hauteur */
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.mega-menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #404040;
    height: 100px;
}

.mega-menu-back {
    display: flex;
    align-items: center;
    gap: 8px;
    background: none;
    border: none;
    color: white;
    font-size: 16px;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

.mega-menu-back:hover {
    background-color: #404040;
}

.mega-menu-close {
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    padding: 8px;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

.mega-menu-close:hover {
    background-color: #404040;
}

.header-quick-links {
    padding-left: 30px;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-top: 50px;
}

.header-quick-links .header-link__icon .question-part {
    stroke: white;
}

.header-quick-links .header-link-text {
    color: white;
}

.header-quick-links .header-link-text:hover .question-part {
    stroke: var(--color-orange);
}

.mega-menu-content {
    display: flex;
    flex: 1;
    overflow: hidden;
}

.mega-menu-sidebar.mega-menu-column1 {
    background-color: var(--color-charcoal-gray);
}

.mega-menu-sidebar.mega-menu-column2,
.mega-menu-sidebar.menu-depth-2,
.mega-menu-sidebar.menu-depth-3,
.mega-menu-sidebar.menu-depth-4 {
    background-color: var(--color-slate);
}

.mega-menu-sidebar {
    flex: 1;
    min-height: 0; /* Permet au flex item de se comprimer sous sa hauteur de contenu, activant overflow-y: auto */
    padding: 0;
    overflow-y: auto;
}

.mega-menu-sidebar {
    scrollbar-color: var(--color-charcoal-gray) #5B5B60;
    scrollbar-width: thin;
}

.mega-menu-sidebar::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.mega-menu-sidebar::-webkit-scrollbar-track {
    background: var(--color-slate2);
}

.mega-menu-sidebar::-webkit-scrollbar-thumb {
    background-color: var(--color-charcoal-gray);
    border-radius: 8px;
    border: 2px solid var(--color-slate2);
}

.mega-menu-sidebar::-webkit-scrollbar-thumb:hover {
    filter: brightness(1.02);
}



.mega-menu-column1 {
    border-right: 1px solid #404040;
}

.mega-menu-column2 {}

/* Styles spécifiques pour la colonne 1 - Background plus sombre */
.mega-menu-column1 .mega-menu-nav {}

.mega-menu-column1 .mega-menu-section-header {
    padding: 30px 30px 20px 30px;
}

.mega-menu-column1 .mega-menu-back-section {
    padding: 20px 30px;
}

.mega-menu-column1 .mega-menu-link {
    padding: 30px;
    font-size: 1.231rem;
}

/* Styles spécifiques pour la colonne 2 - Background original */
.mega-menu-column2 .mega-menu-nav {
    padding: 0;
}

.mega-menu-column2 .mega-menu-section-header {
    padding: 30px 30px 20px 30px;
}

.mega-menu-column2 .mega-menu-link {
    padding: 20px 30px;
}

/* Styles génériques pour les headers et sections */
.mega-menu-section-title {
    font-size: 24px;
    font-weight: bold;
    color: white;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: left;
}

.mega-menu-see-all {
    display: inline-flex;
    align-items: center;
    color: white;
    text-decoration: none;
    font-size: 1.538rem;
    font-weight: 700;
    transition: color 0.2s ease;
}

.mega-menu-see-all:hover {
    text-decoration: none !important;
}

/* Styles pour le bouton retour dans les colonnes */
.mega-menu-back-button {
    display: flex;
    align-items: center;
    gap: 8px;
    background: none;
    border: none;
    color: white;
    font-size: 16px;
    cursor: pointer;
    padding: 8px 0;
    transition: color 0.2s ease;
    text-align: left;
}

.mega-menu-back-button:hover {
    color: #EC6726;
}

.mega-menu-back-button svg {
    transition: transform 0.2s ease;
    color: var(--color-orange);
}

.mega-menu-back-button:hover svg {
    transform: translateX(-2px);
}

/* Ajustements d'espacement pour la colonne 1 avec bouton retour */
.mega-menu-column1 .mega-menu-back-section+.mega-menu-section-header {
    padding-top: 20px;
}

.mega-menu-column1 .mega-menu-back-section+.mega-menu-nav {
    padding-top: 0;
}

.mega-menu-column1 .mega-menu-back-section+.mega-menu-nav .mega-menu-link {
    padding: 20px 30px;
}

.mega-menu-column1 .mega-menu-back-section+.mega-menu-section-header+.mega-menu-nav .mega-menu-link {
    padding: 20px 30px;
}

.mega-menu-sidebar {
    margin-right: 0px;
}

/* Styles pour les listes et éléments de menu */
.mega-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mega-menu-item::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: calc(100% - 60px);
    /** on enlève la largeur du padding **/
    left: 50%;
    transform: translateX(-50%);
    border-bottom: 1px solid var(--color-slate);
    pointer-events: none;
}

#column2-content .mega-menu-item::after,
.mega-menu-sidebar.menu-depth-2 .mega-menu-item::after,
.mega-menu-sidebar.menu-depth-3 .mega-menu-item::after,
.mega-menu-sidebar.menu-depth-4 .mega-menu-item::after {
    border-bottom: 1px solid var(--color-charcoal-gray);
}

.mega-menu-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    /* keep your padding/height/etc here */
}

.mega-menu-item:last-child::after {
    border-bottom: none;
}

.mega-menu-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background: none;
    border: none;
    text-decoration: none;
    color: white;
    transition: all 0.2s ease;
    cursor: pointer;
    font-size: 16px;
    text-align: left;
    position: relative;
}

.mega-menu-link:hover {
    color: lightgrey;
}

/* État actif avec soulignement blanc */
.mega-menu-link.active .mega-menu-title {
    text-decoration: underline;
    text-underline-color: white;
    text-underline-offset: 7px;
}

.mega-menu-link.active .mega-menu-arrow {
    transform: translateX(-20px);
}

.mega-menu-title {
    font-weight: 700;
    flex: 1;
    transition: transform 0.2s ease;
}

.mega-menu-sidebar.mega-menu-column2 .mega-menu-title,
.mega-menu-sidebar.menu-depth-2 .mega-menu-title,
.mega-menu-sidebar.menu-depth-3 .mega-menu-title,
.mega-menu-sidebar.menu-depth-4 .mega-menu-title {
    font-weight: 500;
}

.column2-content .mega-menu-title {
    font-weight: 500;
}

/* Animation de décalage à gauche quand actif */
.mega-menu-link.active .mega-menu-title {
    transform: translateX(-5px);
}

/* Flèche orange avec animation */
.mega-menu-arrow {
    color: #EC6726;
    font-weight: bold;
    font-size: 18px;
    transition: transform 0.2s ease, color 0.2s ease;
    opacity: 1;
    width: 30px;
}

.mega-menu-arrow svg {
    float: right;
}

/* Animation de la flèche au hover */
.mega-menu-link:hover .mega-menu-arrow {
    transform: translateX(-20px);
    color: #ff7a3d;
}

/* États de chargement et vides */
.loading {
    text-align: center;
    padding: 40px;
    color: #999;
    font-style: italic;
}

.empty-state {
    text-align: center;
    padding: 40px 30px;
    color: #999;
}

.empty-state h3 {
    margin-bottom: 10px;
    color: #ccc;
    font-size: 18px;
}

.empty-state p {
    font-size: 14px;
    line-height: 1.5;
}

/* Conteneurs de contenu */
#column1-content {
    max-width: 100%;
}

#column2-content {
    max-width: 100%;
}

/* STYLES POUR LE BURGER MENU ANIMÉ */
.menu-boutton {
    position: relative;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.menu-icon {
    width: 24px;
    height: 18px;
    color: white;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.menu-icon .bar {
    width: 100%;
    height: 2px;
    transition: all 0.3s ease;
    transform-origin: center;
}

/* Animation vers croix quand le menu est ouvert */
.menu-open .menu-icon .bar:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}

.menu-open .menu-icon .bar:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
}

.menu-open .menu-icon .bar:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
}

.menu-label {
    font-size: 14px;
    font-weight: 500;
    transition: color 0.2s ease;
}

.mega-menu-see-all-icon {
    margin-top: -2.5px;
    height: 20px;
    width: 20px;
    margin-right: 5px;
}

.mega-menu-see-all-icon .circle {
    fill: none;
    stroke: var(--color-orange-inrs);
    transition: fill 0.2s, stroke 0.2s;
}

.mega-menu-see-all-icon .arrow {
    stroke: var(--color-orange-inrs);
    transition: stroke 0.2s;
    fill: none;
}

.mega-menu-see-all:hover .mega-menu-see-all-icon .circle {
    fill: var(--color-orange-burnt);
    stroke: var(--color-orange-burnt);
}

.mega-menu-see-all:hover .mega-menu-see-all-icon .arrow {
    stroke: #FFFFFF;
    fill: var(--color-orange-inrs);
}

/* RESPONSIVE DESIGN */
@media (max-width: 768px) {

    .bandeauMilieu.mega-menu-open .wrapper {
        padding-left: 0px;
    }

    /* Single column mobile override */
    .mega-menu-column2 {
        display: none !important;
    }

    .mega-menu-column1 {
        width: 100%;
        border-right: none;
    }

    .mega-menu-container {
        margin: 0;
    }

    .mega-menu-content {
        flex-direction: column;
    }

    .mega-menu-sidebar {
        border-right: none;
        border-bottom: 1px solid #404040;
    }

    .mega-menu-column1 {
        max-width: 100% !important;
        border-right: none;
        border-bottom: 1px solid #404040;
    }

    .mega-menu-column2 {
        border-bottom: none;
    }

    .mega-menu-column1 .mega-menu-section-header,
    .mega-menu-column2 .mega-menu-section-header {
        padding: 20px;
    }

    .mega-menu-section-title {
        font-size: 20px;
    }

    .mega-menu-column1 .mega-menu-back-section {
        padding: 15px 20px;
    }
}

/* fin style megamenu */


/* START : POC Composant Carrefour */
.editMode .thematique_container> :is(:first-child, :last-child, :nth-last-child(2)) {
    flex: 0 0 100%;
}

.thematique {
    justify-content: center;
}


.thematique_container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: left;
    max-width: 985px;
    margin: auto;
}
@media (max-width:1045px) {
    .thematique_container {
        max-width: 650px;
    }
}
@media (max-width:710px) {
    .thematique_container {
        max-width: 315px;
    }
}

.masterDossier .liensMiseEnAvant, .dossier .liensMiseEnAvant{
    max-width: 985px;
}

.dossier .entete .liensMiseEnAvant{
    margin: 0;
}

.masterDossier .date-content-dossier, .dossier .date-content-dossier{
    display: none;
}

.thematique_container > a {
    display: contents;
}

@media (max-width: 480px) {

    .thematique_container,
    .classement_alphabetique .classement_lettre {
        padding: 0;
    }
}

.dossier-card:hover .dossier-card__description,
.dossier-card:hover .dossier-card__title,
.dossier-card:hover .box-link.savoir-plus-container p {
    opacity: 0.6;
}

.thematique_container .dossier-card {
    position: relative;
    overflow: hidden;
    border: 1px solid #DDDDE9;
}

.thematique_container .dossier-card.highlighted::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E85D2BB2;
    clip-path: polygon(0% 0%, 75% 0%, 0% 75%);
    z-index: -1;
}

.thematique_container h4 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.thematique_container.editMode_grid> :first-child,
.thematique_container.editMode_grid> :nth-last-child(-n+2) {
    grid-column: 1 / -1;
}

.themique-text-wrapper {
    display: flex;
    gap: 50px;
    margin: 50px auto;
    max-width: 1320px;
    align-items: flex-start;
}

.thematique_container a:hover {
    text-decoration: none;
}

@media (max-width: 768px) {
    .themique-text-wrapper {
        flex-direction: column;
        text-align: left;
    }

    .themique-text-wrapper .titreThematique {
        text-align: left;
    }

    .themique-text-wrapper .titreThematique:after {
        left: 35%;
    }

    .themique-text-wrapper {
        gap: 30px;
    }
}

.themique-text-wrapper .titreThematique {
    flex-shrink: 0;
    font-size: 2.615rem;
    font-weight: 800;
    position: relative;
    margin-top: 0;
}

.themique-text-wrapper .titreThematique:after {
    content: '';
    position: absolute;
    left: 70%;
    bottom: -10px;
    width: calc(30% + 32px);
    height: 3px;
    background-color: var(--color-orange-inrs);
}

.themique-text-wrapper p {
    font-weight: 800;
    font-size: 1.385rem;
}

.article-center:has(.thematique) {
    max-width: 985px;
    margin: auto;
}

/* Carte du dossier */
.dossier-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 315px;
    height: 442px;
    padding: 30px 18px 15px;
    box-shadow: 3px 4px 20px 0px #00000026;
    box-sizing: border-box;
    border: 1px solid #DDDDE9;
}

.card-content {
    display: flex;
    flex-direction: column;
    gap: 11px;
    overflow: hidden;
    flex-grow: 1;
    position: relative;
}

.card-content:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 25px;
    background: linear-gradient(to bottom, transparent, #ffffff);
    pointer-events: none;
}

/* Image du dossier */
.dossier-card__image {
    width: 280px !important;
    height: 80px !important;
}

/* Titre du dossier */
.dossier-card__title {
    margin: 0;
    font-weight: 800;
    font-size: 1.846rem;
    color: var(--color-charcoal);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 1.1;
    padding-bottom: 8px;
    flex-shrink: 0;
}

.dossier-card__description {
    color: var(--color-charcoal);
    font-weight: 300;
    font-size: 1.385rem;
    line-height: 1.25;
    overflow: hidden;
}

/* Lien "Voir plus" */
.dossier-card__link {
    margin-top: auto;
}

/* FIN : POC Composant Carrefour */

/**megaMenuOverlay**/

#megaMenuOverlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    /* changed from 9999 to 9993 to fix WEB4-801 */
    z-index: 9993;
}

#megaMenuOverlay #megaMenuClose {
    float: right;
    background: red;
    color: white;
    border: none;
    padding: 10px;
}

#megaMenuOverlay .mega-menu-content {
    clear: both;
}

#megaMenuOverlay .mega-menu-sidebar.mega-menu-column2 {
    max-width: 30%;
    min-width: 370px;
    float: left;
    padding: 10px;
    display: none;
}
@media (768px <= width <= 860px) {
    #megaMenuOverlay .mega-menu-sidebar.mega-menu-column2 {
        min-width: 350px;
    }    
}


/** fin megamenu overlay **/

@media (min-width: 768px) {
    .editorial.splited.noCssColumns {
        display: flex;
    }
}

/* ---------- Entete du master dossier ---------- */

.master-dossier-titre {
    text-align: center;
    color: var(--color-charcoal);
    font-weight: 900;
    font-style: normal;
    font-size: 3.1rem;
    line-height: 100%;
    margin: 9px;
}

.center-titre {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.entete-master {
    height: 240px;
    margin-top: 26px;
    position: relative;
    margin-bottom: 50px;
    margin-left: calc(-50vw + 50%);
    width: 100vw;
}

.editMode .entete-master {
    margin-left: 0;
    width: 100%;
}

.breadcrumb-entete-master-dossier {
    margin-top: 10px;
    max-width: 1320px;
    width: 100%;
    margin: auto;
}

/* ---------- Entete du master dossier - FIN ---------- */

.chips-edit-mode> :first-child,
.chips-edit-mode> :last-child {
    flex: 0 0 100%;
}

/* ---------- RST ---------- */

.button-orange,
a.orange-refonte {
    border: 1px solid #E9631A;
    background-color: #E9631A;
    border-radius: 62px;
    text-align: center;
    color: #fff;
    transition: background-color .2s, color .2s;
    font-weight: 700;
    font-size: 1.3846153846153846rem;
}

.dossier .liensMiseEnAvant li .button-orange a,
.liensMiseEnAvant li .boutonAction.orange-refonte {
    display: flex;
    width: 100% !important;
    height: 100%;
    min-height: 55px;
    box-sizing: border-box;
    padding: 17px 40px;
    color: #fff;
    text-decoration: none;
    word-break: break-word;
    word-wrap: break-word;
    justify-content: center;          
    text-align: center;
    align-items: center;
}


.liensMiseEnAvant.important li .boutonAction.orange-refonte {
    height: unset !important;

}

.liensMiseEnAvant.important li .boutonAction.orange-refonte span {
    transform: unset;
}

.liensMiseEnAvant.important li a:hover span {
filter: invert(1) brightness(0);
}

.dossier .liensMiseEnAvant li .button-orange:hover,
.liensMiseEnAvant li .boutonAction.orange-refonte:hover {
    background-color: #fff;
    color: #000;
    cursor: pointer;
    text-decoration: none;
}

.dossier .liensMiseEnAvant li .button-orange a:hover,
.liensMiseEnAvant li a.boutonAction.orange-refonte:hover {
    color: var(--color-charcoal);
    text-decoration: none;
}

.liensMiseEnAvant li a.boutonAction.orange-refonte:hover span,
.liensMiseEnAvant li a.boutonAction.button-blanc:hover span {
    text-decoration: none;
}

.liensMiseEnAvant {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 20px 0;
}

.button-blanc,
a.button-blanc {
    border: 1px solid #000;
    border-radius: 62px;
    text-align: center;
    color: var(--color-charcoal);
    transition: background-color .2s, color .2s;
    font-weight: 700;
    font-size: 1.3846153846153846rem;
    background: #fff;
}

.dossier .liensMiseEnAvant li .button-blanc a,
.liensMiseEnAvant li a.button-blanc {
    display: block;
    width: 100% !important;
    height: 100%;
    min-height: 40px;
    box-sizing: border-box;
    padding: 16px 40px;
    color: var(--color-charcoal);
    text-decoration: none;
    word-break: break-word;
    word-wrap: break-word;
}

.dossier .liensMiseEnAvant li .button-blanc:hover,
.liensMiseEnAvant li a.button-blanc:hover {
    background-color: #fff;
    color: #fff;
    cursor: pointer;
    border: 1px solid #000;
    text-decoration: none;
}

.dossier .liensMiseEnAvant li .button-blanc a:hover {
    color: #fff;
    text-decoration: none;
}

.container-button .liensMiseEnAvant>li {
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.container-button {
    width: 100%;
}

.dossier .lien_bouttons_fiche {
    padding: 16px 40px 16px 0px;
}

@media (max-width: 776px) {
    .dossier .entete-right .bouttons_fiche {
        width: 100%;
    }
}


/* ---------- RST - FIN ---------- */

.search-box_contenu .cb input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    width: 14px;
    height: 14px;
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid var(--color-orange);
    border-radius: 50%;
    padding: 2px;
    background: transparent;
    background-clip: content-box;
    cursor: pointer;
    vertical-align: middle;
    outline: none;
}

.search-box_contenu .cb input[type="radio"]:checked {
    background-color: var(--color-orange);
}

.search-box_contenu .cb input[type="radio"]:focus-visible {
    box-shadow: 0 0 0 3px color-mix(in oklab, var(--color-orange), white 80%);
}

.search-box_contenu .cb input[type="radio"]:disabled {
    opacity: .5;
    cursor: not-allowed;
}


/* PER */

.recherchePER .chapo {
    font-weight: 300;
    font-size: 1.23rem !important;
    margin-bottom: 30px;
    padding-top: 0;
}

.type_document {
    margin: 1em 0 1em 0;
    color: #757575;
    text-align: center;
    font-style: normal;
    font-size: 18px;
}

.etude_communication_publication .titreIT {
    font-weight: 800;
    font-size: 2.3rem;
    line-height: 100%;
    margin-bottom: 25px;
    margin-top: 25px;
    color: #161616;
    position: relative;
    padding-left: 20px;
}

.etude_communication_publication .titreIT::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 100%;
    background: #E85D2B;
}

/* fin PER */

/* début calendrier stage */
.formation .tableau {
    margin-bottom: 20px;
}

/* fin calendrier stage */

/* cas spécifique pour la page notice */

ul.liste_metiers .lien>a>p {
    font-size: 1.231rem;
}

.abcdaire.rst {
    gap: 5px;
}

.recherche .search-box .disabled .validButton {
    background-color: #BCBCC7;
    border: 1px solid #BCBCC7;
}

.recherche .search-box .disabled .validButton:hover {
    background-color: #BCBCC7;
    color: white;
}

.etude_communication_publication h2 {
    text-transform: none;
}

.recherche .container_contenuWrapper {
    max-width: 860px;
    margin: auto;
}

.boutonAction.orange-refonte,
.boutonAction.orange-outline-refonte,
.boutonAction.button-blanc {
    border-radius: 4rem;
    padding: 15px 20px !important;
    font-size: 1.4rem;
}

.boutonAction.disabled {
    border: none !important;
    background: #BCBCC7 !important;
    color: white;
}

.boutonAction.orange-refonte {
    background: var(--color-orange);
    color: white;
}

.boutonAction.orange-outline-refonte {
    border: 1px solid var(--color-orange);
    background: white;
    color: var(--color-orange);
}

.no-bg-button {
    background: none;
    color: #161616 !important;
    font-size: 1.4rem !important;
    font-weight: 800 !important;
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, var(--color-orange) 70%, transparent);
    text-underline-offset: 3px;
    padding: 0 !important;
    margin: 0 !important;
}

.no-bg-button:hover {
    text-decoration: underline;
    text-decoration-color: var(--color-orange);
    background: none;
}


@media (max-width: 768px) {

    /* Masquer les items intermédiaires */
    #pisteNavigation > li:not(:first-of-type):not(:last-of-type) {
        display: none;
    }

    /* Désactiver la flèche globale en mobile */
    #pisteNavigation>li::after {
        content: none;
    }

    /* Flèche après "Accueil" */
    #pisteNavigation>li:first-of-type::after {
        content: "";
        display: inline-block;
        width: 8px;
        height: 12px;
        background-image: url(../img/fleche-menu.svg);
        background-repeat: no-repeat;
        background-position: center;
        margin: 0 5px 4px;
        vertical-align: middle;
    }

    /* "… + flèche" avant le dernier item */
    #pisteNavigation>li:last-of-type::before {
        content: "…";
        display: inline-block;

        /* on réserve de la place pour la flèche */
        padding-right: 13px;

        /* flèche placée à droite du … */
        background-image: url(../img/fleche-menu.svg);
        background-repeat: no-repeat;
        background-position: right center;

        margin: 0 5px 4px 0;
        vertical-align: middle;
    }
}

.bouttons_fiche:not(:has(*)) {
    border: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.entete-left .center_maj .libelle {
    color: var(--color-charcoal);
    font-weight: 700;
}

.search-criteres-bloc {
    margin: 50px 0;
}

.search-criteres-bloc .sousTitre_refonte {
    margin-top: 0;
    padding-top: 0;
}

.accueilEficatt #search-criteres .row.last {
    display: flex;
    justify-content: end;
}

@media (max-width: 768px) {
    .accueilEficatt #search-criteres .row.last{
        flex-direction: column;
    }
}


select:has(option:first-child:checked) {
    color: #868686FF;
}

@media print {
    #desktopQuickSearch,
    #header .header-links {
        display: none !important;
    }
}

.recherchePublicationsOutils {
    max-width: 1320px;
    margin: auto;
}

@media screen and (768px < width <= 1280px) {
    .breadcrumb-entete-master-dossier #pisteNavigation{
        padding-left: 0 !important;
    }

    .breadcrumb-entete-master-dossier{
        padding-left: 30px;
        box-sizing: border-box;
    }

    #revues .right-arrow {
        right: 20px !important;
    }

    #revues .left-arrow {
        left: 20px !important;
    }

    #revues .left-arrow, #revues .right-arrow {
        width: 50px;
        height: 50px;
    }

    .ressource-wrapper > #blockOutils > .wrapper {
        padding: 20px 0 !important;
    }

    #blockOutils .wrapper > div > .listeOutils {
        padding: 0 30px;
    }

    .fiche #pisteNavigation{
        margin-left: 0 !important;
    }

    .fiche:not(.caces, .fiche) .wrapper_fiche {
        gap: 20px !important;
        margin-left: 30px !important;
    }

    #bloc_ressources_complementaires_new {
        padding: 0 30px 70px;
    }

    .breadcrumb-entete-master-dossier {
        padding-left: 30px  !important;
    }

    .sommaire-list{
        max-height: 300px !important;
    }

    .sommaire-header{
        padding: 25px !important;
    }

    .fiche:not(.caces, .fiche) .wrapper_fiche {
        padding: 0 !important;
    }

    .liens-utiles-container .liens-utiles-inner {
        margin: 0 30px;
    }

    .liens-utiles-container .swiper-navigation-container{
        margin: auto;
    }
}

@media  screen and (max-width: 768px){
    .liens-utiles-container .swiper-container.liens-utiles-swiper {
        padding-bottom: 0;
    }

    .liens-utiles-container {
        padding-bottom: 50px;
    }

    .rps .actions {
        margin: 25px 0 0 0 !important;
    }

   #ZoneRecherche .onglet{
       display: table-cell;
       vertical-align: middle;
   }
}

.header_Fiche {
    margin-top: 26px;
}

header, header .bandeauMilieu{
    height: 100%;
}

.maladiesPro.rechercheAvancee .arborescence .titre.replie {
    background: url(../img/icons-v4/png/arrow-right.png) 0 0 no-repeat;
}
.maladiesPro.rechercheAvancee .arborescence .titre.deplie {
    background: url(../img/icons-v4/png/arrow-down.png) 0 0 no-repeat;
}
.bouttons_fiche_no_img {
    text-align: left !important;
}

.thematique_container.editMode_grid {
    display: flex;
    flex-wrap: wrap;
}
.carrefour-edit-wrapper {
    max-width: 315px;
}
.thematique_container.editMode_grid .dossier-card {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.thematique_container.editMode_grid .dossier-card .card-content {
    max-height: none;
    flex-grow: 1;
}

@media screen and (min-width: 769px) {
    .wrapper:not(.header_Fiche .wrapper):has(.entete_fiche) {
        margin-top: 26px;
    }
}

body.breve #container_principal{
    max-width: 1380px;
    margin: 0 auto;
}

body.page404 #container_principal{
    margin-top: 26px;
    padding: 0 30px;
}

body.siteExterne #container_principal{
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 30px;
}

body.fullwidthtool .container_contenuPrincipal{
    max-width: 1320px;
    margin: 0 auto 30px;
    padding: 0 30px;
    display: block;
}

body:is(.page404, .formation_accueil) :is(.standalone-breadcrumb, .container_contenuWrapper) {
    padding: 0;
}

.db-name-fiche {
    font-weight: 900;
    font-size: 1.69rem;
    color: #161616;
}

.liensSimples {
    margin: 20px 0;
}

.liensSimples .bce_titrep_refonte {
    margin-top: 0;
}

@media (min-width: 1024px) {
    .nouvelleRecherche-refonte {
        margin-bottom: 10px;
    }
}
/* START : PARTIE HOVER */

@media (hover: hover) and (pointer: fine) {
    /* START : BLOC À VOIR AUSSI / À CONSULTER */
    .liens-utiles-container :is(.left-arrow, .right-arrow):hover > svg {
        fill: var(--color-orange-inrs);
    }

    :is(.liens-utiles-container, .paraitre-bloc) :is(.right-arrow, .left-arrow):hover svg circle {
        stroke: var(--color-orange-inrs);
    }
    /* END : BLOC À VOIR AUSSI / À CONSULTER */

    /* START : SLIDER */
    
    .left-arrow:hover,
    .right-arrow:hover {
        background-color: #EC6726;
    }

    .left-arrow:hover svg circle,
    .right-arrow:hover svg circle {
        stroke: white;
    }

    .left-arrow:hover svg path,
    .right-arrow:hover svg path {
        stroke: white;
    }

    /* END : SLIDER - STYLES COMMUNS */
    
    @media (min-width: 768px) {

        /* STYLES DIAPORAMA : START */
        .diaporama-left-arrow:hover svg circle,
        .diaporama-right-arrow:hover svg circle {
            fill: var(--color-orange-inrs);
        }

        .diaporama-left-arrow:hover svg path,
        .diaporama-right-arrow:hover svg path {
            stroke: white;
        }

        /* END : STYLES DIAPORAMA */

    }

    /* START : CHIPS */
    .lien-chips:hover {
        text-decoration: none;
    }

    .chips:hover {
        background-color: #EC6726;
        color: #fff;
        cursor: pointer;
    }

    .chips:hover {
        background-color: #EC6726;
        color: #fff;
        cursor: pointer;
        font-weight: bold;
        transition: all 0.3s ease;
    }

    /* END : CHIPS */

    /* START : BLOC RESSOURCES */

    .paraitre-bloc .left-arrow:hover,
    .paraitre-bloc .right-arrow:hover {
        opacity: 0.8;
    }

    .paraitre-bloc .left-arrow:hover svg,
    .paraitre-bloc .right-arrow:hover svg {
        fill: #EC6726;
    }
    /* END : BLOC RESSOURCES */

    .dossier-card:hover .box-link.savoir-plus-container svg .circle {
        fill: var(--color-orange-inrs);
    }

    .dossier-card:hover .box-link.savoir-plus-container svg .arrow {
        stroke: white;
    }

}

/* END : PARTIE HOVER */


/* class css pour cacher partie du H1 (!= display: none donce ne remplacer pas) */
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

body.carrefour .inrs-entete__description{
    max-width: 985px;
}

body.carrefour article.article-center {
    max-width: 985px;
    margin: auto;
}

/* Classes pour le texte riche vide */
.padding-10 {
    padding: 5px 0;
}
.padding-20 {
    padding: 10px 0;
}
.padding-30 {
    padding: 15px 0;
}
.padding-40 {
    padding: 20px 0;
}
.padding-50 {
    padding: 25px 0;
}


a.dossier-lien {
    text-decoration: none;
}

/* --- Grille de cartes : recherchePublicationsOutils (vidéos / outils) --- */

.listeRessources-cartes {
    box-sizing: initial;
    display: flex !important;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    height: 100%;
    position: relative;
    width: 100% !important;
}

.listeRessources-cartes .ressource-carte {
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    margin: 0;
    height: auto;
    border: 1px solid #DDDDE9;
    max-width: 320px;
}

.text-align-start {
    text-align: start !important;
}

.text-align-center {
    text-align: center !important;
}

.d-flex {
    display: flex !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

/* START : TOUTES LES PUBLICATIONS / DISCIPLINES DE RECHERCHE */

#container_ressources_complementaires {
    background-color: #F4F4F4;
    padding: 0;
    margin-bottom: 50px;
}

#bloc_ressources_complementaires_new {
    margin: 0 auto;
    padding: 0 20px 70px;
    position: relative;
    max-width: 1320px;
    height: 100%;
    padding-top: 50px;
}

#container_ressources_complementaires .titre {
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    color: rgba(60, 60, 60, 1);
    font-family: "Brother-1816", sans-serif;
    font-size: 34px;
    font-weight: 800;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: left;
    margin-bottom: 16px;
}

.themes_annexes_ressources_complementaires {
    gap: 30px 60px;
}

.bloc_ressource {
    border-left: 1px solid #EA7420;
    padding-left: 30px;
    max-width: 399px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.bloc_ressource .titre_bloc {
    color: rgba(60, 60, 60, 1);
    font-family: "Brother-1816", sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: left;
    margin-bottom: 8px;
}

.supports_theme_annexe_new {
    position: relative;
}

.supports_theme_annexe_new .arrow {
    position: absolute;
    left: -30px;
    top: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s;
}

.supports_theme_annexe_new li {
    color: black;
    font-size: 1rem;
    font-family: Arial, sans-serif;
    font-weight: 700;
    line-height: 1.769230769230769;
    width: fit-content;
}

@media (hover: hover) and (pointer: fine) {
    .supports_theme_annexe_new li:hover a {
        color: #EA7420;
        text-decoration: none;
    }
}

@media (max-width: 599.98px) {
    #bloc_ressources_complementaires_new {
        padding-bottom: 50px;
    }

    .themes_annexes_ressources_complementaires {
        gap: 30px;
    }

    #container_ressources_complementaires .titre {
        font-size: 1.615385rem;
        line-height: 28px;
        color: rgba(60, 60, 60, 1);
        font-family: "Brother-1816", sans-serif;
        font-weight: 800;
        letter-spacing: 0%;
        text-align: left;
        margin-bottom: 16px;
    }

    .bloc_ressource .titre_bloc {
        font-size: 1.384615rem;
        line-height: 1.277777777;
        margin-bottom: 8px;
    }
}

/* END : TOUTES LES PUBLICATIONS / DISCIPLINES DE RECHERCHE */
/* inclusion /templating-kit/themes/inrs/css/styles-communs-abcdaire.css */
@charset "UTF-8";
/*######################## abecedaire RST ##########################*/
/* Style propre à l'ABCdaire */
.abcdaire{
	height: 3.07692307692308em; /* 40px / 13px */
	margin: auto;
}
.abcdaire .lettre,
.abcdaire .lettre_sans_contenus{
	font-size: 2.462rem;
	line-height: 1.3;
	font-weight: 700;
	height: auto;
	width: auto;

}

.abcdaire .lettre a{
	color: var(--color-orange-inrs);
}
.classement_alphabetique .classement_lettre ul.liste_metiers{
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap : 3em;
	-moz-column-gap : 3em;
	column-gap : 3em;
	vertical-align: top;
}
.classement_alphabetique .classement_lettre ul.liste_metiers li{
	font-size: 1.07692307692308em; /* 14px / 13px */
	line-height: 2.14285714285714em; /* 30px / 14px */
}
.classement_alphabetique .classement_lettre ul.liste_metiers li span.lien {
	display: inline-block;
	background: url(../img/pageDossier/puces.png) no-repeat 0 0.357142857142857em; /* 5px / 14px */
	line-height: 1.28571428571429em; /* 18px / 14px */
	padding:0 0 0 10px;
	width: 100%;
	font-size: 1em;
}
.classement_alphabetique .classement_lettre ul.liste_metiers li span.lien a,
.classement_alphabetique .classement_lettre ul.liste_metiers li span.lien a h3{
	display: inline;
}


/*######################## abecedaire RST ##########################*/


/******************************** Abécédaire ***************************/


/********************** DEBUT Style commun à l'ABCdaire **********************/
.abcdaire{
	display: flex;
	justify-content: center;
	width: 100%;
	border-top: solid 4px #FFFFFF;
	background: none;
	flex-wrap: wrap;
	height: auto !important;
	gap: 5px;
	margin-bottom: 10px;
}

@media (min-width: 1400px) {
    .masterDossier .abcdaire, .metier .abcdaire{
        display: flex;
        justify-content: space-between;
        border-top: solid 4px #FFFFFF;
        width: 780px;
    }

    .masterDossier .abcdaire_haut {
        margin: auto;
    }
}

.abcdaire:after {
	content: "\00a0"; /* espace insécable */
	display: block !important; 
	clear: both !important; 
	visibility: hidden !important; 
	line-height: 0 !important; 
	width: 1px !important;
	font-size: 0;
	overflow:hidden !important; 
}
.abcdaire .lettre,
.abcdaire .lettre_sans_contenus{
	display: block;
	float: left;
	position: relative;
	text-align: center;
	font-family: pt_sans, sans-serif;
	cursor: default;
}
ul.abcdaire li.lettre:hover,
ul.abcdaire li.lettre:hover a{
	cursor: pointer;
	background-color: #EA7420;
	color: #FFFFFF;
}
.abcdaire .lettre_sans_contenus{
	color: #BCBCC7;
}
/********************** FIN Style commun à l'ABCdaire **********************/



/********************** DEBUT Style commun au classement par ordre Alphabétique **********************/
.classement_alphabetique{
	max-width: 1320px;
    margin: auto;
}
@media (max-width: 1320px) {
	body:not(.indexSubstances, .indexClasses) .classement_alphabetique {
		max-width: 985px;
	}
}
@media (max-width: 1060px) {
	body:not(.indexSubstances, .indexClasses) .classement_alphabetique {
		max-width: 650px;
	}
}
@media (max-width: 710px) {
	body:not(.indexSubstances, .indexClasses) .classement_alphabetique {
		max-width: 315px;
	}
}

.classement_alphabetique .classement_lettre{
	margin-bottom: 25px;
}
.classement_alphabetique .classement_lettre .lbl_lettre{
	color: #EA7420;
	font-size: 2.25em; /* 36px/16px */
	font-family: pt_sans, sans-serif;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.masterDossier .classement_alphabetique .classement_lettre .lbl_lettre{
	max-width: 1320px;
}

.classement_alphabetique .bva_titrep {
	margin-bottom: 20px;
}
.classement_alphabetique ul{
	margin-right: 0;
}

.classement_alphabetique ul li a.titre_dossier{
	display: inline-block;
	width: 100%;
	position: relative;
	min-height: 80px;
	margin-bottom: 5px;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	color: white;
	font-family: pt_sans, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 1.46153846em; /* base 19px - 19/13px */
}
.classement_alphabetique ul li a.m_titre_dossier {
	display: none;
}
.classement_alphabetique ul .description_dossier,
.classement_alphabetique ul li .dossiers_lies .lien_dossier_lie{
	color: var(--color-charcoal);
	font-weight: 300;
	font-size: 1.385rem;
	line-height: 125%;
}

.classement_alphabetique ul .description_dossier {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
}

.classement_alphabetique ul li .dossiers_lies{
	margin-top: 10px;
	color: #ea7420;
	font-weight: bold;
	font-style: normal;
	line-height: 1.076923076923077em; /* 14px/13px */
	font-size: 1em; /* 19px/13px */
}
.classement_alphabetique .bva_titrewrapper{
	width: 185px;
	height:60px;
	display:table;
	vertical-align:middle;
	overflow:visible;
	margin:0 0 0 auto;
	padding:10px 5px 10px 10px;
	background-color: #ea7420;
	position: relative;
}
.Safari534 .classement_alphabetique .bva_titrewrapper{
	/* Android 4.0.x à 4.3.x browser natif ne prend pas en compte le padding ici pour height et width */
	width:168px;
	height: 80px;
}

.classement_alphabetique .image-dossier {
	width: 100%;
	height: 80px;
	min-height: 80px;
	max-height: 80px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	flex-shrink: 0;
}
.classement_alphabetique .bva_titregit st {
	font-weight: 800;
	font-size: 1.846rem;
	color: var(--color-charcoal);
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 4px;
}
.classement_alphabetique a:hover .bva_titre{
	text-decoration: underline;
}

.card-link-wrap .description-wrapper {
  flex: 1 1 auto;
}

/********************** FIN Style commun au classement par ordre Alphabétique **********************/


/* Largeur inférieure à 480px */
@media screen and (max-width:480px) {
	.classement_alphabetique ul li a.titre_dossier {
		display: none;
	}
	.classement_alphabetique ul li a.m_titre_dossier {
		display: block;
		font-size: 1.46154em;
		font-weight: bold;
		margin-bottom: 7px;
	}
}

/* inclusion /templating-kit/themes/inrs/css/styles-masterDossier.css */
/* fichier surchargé le 22/05/2026 à 12:35 */
@charset "UTF-8";

/* Style propre au classement par ordre alphabétique alphabétique de la page Risque */
.dossiers ul {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: flex-start;
}

.dossiers ul li{
	/* Let inner dossier-card define sizing */
	display: flex;
	justify-content: center;
}

/* the magic: an invisible layer that covers the card */
.stretched-link::after {
	content: "";
	position: absolute;
	inset: 0;          /* top/right/bottom/left: 0 */
	z-index: 1;        /* sits abo  ve card content... */
}

body:not(.indexSubstances, .indexClasses) .classement_alphabetique .classement_lettre{
    max-width: 985px;
    margin: auto;
    padding: 0;
}

:is(.masterDossier, .metier) .classement_alphabetique ul {
    margin-bottom: 20px;
}

/* ...but keep related links on top so they remain clickable */
.dossiers_lies,
.dossiers_lies a,
.lien_dossier_lie a {
	position: relative;
	z-index: 2;
}

/* optional: make the whole card feel clickable */
.dossier-card { cursor: pointer; }


/* Largeur inférieure à 480px */
@media screen and (max-width:768px) {
	.dossiers ul li {
	    display: inline-block;
	    margin-right: 0;
	}

	.dossiers ul li .dossier-card{
	    height: 100%;
	}
}

/* inclusion /templating-kit/themes/inrs/css/BlockData.css */
/* RESSOURCES BLOCKS GENERAL STYLE */

@media (min-width: 768px) {  /** Effets de hover **/
    .ressource-link-box:hover .description_video_text,
    .ressource-link-box:hover .description_video_text a,
    .ressource-link-box:hover a,
    .ressource-link-box a:hover {
        opacity: 0.7;
        text-decoration: none !important;
    }
    .ressource-link-box:hover .box-link svg .circle{
        fill: #CA5413;
        stroke: #CA5413;
    }

    .ressource-link-box:hover .box-link p{
        opacity: 0.7;
    }

    .ressource-link-box:hover .box-link svg .arrow{
        stroke: #FFFFFF;
        fill: #EC6726;
    }

    .ressource-carte:hover .ressource-title,
    .ressource-carte:hover .ressource-description{
        opacity: 0.7;
    }

    .cadre-image-video {
        overflow: hidden;
    }

    .cadre-image-video a img {
        transition: transform 0.5s ease;
        transform-origin: center center;
    }

    .cadre-image-video a:hover img {
        transform: scale(1.075);
    }

    .video-content:hover .description_video_text, .video-content:hover .ressource-title {
        opacity: 0.7;
    }

    .video-wrapper.hovered .cadre-image-video a img {
        transform: scale(1.075);
    }

    .video-wrapper.hovered span.play{
        opacity: 1 !important;
    }

    .video-wrapper.hovered .description_video_text,
    .video-wrapper.hovered .ressource-title {
        opacity: 0.7;
    }

    .cadre-image-video a img,
    .description_video_text, **/
    .ressource-title {
        transition: all 0.3s ease;
    }

}

@media (max-width: 359px) {
    .paraitre-bloc .ressource_metadata, #revue .ressource_metadata {
        gap: 2px;
    }

    .ressource-tag, .ressource_metadata {
        gap: 5px;
    }

    .cartouche_ref {
        font-weight: 700;
        font-size: 12px;
        white-space: nowrap;
    }

    .ressource-flex{
        gap: 5px;
    }

    .cartouche_ref-2 {
        font-size: 14px;
    }
}

.ressources-sub-titre {
    color: var(--color-charcoal);
    font-weight: 800;
    font-size: 24px;
    text-transform: uppercase;
    position: relative;
    padding-left: 15px;
    border-left: 8px solid var(--color-orange);
    margin: 0;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .ressources-sub-titre{
        font-size: 20px !important;
        padding-left: 10px !important;
    }
}

@media (max-width: 768px) {
    .ressources-sub-titre_header {
        display: flex;
        justify-content: center;
    }

    .ressources-sub-titre{
        font-size: 22px !important;
        padding-left: 10px !important;
    }

    .ressource-wrapper.ressource-block {
        box-sizing: border-box;
        padding: 0;
    }
}

.ressources-sub-section {
    padding: 0 0 20px 0;
    margin: 0 auto;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}

.ressources-sub-footer {
    text-align: center;
}

.listeOutils {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 0 auto;
}

.mRessourcesOutils {
    margin-bottom: 0;
}

.evenodd_assignable {
    width: fit-content !important;
}

.paraitre-link {
    display: inline-flex;
    align-items: center;
    font-family: 'brother-1816', sans-serif;
    text-decoration: none;
    font-weight: 700;
    font-size: 20px;
}

#blockParaitre.wrapper {
    padding: 30px;
    box-sizing: border-box;
}
@media (max-width: 768px) {
    #blockParaitre.wrapper {
        padding: 20px;
    }
}

#blockParaitre .ressource-outil:last-child {
    margin-bottom: 0;
}

#blockParaitre {
    border: 1px solid #DDDDE9;
    max-width: 100%;
    display: block;
}

.blockOutils-container {
    border: 1px solid #DDDDE9;
    max-width: 100%;
    display: block;
    padding: 30px;
}
@media (max-width: 768px) {
    .blockOutils-container {
        padding: 20px;
    }
}

#blockOutils .listeOutils {
    /* Can't put 20px because of the 1px border of the div */
    gap: 19.3px;
}

@media (min-width: 1265px) {
    #blockOutils .listeOutils {
        flex-wrap: nowrap;
    }
}


.ressource-carte {
    display: block;
    max-width: 280px;
    width: 100%;
}

.ressource-container {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.ressource-image {
    overflow: hidden;
    margin-bottom: 10px;
}

.ressource-image img {
    width: 100%;
    height: 100%;
    max-height: 80px;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.ressource-tag {
    display: flex;
    margin-bottom: 10px;
    gap: 10px;
    min-height: 25px;
}

.ressource .ressource-tag {
    margin-bottom : unset;
}

@media (max-width: 580px) {
    .ressource-tag {
        height: auto !important;
    }

    #blockVideo .ressource_metadata {
        flex-direction: column;
        align-items: start !important;
        justify-content: center;
        flex-wrap: nowrap;
        gap: 10px;
    }

    .description_video_text{
        margin-bottom: 20px;
    }

    .cartouche {
        padding: 4px 5px 4px 5px;
    }

    #blockParaitre .ressource_metadata {
        flex-wrap: wrap;
    }

    .paraitre-bloc .ressource_metadata, #revue .ressource_metadata {
        gap: 6px;
    }

    .cartouche_ref {
        white-space: nowrap;
    }
}

@media (max-width: 768px) {
    #blockParaitre .ressource_metadata {
        flex-wrap: nowrap !important;
    }
}
.ressource_metadata {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 5px;
}

.ressource-title {
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 8px;
    margin-top: 0;
    line-height: 25px;
    color: var(--color-charcoal);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ressource-title a {
    color: #161616;
}

.ressource-wrapper > #blockParaitre    .ressource-title {
        font-weight: 700;
        line-height: 30px;
    }

    .ressource-description {
        font-size: 18px;
        line-height: 27px;
        font-weight: 400;
    }


.ressource-title a {
    color: #161616 !important;
    text-decoration: none;
}

.ressource-description {
    font-family: 'brother-1816', sans-serif;
    line-height: 24px;
    color: #161616;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.ressource-description a {
    color: inherit;
    text-decoration: none;
}

.description_video_text{
    color: #161616;
    font-family: "brother-1816", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.video-wrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.video-content {
    padding-top: 10px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.cadre-image-video {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    position: relative;
    overflow: hidden;
}

.cadre-image-video img {
    width: 100%;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}

.blockParaitre .wrapper {
    padding: 20px;
    width: auto !important;
    display: block;
}

.blockParaitre .listeOutils {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
@media (min-width: 950px) and (max-width: 1039px) {
    .ressource-wrapper > #blockOutils > .wrapper {
        padding: 20px 100px !important;
    }
}

.blockParaitre .ressource-outil:last-child {
    margin-bottom: 0;
}

.blockParaitre {
    max-width: 100%;
    display: block;
}

#blockVideo .box-link, #blockParaitre .box-link{
    margin: auto;
}

.ressource-wrapper{
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    max-width: 1240px;
}

@media (min-width: 1281px) {
    .ressource-wrapper > #blockOutils {
        min-width: 330px;
    }
}

#blockParaitre .listeOutils {
    margin: 0 0 20px;
}

@media (min-width: 960px) {
    #blockParaitre .ressource-carte {
        width: 100% !important;
    }
}

@media (min-width: 1321px) {
    #blockParaitre .listeOutils {
        display: flex;
        flex-direction: column !important;
        gap: 20px;
    }
}
@media (700px < width <= 1264px) {
    #blockParaitre .listeOutils {
        flex-direction: row;
    }
}

.ressource-wrapper > #blockParaitre {
    order: 1;
    max-width: 340px;
}
@media (max-width: 1264px) {
   .ressource-wrapper, .ressource-wrapper > #blockParaitre {
        max-width: 642px;
    } 
}

@media (max-width: 702px) {
   .ressource-wrapper {
        max-width: 320px;
    } 
}


.ressource-wrapper > #blockVideo {
    border: 1px solid #DDDDE9;
    box-sizing: border-box;
    padding: 30px;
    order: 2;
    flex-direction: column;
    display: flex;
    position: relative;
    max-width: 880px;
}

.ressources-container .ressource-wrapper > #blockVideo a {
    margin-top: 0;
}

@media (1265px <= width <= 1300px){
    .ressource-wrapper > #blockVideo {
        max-width: 70%;
    }
    .ressource-wrapper > #blockParaitre {
        max-width: 30%;
    }
}


.ressource-wrapper > #blockVideo .ressource-flex{
    gap: 10px;
}

.ressource-wrapper > #blockVideo a{
    text-decoration: none;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

.ressource-wrapper > #blockVideo a:hover{
    text-decoration: none;
}

.ressource-wrapper > #blockOutils {
    width: 100%;
    order: 3;
    flex-direction: column;
    display: flex;
}
@media (max-width: 1200px) {
    .ressource-wrapper > #blockOutils .blockOutils-container {
        max-width: 580px;
    }
}
@media (max-width: 700px) {
    .ressource-wrapper > #blockOutils .blockOutils-container {
        max-width: 280px;
    }
}

.ressource-block {
    margin: 0 auto;
    gap: 20px;
}

.ressource-block a:hover{
    text-decoration: none !important;
}

.ressources-container {
    margin: 50px 0;
}

.description_ressource_text{
    width: 85%;
    text-align: center;
    margin: 20px auto;
    color: #161616;
    font-family: "brother-1816", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
}

@media (max-width: 768px) {
    .description_ressource_text{
        font-size: 18px !important;
        line-height: 27px !important;
    }
}

.global-component-weight {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

#blockParaitre .ressource-link-box{
    display: block;
    text-align: center;
}

.ressource-link-box a,
.ressource-link-box .description_video_text a,
.ressource-link-box .description_video_text {
    text-decoration: none;
}

.ressource-link-box .box-link svg{
    width: 20px;
    height: 20px;
    align-self: last baseline;
}


.ressource-link-box .box-link svg .circle{
    fill: none;
    stroke: #EC6726;
    transition: fill 0.2s, stroke 0.2s;
}

.ressource-link-box .box-link svg .arrow{
    stroke: #EC6726;
    transition: stroke 0.2s;
    fill: none;
}

.ressource-link-box .box-link{
    display: inline-flex;
}

.ressource-link-box .box-link p{
    color: #161616;
    font-family: "brother-1816", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    text-align: left;
    margin-left: 0.5em;
}

.center-link {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}


@media screen and (min-width: 768px) and (max-width: 1570px) {
    #blockOutils .wrapper > div > .listeOutils {
        justify-content: center;
    }
}

/* MOBILE */

@media screen and (max-width: 768px) {
    .ressource-wrapper > #blockVideo {
        width: 100%;
        padding: 20px !important;
    }

}
/* inclusion /templating-kit/themes/inrs/css/styles-recherche.css */
@media (min-width: 768px) {  /** Effets de hover **/
    .btn-exit:hover .exit-icon img {
        transform: rotate(225deg);
    }

    #fc_lettre .search-button:hover{
        background-color: rgb(233, 99, 26);
    }

    .search-button:hover {
        background-color: rgb(233, 99, 26);
    }

    #fc_lettre .search-button:hover {
        background: rgb(233, 99, 26);
    }
}


    /* Overlay styling */
.popup-overlay {
    position: fixed;
    top: var(--bandeau-height);
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #4c4c50e6;
    z-index: 9999;
}

.popup-overlay.hidden {
    display: none;
}

/* Semi-transparent backdrop */
.popup-backdrop {
    position: fixed;
    top: var(--bandeau-height);
    left: 0;
    height: 40vh;
    width: 100%;
}

/* Search bar pop-up */
.search-bar-popup {
    position: relative;
    background-color: #D0DCEA;
    padding: 1rem 2rem 1.5rem;
}

/* Exit button */
.btn-exit {
    position: absolute;
    top: 10px;
    right: 20px;
    background: none;
    border: none;
    font-size: 1.2rem;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.exit-icon img {
    display: inline-block;
    transform: rotate(45deg);
    transition: transform 0.3s ease;
}

.exit-text {
    color: black;
}

/* Open button */
.btn-open-popup {
    margin: 1rem auto;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    display: block;
    max-width: 200px;
}

/* Main body */
.main-body {
    margin-top: 120px;
    background-color: #D0DCEA;
    padding: 2rem;
    transition: background-color 0.3s ease;
}

.main-body.dimmed {
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
}

/* Responsive styles */
@media (max-width: 768px) {
    .btn-open-popup {
        font-size: 0.9rem;
    }

    .search-bar-popup {
        padding: 0.8rem 1.5rem 1rem;
    }

    .btn-exit {
        font-size: 1rem;
        top: 8px;
        right: 5%;
    }
}

@media (max-width: 480px) {
    .btn-open-popup {
        max-width: 100%;
        padding: 0.6rem 1.2rem;
    }

    .search-bar-popup {
        padding: 0.5rem 1rem 1rem;
        height: 100vh;
    }

    .btn-exit {
        font-size: 1rem;
        top: 20px;
        right: 30px;
    }
}

/* search bar */


.search-container {
    display: flex;
    background-color: white;
    align-items: center;
    border: 1px solid #f16522;
    border-radius: 30px;
    overflow: hidden;
    width: 100%;
    max-width: 640px;
    margin: auto;
    box-sizing: border-box;
    margin-top: 20px;
    overflow: visible;
    height: 53px;
    position: relative;
}

.ressources_refonte .search-container {
    margin-top: 0;
    margin-bottom: 0px;
}

#fc_lettre .search-container{
    max-width: 100%;
    margin: unset;
    border-radius: 100px;
    overflow: visible;
    height: 53px;
    position: relative;
    display: flex;
}

.resultatsRecherche .search-entete-messages {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 1000px;
    margin: 0 auto 20px;
}

@media only screen and (max-width: 768px) {
    div.searchBarContainer {
        padding-top: 20%;
        display: none;
    }
    .resultatsRecherche .bf_outils {
        justify-content: center;
    }
}

@media only screen and (max-width: 768px) {
    .search-bar-popup div.searchBarContainer {
        padding-top: 0px;
        display: block;
    }
}

.search-input {
    border: none;
    padding: 12px 10px;
    outline: none;
    flex-grow: 1;
    font-size: 14px;
    font-weight: 700;
    font-family: 'brother-1816', sans-serif;
    border-radius: 30px;
}

.search-input::placeholder {
    color: #999;
}

.icon-wrapper {
    display: flex;
    align-items: center;
}

#searchIcon {
    width: 21px;
    height: 21px;
    margin-left: 14px;
}

.search-button {
    font-family: "Brother-1816", sans-serif;
    font-weight: 700;
    font-size: 16px;
    background-color: #4C4C50;
    color: white;
    border: none;
    padding: 15px 25px;
    border-radius: 100px;
    cursor: pointer;
    transition: background-color 0.3s;
    height: 56px;
    position: absolute;
    right: -3px;
}

.quickSearch_button{
    border-radius: 100px !important;
    width: 130px;
}


.search-button-rechercher {
    height: 54px !important;
}

#fc_lettre .search-button{
    background: #444;
    font-weight: 700;
    font-size: 18px;
    font-family: "brother-1816", sans-serif;
    border-radius: 100px;
    padding: 17px 40px;
    height: 56px;
    position: absolute;
    right: -3px;
}

#filtersDrawer {
    margin: 0 auto;
    max-width: 1000px;
}

/* Responsive styles */
@media screen and (480px < width <= 1140px) {
    .container_contenuTop .search-container {
        width: 85%;
    }
}
@media (max-width: 1239.5px) {
    .resultatsRecherche:has(#filtres-mobile) .container_contenuTop {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 1140px) {
    #accueil .desktop-only {
        display: none;
    }

    /* Afficher le search-container seulement dans la popup */
    .search-bar-popup .search-container {
        display: flex;
    }

    .search-input {
        padding: 10px;
        font-size: 13px;
    }

    .search-button {
        border-radius: 20px;
        padding: 10px 15px;
        font-family: 'brother-1816',sans-serif;
        font-weight: 700;
        font-size: 16px;
        text-align: center;
        width: 130px;

    }

    #fc_lettre .search-button{
        border-radius: 100px;
        padding: 17px 30px;
    }
}

@media screen and (max-width: 480px) {
    .search-container {
        flex-wrap: nowrap;
        border-radius: 100px;
    }

    .search-input {
        padding: 8px;
        font-size: 14px;
    }

    .search-button {
        padding: 8px 12px;
        border-radius: 100px;
        font-family: 'brother-1816',sans-serif;
        font-weight: 700;
        font-size: 16px;
        text-align: center;
        width: 130px;
    }

    #searchIcon {
        width: 21px;
        height: 21px;
        margin-left: 8px;
        margin-right: 8px;
    }
}

@media screen and (max-width: 350px) {
    .search-button {
        padding: 8px 10px;
    }
}

/* Style pour le texte Recherche */
.search-title {
    font-family: 'brother-1816', sans-serif;
    font-size: 40px;
    text-align: center;
    margin-bottom: 15px;
    font-weight: 900;
    line-height: 61px;
    color: rgb(22, 22, 22);
}

@media only screen and (max-width: 768px) {
    .search-title {
        font-family: 'brother-1816', sans-serif;
        font-size: 40px;
        text-align: center;
        margin-bottom: 15px;
        color: rgb(22, 22, 22);
        font-weight: 900;
        line-height: 61px;
    }
}

.search-bar-wrapper {
    margin: 35px auto;
    padding: 20px;
    max-width: 700px;
}
/* inclusion /templating-kit/themes/inrs/css/editorial.css */
.editorial {
	-webkit-print-color-adjust: exact;
	color-adjust: exact;
}

.editorial em {
	font-style: italic;
}

.editorial strong.important {
	color: #ea7420;
}

/* bloc de liens complémentaires - REFONTE */

.liensComplementaires {
	margin-top: 20px;
}

.liensComplementaires.bordure {
	border-top: 1px solid #E85D2B;
	padding-top: 10px;
}

.liensComplementaires li {
	margin-bottom: 10px;
}

.pliante-contenu .liensComplementaires li {
    margin-top: 10px;
    margin-bottom: 0px;
}

.liensComplementaires li .lien-savoir-plus:hover p {
	color: var(--color-gris-hover);
}

.liensComplementaires li .box-link.savoir-plus-container svg {
	align-self: center;
	width: 20px !important;
	height: 20px !important;
}

.fiche .liensComplementaires li .box-link.savoir-plus-container svg {
	padding-left: 0;
	margin-top: 0;
	transform: none;
}

.liensComplementaires li .lien-savoir-plus:hover svg .circle {
	fill: var(--color-orange-burnt);
    stroke: var(--color-orange-burnt);
}

.liensComplementaires li .lien-savoir-plus:hover svg .arrow{
	stroke: #FFFFFF;
	fill: var(--color-orange-inrs);
}

.liensComplementaires li .lien-telechargement {
    display: inline-flex;
	gap: 10px;
	padding-left: 2px;
}

.liensComplementaires li .lien-telechargement p {
    color: var(--color-charcoal);
    font-size: 1.384615rem;
    font-weight: 700;
    text-align: left;
}

.liensComplementaires li .lien-telechargement:hover p {
    color: var(--color-gris-hover);
}

.liensComplementaires li .lien-telechargement svg {
	transition: all 0.2s ease;
    transform: scale(1);
	flex-shrink: 0;
}

.liensComplementaires li .lien-telechargement:hover svg {
    transform: scale(1.2);
}

.zoneCoulante .liensComplementaires {
	overflow: hidden;
}

/* mise en avant */
.miseEnAvant .editorial p {
	font-size: 1.23rem; /* 16px */
	line-height: 1.384615384615385em; /* 18px / 13px */
}
.miseEnAvant .editorial ul li,
.miseEnAvant .editorial ol li {
	font-size: 1em; /* 13px / 14px */
	line-height: 1.384615384615385em; /* 18px / 13px */
	margin: 4px 0;
	padding-left: 20px
}
.dossier .miseEnAvant .editorial ul li,
.dossier .miseEnAvant .editorial ol li {
	line-height: 1.384615384615385em; /* 18px / 13px */
	margin: 4px 0;
}
.miseEnAvant .editorial .questions li a {
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-weight: normal;
	color: black;
}
.miseEnAvant .editorial .questions > li {
	margin-bottom: 8px;
	padding-left: 18px;
	background: url(../img/lienComplementaire-miseenavant-style1-bullet-point.png) 1px 6px no-repeat;
}

.miseAvant-container .editorial,
.miseAvant-container .miseAvant_titre{
    word-break: break-word;
}

/* liens de mise en avant */
.onglet.deplie .liensMiseEnAvant {
	margin: 0 0 20px 0;
}

.editorial .liensMiseEnAvant > li {
	display: inline-block;
	margin-right: 3%;
	margin-bottom: 5px;

	padding-left:0;
	background: none;
	vertical-align: baseline;
}
.liensMiseEnAvant.important li span{
	display: inline-block;
	font-family: pt_sans, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 1.461538461538462em; /* 19px / 13px */
}
.liensMiseEnAvant li a {
	display: inline-block;
	font-weight: bold;
	color: white;
	padding: 8px 23px;
}
.liensMiseEnAvant.important li a {
	padding: 10px 23px 12px 23px;
}
.liensMiseEnAvant li a.style1 {
	background-image:none;
	background: #4f4f4f; /* Old browsers */
	background: -moz-linear-gradient(top,  #4f4f4f 0%, #3c3c3c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f4f4f), color-stop(100%,#3c3c3c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4f4f4f 0%,#3c3c3c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4f4f4f 0%,#3c3c3c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4f4f4f 0%,#3c3c3c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4f4f4f 0%,#3c3c3c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#3c3c3c',GradientType=0 ); /* IE6-9 */
}
.liensMiseEnAvant li a.style1:hover{
	background: #3c3c3c; /* Old browsers */
	background: -moz-linear-gradient(top,  #3c3c3c 0%, #4f4f4f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c3c3c), color-stop(100%,#4f4f4f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3c3c3c 0%,#4f4f4f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3c3c3c 0%,#4f4f4f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3c3c3c 0%,#4f4f4f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3c3c3c 0%,#4f4f4f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3c3c', endColorstr='#4f4f4f',GradientType=0 ); /* IE6-9 */
}
.liensMiseEnAvant li a.style2 {
	background-image:none;
	background: #ff8d3c; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff8d3c 0%, #ea7420 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8d3c), color-stop(100%,#ea7420)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff8d3c 0%,#ea7420 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff8d3c 0%,#ea7420 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff8d3c 0%,#ea7420 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff8d3c 0%,#ea7420 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8d3c', endColorstr='#ea7420',GradientType=0 ); /* IE6-9 */
}
.liensMiseEnAvant li a.style2:hover{
	background: #ea7420; /* Old browsers */
	background: -moz-linear-gradient(top,  #ea7420 0%, #ff8d3c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea7420), color-stop(100%,#ff8d3c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ea7420 0%,#ff8d3c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ea7420 0%,#ff8d3c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ea7420 0%,#ff8d3c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ea7420 0%,#ff8d3c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea7420', endColorstr='#ff8d3c',GradientType=0 ); /* IE6-9 */
}

/* tableaux */
.tableau {
	width: 100%;
}
.tableau table {
	width: auto;
}

.tableau .copyright {
	font-size: 0.7553846153846154em; /* 9.82 / 13px */
	font-style: italic;
	line-height: 100%; /* 17.68px / 9.82px */
	color: #3c3c3c;
	margin: 0.8em 0 1em 0;
}

.tableau .legende {
	font-size: 12px;
	font-size: 0.923076923076923rem; /* 12px / 13px */
	line-height: 133.333333333333%; /* 16px / 12px */
	color: #3c3c3c;
}
.tableau caption {
	text-align: left;
	margin:0.5em 0;
	font-size: 1.076923076923077em; /* 14px / 13px */
	font-weight: bold;
	line-height: 128.571428571429%; /* 18px / 14px */
}

/* styles pour la largeur des colonnes */
.tableau th.tiny   { width: 10%; }
.tableau th.vsmall { width: 20%; }
.tableau th.small  { width: 25%; }
.tableau th.lowMed { width: 33%; }
.tableau th.medium { width: 50%; }
.tableau th.large  { width: 75%; }
.tableau th.vlarge { width: 90%; }
.tableau table {
	border: 1px solid #e5e5e5;
	border-collapse: collapse;
}
.tableau th {
	background-color: #4C4C50;
	color: #FFFFFF;
    font-family: 'brother-1816', sans-serif;
    font-weight: 600;
    font-size: 1.23rem;
    line-height: 100%;
    text-transform: uppercase;
    padding: 8px 13px 9px 13px;
}

@media screen and (max-width: 768px) {
    .tableau th {
        font-size: 1.1rem;
    }
}

.tableau td {
	line-height: 138.461538461538%; /* 18px / 13px */
	padding: 15px 13px 14px 13px;
	vertical-align: middle;
}

.tableau th[colspan] {
	text-align: center;
}
.tableau th[colspan=""],
.tableau th[colspan="1"] {
	text-align: inherit;
}

.tableau th.left,
.tableau td.left {
	text-align: left;
}
.tableau th.center,
.tableau td.center {
	text-align: center;
}
.tableau th.right,
.tableau td.right {
	text-align: right;
}
.tableau th.top,
.tableau td.top {
	vertical-align: top;
}
.tableau th.bottom,
.tableau td.bottom {
	vertical-align: bottom;
}
.tableau th.middle,
.tableau td.middle {
	vertical-align: middle;
}
.tableau th.baseline,
.tableau td.baseline {
	vertical-align: baseline;
}

.tableau tbody tr:nth-child(odd){
	background-color: transparent;
}
.tableau tbody tr.odd {
	background-color: transparent;
}
.tableau tbody tr:nth-child(even) {
	background-color: #E6EFF5;
}
.tableau tbody tr.even {
	background-color: #f2f2f2;
}
.tableau.whiteRows tbody tr:nth-child(even) {
	background: #fff;
}
.tableau.whiteRows tbody tr.even {
	background: #fff;
}
.tableau.noZoning tbody tr {
	background: transparent !important;
}
.tableau.horizontalBorders tbody tr > td {
	border-top:1px solid #e5e5e5;
}

.tableau tbody tr:hover {
	background-color: #D0DCEA !important;
}
.tableau.noZoning tbody tr:hover {
	background-color: transparent !important;
}

/* version responsive du tableau */

.tableau.responsive.responsiveReady .lowRes {
	display: none;
}


/* Image avec libellé */
.labelledImage {
	display: block;
	margin:0 0 1em 0;
}
.labelledImage:last-of-type {
	margin-bottom: 0;
}
.labelledImage > img {
	display: inline-block;
	vertical-align: middle;
	margin:0 1em 0 0;
}
.labelledImage > span {
	display: inline-block;
	vertical-align: middle;
}

.editorial .columnsList {	
	display: table;
	vertical-align: top;
	margin:1em 0;
}

.editorial .columnsList > li {
	display: table-cell;
	vertical-align: top;
}

.editorial .columnsList.cols3 > li {
	width:33.333333333333%;
	padding-left: 15px;
	background: url(../img/editorial-bullet-point.png) 1px 6px no-repeat;
	padding-right:20px;
}

.editorial .columnsList.cols3 > li:last-child {
	padding-right: 0;
}

.editorial .columnsList.cols3 > li > h5,
.editorial .columnsList.cols3 > li > .fauxH5 {
	font-size: 1.15384615384615em; /* 15px / 13px */
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-weight:bold;
	font-style:normal;
	color: #ea7420;
	
	margin:0;
}

.editorial img {
	max-width: 100%;
	height:auto;
}


/* ************************************************************************************* 
 	Reprise des styles éditoriaux Web 3
 	TODO : à compléter à partir de la liste des styles Web3 identifiés dans le XLS
 	conception/Conception Page Editoriale Web3.5.xlsx 
   ************************************************************************************* */

/* NB styles suivant repris tels quel */
/* image et description */
.image_gauche{ margin: 15px 0; background: #f1efeb; }
.image_gauche .illustration{ margin-bottom: 0 !important; }
.image_gauche .description{ padding: 0 5px 8px 5px; }
.image_gauche .titre{ font-size: 100%; font-weight: bold; margin-bottom: 0; padding: 8px 0 !important; }
.image_gauche .clear{ background: #ffffff; margin-bottom: 15px;  _margin-top: -8px; }

.image_gauche .illustration{ display: block !important; vertical-align: bottom !important; margin-bottom: 0 !important; line-height: 0; font-size: 0; }
.image_droite .illustration{ display: block !important; vertical-align: top !important;  margin-bottom: 0 !important; line-height: 0; font-size: 0;  }

.image_gauche .illustration img{ display: block !important; vertical-align: bottom !important; margin-bottom: 0 !important; line-height: 0; font-size: 0; }
.image_droite .illustration img{ display: block !important; vertical-align: top !important;  margin-bottom: 0 !important; line-height: 0; font-size: 0;  }

.image_droite{ margin: 15px 0; background: #f1efeb; }
.image_droite .illustration{ margin-bottom: 0 !important; }
.image_droite .description{ padding: 0 5px 8px 5px; }
.image_droite .titre{ font-size: 100%; font-weight: bold; margin-bottom: 0; padding: 8px 0 !important; }
.image_droite .clear{ background: #ffffff; margin-bottom: 15px; _margin-top: -8px; }

.image_centre{ margin: 15px 0; background: #f1efeb; }
.image_centre .illustration{ margin-bottom: 0; float: none; margin: 0 auto; text-align: center; display: block; }
.image_centre .illustration img{ margin: 0 auto !important;}  
.image_centre .description{ padding: 0 5px 8px 5px; text-align: center; }
.image_centre .titre{ font-size: 12px; font-weight: bold; margin-bottom: 0; padding: 8px 0 !important; }
.image_centre .clear{ background: #ffffff; margin-bottom: 15px; }

.image_gauche img{ float: left; display: inline; margin: 0 5px 0 0 !important; }
.image_droite img{ float: right; display: inline; margin: 0 0 0 5px !important; }
.image_centre img{ display: block; text-align: center; float: none; }

.editorial .illustration{
	padding-top:8px;
}


/* Largeur inférieure à 980px */
@media screen and (max-width:979px) {
	/* version responsive du tableau */
	.tableau.responsive.responsiveReady .normalRes {
		display: none;
	}
	
	.tableau.responsive.responsiveReady .lowRes {
		display: table;
	}
	
	.tableau.responsive.responsiveReady .lowRes > thead > tr > th:first-child {
		width: 100px;
	}
	
	.tableau.responsive.responsiveReady .lowRes > tbody > tr > td > div {
		padding: 0 0 0 150px;
	}

    .resultatsRecherche.baseDeDonnees .tableau td {
        text-align: left !important;
        vertical-align: middle !important;
    }
}


 @media screen and (max-width:480px) {
	.miseEnAvant .editorial .questions > li {
		padding-left: 14px;
	}
	.miseEnAvant .editorial ul li,
	.miseEnAvant .editorial p,
	.miseEnAvant .editorial ol li{
		font-size: 12px;
		font-size: 0.923076923076923rem; /* 12px / 13px */
		line-height: 1.5em; /* 18px / 12px */
	}
	.miseEnAvant .liensComplementaires.style1 > li{
		padding: 0 0 5px 14px;
        background: url(../img/editorial-bullet-point.png) 1px 6px no-repeat;
		font-size: 12px;
		font-size: 0.923076923076923rem; /* 12px / 13px */
	}
	.miseEnAvant .editorial p{
		margin-top: 0;
		padding-top: 0;
	}
	.miseEnAvant .liensComplementaires li a {
		font-size: 1em; /* 13px / 13px */
	}
	/* Tableaux */
	.tableau caption {
		font-size: 1em; /* 13px / 13px */
		line-height: 1.384615384615385em; /* 18px / 13px */
	}
	.tableau td {
		line-height: 1.5em; /* 18px / 12px */
		font-size: 12px;
		font-size: 0.923076923076923rem; /* 12px / 13px */
	}
		
	.editorial .columnsList {	
		display: block;
	}
	
	.editorial .columnsList > li {
		display: block;
	}
	
	.editorial .columnsList.cols3 > li {
		width:auto;
		padding-right:0;
	}
	
	.editorial .columnsList.cols3 > li > p {
		padding: 0;
	}
	
}
/* Zone flottante */

.blocAvecZoneFlottante .editorial p {
    line-height: normal;
}
/* inclusion /templating-kit/themes/inrs/css/ckeditor5.css */
/* fichier surchargé le 01/06/2026 à 17:29 */
/* START : GENERAL */

.editorial > * {
	color: var(--color-charcoal);
    line-height: normal;
}

.editorial strong {
	font-weight: 700;
}

/* END : GENERAL */

/* START : HEADING <h2>, <h3>, <h4>, <h5>, <h6> */

.editorial :is(h2, h3, h4, h5, h6, .ck-heading-no-left-bar) {
    font-weight: 800;
	margin-top: 30px;
	margin-bottom: 20px;
	text-transform: none;
    text-align: initial;
    display: block;
}

.editorial :is(h4,h5,h6){
    color: var(--color-gris-titre);
}

.editorial :is(h2, h3, h4, h5, h6):has(.no-top-margin) {
	margin-top: 0;
}

.editorial :is(h2, h3, h4, h5, h6):has(.no-bottom-margin) {
	margin-bottom: 0;
}

.editorial :is(h2, h3, h4, h5, h6):has(.top-margin-50) {
	margin-top: 50px;
}

.editorial h3 {
	border-left: 10px solid var(--color-orange);
	padding-left: 10px;
}

.ck-heading-no-left-bar {
	border-left: unset !important;
	padding-left: unset !important;
}

.editorial h2 {
    font-size: 2.615385rem; /* 34/13 */
}

.editorial :is(h3, h3.ck-heading-no-left-bar) {
    font-size: 2.307692rem; /* 30/13 */
}

.editorial h4 {
    font-size: 2.153846rem; /* 28/13 */
}

.editorial h5 {
    font-size: 2rem; /* 26/13 */
}

.editorial h6 {
    font-size: 1.846154rem; /* 24/13 */
}

/* END : HEADING <h2>, <h3>, <h4>, <h5>, <h6> */

/* START : PARAGRAPH <p> */

.editorial p.chapeau {
    font-size: 1.538462rem; /* 20/13 */
	font-weight: 700;
}

.editorial p {
    font-size: 1.230769rem; /* 16/13 */
	margin: 10px 0;
}

/* Styles pour le bandeau de résultats de recherche */
.nbResultatsLibelleRecherche .editorial :is(p, div) {
    font-size: 1.692308rem;
}

.nbResultatsLibelleRecherche .editorial p:first-child {
    margin-top: 0;
}

.editorial p:last-child {
    margin-bottom: 0;
}

/* END : PARAGRAPH <p> */

/* START : ANCHOR <a> */

.editorial a {
	color: var(--color-charcoal) !important;
	text-decoration: underline;
	text-decoration-color: var(--color-orange);
	text-decoration-thickness: 2px;
	font-weight: 700;
}

.editorial a:hover {
	cursor: pointer;
	color: var(--color-orange) !important;
}

/* END : ANCHOR <a> */

/* START : TABLE */

.editorial :is(.table, .tableau) {
	width: 100%;
	box-shadow: 0 0 0 1px rgba(76, 76, 80, 0.2);
    float: none !important;
}

.editorial > :is(.tableau, .table, figure) {
    margin: 20px 0;
}

.editorial :is(.table, .tableau) table {
	width: 100%;
	box-shadow: 0 0 0 1px rgba(76, 76, 80, 0.2);
}

.editorial :is(.table, .tableau) table tbody tr:nth-child(even) td {
	background-color: #E6EFF5;
}

.editorial :is(.table, .tableau) table tbody tr:hover td {
	background-color: #D0DCEA !important;
}

.editorial :is(.table, .tableau) table th {
	background-color: var(--color-charcoal-gray);
	color: #FFFFFF;
    font-weight: 600;
    font-size: 1.23rem; /* 16px */
    padding: 27px 13px;
	box-shadow: 0 0 0 1px rgba(76, 76, 80, 0.2);
}

.editorial :is(.table, .tableau) table td {
	background-color: #FFFFFF;
	color: var(--color-charcoal);
    font-weight: 300;
    font-size: 1.230769rem; /* 16/13 */
    padding: 20px 13px;
	box-shadow: 0 0 0 1px rgba(76, 76, 80, 0.2);
}

.editorial :is(.table, .tableau) table td p:first-child{
	margin-top: 0;
}

.editorial :is(.table, .tableau) table td ul {
	padding-left: 15px;
}

/* END : TABLE */

/* START : LIST <ul> <ol> */

.editorial > :is(ul, ol) {
    font-size: 1.230769rem; /* 16/13 */
	margin: 0;
	margin-top: 10px;
	padding-left: 15px;
	list-style: none;
}

/* Styles pour le bandeau de résultats de recherche */
.nbResultatsLibelleRecherche .editorial > :is(ul, ol) {
    font-size: 1.692308rem;
}

.editorial ul:last-child {
    margin-bottom: 0;
}

.editorial ol {
	counter-reset: myCounter;
}

.editorial :is(ul, ol) li {
    position: relative;
    margin-bottom: 5px;
}

.editorial > :is(ul, ol) > li {
    margin-bottom: 10px;
}

.editorial ol li {
    counter-increment: customlistcounter;
	padding-left: 5px;
}

.editorial :is(ul, ol) li:before {
    color: var(--color-orange);
    content: "●";
    font-size: 14px;
    position: absolute;
    left: -15px;
    top: 2px;
}

/* Styles pour le bandeau de résultats de recherche */
.nbResultatsLibelleRecherche .editorial :is(ul, ol) li:before {
    font-size: 18px;
}

.blocAvecZoneFlottante .editorial :is(ul, ol) li:before {
    left: unset;
    margin-left: -15px;
}


.stage .editorial .informations_techniques :is(ul, ol) li:before {
    top: 15px;
}

@media screen and (max-width: 768px) {
    .stage .editorial .informations_techniques :is(ul, ol) li:before {
        top: 9px;
    }
}

.editorial :is(ul, ol) ul {
    list-style: none;
    padding-left: 10px;
}

.editorial :is(ul, ol) ul li:before {
    content: "-";
    left: -10px;
}

.editorial :is(ul, ol) ul ul {
    list-style: none;
}

.editorial ol li:before {
    content: counter(customlistcounter) ".";
	font-weight: 700;
}

/* END : LIST <ul> <ol> */

/* START : HORIZONTAL LINE <hr> */

.ck.editorial hr {
	margin : 0;
	height: 2px;
	background: var(--color-charcoal);
}

/* END : HORIZONTAL LINE <hr> */

/* START : IMAGE */

.editorial .image-style-align-left {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-top: 5px;
}

.editorial .image-style-align-right {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
    margin-top: 5px;
}

/* END : IMAGE */

/* START : MOBILE STYLES */

@media (max-width: 768px) {

    /* START : HEADING <h2>, <h3>, <h4>, <h5>, <h6> */

    .editorial h2 {
        font-size: 2.461538rem; /* 32/13 */
    }

    .editorial :is(h3, h3.ck-heading-no-left-bar) {
        font-size: 2.153846rem; /* 28/13 */
    }

    .editorial h4 {
        font-size: 2rem; /* 26/13 */
    }

    .editorial h5 {
        font-size: 1.846154rem; /* 24/13 */
    }

    .editorial h6 {
        font-size: 22px; /* 22/13 */
    }

    /* END : HEADING <h2>, <h3>, <h4>, <h5>, <h6> */

    /* START : TABLE */

    .editorial :is(.table, .tableau) {
        overflow: auto;
    }

    .editorial :is(.table, .tableau) table th {
        font-size: 1.230769rem; /* 16/13 */
        padding: 15px 10px;
    }

    .editorial :is(.table, .tableau) table td {
        font-size: 1.076923rem; /* 14/13 */
        padding: 15px 10px;
    }

    /* END : TABLE */

}

/* END : MOBILE STYLES */
/* inclusion /templating-kit/themes/inrs/css/autosuggest-inquisitor.css */
/* 
================================================
autosuggest, inquisitor style
================================================
*/

body
{
	position: relative;
}

div.autosuggest
{
	position: absolute;
	padding: 10px 0 0 0;
	z-index: 999999999999999999999999;
}

div.autosuggest:before {
	position: absolute;
	content: url(../img/inquisitor/as_pointer_2.png);
	display: inline-block;
	width:20px;
	height:10px;
	top:0;
	left:40px;
	z-index:250;
}

/* Flèche vers le bas quand la liste est au-dessus du champ */
div.autosuggest.autosuggest--above {
	padding: 0 0 10px 0;
}
div.autosuggest.autosuggest--above:before {
	top: auto;
	bottom: 0;
	transform: scaleY(-1);
}


div.autosuggest div.as_header,
div.autosuggest div.as_footer
{
	display: none;
	/*
	position: relative;
	height: 6px;
	padding: 0 6px;
	background-image: url(../img/inquisitor/ul_corner_tr.png);
	background-position: top right;
	background-repeat: no-repeat;
	overflow: hidden;
	*/
}
/*
div.autosuggest div.as_footer
{
	border-bottom:1px solid #7b7e83;
	background-image: url(../img/inquisitor/ul_corner_br.png);
}
*/
div.autosuggest div.as_header div.as_corner,
div.autosuggest div.as_footer div.as_corner
{
	display: none;
	/*
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	width: 6px;
	background-image: url(../img/inquisitor/ul_corner_tl.png);
	background-position: top left;
	background-repeat: no-repeat;*/
}
div.autosuggest div.as_footer div.as_corner
{
	/*background-image: url(../img/inquisitor/ul_corner_bl.png);*/
}
div.autosuggest div.as_header div.as_bar,
div.autosuggest div.as_footer div.as_bar
{
	height: 6px;
	overflow: hidden;
	background-color: #fff;
}


div.autosuggest ul
{
	list-style: none;
	margin: 0 0 -4px 0;
	padding: 0;
	overflow: hidden;
	background-color: #fff;
	border:1px solid #7b7e83;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
}

div.autosuggest ul li
{
	color: #ccc;
	padding: 0;
	margin: 0 6px;
	text-align: left;
}

div.autosuggest ul li:first-child {
	margin-top:6px;
}

div.autosuggest ul li:last-child {
	margin-bottom:6px;
}

div.autosuggest ul li a
{
	color: #000;
	display: block;
	text-decoration: none;
	background-color: transparent;
	/*text-shadow: #000 0px 0px 5px;*/
	position: relative;
	padding: 0;
	width: 100%;
}
div.autosuggest ul li a:hover
{
	background-color: #444;
}
div.autosuggest ul li.as_highlight a:hover
{
	background-color: #787f87;
}

div.autosuggest ul li a span
{
	display: block;
	padding: 4px 6px;
	font-weight: normal;
}

div.autosuggest ul li a span small
{
	font-weight: normal;
	color: #999;
}

div.autosuggest ul li.as_highlight a span small
{
	color: #ccc;
}

div.autosuggest ul li.as_highlight a
{
	color: #fff;
	background-color: #787f87;
	/*
	background-image: url(../img/inquisitor/hl_corner_br.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	*/
}

div.autosuggest ul li.as_highlight a span
{
	/*
	background-image: url(../img/inquisitor/hl_corner_bl.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	*/
}

div.autosuggest ul li a .tl,
div.autosuggest ul li a .tr
{
	display:none;
	/*
	background-image: transparent;
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 0;
	padding: 0;
	margin: 0;*/
}
div.autosuggest ul li a .tr
{
	/*
	right: 0;
	*/
}

div.autosuggest ul li.as_highlight a .tl
{
	/*
	left: 0;
	background-image: url(../img/inquisitor/hl_corner_tl.png);
	background-position: bottom left;
	*/
}

div.autosuggest ul li.as_highlight a .tr
{
	/*
	right: 0;
	background-image: url(../img/inquisitor/hl_corner_tr.png);
	background-position: bottom right;
	*/
}


div.autosuggest ul li.as_warning
{
	font-weight: bold;
	text-align: center;
}

div.autosuggest ul em
{
	font-style: normal;
	font-weight: bold;
}

/* inclusion /templating-kit/themes/inrs/css/flexslider.css */
/*
 * jQuery FlexSlider v2.7.2
 * https://www.woocommerce.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus {
  outline: none;
}

.slides,.flex-control-nav,.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
  
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides > li {
  xdisplay: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}

.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .flexslider .slides {
  display: block;
}

* html .flexslider .slides {
  height: 1%;
}

.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}
@-moz-document url-prefix() {
  .loading .flex-viewport {
    max-height: none;
  }

}

.carousel li {
  margin-right: 5px;
}

.flex-direction-nav {
  *height: 0;
}

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  content: '\f002';
}

.flex-direction-nav .flex-prev {
  left: -50px;
}

.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}

.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}

.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}

.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}

.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;

}

.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}

.flex-pauseplay a:hover {
  opacity: 1;
}

.flex-pauseplay a.flex-play:before {
  content: '\f003';
}

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}
/* inclusion /templating-kit/themes/inrs/css/controls.css */
@CHARSET "UTF-8";

.mgnlControlButton, .mgnlControlButton_PUSHED {
    font-size: 11px !important;
    height: 15px;
    padding: 1px 8px 1px 10px !important;
}
.mgnlControlButtonSmall, .mgnlControlButtonSmall_PUSHED {
    font-size: 9px !important;
    height: 5px;
    padding: 0 3px !important;
}
.mgnlControlButton, .mgnlControlButton_PUSHED, .mgnlControlButtonSmall, .mgnlControlButtonSmall_PUSHED {
    color: #f0f2e6 !important;
    cursor: default;
    display: inline !important;
    font-family: Verdana,sans-serif !important;
    white-space: nowrap;
    width: auto !important;
}
.mgnlControlButtonTransparent, .mgnlControlButtonTransparentSmall {
    background: transparent none repeat scroll 0 0;
    white-space: nowrap;
}
.mgnlControlButton, .mgnlControlButtonSmall, .mgnlControlButtonTransparent, .mgnlControlButtonTransparentSmall {
    background-color: #5e9201;
    border-color: #adc97b #396101 #396101 #adc97b;
    border-style: solid;
    border-width: 1px;
}
.mgnlControlButton_PUSHED, .mgnlControlButtonSmall_PUSHED {
    background-color: #9db517 !important;
    border-color: #b9c950 #8a2 #8a2 #b9c950;
    border-style: solid;
    border-width: 1px;
}
/* inclusion /templating-kit/themes/inrs/css/tooltipster-bundle.css */
/* This is the core CSS of Tooltipster */

/* GENERAL STRUCTURE RULES (do not edit this section) */

.tooltipster-base {
	/* this ensures that a constrained height set by functionPosition,
	if greater that the natural height of the tooltip, will be enforced
	in browsers that support display:flex */
	display: flex;
	pointer-events: none;
	/* this may be overriden in JS for fixed position origins */
	position: absolute;
}

.tooltipster-box {
	/* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
	and flex-basis auto for IE11- (at least) */
	flex: 1 1 auto;
}

.tooltipster-content {
	/* prevents an overflow if the user adds padding to the div */
	box-sizing: border-box;
	/* these make sure we'll be able to detect any overflow */
	max-height: 100%;
	max-width: 100%;
	overflow: auto;
}

.tooltipster-ruler {
	/* these let us test the size of the tooltip without overflowing the window */
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
}

/* ANIMATIONS */

/* Open/close animations */

/* fade */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade.tooltipster-show {
	opacity: 1;
}

/* grow */

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow.tooltipster-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

/* swing */

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing.tooltipster-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

/* fall */

.tooltipster-fall {
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall.tooltipster-initial {
	top: 0 !important;
}
.tooltipster-fall.tooltipster-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0 !important;
	opacity: 0;
}

/* slide */

.tooltipster-slide {
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-initial {
	left: -40px !important;
}
.tooltipster-slide.tooltipster-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0 !important;
	opacity: 0;
}

/* Update animations */

/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */

/* fade */

@keyframes tooltipster-fading {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.tooltipster-update-fade {
	animation: tooltipster-fading 400ms;
}

/* rotate */

@keyframes tooltipster-rotating {
	25% {
		transform: rotate(-2deg);
	}
	75% {
		transform: rotate(2deg);
	}
	100% {
		transform: rotate(0);
	}
}

.tooltipster-update-rotate {
	animation: tooltipster-rotating 600ms;
}

/* scale */

@keyframes tooltipster-scaling {
	50% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}

.tooltipster-update-scale {
	animation: tooltipster-scaling 600ms;
}

/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 * 
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */

/* .tooltipster-box */

.tooltipster-sidetip .tooltipster-box {
	background: #565656;
	border: 2px solid black;
	border-radius: 4px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
	margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
	margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
	margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
	margin-bottom: 8px;
}

/* .tooltipster-content */

.tooltipster-sidetip .tooltipster-content {
	color: white;
	line-height: 18px;
	padding: 6px 14px;
}

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */

.tooltipster-sidetip .tooltipster-arrow {
	overflow: hidden;
	position: absolute;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
	height: 10px;
	/* half the width, for centering */
	margin-left: -10px;
	top: 0;
	width: 20px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
	height: 20px;
	margin-top: -10px;
	right: 0;
	/* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
	been positioned yet */
	top: 0;
	width: 10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
	height: 20px;
	margin-top: -10px;
	left: 0;
	/* same as .tooltipster-left .tooltipster-arrow */
	top: 0;
	width: 10px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
	bottom: 0;
	height: 10px;
	margin-left: -10px;
	width: 20px;
}

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */

.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
	height: 0;
	position: absolute;
	width: 0;
}

/* .tooltipster-arrow-background */

.tooltipster-sidetip .tooltipster-arrow-background {
	border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
	border-bottom-color: #565656;
	left: 0px;
	top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
	border-left-color: #565656;
	left: -3px;
	top: 0px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
	border-right-color: #565656;
	left: 3px;
	top: 0px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
	border-top-color: #565656;
	left: 0px;
	top: -3px;
}

/* .tooltipster-arrow-border */

.tooltipster-sidetip .tooltipster-arrow-border {
	border: 10px solid transparent;
	left: 0;
	top: 0;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
	border-bottom-color: black;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
	border-left-color: black;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
	border-right-color: black;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
	border-top-color: black;
}

/* tooltipster-arrow-uncropped */

.tooltipster-sidetip .tooltipster-arrow-uncropped {
	position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
	top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
	left: -10px;
}


/* ------------------------------------------------------------------------------------------------------ */

.tooltipster-sidetip.tooltipster-inrs .tooltipster-box {
	border-radius: 0px;
	border: 1px solid #b5b5b5;
	background: #e5e5e5;
}

.tooltipster-sidetip.tooltipster-inrs .tooltipster-content {
	color: #666
}

.tooltipster-sidetip.tooltipster-inrs .tooltipster-arrow {
	height: 9px;
	margin-left: -9px;
	width: 18px
}

.tooltipster-sidetip.tooltipster-inrs.tooltipster-left .tooltipster-arrow,
.tooltipster-sidetip.tooltipster-inrs.tooltipster-right .tooltipster-arrow {
	height: 18px;
	margin-left: 0;
	margin-top: -9px;
	width: 9px
}

.tooltipster-sidetip.tooltipster-inrs .tooltipster-arrow-background {
	border: 9px solid transparent;
}

.tooltipster-sidetip.tooltipster-inrs.tooltipster-bottom .tooltipster-arrow-background {
	border-bottom-color: #e5e5e5;
	top: 1px;
}

.tooltipster-sidetip.tooltipster-inrs.tooltipster-left .tooltipster-arrow-background {
	border-left-color: #e5e5e5;
	left: -1px;
}

.tooltipster-sidetip.tooltipster-inrs.tooltipster-right .tooltipster-arrow-background {
	border-right-color: #e5e5e5;
	left: 1px;
}

.tooltipster-sidetip.tooltipster-inrs.tooltipster-top .tooltipster-arrow-background {
	border-top-color: #e5e5e5;
	top: -1px;
}

.tooltipster-sidetip.tooltipster-inrs .tooltipster-arrow-border {
	border: 9px solid transparent;
}

.tooltipster-sidetip.tooltipster-inrs.tooltipster-bottom .tooltipster-arrow-border {
	border-bottom-color: #b5b5b5;
}

.tooltipster-sidetip.tooltipster-inrs.tooltipster-left .tooltipster-arrow-border{
	border-left-color: #b5b5b5;
}

.tooltipster-sidetip.tooltipster-inrs.tooltipster-right .tooltipster-arrow-border {
	border-right-color: #b5b5b5;
}

.tooltipster-sidetip.tooltipster-inrs.tooltipster-top .tooltipster-arrow-border {
	border-top-color: #b5b5b5;
}

.tooltipster-sidetip.tooltipster-inrs.tooltipster-bottom .tooltipster-arrow-uncropped {
	top: -9px;
}

.tooltipster-sidetip.tooltipster-inrs.tooltipster-right .tooltipster-arrow-uncropped {
	left: -9px;
}

/* ------------------------------------------------------------------------------------------------------ */

.tooltipster-sidetip .tooltipTitle {
    color: #EB690C;
    font-weight: bold;
    border-bottom: solid 1px #c3c7ca;
    margin:0 0 0.5em 0;
}

.tooltipster-sidetip .tooltipContent {
    border: medium none !important;
    display: block;
    padding: 2px 0;
    text-decoration: none !important;
}

.tooltipster-sidetip .tooltipLinkDetails {
	display: block;
	font-weight: bold;
    margin:0.5em 0 0 0;
    color:#b0273e;
}

/* inclusion /templating-kit/themes/inrs/css/flowplayer.css */
.flowplayer{position:relative;width:100%;background-size:contain;background-repeat:no-repeat;background-position:center center;display:inline-block;}
.flowplayer *{font-weight:inherit;font-family:inherit;font-style:inherit;text-decoration:inherit;font-size:100%;padding:0;border:0;margin:0;list-style-type:none}
.flowplayer a:focus{outline:0}
.flowplayer video{width:100%}
.flowplayer.is-ipad video{-webkit-transform:translateX(-2048px);}
.is-ready.flowplayer.is-ipad video{-webkit-transform:translateX(0)}
.flowplayer .fp-engine,.flowplayer .fp-ui,.flowplayer .fp-message{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1}
.flowplayer .fp-message{display:none;text-align:center;padding-top:5%;cursor:default;}
.flowplayer .fp-message h2{font-size:120%;margin-bottom:1em}
.flowplayer .fp-message p{color:#666;font-size:95%}
.flowplayer .fp-controls{position:absolute;bottom:0;width:100%;}
.no-background.flowplayer .fp-controls{background-color:transparent !important;background-image:-moz-linear-gradient(transparent,transparent) !important;background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),to(transparent)) !important}
.is-fullscreen.flowplayer .fp-controls{bottom:3px}
.is-mouseover.flowplayer .fp-controls{bottom:0}
.flowplayer .fp-waiting{display:none;margin:19% auto;text-align:center;}
.flowplayer .fp-waiting *{-webkit-box-shadow:0 0 5px #333;-moz-box-shadow:0 0 5px #333;box-shadow:0 0 5px #333}
.flowplayer .fp-waiting em{width:1em;height:1em;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;background-color:rgba(255,255,255,0.8);display:inline-block;-webkit-animation:pulse .6s infinite;-moz-animation:pulse .6s infinite;animation:pulse .6s infinite;margin:.3em;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.flowplayer .fp-waiting em:nth-child(1){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}
.flowplayer .fp-waiting em:nth-child(2){-webkit-animation-delay:.45s;-moz-animation-delay:.45s;animation-delay:.45s}
.flowplayer .fp-waiting em:nth-child(3){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}
.flowplayer .fp-waiting p{color:#ccc;font-weight:bold}
.flowplayer .fp-speed{font-size:30px;background-color:#333;background-color:rgba(51,51,51,0.8);color:#eee;margin:0 auto;text-align:center;width:120px;padding:.1em 0 0;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s;}
.flowplayer .fp-speed.fp-hilite{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer .fp-help{position:absolute;top:0;left:-9999em;z-index:100;background-color:#333;background-color:rgba(51,51,51,0.9);width:100%;height:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s;text-align:center;}
.is-help.flowplayer .fp-help{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer .fp-help .fp-help-section{margin:3%;direction:ltr}
.flowplayer .fp-help .fp-help-basics{margin-top:6%}
.flowplayer .fp-help p{color:#eee;margin:.5em 0;font-size:14px;line-height:1.5;display:inline-block;margin:1% 2%}
.flowplayer .fp-help em{background:#eee;-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;margin-right:.4em;padding:.3em .6em;color:#333}
.flowplayer .fp-help small{font-size:90%;color:#aaa}
.flowplayer .fp-help .fp-close{display:block}
@media (max-width: 600px){.flowplayer .fp-help p{font-size:9px}
}.flowplayer .fp-subtitle{position:absolute;bottom:40px;left:-99999em;z-index:10;text-align:center;width:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;}
.flowplayer .fp-subtitle p{display:inline;background-color:#333;background-color:rgba(51,51,51,0.9);color:#eee;padding:.1em .4em;font-size:16px;line-height:1.6;}
.flowplayer .fp-subtitle p:after{content:'';clear:both}
.flowplayer .fp-subtitle.fp-active{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-mute,.flowplayer .fp-embed,.flowplayer .fp-close,.flowplayer .fp-play{background-image:url(../img/flowplayer/white.png);background-size:37px 300px;}
.is-rtl.flowplayer .fp-fullscreen,.is-rtl.flowplayer .fp-unload,.is-rtl.flowplayer .fp-mute,.is-rtl.flowplayer .fp-embed,.is-rtl.flowplayer .fp-close,.is-rtl.flowplayer .fp-play{background-image:url(../img/flowplayer/white_rtl.png)}
.color-light.flowplayer .fp-fullscreen,.color-light.flowplayer .fp-unload,.color-light.flowplayer .fp-mute,.color-light.flowplayer .fp-embed,.color-light.flowplayer .fp-close,.color-light.flowplayer .fp-play{background-image:url(../img/flowplayer/black.png);}
.is-rtl.color-light.flowplayer .fp-fullscreen,.is-rtl.color-light.flowplayer .fp-unload,.is-rtl.color-light.flowplayer .fp-mute,.is-rtl.color-light.flowplayer .fp-embed,.is-rtl.color-light.flowplayer .fp-close,.is-rtl.color-light.flowplayer .fp-play{background-image:url(../img/flowplayer/black_rtl.png)}
@media (-webkit-min-device-pixel-ratio: 2){.color-light.flowplayer .fp-fullscreen,.color-light.flowplayer .fp-unload,.color-light.flowplayer .fp-mute,.color-light.flowplayer .fp-embed,.color-light.flowplayer .fp-close,.color-light.flowplayer .fp-play{background-image:url(../img/flowplayer/black@x2.png)}
.is-rtl.color-light.flowplayer .fp-fullscreen,.is-rtl.color-light.flowplayer .fp-unload,.is-rtl.color-light.flowplayer .fp-mute,.is-rtl.color-light.flowplayer .fp-embed,.is-rtl.color-light.flowplayer .fp-close,.is-rtl.color-light.flowplayer .fp-play{background-image:url(../img/flowplayer/black_rtl@x2.png)}
}@media (-webkit-min-device-pixel-ratio: 2){.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-mute,.flowplayer .fp-embed,.flowplayer .fp-close,.flowplayer .fp-play{background-image:url(../img/flowplayer/white@x2.png)}
.is-rtl.flowplayer .fp-fullscreen,.is-rtl.flowplayer .fp-unload,.is-rtl.flowplayer .fp-mute,.is-rtl.flowplayer .fp-embed,.is-rtl.flowplayer .fp-close,.is-rtl.flowplayer .fp-play{background-image:url(../img/flowplayer/white_rtl@x2.png)}
}.flowplayer .fp-flash-disabled{background:#333;width:390px;margin:0 auto;position:absolute;bottom:0;color:#fff}
.is-splash.flowplayer .fp-ui,.is-paused.flowplayer .fp-ui{background:url(../img/flowplayer/play_white.png) center no-repeat;background-size:12%;}
.is-rtl.is-splash.flowplayer .fp-ui,.is-rtl.is-paused.flowplayer .fp-ui{background:url(../img/flowplayer/play_white_rtl.png) center no-repeat;background-size:12%}
@media (-webkit-min-device-pixel-ratio: 2){.is-splash.flowplayer .fp-ui,.is-paused.flowplayer .fp-ui{background:url(../img/flowplayer/play_white@x2.png) center no-repeat;background-size:12%}
.is-rtl.is-splash.flowplayer .fp-ui,.is-rtl.is-paused.flowplayer .fp-ui{background:url(../img/flowplayer/play_white_rtl@x2.png) center no-repeat;background-size:12%}
}.color-light.is-splash.flowplayer .fp-ui,.color-light.is-paused.flowplayer .fp-ui{background-image:url(../img/flowplayer/play_black.png);}
.is-rtl.color-light.is-splash.flowplayer .fp-ui,.is-rtl.color-light.is-paused.flowplayer .fp-ui{background-image:url(../img/flowplayer/play_black_rtl.png)}
@media (-webkit-min-device-pixel-ratio: 2){.color-light.is-splash.flowplayer .fp-ui,.color-light.is-paused.flowplayer .fp-ui{background-image:url(../img/flowplayer/play_black@x2.png);}
.is-rtl.color-light.is-splash.flowplayer .fp-ui,.is-rtl.color-light.is-paused.flowplayer .fp-ui{background-image:url(../img/flowplayer/play_black_rtl@x2.png)}
}.is-fullscreen.flowplayer .fp-ui{background-size:auto}
.is-seeking.flowplayer .fp-ui,.is-loading.flowplayer .fp-ui{background-image:none}
.flowplayer .fp-logo{position:absolute;top:auto;left:15px;bottom:40px;cursor:pointer;display:none;z-index:100;}
.flowplayer .fp-logo img{width:100%}
.is-embedded.flowplayer .fp-logo{display:block}
.fixed-controls.flowplayer .fp-logo{bottom:15px}
.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-close{position:absolute;top:10px;left:auto;right:10px;display:block;width:30px;height:23px;background-position:12px -197px;cursor:pointer;}
.is-rtl.flowplayer .fp-fullscreen,.is-rtl.flowplayer .fp-unload,.is-rtl.flowplayer .fp-close{right:auto;left:10px;background-position:18px -197px}
.flowplayer .fp-unload,.flowplayer .fp-close{background-position:14px -175px;display:none;}
.is-rtl.flowplayer .fp-unload,.is-rtl.flowplayer .fp-close{background-position:14px -175px}
.flowplayer .fp-play{display:none;width:27px;height:30px;background-position:9px -24px;position:absolute;bottom:0;left:0;}
.is-rtl.flowplayer .fp-play{background-position:18px -24px;left:auto;right:0}
.play-button.flowplayer .fp-play{display:block}
.is-paused.flowplayer .fp-play{background-position:9px 7px;}
.is-rtl.is-paused.flowplayer .fp-play{background-position:18px 7px}
.flowplayer.is-ready.is-closeable .fp-unload{display:block}
.flowplayer.is-ready.is-closeable .fp-fullscreen{display:none}
.flowplayer.is-fullscreen .fp-fullscreen{background-position:10px -217px;display:block !important;}
.is-rtl.flowplayer.is-fullscreen .fp-fullscreen{background-position:21px -217px}
.flowplayer.is-fullscreen .fp-unload,.flowplayer.is-fullscreen .fp-close{display:none !important}
.flowplayer .fp-timeline{height:3px;position:relative;overflow:hidden;top:10px;height:10px;margin:0 165px 0 55px;}
.no-volume.flowplayer .fp-timeline{margin-right:75px}
.no-mute.flowplayer .fp-timeline{margin-right:155px}
.no-mute.no-volume.flowplayer .fp-timeline{margin-right:55px}
.play-button.flowplayer .fp-timeline{margin-left:72px}
.is-rtl.flowplayer .fp-timeline{margin:0 55px 0 165px;}
.no-volume.is-rtl.flowplayer .fp-timeline{margin-left:75px}
.no-mute.is-rtl.flowplayer .fp-timeline{margin-left:155px}
.no-mute.no-volume.is-rtl.flowplayer .fp-timeline{margin-left:55px}
.play-button.is-rtl.flowplayer .fp-timeline{margin-right:72px}
.is-long.flowplayer .fp-timeline{margin:0 195px 0 85px;}
.no-volume.is-long.flowplayer .fp-timeline{margin-right:105px}
.no-mute.is-long.flowplayer .fp-timeline{margin-right:85px}
.play-button.is-long.flowplayer .fp-timeline{margin-left:102px}
.is-rtl.is-long.flowplayer .fp-timeline{margin:85px 0 195px 0;}
.no-volume.is-rtl.is-long.flowplayer .fp-timeline{margin-left:105px}
.no-mute.is-rtl.is-long.flowplayer .fp-timeline{margin-left:85px}
.play-button.is-rtl.is-long.flowplayer .fp-timeline{margin-left:102px}
.aside-time.flowplayer .fp-timeline,.no-time.flowplayer .fp-timeline{margin:0 120px 0 10px}
.aside-time.no-volume.flowplayer .fp-timeline,.no-time.no-volume.flowplayer .fp-timeline{margin-right:30px}
.aside-time.no-mute.flowplayer .fp-timeline,.no-time.no-mute.flowplayer .fp-timeline{margin-right:10px}
.play-button.no-time.flowplayer .fp-timeline,.play-button.aside-time.flowplayer .fp-timeline{margin-left:27px}
.is-rtl.aside-time.flowplayer .fp-timeline,.is-rtl.no-time.flowplayer .fp-timeline{margin:0 10px 0 120px}
.is-rtl.aside-time.no-volume.flowplayer .fp-timeline,.is-rtl.no-time.no-volume.flowplayer .fp-timeline{margin-left:30px}
.is-rtl.aside-time.no-mute.flowplayer .fp-timeline,.is-rtl.no-time.no-mute.flowplayer .fp-timeline{margin-left:10px}
.is-rtl.play-button.no-time.flowplayer .fp-timeline,.is-rtl.play-button.aside-time.flowplayer .fp-timeline{margin-right:27px}
.flowplayer .fp-buffer,.flowplayer .fp-progress{position:absolute;top:0;left:auto;height:100%;cursor:col-resize}
.flowplayer .fp-buffer{-webkit-transition:width .25s linear;-moz-transition:width .25s linear;transition:width .25s linear}
.flowplayer.is-touch .fp-timeline{overflow:visible}
.flowplayer.is-touch .fp-progress{-webkit-transition:width .2s linear;-moz-transition:width .2s linear;transition:width .2s linear}
.flowplayer.is-touch .fp-timeline.is-dragging .fp-progress{-webkit-transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear;-moz-transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear;transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear}
.flowplayer.is-touch.is-mouseover .fp-progress:after,.flowplayer.is-touch.is-mouseover .fp-progress:before{content:'';display:block;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;position:absolute;right:-5px}
.flowplayer.is-touch.is-rtl.is-mouseover .fp-progress:after,.flowplayer.is-touch.is-rtl.is-mouseover .fp-progress:before{right:auto;left:-5px}
.flowplayer.is-touch.is-rtl.is-mouseover .fp-progress:after{left:-10px;-webkit-box-shadow:-1px 0 4px rgba(0,0,0,0.5);-moz-box-shadow:-1px 0 4px rgba(0,0,0,0.5);box-shadow:-1px 0 4px rgba(0,0,0,0.5)}
.flowplayer.is-touch.is-mouseover .fp-progress:before{width:10px;height:10px}
.flowplayer.is-touch.is-mouseover .fp-progress:after{height:10px;width:10px;top:-5px;right:-10px;border:5px solid rgba(255,255,255,0.65);-webkit-box-shadow:1px 0 4px rgba(0,0,0,0.5);-moz-box-shadow:1px 0 4px rgba(0,0,0,0.5);box-shadow:1px 0 4px rgba(0,0,0,0.5)}
.flowplayer.is-touch.is-mouseover .fp-timeline.is-dragging .fp-progress:after{border:10px solid #fff;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-transition:inherit;-moz-transition:inherit;transition:inherit;top:-10px;right:-15px}
.flowplayer.is-touch.is-rtl.is-mouseover .fp-timeline.is-dragging .fp-progress:after{left:-15px;right:auto;border:10px solid #fff}
.flowplayer .fp-volume{position:absolute;top:11px;right:10px;}
.is-rtl.flowplayer .fp-volume{right:auto;left:10px}
.flowplayer .fp-mute{position:relative;width:10px;height:15px;float:left;top:-3.5px;cursor:pointer;background-position:-2px -99px;}
.is-rtl.flowplayer .fp-mute{float:right;background-position:-25px -99px}
.no-mute.flowplayer .fp-mute{display:none}
.flowplayer .fp-volumeslider{width:90px;height:8px;cursor:col-resize;float:left;}
.is-rtl.flowplayer .fp-volumeslider{float:right}
.no-volume.flowplayer .fp-volumeslider{display:none}
.flowplayer .fp-volumelevel{height:100%}
.flowplayer .fp-time{text-shadow:0 0 1px #000;font-size:12px;font-weight:bold;color:#fff;width:100%;}
.flowplayer .fp-time.is-inverted .fp-duration{display:none}
.flowplayer .fp-time.is-inverted .fp-remaining{display:inline}
.flowplayer .fp-time em{width:35px;height:10px;line-height:10px;text-align:center;position:absolute;bottom:10px}
.no-time.flowplayer .fp-time{display:none}
.is-long.flowplayer .fp-time em{width:65px}
.flowplayer .fp-elapsed{left:10px;}
.play-button.flowplayer .fp-elapsed{left:27px}
.is-rtl.flowplayer .fp-elapsed{left:auto;right:10px;}
.play-button.is-rtl.flowplayer .fp-elapsed{right:27px}
.flowplayer .fp-remaining,.flowplayer .fp-duration{right:120px;color:#eee;}
.no-volume.flowplayer .fp-remaining,.no-volume.flowplayer .fp-duration{right:30px}
.no-mute.flowplayer .fp-remaining,.no-mute.flowplayer .fp-duration{right:110px}
.no-mute.no-volume.flowplayer .fp-remaining,.no-mute.no-volume.flowplayer .fp-duration{right:10px}
.is-rtl.flowplayer .fp-remaining,.is-rtl.flowplayer .fp-duration{right:auto;left:120px;}
.no-volume.is-rtl.flowplayer .fp-remaining,.no-volume.is-rtl.flowplayer .fp-duration{left:30px}
.no-mute.is-rtl.flowplayer .fp-remaining,.no-mute.is-rtl.flowplayer .fp-duration{left:110px}
.no-mute.no-volume.is-rtl.flowplayer .fp-remaining,.no-mute.no-volume.is-rtl.flowplayer .fp-duration{left:10px}
.flowplayer .fp-remaining{display:none}
.flowplayer.color-light .fp-time{color:#222;text-shadow:0 0 1px #fff}
.flowplayer.color-light .fp-remaining,.flowplayer.color-light .fp-duration{color:#666}
.flowplayer.aside-time .fp-time{position:absolute;top:10px;left:10px;bottom:auto !important;width:100px;}
.flowplayer.aside-time .fp-time strong,.flowplayer.aside-time .fp-time em{position:static}
.flowplayer.aside-time .fp-time .fp-elapsed{margin-right:10px;}
.is-rtl.flowplayer.aside-time .fp-time .fp-elapsed{margin-right:auto;margin-left:10px}
.flowplayer.is-long.aside-time .fp-time{width:130px}
.flowplayer.is-splash,.flowplayer.is-poster{cursor:pointer;}
.flowplayer.is-splash .fp-controls,.flowplayer.is-poster .fp-controls,.flowplayer.is-splash .fp-fullscreen,.flowplayer.is-poster .fp-fullscreen,.flowplayer.is-splash .fp-unload,.flowplayer.is-poster .fp-unload,.flowplayer.is-splash .fp-time,.flowplayer.is-poster .fp-time,.flowplayer.is-splash .fp-embed,.flowplayer.is-poster .fp-embed{display:none !important}
.flowplayer.is-poster .fp-engine{top:-9999em}
.flowplayer.is-loading .fp-waiting{display:block}
.flowplayer.is-loading .fp-controls,.flowplayer.is-loading .fp-time{display:none}
.flowplayer.is-loading .fp-ui{background-position:-9999em}
.flowplayer.is-loading video.fp-engine{position:absolute;top:-9999em}
.flowplayer.is-seeking .fp-waiting{display:block}
.flowplayer.is-fullscreen{position:fixed !important;top:0 !important;left:0 !important;border:0 !important;margin:0 !important;width:100% !important;height:100% !important;max-width:100% !important;z-index:99999 !important;-webkit-box-shadow:0 !important;-moz-box-shadow:0 !important;box-shadow:0 !important;background-image:none !important;background-color:#333;}
.is-rtl.flowplayer.is-fullscreen{left:auto !important;right:0 !important}
.flowplayer.is-error{border:1px solid #909090;background:#fdfdfd !important;}
.flowplayer.is-error h2{font-weight:bold;font-size:large;margin-top:10%}
.flowplayer.is-error .fp-message{display:block}
.flowplayer.is-error object,.flowplayer.is-error video,.flowplayer.is-error .fp-controls,.flowplayer.is-error .fp-time,.flowplayer.is-error .fp-subtitle{display:none}
.flowplayer.is-ready.is-muted .fp-mute{opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50)}
.flowplayer.is-mouseout .fp-controls{height:0;-webkit-transition:height .15s .3s;-moz-transition:height .15s .3s;transition:height .15s .3s}
.flowplayer.is-mouseout .fp-timeline{margin:0 !important}
.flowplayer.is-mouseout .fp-timeline{-webkit-transition:height .15s .3s,top .15s .3s,margin .15s .3s;-moz-transition:height .15s .3s,top .15s .3s,margin .15s .3s;transition:height .15s .3s,top .15s .3s,margin .15s .3s;height:4px;top:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.flowplayer.is-mouseout .fp-fullscreen,.flowplayer.is-mouseout .fp-unload,.flowplayer.is-mouseout .fp-elapsed,.flowplayer.is-mouseout .fp-remaining,.flowplayer.is-mouseout .fp-duration,.flowplayer.is-mouseout .fp-embed,.flowplayer.is-mouseout .fp-volume,.flowplayer.is-mouseout .fp-play{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .15s .3s;-moz-transition:opacity .15s .3s;transition:opacity .15s .3s}
.flowplayer.is-mouseover .fp-controls,.flowplayer.fixed-controls .fp-controls{height:30px}
.flowplayer.is-mouseover .fp-fullscreen,.flowplayer.fixed-controls .fp-fullscreen,.flowplayer.is-mouseover .fp-unload,.flowplayer.fixed-controls .fp-unload,.flowplayer.is-mouseover .fp-elapsed,.flowplayer.fixed-controls .fp-elapsed,.flowplayer.is-mouseover .fp-remaining,.flowplayer.fixed-controls .fp-remaining,.flowplayer.is-mouseover .fp-duration,.flowplayer.fixed-controls .fp-duration,.flowplayer.is-mouseover .fp-embed,.flowplayer.fixed-controls .fp-embed,.flowplayer.is-mouseover .fp-logo,.flowplayer.fixed-controls .fp-logo,.flowplayer.is-mouseover .fp-volume,.flowplayer.fixed-controls .fp-volume,.flowplayer.is-mouseover .fp-play,.flowplayer.fixed-controls .fp-play{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer.fixed-controls .fp-volume{display:block}
.flowplayer.fixed-controls .fp-controls{bottom:-30px;}
.is-fullscreen.flowplayer.fixed-controls .fp-controls{bottom:0}
.flowplayer.fixed-controls .fp-time em{bottom:-20px;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.is-fullscreen.flowplayer.fixed-controls .fp-time em{bottom:10px}
.flowplayer.is-disabled .fp-progress{background-color:#999}
.flowplayer.is-flash-disabled{background-color:#333;}
.flowplayer.is-flash-disabled object.fp-engine{z-index:100}
.flowplayer.is-flash-disabled .fp-flash-disabled{display:block;z-index:101}
.flowplayer .fp-embed{position:absolute;top:10px;left:10px;display:block;width:25px;height:20px;background-position:3px -237px;}
.is-rtl.flowplayer .fp-embed{background-position:22px -237px;left:auto;right:10px}
.flowplayer .fp-embed-code{position:absolute;display:none;top:10px;left:40px;background-color:#333;padding:3px 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 3px #ccc;-moz-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc;font-size:12px;}
.flowplayer .fp-embed-code:before{content:'';width:0;height:0;position:absolute;top:2px;left:-10px;border:5px solid transparent;border-right-color:#333}
.is-rtl.flowplayer .fp-embed-code{left:auto;right:40px;}
.is-rtl.flowplayer .fp-embed-code:before{left:auto;right:-10px;border-right-color:transparent;border-left-color:#333}
.flowplayer .fp-embed-code textarea{width:400px;height:16px;font-family:monaco,"courier new",verdana;color:#777;white-space:nowrap;resize:none;overflow:hidden;border:0;outline:0;background-color:transparent;color:#ccc}
.flowplayer .fp-embed-code label{display:block;color:#999}
.flowplayer.is-embedding .fp-embed,.flowplayer.is-embedding .fp-embed-code{display:block;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer.aside-time .fp-embed{left:100px;}
.is-rtl.flowplayer.aside-time .fp-embed{left:auto;right:100px}
.flowplayer.aside-time .fp-embed-code{left:130px;}
.is-rtl.flowplayer.aside-time .fp-embed-code{left:auto;right:130px}
.flowplayer.aside-time.is-embedding .fp-time{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer.is-long.aside-time .fp-embed{left:130px;}
.is-rtl.flowplayer.is-long.aside-time .fp-embed{left:auto;right:130px}
.flowplayer.no-time .fp-embed{left:10px !important;}
.is-rtl.flowplayer.no-time .fp-embed{left:auto;right:10px !important}
.flowplayer.is-live .fp-timeline,.flowplayer.is-live .fp-duration,.flowplayer.is-live .fp-remaining{display:none}
.flowplayer .fp-context-menu{position:absolute;display:none;z-index:1001;background-color:#fff;padding:10px;border:1px solid #aaa;-webkit-box-shadow:0 0 4px #888;-moz-box-shadow:0 0 4px #888;box-shadow:0 0 4px #888;width:170px;}
.flowplayer .fp-context-menu li{text-align:center;padding:10px;color:#444;margin:0 -10px 0 -10px;}
.flowplayer .fp-context-menu li a{color:#00a7c8;font-size:110%}
.flowplayer .fp-context-menu li:hover:not(.copyright){background-color:#eee}
.flowplayer .fp-context-menu li.copyright{margin:0;padding-left:110px;background-image:url(../img/flowplayer/flowplayer.png);background-repeat:no-repeat;background-size:100px 20px;background-position:5px 5px;border-bottom:1px solid #bbb;}
@media (-webkit-min-device-pixel-ratio: 2){.flowplayer .fp-context-menu li.copyright{background-image:url(../img/flowplayer/flowplayer@2x.png)}
}@-moz-keyframes pulse{0%{opacity:0}
100%{opacity:1}
}@-webkit-keyframes pulse{0%{opacity:0}
100%{opacity:1}
}@-o-keyframes pulse{0%{opacity:0}
100%{opacity:1}
}@-ms-keyframes pulse{0%{opacity:0}
100%{opacity:1}
}@keyframes pulse{0%{opacity:0}
100%{opacity:1}
}.flowplayer .fp-controls{background-color:#111}
.flowplayer .fp-timeline{background-color:#555}
.flowplayer .fp-buffer{background-color:#eee}
.flowplayer .fp-progress{background-color:#4da5d8}
.flowplayer.is-touch.is-mouseover .fp-progress:before{background-color:#4da5d8}
.flowplayer .fp-volumelevel{background-color:#fff}
.flowplayer .fp-volumeslider{background-color:#555}
.flowplayer .fp-timeline,.flowplayer .fp-volumeslider{border:1px inset;border-color:rgba(0,0,0,0.2) rgba(17,17,17,0.05)}
.flowplayer .fp-controls,.flowplayer .fp-progress{background-image:-moz-linear-gradient(rgba(255,255,255,0.4),rgba(255,255,255,0.01));background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0.4)),to(rgba(255,255,255,0.01)))}
.flowplayer .fp-timeline,.flowplayer .fp-buffer,.flowplayer .fp-progress,.flowplayer .fp-volumeslider,.flowplayer .fp-volumelevel{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.flowplayer.color-light .fp-controls{background-color:#eee;background-image:-moz-linear-gradient(rgba(0,0,0,0.01),rgba(0,0,0,0.3));background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0.01)),to(rgba(0,0,0,0.3)))}
.flowplayer.color-light .fp-timeline,.flowplayer.color-light .fp-volumeslider{border-color:#eee #ccc}
.flowplayer.color-light .fp-timeline,.flowplayer.color-light .fp-volumeslider{background-color:#ccc;font-size:10px}
.flowplayer.color-alt .fp-progress{background-image:-moz-linear-gradient(#999,#111);background-image:-webkit-gradient(linear,0 0,0 100%,from(#999),to(#111))}
.flowplayer.color-alt.is-touch.is-mouseover .fp-progress:before{background-image:-moz-linear-gradient(#999,#111);background-image:-webkit-gradient(linear,0 0,0 100%,from(#999),to(#111))}
.flowplayer.color-alt .fp-timeline,.flowplayer.color-alt .fp-volumeslider{background-color:#111}
.flowplayer.color-alt2 .fp-progress{background-color:#900}
.flowplayer.color-alt2.is-touch.is-mouseover .fp-progress:before{background-color:#900}

/* inclusion /templating-kit/themes/inrs/css/swiper-bundle.min.css */
/**
 * Swiper 11.0.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 9, 2023
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}