/*  Intraflex V19  */
/*   2018-09-05    */

/********************/
/* Styles globaux  */
/********************/
@font-face {
    font-family: Roboto;
    src: url(/Cache/LayoutExterne/Prod/JAC/MessagerieNonIdentifieTheme/FRA/20250624060719/053cd36c-76da-4e29-9ee9-d97d203839c4.eot); /* For IE6-8 */
    src: local('Roboto'), local('Roboto Regular'), local('Roboto-Regular'), url(/Cache/LayoutExterne/Prod/JAC/MessagerieNonIdentifieTheme/FRA/20250624060719/9bb1eb76-11f9-480b-89a2-ef4c2294e25f.woff2) format('woff2'), url(/Cache/LayoutExterne/Prod/JAC/MessagerieNonIdentifieTheme/FRA/20250624060719/afb5cd60-3d06-4880-a571-5c9ac6438364.woff) format('woff'), url(/Cache/LayoutExterne/Prod/JAC/MessagerieNonIdentifieTheme/FRA/20250624060719/67924808-5c1f-4154-88c3-f25a42660d93.ttf) format('truetype');
	font-display: swap;
}

@font-face {
	font-family: RobotoLight;
	src: url(/Cache/LayoutExterne/Prod/JAC/MessagerieNonIdentifieTheme/FRA/20250624060719/5b7d34a0-853a-4ede-a56e-95f847a8f387.eot); /* For IE6-8 */
	src: local('Roboto Light'), local('Roboto-Light'), url(/Cache/LayoutExterne/Prod/JAC/MessagerieNonIdentifieTheme/FRA/20250624060719/b477be0c-84b6-4f72-9fd2-b624d8a8ead8.woff2) format('woff2'), url(/Cache/LayoutExterne/Prod/JAC/MessagerieNonIdentifieTheme/FRA/20250624060719/d0baaf85-5879-4440-be2f-51f7a1bd1ce4.woff) format('woff'), url(/Cache/LayoutExterne/Prod/JAC/MessagerieNonIdentifieTheme/FRA/20250624060719/fd44456a-de7b-4b65-9666-93c810e7e50f.ttf) format('truetype');
	font-display: swap;
}
@font-face {
	font-family: Roboto;
	font-weight: 300;
	src: url(/Cache/LayoutExterne/Prod/JAC/MessagerieNonIdentifieTheme/FRA/20250624060719/22e78bd4-413c-4e2e-a188-d2dcf559dd0e.eot); /* For IE6-8 */
	src: local('Roboto Light'), local('Roboto-Light'), url(/Cache/LayoutExterne/Prod/JAC/MessagerieNonIdentifieTheme/FRA/20250624060719/a46b8c8a-1d16-4f4e-89aa-fc1b0f45a996.woff2) format('woff2'), url(/Cache/LayoutExterne/Prod/JAC/MessagerieNonIdentifieTheme/FRA/20250624060719/a8ff9750-cc0e-4cb3-9f85-067c2a1ecd2a.woff) format('woff'), url(/Cache/LayoutExterne/Prod/JAC/MessagerieNonIdentifieTheme/FRA/20250624060719/967acf92-c637-44ee-9913-5bddc6fee41d.ttf) format('truetype');
	font-display: swap;
}

@font-face {
	font-family: RobotoMedium;
	src: url(/Cache/LayoutExterne/Prod/JAC/MessagerieNonIdentifieTheme/FRA/20250624060719/de65c412-d7b1-4f6d-951f-20f7cd4027dd.eot); /* For IE6-8 */
	src: local('Roboto Medium'), local('Roboto-Medium'), url(/Cache/LayoutExterne/Prod/JAC/MessagerieNonIdentifieTheme/FRA/20250624060719/74135cd2-512f-47c7-95c8-0722141c2bdc.woff2) format('woff2'), url(/Cache/LayoutExterne/Prod/JAC/MessagerieNonIdentifieTheme/FRA/20250624060719/bd7e4f95-647f-415f-9983-5fa043eef8b2.woff) format('woff'), url(/Cache/LayoutExterne/Prod/JAC/MessagerieNonIdentifieTheme/FRA/20250624060719/f0b73b58-6b77-452c-abb7-bca1280e6d2c.ttf) format('truetype');
	font-display: swap;
}

@font-face {
	font-family: Roboto;
	font-weight: 500;
	src: url(/Cache/LayoutExterne/Prod/JAC/MessagerieNonIdentifieTheme/FRA/20250624060719/3c493e39-c09f-4da8-811a-bcc3b4994d55.eot); /* For IE6-8 */
	src: local('Roboto Medium'), local('Roboto-Medium'), url(/Cache/LayoutExterne/Prod/JAC/MessagerieNonIdentifieTheme/FRA/20250624060719/3d56a75d-16ca-4f5f-b224-21ffd6a8c4ee.woff2) format('woff2'), url(/Cache/LayoutExterne/Prod/JAC/MessagerieNonIdentifieTheme/FRA/20250624060719/be8bc4ff-77a0-44ad-9531-9af8dec05b2d.woff) format('woff'), url(/Cache/LayoutExterne/Prod/JAC/MessagerieNonIdentifieTheme/FRA/20250624060719/9e00d6dd-adba-46e2-b204-cbd56372403c.ttf) format('truetype');
	font-display: swap;
}

@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(/Cache/LayoutExterne/Prod/JAC/MessagerieNonIdentifieTheme/FRA/20250624060719/058b1493-42cd-4674-8787-3c341e5fc8ae.eot); /* For IE6-8 */
	src: local('Material Icons'), local('MaterialIcons-Regular'), url(/Cache/LayoutExterne/Prod/JAC/MessagerieNonIdentifieTheme/FRA/20250624060719/0b11d33b-d308-4cdf-9218-cdce08445764.woff2) format('woff2'), url(/Cache/LayoutExterne/Prod/JAC/MessagerieNonIdentifieTheme/FRA/20250624060719/c23d9f59-0ac9-4a32-9bf9-b6c30c29a8c9.woff) format('woff'), url(/Cache/LayoutExterne/Prod/JAC/MessagerieNonIdentifieTheme/FRA/20250624060719/6805e790-ebc0-4e5f-a9f5-fb046ab77134.ttf) format('truetype');
	font-display: fallback;
}

.material-icons {
    vertical-align: middle;
}

/* Styles globaux soutiré du vieux footer qu'on utilise encore */
* {
    padding: 0;
    margin: 0;
}

p {
    margin: 1em 0;
}

html, body {
    height: 100%;
    width: 100%;
}

.wrapperFixed {
    background-color: white;
    margin: 0 auto;
    border: 4px solid #ecf6fe;
    border-top: 0;
    border-bottom: 0;
}

.wrapper {
    background-color: white;
}

.ovx10_rel {
    position: relative;
}

/* generics */
a img {
    border: 0
}

ul, ol {
    margin: 5px 5px 5px 30px
}

#spLeftSize {
    padding-top: 40px;
}

#ovx10_midColSpacer {
}

#ovx10_wrap_offreServices {
    padding: 0 0 0 12px;
    width: 320px;
    margin: 0 24px 0 0;
}
/* FIN - Styles globaux soutiré du vieux footer qu'on utilise encore */

body {
	font-family: Roboto, Arial;
}

a {
    text-decoration: none;
}

table.spacer_b {
    table-layout: fixed; /* On veut empêcher le contenu d'expand plus large que la fenêtre */
}

span.field-validation-error {
    color: #F44336;
    display: block;
    font-size: 0.8rem;
    margin-bottom: 5px;
}

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

.sr-desc {
    display: none;
}

.carte-portail:not(.carte-evenement) .carte-portail-type { /* On veut juste voir ça dans le mode récent, le SASS du mode récent le rend visible */
    display: none;
}

/*[B94219] 2019-06-04, Pierre-Luc Lemire: On va essayer un trick plus global pour le outline, sois de couvrir tous les [tabindex]. On va target en js ces mêmes éléments pour ajouter la classe "tabbed" */
[tabindex]:not(.tabbed) {
    outline: none;
}

.centered-spinner {
    text-align: center;
}

.with-spinner {
    position: relative;
}

