a {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 90%;
	text-decoration: none;
	color: #e65c00;
}

a:hover {
	color:#FF0000;
	text-decoration: underline;
}

img {
	border: 0;
}

a.spip_url { }
a.spip_in { }
a.spip_out { }

a.spip_out img, a.spip_in img {
	border: 1px #fff solid;
}

a.spip_out img:hover, a.spip_in img:hover {
	border: 1px #fff outset;
	background-color: #fffe03;
}

.spip_code { }

a.spip_url { }

p.spip_note { }

h3.spip {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 120%;
	text-align: center;
}

.spip_documents{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size : 10px;
}


table.spip {
}

table.spip tr.row_first {
}

table.spip tr.row_odd {
}

table.spip tr.row_even {
}

table.spip td {
	padding: 1px;
	text-align: justify;
	vertical-align: top;
}

hr.spip { }
b.spip { }
i.spip { }

.forml { width: 100% ; background-color: #FFDDAA;}

.spip_encadrer {
	width : 100%;
	background-color: #FFFFFF;
	padding: 5px;
	border: 1px #666666 solid;
}

.spip_cadre {
	width : 100%;
	background-color: #FFFFFF;
	padding: 5px;
}


.spip_bouton { background-color: #FFCC00;}

.formrecherche { width: 100% ; background-color: #FFDDAA;}

.reponse_formulaire {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 110%;
	color: red;
}

.spip_surligne { background-color: #FFFF66; }

/* *********************** STYLES RAJOUTÉS POUR LE SITE MAISON DE HEIDELBERG ********************** */

body {
	scrollbar-face-color : #E0E0E0;
	scrollbar-shadow-color : #666666 ;
	scrollbar-highlight-color : #E0E0E0 ;
	scrollbar-3dlight-color : #666666 ;
	scrollbar-darkshadow-color : #E0E0E0 ;
	scrollbar-track-color : #F0F0F0 ;
	scrollbar-arrow-color : #808080 ;
}

#page {
	margin-left: 10%;
	margin-right: 10%;
	width: 80%;
}

#logo-mdh {
	position: relative;
	left: 280px;
	height: 0px;
	width: 500px;
}

/* fond table pour la page d'accueil */

table#accueil {
/*	background: url("images/logo_mdh.gif") no-repeat right top; */
	background: url("images/logo_40ans_medium.png") no-repeat right top;
}

td {
    font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 85%;

}

td.a {
	font-size: 100%;
}

td.a:hover {
	font-size: 100%;
}

.accueil-bas {
	margin: 0;
	padding: 0;
}

.accueil-bas img {
	margin: 0px;
	border: 1px #fff solid;
}

.accueil-bas img:hover {
	margin: 0px;
	border: 1px #fff outset;
	background-color: #fffe03;
}

.menu { 
    font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 7pt;
	font-variant : small-caps;
	text-align : right;
	color: #000000;
}

.menu a {
	font-size: 7pt;
	color: #000000;
}

.menu a:hover {
	color : #FF0000;
}

.rubriquegauche {
    font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
	font-variant : small-caps;
	text-align : center;
	background-color: #C0C0C0;
}

.lienssup {
    font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10pt;
	font-variant : small-caps;
	background-color: #FFFFFF;
}

.lienssup a {
	font-size: 8pt;
	color : #000000;
}

.lienssup a:hover {
	color : #FF0000;
}

.menugauche { 
    font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 9pt;
	color: #000000;
}

.menugauche a { 
    font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
	color: #000000;
}

.menugauche a:hover {
	color : #FF0000;
}

.menurouge { 
    font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11pt;
	font-weight : bold;
	color: #FFFFFF;
	font-variant: small-caps;
}

.menurouge a { 
    font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12pt;
	color: #FFFFFF;
}

.menurouge a:hover {
	color : #FFFF00;
}

.menujaune { 
    font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 9pt;
	font-weight : bold;
	color: #000000;
	font-variant: small-caps;
}

.menujaune a { 
    font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12pt;
	color: #000000;
}

.menujaune a:hover {
	color : #FF0000;
}

.menu-breves a { 
    font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 100%;
	font-weight : normal;
	color: #000;
	font-variant: small-caps;
}

.menu-breves a:hover {
	color : #FF0000;
}




.hierarchie {
    font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight : bold;
	color : #FFFFFF;
}

.hierarchie a {
    font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	color : #FFFFFF;
	text-decoration: none;
}

.hierarchie a:hover {
	color : #FFFF00;
	text-decoration: underline;
}

.titrepage {
    font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 150%;
	font-weight : normal;
}

td.texte {
    font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 80%;

}

.titrearticle {
    font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 100%;
}

.titrearticle a {
	font-size: 100%;
	color: #000000;
}

.titrearticle a:hover {
	font-size: 100%;
	color: #FF0000;
}

.stitrearticle {
    font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 95%;
}

.stitrearticle a {
	font-size: 95%;
	color: #000000;
}

.stitrearticle a:hover {
	font-size: 95%;
	color: #FF0000;
}


/* styles de la 1e conception du site */

td.mdhmenu a {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-decoration: none;
	font-size: 9px;
	color: #000000;
}

td.mdhmenu a:hover {
	text-decoration: underline;
	color: #FF9900;
}

table.mdharticle {
	width: 620px;
}

table.mdharticle td {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 80%;
	text-align: justify;
}

pre {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 100%;
}

.petit {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 70%;
}

.trespetit {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-variant : small-caps;
}

.formulaire {
    background-color: #FFDDAA;
}

table.formular {
	margin-left: 2%;
	margin-right: 2%;
	border: 1px #eee solid;
	font-size: 10pt;
}

table.formular input, textarea, select {
    background-color: #FFDDAA;
}

.rouge-fort {
	color: #ff0000;
	font-weight: bold;
}

#logos-partenaires {
	width: 670px;
	padding: 0px;
	margin: 0% 10% 0% 10%;
}

