/*1--Généralités-----------------------------------------------*/
	a{
		text-decoration:none;
	}
	
	body {
		background:#ffffff;
		background-image:url(../img/fond-internet3.png);
		background-repeat:repeat-x;
		color:#333;
		background-color:#A5DDF8;
		
	}
	
	#content {
		float:left;
		position:relative;
		top:10px;
		left:20px;
		width:732px;
		font-family:Geneva, Arial, Helvetica, sans-serif;
	}

	#footer {
		border-color:#7F807B;
		background:#666666;
		color:#fff;
		font-size:8pt;
		text-align:center;
		clear:both;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
		#content1 {
		position:relative;
		width:732px;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-style:normal;
	}

	/*titre surligné*/
	#titre{
		position:relative;
		left:-200px;
		top:0px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:20px;
		font-weight:bold;
		color:#003366;
		text-transform:uppercase;
	}
	
	
	#container {
		top:-20px;
		position:relative;
		margin-left: auto;
		margin-right: auto;
		width:960px;
		height:auto;
		background-color:#FFFFFF;
		font-size:14px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
	#content2{
		float:left;
		position:relative;
		top:40px;
		left:20px;
		width:732px;
		height:700px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
	.titrebleu{
	font-size: 18px;
	color: #003366;
	text-align:left;
	}
	
	.titrebleu_cadre{
	font-size: 22px;
	color:#004080;
	text-align:center;
	}
	
	
/*2--SURVOL DU LOGO DE RETOUR SUR LA PAGE D ACCUEIL retour contient un div survol, agrandisseur pour elargir survol, et contient un div soustitre*/
	#retour{
		position:relative;
		left:-367px;
		width:114px;
		height:140px;
		top:6px;
	}
	
	
	
