@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;
	}
/* ----------------------------------------------------------------------------------- Titres */
	h2 {margin-bottom:5px}
	h3 {margin-bottom:4px}
	h4 {margin-bottom:3px}
	h5,
	h6 {margin-bottom:2px}
/* ----------------------------------------------------------------------------------- Paragraphes */
	p {
		line-height:1.4em;
		margin-bottom:10px
	}
/* ----------------------------------------------------------------------------------- Liens */
	a {color:#7b3f82}
	a:hover,
	a:focus {text-decoration:none}
	a img {border:none}
/* ----------------------------------------------------------------------------------- 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;
		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;
	}
/* ----------------------------------------------------------------------------------- Meta */
	p.meta {
		font-style:italic;
		color:#6b6a64;
		margin-bottom:5px
	}
/* ----------------------------------------------------------------------------------- Liens */
	a.externe {
		background:url(../images/background/lien_externe.gif) no-repeat right center;
		padding:0 14px 0 0
	}
	a.lien_continuation {
		float:right;
		background:url(../images/background/puce4.gif) no-repeat right 5px;
		padding:0 10px 0 0
	}
/* ----------------------------------------------------------------------------------- Formulaire */
/* ------------------------------------------------------------------------- Champs */
	input.champ {height:15px; border-width:1px; border-color:#909090;}
	input.champ:hover {background:#faf8f6;}
	input.champ:focus {background:#f3eee9}
/* ------------------------------------------------------------------------- Boutons */
	input.bouton {
		font-size:1em;
		color:#fff;
		background:#0f67a8;
		border:1px solid #7f9db9;
		padding:1px;
		cursor:pointer
	}
	input.bouton.secondaire {
		background:#888;
		border:1px solid #777
	}
	input.bouton:hover,
	input.bouton:focus {background:#3883bd}
	input.bouton.secondaire:hover,
	input.bouton.secondaire:focus {background:#999}
/* --------------------------------------------------------------------------------------------- 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.8em;
		color:#EB7305
	}
	#contenu h3 {
		font-size:1.6em;
		color:#004171
	}
	#contenu h4 {
		font-size:1.4em;
		color:#004171
	}
	#contenu h5,
	#contenu h6 {
		font-size:1.2em;
		color:#004171;
	}
/* ----------------------------------------------------------------------------------- Listes */
	#contenu ul, #contenu ol {
		overflow:hidden;
		line-height:1.6em;
		padding:0 12px
	}
	#contenu ul li {
		padding:0 0 2px 11px
	}
	#contenu ol li {
		list-style-type:decimal;
		list-style-position:inside;
		padding:0 0 2px 0;
		font-size : 1.2em;	
	}
	#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:#DADEE1;
		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:185px;
		background:#DADEE1;
		padding:10px 10px 0 10px;
		margin:0 0 10px 10px
	}
/* ----------------------------------------------------------------------------------- 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}
/* ----------------------------------------------------------------------------------- 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:center;
		color:#fff;
		background:#777;
		padding:1px 0;
		width:inherit;
		
	}
	
	
	
	div.object-center div.image p {margin:0 auto}
	div.image p span {
		display:block;
		padding:0 5px;
		margin:0 auto
	}
	div.image p span abbr {border:0}
/* ----------------------------------------------------------------------------------- Fichiers en téléchargement */
	a.fichier {
		background-repeat:no-repeat;
		background-position:left top;
		padding:2px 0 1px 22px
	}
	.attribute-pdf {background:url(../images/background/pdf.gif) no-repeat; padding:0 0 5px 25px; font-size:1.2em; }
	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 {
		font-weight:normal;
		background:#fbf1f1;
		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.alterne td {background-color:#f7f7f7}
	table.tableau_donnees tr.survol td {background-color:#efefef}
/* ----------------------------------------------------------------------------------- Fil d'ariane */
	#fil_ariane a {
		color:#000;
		text-decoration:none
	}
	#fil_ariane a:hover,
	#fil_ariane a:focus {text-decoration:underline}
/* ----------------------------------------------------------------------------------- h1 */
	#contenu h1 {
		font-size:2em;
		font-weight:bold;
		margin:0 0 10px 0;
		color:#2546B1;
		}
/* ----------------------------------------------------------------------------------- Introduction */
	p.introduction {
		overflow:hidden;
		height:100%;
		margin:0;
		padding:0;
	}
/* ----------------------------------------------------------------------------------- Vue line */
	div.vue_line {
		overflow:hidden;
		height:100%;
		border-bottom:1px dashed #e5e5e5;
		padding:0 0 10px 0;
		margin:0 0 10px 0
	}
	div.vue_line h2 a,
	div.vue_line h3 a {text-decoration:none; color:#004171}
	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 dashed #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 url(../images/background/elu.jpg);
		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
	}
/* ----------------------------------------------------------------------------------- Outils */
	#contenu #outils {
		clear:both;
		padding:10px 0 50px 0;
		margin:20px 0 0 0;
		border-top:1px solid #EB7305}
	#contenu #outils ul{
		margin:0 0 0 0;
		}
	#contenu #outils li {
		display:inline;
		background:none;
		margin:0 24px 0 11px;
	}
	#outils li a {
		color:#000;
		background-repeat:no-repeat;
		text-decoration:none;
		padding:7px 0 4px 26px;
		font-size:1.1em;
	}
	#outils li a:hover,
	#outils li a:focus {text-decoration:underline}
	#outils li #imprimer {background:url(../images/background/imprimer.gif) 180px 2px no-repeat; padding:0 0 0 200px;}
	#outils li #enregistrer_pdf {
		background:url(../images/background/enregistrer.gif) left 7px no-repeat;
	}
	#outils li #faire_suivre {background:url(../images/background/recommander.gif) 6px 9px no-repeat;}
	#outils li #haut_page {background:url(../images/background/haut_page.gif) 9px 9px no-repeat;}


