/*
  Feuille de styles CSS SiteGenByFL
  F.Legiret 05/2026
  <!--DateDerniersChangements--> 2026-05-11_08-53-08 2026-05-11_15-29-53 2026-05-11_15-49-37 2026-05-11_15-49-56 2026-05-11_15-50-21 2026-05-11_15-51-01 2026-05-11_16-33-27 2026-05-11_16-33-44 2026-05-11_16-34-28 2026-05-11_16-34-57 2026-05-11_16-35-17 2026-05-11_16-35-54 2026-05-11_16-36-17 2026-05-11_16-37-28 2026-05-11_16-40-52 2026-05-11_16-41-28 2026-05-11_16-41-50 2026-05-13_07-23-28 2026-05-13_07-26-14 2026-05-13_11-50-17

  Note : la forme "background: rgba(220, 220, 255, 0.5);" permet de donner un indice de transparence

  Validation W3C CSS : http://jigsaw.w3.org/css-validator/
*/
body {
  /* Section StyleSecGenerale */
  margin: 0;
  font: 1.4rem Verdana, "Bitstream Vera Sans", sans-serif; /* Clef StyleBodyFont */
  color:#000000;                         /* Clef StyleBodyCouleurFond */
  /*background-image: url("img/photos_2022_3_24_fst_handmade-paper.jpg");*/
  /*background-image: url("img/circuit-board-973311_1920.jpg");*/
  /*background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0CAIAAADwS7pXAAAgAElEQVR4nOydd5xkV33/3"); ==> incomplet*/
  /*background:#B3ECFD;*/
  background-image: url("img/circuit-board-973311_1920.jpg"); /* Clef StyleBodyImageFond */
}
table {
  /* Paramètres communs aux tables */
  border:0;
  border-width:0;
  border-spacing:0;
  padding:0px;
}
.idxpied { /* attributs du pied de page de l'index */
  padding:5px;
  color:white;
  background:rgb(40, 40, 40);
}
.container {
  /* Padding général des inclusions dans l'index */
  padding:5px;                           /* Clef StyleContainerPadding */
}
object {
  /* Paramètres pour les zones dynamiques de l'index */
  overflow:auto;
  width:100%;
  height:100vh;
  border:0;
}
li {
  font-family:sans-serif;
  font-size:14px;
  font-weight:normal;
}
th {
  font-family:sans-serif;
  font-size:14px;
  font-weight:normal;
}
td {
  font-family:sans-serif;
  font-size:14px;
  font-weight:normal;
  vertical-align:top;
}
tr {
  font-family:sans-serif;
  font-size:14px;
  font-weight:normal;
}
a {
  color: #000000;
  font-family:sans-serif;
  font-size:14px;
  font-weight:normal;
  text-decoration:none;
  cursor: pointer;
}
a:hover {
  /* Liens survolés */
  color: #60C4EA;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
}
a:active {
  /* liens actifs */
  color: #60C4EA;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
}
.corpslnk {
  color: #000000;
  font-family:sans-serif;
  font-size:14px;
  font-weight:normal;
  text-decoration:none;
  cursor: pointer;
}
.corpslnk:hover {
  /* liens survolés */
  color: #60C4EA;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
}
.corpslnk:active {
  /* liens actifs */
  color: #60C4EA;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
}
img {
  /* Position verticale pour les images (important pour le selecteur) */
  vertical-align: middle;
}
.tableretrolist {
  /* Attributs pour la table retrolist */
  border-width: 0px;
  margin: 2px;
  padding: 5px;
}
.mmenug {
  /* Section StyleSecMenuBarre */
  /* Style du menu-barre */
  font-family:sans-serif;                /* Clef StyleMenuBarreFontFamily */
  font-size:14px;                        /* Clef StyleMenuBarreFontSize */
  font-weight:bold;                      /* Clef StyleMenuBarreFontWeight */
  background:#000000;                    /* Clef StyleMenuBarreBgColor */
  color:#FFFFFF;                         /* Clef StyleMenuBarreFontColor */
  text-align:center;
  border:0;
  border-width:0;
  border-spacing:0;
  padding:5px;                           /* Clef StyleMenuBarrePadding */
  border-radius: 0px 0px 0px 0px;        /* Clef StyleMenuBarreRayCoins */
  cursor: pointer;
}
.btnmenu {
  /* Section StyleSecMenuBarreBoutons */
  /* Style des boutons du menu-barre */
  font-family:sans-serif;                /* Clef StyleMenuBarreBtnFontFamily */
  font-size:18px;                        /* Clef StyleMenuBarreBtnFontSize */
  font-weight:bold;                      /* Clef StyleMenuBarreBtnFontWeight */
  text-decoration:none;
  border: 0;
  line-height: 0;
  text-align: center;
  color:#ffffff;                         /* Clef StyleMenuBarreBtnFontColor */
  border-radius: 0px;
  cursor: pointer;
  padding:0px;
}
.btnmenu:hover {
  /* Liens survolés */
  /* Survol des boutons du menu-barre */
  color: #60C4EA;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
}
.tmenu {
  /* Section StyleSecMenusBoitesTitre */
  /* Titre des menus-boites */
  font-family:sans-serif;                /* Clef StyleMenuBoiteTitreFontFamily */
  font-size:14px;                        /* Clef StyleMenuBoiteTitreFontSize */
  font-weight:bold;                      /* Clef StyleMenuBoiteTitreFontWeight */
  /* background:gray; */
  /* background:#244459; */
  background: rgba(20, 20, 20, 0.7);     /* Clef StyleMenuBoiteTitreBgColor */
  color:#FFFFFF;                         /* Clef StyleMenuBoiteTitreFontColor */
  text-align:left;
  border:0;
  border-width:0;
  border-style: dotted;
  border-spacing:0;
  padding:5px;
  border-radius: 10px 10px 0px 0px;      /* Clef StyleMenuBoiteTitreRayCoins */
}
.cmenu {
  /* Section StyleSecMenusBoitesCorps */
  /* Corps des menus-boites */
  color:#000000;                         /* Clef StyleMenuBoiteCorpsFontColor */
  font-family:sans-serif;                /* Clef StyleMenuBoiteCorpsFontFamily */
  font-size:14px;                        /* Clef StyleMenuBoiteCorpsFontSize */
  font-weight:normal;                    /* Clef StyleMenuBoiteCorpsFontWeight */
  background: rgba(220, 220, 255, 0.5);  /* Clef StyleMenuBoiteCorpsBgColor */
  /* background:#60C4EA; */
  text-align:left;
  border:0;
  border-width:0;
  border-style: dotted;
  border-spacing:0;
  padding:5px;                           /* Clef StyleMenuBoiteCorpsPadding */
  border-radius: 0px 0px 10px 10px;      /* Clef StyleMenuBoiteCorpsRayCoins */
  cursor: grab;
}
.tlogo {
  /* Section StyleSecLogoTitre */
  /* Titre du logo */
  font-family:sans-serif;                /* Clef StyleLogoTitreFontFamily */
  font-size:14px;                        /* Clef StyleLogoTitreFontSize */
  font-weight:bold;                      /* Clef StyleLogoTitreFontWeight */
  background:#244459;                    /* Clef StyleLogoTitreBgColor */
  color:#FFFFFF;                         /* Clef StyleLogoTitreFontColor */
  text-align:left;
  padding:5px;                           /* Clef StyleLogoTitrePadding */
  border:0;
  border-width:0;
  border-spacing:0;
  border-radius: 10px 10px 0px 0px;      /* Clef StyleLogoTitreRayCoins */
}
.clogo {
  /* Section StyleSecLogoCorps */
  /* Corps du logo */
  color:#000000;                         /* Clef StyleLogoCorpsFontColor */
  font-family:sans-serif;                /* Clef StyleLogoCorpsFontFamily */
  font-size:14px;                        /* Clef StyleLogoCorpsFontSize */
  font-weight:normal;                    /* Clef StyleLogoCorpsFontWeight */
  background: rgba(220, 220, 255, 0.5);  /* Clef StyleLogoCorpsBgColor */
  text-align:left;
  padding:0px;
  border:0;
  border-width:0;
  border-spacing:0;
  border-radius: 0px 0px 10px 10px;      /* Clef StyleLogoCorpsRayCoins */
  cursor: grab;
}
.taccueil {
  /* Section StyleSecAccueilTitre */
  /* Titre de la page accueil */
  font-family:sans-serif;                /* Clef StyleAccueilTitreFontFamily */
  font-size:14px;                        /* Clef StyleAccueilTitreFontSize */
  font-weight:bold;                      /* Clef StyleAccueilTitreFontWeight */
  background:#244459;                    /* Clef StyleAccueilTitreBgColor */
  color:#FFFFFF;                         /* Clef StyleAccueilTitreFontColor */
  text-align:center;
  padding:5px;
  border:0;
  border-width:0;
  border-spacing:0;
  border-radius: 10px 10px 10px 10px;    /* Clef StyleAccueilTitreRayCoins */
}
.caccueil {
  /* Section StyleSecAccueilCorps */
  /* Corp de la page accueil */
  background: rgba(220, 220, 255, 0.0);  /* Clef StyleAccueilCorpsBgColor */
  color:#000000;                         /* Clef StyleAccueilCorpsFontColor */
  padding:0px;
  border:0;
  border-width:0;
  border-spacing:0;
  border-radius: 0px 0px 0px 0px;        /* Clef StyleAccueilCorpsRayCoins */
}
.paccueil {
  /* Section StyleSecAccueilPied */
  /* Pied de la page accueil */
  font-family:sans-serif;                /* Clef StyleAccueilPiedFontFamily */
  font-size:14px;                        /* Clef StyleAccueilPiedFontSize */
  font-weight:bold;                      /* Clef StyleAccueilPiedFontWeight */
  background: rgba(220, 220, 255, 0.5);  /* Clef StyleAccueilPiedBgColor */
  color:#000000;                         /* Clef StyleAccueilPiedFontColor */
  text-align:center;
  padding:5px;                           /* Clef StyleAccueilPiedPadding */
  border:0;
  border-width:0;
  border-spacing:0;
  border-radius: 0px 0px 0px 0px;        /* Clef StyleAccueilPiedRayCoins */
}
.selecteur {
  /* Styles pour le selecteur dans le pied de la page blog */
  font-family:sans-serif;
  font-size:14px;
  font-weight:bold;
  background:#000000;
  color: #FFFFFF;
  text-align:center;
  padding:0px;
}
.tblogsec {
  /* Section StyleSecBlogTitre */
  /* Titre de la section blog */
  font-family:sans-serif;                /* Clef StyleBlogSelTitreFontFamily */
  font-size:14px;                        /* Clef StyleBlogSelTitreFontSize */
  font-weight:bold;                      /* Clef StyleBlogSelTitreFontWeight */
  background:#000000;                    /* Clef StyleBlogSelTitreBgColor */
  color:#FFFFFF;                         /* Clef StyleBlogSelTitreFontColor */
  text-align:center;
  border:0;
  border-width:0;
  border-style: dotted;
  border-spacing:0;
  padding:5px;                           /* Clef StyleBlogSelTitrePadding */
  border-radius: 10px 10px 10px 10px;    /* Clef StyleBlogSelTitreRayCoins */
}
.cblogsec {
  /* Section StyleSecBlogCorps */
  /* Corps de la section blog */
  font-family:sans-serif;                /* Clef StyleBlogSelCorpsFontFamily */
  font-size:14px;                        /* Clef StyleBlogSelCorpsFontSize */
  font-weight:normal;                    /* Clef StyleBlogSelCorpsFontWeight */
  background: rgba(220, 220, 220, 0.0);  /* Clef StyleBlogSelCorpsBgColor */
  /* background:transparent;            Ne marche pas dans le selecteur de couleurs ! */   
  color:#000000;                         /* Clef StyleBlogSelCorpsFontColor */
  text-align:center;
  border:0;
  border-width:0;
  border-style: dotted;
  border-spacing:0;
  padding:0px;                           /* Clef StyleBlogSelCorpsPadding */
}
.pblogsec {
  /* Section StyleSecBlogPied */
  /* Pied de la section blog */
  font-family:sans-serif;                /* Clef StyleBlogSelPiedFontFamily */
  font-size:14px;                        /* Clef StyleBlogSelPiedFontSize */
  font-weight:normal;                    /* Clef StyleBlogSelPiedFontWeight */
  /* background: rgba(220, 220, 220, 1); */
  background:#000000;                    /* Clef StyleBlogSelPiedBgColor */
  color:#000000;                         /* Clef StyleBlogSelPiedFontColor */
  text-align:center;
  border:0;
  border-width:0;
  border-style: dotted;
  border-spacing:0;
  padding:5px;                           /* Clef StyleBlogSelPiedPadding */
  border-radius: 10px 10px 10px 10px;    /* Clef StyleBlogSelPiedRayCoins */
}
.tblog {
  /* Section StyleSecBilletTitre */
  /* Titre des billets du blog */
  font-family:sans-serif;                /* Clef StyleBilletTitreFontFamily */
  font-size:14px;                        /* Clef StyleBilletTitreFontSize */
  font-weight:bold;                      /* Clef StyleBilletTitreFontWeight */
  background:#244459;                    /* Clef StyleBilletTitreBgColor */
  color:#FFFFFF;                         /* Clef StyleBilletTitreFontColor */
  text-align:left;
  border:0;
  border-width:0;
  border-style: dotted;
  border-spacing:0;
  padding:5px;                           /* Clef StyleBilletTitrePadding */
  border-radius: 10px 10px 0px 0px;      /* Clef StyleBilletTitreRayCoins */
}
.cblog {
  /* Section StyleSecBilletCorps */
  /* Corps des billets du blog */
  font-family:sans-serif;                /* Clef StyleBilletCorpsFontFamily */
  font-size:14px;                        /* Clef StyleBilletCorpsFontSize */
  font-weight:normal;                    /* Clef StyleBilletCorpsFontWeight */
  /* background: rgba(220, 220, 220, 1); */
  background: rgba(179, 236, 253, 0.9);  /* Clef StyleBilletCorpsBgColor */
  color:#000000;                         /* Clef StyleBilletCorpsFontColor */
  text-align:justify;
  border:0;
  border-width:0;
  border-style: dotted;
  border-spacing:0;
  padding:10px;                          /* Clef StyleBilletCorpsPadding */
}
.pblog {
  /* Section StyleSecBilletPied */
  /* Pied des billets du blog */
  font-family:sans-serif;                /* Clef StyleBilletPiedFontFamily */
  font-size:14px;                        /* Clef StyleBilletPiedFontSize */
  font-weight:normal;                    /* Clef StyleBilletPiedFontWeight */
  /* background: rgba(220, 220, 220, 1); */
  background: rgba(179, 236, 253, 0.9);  /* Clef StyleBilletPiedBgColor */
  color:#000000;                         /* Clef StyleBilletPiedFontColor */
  text-align:right;
  border:0;
  border-width:0;
  border-style: dotted;
  border-spacing:0;
  padding:5px;                           /* Clef StyleBilletPiedPadding */
  border-radius: 0px 0px 10px 10px;      /* Clef StyleBilletPiedRayCoins */
}
.tarticle {
  /* Section StyleSecArticleTitre */
  /* Titre des articles */
  font-family:sans-serif;                /* Clef StyleArticleTitreFontFamily */
  font-size:14px;                        /* Clef StyleArticleTitreFontSize */
  font-weight:bold;                      /* Clef StyleArticleTitreFontWeight */
  background: rgba(10, 10, 10, 0.6);     /* Clef StyleArticleTitreBgColor */
  /* background:#244459; */
  color:#FFFFFF;                         /* Clef StyleArticleTitreFontColor */
  text-align:left;
  border:0;
  border-width:0;
  border-style: dotted;
  border-spacing:0;
  padding:5px;                           /* Clef StyleArticleTitrePadding */
  border-radius: 10px 10px 0px 0px;      /* Clef StyleArticleTitreRayCoins */
}
.carticle {
  /* Section StyleSecArticleCorps */
  /* Corps des articles */
  font-family:sans-serif;                /* Clef StyleArticleCorpsFontFamily */
  font-size:14px;                        /* Clef StyleArticleCorpsFontSize */
  font-weight:normal;                    /* Clef StyleArticleCorpsFontWeight */
  background: rgba(179, 236, 253, 0.8);  /* Clef StyleArticleCorpsBgColor */
  /* background:#B3ECFD; */
  color:#000000;                         /* Clef StyleArticleCorpsFontColor */
  text-align:justify;
  border:0;
  border-width:0;
  border-style: dotted;
  border-spacing:0;
  padding:10px;                          /* Clef StyleArticleCorpsPadding */
}
.particle {
  /* Section StyleSecArticlePied */
  /* Pied des articles */
  font-family:sans-serif;                /* Clef StyleArticlePiedFontFamily */
  font-size:14px;                        /* Clef StyleArticlePiedFontSize */
  font-weight:normal;                    /* Clef StyleArticlePiedFontWeight */
  background: rgba(179, 236, 253, 0.8);  /* Clef StyleArticlePiedBgColor */
  /* background:#B3ECFD; */
  color:#000000;                         /* Clef StyleArticlePiedFontColor */
  text-align:right;
  border:0;
  border-width:0;
  border-style: dotted;
  border-spacing:0;
  padding:5px;                           /* Clef StyleArticlePiedPadding */
  border-radius: 0px 0px 10px 10px;      /* Clef StyleArticlePiedRayCoins */
}
.image-adaptative {
  /* L'image prendra 100% de la largeur et hauteur de la cellule */
  width: 100%;
  height: 100%;
  /* Optionnel : object-fit: cover; pour rogner l'image sans la déformer */
  object-fit: cover; 
  /* Important : transforme l'image en bloc pour éviter les marges */
  display: block; 
}