/* CSS Document */
html { padding:0;margin:0; }

body { margin:0; padding:0; font-family: 'Montserrat', sans-serif; font-size:11px; color:#666666; }

/*#page { margin-left:auto; margin:auto; z-index:1;position:relative; }*/

/*#contenu { width:975px; }*/

img { border:none; }

.hexa p { margin:0; padding:0; padding-top:5px; padding-bottom:2px; }

form { margin:0; padding:0; }

/* input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; } */


/*a { font-size:11px; text-decoration:none; }*/

/*a:hover { text-decoration:underline; }*/

a.a_fonctionnelle:link, a.a_fonctionnelle:active, a.a_fonctionnelle:visited { font-size:11px; color:#999999; text-decoration:none; }
a.a_fonctionnelle:hover { font-size:11px; color:#105a80; text-decoration:none; }

li.li_processus_accueil { margin-left:20px; list-style:url(../images/puce_li_processus.png); }
a.a_li_processus_accueil:link, a.a_li_processus_accueil:active, a.a_li_processus_accueil:visited { text-decoration:none; }
a.a_li_processus_accueil:hover { text-decoration:underline; }

li.li_processus { margin-left:20px; list-style:url(../images/puce_li_processus.png); }
a.a_li_processus:link, a.a_li_processus:active, a.a_li_processus:visited { color:#56c8f3; text-decoration:none; font-size:14px; }
a.a_li_processus:hover { color:#FFF; text-decoration:none; font-size:14px; }

/* Menu page intérieur */
li.li_menu { margin-left:30px; list-style:url(../images/puce_li_document.png); margin-top:5px; }
.li_document {list-style-type:none; margin: 20px 10px;}
a.a_li_menu:link, a.a_li_menu:active, a.a_li_menu:visited { color:#D6D6D6; font-size:12px; font-weight:bold; text-decoration:none; margin-left:-6px; }
a.a_li_menu:hover { color:#FFF; font-size:12px; font-weight:bold; text-decoration:underline; margin-left:-6px; }


/* Documentation */

/* li.li_document { margin-left:30px; list-style:url(../images/puce_li_document.png); margin-top:10px; } */
a.a_li_document:link, a.a_li_document:active, a.a_li_document:visited { color:#FFF; font-size:14px; font-weight:bold; text-decoration:none; margin-left:-6px; list-style-type: none; }
/* a.a_li_document:hover { color:#FFF; font-size:14px; font-weight:bold; text-decoration:underline; margin-left:-6px; } */

/* Fil d'ariane */
a.a_ariane:link, a.a_ariane:active, a.a_ariane:visited { color:#666666; }
a.a_ariane:hover { color:#666666; }
.ariane { color:#666666; }

a.a_ariane_blanc:link, a.a_ariane_blanc:active, a.a_ariane_blanc:visited { color:#FFF; }
a.a_ariane_blanc:hover { color:#FFF; }
.ariane_blanc { color:#FFF; }

a.a_puce_page:link, a.a_puce_page:active, a.a_puce_page:visited { background-image:url(../images/puce_li_processus.png); background-repeat:no-repeat; background-position:0px 6px; padding-left:8px; color:#56c8f3; font-size:14px; font-weight:bold; text-decoration:none; }
a.a_puce_page:hover { background-image:url(../images/puce_li_processus.png); background-repeat:no-repeat; background-position:0px 6px; padding-left:8px; color:#FFF; font-size:14px; font-weight:bold; text-decoration:none; }
.puce_page { background-image:url(../images/puce_li_processus.png); background-repeat:no-repeat; background-position:0px 6px; padding-left:8px; color:#FFF; font-size:14px; font-weight:bold; }

/* Diver */
.titre_bleu { color:#105a80; font-weight:bold; }

.texte_gris { color:#666666; text-align:left; }

.titre_processus_bleu { color:#11779e; font-size:24px; }
.titre_processus_marron { color:#625752; font-size:24px; }
/* a.a_titre_bleu:link, a.a_titre_bleu:active, a.a_titre_bleu:visited { color:#105a80; font-weight:bold; text-decoration:none; }
a.a_titre_bleu:hover { color:#105a80; font-weight:bold; text-decoration:underline; } */
a.a_titre_marron:link, a.a_titre_marron:active, a.a_titre_marron:visited { color:#625752; font-weight:bold; text-decoration:none; }
a.a_titre_marron:hover { color:#625752; font-weight:bold; text-decoration:underline; }

a.a_texte_gris_italic:link, a.a_texte_gris_italic:active, a.a_texte_gris_italic:visited { color:#666666; text-align:left; text-decoration:none; font-style:italic; }
a.a_texte_gris_italic:hover { color:#666666; text-align:left; text-decoration:underline; font-style:italic; }

/*th { padding:4px; color:#11779e; font-weight:bold; font-size:14px; }*/

/* h1 { color:#11779e; }
h2 { color:#11779e; } */

TABLE.resultat td { text-align:center; }

th.colonne { padding:4px; color:#11779e; font-weight:bold; text-align:center }
th.ligne { font-weight:bold; }

.gris { background-color:#F9F8F8; }

/*refonte Alex*/

.main-container {
width: 70vw;
}
.div-ariane{
    padding-left: 223px;
    font-size: 18px;
   
    margin: 25px;
}
.div-ariane a {
    font-size: 18px;
    

}
.header {
    background-color: #F4F4F4;
    height: 63px;
    width: 100vw;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;

}
.text {
    color:#105a80;
}
.header img {
    padding-left: 60px;
}
.flex-header {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    gap: 25px;
    padding-right: 60px;;
}
.brown-text {
 color: #625752;
}
.titre-page {
    font-size: 22px;
    margin-top: 25px;
    text-align: center;
}

.recherche-home{
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70%;
    margin-top: 25px;
    gap:20px;
}
.input-recherche {
    font-size: 1rem;
    font-weight: 400;
    border-radius: 20px;
    color: #212529;
    width: 500px;
    padding: 5px 1px;
    border: none;
    background-color: #F4F4F4;
    padding: 10px 25px;
}
/* .bout_rechercher {

    border:none; background:none; color:#212529; font-size:15px; font-weight:bold;
} */
.hexa {
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    /* width: 200px;
    height: 172px; */
    width: 230px;
    height: 202px;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;


}
.flex a {
    text-decoration: none;
}
.hexa-dark {
    background-color: #807571;
    color: #fff;
    position: relative;
}
/* .hexa-dark div {
    position: absolute;
    top:0%;
    left: 0%;
} */
/* .hexa-dark:hover {
    background-color: #fff;
    color: #625752;
    position: relative;
    cursor: pointer;
} */

.hexa-light {
   background:  #DADCDC;
   color: #625752;
}
.hexa-light .small-hexa {
    background: white;
    
    /* width: 200px;
    height: 172px; */
    width: 230px;
    height: 202px;
    position: relative;
    clip-path: polygon(26% 2%, 74% 2%, 98% 50%, 74% 98%, 26% 98%, 2% 50%);
}
.hexa-dark .small-hexa {
    background: #807571;
    width: 230px;
    height: 202px;
    position: relative;
    clip-path: polygon(26% 2%, 74% 2%, 98% 50%, 74% 98%, 26% 98%, 2% 50%);
}
/*Gestion des hovers*/

 .hexa-light:hover {
    background-color:#807571;
    cursor: pointer;
 }
 .hexa-light:hover .small-hexa {
    background-color:#807571;
    color: #fff;
    cursor: pointer;
 }
 .hexa-dark:hover {
    background-color:#DADCDC;
    cursor: pointer;
 }
 .hexa-dark:hover .small-hexa {
    background-color:#fff;
    color: #807571;
    cursor: pointer;
 }
#admin.hexa-dark:hover {
    background-color:#DADCDC;
    color: #625752;
    cursor: pointer;
 }
#admin.hexa-dark:hover .small-hexa{
    background-color:#DADCDC;
    color: #625752;
    cursor: pointer;
 }
#admin.hexa-dark:hover .small-hexa {
    background-color:#fff;
    color: #807571;
    cursor: pointer;
}

/*--------------------*/


.small-hexa .hexa-light {
    background: #807571;
    cursor: pointer;
 }

 .small-hexa div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 17px;
}
#direction {
    position: absolute;
    left: 235px;
    top: 378px;
}
#rh {
    position: absolute;
    left: 412px;
    top: 273px;
}
#admin {
    position: absolute;
    left: 784px;
    top: 483px;
    width: 171px;
    height: 156px;
}
#admin.hexa-dark {
    clip-path: polygon(25% 1%, 75% 1%, 99% 50%, 75% 99%, 25% 99%, 0% 50%);
    background-color: #807571;
    /* width: 141px;
    height: 126px; */
    width: 171px;
    height: 156px;
}
#admin.hexa-dark .small-hexa {
    background-color: #807571;
     
    clip-path: polygon(26% 4%, 74% 4%, 96% 50%, 74% 96%, 26% 96%, 3% 50%);
    width: 171px;
    height: 156px;
}
#admin.hexa-dark .small-hexa div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 57px;
}
#prod.hexa-dark .small-hexa div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 36px;
}
#support.hexa-light .small-hexa div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 41px;
}
#financier.hexa-light .small-hexa div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 29px;
}
#direction.hexa-dark .small-hexa div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 28px;
}

#support {
    position: absolute;
    left: 412px;
    top: 485px;

}
#prod {
    position: absolute;
    left: 591px;
    top: 379px;
}
#financier {
    position: absolute;
    left: 770px;
    top: 276px;
}
.flex {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.flex-lien-documents{
    display: flex;
    align-items: center;
    gap: 15px;
}
.container-resultats a[href$=".pdf" i], 
.container-resultats a[href$=".docx" i], 
.container-resultats a[href$=".doc" i]
{
    background: url("/images/doc-dl.svg") left center no-repeat;
    padding: 10px 0 10px 50px;
    line-height: 1.5;
    background-size: 30px;
    text-decoration: none;
}