body{
	background:#333333; 
/*	background-image: url(images/accueil2.jpg);
	background-repeat: no-repeat; 
	background-position: right top; */
	color:black;
	margin: 0;
	margin-bottom:15px;
	padding:0;
	font-family:Verdana,Normal, Arial, Helvetica, sans-serif ;
    font-size: 9pt;
	text-align: center; 
	line-height: 130%;
	}
	
/* effet sur les liens traditionnels : sans effet. Ils seront mis sur le style du texte en question (texte, image, gras...)*/
a:link, a:visited{
color:inherit;
	text-decoration:none;
	}	
		
a img{border:0 none;	}

/*a{color:transparent;}*/
/* ul li a{color:black;}  */

/* pour changer les couleurs */
.rouge{background:#CC3333;
	color:#fffff0;
	}
	
/*.vert{background:#007927;
	color:black;
	} */
	
	.vert{background:#007927;
	color:black;
	}
	
.bleu{background:#0070A6;
	color:black;
	}
	
.jaune{background:#FF9900;
	color:black;
	}
.black{background:#696969;
	color:black;
	}
.gris{background:#333333;
	color:black;}
/* change la couleur de fond au passage de la souris*/
.fond_gris a:hover, li.fond_gris:hover {background:#cccccc;}
.fond_rouge a:hover, li.fond_rouge:hover {background:#ffcccc;}
.fond_bleu a:hover, li.fond_bleu:hover, div.lien a:hover{background:#ccffff;}
.fond_vert a:hover, li.fond_vert:hover{background:#ccffcc;}
.fond_jaune a:hover, li.fond_jaune:hover{background:#ffff99;}


/* La page principale cad la pochette*/
div.centre{background:inherit;
	color:black;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:1%;
	margin-bottom:10px;
	padding:0;
	text-align: left;
	width:800px;
	/* min-width:800px; */
	/* min-height:100%;
	max-height:200%; */
	}


/* body>html div.centre{background:yellow;
	color:black;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:1%;
	margin-bottom:10px;
	padding:0;
	text-align: left;
	width:80%;
	min-width:800px;
	min-height:100%;
	max-height:200%;
	}
 *//* ===================================================*/
/*  =============== LE HAUT DE LA PAGE  ===============*/
/* ===================================================*/
div.le_haut{ background:inherit;
	color:white;
	font-size: 8pt;
	width:100%;
	height:10%;
	margin:0;
	padding:0;
	}
div.bandeau{	
	margin:0;
	padding:0;
	padding-top:2px;
	background:#ffffff;
	clear:both;
	width:100%;
	height:70px;
	}
	
/* Le Logo */
div.logo img{
	position:absolute;
	top:5px;
	left:5px;
	padding-left:2px;
	/* padding-top:2px; */
	background:inherit;
	clear:both;
	width:18%;
	height:95px;
	}
/*les coins arrondis en haut de la page (à droite et à gauche*/
div.hautdroit{
	width:37px;
	height:15px;
	background:inherit;
	margin:0;
	background-image:   url(images/pochette_15.gif);
	background-repeat: no-repeat;
	background-position: right top;
	float:right;
	}
div.hautgauche{
	width:37px;
	height:15px;
	background:inherit;
	margin:0;
	background-image:   url(images/pochette_14.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
	}

/* Le menu en onglets */	
/* endroit où l'on place le menu */
div.haut{width :726px; 
	height: 40px;
	position:absolute;
	left:37px;
	top:0;
	margin-right:0;
	margin-top:0;
	background:#ffffff;
	}
/* le menu */	
div.menu_haut{background:inherit; 
	width :70%; 
	float:right;
	margin-right:0;
	margin-top:0;
	}
	
div.le_haut ul {
	list-style-type : none; 
	margin-left:0px;
	margin-top:0;
	padding-left:0px
	}
	
div.le_haut ul li {background:inherit; 
	color:inherit;
	text-transform: uppercase;
	float:left;
	text-align:center;
	width:21%;
	height:1px;
	margin:0 2.5% 0 0;
	padding-left:0;
	padding-bottom:0.5em;
	}

div.le_haut ul li ul{
	list-style-type : none; 
	margin:0;
	padding:0px;
	/* height:5px; */
	}
	
/* ===ONGLET ROUGE=== */	
div.le_haut ul li ul li.arrondi_rouge_gauche{   
	background:#CC3333;
	width:10px;
	height:40px;
	margin:0;
	background-image:   url(images/onglets/onglets_rouge_g.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float:left;
	}
div.le_haut ul li ul li.rouge_centre{
	background:#CC3333;
	color:inherit;
	height:40px;
	width:80%;
	margin:0;
	float:left;
	}
	
div.le_haut ul li ul li.arrondi_rouge_droit{   
	background:#CC3333;
	width:10px;
	height:40px;
	margin:0;
	background-image:   url(images/onglets/onglets_rouge_d.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	float:left;
	}
/* ===ONGLET VERT=== */	
div.le_haut ul li ul li.arrondi_vert_gauche{   
	background:#007927;
	width:10px;
	height:40px;
	margin:0;
	background-image:   url(images/onglets/onglets_vert_g.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float:left;
	}
div.le_haut ul li ul li.vert_centre{
	background:#007927;
	color:inherit;
	height:40px;
	width:80%;
	margin:0;
	float:left;
	}
div.le_haut ul li ul li.arrondi_vert_droit{   
	background:#007927;
	width:10px;
	height:40px;
	margin:0;
	background-image:   url(images/onglets/onglets_vert_d.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	float:left;
	}	

/* ===ONGLET BLEU=== */	
div.le_haut ul li ul li.arrondi_bleu_gauche{   
	background:#0070A6;
	width:10px;
	height:40px;
	margin:0;
	background-image:   url(images/onglets/onglets_bleu_g.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float:left;
	}
div.le_haut ul li ul li.bleu_centre{
	background:#0070A6;
	color:inherit;
	height:40px;
	width:80%;
	margin:0;
	float:left;
	}
div.le_haut ul li ul li.arrondi_bleu_droit{   
	background:#0070A6;
	width:10px;
	height:40px;
	margin:0;
	background-image:   url(images/onglets/onglets_bleu_d.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	float:left;
	}

/* ===ONGLET JAUNE=== */	
div.le_haut ul li ul li.arrondi_jaune_gauche{   
	background:#FF9900;
	width:10px;
	height:40px;
	margin:0;
	background-image:   url(images/onglets/onglets_jaune_g.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float:left;
	}
div.le_haut ul li ul li.jaune_centre{
	background:#FF9900;
	color:inherit;
	height:40px;
	width:80%;
	margin:0;
	float:left;
	}
div.le_haut ul li ul li.arrondi_jaune_droit{   
	background:#FF9900;
	width:10px;
	height:40px;
	margin:0;
	background-image:   url(images/onglets/onglets_jaune_d.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	float:left;
	}
	
div.le_haut li a:link, div.le_haut li a:visited{background:inherit;
	color:white;
	text-decoration: none;
	}
div.le_haut li a:hover{background:inherit;
	color:#fffff0;
	text-decoration: underline;
	}



	
/* ======================================================================================*/	
/*  ============================= LE CENTRE DE LA PAGE ==================================*/
/* ======================================================================================*/

div.le_milieu{/* background-image: url(fond2.gif); */
	background:#ffffff;
	color:inherit;
	min-height:80%;
	clear:both;
	margin:0;
	padding:0;
	padding-top:10px;
	width:100%;
	}
hr{clear:both;
	visibility: hidden;
	margin:0;
	padding:0;
	}	
	
/* Le menu de gauche */
div.menu_gauche{
	font-size: 8pt;
/*	 background-image: url(images/menu_g_orange.png); */
	 background-repeat:repeat-y;
	border-right:dotted 1px  #333333;
		width:19%;
	float:left;
	margin-left:0px;
	margin-top:60px;
	margin-right:1%;
	padding:10px 0px;
	padding-left:5px;
	}

body.rouge div.menu_gauche{	border-right:dotted 1px  #CC3333;}	
body.jaune div.menu_gauche{border-right:dotted 1px #f8dda7;}	
body.vert div.menu_gauche{border-right:dotted 1px  #007927;}	
body.bleu div.menu_gauche{border-right:dotted 1px #9cd7f4;}	


div.menu_gauche ul{
	list-style-type : none;
	margin:0px;
	padding:0px;
	}
	
div.menu_gauche li {background:inherit;
	color:black;
	padding:3px;
	}
div.menu_gauche li a:link , div.menu_gauche li a:visited{color:black;
	text-decoration: none;
	}	
/*rouge*/	
div.menu_gauche li.rouge {background:#CC3333;
	color:#fffff0;
	padding:3px;
	}
div.menu_gauche li.rouge a:link, div.menu_gauche li.rouge a:visited{color:#fffff0;
	text-decoration: none;
	}
/*vert*/	
div.menu_gauche li.vert {background:#007927;
	color:#fffff0;
	padding:3px;
	}
div.menu_gauche li.vert a:link,div.menu_gauche li.vert a:visited{color:#fffff0;
	text-decoration: none;
	}
/*bleu*/	
div.menu_gauche li.bleu {background:#0070A6;
	color:#fffff0;
	padding:3px;
	}
div.menu_gauche li.bleu a:link,div.menu_gauche li.bleu a:visited{color:#fffff0;
	text-decoration: none;
	}
/*jaune*/	
div.menu_gauche li.jaune {background:#FF9900;
	color:#fffff0;
	padding:3px;
	}
div.menu_gauche li.jaune a:link, div.menu_gauche li.jaune a:visited{color:#ffffff;
	text-decoration: none;
	}
/* gris ou neutre*/
div.menu_gauche li.gris{background:#333333;
	color:#fffff0;
	padding:3px;
	}
div.menu_gauche li.gris a:link, div.menu_gauche li.gris a:visited{color:#ffffff;
	text-decoration: none;
	}
/*partie profil*/
div.profil{
	margin:0;
	padding:0;
	margin-top:0px;
	padding:0px 0px;
	}	


 /* ==========LA PAGE CENTRALE, LÀ OÙ IL FAUT ECRIRE LE CONTENU ===================== */
div.page_centrale{background:inherit;
	color:inherit;
	float:right;
	width:74%;
	min-height:80%;
 	margin-top:0;
	margin-left:0;
	padding:0;
	padding-bottom:2%;
	}

/* ===================================================================================*/	
/*================================ ZONE DE TRAVAIL =================================*/
/* ===================================================================================*/
/* ZONE DE CONTENU COMMUNE AUX PAGES*/
div.presentation{
	background:inherit;
	color:inherit;
	width:95%;
	margin-top:0px;
	margin-bottom:5px;
	padding-left:0%;
	clear:both;
	text-align:justify;
	}
	
div.presentation2{
/* pour le texte avant le premier bloc sur la page (marge bas plus grande) */
	background:inherit;
	color:inherit;
	width:95%;
/*	height:120px; */
	margin-top:0px;
	margin-bottom:20px;
	padding-left:0%;
	text-align:justify;
	clear:both;
	}	
	
div.lien , div.lien2{
	background:inherit;
	color:blue;
	clear:both;
	width:100%;
	text-align:right;
	font-style:italic;
	margin-top:2%;
/*	font-size:8pt;*/
	}

div.lien a:link, div.lien a:visited{
	color:blue;
	} 
div.zone_image{
	float:left;
	width:30% ;
	/* height:120px; */
	margin:0;
	margin-right:5%;
	padding:0;
	text-align: center;
	}
div.zone_texte{
	color:black;
	float:left;
	width:59%;
	margin:0;
	margin-right:5%;
	padding:0;
	/* padding-right:10%; */
	text-align:justify;
	}	
	div.zone_image_accueil {
	float:left;
	width:44% ;
	/* height:120px; */
	margin:0;
	padding:0;
	text-align:right;
	}
	div.zone_texte_accueil {
	float:left;
	width:45%;
	margin:0;
	margin-right:5%;
	padding:0;
	/* padding-right:10%; */
	text-align:left;
	}	
	
.zone_texte_accueil div
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.zone_texte_accueil a
{
	text-decoration: underline;
/*	font-size: 1.2em;  */
/*	color: black; 
	font-weight: bold;*/ 
}
.zone_texte_accueil a:hover
{
	background:#ccffff;
		text-decoration: underline;
}

.zone_texte_accueil a:visited
{
		text-decoration: underline;
}

.conteneur { /* définition d'un conteneur global*/
width: 100%;
}

.lettrine {
float: left; /* positionnement de la lettrine dans le conteneur*/
font-size: 2em; /* 3 hauteurs de lignes pour la lettrine*/
font-family: Georgia, Verdana, Times New Roman, Times, serif;
/*color: #990000;*/
/*border: 1px solid #990000;  définition d'une bordure autour de la lettrine*/
/*background-color: #FFFFCC; */
margin: 1px;
padding: 1px;
line-height: 1em;
}

	
/* PAGES SPÉCIFIQUES */

/* chariots sous la description */

/*div.miniature{
Anciennement liste des images sous la page description chariot
	width:75px;
	height:100px;
	margin-left:0%;
	margin-right:4%;
	float:left;
	}
*/

/* liste chariots niveau 2 */
div.cadre{
	width:24.9%;
	height:220px;
	float:left;
	margin:0;
	margin-bottom:1%;
	border:solid 0px;
	padding:0;
	text-align:center;
	}
	
div.image{
	width:88px;
	height:132px;
	margin-right:auto;
	margin-left:auto;
	padding:0;
	
	}
.titre_centre{
	width:100%;
	text-align:center;
	color:#CC3333;
	font-weight:bold;
	}
.titre_centre a{color:#CC3333;}
div.blabla{
	margin:8%;
	text-align:left;
	font-size:8pt;
	}
/* description fiches chariots */
div.partie_gauche{width:55%;
	
	border: solid 0px;
	float:left;
	padding:1%;
	margin:0;
	}
/* images fiches chariots */
div.partie_droite{width:39%;
	border: solid 0px;
	float:left;
	padding-left:1%;
	margin:0;
	}		
div.partie_droite img{
	float:right;
	margin-top:15%;
	}		
/* titre description fiches chariots */
div.ls{font-weight:bold;
	border-bottom: 1px double;
	margin-top:10%;
	text-transform:uppercase;
	clear:both;
	}
/* lignes description fiches chariots */
.ligne{
	clear:both;
	margin-top:1%;
	font-size:8pt;
	}
/* cellules description fiches chariots, ce situe à l'interieur des div.ligne */
div.caract{
	font-size:8pt;
	width:49%;
	border:0px;
	text-align:left;
	float:left;}	
	
div.nuancier{
	clear:both;
	width:100%;
	}
div.nuancier a img{
	vertical-align:middle;
	}

/* PAGE D'ACCUEIL */
	
/* CLASSEMENT */

/* div.img_class{
	width:100%;
	height:55%;
	margin-right:auto;
	margin-left:auto;
	padding:0;
	
	} */
div.bloc_image{
	width:32%;
	height:160px;
	float:left;
	}
div.bloc_image h1{
	margin-bottom:0;
	
	} 	
/* div.gd_image{color:inherit;
	background:inherit;
	text-align: center;
	width:100%;
	}
div.gd_image img{margin-left:auto;
	margin-right:auto;
	margin-top:1%;
	margin-bottom:10px;
	padding:0;
	text-align: left;
	width:350px;
	
	} */
	
/* page galerie a voir */
ul.galerie{list-style-type : none; 
	height:500px;
	margin:0;
	padding:0px;
	overflow:auto;
	}
	
 ul.galerie li{
 	float:left;
	margin:10px;
	}
/* ===================================================*/	
/*=============== LE BAS DE LA PAGE ==================*/
/* ===================================================*/
div.le_bas{
	width:100%;
	height:42px;
	clear:both;
	margin:0;
	padding:0;
	background:inherit;
	}
/* les coins en bas à gauche et à droites */
div.basdroit{
	height:42px;
	width:65px;
	background-image:   url(images/pochette_21.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	float:right;
	}
div.basgauche{
	height:42px;
	width:65px;	
	background-image: url(images/pochette_22.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	float:left;}
/* zone du menu */
div.menu_bas{
	background:inherit;
	color:black;
	font-size:8pt;
	width : 670px;
	margin-left:0px;
	margin-top:0;
	margin-bottom:0%;
	padding:0;
	float:left;
	} 
div.menu_bas ul {
	background:#ffffff;
	color:black;
	border:0;
	list-style-type : none;
	width:100%;
	height:42px;
	margin-left:0px;
	margin-top:0px;
	padding-left:0px;
	padding-top:0;
	}	
div.menu_bas li {
	background:inherit;
	color:black;
	border:0px ;
	text-transform: uppercase;
	text-align:center;
	width:24.9%;
	float:left;
	/* height:20px; */
	display : inline;
	margin-left:0px;
	margin-top:20px;
	padding-left:0px;
	}

div.menu_bas li a:link , div.menu_bas li a:visited{background:inherit;
	color:black;
	text-decoration: none;
	
	}
div.menu_bas li a:hover {background:inherit;
	color:black;
	text-decoration: underline;
	}

/* ===================================================*/
/* ===============  EFFETS GRAFHIQUES  ==============*/
/* ===================================================*/	
/* mettre du gras */
h1.gras{font-family:inherit ;
   color: inherit;
   font-weight: bold;
   font-size: 9pt; 
   }
.gras{font-family:inherit ;
   color: #4e4b48;
   font-weight: bold;
   }
h1.gras_gris a {font-family:inherit ;
   color: #666666;
   font-weight: bold;
   font-size:9pt;
   text-decoration:none;
   }
h1.gras_gris {font-family:inherit ;
   color: #666666;
   font-weight: bold;
   font-size:9pt;
   }
h2.gras_gris {font-family:inherit ;
   color: #666666;
   font-weight: bold;
   font-size:9pt;
   }
h1.gras_rouge a {font-family:inherit ;
   color: #CC3333;
   font-weight: bold;   
   font-size:9pt;
   text-decoration:none;
   }
h1.gras_rouge a {font-family:inherit ;
   color: #CC3333;
   font-weight: bold;   
   font-size:9pt;
   }
h1.gras_vert a {font-family:inherit ;
   color: #007927;
   font-weight: bold;  
   font-size:9pt;
   text-decoration:none;
   padding-top: 5px;
   }
h1.gras_vert{font-family:inherit ;
   color: #007927;
   font-weight: bold;  
   font-size:9pt;
   padding-top: 5px;
   }
.gras_bleu {font-family:inherit ;
   color: #0070A6;
   font-weight: bold;  
	font-size:9pt;   
   text-decoration:none;
   }
.gras_jaune a{font-family:inherit ;
   color: #FF9900;
   font-weight: bold;
   font-size:9pt;
   text-decoration:none;
   } 
h1.gras_jaune{font-family:inherit ;
   color: #FF9900;
   font-weight: bold;
   font-size:9pt;
   } 
/* mettre le texte en couleur */
.text_gris{font-family:inherit ;
   color: #666666;
   font-size: inherit;
   text-decoration:none;
	}   
.text_rouge{font-family:inherit ;
   color: #CC3333;
   font-size: inherit;
   text-decoration:none;}
.text_vert{font-family:inherit ;
   color: #007927;
   font-size: inherit;
   text-decoration:none;}
.text_bleu{font-family:inherit ;
   color: blue;
   font-size: inherit;
   text-decoration:none;}
.text_jaune{font-family:inherit ;
   color: #FF9900;
   font-size: inherit;
   text-decoration:none;}   
   
/* mettre des titre en couleur */   
h1.titre_gris{
	color:#666666;
	text-align:left;
	font-size:10pt;
	margin-bottom:4%;
	text-transform:uppercase;
	}  
h1.titre{
	color:#CC3333;
	text-align:left;
	font-size:10pt;
	margin-bottom:4%;
	text-transform:uppercase;
	}
h1.titre_vert{
	color:#007927;
	text-align:left;
	font-size:10pt;
	margin-bottom:4%;
	text-transform:uppercase;
	}
h1.titre_bleu{
	color:#0070A6;
	text-align:left;
	font-size:10pt;
	margin-bottom:4%;
	text-transform:uppercase;
	}
h1.titre_jaune{
	color:#FF9900;
	text-align:left;
	font-size:10pt;
	margin-bottom:4%;
	text-transform:uppercase;
	}
/* mettre en italic */
.italic{color:inherit;
	font-style:italic;
/* 	font-size: 9pt; */
	/* font-weight:normal; */
	}   
.souligne{padding-bottom:1px;
	border-bottom:solid 1px;}

/* Les tableaux */	
table{background:#ffffff;
	color:inherit;
	font-size: 7pt;
	}
table.tab{background:#ffffff;
	color:inherit;
	font-size: 8pt;
	text-align:center;
	}
/* dans Classement/fichier patient et Formulaire*/
table.tab2,table.tab3{background:#ffffff;
	color:inherit;
	margin-top:15px;
	font-size: 9pt;
	text-align:left;
	line-height: 150%;
	}	
table.tab3 {font-size: 8pt;}

div.presentation ul, div.presentation2 ul, div.zone_texte ul {
	margin: 10px 0 10px 25px;
}

div.presentation ul li, div.presentation2 ul li, div.zone_texte ul li ul li, div.zone_texte ul li {
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	line-height: 150%;
    color: inherit;
	display: list-item;
	/*list-style-type: disc; */
	list-style-image: URL(images/puce.gif); 
	list-style-position: outside;
	padding: 0 0 0 0;
	margin:0;
	}	
	
div.zone_texte ul li ul li{
	list-style-image: URL(images/puce_fleche_creuse.gif); 
	list-style-position: inside; 
	padding-left:0px;
	}
form option{font-size:10pt;} 

/* span.souligne:hover{text-decoration:none; }

 */
 
 /* splash */
 
#gallery {
/*		background-color: #e2e2e9;
		padding: 10px;*/
		width: 520px;
		margin: 0;				
	}
	#gallery ul { 
	list-style: none; 		
	margin: 0;
	/* pour que les images soient collées à gauche dans Ie :*/
	padding: 0;
	}
	#gallery ul li { 
	display: inline;
	margin: 0;
	}
	#gallery ul img {
		margin:10 18 35 0px;
/*		border: 5px solid #fff; */
		border: 1px solid #dfdfdf;
		border-bottom: 3px  solid #dfdfdf;
	}
	#gallery ul a:hover img {
		/*border: 5px solid #ffff99;
		border-width: 5px 5px 15px; */
		color: #fff;
		border: 1px solid #ffcccc;
		border-bottom: 3px  solid #CC3333;
	}
		#gallery ul a.jaune:hover img {
		/*border: 5px solid #ffff99;
		border-width: 5px 5px 15px; */
		color: #fff;
		border: 1px solid white;
		border-bottom: 3px  solid #FF9900;
	}
	
	#gallery ul a:hover {  		
	}
	#gallery div { 
		color: #666666; 
		font-style: italic; 
		margin-bottom: 30px;
		margin-top: 10px;}
	
	#gallery ul span {color: #666666; font-style: normal;}


span.invite { color: #666666; font-style: italic;}


/* anciennement info bulle sur vignettes galeries
désormais ref et gamme en gris clair sous les vignettes */
/* Voir plus haut gallery ul li pour mise en forme liste... */
a.info{
	background-color: none;
    position:relative; 
    z-index:1;
    color:#000;
    text-decoration:none}

/*a.info:hover{z-index:2;}
 a.info_jaune:hover{z-index:2;}
a.info_vert:hover{z-index:2;} */

/*a.info span{display: none}
 a.info_jaune span{display: none}
a.info_vert span{display: none} */

a.info span{ 
display:block; 
    position:absolute;
	top:-10px; left:1em; width:8em;
/*background-color:#f9dddd;*/
	font-size: 9px;
    }

/* Plus de marge quand on affiche 2 lignes sur les images : gamme + ref. Ex. pour les chariots */
	a.info span.double{ 
	top:-23px; left:1em; width:8em;
		font-size: 9px;
    }
	
/* a.info_jaune:hover span{ 
le contenu de la balise span ne 
sera visible que pour l'état a:hover */
/* display:block; 
 position:absolute;    
	top:80px; left:2em; width:15em;
    border:1px solid gray;
    background-color:#ffff99; 
	color:black;
	font-size: 10px;
    font-weight:none;
    padding:3px;
    
    }
	*/
/*	a.info_vert:hover span{ 
 display:block; 
 position:absolute;    
	top:80px; left:2em; width:15em;
    border:1px solid gray;
    background-color:#c9fac9; 
	color:black;
	font-size: 10px;
    font-weight:none;
    padding:3px;
    }*/
	
/* style pour galerie photo extrait du code js */
 .imgfade {      
   opacity: 0;    
       -Moz-Opacity: 0;   
	        -Khtml-Opacity: 0;   
			     filter: alpha(opacity=0);    
				   }
/* style pour les pages de stats */

/* animation cv */


A.comic {COLOR: white; FONT-FAMILY: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; Text-decoration: underline;}
A.comic:hover {COLOR: white; FONT-FAMILY: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; Text-decoration: underline;}

A.comicpt {COLOR: white; FONT-FAMILY: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 13pt; Text-decoration: underline;}
A.comicpt:hover {COLOR: white; FONT-FAMILY: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 13pt; Text-decoration: underline;}