*{margin:0;padding:0;font-family: Lato, Arial, Verdana, sans-serif;
    font-size: 16px;}

body{margin:10px;}

.map{
    background:#FFFFFF;
    text-align:center;
    position:relative;
    display:flex;
    width:100%;
}

.map-svg{
    width:50%;
}
svg{      
    height:100%;
    width:auto;
}   
.area{stroke:#FFFFFF;stroke-width:0.5;cursor:pointer;}
.area:hover{stroke-width:1;}

#GES:hover,
#GES.on{fill: #FF9028;}

#BFC:hover, #BFC.on {fill: #FF9028;}
#NOR:hover, #NOR.on {fill: #245124;}
#HDF:hover, #HDF.on {fill: #245124;}
#COR:hover, #COR.on {fill: #F9DE15;}
#PAC:hover, #PAC.on {fill: #F9DE15;}
#IDF:hover, #IDF.on {fill: #B20422;}
#NAQ:hover, #NAQ.on{fill: #6D071A;}
#OCC:hover, #OCC.on {fill: #F9DE15;}
#ARA:hover, #ARA.on {fill: #065381;}

#BRE:hover,
#BRE.on {fill: #EF89E6;}

#CVL:hover, #CVL.on {fill: #EF89E6;}
#PDL:hover, #PDL.on {fill: #EF89E6;}

/* ************************************************** */
/* PARTIE GAUCHE - GENERAL */
/* ************************************************** */

.popin{
    width:40%;
    position:relative;
    margin-right:10%;
}
.pop{
    height:100%;
    width:100%;
    display:none;
    position:absolute;
    text-align:center;
    padding:5px 20px;
}
.pop.DEFAULT{display:block}
.pop.DEFAULT .region{color:#17b2ba;}
.pop.DEFAULT .profession{background-color:#17b2ba;}
.pop.DEFAULT .nomPro{color:#293133;}

/* ************************************************** */
/* PARTIE GAUCHE - SPECIFIQUE */
/* ************************************************** */

.region{
   font-weight: 500;
   font-size: 25px;
   padding:10px 0px;
}

.pop.BRE .region{color:#EF89E6;}
.pop.PDL .region{color:#EF89E6;}
.pop.CVL .region{color:#EF89E6;}
.pop.NOR .region{color:#245124;}
.pop.GES .region{color:#FF9028;}
.pop.BFC .region{color:#FF9028;}
.pop.NOR .region{color:#245124;}
.pop.HDF .region{color:#245124;}
.pop.COR .region{color:#F9DE15;}
.pop.PAC .region{color:#F9DE15;}
.pop.IDF .region{color:#B20422;}
.pop.NAQ .region{color:#6D071A;}
.pop.OCC .region{color:#F9DE15;}
.pop.ARA .region{color:#065381;}


.profession{
	padding:10px 0px;
   font-weight: 500;
   font-size: 18px;
   
   color:#FFFFFF;
}

.pop.BRE .profession{background-color:#EF89E6;}
.pop.PDL .profession{background-color:#EF89E6;}
.pop.CVL .profession{background-color:#EF89E6;}
.pop.NOR .profession{background-color:#245124;}
.pop.GES .profession{background-color:#FF9028;}
.pop.BFC .profession{background-color:#FF9028;}
.pop.NOR .profession{background-color:#245124;}
.pop.HDF .profession{background-color:#245124;}
.pop.COR .profession{background-color:#F9DE15;}
.pop.PAC .profession{background-color:#F9DE15;}
.pop.IDF .profession{background-color:#B20422;}
.pop.NAQ .profession{background-color:#6D071A;}
.pop.OCC .profession{background-color:#F9DE15;}
.pop.ARA .profession{background-color:#065381;}

.nomPro{
   /*padding:20px 0px;*/
   font-weight: 600;
   font-size: 16px;
   color:#293133;
}


/*.pop.BRE .nomPro{color:#EF89E6;}
.pop.PDL .nomPro{color:#EF89E6;}
.pop.CVL .nomPro{color:#EF89E6;}
.pop.NOR .nomPro{color:#245124;}
.pop.GES .nomPro{color:#FF9028;}
.pop.BFC .nomPro{color:#FF9028;}
.pop.NOR .nomPro{color:#245124;}
.pop.HDF .nomPro{color:#245124;}
.pop.COR .nomPro{color:#293133;}
.pop.PAC .nomPro{color:#293133;}
.pop.IDF .nomPro{color:#B20422;}
.pop.NAQ .nomPro{color:#6D071A;}
.pop.OCC .nomPro{color:#6D071A;}
.pop.ARA .nomPro{color:#065381;}*/

a {
color: #BBD0DC;
text-decoration: none !important;
transition: color .15s ease-in;
}