/* Generals
--------------------------------------------------*/

body { background:#e0e0e0 url('../img/bg.png') repeat-x; margin:0; padding:0; font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;}
html * { padding:0; margin:0; }
a img { border:none; }

a { color:#A60507; text-decoration:underline; }

.clear { height:0; line-height:0; clear:both; visibility:hidden; }

h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:12px; }


/* Container
--------------------------------------------------*/

#container { margin:auto; width:838px; margin-top:21px; position:relative; }


/* Header
--------------------------------------------------*/

#header{ height:151px; background:url('../img/header.png') no-repeat; }


/* Generals
--------------------------------------------------*/
#content { width:574px; background:url('../img/content_bg.png'); margin-left:264px; }
#content_in { min-height:570px; background:url('../img/content_top.png') no-repeat; }
#content_btm { height:12px; background:url('../img/content_btm.png') no-repeat;}


/* Menu
--------------------------------------------------*/

#menu { position:absolute; width:224px; top:200px; }
#menu_top { height:40px; background:url('../img/menu_top.png'); }
#menu_cnt { background:url('../img/menu_bg.png'); position:relative; z-index:100; }
#menu_cnt li { text-align:right; margin-right:40px; list-style-type:none; }

#menu_btm { height:53px; position:relative; top:-12px; background:url('../img/menu_btm.png'); z-index:50; }


/* Navigation
--------------------------------------------------*/

#navigation { background:url('../img/navigation.png'); height:146px; width:202px; position:absolute; top:550px; left:20px; }
#navigation ul { margin-top:20px; margin-left:20px; margin-right:25px; }
#navigation li {
	text-align:left;
	list-style-type:none;
	background:url('../img/puce_nav.gif') no-repeat bottom left;
	padding-left:16px;
	line-height:15px;
}

#navigation li a { text-decoration:none; text-transform:uppercase; color:#494949; font-weight:normal; font-size:11px; }
#navigation li a:hover { color:black; }


/* Item
--------------------------------------------------*/

.item { margin-left:43px; width:470px; margin-bottom:20px;}
.item p
{ font-size:11px; }

#news_container { margin-left:43px; width:470px; margin-bottom:20px; }
.item_news { width:550px;}
.item_news_date { background:url('../img/puce_date.png') no-repeat; width:52px;height:52px; color:white; float:left; margin-right:20px; }


#main_content { margin-left:43px; width:470px; margin-bottom:20px; position:relative; }
#main_content p { font-size:11px; margin-bottom:10px; }

.date_day
{
	display:block;
	font-size:24px;
	font-weight:normal;
	text-align:center;
	margin:0px;
	position:relative;
	top:0px;
}
.date_month
{
	position:relative;
	top:-10px;
	display:block;
	font-size:28px;
	font-weight:bold;
	text-align:center;
	margin:0px;
}

/* Footer
--------------------------------------------------*/

#btm
{ height:61px; margin-left:283px; width:547px; }
#btm_left
{ width:24px; height:61px; background:url('../img/btm_left.png'); float:left;}
#btm_right
{ width:81px; height:61px; background:url('../img/btm_right.png'); float:left;}
#btm_cnt
{  height:61px; width:413px; background:url('../img/btm_bg.png');float:left; }
#btm_cnt a {color:#fdd704; text-decoration:none; }
#btm_cnt a:hover { text-decoration:underline; }

#btm_cnt ul { margin-top:20px;}
#btm_cnt li { list-style-type:none; float:left; margin-right:10px; font-size:11px; color:#fdd704; }


/* Agenda
--------------------------------------------------*/

.agenda_item { margin-bottom:2px; padding-top:5px; padding-bottom:6px; }
.agenda_titre { padding-left:15px; }
.agenda_cnt { width:375px;float:left; }
.agenda_infos { font-size:10px; padding-left:15px; }
.agenda_lieu, .agenda_fichiers { font-size:11px; }
.agenda_fichiers { margin-top:2px; float:right; width:85px; height:28px; background:url('../img/icons/icone_dl.png') no-repeat; }
.agenda_fichiers ul { margin-left:33px; margin-top:6px; }
.agenda_fichiers li { list-style-type:none; float:left; margin-right:9px; line-height:16px; }
.agenda_fichiers li a { text-decoration:none; color:black; display:block; }

#agenda_liste { margin-top:10px;}

