.frame-messageAlerte .container, .frame-messageCatastrophe .container, .frame-messageGeneral .container {
    background-image: url('https://cdn-contenu.quebec.ca/cdn-contenu/ico-bandeau-bleu.svg');
    background-position: 1rem 1rem;
    padding-left: 3.6rem;
 }
.frame-messageAlerte{
    background-color: #D9E6F0;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
}
.frame-messageAlerte p, .frame-messageCatastrophe p, .frame-messageGeneral p{
  font-size: 1.1875rem;
  margin-bottom: 0.3rem;
}
.rangee-footer .col-lg-4:last-child nav:first-child ul li:last-child,
.rangee-footer .col-lg-4:last-child nav:first-child ul li:nth-child(3)
{
  display:none;
}

#campagneEntete .frame-messageAlerte li {
    color: #223654;
}
/* Ajouter le border sur les boutons à l'état hover */
.zoneClick:hover, .zoneClickLeft:hover{
      border: 1px solid #156bb2;
} 

/*Correction qui avait affecté système de design, ajustement*/
.systeme-design-contenu .zoneClick:hover, .systeme-design-contenu .zoneClickLeft:hover {
  border: 2px solid #095797;
}
.systeme-design-contenu .zoneClick-ter:hover {
  border: none;
}
/* Cacher Solr */
/*.recherchePiv,
#recherchePiv:target,
#lienOuvre {
    display: none;
}
*/
 
/* liste sur 2 colonnes dont l'Ã©lÃ©ment 2 est le premier de la 2e colonne */
.listeDeuxCol ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}
.listeDeuxCol ul li {
    margin: 0.9rem 3% 0.9rem 0;
    font-weight: normal;
    margin: 0.2rem 1.3rem 0.2rem 0;
    font-size: 0.875rem;
    line-height: 1.4rem;
  
  
}
/*
.listeDeuxCol ul li:nth-child(even){
    margin-left: 0;
    margin-right: 0;
}
*/

.frame-messageAlerte p.covid-english-numbers {
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.225rem;
  margin: 0;
}

/*
.listeDeuxCol {
    float: left;
}
*/
.listeDeuxCol ul li a .linkExtImg {
    max-height: 11px;
    max-width: 11px;
    margin-bottom: 0.1rem;
}
/* Pastilles de couleurs */

#main #regionsLegende ul{
  list-style: none;
}

.cercleRouge:before,
.cercleJaune:before,
.cercleOrange:before,
.cercleJauneFonce:before,
.cercleVert:before,
.cercleTFaible:before,
.cercleFaible:before,
.cercleModere:before, 
.cercleEleve:before, 
.cercleTEleve:before{
    content:"";
    height: 13px;
    width: 13px;
    background-color: #CB381F;
    border-radius: 50%;
    display: inline-block;
    margin-right: 0.3rem;
}
.cercleTFaible:before{
  background-color: #4F813D;
}
.cercleFaible:before{
  background-color: #b6d086;
}
.cercleModere:before{
  background-color: #e8c13d;
} 
.cercleEleve:before{
  background-color: #e88f36;
} 
.cercleTEleve:before{
  background-color: #cb381f;
}
  
.cercleJaune:before{
    background-color: #E5B926;
  }
.cercleJauneFonce:before{
    background-color: #cc751e;
  }
.cercleVert:before{
    background-color: #6fdc6f;
  }
.cercleOrange:before{
   background-color: #FF8C00;
  }
/**/
  /*Formulaire babillard*/
 #main .tx-powermail .complementLabel {
    display: block;
}
form span[id$="_complement"] {
    font-size: 0.875rem;
}
#main .required.mandatory {
    font-size: 1.2em;
    font-weight: bold;
}
  /**/
/* Cacher elements news */
.frame-entete-nouvelle, .news-related-wrap { display: none; }
/*.news .article { border-bottom: 0; }*/
/**/
.bandeau-elem-1 { order: 1; }
.bandeau-elem-2 { order: 2; }
.bandeau-elem-3 { order: 3; }
.bandeau-elem-4 { order: 4; }
.bandeau-elem-5 { order: 5; }
.bandeau-elem-6 { order: 6; }
/*
.nouveau {
    font-size: 0.875rem;
    line-height: 1.25rem;
    background-color: #1479cc;
    padding: 0px 5px;
    margin: 2px 8px 0 0;
    font-weight: 600;
    display: inline-block;
    margin-right: 100%;
    color: #fff;
}
*/
/* Bandeau - 23-09-2020 */
.frame-messageAlerte .bandeau-coronavirus { margin-bottom: 0.25rem; }
.frame-messageAlerte .bandeau-coronavirus p { font-size: 1rem; font-weight: 600; margin-bottom: 0.5rem; line-height: 1.5 }
.frame-messageAlerte .bandeau-coronavirus a { font-weight: bold;}
.frame-messageAlerte .bandeau-coronavirus a .linkExtImg { display: none;}

