@font-face {
 font-family: DINEngschrift;
 font-style:  normal;
 font-weight: normal;
 src: url(../css/DINENGS0.eot);
}

body{ margin:0px; padding:0px; background-color:#FFFFFF;}
.border{ background-color:#999999;}
.highlight{ background-color:#F2F2F2;}
.white{ background-color:#FFFFFF;}

html{ height:100%;}

#left a{ color:#000000; text-decoration:none; font-weight:normal;}
#left a:hover{ color:#FFFFFF; text-decoration:none; font-weight:normal;}

#main{ font-family:Verdana, Arial; padding-left:24px;}
#main p{ margin-top:12px; margin-bottom:12px;}
#main p.up{ margin-top:0px; margin-bottom:12px;}


/* Ajouter Par andres christophe pour la newletter visible sur le site */
#main p.letter
  { 
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 0.7em;
   color: #000000;
  }
#main td.note
  { 
   font-size: 0.6em;
   font-family: Verdana, Arial, Helvetica, sans-serif;
  }
#main span.entete {
	font-family: DINEngschrift;
	font-size: 6em;
	text-transform: uppercase;
}
#main span.sousentete {
	font-family: DINEngschrift;
	font-size: 2em;
	text-transform: uppercase;
}  

#main span.DateHebdo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
}

#main img.images {
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 6px;
}
#main .titremanif div.dateLetter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #666666;
	margin-left: 6px;
	margin-right: 2px;
}

#main .titremanif div.infolienLetter{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #CC66CC;
	margin-left: 0px;
	border-top-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

#main .titremanif div.infolienLetter a:link, #main  td.note a:link {
	
	text-decoration: none;
	font-weight:normal;
}

#main .titremanif div.infolienLetter a:visited, #main td.note a:visited {

	text-decoration: none;
	font-weight:normal;
}
#main .titremanif div.infolienLetter a:hover, #main td.note a:hover{
	font-weight:normal;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	text-decoration: none;
}
#main .titremanif div.infolienLetter a:active, #main  td.note  a:active {font-weight:normal;
	
}


div.rubrique {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #666666;
	line-height: 20px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
}  

#main .titremanif td.titre p.titre, #main .titremanif .highlight p.titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-right: 2px;
}  

#main .titremanif td.TitreEdito {
	font-family: DINEngschrift;
	font-size: 1.8em;
}

#main h4.up{ margin-top:0px;}
#main h1{ font-family: DINEngschrift, Arial,Sans-serif; font-size:4em; line-height:92%; text-transform:uppercase; margin-top:0px; margin-bottom:0px; padding-right:24px;}
#main h1.big{ font-family: DINEngschrift, Arial,Sans-serif; font-size:6em; line-height:88%; text-transform:uppercase; margin-top:0px; margin-bottom:0px; padding-right:24px;}
#main h2{ font-family: DINEngschrift, Arial,Sans-serif; font-size:2em; line-height:94%; margin-top:0px; margin-bottom:0px; text-transform:uppercase; padding-right:24px; letter-spacing:-0.01em;}
#main h2 a{ font-size:1em;}
#main h2 a:hover{ border:none;}
#main h2.min a{ text-transform:none; font-size:1em;}
#main p, #main a, #main span, #main p table td, #main label, #main .tdtext, #main #archivecat select, #main table select{ font-size:xx-small;}
#main a{ border}
h3{ font-family: DINEngschrift, Arial,Sans-serif; font-size:18px; margin-bottom:0px; margin-top:12px; text-transform:uppercase; font-weight:normal;}

/* Modification de la class h3 par Andres Christophe PB de taille de police avec *.em 
h3{ font-family: DINEngschrift, Arial,Sans-serif; font-size:1.1em; margin-bottom:0px; margin-top:12px; text-transform:uppercase; font-weight:normal;}
Conservation de la ligne d'origine en cas d'effet de Bord
*/

#main h3 a:link, #main h3 a:hover, #main h3 a:active, #main h3 a:visited{font-family: DINEngschrift, Arial,Sans-serif; font-size:1em; margin-bottom:0px; margin-top:12px; text-transform:uppercase; font-weight:normal;}
#main h4{ font-size:x-small; margin-bottom:0px; margin-top:12px; font-weight:bold;}

