body { _background:#FFF6D5; background-color:#FFFFEB; padding: 0px; margin: 0px;} a { text-decoration:none;} /*---comportement des liens de style bouton---*/ a.bouton { display:block; background:#6262A4; color:#F0F0FA; text-decoration:none; border: #6262A4 solid 1px; text-align:center; padding:1px; margin:10px 0px 10px 0px;} a.bouton:hover { background:#F0F0FA; color:#6262A4; text-decoration:none;} /*---comportement des éléments de formulaires---*/ .formulaire_spip fieldset { border: 1px solid #000; margin: 10px 0px 10px 0px; padding: 10px;background: #FFF;} .formulaire_spip legend { color: #000; background: #FFF; font-weight: bold; border: 1px solid #000; padding: 2px 5px 2px 5px; margin: 0px 0px 5px 0px;} .formulaire_spip label { font-weight: bold;} .saisie-texte, .forml { display:block; color: #000; background: #FFF6D5; border: 1px solid #000; margin:5px 0px 5px 0px; padding:1px;} .spip_bouton input { display: block; float: right; background: #FFF6D5; color: #000; border: 1px solid #000; margin:5px 0px 5px 0px; behavior: url(squelettes/scripts/spip-bouton-hover.htc);} .spip_bouton input:hover { background: #000; color: #FFF6D5; border: 1px solid #000; cursor: pointer;} .spip_bouton_gauche input { display: block; background: #fff6d5; color: #000; border: 1px solid #000; margin:5px 0px 5px 0px; behavior: url(squelettes/scripts/spip-bouton-hover.htc);} .spip_bouton_gauche input:hover { background: #000; color: #fff6d5; border: 1px solid #000; cursor: pointer;} fieldset { margin: 0px; padding: 0px;} blockquote { display: block; border : 1px solid #990000; border-left : 8px solid #990000; background : #EEEEEE; padding : 0px 5px 0px 5px; font-style :italic; overflow: auto;} /*---style des info-bulles perso adaptées au contexte (image, plan...)---*/ a.info span { display: none;} a.info:hover { background: none; /* correction d'un bug IE */} .images a.info:hover span { /* style des infobulles associées aux images */ display: inline; position: absolute; z-index: 500; margin:0em 0 0 1em;background: #EEEEEE; text-align: left; color: #808080; padding: 0px 3px 0px 3px; border:1px solid #808080;width: 200px;} .plan a.info:hover span { /* style des infobulles associées aux articles syndiqués (page site.html) */ display: inline;position: absolute; z-index: 500; margin:0em 0 0 1em; background: #EEEEEE;text-align: left;color: #808080; padding: 0px 3px 0px 3px; border:1px solid #808080;} /* style des infobulles associées aux articles syndiqués (page site.html) */ .recherche a.info:hover span {display: inline; position: absolute;z-index: 500; margin:0em 0 0 1em; background: #EEEEEE;text-align: left; color: #808080; padding: 0px 3px 0px 3px; border:1px solid #808080;} /*---affichage de code (pour afficher en mode texte du code html)---*/ .spip_code {display: block; border : 1px solid #669999; border-left : 8px solid #669999; background : #E0F0F0; padding : 0px 5px 0px 5px; margin: 1em 1em 1em 0em; font-size: small; overflow: auto; max-height: 25em;} /* ====================== Blocs principaux, décomposition de la page en 3 colonnes et 1 bandeau ====================== */ a.bandeau { /*bandeau contenant le titre du site*/ display: block; background: #6262A4;margin: 0px; font-family: Verdana,Helvetica,Arial,sans-serif; padding: 0px; font-size: large; font-weight: bold; color: #FFFFFF; height: 50px; padding: 10px 20px 10px 10px; text-align: right;} a.bandeau:hover { color: #EEEEEE; text-decoration: none;} .bande-chemin { /*bande accrochée au bandeau de titre, contenant le chemin hiérarchique de la page en cours*/padding: 4px 10px 4px 10px; margin: 0px 0px 10px 0px; text-align: left; font-size: 70%;color:#993300; font-weight: bold; font-family: Verdana,Helvetica,Arial,sans-serif;} .bande-chemin a { color: #993300; font-weight: bold;} .bande-chemin a:hover { color: #993300;} /*colonne de gauche*/ .gauche {border: 0px;width:130px;position: absolute;font-family: Arial,Verdana,Helvetica,sans-serif; left:0px;} /*colonne centrale*/ .centre {border: 0px;margin-left: 130px; margin-right: 170px;font-family: Arial,Verdana,Helvetica,sans-serif;} /*colonne de droite*/ .droite {border: 0px;width: 170px;position: absolute;font-family: Arial,Verdana,Helvetica,sans-serif;font-size: small;right: 20px;} /*pied de page*/ .footer {clear: both;text-align: center;font-size: small;font-family: Arial,Verdana,Helvetica,sans-serif;padding: 20px; display:block;} /* ================================ Formatage des éléments du bandeau =============================== */ a.bandeau .spip_logos { float: left;border: 0px;} a.bandeau .nom-site {margin: 0px;padding: 0px;} .layer1 { height:155px; ba_ckground-image: url(../../images/Fligrane-Anacamptis-pyramid.jpg); background-image:url(../../image/Bande-bandeau.jpg); background-repeat:repeat-x; background-color:#FFFFEB; min-width:800px ; overflow:hidden; } .layer1 .titre { p_osition:absolute; position:relative; float:left; background-color:#FFFFEB; heidght:155px; width:690px;lef_t: 150px; _top: 0px; height:100px; min-width:690px; padding-left:30px; padding-top:45px; background-color:#FFFFEB; font-style:italic; text-align:center; } h1 { _color:#570147; _color:#1E1400; color:#8F8947; background-color:#FFFFEB; font-family:"Times New Roman",Times,serif; text-align:center; font-size:xx-large;min-width:600px} /* ================================ Formatage des éléments du pied de page =============================== */ .footer a { color: #ff0000; text-decoration: none;} .footer a:hover { color: #990000;} /* ================================ Formatage des éléments de la colonne de gauche =============================== */ /* bloc contenant la date de dernière mise à jour */ .maj { background: #FFFFFF; font-size:70%; border: 1px solid #808080; width: 100%; text-align: center; padding: 3px 0px 3px 0px; color: #808080; margin: 20px 0px 20px 0px; } .maj hr { border: 0px; height: 1px; color: #808080; background-color: #808080; margin-left: 0px; margin-right: 0px; } .stats { background: #FFFFFF; font-size:70%; border: 1px solid #808080; width: 100%; padding: 3px 0px 3px 0px; color: #808080; margin: 20px 0px 20px 0px; } .stats hr { border: 0px; height: 1px; color: #808080; background-color: #808080; margin-left: 0px; margin-right: 0px; } .stats .titre { font-weight: bold; color: #808080; text-align: center; margin: 0px auto 5px auto; } .stats a { display: block; color: #6262A4; background-image:url(../puces/puce-n0.gif); background-position: left top; background-repeat: no-repeat; padding: 0px 0px 5px 10px; margin: 0px 5px 0px 5px; text-align: left; text-decoration: none; } .stats a:hover { background-image:url(../puces/puce-n0.gif); background-position: left top; background-repeat: no-repeat; color: #6262A4; text-decoration: underline; } .stats a.info:hover span { /* style des infobulles associées aux images */ display: inline; position: absolute; z-index: 500; margin:0em 0 0 1em; background: #6262A4; text-align: left; text-decoration: none; color: #FFFFFF; padding: 0px 3px 0px 3px; border:1px solid #6262A4; width: 30px; } /* bloc de navigation 2 --> contact + admin + formulaire + s'inscrire */ .nav2 { /*bloc contenant les liens de navigation*/ border: 1px solid #ffcc00; background: #ffcc00; width: 100%; margin: 0px 0px 20px 0px; } .nav2 .texte { font-size: small; } .nav2 .texte .bouton { text-align: left; text-indent: 5px; } /*logos des boutons du bloc de navigation 2 - avec un hack pour ie6 qui ne supporte pas les png*/ .nav2 .texte .logo-plan { background-image: URL(../puces/_plan.png) !important; background-image: URL(../puces/_plan.gif); background-repeat: no-repeat; background-position: left; width: 50px; height: 50px; float: left; position: relative; bottom: 17px !important; /*hack pour le 1er bouton du bloc positionné différemment sous ie*/ bottom: 10px; right: 21px; margin: 0px -50px 0px -0px; } .nav2 .texte .logo-agenda { background-image: URL(../puces/_agenda.png) !important; background-image: URL(../puces/_agenda.gif); background-repeat: no-repeat; background-position: left; width: 50px; height: 50px; float: left; position: relative; bottom: 17px; right: 21px; margin: 0px -50px 0px -0px; } .nav2 .texte .logo-galerie { background-image: URL(../puces/_galerie.png) !important; background-image: URL(../puces/_galerie.gif); background-repeat: no-repeat; background-position: left; width: 50px; height: 50px; float: left; position: relative; bottom: 17px; right: 21px; margin: 0px -50px 0px -0px; } .nav2 .texte .logo-motscles { background-image: URL(../puces/_mots-cles.png) !important; background-image: URL(../puces/_mots-cles.gif); background-repeat: no-repeat; background-position: left; width: 50px; height: 50px; float: left; position: relative; bottom: 17px; right: 21px; margin: 0px -50px 0px 0px; } .nav2 .texte .logo-forum { background-image: URL(../puces/_forum.png) !important; background-image: URL(../puces/_forum.gif); background-repeat: no-repeat; background-position: left; width: 50px; height: 50px; float: left; position: relative; bottom: 17px; right: 21px; margin: 0px -50px -30px -0px; /*marge basse de -30 px pour dimension bloc de navigation sous ie*/ } .nav2 .texte .logo-contact { background-image: URL(../puces/__contact.png) !important; background-image: URL(../puces/__contact.gif); background-repeat: no-repeat; background-position: left; width: 50px; height: 50px; float: left; position: relative; bottom: 18px !important; /*hack pour le 1er bouton du bloc positionné différemment sous ie*/ bottom: small; right: 19px; margin: 0px -50px 0px 0px; } .nav2 .texte .logo-referencement { background-image: URL(../puces/__proposer-site.png) !important; background-image: URL(../puces/__proposer-site.gif); background-repeat: no-repeat; background-position: left; width: 50px; height: 50px; float: left; position: relative; bottom: 18px; right: 19px; margin: 0px -50px 0px 0px; } .nav2 .texte .logo-inscription { background-image: URL(../puces/__inscription.png) !important; background-image: URL(../puces/__inscription.gif); background-repeat: no-repeat; background-position: left; width: 50px; height: 50px; float: left; position: relative; bottom: 18px; right: 19px; margin: 0px -50px 0px 0px; } .nav2 .texte .logo-login { background-image: URL(../puces/__public-in.png) !important; background-image: URL(../puces/__public-in.gif); background-repeat: no-repeat; background-position: left; width: 50px; height: 50px; float: left; position: relative; bottom: 18px; right: 19px; margin: 0px -50px -30px 0px; /*marge basse de -30 px pour dimension bloc sous ie avec logos*/ } .nav2 .texte .logo-logout { background-image: URL(../puces/__public-out.png) !important; background-image: URL(../puces/__public-out.gif); background-repeat: no-repeat; background-position: left; width: 50px; height: 50px; float: left; position: relative; bottom: 18px; right: 19px; margin: 0px -50px -30px 0px; /*marge basse de -30 px pour dimension bloc sous ie avec logos*/ } .nav2 .texte .logo-prive { background-image: URL(../puces/__prive.png) !important; background-image: URL(../puces/__prive.gif); background-repeat: no-repeat; background-position: left; width: 50px; height: 50px; float: left; position: relative; bottom: 18px; right: 19px; margin: 0px -50px -30px 0px; /*marge basse de -30 px pour dimension bloc sous ie avec logos*/ } .nav2 .texte .auteur{ margin: 17px 0px 17px 0px; padding-top: 3px; padding-bottom: 2px; background: #F0F0FA; color: #6262A4; border: 1px solid #6262A4; text-align: center; } .nav2 .texte .auteur a{ color: #990000; } .nav2 .texte .auteur a:hover{ text-decoration: underline; } .nav2 .saisie-texte { width:90%; } .nav2 .forml{ width:90%; } /* ================================== Formatage des éléments de la colonne centrale ============================== */ /* Style de l'intitulé de chaque page */ .intitule { color: #808080; font-size: large; font-weight: bold; margin: 0px 30px 20px 30px; } /* ~~~~~~~~~~~~ sommaire ~~~~~~~~~~~~ */ /* Le bloc sommaire contient l'édito et les annonces */ /* des derniers articles et des secteurs */ .sommaire { font-size: small; margin: 0px; width: 100%; } /* edito */ .edito { font-size: small; margin: 0px 30px 20px 30px; background-color: #FFFFEB; border-style: dotted; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; min-width:650px; border:none; } .edito a { color: #000; text-decoration: none; } .edito a:hover { color: #000; } .edito .image .spip_logos { display: block; float: right; margin: 10px; border:0px; } .edito .surtitre { color: #000000; font-size:medium; font-weight: bold; margin: 5px 10px 5px 10px; padding: 0px; } .edito .titre { color: #CA3300; font-family:"Cambria" , Helvetica, serif; font-size:medium; font-weight: bold; margin: 5px 10px 5px 10px; padding: 0px; text-align:center;min-width:500px;} .edito .soustitre { color: #000000; font-size:medium; font-weight: bold; margin: 5px 10px 5px 10px; padding: 0px; } .edito .detail { font-size: small; font-weight: bold; text-align: right; color: #000000; padding-right: 10px; } .edito .texte { color: #000000;padding: 0px; margin-left:5%} .edito .chapo { color: #6262A4; margin: 10px; padding: 0px; font-weight: bold; } .edito .post-scriptum { color: #000000; margin: 10px; padding: 0px; font-size: small; border-top: 2px solid #000000; } .edito .post-scriptum .annonce { font-weight: bold; color:#6262A4; padding: 0px; margin: 10px 0px 10px 0px; } .edito .notes { color: #000000; margin: 10px; padding: 0px; border-top: 2px solid #000000; font-size: small; } .edito h3 { color: #6262A4; font-weight: bold; font-size:medium; margin: 1.5em 0em 0.5em 0em; } .edito table { font-size:small; border-color: #FFFFFF; } .edito tr.row_first { background: #808080; color: #FFFFFF; text-align: center; font-size: small; } .edito tr.row_odd { background: #E0E0E0; color: #000000; } .edito tr.row_even { background: #E0E0E0; color: #000000; } .edito td { border: 1px solid #FFFFFF; padding: 1px 5px 1px 5px; } /* annonce des rubriques-secteurs */ .sommaire .rubrique {border: 2px solid #990000; background: #FFFFFF; margin: 0px 30px 20px 30px; } .sommaire .rubrique a.titre { display: block; font-size: medim; color: #FFFFFF; background: #990000; border-right: 2px solid #990000; border-bottom: 2px solid #990000; padding: 1px 5px 1px 5px; margin-right: 50%; text-align:center; font-weight:bold;} .sommaire .rubrique a.titre:hover { display: block; font-size: medium; color: #990000; background: #FFFFFF; border-right: 2px solid #990000; border-bottom: 2px solid #990000; padding: 1px 5px 1px 5px; margin-right: 50%; text-align:center; font-weight:bold;} .sommaire .rubrique .texte { margin: 10px;} .sommaire .rubrique .texte a { color: #990000; text-decoration: none;} .sommaire .rubrique .texte a:hover { text-decoration: underline;} .sommaire .rubrique table { font-size:small; border-color: #FFFFFF;} .sommaire .rubrique tr.row_first { background: #808080; color: #FFFFFF; text-align: center; font-size: small;} .sommaire .rubrique tr.row_odd { background: #E0E0E0; color: #000000;} .sommaire .rubrique tr.row_even { background: #E0E0E0; color: #000000;} .sommaire .rubrique td { border: 1px solid #FFFFFF; padding: 1px 5px 1px 5px;} .sommaire .rubrique .image .spip_logos { display: block; float: right; margin: 10px; border:0px;} /* ~~~~~~~~~~~~ contenu ~~~~~~~~~~~~ */ /* Le bloc contenu contient les rubriques, */ /* les articles, et leurs objets associés */ /* in extenso */ .contenu { font-size: small; margin: 0px; width: 100%; } /* contenu --> rubriques */ .contenu .rubrique { border: 1px solid #FFFFEB; background: #FFFFFF; margin: 0px 30px 40px 30px; padding: 10px; } .contenu .rubrique .titre { _color:#1E1400; color:#CA3300; font-family:"Times New Roman", Times, serif; font-size: medium; font-weight: bold; margin: 0px 10px 10px 10px;} .contenu .rubrique .texte { margin: 10px;} .contenu .rubrique .texte a { color: #990000; text-decoration: none;} .contenu .rubrique .texte a:hover { text-decoration: underline;} .contenu .rubrique .image .spip_logos { display: block; float: right;margin: 10px; border:0px;} .contenu .rubrique .descriptif {margin:10px 150px 5px 10px;font-size:small;padding:5px;font-family:Arial,Verdana,Helvetica,sans-serif;font-style:italic} .contenu .rubrique table { font-size: small; border-color: #FFFFFF; } .contenu .rubrique tr.row_first { background: #808080; color: #FFFFFF; text-align: center; font-size: small;} .contenu .rubrique tr.row_odd { background: #E0E0E0; color: #000000;} .contenu .rubrique tr.row_even { background: #E0E0E0; color: #000000;} .contenu .rubrique td { border: 1px solid #FFFFFF; padding: 1px 5px 1px 5px;} /* contenu --> rubriques filles */ .contenu .rubrique .filles {margin: 10px;} .contenu .rubrique .filles a { display: block; color: #000000; font-weight: bold; background-image: url(../puces/puce0.jpg); background-position: left center; background-repeat: no-repeat; padding-left: 15px; margin: 5px 0px 5px 30px;} .contenu .rubrique .filles a:hover {background-image: url(../puces/puce1.jpg); background-position: left center; background-repeat: no-repeat;} /* contenu --> documents joints (aux articles et aux rubriques) */ .contenu .doc { padding: 10px; color: #990000; background: #FFFFFF; margin: 0px; } .contenu .doc .en-tete { font-size: small; font-weight:bold; margin: 5px 0px 5px 0px; } .contenu .doc .spip_logos { margin: 5px 0px 0px 30px; border:0px;} .contenu .doc a { display:block; text-decoration: none; color: #990000; margin: 0px 0px 5px 0px;} .contenu .doc a:hover { text-decoration: underline;} .contenu .vignette a:hover { text-decoration: none;} /* contenu --> images jointes (aux articles et aux rubriques) */ .contenu .images { margin: 0px; padding: 10px; background: #FFFFFF;} .contenu .images .en-tete { font-size: small; font-weight: bold; margin: 10px 0px 10px 0px; color: #990000;} .contenu .images .vignette { font-size: x-small; margin: 10px; padding: 10px 0px 10px 0px;} .contenu .images ul { list-style-type: none; padding: 0px; margin: 0px;color: #000000;} /* ~~~~~~~~~~~~ derniers articles ~~~~~~~~~~~~ */ /* La classes "derniers articles" est mal nommée : */ /* elle correspond aux annonces d'articles, dans les */ /* pages sommaire, plan, recherche, auteur, etc. */ .derniers-articles { background: #FFF; margin: 30px 30px 20px 30px; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: small; padding: 10px 10px 10px 0px; border:1px solid #FFFFEB; min-width:650px;} .derniers-articles a { color: #990000; text-decoration: none;} .derniers-articles .image .spip_logos { display: block; float: left; margin: 10px; border:0px;} .derniers-articles a:hover { color: #990000; text-decoration: underline;} .derniers-articles .en-tete { color:#CA3300; font-size: medium; font-weight: bold; margin: 0px 10px 10px 10px;} .derniers-articles .annonce { background: #FFFFFF; margin: 10px; padding: 0px 0px 10px 0px;} .derniers-articles .surtitre { color: #6262A4; margin: 0px 10px 0px 10px; padding-top: 5px;} .derniers-articles .titre {margin: 0px 10px 0px 10px;padding-top: 5px;width:610px;} .derniers-articles .titre a {color: #ff0000; font-size:small; text-decoration: none; } .derniers-articles .titre a:hover { color:#993300; font-size: small;} .derniers-articles .soustitre { color: #6262A4; font-weight: bold; margin: 0px 10px 0px 10px; padding-top: 5px;} .derniers-articles .detail { color: #6262A4; font-size: small;font-weight: bold; text-align: center; margin: 0px 0px 10px 0px;padding: 1px 5px 1px 5px; border-left: 1px solid #6262A4; border-bottom: 1px solid #6262A4;width: 200px; float: right;} .derniers-articles .chemin { color: #990000; font-weight: bold; padding: 10px 10px 5px 10px;} .derniers-articles .introduction { color: #000000; margin: 0px 10px 0px 10px;} .derniers-articles a.suite { text-align: right; display: block;} .derniers-articles .date {font-style:italic; font-size:small; color:#FF0000} /* ~~~~~~~~~~~~ article (affichage presque semblable à "derniers articles" ~~~~~~~~~~~~ */ /* contenu de l'article "proprement dit" */ .contenu .article { background: #FFF; margin: 0px 30px 20px 30px;font-family: Arial,Verdana,Helvetica,sans-serif; font-size: small; padding: 10px 10px 10px 10px; borde_r:1px solid #640204; border:1px solid #FFFFEB; min-width:650px;} .article a { color: #000; text-decoration: none;} .article a:hover { color: #000; text-decoration: underline;} .article .image .spip_logos { display: block; float: left; margin: 10px; border:0px;} .article .surtitre { font-family:"Times New Roman",Times,serif; color: #000; font-size:medium; font-weight: bold; margin: 0px; } .article .titre {co_lor:#1E1400; font-family:"Times New Roman",Times,serif; color: #ca3300; font-size: medium; font-weight: bold; margin: 0px; text-align:center} .article .soustitre { color: #000; font-size: medium; font-weight: bold; margin: 0px; } .article .descriptif {padding: 10px 10px 0px 10px; color: #000; font-style:italic; font-weight:bold } .article .contenu { background: #FFFFFF; margin: 10px 0px 0px 0px; padding: 0px 0px 10px 0px; } .article .detail { color: #6262A4; font-size: small; font-weight: bold; text-align: center; margin: 0px 0px 10px 55%; padding: 1px 5px 1px 5px; border-left: 1px solid #6262A4; border-bottom: 1px solid #6262A4;} .article .texte { color: #000000; margin-left: 5%;} .article .texte h2{ font-size:1em;} .article .texte h3{font-size:0.9em;} .article .chapo { color: #6262A4; margin: 10px 10px 0px 10px; font-weight: bold;} .article .post-scriptum { color: #000000; margin: 10px 0px 10px 0px; padding-top: 10px; font-size: small; border-top: 2px solid #6262A4;} .article .post-scriptum .annonce { font-weight: bold; color:#6262A4; padding: 0px; margin: 0px 0px 10px 0px;} .article .notes { color: #000000; margin: 10px 0px 10px 0px; padding: 0px 10px 0px 10px; border-top: 2px solid #6262A4; font-size: small;} .article .en-tete { color: #FFFFFF; font-size: medium; font-weight: bold; margin: 10px 0px 10px 0px; } .article h3 { color: #6262A4; font-weight: bold; font-size: medium; margin: 1.5em 0em 0.5em 0em;} /*.article table { font-size: small; border-color: #FFFFFF;} .article tr.row_first { background: #808080; color: #FFFFFF; text-align: center; font-size: small;} .article tr.row_odd { background: #E0E0E0; color: #000000;} .article tr.row_even { background: #E0E0E0; color: #000000;} .article td { border: 1px solid #FFFFFF; padding: 1px 5px 1px 5px;}*/ .article a.imprimer { display: block; background-image: url(../puces/printer.gif); background-repeat: no-repeat; width: 22px; height: 22px; float: right; margin-right: 10px; } /* ~~~~~~~~~~~~ dans la meme rubrique ~~~~~~~~~~~~ */ .articles-freres { border: 1px solid #640204; padding: 10px; margin: 20px 30px 10px 30px; background: #FFF;min-width:650px;} .articles-freres ol { color: #ff0000;} .articles-freres .en-tete{ color: #ca3300; font-size: medium; margin: 0px 0px 5px 0px; font-weight: bold;} /* lien vers les articles frères sauf l'article en cours */ .articles-freres .titre a { color: #ff0000; text-decoration: none; min-width:500px;} .articles-freres .titre a:hover { color: #990000} .articles-freres .titre .date { color: #ff0000;} /* affichage du titre de l'article en cours (sans lien) */ .articles-freres .en-cours a{color: #808080;} .articles-freres .en-cours .date { color: #808080;} /* ~~~~~~~~~~~~ pagination des messages de forum ~~~~~~~~~~~~ */ .bande-pagination { margin: 0px 30px 30px 30px; text-align: center; text-decoration:none; font-size: small;} .bande-pagination span.on { display:inline; background:#F0F0FA; color:#6262A4; border: #6262A4 solid 1px; padding:1px;margin:10px 2px 10px 2px;} .bande-pagination a {display:inline;background:#6262A4; color:#F0F0FA; border: #6262A4 solid 1px; padding:1px; margin:10px 2px 10px 2px;} .bande-pagination a:hover { background:#F0F0FA; color:#6262A4;} /* ~~~~~~~~~~~~ plan du site et sites référencés ~~~~~~~~~~~~ */ .plan { border: 1px solid #640204; margin: 0px 30px 0px 30px; background: #FFF;padding: 10px 10px 10px 10px;} .plan .intitule { color: #ca3300; font-size: medium; font-weight: bold; margin: 0px 0px 20px 0px;} .plan a.annee { display:block; color: #990000; font-weight:bold; padding-left:15px; margin: 0.5em 0px 0px 0px;} .plan a.annee:hover { background-image:url(../puces/puce0.jpg); background-position: left center; background-repeat: no-repeat;} .plan .rubrique { display:block; color: #000; font-weight:bold; padding-left:15px; margin: 0.5em 0px 0px 0px; font-weight:bold} .plan a.rubrique { display:block; color: #570147; font-weight:bold; padding-left:15px; margin: 0.5em 0px 0px 0px;} .plan a.article { color: #ff0000; padding: 0px 0px 0px 10px; margin: 0px; font-size: small;} .plan a.article:hover { text-decoration: none;color: #990000;} .plan a.breve { color: #808080; padding: 0px 0px 0px 10px; font-size: small;} .plan a.breve:hover { background-image:url(../puces/puce-n0.gif); background-position: left center; background-repeat: no-repeat; text-decoration: underline;} .plan .date { color: #FF0000; font-style:italic} .plan ul { list-style-type: none; padding: 0px 0px 0px 20px; margin: 0px; border: 0px;} .plan li { font-size:small;padding:0px; margin:0px; border: 0px; color:#570147} .plan hr { margin: 10px 20px 10px 20px; border: 1px solid #990000;} .plan a.article-syndic { display: block; color: #000000; padding: 0px 0px 0px 10px; margin: 0px; font-size: small; font-weight: bold;} .plan a.article-syndic:hover { } .plan .date-syndic { color: #990000; font-weight: bold;} .plan .a-propos { display: block; border: 0px; background: #FFFFFF; color: #909090; font-size: small; padding: 3px 30px 5px 40px;} .plan .a-propos .site-pere { font-weight: bold;} .plan .a-propos .auteur-pere { font-weight: bold;} /* ~~~~~~~~~~~~ auteur ~~~~~~~~~~~~ */ .auteur { padding: 0px; margin: 0px 30px 0px 30px; font-size: small;} /* Style de l'intitulé de chaque page */ .auteur .intitule { color: #808080; font-size: large; font-weight: bold; margin: 0px 0px 20px 0px; } .auteur div { text-align: left !important;} .auteur .image .spip_logos { display: block; float: right; margin: 10px; border:0px;} .auteur .nom { color: #6262A4; font-size: medium; font-weight: bold; margin: 0px 0px 20px 0px; padding: 0px;} .auteur .tchak { color: #000000; font-size:medium; font-weight: bold; margin: 30px 0px 10px 0px; padding: 0px;} .auteur .spip_encadrer { border: 1px solid #6262A4; color: #6262A4; font-size: small; margin: 5px 0px 10px 0px; padding: 5px;} .auteur a { color: #990000; text-decoration: none;} .auteur a:hover { text-decoration: underline;} /* ~~~~~~~~~~~~ recherche ~~~~~~~~~~~~ */ .recherche {background: #FFF; margin: 0px 30px 20px 30px;font-family: Arial,Verdana,Helvetica,sans-serif; font-size: small; padding: 10px 10px 10px 10px; border:1px solid #640204;} .recherche .intitule { color: #ca3300; font-size: medium; font-weight: bold; margin: 0px 0px 20px 0px; /* Sarka-SPIP 1.8.2 */ padding: 1px 10px 1px 0px; border: 0px;} .recherche .elements-trouves { color: #990000; font-size: medium; font-weight: bold; margin: 0px 0px 15px 0px; padding: 0px; text-decoration: underline;} .recherche .mot-cle {color: #6262A4;font-size: medium;font-weight: bold; margin: 0px 0px 20px 0px; padding: 0px; text-decoration: underline;} .recherche .derniers-articles { margin: 0px; border:0px;padding:0px} .indentation { padding-left: 40px;} .redimensionnement { font-size: small; /* Sarka-SPIP 1.8.2 */} /* ====================== Formatage des éléments de la colonne de droite ====================== */ .agenda { margin: 0px 10px 0px 10px;font-size:medium;color:#570147; background:#fff;padding:5px; border:1px solid #006600;} .agenda .en-tete { display: block; background-color:#fff; font-weight: bold; font-size:medium;color: #ca3300;text-align: left;} .agenda a.en-tete { display: block; background-color: #fff; font-weight: bold; font-size: medium; color: #ca3300 text-align:left; } .agenda .contenu { border: 1px solid #808080; margin: 5px 0px 5px 0px; padding: 0px; font-size:small; /*width:150px;*/} .agenda .contenu .mois {border-bottom:1px solid #808080; margin: 0px 0px 0px 0px; padding: 0px; font-size: small; /*width:150px;*/ text-align:center;} .agenda .contenu .mois a{ color:#FF0000; text-decoration: none ;font-size: small; } .agenda .contenu .mois a:hover{ color: #990000;} .tableau { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small;color:#000; text-align:center; font-style:normal;} .calendar_this_day { /* surligne le jour d'aujourd'hui */ background:#FFF6D5; font-weight:bold; } .calendar_this_month { /* couleur des cases appartenant au mois en cours */ background-color: #fefefe;} .calendar_not_this_month { /* couleur des cases n'appartenant pas au mois en cours => début et fin de mois */ background: #ececec; color:#aaa;} .calendar_head_mini { /* corespond à la ligne des jours : lu ma me je ve sa di*/ background-color:#570147; text-align: center; font-size: small; color: #EEE; font-family: Verdana, Arial, Helvatica, sans-serif; font-style:normal;} .date_jour {text-align:left; color:#000;display:inline; font-weight:bold;} .evenement {height:100%; overflow:hidden;} .evenement a { text-decoration:none; font-weight:normal; color:#000;} .evenement a:hover{ text-decoration:underline;} .evenement a.courant { font-weight:bold; color:#000; } .evenement table { text-align:left;width:100%; font-size:small; color:#000;} .evenement caption{ text-align:left; margin-top:15px; color:#000080; font-weight:bold; font-size:medium;} .texteart {padding: 0px 15px 0px 30px; text-align:justify; border-top:1px dashed #006600; margin:5px 0px 5px 0px;color:#000;border-bottom:1px dashed #006600;overflow:hidden; height:100%} .texteart a{ text-decoration:none; font-weight:normal; color:#000080;}. a.date_style{font-size:small; color:#000; font-weight:bold;} a.style_noir { color:#000; font-weight:bold;} .rq { font-size:x-small; font-style:italic;} /* ~~~~~~~~~~~~ galerie/albums ~~~~~~~~~~~~ */ .galerie {margin: 0px 30px 0px 30px; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: small;} .galerie .album { margin: 0px; padding: 0px 0px 10px 0px; border-top: 2px solid #6262A4;} .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 .detail { color: #6262A4; font-size: small; font-weight: bold; text-align: center; margin: 0px 0px 10px 0px; padding: 1px 5px 1px 5px; border-left: 1px solid #6262A4; border-right: 1px solid #6262A4; border-bottom: 1px solid #6262A4; width: 200px; float: right;} .galerie .album .detail a { color: #990000;} .galerie .album .detail a:hover {text-decoration: underline;} .galerie .album a.titre { display: block; color: #6262A4; font-size: medium; font-weight: bold; margin: 0px 10px 0px 10px; text-decoration: none; padding-top: 5px;} .galerie .album a.titre:hover { color: #6262A4; font-size:medium; font-weight: bold; margin: 0px 10px 0px 10px; text-decoration: underline;} .galerie .album .texte { display: block; float: left; margin: 10px;} .galerie .album .introduction { color: #000000; margin: 10px 10px 0px 10px;} .galerie .album a.suite { color: #990000; text-align: right; display: block; padding-right : 25px;} .galerie .album a.suite:hover { text-decoration: underline; } /* ~~~~~~~~~~~~ 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_boutons { border: 1px #6262A4 solid; background-color: #FFFFFF; min-width: 150px; !important min-width: 100px; margin: 5px 30% 5px 30%;padding: 2px; font-weight: bold; color: #6262A4; _height: 20px; /*hack pour ie : pour espacement entre boutons et bordure du bloc de navigation*/} .album_menu a.fleche-rew { display: block; background-image: URL(../puces/_prem.gif); background-repeat: no-repeat; width: 16px; height: 16px; float: left; margin-right: 2px;} /*cadre vise aux mêmes dimensions que cadre contenant les boutons, pour garder la numérotation centrée*/ .album_menu a.fleche-rew:hover {background-image: URL(../puces/_premon.gif);} .album_menu a.fleche-previous {display: block;background-image: URL(../puces/_prec.gif);background-repeat: no-repeat;width: 16px;height: 16px;float: left;} /*cadre vise aux mêmes dimensions que cadre contenant les boutons, pour garder la numérotation centrée*/ .album_menu a.fleche-previous:hover {background-image: URL(../puces/_precon.gif);} .album_menu .fleche-previous-vide { width: 16px; height: 16px; float: left;} .album_menu .fleche-gauche-vide { width: 32px; height: 16px; float: left;} .album_menu a.fleche-next { display: block; background-image: URL(../puces/_suiv.gif); background-repeat: no-repeat; width: 16px; height: 16px; float: right; _margin-left: 2px; /*hack pour ie : permet de créer une bordure uniforme autour des boutons*/} .album_menu a.fleche-next:hover {background-image: URL(../puces/_suivon.gif);} .album_menu a.fleche-fwd { display: block; background-image: URL(../puces/_fin.gif); background-repeat: no-repeat; width: 16px; height: 16px; float: right; margin-left: 2px; } .album_menu a.fleche-fwd:hover { background-image: URL(../puces/_finon.gif);} .album_menu .fleche-droite-vide { width: 34px; height: 16px; float: right;} .album_menu .entre-fleches { display: inline;} .album_vignette { /*float:left; */ width: 100%; text-align: center;} .album_vignette a:hover { text-decoration: none !important;} /*hack pour ie : permet de créer le fond bleu des vignettes et l'espacement entre elles*/ .album_vignette a.image-vignette { _background-color: #E0E0E0; _padding: 0px; _margin: 5px; _height: 100px;} /*style valable pour ff, équivalent au style précédent pour ie*/ .album_vignette IMG { /*padding: 5px;*/ /*margin: 5px; background-color: #E0E0E0; */} .album_vignette table{ text-align: center; margin : auto;} .album_vignette TD{ background-color: #E0E0E0; height : 130px ; width : 130px; padding : 5px; margin :0px;} .album_photo { border-top:2px #6262A4 solid; width:100%; margin:10px 0px 10px 0px; text-align:center; padding-top:20px;} .album_photo .album_titre { text-align: center; padding: 0px; margin: 10px; color: #6262A4; font-size: medium; font-weight: bold;} .album_photo .album_descriptif { text-align: left; padding: 10px; border: 1px solid #6262A4; background-color: #E0E0E0; margin: 10px 20px 10px 20px; color: #6262A4;} /* ~~~~~~~~~~~~ sites syndiqués ~~~~~~~~~~~~ */ .web {margin: 0px;font-size: small padding: 0px 0px 5px 0px; font-size: small;} .web a.en-tete { display: block; background-color: #808080; font-weight: bold; font-size:large; color: #FFFFFF; text-align: center; border: 1px solid #808080;} .web a.en-tete:hover { background-color: #EEEEEE; color: #808080; border: 1px solid #808080;} .web a.article-synd { display: block; color: #808080; text-decoration: none; background-image:url(../puces/puce-n0.gif); background-position: left top; background-repeat: no-repeat; padding: 0px 0px 5px 10px; margin: 0px 5px 0px 5px;} .droite .web a.article-synd:hover { color: #808080; text-decoration: underline;} .centre .web a.article-synd:hover { color: #808080; text-decoration: none; background-image:url(../puces/puce-n0.gif); background-position: left top; background-repeat: no-repeat;} .web .site { border: 1px solid #808080; margin: 10px 0px 10px 0px; padding: 0px; font-size: small;} .web .site .descriptif { border: 1px solid #808080; background-color: #EEEEEE; margin: 5px 10px 10px 10px; padding: 5px;} .web .site a.nom-site { display: block; border-bottom: 1px solid #808080; font-size: medium; font-weight: bold; text-align: center; color: #808080; margin: 0px; padding: 1px; background: #EEEEEE; margin-bottom: 10px;} .web .site a.nom-site:hover { color: #FFFFFF; background: #808080;} /* ~~~~~~~~~~~~ brèves ~~~~~~~~~~~~ */ .breves { margin: 0px 0px 0px 0px; font-size: small; color: #808080;} .breves a.en-tete { display: block; background-color: #808080; font-weight: bold; font-size: large; color: #FFFFFF;text-align: center; border: 1px solid #808080;} .breves a.en-tete:hover { background-color: #EEEEEE; color: #808080; border: 1px solid #808080;} .breves .contenu .titre { border-bottom: 1px solid #808080; font-size: medium; font-weight: bold; text-align: center; color: #808080; margin: 0px; padding: 1px; background: #EEEEEE;} .breves .contenu { border: 1px solid #808080; margin: 10px 0px 10px 0px;padding: 0px; font-size: small;} .breves .contenu a.nom-breve { display: block; border-bottom: 1px solid #808080; font-size: small; font-weight: bold; text-align: center; color: #808080; margin: 0px; padding: 1px; background: #EEEEEE;} .breves .contenu a.nom-breve:hover { color: #FFFFFF; background: #808080; text-decoration: none;} .breves .contenu .date { border-bottom: 1px solid #808080; border-left: 1px solid #808080; font-size: small; text-align: center; color: #808080; margin-left: 40%; padding: 1px; background: #EEEEEE; text-align: center;} .breves .contenu .texte { margin: 0px; padding: 5px; font-size: small;line-height: 110%;} .breves .contenu .texte h3 { margin:0.3em 0em 0.3em 0em; padding:0px; font-size:medium; line-height: 110%;} .breves .contenu .texte p { margin:0.7em 0em 0.7em 0em; padding:0px;} .breves .contenu .texte strong { color: #000000;} .breves .contenu a { color:#990000;}.breves .contenu a:hover { text-decoration: underline;} .breves .contenu blockquote {margin : 2px;} .breves .contenu .notes { margin: 0px; padding: 5px; font-size: small; line-height: 110%; border-top: 1px solid #808080;} /* !!!!!!!!!!! Sarka-SPIP 1.1.1 !!!!!!!!!!!! */ /* ~~~~~~~~~~~~ mots-clés ~~~~~~~~~~~~ */ .droite .mots-cles {margin: 0px 0px 0px 0px; font-size:small;color: #808080;} .droite .mots-cles hr { border: 0px;height: 1px;color: #669999; background-color: #669999; margin-left: 0px; margin-right: 0px;} .droite .mots-cles a.en-tete {display: block;background-color: #669999;font-weight: bold;font-size: large; color: #FFFFFF;text-align: center; border: 1px solid #669999;} .droite .mots-cles a.en-tete:hover {background-color: #FFFFFF;color: #669999;border: 1px solid #669999;} .droite .mots-cles .contenu { border: 1px solid #669999;margin: 10px 0px 20px 0px;padding: 0px; font-size: small;} .droite .mots-cles .contenu a {display: block;color: #669999;padding: 0px 5px 3px 5px;font-size: small;text-decoration: none;} .droite .mots-cles .contenu a:hover {text-decoration: underline;} .droite .mots-cles .contenu span {display: block;color: #990000;padding: 0px 5px 3px 5px;font-size: small;text-decoration: none;} .droite .mots-cles .contenu .nom-groupe { display: block;padding: 2px 5px 0px 5px; font-size: small; text-decoration: none;font-weight: bold;} .droite .mots-cles .contenu a.type { display: block; border-bottom: 1px solid #669999; font-size: medium;font-weight: bold; text-align: center; color: #669999;margin: 0px; padding: 1px; background: #FFFFFF;margin-bottom: 10px; text-decoration:none;} .droite .mots-cles .contenu a.type:hover {color: #FFFFFF;background: #669999;} .spip_surligne { background: #FFFF66; } /* Puces générées par un tiret seul en début de ligne */ /* Ces puces ne sont pas incluses dans une balise