/* feuille de style pour le site du projet covoiturage */
body {
	color: black; background: #ddd;
	text-align: center;
}
h1 { font-size: 1.5em; color: black; }
h2 { font-size: 1.2em; color: #333; }
p {text-align : left;}
/* ==================================================== */
div#content { 
	background: #fff;
	margin : 2.5em auto;
	width : 80%;
	height : 100%;
	padding : 1em;
	border : 1px dashed black;
}
/* ==================================================== */
div.titles {
	display : inline-block;
	vertical-align : middle;
	margin : 0.5em;
	margin-bottom : 1.5em;
}
div.titles h2 { margin : 0.1em; }
ul.navlist { 
	list-style-type : none;
	padding : 0;
	margin : 0;
	font-size: 1.0em; color: #666;
}
ul.navlist li a {
	display : block;
}
ul.navlist li a {
	padding : 0.5em;
	margin : 0.3em auto; width : 18em;
	background : #eee;
	text-decoration : none;
}
ul.navlist li a:hover {
	background : #bbb;
	color : #333;
}
/* ==================== monitoring ==================== */
div.service {
	display : inline-block;
	vertical-align : middle;
	height : 10em;
	background : #f3f3f3;
	margin : 0.6em 0.2em;
	padding : 1em;
}
div.service h3 { margin : 0.5em; }
div.service h4 { margin : 0.2em; }
div.service p { text-align : center; }
div.service ul { 
	list-style-type : none;
	padding : 0;
	text-align : left;
}
div.service ul li {
	margin : 0.5em 0;
}
/* ==================================================== */
#frontpage { padding : 1em 2em; }; /* frontpage image */
/* img.thumb {width : 50px; }; not use */