@charset "utf-8";
/* Pagelayout start */

body { background:#fff; color:#000; font-family: Trebuchet MS; font-size:67%; }

p { margin:0 0 7px 0; padding:0; }
ul,li { list-style:none; margin:0; padding:0; }
a { color:#227F33; text-decoration:none; }
a { color:#000; }
img { border:0; margin:0; padding:0; }
h1 { clear:both; margin:0 0 10px 0; padding:0 0 0 0; font-size:2.1em; color:#227F33; font-weight:normal; }
h2 { margin-top:6px; font-size:1.5em; color:#333; margin-bottom:6px; line-height:1em; }
h3 { font-size:1.2em; margin-bottom:4px; font-weight:bold; color:#000; }
h4 { font-size:1em; margin-bottom:3px; }
h5, h6 { font-size:0.9em; font-weight:normal;}

.contenu a {
	text-decoration:underline; color:#227F33;
	}
.contenu a:hover, .contenu a:focus {
	text-decoration:none;
	}
.contenu p { line-height:1.8em; width:auto; overflow:hidden; }
.contenu img { border:2px solid #227F33; }

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}

#global {
	width:988px;
	padding:0;
	margin:0 auto;
	}

#outils_haut_block { float:right; height:100%; overflow:hidden; padding-top:7px; }

#outils_haut { padding:0 0 10px 0; float:left; }
#acces_rapide {	color:#4b93cb;	padding-right:10px;	padding-top:0;  }
#acces_rapide li { display:inline; }
#acces_rapide li a { margin-right:3px; padding:0 10px; float:left; display:block; background:#2D2D2D; color:#fff; text-decoration:none; overflow:hidden; }
#acces_rapide li a.last span { display:none; }
#acces_rapide li a:hover, #acces_rapide li a:focus, #acces_rapide li a.focus { color:#fff; background:#1E9033; }

#recherche { padding:10px 0 0 0; margin:0; width:190px; float:left; margin-top:-15px; }
#recherche label { color:#fff; float:left; margin-right:3px; margin-top:1px; font-size:1.3em; font-family : Arial narrow; }
#recherche #searchtext { width:140px; font-family:arial, helvetica, sans-serif; font-size:1.1em; color:#323131; border:1px solid #333; padding:3px 0 3px 10px; background:#fff; float:left; font-weight:bold;}
#recherche #searchbutton {
	float:left;
	border:0;
	color:#fff;
	width:31px;
	height:31px;
	font-size:1em;
	background:#1E9033 url(../images/background/recherche.gif) no-repeat 0 0;
	cursor:pointer;
	font-size:0.5em;
	margin-top:-5px;
	}
#recherche input.champ:hover, #recherche input.champ:focus, #recherche input.champ.focus { background:#fff; color:#353434; }
#recherche label { position:absolute; top:-1000px; }


#logo a { position:absolute; display:block; width:160px; height:150px; margin-top:80px; margin-left:40px; background:url(../images/background/transparent.gif); }
#logo h1 { position:absolute; display:block; width:160px; height:150px; margin-top:80px; margin-left:40px; }
#logo span { position:absolute; top:-1000px; }

#tetiere_flash { position:relative; z-index:2; background:#fff; }

#tetiere_image { margin:0; padding:0; overflow:hidden; background:red; }

#page { background:#fff; overflow:hidden; clear:both; }

#gauche_bgd { position:absolute; top:220px; width:43px; height:500px; background:#fff url(../images/background/gauche_bgd.gif) no-repeat left top; }
#gauche {	font-family: Arial; font-size:1.2em; float:left; width:189px; padding:0 0 0 43px; margin:0 0 0 0; min-height:400px; }
	#gauche ul { margin:0; padding:0; }
		
#main_menu { background:#000 url(../images/background/main_menu_haut.gif) no-repeat 0 0; margin:0; padding-bottom:10px; }
#main_menu a,
#main_menu strong { font-weight:bold; color:#fff; display:block;
	background:url(../images/background/main_menu_puce.gif) no-repeat 15px 0;
	padding:7px 10px 5px 30px;
	line-height:1.1em;
	}

#main_menu a:hover, #main_menu strong { color:#3FE55D; }
#main_menu ul li ul li a, #main_menu ul li ul li strong {
	background:#000  url(../images/background/main_menu_puce2.gif) no-repeat 2px 6px;	
	font-size:0.9em;
	font-weight:normal;
	padding:2px 3px 2px 10px;
	margin:0 0 2px 30px;
	width:auto;
}
#main_menu ul li ul li a:hover{ color:#fff; background:#227F33  url(../images/background/main_menu_puce2o.gif) no-repeat 2px 6px;	}
#main_menu ul li ul li strong {font-weight:bold; }
#main_menu ul li ul li ul {padding:0 0 0 15px;	}

#liens_image { overflow:hidden; margin:-4px 0 0 0; padding:0; border-top:1px dotted #ccc; }
#liens_image ul, #liens_image li { margin:0; padding:0; display:inline; }
#liens_image img { margin:0; padding:0; }

.menu_gauche { padding-bottom:10px; background:#666; border-top:1px dotted #ccc; margin:-3px 0 0 0; }
.menu_gauche h2, .menu_gauche_titre { margin:0; font-size:1.5em; font-family:verdana; color:#fff; padding:4px 10px 10px 25px; font-weight:normal;  }
.menu_gauche a { color:#fff; font-size:0.9em; display:block; padding:2px 10px 5px 35px; background:url(../images/background/menu_gauche_puce.gif) no-repeat 25px 6px; text-decoration:none; line-height:1.1em; }
.menu_gauche a.lien_externe { color:#fff; font-size:0.9em; display:block; padding:2px 10px 5px 35px; background:url(../images/background/menu_gauche_puce.gif) no-repeat 25px 6px; text-decoration:none; line-height:1.1em; }
.menu_gauche a:hover { color:#F4E500; }

#eco-emballage { display:block; width:120px; height:53px; background:url(../images/background/eco-emballage.gif) no-repeat 0 0; float:left; }
#eco-folio { display:block; width:69px; height:53px; background:url(../images/background/eco-folio.gif) no-repeat 0 0; float:left; }

.contenu { width:709px; float:right; padding:30px 20px 30px 25px; }
	a.lien_continuation { color:#227F33; background:url(../images/background/savoir-plus.gif) no-repeat 0 3px; padding-left:13px; }
	a.lien_continuation:hover { color:#333; background:url(../images/background/savoir-pluso.gif) no-repeat 0 3px; padding-left:13px; }


#fil_arianne { position:relative; top:-10px; font-size:1em; margin:20px 0 0 0; color:#9b9b9b; }
#fil_arianne a { text-decoration:none; color:#9b9b9b; }
#fil_arianne a:hover { color:#fff; background:#3FE55D; }

#site_bas { clear:both; background:#fff url(../images/background/site-bas.gif) no-repeat right bottom; overflow:hidden; } 

#outils {
	float:right;
	padding:20px 0 10px 0;
	overflow:hidden;
	}

	#outils li {
		display:inline;
		background:none;
	}
	#outils li a {
		font-size:1.1em;
		margin-right:10px;
		display:block;
		float:left;
		color:#8594A0;
		text-decoration:none;
		padding:0 10px 0 18px;
		white-space:nowrap;
		}
	#outils li span { color:#8594A0; }
	#outils li a:hover { color:#333; }	        


	a#faire_suivre { background:url(../images/background/tipafriend.gif) no-repeat 2px 3px; }
	a#imprimer { background:url(../images/background/imprimer.gif) no-repeat 0 4px; }
	a#enregistrer_pdf { background:url(../images/background/enregistrer_pdf.gif) no-repeat 2px 4px; }
	a#haut_page { background:url(../images/background/haut_page.gif) no-repeat 2px 3px; }

#liens_bas { clear:both; padding:10px; overflow:hidden; height:100%; }
#liens_bas ul { float:right; }
#liens_bas li, #credits_bas span { float:left; }
#liens_bas a { float:left; color:#000; text-decoration:none; padding:0 10px 0 10px; border-right:1px solid #000; }
#liens_bas a.lien_externe { background:none; }
#liens_bas a:hover { text-decoration:underline; }

#liens_bas #credits_inova { width:300px; float:left; }
#liens_bas #credits_inova a, #liens_bas #credits_inova abbr { border:0; float:left; padding:0 3px 0 0; margin:0; }

/* ----------------------------------------------------------------------------------- Listes */
	ul,
	ol {
		list-style:none;
		margin-bottom:10px
	}
	
	/* ----------------------------------------------------------------------------------- Emphases */
	strong {
		font-style:normal;
		font-weight:bold
	}
	em {
		font-style:italic;
		font-weight:normal
	}
/* ----------------------------------------------------------------------------------- Autres */
	abbr,
	acronym {border-bottom:1px dotted}
	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;
	}
/* ----------------------------------------------------------------------------------- Meta */
	p.meta {
		font-style:italic;
		color:#6b6a64;
		margin-bottom:5px
	}

	input.champ:hover {background:#faf8f6}
	input.champ:focus {background:#f3eee9}

	input.bouton {
		font-family:tahoma;
		font-size:1em;
		color:#fff;
		background:#227F33;
		border:1px solid #1E9033;
		padding:1px;
		cursor:pointer;
	}
	input.bouton.secondaire {
		background:#227F33;
		border:1px solid #1E9033
	}
	input.bouton:hover,
	input.bouton:focus {background:#1E9033}
	input.bouton.secondaire:hover,
	input.bouton.secondaire:focus {background:#1E9033}
/* --------------------------------------------------------------------------------------------- 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 */

/* ----------------------------------------------------------------------------------- Listes */
	.contenu ul, .contenu ol {
		overflow:hidden;
		line-height:1.6em;
		height:100%;
		padding:0 12px
	}
	.contenu ul li {
		background:url(../images/background/puce.gif) no-repeat left 6px;
		padding:0 0 2px 11px
	}
	.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 */
	.mise_en_avant {
		overflow:hidden;
		height:100%;
		background:#DEF5E2;
		padding:8px 10px 0 10px;
		margin:0 0 10px 0
	}
	p.mise_en_avant {padding-bottom:10px}
/* ----------------------------------------------------------------------------------- Zone contextuelle */
	div.zone_contextuelle {
		float:right;
		width:180px;
		background:#DEF5E2;
		border-left:1px dotted #227F33;
		padding:0 10px 0 10px;
		margin:0 0 10px 10px
	}
	
	div.zone_contextuelle h3 { color:#227F33; }	
/* ----------------------------------------------------------------------------------- Citations */
	q {
		font-style:italic;
		quotes: "« " " »";
		background:#f4f4f4;
		padding:0 2px
	}
	blockquote {
		overflow:hidden;
		height:100%;
		line-height:1.5em;
		font-style:italic;
		background:#f7f6f3 url(../images/background/citation.gif) no-repeat 98% 8px;
		padding:5px 45px 5px 5px;
		margin:0 0 10px 0
	}
	blockquote p {margin-bottom:0}
/* ----------------------------------------------------------------------------------- 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}
	
	div.image {margin:0 0 6px 0}
	div.image img {
		vertical-align:top;
		margin:0 0 1px 0
	}
	
	div.image p {
		text-align:left;
		color:#333;
		padding:1px 0
	}
	div.object-center div.image p {margin:0 auto}
	
	div.image p span {
		padding:0 5px;
		margin:0 auto;
		font-size:0.9em;
		line-height:1.3em;
	}
	div.image p span abbr {border:0}
	
	a.fichier {
		background-repeat:no-repeat;
		background-position:left top;
		padding:2px 0 1px 22px
	}
	a.pdf {background-image:url(../images/background/pdf.gif)}
	a.pdf:hover, a.pdf:focus {
		text-decoration:underline
		}
	a.msword {background-image:url(../images/background/msword.gif)}
	a.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.fichier span {
		font-size:.9em;
		color:#666
	}
/* ----------------------------------------------------------------------------------- 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 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 {
		background:#227F33;
		border-bottom:1px solid #ccc;
		padding:4px;
		color:#fff;
		
	}
	table.tableau_donnees tr th p { text-align:left; line-height:1.1em; }
	table.tableau_donnees tr td {
		vertical-align:top;
		border-bottom:1px dotted #ccc;
		padding:6px 4px
	}
	table.tableau_donnees tr.alterne td {background-color:#f7f7f7}
	table.tableau_donnees tr.survol td {background-color:#efefef}
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		width:988px;
		font-size:1.1em;
		margin:0 auto
	}
/* ----------------------------------------------------------------------------------- Accès rapide */
	#acces_rapide {
		
	}
	#acces_rapide li {
		display:inline
	}
	#acces_rapide li a,
	#acces_rapide li strong {
		
	}
	#acces_rapide li a:hover,
	#acces_rapide li a:focus {
		
	}

/* ----------------------------------------------------------------------------------- Fil d'ariane */
	#fil_ariane a {
		color:#000;
		text-decoration:none
	}
	#fil_ariane a:hover,
	#fil_ariane a:focus {text-decoration:underline}

/* ----------------------------------------------------------------------------------- Introduction */
	p.introduction {
		overflow:hidden;
		height:100%;
		border-left:3px solid #e5e5e5;
		padding:0 0 0 5px
	}
/* ----------------------------------------------------------------------------------- Vue line */
	div.vue_line {
		overflow:hidden;
		height:100%;
		border-bottom:1px dotted #e5e5e5;
		padding:0 0 5px 0;
		margin:0 0 5px 0
	}
	div.vue_line h2 a,
	div.vue_line h3 a {text-decoration:none}
	div.vue_line h2 a:hover,
	div.vue_line h2 a:focus,
	div.vue_line h3 a:hover,
	div.vue_line h3 a:focus {text-decoration:underline}
	div.vue_line h3 span {font-size:.8em}
	div.vue_line img {
		float:left;
		margin:0 10px 0 0
	}
/* ----------------------------------------------------------------------------------- Agenda */
	#conteneur_calendrier {
		float:right;
		width:180px;
		background:#fff;
		padding:0 0 0 10px;
		margin:0 0 10px 20px
	}
/* ------------------------------------------------------------------------- Calendrier */
	#calendrier {
		overflow:hidden;
		height:100%;
		border:1px solid #9aae00;
		background:#f8faed;
		padding:8px 4px;
		margin:0 0 10px 0
	}
	#calendrier a:hover,
	#calendrier a:focus {text-decoration:overline}
/* --------------------------------------------------------------- Navigation mois par mois */
	#calendrier #navigation_mois {
		text-align:center;
		text-transform:uppercase;
		font-weight:bold;
		color:#333;
		padding:0 0 5px 0;
		margin-bottom:0
	}
	#calendrier #navigation_mois li {
		display:block;
		float:left;
		width:15%;
		background:none;
		padding:0;
		margin:0
	}
	#calendrier #navigation_mois li a {color:#0173a7}
	#calendrier #navigation_mois #mois_courant {width:69%}
/* --------------------------------------------------------------- Tableau */
	#calendrier table {
		float:left;
		width:100%;
		table-layout:fixed;
		border-collapse:collapse;
		text-align:center
	}
