/* CSS Document */
/* --------------------------------------------------------------------------------------------- Récurrents */
	div.separation {
		border-bottom:1px dashed #ccc;
		margin-bottom:7px
	}
/* ------------------------------------------------------------------------- Mieux servir */
	#mieux_servir {
		width:222px;
		background-image:url(../../images/structure/background/interne_servir.jpg);
		padding:14px 0 15px 10px;
		margin:0 0 0 10px
	}
	#mieux_servir_bottom {
		float:left;
		width:100%;
		height:6px;
		font-size:0;
		background:url(../../images/structure/background/servir_bottom.gif) no-repeat right
	}
/* ----------------------------------------------------- Label */
	#mieux_servir label {
		width:222px;
		margin:0 0 4px 0
	}
/* ----------------------------------------------------- Select */
	#mieux_servir select {
		width:190px;
		margin-left:0
	}
/* --------------------------------------------------------------------------------------------- Header */
	#header {background:url(../../images/structure/background/interne_header.jpg) no-repeat}
/* ------------------------------------------------------------------------- Liens d'évitement */
	#header #liens_evitement {margin-bottom:10px}
/* ------------------------------------------------------------------------- Header left */
/* ----------------------------------------------------- Logo */
	#header #header_left #logo {margin:0 0 9px 55px}
/* ------------------------------------------------------------------------- Boutons */
	#header #boutons {padding-top:65px}
/* --------------------------------------------------------------------------------------------- Main */
/* ------------------------------------------------------------------------- Left */
	#main #left {
		float:left;
		width:242px
	}
/* ----------------------------------------------------- Intitulé de la rubrique */
	#main #left #intitule_rubrique {
		float:left;
		width:204px;
		text-transform:uppercase;
		font-size:1.3em;
		font-weight:bold;
		color:#fff;
		background:#025599;
		padding:3px 10px 2px 10px;
		margin:0 10px 7px 8px
	}
	#main #left #intitule_rubrique span {
		display:block;
		text-transform:none;
		font-size:.9em;
		font-weight:normal
	}
/* ----------------------------------------------------- Sous-menu */
	#main #left #sous_menu {
		float:left;
		width:232px;
		font-size:1.1em;
		font-weight:bold;
		background:url(../../images/structure/background/sous_menu.gif) no-repeat right top;
		padding:1px 0 0 0;
		margin:0 10px 20px 0
	}
	#main #left #sous_menu li {
		float:left;
		width:100%;
		background:url(../../images/structure/background/sous_menu.gif) no-repeat right bottom;
		padding:0 0 1px 0
	}
	#main #left #sous_menu li a {
		display:block;
		float:left;
		width:190px;
		color:#025599;
		background-image:url(../../images/structure/background/sous_menu_a.gif);
		background-repeat:no-repeat;
		background-position:left top;
		padding:3px 10px 1px 32px
	}
	#main #left #sous_menu li a:hover, #main #left #sous_menu li a.on {
		color:#404040;
		background-position:left -40px
	}
	#main #left #sous_menu li a.on {cursor:text}
/* ----------------------------------------------------- Services */
	#main #left #services {
		float:left;
		width:210px;
		text-align:right;
		text-transform:uppercase;
		font-size:.9em;
		color:#9ca6b0;
		padding:0 32px 0 0;
		margin:18px 0 0 0
	}
	#main #left #services li {margin:0 0 5px 0}
	#main #left #services li a {color:#9ca6b0}
	#main #left #services li a acronym {border-bottom:1px dashed #9ca6b0}
	#main #left #services li a:hover {text-decoration:underline}
	#main #left #services li a:hover acronym {border:0}
/* ------------------------------------------------------------------------- Middle */
	#main #middle {
		float:left;
		width:462px;
		padding:0 10px
	}
	* html #main #middle {overflow:hidden}
	#main #middle.large {
		width:668px;
		padding:0 40px 0 10px
	}
/* ----------------------------------------------------- Titre */
	#main #middle #titre {
		float:left;
		width:100%;
		background:#47bfef;
		margin:0 0 5px 0
	}
	#main #middle #titre img {
		float:left;
		border:3px solid #47bfef;
		margin:0 5px 0 0
	}
	#main #middle #titre h1 {
		text-transform:uppercase;
		font-size:1.7em;
		color:#fff;
		padding:10px 0 0 5px
	}
/* ----------------------------------------------------- Contenu */
	#main #middle #contenu {
		float:left;
		width:432px;
		padding:0 10px 0 20px
	}
	#main #middle.large #contenu {width:638px}
