html {
	font-family : helvetica, arial, sans-serif;
	color: #6a6a6a;
	font-size : 12px;
	line-height: 14px;
	margin: 0;
	padding: 0;
	}
body {
	background : url(1024/haut_new.jpg) no-repeat;
	/*background : url(1024/hautrepere.jpg) no-repeat;*/
	margin: 0;
	padding: 0;
	}
	/*G?n?rales*/
		a img {
		border : solid 0px;
		}
		a {
		color : black;
		cursor : pointer;
		text-decoration: none;
		}
		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;
	}
	.justify{
		text-align: justify;
		margin-right: 20px;
	}
	.gras {
		font-weight : bold ;
		}

/*font*/

h1{
	color: #711d00;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
}

h2{
	color: #6a6a6a;
	font-size: 20px;
	font-weight: bold;
/*	margin-top: 0;*/
}

h3{
	color: #413d3c;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
}

.bold{
	font-weight: bold;
}

/*LOGO*/
#logo{
	height: 150px;
	width: 220px;
}

/*MENU*/
	#menu {
		position : absolute; top : 192px;
		width : 163px;
		}
		#menu ul {
			list-style-type : none;
			margin: 0;
			padding: 0;
			}
		#menu ul li a span {
			display : none;
			}
		#menu ul li a {
			display : block;
			width : 195px; 
			height : 43px;
			!height :40px; /*IE7*/
			/*_height :40px; /*IE6*/
			background : url(1024/btn_new2013-2.gif);
			}
		#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#btnMenuPostures{
			background-position : 0px -50px;
			height: 43px;
			!height :43px; /*IE7*/
			}
			#menu ul li a#btnMenuPostures:hover, #menu ul li a#btnMenuPostures.active{
				background-position : 205px -50px;
				}
		#menu ul li a#btnMenuMater{
			background-position : 0px -100px;
			}
			#menu ul li a#btnMenuMater:hover, #menu ul li a#btnMenuMater.active{
				background-position : 205px -100px;
				}
		#menu ul li a#btnMenuRythmes{
			background-position : 0px -150px;
			}
			#menu ul li a#btnMenuRythmes:hover, #menu ul li a#btnMenuRythmes.active{
				background-position : 205px -150px;
				}
		#menu ul li a#btnMenuEffondrement{
			background-position : 0px -200px;
			}
			#menu ul li a#btnMenuEffondrement:hover, #menu ul li a#btnMenuEffondrement.active{
				background-position : 205px -200px;
				}
		#menu ul li a#btnMenuExpo{
			background-position : 0px -250px;
			}
			#menu ul li a#btnMenuExpo:hover, #menu ul li a#btnMenuExpo.active{
				background-position : 205px -250px;
				}
		#menu ul li a#btnMenuContact{
			background-position : 0px -300px;
			}
			#menu ul li a#btnMenuContact:hover, #menu ul li a#btnMenuContact.active{
				background-position : 205px -300px;
				}

#container{
	min-height: 625px;
}

#containerRight{
	padding: 100px 0;
	position: absolute;
	left: 430px;
	width: 900px;
}

#containerRight img{
	/*margin: 0 20px 20px 0;*/
}

/*ILLUSTRATION*/
	#illustration {
	position : absolute; top : 100px; left : 500px;
	min-width : 450px; 
	/*height : 550px; overflow : auto;*/
	padding-right: 10px;
	}	
	#illustration .legende {
		text-align : right;
		}
	#illustration .legende span {
		display : block;
		/*width : 305px;*/
		}
	
	/*#illustration img {
		width : 80%;
		}*/	

			
		
/*CONTENU*/
	#contenu {
		position : absolute;
		left : 225px;
		top: 192px;
		float: left;
		width : 255px;  height : 550px;
		overflow : auto;
		color: #6a6a6a;
		}	
		
	#contenu p {
		margin-bottom : 15px;
		}		
	#contenu p:first-letter {
		text-transform : capitalize;
		}	
	#contenu h2{
		margin : 0px 0px 15px 0px;
		}
		
#footer{
	position: fixed;
	bottom: 0;
	width: 100%;
	background: url(1024/foot.jpg) repeat-x;
	height: 55px;
}
		
/*Sp?cifique*/
	/*Expo*/
		#expo {
			text-align : left;
			position: absolute;
			left: -175px;
			width: 1000px;
			}
		#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;
			}
		
		#expo a{
			display : block;
			padding : 3px;
			text-align : center;
			}
	/*itineraire*/
	
	.imgAvecLgd {
		margin : 0px 15px 0px 0px;
		}
	#last {
		margin : 0;
		}
	#periodes {
		position : relative; top : 0px;
		text-align : left;
		}	
		#periodes h2{
			margin-top: 0;
			margin-bottom : 25px;
			width : 100%; text-align : center;
			}
		#periodes .dateDem{
			width : 20px;
			float : left;
			}
		#periodes .itinDem{
			width : 150px;
			float : left;
			margin : 0 0 15px 0;
			text-decoration : underline;
			}
	#textItin {
		margin : 25px 20px 0 0;
		}
		#textItin p {
			text-align : left;
			}
		#periodes a{
			display : block;
			margin : 0 0 -5px 0;
			}
	#center{
		width: 650px;
	}
	.img_0_1_20_0{
		margin: 0 1px 20px 0;
		float: left;
	}
	.img_0_5_5_0{
		margin: 0 5px 5px 0;
		float: left;
	}

	#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;
		}
	#derniers{
		position : absolute;
		width : 200px;
		top : 192px;
		left: 225px;

/*		position: absolute;
		top: 200px;
		left: 150px;
		border: 1px solid;*/
	}

/*exposition*/

#exposition h3{
	margin: 0;
	padding: 0;
}

#exposition tr td{
	padding: 5px;
	border-bottom: #a6a6a6 1px solid;
	}

#exposition tr td.ans{
	background: #fbf084;
	text-align: center;
	font-weight: bold;
	font-style: italic;
}

#exposition tr.headtable td{
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}

#exposition .white{
	border: 0;
	width: 20px;
}

#exposition{
	margin-right: 20px;
}

/*Contact*/
#contact{
	width: 1075px;
	position: absolute;
	left: -175px;
}
.contact_contact, .contact_liens{
	float: left;
	width: 500px;
	margin-right: 20px;
}
.contact_contact{
	border-right: #a6a6a6 1px solid;
	padding-right: 20px;
}
.contact_contact h2, .contact_liens h2{
	margin : 0 0 10px 0;
}
#google{
	float: left;
	width: 495px;
}
.liens{
	width: 235px;
	float: left;	
	margin-right: 10px;
}