.btn-spinner-wrapper {
    display: none;
    position: absolute;
    top: 6px;
    left: 50%;
}

.btn-spinner-wrapper .mdl-spinner {
    width: 24px;
    height: 24px;
    left: -50%;
}

#MasterWrapper {
    width: 100% !important;
    border-width: 0px;
}

body header {
	margin-bottom: 0; /* from 30px */
}

body #spLeftSize {
	padding-top: 32px !important;
}

#spRightSize {
    background-color: #fafafa;
    padding: 30px 24px 0;
    width: 100%; /* [B98232] 2020-01-20, Pierre-Luc Lemire: Il faut que le width du #spRightSize force celui du #spLeftSize a fit son contenu */
    min-width: 300px;
}

.webpart-region, #ovx10_wrap_QDN {
	margin-bottom: 44px;
}

#ovx10_wrap_QDN {
	flex-grow: 1;
	position: relative;
}

.section-header-options,
.section-header-options-materialize {
    width: 100%;
    margin-top: -45px;
    height: 33px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
	margin-bottom: 12px;
}

.section-header-options-materialize {
    padding-bottom: 9px;
}

.section-header-options-materialize .btn-icon:not(:first-child) {
    margin-right: 5px;
}

.section-header-options a {
	font-size: 14.5px;
    vertical-align: middle;
    display: flex;
    align-items: center;
}

.section-header-options a:hover {
    color: #b70404;
}

.section-header-options a:first-child {
    margin-right: 3px;
}

.section-header-options a:not(:first-child) {
    margin-right: 15px;
}

.section-header-options i {
    font-size: 26px;
	margin-left: 6px;
	vertical-align: middle;
}

.section-header-options .svg-icon {
	width: 28.3px;
	height: 21.1px;
	box-sizing: border-box;
	fill: #0271c0;
	display: inline-block;
	margin-left: 6px;
}

.section-header-options a:hover .svg-icon {
	fill: #b70404;
}


.btn-portail {
    background-color: #FFF;
    border: none;
    font-family: Roboto, Arial;
    display: inline-block;
    border-radius: 6px;
    padding: 6px 18px;
    cursor: pointer;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    transition-property: box-shadow, background-color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    transition-delay: 0s;
}

.btn-portail:hover {
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
}

.btn-reessayer-ajax {
    color: #0169B0;
    font-size: 16px;
}

.btn-reessayer-ajax:hover {
    color: #b70404;
}

.btn-reessayer-ajax i {
    margin-right: 8px;
}

#MasterWrapper .ovx10_headerPart {
    font-family: Roboto, Arial;
    font-size: 26px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: -0.5px;
    color: #CD4D02;
    background: none;
    border-bottom: solid 1px #dadada;
    padding-bottom: 0px;
    margin-bottom: 7px;
    padding-left: 0px;
}

#MasterWrapper .ovx10_offreServices li.ovx_sepClass {
    font-family: Roboto, Arial;
    font-size: 20px;
    font-weight: normal;
    line-height: normal;
    color: #CD4D02;
    letter-spacing: -0.3px;
    padding-top: 0px;
    margin-top: 36px;
    margin-bottom: 10px;
    padding-left: 0px;
}

/* Titre du lien expandable */
#MasterWrapper .ovx10_offreServices li.ovx_sepClass td:first-child {
    padding-left: 5px;
}

/* Spinner dans offre de service */
#MasterWrapper .ovx10_offreServices li.ovx19_servicesSpinner {
    background: none !important;
    padding-top: 10px;
    padding-left: 0;
    text-align: center;
}

.ovx19_servicesSpinner .mdl-spinner {
    width: 35px;
    height: 35px;
}

.voirplus-portail-bouton {
    display: inline-block;
    height: 34px;
    border-radius: 17px;
    background-color: #ffffff;
    border: solid 1px #dadada;
    font-size: 20px;
    color: #2962FF;
    text-align: center;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    cursor: pointer;
    padding: 3px 30px 0px 30px;
    box-sizing: border-box;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    transition-property: box-shadow;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    transition-delay: 0s;
}

.voirplus-portail-bouton:hover {
    color: #2962FF;
}

.voirplus-portail-bouton .keyboard_arrow_down {
    margin-bottom: 1px;
    /* Animation copié du select de material design */
    -webkit-transition: -webkit-transform .15s cubic-bezier(.4,0,.2,1);
    transition: -webkit-transform .15s cubic-bezier(.4,0,.2,1);
    -o-transition: transform .15s cubic-bezier(.4,0,.2,1);
    transition: transform .15s cubic-bezier(.4,0,.2,1);
    transition: transform .15s cubic-bezier(.4,0,.2,1),-webkit-transform .15s cubic-bezier(.4,0,.2,1);
}

.voirplus-portail-bouton .keyboard_arrow_down.open {
    margin-bottom: 0px;
    transform: rotate(-180deg);
}

button.voirplus-portail-bouton {
    padding-top: 0;
}

.voirplus-portail {
    display: inline-block;
    text-align: center;
    width: 100%;
    position: relative;
    margin-bottom: 8px;
}

.voirplus-portail:before {
	content: '';
	position: absolute;
	bottom: 50%;
	border-bottom: 1px #dadada solid;
	width: 100%;
	z-index: 0;
    left: 0;
}

.contenu-section-vide,
.msg-aucun-item-selon-filtres,
.contenu-section-erreur {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: normal;
}

.contenu-section-erreur {
    flex-direction: column;
}

.contenu-section-erreur h3 {
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 15px;
}

.contenu-section-erreur .btn-portail {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.contenu-section-erreur .btn-portail .mdl-spinner {
    width: 24px;
    height: 24px;
}

a {
	color: #0169B0;
}

/********************/
/*      Slider      */
/********************/
.slider-portail {
    position: relative;
    max-width: 100vw;
    white-space: nowrap;
    overflow: hidden; /*Tant que le slider n'est pas initialisé, le contenu déborde et créer un scrollbar et ça flicker, avec le hidden c'est moins apparent*/
	margin-left: -7px;
}

.slider-portail > * {
	white-space: normal;
}

.slider-portail > li { /* Annuler les styles en attendant le init en js */
    display: inline-block;
    list-style-type: none;
}

.slider-portail > :first-child:not(.slider-portail-zone) {
    margin-left: 6px; /*Petit hack pour fix le design que c'est l'élément ajouté en javascript qui ajoute un padding de 3px (donc marche pas tant que c'est pas initialisé...). Ce concepte ne marche pas si le slider est overflow hidden comme il se doit.*/
}

.slider-portail .slider-scroll {
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    padding-left: 6px;
	padding-bottom:5px;
    margin-left: 1px;
    list-style-type: none;
	margin-top: 0;
	margin-bottom: 0;
}

.slider-portail .slider-scroll > li:not(.filtered-out) {
    display: inline-block;
}

.slider-portail .slider-scroll > * {
	white-space: normal;
}

.slider-portail .slider-scroll > *:last-child {
	margin-right: 6px;
}

.slider-portail .slider-portail-zone {
	position: absolute;
	width: 70px;
	top: 0;
	bottom: 0;
	z-index: 2; /*[B96224] 2019-09-13, Pierre-Luc Lemire: Je le met a 2 car la puce de nouveauté est à z-index 1*/
	transition: all 0.3s;
}

.slider-portail-zone.slider-portail-zone-previous {
	background-image: linear-gradient(to left, rgba(251, 251, 251, 0), #fbfbfb);
	left: -1px;
}

.slider-portail-zone.slider-portail-zone-next {
	background-image: linear-gradient(to right, rgba(251, 251, 251, 0), #fbfbfb);
	right: -1px;
}


.portail-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.44);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.44);
    border-radius: 50%;
    border: none;
	
    text-align: center;
    font-size: 30px;
    color: #6B6B6B;
    cursor: pointer;

    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    transition-delay: 0s;
}

.portail-btn:hover,
.portail-btn:focus {
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.44), 0 -3px 6px 0 rgba(0, 0, 0, 0.12), 3px 0 3px 0 rgba(0, 0, 0, 0.12), -3px 0 3px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.44), 0 -3px 6px 0 rgba(0, 0, 0, 0.12), 3px 0 3px 0 rgba(0, 0, 0, 0.12), -3px 0 3px 0 rgba(0, 0, 0, 0.12);
}

