/* GENERAL */

@import url(elements.css);

/* Pour PC */
#contenu {
	position: absolute;
	width: 688px;
	top: 15px;
	left: 111px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#buffer {
	position: absolute;
	top: 15px;
	left: 111px;
	z-index: 0;
	width: 688px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* Pour Mac */
#mainpage {
	position: absolute;
	width: 672px;
	top: 15px;
	left: 111px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#mainpage img {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

#chemin {
	width: 500px;
	font-size: 10px;
	font-family: Arial, serif;
	color: #666666;
	background-color: transparent;
}

#objFlash {
	position: relative;
	z-index: 0;
}

#objflash.invisible {
	display: none;
}

div#menuContext {
	display:none;
	visibility:hidden;
	font-size:9px;
}

body {
	margin: 0px;
	padding: 0px;
	scrollbar-face-color: #EDEDED; 
	scrollbar-track-color: #DDDDDD; 
	scrollbar-arrow-color: #B70000;
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-3dlight-color: #F2F2F2; 
	scrollbar-shadow-color: #808080;
	scrollbar-darkshadow-color: #404040; 
}

p, body, td {
  	font-family: Arial, serif;
  	font-size: 11px;
  	color: #666666;
	line-height: 1.4;
}

p {
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
}

blockquote {
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin: 0px;
}

/* MISE EN FORME CONTENU */

.master {
  	margin: 0px 0px 0px 0px;
	border-collapse: collapse;
	padding: 0px 0px 0px 0px;
	width: 512px;
}

td.master {
	padding: 0px;
}

td.content_area {
  	padding-top: 0px;
  	padding-left: 7px;
  	padding-right: 8px;
  	padding-bottom: 1px;
	margin: 0px;
	width: 512px;
}

td.content_area_large {
  	padding-top: 0px;
  	padding-left: 7px;
  	padding-right: 8px;
  	padding-bottom: 1px;
	margin: 0px;
	width:640px;
}

.contextual_elements {
	width: 140px;
  	padding-top: 0px;
  	padding-left: 0px;
  	padding-right: 0px;
  	padding-bottom: 0px;
	margin: 0px;
  	vertical-align: top;
}

.contextual_elements td, .contextual_elements p, .contextual_elements span {
	line-height: normal;
}

td.titre_contextuel {
	color: #B70000;
	font-size: 10px;
	font-weight: normal;
}

/* CLASSES SPECIAL */

.lead {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, serif;
  color: #505050;
}

.normal {
  font-size: 11px;
  font-family: Arial, serif;
  color: #505050;
}

.emphasis {
  font-size: 20px;
  font-family: Times, serif;
  color: #404040;
  text-align: center;
}

sup {
	vertical-align: top;
}

/* TITRES */

h1 {
  	font-size: 16px;  
  	font-family: Arial, serif;
  	margin: 0px;
  	padding: 0px;
	line-height: normal;
}

h2 {
  	font-size: 10px;  
  	font-weight: normal;
  	font-family: Arial, serif;
  	color: #A0A0A0;
  	margin: 0px;
  	padding: 0px;
}

h3 {
  	font-size: 10px;  
 	font-family: Arial, serif;
	/*color: #666666;*/
  	margin: 0px;
 	padding: 0px;
}

h3.liste {
    background-position: 3px 1px;
    background-repeat: no-repeat;
    text-transform: uppercase;
    font-weight: normal;
    line-height: normal;
    font-size: 11px;
    padding: 0 0 0 12px;
    margin: 0;
}

h4 {
	font-size: 14px;	
	font-weight: bold;
	font-family: Arial, serif;
	/*color: #666666;*/
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
	line-height: normal;
}

h5 {
  	font-size: 11px;
  	font-family: Arial, serif;
  	font-weight: bold;
  	margin: 0px;
  	padding: 0px;
}

h6 {
  	font-size: 11px;
  	font-family: Arial, serif;
  	font-weight: normal;
  	margin: 4px 0px 0px 0px;
  	padding: 0px;
}

.neutre {
	color: #727272;
}

.title_1 {
  	font-size: 11px;
  	font-family: Arial, serif;
  	font-weight: bold;
  	color: #595959;
}

.title_2 {
  	font-size: 11px;
  	font-family: Arial, serif;
  	font-weight: bold;
	text-decoration: underline;
}

.title_3 {
  	font-size: 11px;
  	font-family: Arial, serif;
  	font-weight: bold;
	color: #727272;
}

