/* CSS Document */
/* --------------------------------------------------------------------------------------------- Vue en ligne */
	div.contenu div.vue_line {
		float:left;
		width:96%;
		border-bottom:1px dashed #efefef;
		padding:10px 2%
	}
	div.contenu div.reference {
		float:left;
		width:50%;
		min-height:150px
	}
	div.contenu a.theme {
		float:right;
		color:#666;
		background:#f6efed;
		padding:0 5px;
		margin:3px 0 0 10px;
		text-decoration:none
	}
	div.contenu a.theme:hover, div.contenu a.theme:focus, div.contenu a.theme:focus {text-decoration:underline}
	div.contenu div.vue_line.hover h2 a {text-decoration:none}
	div.contenu div.vue_line.hover h3 a {text-decoration:none}
	div.contenu span.date_evenement {
		display:block;
		font-style:italic;
		color:#666;
		margin:0 0 4px 0
	}
	div.contenu div.vue_line img {
		float:left;
		margin:0 10px 0 0
	}
	div.contenu span.info {
		display:block;
		margin:0 0 2px 0
	}
	div.contenu div.vue_line p {margin-bottom:0}
/* ------------------------------------------------------------------------- Recherche */
	div.info_recherche {
		font-size:.9em;
		font-style:italic;
		color:#999;
		margin:2px 0 0 0
	}
/* --------------------------------------------------------------------------------------------- Bloc style */
	#bloc_style {
		clear:both;
		width:586px;
		margin:0 auto 0 auto
	}
	#bloc_style_top {
		float:left;
		width:100%;
		height:10px;
		font-size:0;
		background:#ededed url(../images/background/bloc_style_top.gif)
	}
	#bloc_style_bottom {
		float:left;
		width:100%;
		height:37px;
		background:#ededed url(../images/background/bloc_style_bottom.gif)
	}
	#bloc_style_middle {
		float:left;
		width:526px;
		background:#ededed url(../images/background/bloc_style_middle.gif);
		padding:10px 30px 10px 30px
	}
/* ------------------------------------------------------------------------- Reference */
	#apercus {
		float:left;
		width:100%;
		padding:10px 0
	}
	#apercus img {
		float:left;
		border:1px solid #ab0132
	}
	#apercus img.left {margin-right:21px}
	#apercus img.right {margin-left:21px}
	div.contenu #bloc_style_middle h2.commentaire {
		font-size:1.1em;
		color:#000;
		border-bottom:1px dashed #ccc;
		padding-top:10px
	}
	div.contenu #bloc_style_middle div.commentaire {border-bottom:1px dashed #ccc}
/* ----------------------------------------------------- Notation */
	div.notation {
		clear:right;
		float:right;
		width:125px;
		border:1px dashed #ccc;
		padding:5px;
		margin:0 0 10px 10px
	}
	div.notation span.message {
		display:block;
		text-align:right;
		font-size:.9em;
		margin:3px 0
	}
	div.contenu ul.notation_sans_javascript {
		padding:0;
		margin:5px 0 0 0
	}
	div.contenu ul.notation_sans_javascript li {
		display:inline;
		background:none;
		padding:0;
		margin:0
	}
	div.contenu ul.notation_sans_javascript li a {
		display:block;
		float:left;
		color:#fff;
		border:1px solid #cddb26;
		background:#cddb26;
		padding:0 4px;
		text-decoration:none;
		margin:0 4px
	}
	div.contenu ul.notation_sans_javascript li a:hover, div.contenu ul.notation_sans_javascript li a:focus, div.contenu ul.notation_sans_javascript li a.focus {
		color:#ab0132;
		background:#fff
	}
