/* ----------------------------------------------------------------------------------------------- */
/*Style CSS ----------------------  - Micrologiciel - 2004 */
/* ----------------------------------------------------------------------------------------------- */

/* Body */
BODY {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif; 
	color : #000000;
	text-align : left;
	margin: 0;
	padding: 0;
	background-color: #000000;
	}
	
.Body_mail{
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif; 
	color : #000000;
 	background-color: #ffffff;
 	background-image: url(images/fond_mail.gif);
	margin: 0;
	padding: 0;
}

/* ----------------------------------------------------------------------------------------------- */
/* Liens dans le Site */
/* ----------------------------------------------------------------------------------------------- */
A:link, A:visited, A:active, A:hover {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif; 
	color : #cc0000;
	font-weight: normal;
	text-decoration : none;
}

A:hover {text-decoration : underline;}

/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* Tableaux principal*/
.Tablo_Main {
	width:1000px;
	height: 100%;
	border:0;
	margin:0; 
	padding:0;
	vertical-align:top;
}

/* Fond des Pages du Site*/
.Tablo_Main_Frame {
	background-color: #ffffff;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* ------------------------------------------------------------------ */
/* Page Centrale du Site */
/* ----------------------------------------------------------------------------------------------- */

/* Fond des Pages du BO*/
.Tablo_Main_Bo {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	padding : 5px;
	background:#EEE8DC;
}

/* Contenu */
.contenu_table {width: 600px;border: 0;margin:0; padding: 0;}

.contenu_txt_1 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
	vertical-align: top;
	text-align: left;
	text-decoration : none;
	margin: 0;
	padding: 10px;
	}

/* ----------------------------------------------------------------------------------------------- */
/* Style Général du Site */
/* ----------------------------------------------------------------------------------------------- */

/* taille des tableaux par defaut dans l'editeur */
td { font-family : Arial, Helvetica, sans-serif; font-size : 12px; }

/* Photos et Images */
.Photo {
	border: 1px;
	border-color: #000000;
	border-style: solid;
	margin : 5px;
}

/* Style textes de la page Contact*/
.Contact {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-weight : normal;
	color : #000000;
	text-align : left;
	padding: 4px;
}

/* Tailles TEXTE */
.Texte_09_Pix { font-size : 9px;}
.Texte_10_Pix {font-size : 10px;}
.Texte_11_Pix {font-size : 11px;}
.Texte_12_Pix {font-size : 12px;}
.Texte_13_Pix {font-size : 13px;}
.Texte_14_Pix {font-size : 14px;}
.Texte_15_Pix {font-size : 15px;}
.Texte_16_Pix {font-size : 16px;}
.Texte_17_Pix {font-size : 17px;}

/* ----------------------------------------------------------------------------------------------- */
/* Tableaux */
/* ----------------------------------------------------------------------------------------------- */
/* Cellule Titre */
.Array_Titre {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	color :#ffffff;
	font-weight : normal;
	text-transform: none;
	padding: 5px;
	background-color : #a31111;
}

/* Cellule Normale */
.Array_Data {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color : #000000;
	font-weight : normal;
	vertical-align: top;
	padding: 5px;
                     background-color : #EEE8DC;
}

/* Fond des tableaux */
.Array_Contour {
	border: 1px solid #a31111;
	margin : 0;
}

/* ----------------------------------------------------------------------------------------------- */
/* Menus GAUCHES */
/* ----------------------------------------------------------------------------------------------- */

/* Titre des Menus dans les Menus*/
.Tab2 {
	height: 32px;
	line-height: 32px;
	font-size : 13px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	color :#ffffff;
	text-transform: none;
	text-align: left;
	vertical-align: middle;
	padding-left:32px;
	margin:0;
	background-image: url(images/gauche-titre.gif);
	background-position: top;
	background-repeat: no-repeat;
	}
	
#Zonesecure .Tab2 {
	height: 32px;
	line-height: 32px;
	font-size : 13px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	color :#ffffff;
	text-transform: none;
	text-align: left;
	vertical-align: middle;
	padding-left:32px;
	margin:0;
	background-image: url(images/gauche-titre-secure.gif);
	background-position: top;
	background-repeat: no-repeat;
	}

/* Couleur Ligne de séparation */
.Ligne {
	display: block;
	float: left;
	margin-bottom: 5px;
	margin-top: 5px;
	border-bottom-color: #ffffff;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	width: 175px;
	padding-left: 10px;
	padding: 10px;
	margin: 0;
	}

/* MG - Gestion puces des pages */
A.Menu img { margin-left: 0px; margin-right: 0px; vertical-align: middle; }