#logos-partenaires img {
	margin: 0px;
	padding: 0px;
	border: 1px #ddd solid; 
}

/* style des formulaires spip-form */

table.spipform {
	padding: 3px;
	border: 1px #ccc dashed;
	background-color: #fff;
}

table.spipform td {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10pt;
}

caption.spipform {
	padding: 5px;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
}
	 
.spipform-label {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10pt;
}

.spipform-label-erreur {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10pt;
	color: #f00;
}

.spipform-champ {
	background-color: #fda;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10pt;
	border: 1px #666 inset;
}

.spipform-bouton {
	margin: 0px 2px 0px 2px;
	background-color: #fda;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10pt;
	border: 1px #666 outset;
}

.spipform-bouton:hover {
	background-color: #06a;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #fff;
	border: 1px #666 inset;
}

.champ-obligatoire {
	font-size: 10pt;
	font-weight: bold;
	color: #f00;
}

.spipform-info {
	font-style: italic;
}

fieldset.klasse {
	clear: both;
	border: 1px #ccc solid;
	width: 100%;
	padding: 2px;
}

fieldset.klasse legend {
	font-size: 9pt;
	font-variant: small-caps;
}	

.spipform-ligne {
	clear: both;
	width: 100%;
	font-size: 9pt;
}

.spipform-ligne-set {
	clear: both;
	width: 100%;
	font-size: 9pt;
}

.spipform-label-klasse {
	float: left;
	width: 43%;
}

.spipform-champ-klasse {
	float: right;
	width: 55%
}	

.spipform-label-set {
	float: left;
	width: 43%;
}

.spipform-col-set {
	float: left;
	width: 11%;
}
	
.accueil-logos-mdh br {
	line-height: 60%;
}	

/* styles des événements du mois */
.mois-event {
	clear: left;
	font-family: verdana,arial,sans-serif; 
	margin: 10px 0px 0px 15px;
}

