/* ____ARTICLELIST ____ */

/* ! div contenant une image transparente(= compatibilité Firefox) annulant les habillages ("clear" annule les "float" dans les <div> au dessus) */
/**/div.break {
	height:1px;
	clear:both;
	}

.chemin {
	text-decoration:none;
	font-size:7pt;
	color:#999999;
	margin:0 0 10px 0;
	}
	a.chemin:hover {
		color:#000000;
		}

	/* --- header_item_tpl --- */
	#rubrique_header { margin-bottom:10px; }
	
	.titre_rubrique {
	font-family:Arial;
	font-size:18px;
	color:#009900;
	}
	
	.rubrique_desc {
	font-size:12px;
	}
	/* --- header_item_tpl --- */

p {
	font-family:Verdana;
	font-size:11px;
	}

/* ! gestion des marges hautes et basses des textes du contenu */
div p {
	margin:6px 0 6px 0;
	}

/* ! Styles communs à TOUS les articles dans articlelist quel que soit leur placement */
.article {
	/*border-top:1px solid;*/
	padding:6px 0 0 0;
	margin:0 0 20px 0;
}

.article p {
	padding:10px 0 0 0;
	margin:0;
} 

/* ! placement de l'article de gauche si deux colonnes */
.article_gauche {
	width:48%;
	/**/float:left;
	padding:4px 0 0 0;
}
/* ! placement de l'article de droite si deux colonnes */
.article_droite {
	/**/width:48%;
	/**/float:right;
	padding:4px 0 0 0;
}