/* ------------------------------------------------------------------------- Onglets */
	div.contenu ul.article_onglets {
		font-size:1.1em;
		padding:10px 0 0 10px
	}
	div.contenu ul.article_onglets li {
		display:inline;
		background:none;
		padding:0
	}
	ul.article_onglets li a {
		float:left;
		color:#000;
		text-decoration:none;
		background:#ededed url(../images/background/onglet_a.gif) no-repeat;
		margin:0 3px 0 0
	}
	ul.article_onglets li a span {
		display:block;
		background:url(../images/background/onglet_span.gif) no-repeat right top;
		padding:3px 10px 3px 10px
	}
	ul.article_onglets li a:hover, ul.article_onglets li a:focus, ul.article_onglets li a.focus, ul.article_onglets li.ui-tabs-selected a {
		background-color:#e9ea86;
		background-position:left bottom;
	}
	ul.article_onglets li a:hover span, ul.article_onglets li a:focus span, ul.article_onglets li a.focus span, ul.article_onglets li.ui-tabs-selected a span {background-position:right bottom}
	ul li.ui-tabs-selected a {cursor:text}
	div.ui-tabs-hide {display:none}
/* --------------------------------------------------------------------------------------------- Trombinoscope */
/* -------------------------------------------------------------------- Listing des élus */
	div.contenu ul.onglets {
		float:left;
		width:100%;
		line-height:normal;
		padding:0
	}
	div.contenu ul.onglets li {
		display:inline;
		background:none;
		padding:0;
		margin:0
	}
	div.contenu ul.onglets li a {
		position:relative;
		display:block;
		float:left;
		width:189px;
		height:90px;
		line-height:1.6em;
		font-weight:bold;
		color:#000;
		text-decoration:none;
		background:#f0f0f0 url(../images/background/elu.jpg);
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;
		padding:8px
	}
	div.contenu ul.onglets li a img {
		float:left;
		margin:0 8px 0 0
	}
	div.contenu ul.onglets li a span {
		position:absolute;
		bottom:8px;
		right:8px;
		display:block;
		text-align:right;
		font-weight:normal;
		color:#ab0132;
		background:url(../images/background/fleche_orange.gif) no-repeat right center;
		padding:0 8px 0 0
	}
	div.contenu ul.onglets li a:hover {background:#eaeaea}
	div.contenu ul.onglets li a:hover span {text-decoration:underline}
	/* Elu sélectionné */
	div.contenu ul.onglets li.ui-tabs-selected a {
		filter:alpha(opacity=30);
		-moz-opacity:0.30;
		cursor:text
	}
	div.contenu ul.onglets li.ui-tabs-selected a span {display:none}
/* -------------------------------------------------------------------- Fiche d'un elu */
	#fiche_elu {
		float:left;
		width:580px;
		background:#f0f0f0;
		padding:20px;
		margin:10px 0
	}
	div.ui-tabs-hide {display:none}		/* Necessaire pour fonctionnement des onglets */
	div.fiche_elu img {
		float:left;
		margin:0 20px 0 0
	}
	div.contenu div.fiche_elu h2, div.contenu div.fiche_elu h3 {
		font-family:verdana;
		font-size:1.3em;
		color:#000
	}
	div.contenu div.fiche_elu h3 {font-size:1.1em}
/* --------------------------------------------------------------------------------------------- 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}
/* ------------------------------------------------------------------------- Titres */
	h2 {
		font-size:1.1em;
		color:#333;
		margin-bottom:7px
	}
	h2.bordure {
		border-bottom:1px dashed #efefef;
		padding:0 0 5px 0;
		margin:0
	}
	h3 {
		font-size:1em;
		color:#666;
		margin-bottom:6px
	}
/* ------------------------------------------------------------------------- Date de publication */
	#infos {
		text-align:right;
		color:#666;
		margin:0 0 10px 0
	}
	#infos span {
		background:#fff0f4;
		padding:0 10px
	}
	#infos span em, #infos span strong {margin:0 1px}
/* ------------------------------------------------------------------------- Paragraphes */
	div.contenu p {
		line-height:1.5em;
		margin-bottom:10px
	}
