@charset "utf-8";
/* --------------------------------------------------------------------------------------------- Reset et styles de base */
	* {
		padding:0;
		margin:0
	}
	body {
		font-size:62.5%;
		font-family:"trebuchet ms", arial, helvetica, sans-serif;
		color:#fff;
		background:#1e3765
	}
/* ------------------------------------------------------------------------------ Paragraphes */
	p {
		line-height:1.5em;
		padding:0 0 10px 0
	}
/* ------------------------------------------------------------------------------ Liens */
	a {
		color:#bccf02;
		text-decoration:none
	}
	a:hover,
	a:focus {text-decoration:underline}
	a img {border:none}
/* ------------------------------------------------------------------------------ Listes */
	ul {list-style:none}
/* ------------------------------------------------------------------------------ Emphases */
	strong {font-weight:bold}
	em {font-style:italic}
/* ------------------------------------------------------------------------------ Autres */
	abbr,
	acronym {
		border-bottom:1px dotted;
		cursor:help
	}
	address {font-style:normal}
	kbd {
		font-size:1.2em;
		background:#2f4978;
		padding:0 2px;
		border:solid 1px #ccc;
		border-right:solid 1px #999;
		border-bottom:solid 1px #999
	}
/* --------------------------------------------------------------------------------------------- Récurrent */
/* ------------------------------------------------------------------------------ Formulaire */
	input:hover,
	textarea:hover,
	select:hover {background:#f0efef}
	input:focus,
	textarea:focus,
	select:focus {background:#e7e7e7}
	input.bouton {
		font-size:1em;
		color:#333;
		background:#f0efef;
		border:1px solid #ebebeb;
		padding:1px 3px;
		cursor:pointer
	}
	input.bouton:hover,
	input.bouton:focus {
		color:#000;
		background:#fff
	}
/* ------------------------------------------------------------------------------ Titres */
	h2.style01 {
		text-transform:uppercase;
		font-size:1.3em;
		font-weight:normal;
		color:#fff;
		border-bottom:1px solid #fff;
		background-repeat:no-repeat;
		padding:0 0 3px 38px;
		margin:0 0 4px 0
	}
	h2.picto01 {	/* nuage de tags */
		background-image:url(../images/background/picto01.png);
		background-position:3px top
	}
	h2.picto02 {	/* agenda */
		background-image:url(../images/background/picto02.png);
		background-position:10px top
	}
	h2.picto03 {	/* le tout en images */
		background-image:url(../images/background/picto03.png);
		background-position:7px top
	}
	h2.picto04 {	/* documents */
		background-image:url(../images/background/picto04.png);
		background-position:7px top;
		padding-bottom:4px;
		padding-top:3px
	}
/* ------------------------------------------------------------------------------ Images */
	div.image {margin:0 0 6px 0}
	div.image img {
		vertical-align:top;
		margin:0 0 2px 0
	}
/* --------------------------------------------------------------- Légendes et copyright */
	div.image p {
		line-height:normal;
		color:#fff;
		background:#f18817;
		padding:1px 0
	}
	div.image p span,
	div.image p a {
		display:block;
		color:#fff;
		padding:0 5px
	}
/* ------------------------------------------------------------------------------ Liens */
	a.lien_externe {
		background:url(../images/background/lien_externe.gif) no-repeat right center;
		padding:0 14px 0 0
	}
/* ------------------------------------------------------------------------------ Divers */
	.retour_chariot {clear:both}
	.masquer {
		position:absolute;
		left:-10000px;
		top:auto;
		width:1px;
		height:1px;
		overflow:hidden
	}
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		width:988px;
		font-size:1.1em;
		padding:5px 0;
		margin:0 auto
	}
/* ------------------------------------------------------------------------------ Top */
	#top {
		overflow:hidden;
		zoom:1;
		background:#1e3765;
		padding:5px;
		margin:0 0 13px 0
	}