.caption {
  	font-size: 9px;
  	font-family: Arial, serif;
  	color: #000000;
}

.file_info {
  	font-size: 9px;
  	font-style: italic;
  	font-family: Arial, serif;
  	color: #666666;
}

/* non visible pour IE mac \*/
.titreMaster {
	width: 100%;
}

/* TABLEAU */

td {
  	vertical-align: top;
}

td.bas {
	vertical-align: bottom;
}

table.standard {
	width: 100%;
	border-width: 1px;
	border-style: solid;
  	border-collapse: collapse;
}

table.invisible {
	width: 100%;
	border: none;
  	border-collapse: collapse;
}

table.borderbas {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-collapse: collapse;
	margin-bottom: 4px;
}

table.coordonnee {
	width: 100%;
	border-width: 1px;
	border-style: solid;
  	border-collapse: collapse;
}

table.coordonnee2 td.ligne_horizontal {
	height: 1px;
	padding: 0px;
}

table.coordonnee2 {
	width: 100%;
	border-width: 1px;
	border-style: solid;
  	border-collapse: collapse;
}

table.coordonnee2 td {
  	padding-top: 1px;
  	padding-left: 2px;
  	padding-right: 0px;
  	padding-bottom: 1px;
	font-size: 10px;
}

table.formulaire {
	width: 100%;
  	border-collapse: collapse;
}

td.bordureForm, td.formulaire {
	/*border-width: 1px;
	border-style: solid;*/
	padding: 3px;
}

table.box td {
	/*font-size: 10px;*/
}

td.middle {
	vertical-align: middle;
}

td.bottom {
	vertical-align: bottom;
}
/* formulaire */
td.formulaire {
	background-image: url(/images/fond_formulaire.gif);
	background-repeat: repeat;
}

td.fondOn {
	background-Image: url(/images/agda_fond_2.gif);
}
td.fondOut {
	background-Image: url(/images/transparent_pixel.gif);
}
.largeurMax {
	width: 135px;
}
/* fin formulaire*/

td.erreur {
	background-image: url(/images/img_erreur_A1.jpg);
}

table.coordonnee td {
	padding: 1px 4px 1px 4px;
	/*vertical-align: bottom;*/
}

table.titreMaster {
	margin-top: 4px;
	margin-bottom: 2px;
	padding: 2px;
}

table.fond td {
	padding: 4px;
}

tr.fondFonce {
	background-color: #D7D7D7;
}

tr.fondClair {
	background-color: #F3F3F3;
}

tr.noaltbkgnd {
	background-color: #FFFFFF;
}

table.standard td, td.standard {
  	padding-top: 1px;
  	padding-left: 2px;
  	padding-right: 0px;
  	padding-bottom: 1px;
}

table.invisible td {
	border-width: 0px;
}

td.invisible {
	border-width: 0px;
  	padding-top: 0px;
  	padding-left: 0px;
  	padding-right: 0px;
  	padding-bottom: 0px;
}

td.box {
	border-width: 1px;
	border-style: solid;
  	padding-top: 10px;
  	padding-left: 10px;
  	padding-right: 10px;
  	padding-bottom: 10px;
}

td.box_nobkgnd {
	border-width: 1px;
	border-style: dotted;
	border-color: #000000;
  	padding-top: 10px;
  	padding-left: 10px;
  	padding-right: 10px;
  	padding-bottom: 10px;
}
td.summary {
	border: none;
  	padding-top: 4px;
  	padding-left: 2px;
  	padding-right: 0px;
  	padding-bottom: 3px;
}

td.icon {
	width: 30px;
	height: 24px;
  	padding-top: 1px;
  	padding-left: 2px;
}

td.symbol {
	width: 15px;
  	padding-top: 1px;
  	padding-left: 0px;
}

td.logo {
	width: 200px;
  	padding-top: 1px;
  	padding-left: 0px;
  	text-align: center;
}

td.line_horizontal_dotted {
  	background-image: url(../images/line_horizontal_dotted.gif);
  	background-repeat: repeat;
  	height: 1px;
	padding: 0px;
}

td.line_horizontal_dotted_red {
  	background-image: url(../images/line_horizontal_dotted_red.gif);
  	background-repeat: repeat;
  	height: 1px;
	padding: 0px;
}

td.ligne_horizontal, table.coordonnee td.ligne_horizontal, table.standard td.ligne_horizontal {
	height: 1px;
	padding: 0px;
}

/* ligne du menu contextuel */
td.line_horizontal, td.line_horizontal2 {
	background-color: #B12A26;
	height: 1px;
	padding: 0px;
}

