body {
	background-image: url(../images/bg_site.gif);
	/*background-color:gray;*/
	margin-top: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size:80%;
	line-height: 140%;
}
h4 {
	color:#EC6400;
	text-transform: uppercase;
}
h5 {
	color:#0E4096;
	text-transform: uppercase;
}

img {
	border: none;
}
a {
color:#666666;
font-weight:bold;
text-decoration:underline;

}

acronym {border-bottom: 1px dotted; cursor:help;}

a:hover {
	color: #ec680e;
	/*color: #003399;*/}
	
/*a.help {color:#EC6400; text-decoration:none; font-size:70%; font-weight: bold; cursor: help;}
  a:hover.help {color:#666666; text-decoration:none; font-size:70%; font-weight: bold;}
*/	

h3{
	margin-bottom:-08pt;
}

#global{
		
		width:904px;
		position:absolute;
		left: 50%;
		margin-left: -452px;
	
		
}

	#top{
		position:relative;
		width:904px;
		height:116px;
				
	}

	#top1{
		position:relalive;
		width:904px;
		height:82px;
		background-image: url(../images/top_01.jpg);
	}

	#top2{
		position:absolute;
		width:305px;
		height:34px;
		background-image: url(../images/top_02.gif);
		top:82px;
	}

	#top_menu{
		position:absolute;
		width:590px;
		height:34px;
		top:82px;
		left:305px;
		display:block;
	}

		#top_menu_accueil{
			position:absolute;
			top:0px;
			left:0px;
		}
		#top_menu_visiteguidee{
			position:absolute;
			top:0px;
			left:69px;;

		}
		#top_menu_evolutions{
			position:absolute;
			top:0px;
			left:176px;
		}
		
		#top_menu_abonnements{
			position:absolute;
			top:0px;
			left:270px;
		}
		
		#top_menu_inscription{
		position:absolute;
		top:0px;
		left:360px;
		}
		
		#top_menu_contact{
	position:absolute;
	top:0px;
	left:494px;
		}
		
		#top_menu_services{
			position:absolute;
			top:0px;
			left:513px;
			width:85px;
			height:34px;
			background-image:url(../images/services.gif);
		}

	#middle{
		position:relative;
		width:904px;
		background: transparent url(../images/global_repeat.gif);
		background-repeat: repeat-y ;
		height:500px;
	}
	
	html>body #middle{
		position:relative;
		width:904px;
		background: transparent url(../images/global_repeat.gif);
		background-repeat: repeat-y ;
		min-height:550px;
		height:auto;
	}

	


		#intro{
			position:absolute;
			width:178px;
			top:40px;
			left:50px;							
		}
			.sous-menu{
				font-size:70%;
			}	

			#intro_top_accueil{
				position:relative;
				width:178px;
				height:38px;
				background-image: url(../images/box_intro_top_accueil.jpg);
				background-repeat: no-repeat;
			}
			#intro_top_visiteguidee{
				position:relative;
				width:178px;
				height:38px;
				background-image: url(../images/box_intro_top_visite.jpg);
				background-repeat: no-repeat;
			}
			#intro_top_evolutions{
				position:relative;
				width:178px;
				height:38px;
				background-image: url(../images/box_intro_top_evolutions.jpg);
				background-repeat: no-repeat;
			}
			#intro_top_services{
				position:relative;
				width:178px;
				height:38px;
				background-image: url(../images/box_intro_top_services.jpg);
				background-repeat: no-repeat;
			}
			#intro_top_abonnements{
				position:relative;
				width:178px;
				height:38px;
				background-image: url(../images/box_intro_top_abonnements.jpg);
				background-repeat: no-repeat;
			}
			
			#intro_middle {
				position:relative;
				width:178px;
				height:200px;
				background-image: url(../images/box_intro_middle.gif);
				background-repeat: repeat-y;
				padding-top: 10px;
				padding-left:20px;
			}
			html>body #intro_middle {  /* Ceci n'est pas reconnu par ie mais sera interpreter par les autres navigateurs, du coup on pourra aussi utiliser min-height.*/
				/*height: auto;*/
				min-height: 230px;
			} 
	
			#intro_bottom{
				/*position:relative;*/
				width:178px;
				height:148px;
				background-image: url(../images/box_intro_bottom.jpg);
				background-repeat: no-repeat;
			}
			#intro_inscrivezvous{
				position:relative;
				width:178px;
				height:52px;
			
			}
			#txt_intro{
				width:150px;		
			}
		
		#box{
			position:absolute;
			width:474px;
			height:120px;
			top:Opx;
			left:121px;
			background-image: url(../images/box.jpg);
			background-repeat: no-repeat;
			padding-top:05px;
			padding-left:20px;
			line-height: 120%;
		}
			
			#txt_box{
				width:400px;
				height:100px;
				color:white;
			
				
			}
					
			a.para{
				color:white;
				font-weight:bold;
				text-decoration:none

			}
			
			a.para:hover {
				color: #666666;
				
			}
			
			#txt_box_bouton{			
				float:right;
				
				
			}
			
		#visiteguidee{
			position:absolute;
			width:595px;
			height:135px;
			top:40px;
			left:255px;
		
			
		}	
		
			#box_visiteguidee{
				position:absolute;
				width:121px;
				height:120px;
				top:Opx;
				left:0px;
				background-image: url(../images/box_visiteguidee.jpg);
			}
			
		#evolutions{
			position:absolute;
			width:595px;
			height:135px;
			top:175px;
			left:255px;
			
			
		}
		
			#box_evolutions{
				position:absolute;
				width:121px;
				height:120px;
				top:Opx;
				left:0px;
				background-image: url(../images/box_evolutions.jpg);
			}
		
	
		#abonnements{
			position:absolute;
			width:595px;
			height:135px;
			top:310px;
			left:255px;
}


			#box_abonnements{
				position:absolute;
				width:121px;
				height:120px;
				top:Opx;
				left:0px;
				background-image: url(../images/box_abonnements.jpg);
			
			}

		#viti{
	position:absolute;
	width:595px;
	height:135px;
	top:446px;
	left:255px;
		}
			#box_viti{
				position:absolute;
				width:121px;
				height:120px;
				top:Opx;
				left:0px;
				background-image: url(../images/box_proteco.jpg);
			
			}


	#contenu{
			position:relative;
			width:595px;
			height:auto;
			top:40px;
			left:255px;
	}
		#txtprincipal{			
				width:595px;
				height:auto;
		}	
			#illustration{
				float:right;
				width:285px;				
				height: 275px;
				padding-left:10px;
				padding-bottom:10px;
					
			}
				#diaporama{
				position:relative;				
				width:285px;
				height: 255px;
				border: solid 1px #517EB6;
				
				}
				#legende{
				position:relative;
				width:285px;
				height: 20px;
				text-align: center;
				margin-top:5px;
				color:#517EB6;
				
				}
				
		#navigation{
		position:relative;
		left:50%;
		margin-left:-200px;
		width:400px;
		height: 20px;
		text-align:center;
		
		
		}
			#select{
				font-weight:bold;
				font-size: 120%;
				color: #ec680e;

			}
			a#navigation{
				
				}
			a#navigation:hover{
				
				 color:#02316A;
			}
			
	#bottom{
		position:relative;
		width:904px;
		height:53px;
		background-image: url(../images/bottom.gif);
	}


