/* CSS Document */
*{	font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;margin:0;padding:0px;text-decoration:none;color:#373838;}
P{ line-height:18px;}
FIELDSET{	border:none;}
A{}
LI{	list-style:none;}
H1,H2,H3,H4{color:#24a5e9;	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;}
IMG{	border:none;}
.hidden{	display:none;}
.small{	font-size:9px;}
.fluo{background-color:#f1e7c8;}
.clr{clear:both}
.title{font-size:24px;  margin-bottom:20px;font-weight:normal;}
.subtitle{ font-size:18px;font-weight:normal;}	
.green{color:#279406;}
.orange{color:#f06f07;}
.blue{color:#24a5e9;}
.bold{ font-weight:bold}
.shadow{margin-left:-3px}
.greyBg{ border:1px solid #aaa; background:#e6e8e9 url(../img/ml/greyBg.gif) repeat-x; padding:5px;}
UL.bulletOrange LI{padding-left:20px; background: url(../img/ml/bullet_orange.gif) no-repeat; margin:5px 10px; }
UL.linkList LI {margin:10px 3px;}

.btn{display:block; margin-top:10px; position:relative; top:0;background: url(../img/ml/btn_center_bg.gif) repeat-x top;  } 
.btn A{height:29px;padding-top:5px;color:#fff; font-size:14px; display:block; font-weight:bold;  text-decoration:none!important; width:100%; text-align:center } 
.btn .left{ position:absolute; left:0; top:0px;} 
.btn .right{ position:absolute; right:0; top:0px;} 

/*---main container--------------------------------*/
#container{
	width:865px;
	margin:auto;
	padding:0 25px;
	background:url(../img/ml/bgContainer.gif) repeat-y;
}

/*---toplinks--------------------------------------*/

#container #topLinks{background:url(../img/ml/bgTopLinks.gif) no-repeat;width:245px;height:27px;margin-left:-25px;padding:14px 0px 0px 670px; position:relative}
#container #topLinks LI{display:inline;}
#container #topLinks LI A{font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#0c416d;text-decoration:none;}
#container #topLinks LI A:HOVER{color:#999999;}
#container #topLinks .linkin{ position:absolute; right:22px; top:15px}

/*---topbox-----------------------------------------*/

#container #topBox{height:250px;margin-bottom:12px; position:relative}
	#container #topBox IMG{position:absolute; display:none}
	#container #topBox .cornerTL{ position:absolute; background: url(../img/ml/corner_tl.png) no-repeat; width:250px; height:60px; top:0; left:0; z-index:9}
	#container #topBox .cornerBL{ position:absolute; background: url(../img/ml/corner_bl.png) no-repeat; width:8px; height:8px; bottom:0; left:0; z-index:9}
	#container #topBox .cornerTR{ position:absolute; background: url(../img/ml/corner_tr.png) no-repeat; width:8px; height:8px; top:0; right:0; z-index:9}
	#container #topBox .cornerBR{ position:absolute; background: url(../img/ml/corner_br.png) no-repeat; width:8px; height:8px; bottom:0; right:0; z-index:9}

/*---menu ------------------------------------------*/

UL#menu { position:relative; background:#1765ac url(../img/ml/menu_bg.gif) repeat-y; width:874px; margin-left:-37px;padding-left:40px; margin-bottom:15px; /*padding-bottom:5px */}
	UL#menu LI {display:inline-block; float:left;  padding:3px 6px;border-right:1px solid #fff; margin:5px 0px;}
		UL#menu LI A { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#fff;}
	UL#menu .deco{position:absolute; bottom:-24px; left:0px; background:url(../img/ml/menu_bottom_bg.gif) no-repeat; height:25px ; width:24px}
	UL#menu #arrowMenu{position:absolute; top:-7px; left:0px; display:none }
.breadcrumps{margin-bottom:5px;}
	.breadcrumps A{color:#24a5e9; font-weight:normal; text-decoration:underline}

/*---content ------------------------------------------*/

#content{margin-top:20px;}
	#content A{ text-decoration:underline}
	#content .blockText{ margin:0px 0 20px 10px}
	#content .blockText .btn{width:370px; margin-left:40px; margin-top:10px; } 
	#content .withframe{float:left; width:480px;}
	
	#content .frame{ float:right; width:350px;  margin-left:10px; background:#fff url(../img/ml/home_pic_bg_middle.gif) repeat-y;}
		#content .frame .top{height:8px; background:#fff url(../img/ml/home_pic_bg_top.gif) no-repeat;}
		#content .frame .middle{  text-align:center;padding:3px 0}
		#content .frame .bottom{height:8px; background:#fff url(../img/ml/home_pic_bg_bottom.gif) no-repeat;}
		
	#content .textFrame{ float:right; width:350px;  background:#fff url(../img/ml/shadowFrame_middle_bg.gif) repeat-y;}
		#content .textFrame .top{height:20px; background:#fff url(../img/ml/shadowFrame_top_bg.gif) no-repeat;}
		#content .textFrame .middle{ padding:0px 20px}
		#content .textFrame .bottom{height:20px; background:#fff url(../img/ml/shadowFrame_bottom_bg.gif) no-repeat;}
	
	#content .bigTextFrame{  width:405px;  margin-left:-3px; background:#fff url(../img/ml/big_shadow_frame_middle_bg.gif) repeat-y;}
		#content .bigTextFrame .top{height:20px; background:#fff url(../img/ml/big_shadow_frame_top_bg.gif) no-repeat;}
		#content .bigTextFrame .middle{ padding:0px 20px;}
		#content .bigTextFrame .bottom{height:20px; background:#fff url(../img/ml/big_shadow_frame_bottom_bg.gif) no-repeat;}

	
	#content .column{ margin-bottom:20px;background:#fff url(../img/ml/column_middle_bg.gif) repeat-y;}
		#content .column .top{height:19px; background:#fff url(../img/ml/column_top_bg.gif) no-repeat;}
		#content .column .bottom{height:19px; background:#fff url(../img/ml/column_bottom_bg.gif) no-repeat;}
		#content .column .middle{  padding:5px 0px 5px 20px; }
			#content .column .middle LI A {color:#24a5e9; font-size:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none}
			#content .column .middle LI{ width:258px; float:left; margin:5px 10px; color:#24a5e9; font-size:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold}
	#content .separator{height:37px;  background:url(../img/ml/blue_separator.gif) no-repeat;}

#form { position:relative; height:187px; background:#e5e5e5 url(../img/ml/form_contact_bg.gif) repeat-x; width:870px;padding-left:40px; margin:10px 0 30px -33px }
	.simpleTF{width:190px; border:1px solid #aaa; float:left; margin-bottom:10px}
	#form LABEL{float:left; width:100px; text-align:right; font-weight:bold; margin-right:10px; margin-bottom:10px}
	#form .contact{border-right:1px solid #999;float:left; width:300px; font-size:15px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-top:10px}
		#form .contact .big{ font-size:20px}
	#form .col1{float:left; width:330px;}
		#form .col1 .legend{font-size:15px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:10px;}
	#form .col2{float:left; width:200px;}
		#form .col2 LABEL{float:none;width:200px;margin:40px 0 10px 0; display:block; text-align:left}
		#form .col2 .simpleTF{ float:none; height:60px; width:210px}
	#form .sendBtn{ position:absolute; bottom:10px; right:10px;}
	#form .deco{position:absolute; bottom:-19px; left:0px; background:url(../img/ml/form_contact_bottom_bg.gif) no-repeat; height:19px ; width:20px}

.bannerContainer{margin-bottom:20px;}
	.bannerContainer A{float:left;margin-left:-1px}
	
.textColumn{ width:400px; float:left; margin:0 15px 20px 15px;}
	.textColumn P {margin:10px 0 }
	.textColumn .thinseparator {border-top:1px solid #dde4ea; margin:15px 0;  height:0; line-height:0; font-size:0}
	.textColumn .priceBox {margin:10px; margin-bottom:0; font-size:14px}
	.textColumn .callTo{ font-size:16px; text-align:center; margin:10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:bold}
	.textColumn .detail{}
	.textColumn .visu405{margin:-3px}
	.textColumn .legend{font-size:16px;  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
	.textColumn .showFormule{ font-weight:bold}


.smallTextColumn{width:206px; float:left; margin:0 5px 20px 5px;  height:300px;}
	.smallTextColumn .thumbFrame{ background:url(../img/ml/thumb_frame_bg.gif) no-repeat;  width:206px; height:95px; margin-bottom:10px}
	.smallTextColumn .thumbFrame IMG{margin:10px 8px;}
	.smallTextColumn .description{margin:10px 8px;}

.verySmallTextColumn{width:172px; float:left; margin:0 5px 0px 5px; }
.splashVerySmallTextColumn{width:280px; float:left; margin:0 5px 0px 5px; }

/*---bottomLinks ------------------------------------------*/

#bottomLinks {clear:left;background:#fff url(../img/ml/bgBottomLinks.gif) no-repeat top;text-align:center;padding:40px 0;margin-left:-25px;width:915px}
#bottomLinks LI{display:inline; }
#bottomLinks LI span{font-size:9px;}

/*---convert old html with new style ------------------------------------------*/

#intro {margin:0px 10px 20px 10px}
#intro h1{font-size:24px;  margin-bottom:20px;font-weight:normal;}
#clefSurPorte{width:400px;  margin:0 15px 20px 15px;border-bottom:1px solid #dde4ea;float:left}
	#clefSurPorte H2{font-size:18px;font-weight:normal;}
	#clefSurPorte P{margin:10px 0;}
#allPackages {width:400px; margin:0 15px 20px 15px; float:right}
	#allPackages .titleBar { position:relative; border:1px solid #aaa; background:#e6e8e9 url(../img/ml/greyBg.gif) repeat-x; padding:5px;}
		#allPackages .titleBar span{color:#24a5e9;	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;font-size:18px;font-weight:normal;}
		#allPackages .titleBar span.colonne2{ position:absolute; right:5px;}
	#allPackages .titlePackage{position:relative;height:65px;border-bottom:1px solid #dde4ea;}
		#allPackages .titlePackage H3{margin:10px 120px 0 10px; font-weight:normal; line-height:24px;color:#373838}
		#allPackages .titlePackage .price{position:absolute; right:10px; top:10px;color:#279406;}
		#allPackages .titlePackage .moreInfo{position:absolute; right:10px; bottom:15px;color:#f06f07; font-weight:bold}
		#allPackages .package{border-bottom:1px solid #dde4ea; display:none}
		#allPackages UL.features {border-bottom:1px solid #dde4ea; padding:15px 0;}
		#allPackages UL.features LI {padding-left:20px; background: url(../img/ml/bullet_orange.gif) no-repeat; margin:5px 10px;}
			#allPackages UL.features LI H4 {font-weight:normal; color:#373838}
		#allPackages UL.features LI.red { background:none;  color:#279406;text-align:center;}
			#allPackages UL.features LI.red h4{color:#279406;;font-size:16px;  margin:10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:bold}
			#allPackages A IMG{ margin:15px 0 15px 135px;}
#surMesure{width:400px; margin:0 15px 20px 15px; clear:left }
	#surMesure H2,#surMesure H4 {font-size:18px;font-weight:normal; }
	#surMesure  LI{margin:10px 5px;}
	#surMesure #program,#surMesure #programOption{border-bottom:1px solid #dde4ea;padding:0px 0 15px; }
		#surMesure UL#program LI SPAN.time{ display:block;   font-weight:bold; }
		#surMesure UL#program LI SPAN{ display:block; }
		
/*---addthis---------------------------------------*/
.addthisTop{float:right;  background-color:#f4f4f4; height:25px; padding-top:3px;  margin:10px 0px 10px 0; }
.addthisInColomn{float:right; background-color:#f4f4f4; height:25px; padding-top:3px;  margin:10px 0px 0px 0}
.addthisBottom{float:right; background-color:#f4f4f4; height:25px; padding-top:3px;  margin:-10px 15px 10px 0}