/*
--------------------------------------------------------
Feuille de styles générale du site
--------------------------------------------------------
Appel de la feuille de style depuis une page
Inclusion d'une feuille de style depuis une autre
(A mettre en première ligne de la CSS absolument)
@import url(main.css);
--------------------------------------------------------
*/
/*
--------------------------------------------------------
Définitions générales
--------------------------------------------------------
Groupes de polices utilisables (A COPIER intégralement)
font-family: Arial, Helvetica, sans-serif;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-family: "Times New Roman", Times, serif;
Les polices sont sélectionnées dans l'ordre d'indication, jusqu'à
ce qu'une d'elle existe. Si on veut une police spéciale, il faut
la mettre en premier, mais laisser les autres derrière, pour laisser
les plates-formes sans cette police afficher tout de même quelque chose.
*/
/* Définit le corps du document HTML principal du site */
body {
font-size : 12px;
font-family: Arial, Helvetica, sans-serif;
color: Black;
margin-bottom : 0px;
margin-left : 0px;
margin-right : 0px;
margin-top : 0px;
/*Pour les marges de la page dans NS, mettre dans les pages Le "0" peut être remplacé par une autre valeur mais pour être cohérent, "left et right" doivent être de la mêmevaleur et "top et bottom" aussi. */
background-color : #FFFFFF;
/*TAGS POSSIBLES*/
/*Image de fond sur toutes les pagesbackground-image: url("C:\WINDOWS\1stboot.bmp");
background-repeat : no-repeat;
*/
}
/* style de la navigation pas de marge */
body.popup {
margin-bottom : 4px;
margin-left : 4px;
margin-right : 4px;
margin-top : 4px;
}
/*
Définit le texte par défaut. Cette balise n'est nécessaire que parce NS
peut perdre la définition du texte standard, après un TABLE/TR/TD, et
repasser au texte par défaut définit par l'utilisateur, au lieu de reprendre
la définition de BODY.
La définition ne doit contenir QUE le texte, IDENTIQUE à BODY.
*/
p {
font-size : 12px;
font-family: Arial, Helvetica, sans-serif;
color: Black;
}
/*
Cette balise définit une ancre interne ou externe dans un document.
Les 4 types de liens sont a redéfinir, attention aux cohérences de tailles et de couleurs.
Pour créer une autre classe de liens on peut faire un a.toto, a.toto:visited, etc.
*/
a:link {
/* Lien qui n'a pas encore été touché */
/*TAGS CONSEILLES*/
color: #1E8CE5;
text-decoration: underline;
font-weight: bold;
/*TAGS POSSIBLES POUR TOUS*/
/*Définition du textefont-family : ;
font-size : ;
*/
}
a:hover {
/* Quand la souris passe dessus (pas compris par NS) */
color: Red;
/*text-decoration: ;
font-style : ;
*/
}
a:active { /* Quand on clique (pas compris par NS) */
color: #004FC7;
/*text-decoration: ;
font-style : ;*/
}
a:visited {
/* Lien visité */
color: #7F8DC7;
/*text-decoration: ;
font-style : ;
*/
}
.a.blanc:link {
/* Lien qui n'a pas encore été touché */
/*TAGS CONSEILLES*/
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
font : bold 10;
}
.a.blanc:active {
/* Lien qui n'a pas encore été touché */
/*TAGS CONSEILLES*/
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
font : bold 10;
}
.a.blanc:visited {
/* Lien qui n'a pas encore été touché */
/*TAGS CONSEILLES*/
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
font : bold 10;
}
/*
--------------------------------------------------------
Structure du texte
--------------------------------------------------------
Le texte entre les balises Hx (x est compris entre 1 et 6) est affiché
par les navigateurs comme un titre. H1 est le plus grand, H6 le plus petit.
Attention à la cohérence des tailles entre tous ces titres.
Ne redéfinir la police que sciemment (font-family).
*/
h1, .h1 {
font-size: 18px;
color: Black;
font-weight : bold;
; font-family: Arial, Helvetica, sans-serif
/*TAGS POSSIBLES POUR TOUS LES TITRES*/
/*Enrichissement de texte*/
/*font-family : ;
font-weight: ;
text-decoration: ;
font-style : ;
*/
/*Gestion de l'espace*/
/*Espace après le titre, en négatif pour réduire - Créer un dégradé entre les différents titres*/
/*ATTENTION : Pas compris par NS*/
/*margin-bottom : -5px;
*/
/*Indentation du texte - Créer un dégradé entre les différents titres*/
/*margin-left : 10px;
*/
}
h2, .h2 {
font-size: 18px;
color: Black;
font-weight : bold;
font-style : italic;
}
h3 {
font-size: 15px;
color: Black;
font-weight : bold;
font-style : italic;
}
h4 {
font-size: 13px;
color: Black;
font-weight : bold;
font-style : italic;
}
h5 {
font-size: 12px;
color: #63639C;
font-weight : bold;
font-style : italic;
}
/*
Définit une liste non ordonnée/ordonnée avec des items.
La définition de police se fait sur UL et OL, et non sur LI.
*/
ul {
list-style-type : disc;
/*TAGS POSSIBLES POUR LES. DEUX LISTES*/
/*color: ;
font-family :;
font-size :;
font-style : ;
font-weight : ;
text-decoration : ;
*/
}
ol {
list-style-type : decimal;
}
/*
Pour mettre en valeur des définitions : DL/DT/DD. Ne pas utiliser
de DL pour faire des listes à puces : ce n'est pas fait pour ça.
On ne peut régler que le DL, cela s'appliquera au DT et au DD,
NS ne comprend rien d'autre.
*/
dl {
/*TAGS POSSIBLES*/
/*color: ;
font-family : ;
font-size : ;
font-style : ;
font-weight : ;
text-decoration : ;*/
}
/*
Définit un tableau, ses en-têtes et ses cellules.
Il faut définir la largeur du tableau et de ses composantes,
la bordure, le cellpadding et le cellspacing dans le HTML.
*/
table {
}
/*
Attention : NS 4.7 aligne toute la table à gauche si on met un TH avec "text-align : left"
Donc les tables centrées contenant un TH doivent être dans un
*/
th {
/* Table Header : cellule d'en-tête de ligne ou de colonne */
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
color : #2D69A7;
background-color : #E5E5E5;
text-align : left;
font-style : normal;
/*TAGS POSSIBLES*/
/*background-color : ;
color : ;
font-style : ;
text-align : ;
text-decoration : ;
*/
}
td {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
/*TAGS POSSIBLES*/
/*background-color : ;
color : ;
font-style : ;
font-weight : ;
text-align : ;
text-decoration : ;*/
}
/* Fiche Inscription nouvelle classe car on a un fond bleu et gris avec une police de couleur blanche */
td.bleu {
background-color : #7F8DC7;
color : #FFFFFF;
}
td.gris {
background-color : #EFEFEF;
color : #000000;
}
/*
Tag utilisé pour le copyright, l'adresse de GHS ou du client,
en base de page - A refédinir uniquement si nécessaire
Sinon, A LAISSER COMME CA.
NB : ADDRESS forme un paragraphe sans espace avant ni après.
*/
address {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #001B8F;
font-style : normal;
}
/*
Déclaration des elements d'un formulaire.
A LAISSER COMME CA pour un affichage idéal
NS ne comprend pas les redéfinitions des autres choses que input
*/
input, select, option, textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
/*
--------------------------------------------------------
Mise en forme détaillée de caractères
--------------------------------------------------------
*/
/* Mise en évidence. On peut jouer sur la couleur, la graisse, etc. */
/*SGOK*/
em {
/*TAGS CONSEILLES*/
font-style : normal;
/*TAGS POSSIBLES*/
/*font-style : italic;
text-decoration : underline;
*/
color : Gray;
}
/* Le texte entre les balises est rendu en gras */
b, strong {
font-weight: bold;
}
/* Italique */
i {
font-style: italic;
}
/* Souligné */
u {
text-decoration: underline;
}
/* Mise en évidence. Grossissement/réduction (relatif, donc) de la police */
big {
font-size: 120%;
}
small {
font-size: 11px;
}
/*
--------------------------------------------------------
Tags optionnels : modifications non nécessaires
--------------------------------------------------------
*/
/*
Permet de regrouper plusieurs éléments d’un document afin d’en
contrôler plus efficacement la structure (calque/layer pour Netscape)
Cela ne sert pas à grand chose de redéfinir le tag mais ça peut
être utile si on fait des classes spéciales du style "div.toto"
*/
div, layer {
font-size : 12px;
font-family: Arial, Helvetica, sans-serif;
}
/*
Spécifie un paragraphe (espace après équivalent à une ligne blanche)
et affecte le contenu de ce dernier.
Rien à rédéfinir puisque la police de base définie dans le BODY s'applique,
on peut éventuellmement régler les marges et les espacements entre les
paragraphes ou l'indentation des textes, mais NS ne peut pas réduire les marges
donc l'espace entre deux P.
*/
p, font {
}
/*
--------------------------------------------------------
Tags inutiles : modifications interdites
--------------------------------------------------------
*/
/*
La balise BR introduit une césure dans le texte. Les navigateurs
affichent un retour à la ligne sans pour autant introduire,
contrairement à la balise P, un espace supplémentaire.
*/
br {
/*Ne rien faire*/
}
/*
Le texte compris entre les balises est considéré par les navigateurs
comme un texte en retrait ce qui se traduit par des retraits à
gauche et à droite du texte.
Rien à faire au niveau des dimensions sauf pour les agrandir
(NS ne les prends pas en charge) On peut éventuellement changer les attributs de texte.
*/
blockquote {
}
img {
}
/*
Insère une barre horizontale (ou filet) dans le document.
NS refuse toute histoire de taille et d'alignement.
*/
hr {
}
/*
Incohérences entre IE et NE sur le style qui a la priorité.
Il vaut donc mieux définir UL/OL/DL à la place.
*/
li {
}
dt {
}
dd {
}
/*
Class de couleurs
*/
.bla {
color: White;
; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none
}
.rou {
color: Red;
}
.ble {
color: #1E8CE5;
}
.ble_fonce {
color: #001B8F;
}
.vert {
color: #299200;
}
.ble_clair {
color: #DBDBFF;
}
.ble_gris {
color: #7F8DC7;
}
.gris {
color: #BBBBBB;
}
/* type de congres internationnal national et regional */
.inter {
color: #000000;
font-weight: normal;
; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px
}
.nat {
color: #299200;
font-weight: bold;
}
.reg {
color: #001B8F;
font-weight: bold;
}
.classul {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
}
.titagen {
font-size: 16px;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
color: #666666;
}
.annee {
font-size : 19px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/*
Styles Home
*/
a.home:link {
/* Lien qui n'a pas encore été touché */
/*TAGS CONSEILLES*/
color: #FFFFFF;
text-decoration: underline;
font-weight: bold;
; font-size: 10px
; font-family: Arial, Helvetica, sans-serif
/*TAGS POSSIBLES POUR TOUS*/
/*Définition du textefont-family : ;
font-size : ;
*/
}
a.home:hover {
/* Quand la souris passe dessus (pas compris par NS) */
color: #FFFFFF;
; font-size: 10px
; font-family: Arial, Helvetica, sans-serif
/*text-decoration: ;
font-style : ;
*/
}
a.home:active { /* Quand on clique (pas compris par NS) */
color: #FFFFFF;
; font-size: 10px
; font-family: Arial, Helvetica, sans-serif
/*text-decoration: ;
font-style : ;*/
}
a.home:visited {
/* Lien visité */
color: #FFFFFF;
; font-size: 10px
; font-family: Arial, Helvetica, sans-serif
/*text-decoration: ;
font-style : ;
*/
}
/*
Styles lien archives
*/
a.archive:link {
/* Lien qui n'a pas encore été touché */
/*TAGS CONSEILLES*/
color: black;
text-decoration: underline;
/*TAGS POSSIBLES POUR TOUS*/
/*Définition du textefont-family : ;
font-size : ;
*/
}
a.archive:hover {
/* Quand la souris passe dessus (pas compris par NS) */
color: black;
/*text-decoration: ;
font-style : ;
*/
}
a.archive:active { /* Quand on clique (pas compris par NS) */
color: black;
/*text-decoration: ;
font-style : ;*/
}
a.archive:visited {
/* Lien visité */
color: #7F8DC7;
/*text-decoration: ;
font-style : ;
*/
}
a.blanc:link {
/* Lien qui n'a pas encore été touché */
/*TAGS CONSEILLES*/
color: #FFFFFF;
font-weight: bold;
/*TAGS POSSIBLES POUR TOUS*/
/*Définition du textefont-family : ;
font-size : ;
*/
font : bold;
}
a.blanc:hover {
/* Quand la souris passe dessus (pas compris par NS) */
color: #E8F0F7;
font-weight: bold;
/*text-decoration: ;
font-style : ;
*/
}
a.blanc:active { /* Quand on clique (pas compris par NS) */
color: #FFFFFF;
font-weight: bold;
/*text-decoration: ;
font-style : ;*/
}
a.blanc:visited {
/* Lien visité */
color: #FFFFFF;
font-weight: bold;
/*text-decoration: ;
font-style : ;
*/
}
.calendrier { font-family: Arial, Helvetica, sans-serif; font-size: medium; font-style: normal; font-weight: normal; font-variant: normal; background-color: #CCCCCC; background-position: center center; text-align: center; vertical-align: middle}
#bandeau {
}
#bandeau .fond {
background-image:url('/media/img_templates/md/fond_bd.gif');
background-color:#2D69A6;
padding-left:0px;
margin-left:0px;
}
#bandeau A {
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
}
#bandeau A:hover {
text-decoration:underline;
}
#bandeau li {
list-style-type:none;
padding-bottom:4px;
line-height:11px;
border-bottom:1px solid #7AA0C7;
}
#bandeau ul {
margin-bottom:4px;
padding-left:0px;
margin-left:18px;
}