/* Minification failed. Returning unminified contents.
(353,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color-translucent'
(462,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color-translucent'
(598,41): run-time error CSS1030: Expected identifier, found '.'
(598,48): run-time error CSS1031: Expected selector, found ')'
(598,48): run-time error CSS1025: Expected comma or open brace, found ')'
(730,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(730,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-color'
(870,43): run-time error CSS1030: Expected identifier, found '.'
(870,50): run-time error CSS1031: Expected selector, found ')'
(870,50): run-time error CSS1025: Expected comma or open brace, found ')'
(908,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(909,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(960,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-padding-y'
 */
/*
Général
*/

body {
    margin: 0;
}

.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
}

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

#piv-entete *,
#piv-piedpage * {
    box-sizing: border-box;
}

#piv-entete *:focus,
#piv-piedpage *:focus {
    /* box-shadow: 0 0 0 0.13rem #99b9e5; */
    box-shadow: none;
    outline: none;
}

#link-to-main-content {
    color: #223654;
}

#link-to-main-content,
#piv-entete,
#piv-piedpage {
    font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    text-align: left;
}

#piv-entete .container,
#piv-piedpage .container {
    margin: 0 1rem;
    padding-right: 1rem;
    padding-left: 1rem;
    margin: 0 auto;
}

#piv-entete a,
#piv-piedpage a {
    text-decoration: none;
}

#piv-entete a:not(.navbar-brand):hover,
#piv-piedpage a:not(.navbar-brand):hover {
    text-decoration: underline;
}

#piv-entete ul,
#piv-piedpage ul {
    list-style: none;
    margin: 0!important;
    padding-left: 0!important;
}

#piv-entete .lien_externe-icone,
#piv-piedpage .lien_externe-icone {
    width: 14px;
    height: 14px;
    margin-left: 3px;
}

#link-to-main-content {
    text-decoration: none;
}

#link-to-main-content:focus {
    position: static !important;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
}


/*
ENTETE
*/

#piv-entete {
    background-color: #095797;
}


/*
MENU FERMÉ
*/

#piv-entete>.container {
    padding-top: 0.825rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
    min-height: 74px;
}

#piv-entete a {
    color: #FFF;
}

#piv-entete .navbar-brand {
    display: inline-block;
    padding: 0;
    margin-right: 3rem;
    line-height: inherit;
}

#piv-entete .navbar-menu-button-wrapper .navbar-toggler {
    border: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: .825rem;
    right: 1rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
}

#piv-entete .navbar-menu-button-wrapper .navbar-toggler .navbar-togger-bars {
    display: block;
    width: 1.875rem;
    height: 1.5rem;
    position: relative;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    cursor: pointer;
}

#piv-entete .navbar-menu-button-wrapper .navbar-toggler .navbar-togger-bars span {
    display: block;
    position: absolute;
    height: .25rem;
    width: 100%;
    background-color: #fff;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

#piv-entete .navbar-menu-button-wrapper .navbar-toggler:focus {
    border: 0;
}

#piv-entete .navbar-menu-button-wrapper .navbar-toggler.collapsed .navbar-togger-bars span:first-child {
    top: 0;
}

#piv-entete .navbar-menu-button-wrapper .navbar-toggler.collapsed .navbar-togger-bars span:nth-child(2),
#piv-entete .navbar-menu-button-wrapper .navbar-toggler.collapsed .navbar-togger-bars span:nth-child(3) {
    top: .625rem;
}

#piv-entete .navbar-menu-button-wrapper .navbar-toggler.collapsed .navbar-togger-bars span:nth-child(4) {
    top: 1.25rem;
}


/*
MENU OUVERT
*/

#piv-entete .navbar-menu-button-wrapper .navbar-toggler:not(.collapsed) .navbar-togger-bars span:first-child {
    top: 0;
    width: 0;
    left: 50%;
}

#piv-entete .navbar-menu-button-wrapper .navbar-toggler:not(.collapsed) .navbar-togger-bars span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: .825rem;
}

#piv-entete .navbar-menu-button-wrapper .navbar-toggler:not(.collapsed) .navbar-togger-bars span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: .825rem;
}

#piv-entete .navbar-menu-button-wrapper .navbar-toggler:not(.collapsed) .navbar-togger-bars span:nth-child(4) {
    top: 0;
    width: 0;
    left: 50%;
}