/*DIV CONTENU DANS LE CADRE RETOUR EN POSITION HAUTE*/
	#survol a {
		text-decoration: none;
		width:100%;
	}
	/* correction d'un bug IE */
	#survol a:hover {
		background: none; 
	}
	/*SIGNIFIE QUE LA BALISE SPAN NEST PAS AFFICHE*/
	#survol a span {
		display: none;
	}
	/* SPAN QUI APPARAIT AU SURVOL*/
	#survol a:hover span {
		display: inline;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: url(../img/logo-presentation.jpg);
		background-repeat:no-repeat;
		text-align: center;
		color: white;
		cursor:hand;
	}
	
	#survol2 a {
		text-decoration: none;
		width:100%;
	}
	/* correction d'un bug IE */
	#survol2 a:hover {
		background: none; 
	}
	/*SIGNIFIE QUE LA BALISE SPAN NEST PAS AFFICHE*/
	#survol2 a span {
		display: none;
	}
	/* SPAN QUI APPARAIT AU SURVOL*/
	#survol2 a:hover span {
		display: inline;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: url(../img/logo-client.jpg);
		background-repeat:no-repeat;
		text-align: center;
		color: white;
		cursor:hand;
	}

	#survol3 a {
		text-decoration: none;
		width:100%;
	}
	/* correction d'un bug IE */
	#survol3 a:hover {
		background: none; 
	}
	/*SIGNIFIE QUE LA BALISE SPAN NEST PAS AFFICHE*/
	#survol3 a span {
		display: none;
	}
	/* SPAN QUI APPARAIT AU SURVOL*/
	#survol3 a:hover span {
		display: inline;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: url(../img/logo-ariane.jpg);
		background-repeat:no-repeat;
		text-align: center;
		color: white;
		cursor:hand;
	}	
	
	#survol4 a {
		text-decoration: none;
		width:100%;
	}
	/* correction d'un bug IE */
	#survol4 a:hover {
		background: none; 
	}
	/*SIGNIFIE QUE LA BALISE SPAN NEST PAS AFFICHE*/
	#survol4 a span {
		display: none;
	}
	/* SPAN QUI APPARAIT AU SURVOL*/
	#survol4 a:hover span {
		display: inline;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: url(../img/logo-actualite.jpg);
		background-repeat:no-repeat;
		text-align: center;
		color: white;
		cursor:hand;
	}
	
	#survol5 a {
		text-decoration: none;
		width:100%;
	}
	/* correction d'un bug IE */
	#survol5 a:hover {
		background: none; 
	}
	/*SIGNIFIE QUE LA BALISE SPAN NEST PAS AFFICHE*/
	#survol5 a span {
		display: none;
	}
	/* SPAN QUI APPARAIT AU SURVOL*/
	#survol5 a:hover span {
		display: inline;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: url(../img/logo-consulting.jpg);
		background-repeat:no-repeat;
		text-align: center;
		color: white;
		cursor:hand;
	}	

	#survol6 a {
		text-decoration: none;
		width:100%;
	}
	/* correction d'un bug IE */
	#survol6 a:hover {
		background: none; 
	}
	/*SIGNIFIE QUE LA BALISE SPAN NEST PAS AFFICHE*/
	#survol6 a span {
		display: none;
	}
	/* SPAN QUI APPARAIT AU SURVOL*/
	#survol6 a:hover span {
		display: inline;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 105%;
		background: url(../img/logo-contact.jpg);
		background-repeat:no-repeat;
		text-align: center;
		color: white;
		cursor:hand;
	}	
	
	#survol7 a {
		text-decoration: none;
		width:100%;
	}
	/* correction d'un bug IE */
	#survol7 a:hover {
		background: none; 
	}
	/*SIGNIFIE QUE LA BALISE SPAN NEST PAS AFFICHE*/
	#survol7 a span {
		display: none;
	}
	/* SPAN QUI APPARAIT AU SURVOL*/
	#survol7 a:hover span {
		display: inline;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 105%;
		background: url(../img/logo-formation.jpg);
		background-repeat:no-repeat;
		text-align: center;
		color: white;
		cursor:hand;
	}	

	#survol8 a {
		text-decoration: none;
		width:100%;
	}
	/* correction d'un bug IE */
	#survol8 a:hover {
		background: none; 
	}
	/*SIGNIFIE QUE LA BALISE SPAN NEST PAS AFFICHE*/
	#survol8 a span {
		display: none;
	}
	/* SPAN QUI APPARAIT AU SURVOL*/
	#survol8 a:hover span {
		display: inline;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 105%;
		background: url(../img/logo-analyse.jpg);
		background-repeat:no-repeat;
		text-align: center;
		color: white;
		cursor:hand;
	}	
	
	
	#survol9 a {
		text-decoration: none;
		width:100%;
	}
	/* correction d'un bug IE */
	#survol9 a:hover {
		background: none; 
	}
	/*SIGNIFIE QUE LA BALISE SPAN NEST PAS AFFICHE*/
	#survol9 a span {
		display: none;
	}
	/* SPAN QUI APPARAIT AU SURVOL*/
	#survol9 a:hover span {
		display: inline;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 105%;
		background: url(../img/logo-implentation.gif);
		background-repeat:no-repeat;
		text-align: center;
		color: white;
		cursor:hand;
	}	
	
	
	/*DIV QUI ELARGIT LE DIV kk pour le survol*/
	#agrandisseur{
		height:110px;
		width:110px;
	}
	#soutitre{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		text-align:left;
		color:black;
		margin-left:23px;
	}
	
	
	
	
	
		
/*3-----------------------------------------DRAPEAUX sur le coté*/
	#drapeaufractif{
		position:relative;
		left:490px;
		top:-90px;
		/*top:90px;*/
		width:22px;
		height:25px;
		background:url(../img/fr_actif2.gif);
	}
	
	#drapeauengactif{
		position:relative;
		left:490px;
		top:-90px;
		/*top:90px;*/
		width:22px;
		height:25px;
		background:url(../img/eng_actif2.gif);
	}
	
	#drapeaufrgris{
		position:relative;
		left:490px;
		top:-90px;
		/*top:90px;*/
		width:22px;
		height:25px;
		background:url(../img/fr_gris2.gif);
	}
	
	#drapeaufrgris a:hover{
		background:url(../img/fr_actif2.gif);
		text-decoration:none;
		width:100%;
	}
	
	#drapeauenggris{
		position:relative;
		left:490px;
		top:-90px;
		/*top:90px;*/
		width:22px;
		height:25px;
	background:url(../img/eng_gris2.gif);
	}
	
	#drapeauenggris a:hover{
		background:url(../img/eng_actif2.gif);
		text-decoration:none;
		width:100%;
	}
	
