/* version MEC-Phil 2018-05-17 : 15h00 - 2018-08-15 Phil */
html {
    position: relative;
    min-height: 100%;
    font-size: 62.5%;
}

body {
    background-color: #f3f3f3;
    margin-bottom: 22.5rem;
    font-size: 1.8rem;
    font-family: 'Roboto';
    color: #414141;
    overflow-y: scroll;
}
/* FONTS - Roboto */

/* BEGIN Thin */
@font-face {
    font-family: Roboto;
    src: url("../fonts/Roboto/Thin/Roboto-Thin.woff2?v=2.137") format("woff2"), url("../fonts/Roboto/Thin/Roboto-Thin.woff?v=2.137") format("woff");
    font-weight: 100;
    font-style: normal;
}
/* END Thin */
/* BEGIN Thin Italic */
@font-face {
    font-family: Roboto;
    src: url("../fonts/Roboto/ThinItalic/Roboto-ThinItalic.woff2?v=2.137") format("woff2"), url("../fonts/Roboto/ThinItalic/Roboto-ThinItalic.woff?v=2.137") format("woff");
    font-weight: 100;
    font-style: italic;
}
/* END Thin Italic */
/* BEGIN Light */
@font-face {
    font-family: Roboto;
    src: url("../fonts/Roboto/Light/Roboto-Light.woff2?v=2.137") format("woff2"), url("../fonts/Roboto/Light/Roboto-Light.woff?v=2.137") format("woff");
    font-weight: 300;
    font-style: normal;
}
/* END Light */
/* BEGIN Light Italic */
@font-face {
    font-family: Roboto;
    src: url("../fonts/Roboto/LightItalic/Roboto-LightItalic.woff2?v=2.137") format("woff2"), url("../fonts/Roboto/LightItalic/Roboto-LightItalic.woff?v=2.137") format("woff");
    font-weight: 300;
    font-style: italic;
}
/* END Light Italic */
/* BEGIN Regular */
@font-face {
    font-family: Roboto;
    src: url("../fonts/Roboto/Regular/Roboto-Regular.woff2?v=2.137") format("woff2"), url("../fonts/Roboto/Regular/Roboto-Regular.woff?v=2.137") format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Roboto;
    src: url("../fonts/Roboto/Regular/Roboto-Regular.woff2?v=2.137") format("woff2"), url("../fonts/Roboto/Regular/Roboto-Regular.woff?v=2.137") format("woff");
    font-weight: normal;
    font-style: normal;
}
/* END Regular */
/* BEGIN Italic */
@font-face {
    font-family: Roboto;
    src: url("../fonts/Roboto/Italic/Roboto-Italic.woff2?v=2.137") format("woff2"), url("../fonts/Roboto/Italic/Roboto-Italic.woff?v=2.137") format("woff");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: Roboto;
    src: url("../fonts/Roboto/Italic/Roboto-Italic.woff2?v=2.137") format("woff2"), url("../fonts/Roboto/Italic/Roboto-Italic.woff?v=2.137") format("woff");
    font-weight: normal;
    font-style: italic;
}
/* END Italic */
/* BEGIN Medium */
@font-face {
    font-family: Roboto;
    src: url("../fonts/Roboto/Medium/Roboto-Medium.woff2?v=2.137") format("woff2"), url("../fonts/Roboto/Medium/Roboto-Medium.woff?v=2.137") format("woff");
    font-weight: 500;
    font-style: normal;
}
/* END Medium */
/* BEGIN Medium Italic */
@font-face {
    font-family: Roboto;
    src: url("../fonts/Roboto/MediumItalic/Roboto-MediumItalic.woff2?v=2.137") format("woff2"), url("../fonts/Roboto/MediumItalic/Roboto-MediumItalic.woff?v=2.137") format("woff");
    font-weight: 500;
    font-style: italic;
}
/* END Medium Italic */
/* BEGIN Bold */
@font-face {
    font-family: Roboto;
    src: url("../fonts/Roboto/Bold/Roboto-Bold.woff2?v=2.137") format("woff2"), url("../fonts/Roboto/Bold/Roboto-Bold.woff?v=2.137") format("woff");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: Roboto;
    src: url("../fonts/Roboto/Bold/Roboto-Bold.woff2?v=2.137") format("woff2"), url("../fonts/Roboto/Bold/Roboto-Bold.woff?v=2.137") format("woff");
    font-weight: bold;
    font-style: normal;
}
/* END Bold */
/* BEGIN Bold Italic */
@font-face {
    font-family: Roboto;
    src: url("../fonts/Roboto/BoldItalic/Roboto-BoldItalic.woff2?v=2.137") format("woff2"), url("../fonts/Roboto/BoldItalic/Roboto-BoldItalic.woff?v=2.137") format("woff");
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: Roboto;
    src: url("../fonts/Roboto/BoldItalic/Roboto-BoldItalic.woff2?v=2.137") format("woff2"), url("../fonts/Roboto/BoldItalic/Roboto-BoldItalic.woff?v=2.137") format("woff");
    font-weight: bold;
    font-style: italic;
}
/* END Bold Italic */
/* BEGIN Black */
@font-face {
    font-family: Roboto;
    src: url("../fonts/Roboto/Black/Roboto-Black.woff2?v=2.137") format("woff2"), url("../fonts/Roboto/Black/Roboto-Black.woff?v=2.137") format("woff");
    font-weight: 900;
    font-style: normal;
}
/* END Black */
/* BEGIN Black Italic */
@font-face {
    font-family: Roboto;
    src: url("../fonts/Roboto/BlackItalic/Roboto-BlackItalic.woff2?v=2.137") format("woff2"), url("../fonts/Roboto/BlackItalic/Roboto-BlackItalic.woff?v=2.137") format("woff");
    font-weight: 900;
    font-style: italic;
}
/* END Black Italic */


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

/* -------   HEADER   ------- */

.header {
    padding: 0;
}

    .header .white-row {
        font-size: 1.8rem;
    }

        .header .white-row nav {
            padding: 0.5rem 0;
            /*height:10rem;*/
        }

        .header .white-row .nav-item {
            padding: 0.5rem 0 0.5rem 2rem;
        }

    .header .gray-row {
        color: #fff;
        background-color: #414141;
    }

        .header .gray-row p {
            padding: 1.25rem 0;
            margin-bottom: 0;
            line-height: 1.3;
        }

.logoMEC {
    width: 21rem;
    height: 8rem;
    min-width: 16rem;
    min-height: 6.5rem;
}


/* MAIN */

/*.dossier .main-container, .documents .main-container {
	padding-top: 2rem;
}*/

.white-row {
    border-bottom: 2px solid #dcdcdc;
}

header .white-row, footer .white-row {
    border-bottom: none;
}

.white-row .btn-primary {
    margin: 1rem 0;
    min-width: 24.7rem;
}

.white-row .vertCenter-10 .col-md-10.offset-md-1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.disabled:hover {
    cursor: not-allowed;
}

p.placeholder {
    text-align: center;
    width: 100%;
    font-size: 3rem;
    color: #777;
    line-height: 10rem;
}
/*.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.5;
}*/

h1, .h1 {
    font-size: 2.85rem;
    color: #006c08 !important;
    font-weight: normal;
    display: inline;
    margin: 0;
}

.h-group.h1 {
    border-bottom: 1px solid #3f3f3f;
    width: 100%;
    display: block;
}