/* - CONTENU D'UN ARTICLE - */
.date_article { color:#999999; font-size:10px; font-weight:normal; }

.auteur { font-size:10px; font-weight:normal; color:#999999; }

.titre_article { font-family:Trebuchet MS;font-size:15px; font-weight:bold; text-decoration:none; color:#3CA000;}
	a.titre_article:hover { color:#999;}


.titre_article_frontpage { font-family:Trebuchet MS;font-size:13px; line-height:15px; font-weight:bold; text-decoration:none; color:#3CA000; margin-bottom:8px;}
	a.titre_article_frontpage:hover { color:#999;}

.article_intro {
	text-align:justify;
	font-family:Verdana;
	font-size:8pt;
	color:#000000;
	}

a.lien { color:#066AAF; text-decoration:none; }
a.lien:hover { color:#066AAF; text-decoration:underline; }

a.lire_la_suite {
	font-weight:bold;
	text-decoration:none;
	font-size:8pt;
	color:#2655A3;
	background:url("images/lire_la_suite.png") no-repeat 0px 2px;
	padding:0 0 0 14px;
	}
	a.lire_la_suite:hover { color:#333; }

/* --- IMAGES --- */
	/* ! couleur par défaut de la bordure d'image */
	img { border-color:#999999; }
	/* ! Placement des images */
	.imageleft { 
		margin-right:10px;
		/**/float:left;
		}
	.imagecenter {
		margin:0;
		padding:2px;
		border:0;
		}
	.imageright {
		margin-left:10px;
		/**/float:right;
		}
	.image_accueil {
		margin-right:10px;
		/**/float:left;
		}
	
	.legende_photo {
		font-weight:normal;
		clear:both;
		color:#999999;
		border-bottom:1px solid #999999;
		text-align:center;
		font-size:7pt;
		padding:4px 0 5px 0px; margin-bottom:3px;
		}
		
/* --- TABLEAUX --- */
	.tableleft { margin-right:10px; }
	.tableright { margin-left:10px; }

/* - CONTENU D'UN ARTICLE end - */

/* ! styles de la navigation (= numéros de page + "suivant" et "précédent") */
	/* --- type_list_tpl --- */
	#navigation {
		font-size:7pt;
		color:#000;
		}
	
	#navigation a {
		text-decoration:none;	
		font-size:7pt;
		color:#000;
		}
		#navigation a:hover {
			color:#999999;
		}
	.page_nav_active {
		font-weight:bold;
		color:#10730B;
	}
	/* --- type_list_tpl  --- */

#retour {
	margin:20px 0 20px 0;
	/**/clear:both;
	border-top:1px solid;
	}

.retour {
	text-decoration:none;
	font-size:8pt;
	color:#3CA000;
	font-weight:bold;
	}
	a.retour:hover { color:#333; }	

/* ____ARTICLELIST end ____ */


/* ! lien sur paragraphes (présent dans la page de résultat de recherche */

.justifie, a.justifie {
	text-align:justify;
	font-family:Verdana;
	font-size:8pt;
	color:#000000;
	text-decoration:none;
	}

a.justifie:hover { color:#009900; }

/* ! alternance de couleur de fond défini par la valeur de la variable {td_class} située dans les fichiers php */
.bglight { background:#0000; }
.bgdark { background:#fff; }


/* --- ARTICLEVIEW --- */
#retour_articleview {
	text-align:right;
	margin:20px 0 20px 0;
	border-top:1px solid;
	}
/* --- ARTICLEVIEW end --- */


	/* ----- Affichage des sous rubriques ----- */
	/* sous_rubriques haut */
	.sous_rubriques_haut {
		margin:10px 0 6px 10px;
		padding:10px;
		background:#EEECE7;
		border-left:1px solid #2655A3;
		/**/width:150px; float:right;		
		}
	
	.sous_rubrique_haut_titre {
		font-weight:bold;
		font-size:11px;
		padding:4px;
		color:#000;
		}
	
	a.sous_rubrique_haut {
		display:block;
		/*width:100%;*/
		width:140px;
		text-decoration:none;
		font-size:11px;
		padding:4px;
		color:#2655A3;
		}
		a.sous_rubrique_haut:hover {
			display:block;
			color:#fff;
			background:#2655A3;
			/*overflow:hidden;*/
			}

		/* sous_rubriques bas */
		#sous_rubriques {
			display:block;
			margin:0;
			padding:10px;
			background:#F5F3EE;
			border-top:1px solid #2655A3;
			/**/height:100%;
		}
		
		.sous_rubrique {
			clear:both;
			margin:0 0 10px 0;
			padding:0 0 10px 0;
			}
		
		.sous_rubriques_titre {
			font-weight:bold;
			font-size:11px;
			padding:0 0 0 0;
			color:#000;
			}
		
		#sous_rubriques img {
			margin:0 10px 0 0;
			padding:0 0 0 0;
			/**/ float:left;
			}
			
		a.sous_rubrique_titre {
			font-weight:bold;
			text-decoration:none;
			font-size:11px;/*jf*/
			color:#2655A3;
			}
			a.sous_rubrique_titre:hover { color:#333; }
		
		.sous_rubrique_desc { font-weight:normal; font-size:10px; color:#000; } 

/* ----- FORMULAIRES ----- */
.okbutton {
		border:1px solid #000;
		color:#fff;
		background:#009900;
		}
input { font-color:#999; }
select {color:#999;}
		
.champs_intitule {
	padding:0 0 10px 0;
	color:#999;
	}
		
.champs {
	color:#555;
	font-family:Trebuchet MS;
	font-size:13px;
	}
		
.champs2 {
	color:#000;
	font-weight:bold;
	font-family:Trebuchet MS;
	font-size:13px;
	}		



/* ----- AUTRES PAGES ----- */

.liste {
	text-align:justify;
	font-family:Verdana;
	font-size:11px;
	color:#5B5A58;
	}

.ecard_legende {
	text-align:left;
	font-family:Verdana;
	font-size:7pt;
	font-style:italic;
	color:#666666;
	}


/* ----- NEWSLETTER ----- */



.news_text {
	font-family:Trebuchet MS;
	color:#8EA3A8;
	font-weight:bold;
	border:1px solid #666666;
	}


.news_button {
	color:white;
	background:#8EA3A8;
	border:1px solid #666666;
	}

.nl_list_bg1 {
	color:#666666;
	background:#CCCCCC;
	}


.nl_list_bg2 {
	color:#666666;
	background:#CCCCCC;
	}
	
	
	//mise en forme de la news dans le mail
	#newsletter {
		font-size:11px;
		background:pink;
		}
	
	.nl_mention {
		font-size:11px;
		font-family:Trebuchet MS;
		}

/* ----- NEWSLETTER end ----- */

/* plan du site */
.sitemap_rubrique {
padding-bottom:6px;
font-size:8pt;
text-decoration:none;
color:#000;
}
a.sitemap_rubrique:hover {
text-decoration:underline;
}

.sitemap_article {
padding-bottom:6px;
font-size:8pt;
text-decoration:none;
color:#999;
}
a.sitemap_article:hover {
text-decoration:underline;
}

	/* slideshow */
	/* ce style fixe la navigation et la photo du slideshow
	   sur la hauteur si la légende n'excède pas 3 lignes (sinon elle pousse vers le bas) */
	#caption {	
		height:40px;
		width:590px;
		font-family:Trebuchet MS;
		font-weight:bold;
		font-size:11px;
		color:#4372C3;
		}
		
	#photo {	
		border:2px solid #000;
		}
		
/* sondage */
#sondage {
	width:180px;
	background:#fff;
	padding:0 0 10px 0;
	margin:10px 0 0 0;
	border:1px solid #D894D0;
	height:100%;
	font-size:10px;
	}

.sondage_titre {
	color:#fff;
	background:#D894D0;
	font-size:10px;
	padding:4px 10px 4px 10px;
}

.sondage_texte {
	text-decoration:none;
	color:#7D746C;
	font-size:10px;
	padding:4px 10px 4px 10px;
}

.sondage_lien {
	text-decoration:none;
	color:#D894D0;
	background:#EEECE7;
	font-size:10px;
	padding:0 6px 0 6px;
	margin:10px 0 10px 10px;
}

a.sondage_lien:hover {
	color:#fff;
	background:#D894D0;
}

#votepage { font-size:11px; }

#votepage form { margin:0; }

#votepage td.resultat {
	border:1px solid #000;
	margin:0 0 6px 0;
	background:#999;
	}
	
#votepage td.resultat2 {
	border:1px solid #000;
	margin:0 0 6px 0;
	background:#eeeeee;
	}	

#votepage div.left {
	float:left;
	margin-right:10px;
	}

#votepage div.right { float:left; }

/* ---- FICHES----- */
#fiche {
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	padding:0;
	margin:0; /*jf gérer les marges du pop up*/
	}
	
#fiche_in {
	padding:0;
	margin:0; /*jf gérer les marges du pop up*/
	}	

#fiche .image, #fiche_in .image {
	background:url(images/fiche_haut_bgd.png) repeat-x;
	}
	
#fiche .contenu, #fiche_in .contenu {
	padding:20px;
	}
	
