<!--
/* Il s'agit tout simplement du fond de page commune à toutes les
 pages: une image nommée fondLettre.jpg répétée sur x et y n fois. */
BODY {
   background-color: white;
/*   background-image: url("fondLettre.jpg"); */
}

/* caractérise juste une couleur d'écriture noire */
.noir {
   /* font-color: #000000; */
   color: #000000;
}

/* est utilisé pour une écrire en rouge, d'une taille de 10pt selon
 l'écriture times ou times new roman selon le type de police qu'on
 possède dans l'ordinateur (sacchant que times new roman est dans
 tous les microsoft */
.rouge {
   font-family: times, times new roman;
   font-size: 10pt;
   color: #990000
}

/* tous les liens qui n'ont jamais été cliqués seront bleus */
A:link {
   color: #3333ff;
}

/* tous les liens qui ont déjà été cliqués seront jaune or */
A:visited {
   color: #999966;
}

/* Texte un peu plus gros pour titre de paragraphe */
.TeteParagraphe {
   font-family: itc avant garde gothic, arial, helvetica;
   font-size: 12pt;
   font-weight: bold;
   text-decoration: underline;
}

/* juste une couleur d'écriture blanche */
.blanc {
	/* font-color: #FFFFFF; */
	color: #FFFFFF;
}

/* juste une couleur de fond rouge brique */
.termine {
   background-color: #CC6666;
   font-family: times, times new roman;
   font-size: 10pt;
}

/* juste une couleur de fond verte */
.cours {
   background-color: #99CC33;
   font-family: times, times new roman;
   font-size: 10pt;
}

/* juste une couleur de fond bleue */
.intention {
   background: #6666FF;
   font-family: times, times new roman;
   font-size: 10pt;      
}

/* une couleur et une écriture caractéristique de la collaboration dans le grand
tableau des projets */
.collaboration {
   background-color: #FFFFFF;
   font-family: times, times new roman;
   font-size: 10pt;
}

/* une couleur et une écriture caractéristique de la collaboration dans le grand
tableau des projets */
.bastableau {
   background-color: #CCCCFF;
   font-family: times, times new roman;
   font-size: 10pt;
}

/* une couleur et une police caractéristique du genoscope dans le grand tableau des projets */
.jaune {
   background-color: #FFFFCC;
   font-family: times, times new roman;
   font-size: 10pt;
}

/* une couleur et une police caractéristique du genoscope dans le grand tableau des projets */
.genoscope {
   background-color: #FFFFCC;
   font-family: times, times new roman;
   font-size: 10pt;
}

/* il s'agit juste d'un type d'écriture times de taille 10pt (qui est
 la taille de texte par défaut */
.ecriture {
   font-family: times, times new roman;
   font-size: 10pt;
}

/* permet de positionner du texte avec une marge à droite et à gauche
 de 15pt */
.marge {
   margin-left: 15pt;
   margin-right: 15pt;
}

/* type et taille de police utilise dans le titre des pages
comparative genoscope */
.soustitNoir {
   font-family: itc avant garde gothic, arial, helvetica;
   font-weight: bold;
   font-size: 18pt;
   color: #000000;
}

/* type d'écriture sous-titre, d'une certaine taille, en gras et
 centré sur la page */
.titre2 {
   font-family: itc avant garde gothic, arial, verdana, helvetica;
   font-size: 16pt;
   font-weight: bold;
   text-align: center;
}

/* sous-titre Sophie(pages projets recherche */
.titre3 {
   font-family: itc avant garde gothic, arial, verdana, helvetica;
   font-size: 24pt;
   font-weight: bold;
   text-align: left;
}

/* sous-titre Sophie(pages projets recherche */
.titre4 {
   font-family: itc avant garde gothic, arial, verdana, helvetica;
   font-size: 20pt;
   text-align: right;
}