/* -------------------------------------------------------------- Accès rapide */
	#top ul {
		float:left;
		width:770px;
		text-align:right;
		font-size:1.1em;
		color:#fff;
		padding:2px 0 0 0
	}
	#top ul li {
		display:inline;
		margin:0 5px 0 0
	}
	#top ul li a,
	#top ul li strong {
		color:#fff;
		margin:0 5px 0 0
	}
/* -------------------------------------------------------------- Recherche */
	#top form {float:right}
	#top form input.champ {
		width:150px;
		font-family:"trebuchet ms", arial, helvetica, sans-serif;
		font-size:1em;
		color:#363a3f;
		border:1px solid #ebebeb;
		padding:1px 0 1px 7px
	}
/* ------------------------------------------------------------------------------ Entête */
	#entete {margin:0 0 18px 0}
	#entete img {
		float:left;
		margin:0 4px 0 0
	}
/* --------------------------------------------------------------- Logo (h1) */
	#entete h1 {
		display:inline;
		float:left;
		margin:0 0 0 6px
	}
/* --------------------------------------------------------------- Têtière */
	#tetiere img,
	#tetiere object {margin:0 0 13px 0}
/* --------------------------------------------------------------- Navigation principale */
	#nav_principale {
		float:left;
		width:983px;
		text-transform:uppercase;
		text-align:center;
		font-size:1.2em;
		color:#fff;
		background:#f18817;
		padding:6px 0 6px 5px;
		margin:0 0 20px 0
	}
	#nav_principale li {float:left}
	#nav_principale li a {
		display:block;
		display:inline;
		float:left;
		color:#fff;
		padding:1px 5px;
		margin:0 10px 0 9px
	}
	#nav_principale li a:hover,
	#nav_principale li a:focus {background:#ffa22b}
/* ------------------------------------------------------------------------------ Colonne01 (colonne de gauche) */
	#colonne01 {
		float:left;
		width:195px;
		background:url(../images/background/illustration01.png) no-repeat left bottom;
		padding:0 0 560px 0
	}
/* -------------------------------------------------------------------- Navigation contextuelle */
/* ---------------------------------------------------------- Premier niveau */
	#nav_contexte {
		background:#ffa22b;
		margin:0 0 45px 0
	}
	#nav_contexte a,
	#nav_contexte strong {
		display:block;
		zoom:1;
		line-height:1.3em;
		color:#fff;
		border-bottom:1px solid #fff;
		background:url(../images/background/puce01.gif) no-repeat 14px 7px;
		padding:3px 25px 3px 35px
	}
	#nav_contexte a:hover,
	#nav_contexte a:focus,
	#nav_contexte a:active,
	#nav_contexte strong {background-color:#f18817}
	#nav_contexte li:last-child a {border:0}
/* ---------------------------------------------------------- Second niveau */
	#nav_contexte ul {margin-left:20px}
	#nav_contexte ul a,
	#nav_contexte ul strong {
		border-bottom:0;
		padding-top:2px;
		padding-bottom:2px
	}
/* -------------------------------------------------------------------- Nuage de tags */
	#nuage_tags {
		line-height:2em;
		margin:0 0 20px 0
	}
	#nuage_tags li {
		display:inline;
		background:url(../images/background/puce01.gif) no-repeat left center;
		padding:0 0 0 12px;
		margin:0 15px 0 0
	}
	#nuage_tags a {color:#fff}
/* ------------------------------------------------------------------------------ Contenu */
	#contenu {
		float:left;
		width:565px;
		padding:0 25px
	}
/* -------------------------------------------------------------------- Actualités */
	div.actualite {
		display:inline;
		clear:left;
		float:left;
		width:275px;
		border-top:1px solid #f18817;
		padding:7px 0 0 0;
		margin:0 15px 15px 0
	}
	div.actualite.droite {
		clear:none;
		margin-right:0
	}
	div.actualite h3 {
		text-transform:uppercase;
		line-height:1.3em;
		font-size:1.5em;
		font-weight:normal;
		margin:0 0 7px 0
	}
	div.actualite h3 a {color:#fff}
/* -------------------------------------------------------------------- Fil d'ariane */
	#fil_ariane {
		border-bottom:solid 1px #f18817;
		padding:0;
		margin:0 203px 20px 220px
	}
	#fil_ariane a {color:#fff}
