/* CSS Document */	
body {
	background:#f2ecea;
/*
	font-size:70%;
*/
	}
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		width:764px;
		font-size:1.1em;
		margin:0 auto;
		padding:0 5px;
		background:url(../images/background/ram_bck.png) repeat-y;
	}
/* ------------------------------------------------------------------------- Header */
	#header {
		float:left;
		width:100%;
		background:url(../images/background/ram_tetiere_bck.png) repeat-y;
		height:168px;
	}
/* ----------------------------------------------------- Top */
	#top {
		float:left;
		width:100%;
		color:#000000;
		width:728px;
		padding:5px 20px 1px 16px;
	}
/* --------------------------------- Liens d'accès rapide */
	#acces_rapide {
		float:left;
		padding:2px 0 0 0
	}
	#acces_rapide li {
		float:left;
		margin:0 10px 0 0 !important;
		margin:0 7px 0 0;
	}
	#acces_rapide li a, #acces_rapide li span {
		color:#000;
		margin:0 10px 0 0!important;
		margin:0 7px 0 0;
	}
	#acces_rapide li span {font-weight:bold}
/* --------------------------------- Recherche */
	#recherche {float:right}
	#recherche label {
		float:left;
		line-height:1.6em;
		margin:0 5px 0 0
	}
	#recherche input.champ {
		float:left;
		width:133px;
		font-family:arial;
		font-size:1em;
		color:#000;
		border:1px solid #fff;
		padding:1px 5px
	}
	#recherche input.champ:hover, #recherche input.champ:focus, #recherche input.champ.focus {background:#f4f6f5}
	#recherche input.bouton {
		float:left;
		font-family:arial;
		font-size:.9em;
		color:#fff;
		background:#666666;
		border:1px solid #fff;
		padding:1px 4px 0 4px
	}
	*+html #recherche input.bouton {padding-top:0}
	* html #recherche input.bouton {padding-top:0}
/* ----------------------------------------------------- Tétière */
	#tetiere {
		position:relative;
		display:inline;
		float:left;
	}
	#tetiere img {float:left}
	#logo {
		position:relative;
	}
	#logo img{
		position:absolute;
		top:120px;
		left:124px;
	}
/* ------------------------------------------------------------------------- Menu haut*/
	#acces_direct{
		height:24px;
		width:100%;
		background:url(../images/background/ram_menuh_bck.png) no-repeat;
		float:left;
	}
	#acces_direct .first a{
		margin-left: 230px!important;
		margin-left: 115px;
	}
	#acces_direct span.toolbar-item  a{
		color:#FFFFFF;
		font-size:1.4em;
		height:17px;
		padding:2px 10px 0px 10px;
		display:block;
		float:left;
	}
	#acces_direct span.toolbar-item  a:hover{
		color:#000000;
		background-color:#cddff0;
	}
	
/* ------------------------------------------------------------------------- Menu */
	#menu {
		float:left;
		width:100%;
		letter-spacing:0.1em;
		text-transform:uppercase;
		font-size:1.1em;
		font-weight:bold;
		background:url(../images/background/menu.gif) no-repeat;
		padding:1px 0 0 0
	}
	#menu li {display:inline}
	#menu li a, #menu li strong {
		display:block;
		float:left;
		width:184px;
		text-align:center;
		color:#565656;
		background:#fff url(../images/background/menu_a.jpg) no-repeat left top;
		padding:15px 0 14px 5px;
		margin:0 3px
	}
	#menu li a:hover, #menu li a:focus, #menu li a.focus, #menu li strong {background-position:right top}
/* ------------------------------------------------------------------------- Main */
	#main {
		float:left;
		width:100%;
	}
/* ----------------------------------------------------- Colonnes */
	div.colonne_top, div.colonne_bottom {
		display:none;
	}
	div.colonne_middle span.titre {
		display:none;
	}
/* ----------------------------------------------------- Left */
	#left {
		display:inline;
		float:left;
		width:169px;
		margin:0;
		background:url(../images/background/ram_disque_menu.png) no-repeat right top;
		padding-top:100px;
		margin-bottom:300px;
	}
/* ------------- Second niveau */
	#menu_contextuel {
		width:169px;
		margin-bottom:20px;
	}
	#menu_contextuel a, #menu_contextuel li.selected li a, #menu_contextuel li.selected li.current li a{
		display:block;
		color:#027CDE;
		whitespace:normal;
	}
	#menu_contextuel a:hover, #menu_contextuel li.selected a:hover, #menu_contextuel li.selected li.selected a:hover{
		background:#666666;
		color:#cddff0;
	}
	
	#menu_contextuel li.level0 a, #menu_contextuel li.level0 strong{
		font-size:1.4em;
		width:144px;
		padding:5px 5px 5px 20px;
	}
	#menu_contextuel li.level1 a, #menu_contextuel li.level1 strong{
		font-size:1.2em;
		width:134px;
		padding:3px 5px 3px 30px;
	}
	#menu_contextuel li.level2 a, #menu_contextuel li.level2 strong{
		font-size:1.1em;
		width:124px;
		padding:1px 5px 1px 40px;
	}
	#menu_contextuel li.level3 a, #menu_contextuel li.level3 strong{
		font-size:1.1em;
		width:119px;
		padding:1px 5px 1px 45px;
	}
	#menu_contextuel li.level4 a, #menu_contextuel li.level4 strong{
		font-size:1.1em;
		width:114px;
		padding:3px 5px 5px 50px;
	}
	#menu_contextuel li.selected a, #menu_contextuel li.selected li.selected a{
		color:#666666;
	}
	#menu_contextuel li.current strong{
		display:block;
		color:#027CDE;
		whitespace:normal;
		color:#666666;
		background-color:#cddff0;
	}
	
	span.node_10764 a{
		font-size:1.2em;
		width:134px;
		padding:15px 5px 15px 30px;
		display:block;
		background:#027CDE;
		color:#FFF;
		whitespace:normal;
	}
	span.node_10764 a:hover{
		background:#666666;
	}
