@import url(base.css);
@import url(typo.css);

/* Head */
#head {
	position:relative;
	width: 770px;
	height: 150px;
	}
h1 {
	position: absolute;
	width: 200px;
	height: 150px;
	background: url(img/logo-4.jpg) no-repeat;
	text-indent: -9999px;
	}
#head blockquote {
	position: absolute;
	text-indent: 450px;
	top: 90px;
	}
/* navigation principale */
#main-navigation {
	position: relative;
	width: 570px;
	height: 100px;
	left: 200px;
	}
	
/* Contenu*/
#content {
	width: 100%;
	min-width: 770px;
	min-height: 400px;
	background-color: #222222;
	margin-top: 11px;
	}
#other-content {
	float:left;
	width: 180px;
	}
#main-content {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: 200px;
	width: 570px;
	}
.cadre {
	width: 520px;
	height: 90px;
	background-color: #2C2A29;
	padding-right: 10px;
	}
.cadre1 {
	float: left;
	width: 350px;
	margin-left: 50px;
	margin-top: 20px;
	padding-bottom: 20px;
	}
.cadre2 {
	width: 340px;
	padding: 35px 0px 50px 0px;
	margin-left: 430px;
	}
.cadre3 {
	width: 520px;
	height: 123px;
	background-color: #2C2A29;
	padding-right: 10px;
	}
a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 15px;
    //top: 55px;
    left: 55px;
    padding: 10px;
    color: #FFFF66;
    border: 1px solid #bbb;
    background-color: #000;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
    width:350px;
}

/* Pied de page */
#bas {
	position: relative;
	width: 100%;
	height: 200px;
	background-color: #726657;
	margin-top: -10px;
	}
.footer {
	position: absolute;
	width: 200px;
	}