@charset "utf-8";
/* --------------------------------------------------------------------------------------------- Reset */
	* {
		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
	}
/* ----------------------------------------------------------------------------------- Lien */
	a {text-decoration:none}
	a:hover,
	a:focus,
	a:active {text-decoration:underline}
	a img {border:none}
/* ----------------------------------------------------------------------------------- Liste */
	ul {list-style:none}
/* ----------------------------------------------------------------------------------- Emphase */
	strong {font-weight:bold}
	em {font-style:italic}
/* ----------------------------------------------------------------------------------- Autres */
	abbr,
	acronym {
		border-bottom:1px dotted;
		cursor:help
	}
	a abbr,
	a acronym {cursor:pointer}
	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
	}
/* --------------------------------------------------------------------------------------------- Récurrent */
	.masquer {
		overflow:hidden;
		position:absolute;
		left:-10000px;
		top:auto;
		width:1px;
		height:1px
	}
	.retour_chariot {clear:both}
	span.separation {
		display:block;
		overflow:hidden;
		height:0px;
		border-top:1px solid #cfcbc3;
		margin:5px 0
	}
/* ----------------------------------------------------------------------------------- Liens */
	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}
	#colonne02 p.voir_tout {
		text-align:center;
		background:#ece2ca;
		padding:.5em 0 .6em 0;
		margin:0
	}
	a.lien_externe {
		background:url(../images/background/lien_externe.gif) no-repeat right center;
		padding:0 14px 0 0
	}
	a.flux_rss {
		background:url(../images/background/flux_rss.gif) no-repeat left center;
		padding:0 0 0 16px
	}
/* ----------------------------------------------------------------------------------- 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
	}
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		overflow:hidden;
		width:998px;
		font-size:1.1em;
		background:url(../images/background/global.png) repeat-y 203px top;
		margin:0 auto
	}
/* ----------------------------------------------------------------------------------- Date de validité des informations */
	#date_infos_valables {display:none}
/* ----------------------------------------------------------------------------------- Logo */
	#logo {
		float:left;
		margin:0 0 0 2px
	}
/* ----------------------------------------------------------------------------------- Accès rapide */
	#acces_rapide {
		float:right;
		width:790px;
		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:150px;
		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:780px;
		font-size:1.2em;
		background:#4a2e2a url(../images/background/nav_principale.gif);
		padding:0 0 0 9px;
		margin:1px 0 0 17px
	}
	#nav_principale li {display:inline}
	#nav_principale a,
	#nav_principale strong {
		float:left;
		color:#fff;
		padding:.65em .9em
	}
	#nav_principale a:hover,
	#nav_principale a:focus,
	#nav_principale a:active,
	#nav_principale strong {
		font-weight:normal;
		background:#962573 url(../images/background/nav_principale_actif.png) no-repeat center bottom
	}
/* ----------------------------------------------------------------------------------- Colonne01 (gauche) */
	#colonne01 {
		clear:left;
		float:left;
		width:208px;
		padding:2em 0 7em 0
	}
/* ------------------------------------------------------------------------- H2 */
	#colonne01 h2 {
		overflow:hidden;
		font-size:1.1em;
		color:#fff;
		background:#482f2d url(../images/background/nav_principale.gif);
		padding:7px 14px 6px 14px;
		margin:0
	}
	#colonne01 h2.premier {background:#7c2160 url(../images/background/motif01.gif)}
/* ------------------------------------------------------------------------- Archives en ligne */
	p.archives-ligne {
		background:url(../images/background/archives-ligne-p.png) no-repeat left bottom;
		padding:.45em 10px 1em 10px;
		margin:0 0 1em 0
	}
	p.archives-ligne a {
		display:block;
		line-height:1.25em;
		font-size:1.35em;
		font-weight:bold;
		color:#000;
		background:url(../images/background/archives-ligne-a.png) no-repeat left top;
		padding:.5em 0 .5em 57px
	}
	p.archives-ligne a span {
		display:block;
		font-size:.8em;
		font-weight:normal
	}