/* ----------------------------------------------------- Espacement */
	div.contenu p.sans_espacement {margin:0}
	div.contenu p.petit_espacement {margin-bottom:5px}
	div.contenu p.grand_espacement {margin-bottom:20px}
	div.contenu p.tres_grand_espacement {margin-bottom:30px}
/* ----------------------------------------------------- Alignement */
	div.contenu p.alignement_justifie {text-align:justify}
	div.contenu p.alignement_droite {text-align:right}
	div.contenu p.alignement_centre {text-align:center}
/* ----------------------------------------------------- Introduction */
	div.contenu p.introduction {margin-bottom:15px}
	div.contenu p.introduction:first-letter {
		line-height:1em;
		font-size:1.5em;
		font-weight:bold;
		color:#ab0132;
		margin:0 2px 0 0
	}
/* ----------------------------------------------------- Mise en avant */
	div.contenu p.mis_en_avant {
		overflow:hidden;
		color:#333;
		background:#fff0f4;
		padding:5px 10px;
		margin:0 20px 15px 20px
	}
	* html div.contenu p.mis_en_avant {clear:both}
/* ------------------------------------------------------------------------- Citation */
	div.contenu blockquote, div.contenu p.citation {
		overflow:hidden;
		font-style:italic;
		color:#333;
		background:#efefef url(../images/background/citation.gif) no-repeat 97% 5px;
		padding:10px 60px 10px 10px;
		margin:0 20px 15px 20px
	}
	* html div.contenu blockquote {clear:both}
	div.contenu p.citation {
		clear:both;
		margin-left:0;
		margin-right:0
	}
/* ------------------------------------------------------------------------- Liens */
	div.contenu a {
		color:#ab0132;
		text-decoration:underline
	}
	div.contenu a:hover, div.contenu a:focus, div.contenu a.focus {text-decoration:none}
/* ------------------------------------------------------------------------- Listes */
/* ----------------------------------------------------- Premier niveau */
	div.contenu ul, div.contenu ol {
		overflow:hidden;
		line-height:1.5em;
		padding:0 0 10px 20px
	}
	div.contenu ul li {
		background-image:url(../images/background/puce.gif);
		background-position:0 6px;
		background-repeat:no-repeat;
		padding:0 0 0 12px;
		margin:0 0 3px 0
	}
	div.contenu ol li {
		list-style-type:decimal;
		list-style-position:inside;
		margin:0 0 3px 0
	}
/* ----------------------------------------------------- Second niveau */
	div.contenu ul li ul, div.contenu ol li ol {padding:3px 0 0 20px}
