/*Fond de page : Verdana, 10px, gris par défaut*/
	
body {
	text-align: center;
	margin: 0px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}
a:link {
	text-decoration: none;
	color:#666666;
}
a:visited {
	text-decoration: none;
	color:#666666;
}
a:hover {
	text-decoration: none;
	color:#000000;
}
a:active {
	text-decoration: none;
}


/*Bloc de centrage vertical et horizontal : Ne fonctionne pas sous IE Mac - 750px de large*/
#centrage {
	position: absolute;
	text-align: left;
	left: 50%;
	top: 50%;
	width: 750px;
	margin-top: -200px;
	margin-left: -375px;
}

/*Bloc menu gauche, largeur 163px - pas de bordure - haut 300 px*/
#menu {
	position: absolute;
		}
	
	#liens {
	width: 163px;
	}

		/*Sous bloc liens : liens encadrés (8px cadres liens, 48 px lettres, 40px padding soit 76px haut en incluant bordure liens)*/
		#liens a {
			display: block;
			line-height: 11px;
			border: 1px solid rgb(204, 204, 204);
			left: 0px;
			margin-bottom: 8px;
			padding-left: 15px;
		}
		
		/*INDEX : sous bloc liens, comportement pages Exito Triangle Rouge par défaut id=indexnav */
		#liens a#indexnav, a:active#indexnav {
			background-image: url(../images/trrouge7x7.gif);
			background-repeat: no-repeat;
			color: #CC0000;
			background-position: 15px;
			padding-left: 30px;
		}
		
		#liens a:hover#indexnavhover, #pagein a:hover#indexnavhover {
			background-image: url(../images/trrouge7x7.gif);
			background-repeat: no-repeat;
			background-position: 15px;
			padding-left: 30px;
		}
		
		#pagein a#indexnav2, a:active#indexnav2 {
			background-image: url(../images/trrouge7x7.gif);
			background-repeat: no-repeat;
			background-position: 15px;
			padding-left: 30px;
		}
		
		/*SITES : liens, comportement pages Sites Orange-Jaune id=sitesnav*/
		#liens a#sitesnav {
			background-image: url(../images/trjaune.gif);
			background-repeat: no-repeat;
			color: #CC6600;
			background-position: 15px;
			padding-left: 30px;
		}
		
		#liens a:hover#sitesnavhover {
			background-image: url(../images/trjaune.gif);
			background-repeat: no-repeat;
			background-position: 15px;
			padding-left: 30px;
		}
		
		.sitesnav2 {
			background-image: url(../images/trrouge7x7.gif);
			background-repeat: no-repeat;
			background-position: 15px;
			padding-left: 30px;
		}
		
		/*MULTIMEDIA Page active : liens, comportement pages Graphisme Bleu id=graphnav (rollover bleu)*/
		#liens a#multinav {
			background-image: url(../images/trbleu7x7.gif);
			background-repeat: no-repeat;
			background-position: 15px;
			color: #336666;
			padding-left: 30px;
		}
	
		#liens a:hover#multinavhover {
			background-image: url(../images/trbleu7x7.gif);
			background-repeat: no-repeat;
			background-position: 15px;
			padding-left: 30px;
		}
		
		.multinav {
	background-image: url(../images/trbleu7x7.gif);
	background-repeat: no-repeat;
	background-position: 15px;
	padding-left: 30px;
	font-size: 10px;
		}
		
		.multinav2 {
	background-image: url(../images/trbleu7x7.gif);
	background-repeat: no-repeat;
	background-position: 15px;
	padding-left: 30px;
	font-size: 12px;
		}
		
		/*GRAPHISME Page active : liens, comportement pages Graphisme Bleu-vert id=graphnav*/
		#liens a#graphnav {
			background-image: url(../images/trbleu.gif);
			background-repeat: no-repeat;
			background-position: 15px;
			color: #0088ce;
			padding-left: 30px;
		}
			
		/*GRAPHISME RollOver: liens, comportement pages Graphisme Bleu-vert id=graphnav (rollover bleu)*/
		#liens a:hover#graphnavhover, #pagein a:hover#graphnavhover {
			background-image: url(../images/trbleu.gif);
			background-repeat: no-repeat;
			background-position: 15px;
			padding-left: 30px;
		}
		
		.graphnav {
			background-image: url(../images/trbleu.gif);
			background-repeat: no-repeat;
			background-position: 15px;
			padding-left: 30px;
		}
	
		/*LOGO EXITO : image = 162px plus marge 12px = 174px*/	
		#img {
		position: absolute;
			top: 88px;
			border: 1px solid rgb(204, 204, 204);
		}
		/*SIGNATURE EXITO : image 25px, plus marge haute 6 px = 31 px*/	
		#sign {
		position: absolute;
			top: 258px;			
			border: 1px solid rgb(204, 204, 204);
		}