/* --------------------------------- Tags */
	#main #middle #contenu ul.tags {
		float:left;
		width:100%;
		line-height:1.4;
		background:url(../../images/structure/background/tags.gif) no-repeat left top;
		text-indent:21px;
		padding:0 0 2px 0;
		margin:0 0 5px 0
	}
	#main #middle #contenu ul.tags li {
		display:inline;
		background:none;
		padding:0;
		margin:0
	}
	#main #middle #contenu ul.tags li a {
		color:#6b7a89;
		text-decoration:none
	}
	#main #middle #contenu ul.tags li a:hover {text-decoration:underline}
/* --------------------------------- Sommaire d'article */
	#main #middle #contenu #sommaire_article {
		float:left;
		width:410px;
		border:1px dashed #bbb;
		background:#f1fafe;
		padding:10px;
		margin:0 0 10px 0
	}
	#main #middle #contenu #sommaire_article span.titre {
		float:left;
		text-transform:uppercase;
		font-size:1.2em;
		font-weight:bold
	}
	#main #middle #contenu #sommaire_article span.action {
		float:right;
		color:#025599
	}
	#main #middle #contenu #sommaire_article span.action a {text-decoration:none}
	#main #middle #contenu #sommaire_article span.action a:hover {text-decoration:underline}
	#main #middle #contenu #sommaire_article ul {
		float:left;
		width:380px;
		font-size:1.1em;
		padding:0 0 0 30px;
		margin:10px 0 0 0
	}
	#main #middle #contenu #sommaire_article ul li {margin:0 0 5px 0}
	#main #middle #contenu #sommaire_article ul li a {text-decoration:none}
	#main #middle #contenu #sommaire_article ul li a:hover {text-decoration:underline}
/* --------------------------------- Introduction */
	#main #middle #contenu p.intro {
		float:left;
		width:100%;
		line-height:1.5;
		text-align:justify;
		padding:0 0 15px 0
	}
/* --------------------------------- hn */
	h2 {
		clear:both;
		font-size:1.5em;
		color:#042255;
		margin-bottom:6px
	}
	h3 {
		clear:both;
		font-size:1.3em;
		color:#4a6faf;
		margin-bottom:4px
	}
	h4 {
		clear:both;
		font-size:1.1em;
		color:#025599;
		margin-bottom:2px
	}
	h5, h6 {
		clear:both;
		font-size:1em;
		color:#6b7a89;
	}
/* --------------------------------- Haut de page */
	#main #middle #contenu div.haut_page {
		float:left;
		width:100%;
		text-align:right;
		background-image:url(../../images/structure/background/haut_page.gif);
		background-repeat:no-repeat;
		background-position:right;
		margin:0 0 10px 0
	}
	#main #middle #contenu div.haut_page a {
		color:#025599;
		text-decoration:none;
		background-image:url(../../images/structure/background/haut_page.gif);
		background-repeat:no-repeat;
		background-position:left;
		padding:0 10px
	}
	#main #middle #contenu div.haut_page a:hover {text-decoration:underline}
/* --------------------------------- Navigation */
	#main #middle #contenu div.navigation {
		float:left;
		width:100%;
		background-color:#daf2fc;
		background-image:url(../../images/elements/dotted_gris.gif);
		background-repeat:repeat-x;
		padding:3px 0;
		margin:10px 0
	}
	#main #middle #contenu div.navigation a {
		color:#3d455d;
		text-decoration:none;
		background-repeat:no-repeat;
		padding:0 10px
	}
	#main #middle #contenu div.navigation a.left {
		float:left;
		background-image:url(../../images/structure/background/navigation_precedent.gif);
		background-position:left 5px;
		margin:0 0 0 15px
	}
	#main #middle #contenu div.navigation a.right {
		float:right;
		background-image:url(../../images/structure/background/navigation_suivant.gif);
		background-position:right 5px;
		margin:0 15px 0 0
	}
	#main #middle #contenu div.navigation a.right2 {
		float:right;
		background-image:url(../../images/structure/background/navigation_precedent.gif);
		background-position:left 6px
	}
	#main #middle #contenu div.navigation a:hover {text-decoration:underline}
/* --------------------------------- Pagination */
	#main #middle #contenu ul.pagination {
		float:left;
		width:100%;
		text-align:right;
		border-top:1px solid #47bfef;
		padding:5px 0 0 0;
		margin:0 0 10px 0
	}
	#main #middle #contenu ul.pagination li {
		display:inline;
		margin:0 6px;
		padding:0;
		background:none
	}
	#main #middle #contenu ul.pagination li a {
		color:#025599;
		text-decoration:none
	}
	#main #middle #contenu ul.pagination li a:hover, ul.pagination li a.on {text-decoration:underline}
	#main #middle #contenu ul.pagination li a.on {
		color:#47bfef;
		cursor:text
	}