/*Contenu caché à l'ouverture du menu*/

body.hidden-by-nav footer,
body.hidden-by-nav #main-content {
    display: none;
}


/*
LOGO RAMQ
*/

#piv-entete img,
#piv-piedpage img {
    vertical-align: middle;
    border-style: none;
}


/*
SLOGAN Site
*/

#piv-entete .navbar-heading-logo-wrapper {
    flex: 1 1;
}

#piv-entete .navbar-heading-logo-wrapper .navbar-site-slogan {
    color: #fff;
    display: block;
}


/*
NAV
*/

#piv-entete .block--navigationentete {
    font-size: .8rem;
}

#piv-entete .block--navigationentete>ul.nav a {
    padding: .25rem 0;
    display: block;
}


/*
PIED DE PAGE
*/

#piv-piedpage {
    text-align: center;
    border-top: 1px solid #ECECEC;
}

#piv-piedpage ul li {
    display: inline-block;
    padding-bottom: .8rem;
}

#piv-piedpage ul li a {
    display: block;
    padding: 0 .8rem;
    color: #095797;
}

#piv-piedpage .block--copyright .copyright-img a {
    display: inline-block;
}

#piv-piedpage .block--copyright .copyright-img img {
    margin: 1.2rem 0 1rem;
    width: 8.625rem;
    height: 2.603rem;
}

#piv-piedpage .block--copyright .copyright-link a {
    font-size: .8125rem;
    color: #000;
}


/*** XL ***/

@media screen and (min-width: 1201px) {
    /*
	GENERAL
	*/
    #piv-entete .container,
    #piv-piedpage .container {
        min-width: 1169px;
        /*max-width: 1540px;*/
        max-width: 100%;
    }
}


/*** LG et XL ***/

@media screen and (min-width: 768px) {
    /*
	ENTETE
	*/
    #piv-entete>.container {
        padding-bottom: .825rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    #piv-entete .navbar-brand {
        display: flex;
        align-items: center;
    }
    #piv-entete .navbar-heading-logo-wrapper .navbar-site-slogan {
        font-size: 1.25rem;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-left: 3.45rem;
        max-width: 600px;
    }
    .intranet #piv-entete {
        border-bottom: 1px solid var(--bs-border-color-translucent);
    }
    /*
	NAV
	*/
    #piv-entete .navbar-links-desktop {
        display: block;
    }
    #piv-entete .block--navigationentete {
        margin: .2rem 0;
    }
    #piv-entete .navbar-links-mobile .block--navigationentete>ul.nav {
        padding: 0 0 .5rem!important;
    }
    #piv-entete .navbar-menu-button-wrapper .navbar-toggler {
        display: none;
    }
    #piv-entete .navbar-links-mobile {
        display: none;
    }
    /*
	PIED DE PAGE
	*/
    #piv-piedpage {
        padding: 4rem 0 2rem;
    }
}


/*** LG ***/

@media screen and (max-width: 1200.98px) and (min-width: 769px) {
    /*
	GENERAL
	*/
    #piv-entete .container,
    #piv-piedpage .container {
        min-width: 737px;
        max-width: 1200px;
    }
}


/*** MD ***/

@media screen and (max-width: 768.98px) and (min-width: 579px) {
    /*
	GENERAL
	*/
    #piv-entete .container,
    #piv-piedpage .container {
        min-width: 547px;
        width: 95%;
        max-width: 768px;
        padding-left: 0
    }
}


/*** MD, LG et XL ***/

@media screen and (min-width: 579px) {
    /*
	ENTETE
	*/
    #piv-entete .navbar-heading-logo-wrapper .navbar-brand img {
        width: 12.312rem;
        height: 2.416rem;
    }
    .intranet #piv-entete .navbar-heading-logo-wrapper .navbar-brand img {
        height: 57px;
        width: unset;
    }
    /*
	NAV
	*/
}


/*** XS, SM, MD ***/

