#MB_overlay {
	position: absolute;
	margin: auto;
	top:0 ;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	background:#fff url(../image/background-header.jpg) repeat-x
	!important;
}
#MB_overlay[id] { position: fixed; }

#MB_window {
	position: absolute;
	top: 20px;
	border: 1px solid #c24990;
	text-align: left;
	z-index: 10000;
	
}
#MB_window[id] { position: fixed!important; }

#MB_frame {
	position: relative;
	background:#f1d4e6 url(../image/background-documentation.jpg) 0px 0px no-repeat;
	height: 478px;
}

#MB_header {
	margin: 0;
	padding: 0;
}

#MB_content {
	padding:0;
	overflow: hidden;
	height:450px;
	border-bottom:1px solid #c24990;
	
}

#MB_caption {
	font: bold 100% "Lucida Grande", Arial, sans-serif;
	text-shadow: #ccc 0 1px 0;
	padding: .5em 2em .5em .75em;
	margin: 0;
	text-align: left;
}

#MB_close {
	display: block;
	position: absolute;
	right: 5px; top: 4px;
	padding: 2px 3px;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
}
#MB_close:hover {
	background: transparent;
}

#MB_loading {
	padding: 1.5em;
	text-indent: -10000px;
	background: transparent url(spinner.gif) 50% 0 no-repeat;
}

/* Color scheme */
#MB_frame {
	padding-bottom: 7px;
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#MB_window {
	background-color: #EFEFEF;
	color: #000;
	-webkit-box-shadow: 0 8px 64px #000; 
	-moz-box-shadow: 0 0 64px #000; 
	box-shadow: 0 0 64px #000;
	
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px;
	border-radius: 0px;
}
#MB_content { border:0; margin-top:10px; }
#MB_header {
  background-color: #fff;
 
}
#MB_caption { color: #c24990}
#MB_close { color: #777 }
#MB_close:hover { color: #000 }


/* Alert message */
.MB_alert {
	margin: 5px 0;
	text-align: center;
}

/* Formulaire*/



	/* Note for version 3 - removed the layout debug borders - simply set them at 0 width */
	
	div.Layout3 {		position:relative; width:450px; margin:0; font:Verdana, Arial, Helvetica, sans-serif; size:11px;}
	
	.Layout3 p {		display:block; 				/* enable this element to be dimensioned */
						width:450px;
						float:left;					/* 	set a float to force this element to expand vertically
														to contain it's children - avoids adding a clearing element */	
						margin:0px 1em;			/*	space the form elements */
						border:0 solid red; }		/*	show the border */
	.Layout3 p label {	float:left; 
						display:block; 				/* 	enable this element to be dimensioned */
						width:100px; 				/* 	set a width for this element */
						margin:3px 1em 0 1em; 		/* 	put a small fixed top to line up with the text box
														set the left/right margin - avoids broken box problems */
						border:1 solid blue; 
						padding:0;}
	.Layout3 p input {	float:left; }				/* 	float this element against the label */
			/* 	CSS2.1 allows the use of attribute selectors which will enable us to identify different types of 
				input tag.  Unfortunately this isn't supported by many browsers - OK with Firefox & Safari, not IE. 
				This means we will need to use classes instead. */
	.Layout3 p input[type=submit] { float:left; }
	
/* Changes for Layout 2 */
			/*	All this CSS2.1 stuff is great for these new-fangled browsers, but what about all the new-ish ones
				that don't support attribute selectors.  The best bet is to uniquely identify each input type with
				a class,  then we can use CSS1 techniques to style everything.  
				The decision is which tag to identify; we could place a class on either the containing paragraph tag, 
				or on the contained input element.  Not much to choose between them except it's slightly clearer if 
				it's put on the input tag,  on the other hand if we place it on the paragraph it will be more
				flexible -- particularly if there's multiple tags such as radiobuttons. */
	.Layout3 p.InputTypeText input { width:17em; }	
	.Layout3 p.InputTypeTextShort input { width:6em; }
	.Layout3 p.InputTypeCheckbox input {  }
	.Layout3 p.InputTypeSubmit input { margin: 5px 163px; float:left; }
			/*	Radiobuttons have labels for each radio button.  Humans like to have a description for the all
				radio buttons in the set.  Styling this requires a wrapper around the description text, in this case
				a span tag.  Once we have that, we'll apply the same techniques of floating. */
	.Layout3 p.InputTypeRadio span { display:block;
						width:100px;
						float:left; 
						margin:1px 1em 5px 1em; 		/* 	put a small fixed top to line up with the text box
														set the left/right margin - avoids broken box problems */
						border:0 solid blue;
						padding:0;}
	.Layout3 p.InputTypeRadio input { margin:5px 0 10px 0; /* align the radiobuttons */ }
	.Layout3 p.InputTypeRadio label { width:auto;		/* Reset the width - don't need fixed widths here */
						margin:3px 15px 0 2px;			/* Mess around with margins to push the neighbour out */
						padding:0; }

/* Changes for Layout 3 - prettifying forms */
		/*	Want to flatten the borders of the text boxes, and add a background colour to everything
			We'll also change the colour and borders of the submit button -- but not too much as we don't 
			want the visitor getting confused.  And finally, we'll right-align the label text. */
	
	/* Right-align the text */
	.Layout3 label { text-align:right; }
	.Layout3 p.InputTypeRadio span {text-align:right; }
	
	
	/* Backgrounds and borders */
	.Layout3 p.InputTypeText input,
	.Layout3 p.InputTypeTextShort input { border:1px solid #c24990; background:#ffeef8; color:#c24990;}
	.Layout3 p select { border:0px solid white; background:#ffeef8; }	
	.Layout3 p.InputTypeSubmit input {background:url(../image/bouton.gif); font-size:12px; width:150px; height:20px; border:#c24990 solid 1px; color:#FFFFFF;  }
	.Layout3 p.InputTypeSubmit input:hover	{ background:url(../image/bouton2.gif);}
	/* Can't set backgrounds and borders on radio buttons or checkboxes */
	.Layout3 p.InputTypeRadio input,
	.Layout3 p.InputTypeCheckbox input { xxxborder:1px solid black; xbackground:#fdf; }

	
	legend { font-size:14px; }
	.Layout3 fieldset { border:0;width:450px;margin:0,padding:0;}
	.Layout3 fieldset legend { color:#c24990; font-weight:bold; }
	.Layout3 fieldset.Sailing { border:0; }
	.Layout3 fieldset.Sailing legend { color:#c24990; font-weight:bold; }