/* styles par defaut pour tous les elements */
* {
font-family: verdana, arial, sans-serif;
font-size: small;
}
/* style de la page */
BODY {
background: #FFFFFF;
margin: 0;
padding: 0;
}
/* Gros titres */
H1 {
direction: ltr;
font-size: x-large;
text-align: center;
color: #00008B;
}
/* Gros titres rouges */
H2 {
direction: ltr;
font-size: large;
text-align: center;
color: #FF0000;
}
/* titres moyens (rubriques par exemple) */
H3 {
direction: ltr;
text-align: left;
font-size: medium;
color: #00008B;
margin-top: 2em;
margin-bottom: 2em;
}
/* Comportement des liens par defaut */
A {
color: #00008B;
text-decoration: none;
}
/* Comportement par defaut de la balise <SMALL> */
SMALL {
font-size: x-small;
}
/* Comportement par defaut de la balise <FORM> */
FORM {
margin: 0;
padding: 0;
}
/* Comportement par defaut des listes deroulantes */
SELECT {
direction: ltr;
}
SELECT > OPTION {
background-color: #F8FBFF;
}
/* DIV generique permettant de remettre les position a zero (notament apres des float) */
DIV.both {
clear: both;
}
/* DIV generique permettant de faire un centrage de contenu */
DIV.centrer {
text-align: center;
}
/* pour install & contacts */
P.texte {
direction: ltr;
text-align: justify;
margin-left: 100px;
margin-right: 100px;
}
P.texte:first-letter {
margin-left: 3em;
}
/* Paragraphe generique avec texte centre */
P.centrer {
text-align: center;
}
/* Affichage de code (javascript par ex) */
CODE {
direction: ltr;
text-align: left;
display: block;
font-size: 10pt;
border-style: dashed dashed dashed solid;
border-color: rgb(0, 0, 139);
border-width: 1px 1px 1px 5px;
margin: 2px;
margin-bottom: 20px;
padding: 4px;
background-color: rgb(240, 247, 255);
}
CODE STRONG {
font-size: 10pt;
font-weight: bold;
}
/* style par defaut de toutes les images */
IMG {
border: 0;
}
/* champs de formulaire */
input {
background: #f8f8ff;
border: #b3b3b3 1px solid;
color: #0c183a;
}
/* bouton valider formulaire (configuration, installation) */
input.valid {
background: #f7f7f7;
border: #b3b3b3 1px solid;
text-align: center;
}
/* boutons radio dans config */
input.bouton {
background: #FFFFFF;
border: #FFFFFF 1px solid;
}
/* Cadre general */
#main {
margin: 5px;
text-align: center;
background: #FFFFFF;
}
/* cadre dans lequel se trouve les donnees */
#contenu {
width: 770px;
border: 1px solid #00008B;
text-align: left;
margin: auto;
padding: 0.5em;
}
/* liens menu haut */
#menu {
width: 100%;
margin: 0;
padding: 0;
text-align: center;
}
#menu LI {
display: inline;
margin: 0;
padding: 0;
float: left;
text-align: center;
width: 123px;
voice-family: "\"}\"";
voice-family:inherit;
width: 128px;
}
html>body #menu LI {
width: 128px;
}
#menu A {
display: block;
padding: 0.2em;
color: #00008B;
border: 1px solid #00008B;
font-size: small;
font-variant: 10pt-caps;
font-variant: small-caps;
font-weight: bolder;
text-decoration: none;
}
#menu A:active {
text-decoration: underline;
}
#menu A:hover {
background-color: #f0f7ff;
text-decoration: underline;
}
#menu A:visited {
text-decoration: none;
}
#menu A:link {
text-decoration: none;
}
/* liste des liens vers les contacts, site et admin */
#admin {
width: 100%;
margin: 0;
padding: 0;
text-align: center;
}
#admin LI {
width: 25%;
display: inline;
margin: 0;
padding: 0;
float: left;
text-align: center;
}
#admin LI.site {
width: 25%;
}
#admin LI.install {
width: 49.9%;
}
#admin LI.contacts {
width: 25%;
}
#admin LI A {
padding-top: 0.5em;
font-size: small;
}
#admin LI.site  A {
border-top: 1px dashed #00008B;
}
#admin LI.install A {
border-top: 1px dashed #00008B;
border-right: 1px dashed #00008B;
border-left: 1px dashed #00008B;
}
#admin LI.contacts A {
border-top: 1px dashed #00008B;
}
#admin A {
display: block;
padding: 0.2em;
color: #00008B;
text-decoration: none;
}
/* DIV contenant le logo + le choix des sites + le calendrier */
#logo {
width: 100%;
}
/* Choix des sites */
#sites {
bottom:0;
float: right;
padding-right: 5px;
height: 130px;
}
#sites OPTION, #sites SELECT {
font-size : 9pt;
}
#sites SELECT {
border: #000000 1px solid;
margin: auto;
margin-top: 110px;
}
#sites P {
margin: 0;
}
/* Calendrier */
#calendrier {
float: right;
text-align: left;
}
#calendrier P {
margin: 0;
}
#calendrier TABLE {
direction: ltr;
border: 1px solid rgb(80, 100, 133);
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#506485;
border-left-width:1px;
border-left-style:solid;
border-left-color:#506485;
}
#calendrier A.selection {
color: red;
}
#calendrier TH {
border-top: 1px solid rgb(80, 100, 133);
border-right: 1px solid rgb(80, 100, 133);
font-weight: bold;
text-align: center;
background-color: #f0f7ff;
}
#calendrier TD {
border-top: 1px solid rgb(80, 100, 133);
border-right: 1px solid rgb(80, 100, 133);
text-align: center;
color: #c0c0c0;
font-size: 9pt;
}
#calendrier A {
font-size: 9pt;
}
#calendrier A.selection {
color: red;
}
#calendrier SELECT {
border: #000000 1px solid;
}
#calendrier OPTION, #calendrier SELECT {
font-size: 9pt;
}
/* Choix de la langue */
#choixlangue {
float: right;
margin: auto;
text-align: center;
}
#choixlangue FIELDSET {
width: 130px;
padding: 5px;
}
#choixlangue LEGEND {
color: rgb(0, 0, 139);
font-weight: bold;
}
#choixlangue P {
margin: 0;
}
/* styles pour les infos techniques */
P.gristrans {
font-size: 10pt;
color: #cdcaca;
}
P.archivefait {
font-size: 10pt;
color: #ffffff;
}
P.gristrans A {
font-size: 10pt;
color: #cdcaca;
}
P.gristrans EM A{
font-size: 10pt;
font-style: italic;
}
P.archive {
font-size: 10pt;
color: #ffffff;
margin: 0;
}
P.archive EM {
font-size: 10pt;
font-style: italic;
}
P.gristrans STRONG {
font-size: 10pt;
font-weight: bold;
}
P.archive STRONG {
font-size: 10pt;
font-weight: bold;
}
SPAN.oktrans {
font-size: 10pt;
color: #9ec2a7;
}
SPAN.errortrans {
font-size: 10pt;
color: red;
}
/* Information de la periode visualisee */
P.periodevisu {
margin: 0;
}
P.choixperiode {
margin: 0;
margin-right: 2em;
color: #818181;
}
P.choixperiode A {
font-style: italic;
color: #818181;
}
/* Tableau de saisie de donnee dans l'admin */
TABLE.centrer {
margin: auto;
}
/* Tous les tableaux de resultats */
TABLE.resultats {
direction: ltr;
margin: auto;
empty-cells: hide;
font-size: small;
}
TABLE.resultats TH {
border-top: 1px solid rgb(80, 100, 133);
border-right: 1px solid rgb(80, 100, 133);
font-weight: bold;
text-align: center;
background-color: rgb(96, 115, 165);
color: #ffffff;
}
TABLE.resultats TD {
border: 1px solid rgb(226, 227, 228);
text-align: center;
color: #00008B;
}
TABLE.resultats TD.damier {
background-color: rgb(241, 242, 243);
}
TABLE.resultats TD.damieralign {
background-color: rgb(241, 242, 243);
text-align: left;
}
TABLE.resultats TD.align {
text-align: left;
}
TABLE.resultats TD.vide, TABLE.resultats TH.vide {
border-width: 0;
background-color: #ffffff;
}
TABLE.resultats TD.sansbordure {
border-width: 0;
text-align: left;
}
TABLE.resultats TD STRONG {
font-weight: bold;
}
/* Tous les tableaux de sous-resultats */
TABLE.sresultats {
margin: auto;
empty-cells: hide;
}
TABLE.sresultats TH {
border-top: 1px solid rgb(80, 100, 133);
border-right: 1px solid rgb(80, 100, 133);
font-weight: bold;
text-align: center;
background-color: rgb(96, 115, 165);
color: #ffffff;
font-size: 10pt;
}
/* Affichage des resultats positifs (vert en general) */
SPAN.positif {
direction: ltr;
color: #008000;
font-size: 10pt;
font-weight: bold;
}
/* Affichage des resultats negatifs (rouge en general) */
SPAN.negatif {
direction: ltr;
color: red;
font-size: 10pt;
font-weight: bold;
}
/* Menu d'administration */
#menuadmin {
width: 400px;
margin: auto;
text-align: center;
}
#menuadmin UL {
direction: ltr;
text-align: left;
list-style-image: url("./images/f3ltr.png");
}
#menuadmin LI {
padding: 0.5em;
}
/* Informations lors de modification dans la partie admin */
P.admininfos {
color: #000000;
font-weight: bold;
text-align: center;
}
P.admininfos positif {
color: #00FF00;
}
P.admininfos negatif {
color: #FF0000;
}
/* Details pour les moteurs, mots cle et sites internet */
#detail{
width: 100%;
}
#detail TH {
border: 1px solid #fbc074;
background-color: #fbc074;
margin: 1px;
padding: 2px;
text-align: left;
padding-left: 20px;
color: #6f522d;
}
#detail TD {
white-space: nowrap;
border: 1px solid #fbc074;
margin: 1px;
padding: 2px;
color: #6073a5;
text-align: left;
}
#detail TD.detail {
text-align: center;
width: 70px;
}
#detail A {
color: #6073a5;
}
/* Sous menus dynamiques */
DIV.ssmenu {
position:absolute;
z-index:1000;
visibility:hidden;
background-color: #FFFFFF;
border: 1px solid #00008B;
top: 555px;
}
DIV.ssmenu A {
display: block;
padding: 0.2em;
color: #00008B;
border: 1px solid #FFFFFF;
font-size: small;
text-decoration: none;
}
DIV.ssmenu A:hover {
background-color: #f0f7ff;
border-top: 1px solid #00008B;
border-bottom: 1px solid #00008B;
}