/* Feuille de style de - http://www.city-management.ch (c) DECLIC 2006 - réalisé par exoconcept */

/* ========================= mise en page */

html { height: 100%; }

*, body, p, ul, ol, li, dd, dt, dl, span, img, hr {
	border: 0;
	padding: 0;
	margin: 0; }

body {
	height: 100%;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #21314B;
	text-align: center;
	background-color: #1E2B3E;
	background-image: url(images/declic_fd.gif); }

#content, #content_alt {
	margin-left: auto;
	margin-right: auto;
	width: 685px;
	height: 100%;
	min-height: 100%;
	text-align: left;
	padding: 0 5px 0 5px;
	background-color: #FFFFFF; }
#content { background-image: url(images/declic_fdcontent2.gif); }
#content_alt { background-image: url(images/declic_fdcontent.gif); }

html>body #content { height: auto; }
html>body #content_alt { height: auto; }

#hidden { /* informations cachées */
	display: none;
	position: absolute;
	left: -5000px;
	top: -5000px;
}

h2, h3 {
	margin-bottom: 10px;
	font-size: 12px;	
	border-bottom: 1px solid #B0B9C7;
	background-color: #E1E7F1; }
h3, h4 { padding: 4px 10px 4px 10px; }
h2 {
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	padding: 20px 0 0 0; }
h3 { font-weight: normal; }
h4 {
	margin-left: 10px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	font-variant: small-caps; }
h4.par {
	padding: 4px 10px 4px 40px;
}
h5 {
	margin: 0 0 10px 0;
	font-size: 12px;
	padding: 4px 10px 4px 40px; }

a { color: #1B4E8D; }
a:hover { color: #21314B; }

/* ========================= navigation en ligne */

#navig {
	padding-left:115px;
	height: 26px;
	list-style-type: none;
	background-color: #C8D2E1;
	border-top: 1px solid #B0B9C7;
	border-bottom: 1px solid #B0B9C7; }
#navig li { display: inline; }

#navig a {
	display: block;
	float: left;
	padding: 0 10px 0 10px;
	margin: 0 5px 0 5px;
	text-decoration: none;
	border-bottom: 1px solid #7BACE5;
	border-left: 1px solid #C8D2E1;
	border-right: 1px solid #C8D2E1;
	line-height: 25px; }

#navig a:hover {
	background-image: url(images/declic_liensbg.jpg);
	background-repeat: no-repeat;
	border-bottom: 1px solid #1B4E8D;
	border-left: 1px solid #B0B9C7;
	border-right: 1px solid #B0B9C7; }

/* ========================= navig gauche */

#menu {
	padding: 14px 0 20px 10px;
	float: left;
	width: 200px; }
#menu ul { list-style-type: none; padding-bottom: 10px; }
#menu li { padding-bottom: 2px; }
#menu li.list2 { padding-left: 20px; }

/* ========================= bloc texte */

.first {
	border-top: 1px solid #D4D9E2;
	padding-top: 15px;
}

#texte, #texte_alt, .texte, .texte_alt {
	position: relative;
	background-color: #F4F6FA;
	border-bottom: 1px solid #D4D9E2;
	padding-bottom: 2px; }
#texte_alt, .texte_alt { 	margin: 20px 20px 0 210px; }
#texte, .texte { 	margin: 20px 20px 0 20px; }

#texte p, #texte_alt p, .texte p, .texte_alt p, #texte img, #texte_alt img, .text_alt img, .texte img {
	margin: 0 20px 15px 20px;
	text-align: justify; }
#texte p.par, #texte_alt p.par { margin: 0 20px 15px 50px; }
#texte img, .texte img {
	border: 1px solid #21314B;
}
#texte img.prem, .texte img.prem {
	margin-top: 8px;
}

#texte ul, #texte ol, #texte_alt ul, #texte_alt ol, .texte ul, .texte_alt ul, .texte ol, .texte_alt ol { margin: 0 18px 15px 40px; }
#texte ul.par, #texte ol.par, #texte_alt ul.par, #texte_alt ol.par, .texte ul.par, .texte ol.par { margin: 0 18px 15px 70px; }
#texte ul, #texte_alt ul, .texte ul, .texte_alt ul { list-style-type: circle; }

.texte_alt li {
	padding-bottom: 4px;
}

.membres_photo {
	position: relative;
	float: left;
	width: 190px;
	text-align: center;
	/*background-color: #FFFFFF;
	border: 1px solid #21314B;*/
	margin: 3px 0 10px -10px;
}
.membres_photo p {
	text-align: center;
}

.membres_txt {
	margin: 0 10px 0 160px;
	padding: 0;
}

.membres_photo img {
	display: block;
	width: 116px;
	margin: 0 auto 4px auto;
	border: 1px solid #21314B;
}

hr { clear: both; visibility: hidden; }

/* ========================= pied de page */

#footer {
	color: #687891;
	font-size: 10px;
	text-align: right;
	margin: 10px 20px 0 0;
}