/* ________________ Style général ________________ */

body
	{
	margin: 0;
	padding: 0;
	overflow : visible ;

	color: #FFFFFF;
	background-color: #000000;					
	font-size: 12px; 
	font-family: Arial, Helvetica;
	scrollbar-face-color: #e2e2e2;
	scrollbar-shadow-color: ##999999;
	scrollbar-highlight-color: #999999;
	scrollbar-3dlight-color: #e2e2e2; 
	scrollbar-darkshadow-color: #e2e2e2; 
	scrollbar-track-color: #e2e2e2;
	scrollbar-arrow-color: #999999; 	
	text-align: center;
	}

#lizeret 
	{
	height: 10px;	
	position: relative;
	}

/* ________________ Lien ________________  */

a:link  
	{ 
	
	font-size: 12px;  
	color: #FFFFFF;
	font-family: Arial, Helvetica; 
	
	}
a:visited   
	{ 
	
	font-size: 12px;  
	color: #FFFFFF;
	font-family: Arial, Helvetica; 
	text-decoration: none;
	}
a:hover 
	{  
	
	font-size: 12px;  
	color: #CCCCCC;
	font-family: Arial, Helvetica; 
	
	}

/* ________________ Définition des boutons ________________ */

input,
select
	{
  border: #252525 1px solid;
	font-size: 12px;
	background-color: #FFFFFF;
	color: #4C4C4C;
	}
textarea
	{
  border: #252525 1px solid;
	font-size: 12px;
	background-color: #FFFFFF;
	color: #4C4C4C;
	}
/* ________________ Définition des arrières plans spécifiques ________________ */

label
	{
	color: #CCCCCC;
	}

.bgcolor
	{
	background-color: transparent;
	font-size: 12px;	
	}

.tabdash
	{
	border: #666 1px dashed;
	}

/* ________________ Définition des titres ________________ */

.titrub,
div#texte .titrub table,
div#texte .titrub td  
	{	
	font-weight: bold;	
	text-transform: uppercase;
	font-size: 12px;
	font-family: Arial, Helvetica;  	
	text-align: right;		
	background-color: transparent;
	color: #ffffff;
  z-index: 2;
	}

.titrarc 
	{
	font-weight: bold;	
	font-size: 15px;
	font-family: BellCent Add BT, Arial, Helvetica; 	
	text-align: left;		
	background-color: transparent;
	color: #CCCCCC;
  z-index: 2;	
	}

.titre 
	{
	font-weight: bold;	
	font-size: 12px;
	font-family: BellCent Add BT, Arial, Helvetica; 	
	text-align: left;		
	text-decoration:underline ;
	background-color: transparent;
	color: #000000;
  z-index: 2;
	}	
	
/* DESACTIVE
#titrubpdt 
	{		
	font-weight: bold;
	font-size: 12px;
	width: 509px;
	height: 37px;
	border: 0px solid #d0d0d0;
	color: #ccc;
	background-color: transparent;	
	text-align: left;	 	
	}

#fondpdt
	{

	background-color: transparent;
	text-align: left;	
	}
#fondmidpdt
	{
 
	background-color: transparent;
	text-align: justify;		
	}
*/
/* The following hack is to correct paragraph text size in IE/WIN */

/* \*/ * html body { font-size: 80%; } /* */

/* ________________ containers ________________ */


#container 
	{
	
	position: relative;
	width: 764px;
	height: 639px;	
	text-align: center;
	margin: 0  auto;
	background-color: #000000;
	z-index: 1;	 	  	   	   			
	}
#container table,
#container td
	{
	background-color: transparent;
	
	}
/* ________________ Partie Logo ________________ */

#logo
	{
	width: 37px;
	height: 701px;	
	z-index: 1;
	position: absolute;	
	}

/* ________________ Partie Bandeau du site ________________ */

#head
	{
	background-image: url('../img/menu/logo_header.jpg');
	/*background-position: left center;*/
	background-repeat: no-repeat;
	width: 728px;
	height: 87px;	
	background-color: #000000;
	text-align: center;
	margin-left: 18px;
	z-index: 1;	
	}