/* ----------------------------------------------------- Jours de la semaine */
	#calendrier table tr th {
		color:#fff;
		background:#9aae00;
		padding:2px 0
	}
	#calendrier table tr th abbr {border:0}
/* ----------------------------------------------------- Cellule de tableau */
	#calendrier table tr td {padding:4px 0}
	#calendrier table tr td a {
		color:#0173a7;
		font-weight:bold
	}
/* ----------------------------------------------------- Jour selectionne */
	#calendrier table tr td.jour_selectionne a {
		display:block;
		background:#0173a7;
		color:#fff;
		cursor:text;
		text-decoration:none;
		padding:2px 0
	}
	#calendrier table tr td.jour_selectionne a:hover,
	#calendrier table tr td.jour_selectionne a:focus {text-decoration:none}
/* ----------------------------------------------------- Jour "J" */
	#calendrier table tr td.jour_j {
		font-weight:bold;
		color:#f39910
	}
	#calendrier table tr td.jour_j a {color:#f39910}
	#calendrier table tr td.jour_j.jour_selectionne a {color:#fff}
/* --------------------------------------------------------------- Legende du calendrier */
	#legende_calendrier {
		font-size:.9em;
		padding:0 5px 0 5px;
		margin:0 0 5px 0
	}
	#legende_calendrier span.titre {
		display:block;
		font-size:1.1em;
		font-weight:bold;
		color:#666;
		margin:0 0 5px 0
	}
	#legende_calendrier ul {
		padding:0 0 0 5px;
		margin:0
	}
	#legende_calendrier ul li {
		background:none;
		padding:0
	}
	#legende_calendrier ul li span {
		font-size:1.1em;
		padding:0 3px
	}
	#legende_calendrier ul li span.jour_evenement {
		font-weight:bold;
		color:#0173a7;
		text-decoration:underline
	}
	#legende_calendrier ul li span.jour_selectionne {
		font-weight:bold;
		color:#fff;
		background:#0173a7
	}
	#legende_calendrier ul li span.jour_j {
		font-weight:bold;
		color:#f39910
	}
	#legende_calendrier ul li span.jour_courant_evenement {
		font-weight:bold;
		color:#f39910;
		text-decoration:underline
	}