/* ------------------------------------------------------------------------- Tableaux */
	div.contenu table.tableau_donnees {
		float:left;
		width:100%;
		border-collapse:collapse;
		border-top:1px solid #ccc;
		margin:0 0 15px 0
	}
	div.contenu table.tableau_donnees caption {
		text-align:left;
		font-size:1.1em;
		font-weight:bold;
		color:#666;
		padding:0 0 6px 0
	}
	div.contenu table.tableau_donnees tr p {
		line-height:normal;
		margin-bottom:0
	}
	div.contenu table.tableau_donnees tr th {
		color:#333;
		border-bottom:1px solid #ccc;
		background:#f9fcc5;
		padding:4px
	}
	div.contenu table.tableau_donnees tr th.alignement_left {text-align:left}
	div.contenu table.tableau_donnees tr td {
		vertical-align:top;
		border-bottom:1px dashed #ccc;
		padding:6px 4px
	}
	div.contenu table.tableau_donnees tr.alterne td {background:#f3f3f3}
	div.contenu table.tableau_donnees tr.survol td {background:#eae8e8}
	div.contenu table.tableau_donnees tr td.alignement_centre {text-align:center}
	div.contenu table.tableau_donnees tr td.alignement_droite {text-align:right}
/* ------------------------------------------------------------------------- Object */
	div.object-left {
		float:left;
		margin-right:15px;
		margin-bottom:10px
	}
	div.object-right {
		float:right;
		margin-left:15px;
		margin-bottom:10px
	}
	div.object-center {
		text-align:center;
		margin-bottom:10px
	}
/* ------------------------------------------------------------------------- Image */
	div.image img {vertical-align:middle}
/* ----------------------------------------------------- Légende et copyright */
	div.image span.legende, div.image span.copyright {
		overflow:hidden;
		display:block;
		font-size:.9em;
		padding:2px 1px 6px 1px
	}
	div.image span.copyright {
		font-style:italic;
		color:#666;
		padding-bottom:0
	}
	div.object-center div.image span.legende, div.object-center div.image span.copyright {
		text-align:left;
		margin-left:auto;
		margin-right:auto
	}
/* ------------------------------------------------------------------------- Fichier joint */
	div.attribute-pdf, div.attribute-msword {padding:2px 0 2px 24px}
	div.attribute-pdf {background:url(../images/background/pdf.gif) no-repeat;}
	div.attribute-msword {background:url(../images/background/word.gif) no-repeat}
/* ------------------------------------------------------------------------- Zone contextuelle */
	div.zone_contextuelle {
		float:right;
		width:200px;
		color:#333;
		border-top:1px dashed #cddb26;
		background:#fff0f4;
		padding:8px 10px 3px 10px;
		margin:0 0 5px 15px
	}
/* --------------------------------------------------------------------------------------------- Carnet de route */
	#carnet_route {margin:0}
	#carnet_route li {margin-bottom:15px}
	#carnet_route li div a {margin:0 2px 0 0}
	#carnet_route li a.externe  {
		background:none;
		padding:0
	}
/* --------------------------------------------------------------------------------------------- Vidéo */
	div.contenu div.video {
		float:left;
		width:100%;
		text-align:center;
		margin:15px 0
	}
/* --------------------------------------------------------------------------------------------- Commentaires */
	div.contenu h2.commentaire {
		clear:both;
		font-size:1.6em;
		color:#ab0132;
		border-bottom:1px dashed #efefef;
		padding:40px 0 5px 0;
		margin:0 0 10px 0
	}
	div.contenu div.commentaire {
		float:left;
		width:100%;
		border-bottom:1px dashed #efefef;
		padding:0 0 5px 0;
		margin:0 0 10px 0
	}
/* ------------------------------------------------------------------------- Infos (date/auteur/catégorie/lieu/horaires) */
	div.contenu div.infos {
		float:left;
		width:100%;
		margin:2px 0 4px 0
	}
	div.contenu div.infos span.date {
		font-style:italic;
		color:#666
	}
	div.contenu div.infos span.auteur {font-weight:bold}
	div.contenu div.infos span.categorie, div.contenu div.infos span.lieu, div.contenu div.infos span.horaires {
		display:block;
		margin:4px 0 0 0
	}
	div.contenu div.infos span span {font-weight:bold}
/* --------------------------------------------------------------------------------------------- Pagination */
	div.contenu ul.pagination {
		float:left;
		width:100%;
		line-height:normal;
		padding:20px 0 0 0
	}
	div.contenu ul.pagination li {
		float:left;
		background:none;
		padding:0;
		margin:0 10px 0 0
	}
	div.contenu ul.pagination li a, div.contenu ul.pagination li span {
		display:block;
		float:left;
		border:1px solid #cddb26;
		padding:2px 6px;
		text-decoration:none
	}
	div.contenu ul.pagination li a {
		color:#000;
		background:#cddb26
	}
	div.contenu ul.pagination li a:hover, div.contenu ul.pagination li a:focus, div.contenu ul.pagination li a.focus {
		color:#333;
		background:#f9fcc5
	}
	div.contenu ul.pagination li span {
		color:#666;
		background:#fff
	}
/* --------------------------------------------------------------------------------------------- Formulaire */
	.obligatoire, div.champs_obligatoire {color:#ff0000}
	#boutons {
		float:left;
		width:100%
	}
	#boutons input.bouton, #boutons a {
		float:right;
		margin-left:10px
	}
	#boutons input.carnet_route {margin-right:105px}
	#boutons input.connexion_carnet_route {margin-right:210px}