#head2
	{
	background-image: url('../img/menu/fournisseur.jpg');
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 569px;
	height: 75px;	
	background-color: #000000;
	text-align: center;
	margin-left: 177px;
	z-index: 1;	
	}

#head #account
	{
	position: relative;
	top: 36px;
	left: 524px;		
	width: 125px;	
	background-color: transparent;
	text-align: right;
	}

/* ________________ Partie Menu ________________ */

#menu
	{
	position: relative;
	width: 159px;
	height: 480px;
	text-align: left;
	font-weight: normal;
	font-size: 14px;
	color: #000000;		
	font-family: News Gothic Std, Arial, Helvetica;	
	background-color: #000000;
	padding-top:0px;
	}
#menu table,
#menu td
	{
	border-collapse: collapse;			
	}
#menu a
	{
	color: #FFFFFF;	
	font-size: 16px;
	text-decoration: none;		
	}
#menu a:hover
	{
	color: #CCCCCC;	
	font-size: 16px;
	text-decoration: none;		
	}	
#menu dt.swap
	{
	width: 100px;
	margin-top: 23px;
	text-align: left;
	padding-top: 4px;		
	padding-left: 38px;
	padding-right: 15px;			
	background-color: transparent;
	cursor: hand;			
	}
#menu dt, 
#menu dl, 
#menu dd 
	{
	list-style-type: none;
	margin: 0;
	}
/* Menus defilants */

#smenu1	{ display: none; z-index: 10; position: absolute; left: -170px; top: 27px; }
#smenu2	{ display: none; z-index: 10; position: absolute; left: -170px; top: 76px; }
#smenu3	{ display: none; z-index: 10; position: absolute; left: -170px; top: 125px; }
#smenu4	{ display: none; z-index: 10; position: absolute; left: -170px; top: 194px; }
#smenu5	{ display: none; z-index: 10; position: absolute; left: -170px; top: 263px; }
#smenu6	{ display: none; z-index: 10; position: absolute; left: -170px; top: 312px; }
#smenu7	{ display: none; z-index: 10; position: absolute; }
#smenu8	{ display: none; z-index: 10; position: absolute; }
#menu dd.sousmenu
	{
	width: 175px;
	background-color: transparent;
	background-image: url('../img/menu/bckgrd_transparent_menu.png');
	background-repeat: repeat; 
	background-position: left top;
	padding-top: 5px;
	padding-bottom: 5px;	
	padding-left: 5px;
	padding-right: 5px;		
	}
#menu dd a
	{		
	display: block;	
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;		
	font-family: Arial, Helvetica;			
	}
#menu dd a:hover
	{		
	display: block;	
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	font-family: Arial, Helvetica;		
	}
#smenu1 a, 
#smenu2 a, 
#smenu3 a, 
#smenu4 a, 
#smenu5 a, 
#smenu6 a, 
#smenu7 a, 
#smenu8 a 
	{	
	text-align: left;
	font-size: 12px;			
	}	
/* ________________ Partie Navigation ________________ */
/* DESACTIVE
#nav 
	{
	position: relative;
	width: 766px;		
	height: 81px;
	top: 53px;
	left: 34px;
	padding-left: 35px;
	padding-right: 32px;			
	background-color: transparent;			
	font-size: 12px;	
	font-family: Arial, Helvetica;
	color: #ffffff;				
	z-index: 5;	
	}
#nav a:link, 
#nav a:visited
	{
	font-size: 12px;	
	font-family: Arial, Helvetica;
	color: #ffffff;	
	text-decoration: underline;	
	}
#nav a:hover  
	{ 	
	font-size: 12px;	
	font-family: Arial, Helvetica;
	color: #ffffff;	
	text-decoration: none;				
	}
#nav #barre_nav
	{	
	text-align: left;
	}
*/
/* ________________ Partie Corps ________________ */