td.line_vertical {
	border-width: 0px 1px 0px 0px;
	border-style: solid;
}

td.line_vertical2 {
	border-width: 0px 1px 0px 0px;
	border-style: solid;
	padding-right: 5px;
}

td.line_vertical_agda {
	background-image: url(../images/line_vertical_dotted_agenda.gif);
	background-repeat: repeat;
	width: 7px;
	padding: 0px;
}

td.line_vertical_agda2 {
	background-image: url(../images/line_vertical_dotted_agda2.gif);
	background-repeat: repeat;
	width: 7px;
	padding: 0px;
}

td.gutter {
  	width: 10px;
}

td.gutter_dotted {
  	background-image: url(../images/line_vertical_dotted_blue.gif);
  	background-repeat: repeat;
  	width: 1px;
	padding: 0px;
}

td.gutter_dotted2 {
  	background-image: url(../images/line_vertical_dotted.gif);
  	background-repeat: repeat;
  	width: 10px;
	padding: 0px;
}

td.summary_header {
	font-weight: bold;
}

td.actu {
	font-size: 9px;
}

td.lienMaster {
	font-size: 10px;
}

td.donnees {
	padding: 3px;
}

tr.table_header {
	color: #595959;
	font-weight: bold;
}

td.btn {
	background-image: url(../images/btn_fond_context.gif);
}

td.btnOver {
	background-image: url(../images/btn_fond_context_over.gif);
}

td.actuHP {
	background-color: #C8D7D7;
	border-color: #ffffff;
	border-width: 0px 1px 0px 0px;
	border-style: solid;
	padding: 1px;
}

tr.fondClair {
	background-color:#f4f8fa;
}

td.confirm {
	width: 330px;
	background-image: url(../images/img_confirm.jpg);
}

/* FODOVI */
table.descLot {
	border: 1px solid #228b22;
	border-collapse: collapse;
	background-color: #fffaf0;
	width: 100%;
}

td.ligneLot {
	background-color: #228b22;
	padding: 0px;
	margin: 0px;
	height: 1px;
}

tr.fodoviFond {
	background-color: #fffaf0;
}

/* FORMAT DE TEXTE */

.t09, .textepetit {
	font-size: 9px;
	line-height: normal;
}

.t10 {
	font-size: 10px;
}

.t11 {
	font-size: 11px;
}

.rouge {
	color: #B70000;
}

.note {
	font-size: 9px;
	color: #A0A0A0;
	font-weight: normal;
}

.gras {
	font-weight: bold;
}

span.attention {
	font-size: 10px;
	color: #B70000;
}

span.sup {
  font-size: 7px;
  vertical-align: top;
}

span.contextual_address {
	font-size: 9px;
	/*color: #8F9190;*/
	color: #757575;
	line-height: normal;
}

span.contextual_links {
	font-size: 10px;
	/*color: #A0A0A0;*/
	color: #757575;
	line-height: normal;
}

span.contextual_service {
	font-size: 10px;
	font-weight: bold;
	/*color: #A0A0A0;*/
	color: #656565;
	line-height: normal;
}

span.date {
	font-size: 10px;
	color: #A0A0A0;
}

.textepetit {
	caption: Texte petit;
	font-size: 9px;
}

.tableautitre {
	caption: Tableau - titre;
  	font-size: 11px;
  	font-family: Arial, serif;
  	font-weight: bold;
  	margin: 0px;
  	padding: 0px;
}

/* LIENS */

#chemin a {
	font-size: 9px;
	font-weight: normal;
}

a.menu {
	font-size: 9px;
	font-weight: bold;
}

a.hp {
	font-size: 11px;
}

a {
	text-decoration: none;
	font-family: Arial, serif;
	/*font-size: 11px;*/
	color: #598397;
	padding: 0px;
	margin: 0px;
}

a:visited:hover {
	text-decoration: underline;
	color: red;
}

a:hover {
	text-decoration: underline;
	color: red;
}

a.fx:link {
	text-decoration: none;
	color: #003366;
	border-bottom: 1px dotted gray;
}

a.fx:hover {
	text-decoration: underline;
	color: red;
	border-bottom: 0px;
}

a.fx:visited {
	text-decoration: none;
	color: gray;
	border-bottom: 1px dotted gray;
}

a.fx:visited:hover {
	text-decoration: underline;
	color: red;
	border-bottom: 0px;
}