h2, .h2 {
    padding-top: 2rem;
    margin-bottom: 1.5rem;
    font-size: 2.5rem;
}

h3, .h3, h4, .h4, h5, .h5 {
    font-size: 2.1rem;
    margin: 2.5rem 0 1.5rem;
}
/*h5, .h5 {
	font-size: 2rem;
}*/

.mainbox > h3:first-child, .mainbox > h4:first-child, .mainbox > h5:first-child,
.form-group > h3:first-child, .form-group > h4:first-child, .form-group > h5:first-child,
.mainbox > .h3:first-child, .mainbox > .h4:first-child, .mainbox > .h5:first-child,
.form-group > .h3:first-child, .form-group > .h4:first-child, .form-group > .h5:first-child {
    margin-top: 0.35rem;
    /*margin-top: 0.75rem;
	padding-top: 0;*/
}

/*.form-cont .section h4, .form-cont .section .h4 {
	margin: 1.5rem 0;
}*/
.form-cont .section h4:first-child, .form-cont .section h5:first-child {
    margin-top: 1rem;
}

.form-cont .section .section h4:first-child, .form-cont .section .section h5:first-child {
    margin-top: 0;
}

.textepage h2 {
    /*color: #006c08;*/
    margin-bottom: 1.5rem;
    margin-top: 1rem;
}

.textepage {
}

    .textepage h2:first-child {
        margin-top: 0.75rem;
        padding-top: 0;
    }

    .textepage p {
        margin-bottom: 1.5rem;
    }

        .textepage p > a, p > a, .note > a {
            text-decoration: underline;
        }

.form-cont h2, .form-cont .h2 { /* Ajuter la hauteur de la bulle d'aide en fonction du niveau de chaque en-tête de section */
    color: #006c08;
}

/*.form-cont h2, .form-cont h4, .form-cont .h2, .form-cont .h4, .form-cont h3, .form-cont .h3 {
  position: relative;
  bottom: -0.4rem;
}*/

h2 ~ .section.grise, .h2 ~ .section.grise { /* Ajuster la hauteur de la bulle d'aide en fonction du niveau de chaque en-tête de section pour les section sur fond gris */
    border-top: 1px solid #5d5d5d;
}

.mainbox {
    margin-top: 1.75rem;
    margin-bottom: 2rem;
    padding: 2rem 3rem;
    background-color: #fff;
    border-bottom: 2px solid #dcdcdc;
    line-height: 1.5;
}

.maindiv > .mainbox:first-of-type {
    margin-top: 2.5rem;
}

.mainbox ~ .mainbox, .h-group ~ .mainbox {
    margin-top: 3.5rem;
}

.mainbox ~ .h-group {
    padding-top: 2rem;
    margin-bottom: 1.5rem;
}

    .mainbox ~ .h-group > div > h2 {
        margin-bottom: 0;
    }

h2 + .mainbox, p.requis + .mainbox, .h-group + .mainbox {
    margin-top: 2rem !important;
}

.mainbox p {
    line-height: 1.5;
}

.main-container .maindiv section.alert {
    /*margin: 3rem 0 2rem;*/
    margin: 2.5rem 0;
}

.main-container .maindiv .groupage section.alert, .main-container .maindiv .form-group section.alert {
    margin: 2rem 0;
}

.text-danger {
    color: #be1615 !important;
}

.text-success {
    color: #006c08 !important;
}

.text-disabled {
    color: #A9A9A9 !important;
}

.small, small {
    font-size: 1.8rem;
}

    small.text-muted {
        width: 100%;
        margin: 0.25rem 0 0.5rem;
        display: block;
        line-height: normal;
    }

.da,
.text-muted {
    background-color: transparent;
    /*padding-bottom: 0.4rem;*/
    font-size: 1.8rem;
}

.text-muted, .upload-drop-zone, .da {
    color: #6e6e6e !important;
}

.texteInfo {
    margin-bottom: 2rem;
    font-size: 1.5rem;
}
/*.gray-row .navbar,*/
.footer .navbar,
.footer .nav-link {
    padding: 0;
}

/* -------   STICKY FOOTER   ------- */

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 15rem;
    background-color: #fff;
    padding: 0;
}

    .footer .white-row {
        font-size: 1.5rem;
    }

    /*.footer .green-row nav {
	min-height: 10rem;
	padding: 0;
}*/

    .footer .green-row a,
    .footer .green-row a:hover,
    .footer .green-row a:focus {
        color: #fff;
    }

        .footer .green-row a:hover,
        .footer .green-row a:focus {
            text-decoration: underline;
        }

    /*.footer .white-row .nav-item {
    padding: .5rem 2rem .5rem 0;
}*/

    .footer .white-row .nav-item a.nav-link {
        padding: .5rem 0;
        margin-right: 2rem;
    }

    .footer .white-row .nav-item:last-child {
        padding: .5rem 0;
    }

    .footer .vertCenter-5 {
        padding: 1rem 0;
    }

.logoCNESST {
    width: 10.5rem;
    height: 4rem;
    margin: 2.25rem 0;
}


a:focus,
button:focus,
section.focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) !important;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) !important;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);*/
}

textarea:focus,
input:focus {
    border-color: #a8a8a8;
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);*/
}

img {
    font-size: 2rem;
}

footer a img {
    color: #fff;
}
/* Images exemple zoom en responsive */
.rappImgZoom {
    background-size: cover;
    background-repeat: no-repeat;
    width: auto !important;
    height: 13rem;
    background-position: top right;
    /*border: thin solid #dcdcdc;*/
    margin-left: 3rem;
}

    .rappImgZoom::after {
        display: block;
        position: relative;
        background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,1));
        border: thin solid #dcdcdc;
        height: 13rem;
        width: 100%;
        content: '';
    }

.rappMedEvol {
    background-image: url(../images/rapport_med_evol.png);
}

.rappEvalMed {
    background-image: url(../images/rapport_eval_med.png)
}

.rappFinal {
    background-image: url(../images/rapport_final.png)
}

/* LINKS */

a {
    color: #006c08;
    cursor: pointer;
    cursor: hand;
}

    a:hover, a:focus, a.hover, a.focus {
        /*color:#006c08;*/
        color: #008200;
        /*color:#008a00;*/
    }

    a:not([href]):not([tabindex]) {
        cursor: default;
    }

/*.mainbox a, .white-row a {
	color:#006c08;
}*/
.mainbox a:active, .mainbox a:hover, .mainbox a:focus, .mainbox a.hover, .mainbox a.hover, .mainbox a.focus, .white-row a:active, .white-row a:hover, .white-row a:focus, .white-row a.hover, .white-row a.focus {
    /*color:#006c08;*/
    color: #008a00;
}

a:hover, a:focus, a.hover, a.focus, .nav-link:focus, .nav-link:hover, button.btn span.underlinehover:hover, button.btn span.underlinehover:focus {
    text-decoration: underline;
    /*color:#008a00;    a11y >  (#008a00/#ffffff : 4,5) Taux de contraste au survol et au focus bon sur fond blanc seulement*/
    /*Si on garde cette couleur, sur tout autre fond que blanc, il faudra modifier ce style pour respecter un taux de contraste conforme */
    /*color:#008201;*/ /* a11y >  (#008201/#F3F3F3: 4,5) */
}


.dropdown-menu {
    font-size: inherit;
    padding: 0;
    max-width: 50rem;
}

.dropdown-item {
    padding: 0.75rem 1.5rem;
    border-bottom: thin #ececec solid;
    white-space: normal;
}

