/* CSS Document */
/* --------------------------------------------------------------------------------------------- Espacements */
	.sans_espacement {margin:0;}
	.petit_espacement {margin-bottom:5px}
	.grand_espacement {margin-bottom:20px}
	.tres_grand_espacement {margin-bottom:30px}
/* --------------------------------------------------------------------------------------------- Forcer le retour à la ligne */
	.passer_ligne {clear:both}
/* --------------------------------------------------------------------------------------------- Titres */
h1 {
	padding:10px 0 5px 25px;
	text-transform:uppercase;
	font-size:1.4em;
	background:url(../images/background/h2_bgd.gif) no-repeat 0 0;
	color:#df6a25;
	margin-bottom:10px;
	}
	
	h2 {
		font-size:1.2em;
		color:#000;
		margin-bottom:5px;
		}
	
	h3 {
		font-size:1em;
		margin-bottom:5px;
		font-weight:bold;
		color:#000;
	}
	
	h4 {
		font-size:0.9em;
		margin-bottom:5px;
		color:#742833;
	}
	h5, h6 { 	font-size:0.8em; color:#000; font-weight:normal; margin-bottom:5px; }
	
	
/* views */
.line { margin-bottom:15px; clear:both; overflow:hidden; }	

/* --------------------------------------------------------------------------------------------- Paragraphes */
	.contenu p {
		line-height:1.6em;
		text-align:justify;
		margin-bottom:10px;
	}
/* ------------------------------------------------------------------------- Espacement */
	.contenu p.sans_espacement {margin:0;}
	.contenu p.petit_espacement {margin-bottom:5px;}
	.contenu p.grand_espacement {margin-bottom:20px;}
	.contenu p.tres_grand_espacement {margin-bottom:30px;}
/* ------------------------------------------------------------------------- Alignement */
	.contenu p.alignement_gauche {text-align:left;}
	.contenu p.alignement_droite {text-align:right;}
	.contenu p.alignement_centre {text-align:center;}

/* ------------------------------------------------------------------------- Mise en avant */
	.mis_en_avant {
		overflow:hidden;
		border-top:1px dotted #715454;
		border-bottom:1px dotted #715454; 
		background:#F3F1EC; 
		padding:5px 10px;
		}
		* html .mis_en_avant { clear:both }
/* ------------------------------------------------------------------------- Citation */
	.citation {
		overflow:hidden;
		font-style:italic;
		background:#efefef url(../images/background/citation.gif) no-repeat 97% 5px;
		padding:10px 60px 10px 10px;
		color:#6F6B62;
		font-size:1em;
		background:#F3F1EC;
	}
	* html 	.citation {clear:both}
/* --------------------------------------------------------------------------------------------- Liens */
	.contenu a {color:#715454;}
	.contenu a.externe {
		background:url(../images/background/lien_externe.gif) no-repeat right 50%;
		padding:0 14px 0 0;
	}
	.contenu a.lightbox.externe {
		background:none;
		padding-right:0;
	}
/* --------------------------------------------------------------------------------------------- Listes */
/* ------------------------------------------------------------------------- Premier niveau */
	.contenu ul, .contenu ol {
		overflow:hidden;
		padding:0 0 10px 20px;
	}
	.contenu ul li {
		padding:0 0 0 0;
		margin:0 0 3px 0;
		list-style-type:disc;
	}
	.contenu ul li ul li {
		list-style-type:circle;
	}	
	.contenu ol li {
		list-style-type:decimal;
		list-style-position:inside;
		margin:0 0 3px 0;
	}
/* ------------------------------------------------------------------------- Second niveau */
	.contenu ul li ul, .contenu ol li ol {padding:3px 0 0 20px}
/* --------------------------------------------------------------------------------------------- Tableaux */
	.tableau_donnees {
		width:100%;
		border-collapse:collapse;
		border-top:1px solid #ccc;
		margin:0 0 15px 0
	}
	.tableau_donnees tr p {
		line-height:normal;
		margin-bottom:0
	}
	.tableau_donnees tr th {
		background:#CFA3A3;
		border-bottom:1px solid #fff;
		padding:4px;
		color:#fff;
	}
	.tableau_donnees tr td {
		vertical-align:top;
		border-bottom:1px dotted #ccc;
		padding:6px 4px
	}
	.tableau_donnees tr.alterne td {background:#ededed}
	.tableau_donnees tr.survol td {background:#F7EDED;color:#000;}
	.tableau_donnees tr td.alignement_centre {text-align:center}
	.tableau_donnees tr td.alignement_droite {text-align:right}

.object-left { float:left; margin-right:10px;}
.object-right { float:right; margin-left:10px; }

div.object-center { text-align:center; }

.object-left img { margin-right:10px; }
.object-right img { margin-left:10px; }

.vignette_block { margin-left:0; }
.vignette { border:1px solid #fff; margin-top:5px; }

div.image img {	
		vertical-align:middle;
	}
/* --------------------------------------------------------------------------------------------- Zone contextuelle */
	div.zone_contextuelle {
		/*float:right;*/
		width:250px;
		background:#cdd8de url(../images/background/degrade_bleu_blanc.gif) repeat-x left bottom;
		border-top:1px dashed #6f8da2;
		padding:8px 10px 4px 10px;
		margin:0 0 10px 15px
	}
/* --------------------------------------------------------------------------------------------- Vidéo */
	.contenu pre.video {
		text-align:center;
		margin-bottom:15px
	}
/* --------------------------------------------------------------------------------------------- Fichier joint */
	.contenu div.fichier_joint {
		width:100%;
		padding:0 0 5px 0
	}
	.contenu div.object-right span.fichier_joint {float:right}
	
.savoir_plus { margin-top:0; text-align:right; }
.savoir_plus a {
	font-weight:bold;
	padding-right:10px;
	color:#df6a25;
	background:url(../images/background/savoir-plus.gif) no-repeat right 3px;
	text-decoration:none;
	
	}
	.savoir_plus a:hover {
		color:#715454;
		text-decoration:none;
		background:url(../images/background/savoir-pluso.gif) no-repeat right 3px;
		}

#fiche { background:#fff; }		
#fiche_haut { background:#ccc url(../images/background/fiche_haut_bgd.gif) repeat-x; }
#fiche .contenu { margin:0; padding:40px; width:auto; float:none; }
#fiche #outils { clear:both; }

.contenu .formulaire ul, .contenu .formulaire li { margin-left:0; padding-left:0; list-style-type:none; }

.article { margin-bottom:25px; overflow:hidden; }
.article img { float:left; margin:0 5px 5px 0; }

/* Pied de page */
#bottom { padding:0 0 10px 40px; width:746px;}
	#bottom ul { display:block; width:500px; float:left; }
		#bottom ul li { color:#444139; display:inline; }
			#bottom ul li a { color:#444139; text-decoration:none; }
				#bottom ul li a:hover { color:#715454;}
		#bottom ul li.last { padding-right:16px; background:url(../images/background/acces_pro.gif) no-repeat right 0; border-right:0; }
	span#copyright { color:#715454; }	
		span#copyright a { color:#715454; text-decoration:none; }	
			span#copyright a:hover { color:#715454; text-decoration:underline; }
			
			
div.contenu div.vue_line {
		float:left;
		padding:10px 2%;
		width:96%;
	}
	div.contenu div.vue_line.hover {
		cursor:pointer;
		background:#f1f1f1
	}
	div.contenu div.vue_line span.date_publication {
		float:right;
		font-size:.9em;
		color:#666;
		background:#f6efed;
		padding:0 5px;
		margin:3px 0 0 10px
	}
	
	
.vue_line_image { float:left; margin-right:10px; }

/* ----------------------------------------------------- Legende et copyright */
.legende, .copyright {
		overflow:hidden;
		display:block;
		font-size:.8em;
		padding:2px 1px 6px 1px;
		clear:both;
		color:#666;
		padding-bottom:0		
	}
	.legende { font-style:italic; }
	.object-center .legende, .object-center .copyright {
		text-align:left;
		margin-left:auto;
		margin-right:auto;
		}
		
#diaporama img { margin:10px 10px 0 0; border-right:1px solid #333; border-bottom:1px solid #333; }

#contenu td img { margin:0 10px 10px 0; }

.form_item, .conteneur { margin-bottom:20px; clear:both; overflow:hidden; height:100%; }
.captcha { padding:10px; }

blockquote { display:block; overflow:hidden; margin-bottom:10px; }

.content-view-line { margin-bottom:30px; }

/* --------------------------------------------------------------------------------------------- Pagination */
	div.contenu ul.pagination {
		float:left;
		width:100%;
		line-height:normal;
		padding:20px 0 0 0
	}
	div.contenu ul.pagination li {
		list-style-type:none;
		float:left;
		background:none;
		padding:0;
		margin:0 10px 5px 0
	}
	div.contenu ul.pagination li a, div.contenu ul.pagination li span {
		display:block;
		float:left;
		border:1px solid #333;
		padding:2px 6px;
		text-decoration:none
	}
	div.contenu ul.pagination li a {
		color:#fff;
		background:#8e0222
	}
	div.contenu ul.pagination li a:hover, div.contenu ul.pagination li a:focus, div.contenu ul.pagination li a.focus {
		color:#8e0222;
		background:#f2efe9
	}
	div.contenu ul.pagination li span {
		color:#8e0222;
		background:#f2efe9
	}
	
blockquote { background:#dbd4c3; padding:10px; border:1px solid #333; margin-bottom:10px; }