@charset "utf-8";
/* --------------------------------------------------------------------------------------------- Reset et styles de base */
	* {
		padding:0;
		margin:0
	}
	body {
		font-size:62.5%;
		font-family:Arial, Helvetica, sans-serif;
		color:#000;
		background:#fff url(../images/background/body.png) repeat-y center top 
	}
/* ----------------------------------------------------------------------------------- Paragraphe */
	p {margin-bottom:1.5em}
/* ----------------------------------------------------------------------------------- Titres */
	h2 {margin-bottom:.7em}
	h3 {margin-bottom:.6em}
	h4 {margin-bottom:.5em}
	h5,
	h6 {margin-bottom:.4em}
/* ----------------------------------------------------------------------------------- Lien */
	a {
		color:#2a557b;
		text-decoration:none
	}
	a:hover,
	a:focus,
	a:active {text-decoration:underline}
	a img {border:none}
/* ----------------------------------------------------------------------------------- Liste */
	ul,
	ol {
		list-style:none;
		margin-bottom:1.5em
	}
/* ----------------------------------------------------------------------------------- Emphase */
	strong {
		font-style:normal;
		font-weight:bold
	}
	em {
		font-style:italic;
		font-weight:normal
	}
/* ----------------------------------------------------------------------------------- Autres */
	abbr,
	acronym {
		border-bottom:1px dotted;
		cursor:help
	}
	address {font-style:normal}
	kbd {
		font-size:1.2em;
		background:#e5e5e5;
		padding:0 2px;
		border:solid 1px #ccc;
		border-right:solid 1px #999;
		border-bottom:solid 1px #999
	}
/* --------------------------------------------------------------------------------------------- Recurrent */
	.masquer {
		position:absolute;
		top:-1000px;
		width:1px;
		height:1px;
		overflow:hidden;
	}
	span.separation {
		display:block;
		overflow:hidden;
		height:0px;
		border-top:1px solid #cfcbc3;
		margin:5px 0
	}
/* ----------------------------------------------------------------------------------- Paragraphes */
	p.meta {
		overflow:hidden;
		line-height: normal;
		font-size:0.9em;
		color:#666666;
		background:#f7f6f3;
		padding:5px;
		margin:0 0 1.2em 0
	}
/* ----------------------------------------------------------------------------------- Liens */
	a.lien_externe {
		background:url(../images/background/lien_externe.gif) no-repeat right center;
		padding:0 14px 0 0
	}
	p.voir_tout {
		clear:both;
		text-align:right;
		margin:.5em 10px 2em 10px
	}
	p.voir_tout a {
		font-size:.9em;
		color:#2a557b;
		background:url(../images/background/lien_continuation_couleur01.gif) no-repeat left 4px;
		padding:0 0 0 14px;
		text-decoration:underline
	}
	p.voir_tout a:hover,
	p.voir_tout a:focus,
	p.voir_tout a:active {text-decoration:none}
	#contenu02 p.voir_tout {
		text-align:center;
		background:#ece2ca;
		padding:.5em 0 .6em 0;
		margin:0
	}
/* ----------------------------------------------------------------------------------- Formulaire */
/* ------------------------------------------------------------------------- Champs */
	input.champ:hover {background:#f9f9f9}
	input.champ:focus {background:#f3f3f3}
/* ------------------------------------------------------------------------- Boutons */
	input.bouton {
		font-family:Helvetica, Arial, sans-serif;
		font-size:1em;
		color:#000;
		background:#e7cc89 url(../images/background/chercher.gif) repeat-x left bottom;
		border:1px solid #e7cc89;
		padding:.15em .2em .2em .2em;
		cursor:pointer
	}
	input.bouton.secondaire {
		background:#545454;
		border:1px solid #545454
	}
	input.bouton:hover,
	input.bouton:focus,
	p.accessiform input.bouton:hover,
	p.accessiform input.bouton:focus {background:#d9c081}
	input.bouton.secondaire:hover,
	input.bouton.secondaire:focus {
		background:#444;
		border:1px solid #444
	}
/* --------------------------------------------------------------------------------------------- Depuis editeur */
	.retour_chariot {clear:both}
/* ----------------------------------------------------------------------------------- Alignements */
	.alignement01 {text-align:left}
	.alignement02 {text-align:right}
	.alignement03 {text-align:center}
/* ----------------------------------------------------------------------------------- Espacements */
	.espacement01 {margin-bottom:0}			/* Sans espacement */
	.espacement02 {margin-bottom:20px}		/* Grand espacement */
	.espacement03 {margin-bottom:30px}		/* Très grand espacement */
/* ----------------------------------------------------------------------------------- Titres */
	#contenu h2 {
		font-size:1.4em;
		color:#705522
	}
	#contenu h3 {
		line-height:1.45em;
		font-size:1.2em;
		color:#705522
	}
	#contenu h3 span {font-size:.8em}
	#contenu h4 {
		font-size:1.2em;
		font-weight:normal;
		color:#705522
	}
	#contenu h5,
	#contenu h6 {
		font-size:1em;
		color:#000
	}
