/*
 * Styles generaux
 */

/* bien regler la marge (bugs IE) */

body
{
	margin: 0px;
	padding: 0px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	/*background-color: #FFFFFF;*/
	text-align: center; /* centrer la page avec IE */
	/*border: 1px solid #000000;*/
}

a
{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
a:hover
{
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

h1
{
	font-size: 15px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: left;
}
h2
{
	font-size: 20px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	text-align: left;
}
h3
{
	font-size: 14px;
	margin: 0px 0px 0px 0px;
}
h4
{
	font-size: 14px;
	margin: 5px 0px 5px 0px;
	text-align: center;
}
h5
{
	font-size: 12px;
	margin: 5px 0px 5px 0px;
	text-align: center;
}
h6
{
	font-size: 14px;
	margin: 5px 0px 5px 0px;
	text-align: center;
	color: #FF0000;
}

hr
{
	height: 1px;
}

/* boutons */

input.bouton
{
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	cursor: hand;
	border: 2px outset #000000;
}
input.bouton_heure
{
	font-size: 25px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	border: none;
}

/* menus et navigation */

#Container
{
	position: relative;
	top: 5px;
	width: 1000px;
	height: auto;
	margin: 0px auto;
	margin-top: 0px;
	background-color: #FFFFFF;
	text-align: left; /* décentrer le texte (cf. body) */
}

#Menu
{
	padding: 0px;
	font-size: 12px;
	text-align: center;
	background-image: url(../images/barre_menu.png);
	width: 100%;
	height: 20px;
}

.menu
{
	text-align: center;
	background-color: #FFFFFF;
	font-weight: bold;
	width: 860px;
	height: 20px;
	overflow: hidden;
}

.forml
{
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	border: 1px solid #CCCCCC;
}

#Header /* bannière */
{
	text-align: center;
	width: 100%;
	background-color: #FFFFFF;
	/*border: 1px solid #000000;
	border-bottom: 0px;*/
}

#Titre
{
	/*Height: 40px;*/
	width: 100%;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	color: #FF0000;
	margin: 5px 0px 5px 0px;
}


/* contenu */

#Content /* colonne centrale */
{
	position: absolute;
	top: 155px;
	width: 100%;
	height: auto;
	color: #000000;
	/*border: 1px solid #000000;*/
	border: 0px;
	margin: 0px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	/*background-color: #FFFFFF;*/
	background-color: #FFFFFF;
	z-index: 8;
}

#Pub1
{
	position: absolute;
	width: 160px;
	top: 0px;
	left: 0px;
	margin: 0px;
	z-index: 4;
}

#LeftCT
{
	position: absolute;
	width: 160px;
	top: 0px;
	left: 160px;
	margin: 0px;
	border: 0px solid #CCCCCC;
	z-index: 4;
}

#CenterCT
{
	position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width: 350px;
	-width: 500px; /* correctif important pour protéger IE de sa propre connerie (bug du float : http://www.positioniseverything.net/explorer/peekaboo.html) */
	margin: 0px 325px 10px 325px;
	z-index: 6;
}

#RightCT
{
	position: absolute;
	width: 160px;
	top: 0px;
	right: 160px;
	margin: 0px;
	border: 0px;
	z-index: 4;
}

#Pub2
{
	position: absolute;
	width: 160px;
	top: 0px;
	right: 0px;
	margin: 0px;
	z-index: 4;
	text-align: right;
}

#Cinema
{
	position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	/*width: 350px;*/
	margin: 0px 200px 10px 200px;
	z-index: 6;
}

#Agenda
{
	position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	/*width: 350px;*/
	margin: 0px 170px 10px 170px;
	z-index: 6;
}

/*
.date
{
	margin: 0px 0px 10px 0px;
	font-size: 13px;
	font-weight: bold;
	border: 1px solid #666666;
	text-align: left;
	padding: 5px;
}
*/

.date
{
	font-style: italic;
}

.agenda
{
	margin: 0px 0px 10px 0px;
	font-size: 13px;
	font-weight: bold;
	border: 1px solid #666666;
	text-align: center;
	padding: 5px;
}

.droitehaut
{
	margin: 0px 0px 10px 0px;
	height: 60px;
	font-size: 12px;
	background-color: #FFFFFF;
	color: #000000;
	padding: 5px;
	border: 1px solid #666666;
}

#Heure
{
	position: absolute;
	top: 5px;
	right: 70px;
	font-size: 25px;
	font-weight: bold;
	/*border: 1px solid #000000;*/
	z-index: 10;
}

#Temperature
{
	position: absolute;
	top: 40px;
	right: 65px;
	font-size: 16px;
	font-weight: bold;
	/*border: 1px solid #000000;*/
	width: 85px;
	z-index: 20;
}

#Meteo
{
	position: absolute;
	top: 0px;
	right: 10px;
	width: 50px;
	height: 40px;
	z-index: 20;
	/*border: 1px solid #000000;*/
}

.contenu
{
	font-size: 12px;
	padding: 0px 0px 3px 0px;
	border-bottom: 1px solid #CCCCCC;
}
.contenu ul, .contenu li
{
	font-size: 12px;
	list-style-type: circle;
}

.article
{
	font-size: 12px;
	padding: 0px 0px 3px 0px;
}

.texte, p
{
	text-align: left;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}

.textecentre
{
	text-align: center;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}
.textedroite
{
	text-align: right;
	font-size: 12px;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}

.minitext
{
	font-weight: normal;
}

.chronique
{
	margin: 0px 0px 10px 0px;
	font-size: 12px;
	background-color: #FFFFFF;
	color: #000000;
	padding: 5px;
	border: 1px solid #666666;
	overflow: hidden;
}

.agenda_cell_sugg
{
	border: 1px solid #666666;
	height: 200px;
	text-align: center;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.agenda_sugg_photo
{
	float: left;
	margin: 0px 10px 0px 0px;
}
.agenda_sugg_text
{
	text-align: justify;
	font-size: 12px;
	margin: 10px 10px 10px 10px;
}
.agenda_sugg_titre
{
	font-size: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: left;
	font-weight: bold;
}
.agenda_sugg_soustitre
{
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: left;
	font-weight: bold;
	color: #FF0000;
}
.agenda_cell
{
	border: 1px solid #666666;
	height: 200px;
	width: 161px;
	text-align: center;
	font-size: 12px;
	padding: 10px;
	margin: 0px;
	overflow: hidden;
}
.agenda_cell_titre
{
	font-size: 16px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-weight: bold;
}
.agenda_cell_titre a
{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.agenda_cell_titre a:hover
{
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
}
.agenda_cell_text
{
	margin: 5px 0px 0px 0px;
	text-align: center;
}
.agenda_cell_text a
{
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
}
.agenda_cell_text a:hover
{
	color: #FF0000;
	font-weight: bold;
	text-decoration: underline;
}
.agenda_cell_gratos
{
	border: 5px solid #FF0000;
	/*background-color: #FF0000;*/
	height: 200px;
	width: 161px;
	text-align: center;
	font-size: 12px;
	padding: 10px;
	margin: 0px;
	overflow: hidden;
}
.agenda_liste
{
	border: 1px solid #666666;
	margin: 0px 0px 10px 0px;
}
.agenda_liste_titre
{
	font-size: 30px;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	text-align: center;
	font-weight: bold;
}

.date_art
{
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	margin: 0px 10px 0px 0px;
	padding: 0px 10px 0px 0px;
}

.fragment
{
	text-align: left;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}

.rouge
{
	color: #FF0000;
}

.suite
{
	font-size: 10px;
}

.sources
{
	border-top: 1px solid #CCCCCC;
	font-size: 9px;
}

.une
{
	margin: 0px 0px 10px 0px;
	font-size: 12px;
	background-color: #000000;
	color: #FFFFFF;
	padding: 5px;
	border: 1px solid #666666;
}

.une a
{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.une a:hover
{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}
.une p
{
	text-align: left;
}

.auteur_chro
{
	font-size: 12px;
	font-style: italic;
	float: left;
}
.auteur_cine
{
	font-size: 12px;
	font-style: italic;
	float: right;
}

.gauche
{
	margin: 0px 0px 10px 0px;
	/*height: 300px;*/
	font-size: 12px;
	background-color: #FFFFFF;
	color: #000000;
	padding: 5px;
	border: 1px solid #666666;
}

.droite
{
	margin: 0px 0px 10px 0px;
	font-size: 12px;
	background-color: #FFFFFF;
	color: #000000;
	padding: 5px;
	border: 1px solid #666666;
}

.contact
{
	text-align: left;
	font-size: 10px;
	padding: 0px;
	margin: 0px 0px 0px 5px;
}

.rss
{
	text-align: right;
	font-size: 10px;
	padding: 0px;
	margin: 0px 0px 0px 5px;
}

.spip_logos
{
	border: 0;
	padding-right: 10px;
}

#Footer
{
	margin: 10px 0px 0px 0px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 10px;
	text-align: center;
	border: 1px solid #000000;
	padding: 5px;
	background-color: #FFFFFF;
}
#Footer a
{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
#Footer a:hover
{
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}


.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }