/**
 * @package    Joomla.Component.Builder
 *
 * @created    26th January, 2020
 * @author     Louis Patachon <https://www.agerix.fr>
 * @git        Joomla Component Builder <https://git.vdm.dev/joomla/Component-Builder>
 * @copyright  Copyright (C) 2023. All Rights Reserved
 * @license    GNU/GPL Version 2 or later - http://www.gnu.org/licenses/gpl-2.0.html
 */

/* CSS Document */

#svg2 {
    width: 80%;
    margin : 30px auto;
}

hr {
    color: white;
}

.popup {
    display: none;
    width: auto;
    background-color: #EEEEEE;
}

.photo-president {
    margin-right: 40px;
    float: left;
    margin-bottom: 40px;
    border-radius: 50%;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.uk-card-default {
    color: black;
    border-color: white;
    border-style: solid;
    border-radius: 15px;
    margin-bottom: 20px;
    z-index: 1000;
}

h3.uk-card-title {
    color: black;
    background-color: #369deb;
    border-radius: 5px;
    padding: 10px;
    font-size: 1.5em;
    font-weight: 700;
    margin-bottom: 0.5em;
}


.active {
    fill: #EEEEEE;
    stroke: black;
    stroke-width: 0.5;
    stroke-opacity: 1;
    stroke-dasharray: 4000px;
    stroke-dashoffset: 4000px;
    animation: anim 8s ease forwards;
    font-family: 'Roboto Condensed', sans-serif;
    cursor : pointer;

}

@keyframes anim {

    to {
        stroke-dashoffset: 0;
    }
}

.SRIPF-001 {
    fill: #64B5F6;
    stroke: #5D5D5D;
    stroke-opacity: 0.5146;
    z-index: -1;
}

.SRIPF-002 {
    fill: #42A5F5;
    stroke: #5D5D5D;
    stroke-opacity: 0.5146;
    z-index: -1;
}

.SRIPF-003 {
    fill: #1E88E5;
    stroke: #5D5D5D;
    stroke-opacity: 0.5146;
    z-index: -1;
}

.SRIPF-004 {
    fill: #1976D2;
    stroke: #5D5D5D;
    stroke-opacity: 0.5146;
    z-index: -1;
}

.SRIPF-005 {
    fill: #90CAF9;
    stroke: #5D5D5D;
    stroke-opacity: 0.5146;
    z-index: -1;
}

.SRIPF-007 {
    fill: #2196F3;
    stroke: #5D5D5D;
    stroke-opacity: 0.5146;
    z-index: -1;
}

.SRIPF-008 {
    fill: #BBDEFB;
    stroke: #5D5D5D;
    stroke-opacity: 0.5146;
    z-index: -1;
}

.SRIPF-009 {
    fill: #2196F3;
    stroke: #5D5D5D;
    stroke-opacity: 0.5146;
    z-index: -1;
}

.SRIPF-010 {
    fill: #90CAF9;
    stroke: #5D5D5D;
    stroke-opacity: 0.5146;
    z-index: -1;
}

.SRIPF-011 {
    fill: #BBDEFB;
    stroke: #5D5D5D;
    stroke-opacity: 0.5146;
    z-index: -1;
}

.SRIPF-012 {
    fill: #1976D2;
    stroke: #5D5D5D;
    stroke-opacity: 0.5146;
    z-index: -1;
}

.SRIPF-013 {
    fill: #1E88E5;
    stroke: #5D5D5D;
    stroke-opacity: 0.5146;
    z-index: -1;
}

.SRIPF-014 {
    fill: #BBDEFB;
    stroke: #5D5D5D;
    stroke-opacity: 0.5146;
    z-index: -1;
}

.SRIPF-015 {
    fill: #2196F3;
    stroke: #5D5D5D;
    stroke-opacity: 0.5146;
    z-index: -1;
}

.SRIPF-016 {
    fill: #64B5F6;
    stroke: #5D5D5D;
    stroke-opacity: 0.5146;
    z-index: -1;
}

.SRIPF-017 {
    fill: #1976D2;
    stroke: #5D5D5D;
    stroke-opacity: 0.5146;
    z-index: -1;
}

.SRIPF-018 {
    fill: #95cdf5;
    stroke: #5D5D5D;
    stroke-opacity: 0.5146;
    z-index: -1;
}

.SRIPF-OUTRE {
    fill: #1E88E5;
    stroke: #5D5D5D;
    stroke-opacity: 0.5146;
    z-index: -1;
}



.st15 {
    font-family: 'Roboto Condensed', sans-serif;
}

/*  taille N° départements */
.st16 {
    font-size: 9px;
    fill: black;
    font-weight: 400;
}

.st17 {
    font-family: 'Roboto Condensed', sans-serif;
}