/* ----------------------------------------------------------------------------------- Paragraphe */
	#contenu p {line-height:1.6em}
/* ----------------------------------------------------------------------------------- Liens */
	#contenu a.infobulle {
		font-weight:bold;
		color:#8c3e5f;
		border-bottom:1px dashed #8c3e5f;
		text-decoration:none
	}
	#contenu a.infobulle:hover,
	#contenu a.infobulle:focus,
	#contenu a.infobulle:active {border:0}
	#contenu h2 a,
	#contenu h3 a {
		color:#5f4f48;
		text-decoration:none
	}
	#contenu h3 a.style01 {color:#2a557b}
	#contenu h2 a:hover,
	#contenu h2 a:focus,
	#contenu h2 a:active,
	#contenu h3 a:hover,
	#contenu h3 a:focus,
	#contenu h3 a:active {text-decoration:underline}
/* ----------------------------------------------------------------------------------- Listes */
	#contenu ul,
	#contenu ol {
		overflow:hidden;
		line-height:1.6em;
		height:100%;
		padding:0 10px
	}
	#contenu ul li {
		background:url(../images/background/disc.gif) no-repeat left 7px;
		padding:0 0 2px 11px
	}
	#contenu ul li ul li {background-image:url(../images/background/cercle.gif)}
	#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;
		margin:0
	}
/* ----------------------------------------------------------------------------------- Mise en avant */
	div.mise_en_avant {
		overflow:hidden;
		zoom:1;
		background:#f4efde url(../images/background/ombre02.png) no-repeat left bottom;
		padding:1em 1em 0 1em;
		margin:0 0 1.65em 0
	}
	#contenu div.mise_en_avant p {padding-bottom:1em}
/* ----------------------------------------------------------------------------------- Citations */
/* --------------------------------------------------------------- Courte */
	#contenu q {font-style:italic}
/* --------------------------------------------------------------- Longue */
	#contenu .citation01 {
		background:url(../images/background/citation.png) no-repeat left 15px;
		padding:0 0 0 29px;
		margin:0 0 1.65em 0
	}
	#contenu .citation02 {
		background:#f4efde url(../images/background/ombre02.png) no-repeat left bottom;
		padding:0 8px 8px 15px
	}
	#contenu blockquote {
		overflow:hidden;
		zoom:1;
		background:#f4efde url(../images/background/blockquote.gif) no-repeat right 8px;
		padding:1.4em 65px 0 0
	}
/* ----------------------------------------------------------------------------------- Fichiers en téléchargement */
	a.attribute-pdf {
		background:url(../images/background/pdf_pt.gif) no-repeat left center;
		padding:0 0 0 15px
	}
	a.attribute-msword {
		background:url(../images/background/word.gif) no-repeat left center;
		padding:1px 0 1px 22px
	}
	#contenu a span {
		font-size:.9em;
		color:#666;
		text-decoration:none
	}
/* ----------------------------------------------------------------------------------- Object */
	div.object-left,
	div.object-right,
	div.object-center {margin:0 0 10px 0}
	div.object-left {
		float:left;
		margin-right:10px
	}
	div.object-right {
		float:right;
		margin-left:10px
	}
	div.object-center {text-align:center}
/* ----------------------------------------------------------------------------------- Images */
	div.image {margin:0 0 6px 0}
	div.image img {
		vertical-align:top;
		margin:0 0 1px 0
	}
/* ------------------------------------------------------------------------- Légendes et copyright */
	div.image p {
		text-align:left;
		color:#fff;
		background:#777;
		padding:1px 0
	}
	div.object-center div.image p {margin:0 auto}
	div.image p span {
		display:block;
		padding:0 5px;
		margin:0 auto
	}
/* ----------------------------------------------------------------------------------- Tableaux */
	#contenu table {
		width:100%;
		margin:0 0 1.5em 0
	}
	#contenu td {
		vertical-align:top;
		line-height:1.6em
	}
	#contenu td div.object-left {float:none}
/* ------------------------------------------------------------------------- de données */
	table.tableau_donnees {
		border-collapse:collapse;
		border-top:1px solid #ccc
	}
	table.tableau_donnees p {margin-bottom: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:#f2ede0;
		border-bottom:1px solid #ccc;
		padding:4px
	}
	table.tableau_donnees tr td {
		border-bottom:1px dashed #ccc;
		padding:6px 4px
	}
	table.tableau_donnees tr.alterne td {background-color:#f7f7f7}
	table.tableau_donnees tr.survol td {background-color:#efefef}
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		overflow:hidden;
		width:991px;
		font-size:1.1em;
		background:url(../images/background/global.png) repeat-y 201px top;
		margin:0 auto
	}
/* ----------------------------------------------------------------------------------- Date de validité des informations */
	#date_infos_valables,
	#impression_pied_page {display:none}
/* ----------------------------------------------------------------------------------- Logo */
	#logo {float:left}
/* ----------------------------------------------------------------------------------- Acces rapide */
	#acces_rapide {
		float:right;
		width:785px;
		text-align:right;
		color:#e4d4cf;
		margin:.4em 0
	}
	#acces_rapide li {
		display:inline;
		margin:0 .8em 0 0
	}
	#acces_rapide li a,
	#acces_rapide li strong {
		color:#5e504e;
		margin:0 .8em 0 0
	}
