/* ***********************************************************************/ /* Feuille de style CSS1/CSS2 à appeler par quelque chose du genre : */ /* */ /* dans la section de la page HTML. */ /* Voir la documentation CSS2 pour plus de détails. */ /* */ /* nom : dustyle.css */ /* auteur : JF Billaud */ /* date dernière révision : 2006-11-11 12:32:17 (+/- 0,5 s) */ /* */ /* L'on rappellera que les feuilles de style sont des petites choses */ /* fragiles et que les navigateurs sont des brutes qui ne les traitent */ /* pas toujours correctement. */ /* ***********************************************************************/ /* styles applicables au document entier */ /* body */ body { background-color : #F7EECB ; color : black } body.index { background-color : #101010 ; color : white } body.testcss { background-color : #F0F0F0 ; color : white } /* liens */ a:link { color: #500000 ; text-decoration : none } a:visited { color: #500000 ; text-decoration : none } a:active { color: #803000 } a:hover { color: #803000 } a.liens1:link { background-color : #c0c0ff ; color : blue } a.liens1:visited { background-color : #c0c0ff ; color : blue } a.liens1:active { background-color : #c0c0ff ; color : blue } a.liens2:link { background-color : #ffc0c0 ; color : red } a.liens2:visited { background-color : #ffc0c0 ; color : red } a.liens2:active { background-color : #ffc0c0 ; color : red } /* styles applicables aux blocs */ /* titres */ h1 { color : black ; text-align : center } h2 { color : black } h3 , h4 { color : black } h5 , h6 { color : black } /* paragraphes : normaux, styles physiques, styles logiques */ p { color : black } p.centre { text-align : center } p.droite { text-align : right } p.juste { background-color : #D09090 ; color : white ; text-align : justify } p.retrait { background-color : #9090D0 ; color : white ; text-indent : 2em ; text-align : justify } p.fond { background-color : #ffff00 ; color : black ; background-image : url(coul1.gif) } p.travaux { text-align : center } p.avertissement { text-align : center ; font-style: italic } p.warning { font-style : italic } p.bienvenue { text-align : center ; font-weight : bold } p.sommaire { text-align : left } p.sommairecentre { text-align : center } p.actu { font-style : italic } p.actucentre { text-align : center ; font-style : italic } p.bof { background-color : #E0E0F0 ; color : black } p.mentions { text-align : center } p.specifs { text-align : center } p.adresse { text-align : center } p.retour { text-align : center } p.maj { text-align : center ; font-style : italic } p.date { text-align : right ; font-style : italic } /* paragraphe avec first-letter et first-line */ p.lettrine0 { background-color : #F0E0D0 ; color : black } p.lettrine0:first-letter { background-color : white ; color : red ; font-size : 300% ; float: left } p.lettrine0:first-line { background-color : white ; color : red ; font-variant : small-caps } /* listes et questions/réponses */ ul.bof { background-color : #FFE0E0 ; color : black } ul.bof li.bof1 { background-color : #E0E0FF ; color : black } ul.bof li.bof2 { background-color : #E0FFE0 ; color : black } ul.question li.question { font-weight : bold } ul.question { font-weight : bold } ul.question { font-weight : bold } p.question { font-weight : bold } ul.reponse li.reponse { font-style : italic } ul.reponse { font-style : italic } ul.reponse { font-style : italic } p.reponse { font-style : italic ; margin-left : 3em } /* styles applicables aux caractèress */ /* pour les lettrines "à la main" */ .capitale { text-transform : uppercase ; font-variant : small-caps } .lettrine { font-size : 150% } .petitecapitale { font-variant : small-caps } .souligne { text-decoration : underline } .gras { font-weight : bold } .italique { font-style : italic } .teletype { font-family : "teletype" } .plusgrand { font-size : 18pt } .pluspetit { font-size : 8pt } .color-black { color : black } .color-green { color : green } .color-silver { color : silver } .color-lime { color : lime } .color-gray { color : gray } .color-olive { color : olive } .color-white { color : white } .color-yellow { color : yellow } .color-maroon { color : maroon } .color-navy { color : navy } .color-red { color : red } .color-blue { color : blue } .color-purple { color : purple } .color-teal { color : teal } .color-fuchsia { color : fuchsia } .color-aqua { color : aqua } /* C'est tout pour aujourd'hui */