html{font-size: 100.01%}

body{
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #777;
	background: #9b9ba1 url(../images/bg/violet.jpg);
	margin-top: 25px;
	margin-bottom: 25px;
}

#centrage{
	position: absolute;
	left: 50%;
	width: 954px;
	margin-left: -477px;
}

.clearing{
	visibility: hidden;
	clear: both;
}

/********************* H E A D E R *********************/
#ville{
	width: 100%;
	height: 133px;
	background: transparent url(../images/header.png) top center no-repeat;
	margin-bottom: -2px;
}

#logo a{
	display: block;
	position:absolute;
	top: 22px;
	left: 53px;
	width: 145px;
	height: 87px;
	border: 0;
	background: url(../images/logo_city-management_lausanne.png) top center no-repeat;
	text-indent: -10000px;
}

/********************* C O N T E N T *********************/
#contenu{
	width: 892px;
	margin: 0px 25px;
	border: 5px solid #fff;
	background: #fff url(../images/bg/topbloc.png) top left repeat-x;
	overflow: hidden;
	min-height: 500px;
}

#btn{
	display: block;
	margin-top: 56px;
	margin-left: 50px;
	width: 446px;
}

#btn a{float: left;}

#btn p{
	width: 446px;
	margin-left: 70px;
}

#principetxt, #commercanttxt, #clienttxt, #installtxt{display: none;}

#txt{
	position: absolute;
	color: #9b9ba1;
	font-style: italic;
	font-size: 26px;
	text-align: center;
	line-height: 52px;
	width: 452px;
	top: 460px;
	left: 100px;
}

#txt p {font-family: Georgia,"Nimbus Roman No9 L",serif;}

/********************* G E S T I O N   D U   T E X T E *********************/
.componentheading, .buttonheading{display: none;} /* A masquer */

/*section*/
.contentheading, h2, h2 a{
	font: italic 18px georgia;
	color: #000;
} 

/*titre*/
.iteminfo{
	position: relative;
	font: 30px trebuchet;
	color: #72a624;
	margin-bottom: 25px;
	margin-left: -20px !important;
} 
   


/********************* S I D E B A R *********************/
#sidebar{
	float: right;
	right: 10px;
	width: 262px;
	margin-top: -445px;
}

.moduletable a{
	color: #694d74;
	font-weight: bold;
	text-decoration: none;
}

.moduletable a:hover{text-decoration: underline;}

.moduletable h3{display:none;}

/* Chapeau*/
.moduletable h2, h2 a{
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #191933;
	width: 210px;
	
}

strong{font-weight: bold}
em{font-style: italic;}

/**** NOTEBOOK ****/
#top_note{
	width: 242px;
	height:35px;
	background: transparent url(../images/sidebar/feuille_top.png) top left no-repeat;
}

/* Partie avec texte */
#main_note{
	width: 242px;
	background: transparent url(../images/sidebar/feuille_pattern.png) top left repeat-y;
	padding-left: 15px;
	padding-top: 4px;
	padding-bottom: 25px;
}

#main_note p{margin-bottom: 6px; width: 210px;}

#main_note a{
	color: #555;
	text-decoration: none;
}

#main_note a:hover{text-decoration: underline;}
/************/

#bottom_note{
	width: 242px;
	height: 6px;
	background: transparent url(../images/sidebar/feuille_bottom.png) top left no-repeat;
	margin-bottom: 10px;
}

#crayon{
	position: relative;
	top: -33px;
	left: 43px;
	width: 221px;
	height: 56px;
	background: transparent url(../images/sidebar/crayon.png) top left no-repeat;
}

#ie{display: none;}

/* TYPES DE FICHIERS */
a[href $='.pdf'] {padding-right: 20px; background: transparent url(../images/icns/pdf.png) no-repeat center right;}
a[href $='.doc'] {padding-right: 20px; background: transparent url(../images/icns/word.png) no-repeat center right;}
a[href $='.xls'] {padding-right: 20px; background: transparent url(../images/icns/excel.png) no-repeat center right;}
a[href $='.txt'] {padding-right: 20px; background: transparent url(../images/icns/texte.png) no-repeat center right;}
a[href $='.zip'] {padding-right: 20px; background: transparent url(../images/icns/zip.png) no-repeat center right;}