@charset "utf-8";
/* CSS Document */

/**
 * Cette feuille de style gère la structure des éléments du fil d'ariane et d'accessibilité (print, sentTo, +/- font)
 */

/*
 * HEXA COLORS
    Gris TF : 646665
    Gris : C9C9C9
    Gris clair : EEE8E6
    
    Bleu foncé : 0C78A3
    Bleu TF : 00B6DC
    Bleu : 0099D4
    Bleu clair : 80CCE9
    Bleu pale : D9F4FA
    
    Jaune : FFF500
*/

/*
==================================================
	Table of Contents / Sommaire
==================================================
	#Home page
	#Bloc accessibilité regroupant plusieurs fonctionnalités
	#Bloc accessibilité : Gestion des blocs de 1er niveaux 
	#320px > 767px
*/

/*
 * Page d'accueil sans les outils d'accessibilité et le fil d'ariane
 */
#daccueil div.accessibility, 
#daccueil div.breadcrumb {
    display:none;
}

/*
 * Fil d'ariane
 */
div.breadcrumb {
    width: 100%;
    margin-bottom: 1rem;
}

.breadcrumb span,
.breadcrumb a,
.breadcrumb a:link,
.breadcrumb a:visited {
    color: #000;
    font-size: 11px;
    font-size: .688rem;
}

.breadcrumb a:hover span,
.breadcrumb a:active span {
    color: #666;
}

.breadcrumb a span:after {
    font-family: Arial;
    content:"»";
    color: #AAA;
}

/**
 * Bloc accessibilité regroupant plusieurs fonctionnalités
 */
div.accessibility {
    width: auto;
    margin-left: 10px;
}

div.accessibility > div a,
div.accessibility > div a:link {
    height: 40px;
    width: 40px;
    background: #FFF500 !important;
    border-radius: 50%;
    color: #0099D4 !important;
    text-align: center;
    line-height: 30px;
}

/*
 * Gestion des blocs de 1er niveaux 
 */

div.accessibility > div {
    margin:0 0 .5rem 1%;
}

/*
 * Gestion des liens 
 */
div.accessibility > div a,
div.accessibility > div a:link {
    padding:.3rem .5rem;
    font-size:16px;
    font-size:1rem;
    background:#EEE;
    border-left:1px solid #FFF;
    color:#999;
}

div.accessibility > div a:first-child {
    border-left:none;
}

div.accessibility > div a:hover,
div.accessibility > div a:active {
    color:#000;
}

div.accessibility > div a.active {
    font-weight: bold;
    cursor: default;
    background:#666;
    color:#FFF;
}

/*
 * Suppression image addthis
 */
div.addthis_toolbox span {
    background: none;
    display:none;
}

/*
 * Mobile/Tablet (Portrait)
 */
@media screen and (min-width: 320px) and (max-width: 767px) {
    
div.breadcrumb {
    font-size: 11px ;
    font-size: .688rem;
}

.breadcrumb a::after {
    font-size: 11px;
    font-size: .688rem;
}

div.accessibility div.addthis_toolbox {
    display: none;
}

}/*/mediaquery*/