/*
Design réalisé par Baptiste Blanchard,
élève de seconde option arts plastiques (en 2005-2006) au lycée Savary de Mauléon des Sables d'Olonne.
Pour tout contact :	[http://www.romeo-life.com]
*/





/* ---------- zones principales / définissant la structure de la page ---------- */
 body {
	background: black;
	margin: auto;
	width: 770px;
	margin-top: 10px;
	margin-bottom: 30px;
	background: black;
}
/* #entete */
#menu {
	float: left;
	width: 150px; /* 160 */
	margin-top : 15px;
	color: #153a66; /* bleu noir */
	background-image: url(images/fond_rubrique.jpg);
}
#contenu {
	float: left;
	width: 600px;
	margin-top: 5px;
	margin-left: 20px; 
	padding-top: 15px;
	padding-bottom: 15px;
	color: white; /* texte des articles */
}
#pied {
	clear: both;
	margin-top: 5px;
	height: 110px;
	background-image: url(images/fond_pied.jpg);
}





/* ---------- zones de "entete" ---------- */
/* #bandeau */
#logo { display: none; }





/* ---------- zones de "menu" ---------- */
/* #accueil:before { content: "Accueil"; } /* au choix: texte ou image */
#accueil {
	display: block;
	background-image: url(images/accueil.jpg);
	height: 29px;
}
/* #hautmenu */
/* #basmenu */
/* #navigateur */
ul.listemenu ul.listemenu { /* les sous-menus */
	display: none; /* les rubriques sont repliées par défaut */
	background-image: url(images/fond_sous_rubrique.jpg);
	padding-bottom: 10px;
}
#zonerecherche {
	margin-top: 15px;
	margin-bottom: 5px;
}
#recherche {
	margin-left: 10px;
	width: 110px;
	text-align: center;
}
#fermerrecherche {
	position: relative; top: -3px;
	height: 16px; width: 16px;
	background: url(images/fermer_recherche.png); /* pour éliminer le fond gris aussi, ne pas utiliser background-image */
	border-style: none;
}
/* #resultatsrecherche */





/* ---------- zones de "editorial" ---------- */
#breves {
	width: 290px;
	float: left;
}
#derniersarticles {
	width: 290px;
	float: right;
}
#conteneursyndication {position: relative; } /* ne pas modifier; permet le positionnement absolu (à droite) de l'icône contenant le lien de syndication */
#syndication {
	position: absolute;
	right: 0px;
	top: 0px;
}





/* ---------- zones de "pied" ---------- */
#logoacademie { 
	position: relative;
	display: block;
	float: left;
	top: 11px;
	left: 20px;
}
#logoregion { 
	position: relative;
	float: right;
	display: block;
	top: 11px;
	right: 20px;
}
#nometadresse { 
	float: left;
	width: 574px; /* 770 (largeur d'affichage) - 98x2 (largeur des logos) */
	text-align: left;
	margin-top: 38px;
	color: white; /*couleur du texte des mentions légales*/
}
#nometadresse:hover { cursor: pointer; }





/* ---------- styles de textes du menu ---------- */
/* #accueil */
ul.listemenu {
	padding: 0px;
	margin: 0px;
}
li.rubriquemenu { /* les rubriques */
	text-align: left;
	color: white; /* couleur de la rubrique dans le menu */
	font-size: 12px;
	font-weight: bold;
	list-style-image: url(images/puce01.jpg);
	list-style-position: outside;
	/* avec IE, un padding ici génère un défaut d'affichage important */
}
ul.listemenu ul.listemenu li.rubriquemenu { /* les sous-rubriques */
	list-style-image: url(images/puce02.gif); 
	list-style-position: inside;
}
a.rubriquemenu { padding-left: 5px; }
ul.listemenu ul.listemenu a.rubriquemenu { padding-left: 0px; }
a.rubriquemenu:hover { color: white; /* couleur de la sous-rubrique dans le menu*/ }

li.articlemenu {
	text-align: left;
	color: black;
	font-size: 11px;
	list-style-image: url(images/puce03.jpg);
	list-style-position: inside;
	padding-left: 13px;
	font-weight: normal; /* pour IE */
}
/* a.articlemenu */
a.articlemenuaffiche  { /* La catégorie visitée  */
	color: white; /* couleur de l'article dans le menu*/
	font-style: italic;
}
li.pasderesultat {
	list-style-type: none;
	text-align: center;
	font-style: italic;
}




/* ---------- styles de textes de l'éditorial ---------- */
/* ul.listbreves */
/* li.breve */
span.titrebreve {
	display: block;
	text-decoration: underline;
}
span.titrebreve:after { content: " :"; }
span.contenubreve {
	display: block;
	margin-bottom: 5px;
}

/* ul.listarticles */
/* li.article */
/* a.article */
span.datemodif { margin-right: 1em; }
span.datemodif:after { content: " :"; }





/* ---------- styles de textes du contenu ---------- */
div.article {
	text-align: justify;
/*	text-indent: 1em; */
}

/* ul.listdocuments */
/* li.document */
li.document:before { content: url(images/pdf.jpg) " "; }
/* a.document */





/* ---------- autres styles de texte (styles génériques) ---------- */
* {
	font-size: 10pt;
	font-family: arial, serif;}
h1,h2,h3,h4 { clear: both; }
h1 {
	height: 22px;
	padding-top: 3px;
	margin-bottom: 30px;
	background-image: url(images/h1.gif);
	color: white;
	font-size: 12pt;
	text-align: center;
	font-weight: normal;
}
h2 {
	font-weight: bold;
	text-align: left;
	border-bottom: solid 1px #f3f798; /* jaune  */
	margin-top: 15px;
	margin-bottom: 5px;
}
h3 {
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
}

ul,ol {
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 2em;
}
li { text-align: justify; }

a {
	color: white; /* bleu noir */
	text-decoration: none;
}
a:hover { color: #f3f798; /* couleurs des liens survolés = jaune*/ }

table {
	margin-top: 5px;
	margin-bottom: 5px;
}
table, tr, td, th {
	border: solid 1px;
	border-collapse: collapse;
}
th {
	background: #f3f798; /* jaune */
	font-weight: bold;
}
td {
	padding: 1px;
    text-align: left;
    vertical-align: middle;
}
tr.row_first { background-color: #f3f798; /* jaune */ }
/* tr.row_odd, tr.row_even */

/* p, strong, hr */

img { 
	border: none;
	text-align: center;
	vertical-align: middle;
}





/* ---------- images dans les textes (spip) ---------- */
.spip_documents_right { margin-left: 10px; }
.spip_documents_left { margin-right: 10px; }
.spip_documents_left, .spip_documents_right, .spip_documents_center {
	margin-top: 10px;
	margin-bottom: 10px;
	}
.spip_documents_center { text-align: center; }