/*4--------------- FOND GRISE */	
	div#nifty{ 
	margin: 5px;
	background: #F0F0F0;
	color: black;
	text-align:center;
	}

	b.rtop, b.rbottom{display:block;background: #FFF}
	b.rtop b, b.rbottom b{display:block;height: 1px;
		overflow: hidden; background: #F0F0F0}
	b.r1{margin: 0 5px}
	b.r2{margin: 0 3px}
	b.r3{margin: 0 2px}
	b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
	
	
	
/*5-------------------------------paramètres LIENS*/
	#lien{
	color:#BEBAC2;
	}
	
	#lien:hover{
	color:#FFFFFF;
	} 
	#lien:link {
		text-decoration: none;
	}
	#lien:active {
		text-decoration: none;
	}
	
	#lien2{
	color:#000000;
	cursor:pointer;
	}
	#lien2:link {
		text-decoration: none;
		cursor:pointer;
	}
	#lien2:visited {
		text-decoration: none;
	}
	#lien2:hover {
		text-decoration:underline;
		color:#CC6600;
		cursor:pointer;
		}
	#lien2:active {
		text-decoration: none;
	}
	
	
	
	#lien3{
	color:#003399;
	}
	#lien3:link {
		text-decoration: none;
	}
	#lien3:visited {
		text-decoration: none;
	}
	#lien3:hover {
		text-decoration: underline;
		color:#CC6600;
		cursor:pointer;
		}
	#lien3:active {
		text-decoration: none;
	}
	
	
	
/*6--HEADER des différentes pages-----------------------------------------------*/
	#header_presentation {
		 height:211px;
		 width:960px;
		 background: url(../img/bande-presentation.jpg) no-repeat;
		 background-color:#FFFFFF;
	}
	
	#header_client {
		 height:211px;
		 width:960px;
		 background: url(../img/bande-client.jpg) no-repeat;
		 background-color:#FFFFFF;
	}

	#header_ariane {
		 height:211px;
		 width:960px;
		 background: url(../img/bande-filariane.jpg) no-repeat;
		 background-color:#FFFFFF;
	}
	
	#header_analyse {
		 height:211px;
		 width:960px;
		 background: url(../img/bande-analyse.jpg) no-repeat;
		 background-color:#FFFFFF;
	}
	
	#header_formation {
		 height:211px;
		 width:960px;
		 background:url(../img/bande-formation.jpg) no-repeat;
		 background-color:#FFFFFF;
	}
	
	#header_implantation {
		 height:211px;
		 width:960px;
		 background:url(../img/bande-implantation.jpg) no-repeat;
		 background-color:#FFFFFF;
	}
	
	#header_actualite {
		 height:211px;
		 width:960px;
		 background:url(../img/bande-actualite.jpg) no-repeat;
		 background-color:#FFFFFF;
	}
	
	#header_consulting {
		 height:211px;
		 width:960px;
		 background:url(../img/bande-consulting.jpg) no-repeat;
		 background-color:#FFFFFF;
	}
	
	#header_contact {
		 height:211px;
		 width:960px;
		 background:url(../img/bande-contact.jpg) no-repeat;
		 background-color:#FFFFFF;
	}



	