/******** Note de bas de page *************/
  th sup{display: inline-block;}
  sup a,
  sup a:active{
    font-weight: bold;
    text-decoration:none;
    font-size:0.75rem;
    padding:0 0.3rem;
    background-color: #dae6f0;
  }
  sup a:focus,
  sup a:hover{
    text-decoration:underline;
  }
  .noteBasPageNum a,
  .noteBasPageNum a:active{
    position:relative;
    padding-left:1rem;
    display:block;
    margin-right: 0.5rem;
    font-weight: bold;
    text-decoration:none;
  }
  .noteBasPageNum a:hover,
  .noteBasPageNum a:focus{
    text-decoration:underline;
  }
  .noteBasPageNum a:before {
    content:"";
    background-image: url(https://www.quebec.ca/typo3conf/ext/gabarit_pgu/Resources/Public/Images/Templates/fleche-droite.svg);
    background-position: right center;
    padding-right: 1rem;
    background-size: 0.5625rem 0.5rem;
    position:absolute;
    left:0;
    top: 0.5rem;
    background-repeat: no-repeat; 
    height:0.7rem; 
    transform: rotate(270deg); 
    /* All browsers support */
    -moz-transform: rotate(270deg); 
    -webkit-transform: rotate(270deg); 
    -o-transform: rotate(270deg); 
    -ms-transform: rotate(270deg); 
}

/******/

/***** Corrections à apporter au CSS de l'extension ****/
table tbody tr:first-child th {
    background-color: #FFF;
    color: #223654;
}
/********/
/* image du bandeau en haut de page  11 mars */
div#bandeau-alerte img {
    /*max-width: 70px;*/
    max-height: 70px;
    width:auto;
    margin-right: 1rem;
}
div#bandeau-alerte.frame-avis{
  margin:0;
  min-height: 120px;
}
/*****/
@media (min-width: 1200px){
  .listeDeuxCol ul li {
    margin: 0.2rem 2.6rem 0.2rem 0;
  }
}

@media (max-width: 992px){
  .listeDeuxCol { max-width: 480px; }
  .bandeau-elem-1 { order: 1; }
  .bandeau-elem-2 { order: 2; }
  .bandeau-elem-3 { order: 5; }
  .bandeau-elem-4 { order: 4; }
  .bandeau-elem-5 { order: 3; }
  .bandeau-elem-6 { order: 6; }
}

@media (max-width: 576px){
    .bandeau-elem-3 { order: 3; }
    .bandeau-elem-5 { order: 5; }
    .frame-messageAlerte .container, .frame-messageCatastrophe .container, .frame-messageGeneral .container {
       background-position: 1rem 0.8rem;
       padding-left: 3.6rem;
    }
    .listeDeuxCol ul li {
        width: 100%;
        margin-bottom: 0.57rem;
    }
    .frame-messageAlerte p, .frame-messageCatastrophe p, .frame-messageGeneral p {
        font-size: 1.125rem;
        line-height: 1.5rem;
        font-weight: bold;
        margin-bottom: 1rem;
    }
    /* Bandeau - 23-09-2020 */
    .frame-messageAlerte .bandeau-coronavirus { margin-bottom: 0; }
    .frame-messageAlerte .bandeau-coronavirus p { font-size: 0.875rem; }
    .frame-messageAlerte .bandeau-coronavirus .bandeau-coronavirus-sep { display: none; }
    .frame-messageAlerte .bandeau-coronavirus a.bandeau-coronavirus-lien { display: block; margin-bottom: 1rem; }

}
@media (max-width: 404px){
    .frame-messageAlerte .container, .frame-messageCatastrophe .container, .frame-messageGeneral .container {
       background-position: 0 0.8rem;
       padding-left: 2.6rem;
    }
}
@media (max-width: 576px) { 
    a[href^=tel] { color: #223654; }
}

.tx-pgu-qmp .form-check-input {
    margin-left: -1.25rem!important;
 }

#qmp_form .form-check {
    padding-left: 1.25rem!important;
}

#qmp_form .form-check-label p {
    margin-left: 0!important;
}

/* masquage du lien vers les communiqués PM, remplacé par un lien vers la salle de nouvelles */
.accueilPremierMinistre .listeNavigationNewsTous {
  display: none;
}

/* effet de survol pour les images dans les listes d'actualités */
.news figure {
  float: left;
}