/* -------------------------------------------------------------------- Object */
	div.object-left {
		float:left;
		margin-right:10px
	}
	div.object-right {
		float:right;
		margin-left:10px
	}
/* -------------------------------------------------------------------- <h1> */
	#contenu h1 {
		font-size:2em;
		font-weight:normal;
		color:#fff;
		margin:0 0 7px 0
	}
/* -------------------------------------------------------------------- Meta */
	#contenu p.meta {
		overflow:hidden;
		line-height:normal;
		font-size:.9em;
		font-style:italic
	}
/* -------------------------------------------------------------------- Espacements */
	.espacement01 {margin-bottom:10px}
	.espacement02 {margin-bottom:20px}
	.espacement03 {margin-bottom:30px}
/* -------------------------------------------------------------------- Titres */
	#contenu h2 {
		font-size:1.3em;
		color:#f18817;
		padding:0 0 4px 0
	}
	#contenu h3 {
		font-size:1.1em;
		padding:0 0 2px 0
	}
	#contenu h4 {
		font-size:1em;
		padding:0 0 1px 0
	}
/* -------------------------------------------------------------------- Introduction */
	p.introduction {font-weight:bold}
/* -------------------------------------------------------------------- Liens */
	div.contenu a {text-decoration:underline}
	div.contenu a:hover, div.contenu a:focus {text-decoration:none}
/* -------------------------------------------------------------------- Citations */
	#contenu q {
		font-style:italic;
		quotes: "« " " »";
		background:#f4f4f4;
		padding:0 2px
	}
	#contenu blockquote {
		overflow:hidden;
		zoom:1;
		font-style:italic;
		background:#2f4978 url(../images/background/citation.gif) no-repeat 98% 8px;
		padding:5px 45px 5px 5px;
		margin:0 0 10px 0
	}
	#contenu blockquote p {padding-bottom:0}
/* -------------------------------------------------------------------- Listes */
	#contenu ul, #contenu ol {
		overflow:hidden;
		line-height:1.5em;
		zoom:1;
		padding:0 10px 10px 10px
	}
	#contenu ul li {
		background:url(../images/background/puce.gif) no-repeat left 5px;
		padding:0 0 2px 10px
	}
	#contenu ol li {
		list-style-type:decimal;
		list-style-position:inside;
		padding:0 0 2px 0
	}
	#contenu ul li ul, #contenu ol li ol {padding:2px 0 0 15px}