/*7-----------------------------------------------PAGE FORMATION*/
	
	#affiche{
	position:relative;
	background:url(../img/affichea.png);
	width:60px;
	height:50px;
	padding-top:25px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:15px;
	text-align:center;
	}
	
	#projet{
	position:relative;
	width:730px;
	height:100px;
	background-color:#E8DEED;
	padding:5px;
	}
	
	#titretxt{
	position:relative;
	float:left;
	left:2px;
	top:24px;
	width:100px;
	height:50px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#990066;
	}
	
	#flèche1{
	position:relative;
	float:left;
	width:18px;
	height:18px;
	top:40px;
	left:15px;
	background:url(../img/fleche.gif);
	background-repeat:no-repeat;
	}
	
	
	#txt1{
	float:left;
	top:25px;
	position:relative;
	width:150px;
	height:50px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
	#flèche2{
	position:relative;
	float:left;
	width:18px;
	height:18px;
	top:40px;
	left:-5px;
	background:url(../img/fleche.gif);
	background-repeat:no-repeat;
	}
	
	#txt2{
	float:left;
	top:22px;
	left:5px;
	position:relative;
	width:150px;
	height:50px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
	#flèche3{
	position:relative;
	float:left;
	width:18px;
	height:18px;
	top:40px;
	left:10px;
	background:url(../img/fleche.gif);
	background-repeat:no-repeat;
	}
	
	#txt3{
	float:left;
	top:29px;
	left:10px;
	position:relative;
	width:150px;
	height:50px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
	#flèche4{
	position:relative;
	float:left;
	width:18px;
	height:18px;
	top:40px;
	left:15px;
	background:url(../img/fleche.gif);
	background-repeat:no-repeat;
	}
	
	#txt4{
	float:left;
	top:32px;
	left:15px;
	position:relative;
	width:100px;
	height:50px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
	/*haccp formation*/
	
	#haccpform{
	text-align:center;
	position:relative;
	float:left;
	left:70px;
	}
	/*haccp formation thematique*/
	#thematique{
	position:relative;
	width:730px;
	height:600px;
	background-color:#FFFFFF;
	padding:5px;
	}
	
	#analysedanger{
	position:absolute;
	float:left;
	left:263px;
	top:52px;
	width:200px;
	height:150px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	padding:5px;
	font-size:12px;
	border-style:ridge;
	}
	
	#analysedanger ul{
	font-size:10px;
	}
	
	#managemen{
	position:absolute;
	text-align:left;
	float:left;
	width:250px;
	height:160px;
	top:234px;
	left:-7px;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px;
	font-size:12px;
	border-style:ridge;
	}
	
	#managemen ul{
	font-size:10px;
	}
	
	#communication{
	position:absolute;
	float:left;
	top:440px;
	width:200px;
	height:150px;
	left:265px;
	font-size:12px;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	border-style:ridge;
	}
	
	#communication ul{
	font-size:10px;
	}
	
	#gestion{
	position:absolute;
	float:left;
	left:500px;
	top:212px;
	width:220px;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	border-style:ridge;
	}
	
	#gestion ul{
	font-size:10px;
	}
	
	#typohaccp{
	position:absolute;
	float:left;
	top:231px;
	left:284px;
	width:180px;
	height:180px;
	background:url(../img/typohaccp.gif);
	background-repeat:no-repeat;
	}

	
	
	
	#flechebasgoch{
	position:absolute;
	float:left;
	top:441px;
	left:144px;
	background:url(../img/flechebasgoch.gif);
	background-repeat:no-repeat;
	width:100px;
	height:100px;
	}
	
	#flechehotgoch{
	position:absolute;
	float:left;
	top:107px;
	left:140px;
	background:url(../img/flechehotgoch.gif);
	background-repeat:no-repeat;
	width:100px;
	height:100px;
	}
	
	#flechehotdroit{
	position:absolute;
	float:left;
	top:108px;
	left:513px;
	background:url(../img/flechehotdroit.gif);
	background-repeat:no-repeat;
	width:100px;
	height:100px;
	}
	
	#flechebasdroit{
	position:absolute;
	float:left;
	top:445px;
	left:509px;
	background:url(../img/flechebasdroit.gif);
	background-repeat:no-repeat;
	width:100px;
	height:100px;
	}
	
	
	
	#fin{
	position:relative;
	float:left;
	top:200px;
	
	}
	
	#fintxt{
	position:absolute;
	top:684px;
	font-size:9px;
	width:600px;
	text-align:left;
	height:80px;
	left:67px;
	}
	
	

	
	


