@import url(./reset.css);
@import url(./khaldi_font2.css);

body {
	margin: 0;
	padding: 0;
	font: normal 76% Helvetica, Tahoma, Arial, sans-serif;
}
img {
	border: 0;
}

.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }

.cvSmallInfos { font: normal 10px Helvetica, Tahoma, Arial, sans-serif; }
.cvSmallDesc { font-size: 11px; }

.breaker {
	display: block;
	clear: both;
	overflow: hidden;
	height: 0;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}
.hidden {
	display: none;
	visibility: hidden;
}
.help {
	cursor: help;
}

.opacity {
	filter : alpha(opacity=60);
	-moz-opacity : 0.6;
	opacity : 0.6; 
}


#container {	
	width: 990px;
	margin: 0 auto;
}
	#header {
		margin-top: 10px;
		padding-bottom: 16px;
		border-bottom: 1px solid #ddd;
		color: #888;
		cursor:pointer;
	}
		#header h1 {
			font: bold italic 24px Helvetica, Tahoma, Arial, sans-serif;
			color: #000;
			text-indent: -9999px;
			background: white url(../images/khaldi.png) 0 0 no-repeat;
			height: 71px;
		}
		#header h2 {
			font: normal 10px "Segoe UI", Arial, sans-serif;
			margin-top: -20px;
		}
		#header h2 strong { font-style: italic; color: #aaa; }

	#headline {
		width: 990px;
		height: 6px;
		background: #fff;
		overflow: hidden;
	}
		.color {
			display: block;
			float: left;
			width: 320px;
			margin-right: 15px;
		}
			#headline .no-pad {
				margin-right: 0;
			}
			.eff1 { background: #000; }
			.eff2 { background: #888; }
			.eff3 { background: #9b0; }

	#navigation {
		margin-top: 10px;
		margin-bottom: 10px;
	}
		#navigation ul {
			text-align: right;
			list-style-type: none;
		}
		#navigation ul li {
			display: inline;
			padding: 0 8px;
			color: #666;
			font-weight: bold;
		}
		#navigation ul li.no-pad {
			padding-left: 0;
		}
		#navigation ul li a {
			color: #666;
			text-decoration: none;
		}
		

	#main {
		margin-top: 20px;
	}
		/*
		#main h2 { font: normal 28px HelveticaNeueULht, Calibri, Arial, sans-serif; border-bottom: 1px solid #aaa; }
		#main h3 { font: normal 24px HelveticaNeueULht, Calibri, Arial, sans-serif; color: #9b0; }
		#main h2 { font-family: HelveticaNeueULht, Calibri, Arial, sans-serif; font-size: 22px; font-style: italic; font-weight: bold; border-bottom: 1px solid #aaa; }
		#main h3 { font-family: HelveticaNeueULht, Calibri, Arial, sans-serif; font-size: 18px; font-weight: bold; color: #779900; }
		*/
		#main h2 { font-size: 24px;line-height:normal;font-family: 'HelveticaNeueLTStd25UltraLigh', sans-serif; border-bottom: 1px solid #aaa; }
		#main h3 { font-size: 20px;line-height:normal;font-family: 'HelveticaNeueLTStd25UltraLigh', sans-serif; color: #779900; }
		
		#main h4 {
			margin-top: 10px;
			padding: 0;
			margin-left: 5px;
			font-family: HelveticaNeueULht, Calibri, Arial, sans-serif;
			font-size: 14px;
		}
		#main h4, #main dfn {
			font-weight: bold;
		}
		#main dfn {
			display: block;
			margin-top: -5px;
			margin-left: 5px;
			color: #555;
			font-size: 11px;
			line-height:normal;
			font-family: 'HelveticaNeueLTStd25UltraLigh', sans-serif;
		}
		#main strong {
			display: block;
			font-weight: bold;
		}
	
		#main cite {
			display: block;
			background: #ebf5cc;
			padding: 10px;
		}
		#wrapper {

		}
		.column {
			text-align: justify;
		}
		.column p {
			padding: 5px;
		}
		.column dl {
			margin-left: 15px;
			margin-right: 20px;
		}
		.column dl dt {
			margin-top: 10px;
			padding: 0;
			margin-left: 5px;
			font-size: 16px;
			line-height:normal;
			font-family: 'HelveticaNeueLTStd25UltraLigh', sans-serif;
			color: #000;
			border-bottom: 1px solid #000;
		}
		.column dl dt a { color: #000; text-decoration: none; }
		.column dl dd {
			margin-left: 25px;
			padding-left: 15px;
			background: white url(http://www.khaldi.fr/design/normal/images/puce.gif) 0 6px no-repeat;
		}
		.column dl dd a {
			color: #000; text-decoration: none;
		}
		.column ul {
			margin-left: 15px;
			margin-right: 20px;
		}
		.column ul.arrow {
			margin-left: 10px;
			margin-top: 10px;
			border-top: 1px solid #ddd;	
		}
		.column ul.arrow li {
			height: 20px;
			line-height: 20px;
			padding-left: 15px;
			background: white url(http://www.khaldi.fr/design/normal/images/puce.gif) 0 6px no-repeat;
			border-bottom: 1px solid #ddd;
		}
		.column ul.arrow li a { color: #000; text-decoration: none; }
		.column_twenty {
			display: block;
			float: left;
			width: 250px;
		}
		.column_heighty {
			display: block;
			float: left;
			width: 720px;
		}
		.column_fifty {
			display: block;
			float: left;
			width: 485px;
			margin-right: 20px;
		}
		.column_thirty {
			display: block;
			float: left;
			width: 320px;
			margin-right: 15px;
			border-bottom: 4px solid #ccc;
		}
		#main .no-pad { margin-right: 0; }
		#main .twenty-pad { margin-right: 20px; }

	#footer {
		margin-top: 25px;
		border-top: 1px solid #ddd;
	}
		#footer ul {
			text-align: left;
			list-style-type: none;
		}
		#footer ul li {
			display: inline;
			padding: 0 8px;
			color: #666;
			font-size: 11px;
		}
		#footer ul li.no-pad {
			padding-left: 0;
		}
		#footer ul li a {
			color: #666;
			text-decoration: none;
		}

	#network {
		margin-top: 10px;
		text-align: center;
	}
		#network ul {
			text-align: center;
			list-style-type: none;
		}
		#network ul li {
			display: inline;
			color: #000;
			font-size: 11px;
		}
		#network ul li.no-pad {
			padding-left: 0;
		}
		#network ul li a {
			color: #000;
			text-decoration: none;
		}