@CHARSET "UTF-8"; /********************************/ /* I-Composition Générale */ /********************************/ /***********************************************/ /* II-Inclusion des Polices de Caractère */ /***********************************************/ @font-face { font-family: 'BankGothic'; src: url('Fonts/bgothm.ttf'), url('Fonts/bgothm.eot') format('opentype'); /* pour IE */ } @font-face { font-family: 'Impact'; src: url('Fonts/impact.ttf'), url('Fonts/impact.eot') format('opentype'); /* pour IE */ } @font-face { font-family: 'Digit'; src: url('Fonts/ds-digi.ttf'), url('Fonts/ds-digi.eot') format('opentype'); /* pour IE */ } @font-face { font-family: 'Digit'; src: url('Fonts/ds-digib.ttf'), url('Fonts/ds-digib.eot') format('opentype'); /* pour IE */ font-weight:bold; } @font-face { font-family: 'Script'; src: url('Fonts/segoepr.ttf'), url('Fonts/segoepr.eot') format('opentype'); /* pour IE */ } /****************************************/ /* généralités sur les tableaux */ /****************************************/ td, tr, table, a, img { border-style: none;border-width: 0px; border-collapse: collapse; margin: 0px; padding: 0px; border-spacing: 0px; } /****************************************/ /* Structure générale */ /****************************************/ #TableauGeneral { height: 100%; width: 100%; position: absolute; top: 30px; } #CellMenu { width: 30%; vertical-align: top; } #SeparateurMenuPage { width: 50px; } #CellPage { vertical-align: top; } /********************/ /* Tableau Menu */ /********************/ #TableauMenu { width: 100%; text-align: right; /* alignement du texte right/left/center/justify */ } /****************************/ /* Titre et Sous-Titre */ /****************************/ /* caracteristiques de la ligne contenant le titre */ #RowTitreEtSousTitre, #CellTitreEtSousTitre { height: 150px; /* hauteur de la cellule */ vertical-align: top; /* position vertical du texte dans la cellule (top/middle/bottom) */ line-height: 16px; /* espacement entre chaque lignes ( ici entre le "sylvain deson" et le "architecte" ) à regler pour que les deux se chevauchent ou non selon ton choix */ text-align: right; /* alignement du texte right/left/center/justify */ } /* Texte: sylvain deson */ #Titre { /* police */ font-family: BankGothic, Charcoal, sans-serif; /* taille et style de la police */ font-size: 50px; /* hauteur des caractères en px */ font-weight: normal; /* si en gras ou pas valeurs possible: normal/bold/100/200/300/400/500/600/700/800/900 */ text-decoration: none; /* pour que les liens ne soient pas soulignés */ letter-spacing: -8px; /* espacement des lettres. normal: espacement par defaut des polices/ pour modifier, entrer un nombre de pixel, ex: letter-spacing:10px; */ word-spacing: normal; /* espacement des mots. normal: espacement par defaut des polices/ pour modifier, entrer un nombre de pixel, ex: word-spacing:10px; */ font-stretch: normal; /* étirement horizontal des caractères autres valeur: ultra-condensed/extra-condensed/condensed/semi-condensed/normal/semi-expanded/expanded/extra-expanded/ultra-expanded/ */ /* couleur du texte */ color: black; /* valeur possible: # + code hexadecimal (ex: #A4BB55) ou aqua/black/blue/fuschia/grey/green/lime/maroon/navy/olive/purple/red/silver/teal/white/yellow */ text-shadow: 1px 1px 3px #999; /* ombré (ne marche pas avec internet explorer) valeur: ?px ?px ?px #rvb; ou les deux premier ?px sont les decalage horizontal et vertical de l\'ombre, le troisieme ?px est la distance de dégradé et #rvb le code couleur en hexadecimal mais sur trois chiffres (couleur 12bits #000 noir, #F00 rouge, #FFF blanc....) */ } /* Texte: Architecte */ #SousTitre { /* police */ font-family: BankGothic, Charcoal, sans-serif; /* taille et style de la police */ font-size: 15px; /* hauteur des caractères en px */ font-weight: normal; /* si en gras ou pas valeurs possible: normal/bold/100/200/300/400/500/600/700/800/900 */ text-decoration: none; /* pour que les liens ne soient pas soulignés */ letter-spacing: -3px; /* espacement des lettres. normal: espacement par defaut des polices/ pour modifier, entrer un nombre de pixel, ex: letter-spacing:10px; */ word-spacing: normal; /* espacement des mots. normal: espacement par defaut des polices/ pour modifier, entrer un nombre de pixel, ex: word-spacing:10px; */ font-stretch: ultra-expanded; /* étirement horizontal des caractères autres valeur: ultra-condensed/extra-condensed/condensed/semi-condensed/normal/semi-expanded/expanded/extra-expanded/ultra-expanded/ */ /* couleur du texte */ color: #CCCCCC; /* valeur possible: # + code hexadecimal (ex: #A4BB55) ou aqua/black/blue/fuschia/grey/green/lime/maroon/navy/olive/purple/red/silver/teal/white/yellow */ /*text-shadow: 0px 2px 2px #CCC;*/ /* ombré (ne marche pas avec internet explorer) valeur: ?px ?px ?px #rvb; ou les deux premier ?px sont les decalage horizontal et vertical de l\'ombre, le troisieme ?px est la distance de dégradé et #rvb le code couleur en hexadecimal mais sur trois chiffres (couleur 12bits #000 noir, #F00 rouge, #FFF blanc....) */ } /********************/ /* Liens Menu */ /********************/ /* pour rappel: */ /* :hover = quand la souris survole le lien */ /* selected = pour la rubrique/sous-rubrique/projet qui est selectionné */ /* 1- Definition des polices et du style de texte */ .Rubrique, .Rubrique:hover, .RubriqueSelected, .RubriqueSelected:hover { /* police */ font-family: BankGothic, Charcoal, sans-serif; /* taille et style de la police */ font-size: 17px; /* hauteur des caractères en px */ font-weight: normal; /* si en gras ou pas valeurs possible: normal/bold/100/200/300/400/500/600/700/800/900 */ text-decoration: none; /* pour que les liens ne soient pas soulignés */ letter-spacing: -1px; /* espacement des lettres. normal: espacement par defaut des polices/ pour modifier, entrer un nombre de pixel, ex: letter-spacing:10px; */ word-spacing: normal; /* espacement des mots. normal: espacement par defaut des polices/ pour modifier, entrer un nombre de pixel, ex: word-spacing:10px; */ font-stretch: normal; /* étirement horizontal des caractères autres valeur: ultra-condensed/extra-condensed/condensed/semi-condensed/normal/semi-expanded/expanded/extra-expanded/ultra-expanded/ */ /* couleur du texte */ color: #D8D8D8; /* valeur possible: # + code hexadecimal (ex: #A4BB55) ou aqua/black/blue/fuschia/grey/green/lime/maroon/navy/olive/purple/red/silver/teal/white/yellow */ } .Rubrique:hover { /* couleur du texte */ color: #99BCEE; /* valeur possible: # + code hexadecimal (ex: #A4BB55) ou aqua/black/blue/fuschia/grey/green/lime/maroon/navy/olive/purple/red/silver/teal/white/yellow */ text-shadow: 1px 1px 3px #AAA; /* ombré (ne marche pas avec internet explorer) valeur: ?px ?px ?px #rvb; ou les deux premier ?px sont les decalage horizontal et vertical de l\'ombre, le troisieme ?px est la distance de dégradé et #rvb le code couleur en hexadecimal mais sur trois chiffres (couleur 12bits #000 noir, #F00 rouge, #FFF blanc....) */ } .RubriqueSelected { /* couleur du texte */ color: #D8D8D8; /* valeur possible: # + code hexadecimal (ex: #A4BB55) ou aqua/black/blue/fuschia/grey/green/lime/maroon/navy/olive/purple/red/silver/teal/white/yellow */ /*text-shadow: 1px 1px 2px #CCC;*/ /* ombré (ne marche pas avec internet explorer) valeur: ?px ?px ?px #rvb; ou les deux premier ?px sont les decalage horizontal et vertical de l\'ombre, le troisieme ?px est la distance de dégradé et #rvb le code couleur en hexadecimal mais sur trois chiffres (couleur 12bits #000 noir, #F00 rouge, #FFF blanc....) */ } .RubriqueSelected:hover { /* couleur du texte */ color: #99BCEE; /* valeur possible: # + code hexadecimal (ex: #A4BB55) ou aqua/black/blue/fuschia/grey/green/lime/maroon/navy/olive/purple/red/silver/teal/white/yellow */ text-shadow: 1px 1px 2px #CCC; /* ombré (ne marche pas avec internet explorer) valeur: ?px ?px ?px #rvb; ou les deux premier ?px sont les decalage horizontal et vertical de l\'ombre, le troisieme ?px est la distance de dégradé et #rvb le code couleur en hexadecimal mais sur trois chiffres (couleur 12bits #000 noir, #F00 rouge, #FFF blanc....) */ } .SousRubrique, .SousRubrique:hover, .SousRubriqueSelected, .SousRubriqueSelected:hover { /* police */ font-family: Arial; /* taille et style de la police */ font-size: 16px; /* hauteur des caractères en px */ font-weight: normal; /* si en gras ou pas valeurs possible: normal/bold/100/200/300/400/500/600/700/800/900 */ text-decoration: none; /* pour que les liens ne soient pas soulignés */ letter-spacing: -1px; /* espacement des lettres. normal: espacement par defaut des polices/ pour modifier, entrer un nombre de pixel, ex: letter-spacing:10px; */ word-spacing: normal; /* espacement des mots. normal: espacement par defaut des polices/ pour modifier, entrer un nombre de pixel, ex: word-spacing:10px; */ font-stretch: normal; /* étirement horizontal des caractères valeurs possibles: ultra-condensed/extra-condensed/condensed/semi-condensed/normal/semi-expanded/expanded/extra-expanded/ultra-expanded/ */ /* couleur du texte */ color: #ACACAC; /* valeur possible: # + code hexadecimal (ex: #A4BB55) ou aqua/black/blue/fuschia/grey/green/lime/maroon/navy/olive/purple/red/silver/teal/white/yellow */ } .SousRubrique:hover { /* couleur du texte */ color: #99CCFF; /* valeur possible: # + code hexadecimal (ex: #A4BB55) ou aqua/black/blue/fuschia/grey/green/lime/maroon/navy/olive/purple/red/silver/teal/white/yellow */ text-shadow: 1px 1px 3px #999; /* ombré (ne marche pas avec internet explorer) valeur: ?px ?px ?px #rvb; ou les deux premier ?px sont les decalage horizontal et vertical de l\'ombre, le troisieme ?px est la distance de dégradé et #rvb le code couleur en hexadecimal mais sur trois chiffres (couleur 12bits #000 noir, #F00 rouge, #FFF blanc....) */ } .SousRubriqueSelected { /* couleur du texte */ color: #333333; /* valeur possible: # + code hexadecimal (ex: #A4BB55) ou aqua/black/blue/fuschia/grey/green/lime/maroon/navy/olive/purple/red/silver/teal/white/yellow */ /*text-shadow: 1px 1px 2px #999;*/ /* ombré (ne marche pas avec internet explorer) valeur: ?px ?px ?px #rvb; ou les deux premier ?px sont les decalage horizontal et vertical de l\'ombre, le troisieme ?px est la distance de dégradé et #rvb le code couleur en hexadecimal mais sur trois chiffres (couleur 12bits #000 noir, #F00 rouge, #FFF blanc....) */ } .SousRubriqueSelected:hover { /* couleur du texte */ color: #99CCFF; /* valeur possible: # + code hexadecimal (ex: #A4BB55) ou aqua/black/blue/fuschia/grey/green/lime/maroon/navy/olive/purple/red/silver/teal/white/yellow */ text-shadow: 1px 1px 3px #999; /* ombré (ne marche pas avec internet explorer) valeur: ?px ?px ?px #rvb; ou les deux premier ?px sont les decalage horizontal et vertical de l\'ombre, le troisieme ?px est la distance de dégradé et #rvb le code couleur en hexadecimal mais sur trois chiffres (couleur 12bits #000 noir, #F00 rouge, #FFF blanc....) */ } .Projet, .Projet:hover, .ProjetSelected, .ProjetSelected:hover { /* police */ font-family: BankGothic, Charcoal, sans-serif; /* taille et style de la police */ font-size: 18px; /* hauteur des caractères en px */ font-weight: normal; /* si en gras ou pas valeurs possible: normal/bold/100/200/300/400/500/600/700/800/900 */ text-decoration: none; /* pour que les liens ne soient pas soulignés */ letter-spacing: -1px; /* espacement des lettres. normal: espacement par defaut des polices/ pour modifier, entrer un nombre de pixel, ex: letter-spacing:10px; */ word-spacing: normal; /* espacement des mots. normal: espacement par defaut des polices/ pour modifier, entrer un nombre de pixel, ex: word-spacing:10px; */ font-stretch: normal; /* étirement horizontal des caractères autres valeur: ultra-condensed/extra-condensed/condensed/semi-condensed/normal/semi-expanded/expanded/extra-expanded/ultra-expanded/ */ /* couleur du texte */ color: #888888; /* valeur possible: # + code hexadecimal (ex: #A4BB55) ou aqua/black/blue/fuschia/grey/green/lime/maroon/navy/olive/purple/red/silver/teal/white/yellow */ } .Projet:hover { /* couleur du texte */ color: #77AAFF; /* valeur possible: # + code hexadecimal (ex: #A4BB55) ou aqua/black/blue/fuschia/grey/green/lime/maroon/navy/olive/purple/red/silver/teal/white/yellow */ text-shadow: 1px 1px 3px #999; /* ombré (ne marche pas avec internet explorer) valeur: ?px ?px ?px #rvb; ou les deux premier ?px sont les decalage horizontal et vertical de l\'ombre, le troisieme ?px est la distance de dégradé et #rvb le code couleur en hexadecimal mais sur trois chiffres (couleur 12bits #000 noir, #F00 rouge, #FFF blanc....) */ } .ProjetSelected { /* couleur du texte */ color: #333333; /* valeur possible: # + code hexadecimal (ex: #A4BB55) ou aqua/black/blue/fuschia/grey/green/lime/maroon/navy/olive/purple/red/silver/teal/white/yellow */ text-shadow: 1px 1px 3px #999; /* ombré (ne marche pas avec internet explorer) valeur: ?px ?px ?px #rvb; ou les deux premier ?px sont les decalage horizontal et vertical de l\'ombre, le troisieme ?px est la distance de dégradé et #rvb le code couleur en hexadecimal mais sur trois chiffres (couleur 12bits #000 noir, #F00 rouge, #FFF blanc....) */ } .ProjetSelected:hover { /* couleur du texte */ color: #77AAFF; /* valeur possible: # + code hexadecimal (ex: #A4BB55) ou aqua/black/blue/fuschia/grey/green/lime/maroon/navy/olive/purple/red/silver/teal/white/yellow */ text-shadow: 1px 1px 3px #999; /* ombré (ne marche pas avec internet explorer) valeur: ?px ?px ?px #rvb; ou les deux premier ?px sont les decalage horizontal et vertical de l\'ombre, le troisieme ?px est la distance de dégradé et #rvb le code couleur en hexadecimal mais sur trois chiffres (couleur 12bits #000 noir, #F00 rouge, #FFF blanc....) */ } /* 2- Definition des espacements et de l'alignement du texte */ .RowRubrique, .RowRubriqueSelected { height: 45px; /* hauteur de la cellule */ margin: 0px; /* marge (pour definir une marge seulement en haut/en bas/a droite/a gauche, utilise margin-top:??px;/margin-bottom:??px;/margin-left:??px;/margin-right:??px;)*/ vertical-align: top; /* position vertical du texte dans la cellule (top/middle/bottom) */ line-height: 10px; /* espacement entre chaque ligne de texte (si le nom d\'une rubrique est trop long pour tenir sur une ligne) */ } .RowRubriqueSelected { height: 25px; /* hauteur de la cellule */ } .RowSousRubrique, .RowSousRubriqueSelected { height: 15px; /* hauteur de la cellule */ margin: 0px; /* marge (pour definir une marge seulement en haut/en bas/a droite/a gauche, utilise margin-top:??px;/margin-bottom:??px;/margin-left:??px;/margin-right:??px;)*/ vertical-align: top; /* position vertical du texte dans la cellule (top/middle/bottom) */ line-height: 12px; /* espacement entre chaque ligne de texte (si le nom d\'une sous-rubrique est trop long pour tenir sur une ligne) */ } .RowSousRubriqueSelected { height: 15px; /* hauteur de la cellule */ } .RowProjet, .RowProjetSelected { height: 12px; /* hauteur de la cellule */ margin: 0px; /* marge (pour definir une marge seulement en haut/en bas/a droite/a gauche, utilise margin-top:??px;/margin-bottom:??px;/margin-left:??px;/margin-right:??px;)*/ vertical-align: top; /* position vertical du texte dans la cellule (top/middle/bottom) */ line-height: 12px; /* espacement entre chaque ligne de texte (si le nom d\'une sous-rubrique est trop long pour tenir sur une ligne) */ } .RowProjetSelected { height: 12px; /* hauteur de la cellule */ } /* 3- Séparateurs */ .SeparateurRubrique { height: 30px; /* hauteur de la cellule */ } .SeparateurSousRubrique { height: 20px; /* hauteur de la cellule */ } /****************/ /* Page */ /****************/ #TableauPage { position: relative; top: 0px; left: 0px; text-align: left; } .RowBase { height: 130px; width: 100%; } /********************/ /* TableauDonnees */ /********************/ #TableauDonnees { height: 100%; } .RowLiensProjet, .CellLiensProjet { height: 380px; /* hauteur de la cellule contenant l\'image centrale */ } /********************************/ /* Liste projets dans page */ /********************************/ .RowProjetPage { height: 20px; /* hauteur de la cellule */ margin: 0px; /* marge (pour definir une marge seulement en haut/en bas/a droite/a gauche, utilise margin-top:??px;/margin-bottom:??px;/margin-left:??px;/margin-right:??px;)*/ vertical-align: top; /* position vertical du texte dans la cellule (top/middle/bottom) */ line-height: 10px; /* espacement entre chaque ligne de texte (si le nom d\'une rubrique est trop long pour tenir sur une ligne) */ } .ProjetPage { /* police */ font-family: Arial; /* taille et style de la police */ font-size: 15px; /* hauteur des caractères en px */ font-weight: normal; /* si en gras ou pas valeurs possible: normal/bold/100/200/300/400/500/600/700/800/900 */ text-decoration: none; /* pour que les liens ne soient pas soulignés */ letter-spacing: normal; /* espacement des lettres. normal: espacement par defaut des polices/ pour modifier, entrer un nombre de pixel, ex: letter-spacing:10px; */ word-spacing: normal; /* espacement des mots. normal: espacement par defaut des polices/ pour modifier, entrer un nombre de pixel, ex: word-spacing:10px; */ font-stretch: normal; /* étirement horizontal des caractères autres valeur: ultra-condensed/extra-condensed/condensed/semi-condensed/normal/semi-expanded/expanded/extra-expanded/ultra-expanded/ */ /* couleur du texte */ color: grey; /* valeur possible: # + code hexadecimal (ex: #A4BB55) ou aqua/black/blue/fuschia/grey/green/lime/maroon/navy/olive/purple/red/silver/teal/white/yellow */ } .ProjetPage:hover { /* couleur du texte */ color: #99CCFF; /* valeur possible: # + code hexadecimal (ex: #A4BB55) ou aqua/black/blue/fuschia/grey/green/lime/maroon/navy/olive/purple/red/silver/teal/white/yellow */ text-shadow: 1px 1px 5px #559; /* ombré (ne marche pas avec internet explorer) valeur: ?px ?px ?px #rvb; ou les deux premier ?px sont les decalage horizontal et vertical de l\'ombre, le troisieme ?px est la distance de dégradé et #rvb le code couleur en hexadecimal mais sur trois chiffres (couleur 12bits #000 noir, #F00 rouge, #FFF blanc....) */ } /********************/ /* Miniatures */ /********************/ #MiniatureProjet, .RowMiniatureProjet /* Miniature affiché lors du parcours de la liste de projet */ { height: 100px; /* Hauteur des miniatures */ } #MiniatureProjet /* Miniature affiché lors du parcours de la liste de projet */ { position: relative; bottom: 0px; left: 0px; vertical-align: bottom; padding: 0px; height: 100px; /* Hauteur des miniatures */ /* Ombre portée pour les miniatures */ -moz-box-shadow: 1px 1px 3px #AAA; /* Firefox */ -webkit-box-shadow: 1px 1px 3px #AAA; /* Safari and Chrome */ box-shadow: 1px 1px 3px #AAA; filter:progid:DXImageTransform.Microsoft.Shadow(color='#AAAAAA', Direction=135, Strength=2); zoom: 1; /* pour IE */ } /****************************/ /* Numero Images et Infos */ /****************************/ .RowNumero { height: 15px; /* Hauteur de la ligne contenant les numeros */ width: 100%; } .CellNumero { width: 10px; /* Largeur des cellules contenant les numeros */ text-align: center; /* Alignement des numeros à l'interieur des cellules (left/right/center/justify) */ } .LienImages, .LienImagesSelected { /* police */ font-family: Digit; /* taille et style de la police */ font-size: 12px; /* hauteur des caractères en px */ font-weight: bold; /* si en gras ou pas valeurs possible: normal/bold/100/200/300/400/500/600/700/800/900 */ text-decoration: none; /* pour que les liens ne soient pas soulignés */ letter-spacing: normal; /* espacement des lettres. normal: espacement par defaut des polices/ pour modifier, entrer un nombre de pixel, ex: letter-spacing:10px; */ word-spacing: normal; /* espacement des mots. normal: espacement par defaut des polices/ pour modifier, entrer un nombre de pixel, ex: word-spacing:10px; */ font-stretch: normal; /* étirement horizontal des caractères autres valeur: ultra-condensed/extra-condensed/condensed/semi-condensed/normal/semi-expanded/expanded/extra-expanded/ultra-expanded/ */ /* couleur du texte */ color: black; /* valeur possible: # + code hexadecimal (ex: #A4BB55) ou aqua/black/blue/fuschia/grey/green/lime/maroon/navy/olive/purple/red/silver/teal/white/yellow */ /*pour que le lien remplisse toute la case du tableau (ne pas modifier)*/ display: block; width: 100%; height: 100%; } .LienImages:hover { /* couleur du texte */ color: white; /* couleur de fond */ background: #99CCFF; } .LienImagesSelected { /* couleur du texte */ color: white; /* couleur de fond */ background: black; } /********************/ /* Image Centrale */ /********************/ .RowCentrale, .CellCentrale { height: 380px; /* hauteur de la cellule contenant l'image centrale */ } #ImageCentrale { height: 380px; /* hauteur de l'image centrale */ position: relative; bottom: 0px; left: 0px; margin: 0px; padding: 0px; /* Ombre portée pour les images */ -moz-box-shadow: 1px 1px 3px #AAA; /* Firefox */ -webkit-box-shadow: 1px 1px 3px #AAA; /* Safari and Chrome */ box-shadow: 1px 1px 3px #AAA; filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=2); zoom: 1; /* pour IE */ } /****************************/ /* Contact Auteur Photo */ /****************************/ #RowAuteurPhoto { height: 15px; /* hauteur de la cellule */ margin: 0px; /* marge (pour definir une marge seulement en haut/en bas/a droite/a gauche, utilise margin-top:??px;/margin-bottom:??px;/margin-left:??px;/margin-right:??px;)*/ vertical-align: top; /* position vertical du texte dans la cellule (top/middle/bottom) */ line-height: 12px; /* espacement entre chaque ligne de texte (si le nom d\'une rubrique est trop long pour tenir sur une ligne) */ text-align: left; /* alignement du texte right/left/center/justify */ } #ContactAuteurPhoto { /* police */ font-family: Script; /* taille et style de la police */ font-size: 10px; /* hauteur des caractères en px */ font-weight: bold; /* si en gras ou pas valeurs possible: normal/bold/100/200/300/400/500/600/700/800/900 */ text-decoration: none; /* pour que les liens ne soient pas soulignés */ letter-spacing: -1px; /* espacement des lettres. normal: espacement par defaut des polices/ pour modifier, entrer un nombre de pixel, ex: letter-spacing:10px; */ word-spacing: normal; /* espacement des mots. normal: espacement par defaut des polices/ pour modifier, entrer un nombre de pixel, ex: word-spacing:10px; */ font-stretch: normal; /* étirement horizontal des caractères autres valeur: ultra-condensed/extra-condensed/condensed/semi-condensed/normal/semi-expanded/expanded/extra-expanded/ultra-expanded/ */ /* couleur du texte */ color: black; /* valeur possible: # + code hexadecimal (ex: #A4BB55) ou aqua/black/blue/fuschia/grey/green/lime/maroon/navy/olive/purple/red/silver/teal/white/yellow */ } #ContactAuteurPhoto:hover { /* police */ font-family: Script; /* taille et style de la police */ font-size: 10px; /* hauteur des caractères en px */ font-weight: bold; /* si en gras ou pas valeurs possible: normal/bold/100/200/300/400/500/600/700/800/900 */ text-decoration: none; /* pour que les liens ne soient pas soulignés */ letter-spacing: -1px; /* espacement des lettres. normal: espacement par defaut des polices/ pour modifier, entrer un nombre de pixel, ex: letter-spacing:10px; */ word-spacing: normal; /* espacement des mots. normal: espacement par defaut des polices/ pour modifier, entrer un nombre de pixel, ex: word-spacing:10px; */ font-stretch: normal; /* étirement horizontal des caractères autres valeur: ultra-condensed/extra-condensed/condensed/semi-condensed/normal/semi-expanded/expanded/extra-expanded/ultra-expanded/ */ /* couleur du texte */ color: #99CCFF; /* valeur possible: # + code hexadecimal (ex: #A4BB55) ou aqua/black/blue/fuschia/grey/green/lime/maroon/navy/olive/purple/red/silver/teal/white/yellow */ } /****************************/ /* Page d 'admin */ /****************************/ #TableauErreur { margin: 5px; padding: 30px; border-collapse: collapse; line-height: 15px; color: #7777AB; } #TableauAdmin { text-align: left; height: 100%; width: 400px; margin: 0px; padding: 0px; border-collapse: collapse; line-height: 0px; }