#fiche .titre_article, #fiche_in .titre_article {
	margin-bottom:20px;
	}	
	

#fiche .champ, #fiche_in .champ {
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	border-bottom:1px solid #009900;
	}
	
#fiche .champ2, #fiche_in .champ2 {
	margin:0;
	padding:10px;	
	border-left:1px solid green;
	border-right:1px solid green;
	background:#DFF2DE;
	}
	
#fiche .champ3, #fiche_in .champ3 {
	margin:0 0 30px 0;
	padding:10px 10px 0 10px;
	background:#DFF2DE;
	border-left:1px solid green;
	border-right:1px solid green;
	}		
	
#fiche .titre_champ, #fiche_in .titre_champ {
	font-size:12px;
	color:#000;
	font-weight:bold;
	}	

#fiche .article, #fiche_in .article {
	padding:0px 10px 10px 10px;
	text-align:justify; 
	}

#fiche .image2, #fiche_in .image2 {
	padding:0 0 0 0;
	}
	
#fiche .fichiers_attaches, #fiche_in .fichiers_attaches {
	padding:0 0 0 0;
	}
	
#fiche .fichier_attache, #fiche_in .fichier_attache {
	padding:4px;
	border-top:1px dotted #005E9E;
	border-left:1px dotted #005E9E;
	background:#F0F4F7;	
	}	

#fiche .navigation, #fiche_in .navigation {
		padding:0 0 10px 0;
		font-size:7pt;
		color:#000;
		}
	
#fiche .navigation a, #fiche_in .navigation a {
		text-decoration:none;	
		font-size:7pt;
		color:#000;
		}
		#fiche .navigation a:hover, #fiche_in .navigation a:hover {
			color:#005E9E;
		}

