/*style du champs RECHERCHE*/
.champs {
	font: 15px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	background: #B4B4B4;
	height: 24px;
	width: 94px;
	border: 1px solid #FFFFFF;
	margin-top: 6px;
}




/*pour le choix anglais ou fran?s du contenu du site*/
a.langue-act,a.langue-act:hover,a.langue-act:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #999999;
	text-decoration: none;
}

a.langue,a.langue:visited,a.langue:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #666666;
	text-decoration: none;
}

a.langue:hover{
  color: #999999;
}

/*(pour le noms des projets, ex: COSMOPOLIS)*/
.titres,a.titres,a.titres:visited {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
}
a.titres:hover {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #333333;
	text-decoration: none;
	background-color: #FFFFFF;
}
	
a.titres:active {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #333333;
	text-decoration: none;
	background-color: #FFFFFF;
}
/*(quand il y en a, comme pour Cosmopolis: +CRIRE LA VILLE)*/
.soustitres {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
}
a.soustitres:hover {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
}

a.soustitres:link {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
}	
a.soustitres:active {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
}
a.soustitres:visited {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
}
/*dans Cosmopolis: "Exposition interactive multi-utilisateurs2005")*/
.courant {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}
a,a:visited {
	font-family: Arial, Verdana;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: uppercase;
	text-decoration: none;
	color: #000000;
}

a:hover{
	font-family: Arial, Verdana;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: uppercase;
	color: #666666;
	text-decoration: none;
}




a.courant:hover {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}
a.courant:link {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}	
a.courant:active {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}
a.courant:visited {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}

.couleur-act {
	background-color: #8CAB02;
}
.couleur-act2 {
	background-color: #565656;
}
.couleur-situ {
	background-color: #EB361F;
}
.couleur-situ2 {
	background-color: #858585;
}
.couleur-progress {
	background-color: #007788;
}
.couleur-progress2 {
	background-color: #444444; 
}
.couleur-fond {
	background-color: #333333;
}
/*pour le texte courant*/
.incourant {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	text-align: justify;
}

/*pour les points rouges et les titres rouges.*/
.incourant-couleur {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #ED2B12;
	text-decoration: none;
	letter-spacing: 0.2px;
	word-spacing: 0.5px;
	text-align: left;
	vertical-align: top;
	text-indent: 0px;
	white-space: normal;
	margin: 0px;
	padding: 0px;
}
a.incourant-couleur:hover {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #ED2B12;
	text-decoration: none;
	letter-spacing: 0.2px;
	word-spacing: 0.5px;
	text-align: left;
	vertical-align: top;
	text-indent: 0px;
	white-space: normal;
	margin: 0px;
	padding: 0px;
}
a.incourant-couleur:active {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #ED2B12;
	text-decoration: none;
	letter-spacing: 0.2px;
	word-spacing: 0.5px;
	text-align: left;
	vertical-align: top;
	text-indent: 0px;
	white-space: normal;
	margin: 0px;
	padding: 0px;
}
a.incourant-couleur:link {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #ED2B12;
	text-decoration: none;
	letter-spacing: 0.2px;
	word-spacing: 0.5px;
	text-align: left;
	vertical-align: top;
	text-indent: 0px;
	white-space: normal;
	margin: 0px;
	padding: 0px;
}
a.incourant-couleur:visited {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #ED2B12;
	text-decoration: none;
	letter-spacing: 0.2px;
	word-spacing: 0.5px;
	text-align: left;
	vertical-align: top;
	text-indent: 0px;
	white-space: normal;
	margin: 0px;
	padding: 0px;
}
/*pour la couleur de fond grise + titres des parties ?auche*/
.statique-titres {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: normal;
	text-align: left;
	vertical-align: top;
	word-spacing: normal;
	white-space: normal;
	margin: 0px;
	border: 0px none #FFFFFF;
	background-color: #666666;
	text-indent: 0px;
	padding: 5px;
	float: none;
	height: 0px;
	width: 0px;
}
/*Pour les noms propres, soci?s, instituts, etc*/
.nomspropres {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none;
}
/*Pour les mots "D?nition, laboratoires, partenaires et contact" en haut ?auche dans 
les cartels fond blanc. Helvetica, corps 14, Gras, rouge.*/
.titre-parties-statiques {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #ED2B12;
	text-decoration: none;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}