.portail-btn i {
    font-size: 36px;
}


.slider-portail .slider-portail-btn {
    position: absolute;
    top: 50%;
    top: calc(50% - 25px);
}

.slider-portail .slider-portail-btn:focus {
    background-color: white;
}

.slider-portail-btn i {
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
}

.slider-portail .slider-portail-zone.slider-portail-zone-previous .slider-portail-btn {
	left: 8px;
}

.slider-portail .slider-portail-zone.slider-portail-zone-next .slider-portail-btn {
	right: 5px;
}

/********************/
/* Offre de Service */
/********************/

/*Entête de section primaire*/
/* ^ Voir styles globaux ^  */
/*Entête de section secondaire*/
/*   ^ Voir styles globaux ^  */

/* Lien dans une section */

body #ovx10_wrap_offreServices {
	padding-left: 24px;
    padding-bottom: 30px;
}

#MasterWrapper .ovx10_offreServices li:not(.ovx_sepClass) {
	padding-left: 33px;
    margin: 0 0 0 2px;
    position: relative;
}

.lienService-svg-wrapper .svg-icon {
    width: 100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.lienService-svg-wrapper .svg-icon {
		height: 100%;
	}
}

.lienService-svg-wrapper .svg-icon,
.lienService-svg-wrapper .svg-icon svg {
	max-height: 20px;
	display: grid;
	place-items: center;
}

/* Svg des liens dans une section */
#MasterWrapper .ovx10_offreServices li:not(.ovx_sepClass) svg * {
	fill: #488AD6;
}

/* Svg des liens de la première section */
#MasterWrapper ul.ovx10_offreServices:first-of-type li:not(.ovx_sepClass) svg * {
    fill: #7fd91b;
}

/* Titre des liens dans une section */
#MasterWrapper span.ovx10_lienService {
    font-family: Roboto, Arial;
    font-size: 14px;
	font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    color: #016AAA;
}

#MasterWrapper .ovx10_ovx.servInactif span.ovx10_lienService,
#MasterWrapper .ovx10_ovx.servInactif span.ovx10_descLienService,
#MasterWrapper .ovx10_offreServices li.servInactif:not(.ovx_sepClass):hover .ovx10_lienService {
    color: #757575;
}

#MasterWrapper .ovx10_offreServices li.servInactif:not(.ovx_sepClass) svg * {
    fill: #757575;
}

#MasterWrapper .ovx10_offreServices li a {
	padding-top: 1px;
	padding-bottom: 0;
}

.lienService-svg-wrapper {
    display: flex; /* Les petits svg (hauteur moindre que 25) sont aligné au top plutôt qu'au centre... flex+align-items pour corriger ceci*/
    align-items: center;
    width: 20px;
    height: 20px; /*Sans height le svg brise sur IE11*/
    position: absolute;
    left: 0;
    top: 5px;
}

/* Si il n'y a pas de description et que le titre n'est pas multi-ligne on va centrer le svg */
.lienService-svg-wrapper:not(.multi-line-title).no-desc {
    top: 0;
}

/* Description des liens dans une section */
#MasterWrapper span.ovx10_descLienService {
    font-family: Roboto, Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0px;
    color: #6B6B6B;
}

/* Bordure sous les section primaires */
/*      ^ Voir styles globaux ^       */

/* Bordure sous les section secondaires */
#MasterWrapper .ovx10_offreServices li.ovx_sepClass {
    border-bottom: solid 1px #dbe2e7;
}

/* Arrows des collapsible de section */
#MasterWrapper .ovx_sepClass .spDown, #MasterWrapper .ovx_sepClass .spBtn,
footer i.material-icons.home  {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px; /* Preferred icon size */
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);

    background: none;
    color: #a4a4a4;
}

#MasterWrapper .ovx_sepClass .spBtn {
    /* Animation copié du select de material design */
    -webkit-transition: -webkit-transform .15s cubic-bezier(.4,0,.2,1);
    transition: -webkit-transform .15s cubic-bezier(.4,0,.2,1);
    -o-transition: transform .15s cubic-bezier(.4,0,.2,1);
    transition: transform .15s cubic-bezier(.4,0,.2,1);
    transition: transform .15s cubic-bezier(.4,0,.2,1),-webkit-transform .15s cubic-bezier(.4,0,.2,1);
}

/* Down arrow des collapsible de section */
#MasterWrapper .ovx_sepClass .spBtn:before {
    content: '\e313';
    display: block;
    vertical-align: middle;
    line-height: 22px;
}

/* Up arrow des collapsible de section */
#MasterWrapper .ovx_sepClass .spBtn.spDown {
    transform: rotate(-180deg);
}

footer i.material-icons.home {
	color: #fff;
}
footer i.material-icons.home:before {
	content: '\e88a';
}

/* Icone de lien */
#MasterWrapper .ovx10_offreServices li:not(.ovx_sepClass) {
    background-size: 20px 22px !important;
}

/* Icone de lien :hover */
#MasterWrapper .ovx10_offreServices li:not(.ovx_sepClass):hover .ovx10_lienService {
	color: #CD4D02;
}

/* Ajustement de l'espace entre les liens de services */
#MasterWrapper .ovx10_offreServices li:not(.ovx_sepClass):not(:last-child) {
    margin-bottom: 11px;
}

#MasterWrapper .ovx10_offreServices {
    overflow: hidden;
}

#MasterWrapper .ovx10_offreServices:not(.ovx10_no_cat):not(.UlMobileTitre) li:not(:first-child) {
    
}

#MasterWrapper .ovx10_offreServices.ovx10_no_cat .ovx_sep {
    border-top: 0;
}

#MasterWrapper .ovx10_offreServices li.ImgMobileV19Wrapper {
    float: left;
    padding: 0;
    margin: 0 !important;
}

#MasterWrapper .ovx10_offreServices.UlMobileTitre img + li.LiMobile:not(.LiMobileLast) {
    margin-top: 30px;
    margin-bottom: 15px;
}

#MasterWrapper .ovx10_offreServices li.ovx10_sub.LiMobile {
    float: left;
    max-width: 158px;
    margin-left: 30px;
}

#MasterWrapper .ovx10_offreServices li.ovx10_sub.LiMobile.LiMobileFirst {
    margin-top: 40px;
}

#MasterWrapper .ovx10_offreServices li.ovx10_sub.LiMobile.LiMobileLast {
    max-width: 120px;
    padding-bottom: 0;
    margin-top: 40px;
}

#MasterWrapper .ovx10_offreServices li.ovx10_sub.LiMobile:not(.LiMobileLast) {
    padding-left: 0;
}

#MasterWrapper .ovx10_offreServices li.ovx10_sub.LiMobile:not(.LiMobileLast) a {
    padding: 0;
    margin: 0;
}

#MasterWrapper .ovx10_offreServices li.ovx10_sub.LiMobile:not(.LiMobileLast):hover {
    background-color: transparent !important;
}

.ovx10_sub.LiMobile img {
    width: 136px;
    height: 41px;
}

/********************/
/*   Quoi de neuf   */
/********************/
#QuoiDeNeufsWrapper {
	padding-bottom: 20px;
	position: absolute;
	z-index: 3;
	background-color: #fafafa;
	box-shadow: none;
	border-radius: 6px;
	width: 100%;
	box-sizing: border-box;
}

.carte-portail-header-svg-wrapper {
    width: 47px;
}

.carte-portail-header-svg-wrapper .svg-icon{
    width: 100%;
    height: 100%;
}

.carte-portail-header-svg-wrapper svg * {
    fill: white;
}

.carte-QDN {
	display: flex;
	height: 80px;
	min-height: 80px;

	width: 100%;
	border: 2px solid rgba(0,0,0,0);
	box-sizing: border-box;

	margin: 10px 0;
	
	position: relative;
	overflow: hidden; /* [B98928] 2020-02-24, Pierre-Luc Lemire: Avec le divAnimation ajouté, il ne doit pas sortir de la card et causé un overflow en X */
    cursor:pointer;
}

#QuoiDeNeufsWrapper.collapsed {
	position: relative;
}

