/* CSS Document */	
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		width:950px;
		font-size:1.1em;
		margin:0 auto
	}
/* ------------------------------------------------------------------------- Header */
	#header {
		height:238px;
		background:url(../images/background/header.jpg) no-repeat
	}
/* ----------------------------------------------------- Header right */
	#header_right {
		float:right;
		padding:15px 5px 0 0
	}
/* --------------------------------- Liens d'accès rapide */
	#acces_rapide {
		float:left;
		color:#8b8b8b;
		background:#e8e8e8;
		padding:2px 0 0 0
	}
	#acces_rapide li {
		float:left;
		margin:0 5px 0 0
	}
	#acces_rapide li a, #acces_rapide li strong {
		color:#8b8b8b;
		margin:0 3px 0 0
	}
	#acces_rapide li a:hover, #acces_rapide li a:focus, #acces_rapide li a.focus {color:#000}
/* --------------------------------- Recherche */
	#recherche {
		float:left;
		margin:0 0 0 10px
	}
	#recherche label {
		position:relative;
		color:#8b8b8b
	}
	* html #recherche label {top:-2px}
	*+html #recherche label {top:-2px}
	#recherche input.champ {
		width:122px;
		font-family:verdana, arial, helvetica, sans-serif;
		font-size:.9em;
		color:#fff;
		border:1px solid #757572;
		background:#757572;
		padding:2px 0 2px 3px
	}
	#recherche input.bouton {
		font-size:.9em;
		color:#fff;
		border:1px solid #ab0132;
		background:#ab0132
	}
	#recherche input:focus, #recherche input.focus {
		color:#757572;
		background:#fff
	}
/* ----------------------------------------------------- Header left */
	#header_left {
		float:left;
		width:250px;
		padding:25px 0 0 24px
	}
/* --------------------------------- Logo et baseline */
	#header h1 {
		font-size:1em;
		font-weight:normal
	}
	#logo {
		vertical-align:bottom;
		margin:0 0 3px 0
	}
	.baseline {
		display:block;
		line-height:1.4em;
		margin:0 0 5px 4px
	}
/* --------------------------------- Adresse */
	#header address {
		line-height:1.4em;
		font-size:.9em;
		font-style:normal;
		margin:0 0 3px 4px
	}
/* --------------------------------- Lien formulaire de contact */
	#formulaire_contact, #formulaire_contact_on {
		font-size:.9em;
		color:#fff;
		background:#ab0132;
		padding:1px 3px 2px 3px;
		margin:0 0 0 4px
	}
	#formulaire_contact:hover, #formulaire_contact:focus, #formulaire_contact.focus {
		color:#ab0132;
		background:none
	}
	#formulaire_contact_on {background:none}
/* --------------------------------- Univers */
	#univers {margin:5px 0 0 166px}
	#univers li {display:inline}
	#univers li img {vertical-align:middle}
/* ----------------------------------------------------- Tetiere */
	#tetiere {
		float:right;
		padding:16px 11px 0 0
	}
	* html #tetiere {padding-top:14px}
	*+html #tetiere {padding-top:14px}
	#tetiere img {vertical-align:top}
/* ------------------------------------------------------------------------- Espace client */
	#espace_client {
		height:30px;
		background:#5f6062;
		/*background:#cddb26 url(../images/background/espace_client.gif) repeat-y right top*/
	}
	/*#espace_client {
		position:relative;
		border:0;
		background:#cddb26 url(../images/background/espace_client.gif) repeat-y right top;
		padding:0 0 6px 0
	}
	#espace_client legend {
		font-size:1.1em;
		color:#606163
	}
	#espace_client legend span.client {
		text-transform:uppercase;
		font-weight:bold;
		color:#000
	}
	#espace_client label {
		float:left;
		font-size:.9em;
		color:#000;
		margin:8px 4px 0 15px
	}
	#espace_client #label_identifiant {margin-left:420px}
	#espace_client input.champ {
		float:left;
		width:149px;
		font-size:1em;
		border:1px solid #c1cd2d;
		padding:2px 0 2px 4px;
		margin:5px 0 0 0
	}
	#espace_client input.bouton {
		float:left;
		font-size:.9em;
		color:#fff;
		margin:5px 0 0 4px
	}*/
/* ------------------------------------------------------------------------- Main */
	#main {
		float:left;
		width:100%;
		background:url(../images/background/main.gif) repeat-y right top;
		padding:13px 0 0 0
	}
	span.couleur_01 {color:#666}	/* gris */
	span.couleur_02 {color:#ab0132}	/* rouge */
	div.vue_line.hover {
		cursor:pointer;
		color:#333;
		background:#fff0f4
	}
	div.bloc ul li a {
		display:block;
		color:#666
	}
	* html div.bloc ul li a {height:1px}
	div.bloc ul li a:hover, div.bloc ul li a:focus, div.bloc ul li a.focus {
		color:#333;
		background:#fff0f4
	}
/* ----------------------------------------------------- Left */
	#left {
		display:inline;
		float:left;
		width:248px;
		background:#fff url(../images/background/left.gif) repeat-y;
		margin:12px 35px 0 20px
	}
	#left_bottom {
		float:left;
		width:100%;
		height:11px;
		font-size:0;
		background:url(../images/background/left_bottom.gif)
	}
