@charset "UTF-8";


/* ======================== mise en page globale ======================== */
html, body, div, h1 {
	margin: 0;
	padding: 0;
	}

html {
	background: #3b4046 url(../images/css/fond_page.jpg) fixed repeat-x bottom center;
	margin-bottom: -25px;
	} 

body {
	background: url(../images/css/bonhomme.jpg) fixed no-repeat bottom center;
	
	color: #eee;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.5em;
	padding-bottom: 50px;
	}
	
div#page {
	width: 900px;
	margin: 0 auto;
	position: relative;
	}

div#entete, div#excavation_du_mois, div#archives, div#artistes, div#pied {
	-webkit-box-shadow: 0px 0px 25px #000;
    -moz-box-shadow: 0px 0px 25px #000;
    box-shadow: 0px 0px 25px #000;
	}

div#entete {
	width: 767px;
	background: #000;
	border: 2px solid #000;
	border-width: 0 2px 2px 2px;
	}
div#entete h1 {
	text-indent: -1000%;
	background: url(../images/css/bandeau.png) no-repeat top left;
	width: 767px;
	height: 182px;
	}
ul#navi { 
	overflow: hidden; 
	list-style: none;
	padding: 0 43px;
	margin: 0;
	}

ul#navi li#navi-archives, ul#navi li#navi-artistes, ul#navi li#navi-podcast {
	text-transform: uppercase;
	font-size: 1.5em;
	padding: 15px 0 13px 0;
	}
ul#navi li#navi-archives, ul#navi li#navi-artistes {
	float: left;
	color: #f7efe3;
	font-weight: bold;
	margin-right: 43px;
	}
ul#navi li#navi-archives a, ul#navi li#navi-artistes a, ul#navi li#navi-podcast a {
	color: #afb7bf;
	font-weight: normal;
	}
ul#navi li#navi-archives a:hover, ul#navi li#navi-artistes a:hover, ul#navi li#navi-podcast a:hover { color: #ffb40f; background: transparent; }
ul#navi li#navi-podcast {
	float: right;
	padding-right: 25px;
	background: url(../images/css/icone_rss.png) no-repeat center right;
	}
	
div#contenu {
	width: 767px;
	}

a {
	text-decoration: none;
	color: #c9af87;
	}
a:hover { color: #fff; }

a.telecharger {
	padding: 5px 0 7px 29px;
	background: url(../images/css/icone_telecharger.png) no-repeat center left;
	}
a.ecouter {
	padding: 5px 12px 7px 29px;
	background: url(../images/css/icone_ecouter.png) no-repeat center left;
	}

div#excavation_du_mois, div#archives, div#artistes { 
	clear: both; 
	background: url(../images/css/fond_bloc.png);
	width: 632px;
	padding: 40px 43px 40px 92px;
	border: 2px solid #000;
	margin-top: 30px;
	}

div#excavation_du_mois, div#archives, div#artistes, div.excavation { position: relative; }
	
p.excavation_options {
	position: absolute;
	top: 13px;
	right: 0;
	}
p.excavation_options span {
	visibility: hidden;
	}
div#excavation_du_mois p.excavation_options { top: 25px; right: 43px; }
	

div#excavation_du_mois ul, div.excavation ul, div#artistes ul {
	list-style: none;
	margin: 0;
	padding: 7px 0 0 2em;
	float: left;
	}
div#excavation_du_mois li, div.excavation li, div#artistes li {
	border-bottom: 1px dotted #707070;
	padding: 3px 0;
	}
div#excavation_du_mois li:last-child, div.excavation li:last-child {
	border: 0;
	}
	
h3 {
	width: 405px;
	margin: 0 0 1em 0;

	color: #be9400;
	font-size: 1.5em;
	font-family: "Arial Black", Impact, sans-serif;
	text-transform: uppercase;
	}
h3 span.date {
	color: #afb7bf;
	}

/* ======================== lecteur ======================== */
div#lecteur {
	margin: 15px 0;
	}

/* ======================== excavation du mois ======================== */
div#excavation_du_mois div {
	clear: both;
	padding-top: 15px;
	}
	
div#excavation_du_mois h2 {
	position: absolute;
	top: 26px;
	left: 0;
	width: 68px;
	height: 320px;
	background: url(../images/css/titre_courante.png) no-repeat top left;
	text-indent: -1000%;
	}

div#excavation_du_mois img {
	display: block;
	float: left;
	border: 2px solid #000;
	width: 400px;
	}
	
div#excavation_du_mois ul {
	list-style: none;
	margin: 0;
	padding: 7px 0 0 2em;
	width: 180px;
	float: right;
	font-size: 1.2em;
	}
div#excavation_du_mois li {
	border-bottom: 1px dotted #707070;
	padding: 3px 0;
	}
div#excavation_du_mois li:last-child {
	border: 0;
	}

/* ======================== archives des excavations ======================== */
div#archives {
	min-height: 300px;
	}

/*div#archives.archives_artistes {
	background-image: url(../images/css/archives_2.png);
	min-height: 150px;
	padding-top: 25px;
	margin: 60px 0 0 -23px;
	}*/

div#archives h2 {
	position: absolute;
	top: 26px;
	left: 0;
	width: 68px;
	height: 177px;
	background: url(../images/css/titre_archives.png) no-repeat top left;
	text-indent: -1000%;
	}

ul#annees {
	margin: 0 0 0 -8px;
	padding: 0 0 30px 0;
	list-style: none;
	}
ul#annees li {
	float: left;
	}
ul#annees a {
	display: block;
	width: 5em;
	margin: 8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
	color: #000;
	font-size: 1.2em;
	text-align: center;
	background: #966e42;
	}
	
ul#annees a:hover, ul#annees a:active, ul#annees a:focus, ul#annees a.courante {
	background: #cc680d;
	color: #fff;
	}

div.excavation {
	clear: both;
	border-bottom: 1px dotted #707070;
	overflow: hidden;
	padding: 25px 0 20px 0;
	}
	
div.excavation_description {
	width: 405px;
	clear: left;
	float: left;
	}

div.excavation ul {
	width: 180px;
	padding-left: 0;
	float: right;
	font-size: 1.2em;
	}

div#archives div:last-child {
	border: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	}

/* ======================== artistes ======================== */
div#artistes {
	overflow: hidden;
	}

div#artistes h2 {
	position: absolute;
	top: 26px;
	left: 0;
	width: 68px;
	height: 172px;
	background: url(../images/css/titre_artistes.png) no-repeat top left;
	text-indent: -1000%;
	}
	
div#artistes ul {
	overflow: hidden;
	margin-bottom: 40px;
	}

div#artistes li {
	float: left;
	width: 15em;
	margin: 0 8px;
	}
	
div#artistes div {
	margin: 30px 0 0 30px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #707070;
	}
div#artistes h3 {
	color: #be9400;
	font-size: 1.5em;
	font-family: "Arial Black", Impact, sans-serif;
	text-transform: uppercase;
	}
	
div#artistes div:last-child {
	border: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	}

p.retour_artistes {
	text-align: right;
	}
p.retour_artistes a {
	background: #000;
	padding: 2px 20px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}

/* ======================== pied de page ======================== */
div#pied {
	background: #000;
	clear: both; 
	width: 681px;
	padding: 15px 43px 8px 43px;
	border: 2px solid #000;
	margin-top: 30px;
	overflow: hidden;
	}

div#pied p {
	float: left;
	}
	
div#pied p#copyright {
	width: 480px;
	margin-left: 50px;
	}
	
div#pied a img {
	border: 0;
	}
div#pied a:hover, div#pied a:active, div#pied a:focus { background: transparent; }