/*******************************************************************************
* CONTACT PAGE
*******************************************************************************/
form{
	width:280px;
}
fieldset {
	position: expression('relative'); /* Fixes IE problem with fieldset+legend boundaries */
	background-color:#F4F4F4;
	margin:10px 0 0 0;
	padding:5px 10px;
	border:1px solid #333333; 
}
textbox {
	margin-top:2px;
}
formul {
	overflow: visible;
	float: expression('left');
	position: relative;
}
	
legend {
	position: expression('absolute');
	top: expression('-9px'); /* Fixes IE problem with fieldset+legend boundaries */
	padding: 2px 5px;
	font-weight: bold;
	color:#99CC00;
}
/* .label is typically used on a span or p tag to label a radio or checkbox group */
label.prefield, .label  {
	display: -moz-inline-box;
	display: inline-block;	
	width: expression('7em'); /* Min-width for IE6 */
	min-width: 6em;
	padding: 0 2px;
	margin: 0.6em 4px 0 0;
	color:#666666;
}
.label { display: block; width: auto; }

label.postField  {
	margin: 0 4px;
	color:#666666;
}
textarea {
	padding: 0;
	vertical-align:top;
	width: 249px;
	height: 50px;
	margin-top:5px;
}
input[type=image] {
margin-top:8px;
border:0;
}
input[type=text], input[type=password] {
	width: 9em;
}
select {
	padding: 0;
	margin: 2px 0 1px 0;
}

/* Form Builder Related Rules */
/* ========================== */
/* Form or Fieldset instruction paragraph. */
/* Form Builder Related Rules */
/* ========================== */
/* Form or Fieldset instruction paragraph. */
.instructions {
	margin: 0.7em 0;
	font-size: 0.9em;
	font-style: oblique;	
}
/* Ties together a label and its checkbox or radio */
.oneChoice {
	white-space: nowrap; 
}
/* wForms Related Rules */
/* ==================== */
/* Field w/ a validation error */
.error {	
	border: 1px solid #AA4080;
}
.errFld {
	border: 1px solid #AA4080;
	background:#FFD9EC;
}
/* Styling for message associated with a validation error. */
.errorMsg { 
	color: #AA4080 !important;
	display: inline;
}
.errMsg {	
	color: #AA4080 !important;
	display: block;
}
/* Field-Hint with focus */
.field-hint {
	color: #000;
	float: right;
	clear: right;
	width: 30px;
	font-size: 85%;
	min-height: 2em;	
	padding: 0 0 0 20px ;
}
/* Field-Hint without focus */
.field-hint-inactive {
	color: #666;
	float: right;
	clear: right;
	width: 30px;
	font-size: 85%;
	min-height: 2em;
	padding: 0 0 0 20px ;
}
/* Repeat Behavior  */
.repeat {
	border: 1px solid #ddd;
	background-color: #FFFFFF;
	margin: 3px 0;
	padding-right: 6px;
}
.removeable {
	border: 1px solid #ddd;
	background-color: #F3F3F3;
	padding-right: 6px;	
}
/* Links generated by the Repeat Behavior */
.duplicateLink {
	margin-top: 10px;
	font-weight: bold;
	text-align: right;
	display: block;
}
.removeLink {
	margin-top: 10px;
	text-align: right;
	display: block;
	color: #CC3300;
}
/* Switch Behavior Classes */
.onstate-a, .onstate-b, .onstate-c, .onstate-d {
	display: block;
}
.onstate-e, .onstate-f, .onstate-g {
	display: inline;
}
.onstate-h, .onstate-i, .onstate-j {
	display: inline;
}

.small {
	text-align:justify;
	font-size:10px;
	color:#99CC00;
	}
	
/*******************************************************************************
* PLAN
*******************************************************************************/
#imap {
display:block;
width:180px;
height:310px;
background:url(../img/carte-off.gif) no-repeat;
position:relative;
margin:0;
}

#imap a#map {
display:block;
width:180px;
height:0;
padding-top:210px;
overflow:hidden;
position:absolute;
left:0;
top:0;
background:transparent url(../img/carte-on.gif) no-repeat 180px 210px;
cursor:default;
}
* html #imap a#map {height:210px; he\ight:0;}

#imap a#map:hover {background-position: 0 0; z-index:10;}

#imap dd {
position:absolute; padding:0; margin:0;}
#imap #bayonne {left:1px; top:124px; z-index:20;}
#imap #pau {left:59px; top:134px; z-index:20;}
#imap #dax {left:34px; top:104px; z-index:20;}
#imap #tarbes {left:88px; top:138px; z-index:20;}

#imap a#link_bayonne {display:block; width:52px; height:24px; text-decoration:none; z-index:20;}
#imap a#link_pau {display:block; width:26px; height:28px; text-decoration:none; z-index:20;}
#imap a#link_dax {display:block; width:44px; height:21px; text-decoration:none; z-index:20;}
#imap a#link_tarbes {display:block; width:44px; height:27px; text-decoration:none; z-index:20;}

#imap a em {display:none;}

#imap a span, #imap a:visited span {display:none;}

#imap a#link_bayonne:hover, a#link_pau:hover, #imap a#link_dax:hover, #imap a#link_tarbes:hover {border:1px solid #f87f11;}

#imap a:hover span {position:absolute; display:block; color:#000; width:180px; height:270px; line-height:1.8em; font-size:0.9em; text-align:justify;}

#imap a#link_bayonne:hover span {left:-1px; top:96px;}/*revoir top pour les 4*/
#imap a#link_bayonne:hover em {position:absolute; display:block; left:25px; top:26px; height:71px; width:1px; overflow:hidden; font-size:1px; background:#f87f11;}
#imap a#link_pau:hover span {left:-59px; top:86px;}
#imap a#link_pau:hover em {position:absolute; display:block; left:13px; top:29px; height:57px; width:1px; overflow:hidden; font-size:1px; background:#f87f11;}
#imap a#link_dax:hover span {left:-34px; top:116px;}
#imap a#link_dax:hover em {position:absolute; display:block; left:22px; top:22px; height:94px; width:1px; overflow:hidden; font-size:1px; background:#f87f11;}
#imap a#link_tarbes:hover span {left:-88px; top:82px;}
#imap a#link_tarbes:hover em {position:absolute; display:block; left:22px; top:28px; height:53px; width:1px; overflow:hidden; font-size:1px; background:#f87f11;}
#imap a span:first-line {font-weight:bold;color:#2B9333;}

/* CSS Document */