/* CSS Document */

	html {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}
	
	body {
	margin: 0;
	padding: 0;
	background-color: #222;
	line-height: 1.3em;
	letter-spacing: 0.01em;
	color: #222;
}

	
	acronym {
	cursor: help;
}
 
	h1, h2, h3, h4, h5, h6 {
	font-family: Geneva,  Arial, Helvetica, Verdana, sans-serif;
	background-color: white;
	color: #9F0022;
}
	
	h2 {
	margin: 0 0 0.5em 0;
	padding: 35px 0 0 153px;
	font: bold 120% sans-serif;
}
	h3 {
	margin: 0 0 0.3em 0;
	padding: 35px 0 0 153px;
	background-color: transparent;
	font: bold 115% sans-serif;
}
	
	h4 {
	margin: 0 0 0.3em 236px;
	padding: 35px 0 0 0;
	font: bold 100% sans-serif;
	background-color: transparent;	
}

	ul {
	margin: 0;
	padding: 0;
}	
	#contenu ul {
	margin: 0 1em 0 236px;
	padding: 0.5em 0.5em 0 0;
}	

	li	{
	padding: 0.3em 0;
}	

	hr {
	clear: both;
	visibility: hidden;
	height: 0;
}
		
	p {
	margin: 0 1em 0 236px;
	padding: 0.5em 0.5em 0 0;
	clear: both;
}
	p.bordure {
	border-bottom: 1px solid #ccc;
	padding: 1em 0.5em 1em 0;
	clear: both;
}
	p.adresse {
	margin: 0 0.5em;
	padding: 5px 0 10px ;
	text-align: left;
}
	p.liens {
	margin: 0;
	padding: 0 0.5em 0.3em 0;
	text-align: right;
}
	#horaire #contenu p {
	margin: 0;
	padding: 0 150px 0 95px;
	text-align: justify;
}

	form {
	padding-left: 236px;
}

/*--------------
------------images-------------*/
	img {
	border: none;
}
	#contenu img {
	border: 1px solid black;
	margin: 5px 5px 0 0;
}
	#contenu img.floatL {
	float: left;
	margin: 0 7px 20px 0;
}
	#contenu img.floatR {
	float: right;
	margin-right: 0;
}


/*-------Taille police hack la-grange.net------*/

  	body, td, th, p {
	font-family : "Trebuchet MS", Verdana, Helvetica, Geneva,  sans-serif;
	font-size: 12px;
}
/*/*/a{}
	body, body td, body th, body p {
		font-size: x-small;
		voice-family: "\"}\"";
		voice-family: inherit;
		font-size: small;
}
	html>body, html>body td, html>body th, html>body p {
		font-size : small;
}
	/* */
	
/*-------------------Liens-général---------------------*/

	a:link {
	color: #272D7F;
	text-decoration: none;
}
	a:visited {
	color : #272D7F;
	text-decoration : none;
}
	a:hover {
	color: #9EA0BE;
	text-decoration: underline ;
}
	a:active {
	color : #f33;
	text-decoration : none;
}

/*--------------class----------------*/
	.gras {
	font-weight: bold;
	color: #00548A;
}

	.last {
	margin-bottom: 60px;
}
/****
*********galerie***********/

	.fondGalerie img {
	background-color: transparent;
	padding: 5px;	
	border: 1px solid #ccc !important;	
}


/*--------------Header---------------*/

	#header {
	width: 762px;
	height: 135px;
	margin: 17px auto 0 auto;
	text-align: left;
	background: transparent url(images/bg-header.jpg) 0 0 no-repeat;
}

	#logo {
	margin: 45px 10px 34px 25px;
}

/*---Navigation-----*/	
	#navigation {
	line-height: 1em;
	margin: 0 0 0 0;
	padding: 0;
}
	#navigation li {
	padding: 0;
	float: left;
	width: 152px;
	list-style-type: none;
	background-color: #fff;
}
	.centCinquante {
	width: 150px !important;
}
	#navigation a {
	display: block;
	width: 152px;
	color: #000; 
	text-align: center; 
	padding: 4px 0; 
	text-decoration: none; 
	float: left; 
}


	.rouge {
	border-top: 1px solid #9F0022;
	border-bottom: 1px solid #9F0022;
	border-right: 1px solid #9F0022;
}
	#navigation li.rouge a:hover, #accueil li.rouge a { 
	background-color: #9F0022;
	color: #eee;
}

	.violet {
	border-top: 1px solid #8B005B;
	border-bottom: 1px solid #8B005B;
	border-right: 1px solid #8B005B;
}
	#navigation li.violet a:hover, #histoire li.violet a {
	background: #8B005B;
	color: #eee;
}

	.vert {
	border-top: 1px solid #006E1E;
	border-bottom: 1px solid #006E1E;
	border-right: 1px solid #006E1E;
}
	#navigation li.vert a:hover, #programme li.vert a {
	background: #006E1E;
	color: #eee;
}

	.jaune {
	border-top: 1px solid #ECBD00;
	border-bottom: 1px solid #ECBD00;
	border-right: 1px solid #ECBD00;
}
	#navigation li.jaune a:hover, #galerie li.jaune a {
	background: #ECBD00;
	color: #eee;
}

	.bleu {
	border-top: 1px solid #00548A;
	border-bottom: 1px solid #00548A;
}
	#navigation li.bleu a:hover, #contact li.bleu a {
	background: #00548A;
	color: #eee;
}



/*-----------Contenu---------------*/

	#contenu {
	width: 758px;
	margin: 0 auto 0 auto;
	padding: 0 0 30px 0;
	text-align: left;
	background:  #fff url(images/bg-home.jpg) no-repeat 85px 75px;
	border-left: 2px solid #9F0022;
	border-right: 2px solid #00548A;
}


/*-----------------Footer-------------*/

	#footer {
	width: 758px;
	margin: 0 auto 0 auto;
	border-top: 1px solid #9F0022;
	border-left: 2px solid #9F0022;
	border-right: 2px solid #00548A;
	background-color: #fff;
}



	#downFooter {
	height: 15px;
	width: 762px;
	margin: 0 auto 0 auto;
	padding: 0 0 20px 0;
	background: transparent url(images/bg-footer.png) 0 0 no-repeat;
}