@import url(reset.css);
html, body {
   color: #37424a;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   height: 100%;
}
body:not(.accueil) {background-color: #f0f0f0;}
body:not(.accueil) > div > header + div > .contenu {background-color: #f0f0f0;}
body > div > header + div > .contenu {min-height: 100%;}
body > div {position: relative;}
body > div + div, body > script + div {min-height: 0;}
body #contenu {
   padding-top: 15px;
   padding-bottom: 15px;
}
#contenu, #app {position: relative;}
.contenu {
   margin: 0 auto;
   width: 940px;
}
h1 {font-size: 2em;}
h2 {font-size: 1.7em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h1, h2, h3, h4, h5, h6 , p {margin-bottom: 15px;}
li {margin-bottom: 10px;}
strong {font-weight: bold;}
pre {white-space: pre-wrap;}
em {font-style: italic;}
em.isoler {padding: 0 3px;}
.evidence {font-weight: bold;}
.negligeable {color: #787f84;}
.insecable {white-space: nowrap;}
.indente {margin-left: 15px;}
.italique {font-style: italic;}
.masque {display: none !important;}
.inline {display: inline-block;}
.bloc {display: block;}
.wordBreakAll {word-break: break-all;}
.briseMot {word-wrap: break-word;}
.zoneTresEspacee {margin-bottom: 40px;}
.zoneTresEspaceeAvant {margin-top: 40px;}
.zoneEspacee {margin-bottom: 25px;}
.zoneEspaceeAvant {margin-top: 25px;}
.zonePeuEspacee {margin-bottom: 10px;}
.zonePeuEspaceeAvant {margin-top: 10px;}
.zoneTresPeuEspacee {margin-bottom: 5px;}
.zoneTresPeuEspaceeAvant {margin-top: 5px;}
.zoneNonEspacee {margin-bottom: 0 !important;}
.zoneNonEspaceeAvant {margin-top: 0 !important;}
.fontPetit {font-size: 0.9em;}
.fontPlusPetit {font-size: 0.8em;}
.minuscule {text-transform: lowercase;}
.normal {font-weight: normal;}
.a11y {
   font-size: 0;
   position: absolute;
   text-indent: -9000px;
}
.separateurAvant {
   border-top: 1px solid #dedede;
   padding-top: 10px;
}
.separateurAvantEspace {padding-top: 20px;}
.separateurApres {
   border-bottom: 1px solid #dedede;
   padding-bottom: 10px;
}
.separateurApres.separateurApresEspace {padding-bottom: 20px;}
.zoneEncadree {
   border: 1px solid #dedede;
   border-radius: 3px;
   padding: 10px;
}
.zoneEncadree.encadreAccent {border: 3px solid #787f84;}
.zoneLargeurLimitee {max-width: 600px;}
/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus,
textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus,
select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
   -webkit-text-fill-color: #37424a;
   -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
ul.listeAvecPuces > li {
   background-image: url(../img/puce-0073cf.svg);
   background-position: left 5px;
   background-repeat: no-repeat;
   background-size: 5px;
   padding-left: 16px;
}
/* Liens */
a {text-decoration: none;}
.lien, a {color: #0073cf;}
.lien:hover, a:hover, .lien:focus {text-decoration: underline;}
.scolaire .lien, .scolaire a {color: #7f329a;}
.pedago .lien, .pedago a {color: #ff6319;}
.admin .lien, .admin a {color: #34b233;}
.lien.neutre, a.neutre {color: #37424a !important; }
.lien.smpTexteSecondaire, a.smpTexteSecondaire {color: #787f84;}
a:focus, button:focus {outline: 1px dotted #37424a;}
a.lienCourriel {
   display: inline-block;
   line-height: normal;
}
a.lienCourriel::before {
   background-color: transparent;
   background-image: url(../img/lienCourriel-0073cf.svg);
   background-position: left center;
   background-repeat: no-repeat;
   background-size: 17px;
   content: '';
   display: block;
   float: left;
   height: 17px;
   width: 22px;
}
a.lienCourriel:hover > span {text-decoration: underline;}
/* input */
input[type="text"], input[type="password"], input[type="email"],
input[type="tel"], input[type="number"], input[type="url"], input[type="search"], textarea {
   background-color: #fff;
   border: 1px solid #a5a5a5;
   border-radius: 7px;
   box-sizing: border-box;
   color: #37424a;
   font-family: sans-serif;
   font-size: 1em;
   font-weight: 400;
   outline: none;
   padding: 8px;
}
input:focus, textarea:focus {
   border: 1px solid #37424a;
   box-shadow: none;
}
input[disabled], textarea[disabled] {
  background-color: #f0f0f0;
  opacity: .8;
}
/* Boutons */
button.btn, button.btn2, button.btn3, button.btn4, a.btn, a.btn2, a.btn3, a.btn4  {
   font-size: 1em;
   font-weight: 400;
   white-space: nowrap;
   -moz-transition: all .2s linear;
   -o-transition: all .2s linear;
   -webkit-transition: all .2s linear;
   transition: all .2s linear;
}
button.btn, button.btn2, button.btn4, a.btn, a.btn2, a.btn4 {
   border: 1px solid #0073cf;
   border-radius: 8px;
   line-height: 40px;
   outline: none;
   padding: 0 15px;
}
button.btn3, a.btn3 {line-height: 34px;}
.scolaire button.btn, .scolaire button.btn2, .scolaire a.btn, .scolaire a.btn2 {border-color: #7f329a;}
.pedago button.btn, .pedago button.btn2, .pedago a.btn, .pedago a.btn2 {border-color: #ff6319;}
.admin button.btn, .admin button.btn2, .admin a.btn, .admin a.btn2 {border-color: #34b233;}
button.btn, a.btn {
   background-color: #0073cf;
   color: #fff;
}
.scolaire button.btn, .scolaire a.btn {background-color: #7f329a;}
.pedago button.btn, .pedago a.btn {background-color: #ff6319;}
.admin button.btn, .admin a.btn {background-color: #34b233;}
button.btn2, a.btn2 {
   background-color: #fff;
   color: #0073cf;
}
.scolaire button.btn2, .scolaire a.btn2 {color: #7f329a;}
.pedago button.btn2, .pedago a.btn2 {color: #ff6319;}
.admin button.btn2, .admin a.btn2 {color: #34b233;}
button.btn3, a.btn3 {color: #0073cf;}
.scolaire button.btn3, .scolaire a.btn3 {color: #7f329a;}
.pedago button.btn3, .pedago a.btn3 {color: #ff6319;}
.admin button.btn3, .admin a.btn3 {color: #34b233;}
button.btn4, a.btn4 {
   background-color: #f0f0f0;
   border-color: #f0f0f0;
   color: #0073cf;
}
.scolaire button.btn4, .scolaire a.btn4 {color: #7f329a;}
.pedago button.btn4, .pedago a.btn4 {color: #ff6319;}
.admin button.btn4, .admin a.btn4 {color: #34b233;}
/* Pour accompagner input (même hauteur) */
button.btn.adjInput, button.btn2.adjInput, button.btn3.adjInput, button.btn4.adjInput,
a.btn.adjInput, a.btn2.adjInput, a.btn3.adjInput, a.btn4.adjInput {
   height: 36px;
   line-height: 36px;
}
button.btn.mini.adjInput::before, button.btn2.mini.adjInput::before, button.btn3.mini.adjInput::before, button.btn4.mini.adjInput::before,
a.btn.mini.adjInput::before, a.btn2.mini.adjInput::before, a.btn3.mini.adjInput::before, a.btn4.mini.adjInput::before {
   background-size: 24px;
   height: 36px;
   width: 36px;
}
button.btn3.adjInput, a.btn3.adjInput {vertical-align: bottom;}
a.btn, a.btn2, a.btn4 {
   display: inline-block;
   text-align: center;
   text-decoration: none;
}
button.btn > span, a.btn > span, button.btn2 > span, a.btn2 > span,
button.btn3 > span, a.btn3 > span, button.btn4 > span, a.btn4 > span {display: inline-block;}
/* Boutons avec icône et texte (maxi et maxiImageDroite) */
/* Boutons icône seulement (mini) */
button.btn.maxi, a.btn.maxi, button.btn2.maxi, a.btn2.maxi, button.btn3.maxi, a.btn3.maxi, button.btn4.maxi, a.btn4.maxi,
button.btn.mini, a.btn.mini, button.btn2.mini, a.btn2.mini, button.btn3.mini, a.btn3.mini, button.btn4.mini, a.btn4.mini {padding-left: 0;}
button.btn.maxiImageDroite, a.btn.maxiImageDroite, button.btn2.maxiImageDroite, a.btn2.maxiImageDroite,
button.btn4.maxiImageDroite, a.btn4.maxiImageDroite {padding-right: 0;}
button.btn.maxi::before, a.btn.maxi::before, button.btn2.maxi::before, a.btn2.maxi::before,
button.btn3.maxi::before, a.btn3.maxi::before, button.btn4.maxi::before, a.btn4.maxi::before,
button.btn.maxiImageDroite::after, a.btn.maxiImageDroite::after, button.btn2.maxiImageDroite::after, a.btn2.maxiImageDroite::after,
button.btn4.maxiImageDroite::after, a.btn4.maxiImageDroite::after, button.btn.mini::before, a.btn.mini::before,
button.btn2.mini::before, a.btn2.mini::before, button.btn3.mini::before, a.btn3.mini::before,
button.btn4.mini::before, a.btn4.mini::before {
   /* Pour utiliser, fournir background-image */
   background-color: transparent;
   background-position: center;
   background-repeat: no-repeat;
   background-size: 28px;
   content: '';
   display: block;
   float: left;
}
button.btn.maxiImageDroite::after, a.btn.maxiImageDroite::after,
button.btn2.maxiImageDroite::after, a.btn2.maxiImageDroite::after,
button.btn4.maxiImageDroite::after, a.btn4.maxiImageDroite::after {
   background-size: 20px;
   float: right;
}
button.btn.mini::before, a.btn.mini::before, button.btn2.mini::before, a.btn2.mini::before,
button.btn4.mini::before, a.btn4.mini::before {background-size: 30px;}
button.btn.maxi::before, a.btn.maxi::before, button.btn2.maxi::before, a.btn2.maxi::before,
button.btn4.maxi::before, a.btn4.maxi::before, button.btn.maxiImageDroite::after, a.btn.maxiImageDroite::after,
button.btn2.maxiImageDroite::after, a.btn2.maxiImageDroite::after, button.btn4.maxiImageDroite::after, a.btn4.maxiImageDroite::after,
button.btn.mini::before, a.btn.mini::before, button.btn2.mini::before, a.btn2.mini::before,
button.btn4.mini::before, a.btn4.mini::before {
   height: 40px;
   width: 40px;
}
button.btn3.maxi::before, a.btn3.maxi::before, button.btn3.mini::before, a.btn3.mini::before {
   height: 34px;
   width: 34px;
}
button.btn3.mini::before, a.btn3.mini::before {background-size: 28px;}
button.btn3.maxi::before, a.btn3.maxi::before {
   background-size: 22px;
   background-position-x: left;
}
/* Boutons avec icône seulement (mini) */
button.btn.mini, a.btn.mini, button.btn2.mini, a.btn2.mini, button.btn3.mini,
a.btn3.mini, button.btn4.mini, a.btn4.mini {padding-right: 0;}
button.btn.mini > span, a.btn.mini > span, button.btn2.mini > span, a.btn2.mini > span,
button.btn3.mini > span, a.btn3.mini > span, button.btn4.mini > span, a.btn4.mini > span {
   font-size: 0;
   position: absolute;
   text-indent: -9000px;
}
button.btn3.mini.menu, a.btn3.mini.menu {
   padding-bottom: 3px;
   position: relative;
}
button.btn3.mini.menu::before, a.btn3.mini.menu::before {background-position-y: top;}
button.btn3.mini.menu::after, a.btn3.mini.menu::after {
   border-style: solid;
   border-width: 2px 2px 0 0;
   content: '';
   display: inline-block;
   height: 6px;
   margin-left: 8px;
   margin-top: 2px;
   position: absolute;
   bottom: 3px;
   left: 6px;
   -moz-transform: rotate(135deg);
   -o-transform: rotate(135deg);
   -webkit-transform: rotate(135deg);
   transform: rotate(135deg);
   -moz-transition: transform .3s ease .1s;
   -o-transition: transform .3s ease .1s;
   -webkit-transition: transform .3s ease .1s;
   transition:  transform .3s ease .1s;
   vertical-align: top;
   width: 6px;
}
/* Focus */
button.btn:focus, a.btn:focus, button.btn2:focus, a.btn2:focus, button.btn4:focus, a.btn4:focus {
   border-color: #37424a;
   box-shadow: inset 0 0 0 1px #37424a;
   outline: none;
}
button.btn:focus, a.btn:focus {background-color: #37424a;}
/* Survol */
button.btn:hover::before, a.btn:hover::before, button.btn2:hover::before, a.btn2:hover::before, 
button.btn3:hover::before, a.btn3.mini:hover::before, button.btn4:hover::before, a.btn4:hover::before, 
button.btn:hover::after, a.btn:hover::after, button.btn2:hover::after, a.btn2:hover::after, 
button.btn3:hover::after, a.btn3.mini:hover::after, button.btn4:hover::after, a.btn4:hover::after, 
button.btn:hover > span, a.btn:hover > span, button.btn2:hover > span, a.btn2:hover > span, 
button.btn3:hover > span, button.btn4:hover > span, a.btn4:hover > span {
   -moz-transform: scale(.9);
   -o-transform: scale(.9);
   -webkit-transform: scale(.9);
   transform: scale(.9);
}
button.btn3:not(.mini):hover > span {
   -moz-transform-origin: left center;
   -o-transform-origin: left center;
   -webkit-transform-origin: left center;
   transform-origin: left center;
}
a.btn3:hover > span {text-decoration: underline;}
/* inactif */
button.btn[disabled]:hover::before, a.btn.disabled:hover::before, 
button.btn2[disabled]:hover::before, a.btn2.disabled:hover::before,
button.btn3[disabled]:hover::before, a.btn3.disabled:hover::before,
button.btn4[disabled]:hover::before, a.btn4.disabled:hover::before,
button.btn[disabled]:hover::after, a.btn.disabled:hover::after, 
button.btn2[disabled]:hover::after, a.btn2.disabled:hover::after,
button.btn3[disabled]:hover::after, a.btn3.disabled:hover::after,
button.btn4[disabled]:hover::after, a.btn4.disabled:hover::after,
button.btn[disabled]:hover > span, a.btn.disabled:hover > span, 
button.btn2[disabled]:hover > span, a.btn2.disabled:hover > span, 
button.btn3[disabled]:hover > span, a.btn3.disabled:hover > span,
button.btn4[disabled]:hover > span, a.btn4.disabled:hover > span {
   -moz-transform: none;
   -o-transform: none;
   -webkit-transform: none;
   transform: none;
}
button.btn2[disabled] > span, a.btn2.disabled > span, button.btn2[disabled]::before, a.btn2.disabled::before,
button.btn3[disabled], a.btn3.disabled, button.btn4[disabled] > span, a.btn4.disabled > span,
button.btn4[disabled]::before, a.btn4.disabled::before {opacity: .5;}
button.btn3[disabled]:hover > span, a.btn3.disabled:hover > span {text-decoration: none;}
.btn[disabled], .btn2[disabled], .btn[disabled]:focus, .btn2[disabled]:focus,
.btn[disabled]:hover, .btn2[disabled]:hover, a.btn.disabled, a.btn2.disabled,
a.btn.disabled:focus, a.btn2.disabled:focus, a.btn.disabled:hover, a.btn2.disabled:hover {
   background-color: #dedede !important;
   border-color: #dedede !important;
   cursor: default;
   box-shadow: none;
}
 a.btn.disabled, a.btn2.disabled, a.btn3.disabled, a.btn4.disabled {
   cursor: default;
   pointer-events: none;
}
/* Boutons et liens invisibles apposés par dessus un div ou autre élément non cliquable (a11y) */
button.overInvisible, a.overInvisible {
   background-color: transparent;
   border: none;
   box-shadow: none;
   box-sizing: border-box;
   height: 100%;
   outline: none;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 10;
}
button.overInvisible.accentFocus:focus, a.overInvisible.accentFocus:focus {
   border-radius: inherit;
   box-shadow: inset 0 0 0 1px #0073cf;
}
.scolaire button.overInvisible.accentFocus:focus, .scolaire a.overInvisible.accentFocus:focus {box-shadow: inset 0 0 0 1px #7f329a;}
.pedago button.overInvisible.accentFocus:focus, .pedago a.overInvisible.accentFocus:focus {box-shadow: inset 0 0 0 1px #ff6319;}
.admin button.overInvisible.accentFocus:focus, .admin a.overInvisible.accentFocus:focus {box-shadow: inset 0 0 0 1px #34b233;}
button.overInvisible > span, a.overInvisible > span {display: none;}
/* Information sur demande de l'utilisateur */
button.btnInfo {
   padding: 6px;
   position: relative;
}
button.btnInfo > span {
   font-size: 0;
   position: absolute;
   text-indent: -9000px;
}
button.btnInfo::before {
   content: '?';
   display:block;
   background-color: #37424a;
   border: 1px solid transparent;
   border-radius: 17px;
   color: #fff;
   font-size: 0.75em;
   height: 15px;
   line-height: 16px;
   padding: 2px;
   text-align: center;
   width: 15px;
}
.infoSurDemande.ouvert button.btnInfo::before,
button.btnInfo.actif::before {
   background-color: #fff;
   border-color: #37424a;
   color: #37424a;
}
.infoSurDemande {position: relative;}
.infoSurDemande button.btnInfo::after {
   background-color: #37424a;
   content: "\00a0";
   display: block;
   height: 15px;
   left: 36px;
   opacity: 0;
   position: absolute;
   bottom: 12px;
   -moz-transform: rotate( -45deg );
   -ms-transform: rotate( -45deg );
   -o-transform: rotate( -45deg );
   -webkit-transform: rotate( -45deg );
   transform: rotate( -45deg );
   visibility: hidden;
   width: 15px;
   -moz-transition: opacity .1s ease .1s;
   -o-transition: opacity .1s ease .1s;
   -webkit-transition: opacity .1s ease .1s;
   transition: opacity .1s ease .1s;
   z-index: 10;
}
.infoSurDemande.infoSurDemandeHaut button.btnInfo::after {
   left: 9px;
   bottom: 36px;
}
.infoSurDemande.infoSurDemandeBas button.btnInfo::after {
   left: 8px;
   top: 36px;
}
.infoSurDemande.ouvert button.btnInfo::after {
   opacity: 1;
   visibility: visible;
}
.infoSurDemande > .contenuInfo {
   background-color: #37424a;
   color: #fff;
   opacity: 0;
   padding: 10px;
   position: absolute;
   left: 42px;
   top: 0;
   visibility: hidden;
   width: 290px;
   z-index: 1000;
   -moz-transition: opacity .3s ease;
   -o-transition: opacity .3s ease;
   -webkit-transition: opacity .3s ease;
   transition: opacity .3s ease;
}
.infoSurDemande.infoSurDemandeHaut > .contenuInfo {
   left: -145px;
   top: auto;
   bottom: 35px;
}
.infoSurDemande.infoSurDemandeBas > .contenuInfo {
   left: -145px;
   top: 37px;
}
.infoSurDemande.ouvert > .contenuInfo {
   opacity: 1;
   visibility: visible;
}
/* = Mobile - Portrait */
@media only screen and (max-width: 499px), only screen and (max-device-width : 480px) and (orientation : portrait) {
   .infoSurDemande.ouvert button.btnInfo::after {
      bottom: -17px;
      left: 9px;
   }
   .infoSurDemande.infoSurDemandeHaut.ouvert button.btnInfo::after {
      left: 9px;
      bottom: 36px;
   }
   .infoSurDemande.infoSurDemandeBas.ouvert button.btnInfo::after {
      left: 8px;
      top: 36px;
   }
   .infoSurDemande > .contenuInfo {
      left: 0;
      top: 40px;
      width: 270px;
   }
   .infoSurDemande.infoSurDemandeHaut > .contenuInfo {
      left: -135px;
      top: auto;
      bottom: 35px;
   }
   .infoSurDemande.infoSurDemandeBas > .contenuInfo {
      left: -135px;
      top: 37px;
   }
}
/* Table */
table, th, td {
   border: 1px solid transparent;
   padding: 2px 5px;
}
/* Données ie couple label + input, span, div, etc */
.donnee {margin-bottom: 15px;}
.donnee.coteAcote { margin-bottom: 3px; }  
.donnee > label, .donnee > .label {
   color: #787f84;
   display: block;
}
.donnee.coteAcote > label, .donnee.coteAcote > .label {
   display: inline-block;
   margin-bottom: 0;
}
.donnee.coteAcote:not(.champ) > label::after, .donnee.coteAcote:not(.champ) > .label::after {content: '\A0:\A0';}
html[lang^='en'] .donnee.coteAcote:not(.champ) > label::after,
html[lang^='en'] .donnee.coteAcote:not(.champ) > .label::after {content: ':\A0';}
.donnee.champ > label, .donnee.champ > .label {color: #37424a;}
.donnee.champ.coteAcote > label, .donnee.champ.coteAcote > .label {margin-right: 10px;}
.donnee.champ > .consigne {
   color: #787f84;
   display: block;
   font-size: .9em;
   font-style: italic;
   margin-top: 5px;
   white-space: pre-wrap;
   word-wrap: break-word;
}
/* Liens */
a.navigationSuivant:not(.mozaikBtn), a.navigationPrecedent, a.mailto, a.ouverturePleinePage, a.retourNavigation, a.telechargementDocument, a.navigationNouvelOnglet {
   display: inline-block;
   line-height: 18px;
}
a.btn.ouverturePleinePage {line-height: 32px;}
a.mailto::after, a.ouverturePleinePage::after, a.retourNavigation::before,
a.telechargementDocument::after, a.navigationNouvelOnglet::after {
   background-color: transparent;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: contain;
   content: '';
   height: 16px;
   margin-left: 7px;
   opacity: .5;
   padding-right: 16px;
}
a.navigationSuivant:not(.mozaikBtn)::after, a.navigationPrecedent::before {
   background-color: transparent;
   background-position: right center;
   background-repeat: no-repeat;
   background-size: 16px;
   content: '';
   display: block;
   float: right;
   height: 18px;
   position: static;
   width: 24px;
}
a.mailto::after {
   background-image: url(../img/courrier-0073cf.svg);
   opacity: 1;
}
.scolaire a.mailto::after { background-image: url(../img/courrier-7f329a.svg);}
.pedago a.mailto::after { background-image: url(../img/courrier-ff6319.svg);}
.admin a.mailto::after { background-image: url(../img/courrier-34b233.svg);}
a.mailto.neutre::after { background-image: url(../img/courrier-37424a.svg);}
a.mailto.smpTexteSecondaire::after { background-image: url(../img/courrier-787f84.svg);}
a.navigationSuivant:not(.mozaikBtn)::after {background-image: url(../img/navigationSuivant-0073cf.svg);}
a.navigationSuivant.neutre::after {background-image: url(../img/navigationSuivant-37424a.svg);}
a.navigationPrecedent::before {
   background-image: url(../img/navigationPrecedent-0073cf.svg);
   background-position-x: left;
   float: left;
}
a.navigationPrecedent.neutre::before {background-image: url(../img/navigationPrecedent-37424a.svg);}
a.ouverturePleinePage::after {
   background-image: url(../img/ouverturePleinePage-0073cf.svg);
   height: 13px;
}
.scolaire a.ouverturePleinePage::after { background-image: url(../img/ouverturePleinePage-7f329a.svg);}
.pedago a.ouverturePleinePage::after { background-image: url(../img/ouverturePleinePage-ff6319.svg);}
.admin a.ouverturePleinePage::after { background-image: url(../img/ouverturePleinePage-34b233.svg);}
a.ouverturePleinePage.neutre::after { background-image: url(../img/ouverturePleinePage-37424a.svg);}
a.btn.ouverturePleinePage::after {
   background-image: url(../img/ouverturePleinePage-fff.svg) !important;
   opacity: 1;
   -moz-transform: translateY(1px);
   -o-transform: translateY(1px);
   -webkit-transform: translateY(1px);
   transform: translateY(1px);
}
a.retourNavigation::before {
   background-image: url(../img/retourNavigation-0073cf.svg);
   margin-left: 0;
   margin-right: 3px;
   vertical-align: text-top;
}
.scolaire a.retourNavigation::before { background-image: url(../img/retourNavigation-7f329a.svg);}
.pedago a.retourNavigation::before { background-image: url(../img/retourNavigation-ff6319.svg);}
.admin a.retourNavigation::before { background-image: url(../img/retourNavigation-34b233.svg);}
a.retourNavigation.neutre::before { background-image: url(../img/retourNavigation-37424a.svg);}
a.telechargementDocument::after {background-image: url(../img/telechargementDocument-0073cf.svg);}
.scolaire a.telechargementDocument::after { background-image: url(../img/telechargementDocument-7f329a.svg);}
.pedago a.telechargementDocument::after {background-image: url(../img/telechargementDocument-ff6319.svg);}
.admin a.telechargementDocument::after {background-image: url(../img/telechargementDocument-34b233.svg);}
a.telechargementDocument.neutre::after {background-image: url(../img/telechargementDocument-37424a.svg);}
a.navigationNouvelOnglet::after {background-image: url(../img/navigation-0073cf.svg);}
.scolaire a.navigationNouvelOnglet::after { background-image: url(../img/navigation-7f329a.svg);}
.pedago a.navigationNouvelOnglet::after {background-image: url(../img/navigation-ff6319.svg);}
.admin a.navigationNouvelOnglet::after {background-image: url(../img/navigation-34b233.svg);}
a.navigationNouvelOnglet.neutre::after {background-image: url(../img/navigation-37424a.svg);}
/* Bouton/Lien Voir plus (chevron vers le bas) */
a.voirPlus, button.voirPlus {color: #0073cf;}
.scolaire a.voirPlus, .scolaire button.voirPlus {color: #7f329a;}
.pedago a.voirPlus, .pedago button.voirPlus {color: #ff6319;}
.admin a.voirPlus, .admin button.voirPlus {color: #34b233; }
a.voirPlus.texteNeutre, button.voirPlus.texteNeutre {color: #37424a !important;}
a.voirPlus:hover, button.voirPlus:hover {
   opacity: .7;
   text-decoration: none;
}
a.voirPlus::after, button.voirPlus::after {
   background-image: url(../img/chevronBas-0073cf.svg);
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 10px 10px;
   content: '';
   display: inline-block;
   height: 17px;
   margin-left: 5px;
   -moz-transition: all .2s linear;
   -o-transition: all .2s linear;
   -webkit-transition: all .2s linear;
   transition: all .2s linear;
   vertical-align: text-top;
   width: 17px;
}
a.btn3.voirPlus::after, button.btn3.voirPlus::after {vertical-align: middle;}
.scolaire a.voirPlus::after, .scolaire button.voirPlus::after {background-image: url(../img/chevronBas-7f329a.svg);}
.pedago a.voirPlus::after, .pedago button.voirPlus::after {background-image: url(../img/chevronBas-ff6319.svg);}
.admin a.voirPlus::after, .admin button.voirPlus::after {background-image: url(../img/chevronBas-34b233.svg);}
a.voirPlus.voirPlusOuvert::after, button.voirPlus.voirPlusOuvert::after {
   /* chevron vers le haut */
   -moz-transform: rotate(-180deg);
   -o-transform: rotate(-180deg);
   -webkit-transform: rotate(-180deg);
   transform: rotate(-180deg);
}
a.voirPlus.voirPlusOuvert:hover::after, button.voirPlus.voirPlusOuvert:hover::after {
   /* chevron vers le haut */
   -moz-transform: scale(.9) rotate(-180deg);
   -o-transform: scale(.9) rotate(-180deg);
   -webkit-transform: scale(.9) rotate(-180deg);
   transform: scale(.9) rotate(-180deg);
}
/* Assistance à l'utilisateur */
.assistance {
   color: #787f84;
   font-size: 15px;
   font-style: italic;
}
.assistance::before {
   background-image: url(../img/assistance-787f84.svg);
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   content: '';
   display: inline-block;
   height: 16px;
   margin-right: 4px;
   vertical-align: text-bottom;
   width: 16px;
}
.assistance.inverseVideo::before {background-image: url(../img/assistance-fff.svg);}
/* Actions au bas et au haut d'une section ou d'une page */
.actionsHaut {
   margin-bottom: 20px;
   margin-right: 10px;
}
.actionsBas {margin-top: 20px;}
.actionsBas button + button, .actionsBas button + [data-style-bouton], .actionsBas button + a.btn {
   margin-left: 10px;
}
.actionsBas.boutonsPleineLargeur button, .actionsBas.boutonsPleineLargeur [data-style-bouton] {
   display: block;
   width: 100%;
}
.actionsBas.boutonsPleineLargeur button + button,
.actionsBas.boutonsPleineLargeur button + [data-style-bouton] {
   margin-left: 0;
   margin-top: 10px;
}
/* = Mobile - Portrait */
@media only screen and (max-width: 499px), only screen and (max-device-width : 480px) and (orientation : portrait) {
   /* Bloc d'actions en mode adaptatif : les boutons prennent toute la largeur */
   .actionsBas.adaptatifPortrait button {
      display: block;
      width: 100%;
   }
   .actionsBas.adaptatifPortrait button + button {
      margin-left: 0;
      margin-top: 10px;
   }
}
/* = Mobile - Peu importe l'orientation */
@media only screen and (max-width:599px), only screen and (max-device-width : 480px) {
   /* Pour masquer le texte des boutons avec images */
   button.btn.maxi.adaptatif, a.btn.maxi.adaptatif, button.btn2.maxi.adaptatif,
   a.btn2.maxi.adaptatif, button.btn3.maxi.adaptatif, a.btn3.maxi.adaptatif {padding-right: 0;}
   button.btn.maxiImageDroite.adaptatif, a.btn.maxiImageDroite.adaptatif,
   button.btn2.maxiImageDroite.adaptatif, a.btn2.maxiImageDroite.adaptatif {padding-left: 0;}
   button.btn.maxi.adaptatif > span, a.btn.maxi.adaptatif > span,
   button.btn2.maxi.adaptatif > span, a.btn2.maxi.adaptatif > span,
   button.btn3.maxi.adaptatif > span, a.btn3.maxi.adaptatif > span,
   button.btn.maxiImageDroite.adaptatif > span, a.btn.maxiImageDroite.adaptatif > span,
   button.btn2.maxiImageDroite.adaptatif > span, a.btn2.maxiImageDroite.adaptatif > span,
   button.btn3.maxiImageDroite.adaptatif > span, a.btn3.maxiImageDroite.adaptatif > span {
      /* a11y */
      font-size: 0;
      position: absolute;
      text-indent: -9000px;
   }
   /* Bloc d'actions en mode adaptatif : les boutons prennent toute la largeur */
   .actionsBas.adaptatifPortraitPaysage button {
      display: block;
      width: 100%;
   }
   .actionsBas.adaptatifPortraitPaysage button + button {
      margin-left: 0;
      margin-top: 10px;
   }
}
/* = Mobile - Peu importe l'orientation */
@media only screen and (min-width: 600px) and (max-width: 939px),only screen and (max-device-width : 1024px) and (orientation : portrait), 
only screen and (max-width:599px), only screen and (max-device-width : 480px) {
   /* Bloc d'actions en mode adaptatif : les boutons prennent toute la largeur */
   .actionsBas.adaptatifTablettePortraitMobile button {
      display: block;
      width: 100%;
   }
   .actionsBas.adaptatifTablettePortraitMobile button + button {
      margin-left: 0;
      margin-top: 10px;
   }
}