/* inclusion /templating-kit/themes/inrs/css/styles-communs.css */
@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 {
    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 */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    background-color: #ffffff;
}
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;
}

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

.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;
}
.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,
#etAussi > .wrapper,
#notreMetier > .wrapper,
#container_principal,
.resultatsRecherche .wrapper {
    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%;
}

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

#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: 2px solid #ffffff;
}
.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%;
}
.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 */
    
    -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);
}
.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;
    padding: 1px 20px;
    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 */
    
    -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.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 {
    background: url("../img/lienComplementaire-style1-bullet-point.png") no-repeat scroll 0 3px;
    display: block;
    margin: 1em 0;
}

.lienSolitaire > a {
    color: #b0273e;
    padding-left: 10px;
    font-weight: bold;
    display: block;
}


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{
    line-height: 1.230769230769231em; /* 16px / 13px */
    margin: 4px 0;
    padding-left: 18px;
    background: url(../img/editorial-bullet-point.png) 1px 6px no-repeat;
}


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

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

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

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

    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,
.resultatsRecherche .listeResultats > li:nth-child(even) ul.listeTabulee > li > .entree > span > span,
.liste .listeResultats > li.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: #ddd;
}

/* 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 {
    color: #b0273e;
    font-weight: bold;
}

ul.listeTabulee > li > .details a:hover {
    text-decoration: underline;
}

ul.listeTabulee > li > .details ul.bullets {
    list-style-type: square;
    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:first-child:last-child {
    list-style-type: none;
    margin-left:-18px;
}
*/
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: top;
    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: #b0273e;
    font-weight: bold;
}
ul.listeNonTabulee > li > .details a:hover {
    text-decoration: underline;
}
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;
}
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. */
.header .bandeauHaut .bouton.fermer,
.header .bandeauMilieu .menuResponsive,
.header .bandeauMilieu .fctTransverses {
    display: none;
} 
.header .bandeauMilieu {
    background: url(../img/bordure-header.png) 0 bottom repeat-x;
    position: relative;
}

.bandeauHaut {
    padding: 0;
    font-size: 0; 
    background-color: #3c3c3c;
}
.ltIE9 .bandeauHaut { /* alternative au font-size:0 */
    font-family: AdobeBlank;
    font-size:1em;
}
#desktopMetaNavigation{
    display: inline;
}

.bandeauHaut,
#metaNavigation {
    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;
}

/* meta navigation et menu de navigation "tous les sites" */
#metaNavigation > ul {
    display: inline-block;
    font-size: 0; 
    text-indent:20px;
    margin:0 16em 0 -20px;
}
.ltIE9 #metaNavigation > ul { /* alternative au font-size:0 */
    font-family: AdobeBlank;
    font-size:1em;
}
#metaNavigation > ul > li {
    font-size: 1rem; /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    vertical-align: top;
    display: inline-block;
    padding: 5px 0;
    position: relative;
    min-height: 15px;
    text-indent: 0;
}
.ltIE9 #metaNavigation > ul > li { /* alternative aux tailles "rem" */
    font-size:1em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#metaNavigation > ul > li > a {
    display: inline-block;
    padding: 0 20px;
    border-right: 1px solid white;
}
#metaNavigation > ul > li:first-child a {
    padding-left: 0;
}
#metaNavigation > ul > li:last-child > a,
.foreign #metaNavigation > ul > li.dernierAvantDrapeaux > a {
    border-right: none;
}
.no-js .desktop #metaNavigation > ul .lienMultiple:hover,
.desktop #metaNavigation > ul .lienMultiple.open,
.desktop #metaNavigation > ul .lienMultiple.open .lienMultipleList {
    background-color: #e8e8e8;
    z-index:99999999;
}
.desktop #metaNavigation > ul .lienMultiple > a {
    position: relative;
    display: inline-block;
    text-decoration: none;
}
.desktop #metaNavigation > ul .lienMultiple > a:after {
    position: relative;
    top: -2px;
    right: 0;
    padding: 0 0 0 10px;
    content: url(../img/fleche-menu-deroulant-header.png);  
}
.no-js .desktop #metaNavigation > ul .lienMultiple:hover > a,
.desktop #metaNavigation > ul .lienMultiple.open > a  {
    position: relative;
    left: -1px;
    border-right: 0;    
    border-left: 1px solid #3c3c3c;
}
.no-js .desktop #metaNavigation > ul .lienMultiple:hover > a:after,
.desktop #metaNavigation > ul .lienMultiple.open > a:after {
    content: url(../img/fleche-menu-deroulant-header-ouvert.png);   
}
.no-js .desktop #metaNavigation > ul .lienMultiple:hover a,
.desktop #metaNavigation > ul .lienMultiple.open a {
    color: #3c3c3c;
}
.desktop #metaNavigation > ul .lienMultiple > ul {
    display: none;
    
    background-color: #e8e8e8;
    margin: 0;
    padding: 13px 24px 24px 0;
    position: absolute;
    top: 25px;
    left: 0;
    z-index: 99999;
}
.no-js .desktop #metaNavigation > ul .lienMultiple:hover > ul,
.desktop #metaNavigation > ul .lienMultiple.open > ul {
    display: block;
}
.desktop #metaNavigation > ul .lienMultiple ul li {
    display: block;
    float: none;
    margin: 0;
    padding: 0;
}
.desktop #metaNavigation > ul .lienMultiple ul a {
    display: block;
    float: none;
    height: auto;
    line-height: 115.384615384615%; /* 15px / 13px */
    padding: 5px 0 5px 20px;
    width: 303px;
}
:first-child + html .desktop #metaNavigation > ul .lienMultiple a {
    height: 10px;
}
.no-js .desktop #metaNavigation > ul .lienMultiple ul a:hover{
    text-decoration: underline;
}
.no-js .desktop #metaNavigation > ul .lienMultiple > a:hover{
    text-decoration: underline;
}
.desktop #metaNavigation > ul .lienMultiple.open > a{
    text-decoration: underline;
} 
.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;
}

#bandeauSite {
    vertical-align: top;
    padding-right: 27.17391304347826%; /* 250px / 920px */
    width: 66%;
}
.foreign.en #bandeauSite:after {
    display: inline-block;
    position: absolute;
    top:0;
    right:75px;
    content:" ";
    background: url(../img/logo-SRIAT.png) 0 0 no-repeat;
    height: 105px;
    width: 240px;
    font-size: 0;
}
@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;
    }
}

#bandeauSite > a {
    width: 50%; /* 460px / 920px */
    position: relative;
    top: 20px;
    left: -20px;    
}
#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;
}
#bandeauSite .titre {
    vertical-align: top;
    display: inline-block;
    position: relative;
    top: 21px;
    left: 30px;
    padding-right:20px;
    font-family: pt_sans, sans-serif;
    font-weight: bold;
    font-style: italic;
    /*font-size: 1.846153846153846em;*/
    font-size: 24px;
    color: #787f86;
}

