/* PLUME CMS Style Sheets for 1.2 version */ /* ==================================================================== * SURCHARGE DES BALISES STANDARDS * */ /* On définit ici les grandes constantes, en fixant des valeurs en dur ou * en les faisant hériter du parent. * * L'héritage de caractéristiques serait bien pratique pour ne pas devoir * répéter sans cesse les mêmes choses... La couleur sera par exemple toujours * héritée du parent. Au besoin, ces caractéristiques seraient redéfinies par * surcharge. * MAIS : après test, cette méthode ne fonctionne pas avec IE, qui semble ne pas * gérer l'héritage de "color". FireFox ne pose pas de problème (v1.5.0.9 et * 2.0.0.1). * CONFIRME : http://archivist.incutio.com/viewlist/css-discuss/34844 * IE ne gère effectivement pas l'héritage. Bravo. */ * { margin: 0 ; padding: 0 ; color: inherit ; border: none ; } html, body { height: 100% ; width: 100% ; /*background: cyan ;*/ } body { font-family: Georgia, Palatino, Times, serif; /* Avec cette taille de fonte, 1 em = 10 pixels sur un navigateur configuré * avec un taille de police moyenne. * Voir cette très bonne page sur le sujet - http://blog-and-blues.org/weblog/2004/05/24/214-font-size-em */ font-size: 62.5% ; } p, blockquote, li { font-weight: normal; } h1, h2, h3 { font-weight: bold ; margin: 0 ; } a { text-decoration: none; } a:hover { text-decoration: underline; } hr { display: none; } abbr, acronym { font-style: normal; border-bottom: dotted 1px #ccc; cursor: help; } blockquote, cite { color: #666; padding: 0 20px 0 20px; font-style: italic; border-left: 1px dotted #ccc; } /* ==================================================================== * BALISES SPECIFIQUES * * Des indications de couleur de fond "background" contrastées sont * régulièrement présentes en commentaire... C'est que ça facilité pas mal la * tâche du débuggage ! */ /* Le conteneur principal après , qui contient #banner et #main * Grosse feinte pour simuler trois colonnes de hauteur identique : * on utilise une image d'un pixel de haut, contenant les deux couleurs des * colonnes de gauche ; cette image est ensuite répétée sur toute la hauteur * ("repeat-y") */ #page { position: absolute ; min-height: 100% ; _height: 100% ; /* Hack pour simuler min-height sous IE. Cf. http://wellstyled.com/css-underscore-hack.html */ /* Astuce pour simuler le min-height pour tous les navigateurs... * Procblème : ça ne fonctionne pas bien avec le pied-de-page, qui se * positionne bizarrement avec cette méthode */ /*padding-top: 200px ; min-height: 1px ; margin-top: -200px ;*/ width: 100% ; background: /*#00F*/ url("img/fond-orange-bordeau.png") left top repeat-y ; } /* Le bandeau horizontal, en-tête du site */ #banner { height: 174px; width: 100% ; background: #BBD5F0 url("img/ber_00_separator.jpg") left bottom repeat-x; } /* Le conteneur placé sous l'en-tête */ #main { position: relative ; float: left ; width: 960px ; /*background: #0F0 ;*/ } /*choix langues*/ #flag { position: absolute; top: 173px; left: 823px; z-index: 200; } /* ------------------------------------------------------------------ * Menu des actualités */ #menuactu { float: left ; width: 200px; color: #663300 ; background: /* #AAA */ #FFD864 ; } #menuactu a { text-decoration: none ; color: #663300 ; } #menuactu a:hover { text-decoration: underline; color: #663300 ; } #menuactu h2 { text-decoration: underline ; color: #663300 ; font-size: 1.4em ; padding-bottom: 20px ; /* Serait plus joli pour souligner, mais pose des problèmes * de finition, puisque la taille exacte de fonte n'est pas connue */ /* line-height: 1.4em ; border-bottom: 1px solid ; width: 170px ; */ } #menuactu .col-content { padding: 15px 10px 0 10px ; } /* Liste non-ordonnée comprise dans le bloc menuactu */ #menuactu li { color: #663300 ; padding: 20px 0 ; list-style-type: disc ; list-style-position: outside ; font-size: 1.1em ; } .recent-news { padding: 0 0 0 15px; font-style: italic; } .recent-news h3 { font-weight: bold; font-size: 1.1em ; font-style: normal; } /* ------------------------------------------------------------------ * Emplacement principal, affichant le contenu */ #mainfloat { float: right ; left: 200px ; width: 760px ; top: 0 ; /*background: #F00 ;*/ } /* ------------------------------------------------------------------ * Menu à gauche, relatif au contenu principal */ #menuleft { float: left ; width: 198px ; background: /*#444*/ #BE5050 url("img/ber_03_photo.jpg") no-repeat ; padding-top: 220px ; color: #FFF; } #fla { position: absolute ; width: 198px ; top: 174px ; left:200px; z-index:200; } #menuleft a { text-decoration: none ; color: #FFF ; font-size: 1.4em ; } #menuleft a:hover { text-decoration: underline; } .col-content li { list-style-type: none ; padding-left: 20px ; } #menuleft .col-content { padding: 0 10px 10px 0 ; } #menuleft img { padding-left: 10px ; padding-top: 50px ; } /* ------------------------------------------------------------------ * Contenu principal */ #content { float: right ; top: 0 ; padding-bottom: 120px ; width: 562px ; color: #990000; /*background: #666;*/ font-size: 1.5em; text-align: left ; } #content h2 { color: #FF9933 ; font-size: 1.5em ; padding-top: 45px ; padding-bottom: 10px ; font-weight: normal ; padding-left: 15px ; padding-right: 15px ; } #content p { color: #990000; padding-bottom: 1em ; padding-left: 15px ; padding-right: 15px ; } #content ul { color: #990000 ; margin-top: -1em ; padding-bottom: 1em ; padding-left: 30px ; } #content ul li { font-style: italic ; list-style-type: disc ; } #content img { border-width: 1px; border-color: #ccc; border-style: solid; padding: 5px; margin: 6px 10px 0 0; float: left; display: block; } /* ------------------------------------------------------------------ * Pied de "page" ("de contenu" serait plus exact) */ #footer { position: absolute ; bottom: 0 ; width: 562px ; left: 398px ; text-align: center; font-size: 1em ; padding-top: 55px ; padding-bottom: 5px ; background: /*#CCC*/ url("img/ber_04_photo_bas_page.gif") center top no-repeat ; color: #AAA ; } #footer a { color: #AAA; } #footer a:hover { text-decoration: underline; } .footb { font-size:13px ; } /* ------------------------------------------------------------------ * Autres balises définies par Plume */ .score { font-size: 90%; /*color: #090;*/ margin-top: -10px; text-align: right; border-top: 1px dotted #BEE5BE; padding: 2px 4px; background-color: #ECF7EC; } .err404 { padding: 20px 0 0 60px; background: transparent url("img/err404.gif") 0% 80% no-repeat; font-weight: 100; font-size: 2.5em; }