/* nom : InfoS.css */ /* auteur: Gilles BOISAUBERT */ /* cre : 26/03/2008 */ /* maj : 11/12/2008 - debug pour FireFox et Amaya */ /* 12/01/2009 - MaN / SnipeInf XHTML */ /* notes : A partir et pour AfsInfo */ html {width: 100%; height: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: none; overflow: auto} body {font-family: "Verdana", sans-serif; font-size: 9pt; color: #808080; background: #303030; width: 100%; height: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: none; overflow: auto} /* standard */ strong {letter-spacing: 0.1em; font-weight: 200; text-decoration: none; padding: 1px 2px 1px 2px; border: 1px solid #B8B8CF} em {letter-spacing: 0.1em; font-weight: 700; font-style: italic; text-decoration: underline} .fltg {float: left} .fltd {float: right} .soul {text-decoration: underline} .barre {text-decoration: line-through} .ital {font-style: italic} .droit {font-style: normal} .gras {font-weight: 700} div.scroll {display: block; height: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: none; overflow: auto} div.centre {display: block; text-align: center} /* souvent pour faire flotter sur plusieurs paragraphes */ div.fltg {float: left; margin: 0px 10px 10px 0px; padding: 0px 0px 0px 0px; border: none} div.fltd {float: right; margin: 0px 0px 10px 10px; padding: 0px 0px 0px 0px; border: none} /* permet de recaler un branchement par exemple et de repartir sur les styles habituels */ div.clr {clear: both; margin: 0px; padding: 0px; border: none} /* Gestion des couleurs par type d'info et du fond entre nouvelle info et deja publie */ .new div.cal {font-family: "Verdana", sans-serif; font-size: 9pt; color: #BBBBBB; background: #505050} div.cal {font-family: "Verdana", sans-serif; font-size: 9pt; color: #BBBBBB} .new div.his {font-family: "Verdana", sans-serif; font-size: 9pt; color: #009000; background: #B0E0B0} div.his {font-family: "Verdana", sans-serif; font-size: 9pt; color: #009000} .new div.mat {font-family: "Verdana", sans-serif; font-size: 9pt; color: #8080F0; background: #404040} div.mat {font-family: "Verdana", sans-serif; font-size: 9pt; color: #8080F0} .new div.occ {font-family: "Verdana", sans-serif; font-size: 9pt; color: #D090D0; background: #482848} div.occ {font-family: "Verdana", sans-serif; font-size: 9pt; color: #D090D0} .new div.res {font-family: "Verdana", sans-serif; font-size: 9pt; color: #ECB900; background: #623100} div.res {font-family: "Verdana", sans-serif; font-size: 9pt; color: #ECB900} .new div.rgl {font-family: "Verdana", sans-serif; font-size: 9pt; color: #0000FF; background: #B0B0E0} div.rgl {font-family: "Verdana", sans-serif; font-size: 9pt; color: #0000FF} .new div.sit {font-family: "Verdana", sans-serif; font-size: 9pt; color: #808080; background: #303030} div.sit {font-family: "Verdana", sans-serif; font-size: 9pt; color: #808080} .new div.tun {font-family: "Verdana", sans-serif; font-size: 9pt; color: #202020; background: #A0A0C0} div.tun {font-family: "Verdana", sans-serif; font-size: 9pt; color: #202020} /* largeur des tableaux: 610px: soit en % soit 120 + (470 par deduction) de largeur minimale des colonnes et 4x5 d'espace entre bordure et 0 bordures */ div.cadinf1 /* info nouvelles */ {display: block; width: 610px; background: url("bckinfA.png") repeat-y 0px 0px; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; padding: 0px 0px 0px 0px; border: none; overflow: auto} div.cadinf2 /* info deja publiees */ {display: block; width: 610px; background: url("bckinfB.jpg") repeat-y 0px 0px; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; padding: 0px 0px 0px 0px; border: none; overflow: auto} /* pour les archives on centre et on fixe pour garder le titre du mois */ div.ctrarch /* centrage a 610 et hauteur à 59 car le fixe sort du flux */ {display: block; width: 610px; height: 59px; margin: 0px auto 0px auto; padding: 0px; border: none} div.cadinf3 /* fixe */ {display: block; position: fixed; width: 610px; background: url("bckinfA.png") repeat-y 0px 0px; margin: 0px; padding: 0px; border: none; overflow: auto} table.dates {font-family: "Verdana", sans-serif; font-size: 9pt; color: #B8B8CF; border-style: none; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; padding: 0px 0px 0px 0px; table-layout: fixed; width: 600px} table.new {font-family: "Verdana", sans-serif; font-size: 9pt; color: #EFEFF8; border-top: 1px solid #D00000; border-bottom: 1px solid #D00000; margin-left: auto; margin-right: auto; border-spacing: 5px; table-layout: fixed; width: 600px} table.fond {font-family: "Verdana", sans-serif; font-size: 9pt; text-align: center; color: #B8B8CF; margin-left: auto; margin-right: auto; table-layout: fixed; width: 600px} tbody {vertical-align:top; text-align: center} col.type {border-style: none; width: 120px} col.texte {border-style: none} col.dates {text-align: left; vertical-align: top; width: 50%} td.cal {color: #BBBBBB} td.his {color: #009000} td.occ {color: #D090D0} td.res {color: #ECB900} td.rgl {color: #0000FF} td.tun {color: #202020} /* ------ */ /* Textes */ /* ------ */ /* titre de chaque information */ h1.txt {clear: both; font-size: 9pt; font-weight: 700; letter-spacing: 0.05em; text-decoration: none; text-align: left; border-bottom: 1px solid; margin: 0px 0px 5px 0px} /* texte standard */ p.txt {text-align: justify; text-indent: 15px; line-height: 1.4em; margin: 5px 0px 2px 0px} /* texte standard centre pour mettre en exergue */ p.txtex {text-align: center; font-weight: 700; line-height: 1.4em; margin: 5px 0px 2px 0px; border: 1px solid} /* texte avec alignement sans retrait standard. Utilise lorsqu'il y a une cartouche a gauche */ p.txta {text-align: justify; line-height: 1.4em; margin: 5px 0px 2px 0px} p.txtac {text-align: center; line-height: 1.4em; margin: 5px 0px 2px 0px} /* texte avec alignement sans retrait standard en reinitialisant les flottements. */ /* Utilise pour aligner le texte après x logos et photos. */ p.txtacl {clear: both; text-align: justify; line-height: 1.4em; margin: 5px 0px 2px 0px} /* texte avec alignement avec retrait des autres lignes. Utilise pour attirer l'attention */ p.txtret {text-align: justify; line-height: 1.4em; margin: 5px 0px 2px 15px; text-indent: -15px} /* commentaire, interview, ... */ p.com {font-family: "Comic sans MS", cursive; text-align: justify; text-indent: 15px; margin: 5px 0px 2px 0px; padding: 5px 10px 5px 10px; background: #303030} p.comdeb {font-family: "Comic sans MS", cursive; text-align: justify; text-indent: 15px; margin: 5px 0px 0px 0px; padding: 5px 10px 0px 10px; background: #303030} p.commil {font-family: "Comic sans MS", cursive; text-align: justify; text-indent: 15px; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px; background: #303030} p.comfin {font-family: "Comic sans MS", cursive; text-align: justify; text-indent: 15px; margin: 0px 0px 2px 0px; padding: 0px 10px 5px 10px; background: #303030} /* texte avec alignement sans retrait standard. Utilise lorsqu'il y a une cartouche a gauche */ p.coma {font-family: "Comic sans MS", cursive; text-align: justify; margin: 5px 0px 2px 0px; padding: 5px 10px 5px 10px; background: #303030} /* règles SCIRA, ... */ div.txtrgl {text-align: justify; font-style: italic; letter-spacing: 0.05em; line-height: 1.4em; margin: 5px 0px 2px 0px; padding: 5px 10px 5px 10px; border: 1px solid} p.txtrgl {text-align: justify; font-style: italic; letter-spacing: 0.05em; line-height: 1.4em; margin: 5px 0px 2px 0px; padding: 5px 10px 5px 10px; border: 1px solid} /* tableau libre pour alignement divers: colonne de dates programme en particulier */ table.libre1 {font-family: "Verdana", sans-serif; font-size: 9pt; font-weight: 200; border-style: none; margin: 0px auto 0px 10px; padding: 0px 0px 0px 0px} th.libre1 {font-weight: 200; text-align: center; vertical-align: top; padding: 5px} td.libre1 {text-align: left; vertical-align: top; padding: 5px} /* ----------------------------------- */ /* Branchements vers d'autres fenetres */ /* ----------------------------------- */ p.brcht /* paragraphe de branchement apres un communique */ {font-size: 7pt; letter-spacing: 0.05em; text-align: right; line-height: 1.4em; margin: 5px 15px 2px 0px; color: #B8B8CF} span.txtbrcht /* branchement en cours de texte, pour une reference par exemple */ {font-size: 7pt; letter-spacing: 0.05em; color: #B8B8CF} a.brcht:link, a.brcht:visited, a.brcht:active {color: #B8B8CF; text-decoration: underline} a.brcht:hover {color: #FF3030; text-decoration: none} /* titre du tableau des dates a suivre */ p.dattit {text-align: center; background: #505050; margin: 0px 0px 0px 0px} p.datereg {text-align: left; margin: 0px 0px 0px 20px; padding: 2px 5px 2px 5px; text-indent: -20px} p.datepar {text-align: right; margin: 0px 0px 0px 0px; padding: 2px 5px 2px 5px} p.brchtdoc {float: right; margin: 0px; padding: 0px} span.datpubl {font-family: "Verdana", sans-serif; font-size: 0.9em; font-weight: 200; float: right} span.club {font-family: "Verdana", sans-serif; font-size: 0.9em} span.stit {font-weight: 700; letter-spacing: 0.05em; text-decoration: underline; text-align: left} span.rub1 {color: #B8B8CF} /* important */ span.imp {font-weight: 700; text-decoration: underline} span.imp2 {letter-spacing: 0.1em; color: #FFFFFF} span.imp3 {font-weight: 700; letter-spacing: 0.1em} /* nom des concurrents */ span.nom {font-variant: small-caps} /* Gestion du tableau de dates a suivre */ /* branchement texte */ span.brcht {display: block; float: right; color: #B8B8CF; margin: 0px; padding: 0px} span.datreg {color: #FFFF80} span.datins {color: #80FF80} span.datafs {color: #FF8080} /* ------------------------------------------ */ /* Gestion des Logos et des images incrustees */ /* ------------------------------------------ */ img.log {padding: 5px 0px 2px 0px} /* Les logos s'incrustent a gauche ou a droite et n'ont pas de bordure */ img.logflg {float: left; text-align: center; margin: 0px 10px 0px 0px; padding: 5px 5px 5px 5px; border: 0px solid #404040} img.logfld {float: right; text-align: center; margin: 0px 0px 0px 10px; padding: 5px 5px 5px 5px; border: 0px solid #404040} /* Cas du challenge Yves Le Bour */ a.ylb:active, a.ylb:link, a.ylb:visited {display: block; float: left; width: 125px; height: 14px; background: url("YLBBch1a.gif") no-repeat 0px 0px} a.ylb:hover {display: block; float: left; width: 125px; height: 14px; background: url("YLBBch1b.gif") no-repeat 0px 0px} /* Les photos sans agrandissement s'incrustent a gauche ou a droite et ont une bordure */ img.pht {text-align: center; margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; background: #000000; border: 1px solid #404040} /* avec une marge a droite si plusieurs photos dans un div flottant */ img.phtd {text-align: center; margin: 0px 5px 0px 0px; padding: 5px 5px 5px 5px; background: #000000; border: 1px solid #404040} img.phtflg {float: left; text-align: center; margin: 0px 10px 0px 0px; padding: 5px 5px 5px 5px; background: #000000; border: 1px solid #404040} img.phtfld {float: right; text-align: center; margin: 0px 0px 0px 10px; padding: 5px 5px 5px 5px; background: #000000; border: 1px solid #404040} /* Pour les photos avec agrandissement, les parametres sont en relation avec a.phtflbrcht, la bordure est dans le 'a' ainsi que l'incrustation */ img.phtflbrcht /* {margin: 0px; padding: 5px; background: #404040; border-style: none} */ {margin: 0px; padding: 5px; background: #404040; border-top: 1px solid #505050; border-right: 1px solid #303030; border-bottom: 1px solid #303030; border-left: 1px solid #505050} img.phtflbrcht:link, img.phtflbrcht:active, img.phtflbrcht:visited {margin: 0px; padding: 5px; background: #404040; border-top: 1px solid #505050; border-right: 1px solid #303030; border-bottom: 1px solid #303030; border-left: 1px solid #505050} img.phtflbrcht:hover, img.phtflbrcht:focus {margin: 0px; padding: 5px; background: #404040; border-top: 1px solid #A04040; border-right: 1px solid #700000; border-bottom: 1px solid #700000; border-left: 1px solid #A04040} img.incrust2 {float: left; margin: 2px 10px 2px 2px; border-style: none} /* Les parametres sont en relation avec img.phtflbrcht, la bordure est dans le 'a' */ /* On incruste a gauche ou a droite du texte */ /* Gauche */ a.phtflgbrcht:link, a.phtflgbrcht:visited, a.phtflgbrcht:active {float: left; text-decoration: none; margin: 0px 10px 0px 0px; padding: 0px; border-style: none} a.phtflgbrcht:hover {float: left; text-decoration: none; margin: 0px 10px 0px 0px; padding: 0px; border-style: none} /* Droite */ a.phtfldbrcht:link, a.phtfldbrcht:visited, a.phtfldbrcht:active /* {float: right; color: #B8B8CF; text-decoration: none; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; border-top: 1px solid #505050; border-right: 1px solid #303030; border-bottom: 1px solid #303030; border-left: 1px solid #505050} */ {float: right; text-decoration: none; margin: 0px 0px 0px 10px; padding: 0px; border-style: none} a.phtfldbrcht:hover {float: right; text-decoration: none; margin: 0px 0px 0px 10px; padding: 0px; border-style: none} /* {float: right; color: #FF3030; text-decoration: none; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; border-top: 1px solid #A04040; border-right: 1px solid #700000; border-bottom: 1px solid #700000; border-left: 1px solid #A04040} */ /* sans position */ a.phtbrcht:link, a.phtbrcht:visited, a.phtbrcht:active {text-decoration: none; margin: 0px; padding: 0px; border-style: none} a.phtbrcht:hover {text-decoration: none; margin: 0px; padding: 0px; border-style: none} /* tableau des dates */ a.ins {display: block; float: right} a.ins:link, a.ins:visited, a.ins:active {color: #B8B8CF; text-decoration: underline} a.ins:hover {color: #20FF20; background: #505050; text-decoration: none} a.ins2:link, a.ins2:visited, a.ins2:active {color: #B8B8CF; text-decoration: underline} a.ins2:hover, a.ins2:focus {color: #20FF20; background: #505050; text-decoration: none} a.reg {display: block; float: right} a.reg:link, a.reg:visited, a.reg:active {color: #B8B8CF; text-decoration: underline} a.reg:hover, a.reg:focus {color: #FFFF20; background: #505050; text-decoration: none} a.reg2:link, a.reg2:visited, a.reg2:active {color: #B8B8CF; text-decoration: underline} a.reg2:hover, a.reg2:focus {color: #FFFF20; background: #505050; text-decoration: none} a.afs {display: block; float: right} a.afs:link, a.afs:visited, a.afs:active {color: #B8B8CF; text-decoration: underline} a.afs:hover {color: #FF2020; background: #505050; text-decoration: none} a.afs2:link, a.afs2:visited, a.afs2:active {color: #B8B8CF; text-decoration: underline} a.afs2:hover {color: #FF2020; background: #505050; text-decoration: none} /* Icone et numero de flotte */ /* Pose de l'image de fond en bloc */ div.flotte {display: block; width: 120px; height: 26px; background-image: url("SClFlo02.gif"); background-repeat: no-repeat; background-position: center; margin: 5px 0px 2px 0px; padding: 0px 0px 0px 0px} /* gestion du decalage droite et de l'alignement vertical par paragraphe et decalage à partir du haut et de la GAUCHE pour convenir a IE, FireFox et Amaya */ p.numflot {display: block; width: 120px; height: 26px; background-color: transparent; margin: 0px 0px 0px 0px; padding: 6px 0px 0px 75px; text-align: left} /* branchement par le numero de flotte */ a.flotte:link, a.flotte:visited, a.flotte:active {text-decoration: none; color: #28283F} a.flotte:hover {text-decoration: none; color: #FF2028; font-weight: 700} /* LISTES */ ul.std {text-align: justify; line-height: 1.4em; margin: 0px 0px 5px 50px; list-style: disc outside} li.std {padding: 5px 0px 0px 0px} ul.std2 {text-align: justify; line-height: 1.4em; margin: 0px 0px 5px 25px; list-style: disc outside} li.std2 {padding: 5px 0px 0px 0px} /* liste avec separation des lignes plus marquee: utilisee surtout pour annoncer les dates de A+1 en fin d'annee */ ul.date {font-size: 1.0em; text-align: left; line-height: 2.0em; margin: 5px 0px 5px 0px; list-style-position: inside} li.date {list-style-type: none; text-indent: -15px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px} li.date:before {display: marker; content: "- "; text-align: justify; padding: 0px 0px 0px 0px} /* Liste avec compteur et tiret: utilisee dans les textes de modification des regles SCIRA */ ul.rglt {text-align: justify; line-height: 1.4em; margin: 0px 0px 5px 20px; list-style-position: outside; counter-reset: alrglt} ol.rglt {text-align: justify; line-height: 1.4em; margin: 0px 0px 5px 20px; list-style-position: outside; counter-reset: alrglt} li.rglt {list-style-type: none; text-indent: -20px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px} li.rglt:before {display: marker; content: counter(alrglt) "- ";counter-increment: alrglt} /* Article complet */ span.artcplt {color: #BFA8A8} /* Note en bas d'info */ span.note1 {font-family: "Tahoma", sans-serif; font-size: 7pt; font-weight: 200; color: #BFA8A8} /* Archives */ h1.arch {font-family: "Verdana", sans-serif; font-size: 0.9em; font-weight: 700; color: #EFEFF8; letter-spacing: 0.05em; text-decoration: none; text-align: left; border-top: 1px solid #808080; margin: 5px 10px 5px 10px; padding: 5px 0px 0px 10px} h2.arch {font-family: "Verdana", sans-serif; font-size: 0.8em; font-weight: 400; color: #EFEFF8; letter-spacing: 0.05em; text-decoration: none; text-align: left; margin: 5px 10px 0px 10px; padding: 5px 0px 0px 10px} p.brchtarch {font-size: 0.8em; letter-spacing: 0.05em; color: #B8B8CF; text-align: justify; line-height: 1.4em; margin: 0px 10px 2px 35px; color: #B8B8CF} td.titre {font-family: "Verdana", sans-serif; font-size: 12pt; letter-spacing: 0.05em; font-variant: small-caps; text-align: center; vertical-align: middle; color: #FFE8E8; height:30px} /* Le suffixe New change le fond / D, F et M gèrent les espaces début et fin */ td.rubr {font-family: "Verdana", sans-serif; font-size: 8pt; letter-spacing: 0.05em; line-height: 20px; font-weight: 600; text-align: justify; vertical-align: top; padding: 8px 5px 8px 10px; background: #202020} td.rubrnew {font-family: "Verdana", sans-serif; font-size: 8pt; letter-spacing: 0.05em; line-height: 20px; font-weight: 600; text-align: justify; vertical-align: top; padding: 8px 5px 8px 10px; background: #101010} td.text {line-height: 15px; text-align: justify; vertical-align: top; padding: 8px 10px 8px 5px; background: #202020} td.textnew {line-height: 15px; text-align: justify; vertical-align: top; padding: 8px 10px 8px 5px; background: #101010} td.textnewD {line-height: 15px; text-align: justify; vertical-align: top; padding: 8px 10px 0px 5px; color: #FFE8E8; background: #101010} td.textnewF {line-height: 15px; text-align: justify; vertical-align: top; padding: 0px 10px 8px 5px; color: #FFE8E8; background: #101010} td.textnewM {line-height: 15px; text-align: justify; vertical-align: top; padding: 0px 10px 0px 5px; color: #FFE8E8; background: #101010} td.date {font-family: "Tahoma", sans-serif; font-size: 7pt; letter-spacing: 0.1em; text-align: center; padding: 15px 0px 8px 0px; vertical-align: top; color: #FFE8E8; background: #404040} td.datenew {font-family: "Tahoma", sans-serif; font-size: 7pt; letter-spacing: 0.1em; text-align: center; padding: 10px 0px 8px 0px; vertical-align: top; color: #FF4040; background: #303030} td.brancht {font-family: "Verdana", sans-serif; font-size: 8pt; text-align: center; vertical-align: top; line-height: 15px; padding: 8px 0px 8px 0px; background: #404040} td.branchtnew {font-family: "Verdana", sans-serif; font-size: 8pt; text-align: center; vertical-align: top; line-height: 15px; padding: 8px 0px 8px 0px; background: #303030} td.ico {text-align: center; vertical-align: top; padding: 8px 3px 8px 3px; background: #404040} td.taille {font-family: "Verdana", sans-serif; font-size: 8pt; text-align: center; vertical-align: middle; color: #FFE8E8; background: #404040} td.asuiv {font-family: "Verdana", sans-serif; font-size: 8pt; text-align: center; vertical-align: top; color: #FF4040; background: #404040} /* Cellules vides couleurs: Fond / Date / Nouvelle date / Texte / Nouveau Texte */ td.videF {background: #000020} td.videDte {background: #404040} td.videDteN {background: #303030} td.videTxt {background: #202020} td.videTxtN {background: #101010} /* Bouton en colonne rubrique */ td.boutNew {text-align: center; vertical-align: middle; padding: 3px 3px 3px 3px; background: #101010} td.sepcl {background: #606060; height: 1px} td.sepclN0 {background: #909090; height: 1px} td.sepclN1 {background: #B0B0B0; height: 1px} td.sepclN2 {background: #F80000; height: 1px} /* td.sepclN {background: #606060; height: 2px} */ td.sepint {background: #505050; height: 1px} td.sepintN0 {background: #808080; height: 1px} td.sepintN1 {background: #A0A0A0; height: 1px} td.sepintN2 {background: #DB0000; height: 1px} /* td.sepintN {background: #505050; height: 2px} */ td.sepfd {background: #404040; height: 1px} td.sepF {background: #000020; height: 1px} a.text:link, a.text:visited, a.text:active {font-family: "Verdana", sans-serif; font-size: 8pt; letter-spacing: 0.05em; text-decoration: none; color: #CFB8B8; background: #505050} a.text:hover {font-family: "Verdana", sans-serif; font-size: 8pt; letter-spacing: 0.05em; text-decoration: none; color: #FFE8E8; background: #808080} /* Tableau des dates à suivre: inscriptions et événements */ table.asv {margin: 0px 0px 2px 0px; border: 1px solid #707070; background: #585050} tr.tasv {font-family: "Verdana", sans-serif; font-size: 8pt; font-variant: small-caps; text-align: center; vertical-align: middle; color: #FFE8E8; background: #585050} tr.dasv {font-family: "Tahoma", sans-serif; font-size: 8pt; text-align: left; vertical-align: top; color: #DFC8C8; background: #585050} td.tasvins {color: #80FF80; border-bottom: 1px solid #606060} td.tasveve {color: #FFFF80; border-bottom: 1px solid #606060; border-left: 1px solid #606060} td.dasvins {color: #80FF80; padding: 0px 1px 0px 1px} td.dasveve {color: #FFFF80; padding: 0px 1px 0px 1px} td.dasvigte {vertical-align: top} td.dasvrgte {vertical-align: top; border-left: 1px solid #606060} table.phred {margin: 5px 0px 0px 0px; border-style: none} col.phred {text-align: center; vertical-align: middle; padding: 5px 5px 5px 5px; background: #000000} col.logo {text-align: center; vertical-align: middle; padding: 5px 0px 5px 0px; background: #202020} col.logoNew {text-align: center; vertical-align: middle; padding: 5px 0px 5px 0px; background: #101010} col.phleg {font-family: "Tahoma", sans-serif; font-size: 7pt; text-align: justify; vertical-align: bottom; padding: 5px 5px 5px 5px; color: #CFB8B8; background: #202020} td.phent {border: 1px solid #404040} td.phred {text-align: center; vertical-align: middle; padding: 5px 5px 5px 5px; background: #000000; border: 1px solid #404040} td.phleg {font-family: "Tahoma", sans-serif; font-size: 7pt; text-align: justify; vertical-align: top; padding: 5px 5px 5px 5px; color: #CFB8B8; background: #202020} td.phleg2 {font-family: "Tahoma", sans-serif; font-size: 7pt; text-align: justify; vertical-align: top; padding: 5px 5px 0px 5px; color: #CFB8B8; background: #202020} td.phleg3 {font-family: "Verdana", sans-serif; font-size: 8pt; letter-spacing: 0.1em; font-weight: 600; text-align: center; vertical-align: top; padding: 10px 10px 10px 10px; color: #FFE8E8; background: #202020; border: 1px solid #FFE8E8} td.phtext1 {font-family: "Verdana", sans-serif; font-size: 8pt; letter-spacing: 0.05em; line-height: 15px; text-align: justify; vertical-align: top; padding: 5px 5px 0px 5px; color: #FFE8E8; background: #202020} /* div.newcal {color: #303030; background: #A0A0A0} */ div.newcal {text-align: center; color: #FFFFFF; background: #505050; border: 1px solid #BB0000} /* div.newhis {color: #009000; background: #A0A0A0} */ /* div.newhis {text-align: center; color: #C0C0C0; background: #009000; border: 1px solid #BB0000} */ div.newhis {text-align: center; color: #009000; background: #B0E0B0; border: 1px solid #BB0000} /* div.newsit {color: #404060; background: #A0A0A0} */ div.newsit {text-align: center; color: #C0C0B0; background: #505060; border: 1px solid #BB0000} /* div.newres {color: #ECB900; background: #A0A0A0} */ div.newres {text-align: center; color: #ECB900; background: #623100; border: 1px solid #BB0000} div.newrgl {text-align: center; color: #0000FF; background: #B0B0E0; border: 1px solid #BB0000} div.newtun {text-align: center; color: #202020; background: #A0A0C0; border: 1px solid #BB0000} div.newocc {text-align: center; color: #D090D0; background: #482848; border: 1px solid #BB0000} div.datnew {font-family: "Tahoma", sans-serif; font-size: 7pt; letter-spacing: 0.2em; text-align: center; padding: 3px 0px 3px 0px; color: #E00000; background: #C0C0C0; border-top: 1px solid #BB0000; border-bottom: 1px solid #BB0000} div.rubcal {color: #BBBBBB} div.rubhis {color: #009000} div.rubres {color: #ECB900} div.rubrgl {color: #0000FF} div.rubsit {color: #505060} div.rubtun {color: #707090} div.rubocc {color: #D090D0} div.decal {margin-left: 20px; text-indent: -20px; text-align: left} div.decal2 {margin-left: 20px; text-indent: -20px; text-align: justify} div.decal3 {margin-left: 20px; text-indent: -20px; text-align: justify; margin-bottom: 5px} div.retrait {margin-left: 40px; text-indent: -20px; text-align: left} div.mrgsupl {margin-left: 20px; text-align: justify} div.mrgsuplenc {margin-left: 20px; text-align: justify; border: 1px solid #404040} div.mrgsuplesp {margin-left: 20px; margin-top: 5px; text-align: justify} div.mrgsuplret {margin-left: 60px; text-indent: -40px; text-align: justify; margin-top: 5px} div.para {text-indent: 20px; text-align: justify} /* paragraphe avec retrait */ div.pararet {margin-left: 40px; text-indent: -20px; text-align: justify} div.esp {margin-top: 5px; text-align: justify} div.paraesp {text-indent: 20px; margin-top: 5px; text-align: justify} /* paragraphe de commentaires */ div.paracom {font-family: "Comic sans MS", cursive; text-indent: 20px; margin-top: 5px; padding: 5px 5px 5px 5px; text-align: justify; background: #303030} div.droit {text-align: right} div.logo {text-align: center; margin: 0px 0px 10px 0px} div.logo2 {text-align: center; margin: 2px 0px 2px 0px} div.logo3 {text-align: center; margin: 5px 0px 5px 0px} /* Les div permettent d'avoir un fond autour des photos */ div.photo {text-align: center; margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px ;background: #000000; border: 1px solid #404040} div.photo2 {float: left; text-align: center; margin: 0px 10px 0px 0px; padding: 5px 5px 5px 5px ;background: #000000; border: 1px solid #404040} div.photo3 {float: right; text-align: center; margin: 0px 0px 10px 0px; padding: 5px 5px 5px 5px ;background: #000000; border: 1px solid #404040} /* attention margin-top tient compte de celle du span photo */ div.photoctr {text-align: center; margin-top: 10px} a.flenewCal {font-family: "Verdana", sans-serif; font-size: 8pt; text-align: center; text-decoration: none; color: #404040; background: #A0A0A0; border-top: 1px solid #404040; border-right: 0px solid #404040; border-bottom: 1px solid #404040; border-left: 0px solid #404040} a.flenewCal:hover {font-weight: 900; text-decoration: none; background: #FFFFFF} div.fleCal {font-family: "Verdana", sans-serif; font-size: 8pt; text-align: center; text-decoration: none; color: #BBBBBB; background: #404040} a.fleCal {font-family: "Verdana", sans-serif; font-size: 8pt; text-align: center; text-decoration: none; color: #BBBBBB; background: #404040} a.fleCal:hover {font-weight: 900; text-decoration: none; color: #FFFFFF; background: #808080} a.flenewHis {font-family: "Verdana", sans-serif; font-size: 8pt; text-align: center; text-decoration: none; color: #009000; background: #B0E0B0} a.flenewHis:hover {font-weight: 900; text-decoration: none; background: #FFFFFF} a.fleHis {font-family: "Verdana", sans-serif; font-size: 8pt; text-align: center; text-decoration: none; color: #009000; background: #404040} a.fleHis:hover {font-weight: 900; text-decoration: none; color: #009000; background: #808080} a.flenewRes {font-family: "Verdana", sans-serif; font-size: 8pt; text-align: center; text-decoration: none; color: #ECB900; background: #623100} a.flenewRes:hover {font-weight: 900; text-decoration: none; background: #FFFFFF} a.fleRes {font-family: "Verdana", sans-serif; font-size: 8pt; text-align: center; text-decoration: none; color: #ECB900; background: #404040} a.fleRes:hover {font-weight: 900; text-decoration: none; background: #808080} a.flenewRgl {font-family: "Verdana", sans-serif; font-size: 8pt; text-align: center; text-decoration: none; color: #5050FF; background: #B0B0E0} a.flenewRgl:hover {font-weight: 900; text-decoration: none; color: #0000FF; background: #FFFFFF} a.fleRgl {font-family: "Verdana", sans-serif; font-size: 8pt; text-align: center; text-decoration: none; color: #5050FF; background: #404040} a.fleRgl:hover {font-weight: 900; text-decoration: none; color: #0000FF; background: #808080} a.flenewSit {font-family: "Verdana", sans-serif; font-size: 8pt; text-align: center; text-decoration: none; color: #505060; background: #A0A0A0} a.flenewSit:hover {font-weight: 900; text-decoration: none; color: #505060; background: #FFFFFF} a.fleSit {font-family: "Verdana", sans-serif; font-size: 8pt; text-align: center; text-decoration: none; color: #606070; background: #404040} a.fleSit:hover {font-weight: 900; text-decoration: none; color: #505060; background: #808080} a.flenewTun {font-family: "Verdana", sans-serif; font-size: 8pt; text-align: center; text-decoration: none; color: #202020; background: #A0A0C0} a.flenewTun:hover {font-weight: 900; text-decoration: none; color: #202020; background: #FFFFFF} a.fleTun {font-family: "Verdana", sans-serif; font-size: 8pt; text-align: center; text-decoration: none; color: #707090; background: #404040} a.fleTun:hover {font-weight: 900; text-decoration: none; color: #202020; background: #808080} a.flenewOcc {font-family: "Verdana", sans-serif; font-size: 8pt; text-align: center; text-decoration: none; color: #D090D0; background: #482848} a.flenewOcc:hover {font-weight: 900; text-decoration: none; color: #F0B0F0; background: #604060} a.fleOcc {font-family: "Verdana", sans-serif; font-size: 8pt; text-align: center; text-decoration: none; color: #D090D0; background: #404040} a.fleOcc:hover {font-weight: 900; text-decoration: none; color: #F0B0F0; background: #808080} a.taille {font-family: "Verdana", sans-serif; font-size: 8pt; text-align: center; text-decoration: none; color: #FFE8E8; background: #404040} a.taille:hover {font-weight: 600; text-decoration: none; background: #808080} a.bout:link, a.bout:visited, a.bout:active {color: #202020; text-decoration: none; border: 3px solid #202020} a.bout:hover {color: #202020; text-decoration: none; border-top: 3px solid #A0A0A0; border-right: 3px solid #606060; border-bottom: 3px solid #606060; border-left: 3px solid #A0A0A0} a.boutNew:link, a.boutNew:visited, a.boutNew:active {color: #303030; text-decoration: none; background: #303030; border-top: 3px solid #404040; border-right: 3px solid #202020; border-bottom: 3px solid #202020; border-left: 3px solid #404040} a.boutNew:hover {color: #202020; text-decoration: none; background: #505050; border-top: 3px solid #606060; border-right: 3px solid #404040; border-bottom: 3px solid #404040; border-left: 3px solid #606060} a.phocplt:link, a.phocplt:visited, a.phocplt:active {font-family: "Tahoma", sans-serif; font-size: 7pt; text-decoration: none; color: #CFB8B8; background: #505050} a.phocplt:hover {font-family: "Tahoma", sans-serif; font-size: 7pt; text-decoration: none; color: #FFE8E8; background: #808080} a.artcplt:link, a.artcplt:visited, a.artcplt:active {font-family: "Verdana", sans-serif; font-size: 7pt; text-decoration: none; color: #CFB8B8; background: #505050} a.artcplt:hover {font-family: "Verdana", sans-serif; font-size: 7pt; text-decoration: none; color: #FFE8E8; background: #808080} a.asvins:link, a.asvins:visited, a.asvins:active {font-family: "Verdana", sans-serif; font-size: 7pt; text-decoration: none; color: #404040; background: #909090} a.asvins:hover {font-family: "Verdana", sans-serif; font-size: 7pt; text-decoration: none; color: #80FF80; background: #509050} a.asveve:link, a.asveve:visited, a.asveve:active {font-family: "Verdana", sans-serif; font-size: 7pt; text-decoration: none; color: #404040; background: #909090} a.asveve:hover {font-family: "Verdana", sans-serif; font-size: 7pt; text-decoration: none; color: #FFFF80; background: #909050} img.brancht {border-style: none} img.flag {float: left; margin: 2px 10px 0px 0px; border: 1px solid #A0A0A0} img.incrust {float: right; margin: 2px 2px 2px 10px; border-style: none} span.photo {margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px ;background: #000000; border: 1px solid #404040} a.RCMRes01:active, a.RCMRes01:link, a.RCMRes01:visited {width: 70px; height: 105px; background-image: url("./Photos/Mal0802B.jpg"); border-top: 3px solid #808080; border-right: 3px solid #404040; border-bottom: 3px solid #404040; border-left: 3px solid #808080} a.RCMRes01:hover {width: 180px; height: 270px; background-image: url("./Photos/Mal0802C.jpg"); border: 3px solid #101010 }