/** Club Radio Amateur Sud-Ouest - CRASOI - VE2CEV */
/** 2020-05-20 CSS DU SITE WEB VE2CEV.QC.CA        */
/** 2022-11-08 MIS ENSEMBLE CSS DÉBUT, BANIERE ET PIED DE PAGE */
/** 2024-03 MODIFIE LES CSS DE L'ENTETE */
/** 2025-01-18 Ce CSS RENOMMÉ 1-DebutDesCSS.css */
/**2025-03-23 POUR ENLEVER LES MARGES EN HEUT ET EN BAS **/
/** ------------------------------------------------------------ */
/** DÉBUT DE PAGE DÉBUT                                          */
/** 2022-11-08 AJOUTÉ DANS ve2cev-debut&baniere&pied_de_page.css */
/** DERNIERE MODIF 2024-010-01                                   */
/** AJOUT DE html width: 100%;                                   */
/** DERNIERE MODIF 2024-10-26                                    */
/** AJOUT DE  html width: 100%;                                  */
/** AJOUT DE VarMonblueTresTresPale: AliceBlue                   */
/** CHANGER LE background-color: white;                          */
/** ------------------------------------------------------------ */
@charset "UTF-8";

/* 2015-01 - SUGGESTION POUR DONNER LE MÊME RENDU ENTRE FIREFOX ET GOOGLE CHROME */
/* 2025-01-18 ENLEVÉ ÇA CAUSE DES PROBLÈMES AVEC PLUSIEURS TAG */
/* * { */
  /* Margin: 0; */
  /* Padding: 0; */
/* } */

/* 2015-01 - POUR REFAIRE UNE MARGE EXTÉRIEURE AUX PARAGRAPHES. */
/* LE SIGNE PLUS CIBLE L’ÉLÉMENT IMMEDIATEMENT APRÈS ET AYANT LE MÊME PARENT */
/* p + p { */
  /* margin-top:10px; */
/* } */

/**2022-12-19 DÉCLARER VARIABLES */
/**2023-03-29 AJOUT VAR COULEUR  */
/**UTILISER AVEC var(--variable) */
/* 2024-010-01 - CHANGER :root { ... POUR * { ... */
* {
  --AffichageLargeurMax: 1150px;
  --AffichageLargeurMin: 300px;

  --VarMonBlanc: White;
  --VarMonNoir: Black;
  --VarMonGris: grey;
  /** LightGray plus clair que LightGrey */
  /** --VarMonGrisClair: LightGrey; */
  /** --VarMonGrisClair: LightGray; */
  /** Linen encore plus clair */
  --VarMonGrisClair: Linen;

  --VarMonBleu: Blue;
  --VarMonBleuMedium: MediumBlue;
  --VarMonBleuPale: LightBlue;
  --VarMonblueTresPale: LightCyan;
  /* AJOUT 2024-10-26 */
  --VarMonblueTresTresPale: AliceBlue;

  --VarMonIndigo: indigo;
  --VarMonViolet: purple;
  --VarMonMagenta: Magenta;
  --VarMonMarron: brown;

  --VarMonRouge: red;
  --VarMonJaune: Yellow;
  --VarMonJaunePale: LightYellow;
  --VarMonVert: Green;
  --VarMonVertFonce: DarkGreen;
}

/*********************************************************************/
/* 2025-01-18 - CES DÉFINITIONS DE STYLE PERSONNALISÉES ÉTAIENT AVANT DANS LE CSS 5-ContenuEtArticles.css */
/*********************************************************************/

 /** DÉFINIR DES COULEURS DE TEXTE */
.EnBlanc { color:var(--VarMonBlanc) !important ; }
.EnNoir { color:var(--VarMonNoir) !important; }
.EnGris { color:var(--VarMonGris) !important; }
.EnRouge { color:var(--VarMonRouge) !important; }
.EnOrange { color:var(--VarMonorange) !important; }
.EnJaune { color:var(--VarMonJaune) !important; }
.EnJaunePale { color:var(--VarMonJaunePale) !important; }
.EnVert { color:var(--VarMonVert) !important; }
.EnBleu { color:var(--VarMonBleuMedium) !important; }
.EnIndigo { color:var(--VarMonIndigo) !important; }
.EnViolet { color:var(--VarMonViolet) !important; }
.EnMagenta { color:var(--VarMonMagenta) !important; }
.EnMarron { color:var(--VarMonMarron) !important; }
/** FIN DES COULEURS DE TEXTE */

/** DÉFINIR DES COULEURS DE FOND */
.FondBlanc { background-color:var(--VarMonBlanc) !important; }
.FondNoir { background-color:var(--VarMonNoir) !important; }
.FontGris { background-color:var(--VarMonGris) !important; }
.fondRouge { background-color:var(--VarMonRouge) !important; }
.FondOrange { background-color:var(--VarMonorange) !important; }
.FondJaune { background-color:var(--VarMonJaune) !important; }
.FondJaunePale { background-color:var(--VarMonJaunePale) !important; }
.FondVert { background-color:var(--VarMonVert) !important; }
.FondBleu { background-color:var(--VarMonBleuMedium) !important; }
.FondIndigo { background-color:var(--VarMonIndigo) !important; }
.FondViolet { background-color:var(--VarMonViolet) !important; }
.FondMagenta { background-color:var(--VarMonMagenta) !important; }
.FondMarron { background-color:var(--VarMonMarron) !important; }
/** FIN DES COULEURS DE FOND */

