/*------------ STYLES COMMUNS ---------------------------------------------------------*/
BODY.COMMUN {
	margin:      0em;
	FONT-FAMILY: Tahoma,'MS Sans Serif',Arial,Helvetica,Geneva;
	FONT-SIZE:   8pt;
	COLOR:       white;
	TEXT-ALIGN:  center;
	background-color:  black;
	background-repeat: repeat-y;
	background-image:  url(trame_carbon-CR108.jpg);
	background-position: top left;
	/* background-position: 50%;		non supporte par Netscape 4 */
}

/**** évite d'avoir img border="0" partout *****************/
img	{border-width: 0px;}

/**** Format signature Pedalator en bas de page ************/
DIV.PSIGN {
	width:      80%;
	border-top: solid 1px #FFFF99;
	TEXT-ALIGN: center;
	margin:     5px auto 0px auto;  /* top right bottom left (auto = pour Mozilla car 'center' marche pas) */
	padding:    5px 5px 5px 5px;	/* top right bottom left */
	color:      white;
	font-family: Verdana,sans-serif; 
	font-size:   8pt;
	font-weight: normal;	/*bold;*/
}

/**** Tableau cadre fond de page ***************************/
table.CADR  {
	border-width:0px;
	cell-spacing:0px;
	width:  100%;
	/* height: 100%; */
	background-color: transparent;  /* Default. The background color is transparent */
}

