* {
    /* zero out everything */
    margin: 0;
    padding: 0;
}


body {
	font-family:Lucida,arial,sans-serif;
	color:#08608E;
	background: transparent url("charte/fond_body.jpg") repeat-y top center;
}

p {
font-size:12px; 
 line-height:20px; 
 margin:5px 15px 15px 40px;
 }
h3 {
font-size:16px; 
 line-height:22px; 
 margin:5px 15px 15px 30px;
 }

#container {
	width:780px;
	margin:0 auto;
}

#header {
	width: 780px; 
	margin: 0 auto;	
	padding: 0;
}

/*------------------------------------------------------------*
**  left
**------------------------------------------------------------*/
#gauche {
	float: left;
	width: 353px;
	padding: 0;
	}

/*------------------------------------------------------------*
**  right
**------------------------------------------------------------*/
#droite {
	float: right;
	width: 427px;	
	}
	
#titre {
	text-indent:-1200px;
	height:0px;
}

.header-title {
	position: absolute;
	left: -999px;
}

.header-title-two {
	position: absolute;
	left: -999px;
}

img{
	margin: 0px;
	padding: 0px;
}


#content {
	width: 780px;
	margin: 0 auto;
	padding-bottom: 50px;
	}

#footer {
	margin: 3px;
   position:relative;
}
#footer img{
	margin: 3px;
	padding: 3px;
	border: 0px;
}



/*  global nav 
*************************************************/
#globalnav {
    height: 280px;
}

#globalnav span {
    visibility: hidden;
}

#globalnav ul {
    background: transparent url(charte/menu_index.jpg) no-repeat top left;
}

#globalnav ul li {
    list-style: none;
}

#globalnav ul li a {
    display: block;
    height: 40px;
    width: 353px;
    text-decoration: none;
}

#globalnav a:hover {
    /* attention, il ne faut pas écrire: #globalnav ul li a:hover  */
    background: transparent url(charte/menu_index.jpg) no-repeat top left;
}

a#aero:hover {
    background-position: 0 -432px;
}

a#geot:hover {
    background-position: 0 -486px;
}

a#clim:hover {
    background-position: 0 -540px;
}

a#phot:hover {
    background-position: 0 -594px;
}

a#eau:hover {
    background-position: 0 -648px;
}
a#gaz:hover {
    background-position: 0 -702px;
}
a#elec:hover {
    background-position: 0 -756px;
}
a#plan:hover {
    background-position: 0 -810px;
}