#zonecorps
	{
	width: 746px;
	height: 484px;
	background-image: url('../img/menu/fond-zonecorps.jpg');
	background-repeat: no-repeat; 
	background-position: right top;
	background-color: #000000;	
	z-index: 1;		
	}

div#texte .espacement,
div#imprimtexte .espacement
	{
	padding-top: 7px;
	padding-left: 22px;
	padding-right: 0px;	
	padding-bottom: 0px;		
	}
	
div#texte .contour
	{
	width: 470px;

	}
#spacelogo
	{
	
	}
/* ________________ Partie Gauche ________________ */

div#gauche
	{
	position: relative;	
	width: 172px;
	height: 484px;
	background-color: transparent;
	overflow: hidden;					
	text-align: left;	
	font-size: 12px;	
	z-index: 5;		
	}

div#gauche .espacement
	{
	padding: 0px;	
	}
/* ________________ Partie Texte ________________ */

div#texte
	{	
	position: relative;		
	width: 573px;
	/*height: 481px;*/
	background-color: transparent;			
	font-size: 12px;	
	overflow: auto;				  		
	text-align: justify;	
	z-index: 5;		
	}
	
div#texte .titrerub{
	border: 0; 
	width: 547px;
	}

div#centre
	{
	position: relative;	
	width: 573px;
	height: 238px;
	background-color: transparent;		
	font-size: 12px;
	overflow: hidden;					
	text-align: justify;	
	z-index: 5;		
	}
/*DESACTIVE
div#defil
	{
	width: 435px;	
	height: 168px;	
	
	}
*/
div#padding1
	{  			
	}
div#padding2
	{	
	}

#texte table,
#centre table,
#imprimtexte table,
.bgcolor table  
	{
	background-color: transparent;
	color: #FFFFFF;
	border-collapse: collapse;
	vertical-align: middle;
	font-size: 12px; 	
	}

#texte td, 
#centre td,
#imprimtexte td,
.bgcolor td
	{
	background-color: transparent;
	}
/* ________________ Partie Texte Imprimer ________________ */

#imprimtexte 
	{
	position: relative;
	margin: auto;			  
	width: 755px;
	font-size: 12px;
	background-color: #4C4C4C;	
	padding: 10px;	
	text-align: justify;
	color: #FFFFFF;
	z-index: 1;	
	}

/* ________________ Partie Texte Popup ________________ */

#popup 
	{
	position: relative;	
	overflow: auto;
	font-size: 12px;	
	background-color: #000000;		
	padding: 5px;
	text-align: justify;
	color: #FFFFFF;
	z-index: 1;	
	}

/* ________________ Partie Droite ________________ */

div#droite
	{
	position: relative;
	overflow: hidden; 
	display: none;	
	width: 230px;
	height: 171px;
	margin-left: 5px;
	padding-top: 129px;
	text-align: right;
	background-color: transparent;	
	font-size: 12px;
	z-index: 5;		
	}
div#droite .espacement
	{
	padding-top: 12px;
	}

/* ________________ Partie En-marge de droite ________________ */
/* DESACTIVE
#margedroite 
	{
	width: 47px;
	text-align: right;		
	z-index: 6;		
	}
#margedroite table,
#margedroite td
	{
	position: relative;
	top: 10px;
	width: 47px;
	left: 10px;	
	height: 407px;
	background-color: transparent;	
	text-align: right;		
	}
*/
/* ________________ Partie Pied de page ________________ */

#piedpage
	{
	width: 640px;
	height: 52px;
	text-align: left;
	margin: 0  auto;
	padding-top: 14px;
	font-family: Arial, Helvetica;	
	font-size: 12px;
	color: #696969;
	background-color: #000000;	
	z-index: 5;    		     		
	}

#piedpage a:link, 
#piedpage a:visited
	{
	color: #696969;
	font-size: 12px;
	font-family: Arial, Helvetica;			
	text-decoration: none;	
	}

#piedpage a:hover  
	{ 
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Helvetica;			
	
	}