#QuoiDeNeufsWrapper.collapsed .carte-QDN:nth-child(n+4) {
	display: none;
}

.carte-QDN:first-child {
	margin-top: 0px;
}

.carte-QDN .carte-portail-header {
	height: auto;
	width: 80px;
	flex-shrink: 0;
	border-radius: 3px 0 0 3px; /*[B98928] 2020-02-24, Pierre-Luc Lemire: Les coins du carré empiètrent sur la bordure */
} 

.carte-QDN .carte-portail-header-svg-wrapper {
	width: 34px;
}

.carte-QDN .carte-portail-header-svg-wrapper .svg-icon,
.carte-QDN .carte-portail-header-svg-wrapper .svg-icon svg {
	max-width: 34px;
	max-height: 34px;
}

.carte-QDN .carte-portail-contenu {
	justify-content: center;
	padding-top: 4px;
	padding-bottom: 4px;
}

.carte-QDN .carte-portail-contenu .carte-portail-titre {
	font-size: 14px;
	font-weight: 500;
}

.carte-QDN .carte-portail-contenu .carte-portail-desc {
    height: 0;
}

.carte-QDN#MsgAucunQD9 {
	box-shadow: none;
	background-color: #e0e0e0;
	color: #616161;
	font-size: 16px;
	font-weight: 500;
	height: 60px;
	min-height: 60px;
	margin-top: 4px;
}

	.carte-QDN#MsgAucunQD9 i {
		color: #616161;
		font-size: 60px;
		margin: 0 13px;
	}

#QuoiDeNeufsWrapper .portail-btn {
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
}

#QuoiDeNeufsWrapper .portail-btn i {
	transform: rotate(90deg);
}


/* Animation sur QD9 pour attirer l'attention */
.carte-QDN:not(.skeleton) {
	transform: scale(0);
}

.carte-QDN {
	animation-duration: 300ms;
	animation-fill-mode: both;
	transform-origin: center bottom;
}
@keyframes anim-appear-qd9 {
	0% {
		transform: scale(0.8);
		filter: opacity(0);
	}
	100% {
		transform: scale(1);
		filter: opacity(1);
	}
}

.carte-QDN .divAnimation {
	position: absolute;
	top: -2px;
	bottom: -2px;
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,0) 100%);

	/* Note, 15s = animation time + delay, pour changer une valeur ou l'autre, considérer aussi changer les % de l'animation */
	animation-name: anim-qd9;
	animation-duration: 1050ms;
	animation-fill-mode: both;
	animation-iteration-count: 1;
	animation-timing-function: linear;

	/* On a un div, de width N, qui part à -N (voir début du keyframe) et termine à 100% */
	width: 40%;
	left: -40%;
}

@keyframes anim-qd9 {
	0% {
		left: -40%;
	}

	100% {
		left: 100%;
	}
}


/* commun actualité qd9 */

.parent-une-qd9 {
	display: flex;
    margin-bottom: 20px;
}

.parent-une-qd9 > div#ovx10_wrap_actualites {
	margin-right: 42px;
	width: calc(100% - 450px);
}

.parent-zone-qd9 {
	flex-grow: 1;
}

.should-clamp-on-large {
	width: calc(100% - 450px);
}

@media only screen and (max-width: 1280px) {
    .parent-une-qd9 {
        flex-direction: column;
        margin-bottom: 0;
    }

	.parent-une-qd9 > div#ovx10_wrap_actualites {
		width: auto;
        margin-right: 0;
	}

	#QuoiDeNeufsWrapper {
		position: relative;
	}

	#QuoiDeNeufsWrapper .portail-btn {
		display: none;
	}

	#QuoiDeNeufsWrapper.collapsed .carte-QDN:nth-child(n+4) {
		display: flex;
	}

	.should-clamp-on-large {
		width: auto;
	}

	.parent-zone-qd9 {
		order: -1;
	}
}


/************************************************
	Styles pour le WebPart du calendrier des événements.
************************************************/
/**
	Pour Brébeuf, ils veulent que tous les événements du calendrier soient de la même couleur
	sauf "Activité parascolaire" et "Activité para-académique"
**/
.type_evenement {
    font-weight: bold;
    font-size: 11px;
}

.evenementCommunaute_titre {
	font-weight: bold;
	font-size: 12px;
}

.evenementCommunaute {
	padding: 5px 0px;
}

.evenementCommunaute td {
	padding-bottom: 10px;
}

.evenementTitreCommunaute {
	font-size: 9px;
	color: #888;
	font-style: italic;
}

#tdAfficheOldNews {
	font-size: 12px;
	color: #888;
	font-weight: bold;
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 10px;
}

.classeCssTableEvenements {
	width: 100%;
}

.calWrapper {
	width: 100%;
	margin: 0px;
	margin-right: 15px;
}

.calWrapperCal {
	width: 185px;
}

.CalendrierScolaire .calJourSemaine {
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	background-color: #2169A5;
	text-align: center;
	height: 17px;
}

.CalendrierScolaire .calLienMoisPrecedentSuivant {
	font-weight: bold;
	font-size: 12px;
	color: #AD1400;
	text-decoration: none;
}

.CalendrierScolaire .calNomMois {
	font-weight: bold;
	font-size: 11px;
	vertical-align: bottom;
	color: #AD1400;
	padding: 3px;
	padding-top: 7px;
	width: 400px;
	white-space: nowrap;
}

.CalendrierScolaire .calTdMoisPrecedent {
	padding: 3px;
	padding-top: 9px;
	vertical-align: top;
	text-align: right;
}

.CalendrierScolaire .calTdMoisSuivant {
	vertical-align: top;
	padding: 3px;
	padding-top: 9px;
	text-align: left;
}

.CalendrierScolaire .calJour,
.CalendrierScolaire .calJourSelectionne {
	font-size: 11px;
	color: #686768;
	height: 18px;
	background-color: #eceef0;
	border: 1px solid #dee0e2;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center center;
}

.CalendrierScolaire .calJourSelectionne {
	font-weight: bold;
	color: #225c7e;
	background-color: white;
}

.CalendrierScolaire .calAujourdhui {
	font-weight: bold;
	color: red;
}

.CalendrierScolaire .calEvenement {
	font-weight: normal;
	color: #215b7e;
	height: 35px;
	font-size: 11px;
	background-position: bottom left;
	background-repeat: no-repeat;
}

.CalendrierScolaire .calDescEvenement {
	font-size: 9px;
	color: #404040;
}

.CalendrierScolaire .calTdDateEvenement {
	font-size: 11px;
	vertical-align: top;
	color: #215b7e;
	/*padding-top: 3px;*/
	width: 2px;
	white-space: nowrap;
}


.CalendrierScolaire .calTdTitreEvenement {
	font-size: 11px;
	vertical-align: top;
	/*width: 200px;*/
	/*padding-top: 3px;*/
}

.CalendrierScolaire .calTableEvenements {
	padding: 0px;
	width: 225px;
	font-size: 10px;
}

.CalendrierScolaire .calTableEvenements * IMG {
	margin-top: 3px;
}

.CalendrierScolaire .calDivPrincipal {
	border: #759B50 1px solid;
	width: 175px;
	font-family: arial;
	background-color: #ffffff;
	padding: 5px;
}



.CalendrierScolaire .calLienEvenement {
	font-family: Arial;
}

.CalendrierScolaire .carreCouleur {
	width: 7px;
	height: 7px;
	margin-right: 3px;
	padding-top: 100px;
	background-color: white;
	color: #225c7e;
	font-size: 11px;
	padding: 1px;
	vertical-align: top;
	text-align: center;
}

.CalendrierScolaire div[class*='backgroundCouleur_'] {
	background-color: #417290; /* couleur par défaut */
}

.CalendrierScolaire .carte-portail-header {
	height: auto;
	padding: 7px 0;
}

.CalendrierScolaire .carte-portail .carte-portail-border,
.heure-multijour {
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: #ffffff;
}

.lnkChangeAffichage {
	font-size: 12px;
	font-weight: bold;
	color: #777;
	cursor: pointer;
}

.no-jour {
	font-size: 32px;
	font-weight: bold;
	line-height: 1em;
}