/* ------------------------------------------------------------------------- Right */
	#main #right {width:236px}
/* ----------------------------------------------------- Titre */
	#main #right span.titre {
		display:block;
		text-transform:uppercase;
		font-size:1.3em;
		font-weight:bold;
		color:#fff;
		background:#47bfef;
		padding:4px 0 0 12px;
		margin:0 0 1px 7px
	}
	#main #right span.titre a {
		float:right;
		text-transform:none;
		font-size:.7em;
		font-weight:normal;
		color:#fff;
		margin:0 29px 0 0
	}
	#main #right span.titre a:hover {text-decoration:underline}
/* ----------------------------------------------------- Dégrade */
	#main #right div.degrade {
		min-height:100px;
		background-image:url(../../images/structure/background/degrade_bleuC.gif);
		background-repeat:repeat-x;
		padding:0 0 20px 0;
		margin:0 26px 0 7px
	}
	* html #main #right div.degrade {height:100px}
/* --------------------------------- Sondage */
	#main #right div.degrade #sondage {padding:10px 13px 0 13px}
	#main #right div.degrade #sondage #question {
		font-size:1.1em;
		font-weight:bold;
		color:#6b7a89;
		margin:0 0 5px 0
	}
	#main #right div.degrade #sondage table {margin:0 0 10px 0}
	#main #right div.degrade #sondage table tr td {
		vertical-align:top;
		padding:0 4px 1px 4px
	}
	#main #right div.degrade #sondage table tr td input {
		float:left;
		width:13px;
		height:13px
	}
	#main #right div.degrade #sondage input.votez {margin:0 0 0 130px}
/* --------------------------------- Dossier */
	#main #right div.degrade #dossier {padding:10px 10px 0 12px}
	#main #right div.degrade #dossier .titre_dossier {
		display:block;
		line-height:1;
		font-size:1.3em;
		font-weight:bold;
		color:#6b7a89;
		margin:0 0 15px 0
	}
	#main #right div.degrade #dossier a.titre_dossier:hover {text-decoration:underline}
	#main #right div.degrade #dossier img {
		float:left;
		border:3px solid #6b7a89;
		margin:0 9px 0 0
	}
	#main #right div.degrade #dossier p {
		line-height:1.5;
		text-align:justify;
		color:#6b7a89
	}
/* --------------------------------- Sommaire dossier */
	#main #right div.degrade #sommaire_dossier {padding:10px}
	#main #right div.degrade #sommaire_dossier li {margin:0 0 6px 0}
	#main #right div.degrade #sommaire_dossier li a {
		color:#025599;
		background-image:url(../../images/elements/fleches_bleuF.gif);
		background-repeat:no-repeat;
		background-position:0 5px;
		padding:0 0 0 9px
	}
	#main #right div.degrade #sommaire_dossier li a:hover, #main #right div.degrade #sommaire_dossier li a.on {	
		color:#00a8ff;
		background-image:url(../../images/elements/fleches_bleuT.gif)
	}
	#main #right div.degrade #sommaire_dossier li a.on {cursor:text}
/* --------------------------------- A lire également / Liste */
	#main #right div.degrade #lire_egalement li, #main #right div.degrade ul.liste li {
		background:url(../../images/elements/dotted_gris.gif) repeat-x bottom;
		padding:4px 6px
	}
	#main #right div.degrade #lire_egalement li a, #main #right div.degrade ul.liste li a {
		display:block;
		color:#00a8ff;
		background-image:url(../../images/elements/fleches_bleuT.gif);
		background-repeat:no-repeat;
		background-position:0 4px;
		padding:0 0 0 12px
	}
	#main #right div.degrade #lire_egalement li a:hover, #main #right div.degrade ul.liste li a:hover {text-decoration:underline}
/* --------------------------------- Infos pratiques */
	#main #right div.degrade ul.liste li {padding:6px}
	#main #right div.degrade ul.liste li a {
		font-weight:bold;
		color:#6b7a89;
		background:url(../../images/elements/fleches_gris.gif) no-repeat 0 4px;
		margin:0 0 3px 0
	}
	#main #right div.degrade ul.liste li span {padding:0 0 0 12px}
/* ----------------------------------------------------- Mieux nous connaître */
	#main #right #mieux_connaitre {margin:0 0 1px 2px}
/* ----------------------------------------------------- C'est aussi */
	#main #right #c_aussi {width:215px}
	#main #right #c_aussi div {background-image:url(../../images/structure/background/interne_aussi.gif)}
	#main #right #c_aussi div ul {
		width:189px;
		font-size:1.1em
	}