.dropdown-menu .dropdown-item:last-child {
    border-bottom: none;
}

.dropdown-item:hover, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active {
    color: #006c08 !important;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #dbdbdb;
}

.soulignerLien a { /* FV 2018-08-20 (a11y)*/
    text-decoration: underline;
}


a[target="_blank"], /*:not(.btn)*/
.nav-link[target="_blank"] {
    position: relative;
    background-image: url(../images/blank_link.svg);
    background-size: 1.75rem 2rem;
    background-position: top right;
    background-repeat: no-repeat;
    padding-right: 2rem !important;
}

.footer .white-row .nav-item a.nav-link[target="_blank"] {
    background-position: top 0.5rem right;
}

a[target="_blank"]::after /*:not(.btn)*/ {
    content: "";
    white-space: pre;
}

a:hover[target="_blank"], /*:not(.btn)*/
.nav-link:hover[target="_blank"] {
    background-image: url(../images/blank_hover.svg);
}

/* Vertical Center - IE Hack */

.vertCenter-10 {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    min-height: 10rem;
    padding: 1rem 0;
}

.vertCenter-5 {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    min-height: 5rem;
    /*padding:1rem 0;*/
}

.container-fluid {
    max-width: 100rem;
    /*padding-right: 1.5rem;
    padding-left: 1.5rem;*/
}

/*.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}*/

.form-cont {
    background-color: #fff;
}

.mainbox > h3, .mainbox > h4, .mainbox > h5 {
    margin-top: 3rem;
}

    .mainbox .form-cont .section, .mainbox > h3 + .form-cont > .section:first-child {
        background-color: #fff;
        border: 1px solid #ccc;
        padding: 2rem;
        margin: 2rem 0;
    }

.mainbox > .form-cont > .section:first-child {
    margin-top: 1rem;
}

.mainbox .form-cont.resume .section {
    margin-top: 0;
}
/*.form-cont .section .section:last-of-type {
	margin-bottom: 0;
}*/

/*.form-cont .section.item {
  background-color: #F2F2F2;
}*/

.section.grise {
    background-color: #F2F2F2;
    border: 1px solid #F2F2F2;
}

/* Modale */

@media (min-width: 768px) {
    .modal-dialog {
        max-width: 600px;
        margin: 1.75rem auto;
    }

    .modal-lg60rem {
        max-width: 60rem;
        margin: 1.75rem auto;
    }

    .modal-lg65rem {
        max-width: 65rem;
        margin: 1.75rem auto;
    }

    .modal-lg70rem {
        max-width: 70rem;
        margin: 1.75rem auto;
    }

    .modal-lg75rem {
        max-width: 75rem;
        margin: 1.75rem auto;
    }

    .modal-lg80rem {
        max-width: 80rem;
        margin: 1.75rem auto;
    }

    .modal-lg85rem {
        max-width: 85rem;
        margin: 1.75rem auto;
    }

    .modal-lg90rem {
        max-width: 90rem;
        margin: 1.75rem auto;
    }

    .modal-lg95rem {
        max-width: 95rem;
        margin: 1.75rem auto;
    }

    .modal-lg100rem {
        max-width: 100rem;
        margin: 1.75rem auto;
    }
}

.modal-content {
    padding: 0; /*padding: 0 2rem;*/
}

    .modal-content a {
        text-decoration: underline;
    }

.modal-header {
    background-color: #efefef;
    border-bottom: 0.1rem solid #ccc;
    padding: 1rem 4.25rem 1rem 2.5rem;
    margin: 0;
}

    .modal-header .icon-delete::before {
        margin-top: 0.5rem
    }


.modal-body {
    padding: 2rem 2.5rem;
}
    /*.assistanceTelephonique .modal-body {
    padding: 2rem 3rem;
}*/
    .modal-body p:last-child {
        margin-bottom: 0;
    }

    .modal-body h2:first-child, .modal-body h3:first-child, .modal-body h4:first-child {
        margin-top: 0;
    }

.modal-footer {
    background-color: #fff;
    /*border-top: 0.1rem solid #ccc;*/
    border-top: none;
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0 2rem 0 2rem;
}
    /*.modal-footer .form-row.multibtn{
	margin-top: 2rem;
}*/
    .modal-footer .nav-fill {
        margin: 1rem 0;
    }

        .modal-footer .nav-fill .nav-item {
            text-align: center;
        }

    .modal-footer p {
        margin-bottom: 2rem;
    }

.modal-title {
    /*max-width: 24rem;
	text-transform: uppercase;
	font-weight: 700;*/
    line-height: 2.6rem;
    padding-top: 0;
    margin: 0.35rem 0 0.15rem;
}

    .assistanceTelephonique .modal-title, .modal-title.wIcon {
        padding-left: 3.15rem;
        margin: 1rem;
    }

    /*.modal-title{
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 2.25rem;
}*/

    .modal-title svg,
    .modal-title .fas {
        position: absolute;
        font-size: 2.5rem;
        left: 2.5rem;
        top: 2rem;
    }

.assistanceTelephonique .modal-title svg,
.assistanceTelephonique .modal-title .fas {
    left: 2.35rem;
    top: 2.15rem;
}

.infoModale .modal-title .fas {
    color: #666;
    font-size: 2.75rem;
}

.importantModale .modal-title .fas {
    color: #f5960a;
    font-size: 2.75rem;
}

.succesModale .modal-title .fas {
    color: #006c08;
    font-size: 2.75rem;
}

.succesModale .modal-title {
    color: #006c08;
}

.avertissementModale .modal-title {
    color: #b31615;
}

/* / Modale */


/* Sortir le div injecté par reCaptcha avant le bouton de type=submit */
.align-center.btn-recaptcha-in div, .text-center.btn-recaptcha-in div {
    z-index: 1000;
    position: absolute;
    right: 0;
    bottom: 0;
}

.align-left {
    text-align: left !important;
}

.align-right {
    text-align: right !important;
}

.align-center {
    text-align: center !important;
}

/* Passer au contenu */
a.btn-skip {
    position: absolute;
    left: -9999px;
    /*left: 0;*/
    top: 0rem;
    z-index: 2;
    background-color: #006a08;
    color: #fff;
    text-decoration: underline !important;
    width: 100%;
    height: auto;
    min-height: 2rem;
    line-height: 1rem;
    font-size: 1.5rem;
    border-bottom: 0px solid #fff;
    text-align: center;
    vertical-align: middle;
    padding: 0.5rem 12rem;
}

    a.btn-skip:focus {
        left: 0;
    }

    a.btn-skip:hover,
    a.btn-skip:focus {
        color: #ffffff !important;
        background-color: #005106;
        border-bottom: 0px solid #003d04;
    }

#skip.sr-only-focusable {
    background-color: #006c08;
    line-height: 2.5rem;
    width: 100%;
    display: block;
    text-align: center;
    color: #fff;
}

.outline {
    box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem;
    border-color: rgb(128, 189, 255);
    border-radius: 3px;
    outline: 0px;
}



.icon-nouveau, .icon-lu, .icon-supprimer, .icon-pdf {
    background-size: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    background-position: 0 center;
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    top: 1.15rem;
}

.icon-nouveau, .icon-lu {
    left: 1.5rem;
}

.icon-lu {
    background-image: url('../images/ic_lu.svg');
}

.icon-nouveau {
    background-image: url('../images/ic_nouveau.svg');
}