/*7----------------------------------------PAGE IMPLANTATION*/
	#carte1 {
		position:relative;
		background:url(../img/cartesimple.gif);
		width:400px;
		height:453px;
	}
	#stmalo{
		position:absolute;
		top:120px;
		width:10px;
		height:10px;
		left:95px;
	}
	#quimper{
		position:absolute;
		top:138px;
		width:10px;
		height:10px;
		left:26px;
	}
	#rennes{
		position:absolute;
		top:145px;
		width:10px;
		height:10px;
		left:100px;
	}
	#nantes{
		position:absolute;
		top:175px;
		width:10px;
		height:10px;
		left:95px;
	}
	#rouen{
		position:absolute;
		top:70px;
		width:10px;
		height:10px;
		left:180px;
	}
	#paris{
		position:absolute;
		top:125px;
		width:10px;
		height:10px;
		left:220px;
	}
	#lille{
		position:absolute;
		top:20px;
		width:10px;
		height:10px;
		left:227px;
	}
	#bruxelles{
		position:absolute;
		top:20px;
		width:10px;
		height:10px;
		left:274px;
	}
	#mulhouse{
		position:absolute;
		left:359px;
		top:160px;
		width:10px;
		height:10px;
	}
	#dijon{
		position:absolute;
		left:300px;
		top:186px;
		width:10px;
		height:10px;
	}
	#clermont{
		position:absolute;
		left:235px;
		top:245px;
		width:10px;
		height:10px;
	}
	#avignon{
		position:absolute;
		left:291px;
		top:340px;
		width:10px;
		height:10px;
	}

	#titreadresse{
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CC3300;
	left:10px;
	}
	
	#impl_d{
		float:left;
		position:relative;

		
	}
	#impl_g{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		position:relative;

	}
	
	#adresse{
		float:left;
	
	}
	#adresse1{
		float:left;
	}
	#adresse2{
		float:right;
		font-size:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	#adresse3{
		position:relative;
		float:left;
		left:120px;
	}
	#adresse4{
		position:relative;
		width:
		float:left;
		left:130px;
		font-size:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}

	/*texte survolé sur la carte*/
	a.info{
		position:relative; 
		z-index:24;
		color:#000;
		text-decoration:none
	}
	a.info:hover{
		z-index:25; background-color:lightblue;
	}	
	a.info span{
		display: none
	}
	a.info:hover span{ 
		display:block; 
		position:absolute;
		top:2em; left:2em;
		border:1px solid #6699cc;
		background-color:#eeeeee; color:#6699cc;
		text-align: justify;
		font-weight:none;
		padding:1px;   
	}	



/*8---------------PAGE ACTU*/
	.news_box_title{
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:16px;
		font-weight:bold;
		padding:2px;
		color: #000099;
		background-color: #DEF1F4;
		margin-bottom:5px;
	}
	
	.news_box{
		margin:10px;
		border: 1px solid;
		padding:5px;
		background-color:#FFFFFF;
	}
	
	.news_box_date{
		font-size:12px;
		font-style:italic;
		text-align:right;
		margin-bottom:5px;
	}
	
	
	.titreactu {color: #003366}


	
/*8---------------PAGE client*/
	#contenu_client a{
		font-size:18px;
		font-weight:bold;
	
	}
	#accesshaccpweb{
		width:300px;
		text-align:center;
	}
	#identifiant{
		width:95px;
		float:left;
		text-align:left;
	}

