/* =Normalise les tags html
 * --------------------------------------------------------------------------------------------------------*/
* {
	margin  : 0;
	padding : 0;
	outline : none;
}
h1,h2,h3,h4,h5,h6 {
	font-size : 100%;
}
ol, ul {
	list-style : none;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style  : normal;
	font-weight : normal;
}
table {
	border-collapse : collapse;
	border-spacing  : 0;
}
fieldset, img {
	border : 0;
}
caption, th {
	text-align : left;
}
q:before, q:after {
	content : '';
}
/* =Layout de la page
 * --------------------------------------------------------------------------------------------------------*/

#clickDiv {
	/*cursor: pointer;*/
	position   : absolute;
	top        : 0;
	left       : 0;
	height     : 100%;
	width      : 100%;
	background : transparent url(../img/illustration/illu_bg.png) no-repeat center 0;
	z-index : 0;
}
.leaderbord {
	position : absolute;
	top : 20px;
	width : 728px;
	height : 90px;
}


* {
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 12px;
}
body {
	z-index : 10;
	width : 100%;
	height : 100%;
}
#header {
	width : 100%;
	height: 154px;	
}
	
	#header .plane {
		float: left;
		width : 333px;
		height : 153px;
	}
		#header .planeleft {
			background : url(../img/illustration/plane_left.png) no-repeat;
		}
		#header .planeright {
			background : url(../img/illustration/plane_right.png) no-repeat;
		}
	#header #content_header {
		position: relative;
		width : 978px;
		height : 153px;
		margin : 0 auto;
	}
		#header #content_header h1 {
			position : absolute;
			top : 0;
			left : 0;
			width : 221px;
			height : 127px;
			text-indent : -9999px;
			background : url(../img/illustration/logo_comparflight.png) no-repeat;
		}
	#header #menu {
		position: absolute;
		bottom : 0;
		left : 0;
		width : 978px;
		height : 26px;
		margin : 0 auto;
	}
		#header #menu ul li {
			float: left;
			margin : 0 4px 0 0;
		}
			#header #menu ul li.last {
				margin : 0;
			}
			#header #menu ul li a {
				display : block;
				padding : 5px 16px 4px 16px;
				text-decoration : none;
				font-size : 1.2em;
				font-weight : bold;
			}
			/*hack safari*/
			html[xmlns*=""] body:last-child #header #menu ul li a {
				padding : 5px 16px 0 16px;
			} 
