/* feuille de style CSS du site JVB Vison */
/*
// +----------------------------------------------------------------------+
// | File:  style.css                                                  |
// +----------------------------------------------------------------------+
// +----------------------------------------------------------------------+
// | Author: BORGNIET Sébastien                                                 |
// |         borgniet_sebastien@hotmail.com                                          |
// +----------------------------------------------------------------------+
*/	

/* style du corp du site */

	body {

			position: relative;
			left: 0pt;

			padding-top: 0em;
			padding-right: 0.1em;
			padding-bottom: 0em;
			padding-left: 0em;

			

			margin-top: auto;
			margin-right: auto;
			margin-bottom: auto;
			margin-left: auto;
			
			background-color: transparent;
			width: 920px;
			text-align: left;
	}

/* style du header du site */

	#logo{
			position: relative;
			left:-10px;
			top: 0px;
	}

	a.drap1{
			position: relative;
			left: 790px;
			top: -60px;
			border: 0px;
	}
	a.drap2{
			position: relative;
			left:800px;
			top: -60px; 
			border: 0px;
	}

	a.onglet{
			text-decoration: none;
			position: relative;
			text-align: center;
			top: 7px;
			font-family: arial, verdana, sans-serif;
			color: white;

	}

	a.onglet:hover{
			position: relative;
			text-align: center;
			top: 7px;
			vertical-align: bottom;
			color: orange;

	}

	div.head{
		
			height: 140px;
		/* background-image: url("image/fondh.jpg");*/
	} 
	div.o1 {
			position: relative;
			left:170px;
			top: -55px;
			width: 146px;
			height: 35px;
			background-color: transparent;
			background-image: url("image/onglet-accueil.jpg");
			
	}
	div.o2{
			position: relative;
			left:320px;
			top: -106px;
			width: 146px;
			height: 35px;
			background-color: transparent;
			background-image: url("image/onglet-produit.jpg");
	}
	div.o3{
			position: relative;
			left: 470px;
			top:-157px;
			width: 146px;
			height: 35px;
			background-color: transparent;
			background-image: url("image/onglet-services.jpg");
	}
	div.o4{
			position: relative;
			left: 620px;
			top: -208px;
			width: 146px;
			height: 35px;
			background-color: transparent;
			background-image: url("image/onglet-part.jpg");
	}


/* style page accueil*/

	/* style menu */

		#b1{
			position: relative;
			left:0px;
			top: -35px;
		}
		

		a.lien-menu{
			text-decoration: none;
			position: relative;
			text-align: center;
			font-family: arial, verdana, sans-serif;
			color: black;
		}
		a.lien-menu:hover{
			position: relative;
			text-align: center;
			vertical-align: bottom;
			color: orange;
		}
		
		a.sous-lien-menu{
			text-decoration: none;
			position: relative;
			text-align: center;
			font-family: arial, verdana, sans-serif;
			color: black;
		}
		a.sous-lien-menu:hover{
			position: relative;
			text-align: center;
			vertical-align: bottom;
			color: orange;
		}
		.list
		{
			position:relative;
			top: 15px;
			left: -10px;
		}
		.sous-list{
			list-style: none; 
			width: 130px;
			position:relative;
			top: 0px;
			left: -47px;
		}

		div.menu{
			position: relative;
			top: -54px;
			left: -5px;
			width: 170px;
			height: 360px;
			background-color: transparent;
			background-image: url("image/fond-menu.jpg")
		}


	/* style centre site */

		p.texte{
			position: relative; 
			left:25px;
			top: 20px;
			width: 650px;
			font-family:  verdana, arial, sans-serif;
			height: 440px;
			text-align: justify;
		}
		.texte-liste{
			position:relative; 
			left:0px;
			top: 0px;
			width: 650px;
			font-family:  verdana, arial, sans-serif;
			height: 440px;
			text-align: justify;
		
		}
		
		.barre{
		position: relative;
		top:7px;
		width: 725px;
		height: 560px;
		overflow: auto;
		
		}
		.centre{
		
			position: relative;
			width: 920px;
			height: 150px;
		}
		.cadre-texte{
			
			position: relative;
			top: -415px;
			left: 200px;
			width: 700px;
			height: 600px;
			background-color: transparent;
			background-image: url("image/fond-txt.jpg");
			
		}
		a.adr-web{
			position:relative;
			top: -230px;
			left: 250px;
		}