/*9-------------------------------PRESENTATION*/
	#presentation_st{
		font-size:17px;
		color:#003366;
		font-weight:bold;
		margin-bottom:10px;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-style:normal;
	}

	
	/* style1 begins */
	#style_pre {
		font-family: Arial;
		float:none;
		margin-top:10px;
		margin-left:60px;
		
	}
	#style_pre h1{
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		background-color: #FF6600;
		width: 120px;
		text-align: right;
		padding: 5px;
		margin: 0px;
		float: left;
		border-top: 1px solid #FF6600;
		border-right: 1px solid #FF6600;
		border-left: 1px solid #FF6600;
	}
	#style_pre ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
		width:100%;
	}
	#style_pre li{
		background-color: #F0F0F0;
		float: left;
		border: 1px solid lightgrey;
		border-collapse:collapse;
	}
	/*
	#style_pre li{
		background-color: #FF9900;
		float: left;
		border-top: 1px solid #FF6600;
		border-right: 1px solid #FF6600;
	}*/
	#style_pre li a{
		color:#004080;
		text-decoration: none;
		display: block;
		padding:5px;
		
	}
	/*
	#style_pre li a{
		width: 100px;
		color: #FFFFFF;
		text-decoration: none;
		display: block;
		padding: 5px 0px 5px 5px;
		text-transform: uppercase;
	}*/
	#style_pre li a:visited{
		color:#004080;
		text-decoration: none;
	}
	#style_pre li a:hover{
		color:#004080;
		text-decoration: none;
		background-color: lightblue;
	}
	
	#style_pre2 {
		font-family: Arial;
		float:none;
		margin-top:10px;
		margin-left:25px;
	}
	#style_pre2 h1{
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		background-color: #FF6600;
		width: 120px;
		text-align: right;
		padding: 5px;
		margin: 0px;
		float: left;
		border-top: 1px solid #FF6600;
		border-right: 1px solid #FF6600;
		border-left: 1px solid #FF6600;
	}
	#style_pre2 ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
		width:100%;
	}
	#style_pre2 li{
		background-color: #F0F0F0;
		float: left;
		border: 1px solid lightgrey;
		border-collapse:collapse;
	}
	/*
	#style_pre li{
		background-color: #FF9900;
		float: left;
		border-top: 1px solid #FF6600;
		border-right: 1px solid #FF6600;
	}*/
	#style_pre2 li a{
		color:#004080;
		text-decoration: none;
		display: block;
		padding:5px;
		
	}
	/*
	#style_pre li a{
		width: 100px;
		color: #FFFFFF;
		text-decoration: none;
		display: block;
		padding: 5px 0px 5px 5px;
		text-transform: uppercase;
	}*/
	#style_pre2 li a:visited{
		color:#004080;
		text-decoration: none;
	}
	#style_pre2 li a:hover{
		color:#004080;
		text-decoration: none;
		background-color: lightblue;
	}
	
	
	
	
	
	
	
	
	
	
	
	.content_box1 {
		font-family: Arial;
		font-size: 11px;
		clear: left;
		background-color: #FFFF91;
		border: 1px solid #FF6600;
		width: 720px;
		padding: 15px;
	}
	/* style1 end */
	#nous{
	float:left;
	font-family:Arial;
	text-align:justify;
	margin-top:10px;
	}





	
	