@media screen and (max-width: 767.98px) {
    /*
	ENTETE
	*/
    #piv-entete > .container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        /*padding-bottom: 0.825rem;*/
        padding: 18px 0;
    }
    #piv-entete .navbar-heading-logo-wrapper .navbar-site-slogan {
        padding: .25rem 0 0;
        font-size: .88rem;
    }
    #piv-entete .navbar-heading-logo-wrapper .navbar-brand img {
        width: 157px;
        height: 30px;
    }
    .intranet #piv-entete .navbar-heading-logo-wrapper .navbar-brand img {
        height: 45px;
        width: unset;
    }
    .intranet #piv-entete .navbar-heading-logo-wrapper .navbar-site-slogan {
        font-weight: 600;
        padding-top: 12px;
    }
    .intranet .navbar-links.d-md-none {
        border-bottom: 1px solid var(--bs-border-color-translucent);
    }
    .pageMaitreSansMenu.intranet .navbar-links.d-md-none {
        border-bottom: none;
    }
    /*
	NAV
	*/
    #piv-entete .navbar-links-desktop {
        display: none;
    }
    #piv-entete .navbar-collapse {
        display: none;
        width: 100%;
    }
    #piv-entete .navbar-collapse.show {
        display: block;
    }
    #piv-entete .navbar-links-mobile .navbar_links {
        background-color: #095797;
    }
    #piv-entete .navbar-links-mobile .block--navbar-menu {
        background-color: #FFF;
    }
    #piv-entete .navbar-links-mobile .block--navigationentete>ul.nav {
        padding: 0 0 .5rem!important;
    }
    #piv-entete .navbar-links-mobile .block--navbar-menu>ul.nav li {
        border-bottom: 1px solid #e6e7e8;
    }
    #piv-entete .navbar-links-mobile .block--navbar-menu>ul.nav li .submenu {
        border-top: 1px solid #e6e7e8;
    }
    #piv-entete .navbar-links-mobile .block--navbar-menu>ul.nav li .submenu .submenu-item {
        padding-left: 2rem;
    }
    #piv-entete .navbar-links-mobile .block--navbar-menu>ul.nav li ul.submenu li:last-child {
        border: none;
    }
    #piv-entete .navbar-links-mobile .block--navbar-menu>ul.nav li a {
        padding: 0 1rem;
        font-size: .8rem;
        text-transform: uppercase;
        line-height: 3.75rem;
        color: #223654;
        display: block;
    }
    #piv-entete .navbar-links-mobile ul.nav a {
        display: inline-block;
        padding: .5rem 0;
    }
    .nav-desktop {
        display: none;
    }
    /*
	PIED DE PAGE
	*/
    #piv-piedpage {
        padding: 2rem 0;
    }
    #piv-piedpage ul li {
        font-size: .875rem;
    }
}


/*** SM ***/

@media screen and (max-width: 578.98px) and (min-width: 401px) {
    #piv-entete .container,
    #piv-piedpage .container {
        min-width: 369px;
        width: 100%;
        max-width: 578px;
    }
}


/*** XS, SM ***/

@media screen and (max-width: 578.98px) {
    #piv-entete>.container {
        padding: 1rem 1rem .6rem;
    }
    #piv-entete .navbar-heading-logo-wrapper .navbar-brand img {
        width: 9.8125rem;
        height: 1.925rem;
    }
}


/*** XS ***/

@media screen and (max-width: 400.98px) {
    #piv-entete .container,
    #piv-piedpage .container {
        max-width: 400px;
        width: 100%;
    }
}


/* version Intranet */

.intranet #piv-entete,
.intranet #menuPrincipal .navbar-links {
    background-color: #fff;
}

.intranet #piv-entete {
    border-top: 8px solid #095797;
}

.intranet #piv-entete a,
.intranet #piv-entete .navbar-heading-logo-wrapper .navbar-site-slogan,
.intranet #piv-entete .navbar-links-mobile .block--navbar-menu,
.intranet #piv-entete .navbar-toggler,
.intranet .block--navigationentete a.nav-link,
.intranet .block--navigationentete .nav > li > a:hover, 
.intranet .block--navigationentete .nav > li > a:focus{
    color: #000;
}

.intranet #piv-entete .navbar-menu-button-wrapper .navbar-toggler .navbar-togger-bars span {
    background-color: #000;
}


body {
    font-family: 'Roboto', arial, sans-serif;
    font-size: 0.9rem;
}