.foreign.en #bandeauSite .titre {
    max-width: 13.5em;
    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: inline;
}
#navHorizontale {
    position: relative;
    margin:0 0 0 -9px;
    padding: 30px 0 13px 0;
    
    -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:9500;
}
#navHorizontale > li {
    display: inline-block;
    padding: 10px 0 7px;
}
#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;
    border-right: 1px solid #707070;
    padding: 0 6px 3px 6px;
    
    font-family: pt_sans, sans-serif;
    font-weight: bold;
    font-style: normal;
    /* font-size: 1.461538461538462em; */
    font-size: 19px; /* cf. REFONTEINRS-171 */
    color: #3c3c3c;
}
.foreign.en #navHorizontale > li > a {
    padding-left: 30px;
    padding-right: 30px;
}
@media screen and (max-width:900px) {
    .foreign.en #navHorizontale > li > a {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media screen and (max-width:790px) {
    .foreign.en #navHorizontale > li > a {
        padding-left: 15px;
        padding-right: 15px;
    }
}
.foreign.en #navHorizontale > li:first-child > a {
    padding-left: 10px;
}
.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;
}
.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: 1rem; /* 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: "";
}

#pisteNavigation {
    padding: 7px 0 20px 0;
    font-size: 0; 
}
.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 > span,
#pisteNavigation li > a {
    margin: 0 0.5em 0 0;
    color: #757575;
    text-decoration: none;
}
#pisteNavigation li > a:hover > span{
    text-decoration: underline;
    cursor:pointer;
}
#pisteNavigation li.sel > span {
    font-weight: bold;
}
#pisteNavigation li:after {
    content: "\003e"; /* > */
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-size: 0.9230769230769231rem; /* 12px / 13px */
    text-decoration: none !important;
    margin:0 0.5em 0 0;
}
.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 ***************************/
h2#titrePage,
h1#titrePage {
    font-family: pt_sans, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 2.769230769230769em; /* 36px / 13px */
    line-height: 100%;
    color: #ea7420;
    padding-top: 5px;
    
    /*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: normal;
    font-style: normal;
    font-size: 2.0em; /* 26px / 13px */
    line-height: 119.2307692307692% /* 31px / 26px */ ;
    color: #ea7420;
    padding-top: 9px;
}

.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; /* 16px / 13px */
    font-weight: bold;
    line-height: 125%; /* 20/16 */
    padding-top: 18px;
    margin-bottom: 1em;
    display:block;
}
.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: #e5e5e5;
    color: #3c3c3c;
    margin-top: 20px;
}
.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 {
    padding:20px 20px 5px 20px;
    
    -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-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-size: 1.07692307692rem; /* Base 14px - 14/13px */
    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_sommaire .sommaire li > a,
.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: 10px 0;
    padding: 28px 20px 20px 20px;
    background-color: #e5e5e5;
    font-size: 1em; /* 13px / 13px */   
    position: relative;
}
.bloc_liste > .titre_liste, /* reprise Web3 */
.miseEnAvant > .titre {
    position: relative;
    font-family: pt_sans, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 1.692307692307692em; /* 22px / 14px */
    line-height: 100%; /* 22px / 22px */
    margin: 0;
}
.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-top: 20px;
    font-size: 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%;
}

.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/picto-loupe-zoom.png) 0 0 no-repeat;
    position: relative;
    bottom: -8px;
    right: -10px;   
}
.blocImage .picto_clic .hand {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAkCAYAAADsHujfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RURDQThFRTdGRDI0MTFFODlGNDlENTQ4OTE2MDE1QzUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RURDQThFRTZGRDI0MTFFODlGNDlENTQ4OTE2MDE1QzUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkExRjgwRDc0RDM5NDExRTNCREREREIyRTc1OEE3QUZGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkExRjgwRDc1RDM5NDExRTNCREREREIyRTc1OEE3QUZGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+sKjUdgAAAuhJREFUeNrMmL9rFEEUx3d2Vw3xBwcmKEEvSrAyihZ2AUEUESUJisRGEMHSfyCVtY0QiJ02ghZa6REimCIgYiGSeMEijcRC/Inir+R0zfgdeCPPuXe7s3d75B58uNudH/vdmXlv3qzSWgedYDEIgQJWkaJfSaFbpliZZv24v1ntVxVGJHI6XAvTYdAhFrehz1Ui1/OKFpJQn6PgBNgFamAO3KPfkHAmR+sQxAVg+toJprVsy2Cc6kVO20i62ayIflDV2WbF/CekCK8x09EPKmDQKXsFNoMedu83OATm2dJo2WuMiLIgYhlcBPvAfnCXla0DY0WuEdN2D1h0hv4nGKZySy94z+pMOWslCltw0W3gGiiBX3R/BZwD92nY7dB/Ad9Z+w2S+6om48Q7GmLjnttJwCITwe08rSNrS+4WEbM9wXdNmFE8Co6DAfADzIIb4LMjIqGYMunEjkora8TU7QOVBm75AYwBRXNv6o+CFafeDFjvPDfyFWLqlT3ixBvQnSLCtN8hxRGfgGZFLAgP/goSdn2L6o80EFEWRHgJsWG7KoTrS6AE9oIJcJXaDOcUkSmkUdg2Ik5R+REwwOLFWVDznA4vIT4iHrB7s+CxMHVVGtEgY/pFIQG9gSTCRswhj83NV4QoJCTXepQiQpEbp3nQE4/piNPc11yfTtk7eL2NtKXPg08UR56Cy1QW5Ni36kbEXN9kIv6AC0Kn5nqQvMaKKrFApnJuoFHsHAcCYU+4LYR5E7bvUHh/Dt6CF2BCOGZ4mbT71tj/TWALE8BFdIGt4Bg4DKYo6WkqyQqFw88cu9cLroM+0E3JjhVhbQEMgZcgajbDclPFhDKqZ5RJWfsIvoHdTnsj4iR43eKJoC5VjGmurzj3e9oo4l8aUJfa08ofp/gh2cOccSLTaxpl8TYLOwDOgIOU3pmsfJqysKTAA5rOOk4kKYu8yHOzznqj2Pnk0Dbzfau2f7aIaS2s+ecJ1Smfrv4KMAAAypoNh81MHwAAAABJRU5ErkJggg==) 0 0 no-repeat;
    position: relative;
    bottom: -10px;
    right: -10px;   
}
.blocImage .picto_clic .fond,
.blocImage .picto_zoom .fond {
    position: absolute;
    top: 0;
    left: 0;
    content: " ";
    background-color: black;
    opacity: 0.8;
}

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

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