/* traditionnellement utilisé pour écrire un corps de texte. Ce dernier
 sera justifié, il y aura une marge aussi bien à droite qu'à gauche
 de 25pt, la police est de typ times et fait une certaine taille
 assez conséquente (16pt) */
.monTexte {
   font-family: times, times new roman;
   font-size: 12pt;
   /* text-align: justify; */
   margin-left: 25pt;
   margin-right: 25pt;
}

/* utilisé en tant que sous-titre, gras, police de type itc garde
 gothic (ou arial pour microsoft) et se trouve toujours à une distance
 de 35pt par rapport à la ligne au dessus */
.ssTitre {
   font-family: itc avant garde gothic, arial, verdana, helvetica;
   font-size: 16pt;
   font-weight: bold;
   line-height: 35pt;
}

/* utilisée pour tous les types d'écriture qu'on veut en petit */
.petit {
   font-family: itc avant garde gothic, arial, verdana, helvetica;
   font-size: 8pt;
   font-weight: normal;
}

/* utilisée pour tous les types d'écriture qu'on veut en petit,
justifié à droite*/
.petitDroitier {
   font-family: itc avant garde gothic, arial, verdana, helvetica;
   font-size: 8pt;
   font-weight: normal;
   text-align: right;
}

/* est presque la même que celle ci-dessus sauf que l'écriture est de
 couleur blanche */
H6 {
   font-family: itc avant garde gothic, arial, verdana, helvetica;
   font-size: 8pt;
   font-weight: normal;
   color: #FFFFFF;
}

/* spécifie qu'il n'y a pas de marge entre notre objet et la ligne
 immédiatement au dessus */
.coller {
   margin-top: 0pt;
}

/* couleur d'écriture bleue */
.bleu {
   color: #3333ff;
}

/* Il s'agit d'un style de paragraphe  utilisé pour écrire les titres de projet pour
 tous les browser qui ne sont pas internet explorer. En fait il s'agit
 d'une image de fond sur laquelle on va pouvoir écrire. Elle ne se
 répète pas etse trouve en arrière plan */
.imageProjet {
   background-color: #FFFFFF;
   background-image: url("/externe/Images/fond_projet7.jpg");
   background-repeat: no-repeat;
   text-align: right;
   z-index: 1;
}

/* Il s'agit d'un style de paragraphe  utilisé pour écrire les titres de projet pour
 tous les browser qui ne sont pas internet explorer. En fait il s'agit
 d'une image de fond sur laquelle on va pouvoir écrire. Elle ne se
 répète pas etse trouve en arrière plan */
.imageProjetVitis {
   height: 135px;
   background-color: #FFFFFF;
   background-image: url("/externe/Images/grappe_titre.png");
   background-repeat: no-repeat;
   text-align: right;
   z-index: 1;
}

/* Idem pour projets recherche_Sophie */
.imageProjetrecherche {
   height: 210px;
   background-color: #FFFFFF;
   background-image: url("/externe/Images/logoR5.jpg");
   background-repeat: no-repeat;
   text-align: right;
   z-index: 1;
}


/* Il s'agit du type d'écriture utilisé pour écrire par dessus l'image
 du paragraphe défini par le style ci-dessus. C'est une très grosse
 taille, gras, justifié à droite et situé à une certaine hauteur par
 rapport à la ligne du dessus et à une certaine position par rapport
 à la gauche de la page. Il est spécifié que cette écriture se trouve
 sur un premier plan  */
.ecritureProjet {
   position: relative;
   font-family: itc avant garde gothic, arial, verdana, helvetica !important;
   font-size: 42pt !important;
   font-weight: bold !important;
   margin-top: 15px;
}


/* idem mais pour projets recherche plus petit et centré, projets recherche Sophie*/
.ecritureProjet2 {
   position: relative;
   font-family: itc avant garde gothic, arial, verdana, helvetica !important;
   font-size: 38pt !important;
   font-weight: bold !important;
   text-align: right;    
}