/* -------------------------------------------------------------------- Tableaux de données */
	table.tableau_donnees {
		width:100%;
		border-collapse:collapse;
		border-top:1px solid #ccc;
		margin:0 0 10px 0
	}
	table.tableau_donnees caption {
		text-align:left;
		font-weight:bold;
		color:#555;
		padding:0 0 4px 0
	}
	table.tableau_donnees tr th {
		font-weight:normal;
		background:#162c56;
		border-bottom:1px solid #ccc;
		padding:4px
	}
	table.tableau_donnees tr td {
		vertical-align:top;
		border-bottom:1px dashed #ccc;
		padding:6px 4px
	}
	table.tableau_donnees tr td.alignement02 {text-align:right}
	table.tableau_donnees tr td.alignement03 {text-align:center}
	table.tableau_donnees tr.alterne td {background-color:#253f70}
	table.tableau_donnees tr.survol td {background-color:#2b4679}
/* -------------------------------------------------------------------- Mise en avant */
	div.mise_en_avant, p.mise_en_avant {
		overflow:hidden;
		zoom:1;
		background:#324c7b;
		padding:10px 10px 0 10px;
		margin:0 0 10px 0
	}
	p.mise_en_avant {padding-bottom:10px}
/* -------------------------------------------------------------------- Fichiers en téléchargement */
	a.fichier {
		background-repeat:no-repeat;
		background-position:left top;
		padding:1px 0 1px 22px
	}
	a.pdf {background-image:url(../images/background/pdf.gif)}
	a.msword {background-image:url(../images/background/word.gif)}
	a.ms-excel {background-image:url(../images/background/ms-excel.gif)}
	a.vnd-ms-excel {background-image:url(../images/background/ms-excel.gif)}
	a.text {background-image:url(../images/background/text.gif)}
	a.spreadsheet {background-image:url(../images/background/spreadsheet.gif)}
	a.plain {background-image:url(../images/background/plain.gif)}
	a.compresse {background-image:url(../images/background/compresse.gif)}
	a.fichier span {font-size:.9em}
/* -------------------------------------------------------------------- Vue line */
	div.vue_line {
		overflow:hidden;
		zoom:1;
		border-bottom:1px dashed #fff;
		padding:5px 0
	}
	div.vue_line a.voir_tout {
		background:url(../images/background/puce.gif) no-repeat right 6px;
		padding:0 10px 0 0
	}
/* -------------------------------------------------------------------- Galeries */
/* ---------------------------------------------------------- Thème */
	div.theme {
		border:1px solid #d0d0d0;
		background:#e8e8e8;
		padding:10px
	}
	div.theme img {
		border:2px solid #fff;
		margin:10px 15px
	}
/* ---------------------------------------------------------- Lien voir le thème */
	div.voir_theme {
		text-align:right;
		font-weight:bold;
		padding:0 0 20px 0
	}
	div.voir_theme a {
		float:right;
		background:#e8e8e8;
		padding:4px 10px
	}	
/* ---------------------------------------------------------- Diaporama */
	#diaporama {
		overflow:hidden;
		zoom:1;
		margin-top:10px
	}
	#diaporama a.lightbox.externe {
		background:none;
		padding-right:0
	}
	#diaporama a.lightbox {text-decoration:none}
	#diaporama a.lightbox img {
		border:1px solid #ccc;
		padding:5px;
		margin:0 27px 20px 0
	}
	#diaporama a.lightbox:hover img,
	#diaporama a.lightbox:focus img {background:#e4e4e4}
/* -------------------------------------------------------------------- Commentaires */
	#commentaires {
		clear:both;
		overflow:hidden;
		margin:5px 0
	}
	#commentaires h2 {
		font-size:1.5em;
		margin-top:10px;
		margin-bottom:8px
	}
	div.commentaire em {
		float:right;
		margin-top:-20px
	}
	div.commentaire blockquote strong {font-style:normal}
/* -------------------------------------------------------------------- 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 {text-decoration:underline}
	#plan_site tr td h2 {
		font-size:1.3em;
		font-weight:bold;
		margin-bottom:5px
	}
	#plan_site tr td ul {
		clear:both;
		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:#fff}
	#plan_site tr td ul li ul {margin:3px 0 5px 0}
	#plan_site tr td ul li ul li {background:url(../images/background/puce.gif) no-repeat 0 5px}
/* -------------------------------------------------------------------- Navigation */
	p.navigation {
		overflow:hidden;
		padding-top:10px
	}
	p.navigation a.precedent {
		background:url(../images/background/retour.gif) no-repeat left 3px;
		padding-left:17px
	}
	p.navigation a.suivant {
		float:right;
		background:url(../images/background/suivant.gif) no-repeat right 3px;
		padding-right:17px
	}
