/* 
CSS Document 
XAVIER Elvis
e.xavier@toptechnology.fr
www.toptechnology.fr
 */

body { background-color: #FFFFFF;
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		font-family:tahoma,arial,verdana;
		font-size:8pt;
		color : #626262; }

  
h1 {	font-size: 11pt;
		font-family:tahoma, Arial, Helvetica, sans-serif;
		font-weight:bold;
		vertical-align:bottom;
		
		text-align:left;			
		color:#585252; }

.h1 {	font-size: 11pt;
		font-family:tahoma, Arial, Helvetica, sans-serif;
		font-weight:bold;
		vertical-align:bottom;
		
		text-align:left;			
		color:#585252; }
		
h2 { 	font-size:10pt;
		font-family:tahoma, Arial, Helvetica, sans-serif;
		color : #626262;
		text-align:center; }

h3 {	font-size: 08pt;
		font-weight:bolder;
		color:#FC050E; 
		font-family: tahoma,Arial,Verdana;
		text-align:center; }
		
.Dot { background-image:url(../illus/dotTableau.gif);
		background-position:bottom;
		background-repeat:repeat-x; }
							  
.hautTableau { background-image:url(../images/bg_HautTableau.gif);
				background-position:left;
				background-repeat:no-repeat;
				font-family:arial, Helvetica, sans-serif;
				font-size:08pt;
				font-weight:bold;
				padding:2px;
				padding-left:10px;
				color:#FFFFFF;
				 height:38px; }
				
.hautTableau2 { background-color:#EAEAEA;
				background-image:url(../illus/puce02.gif);
				background-position:left;
				background-repeat:no-repeat;
				font-family:arial, Helvetica, sans-serif;
				font-size:09pt;
				font-weight:bold;
				padding:2px;
				padding-left:15px;
				color:#000000; }

.hautTableau3 {  vertical-align:top;
					background-image:url(../images/bg_HautTableau2.gif);
					background-repeat:no-repeat;
					padding:8px;
					text-align:left;
					font-weight:bold;
					font-size:08pt;
					color:#FFFFFF; }
					
.hautTableau4 {  vertical-align:top;
					background-image:url(../images/bg_HautTableau3.gif);
					background-repeat:no-repeat;
					padding:8px;
					text-align:left;
					font-weight:bold;
					font-size:08pt;
					color:#FFFFFF;
					height:30px; }

.tdLogin { 	font-size:08pt;
			font-weight:bolder;
			color:#585252;
			font-family:tahoma, Arial, Helvetica, sans-serif;
			text-align:right;
			vertical-align:middle; }
					
.tdContact { 	font-size: 08pt;
				color:#626262;
				font-family:tahoma, Arial, Helvetica, sans-serif;
				font-weight:bold;
				text-align:right;
				vertical-align:middle; }
					
.tdPanier { 	font-size: 08pt;
				font-family:arial,verdana;
				font-weight:bold;
				text-align:center;
				color:#262626;
				vertical-align:top; }


input { color:#494949;		
		font-size: 8pt;
		font-weight:normal;
		font-family:tahoma;
		border:none;
		border:1px solid #CCCCCC;
		background-color:#F6F6F6;
		padding:2px; }


textarea {	color:#494949;		
			font-size: 8pt;
			font-weight:normal;
			font-family:tahoma;
			border:none;
			border-bottom:1px solid #A9A9A9;
			background-color:#F2F2F2;
			padding:2px;  }




select  {color:#494949;		
			font-size: 8pt;
			font-family:tahoma,arial;
			border:1px solid #A9AAAC;
			background-color:#FFFFFF;
			font-weight:normal;  }
			
.block { display : block; }


.tdleft { 	font-size:8pt;
			text-align:left;			
			vertical-align:middle; }

.tdright { 	font-size:8pt;
			text-align:right;
			vertical-align:middle; }

.tdcenter { font-size:8pt;
			text-align:center;
			vertical-align:middle; }
			

			
.basCenter { font-size:8pt;
			text-align:center;
			vertical-align:middle;
			background-color:#9EB0BC;
			padding:3px; }

.tdtitre { 	font-size:08pt;
			font-weight:bolder;
			color:#585252;
			font-family:tahoma, Arial, Helvetica, sans-serif;
			text-align:center;
			vertical-align:middle;
			background-color:#EAEAEA; }
			
.tdtitre22 { font-size:08pt;
			font-weight:bolder;
			color:#585252;
			font-family:tahoma, Arial, Helvetica, sans-serif;
			text-align:right;
			vertical-align:middle;
			background-color:#EAEAEA; }
			
ul { list-style-image:url(../illus/puce03.gif);
		list-style-position:outside;
		font-family:  Arial, Verdana,Helvetica, sans-serif;
		font-size: 08pt;			
		margin : 0px;  }
				
					
.adress { font-family:  tahoma,Arial, Helvetica, sans-serif;
			font-size: 08pt;
			color: #7A7A7A;
			text-align:center }
	
/* Page d'accueil *********************************/

.HomeDesignation { text-align:center;					
					padding:3px;
					color:#EE6419;
					font-weight:bold;
					font-size:10pt; }

.HomeDescription { vertical-align:top;
					text-align:left;
					color:#1D4DB4;
					font-size:08pt;
					font-weight:bold; }

.HomePrice { background-image:url(../images/flechePrice.gif);
				background-position:left;
				background-repeat:no-repeat;
				color:#EE6419;
				font-size:11pt;
				font-weight:bold;
				padding:3px;
				padding-left:40px;
				font-family:tahoma,Arial, Helvetica, sans-serif }		

/* *************************************************/		


/* Linsting ****************************************/
.vignette { font-family:  Arial, Helvetica, Verdana,sans-serif;
			font-size: 08pt;
			font-weight: bold;
			color:#FF5A00;
			text-decoration: none;
			text-align:center;
			vertical-align:middle;}

.List_designation { font-size: 08pt;
					font-weight: bold;
					color:#0047C0;
					text-align:left; }
					
.List_Price { font-size: 08pt;
				font-weight: bold;
				color: #EE6419; }
/********************************************************** */


/* Fiche produit ******************************************* */
.designation { font-size:12pt;
				font-family: Arial,sans-serif,Helvetica ;
				font-weight:bolder;
				color: #1D4DB4;
				text-align:left; }
				
.titreDesignation { font-size:09pt;
					font-family:arial,verdana;
					font-weight:bold;
					color: #1D4DB4;
					text-align:left; }
				


.RefProd { font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 08pt;
			font-weight: bold;
			color: #5D5D5D;
			text-align:left; }
			
.Price { font-family: tahoma,Arial, Helvetica, sans-serif,  ;
			font-size: 12pt;
			font-weight: bolder;
			color: #FF5A00;
			text-align:left;  }

.Price2 { font-family:  Arial, Helvetica, Verdana,sans-serif;
			text-align:center;
			font-size: 08pt;
			font-weight: bolder;
			color: #1D4DB4; }
/* Fin Fiche produit ****************************************/			


/* Fiche promo **********************************************/
.titrePromo { color: #000000;
				text-align:left;
				vertical-align:middle;
				font-size:12pt;
				font-weight:bold;
				font-family:Arial, Helvetica, sans-serif;
				text-align:center; }

.fichePromo { color: #0066CC;
				text-align:left;
				font-size:08pt; }
				
.designPromo { color: #163F8E;
				text-align:left;
				font-size:08pt;
				font-weight:bold;  }
				
.designList { color: #DA0C0C;
				text-align:left;
				font-size:10pt;
				font-weight:bold;  }

.PrixPromo { font-family:  Arial, Helvetica, Verdana,sans-serif;
			text-align:center;
			font-size: 08pt;
			font-weight: bolder;
			color: #DA0C0C; }
				
.li2 { list-style-image:url(../images/picto-menu.gif);
		color: #0066CC;
		margin-left:5px;
		text-align:left; }		
/* fin Fiche promo *******************************************/

.Titre_CompteClient { 	background-color:#E2DFDF;
						font-family:  tahoma, arial,verdana,Helvetica,Geneva, sans-serif;
						font-size: 09pt;
						font-weight:bold;
						color: #000000;
						text-align:center;
						padding:3px; }
						
.tdTotalpanier { font-size:8pt;
					text-align:right;
					vertical-align:middle;
					background-color:#ECECEC; }


/***STYLE DE LA NEWS *****/
a.newsLink:link    { text-decoration:none;  color: #CC3333; 	font-size:08pt; }
a.newsLink:visited { text-decoration:none; color:#666666; 		font-size:08pt;  }
a.newsLink:hover   { text-decoration:underline; color: #CC3333; font-size:08pt;  }

.dateNews { font-family:Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size:08pt;
				color: #000000;
				text-align:left; }

.titreNews { font-family:Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size:08pt;
				color: #CC3333;
				text-align:left; }
	
.textnews { font-family:Arial, Helvetica, sans-serif;
			font-weight:normal;
			vertical-align:top;
				padding-right:20px;
				text-align:justify;
				font-size:08pt;
				color: #000000; }
/*** FIN STYLE DE LA NEWS *****/
	
/*liens*/
a:link {  	color:#EE6419; font-weight:bold; text-decoration:none;	font-size:8pt;   }
a:visited { color:#EE6419; font-weight:bold; text-decoration:none;	font-size:8pt;	}
a:hover {  	color:#EE6419; font-weight:bold; text-decoration:none;	font-size:8pt;	}

.menuHaut:link 		{ font-family: Arial, Helvetica, sans-serif; font-size: 08pt; color:#FFFFFF; text-decoration: none;	font-weight:bold; }
.menuHaut:visited	{ font-family: Arial, Helvetica, sans-serif; font-size: 08pt; color:#FFFFFF; text-decoration: none;	font-weight:bold; }
.menuHaut:hover 	{ font-family: Arial, Helvetica, sans-serif; font-size: 08pt; color:#FFFFFF; text-decoration: none;	font-weight:bold; }

a.menuBas:link {  	color:#0156C0; font-size:8pt;	font-family:Arial, Verdana, Helvetica, sans-serif;  font-weight:bold; text-decoration:none; }
a.menuBas:visited { color:#0156C0; font-size:8pt;	font-family:Arial, Verdana, Helvetica, sans-serif;	font-weight:bold; text-decoration:none;	}
a.menuBas:hover {  	color:#505050; font-size:8pt;	font-family:Arial, Verdana, Helvetica, sans-serif;	font-weight:bold; text-decoration:underline;	}

a.menuPrincipal:link 	{  	color:#FFFFFF; font-size:08pt;	font-family:Arial, Verdana, Helvetica, sans-serif; font-weight:bold; 	text-decoration:none;	}
a.menuPrincipal:visited { 	color:#FFFFFF; font-size:08pt;	font-family:Arial, Verdana, Helvetica, sans-serif; font-weight:bold;	text-decoration:none;	}
a.menuPrincipal:hover 	{  	color:#FFFFFF; font-size:08pt;	font-family:Arial, Verdana, Helvetica, sans-serif; font-weight:bold;	text-decoration:underline;	}

a.menuSecondaire:link 	{  	color:#000000; font-size:08pt;	font-family:Arial, Verdana, Helvetica, sans-serif; font-weight:bold; 	text-decoration:none;	}
a.menuSecondaire:visited { 	color:#000000; font-size:08pt;	font-family:Arial, Verdana, Helvetica, sans-serif; font-weight:bold;	text-decoration:none;	}
a.menuSecondaire:hover 	{  	color:#000000; font-size:08pt;	font-family:Arial, Verdana, Helvetica, sans-serif; font-weight:bold;	text-decoration:none;	}

a.listLink:link {  	color:#4D7FBE;font-weight:bold;	text-decoration:none;	font-size:8pt;   }
a.listLink:visited { color:navy; font-weight:bold; text-decoration: underline;	font-size:8pt;	}
a.listLink:hover {  	color:#4D7FBE;	text-decoration: underline;	font-size:8pt;	}

a.vignette:link 	{  color:#4E7AB9; font-size:08pt; font-weight:bold; text-decoration:none;}
a.vignette:visited 	{  color:#4E7AB9; font-size:08pt; font-weight:bold;	text-decoration:none;}
a.vignette:hover 	{  color:#005A8F; font-size:08pt; font-weight:bold; text-decoration:none;}

a.navTitre:link 	{ color:#0049C0; font-size:08pt; font-weight:bold; text-decoration:none; }
a.navTitre:visited  { color:#0049C0; font-size:08pt; font-weight:bold; text-decoration:none; }
a.navTitre:hover 	{ color:#0049C0; font-size:08pt; font-weight:bold; text-decoration:underline; }

a.navTitre2:link 	 { color:#FFFFFF; font-size:08pt; font-weight:bold; text-decoration:none; }
a.navTitre2:visited  { color:#FFFFFF; font-size:08pt; font-weight:bold; text-decoration:none; }
a.navTitre2:hover 	 { color:#FFFFFF; font-size:08pt; font-weight:bold; text-decoration:underline; }

a.linkHome:link 	 { color:#000000; font-size:07pt; font-weight:normal; text-decoration:none; font-family:tahoma,arial; }
a.linkHome:visited  {  color:#000000; font-size:07pt; font-weight:normal; text-decoration:none; font-family:tahoma,arial;  }
a.linkHome:hover 	 { color:#EE6419; font-size:07pt; font-weight:normal; text-decoration:none; font-family:tahoma,arial;  }

a.nav:link 		{	color:#585252; font-size:08pt; text-decoration:none; }
a.nav:visited 	{	color:#585252; font-size:08pt; text-decoration:none; }
a.nav:hover 	{   color:#FFCB00; font-size:08pt; text-decoration:underline; }

a.mail:link    { color:#7A7A7A; font-size:08pt; text-decoration:none;	}
a.mail:visited { color:#7A7A7A; font-size:08pt;	text-decoration:none;	}
a.mail:hover   { color:#7A7A7A; font-size:08pt;	text-decoration:underline;  }

a.TT:link    { text-decoration:none; color:#374866; font-size:07pt;  }
a.TT:visited { text-decoration:none; color:#374866; font-size:07pt;  }
a.TT:hover   { text-decoration:none; color:red; font-size:07pt;  }