/* bloc video */
.blocVideo {
    margin-top: 20px;
}
.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: 150px;
    height: 150px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -75px 0 0 -75px;
    display: block;
}
.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-top: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 .swiper {
	background-color: #e5e5e5;
}
.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;
}

/* 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: #3c3c3c;
}
.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: #3c3c3c;
}
.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-top: 15px;
    clear: both;
}
.blocAvecZoneFlottante > .zoneFlottante > *:FIRST-CHILD,
.blocAvecZoneFlottante > .zoneCoulante > *:FIRST-CHILD,
.blocAvecZoneFlottante > .zoneCoulante .editorial *:FIRST-CHILD {
    margin-top: 0;
    padding-top: 0;
}
.zoneFlottante {
    width: 46.66666666666667%; /* 280px / 600px */
}
.zoneFlottante.gauche {
    float: left;
    margin: 3px 3.33333333333333% 3px 0; /* 20px / 600px */
}
.zoneFlottante.droite {
    float: right;
    margin: 3px 0 3px 3.33333333333333%; /* 20px / 600px */
}


body.editMode .blocAvecZoneFlottante .zoneFlottante {
    width: 48.66666666666667%; /* 280px / 600px */
}

body.editMode .blocAvecZoneFlottante .zoneCoulante {
    width: 48.66666666666667%; /* 280px / 600px */
}

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

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

.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: -35px 0 0 -40px;
}
.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;
    */
}
.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-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-weight: normal;
    font-size: 0.9230769230769231rem; /* Base 12px - 12/13px */
    font-style: italic;
    color: #787f86;
    margin: 20px 0;
}
.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: bold;
    line-height: 123.076923076923%; /* 16px / 13px */
    padding-top: 8px;
}
.ressource .description {
    font-size: 0.9230769230769231em; /* 12px / 13px */
    line-height: 133.333333333333%; /* 16px / 12px */
    color: #3c3c3c;
    padding-top: 5px;
}

.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 {
    /* pour IE 8 on met en place une résolution fixe minimale. */
    /* min-width 600px;*/
}
#container_principal img {
    max-width: 100%;
    height:auto;
}
.container_contenuPrincipal{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 65.21739130434783%; /* 600px / 920px */
    min-width: 52.17391304347826%; /* 480px / 920px */
}

/**************************** 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;
}
.container_colonneDroite {
    width: 30.43478260869565%; /* 280px / 920px */
    margin: 0 0 0 4.347826086956522%; /* 40px / 920px */ 
    min-width: 23.91304347826087%; /* 220px / 920px */
}
#desktopBarreFonctionnalites{
    display: inline;
}
#barre_fonctionnalites{
    width: 100%;
    position: relative;
    background-color: #e5e5e5;
    padding-bottom: 4px;
    padding-top: 9px;
    line-height: 13px;
    font-size: 0; 
}
.ltIE9 #barre_fonctionnalites { /* alternative au font-size:0 */
    font-family: AdobeBlank;
    font-size:1em;
}



.bf_outils{
    display: inline-block;
    width: 97%;
    padding:0 4px;
    font-size: 0; 
} 
.ltIE9 .bf_outils { /* alternative au font-size:0 */
    font-family: AdobeBlank;
    font-size:1em;
}
.bf_outils li {
    display: inline-block;
    vertical-align: middle; 
    margin: 0 0 5px 5%;
}
.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%;
    }
}

/* YDI - INRSFR-499 */
@media only screen and (max-width: 894px) and (min-width: 768px)  {
  .bf_outils li {
    margin: 0 0 0px 2%;
  }
}

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

/*
.ltIE9 #barre_fonctionnalites .bf_outils li {
    margin: 0 0 0 9px;
}
*/
#barre_fonctionnalites:before{
    position: absolute;
    top: 50%;
    left: -7px; /* base 7px - 7/280px */
    margin-top:-17px;
    content: "\00a0"; /* espace insécable */
    font-size: 0;
    width:7px;
    height:35px;
    background: url(../img/barreFonctionnalites/EncocheBarreFonctionnalites.png) no-repeat 0 0;
}
#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: inline-block;
    width: 105%;
} 
.bf_outils .bf_taillesCar li{
    display: inline-block;
    margin: 0 0 0 1px !important;
    height: 32px;
    width: 32px;
    background-color: #787f86;
} 
.bf_outils .bf_taillesCar li a {
    display: inline-block;
    width: 32px;
    height: 32px;
}
.bf_outils .bf_taillesCar li a:hover {
    background-color: #ea7420;
}
.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;
}
.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,
.bloc_compedit{
    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,
.liste .pagination,
.formation .pagination,
.maSelection .pagination{
    background-color: #787f86;
    margin-top: 20px;
    min-height: 70px;
    margin-bottom: -30px;
}
.resultatsRecherche .pagination.affinage {
    background-color: #ea7420;
}
.resultatsRecherche .pagination.tri,
.resultatsRecherche .pagination.affinage,
.formation .pagination.tri
.maSelection .pagination.tri{
    margin-bottom: 0;
}
.pagination .navigationPages, 
.pagination .triPages,
.pagination .affiner,
.pagination .affinerMajFamille{
    width: 65.2173913%;
    position: relative;
    float: left;
    padding: 20px 0;
}
.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{
    display: inline-block;
    text-align: center;
    width: 30.4347826%;
    margin: 0;
    float: right;
}
.resultatsRecherche .pagination .choixAffichageResultats,
.liste .pagination .choixAffichageResultats,
.formation .pagination .choixAffichageResultats,
.maSelection .pagination .choixAffichageResultats{
    padding: 20px 0;
    width: 29%;
}

.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 > *,
.liste .navigationPages .numerosPages ul li *,
.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.reduit *,
.formation .navigationPages .numerosPages.reduit *,
.liste .navigationPages .numerosPages.reduit *,
.maSelection .navigationPages .numerosPages.reduit *{
    display: none;
}
.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 *,
.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;
}
.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;
}
.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:3.5em;
}

.resultatsRecherche .navigationPages > span.btnNav.precedent,
.formation .navigationPages > span.btnNav.precedent,
.liste .navigationPages > span.btnNav.precedent,
.maSelection .navigationPages > span.btnNav.precedent{
    width:9em;
}
.resultatsRecherche .navigationPages > span.btnNav.suivant,
.formation .navigationPages > span.btnNav.suivant,
.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;
}

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

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

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

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

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