/* ----------------------------------------------------------------------------------- Flash */
	#animation_flash {
		float:left;
		height:140px;
		margin:0 0 0 1px
	}
	#animation_flash p {margin:2em 0 0 2em}
	#animation_flash p a {
		color:#2a557b;
		text-decoration:underline
	}
	#animation_flash p a:hover,
	#animation_flash p a:focus,
	#animation_flash p a:active {text-decoration:none}
/* ----------------------------------------------------------------------------------- Recherche */
	#recherche {
		clear:left;
		float:left;
		width:162px;
		background:url(../images/background/recherche.png) no-repeat right center;
		padding:.8em 10px 0 0;
		margin:.2em 0 0 20px
	}
	#recherche form {
		overflow:hidden;
		background:#fff;
		border:1px solid #d0cab3
	}
	#recherche input.champ {
		float:left;
		width:94px;
		font-size:1em;
		border:0;
		padding:.3em 0 .3em 5px
	}
	#recherche input.bouton {
		float:right;
		border:1px solid #fff
	}
/* ----------------------------------------------------------------------------------- Navigation principale */
	#nav_principale {
		float:left;
		width:775px;
		font-size:1.2em;
		background:#5f4f48 url(../images/background/nav_principale.gif);
		padding:0 0 0 9px;
		margin:1px 0 0 15px
	}
	#nav_principale li {display:inline}
	#nav_principale a,
	#nav_principale strong {
		float:left;
		color:#fff;
		padding:.65em 1.85em
	}
	#nav_principale a:hover,
	#nav_principale a:focus,
	#nav_principale a:active,
	#nav_principale strong {
		color:#000;
		font-weight:normal;
		background:#ffb04a url(../images/background/nav_principale_actif.png) no-repeat center bottom
	}
/* ----------------------------------------------------------------------------------- Colonne01 (gauche) */
	#colonne01 {
		clear:left;
		float:left;
		width:206px;
		padding:2em 0 7em 0
	}
/* ------------------------------------------------------------------------- H2 */
	#colonne01 div.habillage01 {
		background:url(../images/background/acces-direct.png) no-repeat right bottom;
		padding:0 0 8px 0;
		margin:0
	}
	#colonne01 h2 {
		overflow:hidden;
		font-size:1.1em;
		color:#fff;
		background:#67534e url(../images/background/nav_principale.gif);
		padding:7px 14px 6px 14px;
		margin:0
	}
	#colonne01 h2.premier {padding-left:30px}
/* ------------------------------------------------------------------------- Acces direct */
	#acces_direct {
		font-size:1.3em;
		margin:0 0 1em 0
	}
	#acces_direct li {
		clear:both;
		background-repeat:no-repeat;
		background-position:left bottom;
		padding:1em 10px 1.5em 32px
	}
	#acces_direct li.orange {background-image:url(../images/background/explorez01.png)}
	#acces_direct li.rose {background-image:url(../images/background/explorez02.png)}
	#acces_direct li.vert {background-image:url(../images/background/explorez03.png)}
	#acces_direct a {color:#000}
	#acces_direct span.illustration {
		float:left;
		width:30px;
		margin:0 4px 0 0
	}
	#acces_direct img {margin:-3px 0 0 0}
/* ------------------------------------------------------------------------- Liste de liens */
	#colonne01 div.liste_liens {
		overflow:hidden;
		font-size:1.1em;
		background:url(../images/background/acces-direct.png) no-repeat right bottom;
		padding:0 0 8px 0;
		margin:0 0 1em 0
	}
	#colonne01 div.liste_liens ul {
		background:#f8f5ed url(../images/background/global.png) repeat-y right top;
		margin:0
	}
	#colonne01 div.liste_liens a {
		display:block;
		width:172px;
		color:#000;
		border-bottom:1px solid #cfcbc3;
		background:#f8f5ed;
		padding:.6em 14px .6em 14px
	}
	#colonne01 div.liste_liens li:last-child a {border:0}
	#colonne01 div.liste_liens a:hover,
	#colonne01 div.liste_liens a:focus,
	#colonne01 div.liste_liens a:active {background:url(../images/background/acces-direct-actif.png) repeat-y left top}
/* ------------------------------------------------------------------------- Contact */
	#contact {
		line-height:1.45em;
		text-align:center;
		font-size:1.1em;
		color:#000;
		margin:0 5px 0 0
	}
	#contact p {
		border-bottom:1px solid #cfcbc3;
		padding:0 0 .8em 0;
		margin:0 0 .8em 0
	}
	#contact a {
		color:#2a557b;
		text-decoration:underline
	}
	#contact a:hover,
	#contact a:focus {text-decoration:none}
	#contact img {
		vertical-align:middle;
		margin:1em 0 0 0
	}