.mois-event-titre a {
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

.mois-event-titre a:hover {
	font-size: 10pt;
	text-decoration: underline;
	color: #f00;
}

.mois-event-chapo {
	margin-left: 67px;
	font-size: 9pt;
	color: #666;
}

.mois-event-gauche {
	float: left;
	margin-right: 2px;
	width: 65px;
	font-family: arial,sans-serif; 
	font-size: 8pt;
	color: #666;
}

.mois-event-mot {
	padding: 0px 1px;
	border: 1px #ddd solid;
	font-family: arial, sans-serif; 
	background-color: #aaa;
	font-size: 8pt;
	color: #fff;
}

.chapo-date {
	font-family: georgia, "courier new", "times new roman", serif;
	font-size: 11pt;
	font-weight: bold;
	color: #666;
}

/* sélection des saisons */

.bloc-saisons {
	margin-top: 15px;
	font-size: 9pt;
}

.bloc-saisons select {
	border: 1px #ccc inset;
	background-color: #eee;
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
}

.bloc-saisons option {
	background-color: #eee;
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
}
	
.bloc-saisons input {
	 border: 1px #ccc outset;
	 background-color: #666;
	 color: #fff;
}

.bloc-saisons input:hover {
	 border: 1px #ccc outset;
	 background-color: #ddd;
	 color: #000;
}

.agenda-mois {
	margin-top: 6px;
	font-size: 13px;
}

.menu-bloc-mois {
	margin-top: 6px;
	font-size: 12pt;
}


.agenda-bloc-mois {
	margin-top: 6px;
	padding: 4px;
	border: 1px #ccc solid;
	background-color: #efefef;
}
	
/* styles utilisés dans les pages "L'équipe" / "Das Team" */

/*
.equipe-cell {
	width: 150px;
	text-align: center;
}

.equipe-cell img {
	margin-top: 5px;
}

.equipe-nom {
	font-size: 10pt;
}

.equipe-job {
	font-size: 8pt;
	font-style: italic;
}
*/

#equipe table {
	border: none;
}

#equipe td {
	width: 30%;
	padding: 5px;
	border: none;
	text-align: center;
	font-size: 10pt;
}

#equipe td b {
	font-size: 12pt;
}

#equipe td img {
	margin-bottom: 0px;
}

/* styles utilisés par les formulaires persos */

p.spip {
}

fieldset.form-groupe {
	padding: 5px;
	border: 1px #aaa solid;
}

fieldset.form-groupe legend {
	font-family: verdana,arial; 
	font-size: 10pt;
	color: #666;
}

.form-ligne {
	clear: both;
	width: 100%;
	margin-top: 10px; 
	padding: 2px;
	font-family: verdana,arial; 
	font-size: 9pt;
	text-align: left; 
}

.form-label {
	float: left;
	width: 190px;
	vertical-align: top;
	font-family: verdana,arial; 
	font-size: 9pt;
	text-align: right;
}

.form-champ, .form-champ-texte, .form-boutons {
	float: right;
	width: 360px;
}

.form-champ-texte input, .form-champ-texte textarea {
	 border: 1px #ccc inset;
	 background-color: #ddd;
}

.form-boutons input {
	 border: 1px #ccc outset;
	 background-color: #666;
	 color: #fff;
}

.form-boutons input:hover {
	 border: 1px #ccc outset;
	 background-color: #ddd;
	 color: #000;
}

.rouge-fort {
	font-size: 11pt;
	font-weight: bold;
	color: #f00;
}

a.lien {
}

a.lienon {
	font-weight: bold;
}

/* styles de l'album */

#album-vignettes {
	float: left;
	width: 180px;
	margin: 10px 0px;
}

#album-photo {
	float: right;
	width: 430px;
	margin: 0px 0px;
	text-align: center;
}

.album-photo-titre {
	font-size: 9pt;
}

.separateur {
	clear: both;
	margin-top: 5px;
}

.album-pagination {	
	margin-bottom: 10px;
	text-align: center;
	font-size: 9pt;
	font-variant: small-caps;
}

.album-pagination a {	
	font-size: 9pt;
}

.album-photo-agrandir {
	font-size: 9pt;
	font-variant: small-caps;
	text-align: right;
}
	
.cadre {
	border: 1px #888 solid;
	padding: 4px;
	color: #000;
}

/* styles des rubriques */