/* ----------------------------------------------------- Contenu */
	#contenu {
		float:right;
		width:594px;
		background:url(../images/background/ram_disque_contenu.png) no-repeat;
		overflow:hidden;
		height:100%;
		
	}
	#contenu #contenu_middle {
		float:left;
		padding:10px 40px 0 22px
	}
	div.contenu {
		overflow:hidden;
		float:left;
		width:100%
	}
/* --------------------------------- H1 */
	div.contenu h1 {
		overflow:hidden;
		font-size:2em;
		color:#027CDE;
		margin:38px 0 30px 0;
		border-bottom:1px solid #027CDE;
		font-weight:bold;
		width:100%;
	}
	* html div.contenu h1 {
		float:left;
		width:100%;
		margin-bottom:0
	}
	div.contenu h1 span {
		float:left;
	}
/* --------------------------------- Fil d'arianne */
	#fil_arianne {
		width:100%;
		color:#797979;
		margin:0 0 10px 0;
		padding:10px 0 0 25px;
	}
	#fil_arianne a {
		color:#797979;
		text-decoration:underline
	}
	#fil_arianne a:hover, #fil_arianne a:focus, #fil_arianne a.focus {text-decoration:none}
/* --------------------------------- Plan du site */
	#plan_site {
		float:left;
		width:100%;
		table-layout:fixed;
		border-collapse:collapse
	}
	#plan_site tr td {
		vertical-align:top;
		padding:0 10px 20px 5px
	}
	#plan_site tr td a {text-decoration:none}
	#plan_site tr td a:hover, #plan_site tr td a:focus, #plan_site tr td a.focus {text-decoration:underline}
	#plan_site tr td h2 {
		font-size:1.3em;
		font-weight:bold;
		margin-bottom:5px
	}
	#plan_site tr td h2 a {color:#6eab6a}
	#plan_site tr td ul {
		clear:both;
		font-size:1.1em;
		padding:0 0 0 15px
	}
	#plan_site tr td ul li {
		background:url(../images/background/puce.gif) no-repeat 0 4px;
		padding:0 0 0 10px;
		margin:0 0 3px 0
	}
	#plan_site tr td ul li a {color:#000}
	#plan_site tr td ul li ul {
		font-size:.9em;
		margin:3px 0 5px 0
	}
	#plan_site tr td ul li ul li {background:url(../images/background/tiret.gif) no-repeat 0 6px}
/* --------------------------------- Outils */
	#outils {
		float:left;
		width:100%;
		padding:20px 0 10px 0
	}
	#outils a {
		float:left;
		color:#000;
		background-repeat:no-repeat;
		background-position:left center;
		padding:0 0 1px 25px;
		margin:0 50px 0 0
	}
	#outils #envoyer_ami {background-image:url(../images/background/envoyer_page.gif)}
	#outils #imprimer {
		background-repeat:no-repeat;
		background-image:url(../images/background/imprimer.gif);
		padding-left:25px
	}
	#outils #ajout_carnet_route {
		background-image:url(../images/background/ajouter_carnet_route.gif)
	}
	#outils #haut_page {
		background-image:url(../images/background/haut_page.gif);
		margin-right:0;
		padding-bottom:2px
	}
/* --------------------------------- Cas du js désactivé */
	#outils p {
		background-position:left 3px;
		margin-top:6px;
		margin-bottom:6px
	}
	#outils p a {
		padding-left:0;
		margin-right:0;
		text-decoration:underline
	}
	#outils p a:hover, #outils p a:focus, #outils p a.focus {text-decoration:none}
/* ------------------------------------------------------------------------- Bottom */
	#bottom {
		position:relative;
		clear:both;
		text-align:center;
		background-color:#027CDE;
		color:#FFF;
		font-size:1em;
		height:20px;
		padding-top:4px;
	}
	#bottom a {color:#FFF}
	#bottom ul li {
		display:inline;
		margin:0 10px 0 0
	}
	#bottom ul li a {margin:0 10px 0 0}
	#bottom2{
		height:0;
	}
	#marianne{
		position:relative;
		left:0;
	}
	#marianne img{
		position:absolute;
		left:0;
		bottom:24px!important;
	}
/* ----------------------------------------------------- Copyright */
	#bottom #copyright {
		position:absolute;
		top:4px;
		right:20px
	}