/* --------------------------------------------------------------- Flux RSS */
	#flux_rss {
		display:block;
		color:#000;
		background:url(../images/background/flux_rss01.png) no-repeat left top;
		padding:12px 10px 13px 40px;
		margin:5em 0 5.5em 40px
	}
/* ----------------------------------------------------------------------------------- Contenu */
	#contenu {
		float:left;
		width:765px;
		font-size:1.1em;
		padding:1.5em 0 7em 20px
	}
	#contenu a {text-decoration:underline}
	#contenu a:hover,
	#contenu a:focus,
	#contenu a:active {text-decoration:none}
/* ------------------------------------------------------------------------- H2 */
	#contenu h2.habillage01 {
		font-size:2em;
		font-weight:normal;
		color:#705522;
		border-bottom:1px solid #ebe9e6;
		padding:0 0 .2em 5px;
		margin:.3em 0 .1em 0
	}
/* ------------------------------------------------------------------------- Le saviez-vous ? */
	#saviez_vous {
		clear:right;
		float:right;
		width:199px;
		background:url(../images/background/ombre03.png) no-repeat left bottom;
		padding:0 0 9px 0;
		margin:0 0 1em 0
	}
	#saviez_vous h2 {
		font-size:1.1em;
		font-weight:bold;
		color:#112c42;
		background:#ffed74;
		padding:5px 10px;
		margin:0
	}
	#saviez_vous p {
		font-size:.9em;
		line-height:1.6em;
		color:#5e504e;
		background:#fffe8c;
		padding:1.15em 15px;
		margin:0
	}
	#saviez_vous p a {
		display:block;
		text-align:right;
		color:#2a557b;
		margin:2px 0 0 0;
		text-decoration:underline
	}
	#saviez_vous p a:hover,
	#saviez_vous p a:focus,
	#saviez_vous p a:active {text-decoration:none}
/* ------------------------------------------------------------------------- Outils 01 */
	#contenu #outils01 {
		float:right;
		padding:0 .6em 0 0
	}
	#contenu #outils01 li {
		display:inline;
		background:0;
		padding:0	
	}
	#outils01 a.outil {
		float:left;
		background-repeat:no-repeat;
		background-position:center bottom;
		padding:0 0 15px 0;
		margin:0 1.1em 0 0
	}
	#imprimer01 {background-image:url(../images/background/imprimer01.png)}
	#enregistrer_pdf01 {background-image:url(../images/background/pdf01.png)}
	#faire_suivre01 {background-image:url(../images/background/envoyer_page01.png)}
	#partage_reseaux01 {background-image:url(../images/background/partage_reseaux01.png)}
	#outils01 a.outil:hover,
	#outils01 a.outil:focus,
	#outils01 a.outil:active {
		padding-top:2px;
		padding-bottom:13px
	}
/* ------------------------------------------------------------------------- Réseaux sociaux */
	#contenu #reseaux_sociaux,
	#contenu #reseaux_sociaux02 {padding:0}
/* ------------------------------------------------------------------------- Fil d'ariane */
	#fil_ariane {
		width:610px;
		font-size:.9em;
		color:#707070;
		border-bottom:1px solid #e7e7e7;
		padding:0 5px .45em 5px;
		margin:0 0 2em 0
	}
	#fil_ariane a,
	#fil_ariane strong {
		color:#000;
		text-decoration:none
	}
	#fil_ariane a:hover,
	#fil_ariane a:focus,
	#fil_ariane a:active {text-decoration:underline}
/* --------------------------------------------------------------- Contenu Gauche */
	#contenu01 {
		float:left;
		width:546px;
		padding:0 20px 0 0
	}
	#contenu01.large {
		width:765px;
		padding-right:0
	}
/* ----------------------------------------------------- Articles */
	div.article {
		overflow:hidden;
		zoom:1;
		background:url(../images/background/ombre01.png) no-repeat left bottom;
		padding:6px 8px 22px 8px
	}
	div.article img {
		float:left;
		margin:2px 1em 0 0
	}
	div.article.en_avant img {margin-right:1.3em}
	div.article h3 {
		line-height:1.5em;
		font-size:1.1em;
		color:#5f4f48;
		margin:0 0 .2em 0
	}
	div.article.en_avant h3 {font-size:1.3em}
	div.article h3 span a {color:#aa0133}
	div.article h3 span.date {
		font-weight:normal;
		color:#707070
	}
	#contenu div.article p {
		line-height:1.6em;
		padding-bottom:0;
		margin:0 0 .4em 0
	}
	div.article p {padding-bottom:.5em}
	div.article.en_avant p {font-size:1.1em}
	#contenu div.article a.lien_continuation {
		color:#2a557b;
		background:url(../images/background/lien_continuation_couleur01.gif) no-repeat left center;
		padding:0 0 0 14px;
		margin:0 0 0 8px;
		text-decoration:none
	}
	#contenu div.article a.lien_continuation:hover,
	#contenu div.article a.lien_continuation:focus,
	#contenu div.article a.lien_continuation:active {text-decoration:underline}
	div.article p.sous-titre {
		font-style:italic;
		font-weight:bold;
		padding:0
	}