/* ----------------------------------------------------------------------------------- Galeries */
/* ------------------------------------------------------------------------- Theme */
	div.theme {
		border:1px solid #d0d0d0;
		background:#e8e8e8;
		padding:10px
	}
	div.theme img {
		border:2px solid #fff;
		margin:10px
	}
/* --------------------------------------------------------------- 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 {
		float:left;
		width:100%;
		margin-top:10px
	}
	#diaporama a.lightbox {text-decoration:none}
	#diaporama a.lightbox img {
		border:1px solid #ccc;
		padding:5px;
		margin:0 14px 20px 0
	}
	#diaporama a.lightbox:hover img,
	#diaporama a.lightbox:focus img {background:#e4e4e4}
/* ----------------------------------------------------------------------------------- FAQ */
	.contenu h2.question {font-size:1.2em}
	.contenu h2.question a {text-decoration:none}
	.contenu h2.question a:hover,
	.contenu h2.question a:focus {text-decoration:underline}
/* ----------------------------------------------------------------------------------- Commentaires */
	#commentaires {
		clear:both;
		overflow:hidden;
		padding:30px 0 20px 0
	}
	#commentaires h2 {margin-bottom:10px}
	div.commentaire em {
		float:right;
		margin-top:-20px
	}
	div.commentaire blockquote strong {font-style:normal}