/* MG - Titres de toutes les pages */
A.Menu:link , A.Menu:visited , A.Menu:active , A.Menu:hover {
	display: block;
	float: left;
	line-height:20px;
	height:20px;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#ffffff;
	margin:0;
	padding:0;
	width: 100%;
} 

/* MG - Survol de toutes les pages */
A.Menu:hover {color: #fd0002;}

/* MG - Gestion puces des Page Selectionée */
A.Menu_Actif img { margin-left: 0px; margin-right: 0px; vertical-align: middle; }

/* MG - Page Selectionée Uniquement (et le Titre Sous-Menu) */
A.Menu_Actif:link , A.Menu_Actif:visited , A.Menu_Actif:active , A.Menu_Actif:hover  {
	display: block;
	float: left;
	line-height:20px;
	height:20px;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#fd0002;
	margin:0;
	padding:0;
	width: 100%;
}

/* MG - Gestion puces Toutes les pages des Sous Menu sauf pour la Page Sous-Menu Active */
A.Sous_Menu img { margin-left: 0px;  vertical-align: middle; }

/* MG - Toutes les pages des Sous-Menu sauf pour la Page Sous-Menu Active */
A.Sous_Menu:link , A.Sous_Menu:visited , A.Sous_Menu:active , A.Sous_Menu:hover {
	display: block;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #ffffff;
	padding-left:38px;
	width: 100%;
	line-height: 14px;
	padding-top:0px;
	padding-bottom:4px;
}
	
/* MG - Survol de toutes les pages des Sous-Menu sauf la Page Sous-Menu Active */
A.Sous_Menu:hover {color: #fd0002;}

/* MG - Gestion puces des Pages du Sous-Menu Actif */
A.Sous_Menu_Actif img { margin-left: 0px;  vertical-align: middle; }

/* MG - Pages Du Sous-Menu Actif */
A.Sous_Menu_Actif:link , A.Sous_Menu_Actif:visited , A.Sous_Menu_Actif:active , A.Sous_Menu_Actif:hover {
	display: block;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #fd0002;
	padding-left:38px;
	width: 100%;
	line-height: 14px;
	padding-top:0px;
	padding-bottom:4px;
}

.droite-centre {
width : 195px; color: White;
background: url(images/gauche-fd.gif) top repeat-y;
}

#Zonesecure .droite-centre {
width : 195px;
background: url(images/gauche-fd-secure.gif) top repeat-y;
}

.droite-bas {
height: 40px;
width : 195px;
background: url(images/gauche-bas.jpg) no-repeat top;
}

#Zonesecure .droite-bas {
height: 40px;
width : 195px;
background: url(images/gauche-bas-secure.jpg) no-repeat top;
}

/* ----------------------------------------------------------------------------------------------- */
/* Menus DROITES */
/* ----------------------------------------------------------------------------------------------- */

/* Titre des Menus dans les Menus*/
.Tab2_D {
	height: 32px;
	line-height: 32px;
	font-size : 13px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	color :left;
	text-transform: none;
	text-align: center;
	vertical-align: middle;
	padding-left:32px;
	margin:0;
	background-image: url(images/gauche-titre.gif);
	background-position: top;
	background-repeat: no-repeat;
	}

#Zonesecure .Tab2_D {
	height: 32px;
	line-height: 32px;
	font-size : 13px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	color :#ffffff;
	text-transform: none;
	text-align: left;
	vertical-align: middle;
	padding-left:32px;
	margin:0;
	background-image: url(images/gauche-titre-secure.gif);
	background-position: top;
	background-repeat: no-repeat;
	}
	
/* Couleur Ligne de séparation */
.Ligne_D {
	display: block;
	float: left;
	margin-bottom: 5px;
	margin-top: 5px;
	border-bottom-color: #ffffff;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	width: 175px;
	padding-left: 10px;
	padding: 10px;
	margin: 0;
	}

/* MD - Gestion puces des pages */
A.Menu_D img { margin-left: 0px; margin-right: 0px; vertical-align: middle; }

/* MD - Titres de toutes les pages */
A.Menu_D:link , A.Menu_D:visited , A.Menu_D:active , A.Menu_D:hover {
	display: block;
	float: left;
	line-height:20px;
	height:20px;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#ffffff;
	margin:0;
	padding:0;
	width: 100%;
} 