#ovx10_wrap_calendrier > table,
#tblCalendrierEvenement {
	table-layout: fixed;
	width: 100%;
	overflow-y:hidden;
	overflow-x:visible;
	/* pour le shadow des filtres +3px pour raison de style */
	padding-bottom: 3px;
	margin-bottom: -6px;
}

#ovx10_wrap_calendrier .hlkConfig {
	margin-right: 30px;
}

#tblCalendrierEvenement .calendar-menu {
	display: flex;
	justify-content: space-between;
}

#tblCalendrierEvenement .calendar-menu-items-wrapper {
    display: flex;
    flex-shrink: 0;
    padding-bottom: 8px;
}

#tblCalendrierEvenement .calendar-menu-items-wrapper > :not(:last-child) {
    margin-right: 20px;
}

#tblCalendrierEvenement #btnSwitchView {
    line-height: 2;
	font-size: 14.5px;
}

.calendar-menu-items-wrapper i.left {
    margin-right: 5px;
}

.CalendrierScolaire .carte-portail-header {
    position: relative;
}

.CalendrierScolaire .icone-type-even {
	position: absolute;
	top: 5px;
	right: 7px;
}

.CalendrierScolaire .lnk-mod-supp {
    cursor: pointer;
}

.carte-portail.evenement-multijour,
.carte-portail.carte-evenement.evenement-multijour > div {
    /*[B98387] 2020-01-07, Lionel Bewa:On augment le width pour que tout rendre sur une ligne*/
    width: 275px;
}

.evenement-multijour .carte-portail-header > div {
	display: inline-block;
	vertical-align: middle;
}

div.fleche-multijour {
	margin: 0 5px;
	font-size: 35px;
}

.CalendrierScolaire .carte-portail.evenement-passe .carte-portail-border {
	background-color: #767676;
}

.CalendrierScolaire .evenement-passe svg path {
	/*fill: #888;*/
}

.CalendrierScolaire .carte-portail.evenement-passe .carte-portail-contenu .carte-portail-titre,
.CalendrierScolaire .carte-portail.evenement-passe .carte-portail-contenu .carte-portail-type,
.CalendrierScolaire .carte-portail.evenement-passe .carte-portail-contenu .carte-portail-local {
	/*color: #a5a5a5;*/
	color: #383838;
}

.CalendrierScolaire .carte-portail.evenement-passe .carte-portail-contenu svg path {
	fill: #888;
}

.CalendrierScolaire .carte-portail-type {
	font-size: 10px;
	font-weight: 500;
	/*color: #00864e;*/
	margin-bottom: 1px;
	text-transform: uppercase;
}

.CalendrierScolaire .carte-portail-type span {
	font-weight: 400;
	text-transform: none;
}

.CalendrierScolaire .carte-portail .carte-portail-contenu .carte-portail-local {
	color: #00864e;
	margin-bottom: 4px;
	margin-top: 1px;
}

.CalendrierScolaire .carte-portail.evenement-passe .carte-portail-desc {
	/*color: #b6b6b6;*/
}

.CalendrierScolaire .carte-portail.evenement-passe .carte-portail-contenu {
	background-color: #fbfbfb;
}

.CalendrierScolaire .lien-extra-calendrier {
	font-size: 12px !important;
	line-height: 12px;
	margin-right: 10px;
}

#calendrierEvenement-filtres {
	display: inline-block;
	margin-bottom: 0;
	margin-top: 15px;
	position: relative;
}
#filtre-evenement-spinner {
	padding: 0 10px;	
	position: absolute;
}


.filtre-evenements {
    height: 30px;
    line-height: 30px;
    border-radius: 15.5px;
    background-color: rgb(231, 235, 241);
    font-size: 13px;
    display: inline-block;
    padding: 0 12px;
    margin-left: 6px;
    margin-bottom: 6px;
	margin-top: 1px;
    cursor: pointer;
	letter-spacing: -0.3px;
	
	-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.5);
	box-shadow: 0 1px 5px 0 rgba(0,0,0,.5);
}

.filtre-evenements:first-child {
	margin-left: 12px;
}

.filtre-evenements:hover {
    background-color: rgb(216, 220, 226);
	
	-webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.6);
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.6);
}

.filtre-evenements:focus {
    background-color: rgb(196, 200, 206);
}

.filtre-evenements .checkbox {
	width: 19px;
	height: 19px;
	line-height: 19px;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	text-align: center;
}

.filtre-evenements.filtre-CalScolaire .checkbox {
	background-color: #417290;
}

.filtre-evenements.filtre-Lea .checkbox {
	background-color: #cf4400;
}

.filtre-evenements.filtre-Communaute .checkbox {
	background-color: #e10a88;
}

.filtre-evenements.filtre-Examen .checkbox {
	background-color: #8e24aa;
}

.filtre-evenements.filtre-RendezVous .checkbox {
	background-color: #b71c1c;
}

.filtre-evenements.filtre-Cours .checkbox {
	background-color: #00864e;
}

.filtre-evenements .checkbox i {
	font-size: 18px;
}
.filtre-evenements .checkbox i.cached {
	transform: scaleX(-0.9) rotate(0deg);
	animation: anim-cached 1s infinite linear;
}
@keyframes anim-cached {
	from {
		transform: scaleX(-0.9) rotate(0deg);
	}

	to {
		transform: scaleX(-0.9) rotate(-360deg);
	}
}

.filtre-evenements .checkbox.disabled {
	background-color: #7E7E7E !important;
}

.btn-add-even-perso {
    float: right;
    padding: 6px 18px;
    background-color: #1879CD;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}

.btn-add-even-perso:hover {
    color: #fff;
    background-color: hsla(208, 85%, 35%, 1);
}

.btn-add-even-perso:focus {
    background-color: hsla(208, 85%, 35%, 1);
}

.btn-add-even-perso .plus {
	font-size: 26px;
	line-height: 18px;
	vertical-align: middle;
	margin-right: 8px;
}

.slider-evenements {
}

.aucun-evenement {
}

.carte-evenement.skeleton .carte-portail-header > div {
    visibility: hidden;
}

.carte-evenement .nouveautes {
    position: absolute;
    height: 10px;
    width: 10px;
    padding: 0;
    z-index: 1;
    right: 8px;
    top: 8px;
}

.carte-portail.carte-evenement {
	position: relative;
	transition: width 300ms, margin 300ms;
	height: 220px;
	min-height: 220px;
	margin-right: 15px;
}

.carte-portail.carte-evenement:not(.evenement-multijour):not(.filtered-out),
.carte-portail.carte-evenement:not(.evenement-multijour):not(.filtered-out) > div {
	width: 150px;
}

.carte-portail.carte-evenement .carte-portail-contenu .carte-portail-titre {
	font-size: 12.5px;
	line-height: 17px;
	color: #333;
}

.carte-evenement .carte-portail-desc p { /* Quill ajoute des <br> pour fait les sauts de paragraphes, le margin nuit dans la card et au clamp */
	margin-bottom: 0;
}

.carte-evenement .carte-portail-desc.lien-mio,
#modal-details-evenement .carte-portail-desc.lien-mio {
	margin-bottom: 0.25rem;
	margin-top: 0.05rem;
}

.carte-evenement .carte-portail-desc.lien-mio,
.carte-evenement .carte-portail-desc.lien-autre,
#modal-details-evenement .carte-portail-desc.lien-mio,
#modal-details-evenement .carte-portail-desc.lien-autre {
	color: #4a90e2;
	
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.carte-evenement .carte-portail-desc.lien-mio .svg-icon,
.carte-evenement .carte-portail-desc.lien-autre .svg-icon,
#modal-details-evenement .carte-portail-desc.lien-mio .svg-icon,
#modal-details-evenement .carte-portail-desc.lien-autre .svg-icon,
.evenement .lien_ZZRV .lien-mio .svg-icon,
.carte-portail.carte-evenement.categorie_Cours .svg-icon,
.carte-portail-desc.etat-distance .svg-icon
.carte-portail-desc.type-enseignement.async .svg-icon
{
	width: 15px;
	display: inline-block;
	margin-right: 3px;
	fill: #4a90e2;
}