/* Rajout css sur feuille base */


body {
	background-color:#FFAA00;
	}
	#global {
		width:990px;
		margin:0 auto;
		background-color:#fff;
		}
	#haut {
		width:990px;
		height:183px;
		overflow:hidden;
		}
		#acces_rapide {
					background-color:#fff;
					float:left;
					width:450px;
					height:21px;
					display:inline;
					padding:4px 0 0 15px;
					margin:0;
					}
				#acces_rapide li {
							display:inline;
							font-size:1.0em;
							}
				#acces_rapide li a,
				#acces_rapide li strong {
									padding:0 4px 0 4px;
									color:#000;
									text-decoration:none;
									font-size:1.2em;
									}
				#acces_rapide li a:hover, #acces_rapide li a:focus {
					color:#000;
					text-decoration:underline;
					}
					#tetiere {
						float:left;
						width:790px;
						height:158px;
						}
		#recherche {
			float:left;
			display:inline;
			width:320px;
			white-space:nowrap;
			height:22px;
			margin:3px 0 0 0;
			}
			#recherche label {
						display:inline;
						font-weight:bold;
						vertical-align:top;
						font-size:1.5em;
						margin:0 0 0 7px;
						text-transform:uppercase;
						cursor:pointer; 
						}
			#recherche input.champ {
								display:inline;
								height:14px;
								width:120px;
								border:1px solid #014983;
								vertical-align:middle;
								padding:0 0 1px 0;
								margin:0 0 0 5px;
								font-size:1em;
								}
			#recherche input.bouton {
								display:inline;
								height:17px;
								width:17px;
								border:0;
								background:#014983;
								vertical-align:middle;
								padding:0 0 5px 0;
								}
			.logo {
				float:left;
				margin:0;
				padding:0;
				height:183px;
				width:200px;
				overflow:hidden;
				}
		#gauche {
			width:200px;
			float:left;
			padding:0 0 1px 0;
			}

			#gauche h2 {
				text-transform:uppercase;
				font-weight:normal;
				font-size:1.8em;
				padding:0 0 0 10px;
				}
				#gauche h2 a {
					color:#fff;
					text-decoration:none;
					}
					#gauche h2 a:hover, #gauche h2 a:focus {
						text-decoration:underline;
						}
			#gauche ul {
				margin:0 0 30px 0;
				padding:0 0 30px 10px;
				background:url(../images/background/sousmenu_gauche.jpg) center bottom no-repeat;			
				}
				#flat_left ul {background:none;margin-bottom:15px;}
				#gauche ul li {
					background:url(../images/background/puce_menu.gif) 20px 6px no-repeat;
					padding:0 0 0 35px;
					}
					#gauche ul li a {
						font-size:1.2em;
						text-decoration:none;
						color:#000;
						}
						#gauche ul li a:hover, #gauche ul li a:focus {
							text-decoration:underline;
							}
			#gauche #flat_left { background:#FFA757; width:196px; padding:0 2px 10px 0; margin:0;}
			#gauche #flat_left , #flat_left  { list-style:none; margin:0 0 0 2px; padding:0; }
			.flat_left_titre { 
				display:block;
				overflow:hidden;
				padding:9px 10px 5px 11px;
				background:#FF922E /* url(../images/background/flat_left.jpg) repeat-x*/;
				color:#0E1527;
				font-weight:bold;
				font-size:1.3em;
				}
				
			#gauche #flat_left ul li a { font-weight:bold; font-size:1.2em; display:block; padding:4px 10px 4px 20px; overflow:hidden; color:#033967;  background:url(../images/background/puce_flat1.gif) no-repeat 5px 5px; }
			#gauche #flat_left ul li a:hover, #gauche #flat_left ul li a:focus { text-decoration:none; color:#fff; background:url(../images/background/puce_flat2.gif) no-repeat 5px 5px; }
			#gauche #flat_left ul { padding:0 2px 0 2px; }			
			#gauche #flat_left ul li { background:none; padding:0 0 0 10px; }
			#gauche #flat_left ul li strong { font-weight:bold; font-size:1.2em; display:block; padding:4px 10px 4px 20px; overflow:hidden; color:#033967;  background:#FFA757 url(../images/background/puce_flat1.gif) no-repeat 5px 5px; }
			#gauche #flat_left ul li ul li a {
				background:url(../images/background/ilm_puce2.gif) no-repeat 20px 6px;
				color:#fff;
				display:block;
				overflow:hidden;
				padding:2px 10px 2px 30px;
				}
			#gauche #flat_left  ul li ul li a:hover, #gauche #flat_left  ul li ul li a:focus { color:#033967; text-decoration:none; background:url(../images/background/ilm_puce2.gif) no-repeat 20px 6px; }	
			
			#gauche #flat_left  ul li ul li strong {
				background:url(../images/background/ilm_puce2.gif) no-repeat 20px 6px;
				color:#fff;
				display:block;
				overflow:hidden;
				padding:2px 10px 2px 30px;
				font-style:italic;
				}
			#gauche #toolbar {
				margin:20px 0 0 0;
				height:500px;
				}
		#contenu {
			width:790px;
			min-height:500px;
			float:left;
			background:#fff;
			overflow:hidden;
			}
			#contenu p {
				font-size:1.2em;
				}
			#flat_top {
				width:790px;
				margin:0 0 20px 0;
				overflow:hidden;
				}
			#principal {
				background:#EB7305 url(../images/background/fondu_gauche.jpg) left bottom repeat-x;
				overflow:hidden;
				zoom:1;
				}
			#flat_top #menu_principal {
				padding:2px 0 0 0;
				margin:0;
				}
				#flat_top #menu_principal li {
					float:left;
					padding:0 0 53px 0;
					}
				#flat_top #menu_principal a {
					text-decoration:none;
					font-size:1.3em;
					display:block;
					width:116px;
					margin:0 0 0 2px;
					font-weight:bold;
					text-align:center;
					background:url(../images/background/menu1.gif) repeat-x;
					padding:3px 20px 5px 20px;
					color:#000;
					}
				#flat_top #menu_principal li.bouton1 {
						background:url(../images/background/sousmenu1.jpg) 2px 42px no-repeat;
						}
						#flat_top #menu_principal li.bouton1 a {
							background:#FCC701 url(../images/background/menu1.gif) bottom repeat-x;
							}
							#flat_top #menu_principal li.bouton1 ul {
								background-color:#FCC701;
								}
								#flat_top #menu_principal li.bouton1 ul li a {
									padding:5px 15px 5px 15px;
									background:none;
									}			
								#flat_top #menu_principal li.bouton1 ul li a:hover, #contenu #menu_principal li.bouton1 ul li a:focus {
									background-color:#F8AE01;
									}	
					#flat_top #menu_principal li.bouton2 {
						background:url(../images/background/sousmenu2.jpg) 2px 42px no-repeat;
						}
						#flat_top #menu_principal li.bouton2 a {
							background:#AED844 url(../images/background/menu2.gif) bottom repeat-x;
							}
							#flat_top #menu_principal li.bouton2 ul {
								background-color:#AED844;
								}
								#flat_top #menu_principal li.bouton2 ul li a {
									padding:5px 15px 5px 15px;
									background:none;
									}			
								#flat_top #menu_principal li.bouton2 ul li a:hover, #contenu #menu_principal li.bouton2 ul li a:focus {
									background-color:#96C03A;
									}	
					#flat_top #menu_principal li.bouton3 {
						background:url(../images/background/sousmenu3.jpg) 2px 42px no-repeat;
						}
						#flat_top #menu_principal li.bouton3 a {
							background:#29C2F1 url(../images/background/menu3.gif) bottom repeat-x;
							}
							#flat_top #menu_principal li.bouton3 ul {
								background-color:#29C2F1;
								}
								#flat_top #menu_principal li.bouton3 ul li a {
									padding:5px 15px 5px 15px;
									background:none;
									}			
								#flat_top #menu_principal li.bouton3 ul li a:hover, #contenu #menu_principal li.bouton3 ul li a:focus {
									background-color:#23A9E2;
									}	
					#flat_top #menu_principal li.bouton4 {
						background:url(../images/background/sousmenu4.jpg) 2px 42px no-repeat;
						}
						#flat_top #menu_principal li.bouton4 a {
							background:#3C8FC8 url(../images/background/menu4.gif) bottom repeat-x;
							}
							#flat_top #menu_principal li.bouton4 ul {
								background-color:#3C8FC8;
								}	
								#flat_top #menu_principal li.bouton4 ul li a {
									padding:5px 15px 5px 15px;
									background:none;
									}			
								#flat_top #menu_principal li.bouton4 ul li a:hover, #contenu #menu_principal li.bouton4 ul li a:focus {
									background-color:#337AAF;
									}							
					#flat_top #menu_principal li.bouton5 {
						background:url(../images/background/sousmenu5.jpg) 2px 42px no-repeat;
						}
						#flat_top #menu_principal li.bouton5 a {
							background:#E924C0 url(../images/background/menu5.gif) bottom repeat-x;
							}
							#flat_top #menu_principal li.bouton5 ul {
								background-color:#E924C0;
								}	
								#flat_top #menu_principal li.bouton5 ul li a {
									padding:5px 15px 5px 15px;
									background:none;
									}
								#flat_top #menu_principal li.bouton5 ul li a:hover, #contenu #menu_principal li.bouton5 ul li a:focus {
									background:#D51FA7;
									}			
							#flat_top #menu_principal a:hover, #contenu #menu_principal a:focus {
								background-image:none;
								text-decoration:underline;
								}
								#flat_top #menu_principal li:hover ul {
									display:block;
									}
								#flat_top #menu_principal li ul {
									position:absolute;
									width:156px;
									display:none;
									padding:0;
									margin:2px 0 0 2px;
									min-height:51px;
									}
								#flat_top #menu_principal li ul li {
									padding:0;
									margin:0;
									}
								#flat_top #menu_principal li ul li a {
									background-color:none;
									width:126px;
									text-align:left;
									color:#000;
									display:block;
									font-size:1em;
									margin:0;
									}
			.article .fp-image {
						float:left;
						overflow:hidden;
						margin:0 10px 10px 0;
						}
					#flat_top img {
						padding:2px 0 0 2px;
						float:left;
						}
			#conteneur {
				padding:0 30px 0 30px;
				color:#004171;
				}
				#conteneur a {
					color:#EB7305;
					}
					#conteneur ul li {
						font-size:1.2em;
						background:url(../images/background/puce4.gif) left 5px no-repeat;
						}
			#conteneur_gauche {
				width:490px;
				float:left;
				padding:0 25px 30px 30px;

				}
				#conteneur_gauche a {
					color:#004171;
					}
				#conteneur_gauche p {
					color:#004171;
						}
				#conteneur_gauche h2.titre, #contenu h1 {
					padding:0 0 5px 0;
					color:#004171;
					border-bottom:1px solid #EB7305;
					text-decoration:none;
					}
					#conteneur_gauche h2 a {
						text-decoration:none;
						}
						#contenu h2 a:hover, #contenu h2 a:focus {
							text-decoration:underline;
							}
				#conteneur_gauche h3 {
					color:#004171;
					padding:20px 0 0 0;
					}
				#conteneur_gauche .lire_suite, .lire_la_suite a {
					background:url(../images/background/puce4.gif) left no-repeat;
					padding:0 0 0 10px;
					color:#004171;
					}
				#conteneur_gauche .continuer {
					background:url(../images/background/puce4.gif) left no-repeat;
					padding:0 0 0 10px;
					color:#004171;
					float:right;
					}	
					#conteneur_gauche .article {
						padding:0 0 10px 0;
						overflow:hidden;
						}				
			#contenu_droite {
				float:right;
				width:240px;
				padding:0 0 60px 0;
				}
				#contenu_droite .gif_anime {
					margin:0 0 30px 0;					
					}
				#contenu_droite .editeur {
					width:205px;
					padding:15px 20px 20px 15px;
					background-color:#A9E7F9;
					}
					#contenu_droite .editeur h2 {
						font-size:1.5em;
						color:#004171;
						font-weight:bold;
						text-transform:uppercase;
						}
					#contenu_droite .editeur p {
						font-size:1.1em;
						}
					#contenu_droite .editeur h3 {
						font-size:1.1em;
						font-weight:normal;
						}
						#contenu_droite .editeur ul li a, #contenu_droite .editeur ol li a  {
							padding:0 0 0 15px;
							color:#004171;
							text-decoration:underline;
							background:url(../images/background/puce3.gif) left no-repeat;
							font-size:1.3em;
							}
						#contenu_droite .editeur ul, #contenu_droite .editeur ol {
							padding:0;
							margin:0;
							}
	#pied_page {
		font-size:1.2em;
		overflow:hidden;
		height:15px;
		width:790px;
		background:#004171 url(../images/background/pied_page.gif) repeat-x;
		margin:0 0 0 200px;
		padding:5px 0 5px 0;
		color:#fff;
		}

		#pied_page p {
			padding:0 0 0 200px;
			}
			#pied_page p a {
				padding:0 5px 0 5px;
				font-weight:bold;
				color:#fff;
				text-decoration:none;
				}
		#pied_page p a span {

			}
			#pied_page p a:hover, #pied_page p a:focus {
				text-decoration:underline;
				}
				#pied_page #inova {
					padding:0 0 0 150px;
					display:inline;
					}
					#pied_page #inova a {
						color:#fff;
						text-decoration:none;
						}
					#pied_page #inova a:hover, #pied_page #inova a:focus {
						text-decoration:underline;
						}
