/* liens de la barre de sous rubriques des pages intérieures  */
a.int       {font-family:helvetica,arial,verdana;font-size:12px;color:white;font-weight:bold;text-decoration: none; outline:0;}
a.int:link       {font-family:helvetica,arial,verdana;font-size:12px;color:white;font-weight:bold;text-decoration: none;outline:0;}
a.int:hover     {font-family:helvetica,arial,verdana;font-size:+2;color:black;font-weight:bold;text-decoration: none;outline:0;}
.rub-on     {font-family:helvetica,arial,verdana;font-size:+2;color:black;font-weight:bold;}

a.intproc       {font-family:helvetica,arial,verdana;font-size:13px;color:white;font-weight:bold;text-decoration: none; outline:0;}
a.intproc:link       {font-family:helvetica,arial,verdana;font-size:13px;color:white;font-weight:bold;text-decoration: none;outline:0;}
a.intproc:hover     {font-family:helvetica,arial,verdana;font-size:13px;color:#7EAACD;font-weight:bold;text-decoration: none;outline:0;}
.rubproc-on     {font-family:helvetica,arial,verdana;font-size:13px;color:#7EAACD;font-weight:bold;}

a.intprod       {font-family:helvetica,arial,verdana;font-size:13px;color:white;font-weight:bold;text-decoration: none; outline:0;}
a.intprod:link       {font-family:helvetica,arial,verdana;font-size:13px;color:white;font-weight:bold;text-decoration: none;outline:0;}
a.intprod:hover     {font-family:helvetica,arial,verdana;font-size:13px;color:#E1B124;font-weight:bold;text-decoration: none;outline:0;}
.rubprod-on     {font-family:helvetica,arial,verdana;font-size:13px;color:#E1B124;font-weight:bold;}

a.intcont       {font-family:helvetica,arial,verdana;font-size:13px;color:white;font-weight:bold;text-decoration: none; outline:0;}
a.intcont:link       {font-family:helvetica,arial,verdana;font-size:13px;color:white;font-weight:bold;text-decoration: none;outline:0;}
a.intcont:hover     {font-family:helvetica,arial,verdana;font-size:13px;color:#FDFB69;font-weight:bold;text-decoration: none;outline:0;}

/* liens pour les fichiers PDF  */
a.pdf       {font-family:verdana;font-size:11px;color:#7D7D7D;font-weight:bold;text-decoration: none; outline:0;}
a.pdf:link       {font-family:verdana;font-size:11px;color:#7D7D7D;font-weight:bold;text-decoration: none; outline:0;}
a.pdf:hover     {font-family:verdana;font-size:11px;color:#7D7D7D;font-weight:bold;text-decoration: none; outline:0;}

/*linked images*/
a img{border:hidden;	border-style:none;outline:0;}
a img:before { content:""; outline:0;}
a img:after  { content:""; outline:0;}

body {
	font-family:helvetica,arial,verdana;
	font-size:12px;
	color:black;	
	background-color: black;  /*#C0BEBE*/
	background-position:center;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

html{
	scrollbar-track-color: white; /* Fond */ 
	scrollbar-highlight-color: white; /* Ombre claire */ 
	scrollbar-shadow-color: white; /* Ombre Foncee */ 
	scrollbar-arrow-color: black; /* Fleches */ 
	scrollbar-3dlight-color: white; /* Bordure3D claire */ 
	scrollbar-darkshadow-color: white; /* Bordure3D foncee */ 
	scrollbar-face-color: white;
}

.fond{
	top: 0px;
	left: 0px;
	text-align:left; /* centrage IE */
	margin : auto;		/* centrage firefox */	
	margin-top:-20px;
	width: 980px;
	height: 735px;
	z-index: 1;
}

/* ---------------------------------------------------------------------------------ACCUEIL---------------------------------------------------------------------------------------------------*/
.fond-accueil{
	position:relative;
	top:0px;
	left:0px;
	width: 980px;
	height: 735px;
	background: url(img-metal/accueil/fond.jpg) no-repeat;
	z-index: 1;
}
.entree-accueil{	width:381px;	height:153px;		float:left;}

.btn-env{	width:127px;	height:153px;		float:left;}
.btn-proc{	width:123px;	height:153px;		float:left;}
.btn-prod{	width:124px;	height:153px;		float:left;}
.btn-coll{	width:123px;	height:153px;		float:left;}
.btn-vcom{	width:101px;	height:153px; 		float:left;}


/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------CONSTRUCTION PAGES INTERIEURES-----------------------------------------------------------------------------------*/

.fond-plancher{
	top:0px;
	left:0px;
	width: 980px;
	height: 735px;
	background: url(img-metal/commun/fond-int.jpg) no-repeat;
	z-index: 1;
}

.fond-plancher-int{
	width: 980px;
	height: 600px;
}

.haut-imprimerie{	height: 76px;	width: 980px; background: url(img-metal/communs/plancher-fond.jpg) no-repeat; z-index:1;}
.milieu-imprimerie{	 height: 547px;	width: 980px;z-index:1;margin-top:-10px;}

.cadre-gauche{	height: 547px;	width: 307px; float: left;}
.encart-haut{	height: 276px;	width: 307px;}
.encart-bas{	height: 271px;	width: 307px; }
.txt-encart{font-size:14px;color:white;font-family:helvetica,arial,verdana;text-align:left;margin-left:31px;line-height:22px;}

.txt-ss-rub{font-size:12px;font-weight:bold;font-family:helvetica,arial,verdana;text-align:left;line-height:20px;}
.titre-ss-rub{font-size:15px;font-weight:bold;font-family:helvetica,arial,verdana;text-align:left;}

.cadre-droite{ float:left;margin-top:-547px;height: 547px;margin-left:306px;width: 674px; background: url(img-metal/communs/plancher-fond_09.jpg) no-repeat;}
.photo-centre{ z-index:2;margin-left:0px;}

.bas-imprimerie{	height: 112px;	width:980px; z-index:1; text-align:left; }


/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


.txt-blc-grtit     {font-family:helvetica,arial,verdana;font-size:18px;color:white;font-weight:bold;}
.txt-blc-tit     {font-family:helvetica,arial,verdana;font-size:13px;color:white;font-weight:bold;}
.txt-blc     {font-family:helvetica,arial,verdana;font-size:11px;color:white;}
.txt-blc12     {font-family:helvetica,arial,verdana;font-size:12px;color:white;}
.txt-blc14     {font-family:helvetica,arial,verdana;font-size:13px;color:white;}
.txt-blc18     {font-family:helvetica,arial,verdana;font-size:18px;color:white;}
.txt-blc20     {font-family:helvetica,arial,verdana;font-size:20px;color:white;}


.trait-gris{
	background-color:#CDCDCD;
	height: 1px;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 10px;
}

/*------------------------------------------------------------------------ VCOM ---------------------------------------------------------------------------------*/

.fond-vcom-int{
	width: 980px;
	height: 735px;
	background: url(img-metal/vcom/fond-vcom.jpg) no-repeat;
	z-index: 1;
	text-align:left;
}
.txt-vcom{
	z-index:2;margin-top:0px;margin-left:250px;width:300px;text-align:left;
	color:#A3A9AD;font-family:helvetica,arial,verdana;font-size:18px;
	z-index:2;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



/*   --------------------------------------------------------------ROLL OVER  HAUT PLANCHER ----------------------------------------------------------*/

.cadre-vign{margin-left:372px; width:609px; height:76px;}

.vign-entreprise{  width: 77px; height: 76px; float:left;
            background: transparent url(img-metal/communs/roll-on_02.jpg)  no-repeat; outline:0;}
.vign-entreprise a {  display: block; width: 100%; height: 100%;
              background: transparent url(img-metal/communs/roll-off_02.jpg)  no-repeat; outline:0;}
.vign-entreprise a:hover { background: transparent none; outline:0;}
.vign-entreprise a:active { background: transparent none; outline:0;}


.vign-environnement{  width: 101px; height: 76px; float:left;
            background: transparent url(img-metal/communs/roll-on_03.jpg)  no-repeat; outline:0;}
.vign-environnement a { display: block; width: 100%; height: 100%;
              background: transparent url(img-metal/communs/roll-off_03.jpg)  no-repeat; outline:0;}
.vign-environnement a:hover { background: transparent none; outline:0;}
.vign-environnement a:active { background: transparent none; outline:0;}


.vign-process{  width: 91px; height: 76px; float:left;
            background: transparent url(img-metal/communs/roll-on_04.jpg)  no-repeat; outline:0;}
.vign-process a { display: block; width: 100%; height: 100%;
              background: transparent url(img-metal/communs/roll-off_04.jpg) no-repeat; outline:0;}
.vign-process a:hover { background: transparent none; outline:0;}
.vign-process a:active { background: transparent none; outline:0;}


.vign-produit{   width: 80px; height: 76px;  float:left;
            background: transparent url(img-metal/communs/roll-on_05.jpg)  no-repeat; outline:0;}
.vign-produit a { display: block; width: 100%; height: 100%;
              background: transparent url(img-metal/communs/roll-off_05.jpg) no-repeat; outline:0;}
.vign-produit a:hover { background: transparent none; outline:0;}
.vign-produit a:active { background: transparent none; outline:0;}

.vign-collection{  width: 100px; height: 76px;  float:left;
            background: transparent url(img-metal/communs/roll-on_06.jpg)  no-repeat; outline:0;}
.vign-collection a { display: block; width: 100%; height: 100%;
              background:  transparent url(img-metal/communs/roll-off_06.jpg)  no-repeat; outline:0;}
.vign-collection a:hover { background: transparent none; outline:0;}
.vign-collection a:active { background: transparent none; outline:0;}

.vign-contact{ width: 145px; height: 76px;  float:left;
            background: transparent url(img-metal/communs/roll-on_07.jpg)  no-repeat; outline:0;}
.vign-contact a { display: block; width: 100%; height: 100%;
              background:  transparent url(img-metal/communs/roll-off_07.jpg)   no-repeat; outline:0;}
.vign-contact a:hover { background: transparent none; outline:0;}
.vign-contact a:active { background: transparent none; outline:0;}