/* 
DECUMANOS.COM

/STYLE.CSS
date de modification: 03/03/2006
auteur: Raphaël Proux
description: feuille du style par défaut decumanos.com
*/

body
{
	margin: auto;
	width: 760px;
	margin-top: 10px;
	margin-bottom: 0;
	background: url(elements/fond.png);
}

/* #################     HAUT DE PAGE      ################## */
#haut
{
	height: 127px;
	width: 760px;
	margin: 0;
	padding: 0;
	line-height: 1px;
	font-size: 1px;
	overflow: hidden;
}
#haut img
{
	margin: 0;
	padding: 0;
}

/* #################     PAGE (corps + menu)      ################## */
#page
{
	width: 760px;
	margin: 0;
	padding: 0;
	background: url(elements/page.png) repeat-y;
}

/* ##########     MENU     ########## */
#menu
{
	width: 200px;
	float: left;
	margin: 0;
	padding: 0;
}
.haut_menu /* partie arrondie du haut du menu */
{
	width: 200px;
	height: 10px;
	line-height: 1px;
	font-size: 1px;
	margin: 0;
	padding: 0;
	background: url(elements/haut_menu.png) no-repeat;
}
.milieu_menu /* partie centrale du menu où s'affichent les textes */
{
	width:180px;
	margin: 0;
	padding: 5px 10px;
	background: url(elements/milieu_menu.png) repeat-y;
	z-index: 10;
}
.milieu_menu img
{
	margin: 0;
}
.milieu_menu .menu_titre /* mise en forme des titres des sections du menu */
{
	width: 180px;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	/* font-weight: bold; */
	font-family: Verdana, "Trebuchet MS", "Times New Roman", serif;
	text-align: center;
	vertical-align: middle;
}
.milieu_menu .menu_barreLaterale /* pour la barre latérale verticale à gauche des éléments du menu */
{
	margin: 0;
	padding: 3px 0px;
	width: 180px;
	line-height: 25px;
	z-index: 60;
}
.milieu_menu ul /* pour les listes des pages dans le menu */
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.milieu_menu ul li a /* les liens du menu vers les pages concernées */
{
	display: block;
	margin: 0;
	padding: 0px 0px 0px 22px;
	width: 158px;
	font-family: Verdana, "Trebuchet MS", "Times New Roman", serif;
	font-size: 0.9em;
	color: black;
	text-decoration: none;
}
.milieu_menu ul li a#menu_page_actuelle
{
	display: block;
	margin: 0;
	background: url(elements/puce_page_actuelle.png) no-repeat left;
	z-index: 100;
}
.milieu_menu ul li a:hover /* les effets de hover avec le petit carré blanc transparent qui s'affiche lorsque l'on passe sur un lien du menu */
{
	display: block;
	margin: 0;
	background: url(elements/puce.png) repeat-y left;
	z-index: 100;
}
.milieu_menu ul ul /* pour les éléments en retrait dans le menu */
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.milieu_menu ul ul li a /* comme au-dessus adapté aux éléments avec retrait et mise en italique */
{
	display: block;
	margin: 0;
	padding: 0px 0px 0px 52px;
	width: 128px;
	font-family: Verdana, "Trebuchet MS", "Times New Roman", serif;
	font-size: 75%;
	font-style: italic;
	color: black;
	text-decoration: none;
}
.milieu_menu ul ul li a:hover /* toujours le carré blanc */
{
	display: block;
	margin: 0;
	background: url(elements/puce.png) repeat-y left;
	z-index: 100;
}
/*.milieu_menu ul li img
{
	margin: 0px 2px -3px 0px;
	padding: 0;
	vertical-align: middle;
	visibility: hidden;
}
.milieu_menu ul li:hover img
{
	margin: 0px 2px -3px 0px;
	padding: 0;
	vertical-align: middle;
	visibility: visible;
}*/
.bas_menu /* partie arrondie en bas du menu */
{
	width: 200px;
	height: 9px;
	line-height: 1px;
	font-size: 1px;
	margin: 0;
	margin-bottom: 25px;
	padding: 0;
	background: url(elements/bas_menu.png) no-repeat;
}
/* #####  cadre "en ce moment": structure similaire au menu  ##### */
.milieu_encemoment /*partie contenant tous les éléments texte*/
{
	width:180px;
	margin: 0;
	padding: 5px 10px;
	background: url(elements/milieu_menu.png) repeat-y;
	z-index: 10;
}
.milieu_encemoment img
{
	margin: 0;
}
.milieu_encemoment .menu_titre /* titre "EN CE MOMENT" */
{
	width: 180px;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	/* font-weight: bold; */
	font-family: Verdana, "Trebuchet MS", "Times New Roman", serif;
	text-align: center;
	vertical-align: middle;
}
.milieu_encemoment p /* en particulier pour le lien "Lire la suite..." */
{
	margin: 0;
	font-family: Verdana, "Trebuchet MS", "Times New Roman", serif;
}
.milieu_encemoment p a /* en particulier pour le lien "Lire la suite..." */
{
	color: #5A5A5A;
	text-decoration: none;
}
.milieu_encemoment p a:hover /* en particulier pour le lien "Lire la suite..." */
{
	color: #787878;
	text-decoration: none;
}
.titre_encemoment /* titre de la news */
{
	text-align: center;
	padding-right: 4px;
	margin: 10px 5px;
	font-size: 13px;
	font-weight: bold;
	font-family: Verdana, "Trebuchet MS", "Times New Roman", serif;
	color: black;
}
.encemoment /* contenu de la news */
{
	font-size: 0.6em;
	font-family: Verdana, "Trebuchet MS", "Times New Roman", serif;
	color: black;
	margin: 0 5px 10px 5px;
}
.encemoment p
{
	margin: 0 0 5px 0;
}
.encemoment table
{
	border-collapse: collapse;
	margin: auto;
	margin: 0 2px 2px 2px;
}
.encemoment td
{
	border: 1px solid #4F5669;
}
.encemoment th
{
	border: 1px solid #4F5669;
	background-color: #CFD2DB;
	font-weight: bold;
}
.bas_menu_dernier /* partie arrondie du bas du cadre de news */
{
	width: 200px;
	height: 9px;
	line-height: 1px;
	font-size: 1px;
	margin: 0;
	padding: 0;
	background: url(elements/bas_menu.png) no-repeat;
}