/* 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;*/ }
	
.main_label {
	display:block;
	float:left;
	font-size:1.2em;
	line-height:1.6em;
	padding:0 5px 0 0;
	text-align:right;
	width:35%;
	}
	
.form_item {
	margin:5px 0 0 0;
	}
.content-action {
	height:100%;
	margin:0 0 15px;
	padding:0 0 0 42%;
	}
.content-action input {
	background-color:#E2E2EB;
	border:1px solid #999999;
	color:#585757;
	margin:5px 5px 0;
	}
.video {
	width :320px; 
	margin : 0 auto; 
	overflow:hidden;
	}		
	
#formbuilder_text_6 {
	font-family:arial,sans-serif;
	font-size:1.3em;
	}
#formbuilder_text_4 {
	font-family:verdana,helvetica,sans-serif;
	font-size:1.3em;
	}
#formbuilder_regexp_5 {
	font-family:verdana,helvetica,sans-serif;
	font-size:1.3em;
	}
#formbuilder_line_3 {
	font-family:verdana,helvetica,sans-serif;
	font-size:1.3em;
	}
#formbuilder_email_2 {
	font-family:verdana,helvetica,sans-serif;
	font-size:1.3em;
	}
#formbuilder_text_4 {
	font-family:verdana,helvetica,sans-serif;
	font-size:1.3em;
	}