.carte-portail.carte-evenement.categorie_Cours .carte-portail-desc.etat-distance .svg-icon,
.carte-portail.carte-evenement.categorie_Cours .carte-portail-desc.type-enseignement.async .svg-icon,
.carte-portail-desc.etat-distance .svg-icon,
.carte-portail-desc.type-enseignement.async .svg-icon {
	height: 15px;
	width: 20px;
	display: inline-flex;
	vertical-align: middle;
}

.carte-portail-desc.etat-distance .svg-icon,
.carte-portail-desc.type-enseignement .svg-icon {
	margin-bottom: 5px;
}

.carte-evenement .carte-portail-desc.lien-mio .svg-icon,
#modal-details-evenement .carte-portail-desc.lien-mio .svg-icon {
	height: 10.25px;
}
.carte-evenement .carte-portail-desc.lien-autre .lien_ZZCR .svg-icon,
#modal-details-evenement .carte-portail-desc.lien-autre .lien_ZZCR .svg-icon {
	height: 15px;
}
.carte-evenement .carte-portail-desc.lien-autre .lien_ZZEX .svg-icon,
#modal-details-evenement .carte-portail-desc.lien-autre .lien_ZZEX .svg-icon {
	height: 15px;
}
.carte-evenement .carte-portail-desc.lien-autre .lien_ZZRV .svg-icon,
#modal-details-evenement .carte-portail-desc.lien-autre .lien_ZZRV .svg-icon {
	height: 15px;
}

.carte-evenement .carte-portail-desc.lien-mio:hover .svg-icon,
.carte-evenement .carte-portail-desc.lien-autre:hover .svg-icon,
#modal-details-evenement .carte-portail-desc.lien-mio:hover .svg-icon,
#modal-details-evenement .carte-portail-desc.lien-autre:hover .svg-icon,
.evenement .lien_ZZRV .lien-mio:hover .svg-icon {
	fill: #b70404;
}

.carte-evenement .carte-portail-contenu {
	height: calc(100% - 90px);
	padding-bottom: 5px;
	padding-top: 8px;
	padding-right: 7px;
}

/* Tweaks demandé pour les cartes de cours */
.carte-portail.carte-evenement.categorie_Cours .carte-portail-titre a {
	font-size: 14px;
	color: #383838;
}

.carte-portail.carte-evenement.categorie_Cours .carte-portail-cours-groupe {
	color: #555;
	font-size: 12px;
}

.carte-portail.carte-evenement.categorie_Cours .carte-portail-local {
	color: #444;
	font-weight: 500;
}

.etat-distance.etat-distance-distance {
	color: #0169b0;
}
.etat-distance.etat-distance-hybride {
	color: #9C27B0;
}

.evenement-passe .etat-distance.etat-distance-distance {
	color: #555;
}

.carte-portail-desc.type-enseignement.async {
	color: #e00000;
}

.evenement-passe .carte-portail-desc.type-enseignement.async {
	color: #555;
}

/* Le popup d'ajout d'événement perso */
.overlay-v19 {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 5;
	display: flex;
	justify-content: center;
	align-items: center;
}

.popup-v19 {
	width: 100%;
	max-width: 485px; /* 445px selon la maquette, je l'ai agrandit pour faire fitter un legacy control qui apparait sur IE */
	background-color: #ffffff;
	border-radius: 12px;
	padding: 26px;
	margin: 0 26px;
	box-sizing: border-box;
}

.popup-v19 h1 {
	font-weight: 500;
	font-size: 26px;
}

.popup-v19 p.sous-titre {
	margin-top: 0;
	font-size: 16px;
	color: #4a4a4a;
}

.popup-v19 p.sous-titre span {
	color: #0d8a0d;
}

.popup-v19 > div {
	margin: 20px 0;
}

.popup-v19 input:not([type=button]):not([type=submit]),
.popup-v19 select {
	width: 100%;
	font-size: 18px;
	font-family: roboto, Arial;
	border-width: 0px;
	border-bottom: 2px solid #a8a8a8;
	outline: none;
	background-color: #fff;
    margin-bottom: 5px;
}

.popup-v19 .pnlDateIE select {
	width: auto;
	font-size: 17px;
}

.popup-v19 label {
	font-size: 14px;
	color: #aeaeae;
}

.popup-v19 label.error {
	color: #F44336;
}

.popup-v19 label.error input:not([type=button]):not([type=submit]),
.popup-v19 label.error select {
	border-color: #F44336;
}

.popup-v19 label:not(.error):focus-within {
	color: #42A5F5;
}

.popup-v19 input:not([type=button]):not([type=submit]):focus,
.popup-v19 select:focus,
.popup-v19 label.error input:not([type=button]):not([type=submit]):focus,
.popup-v19 label.error select:focus {
	border-color: #42A5F5
}

.popup-v19 .even-perso-date-heure label {
	display: block;
	width: 30%;
	float: left;
	box-sizing: border-box;
}
.popup-v19 .even-perso-date-heure label.lbl-date {
	width: 40%;
}

.popup-v19 .even-perso-date-heure label.lbl-date.legacyControl {
    width: 48%;
}

.popup-v19 .even-perso-date-heure label.lbl-heure.legacyControl {
    width: 26%;
}

.popup-v19 .even-perso-date-heure label:not(:last-of-type) {
	padding-right: 6px;
}
.popup-v19 .even-perso-date-heure label:not(:first-of-type) {
	padding-left: 6px;
}

.popup-v19 .btn-portail {
	padding: 12px 0;
	font-size: 22px;
	font-weight: 500;
	border-width: 0px;
	width: 50%;
	cursor: pointer;
	margin-top: 45px;
	width: calc(50% - 10px);
	float: left;
	-webkit-appearance: none;
}

.popup-v19 .btn-portail.btn-annuler {
	color: #4a90e2;
	margin-right: 10px;
	background-color: #fff;
}

.popup-v19 .btn-portail.btn-annuler:hover {
}

.popup-v19 .btn-portail.btn-ajouter {
	background-color: #4a90e2;
	color: #fff;
	margin-left: 10px;
}

.popup-v19 .btn-portail.btn-ajouter:hover {
	background-color: #42A5F5;
}

.popup-v19 .btn-portail.btn-supprimer {
	background-color: #F44336;
	color: #fff;
	margin-left: 10px;
}

.popup-v19 .btn-portail.btn-supprimer:hover {
	background-color: #f32c1e;
}

.popup-v19 #conteneur-boutons:not(.mod-modif) .btn-supprimer {
	display: none;
}

.popup-v19 #conteneur-boutons.mod-modif .btn-ajouter {
	margin: 1em 0 0 0;
	width: 100%;
}

/********************/
/* Communautés      */
/********************/
body #ovx10_wrap_comm {
	margin-right: 0;
    padding-left: 0;
}

.communautes-v19 #table-liste-sites {
    table-layout: fixed;
    width: 100%;
	margin-top: -15px; /*On compense l'espace qu'on ajoute pour les pastilles*/
}

.LienRepertoire {
	font-size: 13px;
	font-weight: bold;
	color: #8a8a8a;
}

.commCategorie span {
	display: block;
	border-bottom: 1px solid #E8EFF4;
	color: #B86A34;
	font-family: 'trebuchet ms',arial;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 0 0 0 5px;
	margin-bottom: 10px
}

.divToolTip {
	font-size: 10px;
	width: 235px;
	background-color: #F9FFB5;
	border: 1px solid #ccc;
	padding: 5px;
	margin-left: 10px;
	margin-top: 15px;
	text-align: left;
	display: none;
	z-index: 1000;
	position: absolute;
}

.divToolTip table, .divToolTip table tr td, .divToolTip table tr td * {
	border: 0px;
	background-color: #F9FFB5;
	text-decoration: none;
}

.divToolTip table tr td {
	padding-bottom: 10px;
}

.DemandeCommunaute {
	font-size: 10px;
}

.LienSiteWebIntra_tab {
	/* Annie: 2013-07-24 - [B45268] - on met le div de la liste des communautés sur 100% sinon le lien des répertoires se ramasse à droite de la liste au lieu de au-dessus. */
    width: 100%;
}

