/* 
CSS Document 
XAVIER Elvis - 
e.xavier@toptechnology.fr
www.toptechnology.fr
*/
/*
Update by Imène TOUMI
i.toumi@toptechnology.fr
*/
body { 	background: #000 url(../images/fond_body.jpg) repeat center bottom scroll; 
		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: 10pt;
		font-family:tahoma, Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#F33CB1;
		vertical-align:bottom;		
		text-align:left;			
		color:#FFFFFF; }
		
.h1 {	font-size: 10pt;
		font-family:tahoma, Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#F33CB1;
		vertical-align:bottom;		
		text-align:left;			
		color:#FFFFFF; }

h2 { 	font-size:08pt;
		font-family:tahoma, Arial, Helvetica, sans-serif;
		color : #FFFFFF;
		text-align:center; 
}
.h2 { 	font-size:15px;
		font-family:tahoma, Arial, Helvetica, sans-serif;
		color : #FFFFFF;
		text-align:center; 
		margin-top:20px;
}

h3 {	font-size: 08pt;
		font-weight:bolder;
		color:#F33CB1; 
		font-family: tahoma,Arial,Verdana;
		text-align:center; }
		
.Dot { background-image:url(../illus/dotTableau.gif);
		background-position:bottom;
		background-repeat:repeat-x; }
							  
.hautTableau { background-color:#F8CE00;
				background-image:url(../illus/puce01.gif);
				background-position:left;
				background-repeat:no-repeat;
				font-family:arial, Helvetica, sans-serif;
				font-size:10pt;
				font-weight:bold;
				padding:2px;
				padding-left:10px;
				color:#000000; }
				
.tdLogin { 	font-size:08pt;
			font-weight:bolder;
			color:#FFFFFF;
			font-family:tahoma, Arial, Helvetica, sans-serif;
			text-align:right;
			vertical-align:middle;  }
					
.tdContact { 	font-size: 08pt;
				color:#FFFFFF;
				font-family:tahoma, Arial, Helvetica, sans-serif;
				font-weight:bold;
				text-align:right;
				vertical-align:middle; }
					


			
.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; }
			
.tdFamille { background-image:url(../images/puce_theme.gif);
				background-repeat:no-repeat;
				background-position:right;
				font-size:08pt;
				font-weight:bolder;
				color:#000000;
				font-family:tahoma, Arial, Helvetica, sans-serif;
				text-align:left;
				vertical-align:middle;
				padding:4px; }
			
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: #FFFFFF;
			text-align:center }
	
/* Page d'accueil *********************************/

.HomeDesignation { background-image:url(../illus/puce02.gif);
					background-position:left;
					background-repeat:no-repeat;
					padding:3px;
					padding-left:13px;
					color:#000000;
					font-weight:bold;
					font-size:08pt; }

.HomePrice { background-color:#FFCD04;
					color:#000000;
					font-weight:bold;
					padding:3px; }		

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


/* 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:#686869;
					text-align:left; }
					
.List_Price { font-size: 08pt;
				font-weight: bold;
				color: #DA0C0C; }
/****************************************/


/* Fiche produit ******************************************* */
.designation { font-size:10pt;
				font-family: tahoma,Arial,sans-serif,Helvetica ;
				font-weight:bolder;
				color: #072C72;
				text-align:left; }
				
.argument  { font-size:08pt;
				font-family: tahoma,Arial,sans-serif,Helvetica ;
				font-weight:bolder;
				color: #FFFFFF;
				text-align:left;
				 background-color:#899297; }
				
.description { font-size:08pt;
					font-family:arial,verdana;
					color: #8E8E8E;
					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: Arial, Helvetica, sans-serif,  ;
			font-size: 12pt;
			font-weight: bolder;
			color: #F33CB1;
			text-align:left; }

.Price2 { font-family:  Arial, Helvetica, Verdana,sans-serif;
			text-align:center;
			font-size: 09pt;
			font-weight: bolder;
			color: #DA0C0C; }
			
.prod { padding:2px;
			text-align:left;
			 }
		
#framecatalogue {
					display: block;
					overflow: hidden;
					overflow-y: hidden;
					overflow-x: scroll;
					overflow : -moz-scrollbars-horizontal;					
					width: 100%;
					background-color:#FFFFFF;  } 

/* Fin Fiche produit ****************************************/			

.TitreHome { color:#CBFE41;
			font-weight:bold;
			font-size:09pt; }
			
			
/***STYLE DE LA NEWS *****/
a.newsLink:link    { text-decoration:none;  color: #FFFFFF; 	font-size:08pt; }
a.newsLink:visited { text-decoration:none; color: #FFFFFF; 		font-size:08pt;  }
a.newsLink:hover   { text-decoration:underline; color: #FFFFFF; font-size:08pt;  }

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

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

.titreNews { font-family:Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size:08pt;
				color: #FFFFFF;
				text-align:left; }
	
.titreHome { font-family:Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size:08pt;
				color: #FFFFFF;
				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: #FFFFFF; }
/*** FIN STYLE DE LA NEWS *****/
	
/*liens*/
a:link {  	color:#000000;	text-decoration:none;	font-size:8pt;   }
a:visited { color:#000000;  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:#95969A; font-size:10pt;	font-family:Arial, Verdana, Helvetica, sans-serif; font-weight:bold; 	text-decoration:none;	}
a.menuPrincipal:visited { 	color:#95969A; font-size:10pt;	font-family:Arial, Verdana, Helvetica, sans-serif; font-weight:bold;	text-decoration:none;	}
a.menuPrincipal:hover 	{  	color:#ECC100; font-size:10pt;	font-family:Arial, Verdana, Helvetica, sans-serif; font-weight:bold;	text-decoration:none;	}

a.menuSecondaire:link 	{  	color:#000000; font-size:08pt;	font-family:tahoma, Arial, Verdana; text-decoration:none;	}
a.menuSecondaire:visited { 	color:#000000; font-size:08pt;	font-family:tahoma, Arial, Verdana; text-decoration:none;	}
a.menuSecondaire:hover 	{  	color:#FFFFFF; font-size:08pt;	font-family:tahoma, Arial, Verdana;	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.TT:link    { text-decoration:none; color:#FFFFFF; font-size:07pt;  }
a.TT:visited { text-decoration:none; color:#FFFFFF; font-size:07pt;  }
a.TT:hover   { text-decoration:none; color:#FFFFFF; font-size:07pt;  }		


/* Gildas    ****************************************/	

#navAccueil {
	text-align: center;
	width: 955px;
	margin: 30px auto 10px auto;
}

#navAccueil a{
	display: block;
	float: left;
	width: 175px;
	padding: 6px 0px;
	text-align: center;
	background-color: #fafefb;
	border: 1px solid #2e2e2e;
}
#navAccueil a img{
	border: 0;
}
#navAccueil .spaceNav {
	width: 17px;
	float: left;
}

#navAccueilText {
	clear: both;
	margin: 0 auto;
}
#navAccueilText td {
	text-align: center;
}
#navAccueilText td a{
	color: #fff;
	text-align: center;
	font-weight: normal;
	font-size: 16px;
}
#navAccueilText td a:hover{
	color: #fff;
	text-decoration: none;
}

#espComm {
	position: relative;
	width: 955px;
	height: 200px;
	margin: 0 auto;
}
.espComm {
	visibility: hidden;
}
.commentaire {
	position: absolute;
	width: 520px;
	border: 1px dashed #fff;
	top: 50px;
	left: 210px;
}
.commentaire {
	line-height: 34px;
	padding: 10px;
	color: #fff;
	font-size: 14px;

}
.ligature {
	
}
.lgt1{
	position: absolute;
	width: 90px;
	height: 90px;
	border-bottom: 1px dashed #fff;
	border-left: 1px dashed #fff;
	top: 0px;
	left: 100px;
}
.lgt2{
	position: absolute;
	width: 90px;
	height: 46px;
	border-left: 1px dashed #fff;
	top: 0px;
	left: 290px;
}
.lgt3{
	position: absolute;
	width: 90px;
	height: 46px;
	border-left: 1px dashed #fff;
	top: 0px;
	left: 475px;
}
.lgt4{
	position: absolute;
	width: 90px;
	height: 46px;
	border-left: 1px dashed #fff;
	top: 0px;
	left: 670px;
}
.lgt5{
	position: absolute;
	width: 100px;
	height: 90px;
	border-bottom: 1px dashed #fff;
	border-right: 1px dashed #fff;
	top: 0px;
	left: 760px;
}

/* Pages présentation ******************************************* */

#sousMenuPres {
	text-align: center;
	margin: 70px 0px;
}
#sousMenuPres a{
	padding: 38px;
	border: 0;
	text-decoration: none;
}
#sousMenuPres a img{
	border: 2px solid #000;
}
#sousMenuPres a:hover img{
	border: 2px solid #fff;
}
#presContenu {
	height: 400px;
	background: #556 url(../images/fond_presContenu.jpg) repeat-x 0px 0px scroll;
}
#presContenu h1{
	margin: 0px;
	line-height: 24px;
	padding: 0px;
}
#presContenu h1 img{
}
#presContenu p{
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	text-align: justify;
	line-height: 17px;
	margin: 10px 20px 10px 0px;
}

#visuPres {
	float: left;
	margin: 0px 30px 20px 0px;
}


#navBasPres {
	clear: both;
	text-align: center;
	height: 18px;
	line-height: 18px;
	margin: 10px 0px;
	padding: 0px 4px 2px;
	background-color: #000;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#navBasPres a{
	font-size: 12px;
	font-style: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	margin: 0px;
	padding: 0px 40px;
	border: 0;
}
#navBasPres a:hover{
	color: #999;
}

#basPage {
	margin-top: 10px;
	background: url(../images/fond_basPage.jpg) repeat-x 0px 0px scroll;
	line-height: 103px;
}
/*----------------------------------------------------*/

.lienCatalogue{
	color:#FFFFFF; 
	font-size:20px; 
	text-align:center;
	margin-top:1px;
	margin-bottom:90px;
}
.cata {
	color: #FFFFFF;
	font-size:20px;
	margin-left:10px;
	text-align:left;
}
.catastyle {
	color:#FFFFFF;
	margin-left:60px;
	font-size:17px;
}
.cataprod {
	color:#FFFFFF;
	margin-left:100px;
	font-size:13px;
}