/*----------------------------------------------*/
/* CSS for the MODELIB Web Site					*/
/* 												*/
/*----------------------------------------------*/

body {
    color: #444;
	font:  0.8em Tahoma, Verdana, Arial, sans-serif;
    background: #2D3A7A;
    margin: 0;
}


a 			{color: #36d; text-decoration: none; font-variant:small-caps;}
a:hover		{color: #000; font-variant:small-caps;}
h3:hover 	{color: #000;}

#logo {
	position: absolute;
	top: 5px;
	right: 120px;
	height: 40px;
	width: 210px;
}

#logo img {border: 0;}
#logo a 		{text-decoration: none;}

#container {
	margin-left:  70px;
	margin-right: 70px;
	margin-top: 0;
	clear: both;

	background: #fff url('background.png') center center no-repeat;

	border-left:  2px solid #444;
	border-right: 2px solid #444;
	border-bottom: 2px solid #444;

	padding: 20px;
}

#fast {
	position: absolute;
	top: 10px;
	left: 60%;
	width: 220px;
	text-decoration: none;
	text-align: center;
	padding-right: 25px;
	background: url('bulle.png') center right no-repeat;
}

#fast h3 {
	display: block;
	font:   1em Verdana, Arial, sans-serif;
}

#fast ul {
    list-style: none;
}

#fast li {
	display: inline;
	list-style-type: none;
	border-right: 2px solid #CCC;
	text-decoration: none;
	padding-left:  5px;
	padding-right: 5px;

}

#fast li.last {
	border: 0;
}


/*Titre*/
#header {
	font-family: "Trebuchet MS", Verdana;
	width: 100%;
}

#header h1{
	font-size: 400%;
}

/*Sous le titre*/
#header h3{
	position: absolute;
	height: 35px;
    font-variant:small-caps;
	font-style:italic;
}


#links {
    font-variant:small-caps;
	background-color: #fff;
	font-family: "Trebuchet MS", Verdana;
    text-align: center;
    border-top   : 2px solid #444;
    border-bottom: 2px solid #444;
}

#links:hover {
	background-color: #efefef;
}

#links ul {
    list-style: none;
}

#links li {
	display: inline;
	font-size: 1.1em;
}


#links li a {text-decoration: none; padding: 5px; margin: 5px;}
#links li a.first {margin-left:0px; padding-left: 0px;}

/* le texte */
#text {
	margin-left: 25px;
	margin-right: 25px;
	text-align: justify;
	line-height: 18px;
}

#text h3{
	height: 20px;
	padding-right: 25px;
	background: url('bulle.png') center right no-repeat;
}

#text h3 {
	display: block;
}

#text pre {
	border: 1px dashed #36d;
	padding: 20px;
	font: 1em courier;
}

#text #download {
	display: block;
	padding: 10px;
	font-family: "Trebuchet MS", Verdana;
	border-right: 1px dashed #efefef;
}

.dl {
	vertical-align: middle;
	background-color: transparent;
	border-bottom: 1px dashed #444;
	border-left: 2px solid #efefef;
	padding: 10px;
	height: 50px;
}

.title {
	border:0;
	background-color: #efefef;
}

.dl:hover {
	background-color: #efefef;
	border-left: 2px solid #444;
	border-bottom: 1px dashed #444;
}

.dl img {
	float: right;
	border: 0;
	height: 48px;
	width: 48px;
}

.dl a { font-weight: bold; }

#maj {
	position: relative;
	background-color: transparent;
	border-bottom: 1px solid #36d;
	margin-left: 50px;
	margin-right: 50px;
	padding: 25px;
}

#maj h3 {
	padding-left: 25px;
	display:block;
	background-color: #efefef;
}

#footer {
	text-align: right;
    font-size: 1.1em;
    width: 90%;
}

#footer h3 {
	text-align: right;
	background: #fff;
	padding-right: 0;
}

#footer a {
    text-decoration: none;
}

#footer a:hover {
	color: #000;
    text-decoration: none;
}

.tiny {
	color: #ccc;
	font-size: 85%;
}
.tiny a {
	color: #ccc;
}

#licence pre {
	font: 1em Georgia;
	border: 1px dashed #36d;
	margin: 10px;
	padding: 10px;
}