/* ----------------------------------------------------------------------------------- Sondage */
	fieldset.question_sondage {
		clear:both;
		border:0;
		border-bottom:1px dotted #ccc;
		padding:0 0 7px 0;
		margin:0 0 7px 0
	}
	fieldset.question_sondage legend {
		font-size:1.3em;
		font-weight:bold;
		color:#666;
		margin-bottom:7px
	}
	fieldset.question_sondage legend span {white-space:normal}
	fieldset.question_sondage div {
		clear:both;
		padding:0 0 0 20px;
		margin:0 0 5px 0
	}
	fieldset.question_sondage input {
		float:left;
		width:13px;
		height:13px;
		margin:0 4px 0 0
	}
/* ------------------------------------------------------------------------- Fiches */
/* --------------------------------------------------------------- Listing des fiches */
	.contenu ul.onglets {
		overflow:hidden;
		height:100%;
		line-height:normal;
		padding:0
	}
	.contenu ul.onglets li {
		display:inline;
		background:none;
		padding:0;
		margin:0
	}
	.contenu ul.onglets li a {
		position:relative;
		display:block;
		float:left;
		width:150px;
		height:80px;
		line-height:1.6em;
		font-weight:bold;
		color:#000;
		text-decoration:none;
		background:#e7e7e7;
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;
		padding:8px
	}
	.contenu ul.onglets li a img {
		float:left;
		margin:0 8px 0 0
	}
	.contenu ul.onglets li a span {
		position:absolute;
		bottom:8px;
		right:8px;
		display:block;
		text-align:right;
		font-weight:normal;
		color:#9e3d3d;
		background:url(../images/background/puce.gif) no-repeat right center;
		padding:0 8px 0 0;
		text-decoration:underline
	}
	.contenu ul.onglets li a:hover,
	.contenu ul.onglets li a:focus {background:#f1f1f1}
	.contenu ul.onglets li a:hover span,
	.contenu ul.onglets li a:focus span {text-decoration:none}
	/* Fiche selectionne */
	.contenu ul.onglets li.ui-tabs-selected a {
		filter:alpha(opacity=30);
		-moz-opacity:0.30;
		background-image:none;
		background-color:#f4f4f4;
		cursor:text
	}
	.contenu ul.onglets li.ui-tabs-selected a span {display:none}
/* --------------------------------------------------------------- Fiche */
	#fiche {
		overflow:hidden;
		height:100%;
		border-left:8px solid #babcbd;
		background:#e7e7e7;
		padding:15px;
		margin:0 0 10px 0
	}
	div.ui-tabs-hide {display:none}
	div.fiche img {
		float:left;
		margin:0 20px 0 0
	}