h3 .icon-nouveau, h3 .icon-lu {
    top: 2.15rem;
}

:focus, button:focus,
.btn:focus, a.btn:focus { /* Conserver ce style sur tout élément pouvant avoir le focus au clavier à l'exemption des champs qui ont leur propre style simulant un outline au focus */
    outline: 3px auto #9ECBFC;
    outline-offset: -2px;
    -moz-outline-radius: 3px;
}
/**** Annuler le outline pour les éléments non atteignables au clavier à l'aide de la touche TAB ****/
/**** Pour les éléments qui aurait un tabindex="-1" mais auquel on donnerait le focus par programmation, surcharger ce style pour lui redonner un était au focus visible ****/
/*[tabindex="-1"] {
    outline: none;
}*/


/* LIST */


ol, ul {
    list-style: none;
    padding: 0;
    margin-bottom: 2rem;
}

/*.mainbox > ul:last-child, */ .mainbox > .form-group > ul:last-child, .mainbox > p:last-child {
    margin-bottom: 0;
}

.mainbox > ul:last-child, .bwstart > ul:last-child, .resume > ul:last-child, .form-cont.resume ul.listInfo:last-child {
    margin-bottom: 0.75rem;
}
/*ul.listInfo {
	list-style-type: none;
}*/
.section ul.listInfo {
    margin-bottom: 2rem;
}

    .section ul.listInfo:last-child /*, .form-cont.resume ul.listInfo:last-child*/ {
        margin-bottom: 0.5rem;
    }

