/*---------------------------------------------
HTML & BODY
---------------------------------------------*/
html {
	background: gray;
}


body {
	width: 95%;
	min-width: 800px;
	margin: 1em auto;	padding: 0;
	border: 2px solid #000;
	position: relative;
	background: rgb(99%,99%,99%) url("../gfx/fondbody.jpg") repeat-x bottom;
}

/*---------------------------------------------
Conteneurs
---------------------------------------------*/

#entete {
	height: 78px;
	width: 100%;
	position: relative;
	background: #000000 url("../gfx/fentete.png") top left repeat-x;
	border-bottom: 1px solid #000000;
	overflow: hidden;
}

#logo {
	background: url('../gfx/logo.jpg') no-repeat bottom right; 
	width: 100%;
	height: 180px;
	clear: both;
}

#carte {
	position: absolute;
	right: 1px;
	width: 400px;
	height: 396px;
	background: #FFFFFF url("../gfx/france.gif") no-repeat top left;
}

#navigation {
	margin: 0 406px 0 0;
	padding: 0;
	height: 396px;
	text-align: center;
	border-bottom: 1px solid #000000;
}

#onglets {
	float: left;
	width: 100%;
    background: #FFFFFF url("../gfx/fondonglet.jpg") repeat-x bottom;
    line-height: normal;
}

#contenuonglet {
	width: 95%;
	margin: 1em 0 0 auto;
	height: 350px;
	text-align: justify;
	overflow: auto;
	clear: both;
}


/*---------------------------------------------
Styles propres aux conteneurs
---------------------------------------------*/

#onglets ul {
    list-style: none;
	text-indent: 0;
	margin:0; padding: 5px 0 0;
}

#onglets li {
    display: inline;
    margin: 0;
    padding: 0;
}

#onglets a {
    float: left;
	background: url("../gfx/fgauche_both.png") no-repeat left top;
	margin: 0;
	padding:0 0 0 10px;
	border-bottom: 1px solid #000000;
	text-decoration: none;
}

#onglets a span {
	float: left;
	display: block;
	background: url("../gfx/fdroite_both.png") no-repeat right top;
	padding: 5px 15px 4px 6px;
	font: normal bold 1em Trebuchet,sans-serif;
	color: #000000;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
    #onglets a span {float:none;}
/* End IE5-Mac hack */

#onglets a:hover span {
	color: #EEEEEE;
	background-position: 100% -91px;
}

#onglets #actif a {
	border-width: 0;
	background-position: 0 -91px;
}

#onglets #actif a span {
	background-position: 100% -91px;
	padding-bottom: 5px;
	color: #FFFFFF;
}

#onglets a:hover {
	background-position: 0% -91px;
}

#navigation {
	background: #F08A00 url("../gfx/fnavigation.png") repeat-y left;
}

#carte ul {
	list-style: none;
}

#carte a {
	position: absolute;
	width: 10px;
	height: 10px;
	background: url("../gfx/pointcarte.gif") no-repeat top left;
	text-decoration: none;
	/*overflow: hidden;*/
	z-index: 1;
}

#carte a:hover {
	background-position: 0 -10px;
}
	
#carte a span {
	display: none;
	visibility: hidden;
	z-index: 2;

}

#carte a:hover span {
	display: inline;
	border: 2px solid #000000;
	background: #FFFFFF;
	color: #000000;
	font: normal bold 0.6em Georgia,sans-serif;
	visibility: visible;
	padding: 3px;
	white-space: nowrap;
	z-index: 2;
}
/*---------------------------------------------
Titres, liste, liens...
---------------------------------------------*/

h1 {
	font: normal bold 1.75em Trebuchet,sans-serif;
	color: #FFFFFF;
	background: #000000 url("../gfx/fentete2.png") bottom left;
	margin: 0; padding: 0;
	vertical-align: bottom;
	text-indent: 0.2em;
	width: 100%;
	position: absolute; left: 0; top: 50px;
	/* hide-from-IE5/Mac hack \*/
	 top: auto; bottom: 0;
	/* end hack */
}

h1 a { color: #FFFFFF; text-decoration:none;}

h2 {
	display: none;
}

h3 {
	font: normal bold 1.2em Trebuchet,sans-serif;
	color: #000000;
	text-align: center;
	margin: 0.6em 0; padding: 0.5em;
	margin-right: 1em;
	text-indent: 0;
	background: #FFFFFF;
	border: 1px solid black;
}

p, ul {
	font: normal normal 1em Trebuchet,sans-serif;
	color: #0A0A0A;
	margin: 0.5em 0; padding: 0;
	margin-right: 1em;
	text-indent: 1em;
	text-align: justify;
}
	
/*---------------------------------------------
Hack... divers
---------------------------------------------*/
.spacer {
	clear: both;
	height: 1px;
}

.borduredroite {
	background: url("../gfx/pointnoir.jpg") repeat-y right;
}