/* CSS Document */
/* --------------------------------------------------------------------------------------------- Left */
	#left {
		float:left;
		width:151px;
		min-height:1px
	}
	#left img {margin:10px 0 0 6px}
/* --------------------------------------------------------------------------------- Sous menu */
	#left div.carnet {
		float:left;
		width:100%;
		background:url(../../images/structure/carnet_left.jpg) repeat-y;
		padding:5px 0 0 0;
		margin:7px 0 0 0
	}
	#left div.carnet span {margin:0 0 0 5px}
	#left div.carnet ul {
		font-size:.9em;
		padding:0 20px 10px 10px
	}
	#left div.carnet ul li {
		background:url(../../images/elements/triangle_marine.gif) no-repeat 0 6px;
		padding:0 0 0 8px;
		margin:8px 0
	}
	#left div.carnet ul li a {
		color:#0a2bb6;
		text-decoration:underline
	}
	#left div.carnet ul li a:hover {text-decoration:none}
/* ---------------------------------------------------------------- Sous menu */
/* ---------------------------------------------- Premier niveau */
	#left #sous_menu {
		float:left;
		background:#594b42;
		font-family:verdana, arial, helvetica, sans-serif;
		font-size:.9em
	}
	#left #sous_menu li {float:left}
	#left #sous_menu li a {
		display:block;
		float:left;
		width:136px;
		color:#fff;
		padding:7px 5px 7px 10px
	}
	#left #sous_menu li a:hover {
		background:#fff;
		color:#594b42
	}
	#left #sous_menu li a.on {
		background:#fff;
		color:#594b42;
		cursor:default
	}
/* ---------------------------------------------- Second niveau niveau */
	#left #sous_menu li ul {
		float:left;
		background:#7a7572;
		font-size:.9em;
		padding:0 0 10px 0
	}
	#left #sous_menu li ul li a {
		width:121px;
		color:#fff;
		padding:4px 5px 4px 25px
	}
	#left #sous_menu li ul li a:hover {
		background:#7a7572;
		color:#fff;
		font-weight:bold
	}
	#left #sous_menu li ul li a.on {
		background:#7a7572;
		color:#fff;
		font-weight:bold
	}
/* ---------------------------------------------- Troisième niveau niveau */
	#left #sous_menu li ul li ul {
		background:#928d8a;
		padding:0
	}
	#left #sous_menu li ul li ul li a {
		width:106px;
		padding:4px 5px 4px 40px
	}
	#left #sous_menu li ul li ul li a:hover, #left #sous_menu li ul li ul li a.on {background:none}
	#left #sous_menu li ul li ul li a:hover {font-weight:normal}
	#left #sous_menu li ul li ul li a.on:hover {font-weight:bold}
/* --------------------------------------------------------------------------------------------- Main */
	#main {
		float:left;
		width:727px;
		background:#fff url(../../images/structure/main.gif) repeat-y 591px;
		padding:0 0 15px 23px
	}
/* ---------------------------------------------------------------- Contenu */
	#main #contenu {
		position:relative;
		float:left;
		width:553px;
		padding:0 20px 0 0;
		color:#3e3e3e;
		min-height:400px;
		overflow:hidden
	}
	/* html #main #contenu {height:400px}*/
/* ---------------------------------------------- Titres */
	h1 {
		text-align:center;
		color:#594b41;
		font-size:1.9em;
		margin:0 0 20px 0
	}
	h2 {
		clear:both;
		color:#594b41;
		font-size:1.2em;
		margin:0 0 8px 0
	}
	h3 {
		clear:both;
		color:#666;
		font-size:1.1em;
		margin:0 0 4px 0
	}
	h4, h5, h6 {
		clear:both;
		color:#999;
		font-size:1em;
		margin-bottom:2px
	}
/* ---------------------------------------------- Compass */
	#main #contenu #compass {
  		color:#7a7471;
		font-size:.9em;
		font-family:verdana, arial, helvetica, sans-serif;
		padding:10px 0 35px 0
	}
	#main #contenu #compass ul {
		display:inline;
		padding:0
	}
	#main #contenu #compass ul li {
  		display:inline;
		background:none;
		padding:0 0 0 2px
 	}
 	#main #contenu #compass ul li a {
		color:#7a7471;
		background:none;
		text-decoration:none
	}
	#main #contenu #compass ul li a:hover {text-decoration:underline}
/* ---------------------------------------------- Sollicitation */
	#main #contenu #sollicitation {
		float:left;
		width:256px;
		background:#f5f1f2;
		margin:25px 0 0 0;
		color:#3e3e3e;
		padding:10px;
		line-height:16px
	}
/* ---------------------------------------------- Pagination */
	#main #contenu ul.pagination {
		float:left;
		width:533px;
		text-align:right;
		background:url(../../images/structure/pagination.gif);
		padding:10px;
		margin:0 0 20px 0
	}
	#main #contenu ul.pagination li {
		background:none;
		padding:0;
		margin:0 0 8px 0
	}
	#main #contenu ul.pagination li a {
		background:none;
		color:#072bb6;
		padding:0
	}
	#main #contenu ul.pagination li a:hover {border:none}
/* ---------------------------------------------------------------- Right */
	#main #right {
		float:left;
		width:154px
	}
/* ---------------------------------------------- Outils */
	#main #right #outils {
		float:left;
		width:148px;
		background:#cbbbaf;
		padding:10px 0 7px 6px
	}
	#main #right #outils li {
		float:left;
		padding:0 5px
	}
	#main #right #div_Lexicon {
		float:left;
		font-size:.9em;
		padding:10px
	}
	#main #right #div_Lexicon input {
		float:left;
		width:105px;
		height:14px;
		padding:1px 0 0 3px;
		font-size:1em;
		border:1px solid #7a7c6f;
		margin:3px 5px 0 0
	}
	#main #right #div_Lexicon a {
		float:left;
		position:relative;
		margin:2px 0 0 0
	}
/* ---------------------------------------------- Bloc marron */
	#main #right #bloc_marron {
		float:left;
		width:148px;
		padding:10px 3px 10px 3px;
		background:#e4dad3 url(../../images/structure/right.gif) no-repeat;
		font-size:.9em;
		font-family:verdana, arial, helvetica, sans-serif;
		color:#404141;
		line-height:14px
	}
	* html #main #right #bloc_marron {float:none}
	*+html #main #right #bloc_marron {float:none}
	#main #right #bloc_marron span.titre {
		display:block;
		font-weight:bold;
		margin:5px
	}
	#main #right #bloc_marron p {
		float:left;
		padding:0 5px;
		margin:0 0 10px 0
	}
	#main #right #bloc_marron ul.contact {padding:5px 3px 20px 3px}
	#main #right #bloc_marron ul.contact li a {
		color:#072bb6;
		text-decoration:underline
	}
	#main #right #bloc_marron ul.contact li a:hover {text-decoration:none}
/* ---------------------------------------------- Aller plus loin */
	#main #right #t_aller_loin {margin:10px 0 0 3px}
	#main #right #aller_loin {
		padding:5px;
		font-size:.9em
	}
	#main #right #aller_loin li {padding:0 0 5px 18px}
	#main #right #aller_loin li.fichier {
		background:url(../../images/elements/pdf.gif) no-repeat 0 4px;
		padding:0 0 5px 18px
	}
	#main #right #aller_loin li a {
		color:#132aaa;
		text-decoration:underline
	}
	#main #right #aller_loin li a:hover {text-decoration:none}