.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: 106%;
    margin: 8px 0 8px -3%;
}
.liste .listeResultats > li{
    width: 94%;
    padding: 17px 3%;
}
.liste .listeResultats > li .date,
.liste .listeResultats > li .titre{
    /* 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: 1.428571428571429em; /* 20px/14px */
    /*font-size: 1.53846153846rem;*/ /* 14px/13px */
    /*line-height: 120%;*/ /* 20px/14px */
    margin-bottom: 6px;
}
.ltIE9 .liste .listeResultats > li .date,
.ltIE9 .liste .listeResultats > li .titre { /* alternative aux tailles "rem" */
    font-size:1.53846153846em;
    font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.liste .listeResultats > li .titre{
    color: #000000; 
}
.liste .listeResultats > li .date{
    color: #787f86; 
}
.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:visited:hover .lienExterne {
    cursor: pointer;
    color: #808080;
    text-decoration: underline;
    text-decoration-color: #808080;
}

.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:visited .lienExterne .lienExterneImg,
.liste .listeResultats > li a:visited:hover .lienExterne .lienExterneImg {
    background-image: url(../img/external_link_grey.svg);
}*/

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

.liste .listeResultats > li a:visited,
.liste .listeResultats > li a:visited h3,
.liste .listeResultats > li a:visited .informationsEvenement{
    color: #808080 !important;
}
.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;
    margin-top: 3px;
    min-height: 20px;
}
.liste .listeResultats .informationsEvenement .periode{
    background: url(../img/calendar.svg) 0 0 no-repeat;
    width: 90px;
}
.liste .listeResultats .informationsEvenement .lieu{
    background: url(../img/localisation-pin-orange.svg) 0 0 no-repeat;
    width: 125px;
}

.liste .listeResultats .infoComplementaire {
    margin:0 0 0 0;
    display: inline-block;
    font-weight: bold;
    font-style: italic;
    padding: 4px;
    color:#EA7420;
    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 > a:visited > p,
.liste .listeResultats .listeAgendaItem > a:visited > h3,
.liste .listeResultats .listeAgendaItem .listeAgendaItemContainer .listeAgendaItemContainerInfos > a:visited .lienExterne {
    color: #808080;
}

.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 */
#informations_techniques_media,
.stage .informations_techniques,
.infos_actu{
    margin: 1.92307692307692em /* 25px / 13px */ 0 2.30769230769231em; /* 30px / 13px */
}
#informations_techniques_media .titreIT,
.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: 1em; /* 13px/13px */
    font-weight: normal;
    line-height: 1.38461538461538em; /* 18px / 13px */
}

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

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

.lien_etude_rattachement {
    color: #b0273e;
    font-weight: bold;
}
.lien_etude_rattachement span{
    background: url("../img/lienComplementaire-miseenavant-style1-bullet-point.png") no-repeat 1px 0.307692307692308em /* 4px / 13px */;
    padding-left: 18px;
    display: block;
    line-height: 1.15384615384615em; /* 15px / 13px */
}

#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: #b0273e;
    font-weight: bold;
}

.etude_communication_publication #footer{
    margin: 0 auto;
}


/***************************** 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-family: pt_sans, sans-serif;
    font-size: 1.69230769230769em; /* 22px / 13px */
    color: #3c3c3c;
    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: #e5e5e5;
    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-family: pt_sans, sans-serif;
    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: #e5e5e5;
    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-family: pt_sans, sans-serif;
    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: #e5e5e5;
    margin: 20px 0 40px;
    padding: 5px 20px 0;
    position: relative;
    display: block;
}
.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.07692307692308em; /* 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;
}
.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-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size:1.076923076923077rem;
    font-weight: bold;
    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),
.liste .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: 30px auto 0 auto;
    width: 100%;
    background: url(../img/footer/FooterOmbre.png) -100px 0 repeat-x;
}
.fwrapper {
    max-width: 920px;
    width: 93.87755%;  /* base 920px - 920/980px */
    margin: 0 auto;
}
.ltIE9 .fwrapper {
    width: 920px; /* largeur fixe sous IE8 */
}
#ftop_container{
    width: 100%; /* base 920px - 920/920px */
}
#ffollow_container{
    width: 65.21739%; /* base 600px - 600/920px */
    float: left;
}
.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%; /* base 600px - 600/600px */
    padding-top: 50px;
    margin-bottom: 30px;
}
.fi_titre{
    display: inline;
    width: 46.66666%; /* base 280px - 280/600px */
    font-family: pt_sans, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 3.076923em; /* base 40px - 40/13px */
    color: #989898;
    font-weight: normal;
}
.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: table;
    border-collapse: separate;
    width:100%; 
    float: left;
}
.ltIE9 #follow_remontees{
    width: 93%;
}
#follow_remontees .ftr_row{
    display: table-row;
}
#follow_remontees p{
    padding-bottom: 8px;
}
#fr_actus,
#fr_youtube,
#fr_agenda,
#fr_twitter{
    display: table-cell;
}
#fr_actus,
#fr_youtube{
    padding-bottom: 35px;
}
#fr_youtube,
#fr_twitter{
    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{
    width:87.5%; /* base 280px - 280/320px */
}
#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 *******************************/
#fr_twitter a.footer_linkedin {
    display:inline-block;
    width:36px;
    height:36px;
	margin-right: 5px;
	background-image:url(../img/footer/linkedin_orange.png);
}
  
#fr_twitter a.footer_linkedin:hover {
    display:inline-block;
	width:36px;
    height:36px;
	margin-right: 5px;
    background-image:url(../img/footer/linkedin.png);
}

#fr_twitter a.footer_X {
    display:inline-block;
    width:36px;
    height:36px;
	margin-right: 5px;
    background-image:url(../img/footer/X_orange.png);
}
  
#fr_twitter a.footer_X:hover {
    display:inline-block;
	width:36px;
    height:36px;
	margin-right: 5px;
    background-image:url(../img/footer/X.png);
}

#fr_twitter a.footer_instagram {
    display:inline-block;
    width:36px;
    height:36px;
	margin-right: 5px;
    background-image:url(../img/footer/instagram_orange.png);
}
  
#fr_twitter a.footer_instagram:hover {
    display:inline-block;
	width:36px;
    height:36px;
	margin-right: 5px;
    background-image:url(../img/footer/instagram.png);
}
/***************************** EMY FIN FOOTER RESEAUX SOCIAUX *******************************/

#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{
    width: 100%; /* base 280px - 280/280px */
    background-color: #5d5e5e;
    color: white;
    background-image: url(../img/footer/EncocheLettreInfo.png);
    background-repeat: no-repeat;
    background-position: -24px 25px;
}
#fc_lettre .fcl_titre{
    width: 85.7142857%; /* base 240px - 240/280px */
    padding-top: 50px;
    font-family: pt_sans, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 2.15384615em; /* base 28px - 28/13px */
    padding-left: 7.14285%; /* base 20px - 20/280px */
    margin-bottom: 25px;
}
#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 {
    width: 85.7142857%; /* base 240px - 240/280px */
    height: 38px;   
    background-color: white;
    margin-left: 7.14285%; /* base 20px - 20/280px */
    margin-bottom: 24px;
    position: relative;
}
#mailInput_address {
    display: inline-block;
    background-color: transparent;
    border: 0;
    width: 82%; 
    height: 38px;
    padding:0 4px 0 10px;
}
 #footer #mailInput_address.bluredAndEmpty {
    background: url('../img/footer/placeholder_adresse_mail.png') center left no-repeat;
}