/* --------------------------------------------------------------- H1 */
	#contenu h1 {
		font-size:2em;
		font-weight:normal;
		color:#705522;
		margin:0 0 .7em 0
	}
	#contenu h1 span {
		display:block;
		font-size:.8em;
		font-weight:normal;
		font-style:italic;
		color:#000;
		margin:.2em 0 0 0
	}
/* --------------------------------------------------------------- Lien */
	p.lien {
		overflow:hidden;
		zoom:1;
		background:#f4efde url(../images/background/ombre02.png) no-repeat left bottom;
		padding:1.2em 1.2em 1.8em 1.2em;
		margin:0 0 1.65em 0
	}
	#contenu p.lien a {
		font-size:1.4em;
		font-weight:bold;
		color:#705522;
		background:url(../images/background/lien_continuation_couleur01.gif) no-repeat left center;
		padding:0 0 0 20px;
		text-decoration:none
	}
	#contenu p.lien a:hover,
	#contenu p.lien a:focus,
	#contenu p.lien a:active {text-decoration:underline}
/* --------------------------------------------------------------- Vue line */
	div.extraits {
		clear:both;
		border-top:1px solid #ebe9e6;
		padding:10px 0 0 0
	}
	div.vue_line {
		clear:both;
		overflow:hidden;
		zoom:1;
		background:url(../images/background/ombre01.png) no-repeat left bottom;
		padding:6px 8px 22px 8px
	}
	div.vue_line img {
		float:left;
		margin:0 1em 0 0
	}
	div.vue_line_texte {
		overflow:hidden;
		zoom:1
	}
	#contenu div.vue_line h2 {margin:0 0 .5em 0}
	#contenu div.vue_line h2 a,
	#contenu div.vue_line h3 a {
		color:#705522;
		text-decoration:none
	}
	#contenu div.vue_line a:hover,
	#contenu div.vue_line a:focus,
	#contenu div.vue_line a:active {text-decoration:underline}
	div.vue_line h2 span {
		font-size:.7em;
		font-weight:normal;
		color:#aa0133
	}
	#contenu div.vue_line h2 span a {color:#aa0133}
	div.vue_line h3 {
		font-size:1.1em;
		color:#2a557b;
		padding-left:0
	}
	#contenu div.vue_line a.lien_continuation {
		color:#2a557b;
		background:url(../images/background/lien_continuation_couleur01.gif) no-repeat left center;
		padding:0 0 0 14px;
		text-decoration:none
	}
	#contenu div.vue_line a.lien_continuation:hover,
	#contenu div.vue_line a.lien_continuation:focus,
	#contenu div.vue_line a.lien_continuation:active {text-decoration:underline}
	#contenu div.vue_line p {
		padding-bottom:5px;
		margin:0 0 .3em 0
	}
	#contenu div.vue_line p.meta {
		float:right;
		font-size:.8em;
		margin-left:10px;
		margin-bottom:0;
		padding-bottom:2px;
		padding-top:2px
	}
/* --------------------------------------------------------------- Galerie */
/* ----------------------------------------------------- Simple */
	#contenu ul#gallery,
	#contenu .extrait ul.apercu {
		clear:both;
		padding:1em 0 0 0;
		margin:0
	}
	#contenu ul#gallery li,
	#contenu .extrait ul.apercu li {
		display:inline;
		background:none;
		padding:0;
		margin:0
	}
	.extrait ul.apercu li img {
		float:none;
		vertical-align:top;
		margin:0 3em 0 0
	}
	.extrait ul.apercu div {
		float:left;
		margin:0 3em 0 0
	}
	#contenu .extrait div.navigation {padding-bottom:0}
	ul#gallery li a {text-decoration:none}
	ul#gallery li img {
		vertical-align:bottom;
		border:.1em solid #e8e8e8;
		padding:.8em;
		margin:0 2.9em 3em 0;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		-webkit-transition:background-color 0.3s ease;
		-moz-transition:background-color 0.3s ease;
		-o-transition:background-color 0.3s ease;
		transition:background-color 0.3s ease
	}
	ul#gallery li a:hover img,
	ul#gallery li a:focus img,
	ul#gallery li a:active img {background:#e8e8e8}
/* ----------------------------------------------------- Carousel */
/* ------------------------------------------- Navigation */
	.jcarousel-container {
		width:84%;
		padding:0 8%;
		margin:0 0 1.5em 0
	}
