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

body { background-color: #FFFFFF;
		background-image:url(fond.gif);
		background-position:top;
		background-repeat:repeat-x;
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		font-family:arial,verdana;
		font-size:8pt;
		color : #012B91; }

  
h1 {	text-align: left;
		font-size: 10pt;
		font-family: Verdana, Arial;
		color:#f90;
		text-align:center;
		font-weight:bold; }

h2 { 	font-size:10pt;
		font-family: arial,verdana;
		color:#2A1770; 
		text-align:center; }

h3 {	font-size: 08pt;
		font-weight:bolder;
		color:#68C1F9; 
		font-family: Arial,Verdana;
		text-align:center; }
		
.Dot { background-image:url(../illus/dotTableau.gif);
		background-position:bottom;
		background-repeat:repeat-x; }
							  
.TitreRubrik { font-size: 09pt;
				font-family:arial,verdana;
				font-weight:bold;
				vertical-align:bottom;
				padding-bottom:20px;
				text-align:left;				
				color:#015A92;
				background-image:url(../images/filetTitre.gif);
				background-repeat:no-repeat;
				background-position:bottom;
				background-position:right; }


.tdLogin { 	font-size: 10pt;
					font-family:arial,verdana;
					font-weight:bold;
					text-align:center;
					color:#FFFFFF;
					vertical-align:top;
					padding-left:20px; }
					
.tdContact { 	font-size: 08pt;
					font-family:arial,verdana;
					font-weight:bold;
					text-align:left;
					color:#011E62; }
					
.tdPanier { 	font-size: 08pt;
				font-family:arial,verdana;
				font-weight:bold;
				text-align:center;
				color:#262626;
				vertical-align:top; }


input { color:#011E62;		
		font-size: 8pt;
		font-family:arial;
		border:1px solid #68C1F9; }


textarea {	border:1px solid #68C1F9;
			background-color:#FFFFFF;
			color: #2A1770;
			font-family:verdana, arial;
			font-size:8pt; }




select  { border:1px solid #68C1F9;
			color: #2A1770;;
			font-size: 8pt;
			font-family:Arial,verdana;  }
			
.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:#2A1770;
			font-family:Arial, Helvetica, sans-serif;
			text-align:left;
			vertical-align:middle; }
			
ul { list-style-image:url(../illus/puce02.gif);
		list-style-position:outside;
		font-family:  Arial, Verdana,Helvetica, sans-serif;
		font-size: 08pt;			
		color: #666666;
		margin : 0px; 
		
		}
				
					
.adress { font-family:  Arial, Helvetica, sans-serif;
			font-size: 08pt;
			color: #014A7D;
			font-weight:bolder;
			text-align:center }
			

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

.List_designation { font-size: 08pt;
					font-weight: bold;
					color:#4E7AB9;
					text-align:center; }
					
.List_Price { font-size: 12px;
				font-weight: bold;
				text-align:center;
				color: #DA0C0C; }
/****************************************/


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


.RefProd { font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 08pt;
			font-weight: bold;
			color: #002FAC;
			text-align:left; }
			
.Price { font-family: Arial, Helvetica, sans-serif, Verdana, ;
			font-size: 10pt;
			font-weight: bold;
			color: #011E61;
			text-align:left;
			background-image:url(../illus/fondPrice.gif);
			background-attachment:inherit;
			background-position:left;
			background-repeat:no-repeat;
			padding:17px;
			vertical-align:middle;
			display:block; }

.Price2 { font-family:  Arial, Helvetica, Verdana,sans-serif;
			text-align:center;
			font-size: 09pt;
			font-weight: bolder;
			color: #DA0C0C; }
/* 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 { border-top:1px solid #C7D5E7;
						border-bottom:1px solid #C7D5E7;
						background-color:#0073A5;
						font-family:  Arial,verdana,Helvetica,Geneva, sans-serif;
						font-size: 09pt;
						font-weight:bold;
						color: #FFFFFF;
						text-align:center;
						padding:3px; }
						
.tdTotalpanier { font-size:8pt;
					text-align:right;
					vertical-align:middle;
					background-color:#AFE1FC;  }


/***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:#4E7AB9;	text-decoration:none;	font-size:8pt;   }
a:visited { color:#4E7AB9;  text-decoration:none;	font-size:8pt;	}
a:hover {  	color:red;	text-decoration: underline;	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:#014A7D; font-size:8pt;	font-family:Arial, Verdana, Helvetica, sans-serif;  font-weight:bold; text-decoration:none; }
a.menuBas:visited { color:#014A7D; font-size:8pt;	font-family:Arial, Verdana, Helvetica, sans-serif;	font-weight:bold; text-decoration:none;	}
a.menuBas:hover {  	color:#014A7D; font-size:8pt;	font-family:Arial, Verdana, Helvetica, sans-serif;	font-weight:bold; text-decoration:underline;	}

a.menuPrincipal:link 	{  	color:#015A92; font-size:08pt;	font-family:Arial, Verdana, Helvetica, sans-serif; font-weight:bold; 	text-decoration:none;	}
a.menuPrincipal:visited { 	color:#015A92; font-size:08pt;	font-family:Arial, Verdana, Helvetica, sans-serif; font-weight:bold;	text-decoration:none;	}
a.menuPrincipal:hover 	{  	color:#FECB4B; 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 	{	text-decoration:none; color:#015A92; font-size:09pt; }
a.navTitre:visited {	text-decoration:none; color:#015A92; font-size:09pt;	}
a.navTitre:hover 	{   text-decoration:underline; color:#015A92; font-size:09pt;	}

a.mail:link    { color:#F11B01; font-size:08pt; text-decoration:none;	}
a.mail:visited { color:#F11B01; font-size:08pt;	text-decoration:none;	}
a.mail:hover   { color:#F11B01; 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;  }		


/********************************/
/*			INTEGRATION			*/
/********************************/

#cgv {
	text-align: justify;
	font-size: 13px;
}
#cgv p {
	margin: 0px 0px 20px 0px;
	font-size: 13px;
}
#cgv p.titre-artCgv {
	margin: 20px 0px 0px 0px !important;
	font-weight: bold;
	font-size: 1.2em;
}
#cgv #cgvSommaire {
	margin: 10px;
	padding: 10px 20px;
	border: 1px dashed #69c;
}
#cgv #cgvSommaire p {
	margin: 4px 0px !important;
	font-weight: bold;
	font-size: 1.0em;
	color: #69c;
}
#cgv #cgvSommaire p a{
	color: #69c;
}
#services {
	text-align: left;
	font-size: 13px;
}
#services p {
	margin: 0px 0px 20px 0px;
	font-size: 13px;
}
#services p.titre-s1 {
	margin: 20px 0px 10px 0px !important;
	padding-left: 16px;
	font-weight: bold;
	font-size: 1.4em;
	text-decoration: underline;
	background: url(../illus/puce-1.gif) no-repeat 0px 0px scroll;
}
#services p.titre-s2 {
	margin: 20px 0px 0px 0px !important;
	font-weight: bold;
	font-size: 1.5em;
	color: #ff9900;
}