div#piv-entete.navbar,
#piv-entete .navbar-collapse.show .navbar-links-mobile,
#menuPrincipal li.accordion-item li.list-group-item.list-group-item-action a,
#menuPrincipal nav .collapse.show:has(li.active) {
    display: block;
}

#piv-entete .block--navigationentete ul {
    flex-direction: column;
}

#piv-entete .nav,
#menuPrincipal .block--navigationentete ul.nav,
#menuPrincipal .accordion-item:last-of-type {
    border: none;
}

#piv-entete .nav > li > a:not(.btn):hover,
#piv-entete .nav > li > a:not(.btn):focus {
    background-color: inherit;
}

#piv-entete .navbar-links-mobile {
    display: none;
}

/* Menu principal */

div#sideMenu {
    padding: 0;
}

.pageMaitreSansMenu #sideMenu {
    display: none;
}

.navmenu-default,
.navbar .navbar-offcanvas {
    border: none;
    border-color: #e7e7e7;
    font-size: 1.2em;
}

ul.nav.collapsing,
ul.nav.collapse {
    border-top: none;
}

ul.nav.collapse {
    background-color: #fff;
    transition: 0.25s background-color;
}

ul.nav.sub li a {
    padding-left: 2.2em;
    font-weight: 300;
    font-size: .95em;
}

.nav > li > a:not(.btn):hover,
.nav > li > a:not(.btn):focus,
.nav > li > a:not(.btn):hover .accordion-button,
.nav > li > a:not(.btn):focus .accordion-button,
.nav > li > .accordion-header:hover,
.nav > li > .accordion-header:focus,
.nav > li > .accordion-header:hover .accordion-button,
.nav > li > .accordion-header:focus .accordion-button {
    background-color: #DDFAFF;
    color: #000;
}

.nav {
    border-color: #D2E0DE;
    border-top-color: inherit;
    border-style: solid;
    border-width: 0 0 1px 0;
    flex-direction: column;
}

.nav li.active,
.nav li.active a,
.titreMenu.panel.panel-primary{
    color: #FFF;
}

.nav > li.active > a:hover,
.nav > li.active > a:focus,
#menuPrincipal .list-group-item-action:focus a,
#menuPrincipal .list-group-item-action:hover a,
#menuPrincipal .nav li.active.list-group-item-action:hover a,
#menuPrincipal .nav li.active.list-group-item-action:focus a,
#menuPrincipal .nav li.active:focus a,
#menuPrincipal .nav li.active:hover a{
    color: #000;
}


#menuPrincipal.offcanvas.show {
    position: absolute;
    background-color: #fff;
    height: fit-content;
    padding-top: 20px;
    -webkit-box-shadow: 0 15px 43px 0 rgba(212, 225, 223, 1);
}

.accordion-button,
.list-group-item {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}

.nav span.accordion-button {
    padding-left: 1rem;
}

#menuPrincipal i {
    width: 22px;
}

#menuPrincipal a i {
    padding-top: 0.4rem;
}

#menuPrincipal .nav a:not(.btn),
.pageMaitreSansMenu #mainContainer,
#menuPrincipal li.accordion-item li.list-group-item.list-group-item-action {
    display: flex;
}

#menuPrincipal ul.nav.list-group,
#menuPrincipal .accordion-item:last-of-type {
    border-radius: 0;
}

#menuPrincipal ul.nav.list-group li:first-child {
    border-top: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}

#menuPrincipal button.accordion-button {
    box-shadow: none;
}

#menuPrincipal ul.nav li {
    font-size: 1.05rem;
}

#menuPrincipal ul.nav li ul li {
    font-size: 0.8rem;
    font-weight: 300;
    padding-left: 42px
}

#menuPrincipal ul.nav li, 
#menuPrincipal ul.nav li ul li {
    line-height: 2rem;
    padding-right: 0;
}

#menuPrincipal .block.block--navigationentete ul.nav li {
    line-height: unset;
}

.nav a:not(.btn),
.nav .accordion-button,
#menuPrincipal .nav li.active:hover a,
#titreApplication a {
    text-decoration: none;
    color: #095797;
}

#menuPrincipal .accordion-button:not(.collapsed) {
    background-color: inherit;
}

#menuPrincipal ul.nav li.sel-username {
    font-size: 1.2rem;
    padding: 1.2rem;
}