/* ------------------------------------------- Boutons */
	.jcarousel-prev,
	.jcarousel-next {
		position:absolute;
		top:25px;
		cursor:pointer
	}
	.jcarousel-prev {left:0}
	.jcarousel-next {right:0}
	.jcarousel-prev-disabled img,
	.jcarousel-next-disabled img {display:none}
/* ------------------------------------------- Liste */
	#diaporama_nav {
		overflow:hidden;
		width:98%;
		margin:1.5em 0 1em 0
	}
	#contenu #diaporama_nav ul {
		padding:0;
		margin:0
	}
	#contenu #diaporama_nav li {
		background:none;
		padding:0;
		margin:0
	}
	#diaporama_nav li a img {
		display:block;
		border:.1em solid #fff;
		padding:.7em;
		margin:0 17px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		-webkit-transition:all 0.3s ease;
		-moz-transition:all 0.3s ease;
		-o-transition:all 0.3s ease;
		transition:all 0.3s ease
	}
	#diaporama_nav li a:hover img,
	#diaporama_nav li a:focus img,
	#diaporama_nav li a:active img,
	#diaporama_nav li.ui-tabs-selected img {
		border-color:#ddd;
		background:#f1f1f1
	}
	#diaporama_nav li.ui-tabs-selected a {cursor:default}
/* ------------------------------------------- Zoom */
	.ui-tabs-hide {display:none}
	div#gallery {
		overflow:hidden;
		zoom:1;
		clear:both;
		border:.1em solid #ddd;
		background:#f1f1f1;
		padding:2.3em 0 0 0;
		margin:0 0 1em 0;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px
	}
	div#gallery div {
		padding:0 29px;
		margin:0 auto
	}
	div#gallery p img {margin:0 0 .5em 0}
/* --------------------------------------------------------------- Recherche */
/* ----------------------------------------------------- Moteur de recherche */
	#moteur_recherche {
		position:relative;
		background:#f0ebdb;
		padding:1.5em 15px 0 15px;
		margin:0 0 1.65em 0
	}
	#contenu #moteur_recherche p {padding-bottom:1.65em}
/* ------------------------------------------- Lien aide */
	#contenu #moteur_recherche #aide {
		position:absolute;
		top:0;
		right:0;
		background:#adc737 url(../images/background/motif04.gif);
		border-left:2px solid #fff;
		padding:20px 18px 20px 18px;
		margin:0
	}
	#aide a {
		color:#000;
		background:url(../images/background/lien_externe02.gif) no-repeat right 3px;
		padding:0 15px 0 0
	}
	#aide img {
		margin:0 0 0 .1em;
		text-decoration:none
	}
/* ----------------------------------------------------- h3 */
	div.recherche h3.pdf {
		background:url(../images/background/pdf.gif) no-repeat left 0;
		padding-left:22px
	}
	div.recherche h3.word {
		background:url(../images/background/word.gif) no-repeat left 0;
		padding-left:22px
	}
/* ----------------------------------------------------- Fil d'ariane */
	p.fil_ariane {
		font-size:.9em;
		color:#555
	}
/* ----------------------------------------------------- Lien voir tout */
	div.recherche p.voir_tout {padding:2px 15px}
/* --------------------------------------------------------------- Fiche */
	div.fiche {
		overflow:hidden;
		margin:0 0 5px 0
	}
	div.vue_line.vert,
	div.vue_line.bleu,
	div.vue_line.orange,
	div.vue_line.magenta {padding-top:10px}
	div.vue_line.vert {background-color:#ebf8d6}
	div.vue_line.bleu {background-color:#edf4fb}
	div.vue_line.orange {background-color:#fef8dc}
	div.vue_line.magenta {background-color:#fbe9ed}
	#contenu div.fiche .theme {
		float:right;
		text-transform:uppercase;
		font-size:1.3em;
		font-weight:bold;
		background:#5f4f48;
		color:#fff;
		padding:8px 20px;
		margin:0 0 0 10px;
		text-decoration:none
	}
	#contenu div.fiche a.theme:hover,
	#contenu div.fiche a.theme:focus,
	#contenu div.fiche a.theme:active {
		background:#82584d;
		text-decoration:underline
	}
	div.fiche div.vue_line {background:none}
/* --------------------------------------------------------------- Fiche doc */
	#fiche_doc {
		/*position:relative;
		top:-45px;*/
		float:right;
		width:199px;
		background:#f6f3ea url(../images/background/ombre03.png) no-repeat left bottom;
		padding:0 0 9px 0;
		margin:0 0 1.5em 1.5em
	}
	#fiche_doc h2 {
		font-size:1.1em;
		font-weight:bold;
		color:#000;
		background:#d3c8af;
		padding:.5em 13px
	}
	#fiche_doc h2.style01 {background:#ffb04a}
	#fiche_doc h2.style02 {background:#e087a2}
	#fiche_doc h2.style03 {background:#b7de76}
	#fiche_doc p {
		font-size:.9em;
		padding:0 13px;
		margin:0 0 .8em 0
	}