a.nofx:link {
	font-size: 9px;
	text-decoration: none;
	color: #598397;
}

a.nofx:hover {
	font-size: 9px;
	text-decoration: underline;
	color: red;
}

a.nofx:visited {
	font-size: 9px;
	text-decoration: none;
	color: #598397;
}

a.nofx:visited:hover {
	font-size: 9px;
	text-decoration: underline;
	color: red;
} 

a.actu {
	font-size: 10px;
	font-weight: bold;
	line-height: normal;
}

a.communique {
	font-weight: bold;
}

a.evidence {
	font-weight: bold;
	font-size: 11px;
}

a.menu_dom, a.menu_doc {
	line-height: 1.2;
	font-size: 10px;
	font-weight: bold;
}

/* LISTE A PUCES */

ul {
	list-style-image:url(../images/bullet_standard.gif);
	font-size: 11px;
	margin-right: 20px;
	margin-left: 17px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 0px;
}

ul.noindent {
	list-style-image:url(../images/bullet_standard.gif);
	font-size: 11px;
}

ul.faq {
	font-size: 11px;
}

ol {
	list-style-type: decimal;
	font-size: 11px;
	margin-right: 20px;
	margin-left: 30px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 0px;
}

/* Hide from IE-Mac \*/
html>body ul.noindent {
	list-style-image:url(../images/bullet_red.gif);
	font-size: 11px;
	/*margin-left: -25px;*/
	margin-right: 20px;
}

html>body ul.faq {
	font-size: 11px;
	/*margin-left: -25px;*/
	margin-right: 20px;
}
/* End hide */

/* IMAGE */

img.bordure, div.bordure {
	border-width: 1px;
	border-style: solid;
	padding: 1px;
}

img.bordure {
	border-color: #c0c2bf;
}

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

img.alignGauche {
	float:left;
	margin: 4px 10px 4px 0px;
}

/* FORMULAIRE */

input.bordure, textarea {
 	border-width: 1px;
	border-style: solid;
}

input.shadow {
	background-image:url(../images/fond_frm_input.gif);
}

input, textarea {
	background-color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, serif;
}

input.neutre {
	border-color: #A2A8A6;
}

input.transparent {
	background-color: transparent;
}

input.btnRechercher {
	background-image:url(../images/btn_frm_rechercher.gif);
	width: 86px;
	height: 25px;
	cursor: pointer;
	border-style: none;
	background-repeat: no-repeat;
}

select {
	border: 1px solid #FFD8D6;
	font-size: 10px;
	z-index: 0;
	background-Image: url(../images/fond_frm_input.gif);
}

input.fond {
	background-Image: url(../images/fond_frm_input.gif);
}

/* TOP */
div#top {
	margin: 0px;
	padding: 0px;
	width: 799px;
	height: 53px;
	font-family: Arial, serif;
	font-size: 11px;
	color: #505050;
	background-repeat: no-repeat;
}

div#top table.hautpage {
	width: 100%;
	border-collapse: collapse;
	border: none;
}

div#top table.toprouge {
	background-color: #B70000;
	width: 100%;
	border: none;
  	border-collapse: collapse;
	margin: 0px;
}

div#top td.clair {
	color: #FFFFFF;
	font-size: 10px;
}

div#top a.clair {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

div#top a.clair:visited, a.clair:hover {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

div#top a {
	font-size: 9px;
	color: #685656;
	font-weight: normal;
}

div#top a.menumasquer {
	color: #E8A8A5;
}

div#top a.menumasquer:visited, a.menumasquer:hover {
	color: #E8A8A5;
}

div#top .accueil {
	text-align: right;
	padding-right: 18px;
	padding-top: 0px;
	padding-bottom: 0px;
}


#bottom td, #top td {
	vertical-align: middle;
}


/* BOTTOM */
#bottom {
	position: absolute;
	width: 799px;
	top: 0px;
	left: 0px;
	height: 31px;
}

#bottom td.line_horizontal {
	background-color: #A5B2BA;
	height: 1px;
}

#bottom table.content {
	margin: 0px;
	width: 799px;
}

#bottom input {
	border-color: #A2A8A6;
 	border-width: 1px;
	border-style: solid;
	font-size: 9px;
	background-Image: url(../images/fond_frm_input.gif);
}

#bottom a, #bottom #legende {
	font-family: Arial, serif;
	font-size: 9px;
	color: #598497;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

#bottom a {
	text-decoration: none;
}

/* SPECIAL */
hr {
	color: white;
	border: none;
	border-bottom: 1px solid #666;
}

