/* Fichier StyVR.css, feuille de style principale du site "VieRurale.com". */ /* Définition des couleurs de fond ********************************************/ /*body { background-color:silver; }*/ body.entete { background-color:#FFFFCC; } /* Ciel 174,238,238 #AFEEEE */ body.marge { background-color:#FFFFCC; } /* Verdure 152,251,152 #98FB98 */ body.corps { background-color:#FDF0B4; } /* Verdure 152,251,152 #98FB98 */ body.pied { background-color:#EEE8AA; } /* Terre 238,232,170 #EEE8AA */ /* Définition de la police pour les éléments de texte *************************/ /* p = paragraphe, h? = = heading = titre, ul = unordered list = liste non */ /* triée, ol = ordered list = liste numérotée, li = list item = élément de la */ /* liste, div = division = passage, td = table data = donnée de tableau */ /* th = table header = entête de tableau, address = adresse (internet) */ /* blockquote = citation */ p,h1,h2,h3,h4,h5,h6,ul,ol,li,div,td,th,address,blockquote { font-family:Arial,sans-serif; } /* Définition des tailles */ /* Plus gros titre. À utiliser de manière exceptionnelle */ h1 { font-size:18pt; } /* Titre de page */ h2 { font-size:14pt; } /* Titres intermédiaires */ h3 { font-size:12pt; } /* Titres de navigation (marge de gauche) */ h4 { font-size:10pt; } /* Titres de texte (corps) */ h5 { font-size:10pt; } /* Titres de texte (corps) */ h6 { font-size:10pt;font-weight:bold;color:teal; } /* Textes normaux */ p,ul,ol,li,th,td,address { font-size:10pt;margin-top:5px;margin-bottom:5px; } /* Le style "Normal" est justifié */ p { text-align:justify; } /* Définition des titres ******************************************************/ /* Les titres particuliers (rubriques, etc.) sont réalisés unitairement */ /* Un titre doit avoir le même rendu, même s'il est dans un environnement */ /* particulier (couche, tableau ou texte) */ /* Titre de section : position dans le site => même fond que le corps */ td.section { background-color:#FDF0B4; border-top:0px;border-bottom:0px;border-left:1px;border-right:1px; } /* Titre de dossier, d'article => Gras sur fond yellow (plus souligné si lien)*/ div.dossier { background-color:#FFFF00;text-align:center;font-weight:bold; color:navy;text-decoration:underline;cursor:pointer } td.dossier { background-color:#FFFF00;text-align:center;font-weight:bold; } h4.dossier { background-color:#FFFF00;text-align:center; margin-top:0px;margin-bottom:5px; } h5.dossier { background-color:#FFFF99;text-align:center; margin-top:0px;margin-bottom:5px; } h6.dossier { background-color:#F0F066;text-align:center; margin-top:0px;margin-bottom:5px; } /* Titre de regroupement de page */ /* Renseignements généraux => Entête de texte */ table.rg { background-color:#98FB98;padding:0px;margin:0px; border-width:thin;border-color:#90EE90;border-style:solid; } td.rg { font-family:Verdana,Courier;font-size:xx-small; text-align:center;border-width:thin;border-color:lightgreen;border-style:solid; } /* Listes => Entête de colonne, section, erreur */ table.lst { padding:0px;margin:0px; border-width:thin;border-color:#90EE90;border-style:solid; } td.lst { font-family:Verdana,Courier; text-align:center; } td.lstEntete { background-color:#FFCC99;padding:0px;margin:0px;font-family:Verdana,Courier; text-align:center; } td.lstSection { background-color:#FFCCFF;font-family:Verdana,Courier; text-align:center; } td.lstErreur { background-color:red;font-family:Verdana,Courier; text-align:center; } /* Corps de texte particuliers */ /* Utilisé pour les titres de dossier */ /* Utilisé pour les titres */ h4.chapitre { font-weight:bold;text-align:left;margin-top:5px;margin-bottom:0px; } /* Utilisé pour indiquer une page dans le dossier */ h4.dospage { font-weight:normal;color:navy;text-decoration:underline;cursor:pointer; margin-top:0px;margin-bottom:0px; } /* Utilisé pour indiquer la position de la page en cours dans le dossier */ h4.dospos { font-weight:bold;font-style:italic;color:maroon; margin-top:0px;margin-bottom:0px; } /* Utilisé pour les menus de niveau 1 */ table.menu0 { font-weight:bold;color:navy;cursor:pointer; margin-top:1px;margin-bottom:1px;margin-left:0px;background-color:#FFFF99;} /* Utilisé pour les menus de niveau 2 */ table.menu1 { font-weight:bold;color:navy;cursor:pointer; margin-top:1px;margin-bottom:1px;margin-left:2px;background-color:#F0F066;} /* Utilisé pour les menus de niveau 3 */ table.menu2 { font-weight:bold;color:navy;cursor:pointer; margin-top:1px;margin-bottom:1px;margin-left:2px;background-color:#00FF00;} table.menu3 { font-weight:bold;color:navy;cursor:pointer; margin-top:1px;margin-bottom:1px;margin-left:2px;background-color:#90EE90;} /* Utilisé pour les feuilles des menus (h4.dospage UTILISÉ A LA PLACE) */ table.feuille { font-weight:bold;color:blue;text-decoration:underline;cursor:pointer; margin-top:0px;margin-bottom:0px; } /* Utilisé pour les titres de texte centrés */ h5.centre { font-weight:bold;text-align:center;margin-top:10px;margin-bottom:10px; } /* Utilisé pour les titres de texte gauches */ h5.gauche { font-weight:bold;text-align:left;margin-top:10px;margin-bottom:0px; } /* Utilisé pour les titres de texte droites */ h5.droite { font-weight:bold;text-align:right;margin-top:10px;margin-bottom:0px; } /* Détournement de la balise dt pour l'utiliser comme une zone de commentaire */ /*dt { font-style:italic;vertical-align:middle;border-width:1pt; border-style:solid;border-color:#999999;background-color:#FFFFE0; }*/ dt { font-style:italic;background-color:#FFFFE0; } /* Texte préformaté : utilisé pour le code source */ td.citation { font-style:italic;font-size:x-small; text-align:justify;padding:10;background-color:#FFFFE0; } /* Utilisé pour indiquer la position de la page en cours par rapport au site */ .pos { font-weight:bold;font-style:italic;color:maroon; } /**** MISE EN FORME ****/ /* Format de Mise en Valeur */ .mev1 { font-weight:bold;color:maroon; } .mev2 { font-weight:bold;color:teal; } /* Plus Petit Texte */ .ppt { font-family:Verdana,Courier;font-size:xx-small; } /* Textes centrés et droites */ .centre { text-align:center; } .droite { text-align:right; } /**** Couches ****/ div.client { position:absolute;z-index:1;background-color:#ADD8E6/*#DDFFDD*/; } div.tortue { position:absolute;top:-24px;left:-24px;width:24px;height:24px; } div.warning { background-color:silver; border-width:medium;border-style:solid;border-color:yellow; padding:5mm;font-weight:bold;color:yellow } div.comment { float:right;border:1px solid #003366;background-color:#FFFFCC; width:200px;padding:5px;margin:5px } div.resume { border:1px solid #003366;background-color:#FFFFCC; padding:5px;margin:5px } /**** Forums ****/ table.Forum { /*background-color:#66CC00;rgb(153,204,255); margin:10;*/ padding:5; } table.ForTitre { background-color:#90EE90;/*rgb(153,255,255);*/ padding:0; } table.ForMsg { background-color:#90EE90;/*rgb(153,255,255);*/ padding:0; border-spacing=0; border-top-color:black; border-right-color:black; border-bottom-color:black; } td.ForTitre { border-top-width:thin; border-top-color:gray; padding-left:5; } td.ForMsg { border-top-width:thin; border-top-color:#66CC00/*rgb(153,204,255)*/; border-top-style:solid; padding-left:5; } tr.Surligne { background-color:yellow; } /**** Bloc-notes ***/ table.BlocNotes { background-color:#90EE90;spacing:5;padding:0; } td.BNTitre { font-weight:bold;color:maroon;text-align:center; } /**** Communes ***/ table.Commune { /*background-color:#90EE90;*/spacing:5;padding:0; } td.ComTitre { background-color:#FFFF99;border-top-width:thin; border-top-color:gray; padding-left:5; } td.ComRural { background-color:#90EE90;border-top-width:thin; border-top-color:#66CC00; border-top-style:solid; padding-left:5; } td.ComUrbain { border-top-width:thin; border-top-color:#66CC00; border-top-style:solid; padding-left:5; } /**** Boutons ****/ input.Bouton { background-color:teal;color:khaki; } /**** Tableau noir ****/ div.TableauNoir { width:100%;background-color:black;layer-background-color:black;color:white; margin:0;padding:5;border-color:white;border-style:groove; } div.ZoneSaisie { width:100%;margin:0;padding:5;border-width:thin;border-color:black;border-style:solid; } /* Exemples de texte de code source */ /* font-family = police*/ /* Courier New,Courier = polices, valeur pouvant être modifiée */ /* font-size = taille de police */ /* 10pt = 10 points, valeur pouvant être modifiée */ /* color = couleur*/ /* #0000C0 = bleu, valeur pouvant être modifiée */ tt { font-family:Courier New,Courier; font-size:10pt; color:#0000C0; } /* Commandes de code source dans le cours du texte */ /* font-family = police*/ /* Courier New,Courier = polices, valeur pouvant être modifiée */ /* font-size = taille de police */ /* 10pt = 10 points, valeur pouvant être modifiée */ /* color = couleur*/ /* #0000C0 = bleu, valeur pouvant être modifiée */ /**** Affichage ****/ table.affichage { margin-top:5px;margin-bottom:5px;padding:0px; border-width:thin;border-color:gray;border-style:solid; } /* Texte important mis en valeur par son fond et ses marges */ td.affiche { background-color:#F0F0B4; padding-top:10px;padding-bottom:10px;padding-left:5px;padding-right:5px; } td.xmpcode { /*border-width:1pt; border-style:solid; border-color:#999999; background-color:#FFCC99;*/ margin-top:10px;margin-bottom:10px;margin-left:10px;margin-right:10px; } /* Passages avec des exemples de code source */ /* seulement pour MS IE 4, Netscape 4.0 ignore ces mentions*/ /* border-width = largeur de bordure */ /* 1pt = 1 points, valeur pouvant être modifiée */ /* border-style = style de bordure*/ /* solid = durchgezogen, valeur pouvant être modifiée */ /* border-color = couleur de bordure*/ /* #999999 = grau, valeur pouvant être modifiée */ /* background-color = couleur d'arrière plan*/ /* #FFFFE0 = jaune clair, valeur pouvant être modifiée */ .code { font-size:small;background-color:#FFFFE0; } /* Contenus de tableau avec du code source */ /* background-color = couleur d'arrière plan*/ /* #FFFFE0 = jaune clair, valeur pouvant être modifiée */ /* La couleur doit être la même que pour td.xmpcode */ td.xplcode { background-color:#90EE90;padding:5; } /* #EEEEFF */ /* Contenus de tableau avec explications */ /* background-color = couleur d'arrière plan*/ /* #EEEEFF = bleu ciel, valeur pouvant être modifiée */ .doc { background-color:#EEEEEE; } /* Éléments Layout avec arrière plan gris */ /* background-color = couleur d'arrière plan*/ /* #EEEEEE = gris clair, valeur pouvant être modifiée */ .qbar { background-color:#FFFFE0; font-size:9pt; font-family:Arial,sans-serif; } /* Éléments Layout avec arrière plan gris clair */ /* seulement Netscape 4.0, MS IE 4 ignore ces mentions*/ /* background-color = couleur d'arrière plan*/ /* #FFFFE0 = jaune clair, valeur pouvant être modifiée */ /* font-family = police*/ /* Arial,sans-serif = polices, valeur pouvant être modifiée */ /* font-size = taille de police */ /* 9pt = 9 points, valeur pouvant être modifiée */ a:link { color:navy; text-decoration:underline; } a:visited { color:#772200; text-decoration:underline; } a:active { color:navy; text-decoration:none; } /* a:link = liens à des pages encore non visitées */ /* a:visited = liens à des pages déjà visitées */ /* a:active = liens en train d'être cliqués */ /* color = couleur*/ /* #AA5522 = mastic, valeur pouvant être modifiée */ /* #772200 = brun, valeur pouvant être modifiée */ /* #000000 = noir, valeur pouvant être modifiée */ /* text-decoration = style du texte */ /* underline = souligné, valeur par défaut, valeur pouvant être modifiée */ /* none = non souligné, valeur pouvant être modifiée */ a.an { text-decoration:none; }