/* ELEMENTS.CSS */ /* Cette feuille contient: */ /* - les styles de la partie centrale du site */ /* -------------------------------------------------------------------- */ /* Intitule (h1) de chaque page */ .intitule_page {margin: 5px 0 30px; color: #808080; font-size: 2.4em; font-weight: bold;} /* Boutons de changements de look d'une page */ .bouton_page a {display: block; float: right; margin: -5px 10px 0 0; padding: 0; border: 0; width: 24px; height: 24px;} .bouton_page a:hover {border: 1px solid #6262A4;} /* Styles generiques des pages de type plan ---------------------------------------- - Plan de site - Agenda annuel - Galerie chronologique - Breves - Herbier */ .plan { margin-top: 30px;} .plan h2 {display: inline; font-weight: bold; margin: 0.5em 0 0; font-size: 1.9em; line-height: 1.4em;} .plan h2 a { padding-left:15px } .plan h2 a:hover {[background-image: url((#CHEMIN{images/puce0.jpg})); ]background-position: left center; background-repeat: no-repeat; text-decoration: none;} .plan .objet_date {color: #990000;} .plan ul { list-style-type: none; padding: 0 0 0 20px; margin: 0;} .plan li {line-height: 1.4em; padding-left:10px;} .plan a.objet_titre{color: #6262A4; padding: 0 0 0 10px; font-size: 1.1em;} .plan a.objet_titre:hover {[background-image: url((#CHEMIN{images/puce-n0.gif})); ]background-position: left center; background-repeat: no-repeat; text-decoration: underline;} /* Styles specifiques de la page Breves */ .plan a.titre#breve{color: #808080;} /* Styles specifiques de la page Herbier */ .plan hr {border: 0; border-top: 1px solid #6262A4; margin-left: 10px; margin-right: 10px;} .plan .description {color: #808080; font-size: 11px; margin-left: 20px; margin-top: 0;} .plan a img {float: right; margin-left: 10px; margin-right: 10px; border: 4px solid #F0F0FA;} .plan a:hover img {border-color: #6262A4;} .plan#herbier_panorama a img {float: left; margin: 10px 10px; border: 4px solid #F0F0FA;} .plan#herbier_panorama a:hover img {border-color: #6262A4;} .bouton_page a#herbier_liste {[background: url((#CHEMIN{images/herbier_liste.gif})) no-repeat; ]float: right;} .bouton_page a#herbier_panorama {[background: url((#CHEMIN{images/herbier_panorama.gif})) no-repeat; ]float: right;} /* Styles generiques des pages de type rubrique et article ------------------------------------------------------- - Rubrique - Article - Evenement - Album */ .titre h1 {color: #6262A4; font-weight: bold; margin: 0 0 5px; border-bottom: 2px solid #6262A4; padding-bottom: 5px;} /* Styles des boutons de fonction des pages article, evenement, album... */ a.fonction {display: block; float: right; width: 24px; height: 24px; margin-left: 10px;} #imprimer {[background-image: url((#CHEMIN{images/article_imprimer.gif})); ]background-repeat: no-repeat;} #commenter {[background-image: url((#CHEMIN{images/article_commenter.gif})); ]background-repeat: no-repeat;} #creer_pdf {[background-image: url((#CHEMIN{images/article_pdf.gif})); ]background-repeat: no-repeat;} #voir_commentaires {[background-image: url((#CHEMIN{images/article_commentaires.gif})); ]background-repeat: no-repeat;} a.fonction.repondre_commentaire {width: 16px; height: 16px; margin-right: 0;[ background-image: url((#CHEMIN{images/commentaire_repondre.gif})); ]background-repeat: no-repeat;} /* Styles generiques des cartouches pour article (inclus evenement, album) et forum */ .cartouche { color: #6262A4; font-weight: normal; font-size: 1.1em; line-height: 1.1em; text-align: right; margin: 0 0 30px 10px; padding: 0; float: right;} /* Styles generiques des descriptions pour rubrique et article (inclus evenement, album) */ .description {margin: 10px 0 30px; font-size: 1.2em; line-height: 1em;} .description li {margin-left: 10px; line-height: 1.4em;} .description a {text-decoration: none;} .description a:hover {text-decoration: underline;} .description p {font-size: 1em;} .description .soustitre {float: left; color: #6262A4; line-height: 1em; font-size: 1.4em; font-weight: bold; font-style: italic; margin: 0; padding: 0;} .description .chapo {color: #6262A4; margin: 0 0 30px; font-style: italic;} .description .lien_site {margin: 10px 0 20px; padding-top: 10px; font-size: 1em; border-top: 1px dotted #6262A4;} .description .ps {margin: 10px 0 20px; padding-top: 10px; font-size: 1em; border-top: 1px dotted #6262A4;} .description .notes {margin: 10px 0 20px; padding-top: 10px; font-size: 1em; border-top: 1px dotted #6262A4;} /* Styles generiques des portfolios: images et documents pour rubrique et article (inclus evenement, album) */ .portfolio {clear: both; margin-bottom: 30px; padding-top: 2px;} .portfolio h2 {font-size: 1.9em; line-height: 1em; font-weight: bold; margin: 0 0 10px; color: #6262A4; border-bottom: 2px solid #6262A4; padding: 0 0 5px 20px;} #documents_joints.portfolio h2 {[background: url((#CHEMIN{images/portfolio_documents.gif})) top left no-repeat;]} #images_jointes.portfolio h2 {[background: url((#CHEMIN{images/portfolio_images.gif})) top left no-repeat;]} .portfolio a img {margin: 10px 10px; border: 4px solid #F0F0FA;} .portfolio a:hover img {border-color: #6262A4;} .portfolio dl {[width: (#EVAL{_SARKASPIP_CONFIG_LARGEUR_DOCUMENT})px; ]height: 11em; text-align: center; margin: 10px; float: left;} .portfolio dt {[width: (#EVAL{_SARKASPIP_CONFIG_LARGEUR_DOCUMENT})px; ]font-weight: bold;} .portfolio dt a img {border: 0;} .portfolio dd {[width: (#EVAL{_SARKASPIP_CONFIG_LARGEUR_DOCUMENT})px; ]margin: 0; padding: 0;} /* Styles de base specifiques a la rubrique */ .rubrique {margin: 0; padding-bottom: 10px;} .rubrique .titre {} .rubrique .titre h1 {color: #990000; margin: 0 0 35px; border-color: #990000;} /* Styles de la description, specifiques de la page rubrique */ /*.rubrique .description a {color: #990000;}*/ .rubrique .description .notes {border-color: #990000;} /* Styles du portfolio specifiques de la page rubrique */ .rubrique .portfolio {} .rubrique .portfolio h2 {color: #990000; border-color: #990000;} .rubrique .portfolio a:hover img {border-color: #990000;} .rubrique .portfolio dt a:hover img {border: 0;} /* Styles de base specifiques des pages article, evenement, album... */ .article {margin: 0; padding-bottom: 10px;} .article .titre {} .article .titre h1 {} /* Styles de la description, specifiques aux pages article */ /*.article .description a {color: #6262A4;}*/ .article .description .notes {} /* Styles du portfolio specifiques des pages article, evenement, album... */ .article .portfolio {} .article .portfolio h2 {} #edito.article {border: 2px solid #808080; background-color: #EEEEEE; margin: 0 0 30px; padding: 5px 10px; text-align: justify;} #edito.article .titre, #edito.article .surtitre, #edito.article .soustitre {color: #6262A4} #edito.article .titre h1 {border: 0} /* #edito.article .image .spip_logos {float: right;} */ #edito.article a.fonction {display: none; } #edito.article .cartouche {color: #000000; font-size: 1.2em} #evenement.article .cartouche {text-align: left; font-size: 1.2em; float: left; margin: 0 10px 30px 0;} /* Hack IE6 : sur-titre, titre, sous-titre de l'article invisible */ * html .article, * html #edito.article, * html .article .titre, * html #edito.article .titre, * html .article .soustitre, * html #edito.article .soustitre {height : 1px;} /* Hack IE7 : sur-titre, titre, sous-titre de l'article invisible */ *+html .article, *+html #edito.article, *+html .article .titre, *+html #edito.article .titre, *+html .article .soustitre, *+html #edito.article .soustitre {height : 1px;} .auteur {margin: 0; padding-bottom: 10px;} .breve {margin: 0; padding-bottom: 10px;} .breve .titre {} .breve .titre h1 {color: #990000; border-color: #990000;} /* Styles de la description, specifiques aux pages article */ /*.article .description a {color: #6262A4;}*/ .breve .description .notes {} /* Styles du portfolio specifiques des pages article, evenement, album... */ .breve .portfolio {} .breve .portfolio h2 {} /* Syles des commentaires de l'article */ .commentaires {padding: 0 0 10px 0; margin: 0 0 30px 0;} .commentaires h2 {[background: url((#CHEMIN{images/commentaires.gif})) top left no-repeat;] font-size: 1.9em; line-height: 1.2em; font-weight: bold; color: #6262A4; border-bottom: 2px solid #6262A4; padding: 0 0 5px 20px; margin: 0;} .commentaires .message {border-top: 1px dotted #6262A4; margin: 0; padding: 10px 0 10px;} .commentaires .message:hover {background: #f0f0fa;} .commentaires #n1.message {border-top: 0; padding: 20px 0 10px;} .commentaires .message .gravatar{float:left} .commentaires .message .cartouche_simple{margin-left: 50px; font-size: 1.1em; color: #6262A4;} .commentaires .message .texte{margin-left : 50px; padding-top: 5px;font-size:1.2em;} /* Styles des extraits d'articles */ #articles_recents.portfolio h2, #article_commentaire.portfolio h2, #articles_rubrique.portfolio h2 {color: #6262A4; border-bottom: 2px solid #6262A4; padding: 0 0 5px 20px; [background: url((#CHEMIN{images/liste_articles.gif})) top left no-repeat;]} .extrait {background: #FFFFFF; margin: 0 0 20px; padding: 0 0 10px 15px; border-left: 5px solid #6262A4; border-bottom: 1px solid #6262A4;} .extrait .cartouche {} .extrait .complements {color: #990000; font-weight: normal; margin: 10px 0 5px; font-size: 1.1em;} .extrait h3 a.titre { display: block; padding-top: 5px; margin: 0; color: #6262A4; font-size: 1.6em; font-weight: bold; line-height:1em; text-decoration: none;} .extrait h3 a.titre:hover {text-decoration: underline;} .extrait .introduction {margin: 10px 0 0; font-size:1.2em; line-height : 1.4em;} .extrait .lire_suite {text-align: left; margin: 10px 0 0; font-size: 1.1em;} .extrait .lire_suite a {padding: 0 0 5px 20px;[ background: url((#CHEMIN{images/lire_suite.gif})) left center no-repeat;]} /*.extrait a {color: #990000; text-decoration: none;} .extrait a:hover {text-decoration: underline;}*/ /* .extrait .image .spip_logos {float: left; margin-top: 0;} */ /* Styles generiques des autres pages ---------------------------------- - Galerie */ .galerie_planche {} .galerie_planche ul {margin : 0; padding : 0;list-style-type:none;} .galerie_planche li {width: 45% ;float : left; border-bottom:2px dotted #808080;margin-bottom : 20px; padding-bottom : 20px;} .galerie_planche li.modulo1 {margin-right: 30px;} .galerie_planche li.modulo0 {margin-right: 0;} .galerie_planche h2 {font-weight:bold; font-size : 1.2em; margin-bottom : 5px;} .galerie_planche .logo {float : right;} .galerie_planche .logo a {color: #FFFFFF;text-align:right;} .galerie_planche .logo a img {float:right; border : 1px solid #FFFFFF;margin-bottom: 5px} .galerie_planche .logo a .loupe {clear : both; display : block; [background: transparent url((#CHEMIN{images/loupe.gif}))no-repeat scroll right bottom; ]padding-right:17px; height: 14px} .galerie_planche .logo a:hover {color: #808080; text-decoration: none;} .galerie_planche .logo a:hover img {border : 1px solid #808080;} .galerie_planche introduction {margin: 0;} /* Styles generiques des messages d'erreur ------------------------------------------------------- - Avertissement - Information - Erreur */ .message_erreur { margin-top: 30px; font-size: 1.2em; font-weight: bold; color: red;} /* FIN DES STYLES REVUS */ /* Styles des petitions de l'article */ * html #signer_petition.petition {padding-bottom: 30px;} #articles-freres.petition {background: #EEEEEE; } /* .sommaire {margin: 0; width: 100%;} */ /* .derniers-articles { background: #FFFFFF; margin: 0 0 20px; padding: 0 0 10px 0; } */ #visualisation .detail { border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; padding: 1px; background: #6262A4; color: #FFFFFF; font-size: 1.2em; font-weight:normal; line-height:1em; } /* .en-tete { font-weight: bold; margin: 0 10px 10px 0; padding-top:10px; } */ /* #articles_recents, #article_rubrique, #articles_auteur, #reponse_suite_article { padding-left:10px; padding-bottom:1px; padding-top:1px; margin-right:0; background-color: #6262A4; font-size : 2em; line-height:1.4em; } */ /*#article_rubrique { padding-top: 0 ; padding-left:10px}*/ #forum { color: #990000; font-size: 1.9em; font-weight: bold; margin: 0 0 5px 0; } #docu_rubrique {color: #990000;} #img_rubrique{color: #990000;} /* content --> documents joints (aux articles et aux rubriques) */ #content .doc { padding: 10px; color: #990000; background: #FFFFFF; margin: 0; } #content .doc .spip_logos { margin: 5px 0 0 0; border:0; } #content .doc a { display:block; margin: 0 0 5px 0; } /* content --> images jointes (aux articles et aux rubriques) */ #content .doc .vignette { font-size: 1em; margin: 10px; padding: 10px 0 10px 0; border:0; } #content .doc ul { list-style-type: none; padding: 0; margin: 0; color: #000000; } /* mise en forme du formulaire de petition */ /*Mise en forme utilisée aussi pour "les articles dans la meme rubrique" */ /*.petition { border: 2px solid #6262A4; padding: 10px; margin: 0 0 10px 0; } #signer_petition{font-size:1.2em;} .petition .en-tete { color: #6262A4; font-size: 1.9em; margin: 0 0 5px 0; } */ #articles-freres { background: #EEEEEE; } #articles-freres .en-tete{font-weight: normal ;} #articles-freres ol {color: #6262A4;font-size:1.3em;line-height:1em;} #articles-freres .frere a { /* lien vers les articles frères sauf l'article en cours */ color: #6262A4; font-weight: bold; } #articles-freres .frere a:hover {text-decoration: underline;} #articles-freres .frere .date { color: #990000;} #articles-freres .en-cours { /* affichage du titre de l'article en cours (sans lien) */ color: #808080; } */ #signatures { background: #EEEEEE; } #signatures td { border: 1px solid #6262A4; margin: 0; padding: 2px 5px 2px 5px; empty-cells: hide; font-size: 1.2em; line-height:1.1em; } #signatures thead { background: #6262A4; font-weight: bold; color: #FFFFFF; } /* ~~~~~~~~~~~~ forum ~~~~~~~~~~~~ */ .forum { border: none; padding: 0; margin: 0; /*font-size: 100%;*/ } .forum a.article-forum { font-size: 1.4em; font-weight: bold; } .forum_fils {margin-left : 20px;} /*.visualisation { border: 1px solid #6262A4; margin: 10px 0 0 0; } .visualisation .titre { border-bottom: 1px solid #FFFFFF; font-size: 1.5em; line-height: 1.2em; font-weight: bold; text-align: left; color: #FFFFFF; padding: 2px 10px 2px 10px; background: #6262A4; } .visualisation .texte {padding: 10px;font-size:1.3em;}*/ /* ~~~~~~~~~~~~ galerie/albums ~~~~~~~~~~~~ */ /*.galerie { font-size: 24px;*/ /* ????????? A VERIFIER*/ /* margin: 0; } .galerie-album .galerie-album{ font-size: 12px; padding: 0 0 10px 0; border-top: 2px solid #6262A4; }*/ #planche.galerie-album {min-height: 500px; _height: 220px;} * html #planche.galerie-album, *+html #planche.galerie-album {height: 220px;} .galerie-album .vignette { display: block; float: left; width: 220px; } .galerie-album .vignette .spip_logos { padding: 10px; display: block; background: #EEEEEE; border-left: 2px solid #6262A4; border-right: 2px solid #6262A4; border-bottom: 2px solid #6262A4; } .galerie-album a.titre { display: block; color: #6262A4; /*font-size: 130%;*/ font-weight: bold; margin: 0 10px 0 10px; text-decoration: none; padding-top: 5px; } .galerie-album a.titre:hover { text-decoration: underline; } .galerie-album .introduction { color: #000000; margin: 10px 10px 0 10px; } .galerie-album .texte { display: block; float: left; margin: 10px; } .galerie-album a.suite { text-align: right; display: block; padding-right : 25px; } /* ~~~~~~~~~~~~ album ~~~~~~~~~~~~ */ .album_menu a:hover {text-decoration: none !important;} .album_menu { margin-top:25px; padding-top:10px; padding-bottom:10px; border-top:2px #6262A4 solid; width:100%; color: #6262A4; font-family: Courier, monospace; } .album_vignette { width: 100%; text-align: center; } .album_vignette a:hover {text-decoration: none !important;} * html .album_vignette a.image-vignette, *+html .album_vignette a.image-vignette {/*hack pour ie : permet de creer le fond bleu des vignettes et l'espacement entre elles*/ background-color: #E0E0E0; padding: 0; margin: 5px; height: 100px; } /*style valable pour ff, equivalent au style precedent pour ie*/ .album_vignette table{ text-align: center; margin : auto; } .album_vignette TD{ background-color: #E0E0E0; height : 130px ; width : 130px; padding : 5px; margin :0; } /* ~~~~~~~~~~~~ auteur ~~~~~~~~~~~~ */ .auteur {} .indentation {padding-left: 30px;} .redimensionnement {/*font-size: 11px;*/} /* ~~~~~~~~~~~~ Recherche ~~~~~~~~~~~~ */ .elements-trouves { color: #990000; /*font-size: 150%;*/ font-weight: bold; margin: 0 0 15px 0; padding: 0; text-margin: 0; padding-bottom: 10px;}decoration: underline; }