.bglight {
	background: #333;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	}
	.bglight a {
		padding: 2px;
		color: #ff0;
		font-weight: bold;
		}
		.bglight a:hover { color:#000; background:#FF0; }

.bgdark {
	background: #666;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	}
	.bgdark a {
		padding: 2px;
		color: #ff0;
		font-weight: bold;
		}
		.bgdark a:hover { color:#000; background:#FF0; }	

.bgdark2 { background: #F0F0F0; }
.bglight2  { background: #fff; }

	
.bgselect {
	background: #F0F0F0;
	padding: 10px;
	margin-bottom: 10px;
	border: 2px solid #ccc;
	}
.left_column {
	display: block;
	float: left;
	width: 45%;
	height: 100%;
	height: auto;
	}
.right_column {
	display: block;
	float: right;
	width: 45%;
	height: 100%;
	height: auto;
	}

/* --- NEWSLETTER --- */
#newsletter { background: #CEEAFE; width:600px; margin:0 auto 0 auto; }
#newsletter_01 { height: 107px; width: 600px; display:block; background: url("images/newsletter_01.png") no-repeat; }
#newsletter .contenu { width:520px; padding: 20px 40px 20px 40px; color:#033; background: url("images/newsletter_bgd.png") repeat-y; }
#newsletter .contenu .article_intro { width:520px; }
#newsletter .contenu .lire_la_suite { padding-bottom:15px; }
#newsletter .contenu a { color: #0095DA; font-weight:bold; }
#newsletter .contenu a:hover { color: #6C3; }
#newsletter_02 { height: 50px; width: 600px; display:block; background: url("images/newsletter_02.png"); }


/* --- FILEMANAGER --- */
.filename {
	border-bottom: 1px solid #fff;
	padding-bottom: 5px;
	margin-bottom: 5px;
	}
.filename a {
	color: #ff0;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 0px 0px 18px;
	background: url("/images/file.png") no-repeat 0px 0px;
	}
	.filename a:hover {	color:#000; background:#FF0; }
.filedesc { display: block; }
.filesize { width: 10%; }
	.filesize a {
		padding: 3px 3px 3px 3px;
		font-size: 0.8em;
		text-transform: uppercase;
		color: #ff0;
		}
		.filesize a:hover { color:#000; background:#FF0; }

/* --- LISTEVIEW --- */
.liste { text-align: justify; color: #5B5A58; }
#date_limite {
	float: right;
	text-align: right;
	width: 120px;
	font-size: 0.8em;
	font-weight: normal;
	color: #cc0000;
	background: #fff;
	}

/* 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;
	font-family: Trebuchet MS;
	font-weight: bold;
	}
#photo { border:2px solid #000; }
		
/* SONDAGE */
#votepage form { margin: 0px; }
#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: #eee;
	}	
#votepage div.left { float: left; margin-right: 10px; }
#votepage div.right { float: left; }

/* --- E-CARDS --- */
#e_card div { margin: 10px 0px 20px 0px; }
#e_card img { margin:auto; }	
#e_card .legende { font-size: 0.8em; letter-spacing: 1px; text-align: center; }	
.carte_gauche, .carte_droite { border: 1px solid #999; background: #F1F1F1; padding: 10px; }
.carte_gauche img {	display:block; margin: 0 auto 0 auto; }
	.carte_gauche .select { font-size: 0.8em;	font-weight: bold; }
.carte_droite img {	display:block; margin: 0 auto 0 auto; }	
	.carte_droite .select { font-size: 0.8em;	font-weight: bold; }
#carte { text-align: center; padding: 10px; border: 1px solid #999; background: #F1F1F1; }
#carte .image { margin: 0px 0px 20px 10px; }		
#carte .message { padding: 0px 10px 0px 10px; font-family: Trebuchet MS; text-align: justify; }


/* --- TRI-ANNUAIRE --- */
#tri .titre_rubrique { margin: 0px; }
#criteres { background: #F3F3E6; border: 1px solid #3782DF; padding: 10px; margin-bottom: 10px; }
#criteres select { border: 1px solid #333; margin: 10px 0px 10px 0px; }	
#tri .bgdark div { margin-bottom: 10px; }
#tri .bglight div { margin-bottom: 10px; }
#tri .bgdark a { color: #ff0; }
#tri .bgdark a:hover { color:#000; background:#FF0; }
#tri .bglight a { color: #ff0; }
#tri .bglight a:hover { color:#000; background:#FF0; }

/* ---- GLOSSAIRE ---- */
#glossaire a {
	text-transform: uppercase;
	text-align: center;
	display: block;
	width: 10px;
	padding: 4px;
	text-decoration: none;
	background: #78A938;
	color: #ff0;
	border: 1px solid #fff;
	}
#glossaire a:hover {color:#000; background:#FF0; border: 1px solid #78A938;	}