* { margin: 0px; padding: 0px; } /*Reset CSS*/ table td { vertical-align: middle; } table td { vertical-align: center; } .acc2024progDate {color:#a02b93; font-size:22pt; font-weight:bold;} .acc2024progSepar1 {color:#000000; font-size:10pt; height:12px; } .acc2024progHoraire {color:#ff0000; font-size:20pt; } .acc2024progTextGras{color:#000000; font-size:20pt; font-weight:bold;} .acc2024progText {color:#000000; font-size:20pt; } /* 2DO le vert de vacances pour les titres de semaines ne devrait pas etre obligatoirement le meme */ /* que le vert de vacances apparaissant dans les titres des jours (voire dans les lignes de donnees.... */ /* =============================================================== */ /* caractères, polices et tailles */ * { font-family: Arial,sans-serif; } * { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; } /* MOD202404_LUCA */ /* body { font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; } Supprimé: MOD202404_LUCA */ .lien_pdf { font-size: 18px; } /* =============================================================== */ /* couleurs */ body { background-color:#ddd; } .container { background-color: #FFFFFF; } .header { background-color: #5D5E5D; } .titresDesMenus { color: #ED7D31; } .titresDesMenus { color: #080; } .titresDesMenus { color: #000; } /* MOD202404_LUCA texte noir*/ nav { background-color: white; } nav a { color: #000; } nav a:hover { color: #000; } /* =============================================================== */ /* cadres, dimensions, marges, positionss */ body { margin: 0; } /* =============================================================== */ /* =============================================================== */ .container { width: 90%; margin-left: auto; margin-right: auto; } .header { width: 100%; height: 100%; border-bottom: 1px solid #353635; } /* 1px: un bord inférieur */ .deroulant > a::after { font-size: 6px; content:" ▼"; } .travmenuentry { line-height: 90%; } nav ul { list-style-type: none; } .titresDesMenus { font-weight:bold; font-size: 24px; } .deroulant { border: 1px solid #080; border-bottom: 0px solid #000; } nav a { text-decoration: none; } a { text-decoration: none; font-weight: bold; } /* text-decoration: none empêche le soulignement des liens url... */ nav { width: 100%; margin: 0 auto; position: sticky; top: 0px;} nav { width: 100%; margin: 0 auto; position: sticky; top: 0px;} nav ul li { width: 25%; float: left; text-align: center; position: relative; } nav ul li { width: 11%; } /* pour ajouter une colonne de menu suppl. */ /* nav ul li { height: 100px; } /* réserve un peu de hauteur pour détacher le menu du reste */ nav ul li { height: 30px; } /* réserve un peu de hauteur pour détacher le menu du reste */ nav ul::after { content: ""; display: table; clear: both;} nav a { display: block; border-bottom: 2px solid transparent; } /* nav a:hover { border-bottom: 2px solid gold; } /* MOD202404_LUCA plus de soulignement... */ nav a:hover { background-color:#aaa; } /* MOD202404_LUCA plus de soulignement... */ /* */ /*nav > ul li:hover .sous { display: block; }*/ .menuheigh { height: 100%; } /* Mobile */ @media (max-width: 320px) { .deroulant { width: 100%; } } /* Small Tablets */ @media (min-width: 321px) and (max-width: 767px) { .deroulant { width: 100%; } } /* Small Desktops */ @media (min-width: 768px) and (max-width: 1096px) { .deroulant { width: 48%; } } /*.image01G, .image01D { border: 1px solid black; }*/ .image01G { height:650px; vertical-align: top; } .image01D { height:850px; vertical-align: top; } .image01Full { width:1200px; vertical-align: top; } .image01FuCadre { width:1156px; vertical-align: top; border: 1px solid black; } .image01Dtxt { border: 1px solid black; vertical-align: center; } .image01Dtxt { font-size:22px; } .image02txt, .image02tx2 { font-size:22px; vertical-align: center; } .image02txt, .image02tx2 { padding:22px 22px 22px 22px; } /* .image02tx2 { margin:22px 22px 22px 22px; padding:0 0 0 22px;} */ /* .image02txt { padding:22px 0 0 0; } */ .image02txt { border: 1px solid black; } /* .image02txt { padding-left:22px; } */ .progr01imag { width:1000px; border: 0px; vertical-align: top; justify-content: center; } .progr01imagReduit { width:700px; border: 0px; vertical-align: top; justify-content: center; } .asso01imag { height:650px; vertical-align: top; } .imageprinc { width:500px; border: 1px solid black; } .imageprinc { width:400px; border: 1px solid black; } /* MOD202404_LUCA */ .imageprinc { width:600px; border: 1px solid black; } .imageprinc { border: 1px solid grey; } .imageprincDoubl { width:1207px; border: 1px solid black; } .imageprincC { width:600px; border: 1px solid black; text-align:center; } .imageprincC2 { width:600px; border: 1px solid black; text-align:center; font-size:5px; } .imageprin100 { width:1800px; border: 1px solid black; } .titreJazz { color:#080; font-size:55px; font-weight:bold; } /* 2023/07/27 supprimé font-style:italic; */ /* .titreJazz { font-family: ClearSans, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; } /* added ClearSans 2023/07/27 ; commented-out: MOD202404_LUCA */ .tablcol1 { color:#000; font-size:20px; font-weight:bold; text-align:right; vertical-align:top; } .tablcol1g { color:#000; font-size:20px; font-weight:bold; text-align:left; vertical-align:top; } .tablcol1n { color:#000; font-size:20px; font-weight:normal; text-align:left; vertical-align:top; } .tablcol1nbig1 { color:#000; font-size:20px; font-weight:normal; text-align:left; vertical-align:top; } .tablcol1legend1 { color:#000; font-size:35px; font-weight:normal; text-align:center; vertical-align:top; } .tablcol2 { color:#000; font-size:20px; font-weight:normal; text-align:left; vertical-align:top; } .tablcolNo { color:#000; font-size:20px; font-weight:normal; text-align:left; vertical-align:top; width:30px; } .tablcolTi { color:#000; font-size:20px; font-weight:normal; text-align:left; vertical-align:top; width:400px; } .tablcolTo { color:#000; font-size:20px; font-weight:normal; text-align:left; vertical-align:top; width:40px; } .tablcolExp { color:#f00; font-size:20px; font-weight:normal; text-align:left; vertical-align:top; width:150px; } .tablcolSol { color:#000; font-size:20px; font-weight:normal; text-align:left; vertical-align:top; width:150px; } .tablcol2projet { color:#000; font-size:18px; font-weight:normal; text-align:left; vertical-align:top; font-style:italic; } .tablcol21 { color:#00f; font-size:20px; font-weight:normal; text-align:left; vertical-align:top; white-space: nowrap; width:100px; } .tablcol22 { color:#000; font-size:20px; font-weight:normal; text-align:left; vertical-align:top; } .tablemain , .tablepdf { border-collapse:collapse; border:0px solid black; padding:0px; margin:0px; vertical-align: top; } .icones { width:20px; height:20px; } .icones2 { width:30px; height:30px; } .carreduit { font-size:18px; font-weight:normal; line-height:12px; width:100px; } .carreduit { font-size:14px; font-weight:normal; line-height:14px; width:100px; } /* css pour mise en évidence en fonction de la confirmation ou de l'annulation de chaque session */ .confcss_T1_annNext { background-color:#f88; text-align: center; font-size:25px; } /* index, cadre annulation rouge */ .confcss_T1_confNext { background-color:#8f8; text-align: center; font-size:25px; } /* index, cadre confirmation vert */ .confcss_li_annHist , .confcss_li_annNext { text-decoration: line-through; background-color:#aaa; color:#666; } /* gris sur gris, biffé (lignes programme) */ .filrouge_futur { background-color:#fff; color:#000; font-weight:bold; font-style:normal; } .filrouge_obsolete { text-decoration: line-through; background-color:#aaa; color:#000; font-weight:normal; font-style:italic; } .confcss_li_confHist { } .confcss_li_confNext { font-weight:bold; } table , tr , td { border-collapse:collapse; border:0px solid black; padding:0px; margin:0px; vertical-align: top; } nav ul { height: 100%; background-color: #ddd; } /* réserve un peu de hauteur pour détacher le menu du reste */ nav ul li { height: 100%; background-color: #ddd; } /* réserve un peu de hauteur pour détacher le menu du reste */ /* Changements avril 2024 Luca MOD202404_LUCA */ .header { border-bottom: 0px; } /* suppr. filet sous menu: 0 MOD202404_LUCA */ body , /* MOD202404_LUCA */ nav ul , /* MOD202404_LUCA */ nav ul li { background-color:#fff; } /* était #ddd MOD202404_LUCA */ .deroulant { border: 0px solid #080; border-bottom: 0px solid #000; } /* MOD202404_LUCA */ .div001 { margin-left: 03%; margin-right: 03%; } /* MOD202404_LUCA */ .div001 { text-align: left; } /* .div001 { text-align: center; } /* MOD202404_LUCA pour passer en 2 colonnes */ .avisgris , .textgris { background-color: #ccc; } .avisjaun , .textjaun { background-color: #ff0; } .avisvert , .textvert { background-color: #0f0; } .avisnoir , .textnoir { background-color: #aaa; } .avisrouge , .textrouge { background-color: #f88; } .textTitre { font-size: 45px; font-weight: bold; } .textAnnon { font-size: 30px; font-weight: normal; } .avisgris , .avisnoir , .avisrouge , .avisjaun, .avisvert { font-size:22px; font-weight:normal; padding-left:22pt; width:100px; } .avisrouge { font-size:28px; } .alignright { text-align: right; vertical-align: top; } .widthseparimage { width:40px; } .tablSeparBlanc { border: 0px; } .photo_tit_section { background-color: #ccc; font-size:22pt; font-weight:bold; }