html{font-size: 100.01%}

body{
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	line-height: 2em;
	color: #777;
	background: #fba728 url(../images/bg/orange.jpg);
}

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

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

/********************* H E A D E R *********************/
#pattern_ville{
	display: block;
	width: 100%;
	height: 133px;
	background: transparent url(../images/headers/pattern_client.png) top center repeat-x;
}

#ville{
	position: absolute;
	top: -133px;
	width: 100%;
	height: 133px;
	background: transparent url(../images/headers/client.png) top center no-repeat;
}

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

/********************* M E N U *********************/
#menu{
	display: block;
	width: 892px;
	height: 109px;
	margin: 17px 25px;
	border : 5px solid #fff;
	background: transparent url(../images/menu/bg_install_lausanne.png) center left repeat-x;
	overflow: hidden;
}

#mainmenu li{
	display: block;
	height: 109px;
	float:left;
}

#mainmenu li.item135{width: 160px;}
#mainmenu li.item53{width: 400px;}
#mainmenu li.item54{width: 160px;}
#mainmenu li.item55{width: 160px;}

/*Fonds pour le menu*/
#mainmenu .item135{background: transparent url(../images/menu/bg_principe.png) top left repeat-x;}
#mainmenu .item53{background: transparent url(../images/menu/bg_client.png) top left repeat-x}
#mainmenu .item54{background: transparent url(../images/menu/bg_commercant.png) top left repeat-x;}
#mainmenu .item55{background: transparent url(../images/menu/bg_install_lausanne.png) top left repeat-x;}

/* PYCTOS */
/*Principe*/
#mainmenu.menu .item135 a span{ 
	text-indent: -10000px;
	display: block;
	width: 223px;
	height: 109px;
	background: url(../images/menu/principe.png) no-repeat;
}
/*Client*/
#mainmenu.menu .item53 a span{
	text-indent: -10000px;
	display: block;
	width: 223px;
	height: 109px;
	background: url(../images/menu/client.png) no-repeat;
}
/*Commercant*/
#mainmenu.menu .item54 a span{
	text-indent: -10000px;
	display: block;
	width: 223px;
	height: 109px;
	background: url(../images/menu/commercant.png) no-repeat;
}
/*Lausanne*/
#mainmenu.menu .item55 a span{
	text-indent: -10000px;
	display: block;
	width: 223px;
	height: 109px;
	background: url(../images/menu/install_lausanne.png) no-repeat;
}

/* SOUS MENUS */
#principe, #client, #commercant, #lausanne{
	position: absolute;
	top: 25px;
	display: none;
	list-style-image: url(../images/puce-menu.png);
	list-style-position: inside;
	line-height: 1.75em;
}

/* Positionnement */
#principe{left: 253px;}
#client{left: 413px; display: block;}
#commercant{left: 558px;}
#lausanne{left: 723px;}

#principe a, #client a, #commercant a, #lausanne a{
	color: #fff;
	text-decoration: none;
}

#principe a:hover, #client a:hover, #commercant a:hover, #lausanne a:hover{text-decoration: underline;}

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

/* Répétition du logo*/
#pycto{
	display: block;
	width: 248px;
	height: 257px;
	background: transparent url(../images/pyctos/client.png);
}

#bgbas{
	display: block;
	width: 100%;
	height: 562px;
	margin-top: -562px;
	background: url(../images/bg/immeubles.png) bottom center no-repeat;
}

/*Zone de texte*/
#main{
	margin-top: -257px;
	z-index: 3;
}

#texte{
	float:left;
	width: 475px;
	margin: 45px 50px 45px 90px;
	text-align: justify;
}

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

/*section*/
.contentheading{
	position: relative;
	top: 35px;
	font: italic 18px georgia;
	color: #000;
} 

/*titre*/
.iteminfo{
	position: relative;
	top: -25px;
	font: 30px trebuchet;
	color: #fba728;
	margin-bottom: 25px;
	margin-left: -20px !important;
} 
   
#page a{
	color: #694d74;
	font-weight: bold;
	text-decoration: none;
}

#page a:hover{text-decoration: underline;}
   
#page p, #page table, h3{
	margin: 0 0 20px 0px;
}

#page ul, #page ol{
	margin: 15px 20px;
	margin-top: 5px !important;
	list-style-image: url(../images/puce.png);
}

/* Chapeau*/
h3 {
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #191933;
	margin-bottom: 25px;
}

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

/* Bloc de citation */
blockquote{
	padding-top: 20px;
	margin-bottom: 25px;
	border-top: 1px solid #dcdae3;
	border-bottom: 1px solid #dcdae3;
}

/* Petite maxime sur le coté*/
.citation{
	display: block;
	width: 250px;
	padding: 10px;
	font-family: georgia;
	font-style: italic;
	color: #694d74;
	font-size: 14px;
	border-top: 1px solid #dcdae3;
	border-bottom: 1px solid #dcdae3;
	float: right;
	margin: 30px !important;
	text-align: right;
}

.citation em{
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
	color: #000;
}

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

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

/* Titrage */
.moduletable-docs-utiles h3, .moduletable-formulaires h3, .moduletable-communications h3, .moduletable-conseils-condi h3{
	display: block;
	margin-left: -5px;
	height: 21px;
	text-indent: -100000px;
	margin-bottom: 5px;
	margin-top: 10px;
}

.moduletable-docs-utiles h3{background: url(../images/docs-utiles.png) top left no-repeat; width: 148px;}
.moduletable-formulaires h3{background: url(../images/formulaires.png) top left no-repeat; width: 98px;}
.moduletable-communications h3{background: url(../images/communications.png) top left no-repeat; width: 143px;}
.moduletable-conseils-condi h3{background: url(../images/conseil-condi.png) top left no-repeat; width: 188px;}

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

#main_note li{margin-bottom: 6px;}

#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;
}

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

/**** POSTIT ****/
#postit{
	width: 253px;
	height:252px;
	background: transparent url(../images/sidebar/postit.png) top left no-repeat;
	margin-top: 80px;
	padding-left: 25px;
	padding-top: 25px;
}

#postit li{margin-bottom: 3px;}

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

#postit a:hover{text-decoration: underline;}

#ie{display: none;}


/**** G A L E R I E ****/
td a img{margin-top: 10px;}
.pagination li{display: inline; margin: 10px;}

/* 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;}