/* --------------------------------------------------------------------------------------------- Formulaire "statique" */
	div.contenu div.conteneur {
		float:left;
		width:100%;
		padding-bottom:8px
	}
	div.contenu div.conteneur label, div.contenu div.conteneur span.label {
		display:block;
		float:left;
		width:170px;
		line-height:1.7em;
		text-align:right;
		padding-right:5px
	}
	div.contenu div.conteneur label span.complement {
		font-size:.9em;
		color:#666
	}
	div.contenu div.conteneur label.long, div.contenu div.conteneur span.long {width:250px}
	div.contenu div.conteneur input, div.contenu div.conteneur textarea, div.contenu div.conteneur select, div.contenu 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.contenu div.conteneur textarea {height:100px}
	.tres_court {width:40px}
	.court {width:80px}
	.normal {width:150px}
	.long {width:250px}
	.tres_long {width:300px}
	div.contenu div.conteneur select {padding:0}
	div.contenu div.conteneur select option {padding-right:10px}
	div.contenu div.conteneur span.statut {
		line-height:1.6em;
		padding:0 3px
	}
	div.contenu div.conteneur a {
		display:block;
		clear:both;
		font-size:.9em;
		padding:4px 0 0 0;
		margin:0 0 0 255px
	}
	div.contenu div.conteneur span.active {color:#3ab318}
	div.contenu 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
	}
/* --------------------------------------------------------------------------------------------- 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;
		color:#000;
		background:#e8e8e8;
		padding:4px 10px
	}
/* ------------------------------------------------------------------------- Diaporama */
	#diaporama {
		float:left;
		width:100%;
		margin-top:10px
	}
	#diaporama a.lightbox.externe {
		background:none;
		padding-right:5px
	}
	#diaporama a.lightbox {
		display:block;
		float:left;
		width:100px;
		height:110px;
		text-align:center;
		border:1px solid #ccc;
		padding:5px;
		margin:0 12px 20px 0
	}
	#diaporama a.lightbox:hover, #diaporama a.lightbox:focus, #diaporama a.lightbox.focus {background:#e4e4e4}
/* ------------------------------------------------------------------------- Ecard */
	#ecard {
		border:1px solid #d0d0d0;
		background:#e8e8e8;
		padding:10px;
		margin:0 0 20px 0
	}
	#ecard a {text-decoration:none}
	#ecard img {
		border:2px solid #fff;
		margin:6px
	}
	#ecard div.object-center img {margin-bottom:5px}
	#ecard div.image span.legende, #ecard div.image span.copyright {font-size:1em}
/* ------------------------------------------------------------------------- Wallpaper */
	div.wallpaper {
		float:left;
		width:100%;
		border-bottom:1px dashed #ccc;
		padding:0 0 15px 0;
		margin:0 0 15px 0
	}
	div.wallpaper img {
		float:left;
		background:#e8e8e8;
		padding:5px
	}
	div.wallpaper ul {float:left}
/* --------------------------------------------------------------------------------------------- Divers */
	div.separation {
		float:left;
		width:100%;
		border-bottom:1px dashed #efefef;
		padding:10px 0 5px 0
	}
/* ------------------------------------------------------------------------- Spam filter */
	span.spamfilter {display:none}
/* ------------------------------------------------------------------------- FAQ */
	div.contenu h2.question a {text-decoration:none}
	div.contenu h2.question a:hover, div.contenu h2.question a:focus, div.contenu h2.question a.focus {text-decoration:underline}