/* --------------------------------------------------------------- Explorer Epoques */
	#contenu h2.epoque {
		clear:both;
		color:#5f4f48;
		padding:.25em 12px .3em 12px;
		margin-bottom:8px
	}
	h2.epoque_11245 {background:#fff7d1}
	h2.epoque_11246 {background:#f0e2f8}
	h2.epoque_11247 {background:#fddfcc}
	h2.epoque_11318 {background:#fbeedb}
	h2.epoque_11249 {background:#f0ffba}
	h2.epoque_11251 {background:#cff7c2}
/* --------------------------------------------------------------- Encart (Objet du mois - Que suis-je ?) */
	#encart {
		float:right;
		width:193px;
		margin:0 0 0 7px
	}
	#encart div {
		text-align:center;
		background:#f3eee2 url(../images/background/encart_contenu.jpg) no-repeat left bottom;
		padding:0 0 12px 0;
		margin:0 0 12px 0
	}
	#encart div h3 {
		color:#fff;
		background:#63544d url(../images/background/encart_titre.jpg) no-repeat;
		padding:3px 0;
		margin:0
	}
	#encart div img {
		display:block;
		margin:15px auto 10px auto
	}
	#encart div a {
		color:#000;
		background:url(../images/background/puce.gif) no-repeat left center;
		padding:0 0 0 8px
	}
	#encart div p {
		font-weight:bold;
		font-style:italic;
		color:#5f4f48;
		padding:7px 0;
		margin:0
	}
	p.encart {margin-right:200px}
/* --------------------------------------------------------------- Droite */
	#contenu02 {
		float:left;
		width:199px
	}
	/*body.noeud_11050 #contenu02 {margin-top:0}
	body.noeud_11050 #contenu02.recherche {margin-top:15px}*/
/* ----------------------------------------------------- H2 */
	#contenu02 h2 {
		overflow:hidden;
		clear:both;
		font-size:1.1em;
		font-weight:bold;
		color:#000;
		background:#ffb04a;
		padding:.45em 15px;
		margin:0
	}
	/*#contenu02 h2.style01 {font-size:.9em}*/
	#contenu02 h3.style01 {
		font-size:1.3em;
		color:#705522;
		background:#ece2ca;
		padding:.45em 15px
	}
/* ----------------------------------------------------- Habillage 01 */
	div.habillage01 {
		overflow:hidden;
		zoom:1;
		background:#f6f3ea url(../images/background/ombre03.png) no-repeat left bottom;
		padding:0 0 9px 0;
		margin:0 0 .5em 0
	}
/* ----------------------------------------------------- Objet du mois */
	div.objet-mois {
		text-align:center;
		padding:0 10px .5em 10px
	}
	div.objet-mois img {
		display:block;
		margin:0 auto .5em auto
	}
	div.objet-mois p {margin:0 0 .3em 0}
	div.objet-mois a.lien_continuation {
		background:url(../images/background/lien_continuation_couleur01.gif) no-repeat left 3px;
		padding:0 0 0 14px
	}
/* ----------------------------------------------------- Renfoncement */
	#contenu02 div.renfoncement {padding:.5em 13px 0 13px}
/* ------------------------------------------- Article */
	#contenu02 div.article {padding:10px 0 0 0}
	#contenu02 div.article img {
		vertical-align:middle;
		margin:0 0 6px 0
	}
	#contenu02 div.article h3 {margin-bottom:1px}
	#contenu02 div.article p.meta {margin-bottom:1px}
/* ------------------------------------------- Accordeon */
	#contenu02 div.accordeon h3 {
		line-height:1.3em;
		font-size:1.1em;
		color:#000;
		border-top:1px solid #dedace;
		padding:.4em 0 0 0;
		margin:0 0 .4em 0
	}
	#contenu02 div.accordeon h3 a {
		color:#000;
		background:url(../images/background/puce.gif) no-repeat left 6px;
		padding:0 0 0 10px;
		text-decoration:none
	}
	#contenu02 div.accordeon h3 a:hover,
	#contenu02 div.accordeon h3 a:focus,
	#contenu02 div.accordeon h3 a:active {text-decoration:underline}
	#contenu02 div.accordeon h3.ui-state-active a {
		background-image:url(../images/background/puce_on.gif);
		cursor:text
	}
	div.accordeon p {margin:0 0 .4em 0}
