/*------------------------------------------
	General Formatting / Structure
------------------------------------------*/
body {
	background: #17304d url(../images/bg.jpg) no-repeat 50% top ;
	margin: 0 0;
	color: #45443F;
	font: .9em Trebuchet MS, Trebuchet, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}
a {
	color: #545454;
	position: relative;
}
a:hover {
	color: #000;
}
img {
	border: none;
}
p , h1 , h2 , h3 , form {
	margin: 5px 0;
	padding: 0;
}
p {
	line-height:140%;
}
h2 {
	color: #527996;
	margin-bottom: 2px;
	font-size: 5pt;
	line-height: 0.3em;
	height: 17px;
	text-indent: -3000px;
	/*background-color: #E9EBDD;*/
	background-repeat:no-repeat;
}
h2 a {
	display: block;
	height: 15px;
	border: none;
}

h3 {
	color: #A0413E;
	margin-bottom: 2px;
	line-height: 1.3em;
}
h4 {
	color: #527996;
	margin-bottom: 2px;
	line-height: 1em;
}
h5 {
	color: #77745D;
	margin-bottom: 2px;
	line-height: 1em;
}
div#outer-wrapper {
	background: url(../images/middle.jpg) repeat-y 0 495px;
	width: 784px;
	margin: auto;
}
div#inner-wrapper {
	background: url(../images/top.jpg) no-repeat 0 0;
	height: auto !important; height: 495px;
	min-height: 495px; /* 495 || 629 */
}
div#bottom {
	width: 784px;
	background: url(../images/bottom.jpg) no-repeat 100% 0;
	height: 169px;
	margin: auto;
	clear: both;
}



/*------------------------------------------
	Navigation
------------------------------------------*/
a#logo {
	border: none;
	display: block;
	width: 163px;
	height: 163px;
	top: 20px;
	left: 20px;

	/*-[ old ]----
	width: 142px;
	height: 113px;
	top: -17px;
	left: -18px;
	*/

	background: url(../images/logo.gif) no-repeat 0 0;
	text-indent: -50000em;
	position: relative;
}
a#logo:hover {
	background-position: 0 -163px;
}



ul#nav {
	padding:0;
	position: relative;
	top: 0 !important;
	left: 65px !important;
	float: none !important;
	top: 0;
	left: 55px;
	float: left;
	text-align:center;
}
ul#nav li {
	float: left;
	list-style: none;
	background: url(../images/nav-split.gif) no-repeat 100% 20% ;
	padding: 0 10px ;
}
ul#nav li a {
	display: block;
	height: 39px;
	border: none;
	color:#A0403D;
	float: left;
}
ul#nav li a:hover {
	color:#31619B;
}






/*------------------------------------------
	Content accueil
------------------------------------------*/
div#content1{
	clear: both;
	top: 0 !important;
	top: auto;
	position: relative;
	margin-left: 50px !important;
	margin-left: 25px;
	margin-bottom: -300px !important;
	margin-bottom: -30px;
	width: 720px;
	
}
/*------------------------------------------
	intro accueil
------------------------------------------*/
div#intro {
	clear: both;
	top: 0 !important;
	top: auto;
	position: relative;
	margin-left: 50px !important;
	margin-left: 25px;
	margin-bottom:25px;
	width: 720px;
	
}
/*------------------------------------------
	Content
------------------------------------------*/
div#content{
	clear: both;
	top: 0 !important;
	top: auto;
	position: relative;
	margin-left: 50px !important;
	margin-left: 25px;
	margin-bottom: -100px !important;
	margin-bottom: -10px;
	width: 500px;
	float: left;
}

.objectif {
	float:left;
	width: 450px;
	margin:0px; !important;
	margin: 0px;
	background:;
	
	
}
.objectif img{
	float:left;
	margin:10px; !important;
	margin:5px;
}
.objectif p{
	margin:0;
	color:#316196;
	font-size:.9em;
	padding:10px 5px;
}

