@CHARSET "ISO-8859-1";

body {width:100%; height:100%; margin:0; padding:0;}

#ax-global {
	width:100%;
	height:auto;
	margin:0; padding:0;
	border:1px solid #C4C4C4;
	color:#000000; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px;
	background:#FFFFFF;
}

.ax-header {	
	width:100%; height:50px;
	margin:0; padding:0;
	border-bottom:1px solid #C4C4C4;
	background:transparent url('../images/ajaxwindow/ajax-header-bg.jpg') repeat-x;
}
.ax-header p {margin:0; padding:0 0 0 23px; color:#FFFFFF; font-size:14px; text-align:left; line-height:50px;}
.ax-content {width:100%; height:auto; margin:0; padding:0 0 30px 0;	border:0; background:#FFFFFF;}
.ax-content p {margin:0; padding:0;}

#fmfriend {width:95%; margin:0 auto; padding:15px 0 0 0; border:0;}
#fmmore {width:95%; margin:0 auto; padding:15px 0 0 0; border:0;}

form .bloc {margin:0; padding:15px 0 0 0;}
form .bloc .title p {margin:0; padding:15px 0 15px 0;}
form .elements {margin:0; padding:0 60px 0 0;}
form .element {overflow:hidden; width:325px; margin:0 auto; padding:0;}
form .label {float:left; width:70px; text-align:left; margin:0; padding:0;}
form .label p {margin:0; padding:0 10px 0 0; text-align:right; line-height:18px;}
form .field, form .fieldarea {float:right; width:255px; height:21px; text-align:right; margin:0; padding:0;}

form .input,  form .select, form .mini { margin:0; padding:0; height:18px; border:1px solid #B7B7B7; background:#FFFFFF;}
form .input { width:253px;}

form .textarea { margin:0; padding:0; height:90px; border:1px solid #B7B7B7; background:#FFFFFF; overflow:auto;}
form .textarea { width:253px;}
form .fieldarea {height:93px;}

form .buttons { margin:0 auto; padding:30px 0 0 0; overflow:hidden; width:432px;}

form .nota p {margin:0; padding:5px 0 0 182px; font-size:10px; text-align:left;}

/* Boutons submit reference */
.submit-button, .submit-button-disabled {	
	display:block;
	cursor:hand;
	cursor:pointer;
	text-decoration:none;
	width:216px;
	height:60px;	
	margin:0 auto;	
	background:transparent url('../images/ajaxwindow/ajax-fm-button.png') no-repeat;
}
.submit-button {background-position:0 0;}
.submit-button:hover {background-position:-216px 0;}

.submit-button-disabled {background-position:0 0;}
.submit-button-disabled:hover {background-position:0 0;}

.submit-button .submit-button-text, .submit-button-disabled .submit-button-text {
	font-family:Arial, sans-serif; font-size:14px; font-weight:normal; display:block; color:#FFFFFF;
	text-decoration:none;	
	padding:0;	
	text-align:center;
	line-height:60px;
}

.submit-button:hover .submit-button-text, .submit-button-disabled:hover .submit-button-text {
	color:#000000;
	text-decoration:none;
}

#fmfriend-cancel-button, #fmfriend-submit-button {float:left;}
#fmmore-cancel-button, #fmmore-submit-button {float:left;}


/* Pages Photos */
.photos-top {width:100%; height:360px; margin:0 auto; padding:30px 0 0 0; text-align:center;}
.photos-top .selected-photo {
	width:492px; height:345px; margin:0 auto; padding:0; text-align:center;
	background:url('../images/BDLoadingIndicator/ajax-loading.gif') no-repeat center center;
}
.photos-top .selected-photo div {
	width:487px; height:339px; margin:0; padding:0;
	border:0;
}
.photos-top .selected-photo div img {
	margin:0; padding:0; border:0;
}



.photos-bottom {width:100%; height:auto; min-height:150px; _height:150px; margin:0 auto; padding:0; text-align:center;}
.photos-bottom .photos-block {width:525px; overflow:hidden; margin:0 auto; margin-top:5px; padding:0; border:0; text-align:center;}
.photos-bottom .photos-block .photo-thumb {
	float:left; width:82px; height:68px; margin:0 5px 0 0; padding:0;
	background:transparent url('../images/ajaxwindow/ax-photo-bg.png') no-repeat right top;
}

.photos-bottom .photos-block .photo-thumb DIV {
	width:77px; height:62px;
	margin:0; padding:0;
	text-align:left;
	/*border:1px solid #000000;*/
}

.photos-bottom .photos-block .photo-thumb DIV img {margin:0; padding:0; border:1px solid #000000;}

.photos-buttons { margin:0 auto; padding:15px 0 0 0; overflow:hidden;}

/* Calculatrice */
#fmcalc {width:95%; margin:0 auto; padding:0; border:0;}

#fmcalc .bloc {margin:0; padding:10px 0 10px 0;}
#fmcalc .bloc .title {border-bottom:1px solid #B7B7B7; padding:0;}
#fmcalc .bloc .title p {margin:0; padding:0 0 3px 0; text-align:left;}
#fmcalc .elements {margin:0; padding:15px 0 0 0;}
#fmcalc .element {overflow:hidden; width:280px; margin:0 auto; padding:5px 0 5px 0;}
#fmcalc .label {float:left; width:100px; text-align:left; margin:0; padding:0;}
#fmcalc .label p {margin:0; padding:0; text-align:left; line-height:18px;}
#fmcalc .field {float:right; width:120px; height:21px; text-align:left; margin:0; padding:0;}

#fmcalc .input,  #fmcalc .select, #fmcalc .mini { margin:0; padding:0; height:18px; border:1px solid #B7B7B7; background:#FFFFFF;}
#fmcalc .input { width:100px;}
#fmcalc .mini {width:50px;}
#fmcalc .select {width:50px; height:20px;}

#fmcalc #resultat {height:30px; padding:10px 0 0 0;}
#fmcalc #resultat div {width:280px; padding:0 0 5px 0; margin:0 auto; text-align:center;}
#fmcalc #resultat span {display:block !important; float:left;}
#fmcalc #resultat span.calc-title {float:left; width:150px; font-weight:bolder; text-align:left; text-decoration:none;}
#fmcalc #resultat span.calc-value {float:right; font-weight:normal; text-align:left; text-decoration:none;}

#fmcalc .buttons { margin:0 auto; padding:0; overflow:hidden; width:220px;}