/* ----------------------------------------------------------------------------------- Plan du site */
	#plan_site li a {text-decoration:none}
	#plan_site li a:hover,
	#plan_site li a:focus {text-decoration:underline}
/* ------------------------------------------------------------------------- Premier niveau */
	.contenu #plan_site {padding-left:60px}
	.contenu #plan_site li {
		background:url(../images/background/suivant.gif) no-repeat left 3px;
		padding-left:20px;
		margin:0 0 5px 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/puce.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}
	.contenu #plan_site li ul li ul li {margin-bottom:1px}
/* ----------------------------------------------------------------------------------- Navigation */
	div.navigation {padding-top:10px}
	div.navigation a.precedent {
		background:url(../images/background/precedent.gif) no-repeat left 2px;
		padding-left:17px
	}
	div.navigation a.suivant {
		float:right;
		background:url(../images/background/suivant.gif) no-repeat right 2px;
		padding-right:17px
	}
/* ------------------------------------------------------------------------- Pagination */
	.contenu ul.pagination {padding:10px 0 0 0}
	.contenu ul.pagination li {
		float:left;
		background:none;
		padding:0;
		margin:0 10px 5px 0
	}
	.contenu ul.pagination li a,
	.contenu ul.pagination li span {
		display:block;
		float:left;
		border:1px solid #aa023d;
		padding:2px 6px;
		text-decoration:none
	}
	.contenu ul.pagination li a {
		color:#fff;
		background:#aa023d
	}
	.contenu ul.pagination li a:hover,
	.contenu ul.pagination li a:focus,
	.contenu ul.pagination li span {
		color:#aa023d;
		background:#fff
	}


