.smpFilAriane {
   display: block;
   font-size: 15px;
   margin-bottom: 15px;
   overflow: hidden;
}
.smpFilAriane.smpFilArianeSansBordure  {
   margin-left: -5px;  /* pour compenser padding 2px (contenu) + 5px (premier a) */
}
.smpFilAriane .smpFilArianeContenu {
   background-color: #f5f5f5;
   box-sizing: border-box;
   display: inline-flex;
   flex-direction: row;
   justify-content: flex-start;
   max-width: 100%;
   padding: 2px;
}
.smpFilAriane.smpFilArianeSansBordure .smpFilArianeContenu {background-color: transparent;}
.smpFilAriane a, .smpFilAriane .smpDernierSegment {
   background-color: #fff;
   box-sizing: border-box;
   flex-basis: auto;
   overflow: hidden;
   padding: 5px;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.smpFilAriane a {
   flex-grow: 0;
   flex-shrink: 1;
   min-width: 40px;  /* 40 pour ellipsis */
}
.smpFilAriane .smpDernierSegment {
   flex-grow: 1;
   flex-shrink: 0;
   max-width: 100%;
}
.smpFilAriane .smpFilArianeContenu > smpDernierSegment:first-child,
.smpFilAriane .smpFilArianeContenu > a:first-child {
   min-width: 25px;  /* Pas de triangle au début du fil */
}
.smpFilAriane .smpFilArianeContenu > a:nth-child(1) + .smpDernierSegment { max-width: calc(100% - 25px); }
.smpFilAriane .smpFilArianeContenu > a:nth-child(2) + .smpDernierSegment { max-width: calc(100% - 25px - 40px); }
.smpFilAriane .smpFilArianeContenu > a:nth-child(3) + .smpDernierSegment { max-width: calc(100% - 25px - 80px); }
.smpFilAriane .smpFilArianeContenu > a:nth-child(4) + .smpDernierSegment { max-width: calc(100% - 25px - 120px); }
.smpFilAriane .smpFilArianeContenu > a:nth-child(5) + .smpDernierSegment { max-width: calc(100% - 25px - 160px); }
.smpFilAriane a::before, .smpFilAriane .smpDernierSegment::before {
   border-bottom: 5px solid transparent;
   border-left: 7px solid #bbb;
   border-top: 5px solid transparent;
   content: '';
   display: inline-block;
   height: 0;
   margin-right: 8px;
   width: 0;
}
.smpFilAriane .smpFilArianeContenu > a:first-child::before,
.smpFilAriane .smpFilArianeContenu > .smpDernierSegment:first-child::before {content: none;}
/* Résultat sous forme de fraction */
.smpResultat.smpResultatFraction .smpNumerateur, .smpResultat.smpResultatFraction .smpDenominateur {font-size: .85em;}
/* Résultat sous forme de fraction de type 1/2 */
.smpResultat.smpResultatFraction .smpNumerateur {vertical-align: super;}
.smpResultat.smpResultatFraction .smpDenominateur {vertical-align: sub;}
/* Résultat sous forme de fraction de type 1/2 pour affichage sur une ligne ie sans décalage vertical */
.smpResultat.smpResultatFractionLineaire .smpDiviseur {padding: 0 4px;}
/* Résultat sous forme de fraction classique (numérateur sur dénominateur) */
.smpResultat.smpResultatFraction.smpClassique {
   display: flex;
   flex-direction: column;
   text-align: center;
}
.smpResultat.smpResultatFraction.smpClassique .smpDiviseur {
   left: -999em;
   position: absolute;
}
.smpResultat.smpResultatFraction.smpClassique .smpNumerateur {
   text-decoration: underline;
   -webkit-text-underline-position: under;
   -ms-text-underline-position: below;
   text-underline-position: under;
}
.smpResultat.smpResultatFraction.smpClassique .smpDenominateur {padding-top: 4px;}
/* Résultat sous forme de pourcentage */
.smpResultat.smpResultatPourcentage .smpPourcent {font-size: .85em;}
/* Résultat sous forme de cote avec légende affichée au clic */
.smpResultat.smpResultatCote .smpCote.smpAvecLegende {color: #0073cf;}
.scolaire .smpResultat.smpResultatCote .smpCote.smpAvecLegende {color: #7f329a;}
.pedago .smpResultat.smpResultatCote .smpCote.smpAvecLegende {color: #ff6319;}
.admin .smpResultat.smpResultatCote .smpCote.smpAvecLegende {color: #34b233;}
.smpResultat.smpResultatCote .smpCote.smpAvecLegende:hover {
   cursor: pointer;
   opacity: .7;
}
/* Information principale d'un groupe. Plus importante que le reste sans être un titre (h) */
.smpTextePrincipal {font-size: 17.5px;}
/* Information secondaire qui a moins d'importante visuellement que le reste */
.smpTexteSecondaire {
   color: #787f84;
   font-size: 15px;
}
.lien.smpTexteSecondaire, a.smpTexteSecondaire {color: #787f84;}
a.mailto.smpTexteSecondaire::after { background-image: url(../img/courrier-787f84.svg);}
/* Police réduite. Pour affichage dans un tableau ou dans un espace restreint. */
.smpTexteReduit {font-size: 14px;}
/* Pour exclure un élément de l'affichage réduit */
.smpTexteReduit .smpTexteReduitAnnule {font-size: 16px;}
/* Regroupement de données, champs...         */
/* ### OBSOLÈTE : Utiliser smpGroupeDonneesV2 */
.smpGroupeDonnees {
   background-color: inherit;
   border: 1px solid #dedede;
   display: inline-block;
   margin-top: .55em; /* Pour réserver l'espace pour le titre */
   padding: 15px 10px 10px 15px;
   position: relative;
}
.smpGroupeDonnees.smpBlanc {background-color: #fff;}
.smpGroupeDonnees.smpPleineLargeur {display: block;}
/* = Mobile - Portrait */
@media only screen and (max-width: 499px), only screen and (max-device-width : 480px) and (orientation : portrait) {
   .smpGroupeDonnees {display: block;}
}
.smpGroupeDonnees .smpGroupeDonneesTitre {
   background-color: inherit;
   font-size: 1.1em;
   display: inline-block;
   margin-bottom: 0;
   padding: 0 5px;
   position: absolute;
   left: 10px;
   top: -.55em; /* 1/2 1.1em */
}
/*    Regroupement de données, champs... version 2    */
/* Version sans l'utilisation de la position absolute */
.smpGroupeDonneesV2 {
   background-color: inherit;
   border: 1px solid #dedede;
   display: inline-block;
   margin-top: .55em; /* Pour réserver l'espace pour le titre */
   padding: 15px 10px 10px 15px;
}
.smpGroupeDonneesV2.smpBlanc {background-color: #fff;}
.smpGroupeDonneesV2.smpPleineLargeur {display: block;}
.smpGroupeDonnees.smpAccentTheme, .smpGroupeDonneesV2.smpAccentTheme {border: 2px solid #0073cf;}
.scolaire .smpGroupeDonnees.smpAccentTheme, .scolaire .smpGroupeDonneesV2.smpAccentTheme {border-color: #7f329a;}
.pedago .smpGroupeDonnees.smpAccentTheme, .pedago .smpGroupeDonneesV2.smpAccentTheme {border-color: #ff6319;}
.admin .smpGroupeDonnees.smpAccentTheme, .admin .smpGroupeDonneesV2.smpAccentTheme {border-color: #34b233;}
/* = Mobile - Portrait */
@media only screen and (max-width: 499px), only screen and (max-device-width : 480px) and (orientation : portrait) {
   .smpGroupeDonneesV2 {display: block;}
}
.smpGroupeDonneesV2 .smpGroupeDonneesTitre {
   background-color: inherit;
   font-size: 1.1em;
   display: block;
   width: 0;
   height: 0;
   width: 100%;
}
.smpGroupeDonneesV2 .smpGroupeDonneesTitre > span {
   display: inline-block;
   position: relative;
   left: -5px;
   top: -26px;
   background-color: inherit;
   padding: 0 5px;
}
/* Bottin et chips côtes à côtes */
.smpGroupeBottinChips > .smpBtnBottin {
   float: left;
   margin-right: 20px;
}
.smpGroupeBottinChips > .smpChips {
   min-height: 30px; /* Pour réserver l'espace du bouton (float) en l'absence de chips */
   padding-top: 0;
}
.smpGroupeBottinChips::after {
   clear: both;
   content: '';
   display: block;
}
/* Bouton pour ouvrir zoom  */
button.btn.smpBtnZoomOuvrir,
button.btn3.smpBtnZoomOuvrir {
   border-radius: 3px;
   height: 20px;
   width: 20px;
}
button.btn.smpBtnZoomOuvrir::before,
button.btn3.smpBtnZoomOuvrir::before {
   background-image: url(../img/ouvrirZoom-ffffff.svg);
   background-position: center center;
   background-size: 14px;
   height: 100%;
   width: 100%;
}
button.btn3.smpBtnZoomOuvrir::before {background-image: url(../img/ouvrirZoom-0073cf.svg);}
.scolaire button.btn3.smpBtnZoomOuvrir::before {background-image: url(../img/ouvrirZoom-7f329a.svg);}
.pedago button.btn3.smpBtnZoomOuvrir::before {background-image: url(../img/ouvrirZoom-ff6319.svg);}
.admin button.btn3.smpBtnZoomOuvrir::before {background-image: url(../img/ouvrirZoom-34b233.svg);}
/* Recherche (input et bouton) */
.smpInputGroupeRecherche button.btn.smpInputGroupeBoutonRechercher::before {
   background-image: url(../img/rechercher-fff.svg);
   background-size: 20px;
}
.smpInputGroupeRecherche {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
}
.smpInputGroupeRecherche .btnRechercher {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
}
.smpInputGroupeRecherche label {width: 100%;}
.smpInputGroupeRechercheMinimal label {
   /* a11y */
   font-size: 0;
   left: -999em;
   position: absolute;
}
.smpInputGroupeRecherche input {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   border-right: none;
   height: 36px; /* Comme .adjInput::before */
   width: calc(100% - 38px); /* Pour toujours avoir l'espace pour le bouton' */
}
.smpInputGroupeRecherche button.btn.smpInputGroupeBoutonRechercher {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
}
.smpInputGroupeRecherche .consigne {flex: 0 0 100%;}
/* Élément coché */
.smpElementCoche {margin-bottom: 0;}
.smpElementCoche label {
   display: inline-block;
   line-height: 24px; /*hauteur de la case*/
   padding: 3px;
   position: relative;
}
.smpElementCoche label > span:first-child {
   display: inline-block;
   padding-left: 20px;
}
.smpElementCoche .valeur {
   left: 0;
   line-height: 22px;
   margin: 3px;
   margin-left: 0;
   position: absolute;
   top: 0;
}
.smpElementCoche .valeur::after {
   color: #37424a;
   content: '\2714\00FE0E'; /* crochet */
   padding-left: 5px;
}
/* Barre d'outils. Doit contenir des boutons ou liens de classes btn3 et mini */
.smpBarreOutils {min-height: 42px;}
.smpBarreOutils > a.btn3, .smpBarreOutils > button.btn3 {
   background-color: #f5f5f5;
   float: left;
   border: none;
   margin: 0 0 0 3px;
}
.smpBarreOutils > a.btn3:first-child, .smpBarreOutils > button.btn3:first-child {margin-left: 0;}
.smpBarreOutils > a.btn3::before, .smpBarreOutils > button.btn3::before {
   background-size: 24px;
   height: 40px;
   width: 40px;
}
.smpBarreOutils > a.btn3.disabled::before, .smpBarreOutils > button.btn3[disabled]::before {opacity: .7;}
/* Barre d'outils de type toggle (deux états) */
.smpBarreOutils.toggle > a.btn3, .smpBarreOutils.toggle > button.btn3 {margin: 0;}
.smpBarreOutils > a.btn3:first-child, .smpBarreOutils > button.btn3:first-child {margin-left: 0;}
.smpBarreOutils.toggle > a.btn3.disabled, .smpBarreOutils.toggle > button.btn3[disabled],
.smpBarreOutils.toggle > a.btn3.disabled::before, .smpBarreOutils.toggle > button.btn3[disabled]::before {
   cursor: default;
   opacity: 1;
}
.smpBarreOutils.toggle > a.btn3.disabled, .smpBarreOutils.toggle > button.btn3[disabled] {background-color: #dedede;}
/* Barre d'outils de type toggle (deux états) avec présentation similaire à l'outil ouiNon  */
.smpBarreOutils.toggle.styleOuiNon {
   background-color: #dedede;
   border-radius: 17px;
   display: inline-block;
   height: 30px;
   min-height: 0;
}
.smpBarreOutils.toggle.styleOuiNon > a.btn3::before, .smpBarreOutils.toggle.styleOuiNon > button.btn3::before {
   background-size: 20px;
   height: 30px;
   width: 30px;
}
.smpBarreOutils.toggle.styleOuiNon > a.btn3:first-child, .smpBarreOutils.toggle.styleOuiNon > button.btn3:first-child,
.smpBarreOutils.toggle.styleOuiNon > a.btn3.disabled:last-child, .smpBarreOutils.toggle.styleOuiNon > button.btn3[disabled]:last-child {
   border-bottom-left-radius: 17px;
   border-top-left-radius: 17px;
}
.smpBarreOutils.toggle.styleOuiNon > a.btn3:last-child, .smpBarreOutils.toggle.styleOuiNon > button.btn3:last-child,
.smpBarreOutils.toggle.styleOuiNon > a.btn3.disabled:first-child, .smpBarreOutils.toggle.styleOuiNon > button.btn3[disabled]:first-child {
   border-bottom-right-radius: 17px;
   border-top-right-radius: 17px;
}
.smpBarreOutils.toggle.styleOuiNon > a.btn3, .smpBarreOutils.toggle.styleOuiNon > button.btn3 {
   background-color: transparent;
   padding-left: 5px;
   padding-right: 5px;
   -webkit-transition: background-color .2s linear;
   transition: background-color .2s linear;
}
.smpBarreOutils.toggle.styleOuiNon > a.btn3.disabled, .smpBarreOutils.toggle.styleOuiNon > button.btn3[disabled] {background-color: #0073cf;}
.scolaire .smpBarreOutils.toggle.styleOuiNon > a.btn3.disabled, .scolaire .smpBarreOutils.toggle.styleOuiNon > button.btn3[disabled] {background-color: #7f329a;}
.pedago .smpBarreOutils.toggle.styleOuiNon > a.btn3.disabled, .pedago .smpBarreOutils.toggle.styleOuiNon > button.btn3[disabled] {background-color: #ff6319;}
.admin .smpBarreOutils.toggle.styleOuiNon > a.btn3.disabled, .admin .smpBarreOutils.toggle.styleOuiNon > button.btn3[disabled] {background-color: #34b233;}
/* Traitement en cours */
@keyframes smpTraitementEnCours {
   0% {opacity: .2;}
   20% {opacity: 1;}
   100% {opacity: .2;}
}
.smpTraitementEnCours > .smpMessage span {
   font-size: 2em;
   animation-name: smpTraitementEnCours;
   animation-duration: 2s;
   animation-iteration-count: infinite;
   animation-fill-mode: both;
}
.smpTraitementEnCours > .smpMessage span:nth-child(2) {animation-delay: .4s;}
.smpTraitementEnCours > .smpMessage span:nth-child(3) {animation-delay: .8s;}
#contenu > .smpTraitementEnCours {
   background-color: #fff;
   padding: 25px;
   text-align: center;
}
/* Combinaison de deux champs (numérateur et dénominateur) à l'intérieur d'une boîte de même aspect que les input */
.smpInputFraction > label {display: block;}
.smpInputFraction .smpInputFractionComposantes {
   background-color: #fff;
   border: 1px solid #a5a5a5;
   border-radius: 7px;
   display: inline-block;
   padding: 5px;
}
.smpInputFraction .smpNumerateur, .smpInputFraction .smpDenominateur {display: inline-block;}
.smpInputFraction .smpNumerateur input, .smpControlesReduits .smpInputFraction .smpNumerateur input,
.smpInputFraction .smpDenominateur input, .smpControlesReduits .smpInputFraction .smpDenominateur input {
  border: 1px solid transparent;
  border-radius: 0;
  padding: 1px;
  width: 35px;
}
.smpInputFraction .smpNumerateur input:focus, .smpInputFraction .smpDenominateur input:focus {outline: 1px dotted #37424a;}
.smpInputFraction .smpNumerateur input {text-align: right;}
.smpInputFraction .smpNumerateur label, .smpInputFraction .smpDenominateur label {
   /* a11y */
   font-size: 0;
   left: -999em;
   position: absolute;
}
.smpInputFraction .smpNumerateur::after {content: "\2215";}
/* Combinaison d'un input, d'un indicateur à un caractère (facultatif) et d'un bouton à l'intérieur d'une boîte de même aspect que les input */
.smpInputCompose.smpInputComposeRechercheAuto:not(.smpInputComposeAvecLibelle) label {
   /* a11y */
   font-size: 0;
   left: -999em;
   position: absolute;
}
.smpInputCompose .smpInputComposeComposantes {
   background: #fff;
   border: 1px solid #a5a5a5;
   border-radius: 7px;
   display: inline-block;
   padding: 6px;
   position: relative;
}
.smpInputCompose:not(.smpInputComposeSansBouton) .smpInputComposeComposantes {
   background: #fff linear-gradient(to right, #fff, #fff 1px, #dedede 1px, #dedede 2px, #fff 2px, #fff 3px);
   background-position: right 26px center;
   background-repeat: no-repeat;
   background-size: 3px 75%;
   padding-right: 30px;
}
.smpInputCompose.disabled .smpInputComposeComposantes {background: #f0f0f0;}
.smpInputCompose.disabled:not(.smpInputComposeSansBouton) .smpInputComposeComposantes {
   background: #f0f0f0 linear-gradient(to right, #f0f0f0, #f0f0f0 1px, #dedede 1px, #dedede 2px, #f0f0f0 2px, #f0f0f0 3px);
   background-position: right 26px center;
   background-repeat: no-repeat;
   background-size: 3px 75%;
}
.smpInputCompose input {
  border: 1px solid transparent;
  border-radius: 0;
  padding: 1px;
}
.smpInputCompose.smpInputComposeRechercheAuto input {
   margin-left: 4px;
   width: calc(100% - 20px);
}
.smpInputCompose button.btn3.mini {
   bottom: 2px;
   height: 32px;
   position: absolute;
   right: 2px;
   width: 22px;
   z-index: 2;
}
.smpInputCompose button.btn3.mini::before {
   /*TODO: Fournir background-image*/
   background-size: contain;
   float: none;
   height: 18px;
   width: 18px;
}
.smpInputCompose .smpInputComposeContenantIcone {
   float: right;
   -webkit-transform: translateY(3px);
   transform: translateY(3px);
}
.smpInputCompose.smpInputComposeRechercheAuto .smpInputComposeContenantIcone {float: left;}
.smpInputCompose .smpInputComposeContenantIcone img {
   height: 14px;
   width: 14px;
}
.smpInputCompose.smpInputComposeRechercheAuto .smpInputComposeContenantIcone img {
   height: 16px;
   width: 16px;
}
/* Affichage réduit des contrôles (champs, boutons)    */
.smpControlesReduits input:not(.smpControlesReduitsAnnule) {
   border-radius: 4px;
   font-size: 14px;
   padding: 5px;
}
.smpControlesReduits .smpInputCompose:not(.smpControlesReduitsAnnule) .smpInputComposeComposantes {background-position: right 22px center;}
.smpControlesReduits .smpInputCompose:not(.smpControlesReduitsAnnule) input {
  border: 1px solid transparent;
  border-radius: 0;
  padding: 1px;
}
.smpControlesReduits .smpInputCompose:not(.smpControlesReduitsAnnule) .smpInputComposeComposantes {
   border-radius: 4px;
   padding: 3px 26px 3px 3px;
}
.smpControlesReduits .smpInputCompose:not(.smpControlesReduitsAnnule) .smpInputComposeContenantIcone {
   -webkit-transform: translateY(2px);
   transform: translateY(2px);
}
.smpControlesReduits .smpInputCompose:not(.smpControlesReduitsAnnule) .smpInputComposeContenantIcone img {
   height: 12px;
   width: 12px;
}
.smpControlesReduits .smpInputCompose:not(.smpControlesReduitsAnnule) button.btn3.mini {
   height: 24px;
   right: 1px;
   width: 20px;
}
.smpControlesReduits .smpInputFraction:not(.smpControlesReduitsAnnule) .smpInputFractionComposantes {
    border-radius: 4px;
    padding: 3px;
}
.smpControlesReduits .listeDeroulanteEditable:not(.smpControlesReduitsAnnule) .listeDeroulanteEditable__input.inputGroupe > input {
   background-position: right 22px center;
   padding-right: 26px;
}
.smpControlesReduits .listeDeroulanteEditable__dropDownArrow.btn3.mini:not(.smpControlesReduitsAnnule) {
   height: 24px;
   right: 1px;
   width: 20px;
}
.smpControlesReduits [data-control="outilListeDeroulante"].combo button[data-selection] {
   border-radius: 4px;
   font-size: 14px;
   padding: 5px 30px 3px 5px;
}
.smpControlesReduits [data-control="outilListeDeroulante"].combo button[data-selection]::after {background-size: 12px;}
.smpControlesReduits .dateTempsPicker:not(.smpControlesReduitsAnnule) .dateTempsPicker__date {
   background-color: #fff;
   border-radius: 4px;
   min-height: 0;
   min-width: 0;
   padding: 5px 30px 5px 5px;
   width: 78px;
}
.smpControlesReduits .dateTempsPicker:not(.smpControlesReduitsAnnule) .dateTempsPicker__date .contenantDatePicker button.btn3.mini.datePicker__boutonOuvrir::before {
   height: 24px;
   width: 30px;
   background-size: 18px 18px;
}
.smpControlesReduits .dateTempsPicker:not(.smpControlesReduitsAnnule) .dateTempsPicker__date > .dateRelative,
.smpControlesReduits .dateTempsPicker:not(.smpControlesReduitsAnnule) .dateTempsPicker__date > .dateDetaillee {line-height: normal;}
.smpControlesReduits .dateTempsPicker:not(.smpControlesReduitsAnnule) .dateTempsPicker__reinitialiser,
.smpControlesReduits .dateTempsPicker:not(.smpControlesReduitsAnnule) .dateTempsPicker__reinitialiser .btnFermer {
   height: 26px;
   width: 26px;
}
.smpControlesReduits .dateTempsPicker:not(.smpControlesReduitsAnnule) .dateTempsPicker__reinitialiser .btnFermer {background-size: 10px;}
/* Adaptations aux boutons */
.smpControlesReduits button.btn:not(.smpBtnZoomOuvrir):not(.smpControlesReduitsAnnule),
.smpControlesReduits button.btn2:not(.smpControlesReduitsAnnule),
.smpControlesReduits button.btn4:not(.smpControlesReduitsAnnule),
.smpControlesReduits a.btn:not(.smpBtnZoomOuvrir):not(.smpControlesReduitsAnnule),
.smpControlesReduits a.btn2:not(.smpControlesReduitsAnnule),
.smpControlesReduits a.btn4:not(.smpControlesReduitsAnnule) {
   border-radius: 6px;
   line-height: 34px;
   padding: 0 6px;
}
.smpControlesReduits button.btn3:not(.smpControlesReduitsAnnule), .smpControlesReduits a.btn3:not(.smpControlesReduitsAnnule) {line-height: 28px;}
.smpControlesReduits button.btn.maxi:not(.smpControlesReduitsAnnule)::before,
.smpControlesReduits a.btn.maxi:not(.smpControlesReduitsAnnule)::before,
.smpControlesReduits button.btn2.maxi:not(.smpControlesReduitsAnnule)::before,
.smpControlesReduits a.btn2.maxi:not(.smpControlesReduitsAnnule)::before,
.smpControlesReduits button.btn4.maxi:not(.smpControlesReduitsAnnule)::before,
.smpControlesReduits a.btn4.maxi:not(.smpControlesReduitsAnnule)::before {background-size: 22px;}
.smpControlesReduits button.btn.maxi:not(.smpControlesReduitsAnnule)::before,
.smpControlesReduits a.btn.maxi:not(.smpControlesReduitsAnnule)::before,
.smpControlesReduits button.btn2.maxi:not(.smpControlesReduitsAnnule)::before,
.smpControlesReduits a.btn2.maxi:not(.smpControlesReduitsAnnule)::before,
.smpControlesReduits button.btn4.maxi:not(.smpControlesReduitsAnnule)::before,
.smpControlesReduits a.btn4.maxi:not(.smpControlesReduitsAnnule)::before {
   background-position-x: left;
   height: 34px;
   width: 30px;
}
.smpControlesReduits button.btn3.maxi:not(.smpControlesReduitsAnnule)::before,
.smpControlesReduits a.btn3.maxi:not(.smpControlesReduitsAnnule)::before {
   background-size: 22px;
   height: 28px;
   width: 28px;
}
/* Indicateur d'item courant (point central) */
.smpItemCourant::after {
   content: '\2022\00FE0E';
   color: #a44dc4;
   font-weight: 600;
   padding-left: 3px;
}
/* Regroupement de données superposées et peu distanciées */
.smpDonneesCompactesMoyen .donnee {display: block;}
.smpDonneesCompactesMoyen .donnee:not(.caseACocher) {margin-bottom: 10px;}
.smpDonneesCompactesMoyen .donnee.smpDonneesCompactesAnnule:not(.caseACocher),
.smpDonneesCompactesMoyen .smpDonneesCompactesAnnule .donnee:not(.caseACocher) {
   margin-bottom: 20px;  /* Comme .donnee */
}
/* Regroupement de données superposées et très peu distanciées */
.smpDonneesCompactes .donnee {display: block;}
.smpDonneesCompactes .donnee:not(.caseACocher) {margin-bottom: 3px;}
.smpDonneesCompactes .donnee.smpTextePrincipal:not(.caseACocher) {margin-bottom: 5px;}
.smpDonneesCompactes .donnee.smpDonneesCompactesAnnule:not(.caseACocher),
.smpDonneesCompactes .smpDonneesCompactesAnnule .donnee:not(.caseACocher) {
   margin-bottom: 10px;  /* Comme smpDonneesCompactesMoyen */
}
/* Message général */
.smpMessageDesole {
   color: #666;
   margin: auto;
   max-width: 600px;
   padding: 30px 10px 15px 10px;
   text-align: center;
}
.smpMessageDesole .smpMessageDesoleEntete {
   background: url(../img/desoles.svg) no-repeat center top;
   background-size: 75px;
   font-size: 2rem;
   margin-bottom: 25px;
   padding-top: 85px;
}
/* = Mobile - Peu importe l'orientation */
@media only screen and (max-width:599px), only screen and (max-device-width : 480px) {
   .smpMessageDesole .smpMessageDesoleEntete {
      background: url(../img/desoles.svg) no-repeat center top;
      background-size: 50px;
      font-size: 2rem;
      margin-bottom: 25px;
      padding-top: 60px;
   }
}
.smpMessageDesole .smpMessageDesoleTexte p {
   margin-bottom: 10px;
   word-wrap: break-word;
}
.smpMessageDesole .smpMessageDesoleAction {margin-top: 25px;}
/* Remplace l'outil boutonFermer */
.smpBtnFermer {
   background-color: transparent;
   background-image: url(../img/fermer-787f84.svg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: 18px;
   height: 30px;
   width: 30px;
}
.smpBtnFermer.petit {background-size: 12px;}
.smpBtnFermer.adjChamp {
   background-image: url(../img/fermer-0073cf.svg);
   background-size: 10px !important;
}
.smpBtnFermer:active, .smpBtnFermer:active::before,
.smpBtnFermer:active::after, .smpBtnFermer:hover,
.smpBtnFermer:hover::before, .smpBtnFermer:hover::after {
   -moz-transform: scale(.9);
   -o-transform: scale(.9);
   -webkit-transform: scale(.9);
   transform: scale(.9);
}
.smpBtnFermer[disabled] {opacity: .5;}
.smpBtnFermer[disabled]:active, .smpBtnFermer[disabled]:active::before,
.smpBtnFermer[disabled]:active::after, .smpBtnFermer[disabled]:hover,
.smpBtnFermer[disabled]:hover::before, .smpBtnFermer[disabled]:hover::after {
   -moz-transform: none;
   -o-transform: none;
   -webkit-transform: none;
   transform: none;
}
.smpBtnFermer > span {
   /* a11y */
   font-size: 0;
   position: absolute;
   text-indent: -9000px;
}
/* = Mobile - Peu importe l'orientation */
@media only screen and (max-width:599px), only screen and (max-device-width : 480px) {
   .smpBtnFermer:not(.petit) {background-size: 14px;}
}
.mozaikEtiquette {
   color: #666;
   display: block;
   font-size: .95rem;
   margin-bottom: 5px;
}
/* Actualisation des boutons (Origine : style.css */
.mozaikBtn, .mozaikBtn2, .mozaikBtn3, .mozaikBtn4 {
   border: 1px solid transparent;
   border-radius: 4px;
   display: inline-block;
   font-size: 1rem;
   font-weight: 400;
   line-height: 34px;
   outline: none;
   padding: 0 12px;
   position: relative;
   text-align: center;
   text-decoration: none;
   white-space: nowrap;
}
.mozaikBtn {
   background-color: #0073cf;
   border-color: #0073cf;
   color: #fff;
}
.mozaikBtn2 {
   background-color: #fff;
   border-color: #0073cf;
   color: #0073cf;
}
.mozaikBtn3 {
   color: #0073cf;
   padding: 0 4px;
}
.mozaikBtn4 {
   background-color: #E9EFF3;
   border-color: #E9EFF3;
   color: #0073cf;
}
.mozaikBtn > span, .mozaikBtn2 > span, .mozaikBtn3 > span, .mozaikBtn4 > span {display: inline-block;}
.mozaikBtn:focus, .mozaikBtn2:focus, .mozaikBtn3:focus, .mozaikBtn4:focus {outline: none;}
.mozaikBtn:not(.maxiImageDroite)::after, .mozaikBtn2:not(.maxiImageDroite)::after, .mozaikBtn3:not(.maxiImageDroite)::after, .mozaikBtn4:not(.maxiImageDroite)::after,
.mozaikBtn.maxiImageDroite::before, .mozaikBtn2.maxiImageDroite::before, .mozaikBtn4.maxiImageDroite::before {
   background-color: currentColor;
   border-radius: inherit;
   box-sizing: border-box;
   content: '';
   display: inline-block;
   height: calc(100% + 2px);
   opacity: 0;
   position: absolute;
   left: -1px;
   top: -1px;
   -moz-transition: opacity .2s ease;
   -o-transition: opacity .2s ease;
   -webkit-transition: opacity .2s;
   transition: opacity .2s ease;
   width: calc(100% + 2px);
}
.mozaikBtn:not(.maxiImageDroite):hover::after, .mozaikBtn.maxiImageDroite:hover::before {opacity: .2;}
.mozaikBtn:not(.maxiImageDroite):focus::after, .mozaikBtn.maxiImageDroite:focus::before {opacity: .3;}
.mozaikBtn2:not(.maxiImageDroite):hover::after, .mozaikBtn3:not(.maxiImageDroite):hover::after, .mozaikBtn4:not(.maxiImageDroite):hover::after,
.mozaikBtn2.maxiImageDroite:hover::before, .mozaikBtn4.maxiImageDroite:hover::before {opacity: .1;}
.mozaikBtn2:not(.maxiImageDroite):focus::after, .mozaikBtn3:not(.maxiImageDroite):focus::after, .mozaikBtn4:not(.maxiImageDroite):focus::after,
.mozaikBtn2.maxiImageDroite:focus::before, .mozaikBtn4.maxiImageDroite:focus::before {opacity: .2;}
/* inactif */
.mozaikBtn[disabled], .mozaikBtn2[disabled], .mozaikBtn3[disabled], .mozaikBtn4[disabled] {
   cursor: default;
   opacity: .6;
   pointer-events: none;
}
/* Boutons avec icône suivie d'un texte (maxi) */
/* Boutons avec texte suivi d'une icône (maxiImageDroite) */
/* Boutons icône seulement (mini) */
.mozaikBtn.maxi, .mozaikBtn2.maxi, .mozaikBtn3.maxi, .mozaikBtn4.maxi {padding-left: 4px}
.mozaikBtn3.maxi {padding-right: 12px;}
.mozaikBtn.maxiImageDroite, .mozaikBtn2.maxiImageDroite, .mozaikBtn4.maxiImageDroite {padding-right: 0;}
.mozaikBtn.maxi::before, .mozaikBtn2.maxi::before, .mozaikBtn3.maxi::before, .mozaikBtn4.maxi::before,
.mozaikBtn.mini::before, .mozaikBtn2.mini::before, .mozaikBtn3.mini::before, .mozaikBtn4.mini::before,
.mozaikBtn.maxiImageDroite::after, .mozaikBtn2.maxiImageDroite::after, .mozaikBtn4.maxiImageDroite::after {
   background-color: transparent;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 18px;
   content: '';
   display: block;
   float: left;
   height: 34px;
   width: 34px;
}
.mozaikBtn.maxiImageDroite::after, .mozaikBtn2.maxiImageDroite::after, .mozaikBtn4.maxiImageDroite::after {float: right;}
/* Boutons avec icône seulement (mini) */
.mozaikBtn.mini, .mozaikBtn2.mini, .mozaikBtn3.mini, .mozaikBtn4.mini {
   padding-left: 0;
   padding-right: 0;
}
.mozaikBtn3.mini {border-radius: 50%;}
.mozaikBtn.mini > span, .mozaikBtn2.mini > span, .mozaikBtn3.mini > span, .mozaikBtn4.mini > span {
   font-size: 0;
   position: absolute;
   text-indent: -9000px;
}
/* = Mobile portrait - Masquer le texte des boutons avec image */
[data-mozaik-largeur="1"] .mozaikBtn.maxi.adaptatifMobilePortrait, [data-mozaik-largeur="1"] .mozaikBtn.maxi.adaptatifMobile,
[data-mozaik-largeur="1"] .mozaikBtn2.maxi.adaptatifMobilePortrait, [data-mozaik-largeur="1"] .mozaikBtn2.maxi.adaptatifMobile,
[data-mozaik-largeur="1"] .mozaikBtn3.maxi.adaptatifMobilePortrait, [data-mozaik-largeur="1"] .mozaikBtn3.maxi.adaptatifMobile,
[data-mozaik-largeur="1"] .mozaikBtn4.maxi.adaptatifMobilePortrait, [data-mozaik-largeur="1"] .mozaikBtn4.maxi.adaptatifMobile,
[data-mozaik-largeur="1"] .mozaikBtn.maxiImageDroite.adaptatifMobilePortrait, [data-mozaik-largeur="1"] .mozaikBtn.maxiImageDroite.adaptatifMobile,
[data-mozaik-largeur="1"] .mozaikBtn2.maxiImageDroite.adaptatifMobilePortrait, [data-mozaik-largeur="1"] .mozaikBtn2.maxiImageDroite.adaptatifMobile,
[data-mozaik-largeur="1"] .mozaikBtn4.maxiImageDroite.adaptatifMobilePortrait, [data-mozaik-largeur="1"] .mozaikBtn4.maxiImageDroite.adaptatifMobile {
   padding-left: 0;
   padding-right: 0;
}
[data-mozaik-largeur="1"] .mozaikBtn.maxi.adaptatifMobilePortrait > span, [data-mozaik-largeur="1"] .mozaikBtn.maxi.adaptatifMobile > span,
[data-mozaik-largeur="1"] .mozaikBtn2.maxi.adaptatifMobilePortrait > span, [data-mozaik-largeur="1"] .mozaikBtn2.maxi.adaptatifMobile > span,
[data-mozaik-largeur="1"] .mozaikBtn3.maxi.adaptatifMobilePortrait > span, [data-mozaik-largeur="1"] .mozaikBtn3.maxi.adaptatifMobile > span,
[data-mozaik-largeur="1"] .mozaikBtn4.maxi.adaptatifMobilePortrait > span, [data-mozaik-largeur="1"] .mozaikBtn4.maxi.adaptatifMobile > span,
[data-mozaik-largeur="1"] .mozaikBtn.maxiImageDroite.adaptatifMobilePortrait > span, [data-mozaik-largeur="1"] .mozaikBtn.maxiImageDroite.adaptatifMobile > span,
[data-mozaik-largeur="1"] .mozaikBtn2.maxiImageDroite.adaptatifMobilePortrait > span, [data-mozaik-largeur="1"] .mozaikBtn2.maxiImageDroite.adaptatifMobile > span,
[data-mozaik-largeur="1"] .mozaikBtn3.maxiImageDroite.adaptatifMobilePortrait > span, [data-mozaik-largeur="1"] .mozaikBtn3.maxiImageDroite.adaptatifMobile > span,
[data-mozaik-largeur="1"] .mozaikBtn4.maxiImageDroite.adaptatifMobilePortrait > span, [data-mozaik-largeur="1"] .mozaikBtn4.maxiImageDroite.adaptatifMobile > span {
   /* a11y */
   font-size: 0;
   position: absolute;
   text-indent: -9000px;
}
/* = Mobile paysage - Masquer le texte des boutons avec image */
[data-mozaik-largeur="11"] .mozaikBtn.maxi.adaptatifMobilePaysage, [data-mozaik-largeur="11"] .mozaikBtn.maxi.adaptatifMobile,
[data-mozaik-largeur="11"] .mozaikBtn2.maxi.adaptatifMobilePaysage, [data-mozaik-largeur="11"] .mozaikBtn2.maxi.adaptatifMobile,
[data-mozaik-largeur="11"] .mozaikBtn3.maxi.adaptatifMobilePaysage, [data-mozaik-largeur="11"] .mozaikBtn3.maxi.adaptatifMobile,
[data-mozaik-largeur="11"] .mozaikBtn4.maxi.adaptatifMobilePaysage, [data-mozaik-largeur="11"] .mozaikBtn4.maxi.adaptatifMobile,
[data-mozaik-largeur="11"] .mozaikBtn.maxiImageDroite.adaptatifMobilePaysage, [data-mozaik-largeur="11"] .mozaikBtn.maxiImageDroite.adaptatifMobile,
[data-mozaik-largeur="11"] .mozaikBtn2.maxiImageDroite.adaptatifMobilePaysage, [data-mozaik-largeur="11"] .mozaikBtn2.maxiImageDroite.adaptatifMobile,
[data-mozaik-largeur="11"] .mozaikBtn4.maxiImageDroite.adaptatifMobilePaysage, [data-mozaik-largeur="11"] .mozaikBtn4.maxiImageDroite.adaptatifMobile {
   padding-left: 0;
   padding-right: 0;
}
[data-mozaik-largeur="11"] .mozaikBtn.maxi.adaptatifMobilePaysage > span, [data-mozaik-largeur="11"] .mozaikBtn.maxi.adaptatifMobile > span,
[data-mozaik-largeur="11"] .mozaikBtn2.maxi.adaptatifMobilePaysage > span, [data-mozaik-largeur="11"] .mozaikBtn2.maxi.adaptatifMobile > span,
[data-mozaik-largeur="11"] .mozaikBtn3.maxi.adaptatifMobilePaysage > span, [data-mozaik-largeur="11"] .mozaikBtn3.maxi.adaptatifMobile > span,
[data-mozaik-largeur="11"] .mozaikBtn4.maxi.adaptatifMobilePaysage > span, [data-mozaik-largeur="11"] .mozaikBtn4.maxi.adaptatifMobile > span,
[data-mozaik-largeur="11"] .mozaikBtn.maxiImageDroite.adaptatifMobilePaysage > span, [data-mozaik-largeur="11"] .mozaikBtn.maxiImageDroite.adaptatifMobile > span,
[data-mozaik-largeur="11"] .mozaikBtn2.maxiImageDroite.adaptatifMobilePaysage > span, [data-mozaik-largeur="11"] .mozaikBtn2.maxiImageDroite.adaptatifMobile > span,
[data-mozaik-largeur="11"] .mozaikBtn3.maxiImageDroite.adaptatifMobilePaysage > span, [data-mozaik-largeur="11"] .mozaikBtn3.maxiImageDroite.adaptatifMobile > span,
[data-mozaik-largeur="11"] .mozaikBtn4.maxiImageDroite.adaptatifMobilePaysage > span, [data-mozaik-largeur="11"] .mozaikBtn4.maxiImageDroite.adaptatifMobile > span {
   /* a11y */
   font-size: 0;
   position: absolute;
   text-indent: -9000px;
}
.btnAjouter::before {background-image: url(../img/v2/plus-inverse-0073cf.svg);}
.mozaikBtn.btnAjouter::before {background-image: url(../img/v2/plus-fff.svg);}
.btnAjouter.maxi::before {background-size: 20px;}
.btnAjouter.mini::before,
[data-mozaik-largeur="11"] .btnAjouter.maxi.adaptatifMobile::before,
[data-mozaik-largeur="11"] .btnAjouter.maxi.adaptatifMobilePaysage::before,
[data-mozaik-largeur="1"] .btnAjouter.maxi.adaptatifMobile::before,
[data-mozaik-largeur="1"] .btnAjouter.maxi.adaptatifMobilePortrait::before {background-size: 24px;}
.btnSupprimer::before {background-image: url(../img/v2/corbeille-0073cf.svg);}
.mozaikBtn.btnSupprimer::before {background-image: url(../img/v2/corbeille-fff.svg);}
.btnSupprimerChamp::before {background-image: url(../img/v2/supprimerChamp.svg);}
.btnActualiser::before {background-image: url(../img/rafraichir-0073cf.svg);}
.btnExporter::before {background-image: url(../img/exporter-0073cf.svg);}
.btnModifier::before {background-image: url(../img/v2/modifier-0073cf.svg);}
.mozaikBtn.btnModifier::before {background-image: url(../img/v2/modifier-fff.svg);}
.btnRechercher::before {background-image: url(../img/v2/rechercher-0073cf.svg);}
.mozaikBtn.btnRechercher::before {background-image: url(../img/v2/rechercher-fff.svg);}
.btnEtendreTout::before {background-image: url(../img/v2/expandAll-0073cf.svg);}
.mozaikBtn.btnEtendreTout::before {background-image: url(../img/v2/expandAll-fff.svg);}
.btnReduireTout::before {background-image: url(../img/v2/collapseAll-0073cf.svg);}
.mozaikBtn.btnReduireTout::before {background-image: url(../img/v2/collapseAll-fff.svg);}
/* Interrupteur à bascule mozaikOuiNon */
.mozaikOuiNon {position: relative;}
.mozaikOuiNon > input {
   position: absolute;
   left: -9000px;
}
.mozaikOuiNon > input:not([disabled]) + label {cursor: pointer;}
.mozaikOuiNon > label {
   box-sizing: border-box;
   display: inline-table;
   line-height: 22px;
   white-space: nowrap;
}
.mozaikOuiNon > label > .description > span {
   display: inline-block;
   line-height: normal;
   max-width: calc(100% - 60px); /* pour la switch oui/non.*/
   min-width: 180px;
}
[data-mozaik-largeur="1"] .mozaikOuiNon > label > .description > span {
   width: calc(100% - 60px); /* pour la switch oui/non.*/
}
.mozaikOuiNon > label > .valeur {
   background-color: #dedede;
   border: 2px solid transparent;
   border-radius: 17px;
   box-sizing: border-box;
   display: inline-block;
   height: 26px;
   margin-left: 10px;
   position: relative;
   top: -2px;
   -webkit-transition: background .1s ease .2s;
   transition: background .1s ease .2s;
   vertical-align: top;
}
.mozaikOuiNon > label > .valeur::before {
   background-color: #fff;
   border-radius: 50%;
   content: '';
   height: 18px;
   position: absolute;
   left: 2px;
   top: 2px;
   -webkit-transition: left .2s ease;
   transition: left .2s ease;
   width: 20px;
   z-index: 20;
}
.mozaikOuiNon > input:focus + label > .valeur {border-color: #37424a;}
.mozaikOuiNon > input:checked + label > .valeur {background-color: #0073cf;}
.mozaikOuiNon > input:checked + label > .valeur::before {left: 23px;}
.mozaikOuiNon > input[disabled] + label > .valeur {opacity: .6}
.mozaikOuiNon > label > .valeur > span {
   display: inline-block;
   width: 46px;
}
/* Ensemble de données disposées en tableau */
.mozaikTableau {display: table;}
.mozaikTableau .mozaikTableauDonnee {display: table-row;}
.mozaikTableau .mozaikTableauDonnee > label, .mozaikTableau .mozaikTableauDonnee > .label,
.mozaikTableau .mozaikTableauDonnee > span, .mozaikTableau .mozaikTableauDonnee > div {
   display: table-cell;
   padding: 0 10px 5px 0;
}
.mozaikTableau .mozaikTableauDonnee > span:last-child,
.mozaikTableau .mozaikTableauDonnee > div:last-child {padding-right: 0;}
.mozaikTableau.mozaikTableauEdition .mozaikTableauDonnee > label,
.mozaikTableau.mozaikTableauEdition .mozaikTableauDonnee > .label,
.mozaikTableau.mozaikTableauEdition .mozaikTableauDonnee > div > label {padding-bottom: 10px;}
.mozaikTableau .mozaikTableauDonnee > label, .mozaikTableau .mozaikTableauDonnee > .label,
.mozaikTableau .mozaikTableauDonnee > div > label {
   color: #666;
   white-space: nowrap;
}
.mozaikTableau .mozaikTableauDonnee > span {vertical-align: top;}
/* mozaikTableauAdaptatifBloc pour superposer label et valeur (plutôt qu'en  tableau) */
[data-mozaik-largeur="11"] .mozaikTableau.mozaikTableauAdaptatifBloc,
[data-mozaik-largeur="1"] .mozaikTableau.mozaikTableauAdaptatifBloc,
[data-mozaik-largeur="11"] .mozaikTableau.mozaikTableauAdaptatifBloc .mozaikTableauDonnee,
[data-mozaik-largeur="1"] .mozaikTableau.mozaikTableauAdaptatifBloc .mozaikTableauDonnee,
[data-mozaik-largeur="11"] .mozaikTableau.mozaikTableauAdaptatifBloc .mozaikTableauDonnee > label,
[data-mozaik-largeur="1"] .mozaikTableau.mozaikTableauAdaptatifBloc .mozaikTableauDonnee > label,
[data-mozaik-largeur="11"] .mozaikTableau.mozaikTableauAdaptatifBloc .mozaikTableauDonnee > .label,
[data-mozaik-largeur="1"] .mozaikTableau.mozaikTableauAdaptatifBloc .mozaikTableauDonnee > .label,
[data-mozaik-largeur="11"] .mozaikTableau.mozaikTableauAdaptatifBloc .mozaikTableauDonnee > span,
[data-mozaik-largeur="1"] .mozaikTableau.mozaikTableauAdaptatifBloc .mozaikTableauDonnee > span,
[data-mozaik-largeur="11"] .mozaikTableau.mozaikTableauAdaptatifBloc .mozaikTableauDonnee > div,
[data-mozaik-largeur="1"] .mozaikTableau.mozaikTableauAdaptatifBloc .mozaikTableauDonnee > div {
   display: block;
   padding: 0;
}
[data-mozaik-largeur="11"] .mozaikTableau.mozaikTableauAdaptatifBloc .mozaikTableauDonnee,
[data-mozaik-largeur="1"] .mozaikTableau.mozaikTableauAdaptatifBloc .mozaikTableauDonnee {margin-bottom: 0;}
[data-mozaik-largeur="11"] .mozaikTableau.mozaikTableauAdaptatifBloc .mozaikTableauDonnee + .mozaikTableauDonnee,
[data-mozaik-largeur="1"] .mozaikTableau.mozaikTableauAdaptatifBloc .mozaikTableauDonnee + .mozaikTableauDonnee {margin-top: 10px;}
/* Remplace l'outil boutonRadio */
.mozaikBoutonRadio > input {
   left: -9000px;
   position: absolute;
}
.mozaikBoutonRadio > label {
   cursor: pointer;
   display: inline-block;
   padding: 5px;
   position: relative;
}
.mozaikBoutonRadio > label > span:first-child {
   display: inline-block;
   padding-left: 30px;
}
.mozaikBoutonRadio > input:focus + label {outline: 1px dotted #37424a;}
.mozaikBoutonRadio > label > .valeur {
   background-color: #fff;
   border: 1px solid #a5a5a5;
   border-radius: 50%;
   display: inline-block;
   height: 16px;
   left: 6px;
   margin-left: 0;
   position: absolute;
   vertical-align: top;
   width: 16px;
}
.mozaikBoutonRadio > input:checked + label > .valeur {
   background-color: #0073cf;
   border-color: #0073cf;
}
.mozaikBoutonRadio > input:checked + label > .valeur:after {
   background-color: #0073cf;
   border: 2px solid #fff;
   border-radius: 50%;
   content: '';
   display: block;
   height: 11px;
   left: 1px;
   position: relative;
   top: 1px;
   width: 11px;
}
.mozaikBoutonRadio > input:disabled + label{ cursor: inherit; }
.mozaikBoutonRadio > input:disabled + label > .valeur {
   background-color: #dedede;
   opacity: .5;
}
.mozaikBoutonRadio > input:disabled:checked + label > .valeur:after { border-color: #dedede; }
/* Remplace l'outil caseACocher */
.mozaikCaseACocher {
   margin-bottom: 0;
   padding: 1px;
}
.mozaikCaseACocher input {
   left: -9000px;
   position: absolute;
}
.mozaikCaseACocher label {
   cursor: pointer;
   display: inline-block;
   line-height: 20px; /*hauteur de la case*/
   padding: 3px;
   position: relative;
}
/* Quand le libellé est masqué on le laisse dans le DOM pour l'accessibilité*/
.mozaikCaseACocher.libelleMasque label > span:first-child {
   display: inline-block;
   font-size: 0;
   position: absolute;
   text-indent: -9000px;
}
/* Insérer un contenu bidon pour que le label prenne une forme satisfaisante lorsque le libellé n'est pas affiché. */
.mozaikCaseACocher.libelleMasque label::before {
   content: '';
   display: inline-block;
   width: 20px;
}
.mozaikCaseACocher:not(.apres):not(.libelleMasque) label > span:first-child {
   display: inline-block;
   padding-left: 26px;
}
.mozaikCaseACocher input:focus + label {outline: 1px dotted #37424a;}
.mozaikCaseACocher .valeur {
   background-color: #fff;
   border: 1px solid #a5a5a5;
   border-radius: 3px;
   display: inline-block;
   height: 18px;
   left: 0;
   line-height: 18px;
   margin: 3px;
   margin-left: 0;
   position: absolute;
   top: 0;
   vertical-align: top;
   width: 18px;
}
.mozaikCaseACocher input:checked + label .valeur {border-color: #0073cf;}
.mozaikCaseACocher .valeur:before {content: '';}
.mozaikCaseACocher input:checked + label .valeur:after {
   background-color: #0073cf;
   color: #fff;
   content: '\2714\00FE0E'; /* crochet */
   display: block;
   font-size: 15px;
   height: 100%;
   text-align: center;
   width: 100%;
}
.mozaikCaseACocher input:disabled + label {cursor: inherit;}
.mozaikCaseACocher input:disabled + label .valeur {opacity: .5;}
/* Placer la case après le libellé */
.mozaikCaseACocher.apres .valeur {
   margin-left: 15px;
   position: static;
}
/* mozaikContenantFormulaire */
.mozaikContenantFormulaire {
   border: 1px solid #ccc;
   border-radius: 6px;
   box-sizing: border-box;
   padding: 10px;
}
[data-mozaik-largeur="1"] .mozaikContenantFormulaire {padding: 10px 5px;}
.mozaikContenantFormulaire .mozaikContenantFormulaireEntete,
.mozaikContenantFormulaire .mozaikContenantFormulaireEntete * {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 1.3rem;
   margin-bottom: 20px;
}
.mozaikContenantFormulaire .mozaikContenantFormulaireEntete * {margin-bottom: 0;}
/* mozaikBoite */
.mozaikBoite {
   background-color: #E9EFF3;
   border-radius: 4px;
   padding: 10px;
}
.mozaikBoite.mozaikBoiteCompacte {padding: 5px 10px;}
.mozaikDemiBoite {
   background-color: #E9EFF3;
   border-radius: 10px 10px 0 0;
   padding: 10px;
}
.mozaikBoite.mozaikBoiteClaire, .mozaikDemiBoite.mozaikDemiBoiteClaire {background-color: #F6F9FA;}
/* Compteurs */
.mozaikSommaireCompteur {
   color: #666;
   font-style: italic;
   margin-bottom: 15px;
}
.mozaikSommaireCompteur > span + span {text-transform: lowercase;}
/* Affichage compact des input (c.f. smpControlesReduits) */
.mozaikControlesCompacts input:not(.mozaikControleNormal) {
   border-radius: 4px;
   font-size: 14px;
   padding: 5px;
}
.mozaikControlesCompacts [data-composante="listeDeroulante"]:not(.mozaikControleNormal) {font-size: .9rem;}
.mozaikControlesCompacts [data-composante="listeDeroulante"]:not(.mozaikControleNormal) button[data-selection] {
   border-radius: 4px;
   padding-bottom: 5px;
   padding-top: 5px;
}
.mozaikActions {margin-top: 10px;}
/* Pour étirer les actions afin qu'ensemble elles occupent toute la largeur */
.mozaikActions.mozaikActionsEtirees > button,
.mozaikActions.mozaikActionsEtirees > [data-style-bouton],
[data-mozaik-largeur="1"] .mozaikActions.mozaikActionsEtireesLargeur1 > button,
[data-mozaik-largeur="1"] .mozaikActions.mozaikActionsEtireesLargeur11 > button,
[data-mozaik-largeur="11"] .mozaikActions.mozaikActionsEtireesLargeur11 > button,
[data-mozaik-largeur="1"] .mozaikActions.mozaikActionsEtireesLargeur1 > [data-style-bouton],
[data-mozaik-largeur="1"] .mozaikActions.mozaikActionsEtireesLargeur11 > [data-style-bouton],
[data-mozaik-largeur="11"] .mozaikActions.mozaikActionsEtireesLargeur11 > [data-style-bouton] {flex: 1 0 0;}
.mozaikActions > button + button, .mozaikActions > button + [data-style-bouton] {margin-left: 10px;}
.mozaikActions > button + button.mozaikBtn3,
[data-mozaik-largeur="1"] .mozaikActions > button + button,
[data-mozaik-largeur="1"] .mozaikActions > button + [data-style-bouton] {
   margin-left: 5px; /* Pour permettre la présence de 3 boutons (Enregistrer, Annuler, Supprimer) sur une même ligne */
}
/* Liste de liens mozaikListeLiens */
.mozaikListeLiens > li {
   padding: 2px; /* pour outline */
   margin-bottom: 0;
}
.mozaikListeLiens > li > a {
   color: #37424a;
   display: block;
   padding: 5px;
}
.mozaikListeLiens > li > a > span {
   display: inline-block;
   line-height: normal;
   vertical-align: middle;
}
.mozaikListeLiens > li > a:hover {
   background-color: #F6F9FA;
   color: #0073cf;
   text-decoration: none;
}
.mozaikListeLiens > li > a:hover > .lien {text-decoration: underline;}