/* CSS Document */	
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		width:992px;
		margin:0 auto
	}
/* ------------------------------------------------------------------------- Input */
	input.champ:focus, input.champ.focus {background:#d7efac}
	input.bouton {
		font-family:tahoma;
		font-size:1em;
		color:#fff;
		background:#7f4295;
		border:1px solid #7f4295;
		padding:0 1px;
		cursor:pointer
	}
/* ------------------------------------------------------------------------- Liens d'accès rapide */
	#acces_rapide {
		float:left;
		font-family:arial, helvetica, sans-serif;
		font-size:1.2em;
		color:#fff;
		background:#7f4295;
		padding:4px 0 0 45px
	}
	#acces_rapide li {
		/*display:inline;*/
		float:left;
		margin:0 12px 0 0
	}
	#acces_rapide li a, #acces_rapide li span {
		color:#fff;
		margin:0 12px 0 0
	}
	#acces_rapide li span {font-weight:bold}
/* ------------------------------------------------------------------------- Recherche */
	#recherche {
		float:right;
		font-family:arial, helvetica, sans-serif;
		background:#7f4295;
		padding:3px 50px 4px 0
	}
	* html #recherche {padding-bottom:3px}
	*+html #recherche {padding-bottom:3px}
	#recherche label {
		float:left;
		line-height:1.4em;
		font-size:1.2em;
		color:#fff;
		margin:0 7px 0 0
	}
	#recherche input.champ {
		float:left;
		width:147px;
		font-family:arial, helvetica, sans-serif;
		font-size:1.2em;
		border:1px solid #fff;
		padding:0 0 0 3px
	}
	#recherche input.bouton {
		float:left;
		font-size:1.1em;
		background:#96c93d;
		border-color:#96c93d
	}
/* ------------------------------------------------------------------------- Logo */
	#logo {
		float:left;
		width:100%;
		text-align:center
	}
/* ------------------------------------------------------------------------- Menu */
/* ----------------------------------------------------- Premier niveau */
	#menu {
		float:left;
		width:962px;
		text-transform:uppercase;
		font-size:1.4em;
		background:url(../images/background/menu.gif) no-repeat left bottom;
		padding:0 0 10px 30px
	}
	#menu li {
		position:relative;
		display:block;
		float:left;
		background:#f9f9f1 url(../images/background/menu_li.gif) no-repeat left top;
		margin:0 13px 0 0
	}
	#menu li a {
		display:block;
		float:left;
		color:#7f4295;
		background:url(../images/background/menu_a.gif) no-repeat right top;
		padding:11px 20px 12px 20px
	}
	#menu li.on a {text-decoration:underline}
/* ----------------------------------------------------- Second niveau */
	#menu li ul {
		position:absolute;
		top:-999px;
		left:0;
		text-transform:none;
		width:170px;
		font-size:.8em;
		background:#f9f9f1;
		border:1px solid #e0e0df;
		padding:10px 15px 0 8px
	}
	#menu li ul.actif {top:38px}
	#menu li ul li {
		float:none;
		background:url(../images/background/fleche_couleur02.gif) no-repeat 0 3px;
		padding:0 0 0 16px;
		margin:0 0 9px 0
	}
	#menu li ul li a {
		display:inline;
		float:none;
		color:#7f4295;
		background:none;
		padding:0
	}
	#menu li.on ul li a {text-decoration:none}
	#menu li.on ul li a:hover {text-decoration:underline}
	#menu li.on ul li.on a {text-decoration:underline}
/* ----------------------------------------------------- Troisème niveau */
	#menu li ul.actif li ul {
		top:0;
		left:177px;
		width:150px
	}
	* html #menu li ul.actif li ul {left:161px}
	#menu li.on ul.actif li.on ul li a {text-decoration:none}
	#menu li.on ul.actif li.on ul li a:hover {text-decoration:underline}
/* ------------------------------------------------------------------------- Main */
	#main {
		float:left;
		width:100%;
		background:#f9f9f1 url(../images/background/main.gif) repeat-y;
		font-size:1.1em;
		padding:0 0 20px 0
	}
/* ---------------------------------------------------- Lien externe */
	#main a.lightbox.externe {
		background-image:none;
		padding-right:0
	}
	#main a.externe {
		background-image:url(../images/background/lien_externe.gif);
		background-repeat:no-repeat;
		background-position:right 50%;
		padding:0 14px 0 0
	}
	#main div.zone_contextuelle a.externe {background-image:url(../images/background/lien_externe_noir.gif)}
	#main div.arrondi a.externe {background-image:url(../images/background/lien_externe_blanc.gif)}