/* 	SERVICE */

	/* premiere page*/
	.img-central{
			position: relative;
			top:0px;
			left: 35px;
		}
	
	
	/* 	Alimentaire */
		.img-ser{
		position:relative;
		top: 00px;
		left: 25px;
		}
		
	/* 	Hyperspectrale */
	
		.hyp{
			position: relative;
			top:260px;
			left: 25px;
		}
		.hyp2{
		position: relative;
		width:650px;
		top:260px;
		left: 20px;
		
		} 
		
	/*	Scanneur 3D */	
		.img-scanner3d{
				position: relative;
				top:0px;
				left: 35px;
			}
		
	/*video*/
	.video{
		position:relative;
		left:100px;
		top:-10px;
	}
/* 	produit*/

	.cam1d{
		position: relative;
		left:250px;
		top: -200px;
	}
	.texte-cam1d{
		position: relative;
		top: -200px;
	}


/* style du pied de page */

	#b2{
			position: relative;
			left:0px;
			top: 188px;
		}
		
	.adresse{
			position: relative;
			width: 150px;
			height: 190px;
			left: 5px;
			top: 15px;
			color: white;
			font-family: arial, verdana, sans-serif;
			font-weight: bold;
			font-size: 12px;
		
	}
	.box-info{
			position: relative;
			width: 50px;
			height: 15px;
			left: 5px;
			top: 15px;
	}
	a.info{
			text-decoration: none;
			position: relative;
			width: 50px;
			color: white;
			font-family: arial, verdana, sans-serif;
			font-weight: bold;
			font-size: 14px;
	}
	a.info:hover{
			position: relative;
			color: orange;
}
/* style page partenaire */

#poigne{
	position: relative;
	width: 120px;
	height: 200px;
	left: 20px;
	top:  40px;
	background-color: transparent;
	background-image: url("image/partner/gif4.jpg")
}

.lien-partner{
	position: relative;
	width: 700px;
	height: 300px;
}
.vab{
	position: relative;
	width: 180px;
	height: 90px; 
	left: 50px;
	top:  190px;
	background-color: transparent;
	background-image: url("image/partner/vab.jpg");
}

.lizotte{
	position: relative;
	width: 180px;
	height: 90px; 
	left:50px;
	top:  270px;
	background-color: transparent;
	background-image: url("image/partner/lizotte.jpg");
	}
	
.auto{
	position: relative;
	width: 320px;
	height: 60px; 
	left: 320px;
	top: 170px;
	background-color: transparent;
	background-image: url("image/partner/auto.jpg");
	}
	
.vector{
	position: relative;
	width: 400px;
	height: 60px; 
	left: 250px;
	top: -80px;
	background-color: transparent;
	background-image: url("image/partner/vector.jpg");
	}
	
.lord{
	position: relative;
	width: 210px;
	height: 92px; 
	left: 400px;
	top: -340px;
	background-color: transparent;
	background-image: url("image/partner/lord.jpg");
	}
	
.myutron{
	position: relative;
	width: 229px;
	height: 61px; 
	left: 50px;
	top: -440px;
	background-color: transparent;
	background-image: url("image/partner/myutron.jpg");
	}
/* style pour page produit */

.doc-tech{
	position: relative;
	width: 500px;
	left: 120px;
	font-family: arial, verdana, sans-serif;

}

a.data{
			text-align: left;
			color: blue;
}

a.data:hover{
			text-align: left;
			color: orange;
}
	/*PDF*/
	.pdf{
		position:relative;
		top:15px;
		left: 05px;
	}