/*
fix ie6 "peekaboo bug" using the "holly hack".
Note, this style only gets applied to ie6
*/
* html .wrapper {
height: 0.1%;
}

a img,:link img,:visited img {border: none;}

h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}
address {font-style: normal;}

  body {
/*	background-color: #9C9A9C;*/
	background-color: #EEE;
  	font-family: Verdana,Tahoma,Arial,sans-serif; /*"Trebuchet MS", Trebuchet, sans-serif;*/
	font-size:0.8em;
	color: #777;
  }

  h1, h2, h3, h4, h5, h6, p.description {
  	font-family: Verdana,Tahoma,Arial,sans-serif; /*"Trebuchet MS", Trebuchet, sans-serif;*/
  }

  p {
	margin-bottom: 5px;
  }

#container {
	width:1043px;
	text-align: left;
	margin: 0 auto;
}
#header {
	padding-left: 27px;
	height: 530px;
	background: transparent url(/images/public2010/bg_header.png) no-repeat left top;
}
#header_top {
	width: 988px; height: 123px;  position:relative;
}

#header_slide {
	width: 988px; height: 355px;  overflow: hidden; position:relative; border:0px;
}
#main-content {
	background: transparent url(/images/public2010/bg_1.png) repeat-y;
}
#content-item {
	padding-left:39px;
	width: 755px;
}
#sidebar {
	float: right;
	width: 235px;
}
#header0 {
	background: transparent url(/images/public2010/bg_0.png) repeat-y;
	height: 30px;
}
#footer0 {
	padding-top: 15px;
	background: transparent url(/images/public2010/bg_2.png) repeat-y;
	height: 70px;
}

#footer {
	padding-left: 15px;
	padding-right: 15px;
	clear: both;
	text-align:center;
}

#BOTTOM {
	color: #333333;
	font-size: 10px;
}

#BOTTOM a {
	color: #333333;
}

#COUNTRY {
	position:absolute;
	top:10px;
	left:690px;
	width:350px;
	height: 15px;
	color: #4275B5;
}
/* pour bd-wallonie */
#LanguageMenu {
	position:absolute;
	top:10px;
	left:670px;
	width:300px;
	height: 45px;
	color: #4275B5;
}
#LanguageMenu h4 {
display: none;
}
#LanguageMenu ul {
list-style: none;
padding: 0px;
margin: 0px;
}
#LanguageMenu li {
float: left;
background-image: url(/images/bd/bulle.png);
width: 33px;
height: 33px;
padding-left: 17px;
padding-top: 12px;
}
#LanguageMenu li a {
color: #949494;
text-decoration: none;
display: block;
font-weight: normal;
text-transform: uppercase;
font-size: 14px;
font-family: Franklin Gothic Medium,Verdana, Arial, Helvetica, sans-serif;
}
#LanguageMenu li a.selected {
font-weight: bold;
}
#LanguageMenu li a:hover {
text-decoration: underline;
}


#TOP_TOP {
	position:absolute;
	top: 42px;
	left: 635px;
	width: 350px;
	height: 15px;
	font-size: 11px;
}
#TOP_TOP h4 {
	display: inline;
}
#TOP_TOP ul {
	display: inline;
}
#TOP_TOP li {
	display: inline;
	padding-left: 15px;
	padding-right: 5px;
}
#TOP_TOP li a {
	color: #4275B5;
	text-decoration: none;
	font-size: 13px;
	text-transform: uppercase;
}
#TOP_TOP li a:hover {
	text-decoration: underline;
}
#SEARCH {
	position:absolute;
	top:70px;
	left:690px;
}
#SEARCH label {
	display: none;
}

#SITE {
	position:absolute;
	top: 328px;
	left: 0px;
	width: 403px;
	height: 26px;
	padding-top: 11px;
	background: transparent url(/images/public2010/bg_mice.png) no-repeat bottom left;
}
.MenuRecherche  {
	background-color: white; padding:10px; width: 450px; float: left; -moz-border-radius: 10px; -webkit-border-radius: 10px;
}
.MenuRecherche a {
	text-decoration:none;
}
.MenuRecherche a:hover {
	text-decoration:underline;
}

