/*PRINCIPE DE LA FEUILLE DE STYLE La feuille de style est élaborée avec le souci de garder toujours le site lisible tout en permettant une élaboration précise de tous les éléments. En consacrant les classes au fond et à la couleur et les id # aux paramétres spaciaux (padding, largeur, etc...) on est sur de garder le site lisible. Il reste possible bien sur de mettre une couleur dans l'id pour aboutir à un résultat précis. */ body{ background:url('img/fond.jpg'); background-color:navy; font-family: tahoma,arial; color:floralwhite; font-size:12px; /*barre de défilement*/ scrollbar-3dlight-color:navy; scrollbar-darkshadow-color:steelblue; scrollbar-face-color:crimson; scrollbar-track-color:navy; scrollbar-highlight-color:gold; scrollbar-shadow-color:yellow; scrollbar-arrow-color:gold; } /*liens*/ a:link {color:darkorange} a:active {color:orange} a:visited {color:orange} a:hover {color:crimson} /*tableaux*/ table,tr,td{font-size:12px} /*EMPAGEMENT=toute la partie écrite du site*/ .empagement{background:url('img/fond_1.jpg')} # empagement{width:100%} /* TETE DE PAGE -> logo, etc */ .cap{background:url('img/fond_cap_2.jpg')} # cap{width:100%} /* MENU HORIZONTAL DES RUBRIQUES */ .menu_rubriques_a{background-color:transparent;color:white} #menu_rubriques_a{width=100%} #menu_rubriques_x{width:100%;background-color:lightsteelblue} .menu_rubriques:link{background-color:white;color:darkred;border:3px outset;padding:2px} .menu_rubriques:active{background-color:white;color:darkred;border:3px outset;padding:2px} .menu_rubriques:visited{background-color:white;color:darkred;border:3px outset;padding:2px} .menu_rubriques:hover{background-color:darkred;color:gold;border:3px outset;padding:2px;font-weight:bold} /* VENTRE DE PAGE = menu gauche + articles + chandelle de droite */ .ventre {background-color:transparent} #ventre{width:100%;border:1px solid navy;vertical-align:top} .menu_articles{background-color:transparent} #menu_articles{width:18%;vertical-align:top;padding:12px;border:1px solid white} a.menu_articles:link{color:antiquewhite;font-weight:bold} a.menu_articles:active{color:antiquewhite;font-weight:bold} a.menu_articles:visited{color:gold;font-weight:bold} a.menu_articles:hover{background-color:crimson;color:gold;font-weight:bold} .menu_articles_surtitre{font-variant:small-caps} .menu_articles_signature{font-style:italic;text-align:right;padding-right:24px} .menu_articles_g{} #menu_articles_g{width:100%;border_bottom:1px solid} .menu_articles_a{} #menu_articles_a{width:100%} /* folio = Les numéros de cahiers et de pages */ .folio{background-color:indianred} a.folio:link{color:crimson;background-color:white} a.folio:active{color:crimson;background-color:white} a.folio:visited{color:crimson;background-color:white} a.folio:hover{color:crimson;background-color:gold;font-weight:bold} #folio_articles{width:90%;border:1px dotted white} #folio_news{} #folio_livredor{} #folio_commentaires{} .tribune{background-color:white;color:darkslateblue} #tribune{width:64%;padding:12px;vertical-align:top} .tribune_article:link{color:darkorange} .tribune_article:active{color:darkorange} .tribune_article:visited{color:darkorange} .tribune_article:hover{color:crimson} .article{background-color:tranparent;color:darkslateblue} #article{width:100%;text-align:left;border:1px dotted steelblue;padding:6px} .article_references{font-size:10px;text-align:right} .article_surtitre{font-variant:small-caps;background-color:slateblue;color:white} .article_titre{font-size:24px;color:darkslateblue;font-weight:bold} .article_chapo{font-size:15px;color:darkslateblue;} .article_texte{font-style:normal} .article_signature{text-align:right;font-style:italic;font-weight:bold;padding-right:48px} .article_edit{font-size:10px;text-align:right;font-style:italic} /*liens sur version imprimable et commentaires*/ .liens{} #liens{} /* administration : liens fonctionnels sous article */ #admin_tribune{} /* option news intégrées à la page d'acceuil */ #news_tribune{} .formulaire{padding:12px;background-color:lightsteelblue;color:slateblue} /*////////////////////////////////////////*/ /* COMMENTAIRES */ .commentaires{} #commentaires{} .commentaires_references{} .commentaires_texte{} /*NEWS*/ .news{} #news{} .news_references{} .news_titre{font-size:15px;color:darkslateblue;font-weight:bold} .news_texte{} /*LIVRE D'OR*/ .livredor{} #livredor{} .livredor_references{} .livredor_texte{} /* PREVISUALISATION*/ .previsualisation{} #previsualisation{} /*FIN CLASSE TRIBUNE*/ /* CLASSE CHANDELLE = colonne de droite */ .chandelle{background-color:transparent} #chandelle{width:18%;vertical-align:top} .chandelle_texte{} /* FIN DE LA CLASSE CHANDELLE /* FIN CLASSE VENTRE DE PAGE /* CLASSE PIED */ .pied{} #pied{} /* FIN PIED */ /* FIN EMPAGEMENT */ #credit{} /*FIN*/ /* CLASSE ADMIN */ /* ADMIN */ .admin{color:darkblue;background-color:lightsteelblue} # admin{vertical-align:top} /* les boutons pour les fonctions*/ .admin_usuel:link {background-color:white;color:slateblue;border:3px outset;padding-left:2px;line-height:24px} .admin_usuel:active{background-color:white;color:slateblue;border:3px outset;padding-left:2px;line-height:24px} .admin_usuel:visited{background-color:white;color:slateblue;border:3px outset;padding-left:2px;line-height:24px} .admin_usuel:hover{background-color:azure;color:darkslateblue;border:3px outset;padding-left:2px;line-height:24px} .admin_normal:link {color:white; background-color:darkslateblue;border:3px outset;line-height:24px} .admin_normal:active{color:white; background-color:darkslateblue;border:3px outset;line-height:24px} .admin_normal:visited {color:white; background-color:darkslateblue;border:3px outset;line-height:24px} .admin_normal:hover{color:white; background-color:navy;border:3px outset;line-height:24px} .admin_except:link {color:white; background-color:crimson;border:3px outset} .admin_except:active{color:white; background-color:crimson;border:3px outset} .admin_except:visited{color:white; background-color:crimson;border:3px outset} .admin_except:hover{color:pink; background-color:darkred;border:3px outset} #admin_modules{} .ecrire_empagement{background-color:steelblue} #ecrire_empagement{width:100%;vertical-align:top} .ecrire_gauche{background-color:transparent} #ecrire_gauche{vertical-align:top} .ecrire_droit{background-color:transparent} #ecrire_droit{vertical-align:top} .puce {font-family:webdings} .info {background-color:azure;color:midnightblue} .alerte {background-color:white;color:crimson} .une_empagement{} #une_empagement{vertical-align:top} .une_menu{color:gold} #une_menu{vertical-align:top;width:180px} .une_menu_tetiere{background-color:darkred} .une_menu_titre{} .une_menu_texte{} .une_tribune{} #une_tribune{vertical-align:top} .une_article{background-color:white;color:navy;text-align:left} #une_article{border-top:2px solid indianred;padding-bottom:18px} .une_article_tetiere{background-color:darkred;font-weight:bold;color:indianred;text-align:right;padding-right:48px} .une_article_titre{font-size:30px;color:darkslateblue;font-weight:bold} .une_article_titre_petit{font-size:24px;color:slateblue;font-weight:bold .une_article_texte{text-align:left} .une_chandelle{} #une_chandelle{}