/* Notation : */
/* #nom = id (usage unique dans la page HTML) */
/* .nom = classe (usage multiple dans la page HTML) */
/* Unités de mesure... */
/* - absolues : pt (point), px (pixel) */
/* - relatives : em (selon la taille de police de l'élément) */
/******************/
/* Corps du texte */
/******************/
/* Corps : */
body {
background: #CCCCCC; /* couleur de fond */
margin: 0; /* marge */
padding: 0; /* espace intérieur */
text-align: center; /* pour corriger le bug de centrage IE */
font: 11px Verdana, Arial, Helvetica, sans-serif; /* police */
color: #100086; /* couleur de police de base */
}
/* Conteneur global */
#conteneur {
width: 760px; /* largeur */
margin: 20px auto 0 auto; /* marge (haut, droite, bas, gauche) */
padding: 0; /* espace intérieur */
background-image: url(IMG/gif/ligne_fond.gif); /* image de fond */
border: 4px solid #000000; /* bordure */
}
/* Conteneur texte + colonne droite */
#milieu {
margin: 20px 0 0 0; /* marge (haut, droite, bas, gauche) */
padding: 0; /* espace intérieur */
background: url(IMG/gif/ligne_col.gif) repeat-y right; /* image de fond (lien, répétition, position : gauche haut) */
width: 100%; /* largeur */
}
/* Conteneur texte */
#milieu_sans_col {
margin: 10px 10px 0px 10px; /* marge (haut, droite, bas, gauche) */
padding: 0; /* espace intérieur */
width: 100%; /* largeur */
}
/**********/
/* Entête */
/**********/
#entete {
background: url(IMG/jpg/bandeau_haut.jpg) no-repeat; /* image de fond */
width: 100%; /* largeur égale à celle du corps */
height: 130px; /* hauteur */
}
/* Logo du site : */
#entete #logo_hg {
text-align: left; /* alignement du texte */
padding: 10px 0px 0px 31px; /* espace intérieur (haut, droite, bas, gauche) */
}
/* Libellé de recherche : */
#entete #recherche {
float: left; /* localisation à gauche */
margin: 18px 0px 0px 0px; /* marge (haut, droite, bas, gauche) */
padding-left: 18px; /* espace intérieur de gauche */
font: bold 90% Verdana, Helvetica, Arial, sans-serif; /* police */
color: #DD2580; /* couleur de police */
}
/* Libellé de date : */
#entete #date {
float: right; /* localisation à droite */
margin: 18px 0px 0px 0px; /* marge (haut, droite, bas, gauche) */
padding-right: 10px; /* espace intérieur de droite */
font: 90% Verdana, sans-serif; /* police */
color: #FFFFFF; /* couleur de police */
}
/****************/
/* Menu du haut */
/****************/
/* Conteneur : */
#haut {
width: 100%; /* largeur égale à celle du corps */
height: 30px; /* hauteur */
text-align: right; /* alignement du texte */
background: url(IMG/gif/barre_noire.gif) no-repeat; /* image de fond */
}
/* Formulaire de recherche : */
#haut form {
float: left; /* localisation à gauche */
margin: 5px 0px 0px 0px; /* marge (haut, droite, bas, gauche) */
padding-left: 9px; /* espace intérieur de gauche */
}
/* Boîte de saisie du formulaire de recherche : */
.formrecherche {
position: relative; /* position relative */
top: -5px; /* localisation en haut */
height: 15px; /* hauteur */
width: 135px; /* largeur */
padding: 0; /* espace intérieur */
font: 11px Arial, Helvetica, Verdana, sans-serif; /* police */
border: 0; /* bordure */
background-color: #F3F1F3; /* couleur de fond */
}
/* Id (usage unique dans la page HTML) : */
#menuhaut {
position: relative; /* position relative */
top: 3px; /* localisation en haut */
width: 570px; /* largeur */
height: 20px; /* hauteur */
margin: 0px 0px 0px auto; /* marge (haut, droite, bas, gauche) */
padding: 0; /* espace intérieur */
list-style: none; /* représentation de liste */
background: url(IMG/gif/pictos.gif); /* image de fond */
}
/* Liste : */
#menuhaut li {
position: absolute; /* position absolue */
list-style-type: none; /* suppression des puces */
}
/* Liste et lien : */
#menuhaut li, #menuhaut a {
display: block; /* disposition en bloc */
height: 20px; /* hauteur */
}
/* Lien "ACCUEIL" : */
#menuhaut li#menuhaut_1, #menuhaut li#menuhaut_select_1 {
left: 0; /* localisation à gauche */
width: 80px; /* largeur */
}
/* Passage sur le lien "ACCUEIL" : */
#menuhaut li#menuhaut_1 a:hover, #menuhaut li#menuhaut_select_1 {
background: transparent url(IMG/gif/pictos.gif) 0 -20px no-repeat; /* image de fond */
}
/* Lien "HUMEURS" : */
#menuhaut li#menuhaut_2, #menuhaut li#menuhaut_select_2 {
left: 80px; /* localisation à gauche */
width: 80px; /* largeur */
}
/* Passage sur le lien "HUMEURS" : */
#menuhaut li#menuhaut_2 a:hover, #menuhaut li#menuhaut_select_2 {
background: transparent url(IMG/gif/pictos.gif) -80px -20px no-repeat; /* image de fond */
}
/* Lien "INEDITS" : */
#menuhaut li#menuhaut_3, #menuhaut li#menuhaut_select_3 {
left: 160px; /* localisation à gauche */
width: 80px; /* largeur */
}
/* Passage sur le lien "INEDITS" : */
#menuhaut li#menuhaut_3 a:hover, #menuhaut li#menuhaut_select_3 {
background: transparent url(IMG/gif/pictos.gif) -160px -20px no-repeat; /* image de fond */
}
/* Lien "DOSSIERS" : */
#menuhaut li#menuhaut_4, #menuhaut li#menuhaut_select_4 {
left: 240px; /* localisation à gauche */
width: 85px; /* largeur */
}
/* Passage sur le lien "DOSSIERS" : */
#menuhaut li#menuhaut_4 a:hover, #menuhaut li#menuhaut_select_4 {
background: transparent url(IMG/gif/pictos.gif) -240px -20px no-repeat; /* image de fond */
}
/* Lien "EPISODES" : */
#menuhaut li#menuhaut_5, #menuhaut li#menuhaut_select_5 {
left: 325px; /* localisation à gauche */
width: 90px; /* largeur */
}
/* Passage sur le lien "EPISODES" : */
#menuhaut li#menuhaut_5 a:hover, #menuhaut li#menuhaut_select_5 {
background: transparent url(IMG/gif/pictos.gif) -325px -20px no-repeat; /* image de fond */
}
/* Lien "LIENS" : */
#menuhaut li#menuhaut_6, #menuhaut li#menuhaut_select_6 {
left: 415px; /* localisation à gauche */
width: 70px; /* largeur */
}
/* Passage sur le lien "LIENS" : */
#menuhaut li#menuhaut_6 a:hover, #menuhaut li#menuhaut_select_6 {
background: transparent url(IMG/gif/pictos.gif) -415px -20px no-repeat; /* image de fond */
}
/* Lien "CONTACT" : */
#menuhaut li#menuhaut_7, #menuhaut li#menuhaut_select_7 {
left: 485px; /* localisation à gauche */
width: 85px; /* largeur */
}
/* Passage sur le lien "CONTACT" : */
#menuhaut li#menuhaut_7 a:hover, #menuhaut li#menuhaut_select_7 {
background: transparent url(IMG/gif/pictos.gif) -485px -20px no-repeat; /* image de fond */
}
/*********************/
/* Colonne de droite */
/*********************/
/* Conteneur : */
#droite {
float: right; /* localisation à droite */
width: 250px; /* largeur */
}
/* Coin haut gauche de la colonne : */
#col_hg {
float: left; /* localisation à gauche */
height: 19px; /* hauteur */
width: 19px; /* largeur */
background: url(IMG/gif/col_hg.gif) no-repeat; /* image de fond */
font-size: 1px; /* correction d'un bug IE */
}
/* Leurre "allongeant" la colonne : */
.clear {
clear: right; /* éléments flottants interdits à droite */
height: 1px; /* hauteur */
margin: 0; /* marge */
padding: 0; /* espace intérieur */
font-size: 1px; /* taille de police */
border: none; /* bordure */
background: transparent; /* arrière-plan */
}
/***********************************/
/* Information (colonne de droite) */
/***********************************/
/* Information (avec ou sans trait de séparation) : */
.info, .info_sans_trait {
padding: 0; /* espace intérieur */
margin: 19px 0px -10px 0px; /* marge (haut, droite, bas, gauche) */
color: #FFFFFF; /* couleur de police */
}
/* Titre de niveau 2 : */
.info h2, .info_sans_trait h2 {
font: bold 140% "Times New Roman", sans-serif; /* police */
margin: -10px 0px 15px 0px; /* marge (haut, droite, bas, gauche) */
padding: 0px 10px; /* espace intérieur (vertical, horizontal) */
border-top: 2px dotted #B04200; /* souligné en pointillés */
border-bottom: 2px dotted #B04200; /* souligné en pointillés */
background-color: #930E08; /* couleur de fond */
}
/* Paragraphe d'information (avec ou sans trait de séparation) : */
.info p, .info_sans_trait p {
margin: 0px 10px 10px 10px; /* marge (haut, droite, bas, gauche) */
padding-bottom: 10px; /* espace intérieur du bas */
}
/* Paragraphe d'information : */
.info p {
text-align: left; /* alignement du texte */
}
/* Paragraphe d'information (sans trait de séparation) : */
.info_sans_trait p {
text-align: center; /* alignement du texte */
}
/* Paragraphe de date d'ajout : */
.info p.date_ajout {
margin: -5px 10px 5px 11px; /* marge (haut, droite, bas, gauche) */
text-align: right; /* alignement du texte */
font: 10px Arial, Verdana, Helvetica, sans-serif; /* police */
}
/* Citation : */
.info p#citation {
width: 98%; /* largeur */
font-style: italic; /* style de police */
}
/* Paragraphe de fil d'Ariane : */
.info p#ariane {
padding: 0px 5px 10px 15px; /* espace intérieur (haut, droite, bas, gauche) */
background: url(IMG/gif/interrog.gif) no-repeat 0 1px; /* image de fond (lien, répétition, position : gauche haut) */
}
/* Nom de rédacteur à contacter */
.info p.nom_contact {
margin: 15px 0px 0px 10px; /* marge (haut, droite, bas, gauche) */
padding-left: 10px; /* espace intérieur de gauche */
font-weight: bold; /* poids de police */
background: url(IMG/gif/carre_rose.gif) no-repeat 0 6px; /* image d'arrière-plan */
color:#FEE1FA; /* couleur de police */
}
/* Dernier article d'un rédacteur ou article à "Voir aussi" : */
.info p.dern_article, .info p.voir_aussi {
margin: -5px 20px 0px 20px; /* marge (haut, droite, bas, gauche) */
line-height: 16px; /* interligne */
color: #FFFBDD; /* couleur de police */
}
/* Article à "Voir aussi" : */
.info p.voir_aussi {
padding-left: 12px; /* espace intérieur de gauche */
background: url(IMG/gif/losange_jaune.gif) no-repeat 0 6px; /* image d'arrière-plan */
}
/* Nombre de définitions : */
.info p#nb_definitions {
margin-top: -10px;
}
/* Nombre de visites : */
.info p#nb_visites {
margin-top: -10px;
text-align: center; /* alignement du texte */
}
/* Lien : */
.info a, .info a:link, .info a:visited, .info:hover, .info_sans_trait a, .info_sans_trait a:link, .info_sans_trait a:visited, .info_sans_trait:hover {
color: #FFFFFF; /* couleur de police */
}
/* Lien normal : */
.info a, .info_sans_trait a {
padding-left: 17px; /* espace intérieur de gauche */
text-decoration: underline; /* decoration du texte */
background: url(IMG/gif/fleche_blanche.gif) no-repeat; /* flèche de gauche */
}
/* Lien survolé : */
.info a:hover, .info_sans_trait a:hover {
text-decoration: none; /* decoration du texte */
}
/* Lien sans flèche + Titre de série + Nom de rubrique : */
.info a.sans_fleche, .info p.dern_article a.titre_serie, .info p.dern_article a.nom_rubrique,
.info p.voir_aussi a.titre_serie, .info p.voir_aussi a.nom_rubrique {
padding-left: 0; /* espace intérieur de gauche */
background: none; /* arrière-plan */
}
/* Lien vers le dernier article d'un rédacteur ou vers un article à "Voir aussi" : */
.info p.dern_article a.titre_serie, .info p.voir_aussi a.titre_serie {
text-decoration: none; /* décoration du texte */
border-bottom: 1px dotted #FFFFFF; /* bordure du bas */
}
/* Lien vers le dernier article d'un rédacteur ou vers un article à "Voir aussi" survolé : */
.info p.dern_article a.titre_serie:hover, .info p.voir_aussi a.titre_serie:hover {
border-bottom: none; /* bordure du bas */
}
/* Nom de rubrique contenant le dernier article d'un rédacteur ou un article à "Voir aussi" : */
.info p.dern_article a.nom_rubrique, .info p.voir_aussi a.nom_rubrique {
font-weight: bold; /* poids de police */
text-decoration: none; /* décoration du texte */
}
/* Nom de rubrique contenant le dernier article d'un rédacteur ou un article à "Voir aussi" survolé : */
.info p.dern_article a.nom_rubrique:hover, .info p.voir_aussi a.nom_rubrique:hover {
background-color: #FFFFFF; /* couleur de fond */
color: #840600; /* couleur de police */
}
/* Image : */
.info img {
vertical-align: middle; /* alignement vertical */
}
/* Image de flux RSS : */
.info img.flux_rss {
float: left; /* localisation à gauche */
margin: -6px 0px 0px 10px; /* marge (haut, droite, bas, gauche) */
}
/* Image de brève et logo : */
.info p img, .info img.spip_logos {
float: left; /* localisation à gauche */
margin-bottom: -2px; /* marge du bas */
}
/* Image de brève : */
.info p img {
margin-left: -5px; /* marge de gauche */
padding-left: 5px; /* espace intérieur de gauche */
}
/* Image dans le cours du texte : */
.info p img.cours_texte {
float: none; /* flottement */
vertical-align: top; /* alignement vertical */
}
/* Formulaire : */
.info form {
margin-top: 10px; /* marge du haut */
}
/* Cadre de formulaire : */
.info form fieldset.spip_encadrer {
padding: 0px 10px 10px 10px; /* espace intérieur (haut, droite, bas, gauche) */
border: none; /* bordure */
background: none; /* image de fond */
}
/* Label de formulaire : */
.info form label {
padding-left: 3px; /* espace intérieur de gauche */
background-color: #217E2B; /* couleur de fond */
color: #FFFFFF; /* couleur de police */
}
/* Champs de saisie de formulaire : */
.info input, .info select, .info textarea {
background-color: #F1FFF3; /* couleur de fond */
}
/* Zone de texte : */
.info form textarea {
scrollbar-base-color: #F1FFF3; /* couleur de barre de défilement */
}
/* Bouton de formulaire : */
.info input.spip_bouton {
width: 120px; /* largeur */
border: none; /* bordure */
background: url(IMG/gif/bouton_form_lien.gif) 50% no-repeat; /* motif de fond */
color: #FFFFFF; /* couleur de police */
}
/* Liste de questions : */
.info ul#liste_questions {
margin: 0px 10px 0px 10px; /* marge (haut, droite, bas, gauche) */
padding: 0px 0px 10px 0px; /* espace intérieur (haut, droite, bas, gauche) */
text-align: left; /* alignement du texte */
}
/* Elément de liste de questions : */
.info ul#liste_questions li {
margin-bottom: 10px; /* marge du bas */
list-style-type: none; /* suppression des puces */
}
/* Liste ordonnée : */
.info ol {
margin-top: -5px; /* marge du haut */
padding-bottom: 10px; /* espace intérieur du bas */
}
/* Liste ordonnée des articles les plus lus : */
.info ol.articles_plus_lus {
/*margin-top: 10px; /* marge du haut */
/*margin-bottom: 5px; /* marge du bas */
margin: 20px 0px 5px 15px;
}
/* Barre horizontale : */
.info hr {
margin: 0px; /* marge */
height: 1px; /* hauteur */
color: #FFFFFF; /* couleur de police */
}
/******************/
/* Menu de droite */
/******************/
/* Liste : */
.info_sans_trait ul {
margin: 0; /* marge */
padding: 0; /* espace intérieur */
text-align: left; /* alignement du texte */
}
/* Elément de liste : */
.info_sans_trait li {
margin: 0; /* marge */
padding: 0; /* espace intérieur */
list-style-type: none; /* suppression des puces */
}
/* Liste des numéros : */
.info_sans_trait ul.colle {
margin: -10px 10px 0px 10px; /* marge (haut, droite, bas, gauche) */
padding-bottom: 1px; /* espace intérieur du bas */
}
/* Numéro de la revue : */
.info_sans_trait ul.colle li {
margin-bottom: 10px; /* marge du bas */
}
/* Numéro de la revue qui ne contient pas d'articles : */
.info_sans_trait ul.colle li.sans_article {
padding-left: 17px; /* espace intérieur de gauche */
background: url(IMG/gif/fleche_blanche.gif) no-repeat; /* flèche de gauche */
}
/* Liste et élément de liste : */
.info_sans_trait ul.partie li, .info_sans_trait ul.article, .info_sans_trait ul.dossier li, .info_sans_trait ul.art_doss, .info_sans_trait ul.billet {
margin-top: 10px; /* marge du haut */
}
/* Partie d'un numéro : */
.info_sans_trait ul.partie li {
margin-left: 18px; /* marge de gauche */
padding-left: 12px; /* espace intérieur de gauche */
background: url(IMG/gif/triangle.gif) no-repeat 0 3px; /* image de fond (lien, répétition, position : gauche haut) */
color: #F2FB8D; /* couleur de police */
}
/* Correction d'un bug IE qui interprète la liste imbriquée
comme membre d'un de ses éléments (), d'où une indentation : */
.info_sans_trait ul.partie li ul.article {
margin-left: -30px; /* marge de gauche */
}
/* Article d'un numéro : */
.info_sans_trait ul.article li {
margin: 0px 0px 5px 35px; /* marge (haut, droite, bas, gauche) */
padding: 0px 0px 0px 14px; /* espace intérieur (haut, droite, bas, gauche) */
font: 110% Helvetica, Arial, Verdana, sans-serif; /* police */
background: url(IMG/gif/rond.gif) no-repeat left; /* rond de gauche */
}
/* Correction d'un bug IE qui interprète la liste imbriquée
comme membre d'un de ses éléments (), d'où une indentation : */
.info_sans_trait ul.partie li ul.dossier {
margin-left: -30px; /* marge de gauche */
}
/* Dossier d'un numéro : */
.info_sans_trait ul.dossier li {
margin-left: 30px; /* marge de gauche */
padding: 0px 0px 0px 18px; /* espace intérieur (haut, droite, bas, gauche) */
background: url(IMG/gif/triangle.gif) no-repeat 5px 4px; /* image de fond (lien, répétition, position : gauche haut) */
color: #F2FB8D; /* couleur de police */
}
/* Correction d'un bug IE qui interprète la liste imbriquée
comme membre d'un de ses éléments (), d'où une indentation : */
.info_sans_trait ul.dossier li ul.art_doss {
margin-left: -48px; /* marge de gauche */
}
/* Liste des articles de dossier d'un numéro : */
.info_sans_trait ul.art_doss {
margin-bottom: -5px; /* marge du bas */
}
/* Article d'un dossier de numéro : */
.info_sans_trait ul.art_doss li {
margin: 0px 0px 0px 52px; /* marge (haut, droite, bas, gauche) */
padding: 0px 0px 5px 13px; /* espace intérieur (haut, droite, bas, gauche) */
font: 100% Helvetica, Arial, Verdana, sans-serif; /* police */
background: url(IMG/gif/rond.gif) no-repeat 0 5px; /* rond de gauche */
}
/* Billet d'humeur d'une période : */
.info_sans_trait ul.billet li {
margin: 5px 0px 5px 18px; /* marge (haut, droite, bas, gauche) */
padding: 0px 0px 0px 14px; /* espace intérieur (haut, droite, bas, gauche) */
font: 110% Helvetica, Arial, Verdana, sans-serif; /* police */
background: url(IMG/gif/rond.gif) no-repeat left; /* rond de gauche */
}
/* Tranche de numéros : */
.info_sans_trait p.tranche_haut, .info_sans_trait p.tranche_bas {
text-align: center; /* texte centré */
font: 90% Arial, sans-serif; /* police */
background: none; /* image de fond */
}
/* Tranche de numéros du haut : */
.info_sans_trait p.tranche_haut {
margin: -10px 0px 12px 0px; /* marge (haut, droite, bas, gauche) */
}
/* Tranche de numéros du bas : */
.info_sans_trait p.tranche_bas {
margin: 15px 0px 5px 0px; /* marge (haut, droite, bas, gauche) */
}
/* Lien de pagination + tranche de numéros en cours : */
.info_sans_trait a.numero, .info_sans_trait span.fourchette_active {
margin-right: 1px; /* marge de droite */
font: bold 11px Arial, sans-serif; /* police */
padding: 1px 4px 1px 4px; /* espace intérieur (haut, droite, bas, gauche) */
}
/* Lien de pagination : */
.info_sans_trait a.numero, .info_sans_trait a.numero:link, .info_sans_trait a.numero:visited {
text-decoration: none; /* decoration du texte */
border: 1px solid #F8E3A2; /* bordure */
background: #000000; /* arrière-plan */
color: #F8E3A2; /* couleur de police */
}
/* Lien de pagination survolé + tranche de numéros en cours : */
.info_sans_trait a.numero:hover, .info_sans_trait span.fourchette_active {
text-decoration: none; /* decoration du texte */
border: 1px solid #000000; /* bordure */
background-color: #F8E3A2; /* couleur de fond */
color: #000000; /* couleur de police */
}
/* Lien ouvert : */
.info_sans_trait a.ouvert {
padding-left: 17px; /* espace intérieur de gauche */
text-decoration: underline; /* decoration du texte */
background: url(IMG/gif/fleche_bas.gif) no-repeat; /* flèche de gauche */
}
/* Lien avec rond (sélectionné ou non) : */
.info_sans_trait a.rond, .info_sans_trait a.rond:link, .info_sans_trait a.selectionne, .info_sans_trait a.selectionne:link {
padding: 0; /* espace intérieur */
line-height: 16px; /* interligne */
background: none; /* arrière-plan */
color: #FEE5CA; /* couleur de police */
}
/* Lien avec rond normal (sélectionné ou non) : */
.info_sans_trait a.rond, .info_sans_trait a.selectionne {
text-decoration: none; /* decoration du texte */
}
/* Lien avec rond normal sélectionné : */
.info_sans_trait a.selectionne {
border-top: solid 1px #FFFFFF; /* bordure du haut */
border-bottom: solid 1px #FFFFFF; /* bordure du bas */
}
/* Lien avec rond visité (sélectionné ou non) : */
.info_sans_trait a.rond:visited, .info_sans_trait a.selectionne:visited {
color: #FEE5CA; /* couleur de police */
}
/* Lien avec rond survolé (sélectionné ou non) : */
.info_sans_trait a.rond:hover, .info_sans_trait a.selectionne:hover {
color: #FFFFFF; /* couleur de police */
}
/* Paragraphe d'abécédaire des séries : */
.info p.abecedaire {
margin: 0px 40px 10px 40px; /* marge (haut, droite, bas, gauche) */
text-align: center; /* alignement du texte */
font: 10px Arial, Verdana, Helvetica, sans-serif; /* police */
}
/* Liste d'articles sur des séries commençant une lettre donnée : */
.info .articles_lettre {
display: none; /* masquage */
margin: -5px 10px 20px 10px; /* marge (haut, droite, bas, gauche) */
text-align: center; /* alignement du texte */
}
/* Tableau de liste d'articles : */
.info .articles_lettre table.spip {
width: 90%; /* largeur */
margin-bottom: 10px; /* marge du bas */
font: 11px Arial, Verdana, Helvetica, sans-serif; /* police */
}
/* Cellule de tableau : */
.info .articles_lettre table.spip td {
padding-left: 3px; /* espace intérieur de gauche */
}
/* Première cellule de tableau : */
.info .articles_lettre table.spip td.col_first {
width: 70%; /* largeur */
}
/* Lien : */
.info .articles_lettre a, .info .articles_lettre a:link, .info .articles_lettre a:visited {
padding-left: 0; /* espace intérieur de gauche */
background: none; /* arrière-plan */
}
/* Lien de ligne impaire : */
.info .articles_lettre table.spip tr.row_odd td a, .info .articles_lettre table.spip tr.row_odd td a:link, .info .articles_lettre table.spip tr.row_odd td a:visited {
color: #000000; /* couleur de police */
}
/* Paragraphe de légende de tableau : */
.info p.legende_tableau {
margin: -5px 0px 5px 0px; /* marge (haut, droite, bas, gauche) */
text-align: right; /* alignement du texte */
font: 10px Arial, Verdana, Helvetica, sans-serif; /* police */
}
/***********/
/* Contenu */
/***********/
/* Avec marge de gauche : */
#centre_mg {
width: 100%; /* largeur égale à celle du corps */
margin-left: 202px; /* marge de gauche (place pour le menu) */
padding-top: 10px; /* espace du haut */
border-left: 1px dotted; /* bordure pointillée */
border-color : #BBBBBB; /* couleur de bordure */
}
/* Avec marge de droite : */
#centre_md {
margin: 0px 270px 10px 20px; /* marge (haut, droite, bas, gauche) */
padding-left: 5px; /* espace intérieur de gauche */
}
/*******************/
/* Texte (contenu) */
/*******************/
/* Conteneur : */
.texte {
width: 99%; /* largeur */
text-align: justify; /* alignement du texte */
}
/* Titre de niveau 1 : */
.texte h1 {
height: 22px; /* hauteur */
width: 200px; /* largeur */
margin: 0px auto 25px auto; /* marge (haut, droite, bas, gauche) */
padding: 0; /* espace intérieur */
}
/* Titre de la page "Accueil" : */
.texte h1#accueil {
background: url(IMG/gif/pictos.gif) 0 -80px no-repeat; /* image de fond */
}
/* Titre de la page "Humeurs" : */
.texte h1#humeurs {
background: url(IMG/gif/pictos.gif) 0 -146px no-repeat; /* image de fond */
}
/* Titre de la page "Inédits" : */
.texte h1#inedits {
background: url(IMG/gif/pictos.gif) -200px -168px no-repeat; /* image de fond */
}
/* Titre de la page "Dossiers" : */
.texte h1#dossiers {
background: url(IMG/gif/pictos.gif) -200px -146px no-repeat; /* image de fond */
}
/* Titre de la page "Épisodes" : */
.texte h1#episodes {
background: url(IMG/gif/pictos.gif) -200px -80px no-repeat; /* image de fond */
}
/* Titre de la page "Liens" : */
.texte h1#liens {
background: url(IMG/gif/pictos.gif) -400px -80px no-repeat; /* image de fond */
}
/* Titre de la page "Contact" : */
.texte h1#contact {
background: url(IMG/gif/pictos.gif) 0 -102px no-repeat; /* image de fond */
}
/* Titre de la page "À Propos" : */
.texte h1#propos {
background: url(IMG/gif/pictos.gif) -200px -102px no-repeat; /* image de fond */
}
/* Titre de la page "Recherche" : */
.texte h1#recherche {
background: url(IMG/gif/pictos.gif) -400px -102px no-repeat; /* image de fond */
}
/* Titre des dossiers, des entretiens, des encadrés : */
.texte h1#dossier, .texte h1#entretien, .texte h1#encadre {
height: 23px; /* hauteur */
width: 264px; /* largeur */
font: bold 15px Arial, Helvetica, Verdana, sans-serif; /* police */
line-height: 23px; /* interligne */
color: #2C28BE; /* couleur de police */
background: url(IMG/gif/pictos.gif) 0 -190px no-repeat; /* image de fond */
}
/* Titre des entretiens : */
.texte h1#entretien {
font: bold 120% Arial, Verdana, Helvetica, sans-serif; /* police */
line-height: 23px; /* interligne */
}
/* Titre de la page "Lettre d'informations" : */
.texte h1#informations {
background: url(IMG/gif/pictos.gif) -400 -168px no-repeat; /* image de fond */
}
/* Titre de la page "Vos suggestions" : */
.texte h1#suggestions {
background: url(IMG/gif/pictos.gif) 0 -124px no-repeat; /* image de fond */
}
/* Titre de la page "Plan du site" : */
.texte h1#plan {
background: url(IMG/gif/pictos.gif) -200px -124px no-repeat; /* image de fond */
}
/* Titre de la page "Glossaire" : */
.texte h1#glossaire {
background: url(IMG/gif/pictos.gif) -400px -124px no-repeat; /* image de fond */
}
/* Titre de la page "Aide" : */
.texte h1#aide {
background: url(IMG/gif/pictos.gif) -400px -146px no-repeat; /* image de fond */
}
/* Titre de la page "Mentions légales" : */
.texte h1#mentions {
background: url(IMG/gif/pictos.gif) 0px -168px no-repeat; /* image de fond */
}
/* Conteneur de titre de niveau 1 : */
.cont_titre {
text-align: center; /* alignement du texte */
}
/* Titre de niveau 2 : */
.texte h2 {
margin: 15px 0px 0px 0px; /* marge (haut, droite, bas, gauche) */
text-align: left; /* titre au fer à gauche */
padding-left: 73px; /* espace intérieur de gauche */
font-size: 115%; /* taille de police */
font-variant: small-caps; /* petites capitales */
color: #2C28BE; /* couleur de police */
background: url(IMG/gif/fleche_rond_bleu.gif) 53px 0px no-repeat; /* flèche bleue */
}
/* Paragraphe (avec ou sans indentation) : */
.texte p {
margin: 0px 0px 20px 0px; /* marge (haut, droite, bas, gauche) */
text-indent: 50px; /* retrait du texte */
font: 12px Arial, Verdana, Helvetica, sans-serif; /* police */
}
/* Paragraphe sans indentation : */
.texte p.spip_sans_indent {
text-indent: 0; /* retrait du texte */
}
/* Paragraphe d'options : */
.texte p#centre_opt {
margin-top: 10px; /* marge du haut */
padding: 0; /* espace intérieur */
text-align: center; /* alignement du texte */
text-indent: 0px; /* indentation du texte */
}
/* Paragraphe de résultats : */
.texte p#resultats {
margin: 40px 0px 20px 0px; /* marge (haut, droite, bas, gauche) */
padding-bottom: 2px; /* espace intérieur du bas */
text-align: left; /* alignement du texte */
text-indent: 0; /* indentation du texte */
font: bold 10px Verdana, Arial, Helvetica, sans-serif; /* police */
border-bottom: 1px solid #000000; /* bordure du bas */
color: #504F4D; /* couleur de police */
}
/* Lien : */
.texte a, .texte a:link, .texte a:visited {
color: #E0251C; /* couleur de police */
}
/* Lien survolé : */
.texte a:hover {
text-decoration: none; /* decoration du texte */
}
/* Trait sous le titre : */
#virgule {
height: 20px; /* hauteur */
margin: 13px 0px 10px 0px; /* marge (haut, droite, bas, gauche) */
background: url(IMG/gif/souligne.gif) no-repeat; /* image de fond */
}
/* Bloc vide : */
.bloc_vide {
height: 80px; /* hauteur */
}
/* Copyright : */
.copyright {
margin-top: 10px; /* marge du haut */
font: bold italic 10px Verdana, Arial, Helvetica, sans-serif; /* police */
color: #504F4D; /* couleur de police */
}
/**********************/
/* Image avec légende */
/**********************/
/* Document : */
.spip_documents, .spip_documents_gauche, .spip_documents_droite {
width: 200px; /* largeur */
margin: 5px; /* marge */
}
/* Document centré : */
.spip_documents {
display: block; /* disposition en bloc */
}
/* Document à gauche : */
.spip_documents_gauche {
float: left; /* localisation à gauche */
margin-left: 0; /* marge de gauche */
}
/* Document à droite : */
.spip_documents_droite {
float: right; /* localisation à droite */
margin-right: 0; /* marge de droite */
}
/* Image : */
.inedits img.spip_logos, .dossier img.spip_logos, .entretien img.spip_logos, .encadre img.spip_logos,
.guide img.spip_logos, .humeurs img.spip_logos {
display: block; /* disposition en bloc */
text-indent: 0; /* indentation du texte */
border: solid 1px #000000; /* bordure */
}
/* Légende : */
.legende {
display: block; /* disposition en bloc */
margin: 2px -2px 0px 0px; /* marge (haut, droite, bas, gauche) */
padding: 1px; /* espace intérieur */
text-indent: 0; /* indentation du texte */
text-align: center; /* alignement du texte */
font: 10px Verdana, Arial, Helvetica, sans-serif; /* police */
background-color: #000000; /* couleur de fond */
color: #FFFFFF; /* couleur de police */
}
/******************/
/* Lien référencé */
/******************/
/* Conteneur : */
.lien_reference {
padding: 0; /* espace intérieur (haut, droite, bas, gauche) */
}
/* Paragraphe : */
.lien_reference p {
margin: 10px 0px 0px 0px; /* marge (haut, droite, bas, gauche) */
padding-bottom: 10px; /* espace intérieur du bas */
text-indent: 50px; /* retrait du texte */
font: 12px Arial, Verdana, Helvetica, sans-serif; /* police */
color: #883402; /* couleur de police */
}
/* Nom de site référencé : */
.lien_reference p.nom_site, .lien_reference p.nom_site_fr, .lien_reference p.nom_site_uk, .lien_reference p.nom_site_gs {
font-weight: bold; /* poids de police */
font-size: 110%; /* taille de police */
}
/* Nom de site référencé, site GS : */
.lien_reference p.nom_site {
margin: 0px 0px -10px 0px; /* marge (haut, droite, bas, gauche) */
}
/* Nom de site référencé (francophone) : */
.lien_reference p.nom_site_fr {
margin: 0px 0px -10px 0px; /* marge (haut, droite, bas, gauche) */
background: url(IMG/gif/drapeau_fr.gif) no-repeat; /* image de fond */
}
/* Nom de site référencé (anglophone) : */
.lien_reference p.nom_site_uk {
margin: 0px 0px -10px 0px; /* marge (haut, droite, bas, gauche) */
background: url(IMG/gif/drapeau_uk.gif) no-repeat; /* image de fond */
}
/* Site GS : */
.lien_reference p.nom_site_gs {
margin: 0px 0px -10px 0px; /* marge (haut, droite, bas, gauche) */
background: url(IMG/gif/sigle_cs_liens.gif) no-repeat; /* image de fond */
}
/* Description de site référencé : */
.lien_reference p.description {
margin: 0px 0px -5px 0px; /* marge (haut, droite, bas, gauche) */
font-size: 100%; /* taille de police */
font-family: Helvetica, sans-serif; /* famille de police */
}
/* Bannière : */
.lien_reference p.banniere {
text-indent: 0; /* indentation du texte */
text-align: center; /* bannière centrée */
}
/* Code HTML : */
.lien_reference p.code {
margin: 0px 0px -10px 0px; /* marge (haut, droite, bas, gauche) */
text-indent: 0; /* indentation du texte */
font: 100% Verdana, sans-serif; /* police */
}
/* Barre horizontale : */
.lien_reference hr {
margin-bottom: 20px; /* marge du bas */
background-color: #883402; /* couleur de fond */
color: #883402; /* couleur */
}
/* Lien : */
.lien_reference a, .lien_reference a:link, .lien_reference a:visited {
color: #E41515; /* couleur de police */
}
/* Lien normal : */
.lien_reference a {
text-decoration: none; /* decoration du texte */
font-weight: bold; /* poids de police */
}
/* Lien survolé : */
.lien_reference a:hover {
text-decoration: none; /* decoration du texte */
background-color: #E41515; /* couleur de fond */
color: #FFFFFF; /* couleur de police */
}
/* Bannière survolée : */
.lien_reference a.cliquer:hover {
background: none; /* arrière-plan */
}
/*****************************/
/* Résultats de la recherche */
/*****************************/
/* Conteneur : */
.moteur {
margin-bottom: 15px; /* marge du bas */
padding: 0; /* espace intérieur (haut, droite, bas, gauche) */
font: 12px Arial, Verdana, Helvetica, sans-serif; /* police */
}
/* Titre de l'article trouvé : */
.moteur h1 {
left: 0; /* localisation à gauche */
height: 14px; /* hauteur */
width: 100%; /* largeur */
margin: 0px 0px 2px 0px; /* marge (haut, droite, bas, gauche) */
padding: 0; /* espace intérieur */
text-align: left; /* alignement du texte */
font-size: 12px; /* taille de police */
}
/* Paragraphe : */
.moteur p {
margin: 0px 0px 2px 0px; /* marge (haut, droite, bas, gauche) */
padding: 0; /* espace intérieur */
text-indent: 0; /* retrait du texte */
color: #840600; /* couleur de police */
}
/* Paragraphe de chemin d'article : */
.moteur p.chemin {
margin-bottom: -1px; /* marge du bas */
font-size: 10px; /* taille de police */
color: #006582; /* couleur de police */
}
/* Paragraphe de date de publication : */
.moteur p.date_public {
font-size: 10px; /* taille de police */
color: #504F4D; /* couleur de police */
}
/* Lien : */
.moteur a, .moteur a:link {
text-decoration: none; /* décoration du texte */
color: #BE1212; /* couleur de police */
}
/* Lien visité : */
.moteur a:visited {
color: #BE7777; /* couleur de police */
}
/* Lien survolé : */
.moteur a:hover {
background-color: #BE1212; /* couleur de fond */
color: #FFFFFF; /* couleur de police */
}
/* Lien de chemin d'article : */
.moteur p.chemin a, .moteur p.chemin a:link, .moteur p.chemin a:visited {
font: 10px Arial, Verdana, Helvetica, sans-serif; /* police */
color: #8640F9; /* couleur de police */
}
/* Lien de chemin d'article survolé : */
.moteur p.chemin a:hover {
text-decoration: underline; /* decoration du texte */
background: none; /* arrière-plan */
}
/* Conteneur d'étoiles : */
.moteur #etoiles {
display: inline; /* affichage en ligne */
height: 10px; /* hauteur */
margin: 0px 0px -4px 5px; /* marge (haut, droite, bas, gauche) */
}
/* Image : */
.moteur #etoiles img {
vertical-align: middle; /* alignement vertical de l'image */
}
/********************/
/* Types d'articles */
/********************/
.inedits, .dossier, .entretien, .encadre, .guide, .humeurs {
font: 12px Arial, Verdana, Helvetica, sans-serif; /* police */
text-align: justify; /* alignement du texte */
}
/*************/
/* Inédits */
/*************/
/* Titre : */
.inedits h2 {
padding-left: 12px; /* espace intérieur de gauche */
font: bold italic 15px Arial, Verdana, Helvetica, sans-serif; /* police */
font-variant: normal; /* variante de police */
background: url(IMG/gif/carre_marron.gif) 2px 8px no-repeat; /* carré marron */
}
/* Italique dans un titre : */
.inedits h2 i {
font-style: normal; /* style de police */
}
/* Paragraphe : */
.inedits p.spip {
margin-top: 2px; /* marge du haut */
text-indent: 12px; /* indentation du texte */
}
/* Fiche technique : */
.inedits .texteencadre-spip {
position: relative; /* position relative */
left: 5px; /* localisation à gauche */
width: 111.3%; /* largeur */
margin: 0px -20px 20px -30px; /* marge (haut, droite, bas, gauche) */
padding: 5px 0px 5px 0px; /* espace intérieur (haut, droite, bas, gauche) */
background: url(IMG/gif/ligne_inedits.gif); /* dégradé de fond */
color: #732104; /* couleur de police */
}
/* Paragraphe de fiche technique : */
.inedits .texteencadre-spip p.spip {
margin: 0px 35px 0px 30px; /* marge (haut, droite, bas, gauche) */
padding: 0; /* espace intérieur */
font-size: 90%; /* taille de police */
font-weight: bold; /* poids de police */
text-align: justify; /* alignement du texte */
text-indent: 0; /* indentation du texte */
}
/*******************************************/
/* Dossier + Entretien + Encadré + Humeurs */
/*******************************************/
/* Intertitre : */
.dossier h2, .humeurs h2 {
padding: 0px 0px 25px 0px; /* espace intérieur (haut, droite, bas, gauche) */
font: bold italic 15px Arial, Verdana, Helvetica, sans-serif; /* police */
line-height: 1.5em; /* interligne */
text-align: left; /* alignement du texte */
color: #2C28BE; /* couleur de police */
background: url(IMG/gif/rond_intertitre.gif) 0 20px repeat-x; /* rond rouge */
}
/* Italique dans un intertitre : */
.dossier h2 i, .humeurs h2 i {
font-style: normal; /* style de police */
}
/* Sous-titre : */
.dossier h3, .encadre h2, .humeurs h3 {
font: bold italic 15px Arial, Verdana, Helvetica, sans-serif; /* police */
padding: 0px 0px 5px 0px; /* espace intérieur (haut, droite, bas, gauche) */
text-align: left; /* alignement du texte */
text-indent: 50px; /* indentation du texte */
color: #2C28BE; /* couleur de police */
background: none; /* arrière-plan */
}
/* Italique dans un sous-titre : */
.dossier h3 i, .encadre h2 i, .humeurs h3 i {
font-style: normal; /* style de police */
}
/* Chapeau : */
.dossier p#chapeau, .entretien p#chapeau, .encadre p#chapeau, .humeurs p#chapeau {
margin-bottom: 20px; /* marge du bas */
text-indent: 0; /* indentation du texte */
font-style: italic; /* style de police */
font-size : 110%; /* taille de police */
}
/* Italique dans le chapeau : */
.dossier p#chapeau i, .entretien p#chapeau i, .encadre p#chapeau i, .humeurs p#chapeau i {
font-style: normal; /* style de police */
}
/* Fiche technique : */
.dossier .texteencadre-spip {
margin-bottom: 20px; /* marge du bas */
}
/* Paragraphe de fiche technique : */
.dossier .texteencadre-spip p.spip {
text-indent: 0; /* indentation du texte */
}
/* Paragraphe d'entretien : */
.entretien p.spip {
text-indent: 0; /* indentation du texte */
}
/* Question d'entretien : */
.entretien .question p.spip, .humeurs .question p.spip {
margin: 10px 0px 5px 0px; /* marge (haut, droite, bas, gauche) */
padding: 0; /* espace intérieur */
font: 12px Arial, Verdana, Helvetica, sans-serif; /* police */
text-indent: 12px; /* indentation du texte */
font-weight: bold; /* poids de police */
background: url(IMG/gif/carre_marron.gif) 1px 5px no-repeat; /* carré marron */
}
/* Nom de personne interviewée : */
.entretien span.caractencadre-spip, .humeurs span.caractencadre-spip {
font-weight: bold; /* poids de police */
color: #FF00CC; /* couleur de police */
}
/* Liste d'entretien : */
.entretien ul.liste_entr {
margin: 5px 30px 0px 30px; /* marge (haut, droite, bas, gauche) */
list-style-type: disc; /* type de puce */
}
/* Elément de liste d'entretien : */
.entretien ul.liste_entr li {
margin-bottom: 10px; /* marge du bas */
}
/* Tableau : */
.humeurs table.spip {
position: relative; /* position relative */
left: 25%; /* localisation à gauche */
margin-left: 0; /* marge de gauche */
}
/* Post-scriptum : */
.humeurs .texteencadre-spip {
margin: 0px 0px 25px 0px; /* espace intérieur (haut, droite, bas, gauche) */
color: #732104; /* couleur de police */
}
/* Paragraphe de post-scriptum : */
.humeurs .texteencadre-spip p.spip {
padding: 0; /* espace intérieur */
font-size: 90%; /* taille de police */
font-weight: bold; /* poids de police */
text-align: justify; /* alignement du texte */
}
/**********************/
/* Guide des épisodes */
/**********************/
/* Numéro de saison : */
.guide h2 {
padding: 0px 0px 15px 0px; /* espace intérieur (haut, droite, bas, gauche) */
font: bold 15px Arial, Verdana, Helvetica, sans-serif; /* police */
line-height: 1.5em; /* interligne */
text-align: center; /* alignement du texte */
color: #504F4D; /* couleur de police */
background: url(IMG/gif/trait_guide.gif) 50% 38% no-repeat; /* trait de séparation */
}
/* Titre d'épisode (VF-VO) : */
.guide h3, .guide h4 {
margin: 0; /* marge */
font: bold 110% Verdana, Arial, Helvetica, sans-serif; /* police */
text-align: right; /* alignement du texte */
color: #732104; /* couleur de police */
background: url(IMG/gif/fond_guide.gif); /* motif de fond */
}
/* Titre d'épisode VF : */
.guide h3 {
margin-top: 10px; /* marge du haut */
padding: 5px 5px 1px 0px; /* espace intérieur */
}
/* Titre d'épisode VO : */
.guide h4 {
margin-bottom: 10px; /* marge du bas */
padding: 0px 5px 5px 0px; /* espace intérieur */
font-style: italic; /* style de police */
}
/* Numéro d'épisode : */
.guide span.caractencadre-spip {
float: left; /* localisation à gauche */
margin: 2px 0px 0px 5px; /* marge (haut, droite, bas, gauche) */
font-size: 80%; /* taille de police */
font-style: normal; /* style de police */
color: #FF000F; /* couleur de police */
}
/* Episode "à voir" : */
.guide .episode_a_voir {
margin: 0; /* marge */
border: none; /* bordure */
}
/* Titre d'épisode (VF-VO) "à voir" : */
.guide .episode_a_voir h3, .guide .episode_a_voir h4 {
color: #FFFFFF; /* couleur de police */
background: url(IMG/gif/fond_guide_rec.gif); /* motif de fond */
}
/* Numéro d'épisode "à voir" : */
.guide .episode_a_voir span.caractencadre-spip {
color: #FFEDB5; /* couleur de police */
}
/* Fiche technique : */
.guide .texteencadre-spip {
margin-bottom: 20px; /* marge du bas */
}
/* Paragraphe de fiche technique : */
.guide .texteencadre-spip p.spip {
font-size: 95%; /* taille de police */
text-indent: 0; /* indentation du texte */
}
/* Paragraphe : */
.guide p.spip {
margin: 0; /* marge */
padding-bottom: 10px; /* espace intérieur du bas */
text-indent: 0; /* indentation du texte */
}
/* Flèche de commentaire : */
.guide img.remarque {
vertical-align: middle; /* alignement vertical de l'image */
}
/**********************/
/* À l'affiche */
/**********************/
/* Conteneur : */
.affiche {
overflow: auto; /* définit ce conteneur comme un contexte de formatage bloc */
margin: 10px 0px 25px 5px; /* marge (haut, droite, bas, gauche) */
_margin: 10px 0px 25px 0px; /* marge IE (haut, droite, bas, gauche) */
background: url(IMG/gif/bord_aff_bas.gif) no-repeat bottom; /* image de fond */
}
/* Bandeau : */
.affiche .bandeau_humeurs, .affiche .bandeau_inedits, .affiche .bandeau_dossiers, .affiche .bandeau_episodes {
height: 55px; /* hauteur */
padding: 0px 10px 0px 0px; /* espace intérieur (haut, droite, bas, gauche) */
}
/* Bandeau "Humeurs" : */
.affiche .bandeau_humeurs {
background: url(IMG/gif/pictos.gif) 0 -213px no-repeat; /* image de fond */
}
/* Bandeau "Inédits" : */
.affiche .bandeau_inedits {
background: url(IMG/gif/pictos.gif) 0 -268px no-repeat; /* image de fond */
}
/* Bandeau "Dossiers" : */
.affiche .bandeau_dossiers {
background: url(IMG/gif/pictos.gif) 0 -323px no-repeat; /* image de fond */
}
/* Bandeau "Episodes" : */
.affiche .bandeau_episodes {
background: url(IMG/gif/pictos.gif) 0 -378px no-repeat; /* image de fond */
}
/* Titre : */
.affiche .bandeau_humeurs h2, .affiche .bandeau_humeurs h3, .affiche .bandeau_inedits h2, .affiche .bandeau_inedits h3,
.affiche .bandeau_dossiers h2, .affiche .bandeau_dossiers h3, .affiche .bandeau_episodes h2, .affiche .bandeau_episodes h3 {
margin: 0; /* marge */
text-align: right; /* alignement du texte */
}
/* Titre de rubrique : */
.affiche .bandeau_humeurs h2, .affiche .bandeau_inedits h2, .affiche .bandeau_dossiers h2, .affiche .bandeau_episodes h2 {
padding: 9px 0px 0px 0px; /* espace intérieur (haut, droite, bas, gauche) */
font: 20px Arial, Helvetica, sans-serif; /* police */
color: #C0022D; /* couleur de police */
background: none; /* arrière-plan */
}
/* Titre d'article : */
.affiche .bandeau_humeurs h3, .affiche .bandeau_inedits h3, .affiche .bandeau_dossiers h3, .affiche .bandeau_episodes h3 {
font: bold 11px Arial, Helvetica, sans-serif; /* police */
color: #333333; /* couleur de police */
}
/* Contenu : */
.affiche .contenu {
margin-right: 5px; /* marge de droite */
_margin-right: 0px; /* marge de droite (IE) */
padding: 10px 0px 25px 10px; /* espace intérieur (haut, droite, bas, gauche) */
background: url(IMG/gif/bord_aff_cote.gif) no-repeat; /* image de fond */
}
/* Paragraphe : */
.affiche .contenu p {
margin: 0px 10px 0px 0px; /* marge (haut, droite, bas, gauche) */
font: 12px Arial, Helvetica, Verdana, sans-serif; /* police */
text-indent: 0; /* indentation du texte */
}
/* Image : */
.affiche .contenu img.spip_logos {
float: right; /* localisation à droite */
margin: 0px 0px 10px 10px; /* marge (haut, droite, bas, gauche) */
border: 1px solid #000000; /* bordure */
}
/* Lien et date de publication d'article : */
.affiche .contenu .lien_et_date {
clear: right; /* éléments flottants interdits à droite */
height: 20px; /* hauteur */
margin: 0; /* marge */
padding-top: 10px; /* espace intérieur du haut */
}
/* Date de publication d'article : */
.affiche .contenu .date_publication {
float: right; /* localisation à droite */
margin-right: 10px; /* marge de droite */
font: 12px Arial, Helvetica, Verdana, sans-serif; /* police */
color: #0A6401; /* couleur de police */
}
/* Lien : */
.affiche .contenu a {
padding-left: 17px; /* espace intérieur de gauche */
font: 12px Arial, Helvetica, Verdana, sans-serif; /* police */
text-decoration: underline; /* décoration du texte */
}
/* Lien (survolé ou non) : */
.affiche .contenu a, .affiche .contenu a:link, .affiche .contenu a:visited, .affiche .contenu a:hover {
background: url(IMG/gif/fleche_bordeaux.gif) no-repeat; /* flèche de gauche */
}
/* Lien non survolé : */
.affiche .contenu a, .affiche .contenu a:link, .affiche .contenu a:visited {
color: #E0251C; /* couleur de police */
}
/* Lien survolé : */
.affiche .contenu a:hover {
text-decoration: none; /* décoration du texte */
}
/******************/
/* Plan du site : */
/******************/
/* Liste : */
#plan_site {
margin: 0px 0px 10px 0px; /* marge (haut, droite, bas, gauche) */
padding: 0; /* espace intérieur */
text-align: left; /* alignement du texte */
}
/* Elément de liste : */
#plan_site li {
display: inline; /* disposition en ligne */
list-style: none; /* représentation de liste */
}
/* Titre ou description : */
#plan_site span.titre_princ, #plan_site span.titre_second, #plan_site span.desc_princ, #plan_site span.desc_second {
font-weight: bold; /* poids de police */
font-family: Verdana, Arial, Helvetica, sans-serif; /* famille de police */
}
/* Titre : */
#plan_site span.titre_princ, #plan_site span.titre_second {
float: left; /* localisation à gauche */
width: 148px; /* largeur */
padding-left: 9px; /* espace intérieur de gauche */
vertical-align: top; /* alignement vertical */
line-height: 16px; /* interligne */
}
/* Titre principal : */
#plan_site span.titre_princ {
background: url(IMG/gif/carre_noir.gif) no-repeat left 6px; /* puce */
color: #504F4D; /* couleur de police */
}
/* Titre secondaire : */
#plan_site span.titre_second {
background: url(IMG/gif/carre_vert_2.gif) no-repeat left 6px; /* puce */
}
/* Description : */
#plan_site span.desc_princ, #plan_site span.desc_second {
float: right; /* localisation à droite */
width: 61%; /* largeur */
padding: 0px 0px 20px 20px; /* espace intérieur (haut, droite, bas, gauche) */
font-size: 10px; /* taille de police */
border-left: solid 2px #504F4D; /* bordure de gauche */
}
/* Description principale : */
#plan_site span.desc_princ {
color: #504F4D; /* couleur de police */
}
/* Description secondaire : */
#plan_site span.desc_second {
color: #0B7800; /* couleur de police */
}
/* Date de publication d'article : */
#plan_site span.desc_princ .publie_le {
float: right; /* localisation à droite */
margin-top: 11px; /* marge du haut */
font: 11px Arial, Helvetica, Verdana, sans-serif; /* police */
color: #0A6401; /* couleur de police */
}
/* Lien de titre principal : */
#plan_site span.titre_princ a, #plan_site span.titre_princ a:link, #plan_site span.titre_princ a:visited {
color: #504F4D; /* couleur de police */
}
/* Lien de titre secondaire : */
#plan_site span.titre_second a, #plan_site span.titre_second a:link, #plan_site span.titre_second a:visited {
color: #0B7800; /* couleur de police */
}
/* Lien de titre principal survolé : */
#plan_site span.titre_princ a:hover {
background-color: #504F4D; /* couleur de fond */
color: #FFFFFF; /* couleur de police */
}
/* Lien de titre secondaire survolé : */
#plan_site span.titre_second a:hover {
background-color: #0B7800; /* couleur de fond */
color: #FFFFFF; /* couleur de police */
}
/* Lien "Lire la suite..." : */
#plan_site a.lire_suite {
display: block; /* disposition en bloc */
width: 95px; /* largeur */
margin: 10px 0px 10px 0px; /* marge (haut, droite, bas, gauche) */
padding-left: 17px; /* espace intérieur de gauche */
font: 11px Arial, Helvetica, Verdana, sans-serif; /* police */
text-decoration: underline; /* décoration du texte */
}
/* Lien "Lire la suite..." (survolé ou non) : */
#plan_site a.lire_suite, #plan_site a.lire_suite:link, #plan_site a.lire_suite:visited, #plan_site a.lire_suite:hover {
background: url(IMG/gif/fleche_bordeaux.gif) no-repeat; /* flèche de gauche */
}
/* Lien "Lire la suite..." non survolé : */
#plan_site a.lire_suite, #plan_site a.lire_suite:link, #plan_site a.lire_suite:visited {
color: #E0251C; /* couleur de police */
}
/* Lien "Lire la suite..." survolé : */
#plan_site a.lire_suite:hover {
text-decoration: none; /* décoration du texte */
}
/* Titre d'article dans "Le programme du mois" : */
#plan_site span.titre_princ p.titre_article {
margin-top: 2px; /* marge du haut */
text-indent: 0; /* indentation du texte */
line-height: 14px; /* interligne */
text-align: left; /* alignement du texte */
font: bold Arial, Helvetica, Verdana, sans-serif; /* police */
color: #8D8C87; /* couleur de police */
}
/* Liste de numéros : */
#plan_site span.desc_princ #liste_periodes {
margin: 15px 0px 0px 30px; /* marge (haut, droite, bas, gauche) */
}
/* Paragraphe de liste de numéros : */
#plan_site span.desc_princ #liste_periodes p {
margin: 0; /* marge */
padding: 0px 0px 2px 0px; /* espace intérieur (haut, droite, bas, gauche) */
text-indent: 0; /* indentation du texte */
font: 11px Helvetica, Arial, Verdana, sans-serif; /* police */
}
/* Lien de liste de numéros : */
#plan_site span.desc_princ #liste_periodes a, #plan_site span.desc_princ #liste_periodes a:link, #plan_site span.desc_princ #liste_periodes a:visited {
text-decoration: underline; /* decoration du texte */
color: #7B01AD; /* couleur de police */
}
/* Lien de liste de numéros survolé : */
#plan_site span.desc_princ #liste_periodes a:hover {
background: none; /* arrière-plan */
}
/* Contenu de numéro : */
#plan_site span.desc_princ a span.contenu_num {
display: none; /* masquage */
}
/* Contenu de numéro survolé : */
#plan_site span.desc_princ a:hover span.contenu_num {
display: block; /* disposition en bloc */
position: relative; /* position relative */
left: 30px; /* localisation à gauche */
width: 220px; /* largeur */
text-indent: 0; /* indentation du texte */
text-align: left; /* alignement du texte */
line-height: 14px; /* interligne */
}
/* Liste des séries d'un numéro : */
#plan_site span.desc_princ a:hover span.contenu_num ul {
margin: 5px 0px; /* marge (verticale, horizontale) */
padding: 0; /* espace intérieur */
font-weight: normal; /* poids de police */
}
/* Série d'un numéro : */
#plan_site span.desc_princ a:hover span.contenu_num li {
display: block; /* disposition en bloc */
margin: 5px 0px; /* marge (verticale, horizontale) */
text-decoration: overline; /* decoration du texte */
}
/* Image : */
#plan_site img.spip_logos {
text-indent: 0; /* indentation du texte */
border: solid 1px #000000; /* bordure */
}
/***********************/
/* Options d'article : */
/***********************/
/* Conteneur : */
#options {
position: relative; /* position relative */
top: 0; /* localisation en haut */
left: 320px; /* localisation en haut */
height: 20px; /* hauteur */
width: 120px; /* largeur */
margin-bottom: 10px; /* marge du bas */
padding: 0; /* espace intérieur */
list-style: none; /* représentation de liste */
}
/* Liste : */
#options li {
position: absolute; /* position absolue */
list-style-type: none; /* suppression des puces */
background: url(IMG/gif/pictos.gif) no-repeat; /* image de fond */
}
/* Liste et lien : */
#options li, #options a {
display: block; /* disposition en bloc */
height: 20px; /* hauteur */
width: 24px; /* largeur */
}
/* Image "grisée" : */
#options li#img_reactions {
left: 2px; /* localisation à gauche */
background: url(IMG/gif/pictos.gif) -144px -40px no-repeat; /* image de fond */
}
/* Lien "Envoyer à un ami" : */
/*#options li#ami {
left: 28; /* localisation à gauche */
/*background-position: -24px 0;*/
/*}*/
/* Passage sur le lien "Envoyer à un ami" : */
/*#options li#ami a:hover {
background: url(IMG/gif/pictos.gif) -24 -20px no-repeat;
/*}*/
/* Lien "Lire les réactions" : */
#options li#reactions {
left: 2px; /* localisation à gauche */
background-position: 0 -40px; /* position de l'image de fond */
}
/* Passage sur le lien "Lire les réactions" : */
#options li#reactions a:hover {
background: url(IMG/gif/pictos.gif) 0 -60px no-repeat; /* image de fond */
}
/* Lien "Réagir" : */
#options li#opinion {
left: 28px; /* localisation à gauche */
background-position: -24px -40px; /* position de l'image de fond */
}
/* Passage sur le lien "Réagir" : */
#options li#opinion a:hover {
background: url(IMG/gif/pictos.gif) -24px -60px no-repeat; /* image de fond */
}
/* Lien "S'informer" : */
#options li#donnees {
left: 54px; /* localisation à gauche */
background-position: -48px -40px; /* position de l'image de fond */
}
/* Passage sur le lien "S'informer" : */
#options li#donnees a:hover {
background: url(IMG/gif/pictos.gif) -48px -60px no-repeat; /* image de fond */
}
/* Lien "Imprimer" : */
#options li#imprimer {
left: 80px; /* localisation à gauche */
background-position: -72px -40px; /* position de l'image de fond */
}
/* Passage sur le lien "Imprimer" : */
#options li#imprimer a:hover {
background: url(IMG/gif/pictos.gif) -72px -60px no-repeat; /* image de fond */
}
/* Lien "Enregistrer au format PDF" : */
#options li#pdf {
left: 106px; /* localisation à gauche */
background-position: -96px -40px; /* position de l'image de fond */
}
/* Passage sur le lien "Enregistrer au format PDF" : */
#options li#pdf a:hover {
background: url(IMG/gif/pictos.gif) -96px -60px no-repeat; /* image de fond */
}
/* Explicatif de lien : */
#options a span.explicatif, #options a span.explicatif_quatre, #options a span.explicatif_trois {
display: none; /* masquage */
}
/* Explicatif de lien au survol : */
#options a:hover span.explicatif {
display: block; /* disposition en bloc */
position: absolute; /* position absolue */
padding-top: 1px; /* espace intérieur du haut */
text-align: center; /* alignement du texte */
text-indent: 0; /* indentation du texte */
font-weight: normal; /* poids du texte */
font: 12px Arial, Verdana, Helvetica, sans-serif; /* police */
line-height: 17px; /* interligne */
border: 1px solid #8472F9; /* bordure */
background-color: #FFFFFF; /* couleur de fond */
color: #4A3BAA; /* couleur de police */
}
/* Explicatif de lien normal au survol : */
#options a:hover span.explicatif {
width: 318px; /* largeur */
}
/* Explication de lien "Envoyer à un ami" au survol : */
/*#options a.ami:hover span.explicatif {
/*margin-left: -501px; /* marge de gauche */
/*}*/
/* Explication de lien "Lire les réactions" au survol : */
#options li#reactions a:hover span.explicatif {
margin-left: -321px; /* marge de gauche */
}
/* Explication de lien "Réagir" au survol : */
#options li#opinion a:hover span.explicatif {
margin-left: -347px; /* marge de gauche */
}
/* Explication de lien "S'informer" au survol : */
#options li#donnees a:hover span.explicatif {
margin-left: -373px; /* marge de gauche */
}
/* Explication de lien "Imprimer" au survol : */
#options li#imprimer a:hover span.explicatif {
margin-left: -399px; /* marge de gauche */
}
/* Explication de lien "Enregistrer au format PDF" au survol : */
#options li#pdf a:hover span.explicatif {
margin-left: -425px; /* marge de gauche */
}
/********************************/
/* Caractéristiques d'article : */
/********************************/
/* Conteneur : */
#caracter {
text-align: center; /* texte centré */
}
/* Tableau : */
#caracter table.spip {
width: 80%; /* largeur */
margin: 15px auto; /* marge (verticale, horizontale) */
}
/**************/
/* Pagination */
/**************/
/* Conteneur : */
#pagination, #pagination_espacee {
margin: 15px 0px 5px 0px; /* marge (haut, droite, bas, gauche) */
text-align: center; /* texte centré */
text-indent: 0; /* indentation du texte */
font: bold 11px Arial, sans-serif; /* police */
}
/* Conteneur espacé : */
#pagination_espacee {
margin-top: 25px; /* marge du haut */
}
/* Conteneur + numéro en cours + liens : */
#pagination, #pagination_espacee, #pagination span.actif, #pagination_espacee span.actif, #pagination a, #pagination_espacee a {
padding: 2px 4px 2px 4px; /* espace intérieur (haut, droite, bas, gauche) */
}
/* Numéro en cours + liens : */
#pagination span.actif, #pagination_espacee span.actif, #pagination a, #pagination_espacee a {
line-height: 22px; /* interligne */
}
/* Lien : */
#pagination a, #pagination_espacee a {
text-decoration: none; /* décoration de texte */
border: 1px solid #FFFFFF; /* bordure */
background-color: #100086; /* couleur de fond */
color: #FFFFFF; /* couleur de police */
}
/* Lien survolé et numéros en cours : */
#pagination a:hover, #pagination span.actif, #pagination_espacee a:hover, #pagination_espacee span.actif {
border: 1px solid #100086; /* bordure */
background-color: #FFFFFF; /* couleur de fond */
color: #100086; /* couleur de police */
}
/*********************/
/* Nom des auteurs : */
/*********************/
p#auteurs {
font: bold 10px Verdana, Arial, Helvetica, sans-serif; /* police */
margin: -15px 0px 20px 0px; /* marge (haut, droite, bas, gauche) */
text-indent: 0; /* indentation du texte */
text-align: center; /* alignement du texte */
color: #504F4D; /* couleur de police */
}
/*********************************/
/* Numéro (couverture + édito) : */
/*********************************/
/* Conteneur : */
.mag {
font: 12px Arial, Verdana, Helvetica, sans-serif; /* police */
text-align: justify; /* alignement du texte */
text-indent: 50px; /* indentation du texte */
}
/* Image : */
.mag img.spip_logos
{
margin: 0px 0px 5px 5px; /* marge (haut, droite, bas, gauche) */
}
/****************************/
/* Réactions à un article : */
/****************************/
/* Conteneur : */
.cadre_messages {
margin: 20px 0px 0px 0px; /* marge (haut, droite, bas, gauche) */
padding: 0; /* espace intérieur */
font: 12px Arial, Helvetica, Verdana, sans-serif; /* police */
font-weight: normal; /* poids de police */
border: 2px #7E016E solid; /* bordure */
background-color: #F7E6F5; /* couleur de fond */
color: #67055B; /* couleur de police */
}
/* Cadre de réaction (sujet + réponses) : */
.cadre_messages legend {
margin: 5px 0px 0px -2px; /* marge (haut, droite, bas, gauche) */
padding: 0px 5px 0px 5px; /* espace intérieur (haut, droite, bas, gauche) */
font: bold 11px Arial, Helvetica, Verdana, sans-serif; /* police */
text-indent: 0; /* indentation du texte */
background-color: #67055B; /* couleur de fond */
color: #FFFFFF; /* couleur de police */
}
/* Barre horizontale : */
.cadre_messages .barre {
height: 2px; /* hauteur */
width: 100%; /* largeur */
margin: 5px 0px 5px 0px; /* marge (haut, droite, bas, gauche) */
font-size: 1px; /* taille de police */
background-color: #7E016E; /* couleur de fond */
}
/* Message : */
.message {
padding: 0px 20px 0px 20px; /* espace intérieur (haut, droite, bas, gauche) */
text-align: justify; /* alignement du texte */
text-indent: 20px; /* indentation du texte */
}
/* Titre de message : */
.message h1 {
width: 100%; /* largeur */
margin: 0px 0px 10px 0px; /* marge (haut, droite, bas, gauche) */
font: 13px Arial, Helvetica, Verdana, sans-serif; /* police */
text-indent: 3px; /* indentation du texte */
text-align: left; /* alignement du texte */
font-weight: normal; /* poids de police */
}
/* Date de publication : */
.message h2 {
margin: 0px 0px 10px 0px; /* marge (haut, droite, bas, gauche) */
padding: 0px 0px 0px 10px; /* espace intérieur (haut, droite, bas, gauche) */
font: 11px Arial, Verdana, Helvetica, sans-serif; /* police */
text-align: right; /* alignement du texte */
background: none; /* arrière-plan */
color: #FF0000; /* couleur de police */
}
/* Lien hypertexte : */
.message h3 {
margin: 10px -20px 0px -20px; /* marge (haut, droite, bas, gauche) */
padding: 5px 20px 5px 20px; /* espace intérieur (haut, droite, bas, gauche) */
font: bold 11px Arial, Helvetica, Verdana, sans-serif; /* police */
text-align: left; /* alignement du texte */
text-indent: 20px; /* indentation du texte */
background: url(IMG/gif/arobas.gif) 20px 5px no-repeat; /* symbôle "@" */
background-color: #67055B; /* couleur de fond */
color: #FFFFFF; /* couleur de police */
}
/* Paragraphe de message : */
.message p.spip {
padding-bottom: 5px; /* espace intérieur du bas */
font: 12px Arial, Helvetica, Verdana, sans-serif; /* police */
text-indent: 20px; /* indentation du texte */
}
/* Paragraphe de lien de réponse : */
.message p.repondre_message {
margin-top: 15px; /* marge du haut */
padding: 0; /* espace intérieur */
text-align: center; /* alignement du texte */
text-indent: 0; /* indentation du texte */
}
/* Bouton d'envoi (depuis un message prévisualisé) */
.message p.repondre_message #bouton_envoi {
font: bold 11px Helvetica, Arial, Verdana, sans-serif; /* police */
border: 1px solid #000000; /* bordure */
background-color: #FED0FF; /* couleur de fond */
color: #000000; /* couleur de police */
}
/* Citation : */
.message blockquote.spip {
padding-top: 5px; /* espace intérieur du haut */
background-color: #FFFFFF; /* couleur de fond */
}
/* Paragraphe de citation : */
.message blockquote.spip p.spip {
margin: 5px 0px 0px 0px; /* marge (haut, droite, bas, gauche) */
}
/* Lien : */
.message a {
font-weight: normal; /* poids de police */
}
/* Lien de nom d'auteur : */
.message a.nom_auteur, .message a.nom_auteur:link, .message a.nom_auteur:visited {
color: #006A76; /* couleur de police */
text-decoration: underline; /* décoration du texte */
}
/* Lien de nom d'auteur normal : */
.message a.nom_auteur {
font: 14px Helvetica, Arial, Verdana, sans-serif; /* police */
}
/* Lien de nom d'auteur survolé : */
.message a.nom_auteur:hover {
text-decoration: none; /* décoration du texte */
background: none; /* arrière-plan */
}
/* Lien de réponse : */
.message a.repondre, .message a.repondre:link, .message a.repondre:visited {
font: bold 11px Helvetica, Arial, Verdana, sans-serif; /* police */
text-decoration: none; /* décoration du texte */
color: #000000; /* couleur de police */
}
/* Lien de réponse survolé : */
.message a.repondre:hover {
color: #FFFFFF; /* couleur de police */
background-color: #000000; /* couleur de fond */
}
/* Lien hypertexte : */
.message h3 a, .message h3 a:link, .message h3 a:visited, .message h3 a:hover {
color: #F9FF5B; /* couleur de police */
}
/* Lien hypertexte normal : */
.message h3 a {
font: 11px Verdana, Helvetica, Arial, sans-serif; /* police */
text-decoration: underline; /* decoration du texte */
}
/* Lien hypertexte survolé : */
.message h3 a:hover {
text-decoration: none; /* decoration du texte */
background: none; /* arrière-plan */
}
/* Logo : */
.message .bulle_sujet, .message .bulle_reponse {
float: left; /* localisation à gauche */
margin: 22px 0px 0px 15px; /* marge (haut, droite, bas, gauche) */
}
/* Logo de sujet : */
.message .bulle_sujet {
height: 21px; /* hauteur */
width: 23px; /* largeur */
background: url(IMG/gif/bulle_sujet.gif) no-repeat; /* bulle */
}
/* Logo de réponse : */
.message .bulle_reponse {
height: 20px; /* hauteur */
width: 20px; /* largeur */
background: url(IMG/gif/bulle_reponse.gif) no-repeat; /* bulle */
}
/*****************************************/
/* Formulaire d'opinion sur un article : */
/*****************************************/
/* Conteneur : */
.formul_opinion form {
text-indent: 0; /* indentation du texte */
background: url(IMG/gif/fond_form.gif); /* motif de fond */
color: #AE4E01; /* couleur de police */
}
/* Cadre de formulaire (avec pictogramme, message avant envoi) : */
.formul_opinion fieldset.encadrer_avec_picto, .formul_opinion fieldset.encadrer_message {
margin-top: 10px; /* marge du haut */
font-family: helvetica, arial, sans-serif; /* famille de police */
border: 2px #AE4E01 solid; /* bordure */
}
/* Cadre de formulaire (avec pictogramme) : */
.formul_opinion fieldset.encadrer_avec_picto {
padding: 0px 20px 10px 20px; /* espace intérieur (haut, droite, bas, gauche) */
background: url(IMG/gif/form_reaction.gif) 98% 15% no-repeat; /* image dans le coin haut droit */
}
/* Cadre de formulaire (message avant envoi) : */
.formul_opinion fieldset.encadrer_message {
padding: 0px 20px 0px 20px; /* espace intérieur (haut, droite, bas, gauche) */
background: url(IMG/gif/fond_form_message.gif); /* motif de fond */
}
/* Champs de formulaire : */
.formul_opinion #champs {
padding-top: 10px; /* espace intérieur du haut */
}
/* Paragraphe de formulaire (message avant envoi) : */
.formul_opinion fieldset.encadrer_message p.spip {
padding-bottom: 5px; /* espace intérieur du bas */
font: bold 11px Arial, Helvetica, Verdana, sans-serif; /* police */
text-indent: 20px; /* indentation du texte */
color: #AE4E01; /* couleur de police */
}
/* Gras de formulaire (message avant envoi) : */
.formul_opinion fieldset.encadrer_message p.spip b.spip {
font-size: 14px; /* taille de police */
}
/* Label de formulaire (auteur du message) : */
.formul_opinion label #auteur_message {
font-size: 13px; /* taille de police */
}
/* Bouton de formulaire : */
.formul_opinion input.spip_bouton {
margin: 10px 5px 10px 5px; /* marge (haut, droite, bas, gauche) */
width: 167px; /* largeur */
border: none; /* bordure */
background: url(IMG/gif/bouton_form.gif) 50% no-repeat; /* motif de fond */
color: #FFFFFF; /* couleur de police */
}
/* Lien de barre typographique : */
.formul_opinion table a:hover {
background-color: #FFFFFF; /* couleur de fond */
}
/*************/
/* Contact : */
/*************/
/* Conteneur : */
.aut_select form {
background: url(IMG/gif/fond_form.gif); /* motif de fond */
}
/* Cadre de formulaire : */
.aut_select fieldset {
/*background: url(IMG/gif/form_contact.gif) 98% 5% no-repeat; /* image dans le coin haut droit */
background: url(IMG/gif/form_contact.gif) 98% 18px no-repeat; /* image dans le coin haut droit */
}
/* Bouton de formulaire : */
.aut_select input.spip_bouton {
width: 167px; /* largeur */
border: none; /* bordure */
background: url(IMG/gif/bouton_form.gif) 50% no-repeat; /* motif de fond */
color: #FFFFFF; /* couleur de police */
}
/*************/
/* Spoiler : */
/*************/
/* Conteneur : */
.spoiler {
margin-bottom: 10px; /* marge du bas */
padding: 5px; /* espace intérieur */
border: solid 1px #000000; /* bordure */
background-color: #EEEEF3; /* couleur de fond */
}
/* Bombe rouge : */
.spoiler img {
margin: 3px 6px 0px 0px; /* marge (haut, droite, bas, gauche) */
}
/* Lien : */
.spoiler a, .spoiler a:link, .spoiler a:visited {
font-weight: bold; /* poids de police */
text-decoration: none; /* décoration du texte */
color: #504F4D; /* couleur de police */
}
/* Lien survolé : */
.spoiler a:hover {
background-color: #EEEEF3; /* couleur de fond */
}
/* Message d'avertissement : */
.spoiler a span {
display: none; /* masquage */
}
/* Message d'avertissement survolé : */
.spoiler a:hover span {
display: block; /* disposition en bloc */
font-weight: normal; /* poids de police */
}
/****************/
/* Info-bulle : */
/****************/
/* Conteneur : */
.infobulle {
position: relative; /* position relative */
}
/* Lien de l'infobulle : */
a.infobulle {
text-decoration: none; /* decoration du texte */
}
/* Lien de l'infobulle survolé : */
a:hover.infobulle {
background-color: #E0251C; /* couleur de fond */
color: #FFFFFF; /* couleur de police */
}
/* Définition du mot : */
a.infobulle span {
display: none; /* masquage */
font: 12px Arial, Verdana, Helvetica, sans-serif; /* police */
}
/* Définition du mot au survol : */
a.infobulle:hover span, a.infobulle:focus span, a.infobulle:active span {
position: absolute; /* position absolue */
display: block; /* disposition en bloc */
top: 2em; /* localisation en haut */
left: 0; /* localisation à gauche */
width: 400px; /* largeur */
z-index: 500; /* niveau de superposition */
padding: 3px 4px; /* espace intérieur (vertical, horizontal) */
text-align: justify; /* alignement du texte */
text-indent: 0; /* indentation du texte */
font-weight: normal; /* poids de police */
font-style: normal; /* style de police */
border: 1px solid #5C0601; /* bordure */
color: #5C0601; /* couleur de police */
background-color: #FCF7F6; /* couleur de fond */
}
/*************************/
/* Note de bas de page : */
/*************************/
/* Conteneur : */
#notes {
margin: 25px 0px 0px 0px; /* marge (haut, droite, bas, gauche) */
border-top: 1px solid #000000; /* bordure du haut */
}
/* Paragraphe : */
p.spip_note {
padding: 0; /* espace intérieur */
margin: 2px 0px 5px 0px; /* marge (haut, droite, bas, gauche) */
font: 10px Verdana, Arial, Helvetica, sans-serif; /* police */
font-weight: bold; /* poids de police */
text-indent: 0; /* indentation du texte */
color: #504F4D; /* couleur de police */
}
/* Lien de note : */
a.spip_note {
text-decoration: none; /* décoration de texte */
}
/* Lien de note survolé : */
a:hover.spip_note {
background-color: #E0251C; /* couleur de fond */
color: #FFFFFF; /* couleur de police */
}
/****************/
/* Pied de page */
/****************/
/* Conteneur : */
#pied {
width: 100%; /* largeur égale à celle du corps */
padding: 0; /* espace intérieur */
background-image: url(IMG/gif/ligne_fond_pied.gif); /* image de fond */
}
/* Menu : */
#pied #menupied {
height: 12px; /* hauteur */
padding: 0px 0px 2px 0px; /* espace intérieur */
font: 10px Verdana, Arial, Helvetica, sans-serif; /* police */
background-color: #000000; /* couleur de fond */
}
/* Liste de menu : */
#pied ul#menupied {
margin: 0; /* marge */
}
/* Elément de liste de menu : */
#pied ul#menupied li {
display: inline; /* affichage en ligne */
margin: 0px 3px 0px 3px; /* marge (haut, droite, bas, gauche) */
padding: 0px 0px 0px 12px; /* espace intérieur (haut, droite, bas, gauche) */
list-style: none; /* représentation de liste */
background: url(IMG/gif/separateur.gif) no-repeat left center; /* image de fond */
}
/* Premier élément (sans trait de séparation) : */
#pied ul#menupied li#premier {
background: none; /* arrière-plan */
}
/* Lien : */
#pied #menupied a {
text-decoration: none; /* decoration du texte */
color: #FFFFFF; /* couleur de police */
}
/* Passage sur un lien : */
#pied #menupied a:hover {
text-decoration: underline; /* decoration du texte */
}
/* Copyright CS : */
#pied h3 {
padding: 5px 0px 5px 0px; /* espace intérieur (haut, droite, bas, gauche) */
font: bold 11px Arial, Verdana, Helvetica, sans-serif; /* police */
}
/**************/
/* Impression */
/**************/
/* Elément caché à la navigation : */
.cacheprint {
display: inline
}
/* Element affiché à la navigation : */
.showprint {
display: none
}
/**********/
/* Styles */
/**********/
/* (exemples d'usage : Un texte affiché en gras
*/
/* ou Un texte affiché en italique
) */
/* Sans style : */
.normal {
font-weight: normal;
font-style: normal;
}
/* Gras : */
.gras {
font-weight: bold;
}
/* Italique : */
.italique {
font-style: italic;
}
/* Souligné : */
.souligne {
text-decoration: underline;
}
/* Gras et italique : */
.gras_italique {
font-weight: bold;
font-style: italic;
}
/* Gras et souligné : */
.gras_souligne {
font-weight: bold;
text-decoration: underline;
margin-top: 0px;
}
/* Italique en petites capitales : */
.italique_cap {
font-style: italic;
font-variant: small-caps;
color: #736C7C;
}
/* Centré : */
.milieu {
text-align: center;
}
/* Fer à droite : */
.droite {
text-align: right;
}
/* Flottant à droite : */
.flottant_droite {
float: right;
}
/* Fer à gauche : */
.gauche {
text-align: left;
}
/* Flottant à gauche : */
.flottant_gauche {
float: left;
}
/* Caché : */
.cache {
display: none;
}
/* Souligné en pointillés : */
.pointille {
border-bottom: 1px dotted #B04200;
}
/* Avec couleur de fond : */
.colorie {
background-color: #BE1212;
color: #FFFFFF;
}
/* Aligné verticalement au milieu : */
.vertical_middle {
vertical-align: middle; /* alignement vertical du texte */
}
/* Aligné verticalement en bas : */
.bas {
vertical-align: bottom;
}
/* Numéro de magazine agrandi : */
.plus_grand {
font-size: 130%;
}
/* Rediffusion : */
#plus_petit {
margin: 0px 0px 10px 0px; /* marge (haut, droite, bas, gauche) */
text-align: center; /* texte centré */
font-size: 90%; /* taille de police */
font-weight: bold; /* poids de police */
color: #007243; /* couleur de police */
}
#plus_petit a {
text-decoration: none; /* décoration de texte */
border-bottom: 1px dotted #007243; /* souligné en pointillés */
color: #007243; /* couleur de police */
background: none; /* fond */
}
#plus_petit a:hover {
text-decoration: none; /* décoration du texte */
color: #FFFFFF; /* couleur de police */
background: #007243; /* couleur de fond */
}
/* Message d'alerte : */
.alerte, .alerte_form, .alerte_lien {
width: 100%; /* largeur */
margin: 0px auto 10px auto; /* marge (haut, droite, bas, gauche) */
text-align: center; /* texte centré */
font-family: Helvetica, Arial, Verdana, sans-serif; /* police */
font-size: 110%; /* taille de police */
color: #FF0000; /* couleur de police */
}
/* Message d'alerte de formulaire : */
.alerte_form {
margin-top: 10px; /* marge du haut */
}
/* Message d'alerte d'ajout de lien : */
.alerte_lien {
color: #F2FB8D; /* couleur de police */
}
/* De couleur turquoise : */
.turquoise {
color: #006A76;
}
/**************/
/* Paragraphe */
/**************/
/* Normal : */
p {
text-align: justify; /* texte justifié */
margin: 0px 10px 20px 10px; /* marge (haut, droite, bas, gauche) */
}
/* Faible marge verticale : */
p.serre {
margin-bottom: 5px; /* marge du bas */
}
/* Gras sans marge verticale : */
p.gras_serre {
font-weight: bold; /* poids de police */
margin-bottom: 0; /* marge du bas */
}
/* Lettrine : */
.lettrine {
float: left; /* localisation à gauche */
margin-right: 2px; /* marge de droite */
font-size: 4.1em; /* taille de police */
_font-size: 4.3em; /* taille de police sous IE */
font-weight: bolder; /* poids de police */
line-height: 0.87em; /* interligne */
}
/*****************************************/
/* Hiérarchisation : titres, sous-titres */
/*****************************************/
/* Titre de niveau 1 : */
h1 {
font-size: 140%; /* taille de police */
font-style: normal; /* style de police */
font-weight: bold; /* poids de police */
text-align: center; /* titre centré */
text-indent: 0; /* indentation du texte */
}
/* Titre de niveau 2 : */
h2 {
font-size: 120%; /* taille de police */
font-style: normal; /* style de police */
line-height: normal; /* interligne */
font-weight: bold; /* poids de police */
text-align: center; /* titre centré */
text-indent: 0; /* indentation du texte */
}
/* Titre de niveau 3 : */
h3 {
font-size: 90%; /* taille de police */
font-style: normal; /* style de police */
line-height: normal; /* interligne */
font-weight: bold; /* poids de police */
margin: 0; /* marge */
color: #732104; /* couleur de police */
text-align: center; /* titre centré */
text-indent: 0; /* indentation du texte */
}
/********/
/* Lien */
/********/
/* Normal : */
a {
text-decoration: underline; /* decoration du texte */
}
/* Pas encore visité */
a:link {
color: red; /* couleur de police */
}
/* Visité : */
a:visited {
color: red; /* couleur de police */
}
/* Survolé : */
a:hover {
text-decoration: underline; /* decoration du texte */
}
/******************/
/* Liste ordonnée */
/******************/
ol {
text-align: left; /* alignement du texte */
}
/*********/
/* Image */
/*********/
img {
border-width: 0; /* bordure */
}
/*********************/
/* Barre horizontale */
/*********************/
/* Normale : */
hr {
height: 2px; /* hauteur */
width: 50%; /* largeur */
margin: 10px auto 10px auto; /* marge (haut, droite, bas, gauche) */
text-align: center; /* alignement du texte */
border: 0; /* bordure */
background-color: #504F4D; /* couleur de fond */
color: #504F4D; /* couleur */
}
/* Trait de séparation */
hr.trait_dessous {
width: 100%; /* largeur */
margin: 0px; /* marge */
height: 1px; /* hauteur */
background-color: #EF8A85; /* couleur de fond */
color: #EF8A85; /* couleur */
}
/************/
/* Exposant */
/************/
sup {
vertical-align: top;
}
/*---------------*/
/* Styles SPIP : */
/*---------------*/
/**************/
/* Citation : */
/**************/
blockquote.spip {
margin: 10px 0px 15px 0px; /* marge (haut, droite, bas, gauche) */
padding: 0px 10px 5px 10px; /* espace intérieur (haut, droite, bas, gauche) */
border: 1px dotted #B04200; /* bordure */
background-color: #FDECEE; /* couleur de fond */
color: #100086; /* couleur de police de base */
}
/*************/
/* Tableau : */
/*************/
/* Conteneur : */
table.spip {
width: 50%; /* largeur */
margin: 10px auto 0 auto; /* marge (haut, droite, bas, gauche) */
font: 11px Verdana, Arial, Helvetica, sans-serif; /* police */
}
/* Ligne d'entête : */
table.spip tr.row_first {
background-color: #E7EBE6; /* couleur de fond */
color: #504F4D; /* couleur de police */
}
/* Ligne impaire : */
table.spip tr.row_odd {
background-color: #FFFFFF; /* couleur de fond */
color: #000000; /* couleur de police */
}
/* Ligne paire ; */
table.spip tr.row_even {
background-color: #000000; /* couleur de fond */
color: #FFFFFF; /* couleur de police */
}
/* Cellule : */
table.spip td {
padding: 1px; /* espace intérieur */
text-align: center; /* alignement du texte */
vertical-align: middle; /* alignement vertical du texte */
}
/****************/
/* Formulaire : */
/****************/
/* Conteneur : */
form {
margin: 15px 0px 20px 0px; /* marge (haut, droite, bas, gauche) */
padding: 0; /* espace intérieur */
font: bold 11px Arial, Helvetica, Verdana, sans-serif; /* police */
}
/* Cadre de formulaire : */
form fieldset {
margin: 10px 0px 0px 0px; /* marge (haut, droite, bas, gauche) */
padding: 0px 20px 10px 20px; /* espace intérieur (haut, droite, bas, gauche) */
border: 2px #AE4E01 solid; /* bordure */
}
/* Titre de formulaire : */
form legend {
margin: 5px 0px 5px 0px; /* marge (haut, droite, bas, gauche) */
padding: 0px 5px 0px 5px; /* espace intérieur (haut, droite, bas, gauche) */
background-color: #AE4E01; /* couleur de fond */
color: #FFFFFF; /* couleur de police */
}
/* Champs de formulaire : */
#champs {
padding-top: 30px; /* espace intérieur du haut */
}
/* Label de formulaire : */
form label {
color: #AE4E01; /* couleur de police */
}
/* Champs de saisie de formulaire : */
.forml {
width: 100%; /* largeur */
margin-bottom: 10px; /* marge du bas */
font: 11px Verdana, Arial, Helvetica, sans-serif; /* police */
display: block; /* disposition en bloc */
background-color: #FDECEE; /* couleur de fond */
}
/* Zone de texte : */
form textarea {
scrollbar-base-color: #FDECEE; /* couleur de barre de défilement */
}
/* Bouton de formulaire : */
form input.spip_bouton {
padding: 2px; /* espace intérieur */
font: bold 11px Arial, Helvetica, Verdana, sans-serif; /* police */
cursor: pointer; /* forme du curseur */
}