#menuPrincipal img.icone.lien_externe-icone {
    height: 0.9rem;
    margin-left: 0.2rem;
    opacity: 0.7;
}


/* piv et menu mobile */

#menuPrincipal .d-md-none .block.block--navigationentete {
    padding-bottom: 10px;
}

.block--navigationentete a.nav-link,
.block--navigationentete .nav > li > a:hover,
.block--navigationentete .nav > li > a:focus {
    color: #fff;
    font-size: 0.8rem;
}

.block--navigationentete .nav > li > a:hover,
.block--navigationentete .nav > li > a:focus {
    background-color: inherit;
    text-decoration: underline;
}

#menuPrincipal ul.nav.accordion,
#menuPrincipal .list-group-item:last-child {
    border-bottom: none;
}
#menuPrincipal ul.nav li,
#menuPrincipal li.list-group-item.list-group-item-action {
    border-left: none;
    border-right: none;
}
#menuPrincipal > ul > li.list-group-item.list-group-item-action {
    padding-left: 1.2rem;
}

#menuPrincipal .accordion-item:last-of-type .accordion-collapse {
    border-radius: initial;
}

#menuPrincipal .list-group-item-action:focus,
#menuPrincipal .list-group-item-action:hover {
    background-color: #ddfaff;
    background-image: none;
    text-shadow: none;
}

#menuPrincipal .list-group-item-action:hover {
    outline: dotted 1px #095797;
}

#menuPrincipal .list-group-item:first-child,
#menuPrincipal .list-group-item:last-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#menuPrincipal .nav.accordion:last-child {
    border-bottom: 1px solid #e7e7e7;
}

div#piv-entete.navbar,
#menuPrincipal .accordion-header button.accordion-button,
#menuPrincipal ul.nav li,
#menuPrincipal ul.nav li ul li,
#menuPrincipal .d-md-none .block.block--navigationentete .nav-link {
    padding-top: 0;
    padding-bottom: 0;
}

#menuPrincipal ul.nav > li > a > span,
#menuPrincipal .accordion-header span,
#menuPrincipal li.accordion-item li.list-group-item.list-group-item-action {
    line-height: 1rem;
    min-height: 2rem;
}

#menuPrincipal ul.nav > li > a > span,
#menuPrincipal .accordion-header span,
#menuPrincipal li.accordion-item li.list-group-item.list-group-item-action a{
    width: 100%;
    padding: 8px 0;
}

#menuPrincipal ul.nav > li > a > span,
#menuPrincipal .accordion-header span {
    margin-left: 3px;
}

#menuPrincipal li.accordion-item li.list-group-item.list-group-item-action {
    align-items: center;
}

#menuPrincipal .collapse:not(.show):has(li.active) {
    display: none;
}


/* zone de contenu */

#mainContainer {
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

.pageMaitreSansMenu #mainContainer {
    width: 100%;
    justify-content: space-evenly;
    align-items: center;
}

#mainContainer h1, 
#mainContainer h2, 
#mainContainer h3 {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

#mainContainer a.list-group-item:hover,
#mainContainer a.list-group-item:focus,
#mainContainer button.list-group-item:hover,
#mainContainer button.list-group-item:focus {
    color: #555;
    background-color: #f5f5f5;
    cursor: pointer;
}

/*** XS, SM, MD ***/
@media screen and (max-width: 767.98px) {
    #mainContainer {
        padding-left: calc(var(--bs-gutter-x)*.5) !important;
        padding-right: calc(var(--bs-gutter-x)*.5) !important;
    }
    .pageMaitreSansMenu #sideMenu,
    .pageMaitreSansMenu #mainContainer {
        display: block;
    }

    .intranet #mainContainer,
    .intranet .pageMaitreSansMenu div.sidebar,
    .intranet #menuPrincipal {
        margin-bottom: 1.5rem;
    }
}

#mainContainer,
.pageMaitreSansMenu div.sidebar {
    background-color: #F7F7F7;
}
.pageMaitreSansMenu.intranet div.sidebar,
.intranet #mainContainer,
.intranet .pageMaitreSansMenu div.sidebar {
    background-color: transparent;
}