#legend {
	color: #ddd;
	font-size: 10px;
	line-height: 150%;
}
#legend span.title {
	font-size: 12px;
	text-decoration:underline;
}
.bouton_menu {
float:left; text-align:center; background: transparent url(/images/public2010/icone_h.png) no-repeat bottom left ;width:63px; height: 90px;
}
.bouton_menu a {
	padding-top: 63px;
	color: #777;
	font-size: 11px;
	font-family: "Arial Narrow",Arial,sans-serif;
	text-decoration: none;
	display: block;
}
.bouton_menu a:hover {
	color: black;
	text-decoration: underline;
}
.box_zonedroite {
background-color: white; width: 190px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-radius-bottomleft: 10px;
-webkit-border-radius-bottomright: 10px;
border: 1px solid #CCC; 
margin-left:2px;
-moz-box-shadow: 2px 2px 5px #888;
-webkit-box-shadow: 2px 2px 5px #888;
padding-bottom:10px;
position:relative;
}
.box_zonegauche {
background-color: white;
 width: 733px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-radius-bottomleft: 10px;
-webkit-border-radius-bottomright: 10px;
border: 1px solid #CCC; 
margin-left:2px;
-moz-box-shadow: 2px 2px 5px #888;
-webkit-box-shadow: 2px 2px 5px #888;
padding:10px;
}
#SITE {
	position:relative;
}
#SITE ul {
	paddi
	
}
#SITE li {
	display:block;
	float:left;
	padding-left: 0px;
	margin-left:0px;
}

#SITE li a {
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration:none;
}

#SITE li.public, #SITE li.public_selected {
left:0px;
position:absolute;
top:10px;
width:100px;
text-align:center;
}
#SITE li.public a {
	color:#313063
}
#SITE li.public_selected a, #SITE li.public a:hover {
	background-color:#313063; 
	color: white;
}

#SITE li.mice, #SITE li.mice_selected {
left:100px;
position:absolute;
top:10px;
width:50px;
text-align:center;
}
#SITE li.mice a {
	color:#63b65a;
}
#SITE li.mice_selected a, #SITE li.mice a:hover {
	background-color:#63b65a; 
	color: white;
}

#SITE li.trade, #SITE li.trade_selected {
left:150px;
position:absolute;
top:10px;
width:70px;
text-align:center;
}
#SITE li.trade a {
	color:#73A2FF;
}
#SITE li.trade_selected a, #SITE li.trade a:hover {
	background-color:#73A2FF; 
	color: white;
}

#SITE li.press, #SITE li.press_selected {
left:220px;
position:absolute;
top:10px;
width:60px;
text-align:center;
}
#SITE li.press a {
	color:#FF7921;
}
#SITE li.press_selected a, #SITE li.press a:hover {
	background-color:#FF7921; 
	color: white;
}

#TOP h4 {
display: none;
}

#css_default {
display: none;
}
#BOTTOM {
text-align: center;
font-size: 80%;
}

#BOTTOM h4 {
display: none;
}

#MySelection {
padding-top : 5px;
color: #777;
}
#MySelection ul {
list-style: none;
padding-left: 0px;
margin-left: 10px;
margin-bottom:0px;
margin-top:10px;
padding-top:0px;
}
#MySelection li {
padding-top: 0px;
}
#MySelection li span {
font-weight: bold;
}
#MySelection li a {
background: url(/images/hainaut/caddy.gif) left no-repeat;
background-position-y: 2px;
padding-left: 20px;
text-decoration: none;
}
#MySelection li a:hover {
text-decoration: underline;
color: black;
}
#RIGHT1 h4 {
display: none;
}
#RIGHT1 ul {
list-style: none;
padding: 0px;
margin: 0px;
padding-top: 10px;
}
#RIGHT1 li {
padding-top: 3px;
background-image: url(/images/public/filetpo.gif);
background-repeat: no-repeat;
}
#RIGHT1 li a {
backgroUnd: url(/images/public/bullet_menuright.gif) left no-repeat;
background-position-y: 2px;
padding-left: 12px;
color: #777;
text-decoration: none;
}
#RIGHT1 li a:hover {
text-decoration: underline;
color: black;
}
#RIGHT1 li img {
display:none;
}
#COEURS {
position:relative;
width: 382px;
float:left;
height:313px;
background: transparent url(/images/public2010/bg_coeur2.png) no-repeat bottom left;
	color:white;
	line-height: 0.9em;
}
#COEURS a {
	color:white;
	text-decoration:none;
}
#EVENTS {
position:relative;
width:382px;
float:left;
height:313px;
background:transparent url(/images/public2010/bg_event2.png) no-repeat bottom left;
	color:white;
	line-height: 0.9em;
}
#EVENTS a {
	color:white;
	text-decoration:none;
}

