* {padding: 0; margin: 0;font-family: verdana, arial;}

	a:link,a:active,a:visited {color: #FF8800;text-decoration: none;}
	a:hover {color: #FFFFFF;text-decoration: none;}

	html ,body {
		overflow-y: auto;
		overflow-x: none;
		overflow:auto;
		position: absolute;
		width: 100%;
		height: 100%;
		color:#FFFFFF;
		cursor: crosshair;
	}
	img {		-moz-user-select: -moz-none;		-khtml-user-select: none;		-webkit-user-select: none;		user-select: none;	}
	
/* Définition pour la page de contacts*/
	#contact
	{
		position: absolute;
		top: 10%;
		width: 90%;
		height: 90%;
		left: 10%;
		font-size: 14px;
		text-align: justify;
		text-indent:50px;
	}
	#contact .title
	{
		top:30px;
		left:60px;
		font-weight: bold;
		font-size: 17px;
		color:#F80;
		letter-spacing:3px;
	}
	#contact .basdepage
	{
		position: absolute;
		bottom: 20px;
		font-size: 10px;
		text-align: center;
		width: 880px;
		letter-spacing:3px;
	}
	#contact .coordonnees
	{
		position: absolute;
		top: 200px;
		left: 80px;
	}
	#contact .societe1
	{
		font-weight: bold;
		font-size: 2em;
		color: #FF8800;
	}
	#contact .societe2
	{
		font-size:0.9em;
		letter-spacing: 5px;
	}
	#contact .adresse{font-size:0.8em;}
	#contact .logo
	{
		z-index:10000;
		float:right;
		margin-right:50px;
		margin-top:200px;
	}
/* Définition pour les sous menus (barre orange)*/
	.nuanciers
	{
		display: block;
		position:absolute;
		height:auto;
		bottom:0;
		top:0;
		left:0;
		right:0;
		margin-top:80px;
		margin-bottom:20px;
		margin-right:5px;
		margin-left:5px;
	}
	.menubar
	{
		height:5%;
		width:100%;
		border-spacing:0px;
		border-width:0px;
		text-align: center;
		font-weight: light;
		font-size: 11px;
		letter-spacing:0.5px;
		color:#000000;
		background: #FF8800;
	}
	.menubar#iframe2
	{
		width:100%;
		height:94%;
	}
/* Définition pour la page des visites interactives*/
	.VisisteInteractive#ima
	{
		width:400px;
		height:250px;
		border: #FF8800 solid 0px;
	}
	.VisisteInteractive#global
	{
		position: absolute;
		top:20px;
		left:20px;
		border: #FF8800 solid 0px;
	}
	
/* Définition pour la page des liens vers les logiciels gratuits*/
	#Logs .section2
	{
		position: absolute;
		width: 100%; 
		height: 100%; 
		left: 50%; 
		top:0%; 
		color :white;font-size: 100%;font-family:Verdana,Arial;
	}
	#Logs .table2
	{
		position: absolute;
		margin-left: 5%;
		margin-right: 10%;
		top:150px;
		width: 800px;
		font-size: 14px;
		text-align: justify;
		color :white;font-size: 14px;font-family:Verdana,Arial;
	}
	#Logs .text
	{
		text-indent:50px;
		position: absolute;
		top: 80px;
		font-size: 14px;
		text-align: justify;
		width: 800px;
		left: 20px;
		color:#fff;
	}
/* Définitions pour les nuanciers*/
	#Nuancier.vignette
	{ 
		top:120px;
		float:left;
		background:#0AAAA0;
		height:105px;
		width:105px;
	}
	#Nuancier.label
	{ 
		position: relative;
		font-size:10px;
		letter-spacing:-1px;
		text-align : center;
		color:#ffffff;
		background:#000000;
		height:13px;
		width:97px;
		left:4px;
		top:89px;
	}
	#Nuancier.text 
	{
		position: absolute;
		text-indent:50px;
		top: 50px;
		font-size: 14px;
		text-align: justify;
		width: 800px;
		left: 20px;
		color:#fff;
	}
	#Nuancier.title
	{
		position: absolute;
		top:-35px;
		left:-50px;
		font-weight: bold;
		font-size: 17px;
		color:#F80;
		letter-spacing:3px;
	}
/* Définitions pour les vignettes de la banque*/
	#VignetteImage h1{		white-space: nowrap;		color:#777;		font-family: arial;		font-weight: bold;		font-size: 14px;	}
	#VignetteImage h2{		white-space: nowrap;		color:#777;		font-family: arial;		font-style: italic;		font-size: 10px;	}
	#VignetteImage h3{		white-space: nowrap;		color:#777;		font-family: arial;		font-style: italic;		font-size: 12px;	}

	#VignetteImage.ndiv{	float:left;	}
	#VignetteImage.global
	{
		position: absolute;
		visibility:hidden;
		top:15px;
		left: 8px;
		font-size: 14px;
		text-align: justify;
		color:#fff;
	}