* {
margin : 0px;
padding : 0px;
}

html {
	width : 100%; height : 100%;
	font-family : "Lucida Sans", verdana, sans-serif;
	font-size : 13px;
	background : url(1024/fond.jpg);
	}
body {
	position : relative;
	width : 962px; height : 700px;
	margin : auto;
	background : url(1024/haut.jpg) no-repeat;
	/*background : url(1024/hautrepere.jpg) no-repeat;*/
	}
	/*Générales*/
		a img {
		border : solid 0px;
		}
		a {
		color : black;
		cursor : pointer;
		}
		a:visited {
		color : #777777;
		}
/*Réutilisables*/
	.floatleft {
		display : block;
		float : left;
	}
	.floatright {
		display : block;
		float : right;
	}
	.clear {
		display : block;
		clear : both;
	}
	.demi {
		width : 45%;
	}
	.entier {
		width : 100%;
	}
	.center{
		text-align : center;
	}
	.left{
		text-align : left;
	}
	.right{
		text-align : right;
	}
	.gras {
		font-weight : bold ;
		}


/*LOGO*/
	#logo {
		position : absolute;
		width : 300px; height : 170px;
		background : url(spacer.gif);
		}
	#logo h1, #logo h2 {
		display : none;
		}

/*MENU*/
	#menu {
		position : absolute; top : 178px;
		width : 163px;
		}
		#menu ul {
			list-style-type : none;
			}
		#menu ul li a span {
			display : none;
			}
		#menu ul li a {
			display : block;
			width : 205px; 
			height : 43px;
			!height :40px; /*IE7*/
			/*_height :40px; /*IE6*/
			background : url(1024/btn.jpg);
			}
		#menu ul li a#btnMenuItineraire{
			background-position : 0px 0px;
			}
			#menu ul li a#btnMenuItineraire:hover, #menu ul li a#btnMenuItineraire.active{
				background-position : 205px 0px;
				}
		#menu ul li a#btnMenuLast{
			background-position : 0px -43px;
			height : 72px;
			!height :69px; /*IE7*/
			}
			#menu ul li a#btnMenuLast:hover, #menu ul li a#btnMenuLast.active{
				background-position : 205px -43px;
				}
		#menu ul li a#btnMenuExpo{
			background-position : 0px -115px;
			}
			#menu ul li a#btnMenuExpo:hover, #menu ul li a#btnMenuExpo.active{
				background-position : 205px -115px;
				}
		#menu ul li a#btnMenuContact{
			background-position : 0px -158px;
			}
			#menu ul li a#btnMenuContact:hover, #menu ul li a#btnMenuContact.active{
				background-position : 205px -158px;
				}
		
/*ILLUSTRATION*/
	#illustration {
		position : absolute; top : 170px; left : 215px;
		text-align : center;
		width : 355px; 
		height : 480px; overflow : auto;
		}	
		#illustration .legende {
			text-align : right;
			}
		#illustration .legende span {
			display : block;
			/*width : 305px;*/
			}
	
	/*#illustration img {
		width : 80%;
		}*/	

			
		
/*CONTENU*/
	#contenu {
		position : absolute; top : 138px; left : 665px;
		width : 250px;  height : 500px;
		overflow : auto;
		text-align : center;
		}	
		
	#contenu p {
		margin-bottom : 15px;
		}		
	#contenu p:first-letter {
		text-transform : capitalize;
		}	
	#contenu h2{
		margin : 0px 0px 15px 0px;
		}
		
/*COPYRIGHT*/
	#copyright {
		position : absolute; top : 700px; left : 450px;
		width : 400px;
		text-align : right;
		font-size : 11px;
		}
	#copyright a {
		color : black;
		}
		
/*Spécifique*/
	/*Expo*/
		#expo {
			text-align : left;
			}
		#expo h3{
			font-weight : normal;
			font-size : 16px;
			/*margin : 40px 0 15px 30px;*/
			margin : 25px 0 10px 0px;
			}
		#expo h4{
			font-weight : normal;
			font-size : 13px;
			margin : 15px 0 15px 0;
			}
		.retrait {
			margin : 0 0 0 15px;
			}
			.gras.retrait {
			font-size : 15px;
			}
		#demarche .dateExp{
			width : 50px;
			float : left;
			margin : 0 20px 0 0;
			}
	/*itineraire*/
	.imgAvecLgd {
		margin : 0px 15px 0px 0px;
		}
	#last {
		margin : 0px 0px 0px 15px;
		}
	#demarche {
		position : relative; top : 0px;
		text-align : left;
		}	
		#demarche h2{
			margin-bottom : 25px;
			width : 100%; text-align : center;
			}
		#demarche .dateDem{
			width : 120px;
			float : left;
			}
		#demarche .itinDem{
			width : 130px;
			float : left;
			margin : 0 0 15px 0;
			text-decoration : underline;
			}
	#textItin {
		margin : 25px 0 0 0;
		}
		#textItin p {
			text-align : left;
			}
		#periodes a{
			display : block;
			margin : 0 0 -5px 0;
			}
	#expoIti {
		margin : 25px 0 0 0;
		text-align : left;
		}
		 h4 {
			margin : 5px 0 5px 0;
			}
			#dateIti{
				text-align : left;
				}
			.imgIti {
				display : block;
				float : left;
				margin : 0 5px 0 0;
				}
			.contentImgIti {
				margin : auto;
				width : 285px;
				}
	/*Derniers*/
	#derniers h3 {
		margin : 0 0 15px 0;
		}
	#derniers img {
		width : 75px;
		margin : 0 0 10px 0;
		}
	/*Contact*/
	#contact {
		margin : 25px 0 0 0;
		}
	#contact h2{
		margin : 0 0 25px 0;
		}