/* --------------------------------- Menu */
	#menu {
		float:left;
		width:212px;
		font-size:1.1em;
		background:url(../images/background/menu.gif) no-repeat;
		padding:40px 18px 15px 18px
	}
	#menu li {
		background:url(../images/background/menu_li.gif) no-repeat right 6px;
		padding:0 0 3px 17px;
		margin:0 0 13px 0
	}
	#menu li a, #menu li strong {
		display:block;
		color:#040404;
		border-bottom:1px solid #eee;
		background:url(../images/background/puce.gif) no-repeat left 5px;
		padding:0 0 3px 12px
	}
	#menu li ul {
		font-size:.9em;
		padding:10px 0 0 10px
	}
	#menu li ul li {
		border:0;
		background:none;
		padding:0;
		margin:0 0 4px 0
	}
	#menu li ul li a, #menu li ul li strong {
		color:#666;
		border:0;
		background:url(../images/background/menu_li_a.gif) no-repeat left 4px;
		padding:0 0 0 15px
	}
	* html #menu li ul li a, * html #menu li ul li strong {height:1px}
	#menu li ul li a:hover, #menu li ul li a:focus, #menu li ul li a.focus, #menu li ul li strong {background-image:url(../images/background/menu_li_a_hover.gif)}
	#menu li ul li ul {
		padding:5px 0 2px 20px
	}
/* --------------------------------- Bloc */
	#left div.bloc {
		float:left;
		width:188px;
		background:url(../images/background/left_bloc.gif) no-repeat;
		padding:25px 30px 20px 30px
	}
	#left div.bloc span.titre {
		font-size:1.1em;
		font-weight:bold;
		color:#000;
		background:url(../images/background/fleche_bas.gif) no-repeat right 3px;
		padding:0 14px 0 0
	}
	#left div.bloc ul {margin:12px 0 0 0}
	#left div.bloc ul li {
		background:url(../images/background/puce.gif) no-repeat left 4px;
		padding:0 0 0 12px;
		margin:0 0 4px 0
	}
/* --------------------------------- Mon carnet de route */
	#acceder_carnet_route {
		background:url(../images/background/puce.gif) no-repeat left 4px;
		padding:0 0 0 12px
	}
	#acceder_carnet_route a {
		display:block;
		color:#666;
		margin:0 0 4px 0
	}
	#acceder_carnet_route a:hover, #acceder_carnet_route a:focus, #acceder_carnet_route a.focus {background:#f4f8c4}
	#acceder_carnet_route span {
		font-size:.9em;
		color:#999
	}
/* ----------------------------------------------------- Contenu */
	div.contenu {
		overflow:hidden;
		float:left;
		width:620px;
		padding:0 27px 5px 0
	}
/* --------------------------------- Fil d'arianne */
	#fil_arianne {
		font-size:.9em;
		margin-bottom:15px
	}
	#fil_arianne a {color:#666}
/* --------------------------------- H1 */
	div.contenu h1 {
		text-transform:uppercase;
		font-size:1.2em;
		color:#000;
		border-bottom:1px solid #efefef;
		padding:0 0 2px 0;
		margin:0 0 10px 0
	}
/* --------------------------------- Date de publication */
	div.vue_line span.date_publication {
		float:right;
		font-size:.9em;
		color:#666;
		background:#fff0f4;
		padding:0 5px;
		margin:3px 0 0 10px
	}
	/*div.vue_line.hover span.date_publication {background:#fff}*/
/* --------------------------------- 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.2em;
		background:url(../images/background/puce.gif) no-repeat 0 5px;
		padding-left:12px;
		margin-bottom:5px
	}
	#plan_site tr td h2 a {color:#666}
	#plan_site tr td ul {
		clear:both;
		padding:0 0 0 15px
	}
	#plan_site tr td ul li {
		background:url(../images/background/menu_li_a.gif) no-repeat 0 4px;
		padding:0 0 0 15px;
		margin:0 0 3px 0
	}
	#plan_site tr td ul li a {color:#666}
	#plan_site tr td ul li ul {margin:3px 0 5px 0}
	#plan_site tr td ul li ul li {background:url(../images/background/menu_li_a.gif) no-repeat 0 5px}
/* ------------------------------------------------------------------------- Bottom */
	#bottom {
		float:left;
		width:100%;
		font-size:.9em;
		background:url(../images/background/bottom.gif) no-repeat right top;
		padding:15px 0 10px 0
	}
	#bottom a {color:#666}
	#bottom ul {
		display:inline;
		float:right;
		margin:0 5px 0 0
	}
	#bottom ul li {
		display:inline;
		margin:0 6px 0 0
	}
	#bottom ul li a {margin:0 6px 0 0}
	#bottom #copyright {
		margin:0 0 0 290px;
		text-decoration:underline
	}
	#bottom #copyright:hover, #bottom #copyright:focus, #bottom #copyright.focus {text-decoration:none}