This page is still a beta!

1.13. Exemple de Feuille de Styles

Exemple de Feuille de Styles

/* MCU Stylesheet - left 175 - right column 575 */

BODY { scrollbar-face-color:#003366;  /* bleu foncé */ scrollbar-highlight-color:#FFFFFF;  /* blanc */ scrollbar-3dlight-color:#C0C0C0;  /* gris clair */ scrollbar-darkshadow-color:#000000; /* noir */ scrollbar-shadow-color:#808080;  /* gris moyen */ scrollbar-arrow-color:#FFFFFF;  /* blanc */ scrollbar-track-color:#E0E0E0;  /* bleu-gris clair */   background-image: url(../pics/mcu/mcu_bg_blue.gif);   margin: 0.25em 0.5em;}

/* Polices Générales */BODY, P,OL,UL,DIV {   font-family: Verdana, Arial, Helvetica, sans-serif;   font-size: 11px;

   color: black;    font-style: normal;  

   line-height: 150%;    margin: 0.25em 0.5em;}

/* Titres */H1,H2,H3,H4,H5 {   font-family: Trebuchet MS, Verdana, sans-serif;   color: #003366;   /* bleu foncé */   font-variant: small-caps;   font-stretch: wider;   margin_bottom: 0.5em;   border-bottom: thin dashed #003366;/* bleu foncé */}

/* Titre gras de la même taille que le texte */.title {   font-family: Verdana, sans-serif;   color: #00000;   /* noir */   font-weight: bold;      font-variant: small-caps;   font-stretch: wider;   font-size: 11px;     padding: 0.2em}

/* Bordure bleue pour les tableaux */.border {   border: 1px solid #COC8D4;/* bleu-gris clair */}

/* Footer */.footer {   font-size: 10px;   color: #003366;/* bleu foncé */   line-height: 150%;    text-align: center;}

/* Dernière mise à jour */.lastupdate {   font-size: 10px;   color: #003366;   /* bleu foncé */   line-height: 150%;    text-align: center;}

/* Citation */.quote  {  color: #9B193D;   /* Bordeaux foncé */  font-weight: 550;}

/* Liens dans le texte */a:link { font-weight: bold; color: #000000;   /* noir */ text-decoration: none;}

a:visited { font-weight: bold; color: #000000;   /* noir */ text-decoration: none;}

a:hover { font-weight: bold; color: Red; text-decoration: underline;}

/* Navigation haute */.topnav {   background: #C0C8D4;   /* gris-bleu clair */   font-family: Verdana, sans-serif;   font-size: 11px;   font-variant: small-caps;}   .topnav a:link {   font-weight: bold;   font-family: Verdana, sans-serif;   font-variant: small-caps;   text-decoration: none;   color: #003366;    /* bleu foncé */   padding: 2px;}.topnav a:visited {   font-weight: bold;   font-family: Verdana, sans-serif;   font-variant: small-caps;   text-decoration: none;   color: #003366;    /* bleu foncé */   padding: 2px;}.topnav a:hover {   font-weight: bold;   font-family: Verdana, sans-serif;   font-variant: small-caps;   text-decoration: underline;   background: #003366;   /* bleu foncé */   color: #FFFFFF;    /* blanc */       padding: 2px;}.topnav_act a:active {   font-weight: bold;   font-family: Verdana, sans-serif;   font-variant: small-caps;   text-decoration: underline;   background: #003366;   /* bleu foncé */   color: #FFFFFF;    /* blanc */       padding: 2px;}

.topnav_act a:link {   font-weight: bold;   font-family: Verdana, sans-serif;   font-variant: small-caps;   text-decoration: none;   color: #003366;    /* bleu foncé */   padding: 2px;}.topnav_act a:visted {   font-weight: bold;   font-family: Verdana, sans-serif;   font-variant: small-caps;   text-decoration: none;   color: #003366;    /* bleu foncé */   padding: 2px;}.topnav_act a:hover {   font-weight: bold;   font-family: Verdana, sans-serif;   font-variant: small-caps;   text-decoration: underline;   background: #003366;   /* bleu foncé */   color: #FFFFFF;    /* blanc */       padding: 2px;}

/* Navigation basse */.bottomnav {   font-family: Verdana, sans-serif;   font-size: 11px;   font-variant: small-caps;}   .bottomnav a:link {   font-weight: bold;   font-family: Verdana, sans-serif;   font-variant: small-caps;   text-decoration: none;   color: #003366;    /* bleu foncé */   padding: 2px;}.bottomnav a:visited {   font-weight: bold;   font-family: Verdana, sans-serif;   font-variant: small-caps;   text-decoration: none;   color: #003366;    /* bleu foncé */   padding: 2px;}.bottomnav a:hover {   font-weight: bold;   font-family: Verdana, sans-serif;   font-variant: small-caps;   text-decoration: underline;   background: #003366;   /* bleu foncé */   color: #FFFFFF;    /* blanc */       padding: 2px;}.bottomnav_act a:active {   font-weight: bold;   font-family: Verdana, sans-serif;   font-variant: small-caps;   text-decoration: underline;   background: #003366;   /* bleu foncé */   color: #FFFFFF;    /* blanc */       padding: 2px;}

.bottomnav_act a:link {   font-weight: bold;   font-family: Verdana, sans-serif;   font-variant: small-caps;   text-decoration: none;   color: #003366;    /* bleu foncé */   padding: 2px;}.bottomnav_act a:visted {   font-weight: bold;   font-family: Verdana, sans-serif;   font-variant: small-caps;   text-decoration: none;   color: #003366;    /* bleu foncé */   padding: 2px;}.bottomnav_act a:hover {   font-weight: bold;   font-family: Verdana, sans-serif;   font-variant: small-caps;   text-decoration: underline;   background: #003366;   /* bleu foncé */   color: #FFFFFF;    /* blanc */       padding: 2px;}

/* Navigation Gauche */.leftnav {   font-family: Verdana, sans-serif;   font-size: 11px;   color: #003366;    /* bleu foncé */}   .leftnav a:link {   font-weight: bold;   font-family: Verdana, sans-serif;   text-decoration: none;   color: #003366;    /* bleu foncé */   padding: 2px;   margin-left: 10px;   border-bottom: 1px dotted #003366;/* bleu foncé */}.leftnav a:visited {   font-weight: bold;   font-family: Verdana, sans-serif;   text-decoration: none;   color: #003366;    /* bleu foncé */   padding: 2px;   margin-left: 10px;   border-bottom: 1px dotted #003366;/* bleu foncé */}.leftnav a:active {   font-weight: bold;   font-family: Verdana, sans-serif;   text-decoration: none;   color: #003366;    /* bleu foncé */   padding: 1px 2px 2px 2px;   margin-left: 10px;   border: 1px solid #003366;   /* bleu foncé */   background-color: #C0C8D4;  /* bleu-gris clair */}.leftnav a:hover {   font-weight: bold;   font-family: Verdana, sans-serif;   text-decoration: none;   color: #9B193D;    /* bordeaux */   padding: 1px 2px 2px 2px;   margin-left: 10px;   border: 1px solid #003366;/* bleu foncé */   background-color: #C0C8D4;  /* bleu-gris clair */}.leftnav_act a:link {   font-size: 11px;   font-weight: bold;   font-family: Verdana, sans-serif;   text-decoration: none;   color: #003366;    /* bleu foncé */   padding: 1px 2px 2px 2px;   margin-left: 10px;   border: 1px solid #003366;   /* bleu foncé */   background-color: #C0C8D4;   /* bleu-gris clair */}.leftnav_act a:visited {   font-size: 11px;   font-weight: bold;   font-family: Verdana, sans-serif;   text-decoration: none;   color: #003366;    /* bleu foncé */   padding: 1px 2px 2px 2px;   margin-left: 10px;   border: 1px solid #003366;   /* bleu foncé */   background-color: #C0C8D4;  /* bleu-gris clair */}.leftnav_act a:hover {   font-size: 11px;   font-weight: bold;   font-family: Verdana, sans-serif;   text-decoration: none;   color: #003366;    /* bleu foncé */   padding: 1px 2px 2px 2px;   margin-left: 10px;   border: 1px solid #003366;/* bleu foncé */   background-color: #C0C8D4;  /* bleu-gris clair */}

/* Spacer sous-menu Navigation Gauche */.leftnavspc {     font-family: Verdana, sans-serif;   font-size: 11px;   font-variant: small-caps;   font-weight: bolder;   color: #003366;   /* bleu foncé */   text-decoration: none;   padding: 2px;   margin-left: 15px;    background-color: #FFFFFF;  /* bleu foncé /   border-bottom: thin dotted #9B193D; / bordeaux /}

/* Sous-menu Navigation Gauche */.leftnav1 {   font-family: Verdana, sans-serif;   font-size: 11px;   color: #003366;    /* bleu foncé */}   .leftnav1 a:link {   font-weight: bold;   font-family: Verdana, sans-serif;   text-decoration: underline;   color: #003366;    /* bleu foncé */   padding: 2px;   margin-left: 15px;}.leftnav1 a:visited {   font-weight: bold;   font-family: Verdana, sans-serif;   text-decoration: underline;   color: #003366;    /* bleu foncé */   padding: 2px;   margin-left: 15px;}.leftnav1 a:active {   font-weight: bold;   font-family: Verdana, sans-serif;   text-decoration: none;   color: #C0C8D4;    /* bleu clair */   padding: 2px;   margin-left: 15px;    background-color: #003366;  /* bleu foncé */}.leftnav1 a:hover {   font-weight: bold;   font-family: Verdana, sans-serif;   text-decoration: none;   color: #C0C8D4;    /* bleu clair */   padding: 2px;   margin-left: 15px;   background-color: #003366;  /* bleu foncé */}.leftnav1_act a:link {   font-size: 11px;   font-weight: bold;   font-family: Verdana, sans-serif;   text-decoration: none;   color: #C0C8D4;    /* bleu clair */   padding: 2px;   margin-left: 15px;   background-color: #003366;  /* bleu foncé */}.leftnav1_act a:visited {   font-size: 11px;   font-weight: bold;   font-family: Verdana, sans-serif;   text-decoration: none;   color: #C0C8D4;    /* bleu clair */   padding: 2px;   margin-left: 15px;    background-color: #003366;  /* bleu foncé */}.leftnav1_act a:hover {   font-size: 11px;   font-weight: bold;   font-family: Verdana, sans-serif;   text-decoration: none;   color: #C0C8D4;    /* bleu clair */   padding: 2px;   margin-left: 15px;   background-color: #003366;  /* bleu foncé */}

/* Left Navigation SubMenu Level 2 */.leftnav2 {   font-family: Verdana, sans-serif;   font-size: 11px;   color: #003366;  /* bleu foncé */}   .leftnav2 a:link {   font-weight: normal;   font-family: Verdana, sans-serif;   text-decoration: underline;   color: #003366;  /* bleu foncé */   padding: 2px;   margin-left: 20px;}.leftnav2 a:visited {   font-weight: normal;   font-family: Verdana, sans-serif;   text-decoration: underline;   color: #003366;  /* bleu foncé */   padding: 2px;   margin-left: 20px;}.leftnav2 a:active {   font-weight: normal;   font-family: Verdana, sans-serif;   text-decoration: none;    color: #9B193D;    /* bordeaux */   padding: 2px;   margin-left: 20px;    border: 1px solid #003366;  /* bleu foncé */}.leftnav2 a:hover {   font-weight: normal;   font-family: Verdana, sans-serif;    color: #9B193D;    /* bordeaux */   padding: 2px;   margin-left: 20px;   border: 1px solid #003366;  /* bleu foncé */}.leftnav2_act a:link {   font-size: 11px;   font-weight: normal;   font-family: Verdana, sans-serif;   text-decoration: none;   color: #9B193D;    /* bordeaux */   padding: 2px;   margin-left: 20px;   border: 1px solid #003366;  /* bleu foncé */}.leftnav2_act a:visited {   font-size: 11px;   font-weight: normal;   font-family: Verdana, sans-serif;   text-decoration: none;   color: #9B193D;    /* bordeaux */   padding: 2px;   margin-left: 20px;    border: 1px solid #003366;  /* bleu foncé */}.leftnav2_act a:hover {   font-size: 11px;   font-weight: normal;   font-family: Verdana, sans-serif;   text-decoration: none;   color: #9B193D;    /* bordeaux */   padding: 2px;   margin-left: 20px;   border: 1px solid #003366;  /* bleu foncé */}

/* Lien Feedback */.fback A {   font-family: Verdana, Arial, Helvetica, sans-serif;   color: #003366;    /* bleu foncé */   font-weight: bold;   font-size: 11px;   font-stretch: wider;   text-decoration: none;   display: block;   padding: 0.25em;   border: 1px solid #003366;  /* bleu foncé */}

.fback A:visited {   font-family: Verdana, Arial, Helvetica, sans-serif;   color: #003366;    /* bleu foncé */   font-weight: bold;   font-size: 11px;   font-stretch: wider;   text-decoration: none;   display: block;   padding: 0.25em;   border: 1px solid #003366;  /* bleu foncé */}.fback A:hover {   font-family: Verdana, Arial, Helvetica, sans-serif;   color: #FFFFFF;    /* blanc */   font-weight: bold;   font-size: 11px;   font-stretch: wider;   text-decoration: none;   display: block;   background: #003366;   /* bleu foncé */   padding: 0.25em;   border: 1px solid #333333;  /* gris moyen */}

/* Champs des Formulaires */SELECT {   font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px }TEXTAREA {   font-family: Verdana, Arial, Helvetica,  sans-serif;  font-size: 10px} INPUT {   font-family: Verdana, Arial, Helvetica,  sans-serif;  font-size: 10px }

.caption { font-family : Verdana, sans-serif; font-size : 10px; color : #000000;}

.bulletlist { font-family : Verdana, sans-serif; font-size : 10px; color : #000000;}

.table { font-family : Verdana, sans-serif; font-size : 11px; color : #000000;}

.contenttable { font-family : Verdana, sans-serif; font-size : 11px; color : #000000; padding: 1em; margin-top: 1em; margin-bottom: 1em; border:  1px solid #C0C8D4;}

/*Formulaire Recherche */.searchform { font-family : Verdana, sans-serif; font-size : 11px; color : #000000; font-weight : normal;}.searchresultpagetitle { font-family : Verdana, sans-serif; font-size : 15px; color : #333333; font-weight : bold;}.searchresultcontent { font-family : Verdana, sans-serif; font-size : 11px; color : #000000; font-weight : normal;}.searchresultheader { font-family : Verdana, sans-serif; font-size : 14px; color : #333366; font-weight : bolder;}.searchmarkup { color : #000000;}.loginform { font-family : Verdana, sans-serif; font-size : 14px; color : #000000; font-weight : normal;}

/* Formulaire Mail */.mailform { font-family : Verdana, sans-serif; font-size : 11px; color : #003366; font-weight : normal;}.mailformrequired { font-family : Verdana, sans-serif; font-size : 11px; color : #003366; font-weight : bolder;}.mailformcomment { font-family : Verdana, sans-serif; font-size : 11px; color : #CC0000; font-weight : bolder;}.mailformradio { font-family : Verdana, sans-serif; font-size : 10px; color : #003366; font-weight : normal;}

.filelinks { font-family : Verdana, sans-serif; font-size : 12px; color : #000000;}.filelinkssize { font-family : Verdana, sans-serif; font-size : 12px; color : #000000;}