.LienSiteWebIntra_tab td.TitreBaseComm {
	font-size: 11px;
	font-family: 'trebuchet ms',arial;
	padding-bottom: 2px;
}

.LienSiteWebIntra_tab .commFromLast {
	font-weight: bold;
	padding-top: 3px;
	color: #5a5a5a;
}

.LienSiteWebIntra_tab td.TitreBaseComm a {
	display: block;
	margin: 0 0 5px 0;
	padding: 0 0 3px 18px;
	background: transparent url('/Cache/LayoutExterne/Prod/JAC/MessagerieNonIdentifieTheme/FRA/20250624060719/d6389671-cf75-4125-a6c3-ab67f89776e7.jpg') no-repeat 0 2px;
}

.LienSiteWebIntra_tab td.TitreBaseComm a.comNew {
	background: transparent url('/Cache/LayoutExterne/Prod/JAC/MessagerieNonIdentifieTheme/FRA/20250624060719/eb9708ae-ef65-4a88-8f94-5b7d2674f0a0.gif') no-repeat 0 2px;
	margin-bottom: 12px;
}

.LienSiteWebIntra_tab td.TitreBaseComm a.comNew h3 {
	color: #005194;
}

.LienSiteWebIntra_tab td.TitreBaseComm a h3 {
	font-size: 15px;
	font-family: 'trebuchet ms',arial;
	font-weight: bold;
	position: relative;
	top: -3px;
}

.LienSiteWebIntra_tab td.Titre_1 a h3, .LienSiteWebIntra_tab td.Titre_2 a h3, .LienSiteWebIntra_tab td.Titre_3 a h3, .LienSiteWebIntra_tab td.Titre_4 a h3, .LienSiteWebIntra_tab td.Titre_5 a h3 {
	color: #5f5f5f;
}

.LienSiteWebIntra_tab td.Titre_1 a, .LienSiteWebIntra_tab td.Titre_2 a, .LienSiteWebIntra_tab td.Titre_3 a, .LienSiteWebIntra_tab td.Titre_4 a, .LienSiteWebIntra_tab td.Titre_5 a {
	/*background-image:  ;*/
}

.descComm {
	font-size: 10px;
	color: #676767;
	display: block;
	padding: 0 10px;
}

.LienSiteWebIntra_tab td.TitreBaseComm a ul {
	list-style-type: none;
	margin-left: 20px;
}

.LienSiteWebIntra_tab td.TitreBaseComm a ul li {
	color: #be281c;
	padding-left: 12px;
	background: transparent url('/Cache/LayoutExterne/Prod/JAC/MessagerieNonIdentifieTheme/FRA/20250624060719/8715fb8a-5173-4322-8bed-d36d57705cf0.gif') no-repeat 0 2px;
}

div.commWSel {
	background-color: #fffdf5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ede3b2;
	padding: 0 7px
}

div.commWSelOver {
	background-color: #fff5f1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #e1aa94;
	padding: 0 7px
}

#CommunautesSlider .slider-scroll > *:last-child {
    margin-right: 15px;
}

.communautes-v19 #ovx10_wrap_comm {
	width: auto;
}

/*not nnn = hack de priorité css*/
.carte-portail.carte-communaute:not(#nnn) {
    width: 182px;
    margin-right: 12px;
    margin-bottom: 16px;
    position: relative;
    overflow: visible;
    margin-top: 20px;
	height: auto;
	min-height: 0px;
}

.carte-portail.carte-communaute .carte-portail-header {
	height: 104px;
}

.carte-portail.carte-communaute .carte-portail-contenu {
	height: 62px;
	padding: 5px 13px;
}

a.carte-portail.carte-communaute .carte-portail-contenu .carte-portail-titre {
	font-size: 14px;
	line-height: 1.25;
	max-height: 4.5em;
	font-weight: 500;
}

.nb-nouveautes {
    display: inline-block;
    position: absolute;
    top: -7px;
    right: -12px;
    min-width: 10px;
    height: 26px;
    background-color: #d63c31;
    color: white;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    text-align: center;
    border-radius: 20px;
    padding: 0 10px;
    z-index: 1;

    transition: .3s ease-out;
    transition-property: box-shadow;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    transition-delay: 0s;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
}

.carte-communaute:hover .nb-nouveautes {
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.6);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.6);
}

#ovx10_wrap_comm .voirplus-portail {
    margin-bottom: 24px;
}

/********************/
/* Petites annonces */
/********************/
#ovx10_header_petitesannonces {
    text-indent: 0 !important;
    height: auto !important;
    padding-left: 7px !important;
}

.carte-petites-annonces {
    width: 244px;
    height: 226px;
}

.carte-petites-annonces.skeleton {
    margin-bottom: 58px; /* Va simuler l'espace du bouton durant le loading */
}

.carte-petites-annonces .carte-portail-contenu {
    position: relative;
    height: calc(100% - 134px);
    padding-top: 14px;
    overflow: visible;
}

.carte-petites-annonces .carte-portail-header {
    height: 134px;
}

.carte-portail.carte-petites-annonces .carte-portail-header img:not(.playOverEmbed) {
    height: auto;
}

.carte-petites-annonces .carte-portail-annonce-prix {
    min-width: 67px;
    height: 27px;
    padding: 2px 8px 0px 12px;
    border-radius: 50px 0 0 50px;
    background-color: #148A00;
    position: absolute;
    top: -15px;
    right: 0px;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    text-align: right;
}

.carte-petites-annonces.skeleton .carte-portail-contenu .carte-portail-titre{
    width: 100%;
}

.carte-petites-annonces .carte-portail-annonce-categorie {
    font-size: 11px;
    color: #6B6B6B;
    margin-bottom: 5px;
}

.carte-petites-annonces.skeleton .carte-portail-annonce-categorie {
    height: 10px;
    width: 80px;
    margin-bottom: 10px;
}

a.carte-petites-annonces .carte-portail-contenu .carte-portail-titre {
    max-height: 60px;
    font-size: 15px;
    line-height: 15px;
    font-weight: 500;
    color: #2a2a2a;
    margin-bottom: 0;
}

#ovx10_wrap_petitesAnnonces .voirplus-portail {
    margin-top: 16px;
}

/********************/
/*    Manchettes    */
/********************/
.carte-portail.carte-manchettes {
	width: 260px;
	height: 372px;
	overflow: visible;
}

.carte-portail.carte-manchettes:hover {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
}

.carte-portail.carte-manchettes .carte-portail-header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    flex-shrink: 0;
    height: 93px;
}

.carte-portail.carte-manchettes:not(.skeleton) .carte-portail-header {
    background-image: none;
}

.carte-portail.carte-manchettes .carte-portail-header-svg-wrapper {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.carte-portail.carte-manchettes .carte-portail-header-svg-inner-wrapper {
    width: 60%;
    height: 60%;
}

.carte-portail.carte-manchettes .carte-portail-header-category {
    font-size: 22px;
    line-height: 22px;
    padding: 8px 0 10px 0;
    color: #333333;
	font-weight: 500;
}

.carte-portail.carte-manchettes .carte-portail-contenu {
    position: relative;
    height: calc(100% - 93px);
    display: flex;
    flex-direction: column;
    padding: 2px 6px;
}

.carte-portail.carte-manchettes.skeleton .carte-portail-titre {
    width: 100%;
}

.carte-portail.carte-manchettes .manchette {
    width: 100%;
    height: 100%;
    padding: 8px 8px 6px 8px;
    box-sizing: border-box;
}

.carte-portail.carte-manchettes .manchette p {
    font-size: 14px;
    line-height: 1.25em;
    color: #444444;
    margin: 0 0 0 0;
    max-height: 3.75em; /*Correspond a 3 lignes de texte (3 x line-height), évite que le texte déborde la carte, il sera tronqué avec "..." plutôt*/
}

.carte-portail.carte-manchettes .manchette:hover p,
.carte-portail.carte-manchettes .manchette:focus p{
    color: #0169B0;
}

.carte-portail.carte-manchettes .manchette span {
    font-size: 10px;
    color: #6B6B6B;
}

.manchette.empty p {
    font-size: 18px;
}

/********************/
/*   Formulaires    */
/********************/
.carte-portail.carte-formulaire .carte-portail-contenu {
    height: calc(100% - (87px + 4px)); /*Hauteur du header + bande de couleur*/
	padding: 8px 7px 5px 10px;
}

.carte-portail.carte-formulaire .carte-portail-contenu .carte-portail-titre {
    max-height: 112px;
}

.carte-portail.carte-formulaire .carte-portail-contenu .carte-portail-desc {
    height: 0;
	font-size: 12px;
	line-height: 16px;
}

/* Styles carte inactive */
div.carte-portail.carte-formulaire:hover {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.5);
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.5);
}