.liste-gauche {
	float: left;
	margin-right: 2px;
	width: 49%;
	font-family: verdana,arial,sans-serif; 
	font-size: 11px;
	color: #666;
}

.liste-droite {
	float: right;
	margin-right: 2px;
	width: 49%;
	font-family: verdana,arial,sans-serif; 
	font-size: 11px;
	color: #666;
}

#rubrique-logo {
	margin: 20px 10px;
	text-align: center;
}

#titre-page {
	margin: 20px 10px;
	font-size: 20px;
	color: #000;
}

#descro-page {
	margin: 10px 10px;
	font-size: 12px;
	font-variant: small-caps;
	color: #000;
}

#contenu-rubrique {
	margin: 20px 10px;
	text-align: justify;
	font-size: 14px;
}

#contenu-rubrique a {
	color: #e65c00;
}

.separateur {
	clear: both;
	margin: -10px 0;
}

.bloc-article {
	margin: 5px 0px 0px 15px;
	background-color: #fff;
	padding: 10px;
}

.bloc-article-titre {
	background-color: #fff;
	padding: 3px;
}

.bloc-article-titre:hover {
	background-color: #ffb77b;
}

.bloc-article-titre a {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

.bloc-article-titre a:hover {
	font-size: 13px;
	text-decoration: underline;
	color: #f00;
}

.bloc-article-descro {
	font-size: 13px;
	color: #444;;
}

.bloc-article-date {
	float: left;
	width: 25%;
	font-size: 13px;
	text-align: left;
}

.bloc-article-lien {
	float: left;
	width: 70%;
	font-size: 13px;
	text-align: left;
}
	
.sous-article {
	margin: 5px;
}

.sous-article a {
	font-size: 11px;
	text-decoration: none;
	color: #000;
}

/* tableaux avec bordures */

.tableaux {
}

.tableaux-petits {
}

.tableaux table.spip,
.tableaux-petits table.spip {
	border-top: 1px #ccc solid;
	border-left: 1px #ccc solid;
	font-size: 15px;
	text-align: left;
}

.tableaux table.spip {
	font-size: 15px;
}

.tableaux-petits table.spip {
	font-size: 14px;
}

.tableaux table.spip td,
.tableaux-petits table.spip td {
	border-bottom: 1px #bbb solid;
	border-right: 1px #bbb solid;
	padding: 2px;
	text-align: left;
}

.tableaux tr.row_odd,
.tableaux-petits tr.row_odd {
	background-color: #eee;
}

.tableaux tr.row_even,
.tableaux-petits tr.row_even {
	background-color: #fff;
}

/* tableaux avec petits caractères (ex: partenaires) */
.tableau-petits-cars {
}

.tableau-petits-cars td {
    font-size: 11px;
	text-align: left;
}

.tableau-petits-cars a {
    font-size: 15px;
	font-weight: bold;
}

.tableau-petits-cars img {
    margin: 0;
}

.tableau-petits-cars div {
    margin: 0;
}

/* style lieu (dans les articles de l'agenda) */

#lieu {
	margin: 20px 10px;
	padding: 5px;
	width: 50%;
	background-color: #eee;
	border: 1px #ccc solid;
	font-size: 12px;
}

#lieu .titre {
	font-weight: bold;
}

/* autres formulaires */

.form-ligne {
	margin: 10px 0;
}

.form-ligne label {
	display: block;
	font-weight: bold;
}

.form-ligne .pseudo-label {
	font-weight: bold;
}

input.text-field, textarea.text-field {
	width: 95%;
	background-color: #fff;
}

.form-ligne select {
	background-color: #fff;
}

.form-action input {
}

.form-masquer {
	display: none;
} 				

.form-en-test {
	font-weight: bold;
	color: #f00;
}

input.readonly {
	border: none;
	text-align: right;
}	

span.obligatoire {
	color: #f00;
	font-weight: bold;
}
	
span.info-champ {
	font-weight: normal;
	font-style: italic;
}	

div.annule {
	color: #f00;
	font-variant: small-caps;
	font-size: 14px;
	font-weight: bold;
}