a {
	color: #808284;
}
a.skip_menu {
	display: none;
}
a.externallink {
	background: url(/images/public/external.gif) left no-repeat;
	background-position-y: 2px;
	padding-left: 15px;
}
a.pdflink {
	background: url(/images/public/pdf.jpg) left no-repeat;
	background-position-y: 4px;
	padding-left: 25px;
}
.highlightit {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

.highlightit:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
#BannerFrontpage {
	width:750px;
text-align:center;
}
#LeftMenu {
padding: 10px;
background-color: white; padding-bottom:10px; width: 220px; float: left;
-moz-box-shadow: 2px 2px 5px #888;
-webkit-box-shadow: 2px 2px 5px #888;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-radius-bottomleft: 10px;
-webkit-border-radius-bottomright: 10px;
border: 1px solid #ccc; 
line-height: normal;
}

#LeftMenu h4 {
font-size: 130%;
color: #005447;
margin: 0px;
padding: 0px;
padding-top: 0px;
margin-left: 10px;
font-weight: normal;
}
#LeftMenu a {
text-decoration: none;
}
#LeftMenu a:hover {
text-decoration: underline;
}
#LeftMenu1 a.selected {
font-weight: bold; color:red; font-size: 15px;
text-decoration: underline;
}
#LeftMenu2 {
	padding-top:10px;

}
#LeftMenu2 a {
 color:white; display:block; padding-top: 92px; font-size: 14px;font-weight:bold; text-decoration:none;
}
#LeftMenu2 a:hover {
text-decoration: underline;
}
#DescriptiveLeftBox {
float:left;
}

#Text, #RechercheText, #DescriptiveText {
        padding-bottom:15px;
	padding-right: 	15px;
	text-align: justify;
	color: #444444;
	margin-left:260px;
}
#DescriptiveText {
	margin-left:224px;
}
#Text ul, #RechercheText ul, #DescriptiveText ul {
	text-align: justify;
	margin: 0px;
	font-size : 90%;
	color: #444444; /*786A47;*/
	line-height: 130%;
}
#Text hr {
border-top: 1px dashed rgb(221, 221, 221);
}
#Text ol {
	margin: 0px;
/*	font-size : 90%;
*/	color: #444444; /*786A47;*/
	list-style-type:upper-alpha;
	text-align: justify;
	 margin-left:2px;
}
#Text h1, #DescriptiveText h1, #RechercheText h1 {
letter-spacing: 1px;
font-size: 120%;
color: #e23f6A;
line-height: 110%;
padding-top:6px;
}
#DescriptiveText .MainTitle {
color:#315173;
}
#divTheme h2 {
letter-spacing: 1px;
font-size: 120%;
color: #e23f6A;
line-height: 110%;
}
.remarque {
background: #ff9933 url(/images/public2010/attention.png) no-repeat;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 10px 10px 10px 60px;
margin-top: 15px;
margin-bottom: 15px;
font-weight: inherit;

}
#divTheme p {
	line-height: 1.3em;
}
#Text h2, #RechercheText h2, #DescriptiveText h2 {
	font-size: 130%;
	letter-spacing: 1px;
	line-height: 125%;
	margin-top: 10px;
	margin-bottom: 5px;
	color:#122B62;
}
#Text h3, #DescriptiveText h3 {
	padding-top: 5px;
	padding-bottom: 0px;
	font-size: 120%;
	color: #122B62;
}
#Text h4, #DescriptiveText h4 {
	color: #122B62;
}
#RechercheText p, #RechercheText td, #Text p, #DescriptiveText p {
	text-align: justify;
	font-size : 90%;
	color: #444444; /*786A47;*/
	line-height: 130%;
}
#YourLanguageNotExist  {
	font-weight: bold;
	font-size: 11px;
}

#YourLanguageNotExist a {
	text-decoration: none;
	width: 15px;
	padding-right: 4px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
}
#YourLanguageNotExist a.selected {
	font-weight: bold;
}
#YourLanguageNotExist a:hover {
	text-decoration: underline;
}

