* {
    /* zero out everything */
    margin: 0;
    padding: 0;
}


body {
	font-family:Lucida,arial,sans-serif;
	color:#234E0E;
	background: transparent url("charte/fond_body.jpg") repeat-y top center;
	font-size:0.9em;
}

p {
	font-size:12px; 
 	line-height:20px; 
	padding:5px 15px 15px 40px;
 	color:#234E0E;
}
a {
	color:#234E0E;
	text-decoration: none;
}
a:hover {
 	color:#183509;
}

h3 {
font-size:16px; 
 line-height:22px; 
 padding:5px 15px 15px 30px;
 }

#container {
	width:780px;
	margin:0 auto;
}

#header {
	width: 780px; 
	margin: 0 auto;	
	padding: 0;
}

/*------------------------------------------------------------*
**  left
**------------------------------------------------------------*/
#gauche {
	height:540px;
	float: left;
	width: 430px;
	padding: 0;
	}
.gauche {
	float: left;
	margin-right: 8px;
}

#index_haut {
    background: transparent url(charte/index_haut.jpg) no-repeat top left;
	height:137px;
	padding: 0;
}
#index_haut a{
	padding: 0;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#index_haut img{
	padding: 0;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#index_bas {
	background: transparent url(charte/menu_bas.jpg) no-repeat top left;
	height:320px;
	padding: 0;
}


/*------------------------------------------------------------*
**  right
**------------------------------------------------------------*/
#droite {
	float: right;
	width: 350px;	
	height: 585px;
	background: transparent url(charte/fond_droite.jpg) no-repeat bottom left;
	}
	
#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;
	}

#magasin {
    position:absolute;
	width:780px; 
    top: 585px;
	float: left;
	margin:0;
	padding:0;
    background-color:#377A16;
	border: 0px;
}

/*  global nav 
*************************************************/
#globalnav {
    height: 189px;
}

#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: 21px;
    width: 430px;
    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#feu:hover {
    background-position: 0 -189px;
}
a#aero:hover {
    background-position: 0 -189px;
}

a#geot:hover {
    background-position: 0 -189px;
}

a#clim:hover {
    background-position: 0 -189px;
}

a#phot:hover {
    background-position: 0 -189px;
}

a#eau:hover {
    background-position: 0 -189px;
}
a#gaz:hover {
    background-position: 0 -189px;
}
a#elec:hover {
    background-position: 0 -189px;
}
a#plan:hover {
    background-position: 0 -189px;
}


.menumag ul {
list-style-type: none;
margin:0;
padding:0;
position: relative; 
top: 6px; /* positionnement du menu, que vous pouvez changer à loisir */
left: 80px;
width:780px;
width: 100%; /* précision pour Opera */
height: 140px;
background-color:#377A16;

}
.menumag li {
width: 195px;	   /* largeur du bouton, que vous pouvez changer à loisir */
list-style-type: none;
float: left;
	background-color:#377A16;
}
.menumag a {       /* définition de chaque bouton du menu */
width: 195px;	   /* largeur du bouton, que vous pouvez changer à loisir */
height: 140px;
float: left;
display: block;
text-align: center;
text-decoration: none;
color: #fff;
background-color:#377A16;
}

.menumag a:hover {
border-bottom: 0px;
color: #FFFF00;
background-color:#377A16;
}

.menumag a span {     /* définition de la balise <span> inclue dans <a> */
display: none;
background-color:#377A16;
}
.menumag img {     /* définition de la balise <span> inclue dans <a> */
background-color:#377A16;
	text-decoration: none;
	border: 0px;
}

.menumag a:hover span {   /* définition de la balise <span> au survol */
display: block;
position: absolute;
top: 60px;
left: 300px;
width: 200px;       /* largeur de la zone de commentaires, selon la taille du menu */
text-align: left;
color: #FFFF00;
	background-color:#00000;;
}
#magasin p {
	margin: 5px;
	font-size:14px;
   color:#FFFF00;
}
#footer {
	margin: 0px;
   position:relative;
}
#footer img{
	margin: 3px;
	padding: 3px;
	border: 0px;
}