ul.listInfo.split {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

ul li {
    font-size: 1.8rem;
    margin-left: 4.65rem;
    padding-left: 0.5rem;
    margin-bottom: 0.85rem;
    list-style: square outside url("../images/ic_SquareBullet_gray.png");
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    padding-top: 0.35rem;
}

ul.nav li, ul.navbar-nav li, .bottombox li, .bottomboxbtns li, ul.pagination li, .col-menu ul li, ul.sous-titre li {
    font-size: inherit;
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-column-break-inside: inherit;
    page-break-inside: inherit;
    break-inside: auto;
    /*line-height: normal;*/
}

ul.listInfo li {
    margin-left: 2.65rem;
    /*margin-bottom: 1.35rem;
    line-height: normal;*/
}

    ul.listInfo li:last-child {
        margin-bottom: 0;
    }

ul.details-recu li {
    margin-left: 2.65rem;
    margin-bottom: 1rem;
    line-height: normal;
}

    ul.details-recu li:last-child {
        margin-bottom: 2.5rem;
    }

ul li ul {
    padding-top: 1rem;
}

ul li ul li,
ul li div.ro li {
    margin-left: 1.85rem;
    margin-bottom: 0.85rem !important;
    list-style: square outside url("../images/ic_DashBullet_gray.png");
    padding-top: 0;
}

ul li div.ro {
    padding: 0.5rem;
}

/*ul.listInfo.links li {
    margin-bottom: 0 !important;
    padding: 0.5rem;
}*/

    ul.listInfo.links li:first-child,
    ul.listInfo.links li:first-child a {
        padding-top: 0;
    }

    ul.listInfo.links li a, ul.listInfo.NoD li a {
        padding: 0.5rem 0;
    }
/*ul.listInfo li span {
	line-height: 1.2;
	display: block;
}*/
ul.listInfo.NoD li span {
    margin-top: 0.65rem;
}

ul.listInfo.NoD li a, ul.listInfo li span.listInfo-title {
    font-weight: 500;
}

ul.listInfo li span.listInfo-type, ul.listInfo li span.listInfo-data {
    display: block;
    margin-top: 0.5rem;
}
/*ul.listInfo li span.listInfo-data,*/ .ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

li.ellipsis {
    margin-left: 0.5rem !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    list-style: square inside url(../images/ic_SquareBullet_gray_v2.png);
}

@media screen and (min-width:0\0) {
    li.ellipsis > span {
        margin-left: -1rem;
    }
}

.filelist {
    border: thin solid #dbdbdb;
    padding: 1.15rem;
}

ul.listInfo.filelist li {
    margin-bottom: 0.65rem;
}
/*.filelist li {
	padding-bottom: 1rem;
}
.filelist li:last-child {
	padding-bottom: 0;
}
.filelist li:before {
	color: #008c00;
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f105";
	padding-right: 1.25rem;
	margin-left: 0.25rem;
}
.filelist li.pdf:before {
    font-weight: 500;
    content: "\f1c1";
	padding-right: 1rem;
	margin-left: 0;
}

a.pdf,
a.retour{
    background-size: 2rem;
    background-position: 0.5rem center;
    background-repeat: no-repeat;
    min-height: 3rem;
    height: auto;

}
a.pdf{
    background-image: url('../images/ic_pdf.svg');
    background-color: #ffffff;
}
a.pdf:hover, a.pdf:focus {
    background-image: url('../images/ic_pdf_hover.svg');
	text-decoration:none;
}
a.attachement{
    background-image: url('../images/ic_pdf.svg');
    background-size: 5rem;
	font-size:1.75rem;
    background-position: 0.5rem center;
    background-repeat: no-repeat;
    min-height: 5rem;
    height: auto;
    border: 1px solid #006c08;
    color: #006c08;
    width: 100%;
    display:block;
    padding: 0.5rem 1rem 0.5rem 6rem;
    margin: 1rem 0;
    border-radius: 0.5rem;
}

a.attachement:hover, a.attachement:focus {
    border: 1px solid #003d04;
    color: #003d04;
    background-color: #e0ecd5;
}*/

.bottombox {
    border-top: 1px solid #dcdcdc;
    padding-top: 2rem;
    margin-top: 2rem;
}

    .bottombox a, a.underlined, .underlined {
        text-decoration: underline;
    }

    .bottombox ul {
        margin-left: 0;
        list-style: none;
        padding-left: 0;
        margin-bottom: 1rem;
    }

    .bottombox li {
        margin-top: 0.5rem;
    }

.bottomboxbtns {
    /*padding-top:1rem;*/
    margin-top: 2rem;
}

    .bottomboxbtns ul {
        margin-left: 0;
        list-style: none;
        padding-left: 0;
        text-align: center;
    }

        .bottomboxbtns ul li {
            display: inline-block;
            padding: 0.25rem 1rem;
            border-left: 2px solid #dcdcdc;
        }

            .bottomboxbtns ul li:first-child {
                padding-right: 0.65rem;
                border-left: none;
            }

            .bottomboxbtns ul li a {
                padding: 1rem;
                text-decoration: underline;
                display: inline-block;
            }
/*.bottomboxbtns ul li::before {
	content: "  |  ";
	color: #ccc;
}
.bottomboxbtns ul li:first-child::before {
	content: "";
}*/

/* Avant de commencer */

/*.bwstart h3, .bwstart .h3 {
    margin: 2rem 0;
    background: #666;
    color: #fff !important;
    padding: 0.8rem 1.2rem !important;
    font-weight: 400;
    line-height: 2rem;
}*/
.bwstart h2, .resume .section h3, .total h3 {
    margin: 2rem 0 1rem 0;
    padding: 0;
    font-weight: 600;
    font-size: 2.2rem;
}

.bwstart h2 {
    font-weight: 500;
}

.resume .section h3:first-child, .resume .section .h3:first-child, .resume .section > h4:first-child {
    margin-top: 0;
}

.resume h3 ~ h4 {
    font-weight: normal;
}

/* TOTAL dans le résumé */
.total {
    max-width: 100%;
    overflow-x: hidden;
}

    .total h4, .total h5 {
        margin: 2rem 0;
    }

    .total .details-recu i::after {
        float: left;
        width: 100%;
        white-space: nowrap;
        content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
        overflow-x: hidden;
        margin-top: -2.15rem;
    }
    /*.total .details-recu li {
    padding-bottom: 1rem;
}*/
    /*.total .details-recu p:last-child {
	margin-bottom: 2rem;
}*/
    .total .details-recu span:first-child {
        padding-right: 0.33em;
        background: white
    }

    .total .details-recu span + span {
        float: right;
        padding-left: 0.33em;
        background: white;
        position: relative;
        z-index: 1
    }

    .total .somme {
        font-weight: bold;
        margin-right: 0.2rem;
        margin-top: 3rem;
        padding-top: 2rem;
        text-align: right;
        border-top: 0.1rem #414141 solid;
    }

/*.bwstart p {
	font-size: 2rem;
	margin-bottom: 0;
}*/

/* CARD */

.card {
    border: none;
    border-radius: 0;
    background-color: #FFF;
    padding: 0;
    border-bottom: 0;
    margin-bottom: 2rem;
}

.mainbox > .card:first-child {
    margin-top: 1rem;
}

.card-body {
    padding: 1.5rem 2rem;
}

    .card-body p:last-child {
        margin-bottom: 0;
    }

.card > div {
    border: 0.2rem #ececec solid;
    border-top: none;
}

.card-tab {
    padding: 2rem 0;
    position: relative;
}

    .card-tab .infoFiltre {
        font-size: 1.8rem;
        font-weight: bold;
        line-height: 1.5;
        margin: 2rem 0 0;
    }

.card h3, .card .h3 {
    margin: 2rem 0;
    padding: 0;
}

    .card h3:first-child, .card .h3:first-child {
        margin: 0;
    }

.card-tab h3, .card-tab .h3 {
    /*min-height: 5.2rem;*/
    padding: 0;
    margin: 0;
}

/* PREVENTION */

.card-body [role="img"] {
    border: #dbdbdb solid 0.2rem;
    margin: -0.2rem;
}

    .card-body [role="img"] .svgWrapper {
        overflow-x: auto;
        overflow-y: hidden;
    }

        .card-body [role="img"] .svgWrapper .wrapper1 {
            height: 11.5rem;
        }

        .card-body [role="img"] .svgWrapper .wrapper2 {
            height: 22rem;
        }

    .card-body [role="img"] svg {
        min-width: 70rem;
    }

/* / PREVENTION */

.tabBox .btn-primary, .tabBox .btn-secondary {
    margin: 2rem 0 1rem;
}
/*.col-menu .tabBox .btn-primary, .col-menu .tabBox .btn-secondary {
	margin: 2rem 0 1rem;
}*/
.tabBox {
    margin-top: -0.2rem;
    padding: 1.35rem 2rem;
    /*border-radius: 0 0.5rem 0.5rem 0.5rem;*/
}
/*.card-tab .form-row {
    margin-right: -5px;
    margin-left: -5px;
}*/

.popover, .font-roboto {
    font-family: 'Roboto';
}

/* Accueil */

.splitRow {
    /*margin-bottom: 6rem;*/
}

    .splitRow .mainbox.h-100 {
        height: calc(100% - 8.5rem) !important;
        padding-bottom: 3rem;
        margin-bottom: 1rem;
    }

.greenLineBoxes .mainbox.h-100 {
    height: calc(100% - 3.5rem) !important;
    padding-bottom: 3rem;
    margin-bottom: 1rem;
    border-left: 0.25rem solid #006c00;
    background-size: 3.5rem 3.5rem;
    background-position: 1.5rem 2rem;
    background-repeat: no-repeat;
    padding-left: 6rem;
}

.greenLineBoxes h2 {
    padding-top: 0.2rem;
}

/*.greenLineBoxes p {
    margin-bottom: 4rem;
}

.greenLineBoxes a {
    font-weight: 500;
    position: absolute;
    bottom: 4.25rem;
}

.greenLineBoxes a[target="_blank"] {
    background-position: top 0.25rem right;
}*/

.greenLineBoxes .normes-icone {
    background-image: url(../images/ic_Normes_du_travail.svg);
}

.greenLineBoxes .sondage-icone {
    background-image: url(../images/ic_Sondage.svg);
}

.pic {
    text-align: right;
    background-repeat: no-repeat;
    background-size: cover;
}

.pic_depot_direct {
    background-image: url(../images/depot_direct.jpg);
}

    .pic_depot_direct > div {
        width: 21rem;
        /*min-height: 25rem;*/
    }

.pic > div {
    text-align: left;
    display: inline-block;
    background-color: #006c07;
    color: #fff;
    margin: 3rem 15%;
    padding: 2rem;
    padding-right: 2.1rem;
    border-radius: 0.5rem;
}

    .pic > div h2 {
        margin: 1rem 0 2rem 0;
        padding: 0;
    }

    .pic > div .btn {
        margin: 1.5rem 0 0 0;
        min-width: 17rem;
        border: none;
        /*border-radius: 0;*/
    }

/* FILTRES */

.filtersRow > .col-lg-4.col-md-6:not(:last-child) {
    border-right: solid #ccc 1px;
}

/* GENERIC */

.white-row {
    color: #414141;
    background-color: #fff;
}

.green-row {
    color: #fff;
    background-color: #006c08;
}

    .green-row .nav-link {
        color: #fff;
    }

.numbersize, .quand {
    font-size: 90%;
}

.bg-info {
    background-color: #f3f3f3 !important;
}

.bg-dark {
    background-color: #414141 !important;
}

.border {
    border-color: #ccc !important;
}

.infoBox {
    padding: 0.5rem 1rem;
    background-color: #f3f3f3;
    border: #dcdcdc solid thin;
}

.stick2Top {
    border-top: none;
}

.pl-0-5rem {
    padding-left: 0.5rem !important;
}

.pl-1rem {
    padding-left: 1rem !important;
}

.pl-1-5rem {
    padding-left: 1.5rem !important;
}

.pl-2rem {
    padding-left: 2rem !important;
}

.pl-2-5rem {
    padding-left: 2.5rem !important;
}

.pl-3rem {
    padding-left: 3rem !important;
}

.pl-3-5rem {
    padding-left: 3.5rem !important;
}

.pr-0-5rem {
    padding-right: 0.5rem !important;
}

.pr-1rem {
    padding-right: 1rem !important;
}

.pr-1-5rem {
    padding-right: 1.5rem !important;
}

.pr-2rem {
    padding-right: 2rem !important;
}

.pr-2-5rem {
    padding-right: 2.5rem !important;
}

.pr-3rem {
    padding-right: 3rem !important;
}

.pr-3-5rem {
    padding-right: 3.5rem !important;
}

.pt-0-5rem {
    padding-top: 0.5rem !important;
}

.pt-0-75rem {
    padding-top: 0.75rem !important;
}

.pt-1rem {
    padding-top: 1rem !important;
}

.pt-1-5rem {
    padding-top: 1.5rem !important;
}

.pt-2rem {
    padding-top: 2rem !important;
}

.pt-2-5rem {
    padding-top: 2.5rem !important;
}

.pt-3rem {
    padding-top: 3rem !important;
}

.pt-3-5rem {
    padding-top: 3.5rem !important;
}

.pb-0-5rem {
    padding-bottom: 0.5rem !important;
}

.pb-0-75rem {
    padding-bottom: 0.75rem !important;
}

.pb-1rem {
    padding-bottom: 1rem !important;
}

.pb-1-5rem {
    padding-bottom: 1.5rem !important;
}

.pb-2rem {
    padding-bottom: 2rem !important;
}

.pb-2-5rem {
    padding-bottom: 2.5rem !important;
}

.pb-3rem {
    padding-bottom: 3rem !important;
}

.pb-3-5rem {
    padding-bottom: 3.5rem !important;
}

.pb-6rem {
    padding-bottom: 6rem !important;
}

.mt-0-5rem {
    margin-top: 0.5rem !important;
}

.mt-0-75rem {
    margin-top: 0.75rem !important;
}

.mt-1rem {
    margin-top: 1rem !important;
}
.mt-m1rem {
    margin-top: -1rem !important;
}

.mt-1-5rem {
    margin-top: 1.5rem !important;
}
.mt-m1-5rem {
    margin-top: -1.5rem !important;
}

.mt-2rem {
    margin-top: 2rem !important;
}
.mt-m2rem {
    margin-top: -2rem !important;
}

.mt-2-5rem {
    margin-top: 2.5rem !important;
}

.mt-2-75rem {
    margin-top: 2.75rem !important;
}

.mt-3rem {
    margin-top: 3rem !important;
}

.mt-3-5rem {
    margin-top: 3.5rem !important;
}

.mt-4rem {
    margin-top: 4rem !important;
}

.mt-4-5rem {
    margin-top: 4.5rem !important;
}

.mt-5rem {
    margin-top: 5rem !important;
}

.mt-5-5rem {
    margin-top: 5.5rem !important;
}

.mt-6rem {
    margin-top: 6rem !important;
}

.mt-6-5rem {
    margin-top: 6.5rem !important;
}

.mb-0-5rem {
    margin-bottom: 0.5rem !important;
}

.mb-0-75rem {
    margin-bottom: 0.75rem !important;
}

.mb-1rem {
    margin-bottom: 1rem !important;
}

.mb-1-5rem {
    margin-bottom: 1.5rem !important;
}

.mb-2rem {
    margin-bottom: 2rem !important;
}

.mb-2-5rem {
    margin-bottom: 2.5rem !important;
}

.mb-2-75rem {
    margin-bottom: 2.75rem !important;
}

.mb-3rem {
    margin-bottom: 3rem !important;
}


.mb-3-25rem {
    margin-bottom: 3.25rem !important;
}

.mb-3-5rem {
    margin-bottom: 3.5rem !important;
}

.mb-4rem {
    margin-bottom: 4rem !important;
}

.mb-4-5rem {
    margin-bottom: 4.5rem !important;
}

.mb-5rem {
    margin-bottom: 5rem !important;
}

.mb-5-5rem {
    margin-bottom: 5.5rem !important;
}

.mb-6rem {
    margin-bottom: 6rem !important;
}

.mb-6-5rem {
    margin-bottom: 6.5rem !important;
}

.mb-m1rem {
    margin-bottom: -1rem !important;
}

.ml-0-5rem {
    margin-left: 0.5rem !important;
}

.ml-1rem {
    margin-left: 1rem !important;
}

.ml-1-5rem {
    margin-left: 1.5rem !important;
}

.ml-2rem {
    margin-left: 2rem !important;
}

.ml-2-5rem {
    margin-left: 2.5rem !important;
}

.ml-2-65rem {
    margin-left: 2.65rem !important;
}

.ml-2-75rem {
    margin-left: 2.75rem !important;
}

.ml-2-85rem {
    margin-left: 2.85rem !important;
}

.ml-3rem {
    margin-left: 3rem !important;
}

.ml-3-5rem {
    margin-left: 3.5rem !important;
}

.ml-4rem {
    margin-left: 4rem !important;
}

.ml-5rem {
    margin-left: 5rem !important;
}

.ml-6rem {
    margin-left: 6rem !important;
}

.ml-7rem {
    margin-left: 7rem !important;
}

.ml-8rem {
    margin-left: 8rem !important;
}

.ml-9rem {
    margin-left: 9rem !important;
}

.ml-10rem {
    margin-left: 10rem !important;
}

.ml-11rem {
    margin-left: 11rem !important;
}

.ml-11-5rem {
    margin-left: 11.5rem !important;
}

.ml-12rem {
    margin-left: 12rem !important;
}

.mr-0-5rem {
    margin-right: 0.5rem !important;
}

.mr-1rem {
    margin-right: 1rem !important;
}

.mr-1-5rem {
    margin-right: 1.5rem !important;
}

.mr-2rem {
    margin-right: 2rem !important;
}

.mr-2-5rem {
    margin-right: 2.5rem !important;
}

.mr-2-65rem {
    margin-right: 2.65rem !important;
}

.mr-3rem {
    margin-right: 3rem !important;
}

.mr-3-5rem {
    margin-right: 3.5rem !important;
}

.mr-4rem {
    margin-right: 4rem !important;
}

.mr-5rem {
    margin-right: 5rem !important;
}


.lh-normal {
    line-height: normal !important;
}

.lh-0 {
    line-height: 0 !important;
}

.lh-0-5 {
    line-height: 0.5 !important;
}

.lh-1 {
    line-height: 1 !important;
}

.lh-1-2 {
    line-height: 1.2 !important;
}

.lh-1-5 {
    line-height: 1.5 !important;
}

.lh-1-75 {
    line-height: 1.75 !important;
}

.lh-2 {
    line-height: 2 !important;
}

.lh-2-5 {
    line-height: 2.5 !important;
}

.lh-3 {
    line-height: 3 !important;
}


.mh-0 {
    min-height: 0 !important;
}

.mh-1rem {
    min-height: 1rem !important;
}

.mh-2rem {
    min-height: 2rem !important;
}

.mh-3rem {
    min-height: 3rem !important;
}

.mh-4rem {
    min-height: 4rem !important;
}

.right-0 {
    position: absolute;
    right: 0 !important;
}

.top-m1rem {
    position: relative;
    top: -1rem
}

.top-m2rem {
    position: relative;
    top: -2rem
}

.font-size-11 {
    font-size: 1.1rem;
}

.font-size-12 {
    font-size: 1.2rem;
}

.font-size-13 {
    font-size: 1.3rem;
}

.font-size-14 {
    font-size: 1.4rem;
}

.font-size-15 {
    font-size: 1.5rem;
}

.font-size-16 {
    font-size: 1.6rem;
}

.font-size-17 {
    font-size: 1.7rem;
}

.font-size-18 {
    font-size: 1.8rem;
}

.font-size-19 {
    font-size: 1.9rem;
}

.font-size-20 {
    font-size: 2rem;
}

.font-size-21 {
    font-size: 2.1rem;
}

.font-size-22 {
    font-size: 2.2rem;
}

.font-size-23 {
    font-size: 2.3rem;
}

.font-size-24 {
    font-size: 2.4rem;
}

.font-size-25 {
    font-size: 2.5rem;
}

.font-size-30 {
    font-size: 3rem;
}

.font-size-35 {
    font-size: 3.5rem;
}

.font-size-40 {
    font-size: 4rem;
}

.font-size-45 {
    font-size: 4.5rem;
}

.font-size-50 {
    font-size: 5rem;
}

.font-size-55 {
    font-size: 5.5rem;
}

.font-size-60 {
    font-size: 6rem;
}

.font-size-65 {
    font-size: 6.5rem;
}

.font-size-70 {
    font-size: 7rem;
}

.font-size-75 {
    font-size: 7.5rem;
}

.font-size-80 {
    font-size: 8rem;
}

.font-size-85 {
    font-size: 8.5rem;
}

.font-size-90 {
    font-size: 9rem;
}

.font-size-95 {
    font-size: 9.5rem;
}

.font-size-100 {
    font-size: 10rem;
}

.smallerFont {
    font-size: 80%;
}

.bold, .pnumber {
    font-weight: 500;
}

.bolder {
    font-weight: 600;
}

.boldest {
    font-weight: 800;
}

.link_label {
    padding-left: 1rem;
}

.link_fas {
    padding-left: 0;
}

.fa-phone {
    -webkit-transform: rotate(100deg);
    -moz-transform: rotate(100deg);
    -ms-transform: rotate(100deg);
    -o-transform: rotate(100deg);
    transform: rotate(100deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.fa-sign-out-alt {
    font-size: 2rem;
    margin-top: 0.25rem;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.hide, .hide2, .hide3, .hide4, .hide5 {
    display: none !important;
}

.show {
    display: block !important;
}

.nowrap {
    white-space: nowrap;
    /*background-color: yellow;*/
}

.stroke1 {
    border: thin solid #dbdbdb;
}

hr {
    border-top-width: 0.15rem;
}

/* DETAILS & SUMMARY */
details.aria-details ul {
    display: block;
    list-style-type: disc;
    margin-left: 2rem;
}

    details.aria-details ul li {
        margin: 0.75rem 0;
    }

details.aria-details summary,
details.aria-details .details-body {
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    padding: 1rem;
}

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

.contournement {
    padding: 0.5rem;
}

/* Pages d'erreur */

.errorIntro {
    margin-top: 0.5rem;
}

    .errorIntro a {
        text-decoration: underline;
    }

.errorTxtBlocks {
    margin-top: 3.5rem;
}

    .errorTxtBlocks div {
        background-color: #f2f2f2;
        padding: 2rem;
        margin-top: 3rem;
        margin-bottom: 1rem;
    }

        .errorTxtBlocks div h2 {
            font-size: 2rem;
            padding: 0;
        }

        .errorTxtBlocks div p:last-child, .errorTxtBlocks div ul:last-child {
            margin-bottom: 0;
        }

/* Pages statiques */

.bodyWidth .container-fluid {
    max-width: 67rem;
}

.bodyWidth {
    margin-bottom: 18rem;
}

.tableau {
    margin-top: 1rem;
}

/* Supprimer les espaces entre les lettre si on veut écrire un acronyme avec un espace entre chaque lettre pour les lecteurs d'écran: exemple pour A D R dans les en-têtes de colonne de tableaux*/
.acronyme {
    letter-spacing: -0.2rem;
    white-space: nowrap;
    font-size: inherit;
}

th .acronyme {
    letter-spacing: -0.15rem;
    font-size: 95%;
}

h1 .acronyme, h2 .acronyme, h3 .acronyme, h4 .acronyme {
    letter-spacing: -0.3rem;
}



div.lgDate + p.note {
    top: -1rem;
    margin-bottom: 0.5rem;
}

/*[role="textbox"] ul li {
    list-style: none;
    padding: 0;
    margin-left: 0;
}

[role="textbox"] ul {
    list-style: none;
    padding: 0;
}*/


.noMes {
    background-color: yellow;
    font-size: 1.5rem;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    margin-top: 1rem;
    width: 10rem;
    text-align: center;
    position: absolute !important;
    right: -15rem;
    top: -1rem;
}

.col-menu .noMes {
    left: -12rem;
}

.rel {
    position: relative;
}


.yellow {
    background-color: yellow;
}

/*dr.css de 2020-09-21 */

h1 {
}

.pink {
    background-color: pink;
}

.g-categorie .text-muted.da {
    margin-left: 1.4rem;
    font-size: 95%;
    margin-top: 0.25rem;
    margin-bottom: 1.75rem;
    line-height: 120%;
}

.decal {
    margin-left: 3.8rem !important;
    position: relative;
    top: -0.5rem !important;
}

.text-muted.da.bl3eee {
    border-left: solid 0.75rem #eee;
    padding-left: 0.75rem;
    margin-left: 1.55rem;
}

#g-DRP-C .text-muted.da {
    margin-left: 0;
    font-size: 95%;
    margin-top: -0.25rem !important;
    margin-bottom: 1.0rem;
}

#g-dateTransmission-N .text-muted.da.note {
    margin-top: 2rem;
}

.g-categorie .legend, #g-Aqtdr .legend {
    margin-bottom: 1.25rem;
}

.g-categorie .invalid-feedback {
    /*display: block !important;*/
    margin-bottom: 1.25rem;
}

#modaleEQ .modal-header {
    background-color: #efefef;
    border-bottom: 0.1rem solid #ccc;
    padding: 1.25rem 4.25rem 1rem 2.5rem;
    margin: 0;
}

