/* CSS Document */
/* --------------------------------------------------------------------------------------------- Remise à zéro de tous les préformatages navigateurs */
	* {
		padding:0;
		margin:0
	}
	body {
		font-size:75%;
		font-family:arial, helvetica, sans-serif;
		color:#646464;
		background:#d7eb9b url(../../images/structure/background/body.gif) repeat-x
	}
	ul {list-style:none}
	a {text-decoration:none}
	a:hover, a:focus {text-decoration:underline}
	a img {border:none}
	strong {font-weight:bold}
	em {font-style:italic}
	label {cursor:pointer}
	abbr, acronym {
	  border-bottom:1px dotted #333;
	  cursor:help
	}
	kbd {
		font-size:1.2em;
		background:#F2F9C7;
		padding:0 2px;
		border:solid 1px #ccc;
		border-right:solid 1px #999;
		border-bottom:solid 1px #999
	}
	* html kbd {font-size:1em}
	*+html kbd {font-size:1em}
/* --------------------------------------------------------------------------------------------- Récurrents */
	input.bouton {
		font-family:tahoma;
		font-size:1em;
		/**/color:#fff;
		/**/background:#000;
		/**/border:1px solid #000;
		padding:1px;
		cursor:pointer
	}
/* --------------------------------------------------------------------------------------------- Page */
	#page {
		position:relative;
		width:990px;
		margin:0 auto
	}
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		float:left;
		width:100%;
		background:#fff
	}
/* --------------------------------------------------------------------------------------------- Header */
	#header {
		width:100%;
		height:120px;
		background:url(../../images/structure/background/header.jpg)
	}
/* ------------------------------------------------------------------------- Liens d'accès rapide */
	#header #acces_rapide {
		font-size:.8em;
		padding:3px 0 0 0
	}
	#header #acces_rapide li {
		display:inline;
		margin:0 10px
	}
	#header #acces_rapide li a {color:#fff}
	#header #acces_rapide li img {vertical-align:middle}
/* ------------------------------------------------------------------------- Logo */
	#header #logo {
		display:block;
		float:right;
		width:317px;
		height:100px;
		margin:-6px 0 0 0
	}
/* --------------------------------------------------------------------------------------------- Menu */
/* ------------------------------------------------------------------------- Premier niveau */
	#menu {
		float:left;
		border-bottom:10px solid #afd23c
	}
	#menu li {
		position:relative;
		float:left
	}
	#menu li a, #menu li span {
		display:block;
		float:left;
		width:155px;
		height:55px;
		text-indent:-5000px;
		background-position:left top
	}
	#menu li #intitule_menu_1 {
		width:140px;
		background-image:url(../../images/structure/background/intitule_menu_1.gif)
	}
	#menu li #intitule_menu_2 {
		width:150px;
		background-image:url(../../images/structure/background/intitule_menu_2.gif)
	}
	#menu li #intitule_menu_3 {
		width:210px;
		background-image:url(../../images/structure/background/intitule_menu_3.gif)
	}
	#menu li #intitule_menu_4 {background-image:url(../../images/structure/background/intitule_menu_4.gif)}
	#menu li #intitule_menu_5 {background-image:url(../../images/structure/background/intitule_menu_5.gif)}
	#menu li a:hover, #menu li span, #menu li.on a {background-position:left bottom}
/* ------------------------------------------------------------------------- Second niveau */
	#menu li ul {
		position:absolute;
		top:55px;
		left:0;
		width:208px;
		font-size:1.2em;
		border:none;
		background:#afd23c;
		padding:10px 0 0 0;
		z-index:1000
	}

	#menu li ul li {float:left;z-index:1000}
	#menu li ul li a, #menu li.on ul li.on ul li a {
		width:180px;
		height:auto;
		text-indent:0;
		color:#000;
		border-left:5px solid #afd23c;
		border-right:5px solid #afd23c;
		padding:6px 9px
	}
	#menu li ul li a:hover, #menu li.on ul li.on a, #menu li.on ul li.on ul li a:hover {
		color:#fff;
		border-color:#ff5a3c;
		background:#6a8421 url(../../images/structure/background/menu_a.gif) repeat-x;
		text-decoration:none
	}