.row0 { background:#DFDFDF; }
.row1 { background:#EFEFEF; }
.row0:hover, .row1:hover { background:#FFFFFF; }


/* Liste des membres
--------------------------------------------------*/

#membres
{ margin-left:40px; }
#membres h3 { background:url('../img/item_bg.png') no-repeat; padding-left:40px; padding-top:15px; padding-bottom:10px; }
.membres { width:475px; margin-bottom:20px;}
.membres th { font-size:16px; text-align:left; padding:30px 10px 5px 10px; background:url('../img/item_bg.png') no-repeat; }
.membres td { font-size:11px; padding:5px 10px 5px 10px;}
.membres .nom { width: 180px; }
.membres .icon { width:20px; }


/* Page d'un membre
--------------------------------------------------*/

#mb_info, #mb_autres_infos { float:left; width:310px; }
#mb_info p { padding-left:10px; }
.mb_surnom { font-size:12px; }
#mb_autres_infos div { padding-left:10px; }
#mb_ddn { padding-top:5px; }
#mb_periode { padding-top:20px; }
#mb_autres_infos p { font-size:12px; }
#mb_photos { float:left; width:170px; }
#mb_photos img { width:150px; border:10px solid #494949; }
#mb_photos:hover img { border:10px solid #a60507; }
#mb_cv { margin-top:20px; }
#mb_cv, #mb_cv p { font-size:12px; }
#mb_cv div { width:470px; margin-bottom:20px; background:url('../img/item_bg.png') no-repeat; }
#mb_cv h4 { padding-left:40px; padding-top:15px; padding-bottom:10px; }
.mb_txt { background:none !important; padding-left:40px; width:400px !important; }
#mb_retour { font-size:11px; margin-top:30px; padding-bottom:10px; }


/* Liste du musée
--------------------------------------------------*/

#musee_categorie { width:472px; margin-bottom:20px; }

#cat_top { height:12px; background:url('../img/s_hd_top.png') no-repeat; }
#cat_cnt { background:url('../img/s_hd_cnt.png'); padding-left:17px; }
#cat_btm { height:11px; background:url('../img/s_hd_btm.png') no-repeat; clear:both; }

#musee_categorie table { }
#musee_categorie td { width:112px; font-size:10px; text-transform:uppercase; font-weight:bold; }
#musee_categorie td a { text-decoration:none; }
#musee_categorie td a:hover { text-decoration:underline; }

.muliste { margin-bottom:20px; }

.mulistrecat { float:right; font-size:10px; line-height:15px; }

.mulisteitem { padding:5px;clear:both; margin-bottom:2px; }
.mulistetitre { width:350px; float:left;  font-size:12px; display:block; line-height:15px; font-style:italic; }
.mulistetitre a { text-decoration:none; color:black; }
.mulistetitre a:hover { color:#A60507; }

#recherche { position:absolute; right:25px; top:0px; height:80px; width:200px; background:url('../img/pages/musee_recherche.png') no-repeat; }
#recherche form { position:relative; top:50px; left:49px; }
#recherche input { border:1px solid #A60507; background:white; margin-left:5px; line-height:20px; }
#recherche input.submit { background:#A60507; color:white; font-weight:bold; }

#navigation form { margin-left:35px; margin-top:-3px; }
#navigation input { width:100px; border:1px solid #A60507; background:white; margin-left:1px; line-height:12px; font-size:10px; }
#navigation input.submit { width:20px; background:#A60507; color:white; }

/* Liste du musée
--------------------------------------------------*/

#musee_item { background:url('../img/item_bg.png') no-repeat; }
#musee_item h3 { padding-left:40px; padding-top:15px;  }
#muheader { font-size:10px; padding-left:40px; }
#muheader p { padding:0; margin:0; }
#mutag { font-size:10px; padding-left:40px;  }
#mutag li { float:left; margin-right:5px; list-style-type:none; }
#mutext { padding-top:20px;}

/* Liste des liens
--------------------------------------------------*/

#links h2
{ border-bottom:1px solid gray; color:#A60507; }

#links li { list-style-type:none; }

#links li.level_1
{ font-size:12px; margin-right:20px; font-weight:bold; width:470px; }

#links li.level_1 ul
{ padding-top:5px; margin-top:5px; font-size:10px; font-weight:normal; margin-bottom:20px; }


li.level_2 { margin-left:10px; line-height:15px; }
li.level_2 a
{ color:black; text-decoration:none; font-weight:normal; font-size:11px; }
li.level_2 a:hover
{ text-decoration:underline; color:#A60507; }

#links ul ul { margin-left:10px !important; }