.cadreTxt {
	border: 1px dashed #036;
	margin: 6px 0px 10px;
	padding: 10px 20px;
}
#services p.etape {
	margin: 20px 0px 4px;
	font-weight:bold;
	font-size: 1.1em;
}
#services p.telechargerPdf {
	margin: 0px 0px 8px;
	padding-left: 22px;
	background: url(../illus/ico_pdf.gif) no-repeat 0px 0px scroll;
}
#services p.telechargerPdf a{
	color: #c03;
	text-decoration: none;
}
#services p.telechargerPdf a:hover{
	color: #f00;
	text-decoration: underline;
}

/* cathie mendes 23/06/08*/
#promoAccueil {
	width:735px;  
	padding-left:40px;
	/*margin-left:35px;
	background-color:#d9eaf1;*/
}
#ProdAccueil {
	width:695px; 
	padding-left:40px;
}
.unePromo, .unProdAcc {
	float:left;
	border:2px solid #4E7AB9;
	background-color:#FFFFFF;
	margin:3px;
	padding:0px;
	overflow:hidden;
}
.unePromo{
	width:160px;
	height:225px;
} 
.unProdAcc {
	width:152px;
	height:185px;
}
.promoVign {
height:150px;
text-align:center;
overflow:hidden;
border:0px;
}
.accVign {
height:150px;
text-align:center;
overflow:hidden;
border:0px;
}

.promoDescAcc, .promoDescr { 
	font-size: 08pt;
	font-weight: bold;
	color:#4E7AB9;
	text-align:center; 
	margin:0px;
	padding:0px;
	height:35px;
}
.promoDescr { 
	height:40px;
}