/* ------------------------------------------------------------------------- Accès direct */
	#acces_direct {
		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 1.2em 0
	}
	#acces_direct ul {background:#f8f5ed url(../images/background/global.png) repeat-y right top}
	#acces_direct li a {
		display:block;
		width:172px;
		color:#000;
		border-bottom:1px solid #cfcbc3;
		background:#f8f5ed;
		padding:.6em 14px .6em 14px
	}
	#acces_direct li:last-child a {border:0}
	#acces_direct li a:hover,
	#acces_direct li a:focus,
	#acces_direct li a:active {background:url(../images/background/acces-direct-actif.png) repeat-y left top}
/* ------------------------------------------------------------------------- Contact */
	#colonne01 div.habillage01 {
		background:url(../images/background/acces-direct.png) no-repeat right bottom;
		padding:0 0 8px 0
	}
	#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
	}
/* ------------------------------------------------------------------------- Navigation contextuelle */
	#nav_contexte-titre {
		background:url(../images/background/nav-contexte-titre-div.png) no-repeat right bottom;
		padding:0 0 8px 0
	}
	#nav_contexte-titre h2 {
		line-height:1.15em;
		text-align:right;
		font-size:2.1em;
		font-weight:normal;
		background:url(../images/background/nav-contexte-titre-h2.png) no-repeat;
		padding:1.25em 20px .5em 20px
	}
/* --------------------------------------------------------------- Premier niveau */
	#nav_contexte {
		font-size:1.1em;
		font-weight:bold;
		margin:0 5px 2em 12px
	}
	#nav_contexte li {
		background:url(../images/background/nav_contexte_li.gif) no-repeat left bottom;
		padding:0 0 .1em 0
	}
	#nav_contexte a,
	#nav_contexte strong {
		display:block;
		color:#000;
		padding:.45em 12px
	}
	#nav_contexte a:hover,
	#nav_contexte a:focus,
	#nav_contexte a:active,
	#nav_contexte strong {background-color:#fff}
/* --------------------------------------------------------------- Second niveau */
	#nav_contexte ul {
		font-size:1em;
		font-weight:normal
	}
	#nav_contexte ul li {
		background-image:none;
		padding-bottom:0
	}
	#nav_contexte ul a,
	#nav_contexte ul strong {
		background-image:url(../images/background/navigation_contextuelle_a.gif);
		background-repeat:no-repeat;
		background-position:30px 8px;
		padding:2px 12px 2px 40px
	}
/* --------------------------------------------------------------- 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
	}
/* ----------------------------------------------------------------------------------- Principal */
	#principal {
		float:left;
		width:765px;
		font-size:1.1em;
		padding:1.5em 0 7em 25px
	}
/* ------------------------------------------------------------------------- Outils */
	#outils01 {
		float:right;
		padding:0 .6em 0 0
	}
	#outils01 li {display:inline}
	#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
	}
/* ------------------------------------------------------------------------- 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}
/* ------------------------------------------------------------------------- Contenu */
	#contenu {
		float:left;
		width:546px;
		padding:0 20px 0 0
	}
	#contenu.large {width:745px}
/* --------------------------------------------------------------- H2 */
/* ----------------------------------------------------- Habillage 01 */
	h2.habillage01 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:2em;
		font-weight:normal;
		color:#661b4e;
		border-bottom:1px solid #ebe9e6;
		padding:0 0 .3em 5px;
		margin-top:.3em
	}
	h2.habillage01.style01 {border:0}
/* ----------------------------------------------------- Habillage 02 */
	h2.habillage02,
	#colonne02 h2 {
		overflow:hidden;
		clear:both;
		font-size:1.1em;
		color:#fff;
		background:#962573;
		padding:.45em 15px;
		margin:0
	}
/* --------------------------------------------------------------- Focus */
	#focus {margin:0 0 1em 0}