#fiche .bas { 
	border-top:1px dotted #005E9E;
	padding:6px 0 0 0;
	text-align:right;
	}
	
a.fiche_lien {
	font-weight:normal;
	color:#999;
	text-decoration:none;
	}
	a.fiche_lien:hover {
		color:#005E9E;
		}	


/* ---- imageview----- */

a.imgview_lien {
	font-weight:bold;
	color:#7BA521;
	text-decoration:none;	
}

a.imgview_lien:hover {
	color:#999;
	}

.hr {
	color:#7BA521;
	}

/* --JF-- */

/* ----- AUTRES PAGES end ----- */


/* ----- FRONTPAGE ----- */
#frontpage p {
	/*text-align:justify;*/
	}
	
.justifie p {
	padding:0;
	margin:0;
	}	

#fp_left { float:right; width:167px; background:#FFF; padding:0 0 10px 13px; margin:0; overflow:hidden; }
	
/* ! placement de l'article de gauche si deux colonnes */
.fp_article_gauche { padding:0; margin:0px 10px 20px 0px; }
.fp_article_droite { padding:0; margin:0 0 20px 10px; }
.fp_article_gauche .titre_article{ margin:0px 0px 13px 0px; }
.fp_article_droite .titre_article{ margin:0px 0px 13px 0px; }
.fp_article { width:390px; margin:0 0 20px 0; padding:0 0 10px 0; float:left; border-bottom:1px dashed #C96CBD; }
	.fp_article p { margin:0; padding:0; }
.fp_titre_rubrique { font-weight:bold; font-size:15px; color:#fff; margin:0px; padding:0 0 0 10px; border:0px; background:#ff9900; }

.fp_image_accueil { margin:0 10px 0 0; }
.fp_read_more { margin:10px 0 0 0; padding:0; }
a.fp_read_more { color:#C30; text-decoration:none; font-size:8pt; font-weight:bold; }
	a.fp_read_more:hover { color:#999999; }

.randoms { width:165px; border:1px solid #2655A3; margin:0 0 10px 0; padding:0; clear:left; overflow:hidden; }
.random_titre_rubrique { font-size:8pt; color:#FFF; background:#2655A3; padding:4px 10px 4px 10px; margin-bottom:10px; font-weight:bold; }
.random { padding:0 10px 10px 10px; }
.random p { margin:0; padding:0; }
.random_titre { text-decoration:none; color:#2655A3; font-size:11px; margin-bottom:5px; }
a.random_intro { text-decoration:none; color:#7D746C;	font-size:10px; }
a.random_intro:hover { color:#2655A3; }

.breves1 { width:165px; margin:0 0 10px 0; padding:0; border:1px solid #2655A3; overflow:hidden; }
.breve_titre1 { displayu:none; }
.breves_titre_rubrique1 { font-size:8pt; color:#FFF; background:#2655A3; padding:4px 10px 4px 10px; margin-bottom:10px; font-weight:bold; }
.breve1 { padding:0 10px 10px 10px; background:none; }


/* ----- FRONTPAGE end ----- */

/* ----- QUIZ ----- */

.stdbutton
{
	font-family:Arial;
	font-size:10px;
	color:#FFFFFF;
	background-color:#3366CC;
	font-weight:normal;
	text-align:center;
}

.MauvaiseReponse
{
	text-align:left;
	font-weight:bold;
	font-family:Verdana;
	font-size:8pt;
	color:#2C4F8B;
	text-decoration:none;
}

.question
{
	text-align:left;
	font-weight:bold;
	font-family:Verdana;
	font-size:9pt;
	color:#35A32F;
	text-decoration:none;
}

.intitule
{
	text-align:left;
	font-family:Verdana;
	font-weight:normal;
	font-size:8pt;
	color:#000000;
	text-decoration:none;
}

.score
{
	text-align:center;
	font-weight:bold;
	font-family:Verdana;
	border-top:2px dotted #35A32F;
	border-bottom:2px dotted #35A32F;
	font-size:8pt;
	color:#000000;
	text-decoration:none;
}



/* ----- QUIZ end ----- */