body { /* l'aspect de la page du site par défaut */ /* */ margin: 0; /* */ padding: 0; /* height DIVS en % de hauteur écran */ height: 100%; /* */ width: 100%; /* image du fond du site */ background: url(images/boxafond.jpg) #FFFFFF; /* fonts en ordre de dispo W3...firstcss */ font-family: Arial, verdana, arial, "Times New Roman", Times, Garamond, monospace; /* hauteur de ligne de texte */ line-height: 120%; /* centrer objets par defaut IMPORTANT */ text-align: center; } /* 20070814 Style pour appliquer à un tableau, imitant w3schools.com sdtheme.css */ table, input, textarea { font-size: 100%; } table.boxabtabl { color: #000000; font-size: 8pt; padding: 0px; border-style: solid; border-collapse: separate; /*border-spacing: 20px €080331*/; border-spacing: 0px; outline-color: none; border-width: thin medium; border-color: none; } /* ma palette jaune: Yellow#FFFF00 */ /* ma palette vert: Green#080000 DarkGreen#556B2F LimeGreen#32CD32 */ /* ma palette bleu: Blue#0000FF lavender E6E6FA Bminuit#191970 */ /* ma palette gris: White#FFFFFF DimGrey#696969 DkGrey#A9A9A9 Black#000000 */ /* ma palette rouge: Red#FF0000 DarkOrange#FF8C00 DarkRed#8B0000 Coral#FF7F50 Brown#A52A2A */ /* suppression marges des images */ img{border: 0 none;} /* ici essais en soufflerie pour paragraphes qui se sont plantées en vol. rouge, donc */ .essais {color: #FF0000; text-decoration: none; font-family: "Times New Roman", monospace; /* font-weight: bold; */ font-size: 8pt; } .debog {color: #556B2F; text-decoration: none; font-family: "Times New Roman", monospace; /* font-weight: bold; */ font-size: 8pt; } .c2gliendici { /* orange */ color: #FF8C00; text-decoration: underline; font-family: monospace; font-weight: bold; font-style:italic; font-size: 9pt; } /* ============================================================================================= */ /* BoîteA, contient le menu à gauche en boîteAA et le contenu du site à droite en boîteAB */ /* Boîte AB, à son tour, contient des citations d'auteur en boite(s) ABA disposées verticalement */ /* les boîtes englobantes ont couleurs de texte "d'alerte" colorant si erreur de DIV dans pages */ /* ==============================================================================================*/ /* ===================================*/ /* DEBUT DE LA BOÎTE A (containeur) */ /* ===================================*/ #boxa { /* marges h, d, b, g */ border: 0; padding: 0; margin: 0; /* contenu avec sauts de ligne */ display: block; width: 100%; /* defaut pour voir fond body */background-color: transparent; /* couleur d'alerte vert foncé */ color: #556B2F; } /* ===================*/ /* FIN DE LA BOITE A */ /* ===================*/ /* ======================================*/ /* DEBUT DE LA BOÎTE AA (gauche de page) */ /* ======================================*/ #boxaa { position: relative; /* 35%+64%=99% car 100% déborde*/ width: 35% ; /* forcer ascenseurs /essai €080410 */ height: 550px; /* forcer ascenseurs height: 100%; +++++++++++++++++++++++++++++ IMPOSSIBLE DE FORCER LES ASCENSEURS PAR CETTE METHODE ++++++++++*/ /* si déborement: ascenseur */ overflow: auto; /* cacher ascenseur horizontal */ overflow-x: hidden; /* contenus avec sauts de ligne */ display: block; /* BoîteAA calée g. ds boxa */ float: left; /* Fond "light golden yellow" background-color: #FAFAD2; en cours de remplacement, voir ligne suivante */ /* image du fond essai */ background: url(images/boxaafond.jpg) #FFFFFF; /* h, d, b, g entre page et bordure margin: 10px 10px 5px 5px*/; /* h, d, b, g entre page et bordure */ margin: 1px 1px 1px 1px; /* double bordure jaune */ border: medium double #FFFF00; /* entre bordure et contenu */ padding: 0; /* couleur d'alerte jaune */ color: #FFFF00; /* pousser le menu à gauche */ text-align: left; } /* ====================================*/ /* FIN DE LA BOÎTE AA (gauche de page) */ /* ====================================*/ /* =============================*/ /* DEBUT DE LA BOÎTE AAA (logo) */ /* =============================*/ /* largeur 300px = 150+50+50+50 content qu'ils ne se dispersent pas dans le 100%. mais comment? v:IE+th+Konq */ /* logo Cyberthéologie, date actualisation du site manuscrite */ /* boucher le haut de case AA */ #boxaaa { position: relative; text-align: left; /* gif entête+date =30+30 PROBLEME height: 100px €080331 essais dimensions*/; /* gif entête+date =30+30 PROBLEME height: 30px*/; /* largeur de boîte la contenant width: 99% €080331 essais dimensions*/ ; /* largeur de boîte la contenant */ width: 70%; /* contenus avec sauts de ligne */ display: block; /* BoîteAAA calée g. ds boxaA */ float: left; /* h, d, b, g entre page et bordure*/ margin: 0 0 0 0; /* h, d, b, g épaisseur bordure */ border: 0; /* h, d, b, g entre bordure& texte */ padding: 0; /* ne pas pousser boîte voisine overflow: hidden;*/ /* couleur de fond héritée */ /* couleur d'alerte bleu foncé */ color: #191970 } #boxaaa p.aaalogo{ /* marge sur h,d,b,g du logo */ margin: 0 0 0 0; /* centrage du logo */ text-align:left; line-height: 100%; /* date discrètement pr */ font-family: monospace; /* repèrage de nos amis */ font-size: 7pt; /* les robots: gris */ color: #A9A9A9; } /* ========================== */ /* FIN DE LA BOÎTE AAA (logo) */ /* ========================== */ /* =====================================*/ /* DEBUT DE LA BOÎTE AAZ (choix langues) */ /* =====================================*/ #boxaaz { position: relative; text-align: left; /* €080402 commentairisé car hauteur élastique height: 60px; */ /* largeur de boîte la contenant */ width: 29%; /* contenus avec sauts de ligne */ display: block; /* BoîteAAA calée g. ds boxaA */ float: right; /* h, d, b, g entre page et bordure*/ margin: 0 0 0 0; /* h, d, b, g épaisseur bordure */ border: 0; /* h, d, b, g entre bordure& texte */ padding: 0; /* ne pas pousser boîte voisine overflow: hidden;*/ /* couleur de fond héritée */ /* couleur d'alerte bleu foncé */ color: #191970; /* surligner jaune background-color: #FFFF00 */; } /* paragraphe courante de la boîteAAB */ #boxaaz p { /* marge sur h,d,b,g */ padding: 0 0 0 0; line-height: 100%; font-family: monospace; font-size: 8pt; /* couleur texte: noir */ color: #000000; } a.boxaaznoir:link {color: #000000; text-decoration: none; font-family: monospace; font-size: 9pt;} a.boxaaznoir:visited {color: #191970; text-decoration: none; font-family: monospace; font-size: 9pt;} a.boxaaznoir:hover {color: #0000FF; text-decoration: underline; font-family: monospace; font-size: 9pt;} a.boxaazgris:link {color: #A9A9A9; text-decoration: none; font-family: monospace; font-size: 9pt;} a.boxaazgris:visited {color: #191970; text-decoration: none; font-family: monospace; font-size: 9pt;} a.boxaazgris:hover {color: #0000FF; text-decoration: underline; font-family: monospace; font-size: 9pt;} /* texte gris €080402 essais pour mettre la version grisée. Pour le moment, cette partie semble ignorée */ /*#boxaaz p.aazgris {color: #A9A9A9; font-family: monospace; font-size: 8pt;} */ /*#boxaaz a.aazgris:link {color: #A9A9A9; text-decoration: none; font-family: monospace; font-size: 9pt;} */ /*#boxaaz a.aazgris:visited {color: #191970; text-decoration: none; font-family: monospace; font-size: 9pt;} */ /*#boxaaz a.aazgris:hover {color: #0000FF; text-decoration: underline; font-family: monospace; font-size: 9pt;} */ /* ===================================== */ /* FIN DE LA BOÎTE AAZ ( choix langues) */ /* ===================================== */ /* =============================*/ /* DEBUT DE LA BOÎTE AAB (menu) */ /* =============================*/ #boxaab { /* 100%; de sa boîte parente */ width: 99%; /* h, d, b, g entre page et bordure*/ margin: 0px 0px 0px 0px; position: relative; /* pousser le menu à gauche */ text-align: left; /* pas de height: élastique */ /* pas d'ascenseur overflow */ /* contenus avec sauts de ligne */ display: block; /* AAB calée dans AA €080331 remplacé "none" par "left" */ float: left; /* couleur de fond héritée */ /* pas de fond car il écrase le logo. pourquoi */ /* padding h, d, b, g padding: 0px 0px 0px 5px*/; /* padding h, d, b, g */ padding: 0px 0px 0px 0px; /* couleur du texte: noir */ color: #000000;} } /* paragraphe courante de la boîteAAB */ #boxaab p { /* marge sur h,d,b,g */ padding: 0 0 0 0; font-family: monospace; font-size: 9pt; } #boxaab img {vertical-align: middle} #boxaab a:link {color: #000000; text-decoration: none; font-family: monospace; font-size: 9pt;} #boxaab a:visited {color: #191970; text-decoration: none; font-family: monospace; font-size: 9pt;} #boxaab a:hover {color: #0000FF; text-decoration: underline; font-family: monospace; font-size: 9pt;} /* surligner jaune */ .aasurl {background-color: #FFFF00;} /* log visites, privé */ .aabplog {text-align: left; line-height: 100%; font-size: 8pt; font-weight: bold; color: #008000;} /* "privé" infos privées affichées avec l'option "ami" empêchant inscription dans le log. Voir p887aami.php */ /* ==========================*/ /* FIN DE LA BOÎTE AAB (menu)*/ /* ==========================*/ /* ==============================================*/ /* DEBUT DE LA BOÎTE AAC (Log de visites, sous menu) */ /* ==============================================*/ #boxaac { /* */ position: relative; /* */ width: 100%; /* pas d'hauteur height: NNNpx; */ /* */ display: block; /* en bas car dernier DIV */ float: none; /* couleur du fond: smog */ background-color: #D2B48C; /* pas d'interligne */ line-height: 100%; /* machine à écrire */ font-family: monospace; /* assez petit */ font-size: 8pt; /* marges h, d, b, g */ padding: 0px 0px 0px 0px; /* couleur du texte: noir */ color: #000000; } #boxaac img {float: left;} /* €080319 Yahoo class "robots-no-content", sert pour tout robot autres moteurs de recherche compris. Indique html à ignorer */ /* log visites sous menu */ .robots-no-content {text-align: left; line-height: 100%; font-size: 7pt; color: #000000;} /* ==================== */ /* FIN DE LA BOÎTE AAC */ /* ==================== */ /* =======================================*/ /* DEBUT DE LA BOÎTE AB (texte principal) */ /* =======================================*/ #boxab { /* */ position: relative; /* 35%+64%=99% (margins) width: 58% €080331 : */; /* 35%+64%=99% (margins) */ width: 61%; /* forcer ascenseurs height: 100%; +++++++++++++++++++++++++++++ IMPOSSIBLE DE FORCER LES ASCENSEURS PAR CETTE METHODE ++++++++++*/ /* forcer ascenseurs */ height: 550px; /* générer ascenseur overflow: auto */ overflow: auto; /* cacher ascenseur horizontal */ overflow-x: hidden; /* */ display: block; /* placer boîteAB à droite dans boîte A */ float: right; /* couleur du fond: bleu ciel #ccccFF*/ background-color: #CCCCFF; /* image du fond essai €080214 background: url(images/boxabfond.jpg) #FFFFFF; */ /* */ font-family: verdana, sans-serif; /* h, d, b, g entre page et bordure margin: 10px 5px 5px 10px €080331 supprimer la place perdiue à l'extérieur*/; /* h, d, b, g entre page et bordure */ margin: 1px 1px 1px 1px; /* double bordure bleu foncé */ border: medium double #0000FF; /* h, d, b, g entre bordure et texte */ padding: 0px 5px 0px 10px; /* couleur du texte: noir */ color: #000000;} /* commune aux entêtes dans la boîte: */ #boxab h1,h2,h3,h4,h5,h6 { color: #000000; text-decoration: none; font-family: monospace; font-weight: normal; padding:0px; } /* attention: h1 à hn existent déjà dans boîteAA. Ici il faut préciser #boxab */ /* principe d'héritage: valeurs collectives h1-h6 modifiables par précision individuelle */ #boxab h1,h2,h3,h4,h5,h6{font-family: verdana, sans-serif; margin: 0px 0px 0px 0px; text-align:left;} /* h1 est la date de création et mise à jour de la page en cours */ #boxab h1 {text-align: right; text-indent: 0px; font-size: 10pt; padding-right: 30px; padding-top: 20px;} /* h2 est le titre de la page en cours. 20070102 passé de 30pt à 16pt */ #boxab h2 {font-size: 16pt; font-weight: 100;color: #FF8C00; line-height: 200%;} /* h3 est une information en blanc sur fond bleu (b-g pr ne pas faire croire en blanc sur blanc) */ #boxab h3 {font-size: 9pt; font-weight: bold; color: #FFFFFF; background-color: #CCCCFF; } /* h4 annonce au visiteur, la signification des couleurs de texte utilisées dans la page */ #boxab h4 {font-size: 10pt; } /* h5 est un petit titre en noir gras souligné */ #boxab h5 {font-size: 10pt; font-weight: bold; text-decoration: underline;} /* paragraphe courante de la boîteB */ #boxab p { /* marge sur h,d,b,g */ padding: 0 30px 0 30px; font-family: verdana, sans-serif; font-size: 9pt; text-align: justify; } /* texte blanc p_w */ .abblan {color: #FFFFFF; background-color: #CCCCFF; font-weight: bold; font-size: 12pt;} /* texte sepia */ .absepi {color: #A52A2A; font-family: helvetica;} /* texte vert */ .abvert {color: #008000;} /* texte bleu */ .abbleu {color: #0000FF;} /* ancre discret bleu clair */ .abancr {text-align: left; font-size: 8pt; color: #00FFFF;} /* boîteab h2 texte allégé */ .abh2lege {font-weight: 100; font-size: 16pt;line-height: 150%;} /* boîteab h2 texte mini */ .abh2mini {font-weight: normal; font-size: 12pt;} #boxab td { /* définition tableau €080115 */ padding: 0 30px 0 30px; font-family: verdana, sans-serif; font-size: 9pt; text-align: justify; } /* ==================== */ /* FIN DE LA BOÎTE AB */ /* ==================== */ /* ================================================================*/ /* DEBUT DE LA BOÎTE ABA (sur le fond bleu) cet encadré est blanc */ /* ================================================================*/ #boxaba { /* */ position: relative; /* centrée avec marges couleur de AB */ width: 80%; /* h, d, b, g entre page et bordure */ margin: 10px auto 10px auto; /* */ text-align: left; /* double bordure vert clair */ border: medium double #32CD32; /* h, d, b, g entre bordure et texte */ padding: 10px 10px 10px 10px; /* h, d, b, g épaisseur bordure */ /* couleur de fond blanc */ background-color:#FFFFFF; /* couleur du texte: noir #000000 */ color: #000000; /* */ font-family: verdana, sans-serif; } #boxaba_sepi { /* A L'ESSAI €071220 */ position: relative; /* centrée avec marges couleur de AB */ width: 80%; /* h, d, b, g entre page et bordure */ margin: 10px auto 10px auto; /* */ text-align: left; /* double bordure marron */ border: medium double #A52A2A; /* h, d, b, g entre bordure et texte */ padding: 10px 10px 10px 10px; /* h, d, b, g épaisseur bordure */ /* couleur de fond blanc */ background-color:#FFFFFF; /* couleur du texte: sépia */ color: #A52A2A; /* */ font-family: verdana, sans-serif; } /* texte blanc */ .abablan {color: #FFFFFF; font-weight: bold; font-size: 12pt;} /* texte sepia */ .abasepi {color: #A52A2A; font-family: "Times New Roman"; font-size: 12pt;} /* texte vert */ .abavert {color: #008000;} /* texte bleu */ .abableu {color: #0000FF;} /* ancre bleu clair */ .abaancr {text-align: left; font-size: 8pt; color: #00FFFF;} /* surligner jaune */ .abasurl {background-color: #FFFF00;} /* text sepia italiq*/ .abasita {color: #A52A2A; font-family: "Times New Roman"; font-size: 12pt; font-style: italic;} /* les fonts ci avant ne fonctionne pas dans les

. Pourquoi? J'ai dû les définir à nouveau ici */ /* texte sepia */ #boxaba p.abasepi {color: #A52A2A; font-family: "Times New Roman"; font-size: 12pt;} /* text sepia italiq*/ #boxaba p.abasita {color: #A52A2A; font-family: "Times New Roman"; font-size: 12pt; font-style: italic;} /* texte vert */ #boxaba p.abavert {color: #008000; font-family: verdana, sans-serif; font-size: 10pt;} /* h1: ancre en haut à gauche dans la boîte */ #boxaba h1 {text-align: left; color: #00FFFF;} #boxaba h1 a{ text-decoration: none; font-family: verdana, sans-serif; text-align: left; font-weight: 100; font-size: 8pt; padding:0px; } /* h2: nom de l'ovrage */ #boxaba h2 {text-indent: 0px; margin: 0px 0px 0px 0px; color: #000000; font-size: 14pt; } /* h3: Editeur, lien vers crédit */ #boxaba h3 {text-indent: 0px; margin: 0px 0px 50px 20px; font-size: 7pt; color: #000000; background-color: #FFFFFF;} #boxaba h3 a{font-weight: bold; padding:0px;} /* h4: Titre de paragraphe */ #boxaba h4 {text-indent: 0px; margin: 0px 0px 0px 0px; font-size: 10pt; color: #000000; text-decoration: underline;} #boxaba h4 a{font-weight: bold; font-size: 10pt; padding:0px; text-decoration: underline;} /* ==================== */ /* FIN DE LA BOÎTE ABA */ /* ==================== */ /* ===================================================*/ /* DEBUT DE LA BOÎTE AC (variante de AB pour Big Nothing) */ /* ===================================================*/ #boxac { /* */ position: relative; /* 35%+64%=99% (margins) */ width: 58%; /* forcer ascenseurs */ height: 550px; /* générer ascenseur overflow: auto */ overflow: auto; /* cacher ascenseur horizontal */ overflow-x: hidden; /* */ display: block; /* placer boîteAC à droite dans boîte A */ float: right; /* couleur du fond: noir */ background-color: #000000; /* */ font-family: verdana, sans-serif; /* h, d, b, g entre page et bordure */ margin: 10px 5px 5px 10px; /* double bordure bleu foncé */ border: medium double #0000FF; /* h, d, b, g entre bordure et texte */ padding: 0px 5px 0px 10px; /* couleur du texte: noir */ color: #000000;} /* commune aux entêtes dans la boîte: */ #boxac h1,h2,h3,h4,h5,h6 { color: #000000; text-decoration: none; font-family: monospace; font-weight: normal; padding:0px; } /* attention: h1 à hn existent déjà dans boîteAA. Ici il faut préciser #boxac */ /* principe d'héritage: valeurs collectives h1-h6 modifiables par précision individuelle */ #boxac h1,h2,h3,h4,h5,h6{font-family: verdana, sans-serif; margin: 0px 0px 0px 0px; text-align:left;} /* h1 est la date de création et mise à jour de la page en cours */ #boxac h1 {text-align: right; text-indent: 0px; font-size: 10pt; padding-right: 30px; padding-top: 20px;} /* h2 est le titre de la page en cours. 20070102 passé de 30pt à 16pt */ #boxac h2 {font-size: 16pt; font-weight: 100;color: #FF8C00; line-height: 200%;} /* h3 est une information en blanc sur fond bleu (b-g pr ne pas faire croire en blanc sur blanc) */ #boxac h3 {font-size: 9pt; font-weight: bold; color: #FFFFFF; background-color: #CCCCFF; } /* h4 annonce au visiteur, la signification des couleurs de texte utilisées dans la page */ #boxac h4 {font-size: 10pt; } /* h5 est un petit titre en noir gras souligné */ #boxac h5 {font-size: 10pt; font-weight: bold; text-decoration: underline;} /* paragraphe courante de la boîteB */ #boxac p { /* marge sur h,d,b,g */ padding: 0 30px 0 30px; font-family: verdana, sans-serif; font-size: 9pt; text-align: justify; } /* texte blanc p_w */ .acblan {color: #FFFFFF; background-color: #CCCCFF; font-weight: bold; font-size: 12pt;} /* texte sepia */ .acsepi {color: #A52A2A; font-family: helvetica;} /* texte vert */ .acvert {color: #008000;} /* texte bleu */ .acbleu {color: #0000FF;} /* ancre discret bleu clair */ .acancr {text-align: left; font-size: 8pt; color: #00FFFF;} /* boîteab h2 texte allégé */ .ach2lege {font-weight: 100; font-size: 16pt;line-height: 150%;} /* boîteac h2 texte mini */ .ach2mini {font-weight: normal; font-size: 12pt;} /* ==================== */ /* FIN DE LA BOÎTE AC */ /* ==================== */