.ltIE9 #mailInput_address{
    line-height: 38px;
}
#mailInput_button{
    width: 36px;
    height: 38px;
    position: absolute;
    top: 0;
    right: 0;
    
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    color: #ffffff;
    text-align: center;
    
    border: 0;
    -webkit-border-radius:0;
    padding: 0;
    
    cursor: pointer;
}
#mailInput_button:hover{
    text-decoration: underline;
}
#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{
    width: 100%;
    background-color: #3c3c3c;
    /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-size: 1rem; /* base 13px - 13/13px */
}
.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{
    width: 65.21739%; /* base 600px - 600/920px */ 
    display: inline;
    float: left;
    margin-right: 4.34782%; /* base 40px - 40/920px */ 
    text-align: center; 
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 2%;
}
#fbottom_container .fwrapper ul li{
    display:inline-block;
    border-right: 1px solid white;
    padding-right: 20px; 
    margin-right: 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{
    color: white;
}
#fbottom_container .fwrapper p{
    display: inline-block;
    color: white;
    padding-bottom: 15px;
    padding-top: 15px;
}
#fbottom_container #btnHautPage{
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 1000;
    
    background: url(../img/footer/BoutonHautPage.png) no-repeat 0 0;
    width: 53px;
    height: 53px;
    font-size: 0;
}

/*** 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:9999; 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;}
.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{
    position: absolute;
    bottom:20px;
    left:20px;
    right:20px;
    width:auto;
    height:33px;
    background: #3c3c3c;
    padding:0 103px 0 0;
    overflow: hidden;
}
.defaultTheme #cboxCurrent .flex-control-nav {
    position:static;
    bottom:0;
}
.defaultTheme #cboxTitle{
    width: inherit;
    position:absolute;
    bottom:20px;
}
.defaultTheme.popin-zoom-image.diaporama #cboxTitle{
    bottom:51px; /* 18 + 33 */
    background: #e5e5e5;
}
.defaultTheme.popin-zoom-image #cboxContent{
    padding-bottom:90px; /* 20 + 70 */
}     
.defaultTheme.popin-zoom-image.diaporama #cboxContent{
    padding-bottom:123px; /* 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 #cboxTitle {
    min-height: 70px; 
}
.defaultTheme.popin-zoom-image.sansEncart #cboxTitle {
    min-height: none;
    display: none !important;
}

.defaultTheme #cboxTitle div.encart {
    background-color: #e5e5e5;
    padding-bottom: 6px;
}

.defaultTheme.popin-zoom-image #cboxTitle div.encart {
    padding-bottom: 10px;
}

.defaultTheme #cboxTitle .encart:before {
    content: url(../img/encoche-encart-grise.png);
}

.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 */
}
.defaultTheme.diaporama #cboxPrevious_wrapper, 
.defaultTheme.diaporama #cboxNext_wrapper, 
.defaultTheme.diaporama #cboxSlideshow_wrapper {
    display: inline-block;
    position: absolute;
    bottom:20px;
    width: 33px;
    height: 33px;
    border-left:1px solid #9e9e9e;
}
.defaultTheme #cboxPrevious_wrapper {
    right:88px;
}
.defaultTheme #cboxNext_wrapper {
    right:54px;
}
.defaultTheme #cboxSlideshow_wrapper {
    right:20px;
}
.defaultTheme #cboxPrevious,
.defaultTheme #cboxNext,
.defaultTheme #cboxSlideshow {
    display: inline-block;
    width: 33px;
    height: 33px;
    content:"\00a0"; /* espace insécable */
    font-size: 0;
    border:none; 
    background-color: transparent;
    background-image: url(../img/diaporama/ctrl-diapo.png);
    background-repeat: no-repeat;
    position: relative;
}

.defaultTheme #cboxPrevious:active,
.defaultTheme #cboxNext:active,
.defaultTheme #cboxSlideshow:active {
    background-color: #888;
}

.defaultTheme #cboxPrevious {
    background-position: 11px 10px;
}

.defaultTheme #cboxNext {
    background-position: -39px 10px;
}

.defaultTheme #cboxSlideshow {
    background-position: -139px 10px;
}

.defaultTheme .cboxSlideshow_off #cboxSlideshow {
    background-position: -89px 10px;            
}

.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) {
    
    /* HEADER */
    /* Navigation : meta navigation */
    #metaNavigation > ul {
        margin-right:50px;
    }
    
    .accueil #metaNavigation > ul {
        margin-right:0; /* car pas de barre_fonctionnalites sur la page d'accueil */ 
    }
    
    /* Navigation : ma sélection */
    .bandeauHaut .maSelection {
        font-size: 0; 
        padding-right:0;
        text-decoration: none;
    }
    .ltIE9 .bandeauHaut .maSelection { /* alternative au font-size:0 */
        font-family: AdobeBlank;
        font-size:1em;
    }
    
    /* 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 à 786px */
@media screen and (max-width:786px) {
    
    /* HEADER */
    #bandeauSite .titre{
        top: 5px;
        left: 22px;
    }
}


/* Largeur inférieure à 780px */
@media screen and (max-width:780px) {
    
    
    /* PAGE EDITORIALE */*
    /* Blocs vidéo simple, avec zone flottante, dans les ressources */
    .blocVideo a.ico_video .play {
        width: 100px !important;
        height: 100px !important;
        margin: -50px 0 0 -50px !important;
    }
    .zoneFlottante .blocVideo a.ico_video .play {
        width: 70px !important;
        height: 70px !important;
        margin: -35px 0 0 -35px !important;
    }   
    .ressource.blocVideo a.ico_video .play {
        width: 56px !important;
        height: 56px !important;
        margin: -28px 0 0 -28px !important;
    }
}