#g-noDemandeAnterieure {
    margin-top: 2rem !important;
    margin-bottom: 1rem !important;
}

#DR1 #g-secAct {
    margin-left: 1.25rem;
    margin-bottom: 1.75rem !important;
    position: relative;
    top: -0.75rem;
}

.lienDroit {
    display: block;
    width: 100%;
    text-align: right;
    margin-bottom: -1rem;
}

    .lienDroit a {
        padding: 1rem;
        margin-right: -1rem;
    }


#g-DRP-NT-Q {
    margin-left: 1.4rem !important;
    position: relative;
    top: -0.5rem !important;
}

#da-r-DRP-NT-Q-1 p,
#da-r-mb-1a-DR2-no-1 p,
#da-r-mb-1b-DR2-no-1 p {
    padding: 0;
}

#b-di .mainbox {
    padding-bottom: 2rem;
}

.bred {
    border: solid 1px red;
}

.alpha {
    opacity: 0.3;
    background-color: #ccc;
    display: none;
}

    .alpha input,
    .alpha select {
        background-color: #ccc;
    }

#da-sec-DRNR-Oui-2 p:first-of-type,
#da-sec-DRNR-Oui-1 p:first-of-type {
    padding-bottom: 0 !important;
}

#g-identification.mainbox {
    padding-bottom: 1.5rem;
}

