/*******************************************************************************
* CONTACT PAGE
*******************************************************************************/
form{
	padding:0;
	width:345px;
}
fieldset {
	position: relative; /* Fixes IE problem with fieldset+legend boundaries */
	background-color:#F3FBFD;
	margin:0;
	padding:5px 10px;
	border:1px solid #72cce8;
	width:345px;
}
textbox {
	margin-top:2px;
}
formul {
	overflow: visible;
	float: left;
	position: relative;
}
	
legend {
	position: absolute;
	top: -9px; /* Fixes IE problem with fieldset+legend boundaries */
	padding: 2px 5px;
	font-weight: bold;
	color:#117CA1;
}
/* .label is typically used on a span or p tag to label a radio or checkbox group */
label.prefield, .label  {
	display: table-row;
	width: 7em; /* Min-width for IE6 */
	min-width: 6em;
	padding: 0 2px 0 0;
	margin: 0.6em 4px 0 0;
}
.label { display: block; width: auto; }

label.postField  {
	margin: 0 4px;
}
textarea {
	padding: 0;
	vertical-align:top;
	height: 50px;
	margin-top:5px;
	width: 250px;
}
textarea {
	height: 130px;
}
.mess{
	height: 50px;
}
input[type=image] {
margin-top:8px;
border:0;
}
input[type=text], input[type=password] {
	width: 22em;
}
 input[type=text].petit {
	width: 3em;
}
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 #F77121;
}
.errFld {
	border: 1px solid #F77121;
	background:#FFF1E9;
}
/* Styling for message associated with a validation error. */
.errorMsg { 
	color: #F77121 !important;
	display: inline;
}
.errMsg {	
	color: #F77121 !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;
}
/*******************************************************************************
* PLAN
*******************************************************************************/
#imap {
display:block;
width:245px;
height:310px;
background:url(../img/carte-off.gif) no-repeat;
position:relative;
margin:0;
}

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

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

#imap dd {
position:absolute; padding:0; margin:0;}
#imap #garlin {left:63px; top:178px; z-index:20;}
#imap #avignon {left:151px; top:178px; z-index:20;}

#imap a#link_garlin {display:block; width:48px; height:28px; text-decoration:none; z-index:20;}
#imap a#link_avignon {display:block; width:59px; height:30px; text-decoration:none; z-index:20;}

#imap a em {display:none;}

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

a#link_garlin:hover, #imap a#link_avignon:hover {border:1px solid #EEC31E;}

#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_garlin:hover span {left:-32px; top:82px;}
#imap a#link_garlin:hover em {position:absolute; display:block; left:22px; top:30px; height:54px; width:1px; overflow:hidden; font-size:1px; background:#EEC31E;}
#imap a#link_avignon:hover span {left:-38px; top:82px;}
#imap a#link_avignon:hover em {position:absolute; display:block; left:30px; top:31px; height:53px; width:1px; overflow:hidden; font-size:1px; background:#EEC31E;}
#imap a span:first-line {font-weight:bold;color:#EEC31E;}