/* Pareil que le style au dessus sauf que l'écriture est plus petite
 (la police est la même) et que la position est différente */
.sousEcritureProjet {
   position: relative;
   text-align: right;
   margin-top: 20px;
   margin-left: 10px;
   font-family: itc avant garde gothic, arial, verdana, helvetica ! important;
   font-size: 26pt ! important;
   font-weight: bold ! important;

}

/* ancienne version de ci-dessus
.sousEcritureProjet {
   position: relative;
   text-align: right;
   margin-top: 0px;
   margin-left: 20px;
   font-family: itc avant garde gothic, arial, verdana, helvetica ! important;
   font-size: 26pt ! important;
   font-weight: bold ! important;
   z-index: 2;
} */

/* Pareil que le style au dessus sauf que l'écriture est plus petite
 (la police est la même) et que la position est différente */
.sousEcritureProjet2 {
   position: relative;
   text-align: right;
   margin-top: 20px;
   font-family: itc avant garde gothic, arial, verdana, helvetica ! important;
   font-size: 20pt ! important;
}

/* idem que pour le style de même nom mais sans MSIE. Ce style est
 spécifié particulièrement pour les utilisateur de internet explorer */
.ecritureProjetMSIE {
   background-color: #FFFFFF;
   background-image: url("/externe/Images/fond_projet7.jpg");
   background-repeat: no-repeat;
   font-family: arial,verdana,helvetica;
   font-size: 40pt;
   font-weight: bold;
   z-index: 2
}

/* Pour les utilisateur de internet explorer, pages Recherche, Sophie */
.ecritureProjetMSIE2 {
   background-color: #FFFFFF;
   background-image: url("/externe/Images/logoR5.jpg");
   background-repeat: no-repeat;
   font-family: arial,verdana,helvetica;
   font-size: 40pt;
   font-weight: bold;
   z-index: 2
}


.ecritureProjetMSIEVitis {
   height: 180px;
   background-color: #FFFFFF;
   background-image: url("/externe/Images/grappe_deco3.jpg");
   background-repeat: no-repeat;
   font-family: arial,verdana,helvetica;
   font-size: 40pt;
   font-weight: bold;
   z-index: 2
}

/* idem que ci-dessus */
.sousEcritureProjetMSIE {
   font-family:  itc avant garde gothic, arial,verdana,helvetica;
   font-size: 24pt;
   font-weight: bold;
   z-index: 2
}

/* idem que ci-dessus */
.sousEcritureProjetMSIE2 {
   font-family:  itc avant garde gothic, arial,verdana,helvetica;
   font-size: 18pt;
   z-index: 2
}


/* utilisé pour déterminer le type de sous menu */
.sousMenu {
   position: relative;
   background-color: #FFFFFF;
   background-image: url("/externe/Images/loupe4.jpg");
   background-repeat: no-repeat;
/*   font-family: itc avant garde gothic;
   font-size: 18pt;
   font-weight: bold;
   z-index: 1 */
}

/* type d'écriture définit le plus simple possible */
.Times3 {
   font-family: times, times new roman;
   font-size: 12pt;
}

/* idem avec marge à droite */
.Times3bis {
   font-family: times, times new roman;
   font-size: 12pt;
   margin-right: 100px;
}

/* type d'écriture taille > Times3*/
.Times4 {
   font-family: times, times new roman;
   font-weight: bold;
   font-size: 18pt;
}


/* le même que ci-dessus mais avec une spécification en plus:
 l'écriture est en gras */
.gras {
   font-family: itc avant garde gothic, arial, verdana, helvetica;
   font-weight: bold;
   font-size: 12pt
}

/* le même que ci-dessus mais avec une spécification en plus:
 la taille est < */
.gras2 {
   font-family: itc avant garde gothic, arial, verdana, helvetica;
   font-weight: bold;
   font-size: 10pt
}


