/*
		Style Css for LHI

Author N.Cuvillier
Version 1.0 - 25/04/2010

Updates:
	1.1 - 4/5/2010 : 	modif footer (base de div, et plous de tables)
				Mis un topline par page

*/

/* ------------------------- */
/* --- Global parameters --- */
/* ------------------------- */
* 
{
	font-family:Arial, Sans-Serif;
	font-size:105%;
	margin:0;
	border:0;
	padding:0;
}
a
{
	color: #3333ff;
}
body
{
	background: gray url("img/fondindigo.jpg") repeat;	/* Outside black border */
	margin:0px;
	padding: 5px;
	margin-left:auto;
	margin-right:auto;
	min-width:780px;			/* to keep both header images on same line */
	max-width:1024px;
	line-height:0px;			/* Suppression de la 1ere ligne ?? */
}
h1
{
	text-align:center;
	font-size:1.5em;
}
#allthepages
{
	line-height:normal;		/* Mode normal */
}

/* --------------- */
/* --- En Tete --- */
/* --------------- */
#banner 
{
	height:150px;
	margin:0;
	border:0;
	padding:0;
}
.bannerg
{
	   float: left;
}
.bannerd
{
	float: right;
}
#banner img
{
	margin:0;
	font-size: 2em;
	font-size:xx-large;
	text-align:center;
}

/* --------------- */
/* --- Contenu --- */
/* --------------- */
#container
{
	height:auto; 
	min-height:400px;
	background: silver url("img/indigo.gif") repeat;
	padding:10px;
	margin-top:0px;
	line-height:normal;
}
/* Premiere ligne cote cote d'une image */
#home .topLine
{
	margin-top:-5px;
}
#pres .topLine
{
	margin-top:-14px;
}
#referencement
{
	visibility:hidden;
	font-size:1%;

}
/* ------------ */
/* --- Menu --- */
/* ------------ */
#menu 
{
	height: 40px; 
	margin: 5px 0 5px 0; 
	padding:0; 
	border:0;
	overflow:hidden;
}
#mymenu
{
	width: 760px; 
	margin: 0;
	margin: 0px auto; 
	padding:0;
}
#mymenu  li 
{ 
	display: inline; 
}

#mymenu  li a
{ 
	float: left; 
	width: 108px; 
	height: 0px; 
	padding: 40px 0 0px 0; 
	overflow: hidden;
	background-image: url(img/menulhi.gif);
	background-repeat: no-repeat; 
}

/* BUTTONS */
#mymenu  li#lh_home a { background-position: 0 0; }
#mymenu  li#lh_pres a { background-position: -108px 0; }
#mymenu  li#lh_appart a { background-position: -216px 0; }
#mymenu  li#lh_tarif a { background-position: -324px 0; }
#mymenu  li#lh_team a { background-position: -432px 0; }
#mymenu  li#lh_contact a { background-position: -540px 0; }
#mymenu  li#lh_autresite a { background-position: -648px 0; }

/* OVER STATES */
#mymenu  li#lh_home a:hover { background-position: 0px -45px; }
#mymenu  li#lh_home a:hover { background-position: 0px 0; }
#mymenu  li#lh_pres a:hover { background-position: -108px -45px; }
#mymenu  li#lh_appart a:hover { background-position: -216px -45px; }
#mymenu  li#lh_tarif a:hover { background-position: -324px -45px; }
#mymenu  li#lh_team a:hover { background-position: -432px -45px; }
#mymenu  li#lh_contact a:hover { background-position: -540px -45px; }
#mymenu  li#lh_autresite a:hover { background-position: -648px -45px; }

/* PRESSED STATES */
#mymenu  li#lh_home a:active { background-position: 0px -90px; }
#mymenu  li#lh_pres a:active { background-position: -108px -90px; }
#mymenu  li#lh_appart a:active { background-position: -216px -90px; }
#mymenu  li#lh_tarif a:active { background-position: -324px -90px; }
#mymenu  li#lh_team a:active { background-position: -432px -90px; }
#mymenu  li#lh_contact a:active { background-position: -540px -90px; }
#mymenu  li#lh_autresite a:active { background-position: -648px -90px; }

/* ON STATES */
#mymenu.home  li#lh_home a { background-position:    0px 0 !important; }
#mymenu.pres  li#lh_pres a { background-position: -108px -135px !important; }
#mymenu.appart  li#lh_appart a { background-position: -216px -135px !important; }
#mymenu.tarif  li#lh_tarif a { background-position: -324px -135px !important; }
#mymenu.team  li#lh_team a { background-position: -432px -135px !important; }
#mymenu.contact  li#lh_contact a { background-position: -540px -135px !important; }
#mymenu.autresite  li#lh_autresite a { background-position: -648px -135px !important; }

/* -------------- */
/* --- Footer --- */
/* -------------- */
#footer
{
	background: #3333ff; 
	color:white;
	font-size:small;
	padding:10px 0;
}
#footer a
{
	text-decoration:none;
	color:white;
}

#footerg,
#footerd
{
	width:40%;
	margin: 0 auto;
}
#footerg
{
	float:left;
	margin:0 0 0 10%;
}
#footerd
{
	padding-left:50%;
	margin:0 10% 0 0;
}
#footer p,
#footer a
{
	text-align:center;
	font-size:115%;
}
/* --- Clearing all style --- */
#clearing 
{ 
	clear:both; 
	height:0px;
	margin:0px;
	border:0px;
	padding:0px;
}