/* Largeur inférieure à 767px */
@media screen and (max-width:767px) {

    /* FOOTER */
    /* Bloc Suivez l'INRS */
    .follow_inrs{
        margin-top:20px;
    }
    #ffollow_container{
        width: 100%;
    }   
    /* 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 .fcl_titre {
        padding-top: 12px;
        margin-bottom: 12px;
    }   
    #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%;
    }
    /* Bloc navigation et legal */
    #fbottom_container .fwrapper ul li{
        padding-right: 15px; 
        margin-right: 15px;
    }
    
    /* CONTENU PRINCIPAL */
    .container_contenuPrincipal {
        width: 100%;
    }
    .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 */
    .container_colonneDroite {
        width: 100%;
        margin: 10px 0 0 0;
    }
    .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,
    .bf_outils li {
        display:block;
        margin:0;
    }   
    .bf_outils li a {
        display:block;
        /* font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif; */
        font-size:1rem;
        line-height: 37px;
        text-align: right;
        color:#3c3c3c;
        text-decoration: none;
    }   
    .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:hover {
        background: #787f87;
        font-weight: bold;
        color:#fff;
    }   
    .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 a span.title{
        display:inline;
    }   
    .bf_outils .impression,
    .bf_outils .partageSocial,
    .bf_outils .taillesCar {
        display: none !important;
    }
    .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;
    }
    .pagination .navigationPages,
    .pagination .triPages,
    .pagination .affiner,
    .pagination .affinerMajFamille{
        width: 100%;
        border: 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,
    .liste .pagination .choixAffichageResultats,
    .formation .pagination .choixAffichageResultats,
    .maSelection .pagination .choixAffichageResultats{
        display: none;
    }
    
    .resultatsRecherche .triPages,
    .resultatsRecherche .affiner,
    .resultatsRecherche .affinerMajFamille,
    .resultatsRecherche .navigationPages,
    .liste .navigationPages,
    .formation .triPages,
    .formation .navigationPages,
    .maSelection .triPages,
    .maSelection .navigationPages
    {
        width: 100% !important;
        padding-right: 0 !important;
        border-right: none !important;
    }
    
    /* 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 768 et 1015px */
@media screen and (min-width:768px) and (max-width:1015px) {
    
    #bandeauSite{
        margin-left:20px;
    }
}


/* Largeur comprise entre 601px et 767px */
@media screen and (min-width:601px) and (max-width:767px) {
    
    /* HEADER */
    
    #bandeauSite a img{
        position: relative;
        left: 20px;
    }
    #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 (min-width:768px) and (max-width:950px) {
    .formation_calendrier .legende > div {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}


/* 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 */
    #bandeauSite {
        width: auto;
        padding-right: 10%;
    }
    #bandeauSite .titre {
        font-size:21px;
    }

    #bandeauSite a img{
        position: relative;
        left: 20px;
    }
    
    #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%;
    }
    #informations_techniques_media .titreIT,
    .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 .onglet.replie .titre,
    .stage .listeOnglets .onglet.deplie .titre{
        display: block;
    }
    .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 */
    .js #mobileNavigation {
        display:none;
        position: absolute;
        top:0;
        bottom:0;
        right:0;
        left:0;
        /*
        background: rgba(0,0,0,0.7);
        z-index: 9999;
        */  
    }
    /* Navigation : meta navigation */
    #metaNavigation > ul > li.lienMultiple > a:after {
        content: ">";
        float: right;
        font-size: 1.2em;
        font-weight: bold;
        margin-right: 1.2em;
    }
    
    .js #metaNavigation > ul {
        /* display:none; */ 
        z-index: 20000;
    }
    .js #metaNavigation {
        display:block;
        position: relative;
        background: #fff;
        top:0;
        left:0;
        width:75%;
        z-index: 10000;     
        padding: 0 20px 20px 20px;
    }   
    .js #metaNavigation > ul {
        padding:0 20px;
        width: 100%;
    }
    .js #metaNavigation > ul > li {
        display: block;
        padding:0;
        background: #3c3c3c;
        margin-bottom:6px;
    }   
    .js #metaNavigation > ul > li:hover {
        background: #666;
    }   
    .js #metaNavigation > ul > li a {
        display:block;
        width:100%;
        color:#fff;
        text-decoration: none;
        border: none;
        padding:0.8em 13px !important;
    }   
    .js #metaNavigation > ul > li.lienMultiple > ul {
        display: none;
    }
    
    /* Navigation : rubriques */
    .header .bandeauMilieu {
        padding-bottom:2em;
    }
    #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,
    .menuResponsive #metaNavigation > ul li {
        display: block;
        float: none;
        margin: 0;
        padding: 0;
    }
    .menuResponsive #metaNavigation > ul li {
        padding: 15px 13px 11px 13px;
        background-color: #3c3c3c;
        text-align: left;
    }
    .menuResponsive #metaNavigation > ul li a {
        background-color: #3c3c3c;
        font-size: 1.076923076923077em; /* 14px / 13px */
        color: white;
        padding: 0;
    }
    .menuResponsive #metaNavigation > ul li ul,
    .menuResponsive #metaNavigation > ul .lienMultiple {
        display: none;
    }
    .menuResponsive ul a {
        display: block;
        float: none;
        height: auto;
    }
    
    .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%;
    }

    #metaNavigation .bt_close,
    #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 */
    }
    
    #metaNavigation .bt_close {
        margin:20px 0 0 0;
    }
    
    #metaNavigation .bt_close span,
    #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;
    }   
    
    /* Logo et baseline */
    .header #bandeauSite {
        display: inline-block;
        margin:30px 0 0 0;
        width: 100%;
        text-align: center;
    }   
    .no-js .header #bandeauSite {
        margin-right: 0;
    }
    .header #bandeauSite {
        padding-right: 0;
    }
    .header #bandeauSite > a {
        display:inline-block;
        width: auto;
        position: relative;
        top: 0;
        left: 0;    
    }
    .header #bandeauSite .titre {
        position: relative;
        top: 0;
        left: 0;
        /* font-size: 1.38461538461538em; */
        font-size:18px;
        margin-top: 0.5em;
        display: block;
    }
    
    #pisteNavigation {
        padding: 2px 0 12px 0;
    }
    
    #pisteNavigation li a,
    #pisteNavigation li > span {
        font-size: 0.8461538461538462em; /* 11px / 13px */
    }
    
    /* FOOTER */
    /* Bloc Suivez l'INRS */
    .follow_inrs .fi_titre{
        width:auto;
        font-size: 2.15384615384615em;
        margin-bottom: 10px;
        display: inline-block;
    }