.mainbox .legend .requis::before {
    top: 0 !important;
    position: absolute;
    left: -1.25rem;
}

.mainbox .legend .requis {
    top: 0 !important;
    left: 0.25rem;
}

.b-m1rem {
    position: relative;
    bottom: -1rem;
}


.text-muted {
    min-height: 2.15rem;
}


.col-xs-5.groupage.TPays {
    padding: 0 !important;
    padding-top: 0.8rem !important;
    left: -2rem;
}

@media screen and (max-width: 576px) {
    .groupage .row .form-check {
        max-width: 92%;
        margin-left: 1.4rem;
    }

    .mainbox,
    .mainbox-left, /* 2020-08-07 10:30 */
    h1 {
    }

    .pink {
        background-color: pink;
    }

    .g-categorie .text-muted.da {
        margin-left: 1.4rem;
        font-size: 95%;
        margin-top: 0.25rem;
        margin-bottom: 1.75rem;
        line-height: 120%;
    }

        .g-categorie .text-muted.da.bl3eee {
            border-left: solid 0.75rem #eee;
            padding-left: 0.75rem;
            margin-left: 1.55rem;
        }

    #g-DRP-C .text-muted.da {
        margin-left: 0;
        font-size: 95%;
        margin-top: -0.25rem !important;
        margin-bottom: 1.0rem;
    }

    #g-dateTransmission-N .text-muted.da.note {
        margin-top: 2rem;
    }

    .g-categorie .legend, #g-Aqtdr .legend {
        margin-bottom: 1.25rem;
    }

    .g-categorie .invalid-feedback {
        /*display: block !important;*/
        margin-bottom: 1.25rem;
    }

    #modaleEQ .modal-header {
        background-color: #efefef;
        border-bottom: 0.1rem solid #ccc;
        padding: 1.25rem 4.25rem 1rem 2.5rem;
        margin: 0;
    }

    #g-noDemandeAnterieure {
        margin-top: 2rem !important;
        margin-bottom: 1rem !important;
    }

    #DR1 #g-secAct {
        margin-left: 1.25rem;
        margin-bottom: 1.75rem !important;
        position: relative;
        top: -0.75rem;
    }

    .lienDroit {
        display: block;
        width: 100%;
        text-align: right;
        margin-bottom: -1rem;
    }

        .lienDroit a {
            padding: 1rem;
            margin-right: -1rem;
        }


    #g-DRP-NT-Q {
        margin-left: 1.4rem !important;
        position: relative;
        top: -0.5rem !important;
    }

    #da-r-DRP-NT-Q-1 p {
        padding: 0;
    }

    #b-di .mainbox {
        padding-bottom: 2rem;
    }

    .bred {
        border: solid 1px red;
    }

    .alpha {
        opacity: 0.3;
        background-color: #ccc;
        display: none;
    }

        .alpha input,
        .alpha select {
            background-color: #ccc;
        }

    #da-sec-DRNR-Oui-2 p:first-of-type,
    #da-sec-DRNR-Oui-1 p:first-of-type {
        padding-bottom: 0 !important;
    }

    #g-identification.mainbox {
        padding-bottom: 1.5rem;
    }

    .mainbox .legend .requis::before {
        top: 0 !important;
        position: absolute;
        left: -1.25rem;
    }

    .mainbox .legend .requis {
        top: 0 !important;
        left: 0.25rem;
    }

    .b-m1rem {
        position: relative;
        bottom: -1rem;
    }


    .text-muted {
        min-height: 2.15rem;
    }


    .col-xs-5.groupage.TPays {
        padding: 0 !important;
        padding-top: 0.8rem !important;
        left: -2rem;
    }

    @media screen and (max-width: 576px) {
        .groupage .row .form-check {
            max-width: 92%;
            margin-left: 1.4rem;
        }

        .mainbox,
        .mainbox-left,
        .mainbox-right {
            margin-top: 2rem;
            padding-right: 1.5rem;
            padding-left: 1.5rem;
            padding-top: 0.1rem !important;
            padding-bottom: 3rem;
            margin-bottom: 2rem;
        }

            .mainbox .legend .requis {
                top: 0 !important;
                left: 1.35rem;
            }

        .col-sm-5.groupage.TPays {
            top: -1rem !important;
        }
    }

    @media (max-width: 660px) {
        .col-sm-5.groupage.TPays {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            left: 0.65rem;
            top: -2rem;
        }
    }


    @media screen and (max-width: 660px) {
        .TPays .form-check {
            max-width: 92%;
            margin-left: 0.25rem;
        }

            .TPays .form-check:first-of-type {
                max-width: 92%;
                margin-left: -1.5rem;
            }

        hr.hrTelephone {
            position: relative;
            margin-top: -0.25rem;
        }

        .tSecondaire {
            padding-bottom: -2rem;
            margin-bottom: -2rem;
            position: relative;
        }

        .mainbox > .tSecondaire.groupage:last-child {
            margin-bottom: -2.5rem !important;
        }
    }


    .mw-19rem {
        min-width: 19.25rem;
    }

    .lgTelposte {
        width: 10rem;
    }

    .mainbox-right {
        margin-top: 2rem;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        padding-top: 0.1rem !important;
        padding-bottom: 3rem;
        margin-bottom: 2rem;
    }
}

