
/*************************************/
/* CONTENUS HORS ÉCRAN */
/*************************************/


.field-label-visually-hidden, .visually-hidden, .a11y a, #block-oiseaux8-rechercher label
{clip: rect(0 0 0 0);  
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    color:black;
    background:white;}

/*************************************/
/* LIENS D'ÉVITEMENT */
/*************************************/

.a11y a:focus, .a11y a:active {
    height:100%;
    width:100%;
    margin:auto;
    margin-top:-1px;
    overflow: visible;
    display:block;
    position:relative;
    clip: auto;
    padding:0.8em 0.5em;
    background-color:#f7f7f7;
    text-align: center;
    font-family:"PT Sans", "Arial",  sans-serif;
    color:#454646;
    outline:2px solid transparent;
}

/*************************************/
/* REPÈRES SURLIGNÉS */
/*************************************/

main span[id]:target {background-color: #f7d980;
    color:#000;
    font-weight: bolder;
    border-radius:3px;
    transition-property: background-color, color;
    transition-duration: 0.7s;
    transition-timing-function: linear;}


/*************************************/
/* Visibilité du focus */
/*************************************/

.js-focus-visible :focus:not(.focus-visible) {
    outline: 2px solid transparent;
}

.js-focus-visible .focus-visible,
.no-js :focus {
    outline:2px dotted #000;
    outline-offset: 2px;
}

.js-focus-visible a.focus-visible,
.no-js a:focus {}

.js-focus-visible .logo a.focus-visible,
.no-js .logo a:focus {outline-offset:5px;}

.js-focus-visible #site-footer a.focus-visible,
.no-js #site-footer a:focus {
    background:#fff;
    color:#000;
    outline-offset: 0px;
    outline:1px solid #fff;
    text-decoration:none;}

.js-focus-visible #block-oiseaux8-rechercher input.focus-visible,
.no-js #block-oiseaux8-rechercher input:focus {outline-offset: 2px;}

.js-focus-visible .col2 a.focus-visible,
.no-js .col2 a:focus {outline-offset:0;}

button::-moz-focus-inner {padding:0; border:0}