/* ##########     CORPS     ########## */
#corps
{
	margin: 0;
	margin-left: 200px;
	padding: 10px 30px;
	min-height: 800px;
	font-family: "Trebuchet MS", Verdana, Times, "Times New Roman", serif;
	font-size: 15px;
}
#corps p
{
	margin-bottom: 10px;
}
#corps a
{
	color: #0F3C8F;
	text-decoration: none;
}
#corps a:hover
{
	color: #134CB7;
	text-decoration: underline;
}
#corps img
{
	border: none;
}
.titreDePage /* style prédéfini de titre de page */
{
	margin: 20px 0px;
	border-bottom: 1px solid black;
	font-size: 1.5em;
	font-style: italic;
}
#corps table
{
	border-collapse: collapse;
}
#corps td
{
	border: 1px solid #4F5669;
	padding: 1px 3px;
}
#corps th
{
	border: 1px solid #4F5669;
	background-color: #CFD2DB;
	font-weight: bold;
	padding: 1px 3px;
}
strong {font-weight: bold;}
em {font-style: italic;}
ins {text-decoration: underline;}

/* PAGE DES LIENS */
#table_liens /* tableau où s'affichent les liens */
{
	border-collapse: collapse;
}
#table_liens .table_liens_td
{
	border: none;
	border-bottom: 1px solid #CACACA;
	padding: 15px 15px;
	vertical-align: top;
}
#table_liens p
{
	padding: 0;
	margin: 0;
}
.lienDeLaPageDesLiens /* style spécifique pour les liens de la colonne de gauche de la page des liens */
{
	font-family: Verdana;
	font-weight: bold;
}
#table_liens .lienDeLaPageDesLiens:hover
{
	text-decoration: none;
	color: #175DDF;
}
/* PAGE DES NEWS */
.div_news /*ces div contiennent la globalité de la news, avec son titre, son contenu et sa date de création*/
{
	background: #DCDCDC;
	width: 480px;
	margin: auto;
	margin-bottom: 10px;
}
.titre_news /* mise en forme du titre des news */
{
	background: #CACACA;
	width: 100%;
	margin: 0;
}
.contenu_news /* mise en forme du contenu des news */
{
	padding: 0px 10px;
	margin: 0;
}
.date_news /* mise en forme de la date des news */
{
	text-align: right;
	font-size: 12px;
	font-style: italic;
	margin: 0;
	padding-right: 10px;
}


/* #################     BAS DE PAGE      ################## */
#bas /* partie inférieure de la page avec les liens vers le validateur w3c et le flux rss, ainsi que le copyright */
{
	clear: both;
	line-height: 10px;
	font-size: 10px;
	text-align: center;
	margin: 0;
	margin-left: 200px;
	padding: 10px 0px;
}

#bas p
{
	text-align: center;
	font-size: 10px;
	font-family: "Trebuchet MS", Verdana, Times, "Times New Roman", serif;
	color: black;
	margin: 3px;
}
#bas a /*liens vers le validateur w3c et le flux rss*/
{
	color: black;
	text-decoration: underline;
}
#bas a:hover
{
	text-decoration: none;
}