.intranet #mainContainer,
.intranet .pageMaitreSansMenu div.sidebar {
    padding-top: 0.5rem;
}

#titreApplication {
    font-weight: 700;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif !important;
    padding-bottom: 0.2em;
}

#zonetitre .zonetitre1 h1,
#titreApplication {
    font-size: 1.8rem;
}

/* si besoin de ramener l'affichage du titre de la page (dans le cas o� il ne serait pas pr�vu de l'inclure dans div.collection par exemple), le PPP doit r��crire cette r�gle  */
.pageMaitreSansMenu .zonetitre1 {
    display: none;
}

div#zonetitre {
    padding-top: 14px;
    padding-bottom: 14px;
}

#menuPrincipal .btn {
    margin: var(--bs-btn-padding-y);
}

.nav li.active,
.btn-primary,
#menuPrincipal .navbar-links,
.titreMenu.panel.panel-primary {
    background-color: #095797;
}

.btn-primary {
    border-color: #095797;
}

.btn-primary:hover {
    background-color: #0d6efd;
}

/*label*/
.control-label {
    font-weight: bold;
}


/* ======================================== */
.nodisplay,
.cacher_item_gabarit {
    display: none;
}

.debug {
    border: 3px solid red;
}




/* "panel" n'existant plus dans la nouvelle version de BootStrap, la classe "card" card doit �tre ajout�e � l'�l�ment comprenant la classe "panel-group", ce qui permet de retrouver un style similaire */
div.panel-group.card {
    margin: -0.5rem;
}

div.card div.panel {
    margin: 0.5rem;
}

/* pour un PPP o� on ne veut pas de bordures dans le menu (sauf pour les accordeons), appliquer les 2 r�gles suivantes (au css du PPP) */
#menuPrincipal li.list-group-item.list-group-item-action {
    /*border-bottom: none;*/
}
#menuPrincipal .accordion-button:not(.collapsed) {
    /*box-shadow: unset;*/
}

@media screen and (min-width: 769px) {
    .intranet #mainContainer.card {
        border-radius: 0;
        border-width: 0 0 0 1px;
    }

    /* pour les cas d'exception o� le menu de gauche doit �tre r�duit en largeur, appliquer les 2 r�gles suivantes (au css du PPP) */
    div#sideMenu {
        /* choisir parmi une des 2 options suivantes */
        /*width: fit-content;*/ /* attention: la largeur risque de bouger en faisant appara�tre les menus accord�ons */
        /*width: 200px;*/       /* autre exemple, mais � largeur fixe cette fois */
    }
    #mainContainer{
        /*flex:auto; */         /* n�cessaire si la la taille du menu de gauche est modifi�e */
    }
}

.titreMenu.panel.panel-primary {
    padding: 0.5rem;
    padding-left: 20px;
}

.collection {
    background-color: #FFF;
    margin-top: 2em;
    max-width: 700px;
    margin-right: auto;
    margin-left: auto;
    padding: 1.5em;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.collection h2 {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    font-size: 1.2rem;
}

.collection-item {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #e0e0e0;
    padding-top: 2em;
    padding-bottom: 2em;
    color: #757575;
    display: block;
    text-decoration: none;
}

.collection-item:hover {
    text-decoration: none;
    background-color: #E1FFFF;
    margin-right: -1.5em;
    margin-left: -1.5em;
    padding-right: 1.5em;
    padding-left: 1.5em;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e0e0e0;
    margin-bottom: -1px;
}

.collection-item:last-of-type:hover {
    margin-bottom: calc(-1.5em - 1px);
}

.collection-item:first-of-type {
    border-top-style: none;
}

.collection-item:last-of-type {
    margin-bottom: -1.5em;
}

.collection-item p {
    margin: 0px;
    display: inline-block;
    max-width: 375px;
    color: #1a0dab;
}

.collection-item h3 {
    margin: 0px;
    display: inline-block;
    width: 265px;
    font-size: 100%;
    font-weight: normal;
    color: #000;
    vertical-align: top;
}

.pageMaitreSansMenu .collection {
    margin-left: inherit;
}

.errTech {
    word-wrap: break-word;
}


/******************* intranet */


/* Style pour les �toiles de "rating" dans la section commentaire. */

.etoile_gabarit {
    cursor: pointer;
    width: 24px !important;
}