#formbuilder_destinataire_1 {
	font-family:verdana,helvetica,sans-serif;
	font-size:1.3em;
	}
	
table td {
	font-size : 1.2em; 
}

table {
	margin-bottom : 10px;
}


/* ----------------------------------------------------- Alignement */
	 p.alignement_justifie {text-align:justify}
	 p.alignement_droite {text-align:right}
	 p.alignement_centre {text-align:center}
	 
	 
/* --------------------------------------------------------------------------------------------- Formulaire */
	.obligatoire, div.champs_obligatoire {color:#ff0000}
	#boutons, div.boutons {
		float:left;
		width:100%;
		margin-bottom:1em;
	}
	#boutons input.bouton, #boutons a, div.boutons input.bouton {
		float:right;
		margin-left:10px
	}
	#boutons input.carnet_route {margin-right:170px}
	#boutons input.connexion_carnet_route {margin-right:270px}
/* --------------------------------------------------------------------------------------------- Formulaire "statique" */
	 div.conteneur {
		float:left;
		width:100%;
		padding-bottom:8px
	}
	 div.conteneur label,  div.conteneur span.label {
		display:block;
		float:left;
		width:170px;
		line-height:1.7em;
		text-align:right;
		padding-right:5px
	}
	 div.conteneur label span.complement {
		font-size:.9em;
		color:#666
	}
	 div.conteneur label.long,  div.conteneur span.long {width:250px}
	 div.conteneur input,  div.conteneur textarea,  div.conteneur select,  div.conteneur input.champ_fichier {
		float:left;
		font-family:verdana, arial, helvetica, sans-serif;
		font-size:1em;
		border:1px solid #666;
		padding:2px 0 2px 3px;
		margin-right:3px
	}
	div.form_item input, div.form_item textarea, div.form_item select {border:1px solid #666}
	 div.conteneur textarea {height:100px}
	.tres_court {width:40px}
	.court {width:80px}
	.normal {width:150px}
	.long {width:250px}
	.tres_long {width:300px}
	 div.conteneur select {padding:0}
	 div.conteneur select option {padding-right:10px}
	 div.conteneur span.statut {
		line-height:1.6em;
		padding:0 3px
	}
	 div.conteneur a {
		display:block;
		clear:both;
		font-size:.9em;
		padding:4px 0 0 0;
		margin:0 0 0 255px
	}
	 div.conteneur span.active {color:#3ab318}
	 div.conteneur span.desactive {color:#ff0000}
	fieldset.radio_checkbox {
		clear:both;
		border:0;
		padding:0 0 0 255px
	}
	fieldset.radio_checkbox legend {display:none}
	fieldset.radio_checkbox input {
		float:left;
		width:13px;
		height:13px
	}
	fieldset.radio_checkbox label {
		float:left;
		margin:0 20px 0 3px
	}	
/* --------------------------------------------------------------------------------------------- Formulaire "builder" */
	/* FORMULAIRES : */
.form_element { margin-bottom:1em; }
.form_element input, .form_element textarea { width:98%; }
.cnil {margin-top:1em;}
label span { font-weight:normal; }
	/*extension formulaire*/
	.class-feedback-form .defaultbutton { clear:both; }
	.class-feedback-form label { display:inline; vertical-align:top;}
	.class-feedback-form .date_et_heure label ,
	.class-feedback-form .date label { display:block; font-weight:normal; }
	.class-feedback-form .date_et_heure .element,
	.class-feedback-form .date .element { float:left; margin-right:6px; }
	.class-feedback-form .date_et_heure,
	.class-feedback-form .date { display:inline;  }
	.class-feedback-form .date_et_heure img,
	.class-feedback-form .date img { margin-top:-2px;margin-right:6px;  }
	.class-feedback-form .date_et_heure label.main_label ,
	.class-feedback-form .date label.main_label  { font-weight:bold; }
	.class-feedback-form .jour,
	.class-feedback-form .mois,
	.class-feedback-form .heure,
	.class-feedback-form .minute { width:20px; }
	.class-feedback-form .annee { width:40px; }
	.class-feedback-form label { }
	
	.your_email { width:50%; }
	.form_item { display:inline; overflow:hidden; float:left; padding:0 1em 1em 0; }
	.form_break { clear:left; }
/* --------------------------------------------------------------------------------------------- Captcha */
	fieldset.captcha {
		clear:both;
		border:1px dashed #ccc;
		padding:10px;
		margin:0 0 10px 0
	}
	fieldset.captcha legend {
		font-size:1.2em;
		font-weight:bold;
		background:#fff;
		padding:0 5px
	}
	* html fieldset.captcha legend {margin-bottom:10px}
	*+html fieldset.captcha legend {margin-bottom:10px}
	fieldset.captcha img {
		float:left;
		margin:0 10px 0 0
	}
	fieldset.captcha a {display:block}
	fieldset.captcha input {
		width:50px;
		font-family:verdana;
		font-size:1em;
		border:1px solid #666;
		padding:2px 0 2px 3px
	}
	
	/* --------------------------------------------------------------------------------------------- Utiliser dans l'editeur */
/* ------------------------------------------------------------------------- Espacements */
	.sans_espacement {margin:0}
	.petit_espacement {margin-bottom:5px}
	.espacement {margin-bottom:10px}
	.grand_espacement {margin-bottom:20px}
	.tres_grand_espacement {margin-bottom:30px}
/* ------------------------------------------------------------------------- Forcer le retour a la ligne */

	.passer_ligne {clear:both}
	
	#gif_anime{ margin:0 0 20px 0;}
