/*
	Cette feuille de style appartient à H50.fr,
	elle n'est en aucun cas modifiable ou réutilisable
	sans autorisation de son propriétaire.

	Elle a été réalisée par Xethorn (http://xethorn.net) pour
	H50 Developpement (http://h50.fr).
*/
/* Informations principales */

body {
	color:#000;
	background:transparent url("../images/body_fond.png");
	padding:0px;
	margin:0px;
	font-family: "Trebuchet MS", "Bitstream vera sans", sans-serif;
	font-size:1em;
}

html > body #page {
	background:transparent url("../images/page_fond.png") repeat-y center;
}

#page {
	width:820px;
	text-align:center;
	background:transparent url("../images/page_fond_ie.png") repeat-y center;
	margin:auto;
	padding:0px 1px 1px 1px;
}
/* Logo */
#top {
	height:5.6em;
}
#header {
	float:left;
	height:5.6em;
	width:380px;
	margin-left:36px;
	background:#FFF url("../images/logo.png") no-repeat left;
}

#header a {
	display:block;
	height:60px;
	font-size:0em;
	text-decoration:none;
	color:#FFF;
}
#header span {
	visibility:hidden;
}
/* Prélude */
#prelude {
	position:relative;
	float:right;
	width:320px;
	margin-top:20px;
	margin-right:10px;
}
#prelude ul, #prelude li {
	display:inline;
	margin:0px;
	padding:0px;
}
#prelude a {
	font-size:0.65em;
	display:block;
	float:left;
	padding:4px;
	margin:2px 3px;
	color:#555;
	width:100px;
	background:#EAEAEA url("../images/prelude_a.png") no-repeat left bottom;
	text-decoration:none;
}
#prelude a:hover {
	color:#70ac5e;
}
/* Partie regrouppant le menu et le contenu */
#main {
	clear:both;
	margin-left:40px;
	margin-right:40px;
	text-align:left;
	font-size:0.83em;
	background:transparent url("../images/main_fond.png") repeat-x;
	padding:5px;
}

/* Contenu de la page, il est à gauche */
#contenu {
	width:76%;
	float:right;
	background:transparent;
	padding-bottom:10px;
}

#contenu h1 {
	font-weight:normal;
	color:#4658a5;
}
#contenu p {
	margin-left:15px;
	text-indent:40px ;
}
#contenu li {
	list-style-image:url("../images/liste.png");
}

#contenu acronym {
	color:#5c9842;
}
#contenu a {
	color:#4658a5;
}

#contenu a:hover {
	color:#ca0000;
	text-decoration:none;
}

#contenu .info {
	display:block;
	border:1px solid #F1F1F1;
	background-color:#FCFCFC;
	padding:6px;
	margin:20px 30px;
}

#contenu .info p {
	margin:0px;
}

#contenu .info p a:hover {
	color:#c2daad;
}

#contenu .info:before {
	content:attr(title);
	position:absolute;
	display:block;
	padding:4px;
	margin-top:-20px;
	margin-bottom:5px;
	margin-left:-20px;
	color:#4658a5;
	font-weight:bold;
}

/* Menu placé à droite */
#menu {
	width:20%;
	float:left;
}
#menu h1 {
	font-size:0.9em;
	padding-left:1px;
	margin:10px 0px 0px 0px;
	border-bottom:3px double #c3d7b9;
	color:#639937;
}
#menu ul {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	list-style-type:none;
}
#menu li {
	display:inline;
}
#menu a {
	display:block;
	font-size:0.85em;
	color:#4b5064;
	padding:2px 2px 2px 8px;
	text-decoration:none;
}
#menu a:hover {
	color:#FFF;
	background-color:#4b5064;
}
/* Bas de la page */
#footer {
	text-align:left;
	clear:both;
	font-size:0.8em;
	height:60px;
	padding:3px;
	margin:0px 40px;
	background:#fff url("../images/main_fond.png") repeat-x top;
}
#footer p {
	padding:5px;
	margin:0px;
}
#footer a {
	width:80px;
	height:15px;
	margin-right:15px;
	display:block;
	float:left;
}
#footer .css {
	background:transparent url("../images/css.png") no-repeat;
}
#footer .xhtml {
	background:transparent url("../images/xhtml.png") no-repeat;
}
#footer .xethorn {
	background:transparent url("../images/xethorn.png") no-repeat;
}
#footer .firefox {
	background:transparent url("../images/firefox.png") no-repeat;
}
#footer span {
	display:none;
}
/* ID différents et rarement utilisés */
#bienvenue {
	padding-top:110px;
	background:transparent url("../images/bienvenue.png") no-repeat;
}