#Period ul {
	color: #444444; /*786A47;*/
	font-size : 90%;
}
#Period li {
  list-style-type: circle;
  font-size: 110%;
}
#Period li ul li{
  font-size: 90%;
}

.LeftBox {
background-color: white;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-radius-bottomleft: 10px;
-webkit-border-radius-bottomright: 10px;
border: 1px solid #CCC;
-moz-box-shadow: 2px 2px 5px #888;
-webkit-box-shadow: 2px 2px 5px #888;

	width: 180px;
	margin: 5px;
	padding: 5px;
	text-align: left;
	border-left: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

.DescriptiveLeft {
background-color: white;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-radius-bottomleft: 10px;
-webkit-border-radius-bottomright: 10px;
border: 1px solid #CCC;
-moz-box-shadow: 2px 2px 5px #888;
-webkit-box-shadow: 2px 2px 5px #888;

	width: 190px;
	margin: 5px;
	padding: 5px;
	text-align: left;
	border-left: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

.DescriptiveLeft ul {
	margin:0px;
	padding:0px;
	margin-top:15px;
	margin-bottom:15px;
}

.DescriptiveLeft ul li {
        background-image: url(/images/public2010/puce1.png);
        background-repeat: no-repeat;
        background-position: left top;
        list-style-type: none;
        padding-left:7px;
	margin-left:0px;
	margin-top:7px;
}

.DescriptiveLeft a {
	word-wrap: break-word;
}

.DescriptiveLeft p strong {
	font-size: 100%;
	color: 999;
}
a:hover .dojoxEnlarge{display:block !important;}
a.elto_image .dojoxEnlarge{background:url(/images/public2010/enlarge.png) no-repeat 0 0;top:-160px;left:0px;width:16px;height:16px;}

img.elto_image, a.elto_image img {
	width:160px; height:160px; border: 1px solid #ddd; -moz-box-shadow: 1px 1px 5px #ddd; padding: 5px;
	background-color:white;
}
#Period  {
	font-size: 80%;
	margin-top: 0px;
	margin-bottom: 0px;
}

.descriptif div {
	padding-bottom: 3px;
}
.descriptif div strong {
/*	font-weight: normal;*/
	color: #122B62;
	font-style: italic;
	font-size: 90%;

}
.offre_o {
	color: #037AFF;
}
.offre_e {
	color: #8BB73F;
}
.offre_a {
	color: #F26222;
}
.offre_v {
	color: #FAA61A;
}
.offre_h {
	color: #DF1D35; 
}

/* The main calendar widget.  DIV containing a table. */
.calendar {
position: relative;
display: none;
border-top: 2px solid #fff;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
border-left: 2px solid #fff;
color: #000;
cursor: default;
background: #c8d0d4;
font-family: tahoma,verdana,sans-serif;
}

.calendar table {
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
color: #000;
cursor: default;
background: #c8d0d4;
font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
text-align: center;
padding: 1px;
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
}

.calendar .nav {
background: transparent url(/javascript/jscalendar/skins/aqua/menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
font-weight: bold;
padding: 1px;
border: 1px solid #000;
background: #788084;
color: #fff;
text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
border-bottom: 1px solid #000;
padding: 2px;
text-align: center;
background: #e8f0f4;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
border-top: 2px solid #fff;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
border-left: 2px solid #fff;
padding: 0px;
background-color: #d8e0e4;
}

.calendar thead .active { /* Active (pressed) buttons in header */
padding: 2px 0px 0px 2px;
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
background-color: #b8c0c4;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
width: 2em;
text-align: right;
padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
font-size: 80%;
color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
color: #faa;
}

.calendar table .wn {
padding: 2px 3px 2px 2px;
border-right: 1px solid #000;
background: #e8f4f0;
}

.calendar tbody .rowhilite td {
background: #d8e4e0;
}

.calendar tbody .rowhilite td.wn {
background: #c8d4d0;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
padding: 1px 3px 1px 1px;
border: 1px solid;
border-color: #fff #000 #000 #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
padding: 2px 2px 0px 2px;
border: 1px solid;
border-color: #000 #fff #fff #000;
}

.calendar tbody td.selected { /* Cell showing selected date */
font-weight: bold;
padding: 2px 2px 0px 2px;
border: 1px solid;
border-color: #000 #fff #fff #000;
background: #d8e0e4;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
font-weight: bold;
color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
background: #e8f0f4;
padding: 1px;
border: 1px solid #000;
background: #788084;
color: #fff;
text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
padding: 1px;
background: #d8e0e4;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
padding: 2px 0px 0px 2px;
 border-top: 1px solid #000;
 border-right: 1px solid #fff;
 border-bottom: 1px solid #fff;
 border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
position: absolute;
display: none;
width: 4em;
top: 0px;
left: 0px;
cursor: default;
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
background: #d8e0e4;
    font-size: 90%;
padding: 1px;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
	text-align: center;
padding: 1px;
}

.calendar .combo .label-IEfix {
width: 4em;
}

.calendar .combo .active {
background: #c8d0d4;
padding: 0px;
 border-top: 1px solid #000;
 border-right: 1px solid #fff;
 border-bottom: 1px solid #fff;
 border-left: 1px solid #000;
}

.calendar .combo .hilite {
background: #048;
color: #aef;
}

.calendar td.time {
border-top: 1px solid #000;
padding: 1px 0px;
 text-align: center;
 background-color: #e8f0f4;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
padding: 0px 3px 0px 4px;
border: 1px solid #889;
font-weight: bold;
background-color: #fff;
}

.calendar td.time .ampm {
text-align: center;
}

.calendar td.time .colon {
padding: 0px 2px 0px 3px;
 font-weight: bold;
}
.calendar td.time span.hilite {
border-color: #000;
background-color: #667;
color: #fff;
}
.calendar td.time span.active {
border-color: #f00;
background-color: #000;
color: #0f0;
}


#info {position:relative;}
#scrollbox {width:460px; height:180px; background:#f4f4f4; overflow:auto; border:1px solid #aaa; }
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; margin:3px; float:left;}

.slidek {position:absolute; width:385px; height:330px; top:24px; padding:0; border:1px solid #000;}

a.gallery span {display:block; position:absolute;  top:-1px; width:1px; height:1px; overflow:hidden; background:#efedec;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img, a.gallery:active img, a.gallery:focus img {border:1px solid #000;}
a.gallery:hover span, a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:385px; height:330px; top:19px; left: 0px; padding:5px; font-style:italic; color:#000; background:#fff; }
#thumbs {width:440px;/* height:60px;*/}
#pad {height:380px; width:385px;}


#preview_carte{
margin-left:30px;
}

#carte_postale{
left:350px;
}

#formCarte_postale{
margin-left:30px;
}