/* ------------------------------------------- Frise chronologique */
	#contenu02 #frise_chronologique {
		line-height:1.3em;
		text-align:center;
		padding:1em 14px 0 14px
	}
	#contenu02 #frise_chronologique li {
		list-style-type:none;
		background-repeat:no-repeat;
		background-position:left bottom;
		padding:8px 10px 18px 10px;
		margin:0 0 1px 0
	}
	#contenu02 #frise_chronologique li.epoque_11245 {
		background-image:url(../images/background/frise_01.jpg);
		background-color:#fff7d1
	}
	#contenu02 #frise_chronologique li.epoque_11246 {
		background-image:url(../images/background/frise_02.jpg);
		background-color:#f0e2f8
	}
	#contenu02 #frise_chronologique li.epoque_11247 {
		background-image:url(../images/background/frise_03.jpg);
		background-color:#fddfcc
	}
	#contenu02 #frise_chronologique li.epoque_11318 {
		background-image:url(../images/background/frise_04.jpg);
		background-color:#fbeedb
	}
	#contenu02 #frise_chronologique li.epoque_11249 {
		background-image:url(../images/background/frise_05.jpg);
		background-color:#f0ffba
	}
	#contenu02 #frise_chronologique li.epoque_11251 {
		background-image:url(../images/background/frise_06.jpg);
		background-color:#cff7c2
	}
/* --------------------------------------------------------------- Commentaires */
	#commentaires {
		clear:both;
		overflow:hidden;
		padding:0 205px 0 0;
		margin:5px 0
	}
	div.commentaire em {
		float:right;
		margin-top:-20px
	}
	div.commentaire blockquote strong {display:block}
/* --------------------------------------------------------------- Glossaire */
	#glossaire li {
		float:left;
		width:237px;
		margin-bottom:5px
	}
/* --------------------------------------------------------------- Pagination */
	#contenu .pagination {padding:10px 0 5px 0}
	#contenu ol.glossaire {
		background:none;
		padding-bottom:1em
	}
	#contenu .pagination li {
		float:left;
		background:none;
		padding:0;
		margin:0 10px 5px 0
	}
	#contenu ol.glossaire li {
		list-style-type:none;
		list-style-position:outside;
		margin-right:7px
	}
	#contenu .pagination li a,
	#contenu .pagination li span {
		display:block;
		float:left;
		border:1px solid #2a557b;
		padding:2px 6px;
		text-decoration:none
	}
	#contenu .pagination li a {
		color:#fff;
		background:#2a557b
	}
	#contenu .pagination li a:hover,
	#contenu .pagination li a:focus,
	#contenu .pagination li a:active,
	#contenu .pagination li span {
		color:#2a557b;
		background:#fff
	}
/* --------------------------------------------------------------- Plan du site */
/* ----------------------------------------------------- Premier niveau */
	#contenu #plan_site {padding:0 0 0 60px}
	#contenu #plan_site li {margin-bottom:10px}
	#contenu #plan_site li a {text-decoration:none}
	#contenu #plan_site li a:hover,
	#contenu #plan_site li a:focus,
	#contenu #plan_site li a:active {text-decoration:underline}
/* ----------------------------------------------------- Second niveau */
	#contenu #plan_site li ul li {margin-bottom:0}
/* ----------------------------------------------------------------------------------- Outils 02 */
	#outils02 {
		clear:both;
		text-align:right
	}
	#outils02 li {
		display:inline;
		margin:0 1em 0 2em
	}
	#outils02 a {
		color:#000;
		background-position:left top;
		background-repeat:no-repeat;
		padding:2px 0 13px 24px;
		text-decoration:underline
	}
	#outils02 a:hover,
	#outils02 a:focus,
	#outils02 a:active {text-decoration:none}
	#outils02 #imprimer02 {background-image:url(../images/background/imprimer02.png)}
	#outils02 #enregistrer_pdf02 {background-image:url(../images/background/pdf02.png)}
	#outils02 #faire_suivre02 {background-image:url(../images/background/envoyer_page02.png)}
	#outils02 #partage_reseaux02 {background-image:url(../images/background/partage_reseau02.png)}
	#outils02 #haut_page {background-image:url(../images/background/haut_page.png)}
	#outils02 abbr {border:0}
/* ----------------------------------------------------------------------------------- L'europe s'engage */
	#europe {
		float:left;
		width:176px;
		line-height:1.6em;
		background:#f5f3e9 url(../images/background/global.png) repeat-y right top;
		padding:1.2em 15px
	}
	#europe h1 {
		font-size:1.1em;
		font-weight:bold;
		color:#000099;
		background:url(../images/background/europe.gif) no-repeat left top;
		padding:13px 0 18px 53px;
		margin:0
	}
/* ----------------------------------------------------------------------------------- Illustration en pied de page */
	#pied-page01 {
		float:right;
		margin:3.5em 0 .7em 0
	}
/* ----------------------------------------------------------------------------------- Pied de page */
	#pied-page02,
	#pied-page03 {
		float:right;
		width:760px;
		text-align:center;
		color:#cbbab5;
		padding:0 10px;
		margin:0 0 .7em 0
	}
	#pied-page02 li {
		display:inline;
		margin:0 .8em 0 0
	}
	#pied-page02 a,
	#pied-page02 strong {
		color:#34332f;
		margin:0 .8em 0 0
	}
	#pied-page03 a,
	#copyright {
		color:#3c3a35;
		margin:0 6px
	}
/* --------------------------------------------------------------------------------------------- Pied de page pour l'impression */
	#impression_pied_page {display:none}