div.carte-portail.carte-formulaire:hover .carte-portail-header {
	filter: none;
}

div.carte-portail.carte-formulaire .carte-portail-contenu {
    background-color: #E9E9E9;
}

div.carte-portail.carte-formulaire .carte-portail-contenu .carte-portail-titre,
div.carte-portail.carte-formulaire .carte-portail-contenu .carte-portail-desc {
    color: #515151;
}


#liste-nouvelles .nouvelle:first-child {
	margin-left: 50%;
}
#liste-nouvelles .nouvelle:last-child {
	margin-right: 50%;
}

.btn-toggle-beta {
    margin-top: 24px;
    color: #6B6B6B;
    font-weight: normal;
    background-image: none;
    padding: 10px 20px;
    float:right;
}

a.btn-toggle-beta {
	font-weight: normal;
	font-size: 13px;
	padding: 8px 10px;
	line-height: unset;
	min-height: 0px;
	background: none;

	position: absolute;
	z-index: 10;
	right: 4px;
	top: 0;
}

.td-toggle-beta {
	background-color: #fafafa;
	position: relative;
}

.hiddendiv {
	display: none;
}

/* Sélection du collège*/
.selection-college {
	position: relative;
	left: 145px;
	width: 320px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	display: none;
}

.selection-college.selection-college-header {
	position: fixed;
    top: 30px;
	left: inherit;
    right: 345px;
    z-index: 999;
	margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.selection-college .select-dropdown{
   position:relative;
   cursor: pointer;
   background-color:transparent;
   border:none;
   border-bottom:1px solid #9e9e9e;
   outline:none;
   width:100%;
   padding-bottom:5px;
   z-index:1;
   color: #0169B0;
   font-size:14.5px;
}

.selection-college .caret{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.selection-college label {
    position: absolute;
    left: -145px;
    top: 0;
	color: #0169B0;
    font-size:14.5px;
	margin-top: 1px;
}

.selection-college .dropdown-content {
	position: absolute;
	background-color: #fff;
	margin: 0;
	display: none;
	z-index: 999;
	width: 320px;
}

.selection-college .dropdown-content-active {
	display: block;
}

.selection-college .dropdown-content li {
	clear: both;
	list-style-type: none;
	min-height: 50px;
	width: 100%;
	text-align: left;
	font-size: 12.5px;
}

.selection-college .dropdown-content li:hover {
	background-color: #EBEBEB;
}


.selection-college .dropdown-content li a {
	display: block;
	line-height: 22px;
	padding: 14px 16px;
}

.card-panel.card-with-icon.no-margin {
	/* Les cartes intraflex ont 5px de top pour leur shadow, on veut 5px de top sur cet item aussi.
		à cause du margin collapse, on veut 7px + 5px, et on enleve 1px à cause de l'ombre
	*/
	margin-top: 11px !important;
}

#CommunautesSlider .card-panel.card-with-icon.no-margin {
    margin-top: 20px !important; /* Manque de margin top quand on voit le message comme quoi on est pas membre d'aucune communauté */
}

/***************************/
/*   Raccourcis Skytech    */
/***************************/
#ovx10_wrap_offreServices .produit-skytech-categorie, #ovx10_wrap_offreServices .produit-skytech {
    display: none;
}

#region-raccourcis-services-skytech
{
    padding-left: 30px;
    padding-bottom: 20px;
}

#region-raccourcis-services-skytech .raccourci
{
    display: inline-block;
    padding-right: 20px;
	padding-bottom: 10px;
    color: #333;
    font-size: 14px;
}

#region-raccourcis-services-skytech .raccourci:first-of-type
{
    padding-left: 0;
}

#region-raccourcis-services-skytech .raccourci .titre
{
    text-align: center;
    padding-top: 7px;
}

#region-raccourcis-services-skytech .raccourci .svg-icon
{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 15px;
	margin: 0 auto;

    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);

    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    transition-property: box-shadow, background-color;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
    transition-delay: 0s;
}

#region-raccourcis-services-skytech .raccourci.code-groupe_mio:not(.servInactif) .svg-icon {
    background-color: #e1f5fe;
}
#region-raccourcis-services-skytech .raccourci.code-groupe_mio:not(.servInactif) .svg-icon  svg{
    fill: #0288d1;
}
#region-raccourcis-services-skytech .raccourci.code-groupe_mio:not(.servInactif):hover .svg-icon {
    background-color: #0288d1;
}

#region-raccourcis-services-skytech .raccourci.code-groupe_lea:not(.servInactif) .svg-icon {
    background-color: #e8f5e9;
}
#region-raccourcis-services-skytech .raccourci.code-groupe_lea:not(.servInactif) .svg-icon svg{
    fill: #7fd91b;
}
#region-raccourcis-services-skytech .raccourci.code-groupe_lea:not(.servInactif):hover .svg-icon {
    background-color: #7fd91b;
}

#region-raccourcis-services-skytech .raccourci.code-groupe_dax:not(.servInactif) .svg-icon {    
    background-color: #fff3e0;
}
#region-raccourcis-services-skytech .raccourci.code-groupe_dax:not(.servInactif) .svg-icon svg{
    fill: #ef6c00;
}
#region-raccourcis-services-skytech .raccourci.code-groupe_dax:not(.servInactif):hover .svg-icon {
    background-color: #ef6c00;
}

#region-raccourcis-services-skytech .raccourci.code-groupe_dalia:not(.servInactif) .svg-icon {
	background-color: #fcefd9;
}

#region-raccourcis-services-skytech .raccourci.code-groupe_dalia:not(.servInactif) .svg-icon svg {
	fill: #ef6c00;
}

#region-raccourcis-services-skytech .raccourci.code-groupe_dalia:not(.servInactif):hover .svg-icon {
	background-color: #ef6c00;
}

#region-raccourcis-services-skytech .raccourci:not(.servInactif):hover .svg-icon {
    color: #fff;

    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
}
#region-raccourcis-services-skytech .raccourci:not(.servInactif):hover .svg-icon svg{
    fill: #fff;
}

#region-raccourcis-services-skytech .raccourci.servInactif, #region-raccourcis-services-skytech .raccourci.servInactif .titre{
    cursor: default;
    color:#757575;
}
#region-raccourcis-services-skytech .raccourci.servInactif .svg-icon {
    background-color: #e4e4e4;
}
#region-raccourcis-services-skytech .raccourci.servInactif .svg-icon svg{
    fill: #757575;
}

/*[F40025] 2020-01-08, Lionel Bewa: Permet l'affichage des listes indentées de quill*/
/*https://stackoverflow.com/questions/26763668/recursive-bullet-style-on-nested-ordered-lists*/

div:not(.ql-editor) ol,
div:not(.ql-editor) ol ol ol ol,
div:not(.ql-editor) ol ol ol ol ol ol ol {
	list-style-type: decimal;
}

div:not(.ql-editor) ol ol,
div:not(.ql-editor) ol ol ol ol ol,
div:not(.ql-editor) ol ol ol ol ol ol ol ol {
	list-style-type: lower-alpha;
}

div:not(.ql-editor) ol ol ol,
div:not(.ql-editor) ol ol ol ol ol ol,
div:not(.ql-editor) ol ol ol ol ol ol ol ol ol {
	list-style-type: lower-roman;
}

.quill-content p,
.materialize-wrapper .quill-content p {
	margin: 0;
}

/*[B99462] 2020-12-20, Gabriel Geoffroy : Permet l'affichage de long texte dans les cartes d'événements sur le portail intraflex et la page des communautés en mode classés.*/
div.description-evenement.quill-content {
	overflow-y: auto;
	max-height: 397px;
}