/* Utilisé pour une écriture itc avant garde italik. Pas de précision
de taille de la police */
.italik {
   font-family: itc avant garde gothic, arial, verdana, helvetica;
   font-style: italic
}

/* titre de la presse: itc, comme tous les titres de grosse taille et
en gras */
.titrePresse {
   font-family: itc avant garde gothic, arial, verdana, helvetica;
   font-weight: bold;
   font-size: 26pt;
}

/* style d'écriture utilisé pour noter la liste de questions dans la
page FAQ */
.liste {
   font-family: itc avant garde gothic, arial, verdana, helvetica;
   font-weight: normal;
   font-size: 10pt;

}

/* Il s'agit du type d'écriture + couleur de fond bleu qui sont
utilisé dans la feuille de FAQ, au niveau des questions-réponses (une
question par ligne suivi de la réponse) et non du tableau récapitulatif
des questions */
.FAQ {
   font-family: itc avant garde gothic, arial, verdana, helvetica;
   font-size: 12pt;
   font-weight: bold;
   background: #CCCCFF;
}

/* quasiment la même écrture que "petit" mais en gras et avec quelques
petites choses en plus comme une hauteur de ligne différente */
.pied {
   position: relative;
   font-family: itc avant garde gothic, arial, verdana, helvetica;
   font-size: 8pt;
   color: #3333ff;
   font-weight: bold;
   line-height: 20px;
}

/* Même chose que "monTexte" (traditionnellement utilisé pour écrire
un corps de texte) mais la taille est plus petite (10 au lieu de 12
pt), il y aura une marge aussi bien à droite qu'à gauche de 25pt, et
la police est de typ times */
.monPetitTexte {
   font-family: times, times new roman;
   font-size: 10pt;
   /* text-align: justify; */
   margin-left: 25pt;
   margin-right: 25pt;
}

/* on trouve ce type d'écriture (entre autre) dans la page index de
Outils, elle sert pour les différents types d'outils: outils
biologiques et outils divers */
.particulier {
   font-family: itc avant garde gothic, arial, verdana, helvetica;
   font-size: 12pt;
   font-weight: bold;
   line-height: 25pt;
}

/* type d'écriture utilisée entre autre dans la page "site" pour
définir les différents accès du site web. Exemple: Présentation
générale, Coordonnées du Genoscope, Le séquençage des génomes... */
.titre {
   font-family: itc avant garde gothic, arial, verdana, helvetica;
   font-size: 12pt;
   line-height: 20pt;
}

/* Il s'agit de la couleur de fond mauve qui est utilisée
dans la page "site" pour présenter les projets de séquençage */
.mauve {
   background: #99cccc;
}

/* Il s'agit de l'écriture + la couleur de fond qui sont utilisés
(entre autre) dans le tableau général de présentation des projets pour définir les
colonnes */
.coltitre {
   background: #6666FF;
   font-family: itc avant garde gothic, arial, verdana, helvetica;
   font-size:12pt;      
   color:#CCCCCC;
   line-height: 25pt;
}

/* Les 2 styles suivants ont été créés pour les pages de la fete de la
science. */
/* il s'agit du style du texte tout simplement */
.corpsFeteScience {
   font-family: itc avant garde gothic, arial, verdana, helvetica;
   font-size: 10pt;
   font-weight: bold;
   color: #000000;
}

/* pour le titre, on a choisit une couleur rouge*/
.titreRougeFeteScience {
   font-family: itc avant garde gothic, arial, verdana, helvetica;
   font-size: 12pt;
   font-weight: bold;
   color: #990000;
}

/* Pour le texte tetraodon de la page art_discrimination, interligne
supérieur à la normale */
.tetraAbstract {
   font-family: times, times new roman;
   font-size: 12pt;
   line-height:150%;
}

/* juste pour décaler le texte */
.decale {
   padding-left: 1.5em;
}

-->