/*Ajout par Andres Christophe pour la vu liste des oeuvres accrochées*/
#main h4.titre{ font-size:x-small; margin-bottom:0px; margin-top:0px; font-weight:bold;}
/*Fin d'ajout                                    */


#main h4 a{ font-size:x-small;}
#main h4.big a{ font-size:small;}
#main h4.light a{ font-weight:normal;}
#main .category{ font-family: DINEngschrift, Arial,Sans-serif; font-size:1.1em; margin-bottom:12px; margin-top:12px; text-transform:uppercase; font-weight:normal;}

h1.archi{ letter-spacing:-0.1em;}

#main table td{ padding-bottom:1px;}
#main #tableimageref td{ padding-bottom:0px;}
#main .hdp{ margin-top:12px; text-align:right; padding-right:24px; padding-bottom:1px;}

#spectre, #monospectre{ margin-top:12px;}

#main #tab td{ font-family: DINEngschrift, Arial,Sans-serif; text-align:center; padding-top:12px; padding-bottom:6px; background-color:#FFFFFF;}
#main #tab td.on{ background-color:#F2F2F2;}
#main #tab td a{ font-size:1.1em; font-weight:normal; color:#999999; text-transform:uppercase; border-bottom:none;}
#main #tab td a span{ font-family:Verdana, Arial; text-transform:none;}
#main #tab td a:hover, #main #tab td.on a{ color:#000000; border-bottom:none;}

#main #tabalpha td{ font-family: DINEngschrift, Arial,Sans-serif; text-align:center; background-color:#F2F2F2;}
#main #tabalpha td a { font-size:1.1em; font-weight:normal; color:#000000; text-transform:uppercase; border-bottom:none;}

#main #datemanif{ padding-left:5px; margin-top:20px;}
#main #datemanif h4{ margin-bottom:0px; margin-top:0px;}
#main .section{ margin-top:12px;}
#main .section h3{ margin-bottom:0px; margin-top:0px; padding-left:5px; padding-right:5px; color:#FFFFFF;}
#main table.titremanif{ margin-top:12px;}
#main table.titremanif td{ padding-left:5px; padding-top:2px;}
#main table.titremanif td table td{ padding-left:4px; padding-top:2px;}
#main table.titremanif td h4{ margin-bottom:0px; margin-top:-2px;}
#main table.titremanif td p{ margin-top:0px; margin-bottom:4px;}

#main #exposcentre{ margin-left:-12px; margin-right:0px;}
#main #exposcentre td{ padding-left:6px; padding-right:6px; padding-top:4px;}
#main #exposcentre h4{ margin-top:0px; margin-bottom:0px;}

#main #archivecat, #main #newsearch{ background-color:#F2F2F2;}
#main #archivecat table, #main #newsearch table{ padding:4px;}
#main #archivecat table td select, #main #newsearch table td input{ background-color:#FFFFFF;}
#main #newsearch input{ width:90px; border:1px solid #000000; font-size:xx-small;}
#main #archivecat a, #main #newsearch a{ font-family: DINEngschrift, Arial, Sans-serif; font-size:1.2em; color:#000000; font-weight:normal;}
#main #archivecat a:hover, #main #newsearch a:hover{ border-bottom:none;}

#main table.titrearchive{ margin-top:12px; margin-left:-12px;}
#main table.titrearchive td{ padding-left:12px; padding-top:2px;}
#main table.titrearchive td h4{ margin-bottom:0px; margin-top:-2px;}
#main table.titrearchive td p{ margin-top:0px; margin-bottom:4px;}

#main select.contacter{ width:150px; font-size:xx-small;}
#main input.contacter{ width:180px; border:1px solid #000000; font-size:xx-small;}
#main textarea.contacter{ width:300px; border:1px solid #000000; font-size:xx-small;}
#main select.inscription{ width:150px; font-size:xx-small;}
#main select.inscription2{ width:195px; font-size:xx-small;}
#main input.inscription{ width:180px; border:1px solid #000000; font-size:xx-small;}