/*Dans les cartels en haut ?roite sur fond blanc. Helvetiva, gras, rouge, corps 11.
(dans d?nition par exemple, c'est "F?ration de laboratoires?rgents")*/
.cartel-intro, a.cartel-intro{
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ED2B12;
	text-decoration: none;
}

		a.cartel-intro,a.cartel-intro:hover,a.cartel-intro:visited
{

	text-transform: uppercase;
}


a.cartel-intro:hover
{
  color: #666666;
}


/*Gros titres des projets en haut ?auche (ex: Transmissions)
*/
.inprojet-titre {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}
/*Pour le texte du cartel en haut ?roite qui est en majuscule 
(ex: dans Transmissions: "D'ICHIM 2005")*/
.in-cartel {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
/*Pour le cartel en haut ?roite mais en minuscule et en gras. 
(ex. dans Transmissions: "commissaire g?ral Ichim)*/
.cartel-denomination,.cartel-denomination a{
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal; /*text-transform: lowercase;*/
	color: #FFFFFF;
	text-decoration: none;
	vertical-align: middle;
}

.cartel-denomination a,.cartel-denomination a:hover,.cartel-denomination a:visited {
  color: #000000;
}

.cartel-denomination a:hover
{
  text-decoration: underline;
  color: #999999;
}


/*Ce qui est dans le pav?es laboratoires en haut de la page, en dessous du cartel. 
Majuscules et gras.*/
.inlaboratoire {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #333333;
	text-decoration: none;
}
/*Pour le menu r?pitulatif et qui permet d'acc?r directement au bon endroit de la fiche 
tout en haut. (ce menu n'est que pour les longues fiches comme Digital Snow) 
et ?lement pour les titres de parties (voir Digital Snow, ex: MICHAEL SNOW). 
Majuscules en noir et gras.*/
.inmenu {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #333333;
	text-decoration: none;
}

a.inmenu,a.inmenu:visited  {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	font-weight: bold;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}

a.inmenu:hover {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	color: #888888;
	text-decoration: none;
}


/*Pour les sous-menu dans les fiches longues 
(voir Digital Snow ex: "1) Surfaces, objets et moyens dexpressions
Minuscules en noir et gras.*/
.insousmenu {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}
/*pour toutes les citations d'un nom d'uvres ou nom d'?nement priv?etc.
(ex. dans Transmissions: Ichim ou Transmissions). Caract? italique.*/
.inoeuvres {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 12px;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
/*nom des auteurs qui ont r?g?des articles. Se trouve au bas des articles en petit et gras.*/
.inauteur {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	text-align: right;
}
/* Pour les noms des projets en lien, juste dessous "projets li?
et ?lement des cr?ts pr?nts sous les photos s'il y a.*/
.projetsenlien {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;

}

a.projetsenlien:hover {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;

}
a.projetsenlien:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;

}
a.projetsenlien:visited {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;

}
/* Pour "t?charger le pdf" et aussi "Projets li?. */
.pdf {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
}
a.pdf:hover {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
}
a.pdf:link {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
}
a.pdf:active {
	font-family:Helvetica, Geneva, Arial, Verdana;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
}
a.pdf:visited {
	font-family: Helvetica, Geneva, Arial, Verdana;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
}

.main_on_load
{
  cursor:wait;
}

.colonne_1,.colonne_1_hors,.colonne_1_hover,
.colonne_2,.colonne_2_hors,.colonne_2_hover,
.colonne_3,.colonne_3_hors,.colonne_3_hover
{
  width:221px;
  float:left;
  height:30px;
  margin:0 0 0 1px;
  cursor:pointer;
}
.colonne_1{
  background: url('images/colonne1.png');
}
.colonne_1_hover{
  background: url('images/colonne1_hover.png');
}
.colonne_1_hors{
  background: url('images/colonne1_hors.png');
}
.colonne_2{
  background: url('images/colonne2.png');}
.colonne_2_hors{
  background: url('images/colonne2_hors.png');
}
.colonne_2_hover{
  background: url('images/colonne2_hover.png');
}
.colonne_3{
  background: url('images/colonne3.png');
}
.colonne_3_hors{
  background: url('images/colonne3_hors.png');
}
.colonne_3_hover{
  background: url('images/colonne3_hover.png');
}

.titre_colonne
{
  height:19px;
  padding:2px;
  color:#FFFFFF;
  font-family:sans-serif;
  font-weight:bold;
  font-size:15px;
  font-variant: small-caps;
  letter-spacing:1px;
  text-align:center;
}