/*PAGES DYNAMIQUES CENTRALES: Bordure 1px, 580 px large*/		
#page {
	border: 1px solid rgb(204, 204, 204);
	width: 580px;
	height: 250px;
	top: 0px;
	position: absolute;
	margin-left: 168px;
	color: #666666;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	overflow: hidden;
}

	/*Illustrations pages index*/	
	#illust {
		position: absolute;
		top: 0px;
		border: 0px;
		margin: 0px;
		left: 0px;	
	}
	/*Illustrations pages publi1*/	
	#illust2 {
		position: absolute;
		top: 0px;
		border: 0px;
		margin-left: 50px;
		left: 0px;	
	}
	
	/*Illustrations pages publi*/	
	#illust2b {
		position: absolute;
		top: 15px;
		border: 0px;
		margin-left: 20px;
		left: 0px;	
	}
	
	/*Illustrations pages logo*/	
	#illust3 {
	margin-top: 25px;
	text-align: center;
	display: block;
	}
	
	
	/*textes pages index*/
	#pagein {
		position: absolute;
		overflow: auto;
		top: 0px;
		height: 200px;
		left: 250px;
		margin-top: 60px;
	}
	
		.rouge {
			font-weight: bold;
			font-family: Arial, Helvetica, sans-serif;
			color: #CC0000;
		}
		
		.orange {
			font-weight: bold;
			font-family: Arial, Helvetica, sans-serif;
			color: #CC6600;
		}
	
		.grisclair {
			color: #999999;
			text-align: right;
		}
		
		.grisfonce {
			color: #666666;
		}
		
		.bleuvert {
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
			color: #336666;
		}
		
		.bleu {
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
			color: #0088ce;
		}
		
		.texte {
		margin-left: 50px;
		color: #CC6600;
		font-size: 12px;
		}
		
		/*textes pages logo*/
	#pagelogo {
	position: absolute;
	top: 235px;
	width: 570px;
	}
			
		#nav3 {
	text-align: center;
	display: block;
	}
	
		/*textes pages publi*/
	
	#pagepubli {
	position: absolute;
	top: 230px;
	width: 570px;
	}
	
	.grisclair1 {
			color: #999999;
			margin-top: 60px;
			margin-right: 10px;
			font-size: 12px;
			text-align: right;
			display: block;
		}
		
	.grisclair2 {
			color: #999999;
			margin-top: -10px;
			margin-right: 10px;
			font-size: 12px;
			text-align: right;
			display: block;
	}
		
	.grisfonce1 {
			color: #666666;
			margin-top: -10px;
			margin-right: 10px;
			font-size: 12px;
			text-align: right;
			display: block;
		}
		
	#nav1 {
	text-align: right;
	display: block;
	}

/*PIED DE PAGE*/	
#pied {
	top: 258px;
	line-height: 25px;
	position: absolute;
	text-align: center;
	width: 580px;
	margin-left: 168px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

	#menupied {
		width: 580px;
		line-height: 12px;
		border-left: 1px solid rgb(204, 204, 204);
		border-right: 1px solid rgb(204, 204, 204);
		border-top: 1px solid rgb(204, 204, 204);
	}

		#bas {
			float: left;
			width: 143px;
			border-right: 1px solid rgb(204, 204, 204);
			Border-bottom: 1px solid rgb(204, 204, 204);
		}
		
		#bas2 {
			float: left;
			width: 143px;
			border-right: 1px solid rgb(204, 204, 204);
			Border-bottom: 1px solid rgb(204, 204, 204);
		}
		
		#bas3 {
			float: left;
			width: 143px;
			border-right: 1px solid rgb(204, 204, 204);
			Border-bottom: 1px solid rgb(204, 204, 204);
		}
		
		#sites {
			color: #CC6600;
			float: left;
			width: 143px;
			border-right: 1px solid rgb(204, 204, 204);
			border-bottom: 1px solid rgb(204, 204, 204);
		}
		
		#multi {
			color: #336666;
			float: left;
			width: 143px;
			border-right: 1px solid rgb(204, 204, 204);
			border-bottom: 1px solid rgb(204, 204, 204);
		}
		
		#graph {
			color: #0088ce;
			float: left;
			width: 143px;
			border-right: 1px solid rgb(204, 204, 204);
			border-bottom: 1px solid rgb(204, 204, 204);
		}

		#contactexito{
			color: #CC0000;
			float: left;
			width: 148px;
			border-bottom: 1px solid rgb(204, 204, 204);
		}
	
		#contactsites {
			color: #CC6600;
			float: left;
			width: 148px;
			border-bottom: 1px solid rgb(204, 204, 204);
		}

		#contactmulti {
			color: #336666;
			float: left;
			width: 148px;
			border-bottom: 1px solid rgb(204, 204, 204);
		}
	
		#contactgraph {
			color: #0088ce;
			float: left;
			width: 148px;
			border-bottom: 1px solid rgb(204, 204, 204);
		}
		
		#contactgris {
			float: left;
			width: 148px;
			border-bottom: 1px solid rgb(204, 204, 204);
		}
	

	#sspied {
		width: 580px;
		line-height: 12px;
		border-left: 1px solid rgb(204, 204, 204);
		border-bottom: 1px solid rgb(204, 204, 204);
		border-right: 1px solid rgb(204, 204, 204);
		border-right: 1px solid rgb(204, 204, 204);
	}
	#valid {
	margin-top: 300px;
	text-align: center;
	}