.bigger{ font-size:x-small; font-weight:bold;}
.caption{ color:#999999; font-size:0.59em;}

#logo{ margin-left:12px; margin-top:11px; width:137px; height:67px;}

#searchinp{ margin-left:12px; margin-top:15px;}
#searchinp input{ font-family:Verdana, Arial; font-size:xx-small; border:1px solid #000000; width:90px; margin-bottom:3px;}
#searchinp a{ font-family: DINEngschrift, Arial, Sans-serif; font-size:1.2em;}

#nav{ font-family: DINEngschrift, Arial, Sans-serif; font-size:1.1em; margin-left:12px; margin-top:10px;}
#nav div{ margin-top:4px;}
#nav div a{ line-height:100%;}
#nav div.on a{ color:#FFFFFF;}

#navon{ font-family: Verdana, Arial,Sans-serif; font-size:xx-small; margin-bottom:10px;}
#navon div{ padding-left:7px; margin-top:2px; padding-right:5px;}
#navon div a{ line-height:120%;}
#navon div.on{ padding-left:18px; margin-left:-11px;}
#navon #snavon{ padding-left:22px; margin-left:-11px; margin-top:0px; padding-bottom:1px;}
#navon #snavon div{ margin-top:0px; margin-bottom:0px;}

#subnav{ font-family: DINEngschrift, Arial, Sans-serif; font-size:small; margin-left:11px; margin-top:10px;}
#subnav li{ list-style:none outside;}
#subnav div.on a{ color:#FFFFFF;}

#main .date{ color:#000000; font-weight:bold;}
#main .hour{ color:#000000; font-weight:normal;}
#main .location{ color:#000000; font-weight:normal; font-style:italic;}
#main .price{ color:#999999; font-weight:normal;}
#main .catchnews{ color:#000000; font-weight:bold;}
#main .cat{ color:#999999; margin-bottom:4px;}

#main a:link, #main a:visited{ text-decoration:none; font-weight:bold; border-bottom:1px dashed #FFFFFF;}
#main .highlight a:link, #main .highlight a:visited{ border-bottom-color:#F2F2F2;}

#main div.list div{ padding-left:7px; width:auto; margin-top:2px;}
#main div.listbig{ padding-left:12px;}
#main div.listbig div{ padding-left:7px; width:auto; margin-top:2px;}
#main div.listbig div a{ font-size:x-small;}

#main #header{ color:#999999; padding-bottom:4px; text-align:right; padding-right:6px;}
#main #header a{ text-decoration:none; color:#999999; font-size:0.59em; font-weight:normal;}
#main #header a:hover{ text-decoration:none; border-bottom-color:#999999; font-weight:normal;}
#main #printable{ padding-right:6px;}
 
#hnav{ font-family: DINEngschrift, Arial,Sans-serif;}
#hnav div{ margin-left:24px; margin-top:10px; margin-bottom:2px;}
#hnav a{ font-size:1em; color:#000000; text-decoration:none;}

#popfooter{ margin-top:20px; padding-right:65px;}
#footer, .popfooter{ font-family:Verdana, Arial; font-size:.6em; color:#999999;}
#footer a, .popfooter a, td.footer a{ text-decoration:none; color:#000000; border-bottom:#FFFFFF 1px dashed;}
#footer a:hover, .popfooter a:hover{ border-bottom:#000000 1px dashed;}

#main #framecontent{ margin-top:24px; width:100%; height:410px;}

#formulaire{ font-family:Verdana,Arial;	font-size: xx-small; color:#000000;}
#formulaire .formtext{ border:1px solid #000000;font-family:Verdana,Arial;font-size: xx-small;}

#main #avis{ margin-left:30px; font-weight:bold;}
#main #avis li{margin-top:12px;}
#main #avis select, #main #avis textarea{margin-top:4px;}
#main #avis div{margin-top:8px; font-weight:normal;}

#main .splan, #main .ssplan{padding-left:12px;}
#main .ssplan a{font-weight:normal;}

#main .alerte{color:#EC382D; font-size: xx-small; font-weight: bold; font-style: italic;}
#main .itlegende{font-style: italic;}

#main input.formbutton{ background-color:#F1F1F1; border: 1px solid #777; font-family: DINEngschrift, Arial,Sans-serif; font-size:1.8em; margin-bottom:0px; margin-top:0px; text-transform:uppercase; font-weight:normal; line-height:80%; }
#main input.formbuttongrey{ background-color:#666666; border: 2px solid #222222; color: #FFFFFF; font-family: DINEngschrift, Arial,Sans-serif; font-size:1.8em; margin-bottom:0px; margin-top:0px; text-transform:uppercase; padding:4px; font-weight:normal; line-height:80%;}


#topnews h2, #topnews h3{ color:#FFFFFF;}
#main .legal{ font-size:9px;}