/* -------------------------------------------------------------------- Pagination */
	#contenu ul.pagination {
		line-height:normal;
		padding:10px 0 0 0
	}
	#contenu ul.pagination li {
		float:left;
		background:none;
		padding:0;
		margin:0 10px 5px 0
	}
	ul.pagination li a,
	ul.pagination li span {
		display:block;
		float:left;
		border:1px solid #f18817;
		padding:2px 6px;
		text-decoration:none
	}
	ul.pagination li a {
		color:#fff;
		background:#f18817
	}
	ul.pagination li a:hover,
	ul.pagination li a:focus,
	ul.pagination li span {
		color:#f18817;
		background:#fff
	}
/* -------------------------------------------------------------------- Outils */
	#outils {
		clear:both;
		color:#fff;
		padding:20px 0 10px 0;
		margin:0 0 0 220px
	}
	#outils li {
		display:inline;
		background:0;
		padding:0
	}
	#outils a {
		color:#fff;
		background-repeat:no-repeat;
		background-position:left center;
		padding:0 0 1px 21px;
		margin:0 110px 0 0;
		text-decoration:none
	}
	#outils #retour {background-image:url(../images/background/retour.gif)}
	#outils #imprimer {background-image:url(../images/background/imprimer.gif)}
	#outils #envoyer_ami {background-image:url(../images/background/envoyer_page.gif)}
	#outils #haut_page {
		background-image:url(../images/background/haut_page.gif);
		margin-right:0;
		padding-bottom:2px
	}
	#outils a:hover, #outils a:focus {text-decoration:underline}
/* ------------------------------------------------------------------------------ Colonne02 (colonne de droite) */
	#colonne02 {
		float:right;
		width:178px;
		background:url(../images/background/illustration02.png) no-repeat center bottom;
		padding:0 0 100px 0
	}
/* -------------------------------------------------------------------- Agenda */
	div.agenda,
	#tout_image {
		background:#324c7b;
		border-bottom:1px dotted #fff;
		padding:5px 10px
	}
	#tout_image div.image {margin-bottom:10px}
	div.agenda h3 {
		font-size:1.1em;
		margin:0 0 4px 0
	}
	div.agenda h3 a {color:#fff}
	div.agenda img {
		border:1px solid #fff;
		margin:0 0 5px 0
	}
	p.toutes_dates {
		text-align:right;
		background:#324c7b;
		padding-top:7px;
		padding-right:10px;
		margin:0 0 25px 0
	}
	p.toutes_dates a {
		color:#fff;
		background:url(../images/background/puce02.gif) no-repeat left center;
		padding:0 0 0 15px
	}
/* -------------------------------------------------------------------- Le tout en images */
	#tout_image {border:0}
/* -------------------------------------------------------------------- Documents */
	#documents {
		padding:5px 0 0 0;
		margin:0 0 30px 0
	}
	#documents li {margin:0 0 8px 0}
	#documents li a {color:#fff}
/* ------------------------------------------------------------------------------ Pied de page */
	#pied_page {
		float:left;
		width:100%;
		color:#fff;
		background:#1e3765;
		padding:10px 0;
		margin:30px 0 5px 0
	}
	#pied_page a {
		color:#fff;
		text-decoration:underline
	}
	#pied_page a:hover, #pied_page a:focus {text-decoration:none}
/* -------------------------------------------------------------------- Adresse */
	#adresse {padding:0 0 0 16px}
	#adresse img {
		float:left;
		margin:0 9px 0 0
	}
	#adresse address {
		float:left;
		line-height:1.4em;
		margin:0 25px 0 0
	}
	#adresse p {
		overflow:hidden;
		zoom:1;
		line-height:1.5em;
		border-left:4px solid #fff;
		padding:3px 0 3px 6px
	}
/* -------------------------------------------------------------------- Liste de liens */
	#pied_page ul {
		float:right;
		width:280px;
		margin:3px 0 0 0
	}
	#pied_page ul li {
		float:left;
		width:130px;
		border-left:4px solid #fff;
		padding:1px 0 1px 6px
	}
	#pied_page ul li a {display:block}
	#pied_page ul li a {text-decoration:none}
	#pied_page ul li a:hover {text-decoration:underline}