/* ### Archives Municipales de Lyon - fichier HOURS ###*/
/* ### SCREEN stylesheet ###*/
/* ### Esprit Public - 2007 ### */
/* ### Franck GRENIER (et Didier LLOPIS :) ) ### */


/* ###################### $1. Base tags ###################### */
body {
	font-family:"Arial",sans-serif;
	font-size:62.5%;
	color:#404040;
	margin:0px;
	padding:0px;
	background:#777777;
}

html, body {
	margin:0pt; 
	padding:0pt;
	height:100%;
}

a {
	color:#8EA7B3;
	text-decoration:underline;
}

a:hover {
	color:#6F848D;
	text-decoration:underline;
	background:#F1F6F9;
}

h1,h2,h3,h4,h5,h6 {
	height:1em;
	color:#CC0000;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

h1 {
	font-size:2.3em;
	margin:0px 0 20px 0px;
	clear:both;
}

h2 {
	font-size:1.8em;
	margin:0px 0 13px 0px;
	clear:both;
}

h3 {
	font-size:1.3em;
	margin:0px 0px 20px 0px;
	padding:0px 0px 6px 0px;
	border-bottom:1px dotted #7f7f7f;
	color:#4d4d4d;
	font-weight:bold;
	clear:both;
}

h4 {
	font-size:1.1em;
	margin:20px 0px 15px 0px;
	color:#898989;
	font-weight:bold;
	clear:both;
}

p {
	margin:0px;
	padding:0px;
	margin-bottom:15px;
}

img {
	border:0px;
}

ul {
	padding:0px 40px 0px 40px;
	margin:10px 0px 25px 0px;
	list-style-image:url("../images/bullet.gif");
}

ul li ul {
	padding:0px 20px 0px 20px;
	margin:5px 0px 10px 0px;
	list-style-image:url("../images/subBullet.gif");
}

* html body ul {/* hack IE 6 */
	padding-left:15px;
}

li {
	color:#6E6E6E;
	margin:2px 0px 2px 0px;
}

table {
	width:100%;
	border-top:1px dashed #422F11;
	border-bottom:1px dashed #422F11;
	border-left:0px #FFFFFF;
	border-right:0px #FFFFFF;
	border-collapse:collapse;
	margin:auto;
	margin-bottom:25px;
}

table td, table th {
	border-bottom:1px dotted #422F11;
	padding:10px;
	vertical-align:top;
}

table th {
	text-align:left;
	font-weight:bold;
	color:#000;
}

form {
	padding:10px;
}

fieldset {
	border:0px;
	padding:0px;
	margin:0px;
}

label, legend {
	display:block;
	float:left;
	width:8em;
	color:#FFFFFF;
	font-size:1em;
	text-align:right;
	padding:3px 0px 1px 0px;
	margin:0px 10px 0px 0px;
}

input, select, textarea {
	font-family:"Arial",sans-serif;
	font-size:0.9em;
	color:#929292;
	padding:2px;
	margin:2px 0px 2px 0px;
	vertical-align:middle;
	border:1px #929292 solid;
}

input:hover, select:hover, textarea:hover {
	border:1px solid #E50000;
}

input:focus, select:focus, textarea:focus {
	border:1px solid #E50000;
}

.noDisplay, caption {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

.stopFloat {
	clear:both;
}

.cFFF {
	color:#fff;
}

.surligne {
	background-color:#d2a1af;
}



/* ###################### $2. Layout blocks ###################### */
#container {
	width:935px;
	min-height:100%;
	background:#FFFFFF;
}

	#header {
		height:150px;
		background:#FFFFFF url("../img/header.jpg");
	}
	
		#header h1 {
			display:block;
			float:left;
			margin:8px 0pt 0pt 17px;
			width:74px;
			height:133px;
			background:url("../img/logo.gif");
		}
		
	#moteurRecherche {
		width:330px;
		float:right;
		margin-top:-30px;
		background:#939393;
	}
	
		#moteurRecherche h2 {
			font-size:1.3em;
			color:#FFFFFF;
			text-align:right;
			height:15px;
			padding:7px 10px 8px 10px;
			background:#ad0031;
		}

	#mainContent {
		width:580px;
		font-size:1.2em;
		float:left;
		padding:10px;
		margin:0px 0px 20px 0px;
	}
	
	#mainContent img.floatRight {
		float:right;
		padding:2px;
		border:1px solid #000;
		margin:5px 0px 5px 10px;
	}
	
	#mainContent img.floatLeft {
		float:left;
		padding:2px;
		border:1px solid #000;
		margin:5px 10px 5px 0px;
	}

	#sideBar #actus {
		margin:8px 13px 13px 13px;
	}

	#footer {
		width:935px;
		height:26px;
		margin:-27px 0pt 0pt 0pt;
		clear:both;
		background:#ad0031;
		border-top:1px solid #000000;
	}




/* ###################### $3. Main menu ###################### */
#mainMenu {
	border-top:1px solid #000000;
	background:#939393;
}

#mainMenu ul {
	float:left;
	padding:0px;
	margin:0px;
	list-style:none;
}

	#mainMenu li {
		float:left;
		padding:0px;
		margin:0px;
		list-style:none;
	}
	
	#mainMenu a {
		display:block;
		height:30px;
		background:#939393;
	}
	
	#mainMenu a#accueil {width:82px; background:url("../img/btn_accueil.gif");}
	#mainMenu a#accueil:hover {background:url("../img/btn_accueil_on.gif");}
	#mainMenu li.selected a#accueil {background:url("../img/btn_accueil_on.gif");}
	
	#mainMenu a#presentation {width:118px; background:url("../img/btn_presentation.gif");}
	#mainMenu a#presentation:hover {background:url("../img/btn_presentation_on.gif");}
	#mainMenu li.selected a#presentation {background:url("../img/btn_presentation_on.gif");}
	
	#mainMenu a#biblio {width:123px; background:url("../img/btn_biblio.gif");}
	#mainMenu a#biblio:hover {background:url("../img/btn_biblio_on.gif");}
	#mainMenu li.selected a#biblio {background:url("../img/btn_biblio_on.gif");}


/* ######################### Liste de résultat ############################## */
ul#listeRes {
	padding:0px;
}

ul#listeRes li {
	list-style:none;
	display:block;
	margin-bottom:25px;
}

ul#listeRes li strong {
	display:block;
	padding:4px 0px 4px 6px;
	color:#ad0031;
	background-color:#d6dee0;
	border-top:1px solid #8c8c8c;
	font-size:1.2em;
}

ul#listeRes li span {
	display:block;
	padding:6px 0px 6px 6px;
}

ul#listeRes li i {
	display:block;
	padding-top:3px;
	border-top:1px dotted #d6dee0;
	text-align:right;
	font-size:0.9em;
}

/* ##################################################################### */
input#btnSubmit {
	margin-top:10px;
	font-weight:bold;
	font-size:1.1em;
}

select#dateJ, select#perJ1, select#perJ2 {
	margin-left:9px;
}

input#mrTxt {
	width:155px;
}

div#tabBiblio p {
	margin:0px;
}