#formCarte_postale select{
width:100px;
}

/* Commande brochure */
.commandebrochure .listebrochures{
margin-left:20px;
}


/* Fiches recherche */
#recherche_avancee { border: 1px dashed #a8cefa; }

#RechercheText fieldset {
border: 0px;
padding-top: 10px;
margin-bottom: 15px;
padding-bottom: 5px;
border-bottom: 1px dashed #a8cefa;
}
#RechercheText fieldset div {
line-height: 1.4em;
}
#RechercheText legend {
font-weight:bold;
padding-top: 2px;
color:#003399;
margin:0;
padding:0;
}
#RechercheText label {
width: 200px;
}

#RechercheText legend b {
display:block;
width:100%;
}

#YourLanguageNotExist  {
font-weight: bold;
font-size: 11px;
}

#YourLanguageNotExist a {
text-decoration: none;
width: 15px;
padding-right: 4px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
}
#YourLanguageNotExist a.selected {
font-weight: bold;
}
#YourLanguageNotExist a:hover {
text-decoration: underline;
}

/* Donnees personnelles */
.donneespersonnelles1 { text-align: right; width: 370px; }
.donneespersonnelles1 select { width: 244px; }
.donneespersonnelles1 input { width: 240px; }
p.error {
font-weight: bold;
color: red;
font-size: 90%;
}

/* carte postale */
.donneescartepostale1 { text-align: right; width: 370px; }
.donneescartepostale1 input { width: 200px; }
.donneescartepostale2 { text-align: right; width: 320px; }
.donneescartepostale2 select { width: 154px; }

/* tableau belsud */
.cal {
border: 1px solid #000;
text-align: center;
height: 150px;
}
.calendrier_belsud caption {
font-weight: bold;
font-size: 120%;
}


.calendrier_belsud table .WF {
background-color: #FFFF00;
}