#global_mini{width:500px;position:absolute;left: 50%;margin-left: -452px;}
	#top_mini{position:relative;width:500px;height:30px;}
	#top1_mini{position:absolute;width:200px;height:34px;background-image: url(../images/top_02.gif);top:82px;}
	#top2_mini{
	position:absolute;
	width:305px;
	height:34px;
	background-image: url(../images/top_02.gif);
	top:64px;
	left: 10px;
}
	#txtprincipal_mini{width:400px;height:auto;}				
	#contenu_mini{
	position:relative;
	width:500px;
	height:auto;
	top:20px;
	left:40px;
}
			#illustration_mini{
				float:right;
				width:285px;				
				height: 275px;
				padding-left:10px;
				padding-bottom:10px;
					
			}
							#diaporama_mini{
				position:relative;				
				width:285px;
				height: 255px;
				border: solid 1px #517EB6;
				
				}
				#legende_mini{
				position:relative;
				width:285px;
				height: 20px;
				text-align: center;
				margin-top:5px;
				color:#517EB6;
				
				}
	#middle_mini{position:relative;width:500px;background: transparent url(../images/global_repeat.gif);
	background-repeat: repeat-y;
	height:620px;
	}
	#bottom_mini{
	position:relative;
	width:500px;
	height:53px;
	background-image: url(../images/bottom.gif);
	}
	
	.h2_proteco {
		color: #7B2991;
		font-family: Arial;
		font-weight: bold;
		font-size: 16pt;
		text-transform: uppercase;
		}
		
	.h3_proteco {
		color: #7B2991;
		font-weight: bold;
		margin-bottom: 10px;
		}
		
	.legend_proteco {
		color: #7B2991;
		font-size: 9pt;
		text-align: center;
		font-style: italic;
		margin: -15px 0 0 0;
	}
	
	.legend_proteco_1 {
		color: #7B2991;
		font-size: 9pt;
		text-align: center;
		font-style: italic;
		margin: 0 0 0 0;
	}
	
	#proteco strong {
		color: #7B2991;
	}
	
	#proteco li {
		margin-bottom: 6px;
	}
	
	.img-proteco {
		padding: 2px;
		border: 1px solid purple;
		margin-left: 30px;
	}
	
	.img-proteco-visa {
		padding: 2px;
		border: 1px solid purple;
		margin-bottom: 20px;
	}