.hp_body {
float:left;
margin:0;
padding:0;
width:435px;
}
	
#a_la_une { overflow:hidden; margin-bottom:20px; }
	
	.hp_body h2 {
	clear:both;
	color:#227F33;
	font-size:2.1em;
	font-weight:normal;
	margin:0 0 10px;
	padding:0;
	}
	
	#a_la_une img { border:0; }
	/**/
	#hp_liens { clear:both; overflow:hidden; }
	#hp_liens h2 { position:absolute; top:-1000px; }
	#hp_liens a {
	float:left;
	overflow:hidden;
	width:145px;
	}
	#hp_liens img { border:0; }	

.hp_right {
float:right;
width:247px;
}

	.hp_right h2 {
		color:#227F33;
		font-size:2.1em;
		font-weight:normal;
		margin:0;
		padding:0;
		}
	
	.hp_right_item h3 {
		background:#227F33 url(../images/background/fp_right_top.gif) no-repeat scroll 0 0;
		color:#fff;
		margin:0;
		padding:20px 17px 17px;
		}
		
	.hp_right_item_body {
		background:#227F33 url(../images/background/fp_right_bottom.gif) no-repeat scroll 0 bottom;
		color:#FFFFFF;
		padding:0 17px 20px;
		}		
		
	.hp_right_item img {
		border:1px solid #FFFFFF;
		margin-bottom:10px;
		}
		
	.hp_right_item a.lien_continuation {
		background:transparent url(../images/background/fp_right_savoir-plus.gif) no-repeat scroll 0 3px;
		color:#fff;
		margin-top:4px;
		}
		.hp_right_item  a.lien_continuation:hover {
			background:transparent url(../images/background/fp_right_savoir-pluso.gif) no-repeat scroll 0 3px;
			color:#3FE55D;
			padding-left:13px;
			}