/* --------------------------------------------------------------- Le saviez-vous ? */
	#saviez_vous {
		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;
		color:#112c42;
		background:#ffed74;
		padding:5px 10px
	}
	#saviez_vous p {
		line-height:1.6em;
		color:#5e504e;
		background:#fffe8c;
		padding:1.15em 15px
	}
	#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}
/* --------------------------------------------------------------- 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 a {color:#5f4f48}
	#contenu div.article h3 span,
	#contenu div.article h3 span a {
		font-size:.8em;
		color:#aa0133
	}
	div.article h3 span.date {
		font-weight:normal;
		color:#707070
	}
	div.article p {line-height:1.5em}
	div.article p {padding-bottom:.5em}
	div.article.en_avant p {font-size:1.1em}
	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
	}
	div.article a.lien_continuation:hover,
	div.article a.lien_continuation:focus,
	div.article a.lien_continuation:active {text-decoration:underline}
/* --------------------------------------------------------------- Agenda */
	div.agenda {
		float:left;
		width:232px;
		padding:0 20px;
		margin:1em 0
	}
	.habillage01 div.agenda { width:auto; float:none;}
	div.agenda.droite {border-left:1px solid #e5e2d8}
	div.agenda img {
		float:left;
		margin:0 1em 0 0
	}
	div.agenda h3 {
		line-height:1.5em;
		font-size:1.1em;
		color:#5f4f48;
		padding-bottom:.4em
	}
	div.agenda h3 a {color:#5f4f48}
	div.agenda p {
		line-height:1.5em;
		margin:0 0 .5em 0
	}
	div.agenda span {
		display:block;
		color:#4a3d39; 
		margin:0 0 .6em 0
	}
	.habillage01 div.agenda span { font-weight:bold }
	div.agenda 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
	}
	div.agenda a.lien_continuation:hover,
	div.agenda a.lien_continuation:focus,
	div.agenda a.lien_continuation:active {text-decoration:underline}
/* --------------------------------------------------------------- Plan du site */
	#plan_site li a {text-decoration:none}
	#plan_site li a:hover,
	#plan_site li a:focus,
	#plan_site li a:active {text-decoration:underline}
/* ----------------------------------------------------- Premier niveau */
	#contenu #plan_site {padding-left:60px}
	#contenu #plan_site li {
		background:url(../images/background/lien_continuation_couleur01.gif) no-repeat left 3px;
		padding-left:20px;
		margin:0 0 3px 0
	}
	#contenu #plan_site li h2 {font-size:1.4em}
/* ----------------------------------------------------- Second niveau */
	#contenu #plan_site li ul {font-size:1.1em}
	#contenu #plan_site li ul li {
		background:url(../images/background/suivant.gif) no-repeat left 6px;
		padding-left:12px;
		margin-bottom:3px
	}
	#contenu #plan_site li ul li a {color:#666}
/* ----------------------------------------------------- Autres niveaux */
	#contenu #plan_site li ul li ul {
		font-size:.9em;
		padding-top:5px
	}
	#contenu #plan_site li ul li ul li {
		background:url(../images/background/puce01.gif) no-repeat left 6px;
		padding-left:10px
	}
	#contenu #plan_site li ul li ul li {margin-bottom:1px}
/* ------------------------------------------------------------------------- Colonne02 (droite) */
	#colonne02 {
		float:left;
		width:199px;
		background:url(../images/background/colonne02.gif) no-repeat left bottom
	}
	#colonne02 h2 {margin-bottom:1em}
/* --------------------------------------------------------------- Habillage 01 */
	div.habillage01 {
		overflow:hidden;
		zoom:1;
		background:#f6f0e1 url(../images/background/ombre03.png) no-repeat left bottom;
		padding:0 0 9px 0;
		margin:0 0 .5em 0
	}
/* ----------------------------------------------------------------------------------- Outils */
	#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:178px;
		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:left;
		margin:4.5em 0 .7em 1px
	}
/* ----------------------------------------------------------------------------------- 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}