/***************************** 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;
    }   
    #follow_remontees{
        display: none;
    }
    /* 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 */
    }   
    /* Bloc navigation et legal */
    #fbottom_container{
        margin-top:7px;
    }
    #fbottom_container .fwrapper{
        font-size: 0.9230769230769231em; /* 12px - 12px/13px */
    }   
    #fbottom_container .fwrapper ul li{
        padding-right: 5px; 
        margin-right: 5px;
    }
    
    

    /* --- 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 a {
        color: #b0273e;
        font-weight: bold;
    }
    
    ul.listeTabulee > li > .details a:hover {
        text-decoration: underline;
    }   

    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 
    */
    /* Titres et chapo */
    h1#titrePage,
    h2#titrePage {
        font-size: 1.846153846em; /* 24px / 13px */
        line-height: 116.666666666667%; /* 28px / 24px */
    }
    .soustitrePage {
        font-size: 1.461538462em; /* 19px / 13px */
        line-height: 115.789473684211%; /* 22px / 19px */
        color: #ea7420;
        padding-top: 9px;
    }   
    .chapo {
        font-size: 1em; /* 13px / 13px */
        font-weight: bold;
        line-height: 138.461538461538%; /* 18px / 13px */
        padding-top: 14px;
    }
    .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 */
    }
    
    /* Blocs vidéo simple et avec zone flottante */
    .blocVideo a.ico_video .play {
        width: 70px !important;
        height: 70px !important;
        margin: -35px 0 0 -35px !important;
    }
    .zoneFlottante .blocVideo a.ico_video .play {
        width: 46px !important;
        height: 46px !important;
        margin: -23px 0 0 -23px !important;
    }
    
    /* Ressources */
    .ressource.blocVideo a.ico_video .play {
        width: 36px !important;
        height: 36px !important;
        margin: -18px 0 0 -18px !important;
    }
    .listeRessources .ressource {
        width: 100% !important;
        margin-left: 0 !important;
    }
    .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;
    }
    
    .resultatsRecherche .navigationPages > span.btnNav.precedent,
    .formation .navigationPages > span.btnNav.precedent,
    .liste .navigationPages > span.btnNav.precedent,
    .maSelection .navigationPages > span.btnNav.precedent {
        width:7em;
    }
    .resultatsRecherche .navigationPages > span.btnNav.suivant,
    .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 > li .date,
    .liste .listeResultats > li .titre,
    .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 .onglet.replie .titre,
    .stage .listeOnglets .onglet.deplie .titre{
        display: block;
    }
    .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 {
        display: block;
        width:50px;
    }
    .stage .bloc_sessions .listeSessions > li .disponibilite > div > div + div {
        display: block;
        width:auto;
        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 */
    }
    #informations_techniques_media .titreIT,
    .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%;
    }
    
}

/* Largeur inférieure à 440px */
@media screen and (max-width:440px) {
    /* HEADER */
    /* Logo et baseline */
    .header #bandeauSite {
        margin-top:80px;
    }
    
    /* FOOTER */
    /* Bloc navigation et legal */
    #fbottom_container .fwrapper{
    }
    #fbottom_container .fwrapper ul{
        text-align: left; 
        width: 85%;
        margin: 0 0 0 0;
        padding: 7px 0 0 0;
    }   
    #fbottom_container .fwrapper p{
        padding: 10px 0 7px 0;
        margin: 0 0 0 0;
    }
    /* Bloc navigation et legal */
    #fbottom_container .fwrapper ul li{
        padding-right: 4px; 
        margin-right: 4px;
    }   
    
    .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 .wrapper,
#etAussi > .wrapper,
#notreMetier > .wrapper,
#container_principal,
.resultatsRecherche .wrapper,
.blocDiaporama .controlesWrapper,
.dossier #entete > .titre > .wrapper,
.dossier #entete > .sommaire > .wrapper,
.wrapperPagination,
.bloc_alignement_ressources_complementaires,
.fwrapper,
.accueil #diaporama .controlesWrapper,
.js .accueil #diaporama .diapo > .wrapper,
.accueil #publicationEtOutils > .wrapper,
.accueil #publicationEtOutils > .wrapper > .wrapper2 {
	max-width: 100% !important;
}
*/

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

#entete > .sommaire > div > .liensContenu > ul > li > a.boutonImportant,
ul.liensMiseEnAvant > li a {
	border:1px solid #e5e5e5;
}

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

.resultatsRecherche .listeResultats > li:nth-child(even),
.liste .listeResultats > li:nth-child(even) {
	border-top:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
}

.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 #ea7420;
}
/*
.recherche .search-box #txt_sujet, 
.recherchePER .search-box #txt_auteur, 
.rechercheBDD .champTexte,
.rechercheAvancee .search-box #search-plan .hierarchicalSelect,
.rechercheAvancee .search-box .select_collection {
	border:1px solid #e5e5e5;
}
.recherche .search-box .validButton {
	border:1px solid #ff8d3c;
}
.recherche .search-box .validButton:disabled,
.recherche .search-box .validButton.disabled {
	border:none;
}
*/

.dossier #entete {
	margin:30px 0 20px 0 !important;
}

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

.blocVideo {
	background: #e5e5e5;
	padding: 20px 20px 0 20px;
}
.ressource.blocVideo {
	background: transparent;
	padding: 0;
}
.blocVideo > * {
	width: 33% !important;
}
.ressource.blocVideo > * {
	width: 100% !important;
}

/* 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 {
	margin:1em auto !important;
	float:none !important;
}


/* Listes tabulées */
/*
ul.listeTabulee {
   max-width: 19cm;
}
*/
}
/* inclusion /templating-kit/themes/inrs/css/editorial.css */
/* --- 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;
}
*/


/* --- Styles --------------------------------------------------- */
body[spellcheck="false"] { /* FCK */
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: 0;
}

