Groupes de travail
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
/*container_bloc */
.container--vert {
text-align: center;
display:flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 20px;
}
.btn--bloc {
position: relative;
display:block;
justify-content: center;
color:black;
background-color: #64AD30;
border: 2px solid #64AD30;
box-shadow: 0px 15px 11px -2px rgba(128, 128, 128, 0.20);
border-radius: 10px;
padding: 15px;
width: 250px;
height: 30%;
margin-bottom: 15px;
padding: 9px;
}
/*modification de la liste*/
.liste-texte li::marker {
content: "🠊 ";
color:#EA551F;
font-size: 16px;
}
details > summary {
list-style: none;
cursor: pointer !important;
}
details[open] > summary::before {
color:#ff4242;
font-size: 16px;
margin-right: 10px;
}
details {
width: 100%;
}
details[open] .liste-texte {
position: absolute;
top: calc(100% + 5px);
left: 0;
width: 100%;
z-index: 1000;
background: white;
border: 2px solid white;
border-radius: 10px;
box-sizing: border-box;
box-shadow: 0 4px 10px rgba(0,0,0,.15);
}
details > summary {
justify-content: center;
color:#ff4242;
font-size: 16px;
font-weight: bold;
background-color: white;
border: 2px solid white;
border-radius: 10px;
padding: 10px;
margin-bottom: 5px;
}
.liste-texte:first-of-type {
color:black;
justify-content: flex-start;
text-align: start;
background-color: white;
border: 2px solid white;
border-radius: 10px;
}
details>summary:hover {
color: #993318;
}
</style>
</head>
<body>
<div class="container--vert">
<!--Début-->
<div class="btn--bloc">
<details name="grp_travail">
<summary>Description</summary>
<ul class="liste-texte">
<li>l'espace accessible à TOUS les membres de la CRIGE Normandie ;</li>
<li>l'espace réservé aux membres Signataires de la CRIGE Normandie ;</li>
<li>les groupes de travail thématiques en activité ;</li>
<li>les groupes de travail thématiques qui ont été fermés sont regroupés dans la partie "Anciens groupes de travail" <em>(les ressources restent accessibles)</em>.</li>
</ul>
</details>
</div>
<!--Fin-->
<div class="btn--bloc">
<details name="grp_travail">
<summary>Finalité </summary>
<ul class="liste-texte">
<li>sensibiliser / accompagner / organiser la production d'une donnée ;</li>
<li>explorer / sensibiliser / accompagner l'utilisation d'une donnée ou d'une technologie ;</li>
<li>mener une réflexion prospective sur un sujet ;</li>
<li>etc.</li>
</ul>
</details>
</div>
<div class="btn--bloc">
<details name="grp_travail">
<summary>Fonctionnement</summary>
<ul class="liste-texte">
<li>les GT sont créés pour répondre à un besoin identifié sur un sujet donné ;</li>
<li>les GT sont pilotés par deux ou trois animateurs qui, avec les membres participants, définissent la feuille de route du GT et conduisent l'activité du GT ;</li>
<li>la participation est basée sur le volontariat et la collaboration (création de communs) ; la participation des thématiciens est indispensable pour éclairer les aspects métiers ;</li>
<li>e GT communique sur son activité, notamment sur le portail de la CRIGE Normandie ;</li>
<li>es GT restent fonctionnels tant que le besoin existe (évolution de la feuille de route) et qu'ils sont animés ; autrement, ils sont mis en pause ou fermés.</li>
</ul>
</details>
</div>
<div class="btn--bloc">
<details name="grp_travail">
<summary>Organisation</summary>
<ul class="liste-texte">
<li>la présentation du GT (contexte, objectifs, etc.) ;</li>
<li>l'annuaire des membres du GT ;</li>
<li>l'agenda du GT ;</li>
<li>un accès aux documents et jeux de données produits par le GT.</li>
</ul>
</details>
</div>
</div>
</body>
<html>
