* {
padding: 0;
margin: 0;
}
html {
margin: 0;
padding: 0;
}
body {
margin: 0px auto;
padding: 0;
font: 11px Verdana,'Lucida Grande',Geneva,Arial,Helvetica,sans-serif;
color: #333;
background-color: #EEEEEC;
margin-top: -2px;
}
#head {
padding: 0;
margin: 0;
}
#intro1{
width:100%;
height:100%;
background-color: #739FCE;
position:absolute;
}
#txt small {
color: #aaa;
}
#intro{
position:absolute;
left: 50%;
top: 50%;
margin-top: -184px; /* moitié de la hauteur de l'image */
margin-left: -343px; /* moitié de la largeur de l'image */
}
#intro a {
color:#fff;
}
#menud {
padding: 0;
margin: 0;
}
#bleu {
padding: 0;
margin: 0;
background-color: #729FCF;
}
/* A NETTOYER */
#troiscol {
position: relative;
border: 0px;
padding: 0;
margin: 0;
width: 780px;
text-align: left;
background-color: #729FCF;
}
#gauche {
position: relative;
font-size: 1em;
width: 550px;
padding: 0px;
}
#mesliens
{
color:#FFFFFF; text-decoration:none;
}
/*compter le padding dans la largeur*/
#contenudedroite {
position: absolute;
top: 0px;
left: 590px;
width: 188px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
* html #txt {
height: 600px;
}
#gauche_accueil {
position: relative;
font-size: 1em;
color: #000;
left: 0px;
width: 188px;
padding: 0px;
min-height: 630px;
top: -2px;
}
*>#gauche_accueil {
position: relative;
font-size: 1em;
color: #000;
left: 0px;
width: 188px;
padding: 0px;
top: 0px;
}
#home_links {
position: absolute;
color: #000;
width: 180px;
padding: 0px;
font-size: 11px;
display: block;
}
#home_links h3 {
color: #CE5C00;
background-color: #fff;
font: bold 11px;
margin: 0px 0px 0px 0px;
padding: 5px;
width: 190px;
}
#home_links ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
list-style: none;
width: 190px;
display: block;
}
#home_links li {
border-bottom: solid 1px #fff;
text-align: left;
font: bold 1em;
padding: 0px;
display: block;
}
#home_links li a {
display: block;
text-decoration: none;
font: bold 1em;
width: 175px;
padding: 5px 0px 6px 12px;
color: #fff;
}
#home_links li a:hover {
background-color: #F0E314;
color: #000;
display: block;
}
#home_links a {
display: block;
text-decoration: none;
font: bold 1em;
width: 175px;
padding: 5px 0px 6px 6px;
color: #fff;
}
#home_links a:hover {
background-color: #F0E314;
color: #000;
display: block;
}
#home_links ul ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
list-style: none;
display: block;
background-color: #fff;
}
#home_links ul ul li {
text-align: left;
font: bold 1em;
padding: 0px;
display: block;
}
#home_links ul ul li a {
display: block;
text-decoration: none;
font: bold 1em;
width: 157px;
padding: 5px 0px 6px 12px;
color: #000;
}
#home_links ul ul li a:hover {
background-color: #F0E314;
color: #000;
display: block;
}
#home_links ul ul ul {
margin: 0px 0px 0px 0px;
padding: 0px;
list-style: none;
display: block;
}
#home_links ul ul ul li {
text-align: left;
font: bold 1em;
padding: 0px;
display: block;
}
#home_links ul ul ul li a {
display: block;
text-decoration: none;
font: bold 1em;
width: 151px;
padding: 5px 0px 6px 24px;
color: #CE5C00;
}
#home_links ul ul ul li a:hover {
background-color: #F0E314;
color: #000;
display: block;
}
/* fin home_links */
#contenun {
background: #fff;
color: #000;
width: 612px;
text-align: justify;
padding: 30px 15px 15px 15px;
margin: 0;
b\order-top: solid 1px #737373;
border-right: solid 1px #737373;
}
#txt {
position: relative;
background: #fff;
color: #000;
left: 188px;
min-height: 630px;
width: 371px;
text-align: justify;
padding: 15px 15px 15px 15px;
margin: 0;
border-left: solid 1px #737373;
border-right: solid 1px #737373;
}
#txt p,span {
}
#txt ul {
margin: 0px 0px 0px 0px;
padding: 0px 30px 0px 15px;
}
#txt ul li {
color: #000;
font: bold 12px;
list-style: circle;
}
#txt ul ul li {
}
#txt ul ul li a {
color: black;
}
#gauche h1 {
color: #7F8078;
width: 550px;
height: 30px;
font: normal 2.0em;
border-bottom: solid 1px #B9BAB5;
}
#gauche h3 {
color: #000000;
font: bold 1.2em;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
}
#gauche p,span,div {
color: #000;
font: normal 1em;
margin: 0px 0px 0px 0px;
padding: 2px 0px 2px 0px;
}
#gauche ul {
color: #000;
font: normal 1em;
margin: 0px 0px 0px 0px;
padding: 0px 30px 0px 30px;
}
/* debut menu */
#contenudedroite h3 {
color: #fff;
border-bottom: solid 1px #FFF;
padding: 5px 0px 6px 4px;
background-color: #fff;
}
#contenudedroite ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#contenudedroite li {
text-align: left;
list-style: none;
}
*>#contenudedroite li {
text-align: left;
list-style: none;
border-bottom: solid 1px #FFF;
}
#contenudedroite li a.selected {
display: block;
text-decoration: none;
font: bold 1em;
width: 170px;
color: #000;
}
#contenudedroite li a.selected:hover {
text-align: left;
list-style: none;
color: #000;
}
#contenudedroite li a.selected_alone {
display: block;
text-decoration: none;
font: bold 1em;
width: 170px;
padding: 5px 0px 6px 17px;
color: #000;
}
#contenudedroite li a.selected_alone:hover {
text-align: left;
list-style: none;
color: #000;
}
#contenudedroite li a.normal {
color: #fff;
display: block;
text-decoration: none;
font: bold 1em;
width: 170px;
padding: 5px 0px 6px 17px;
}
#contenudedroite li a.normal:hover {
background-color: #F0E314;
color: #000;
text-decoration: none;
}
#contenudedroite #submenu ul {
}
#contenudedroite #submenu li {
width: 173px;
padding: 0px 0px 0px 16px;
margin: 0px 0px 0px 0px;
text-align: left;
list-style: none;
border: 0px;
}
#contenudedroite #submenu li a {
color: #56574C;
display: block;
text-decoration: none;
font: normal 0.70em;
padding: 4px 5px 4px 0px;
border: 0px;
}
#contenudedroite #submenu li a:hover {
color: #161613;
border: 0px;
}
#contenudegauche h3 {
color: #fff;
border-bottom: solid 1px #FFF;
padding: 5px 0px 6px 4px;
}
#contenudegauche ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#contenudegauche li {
text-align: left;
list-style: none;
}
*>#contenudegauche li {
text-align: left;
list-style: none;
border-bottom: solid 1px #FFF;
}
#contenudegauche li a.selected {
display: block;
text-decoration: none;
font: bold 1em;
width: 170px;
color: #000;
}
#contenudegauche li a.selected:hover {
text-align: left;
list-style: none;
color: #000;
}
#contenudegauche li a.selected_alone {
display: block;
text-decoration: none;
font: bold 1em;
width: 170px;
padding: 5px 0px 6px 17px;
color: #000;
}
#contenudegauche li a.selected_alone:hover {
text-align: left;
list-style: none;
color: #000;
}
#contenudegauche li a.normal {
color: #fff;
display: block;
text-decoration: none;
font: bold 1em;
width: 170px;
padding: 5px 0px 6px 17px;
}
#contenudegauche li a.normal:hover {
background-color: #F0E314;
color: #000;
text-decoration: none;
}
#contenudegauche #submenu ul {
}
#contenudegauche #submenu li {
width: 173px;
padding: 0px 0px 0px 16px;
margin: 0px 0px 0px 0px;
text-align: left;
list-style: none;
border: 0px;
}
#contenudegauche #submenu li a {
color: #56574C;
display: block;
text-decoration: none;
font: normal 0.70em;
padding: 4px 5px 4px 0px;
border: 0px;
}
#contenudegauche #submenu li a:hover {
color: #161613;
border: 0px;
}
/* fin menu */
#contenudedroite #bottom {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
ul.ancre li a {
color: #478ACA;
text-decoration: underline;
}
#allmonthlink {
text-align: right;
padding: 0px 15px 10px 0px;
}
#footer {
position: relative;
top: -23px;
left: 0px;
width: 779px;
height: 15px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
*>#footer {
top: -4px;
}
#smartdev {
position: relative;
text-align: center;
padding: 5px 0px 10px 0px;
margin: auto;
}
#smartdev ul {
list-style-type: none;
}
#smartdev li {
display: inline;
}
#smartdev a {
text-decoration: none;
font-size: 1em;
font-style: normal;
color: #FFF;
}
#smartdev a:hover {
text-decoration: underline;
font-size: 1em;
font-style: normal;
color: #FFF;
}
.invisible {
display: none;
}
#warning {
border: solid 1px #749EC6;
font: normal 1.1em;
text-align: center;
margin: 5px 0px 10px 0px;
}
/* ----- IDS ----- */
#centering {
margin: 0px auto;
padding: 0;
text-align: left;
width: 778px;
border-left: 1px solid #737373;
border-right: 1px solid #737373;
}
#container {
text-align: left;
background-color: #fff;
}
#primaryContent {
}
#secondaryContent {
}
#navigation {
background-color: #F0E314;
}
div.ici {
background-color: #F0E314;
font-size: 10px;
padding: 3px;
}
div.ici a {
color: black;
}
div.ici a:hover {
color: white;
}
#footer2 {
margin: 0;
padding: 0;
border-top: 1px solid #737373;
color: #555;
font-size: 9px;
text-align: center;
}
#recherche {
background-color: #FFF;
width: 186;
}
/* ----- CLASSES ----- */
.hide {
}
.show {
}
/* ----- HEADINGS ----- */
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
padding-top: 5px;
padding-left: 0px;
padding-right: 12px;
text-align: left;
color: #333;
margin-bottom: 10px;
text-transform: uppercase;
border-bottom: solid 1px #737373;
}
h2 {
color: #333;
padding: 5px 5px 5px 0px;
margin: 0px 0px 5px 0px;
font: bold 12px;
}
h2 a {
color: #000;
}
h3 {
text-align: left;
font: normal 1em;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
}
/* ----- PARAGRAPHS ----- */
p {
margin: 15px;
}
#primaryContent p {
}
#secondaryContent p {
}
/* ----- QUOTES ----- */
blockquote {
}
blockquote p {
}
cite {
}
blockquote cite {
}
/* ----- CODE ----- */
pre {
}
code {
}
p code {
}
pre code {
}
/* ----- LISTS ----- */
li {
}
li p {
}
ol {
}
ul {
}
ol li {
}
ul li {
}
#navigation li {
}
#navigation ul {
}
#navigation ul li {
}
#navigation ol {
}
#navigation ol li {
}
/* ----- IMAGES ----- */
img {
}
img a {
}
img a:hover {
}
/* ----- BREAK ----- */
hr {
}
/* ----- TEXT FORMATTING ----- */
strong {
font-size: 13px;
}
em {
}
b {
}
i {
}
/* ----- LINKS ----- */
a {
text-decoration: none;
}
a:link {
color: #CE5C00;
}
a:visited {
color: #CE5C00;
}
a:hover {
background-color: #CE5C00;
color: #fff;
}
a:visited, a:active, a:focus {
}
a:visited {
}
a:active {
}
a:focus {
}
p a {
}
cite a {
}
li a {
}
dt a {
}
dd a {
}
/* ----- TABLES ----- */
table {
}
table.spip tr.row_first{
background-color:#F0E314;
}
caption {
}
thead {
}
tbody {
}
tfoot {
}
tr {
}
tr .alt {
}
th {
}
td {
}
/* ----- FORMS ----- */
form {
}
fieldset {
}
legend {
}
label {
}
input {
}
textarea {
}
input, textarea {
}
select {
}
optgroup {
}
option {
}
/* ----- DEFINITIONS ----- */
dl {
}
dt {
}
dd {
}
/* ----------------------------------------------------------- */
/* Feuilles de styles des squelettes par defaut pour SPIP 1.9 */
/* ----------------------------------------------------------- */
/* taille typo
* Base 100%
* -------------------------------------
* 20px 1.27em
* 19px 1.21em
* 18px 1.15em
* 17px 1.09em
* 16px 1.03em
* 15px 0.96em
* 14px 0.88em
* 13px 0.82em
* 12px 0.77em
* 11px 0.71em
* 10px 0.65em
* 9px 0.59em
* Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
*/
/* ------------------------------------------
/* Correction des styles HTML par defaut
/* ------------------------------------------ */
/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
#page {
width: 48em;
text-align: left;
margin-left: auto;
margin-right: auto;
}
#conteneur {
width: 100%;
}
#conteneur #contenu {
float: left;
width: 33em;
}
#conteneur #navigation {
float: right;
width: 12em;
text-align: center;
}
/* Blocs du contenu (c-a-d. la colonne principale) */
#contenu .contre-encart {
float: left;
width: 21em;
}
#contenu .encart {
float: right;
width: 11em;
margin: 0;
margin-bottom: 1em;
}
/* Entete */
#entete {
width: 100%;
border-bottom: 2px solid #333;
}
#entete #nom_site_spip, #entete a .spip_logos {
display: block;
float: left;
font-weight: bold;
font-size: 1.5em;
}
#entete a {
text-decoration: none;
}
#entete .formulaire_recherche {
float: right;
}
/* Fil d'Ariane */
#hierarchie {
clear: both;
margin-bottom: 2em;
font-size: 0.77em;
}
/* Pied de page */
#pied {
clear: both;
width: 100%;
margin-top: 4em;
border-top: 1px dotted #CCC;
padding: 2px;
text-align: center;
}
#pied small {
font-size: 0.77em;
}
#pied img {
vertical-align: bottom;
}
/* Espaceur de blocs */
.nettoyeur {
clear: both;
margin: 0;
padding: 0;
border: none;
height: 0;
line-height: 1px;
font-size: 1px;
}
/* Non visible a l'ecran */
.invisible {
position: absolute;
top: -3000em;
height: 1%;
}
/* ---------------- */
/* Logo de la commune pour l'impression */
.logocommune {
display:none;
}
/* ------------------------------------------
/* Typographie generale du site
/* ------------------------------------------ */
/* ------------------------------------------
/* Habillage des menus et de la navigation
/* ------------------------------------------ */
/* Habillage general des menus de navigation
---------------------------------------------- */
.rubriques, .breves, .syndic, .forums, .divers {
min-width: 10em;
border: 1px solid #CCC;
margin-bottom: 1em;
font-size: 0.77em;
}
.menu-titre {
padding: 0.2em 0.4em;
border-bottom: 1px dotted #CCC;
text-align: center;
font-weight: bold;
}
#navigation p, .encart p {
margin: 0;
padding: 2em;
text-align: left;
}
#navigation ul, .encart ul {
padding: 0.2em 0;
text-align: left;
}
#navigation li, .encart li {
padding: 0 0.7em;
}
/* Des couleurs specifiques selon les types de menus
---------------------------------------------- */
.rubriques {
background: #EAFFEA;
}
.evidence {
background: #CE5C00;
}
.rubriques .menu-titre {
background: #F2FFF2;
}
.breves {
background: #FFEAEA;
}
.breves .menu-titre {
background: #FFF2F2;
}
.syndic {
background: #E8F8F8;
}
.syndic .menu-titre {
background: #F0FCFC;
}
.forums {
background: #EAEAFF;
}
.forums .menu-titre {
background: #F2F2FF;
}
.divers {
background: #F8F8E8;
}
.divers .menu-titre {
background: #FCFCF0;
}
/* ------------------------------------------
/* Habillage du contenu
/* ------------------------------------------ */
/* Cartouche et titraille
---------------------------------------------- */
.cartouche {
margin-bottom: 2em;
}
.cartouche .titre {
font-size: 1.27em;
font-weight: bold;
color: #000;
}
#contenu .surtitre, #contenu .soustitre {
font-size: 0.82em;
}
.cartouche .spip_logos {
float: right;
margin-left: 16px;
margin-bottom: 16px;
}
.cartouche p {
margin: 0;
padding: 10px;
clear: left;
}
.cartouche small {
font-size: 0.71em;
}
.cartouche .traductions {
font-size: 0.71em;
}
.cartouche .traductions * {
display: inline;
}
.cartouche .traductions li {
padding-left: 1em;
}
/* Mise en forme des textes du contenu
---------------------------------------------- */
.chapo {
margin-bottom: 1.5em;
font-weight: bold;
line-height: 1.4em;
}
.lien {
background: #EEE;
margin: 1em;
margin-bottom: 1.5em;
padding: 0.82em;
border: 1px solid #CCC;
font-size: 0.82em;
font-weight: bold;
}
.texte {
color: #000;
font-size: 0.96em;
}
.ps, .notes {
margin-top: 1.4em;
padding-top: 2px;
border-top: 2px solid #CCC;
}
.ps {
font-size: 0.82em;
}
.notes {
clear: both;
font-size: 0.77em;
}
/* Portfolio
---------------------------------------------- */
#documents_portfolio {
clear: both;
margin-top: 1.4em;
padding-top: 2px;
border-top: 2px solid #CCC;
}
#documents_portfolio h2 {
margin-bottom: 0.4em;
font-size: 0.88em;
font-weight: bold;
}
#document_actif {
margin-top: 1em;
}
/* Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints {
margin-top: 1.4em;
padding-top: 2px;
border-top: 2px solid #CCC;
}
#documents_joints h2 {
margin-bottom: 0.4em;
font-size: 0.88em;
font-weight: bold;
}
#documents_joints li {
margin-bottom: 0.4em;
}
#documents_joints li .spip_doc_titre {
}
#documents_joints li .spip_doc_titre small {
font-weight: normal;
}
#documents_joints li .spip_doc_descriptif {
}
/* Listes d'articles et extraits introductifs
----------------------------------------------- */
.liste-articles li {
margin-bottom: 1em;
clear: both;
}
.liste-articles li .titre {
font-size: 1.03em;
font-weight: bold;
}
.liste-articles li .spip_logos {
float: right;
margin-left: 16px;
margin-bottom: 16px;
clear: right;
}
.liste-articles li p {
margin: 0;
padding: 0;
}
.liste-articles li .enclosures {
float: right;
text-align: right;
max-width: 60%;
margin: 0;
}
.liste-articles li small {
display: block;
font-size: 0.71em;
}
.liste-articles li .texte {
margin-top: 5px;
margin-bottom: 2em;
border: 1px solid #CCC;
padding: 0.9em;
font-size: 0.82em;
line-height: 1.4em;
}
.pagination {
font-size: 0.90em;
}
/* ------------------------------------------
/* Habillage specifique du plan du site
/* ------------------------------------------ */
.page_plan .cartouche {
display: none;
}
.page_plan #contenu .contre-encart ul {
display: block;
clear: left;
margin-left: 1em;
margin-bottom: 1em;
list-style: square;
}
.page_plan #contenu .contre-encart li {
list-style: inherit;
}
/* ------------------------------------------
/* Habillage des formulaires
/* ------------------------------------------ */
/* Correction des styles HTML par defaut */
.formulaire_spip form, .formulaire_spip fieldset, .formulaire_spip legend, .formulaire_spip label, .formulaire_spip input, .formulaire_spip textarea, .formulaire_spip select, .formulaire_spip option {
margin: 0;
padding: 0;
border: none;
background: none;
}
/* Styles des formulaires de Spip */
.formulaire_spip {
text-align: left;
font-size: 0.77em;
}
.formulaire_spip p {
margin: 0.5em 0;
padding: 0;
}
.formulaire_spip fieldset {
display: block;
margin: 0.77em 0;
padding: 0.77em;
border: 1px dotted;
}
.formulaire_spip legend {
font-weight: bold;
padding: 3px;
background: #FFF;
/*
Sinon, superposition dans MSIE */
}
.formulaire_spip label {
}
.formulaire_spip .forml {
width: 99%;
padding: 1px;
border: 1px inset;
font-family: inherit;
font-size: inherit;
}
.spip_bouton {
text-align: right;
}
.spip_bouton input {
margin: 3px 0;
padding: 1px 2px;
border: 2px outset;
font-weight: bold;
float: right;
}
/* Reponse du formulaire */
.reponse_formulaire {
font-weight: bold;
color: #F00;
}
fieldset.reponse_formulaire {
border: 1px dotted;
font-weight: normal;
}
/* Previsualisation du message */
fieldset.previsu {
padding: 1em;
border: 1px solid;
}
/* Formulaire de login au forum */
.formulaire_login_forum .forml {
width: 12em;
}
.formulaire_login_forum .spip_logos {
float: right;
padding-left: 10px;
}
/* Choix des mots-clefs */
.choix_mots {
width: 47%;
float: left;
}
.choix_mots label {
display: inline;
}
/* Formulaire de recherche */
.formulaire_recherche {
text-align: left;
width: 12em;
}
.formulaire_recherche label {
display: none;
}
/* ------------------------------------------
/* Habillage des forums
/* ------------------------------------------ */
.forum-repondre, .forum-decompte {
clear: both;
margin-top: 2.5em;
padding-top: 2px;
border-top: 2px solid #CCC;
font-size: 0.88em;
font-weight: bold;
}
/* * Habillage des forums */
ul.forum {
display: block;
clear: both;
margin: 0;
padding: 0;
}
.forum-fil {
margin-top: 1.5em;
}
.forum-fil ul {
display: block;
margin: 0;
padding: 0;
margin-left: 1em;
}
.forum-chapo .forum-titre, .forum-chapo .forum-titre a {
display: block;
margin: 0;
padding: 0;
font-weight: bold;
text-decoration: none;
color: #333;
}
.forum-chapo small {
}
.forum-texte {
margin: 0;
padding: 0.5em 1em 0 1em;
color: #333;
font-size: 0.82em;
}
.forum-texte .forum-lien {
}
.forum-texte .forum-repondre-message {
margin: 0;
padding: 1px 0;
text-align: right;
}
/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message {
border: 1px solid #666;
margin: 0;
padding: 0;
margin-bottom: 1em;
}
ul ul .forum-message {
border: 1px solid #A4A4A4;
}
ul ul ul .forum-message {
border: 1px solid #B8B8B8;
}
ul ul ul ul .forum-message {
border: 1px solid #CCC;
}
ul ul ul ul ul .forum-message {
border: 1px solid #E0E0E0;
}
ul ul ul ul ul ul .forum-message {
border: 1px dotted #E0E0E0;
}
/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo {
border: none;
border-bottom: 1px dotted #B8B8B8;
margin: 0;
padding: 3px 6px 2px 6px;
font-size: 0.88em;
background: #C4E0E0;
}
ul ul .forum-chapo {
background: #D4E8E8;
}
ul ul ul .forum-chapo {
background: #E4F0F0;
}
ul ul ul ul .forum-chapo {
background: #F4F8F8;
border-bottom: 1px dotted #E0E0E0;
}
ul ul ul ul ul .forum-chapo {
background: #FFF;
}
/* ------------------------------------------
/* Habillage des petitions
/* ------------------------------------------ */
#signatures {
clear: both;
font-size: 0.77em;
}
#signatures h2 {
padding: 0.5em;
text-align: center;
font-size: 1.2em;
font-weight: bold;
}
#signatures table {
width: 100%;
margin: 1em 0;
}
#signatures thead {
display: none;
}
/* On n'affiche pas les titres du tableau */
#signatures td.signature-date {
background: #E4F0F0;
padding: 0.5em;
white-space: nowrap;
}
#signatures td.signature-nom {
background: #ECF4F4;
padding: 0.2em;
text-align: center;
font-weight: bold;
}
#signatures td.signature-message {
background: #F4F8F8;
padding: 0.4em;
font-size: 0.96em;
}