body[spellcheck="false"] * { /* FCK */
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body[spellcheck="false"] i,
body[spellcheck="false"] cite,
body[spellcheck="false"] em,
body[spellcheck="false"] var,
body[spellcheck="false"] address,
body[spellcheck="false"] dfn {
    font-style: italic;
}

body[spellcheck="false"] sup {
	vertical-align: super;
    font-size: smaller;
}

body[spellcheck="false"] sub {
	vertical-align: sub;
    font-size: smaller;
}

.cke_panel_listItem > a > * {
	font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: 0;
	margin:0 !important;
	padding:0 !important;
}

.editorial {
	-webkit-print-color-adjust: exact;
	color-adjust: exact;
}

/* Sous titre de niveau 1 */
.cke_panel_listItem h3,
.editorial h3 {
	font-family: pt_sans, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 1.846153846153846em; /* 24px / 13px */
	color: #ea7420;
	margin: 26px 0 3px 0;
}

/* Sous titre de niveau 2 */
.cke_panel_listItem h4,
.editorial h4 {
	font-family: pt_sans, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 1.692307692307692em; /* 22px / 13px */
	color: #3c3c3c;
	margin-top: 26px;
}
/* Sous titre de niveau 3 */
.cke_panel_listItem h5,
.editorial h5,
.editorial .fauxH5 {
	font-family: pt_sans, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 1.538461538461538em; /* 20px / 13px */
	color: #787f86;
	margin-top: 26px;
}
/* Sous titre de niveau 4 */
.cke_panel_listItem h6,
.editorial h6,
.editorial .fauxH6 {
	font-family: pt_sans, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.3076923em; /* 17px / 13px */
	color: #787f86;
	margin-top: 1em;
}
.cke_panel_listItem p,
.editorial p {
	line-height: 138.461538461538%; /* 18px / 13px */
	margin: 0.307692307692308em 0 0.307692307692308em 0;
}
.editorial p:FIRST-CHILD {
}
.editorial a {
	color: #b0273e;
	font-weight: bold;
}
.editorial a:hover {
	text-decoration: underline;
}
.editorial strong {
	font-weight: bold;
}
.editorial em {
	font-style: italic;
}

.cke_panel_listItem strong.important,
.editorial strong.important {
	color: #ea7420;
}
.editorial ul,
.editorial ol {
	display: block;
	list-style: none;
}
.editorial ul li,
.editorial ol li{
	line-height: 1.230769230769231em; /* 16px / 13px */
	margin: 4px 0;
}
.editorial ul > li {
	padding-left: 18px;
	background: url(../img/editorial-bullet-point.png) 1px 6px no-repeat;
	vertical-align: top;
}
.editorial ul.noBullets > li {
	background: none !important;
	padding-left: 0 !important;
}
.editorial ul > li > ul > li {
	padding-left: 14px;
	background: url(../img/editorial-bullet-point-2.png) 1px 6px no-repeat;
}
.editorial ol > li {
	counter-increment: customlistcounter;  
	position: relative;
	margin:0.8em 0;
}
.editorial ol > li:first-child {
  counter-reset: customlistcounter 0;
}
.editorial ol.index > li {
	padding: 0.8em 0;
    margin: 0;
}
.editorial ol > li:before {
  content: counter(customlistcounter) "\00a0\2502\00a0";
  font-weight: bold;
  color: #ea7420;
  display: inline-block;
  float:left;
  vertical-align: baseline;
}

.editorial ol > li > p:first-child {
	margin-top:0 !important;
	padding-top:0 !important;
	vertical-align: baseline;
}
	
/* bloc de liens complémentaires */
.liensComplementaires {
	margin: 0 0 11px 0;
}
.liensComplementaires.bordure {
	margin: 18px 0 11px 0;
}
.liensComplementaires.bordure {
	border-top: 1px solid #a0a0a0;	
}
.liensComplementaires.style1 > li {
	padding: 10px 0 0 12px;
	font-weight: bold;
	background: url(../img/lienComplementaire-style1-bullet-point.png) 1px 13px no-repeat;
}
.liensComplementaires li a {
	color: #3c3c3c;
}
.liensComplementaires.style2 > li {
	padding: 10px 0 0 19px;
	font-weight: bold;
	background: url(../img/lienComplementaire-style2-bullet-point.png) 0 10px no-repeat;
}
/* mise en avant */
.miseEnAvant .editorial p {
	font-size: 1em; /* 13px / 13px */
	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;
}
.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;
} 
/* liens de mise en avant */
.liensMiseEnAvant {
	list-style: none;
	margin-top: 20px;
}
.onglet.deplie .liensMiseEnAvant {
	margin: 0 0 20px 0;
}
.liensMiseEnAvant > li,
.editorial .liensMiseEnAvant > li {
	display: inline-block;
	margin-right: 3%;
	margin-bottom: 5px;
	
	padding-left:0;
	background: none;
	vertical-align: baseline;
}
.liensMiseEnAvant li span{
	display: inline-block;
	background: url(../img/fleche-lien-miseenavant.png) 0 4px no-repeat;	
	padding: 0 0 0 12px;
}
.liensMiseEnAvant li a:hover span{
	text-decoration: underline;
}
.liensMiseEnAvant.important li span{
	display: inline-block;
	background: url(../img/fleche-lien-miseenavant.png) 0 7px no-repeat;	
	padding: 0 0 0 12px;
	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 */
.cke_panel_listItem .tableau,
.tableau {
	margin-top: 9px;
	width: 100%;
	overflow: auto;
}
.tableau table {
	margin-top: 10px;
	width: auto;
}
.cke_panel_listItem .tableau .copyright,
.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;
}
.cke_panel_listItem .tableau .legende,
.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: #3c3c3c;
	color: #e5e5e5;
	font-size: 12px;
	font-size: 0.923076923076923rem; /* 12px / 13px */
	font-weight: bold;
	line-height: 133.333333333333%; /* 16px / 12px */
	text-transform: uppercase;
	text-align: left;
	padding: 8px 13px 9px 13px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	vertical-align: middle;
	text-align: center;
}
.tableau td {
	line-height: 138.461538461538%; /* 18px / 13px */
	padding: 15px 13px 14px 13px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	vertical-align: top;
}

.tableau th[colspan] {
	text-align: center;
}
.tableau th[colspan=""],
.tableau th[colspan="1"] {
	text-align: inherit;
}
/*
.tableau th[rowspan],
.tableau td[rowspan] {
	vertical-align: middle;
}
.tableau th[rowspan=""],
.tableau th[rowspan=""],
.tableau td[rowspan="1"],
.tableau td[rowspan="1"] {
	vertical-align: middle;
}
*/
.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 th:FIRST-CHILD,
.tableau td:FIRST-CHILD {
	border-left: 0;
}
*/
.tableau tbody tr:nth-child(odd){
	background-color: transparent;
}
.tableau tbody tr.odd {
	background-color: transparent;
}
.tableau tbody tr:nth-child(even) {
	background-color: #f2f2f2;
}
.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: #ddd !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;
}

.cke_panel_listItem .chapeau,
.editorial .chapeau {
	font-family: pt_sans, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 1.53846153846154em; /* 20px / 13px */
	line-height: 1.2em; /* 24px / 20px */
	color:#000;
	margin:0 0 1em 0;
}

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


 @media screen and (max-width:480px) {
	.editorial p {
		font-size: 12px;
		font-size: 0.923076923076923rem; /* 12px / 13px */
		padding-top: 7px;
		line-height: 133.333333333333%; /* 16px / 12px */
	}
	
	.editorial ul li,
	.editorial ol li {
		font-size: 12px;
		font-size: 0.923076923076923rem; /* 12px / 13px */
	}
	.editorial ul > li,
	.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: 10px 0 0 14px;
		background: url(../img/lienComplementaire-miseenavant-style1-bullet-point.png) 1px 12px 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 */
	}
	
	/*
	.liensMiseEnAvant.important li span{
		font-family: sans_serif_webfont, Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-size: 1.23076923076923em;
	}
	*/
	
	/* Sous titre de niveau 1 */
	.editorial h3 {
		font-size: 1.53846153846154em; /* 20px / 13px */
		line-height: 115%; /* 23px / 20px */
		margin-top: 23px;
	}
	/* Sous titre de niveau 2 */
	.editorial h4 {
		font-size: 1.46153846153846em; /* 19px / 13px */
		line-height: 110.526315789474%; /* 21px / 19px */
		margin-top: 21px;
	}
	/* Sous titre de niveau 3 */
	.editorial h5 {
		font-size: 1.38461538461538em; /* 18px / 13px */
		line-height: 105.555555555556%; /* 19px / 18px */
		margin-top: 19px;
	}
	
	/* 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;
	}
	
}

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

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}