#etapes {
	background:none repeat scroll 0 0 #E5E5E5;
	border-bottom:1px dashed #CCCCCC;
	border-top:1px dashed #CCCCCC;
	line-height:normal;
	margin:0 0 20px;
	padding:0 0 0 20px;
	}
#etapes li {
	background:url("../images/background/fleche_etape.gif") no-repeat scroll right center transparent;
	display:inline;
	float:left;
	list-style-type:none;
	margin:0 10px 0 0;
	padding:10px 40px 10px 0;
	}
#etapes li.dernier {
	background:none;
	padding-right:0
}
#etapes li strong, #etapes li span {
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #227F33;
	color:#227F33;
	display:block;
	padding:2px 8px;
	}
#etapes li span {
	color:#fff;
	border-color:#d5d4d4;
	background:#d5d4d4
}


/* SERVICE PUBLIC V2 */
#servicepublicv2 { width:100%; overflow:hidden; }
	#servicepublicv2 h1 { overflow:hidden; }
		#servicepublicv2 h1 img { vertical-align:middle; }
	#servicepublicv2 ul#accueilspv2 { list-style:none; margin:0; padding:0; }
		#servicepublicv2 ul#accueilspv2 li { width:50%; float:left; margin:0; padding:0; background:none; }
			#servicepublicv2 ul#accueilspv2 li img { vertical-align:middle; }
	#servicepublicv2 ul { overflow:visible; }
	.cadre { padding:2%; margin:0 0 10px 0; border:1px solid #CCC; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; overflow:hidden; }
	#colg { width:66%; float:left; }
	#cold { width:24%; float:right; overflow:hidden; }
	a.voirtout { font-weight:bold; }
	.definition { border-bottom:1px dotted #F00; color:#F00 }
		.definition em { display:none; }
		.definition:hover { position:relative; }
		.definition:hover em { display:block; width:200px; height:auto; position:absolute; z-index:1000; left:0; top:1.4em; padding:5px; font-style:normal; color:#000; border:2px solid #999; background:#ECECEC; overflow:hidden; }
	.note , .attention , .info , .savoir { padding:5px 5px 5px 30px; margin:0 0 15px; border:1px solid #D0BB0C; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; }
	.note { background:url(/extension/servicepublicv2.fr/design/standard/images/picto_NOTE.png) 5px 5px no-repeat; }
	.attention { background:url(/extension/servicepublicv2.fr/design/standard/images/picto_ATTENTION.png) 5px 5px no-repeat; }
	.info { background:url(/extension/servicepublicv2.fr/design/standard/images/picto_INFO.png) 5px 5px no-repeat; }
	.savoir { background:url(/extension/servicepublicv2.fr/design/standard/images/picto_SAVOIR.png) 5px 5px no-repeat; }
	.chapitre { /* border-bottom:1px dotted #CCC; margin:0 0 10px 0;*/ }

/*---------> Quizz <---------*/

	#resultats_sondage dt {
		font-size:1.1em;
		font-weight:bold;
		margin:2em 0 .5em 0
	}
	#resultats_sondage dd {margin:0 0 .5em 2em}
	.contenu #resultats_sondage table {
		width:auto;
		margin:.3em 0 0 0
	}
	.contenu #resultats_sondage td {
		border:1px solid #ccc;
		border-left:0;
		background:#ccc;
		padding:.5em 0
	}
	.contenu #resultats_sondage td.complement {background:#fff} 
	
	.extraits {
		border-bottom:0.1em dashed #CCCCCC;
		clear:both;
		margin:4em 0 1.5em;
		}
	.extrait.alterne {
		background:none repeat scroll 0 0 transparent;
		}
	.extrait {
		background:none repeat scroll 0 0 #F9F9F9;
		border-top:0.1em dashed #CCCCCC;
		overflow:hidden;
		padding:1em;
		}