#content {
	width : 100%;
	height : 100%;
	position : relative;
}
#wrapper {
	width : 1042px;
	position: relative;
	margin : 0 auto; 
}
#sky {
	position: absolute;
	top : 5px;
	right : -140px;
	overflow : hidden;
	width : 160px;
	height : 600px;
	z-index : 1;
}		
	#content #main_content {
		position: relative;
		width : 977px;
		margin : 0 auto;
		overflow : hidden;
		height : 100%;
		min-height : 587px;
	}
		#content #main_content #content_search {
			width : 977px;
			margin : 0 auto;
			overflow : hidden;
		}
			#content #main_content #content_search ul {
				float: right;
				margin : 0 5px 0 0;
				padding : 5px 0;
			}
				#content #main_content #content_search ul li {
					float : left;
				}
				#content #main_content #content_search ul li input[type="submit"] {
					background : url(../img/design/btnSearch.png) no-repeat;
					border:none;
					color:#FFF;
					cursor:pointer;
					display:block;
					font-size:14px;
					font-weight:700;
					height:27px;
					line-height:30px;
					text-align:center;
					text-decoration:none;
					width:130px;
				}
				#content #main_content #content_search ul li input[type="text"] {
					width : 252px;
					height : 21px;
					margin : 0 5px 0 0;
					padding : 4px 0 0 3px;
					border : 1px solid #7f9db9;
					color : #001f4e;
				}
			#content #main_content #content_search .bot_searchBox {
				float: left;
				width : 978px;
				height : 9px;
			}
	#content #main_content #col_1,
	#content #main_content #col_3 {
		margin : 5px 0;
	}
	#content #main_content #col_2 {
		margin : 5px;
	}
	#content #col_double {
		float: left;
		margin : 5px 5px 0 0;
		width : 634px;
	}
	#content #main_content .content_column {
		float: left;
		width : 322px;
	}
		#content #main_content .content_column .content_box {
			/*border : 1px solid #e0d0b1;*/
			margin : 0 0 10px 0;
		}
			#content #main_content .content_column .content_box h2 {
				float: left;
				width : 315px;
				height : 25px;
				padding : 5px 0 0 5px;
				font-size : 18px;
			}
			#content #main_content .content_column .content_box h3 {
				float: left;
				width : 315px;
				height : 25px;
				padding : 5px 0 0 5px;
				font-size : 14px;
			}
			#content #main_content .content_column .content_box ul li {
				clear : both;
				padding : 0 0 5px 0;
				overflow: hidden;
			}
			/* = box_type 1
			 ---------------------------------------------------------------*/
			#content #main_content .content_column .box_type1 {
				border : 1px solid #e0d0b1;
			}
			#content #main_content .content_column .box_type1 iframe, 
			#content #main_content .content_column .box_type1 div.box_js {
				/*width : 300px;
				height : 250px;
				border : 0px solid #333;*/
				margin : 5px 10px;
			}
			/* = box_type 2
			 ---------------------------------------------------------------*/
			#content #main_content .content_column .box_type2 h2 {
				border-top : 1px solid #e0d0b1;
				border-left : 1px solid #e0d0b1;
				border-right : 1px solid #e0d0b1;
				border-bottom : 1px solid #f2c053;
			}
			#content #main_content .content_column .box_type2 h3 {
				height : 23px;
				border : 1px solid #e0d0b1;
			}
			#content #main_content .content_column .box_type2 ul li div {
				float: left;
				width : 68px;
				height : 68px;
				margin : 5px 5px 5px 8px;	
			}
				#content #main_content .content_column .box_type2 ul li div img {
					width : 60px;
					height : 60px;
					margin : 4px;
				}
			#content #main_content .content_column .box_type2 ul li span {
				float: right;
				width : 200px;
				border : 0px solid #333;
				margin : 0 10px 0 0;
				text-align : right;
				font-size : 11px;
				font-weight : bold;
			}
				#content #main_content .content_column .box_type2 ul li span b {
					font-size : 12px;
				}
			#content #main_content .content_column .box_type2 ul li p {
				margin : 50px 0 0 5px;
				width : 300px;
				text-align : justify;
			}
			* + html #content #main_content .content_column .box_type2 ul li p {
				margin : 5px 0 0 81px;
				width : 220px;
			}
			/* = box_type 3
			 ---------------------------------------------------------------*/
			#content #main_content .content_column .box_type3 {
				border : 1px solid #e0d0b1;
			}
				#content #main_content .content_column .box_type3 h2 {
					float: left;
					width : 315px;
					height : 25px;
					padding : 5px 0 0 5px;
					font-size : 18px;
				}
				#content #main_content .content_column .box_type3 table {
					margin : 5px 0 0 3px;
					text-align : justify;
				}
			/* = box_type 4
			 ---------------------------------------------------------------*/
			#content #main_content .content_column .box_type4 {
				border-top : 1px solid #e0d0b1;
				border-left : 1px solid #e0d0b1;
				border-right : 1px solid #e0d0b1;
				border-bottom : 1px solid #e5904a;
			}
			#content #main_content .content_column .box_type4 h2 {
				position : relative;
				float: left;
				width : 315px;
				height : 25px;
				padding : 5px 0 0 5px;
				font-size : 18px;
				z-index : 1;
			}
			#content #main_content .content_column .box_type4 ul li.one {
				position : relative;
				border-bottom : 1px solid #e0d0b1;
				z-index : 0;
			}
			#content #main_content .content_column .box_type4 ul li.two {
				position : relative;
				border-bottom : 1px solid #e0d0b1;
				z-index : 0;
			}
				#content #main_content .content_column .box_type4 ul li h5 {
					font-size : 14px;
					padding :  5px 0 0 5px;
				}
				#content #main_content .content_column .box_type4 ul li p {
					width : 200px;
					font-size : 13px;
					padding :  0 0 5px 5px;
				}
				#content #main_content .content_column .box_type4 ul li span {
					display : block;
					position: absolute;
					bottom : 2px;
					right : 5px;
					width : 75px;
					text-align : right;
					font-weight : bold;
				}
			
		/* = box_type 5
			 ---------------------------------------------------------------*/
			#content #main_content .content_column .box_type5 {
				overflow : hidden;
				border-top : 1px solid #e0d0b1;
				border-left : 1px solid #e0d0b1;
				border-right : 1px solid #e0d0b1;
				border-bottom : 1px solid #6ca7e0;
			}
			#content #main_content .content_column .box_type5 h2 {
				position : relative;
				float: left;
				width : 315px;
				height : 25px;
				padding : 5px 0 0 5px;
				font-size : 18px;
				z-index : 1;
			}
			#content #main_content .content_column .box_type5 ul li div {
				float: left;
				width : 68px;
				height : 68px;
				margin : 5px 5px 5px 8px;	
			}
				#content #main_content .content_column .box_type5 ul li div img {
					width : 60px;
					height : 60px;
					margin : auto;
				}
			#content #main_content .content_column .box_type5 ul li b {
				display : block;
				padding :  5px 0 5px 0;
			}
			#content #main_content .content_column .box_type5 ul li p {
				width : 280px;
				padding :  0 0 5px 0;
			}
		/* = box_type 6
			 ---------------------------------------------------------------*/
			#content #main_content .content_column .box_type6 {
				overflow : hidden;
				border-top : 1px solid #e0d0b1;
				border-left : 1px solid #e0d0b1;
				border-right : 1px solid #e0d0b1;
				border-bottom : 1px solid #6997c5;
			}
			#content #main_content .content_column .box_type6 h2 {
				position : relative;
				float: left;
				width : 315px;
				height : 25px;
				padding : 5px 0 0 5px;
				font-size : 18px;
				z-index : 1;
			}
				#content #main_content .content_column .box_type6 h3 {
					font-size : 14px;
					padding : 5px 0 0 5px;
				}
			#content #main_content .content_column .box_type6 ul li div {
				float: left;
				width : 68px;
				height : 68px;
				margin : 5px 5px 5px 8px;	
			}
				#content #main_content .content_column .box_type6 ul li div img {
					width : 60px;
					height : 60px;
					margin : auto;
				}
			#content #main_content .content_column .box_type6 ul li p {
				padding : 5px 0 0 5px;
				width : 300px;
			}
			#content #main_content .content_column .box_type6 ul li span {
				float: right;
				width : 100px;
				border : 0px solid #333;
				margin : 10px 10px 0 0;
				text-align : right;
				font-size : 11px;
			}
				#content #main_content .content_column .box_type6 ul li span b {
					font-size : 12px;
				}
			
#footer {
	position : relative;
	bottom : 0;
	width : 100%;
	height: 120px;
}
	#footer #content_footer {
		position: relative;
		width : 978px;
		margin : 0 auto;
		font-size : 12px;
	}
		#footer #content_footer .link_infos {
			position : absolute;
			top : 0;
			right : 0;
			width : 200px;
			padding : 0 0 0 10px;
			background : url(../img/design/sep.png) repeat-y top left;
		}
			#footer #content_footer .link_infos h4 {
				padding : 3px 0 5px 0;
			}
			#footer #content_footer .link_infos ul li {
				font-size : 0.9em;
			}