/* =RESET (http://developer.yahoo.net/yui/license.txt)
version: 2.2.1
--------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/* END RESET -------------------------------------- */

html, body {
	width: 100%;
	height: 100%;
	font-family: Trebuchet MS;
}

#global {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	background: transparent url(../img/bg_global.gif) no-repeat left top;
	height: 100%;
}

#header {
	background: transparent url(../img/header.gif) no-repeat left top;
	position: absolute;
	top: 0;
	left: 50%;
	width: 812px;
	height: 176px;
	margin-left: -406px;
	z-index: 1;
}

#menu_2nd {
	margin: 70px 25px 0 0;
}

	#menu_2nd li {
		height: 12px;
		text-align: right;
	}
	
		#menu_2nd li a {
			font-size: 10px;
			color: #999999;
			text-decoration: none;
		}

#menu_1st {
	float: left;
	width: 270px;
	margin: 235px 0 0 0;
	display: inline;
}

#menu_lvl1 {
	margin-right: 40px;
}

	#menu_lvl1 li {
		text-align: right;
	}
	
		#menu_lvl1 li a {
			font-size: 14px;
			color: #5c5c5c;
			text-decoration: none;
			text-transform: lowercase;
		}

#menu_lvl2 {
	margin: 0 10px 30px 0;
}
		
	#menu_lvl2 li {
		height: 12px;
	}
	
		#menu_lvl2 li a {
			color: #999999;
			font-size: 12px;
			text-transform: capitalize;
		}
		
		#menu_lvl2 li a.selected {
			color: #8ac3e0;
		}
		
#content {
	position: relative;
	width: 700px;
	border-left: 1px dotted #cccccc;
	float: left;
	display: inline;
}

	#content #txtaccueil, #content #nosalgues, #popup {
		width: 330px;
		margin: 185px 0 0 30px;
		padding: 0 0 15px 0;
		font-size: 13px;
		line-height: 15px;
		color: #333;
		text-align: justify;
		float: left;
		display: inline;
	}

#popup {
	margin-top: 15px;
}
	
	#content #nosalgues, #txt_savoirplus1 {
		font-size: 12px;
		color: #666666;
		height: 300px;
		height: auto !important;
		min-height: 300px;
	}
	
		#content p strong, #content #nosalgues strong, #txt_savoirplus1 strong {
			font-weight: bold;
		}
		
		#content #nosalgues em, #txt_savoirplus1 em {
			font-style: italic;
			font-weight: bold;
		}
		
		#content #nosalgues h2, #txt_savoirplus1 h2 {
			font-size: 16px;
			color: #8ac3e0;
			font-weight: bold;
			border-bottom: 1px dotted #cccccc;
			padding: 0 0 5px 0;
			margin: 0 0 5px 0;
		}
		
		#content #nosalgues h3, #txt_savoirplus1 h3, #popup h3 {
			font-size: 13px;
			font-weight: bold;
			color: #b44c89;
		}
		
		#content #nosalgues span, #txt_savoirplus1 span {
			font-size: 10px;
			color: #cfcfcf;
		}
		
#quotation {
	float: left;
	width: 239px;
	height: 116px;
	margin: 185px 0 0 25px;
	display: inline;
}

	#quotation1 {
		margin: 31px 0 0 35px;
		color: #82bfde;
		font-size: 20px;
		line-height: 14px;
	}
	#quotation2 {
		margin: 0 0 0 68px;
		color: #82bfde;
		font-size: 15px;
	}
	#quotation3 {
		margin: 0 0 0 18px;
		color: #82bfde;
		font-size: 26px;
		line-height: 20px;
	}
	#quotation4 {
		margin: 0 0 0 28px;
		color: #82bfde;
		font-size: 16px;
	}
	
	#quotation img {
		margin: 30px 0 0 0;
		border-bottom: 1px dotted #ccc;
	}
	
.txt_sep {
	border-top: 1px dotted #cccccc;
}

#copyright {
	position: absolute;
	bottom:0;
	left: -77px;
	bottom: 10px;
	color: #cccccc;
	font-size: 10px;
}

a#savoirplus, a#savoirplus2 {
	display: block;
	position: absolute;
	right: 151px;
	top: 540px;
	width: 129px;
	height: 48px;
	background: #fff url(../img/savoirplus.gif) no-repeat left top;
}

a#savoirplus2 {
	background-image: url(../img/savoirplus2.gif);
	top: 588px;
	right: 189px;
	width: 141px;
}

	a#savoirplus span, a#savoirplus2 span {
		display: none;
	}