.calendrier_belsud table .HS {
background-color: #FF00FF;
}

.calendrier_belsud table .MS {
background-color: #90EE90;
}

.calendrier_belsud table .BS {
background-color: #00FFFF;
}

.calendrier_belsud table #LW {
border: 2px solid red;
}



/* CSS needed for the script */

#ajax_tooltipObj{
z-index:1000000;
text-align:left;
}
#ajax_tooltipObj div{
position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
background-image:url(/images/arrow.gif);
width:20px;
position:absolute;
left:0px;
top:0px;
background-repeat:no-repeat;
background-position:center left;
z-index:1000005;
height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
border:2px solid #317082;	/* Border width */
left:18px;	/* Same as border thickness */
top:0px;
position:absolute;
width:250px;	/* Width of tooltip content */
background-color:#FFF;	/* Background color */
padding:5px;	/* Space between border and content */
font-size:0.8em;	/* Font size of content */
overflow:auto;	/* Hide overflow content */
z-index:1000001;
}

/************/
/* home page */
/************/
#TOP {
padding-left:11px;
font-size: 13px;
padding-top:13px;
}
#nav, #nav ul {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0 0 1em 0em;
	z-index: 100;
}


#nav a {
	display: block;
	text-decoration: none;
	padding: 1px 12px;
}
#nav li {
	float: left;
	padding: 0;
}
#nav li a {
	text-transform : uppercase;
	padding-left: 11px;
}

#nav li.daddy a {
	background: url(/images/public/bottomarrow2.gif) center right no-repeat;
}

#nav li.daddy li a {
	background: none;
}
#nav li li.daddy a {
	background: url(/images/public/rightarrow2.gif) center right no-repeat;
	padding-right:0px;
}

#nav li li.daddy li a {
	background: none;
}
#nav li ul {
	position: absolute;
	background: #E6EBE7;
	left: -999em;
	height: auto;
	width: 14em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
	z-index: 100;
}

#nav li li {
	width: 13em;
	z-index: 100;
	padding: 3px;
	height: auto;
}

#nav li ul a {
	width: 12em;
	z-index: 100;
}

#nav li ul ul {
	margin: -1.75em 0 0 13.2em;
	z-index: 100;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #CF9;
}

.ville {
/*	font-weight:bold;
*/	color: #555;
	font-size: 100%;
	font-weight:bold;
/*	color: #3165B5;
	color: #3165B5;
*/	text-decoration:none;
}

a.ville:hover {
	text-decoration: underline;
} 
.liens_membres_liste
{
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-moz-box-shadow:2px 2px 5px #888888;
	-webkit-border-radius-bottomleft:10px;
	-webkit-border-radius-bottomright:10px;
	-webkit-border-radius-topleft:10px;
	-webkit-border-radius-topright:10px;
	-webkit-box-shadow:2px 2px 5px #888888;
	background-color:#eee;
	background-repeat:repeat-y;
	border-color:#CCCCCC #CCCCCC #DDDDDD #DDDDDD;
	border-style:solid;
	border-width:1px;
	text-align:left;
margin:10px 0 0;
padding:10px;
width:500px
} 
.liens_membres_liste ul li
{
	background-image: url(/images/public2010/puce.png);
 	background-repeat: no-repeat;
 	background-position: left center;
 	list-style-type: none;
	padding-left:10px;
} 
#DescriptiveText .liens_membres_liste h2
{
	color:orange;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top: 0px;
} 
.liens_membres_fiche
{
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-moz-box-shadow:2px 2px 5px #888888;
	-webkit-border-radius-bottomleft:20px;
	-webkit-border-radius-bottomright:20px;
	-webkit-border-radius-topleft:20px;
	-webkit-border-radius-topright:20px;
	-webkit-box-shadow:2px 2px 5px #888888;
	background-color:#eee;
	background-repeat:repeat-y;
	border-color:#CCCCCC #CCCCCC #DDDDDD #DDDDDD;
	border-style:solid;
	border-width:1px;
	text-align:left;
margin:10px 0 0;
padding:10px;
width:470px
}
#the_side_bar ul {
margin-left:15px;
padding-left:0px;
}
#SearchBox {
height:190px;
}
#the_side_bar ul ul li {
margin-left:15px;
padding-left:0px;
 	list-style-type: none;

}