@charset "utf-8";
/* CSS Document */

body {
  margin: 0;
  height:100%;
  font-family: 'Baumans', cursive;
  background-image:url(images/bg_terraqua.jpg);
  background-repeat:repeat-x;
}

#global {
  margin-left: auto;
  margin-right: auto;
  width: 990px;
}

#min-header {
	color:#444349;
	text-align:center;
}

#bandeau {
	background-color:#F00;	
	height:320px;
}

#menu{
	background-color:#444349;	
	text-align:center;
	margin:0px;
	padding:0px;
}

#menu ul{
	background-color:#444349;	
	margin:0px;
	padding:0px;
	display:inline;
	text-align:center;
	list-style:none;
}

#menu ul li {
	background-color:#444349;	
	float:left;
	width:25%;
	margin:0px;
	padding:0px;
}

#menu ul li a {
	color:#FFF;
	display:block;
	text-decoration:none;
	font-size:18px;
}

#menu ul li a:hover {
	display:block;
	background-color:#FFF;
	color:#444349;
	text-decoration:none;

}


#conteneur {
	background-color:#FFF;	
	height:100%;
	padding:50px 30px 30px 30px;
}

#conteneur h1 {
	margin:0px;
	padding:0px;
}

#conteneur h3 {
	margin:0px;
	padding:0px;
}

#conteneur #fltimg {
	float:left;
	margin-right:20px;
}

#conteneur #fltimd {
	float:right;
	margin-left:20px;
}

#conteneur p {
	text-align:justify;
}

#conteneur li {
	margin-left:400px;
}

#sepa{
	clear:both;
}


#sepafinal{
	clear:both;
	height:300px;/* doit correspondre à la hauteur du footer pour pas que le contenu passe en dessous */
}

#footer {
	height: 200px; /* pour ajuster la hauteur du pied de page */
 	margin-top: -200px;/* doit correspondre à la valeur négative de la hauteur */
	background-color:#444349;
	text-align:center;
	padding:20px;
	color:#FFF;
}

#footer a {
	color:#FFFFFF;
}

#footer a:hover {
	text-decoration:none;
}