/* couleurs
#222222 : gris foncé
#999999 : gris background
#DDDDDD : gris clair
#A78112: or
*/
.rtecenter {
    text-align: center;
}

/*-------------------gestion du bandeau------------------------*/
.container{
 position : relative;
}
.main-header .region-header{
    display: block;
    width: 100%;
}
#bandeau{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    padding: 15px 0;
}
#bandeau-gauche{
    flex: 0 0 auto;
}
#bandeau-gauche img{
    display: block;
    max-height: 70px;
    width: auto;
}
#bandeau-milieu{
    flex: 2 1 320px;
    min-width: 260px;
}
#bandeau-milieu h1{
    text-align: left;
    line-height: 1.2em;
    margin: 0 0 6px;
    font-size: 1.4em;
}
#bandeau-droite{
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    align-items: center;
    margin-left: auto;
}
#bandeau-droite img{
    display: block;
    width: 55px;
    height: auto;
}

/*-------------------gestion du menu principal------------------------*/
/* Le fond bleu (#3092c0) vient de sm-core-css.css (SmartMenus), on le
   repasse en blanc avec du texte foncé pour lisibilité. */
.menu-base-theme,
.menu-base-theme a,
.menu-base-theme a:hover,
.menu-base-theme a:focus,
.menu-base-theme a:active{
    background: #FFFFFF !important;
    color: #222222 !important;
}
.menu-base-theme a:hover,
.menu-base-theme a:focus,
.menu-base-theme a:active,
.menu-base-theme a.current{
    background: #EEEEEE !important;
    color: #222222 !important;
}

/*-------------------------gestion de pictogrammes------------------------------------*/
.picto{
    display: block;
    width: 100%;
    text-align: center;
}
.picto div{
    display: inline;
    text-align: center;
    width: 100%;
}
.picto div div{
    width: 200px;
    display: inline-block;
}

.picto div div img:hover{
    transform: rotate(3deg);
}
a {
    color: #222222;
    text-decoration: none;
}
a:focus,
a:active,
a:hover {
    text-decoration: none;
}