#menuA{
	cursor: hand;
	font-size: 9px;
}

#box_alias {
	position: absolute;
	left: 0px;
	width: 519px;
	height: 48px;
	padding: 0px;
	visibility: hidden;
	z-index: 2;
	overflow: hidden;
}

#alias {
	float: right;
	position: relative;
	top: 49px;
	text-align: left;
	padding: 3px 6px 3px 6px;
	height: 52px;
	z-index: 3;

	opacity: 0.97;
}

/* BLOC NOTE - TABLEAU */

table.bloc_note {
	padding: 0;
	width: 256px;
	background-image: url(/images/bloc_note_fond.gif);
	background-repeat: repeat-y;
}
table.bloc_note tr td {
	padding: 0 18px 0 14px;
}
table.bloc_note tr td.header {
	background-image: url(/images/bloc_note_fond_top.gif);
	padding-top: 11px;
	font-weight: bold;
}
table.bloc_note tr td.footer {
	padding: 0;
}

/* MENU */

a.liste_document {
    background-repeat: no-repeat;
    background-position: 2px 2px;
    padding: 0 0 0 16px;
    display: block;
}

a.liste_rubrique {
    background-repeat: no-repeat;
    background-position: 0 2px;
    padding: 0 0 0 16px;
    display: block;
}

a.liste_lien_interne {
    background-image: url(http://www.lausanne.ch/images/picto_lien_interne.gif);
    background-repeat: no-repeat;
    background-position: 0 2px;
    padding: 0 0 0 11px;
    display: block;
}

span.liste_sep {
    padding: 0;
    margin: 3px 0 3px 0;
    background-repeat: repeat;
    height: 1px;
    display: block;
    width: 100%;
}

/* POSITIONEMENT */

.right {
    text-align: right;
}
.bottom {
    vertical-align: bottom;
}

/* FOOTER DE LA PAGE */

p.back_top {
    /*float: right;*/
    border-bottom: 1px solid #B70000;
    width: 100%;
    text-align: right;
    margin: 0;
    padding: 0;
    font-size: 1px;
}
div.footer img.footer {
    margin: 0 0 -8px 0;
    padding: 0;
}
div.footer {
    width: 100%;
    display: block;
    /* Pour IE sinon l'image police prend + de place et margin doit être modifiée pour lui */
    font-size: 1px;
}

div.com {
    border-top: 1px solid #B70000;
    padding: 2px 0 0 0;
    background: none;
    font-size: 11px;
}
div.com ul {
    margin-bottom: -7px;
}

.separateur_top {
    background-image: url(http://www.lausanne.ch/images/line_horizontal_dotted.gif);
    background-repeat: repeat-x;
    padding: 3px 0 0 0;
}

/* picto */
img.back_top {
  	background-repeat: no-repeat;
	width: 7px;
	height: 8px;
}
img.contact {
  	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
}
img.back_bottom {
  	background-repeat: no-repeat;
	width: 7px;
	height: 8px;
}
img.fleche_menu {
  	background-repeat: no-repeat;
	width: 15px;
	height: 11px;
}
img.puce_menu {
  	background-repeat: no-repeat;
	width: 5px;
	height: 11px;
}
img.text_menu {
  	background-repeat: no-repeat;
	width: 15px;
	height: 10px;
}
img.park {
  	background-repeat: no-repeat;
	width: 10px;
	height: 13px;
}
img.transport {
  	background-repeat: no-repeat;
	width: 9px;
	height: 9px;
}
img.train {
  	background-repeat: no-repeat;
	width: 15px;
	height: 10px;
}
img.metro {
  	background-repeat: no-repeat;
	width: 14px;
	height: 10px;
}
img.handicape {
  	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
}
img.bonhomme_alerte {
	background-repeat: no-repeat;
	width: 52px;
	height: 33px;
}
img.email {
	background-repeat: no-repeat;
	width: 11px;
	height: 10px;
}
img.fax {
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
}
img.plan_ville {
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
}
img.telephone {
	background-repeat: no-repeat;
	width: 12px;
	height: 10px;
}
img.lien_web {
	background-repeat: no-repeat;
	width: 16px;
	height: 10px;
}
img.adresse {
	background-repeat: no-repeat;
	width: 12px;
	height: 10px;
}
img.horaire {
	background-repeat: no-repeat;
	width: 11px;
	height: 11px;
}
img.visite {
	background-repeat: no-repeat;
	width: 11px;
	height: 11px;
}