/* ---------------------------------------------------- Arrondis */
	div.arrondi {
		float:left;
		width:248px;
		color:#fff;
		background:url(../images/background/arrondi_bottom_couleur01.gif) no-repeat right bottom;
		padding:0 0 15px 0;
		margin:0 0 30px 0
	}
	div.arrondi div {
		float:left;
		width:100%;
		background:url(../images/background/arrondi_middle_couleur01.gif) repeat-y right top
	}
	div.arrondi div h2, div.arrondi div span.titre {
		display:block;
		font-size:1.8em;
		font-weight:normal;
		background:url(../images/background/arrondi_top_couleur01.gif) no-repeat;
		padding:43px 10px 5px 38px;
		margin:0 0 3px 0
	}
	div.arrondi div h2 span, div.arrondi div span.titre span {
		display:block;
		background:#96c93d url(../images/background/dotted_blanc.gif) repeat-x left bottom;
		padding:0 0 2px 10px
	}
	div.arrondi div img {
		float:right;
		border:2px solid #fff;
		margin:0 15px 13px 0
	}
	div.arrondi div ul {
		float:left;
		width:213px;
		padding:0 10px 0 25px
	}
	div.arrondi div ul li {
		background:#96c93d url(../images/background/fleche_blanc.gif) no-repeat left 3px;
		padding:0 0 0 15px;
		margin:0 0 6px 0
	}
	div.arrondi div ul li a {color:#fff}
/* -------------------------------- Arrondi 02 (Zoom sur) */
	#noeud_parent_1965 {
		width:249px;
		background-image:url(../images/background/arrondi_bottom_couleur02.gif);
		padding-bottom:13px
	}
	#noeud_parent_1965 div {background-image:url(../images/background/arrondi_middle_couleur02.gif)}
	#noeud_parent_1965 div h2 {background-image:url(../images/background/arrondi_top_couleur02.gif)}
	#noeud_parent_1965 div h2 span, #noeud_parent_1965 div span.titre span {background-color:#7f4295}
	#noeud_parent_1965 div img {margin-bottom:7px}
	#noeud_parent_1965 h3 {
		line-height:1.5em;
		font-size:1em;
		font-weight:bold;
		background:#7f4295;
		margin:0 15px 1px 32px
	}
	#noeud_parent_1965 h3 a {
		color:#fff;
		text-decoration:underline
	}
	#noeud_parent_1965 h3 a:hover, #noeud_parent_1965 h3 a:focus, #noeud_parent_1965 h3 a.focus {text-decoration:none}
	#noeud_parent_1965 p {
		text-align:justify;
		line-height:1.5em;
		background:#7f4295;
		margin:0 15px 8px 32px
	}
	#noeud_parent_1965 div ul li {background-color:#7f4295}
/* ---------------------------------------------------- Plan du site */
	#plan_site {
		width:677px;
		margin:10px auto 0 auto
	}
	#plan_site h1 {
		font-size:1.9em;
		color:#fff;
		font-weight:normal;
		background:#7f4295 url(../images/background/h1.gif) no-repeat;
		padding:4px 15px 5px 15px;
		margin:0 0 12px 0
	}
	#plan_site table {
		float:left;
		width:100%;
		border-collapse:collapse
	}
	#plan_site table tr td {
		vertical-align:top;
		padding:0 5px 10px 5px
	}
	#plan_site table tr td h2 {
		font-size:1.5em;
		color:#86b830;
		margin-bottom:3px
	}
	#plan_site table tr td h2 a {color:#86b830}
	#plan_site table tr td ul {padding:0 0 0 10px}
	#plan_site table tr td ul li {
		background:url(../images/background/fleche.gif) no-repeat 0 4px;
		padding:0 0 0 10px;
		margin:0 0 2px 0
	}
	#plan_site table tr td ul li a {color:#2e3136}
/* ------------------------------------------------------------------------- Footer */
	#footer {
		float:left;
		width:922px;
		text-align:right;
		font-family:'trebuchet ms';
		font-size:1.1em;
		color:#4b565d;
		background:url(../images/background/footer.gif) no-repeat;
		padding:20px 30px 20px 40px
	}
	#footer #copyright {float:left}
	#footer #copyright a {
		color:#4b565d;
		text-decoration:underline
	}
	#footer #copyright a:hover, #footer #copyright a:focus, #footer #copyright a.focus {text-decoration:none}
	#footer ul {float:right}
	#footer li {
		/*display:inline;*/
		float:left;
		margin:0 10px 0 0
	}
	#footer li a, #footer li span {
		color:#4b565d;
		margin:0 10px 0 0
	}
	#footer li span {font-weight:bold}