/*CSS pour l'affichage des liens d'evitements*/
.page {
    width: 976px;
    min-height: 10px;
    background-color: #d1d2c2;
    position: relative;
    z-index: 9999;
}
.fr-skiplinks {
    position: absolute;
    z-index: 0;
    width: auto;
    padding: 10px 0 0 0;
}
.fr-skiplinks li{
    display: inline;
    margin-right: 10px;
}

.fr-skiplinks:focus-within {
    position: relative;
}

#top-bar {
    background-color: #d1d2c2;
}

#top-bar.large {
    margin-top: -20px;
    background-color: #d1d2c2;
    width: 1258px;
}

#top-bar ul {
    margin: 0;
}

#top-bar:focus-within {

}

#top-bar a:focus,#top-bar a:hover,#top-bar a:active
{
    outline: 2px  solid #256dcc   ;
    border-radius: 2px;
    text-decoration: none;
}

#page #top-bar .fr-link{
    color: #000099;
    text-decoration: none;
}
#page #top-bar .fr-link:visited{
    color: #000099;
}
.fr-skiplinks__list{
    padding-bottom: 5px;
}
#page #top-bar .fr-link:before {
    content: '';
}
.liste_rgaa{
    padding-left: 40px;
}
.liste_rgaa li {
    line-height: 125%;
}
.liste_rgaa[interligne_liste] li{
    margin-bottom: 10px;
}
/*================= classes css pour ne pas changer l'apparence de la page en enlevant les br */
/*(les espaces sont calculés en br donc 1.2 em = 1 br======================================*/

/*CR pour carriage return*/
.CR_rgaa p {
    margin:0;
}
.div_rgaa{
    margin-bottom:10px ;
}
.no_space{
    margin: 0;
}

/*mt => margin-top*/
.mt-1{
    margin-top: 1.2em;
}
/*espace pour image rep. fr. */
/*.space_img_fr_before{*/
.mt_8_float{
    margin-top: 8em;
    clear: both;
}
.margin_iban{
    min-width: 150px;
}
.mt-28{
    margin-top: 28.8em;
}
.margin_2{
    margin-top: 2.4em;
    margin-bottom: 2.4em;
}
.mb_2{
    margin-bottom: 2.4em;
}
.mb_1{
    margin-bottom: 1.2em;
}
/*RGAA 10.1*/

.couleur-texte-noir{
    color: #000000;
}
.couleur-texte-vert{
    color: #009930;
}
.couleur-texte-orange{
    color: #FF6600;
}
.couleur-texte-bleu-fonce{
    color: #005DA9;
}
.couleur-texte-rose{
    color: #CC3399;
}
.couleur-texte-marron{
    color: #990000;
}
.couleur-texte-bleu-clair{
    color: #0099FF;
}
.couleur-texte-jaune{
    color: #FFCC00;
}
.clear-float{
    clear: both;
}
.font-size-20{
    font-size: 20px;
}
.bg-inherit {
    background-color: inherit !important;
}
.va-middle{
    vertical-align: middle;
}
.width-50{
    width: 50%;
}
.ta-right{
    text-align: right;
}
.ta-left{
    text-align: left;
}
.width-0{
    width: 0;
}
.padding-horizontal-10{
    padding: 0 10px;
}
.max-w-200{
    max-width: 200px;
}
.max-h-200{
    max-height: 200px;
}

#page a:focus-visible, #page button:focus-visible {
    outline: 3px  solid black !important;
    border-radius: 2px  !important;
    text-decoration: none  !important;
    outline-offset: 1px;
}

#page a.maison:focus-visible {
    outline: none !important;
    box-shadow: inset 0 0 0 1.5px black !important;
}
/*=======================*/

.width-130-px{
    width: 130px;
}
.alg-right{
    text-align: left !important;
}
.mrg-button{
    margin: 0.5em 0 1.5em !important;
}
.mrg-top-5{
    margin-top: 5px  !important;
}
.mrg-bot-0{
    margin-bottom: 0 !important;
}
.txt-color-grey{
    color: #414141;
}
.line-height-24{
    line-height: 24px !important;
}
.mrg-top-1-5{
    margin-top: 1.5em !important;
}
.min-height-0{
    min-height: 0 !important;
}