/* MD - Survol de toutes les pages */
A.Menu_D:hover {color: #fd0002;}

/* MD - Gestion puces des Page Selectionée */
A.Menu_Actif_D img { margin-left: 0px; margin-right: 0px; vertical-align: middle; }

/* MD - Page Selectionée Uniquement (et le Titre Sous-Menu) */
A.Menu_Actif_D:link , A.Menu_Actif_D:visited , A.Menu_Actif_D:active , A.Menu_Actif_D:hover  {
	display: block;
	float: left;
	line-height:20px;
	height:20px;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#fd0002;
	margin:0;
	padding:0;
	width: 100%;
	}

/* MD - Gestion puces Toutes les pages des Sous Menu sauf pour la Page Sous-Menu Active */
A.Sous_Menu_D img { margin-left: 0px;  vertical-align: middle; }

/* MD - Toutes les pages des Sous-Menu sauf pour la Page Sous-Menu Active */
A.Sous_Menu_D:link , A.Sous_Menu_D:visited , A.Sous_Menu_D:active , A.Sous_Menu_D:hover {
	display: block;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #ffffff;
	padding-left:38px;
	width: 100%;
	line-height: 14px;
	padding-top:0px;
	padding-bottom:4px;
}
	
/* MD - Survol de toutes les pages des Sous-Menu sauf la Page Sous-Menu Active */
A.Sous_Menu_D:hover {color: #fd0002;}

/* MD - Gestion puces des Pages du Sous-Menu Actif */
A.Sous_Menu_Actif_D img { margin-left: 0px;  vertical-align: middle; }

/* MD - Pages Du Sous-Menu Actif */
A.Sous_Menu_Actif_D:link , A.Sous_Menu_Actif_D:visited , A.Sous_Menu_Actif_D:active , A.Sous_Menu_Actif_D:hover {
	display: block;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #fd0002;
	padding-left:38px;
	width: 100%;
	line-height: 14px;
	padding-top:0px;
	padding-bottom:4px;
}

/* ----------------------------------------------------------------------------------------------- */
/* Style Bottom Menu */
/* ----------------------------------------------------------------------------------------------- */
/* Style général */

.Bottom_Menu {
	height: 40px;
	line-height:40px;
	vertical-align: middle;
	padding: 0;
	margin: 0;
}

/* Liens du Bottom Menu */
A.Bottom_Tab:link , A.Bottom_Tab:visited , A.Bottom_Tab:active , A.Bottom_Tab:hover {
	display: block;
	font-weight : normal;
	font-family : Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #ffbebf;
	text-decoration: none;
	padding-left:0;
	padding-right:0;
}

A.Bottom_Tab:hover {color : #ffffff;}

/* Liens du Bottom Menu Actif*/
A.Bottom_Tab_Active:link , A.Bottom_Tab_Active:visited , A.Bottom_Tab_Active:active , A.Bottom_Tab_Active:hover {
	display: block;
	font-weight : normal;
	font-family : Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	padding-left:0;
	padding-right:0;
}

/* ----------------------------------------------------------------------------------------------- */
/* Footer */
/* ----------------------------------------------------------------------------------------------- */
.Footer {
	height: 40px;
	line-height: 40px;
	text-align : center;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	color : #fcbfbc;
}

/* Lien du Footer */
A.Footer_Lien:link , A.Footer_Lien:visited , A.Footer_Lien:active {
	font-family :Arial, Helvetica, sans-serif; 
	font-size : 12px;
	color : #fcbfbc;
	text-decoration : none;
	font-weight : normal;
}

A.Footer_Lien:hover {color : #ffffff;}

		
/* -------------------------------------------------------------------- */
/* Style Top Menu */
/* -------------------------------------------------------------------- */

/* Style Général */
.Top_Menu {	height: 40px;	line-height: 40px; text-align: left; padding: 0; }
/* Lien du Top Menu normal*/
A.Tab:link, A.Tab:visited, A.Tab:active, A.Tab_Active:hover {
	display: block;
	height : 15px;
	line-height: 15px;
	font-weight : normal;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	text-transform: none;
	text-decoration : none;
	padding-left : 15px;
	padding-right : 15px;
	color : #fff;
}

/* Lien du Top Menu actif ou survol */
A.Tab:hover, A.Tab_Active:link, A.Tab_Active:visited, A.Tab_Active:active {
	display: block;
	height : 15px;
	line-height: 15px;
	font-weight : normal;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	text-transform: none;
	text-decoration : none;
	padding-left : 15px;
	padding-right : 15px;
	color : #fd0002; 
}


/* ----------------------------------------------------------------------------------------------- */
/* Formulaires */
/* ----------------------------------------------------------------------------------------------- */

/* Boutons Envoyer Effacer ok */
.Bouton {
   font-family :Arial, Helvetica, sans-serif;
	color : #000000;
	font-size :12px;
	text-align: center;
	cursor: hand;
	border : 1px solid #616161;
	height : 18px;
	margin-right: 4px;
	margin-left: 4px;
	background-image: url(images/btn-fd.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #cccccc;
}

/* .Txt_Area - Cellule de saisi texte multiligne */
/* .Txt_Input - Cellules restantes */
/* .Menu_Select - Liste déroulante Des Sous-Menus */
.Txt_Area , .Txt_Input , .Menu_Select {
	font-family :Arial, Helvetica, sans-serif;
	background-color : #ffffff;
	color : #616161;
	font-size : 12px;
	border : 1px solid #616161;
	xwidth : 100px;
}

/* Select box dans liste déroulante Menu */
.Menu_Select_D {
	xdisplay: block;
	xfloat: left;
	font-family :Arial, Helvetica, sans-serif;
	background-color : #ffffff;
	color : #616161;
	font-size : 12px;
	border : 1px solid #616161;
}
	
/* .Module - Cellule News et Recherche */
.Module {
	font-family :Arial, Helvetica, sans-serif;
	background-color : #000;
	color : #fff;
	font-size : 11px;
	border : 1px solid #770000;
	width : 90px;
}

/* ----------------------------------------------------------------------------------------------- */
/* Divers */
/* ----------------------------------------------------------------------------------------------- */
/* Warning du caddie*/
.CadWarning{font-size : 11px;font-family :Arial, Helvetica, sans-serif;color : #ff9900;font-weight : bold;}

/* Adresse site Internet */
.url_Site {
	font-size : 11px;
	font-family :Arial, Helvetica, sans-serif;
	color : #ff9900;
	font-weight : bold;
	text-align: left;
	text-indent: 40px;
	}

/* Newsletter*/
.TableEditoNews {border: 1px double #FFFFFF;background-color: #ff9900;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
.CellEditoNews {background-color: #FFFFFF;}
.ligne_y{background-image: none;background-repeat: repeat-y;width:1px;}
.ligne_x{height:1px;background-color: #ff9900;}


/* Entourage haut gauche */
a.menuhaut:link , a.menuhaut:visited , a.menuhaut:active , a.menuhaut:hover {
	display: block;
	float: left;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
	text-transform: uppercase;
	color:#ffffff;
	margin:0;
	padding:0;
	width: 100%;
} 

a.menuhaut:active , a.menuhaut:hover {color: #fd0100;}

.menuhautfd{
	TEXT-ALIGN: left; BACKGROUND: url(images/top-fd.gif) no-repeat 50% top; HEIGHT: 175px; COLOR: rgb(255,255,255); FONT-SIZE: 12px; VERTICAL-ALIGN: top;
}


/* Textes de couleur du panier en entourage haut droite */
.txtpanier {
	color:#fd0100; font-weight:bold;
}


/* zone dynamique*/
.zonedynabas-haut {
	height: 16px;line-height: 16px;width : 420px; 
	font-size : 13px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	color :#ffffff;
	text-transform: none;
	text-align: left;
	vertical-align: middle;
	padding-left:32px;
	margin:0;
	background-image: url(images/zonedynabas-haut.jpg);
	background-position: top;
	background-repeat: no-repeat;
	}
	
.zonedynabas-centre {
width : 420px; color: White;
background: url(images/zonedynabas-centre.jpg) top repeat-y;
}

.zonedynabas-bas {
height: 36px;
width : 420px;
background: url(images/zonedynabas-bas.jpg) no-repeat top;
}

.zonedynabas2-haut {
	height: 16px;line-height: 16px;width : 570px; 
	font-size : 13px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	color :#ffffff;
	text-transform: none;
	text-align: left;
	vertical-align: middle;
	padding-left:32px;
	margin:0;
	background-image: url(images/zonedynabas2-haut.jpg);
	background-position: top;
	background-repeat: no-repeat;
	}
	
.zonedynabas2-centre {
width : 570px; color: White;
background: url(images/zonedynabas2-centre.jpg) top repeat-y;
}

.zonedynabas2-bas {
height: 36px;
width : 570px;
background: url(images/zonedynabas2-bas.jpg) no-repeat top;
}

/* Style CSS Cart V6 */

#TableMonPanier td {padding:5px;}
#TableMonPanier thead td {border-top:1px #A31111 solid;border-bottom:1px #A31111 solid;}
#TableMonPanier tfoot td {border-top:2px #A31111 solid;border-bottom:2px #A31111 solid;background-color:#D6D0C6}
#SousTotal {border-top:1px #A31111 solid;border-bottom:1px #A31111 solid;text-align: right;font-size:13px;font-weight:bold;}
#FraisLivraison {text-align:left;margin-top:20px;margin-left:10px;}
#CouponReduc {text-align:center;margin-top:20px;margin-bottom:20px;}
#IdSeparation{margin-top:10px;margin-bottom:20px;width:100%;border-bottom:1px solid #A31111;}
#TableFacturation td {padding:5px;}
#TableFacturation thead td {border-top:1px #A31111 solid; border-bottom:1px #A31111 solid;}
#TableLivraison td {padding:5px;}
#TableLivraison thead td {border-top:1px #A31111 solid; border-bottom:1px #A31111 solid;}
#TableLoggin td {padding:5px;}
#TableLoggin thead td {border-top:1px #A31111 solid; border-bottom:1px #A31111 solid;}
#TableLoggin tfoot td {border-top:2px #A31111 solid;border-bottom:2px #A31111 solid;}
#IdInfoConn{text-align:center;margin-top:20px;margin-bottom:20px;font-size:11px;}
#InfoLivraison td {padding:5px;}
#InfoLivraison thead td {border-top:1px #A31111 solid; border-bottom:1px #A31111 solid;}
#ModeLivraison td {padding:5px;}
#ModeLivraison thead td {border-top:1px #A31111 solid; border-bottom:1px #A31111 solid;}
#RecapOrder td {padding:5px;}
#RecapOrder thead td {border-top:1px #A31111 solid; border-bottom:1px #A31111 solid;}
#MethodList td {padding:5px;}
#MethodList thead td {border-top:1px #A31111 solid; border-bottom:1px #A31111 solid;}
#CGV td {padding:5px;}
#CGV thead td {border-top:1px #A31111 solid; border-bottom:1px #A31111 solid;}
#Remarques td {padding:5px;}
#Remarques thead td {border-top:1px #A31111 solid; border-bottom:1px #A31111 solid;}
#Destinataire td {padding:5px;}
#Destinataire thead td {border-top:1px #A31111 solid; border-bottom:1px #A31111 solid;}
#RecapPaiement td {padding:5px;}
#RecapPaiement thead td {border-top:1px #A31111 solid; border-bottom:1px #A31111 solid;}

.vertical-sep {border-left:1px #A31111 solid;}
.CouponCode {font-size:10px; color: #A31111; text-align: center;}
.CouponLabel {color: #A31111; text-align: right;}
.CouponAmount {text-align: right; color: #A31111;font-weight:bold;}
.TotalCommande {text-align: right;font-size:15px;font-weight:bold;}

/* Warning du caddie*/
.CadWarning{font-size : 11px;font-family :  Arial, Helvetica, sans-serif;color : #FF0000;font-weight : bold;}

/* Messages du panier */
#cart-messages-area {}
#cart-messages-area * {text-align: center;font-size : 11px;font-family :  Arial, Helvetica, sans-serif;font-weight : bold; margin-bottom: 5px;  }

/* message normal */
#cart-messages-area .msg_0 {color : #007200;background: #D6EAC6 url(/ml/images/icones/20/valide.png) no-repeat left;padding-top: 10px;padding-bottom: 10px;border: 1px solid #007200;}

/* message de warning */
#cart-messages-area .msg_1 {color : #820000;background: #F1BAB0 url(/ml/images/icones/20/warning.png) no-repeat left;padding-top: 10px;padding-bottom: 10px;border: 1px solid #820000;}

/* message d'erreur */
#cart-messages-area .msg_2 {color : #820000;background: #F1BAB0 url(/ml/images/icones/20/error.png) no-repeat left;padding-top: 10px;padding-bottom: 10px;border: 1px solid #820000;}

/* Bloc Ariane Pannier */
.ArianeChiffresActive{color:#A31111;font-weight:bold;font-size:30px;}
.ArianeChiffresDisabled{color:#A9A9A9;font-weight:bold;font-size:30px;}
.ArianeChiffresLink{color:#696969;font-weight:bold;font-size:30px;}
.ArianeTextesActive{color:#A31111;font-size:11px;}
.ArianeTextesDisabled{color:#A9A9A9;font-size:11px;}
.ArianeTextesLink{color:#303030;font-size:11px;}

#IdActive{width:36px;background-color:#A31111;font-weight:bold;font-size:30px;color:#FFFFFF;}
#IdLink{width:36px;background-color:#696969;font-weight:bold;font-size:30px;color:#FFFFFF;}