/* ------------------------------------------------------------------------- Troisième niveau */
	#menu li ul li ul {
		top:0;
		left:209px;
		font-size:.9em;
		padding:0
	}
	#menu li.on ul li.on ul li a {background:none}
/* --------------------------------------------------------------------------------------------- Recherche */
	#recherche {
		float:left;
		width:180px;
		height:48px;
		font-size:1.1em;
		border-bottom:10px solid #afd23c;
		background:#6d83c5;
		padding:7px 0 0 0
	}
	#recherche input.champ_recherche {
		width:120px;
		font-size:1em;
		font-style:italic;
		color:#646464;
		border:1px solid #5e71a6;
		padding:3px 0 2px 3px;
		margin:0 3px 0 12px
	}
	#recherche input.bouton_recherche {
		position:relative;
		left:0;
		top:8px
	}
/* --------------------------------------------------------------------------------------------- Main */
	#main {
		float:left;
		width:850px;
		min-height:620px
	}
	* html #main {height:620px}
/* ------------------------------------------------------------------------- Left */
	#main #left {
		float:left;
		width:570px;
		padding:5px 20px 0 10px
	}
/* ----------------------------------------------------- Compas */
	#main #left #compas {
		color:#000;
		margin:0 0 20px 0
	}
	#main #left #compas a {
		color:#1f3d92;
		text-decoration:underline
	}
	#main #left #compas a:hover {text-decoration:none}
/* ----------------------------------------------------- Titre */
	#main #left span.titre{
		display:block;
		text-transform:uppercase;
		font-size:2em;
		font-weight:bold;
		color:#000;
		padding:0 0 10px 0
	}
/* ------------------------------------------------------------------------- Right */
	#main #right {
		float:left;
		width:250px;
		padding:10px 0 0 0
	}
/* ----------------------------------------------------- Abonnement newsletter */
	#main #right #abonnement_newsletter {
		background:#6076b8 url(../../images/structure/background/abonnement_newsletter.gif) repeat-x;
		padding:15px 0 6px 10px;
		margin:0 0 5px 0
	}
	#main #right #abonnement_newsletter label {
		display:block;
		text-transform:uppercase;
		font-size:1.2em;
		font-weight:bold;
		color:#fff;
		margin:0 0 5px 0
	}
	#main #right #abonnement_newsletter input.champ_newsletter {
		float:left;
		width:127px;
		font-style:italic;
		color:#969696;
		border:1px solid #fff;
		padding:2px 0 2px 3px;
		margin:0 5px 0 0
	}
	#main #right #abonnement_newsletter input.bouton_newsletter {margin:-2px 0 0 0}
	#main #right #abonnement_newsletter span {
		font-size:.9em;
		color:#fff
	}
/* --------------------------------------------------------------------------------------------- Skyscraper */
	#skyscraper {
	/*	float:left;
		width:130px;
		padding:0 0 0 10px;
		margin:10px 0 0 0*/
		width:130px;
		position:absolute;
		right:0;
		top:105px;
	}
/* --------------------------------------------------------------------------------------------- Footer */
	#footer {
		float:left;
		width:977px;
		background:url(../../images/structure/background/footer.gif) repeat-x;
		padding:5px 0 5px 13px;
		margin:10px 0 0 0
	}
	#footer span {
		display:block;
		float:left;
		color:#000;
		font-size:.9em;
		font-weight:bold;
		margin:8px 8px 0 0
	}
	#footer ul {
		float:left;
		width:91%
	}
	#footer ul li {
		float:left;
		padding:8px 0 0 0;
		margin:0 20px 0 0
	}
	#footer ul li.right {
		float:right;
		padding:0;
		margin:0 0 0 20px
	}
	#footer ul li a {
		color:#ff5a3c;
		text-decoration:underline
	}
	#footer ul li a:hover {text-decoration:none}
	#footer ul li img {
		vertical-align:middle
	}
/* --------------------------------------------------------------------------------------------- Copyright */
	#copyright {
		float:left;
		width:100%;
		text-align:center;
		padding:8px 0 20px 0
	}
	#copyright li {display:inline}
	#copyright a {
		color:#ff5a3c;
		text-decoration:underline
	}
	#copyright a:hover {text-decoration:none}