/* CSS Document */

body{
  background-image: url(../geologie/eau.jpg);
  background-position:left top;
  background-attachment:fixed;
  background-repeat: no-repeat;  
  margin:0;
  padding:15em 0 4em 16em;
  font: 0.6em Arial, Helvetica, sans-serif;
} 
.conteneur { /*le conteneur global du site, qui sera centré */
position: relative;
width: 750px;
margin: 0 auto; 
}
/* -------structure-------- */
 div#header{
	background: url(../geologie/hydrologie.jpg) no-repeat left top;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:15em;
	margin: 0px;
	padding: 0px;
 }
 div#left-sidebar{
	position:absolute;
	top:15em;
	left:0;
	width:16em;
	height:100%;
	overflow: auto;
	margin: 0px;
	padding: 0px;
 }
 div#footer{
    background: url(../geologie/reseau.jpg) repeat-x fixed left bottom;
	background-attachment:;
	background-image:;
	background-position:;
	background-repeat:;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:4em;
 	margin: 0px;
	padding: 0px;
}
 @media screen{
  body>div#header{
   position:fixed;
  }
  body>div#left-sidebar{
   position:fixed;
  }
  body>div#footer{
   position:fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#content{
    height:100%;
    overflow:auto;
 	margin: 0px;
	padding: 0px;
}

/* --------menus------- */
#menu {
	overflow: auto;
	width: 16em;
	color: #069C25;
	position: absolute;
	z-index: 10;
	margin: 0px;
	padding: 0px;
}
#menu ul{
	color: #069C25;
	text-decoration:none;
	font-size: 1.3em;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 1.1em;
}
#menu li{
	padding: 0.5em 0 0.5em 0;
}
#menu a:link{
	color: #069C25;
	text-decoration:none;
}
#menu a:visited{
	color: #60BD73;
	text-decoration:none;
}
#menu a:hover{
	color: #243C79;
	text-decoration:none;
}
#menu a:active{
	color: #069C25;
	text-decoration:none;
}
/* --------sous-menus------- */
ul#sousmenu {
	color: #243C79;
	font-size: 0.8em;
	text-decoration:none;
	list-style-type: none;
	width: 11em;
    border-left:2px solid #243C79;
	border-bottom:2px solid #243C79;
	margin: 0;
    padding: 0;
}
#sousmenu li {
	margin: 0.7em 0 0 0;
	padding: 0 0 0 1em;
	font-size: 1.1em;
	color: #6A7AA1;
}
#sousmenu a:link {
	color: #6A7AA1;
}
#sousmenu a:visited {
	color: #6A7AA1;
}
#sousmenu a:hover {
	color: #243C79;
}
#sousmenu a:active {
	color: #6A7AA1;
}
#bulle {
	position: absolute;
	z-index: 1;
}
.bulle {
  width:16em ;
  height:3em;
}
span {
	color: #243C79;
	background: url(../geologie/goutte.jpg) no-repeat left top;
	padding: 0 0 0 1em;
	margin: 0;
}
/* -------bandeau-------- */
/* accessibilité */
#accessible1 {
	list-style: none;
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 5px 5px;
	padding: 0px;
	text-align: right;
	font-size: 15px;
	color:#069C25;
}
#accessible1 a{
	color:#069C25;
}

#accessible1 a:hover{
    text-decoration:none;
}
ul#accessible {
	list-style: none;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 5px 5px;
	padding: 0px;
	text-align: left;
	font-size: 0px;
	color:white;
}
#accessible a{
	color:white;
}

#accessible a:hover{
    text-decoration:none;
}
/*:focus{
    background-image: none !important;
    background-color: #666 !important;
    color:#fff !important;}*/
/* logo */
#logo {
	position: absolute;
	left: 0px;
	top: 0px;
}
#logo img{
border:0;
}
#logo a{
    color:#000;
    background-color:transparent;
}
/* titre du site */
h3 {
	color: #243C79;
	text-decoration: none;
	margin: 5px 0 0 138px;
	padding: 0px;
	font-size: 24px;
}
h4 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #243C79;
	text-decoration: none;
	margin: 0 0 0 138px;
	padding: 0px;
}
h5 {
	font-size: 13px ;
	color: #243C79;
	text-decoration: none;
	margin: 0 0 15px 138px;
	padding: 0px;
}
/* titre de la page */
h1 {
	font-size: 30px;
	text-decoration: none;
	margin: 2px 0 0em 5.7em;
	padding: 0px;
	color:#069C25;
}
/* ----contenu----- */
#content {
	color:#003366;
	font-size: 1.4em;
	text-align: justify;
}
#content p{
	margin: 0 5em 1em 1.4em;
	padding: 0;
}
a{
	margin: 0 ;
	padding: 0;
	color:#003366;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
}
#content  a:hover{
	margin: 0 ;
	padding: 0;
	color:#069C25;
}
#content li{
	margin: 0 5em 0 0.4em;
	padding: 0;
	list-style-image: url(../geologie/hydro.gif);
	list-style-position: outside;
}
.rehabillitation {
	margin: 0 0 1.5em 1.8em;
	padding: 0;
	font-size: 0.8em;
}
.rehabillitations {
	margin: 0 ;
	padding: 0;
	font-size: 0.8em;
	float: left;
}
.rehabillitations a{
	font: bold 1.2em;
	text-decoration: underline;
	color:#003366;
}
.rehabillitation a{
	font: bold 1.2em;
	text-decoration: underline;
	color:#003366;
}
	
.source {
	margin: 0 10px 0 0;
	padding: 0;
	font-size: 1em;
	float: left;
	width : 300px;
	}
		
.spacer {
clear: both;
}
h2 {
	font-size: 1.1em;
	font-weight: bold;
	width: 70%;
	margin: 0 0 0.5em 1.4em;
	padding: 0;
	border-bottom: 2px solid #243C79;
}
h6 {
	font-size: 0.9em;
	font-weight: bold;
	width: 70%;
	margin: 0 0 0.5em 1.4em;
	padding: 0;
}

/* ----footer----- */
#fondblanc {
	margin:1.5em 0 0 1em;
	color: #243C79;
}
#fondblanc li{
	border-right:1px solid #069C25;
	display:inline;
	margin:0 0.5em 0 0;
	padding:0 0.5em 0 0;
	background-color: #FFFFFF;
}
#fondblanc li.dernier{
    border:0;
}
#fondblanc a:link {
	color: #243C79;
	text-decoration: underline;
}
#fondblanc a:hover {
	color: #069C25;
	text-decoration: none;
}
#fondblanc a:visited {
	color: #243C79;
}
#fondblanc a:active {
	color: #243C79;
}acronym {
	cursor: help;
}