@media (max-width: 660px) {
    .col-sm-5.groupage.TPays {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        left: 0.65rem;
        top: -2rem;
    }
}


@media screen and (max-width: 660px) {
    .TPays .form-check {
        max-width: 92%;
        margin-left: 0.25rem;
    }

        .TPays .form-check:first-of-type {
            max-width: 92%;
            margin-left: -1.5rem;
        }

    hr.hrTelephone {
        position: relative;
        margin-top: -0.25rem;
    }

    .tSecondaire {
        padding-bottom: -2rem;
        margin-bottom: -2rem;
        position: relative;
    }

    .mainbox > .tSecondaire.groupage:last-child {
        margin-bottom: -2.5rem !important;
    }
}


.mw-22rem {
    min-width: 22.25rem;
}

.lgTelposte {
    width: 10rem;
}

.ic_aide.ml-m1rem {
    left: -1.75rem;
}

a i.quitter {
    content: "test";
    background-image: url('../images/ic_quitForm.svg') !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 3.75rem;
    padding: 1rem 2rem;
    min-width: 1rem;
    min-height: 2rem;
    margin-right: -1rem;
}

/*Réduire l'espace de la note pour demande antérieur*/
[data-section] .note.pointe.p3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/*Réduire l'espace de la note lorsque dernier element est radio bouton*/
.mainbox > .groupage > div:last-child > p {
    margin-bottom: 0;
}

/*Alignement du type de téléphone*/
.TPays > div >.groupage {
    margin-top: -0.5rem !important;
}

/*Spécifique pour les téléphones*/
.form-row .form-group label {
    white-space: nowrap;
}


.vignette.doc{
    padding-left: 0rem;
    padding-bottom: 2rem;
    font-size: 100%;
}
.vignette.doc img{
    width: 100%;
    /*max-width: 25rem;*/
    border: solid #aaa 0.1rem;
    background-color: #aaa;
}
.vignette.doc figcaption{
    margin-bottom: 0.25rem;
    font-size: 90%;
    margin-left: 0rem;
    background-color: #efefef;
    color: #000;
    padding: 0.5rem;
    text-align: center;
    margin-bottom: -0.1rem;
    border: solid 1px #ccc
}
.vignette.doc figcaption div{
    font-size: 90%;
}


.vignette.doc figcaption .fas,
.docOk .fa-check,
.docX .fa-times
{
    margin-right: 0.75rem;
    font-size: 115%;
    position: relative;
    bottom: -0.15rem
}
.vignette.doc figcaption .fa-check,
.docOk .fa-check
{
    color: #006c08;
}
.vignette.doc figcaption .fa-times,
.docX .fa-times{
    color: #be1615;
}

.vignette.doc summary
{
    color: #006c08 !important;
    background-color: #fff !important;
    padding: 1rem 5.5rem 1.5rem 0rem;
    max-width: 25rem;
}

.vignette.doc summary:hover,
.vignette.doc summary:focus
{
    color: #006c08 !important;
    background-color: #fff !important;
}

.vignette.doc ul{
    padding-left: 1.6rem;
}
.vignette.doc li{
    margin-left: 0;
    margin: 0.25rem 0;
    font-size: 100%;
}
.vignette.doc {
    line-height: 125%;
}
.vignette.doc p{
    margin-top: 1rem;
}