/*------------ STYLES ROOT --------------------------------------------------*/
H1 {
	margin: 0.5em; 
	FONT-FAMILY: Tahoma, cursive, Arial,Helvetica,Geneva;
	font-style: italic;
	FONT-SIZE: 20pt;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center;
	COLOR: #FFFF66;
}

/***********************************/
/* TEST DE MATERIEL                */
/***********************************/
body.TSTM {
	color:#FFFF90;
	background: rgb(30,30,30);
	margin: 0.5em 0.5em 1.5em 0.2em;	/* top right bottom left */
	FONT-FAMILY: Tahoma,Arial,Helvetica,Geneva;
	FONT-SIZE:   8pt;
}
body.TSTM SPAN.FABR		{COLOR: #FFFF80; letter-spacing:1pt; FONT-FAMILY: Arial,Helvetica,Geneva;}	/* Marque */
body.TSTM SPAN.PROD		{COLOR: #FFFF99;}	/* Produit           */
body.TSTM SPAN.NOM		{color: yellow;}	/* MARQUE, FABRICANT */
body.TSTM SPAN.MASSE	{COLOR: #66FFFF;}	/* masse             */
body.TSTM SPAN.JAUNE	{COLOR: yellow;}	/* accentuation      */
body.TSTM SPAN.KM		{COLOR: #66FFFF; FONT-WEIGHT:bold;}	/* Kilomètres parcourus */
body.TSTM SPAN.PROB		{COLOR: orange;}	/* accentuation      */
body.TSTM :link		{ color: lime }	            /* for unvisited links, when link is clicked */
body.TSTM :visited	{ color: lime }				/* for visited links           */
body.TSTM :active	{ color: lime }	            /* for unvisited links, when link is clicked */
body.TSTM :hover	{ color: rgb(255, 0, 0); TEXT-DECORATION:none; }	/* RED when mouse is over link */
body.TSTM DIV.INTRO p	{ FONT-SIZE:10pt; FONT-WEIGHT:bold;   color:#FFCCCC; FONT-FAMILY:Verdana,Arial,Helvetica,Geneva; TEXT-ALIGN:justify; margin-top:0.5em; margin-bottom:0.5em;}
body.TSTM DIV.P1 p		{ FONT-SIZE:10pt; FONT-WEIGHT:normal; color:#FFFFCC; FONT-FAMILY:Verdana,Arial,Helvetica,Geneva; TEXT-ALIGN:left; margin-left:2.5em; margin-top:0.5em; margin-bottom:0.5em;}
body.TSTM p.CUMUL		{ FONT-SIZE:11pt; FONT-WEIGHT:normal; color:#EEEEEE; FONT-FAMILY:Tahoma,Verdana,Arial,Helvetica,Geneva; TEXT-ALIGN:left; margin-left:1em; margin-top:1em; margin-bottom:0.5em;}
body.TSTM SPAN.NoBH3 {FONT-WEIGHT:lighter; }
body.TSTM table.PHOTOS td.TXT { TEXT-ALIGN:justify; vertical-align:top; padding-left:1em; padding-right:1em; FONT-SIZE:10pt; FONT-WEIGHT:normal; color:#FFFFCC; FONT-FAMILY:Verdana,Arial,Helvetica,Geneva; }
body.TSTM table.PHOTOS td.PIC { TEXT-ALIGN:center; vertical-align:top; padding-top:0em; padding-bottom:0.5em; FONT-SIZE:10pt; FONT-FAMILY:Verdana,Arial;}
body.TSTM H3 {
	margin: 1em; 
	FONT-FAMILY: Tahoma, cursive, Arial,Helvetica,Geneva;
	font-style:  normal;
	FONT-SIZE:   12pt;
	FONT-WEIGHT: bold;
	TEXT-ALIGN:  left;
	COLOR: #EEEEEE;
}
body.TSTM H4 {
	margin: 1.5em; 
	FONT-FAMILY: Tahoma, cursive, Arial,Helvetica,Geneva;
	font-style:  normal;
	FONT-SIZE:   12pt;
	FONT-WEIGHT: bold;
	TEXT-ALIGN:  left;
	COLOR: lime;
}
body.TSTM UL	{FONT-FAMILY: Tahoma, sans-serif; FONT-SIZE:10pt; letter-spacing: 0.1em; line-height:150%; margin-top:0.2em;}
body.TSTM LI	{margin-top:0em; margin-bottom:0.5em; COLOR:yellow; }


/***********************************/
/* GPS ET LOGICIEL DE CARTOGRAPHIE */
/***********************************/
body.GPSC {
	color:#FFFF90;
	background: rgb(30,30,30);
	margin: 0.5em 0.5em 1.5em 0.2em;	/* top right bottom left */
	FONT-FAMILY: Tahoma,Arial,Helvetica,Geneva;
	FONT-SIZE:   8pt;
}
H2 {
	margin: 0.5em; 
	FONT-FAMILY: Tahoma, cursive, Arial,Helvetica,Geneva;
	font-style:  italic;
	FONT-SIZE:   16pt;
	FONT-WEIGHT: bold;
	TEXT-ALIGN:  left;
	COLOR: #EEEEFF;
}
H3 {
	margin: 1em; 
	FONT-FAMILY: Tahoma, cursive, Arial,Helvetica,Geneva;
	font-style:  italic;
	FONT-SIZE:   14pt;
	FONT-WEIGHT: bold;
	TEXT-ALIGN:  left;
	COLOR: #EEEEEE;
}

DIV.INTRO    { margin-left:1em; margin-right:1em;}
DIV.INTRO p  { FONT-SIZE:10pt; FONT-WEIGHT:bold;   color:#FFCCCC; FONT-FAMILY:Verdana,Arial,Helvetica,Geneva; TEXT-ALIGN:justify; margin-top:0.1em; margin-bottom:0.2em;}
DIV.P1       { FONT-SIZE:10pt; FONT-WEIGHT:normal; color:#FFFFCC; FONT-FAMILY:Verdana,Arial,Helvetica,Geneva; TEXT-ALIGN:left; margin-left:2.5em;}
table.PHOTOS { TEXT-ALIGN:left; margin-left:2em;}
table.PHOTOS td.PIC { TEXT-ALIGN:center; vertical-align:top; padding-top:0em; padding-bottom:0.5em;}
table.PHOTOS td.TXT { TEXT-ALIGN:justify; vertical-align:top; padding-left:1em; }
table.PHOTOS td.TXT p { margin-top:0.1em; margin-bottom:0.5em; }
table.PHOTOS DFN    { COLOR: #EEEEEE;  }

CODE  { FONT-WEIGHT:normal; }

body.GPSC :link		{ color: lime }	            /* for unvisited links, when link is clicked */
body.GPSC :visited	{ color: lime }				/* for visited links           */
body.GPSC :active	{ color: lime }	            /* for unvisited links, when link is clicked */
body.GPSC :hover	{ color: rgb(255, 0, 0); TEXT-DECORATION:none; }	/* RED when mouse is over link */

/************************/
/* LE VELO DANS LA PEAU */
/************************/
body.VDP {
	color:#FFFF90;
	background: rgb(30,30,30);
	margin: 0em;
	FONT-FAMILY: Tahoma,Arial,Helvetica,Geneva;
	FONT-SIZE:   8pt;
}

body.VDP td	{ font-family: Verdana, sans-serif; font-size: 10pt;  font-weight: bold }
img	{border: none; };

P.MAJ   { FONT-SIZE:8pt; FONT-WEIGHT:normal; color:#FFFF90; FONT-FAMILY:Arial,Helvetica,Geneva; TEXT-ALIGN:center; margin-top:0.1em; margin-bottom:0.1em; }
P.SOM   { FONT-SIZE:8pt; FONT-WEIGHT:BOLD; color:#FFFFCC; FONT-FAMILY:Verdana,Arial,Helvetica,Geneva; TEXT-ALIGN:center; }

/***********************************/
/* LIENS (l_xxx.htm)               */
/***********************************/
body.ELINK {
	FONT-SIZE: 10pt;
	COLOR: #000000;
	FONT-FAMILY: Arial,Helvetica,Geneva;
	BACKGROUND-COLOR: #00FFFF;
	background-image: url(images_Fonds/bande_R_J_R_1280x2.gif)}	/*  degradBB2048x22.gif*/
}
body.ELINK H1 { FONT-WEIGHT: bold; FONT-FAMILY: Arial,Helvetica,Geneva; TEXT-ALIGN: center; FONT-SIZE: 20pt; COLOR: #0000A0; }
body.ELINK A:link    {COLOR: #000080; TEXT-DECORATION: underline}
body.ELINK A:visited {COLOR: #000080; TEXT-DECORATION: underline}
body.ELINK A:hover   {COLOR: yellow; TEXT-DECORATION: none}
body.ELINK table.EL  {
	FONT-FAMILY:Verdana,Arial,Helvetica,Geneva,'MS Sans Serif';
	TEXT-ALIGN:left; 
	cell-padding:0;
	FONT-SIZE:8pt;
	width:95%
	/* margin:0pt; */
	/* margin-left: 1em; */
	/* margin-right: 2em; */
	/* margin-top: 1em; */
	/* margin-bottom: 1em; */
}
table.EL TD.EL0	{FONT-WEIGHT:bold; TEXT-ALIGN:left; vertical-align:middle; COLOR:black;   padding-left:3em;   padding-right:1.5em; padding-top:5pt; padding-bottom:5pt; letter-spacing:1pt; BACKGROUND-COLOR:#FF9900; FONT-SIZE:11pt; border:solid thin brown; white-space:nowrap;} 
table.EL TD.EL3 {FONT-WEIGHT:normal; TEXT-ALIGN:center; vertical-align:middle; COLOR:navy; padding-right:1em;}
table.EL TD.EL1 {FONT-WEIGHT:bold; TEXT-ALIGN:left; vertical-align:middle; COLOR:#400000; padding-left:1.5em; padding-right:3em;}
table.EL TD.EL2 {FONT-WEIGHT:bold; TEXT-ALIGN:left; vertical-align:middle; COLOR:#000000; padding-right:1.5em;}
table.EL TD.EL2 ADDRESS	{FONT-WEIGHT:normal; font-style:normal; color:navy;}

/***********************************/
/* COMPARO                         */
/***********************************/
body.COMPA {
	margin:      0em;
	FONT-FAMILY: Tahoma,'MS Sans Serif',Arial,Helvetica,Geneva;
	FONT-SIZE:   8pt;
	COLOR:       white;
	background-color:rgb(0,0,0);
}
body.COMPA SPAN.PRODUCT {COLOR: #FFFF99;}	/* Produit */
body.COMPA SPAN.FABR    {COLOR: #FFFF99;}	/* Marque  */
body.COMPA SPAN.MASSE   {COLOR: rgb(0,0,255);}	/* masse : bleu */
body.COMPA SPAN.CONCEPT {COLOR: #FFFF99;}
body.COMPA SPAN.AVANTAGE {COLOR: #FFFFFF;}
SPAN.NoB {FONT-WEIGHT:lighter; }

body.COMPA H1 {
	margin:  0.5em 0.5em 1em 0.5em; 	/* (margin : top right bottom left) */
	FONT-FAMILY: Tahoma, cursive, "Comic Sans MS",Arial,Helvetica,Geneva;
	font-style: italic;
	FONT-SIZE: 20pt;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center;
	COLOR: #FFFF99;
}

body.COMPA DL.DL1 {
	TEXT-ALIGN:   left;
	margin-top:   1em;
	margin-left:  1em;
	margin-right: 0;
	padding:      0;
	FONT-FAMILY: Tahoma, Arial, Helvetica, Geneva,sans-serif;
}
DL.DL1 DT {
	FONT-SIZE:   11pt;
	FONT-WEIGHT: bold;
	COLOR:       white;
	position: relative;
	margin-left: 1.5em;
	margin-top:  2em;
	padding-bottom: 0.2em;
}

/* le texte associé à la date (margin : top right bottom left) */
DL.DL1 DD {
	TEXT-ALIGN:  justify;
	FONT-SIZE:   10pt;
	FONT-WEIGHT: bold;
	COLOR:       #FFFFCC;
	border-left: 1px solid yellow;
	margin:  0 0 0 2.5em;
	padding: 0 0 0.3em 0.6em;
	width:   90%;
}
P.AVDES {
	margin-top: 0.1em;
	margin-bottom: 0.5em;
}
/*------------ Tableau Galerie de photos -------------------------------*/
table.TOFGALLERY     {FONT-FAMILY:Tahoma,sans-serif; FONT-SIZE:8pt;  border:none; padding:4pt; }
table.TOFGALLERY td  {TEXT-ALIGN:center; COLOR:#FFFF99;}
table.TOFGALLERY img {border: solid 1px white;}
table.TOFGALLERY A:hover {BACKGROUND-COLOR:yellow;}
table.TOFGALLERY A:hover img {border: solid 1px black;}

/*------------ Titre sous une photo ------------------------------------*/
.IMGP {FONT-FAMILY:Tahoma,sans-serif; FONT-SIZE:9pt; FONT-WEIGHT:bold;  COLOR:#FFFF99; vertical-align: top;} 
TD.IMGP  img {margin-top:0.5em; margin-bottom:0.5em;}


/*------------ STYLES COMMUNS ---------------------------------------------------------*/

/**** Format signature Pedalator en bas de page ************/
P.PSIGN {
	font-family: Verdana,sans-serif; 
	font-size:   8pt;
	color:       white;
	font-style:  normal; 
	text-align:  center;
	margin:  2pt 4pt 2pt 4pt; 	/* (margin : top right bottom left) */
	padding-top: 0em;
	padding-bottom: 1em;
}

/**** Tableau cadre fond de page ***************************/
table.CADR  {
	border-width:0px;
	cell-spacing:0px;
	width:  100%;
	height: 100%;
	background-color: none;
	background-repeat:no-repeat;
	background-image: none;
	/* background-position: 50%;		non supporte par Netscape 4 */
}

/**** Haut et bas de page : onglets retour et titre *********/
table.CADR tr.SOM {
	FONT-SIZE:8pt;
	FONT-WEIGHT:normal;
	color:#FFFFCC;
	FONT-FAMILY:Verdana,Arial,Helvetica,Geneva;
}
table.CADR tr.SOM A:link    {COLOR:#FFFF99;TEXT-DECORATION:underline}
table.CADR tr.SOM A:visited {COLOR:#FFFF99;TEXT-DECORATION:underline}
table.CADR tr.SOM A:hover   {color: black; TEXT-DECORATION:none; background-color:yellow;}
table.CADR tr.SOM td.SOML     {vertical-align:top; TEXT-ALIGN:left;}
table.CADR tr.SOM td.SOMC     {vertical-align:top; TEXT-ALIGN:center; padding-top:0em;}
table.CADR tr.SOM td.SOMR     {vertical-align:top; TEXT-ALIGN:right;}
table.CADR td.CONTENU {vertical-align:top; TEXT-ALIGN:center; margin:0px; padding:0px;}