/** DÉFINIR TEXTE EN GRAS */
.EnGras {
  font-weight: bold  !important;
  /** font-weight: bolder;   */
}

/** DÉFINIR TEXTE EN ITALIC */
.EnItalic { font-style: italic !important; }

/** DÉFINIR TEXTE SOULIGNÉ */
/** LES ACCENTS FONCTIONNENT */
.Souligné {text-decoration: underline !important; }

/** DÉFINIR TEXTE BARRÉ */
/** LES ACCENTS FONCTIONNENT */
.Barré {text-decoration: line-through !important; }

/** 2024-03-19 changé GrandsTitres pour MesTitres *** */
/** À UTILISER AVEC TAGS DIV, H1 À H6, SPAN OU P */
.MesTitres1 { margin: 0px; font-size: 2.0em !important; }
.MesTitres2 { margin: 0px; font-size: 1.8em !important; }
.MesTitres3 { margin: 0px; font-size: 1.6em !important; }
.MesTitres4 { margin: 0px; font-size: 1.4em !important; }
.MesTitres5 { margin: 0px; font-size: 1.2em !important; }
.MesTitres6 { margin: 0px; font-size: 1.0em !important; }
.MesTitres7 { margin: 0px; font-size: 0.8em !important; }
.MesTitres8 { margin: 0px; font-size: 0.6em !important; }
.MesTitres9 { margin: 0px; font-size: 0.4em !important; }

/** 2024-03-19 changé GrandsTitres pour MesTitres *** */
/** À UTILISER AVEC TAGS DIV, H1 À H6, SPAN OU P */
.Grosseur1 { margin: 0px; font-size: 2.0em !important; }
.Grosseur2 { margin: 0px; font-size: 1.8em !important; }
.Grosseur3 { margin: 0px; font-size: 1.6em !important; }
.Grosseur4 { margin: 0px; font-size: 1.4em !important; }
.Grosseur5 { margin: 0px; font-size: 1.2em !important; }
.Grosseur6 { margin: 0px; font-size: 1.0em !important; }
.Grosseur7 { margin: 0px; font-size: 0.8em !important; }
.Grosseur8 { margin: 0px; font-size: 0.6em !important; }
.Grosseur9 { margin: 0px; font-size: 0.4em !important; }

html {
  /* 2024-10-01 AJOUT POUR ENLEVER ERREURS DÉVORDEMENT */
  width: 100%;
  font-family: Arial, Sans-Serif;
  font-size: .95rem;
  /** 2020-03-15 AUGMENTER UN PEU L'ESPACE ENTRE LES LIGNES */
  line-height: 1.3;
  /** position: relative; */
  min-height: 100%;
  margin: 0px;
  padding: 0px;
  /** TOUJOURS AFFICHER LA BARRE DE DÉFILEMENT VERTICAL */
  overflow-y: scroll;
}

body {
  padding: 0;
  /* haut droite bas gauche */
  margin: 8px 0px 8px 0px;
  background-color: lightgrey;
  background-image: url(/images/fonds/fond_marbre-clair-ve2cev-1.jpg);
  background-image: url(/images/fonds/neige-fg1.png);
  background-attachment: fixed;
}

main, article, aside, footer, header, nav, section {
  display: block;
}

/** ENLEVER LE SOULIGNEMENT PAR DÉFAUT DES LIENS */
a { text-decoration: none; color: var(--VarMonBleuMedium); }
a:visited { color: var(--VarMonBleuMedium); }
a:hover { text-decoration: underline; color: var(--VarMonRouge); }

/** HEADING - ENLEVER PADDING ET MARGIN */
h1,h2,h3,h4,h5,h6 { margin: 0px; padding: 0px; }

/**2025-03-23 POUR ENLEVER LES MARGES EN HEUT ET EN BAS **/
.SansMarges {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.SansMargeEnHaut {
  margin-top: 0 !important;
}

.SansMargeEnBas {
  margin-bottom: 0 !important;
}

/** STRUCTURE DU SITE */
/** LARGEUR TOTALE DE LA PAGE- COMPREND LARGEUR DU MENU ET DU CONTENU */
#contenant_primaire {
  /**2022-12-18 UTILISER VARIABLES */
  max-width: var(--AffichageLargeurMax);
  min-width: var(--AffichageLargeurMin);
  /** PERMET DE CENTRER LA PAGE NOUVELLE FAÇON 2020-05-12 */
  margin: 0 auto;
  /**UNE PETITE MARGE EN HAUT */
  /** margin-top: 8px; */
  /**UNE PETITE MARGE EN BAS */
  /** margin-bottom: 10px;  */
  /**CHANGER LES BORDS POUR DE LA COULEUR ET UNE OMBRE 2020-05-12*/
  border-radius: 6px;
  border: 2px solid var(--VarMonBleuPale);
  box-shadow: 3px 3px 6px var(--VarMonNoir); /**fg 2021-11-07 */
  /** 2025-01-07 */
  /* background-image: url(/images/fonds/fond_marbre-clair-ve2cev-4.jpg); */
  /* background-color: white;               */
  /* background-color: WhiteSmoke; */
  /* background-color: #F8F8F8; */
  /* background-image: url(/images/fonds/brushed-alum-fg1.jpg); */
  background-image: url(/images/fonds/neige-fg1.png);
    background-image: url(/images/fonds/fond_marbre-clair-ve2cev-1.jpg);
}
/** ----------------------------------------- */
/** FIN DU CSS 1-DebutDesCSS.css              */
/** ----------------------------------------- */