/**** Haut et bas de page : onglets retour et titre *********/
tr.SOM A:link    {COLOR:#FFFF99;TEXT-DECORATION:underline}
tr.SOM A:visited {COLOR:#FFFF99;TEXT-DECORATION:underline}
tr.SOM A:hover   {color: black; TEXT-DECORATION:none; background-color:yellow;}
tr.SOM     {FONT-SIZE:8pt; FONT-WEIGHT:normal; color:#FFFFCC; FONT-FAMILY:Verdana,Arial,Helvetica,Geneva;}
td.CONTENU {
	vertical-align:top; 
	TEXT-ALIGN:center; 
	margin: 0px auto 0px auto;		/* top right bottom left (auto = pour Mozilla car 'center' marche pas) */
	padding:0px;
}
td.SOML    {vertical-align:top; TEXT-ALIGN:left;}
td.SOMC    {
	vertical-align:top;
	TEXT-ALIGN:center;
	padding-top:0em;
	FONT-WEIGHT:normal;
	width:612px;	                /* largeur de l'image de br_equinox.gif */
	height:97px;	                /* hauteur de l'image de br_equinox.gif */
	background-image:url(../../../images_divers/br_equinox.gif);
	background-color: transparent;  /* Default. The background color is transparent */
	background-repeat:no-repeat;
	background-attachment: scroll;
	background-position: 50%;		/* top left */
	padding: 16px 0px 0px 0px;	/* top right bottom left */
	margin:  0px auto 0px auto;		/* top right bottom left (auto = pour Mozilla car 'center' marche pas) */
}
td.SOMR    {vertical-align:top; TEXT-ALIGN:right;}
td.SOMCV    {
	vertical-align:top;
	TEXT-ALIGN:center;
	padding-top:0em;
	FONT-WEIGHT:normal;
	width:612px;	                /* largeur de l'image de ?.gif */
	height:97px;	                /* hauteur de l'image de ?.gif */
	/*background-image:url(../../../images_divers/?.gif);*/
	background-color: transparent;  /* Default. The background color is transparent */
	background-repeat:no-repeat;
	background-attachment: scroll;
	background-position: 50%;		/* top left */
	padding: 16px 0px 0px 0px;	/* top right bottom left */
	margin:  0px auto 0px auto;		/* top right bottom left (auto = pour Mozilla car 'center' marche pas) */
}

/**** Titre haut de page ***********************************/
H1,H2	{
	margin:     0.5em auto 0.5em auto;		/* top right bottom left (auto = pour Mozilla car 'center' marche pas) */
	FONT-FAMILY: Tahoma, cursive, "Comic Sans MS",Arial,Helvetica,Geneva;
	font-style: italic;
	FONT-SIZE: 20pt;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center;
	COLOR: #FFFF99;
}

SPAN.CELEBR  {COLOR: #FFFF90;}				/* Personne célèbre  */
SPAN.PRODUCT {COLOR: #FFFF99;}				/* Produit           */
SPAN.FABR    {COLOR: #FFFF99; FONT-WEIGHT:bold; }	/* Marque            */
SPAN.NOM     {color: yellow;}					/* MARQUE, FABRICANT */
CITE         {font-style: italic; letter-spacing: 0.1em; color: FFFF99;}
SPAN.NoBold  {FONT-WEIGHT:lighter}
SPAN.EXPLAIN  {COLOR: brown;}	/* Explication de principe */


/*------------ END - (STYLES COMMUNS) -------------------------------------------------*/

/*------------ STYLES index -----------------------------------------------------------*/
TABLE.MENU1 {
	cell-spacing: 0px;
	padding: 0px 0px 0px 0px;	/* top right bottom left */
	margin:  1pt 10pt 1pt 10pt;	/* top right bottom left */
	TEXT-ALIGN:  left;
}

.MENU1 A:link,A:visited   {COLOR:#FFFF99; TEXT-DECORATION:underline; background-color:black;}
.MENU1 A:hover            {
	COLOR:rgb(255,255,255);
	TEXT-DECORATION:none;
	FONT-SIZE: 18pt;
}

.MENU1 TD { 
	padding:   0px 10px 0px 40px;	/* top right bottom left */
	margin:    0px 0px  0px 10px;	/* top right bottom left */
	FONT-FAMILY: Verdana, cursive, sans-serif;
	FONT-SIZE:   18pt;
	FONT-WEIGHT: bold;
	TEXT-ALIGN:  left;
	COLOR:       yellow;
	vertical-align:middle;	/* center;*/

	background-image:url(../../../images_divers/Rring_degrade.gif);
	height:102px;	/* hauteur de l'image de Rring_degrade.gif */
	background-color: transparent;  /* Default. The background color is transparent */
	background-repeat:no-repeat;
	background-attachment: scroll;
	background-position: left;
}

TABLE.DESC1 {
	width : 100%;
}
TD.DESC1  {
	COLOR:#FFFFCC;
	FONT-SIZE:10pt;
	FONT-WEIGHT:bold;
	TEXT-ALIGN:justify;
	FONT-FAMILY:Tahoma, Arial, Helvetica, Geneva,sans-serif;
	padding: 1em 1em 1em 1em;	/* top right bottom left */
}
TD.DESC1 A:link, A:visited {COLOR:#FFFF99; TEXT-DECORATION:underline; }
TD.DESC1 A:hover           {COLOR:yellow;  TEXT-DECORATION:none; }
TD.DESC1 DFN   {COLOR:#FFCC99; font-style:normal; letter-spacing: 0.01em;}
TD.DESC1 P     {text-indent : 1.5em;}
TD.DESC1 img   {border: 0px;}
SPAN.FAB     {COLOR:#FFFF99; letter-spacing: 0.12em; }
SPAN.PRODUCT {COLOR:#FFFF99; letter-spacing: 0.1em; FONT-FAMILY: Arial, Tahoma;  }
SPAN.SHOP    {COLOR:#FFFF99; letter-spacing: 0.05em; }


/*------------ Titre sous une photo ------------------------------------*/
TD.IMGPm     {FONT-FAMILY:Tahoma,sans-serif; FONT-SIZE:10pt; FONT-WEIGHT:bold;  COLOR:#FFFFCC; TEXT-ALIGN: center;}
TD.IMGPm img {margin-top:0.5em; margin-bottom:0.5em; vertical-align: top; 	TEXT-ALIGN:center;}
img {border: solid 1px white;}
A:hover img  {border: solid 1px yellow; BACKGROUND-COLOR:yellow;}
span.DATEM   {
	COLOR:#FFFFCC;
	FONT-WEIGHT:lighter;
	FONT-SIZE: 8pt;
	FONT-FAMILY:verdana,sans-serif;
}

/*------------ END STYLES index -------------------------------------------------------*/

/*------------ STYLES Photos ----------------------------------------------------------*/
 /*--- Tableau Galerie de photos ---*/
table.TOFGALLERY     {
	FONT-FAMILY:Tahoma,sans-serif; FONT-SIZE:8pt;
	border:none;
	padding:4pt; 
	margin: 0em auto 1em auto;		/* top right bottom left (auto = pour Mozilla car 'center' marche pas) */
}
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;}
table.TOFGALLERY td.IMGP  {FONT-FAMILY:Tahoma,sans-serif; FONT-SIZE:9pt; FONT-WEIGHT:bold;  COLOR:#FFFF99; 
	vertical-align: top;
	padding-top:    0pt;
	padding-bottom: 20pt;
} 
/*------------ END STYLES Photos ------------------------------------------------------*/

/*------------ STYLES Montage ---------------------------------------------------------*/
DIV.oPIC img {border: solid 0px black;}
table.MONTAG {
	FONT-FAMILY:Tahoma,Arial,Helvetica,Geneva,sans-serif;
	FONT-SIZE:8pt;
	COLOR:black;
	BACKGROUND-COLOR:#FFFFFF; 
	margin: 1em auto 1em auto;		/* top right bottom left (auto = pour Mozilla car 'center' marche pas) */
}
table.MONTAG A:link    {COLOR:black; TEXT-DECORATION:underline; BACKGROUND-COLOR:#FFFFFF;}
table.MONTAG A:visited {COLOR:black; TEXT-DECORATION:underline; BACKGROUND-COLOR:#FFFFFF;}
table.MONTAG A:hover {BACKGROUND-COLOR:yellow; COLOR:black; TEXT-DECORATION:none;}
table.MONTAG img {border: solid 1px white;}
table.MONTAG A:hover img {border: solid 1px black;}
table.MONTAG th        {TEXT-ALIGN:center; COLOR:#000000; BACKGROUND-COLOR:#C0C0C0; FONT-WEIGHT:bold; }
table.MONTAG tr.SEPA   {COLOR:navy; FONT-WEIGHT:bold; letter-spacing: 0.05em; FONT-SIZE:12pt; BACKGROUND-COLOR:#CCFFCC; }
table.MONTAG tr.SEPA td   {TEXT-ALIGN:left; FONT-FAMILY: Verdana, sans-serif; padding-left: 1em;}
table.MONTAG td        {TEXT-ALIGN:center; vertical-align:middle; }
table.MONTAG td.REM    {TEXT-ALIGN:left;}
table.MONTAG td.R      {TEXT-ALIGN:right;}
table.MONTAG td.RP     {TEXT-ALIGN:right; COLOR:#0000FF}	/* MASSE */
table.MONTAG SPAN.FAB            {color: navy; FONT-WEIGHT:bold; letter-spacing: 0.05em;}		/* Marque */
table.MONTAG SPAN.FAB  A:link    {color: navy;}
table.MONTAG SPAN.FAB  A:visited {color: navy;}
table.MONTAG SPAN.MODELE  {color: #660066;}
table.MONTAG SPAN.REF     {color: #660066; FONT-FAMILY: monospace;}
table.MONTAG SPAN.MASSE   {color: rgb(0,0,255);}												/* masse : bleu */
table.MONTAG SPAN.NOMASSE {color: gray;}														/* masse inconnue : gris */
table.MONTAG SPAN.HIDE    {visibility: hidden;}
/*------------ END STYLES Montage------------------------------------------------------*/

/*------------ STYLES Evolutions ------------------------------------------------------*/
table.DETAILS {FONT-FAMILY:Tahoma,Arial,Helvetica,Geneva,sans-serif;FONT-SIZE:8pt; COLOR:black; 
	BACKGROUND-COLOR:#FFFFFF; 
	margin:     1em auto 1em auto;		/* top right bottom left (auto = pour Mozilla car 'center' marche pas) */
}
table.DETAILS strike    {COLOR:gray;}
table.DETAILS SPAN.HIDE {visibility: hidden;}

table.DETAILS A:link    {COLOR:black; TEXT-DECORATION:underline; BACKGROUND-COLOR:#FFFFFF;}
table.DETAILS A:visited {COLOR:black; TEXT-DECORATION:underline; BACKGROUND-COLOR:#FFFFFF;}
table.DETAILS A:hover {BACKGROUND-COLOR:yellow; COLOR:black; TEXT-DECORATION:none;}

table.DETAILS img {border: solid 1px white;}
table.DETAILS A:hover img {border: solid 1px black;}
table.DETAILS th        {TEXT-ALIGN:center; COLOR:#000000; BACKGROUND-COLOR:#C0C0C0; FONT-WEIGHT:bold}
table.DETAILS td        {TEXT-ALIGN:center; vertical-align:middle; }
table.DETAILS td.REM    {TEXT-ALIGN:left}
table.DETAILS td.RP		{TEXT-ALIGN:right;COLOR:#0000FF}	/* MASSE */
table.DETAILS td.RPA	{TEXT-ALIGN:right;COLOR:gray}
table.DETAILS td.DATE   {vertical-align:top; }
table.DETAILS td.KM     {vertical-align:top; color: navy;}
table.DETAILS SPAN.FAB     {color: navy; FONT-WEIGHT:bold; letter-spacing: 0.05em;}		/* Marque */
table.DETAILS SPAN.FAB  A:link    {color: navy;}
table.DETAILS SPAN.FAB  A:visited {color: navy;}
table.DETAILS SPAN.MODELE  {color: navy; FONT-WEIGHT:bold;}
table.DETAILS SPAN.EXPLAIN SPAN.MODELE  {color: black; FONT-WEIGHT:lighter}
table.DETAILS SPAN.REF     {color: navy; FONT-FAMILY: monospace;}
table.DETAILS VAR          {color: rgb(0,0,255); FONT-STYLE:normal;}                     /* masse : bleu */
table.DETAILS SPAN.MASSE   {color: rgb(0,0,255);}                                        /* masse : bleu */
table.DETAILS SPAN.BMASSE   {color: rgb(0,0,255); FONT-WEIGHT:bold; }                     /* masse : bleu , gras */
P.MV {
	padding-top:0em; padding-bottom: 0em; 
	margin-top:0.8em; margin-bottom: 0em;
}
table.DETAILS SPAN.AVANT   {color: #666666}                                              /* poids avant customisation */
table.DETAILS SPAN.NOMASSE {color: gray}                                                 /* masse inconnue : gris */
table.DETAILS SPAN.GAINM   {color: rgb(0,80,0);}
table.DETAILS SPAN.ODOKM   {color: navy;}
table.DETAILS SPAN.REGLAGE {color: navy;}
table.DETAILS SPAN.HIDE    {visibility: hidden;}
table.DETAILS UL {
	list-style-type: disc;
	margin:     0.1em 0.5em 0em 0.2em;		/* top right bottom left */
	padding:    0em 0.5em 0.5em 1.5em;		/* top right bottom left */
}
table.DETAILS LI {
	margin-top: 1em;
}
table.DETAILS LI table.TOFTABEVO {margin-left: 2em;}

table.TOFTABEVO     {
	FONT-FAMILY:Tahoma,sans-serif;
	FONT-SIZE:8pt;
	border:none;
	padding:4pt;
	margin-top:0.5em;
	border-spacing: 1pt;  	/* équivaut à cellspacing="1" mais marche pas sous IE */
}
table.TOFTABEVO td  {
	TEXT-ALIGN:center;
	vertical-align:50%;
	COLOR:navy; 
	padding: 0.1em 1em 0.1em 1em; /* top right bottom left */
	margin:  0em 0em 0em 0em; /* top right bottom left */
}
table.TOFTABEVO th {
	FONT-WEIGHT:bold;
	color:black;
	background-color: transparent;
	padding:    0em 0em 0em 0em;		/* top right bottom left */
}
table.TOFTABEVO td.MODFAB  {color: navy; FONT-WEIGHT:normal;}
table.TOFTABEVO td.AVANT  {vertical-align:50%; border: solid 1px navy;}
table.TOFTABEVO td.MAVANT {vertical-align:50%; color: #666666;}
table.TOFTABEVO td.APRES {vertical-align:50%; border: solid 1px black;}
table.TOFTABEVO td.MAPRES {vertical-align:50%; COLOR:#0000FF; }
table.TOFTABEVO td.MVAR {vertical-align:50%; color: rgb(0,80,0); }
table.TOFTABEVO img {border: solid 1px white;}
table.TOFTABEVO A:hover {BACKGROUND-COLOR:gray;}
table.TOFTABEVO A:hover img {border: solid 1px black;}
/*------------ END STYLES Evolutions --------------------------------------------------*/