/*10--------------------------FA*/
	#fa_titre{
	color: #003366;
	}
	#image{
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		margin:auto;
		position:relative;
		width: 471px;
		height:470px;
		background: url(../img/schema-principe-console.jpg);	
		background-repeat:no-repeat;
		background-color:#FFFFFF;
		border: thin;
		border-color:#000000;
		border-style:dashed;
	}


	#textpict1 {
		position:relative;
		top:20px;
		left:260px;
		font-size:12px
	}

	#textpict2 {
		position:relative;
		width:150px;
		top: 40px;
		left: 320px;
		font-size:12px
	}

	#textpict3 {
	position:relative;
	width:200px;
	top:25px;
	left:80px;
	font-size:12px;
	}
	
	#textpict4 {
	position:relative;
	width:250px;
	top:40px;
	left:210px;
	font-size:12px
	}
	
	#textpict5 {
	position:relative;
	text-align:right;
	width:150px;
	top:30px;
	left:0px;
	font-size:12px;
	}
	
	#textpict6{
	position:relative;
	width:300px;
	top:50px;
	text-align:left;
	left:130px;
	font-size:12px;
	}
	
	#textpict7{
	position:relative;
	top:155px;
	left:140px;
	font-size:12px;
	}
	
	#textpict8{
	position:relative;
	width:120px;
	top:170px;
	left:15px;
	text-align:right;
	font-size:12px;
	}
	
		#textpict9{
	position:relative;
	width:250px;
	top:170px;
	left:190px;
	text-align:right;
	font-size:12px;
	}
	
	#textpict10{
	position:relative;
	width:300px;
	top:10px;
	color:orange;
	left:100px;
	font-size:18px;
	text-align:right;
	}
	
	#textpict11{
	position:relative;
	width:300px;
	top:6px;
	color:orange;
	left:17px;
	font-size:10px;
	text-align:right;
	}
	
	#textpict14{
	position:relative;
	width:390px;
	top:-290px;
	color:orange;
	left:19px;
	font-size:18px;
	text-align:left;
	}
	
	#textpict15{
	position:relative;
	width:300px;
	top:-295px;
	color:orange;
	left:19px;
	font-size:10px;
	text-align:left;
	}
	
	
	
	div#menwrap {
	width: 220px;
	height: 220px;
	margin: auto;
	padding: 0;
	background: #fff url('../img/rond.jpg') no-repeat center 0;
	}
	
	/*div#ie_height_fix {
		width: 1px;
		height: 220px;
		margin: 0;
		padding: 0;
	}*/
	
	/* Dando estilo al header */
	
	div#menwrap h2 {
		position: absolute;
		width: 180px;
		height: 35px;
		margin: 75px 0 0 15px;
		padding: 10px 0 0 0;
		text-align: center;
		font-size: 13px;
		z-index: 0;
	}
	
	div#menwrap h2 span {
		display: block;
		text-indent: 0;
		font-size: .8em;
		width: 150px;
		/*border-top: 2px solid #abe9ab;*/
		margin: 5px 0 0 25px;
		padding: 5px 0 0 0;
		color: #666;
		text-align: center;
	}
	
	/* Headers */
	
	div#menwrap h2.home {
		background: url('home.gif') no-repeat left -45px;
	}
	
	div#menwrap h2.tutos {
		background: url('tutos.gif') no-repeat left -45px;
	}
	
	div#menwrap h2.files {
		background: url('files.gif') no-repeat left -45px;
	}
	
	div#menwrap h2.search {
		background: url('search.gif') no-repeat left -45px;
	}
	
	div#menwrap h2.mail {
		background: url('mail.gif') no-repeat left -45px;
	}
	
	div#menwrap h2.id {
		background: url('id.gif') no-repeat left -45px;
	}
	
	div#menwrap h2.write {
		background: url('write.gif') no-repeat left -45px;
	}
	
	div#menwrap h2.logout {
		background: url('logout.gif') no-repeat left -45px;
	}
	
	/* Dando estilo a la lista */
	
	ul#menu {
		margin: 50px auto;
		height: 220px;
		padding: 0;
		width: 220px;
		height: 220px;
		list-style: none;
		list-style-type: none;
		position: relative;
	}
	
	ul#menu li {
		width: 45px;
		height: 45px;
		margin: 0;
		padding: 0;
		display: block;
		list-style: none;
		list-style-type: none;
		position: absolute;
		z-index: 2;
		font-size: 8pt;
		font-family: verdana, arial, tahoma, serif;
	}
	
	/* Fondo en :active y :hover */
	
		/* Items del menu no activos */
		
		ul#menu a.menitem:link, ul#menu a.menitem:visited {
			background-position: left bottom;
			opacity: .7;
		}
		
		ul#menu a.menitem:hover, ul#menu a.menitem:active {
			background-position: left top;
			background-color: transparent;
			opacity: .9;
		}
		
		/* Items del menu activos */
		
		ul#menu li a.menactive {
			background-position: left top;
			background-color: transparent;
			opacity: 1;
		}
	
		ul#menu li a.menactive:hover {
			opacity: 1;
		}
	
	/* Esconder información */
	
	ul#menu li a.menitem span, ul#menu li a.menitem strong, ul#menu li a.menactive span, ul#menu li a.menactive strong {
		display: none;
	}
	
	/* Mostrar información en :hover */
	
	ul#menu li a.menitem:hover strong {
		display: block;
		text-align: left;
		position: absolute;
		width: 100px;
		border-bottom: 1px solid #ffdb5e;
		padding: 2px 0 2px 0;
		margin: 0 0 0 5px;
		color: #333;
		left: 50px;
		top: 0;
		z-index: 2;
	}
	
	ul#menu li a.menitem:hover span {
		display: block;
		position: absolute;
		width: 120px;
		text-align: left;
		border: 1px solid #ffe897;
		background-color: #ffefb7;
		padding: 20px 2px 2px 2px;
		color: #333;
		left: 50px;
		top: 0;
		z-index: 1;
		opacity: .9;
	}
	
	/* Dando estilo a los anchors */
	
	ul#menu a {
		border: 0;
		position: absolute;
		width: 69px;
		height: 68px;
	}
	
	#home {
		top: -47px;
		left: 77px;
		background-image: url('../img/solution.gif');
		background-repeat:no-repeat;
		
	}
	
	#tutos {
		top: 129px;
		left: 146px;
		background-image: url('../img/outils_informatiques.gif');
	}
	
	#files {
		top: 37px;
		left: -28px;
		background-image: url('../img/reglementation.gif');
	}
	
	#search {
		top: 33px;
		left: 177px;
		background-image: url('../img/externalisation.gif');
	}
	
	#mail {
		top: 195px;
		left: 95px;
		background-image: url('mail.gif');
	}
	
	#id {
		top: 127px;
		left: 2px;
		background-image: url('../img/commun.gif');
	}
	
	#write {
		top: 90px;
		left: -20px;
		background-image: url('write.gif');
	}
	
	#logout {
		top: 20px;
		left: 10px;
		background-image: url('logout.gif');
	}
	
	#texte_solution{
		position:absolute;
		top: 18px;
		left: 35px;
		width:150px;
		font-size:10px;
	}
	
	#texte_info{
		position:absolute;
		top: 199px;
		left: 132px;
		width:150px;
		font-size:10px;
	}
	#texte_externalisation{
		position:absolute;
		top: 99px;
		left: 156px;
		width:150px;
		font-size:10px;
	}
	#texte_commun{
		position:absolute;
		top: 193px;
		left: -20px;
		width:150px;
		font-size:10px;
	}
	#texte_reglementation{
		position:absolute;
		top: 104px;
		left: -71px;
		width:150px;
		font-size:10px;
	}


	#fa_centre{
		width:90%;
		padding:0.5em;
		font-stretch:expanded;
	}
	
	#interligne li{
	line-height:20px;
	}
	
	#facondense{
	width:auto;
	margin-left:110px;
	}
	
	#fagris{
	background:#E3EBEE;
	border-color:#666666;
	border-style:ridge;
	padding:2%;
	}
	
	#fagris h2{
	text-align:center;
	}
	
	#justify{
	float:left;
	margin-top:40px;
	text-align:justify;
	}
	
	.justify{
	text-align:justify;
	}
	
	#ariane{
	float:left;
	margin-top:10px;
	}
	
	#lien2{
		color:#0033CC;
		cursor:pointer;
	}
	#lien2:link {
		text-decoration: none;
		cursor:pointer;
	}
	#lien2:visited {
		text-decoration: none;
	}
	#lien2:hover {
		text-decoration:underline;
		color:#CC6600;
		cursor:pointer;
		}
	#lien2:active {
		text-decoration: none;
	}
----------------------logo page analyse-----------
	#cvpa{
	position:relative;
	float:left;
	width:300px;
	height:500px;
	background:url(../img/logo_cvpa.png);
	}
	#adresse1{
	position:relative;
	float:left;
	top:-10px;
	left:20px;
	width:90px;
	height:90px;
	}
	#adresse2{
	position:relative;
	float:left;
	width:150px;
	left:20px;
	}

	.blancsouligne{
		color: white;
		text-decoration: underline;
	}
	
	.blancsouligne:visited{
		color: white;
		text-decoration: underline;
	}