.alaligne {
	display: block;
	clear: both;
}
div#sidebar{
	float: right;
	width: 200px;
	margin-right: 31px !important;
	margin-right: 15px;
	margin-top: 40px;
	
}
div#sidebar1 {
	float: right;
	width: 200px;
	margin-right: 31px !important;
	margin-right: 15px;
	margin-top: 10px;
	
}

p#copyright {
	text-align: center;
	font-size: 1em;
	color: #9B9789;
	margin-top: 0px;
	margin-bottom: 0px;
}
p#copyright img {
	padding-top: 4px;
}

p#extra {
	width: 163px;
	margin: auto;
	margin-top: 8px;
	margin-bottom: 12px;
}
p#extra a {
	display: block;
	text-indent: -50000em;
	border: none;
	height: 41px;
}
p#extra a:hover {
	background-position: 0 -41px !important;
}
p#extra a#check-xhtml {
	float: left;
	background: url(../images/xhtml.gif) no-repeat 0 0;
	width: 92px;
}
p#extra a#check-css {
	float: right;
	background: url(../images/css.gif) no-repeat 0 0;
	width: 71px;
}
p#extra:after {
	content: ".";
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
}


div.haut a {
	background: url(../images/haut.gif) no-repeat 0 0;
	width: 32px;
	height:32px;
	margin: auto;
	text-align:right;	
	display:block;
}
div.haut a:hover {
	background: url(../images/haut.gif) no-repeat 0 -32px;
}
div.haut span {
	display:none;
}


/*----------------------- Mémoire, Hiloula, valeurs -------------------*/
.hiloula ul, .memoire ul {
 	margin:5px 0;
	padding:0;
} 

/* Mémoire */
.memoire-bas {
	background: url(../images/memoire_bas.gif) no-repeat 0 bottom;
	
}
.memoire-haut {
	background: url(../images/memoire_haut.gif) no-repeat 0 bottom;
	height:65px;
}
.memoire {
 	padding:0 10px 10px 10px;
 	margin:0;
	font-size:0.9em;
}
.memoire h4{
 	text-align:center;
 	margin-top :10px;
	margin-bottom:10px;
	
}
/* Valeurs */
.valeur-bas {
	background: url(../images/valeur_bas.gif) no-repeat 0 bottom;
	
}
.valeur-haut {
	background: url(../images/valeur_haut.gif) no-repeat 0 bottom;
	height:82px;
}
.valeur {
 	padding:0 10px 10px 10px;
 	margin:0 0 30px 0;
	font-size:0.9em;
}
.valeur h4{
 	text-align:center;
 	margin-top :0;
	margin-bottom:5px;
	
}
.valeur li {
 	list-style-type: none;
	color:#527996;
	font-weight:bold;
}
/* evenements - hiloula */
.hiloula-bas {
	background: url(../images/hiloula_bas.gif) no-repeat 0 bottom;
	
}
.hiloula-haut {
	background: url(../images/hiloula_haut.gif) no-repeat 0 bottom;
	height:65px;
}
.hiloula {
 	padding:0 10px 10px 10px;
 	margin:0 0 30px 0;
	font-size:0.9em;
}
.hiloula h4{
 	text-align:center;
 	margin-top :0;
	margin-bottom:5px;
	
}

.hiloula li {
 	list-style-type: none;
	color:#527996;
	font-weight:bold;
}

/* Gallerie */

#gallery {
margin:0 ;
}

#gallery ul {
list-style:none;
margin:0;
padding:0;
}

#gallery li {
float:left;
padding:30px 0 0 30px;
list-style:none;
}

#gallery li a {
display:block;
float:left;
background:#FFF;
padding:5px;
border:1px solid #ccc;
}

#gallery li a:hover,#map a:hover {
background:#AD9379;
}

#gallery li img,#map img,#imageBrowser img {
display:block;
margin:0;
padding:0;
}