* {
	margin: 0;
	padding: 0;
	border: 0;
}

img {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Trebuchet MS, Verdana, Geneva, Arial, helvetica, sans-serif;
	color: #1892d6;
	font-size: 12px;
	position: relative;
	left: 50%;
	width: 780px;
	margin-left: -390px;
	margin-top: 20px;
	margin-bottom: 20px;
}

p {
	margin-bottom: 8px;
}

input, textarea {
	font-family: Trebuchet MS, Verdana, Geneva, Arial, helvetica, sans-serif;
	color: #1892d6;
	border: dotted 1px #1892d6;
	background-color: #ffffff;
	font-size: 11px;
	margin: 2px;
	padding: 2px;
}

a {
	color: #1892d6;
	text-decoration: none;
}

a:hover {
	color: #1892d6;
	text-decoration: underline;
}

a:visited {
	color: #1892d6;
}

#page {
	position: relative;
	width: 780px;
	height: 500px;
}

#sebastien {
	font-size: 36px;
	color: #ffffff;
	position: absolute;
	top: 20px;
	left: 20px;
	font-weight: bolder;
}

#armessen {
	font-size: 36px;
	color: #ffffff;
	position: absolute;
	top: 38px;
	left: 52px;
	font-weight: bolder;
}

#top {
	position: relative;
	width: 780px;
	height: 130px;
	background-image: url(images/top.jpg);
}

#bas {
	width: 780px;
	height: 369px;
}

#menu {
	width: 166px;
	height: 369px;
	float: left;
}

#menu-titre {
	width: 166px;
	height: 33px;
}

#menu-bas {
	width: 166px;
	height: 336px;
	background-color: #ffffff;
	color: #1892d6;
	font-size: 16px;
	background-image: url(images/fond-menu.jpg);
}

#menu-bas2 {
	width: 166px;
	height: 256px;
	background-color: #ffffff;
	color: #1892d6;
	font-size: 16px;
	background-image: url(images/fond-menu2.jpg);
}

#menu-contenu {
	width: 150px;
	padding-left: 16px;
}

#menu-sousrub {
	width: 134px;
	height: 80px;
	background-image: url(images/fond-rub.gif);
	color: #ffffff;
	padding-left: 32px;
}

#espace-vide {
	width: 10px;
	height: 369px;
	background-image: url(images/espace-vide.jpg);
	float: left;
}

#contenu {
	width: 604px;
	height: 369px;
	background-image: url(images/fond-contenu.jpg);
	background-repeat: no-repeat;
	float: left;
}

#contenu-page {
	position: relative;
	width: 562px;
	height: 291px;
	left: 18px;
}

#chemin {
	position: relative;
	width: 562px;
	color: #1892d6;
	bottom: 8px;
}

.puce {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
}

a.lien-menu	,a.lien-menu:hover, a.lien-menu:visited {
	color: #ffffff;
}

#w3c {
	position: absolute;
	top: 480px;
	left: 40px;
	font-weight: bold;
}

a.wwwc, a.wwwc:hover, a.wwwc:visited {
	color: #ffffff;
}

/* liste horizontale pour les rubriques à sous-menus */
#liste {
	position: relative;
	font-size: 12px;
	width: 558px;
	text-align: center;
	top: 4px;
}

#liste ul {
	list-style-type: none;
}

#liste li {
	float: left;
}

#liste ul li {
	display: inline;
	margin-left: 32px;
	text-align: center;
}

#liste ul li a, #liste ul li a:visited {
	color: #bbbbbb;
}

#liste ul li a:hover {
	color: #1892d6;
	font-weight: bold;
}
/****************************************************/

/* liste horizontale pour les réalisations */
#realisations {
	position: relative;
	font-size: 12px;
	width: 558px;
	text-align: center;
	top: 4px;
}

#realisations ul {
	list-style-type: none;
}

#realisations li {
	float: left;
}

#realisations ul li {
	display: inline;
	margin-left: 16px;
	text-align: center;
}

#realisations ul li a, #realisations ul li a:visited {
	color: #bbbbbb;
}

#realisations ul li a:hover {
	color: #1892d6;
	font-weight: bold;
}
/****************************************************/

/* liste horizontale pour les rubriques secondaires (plan du site, liens, mentions légales) */
#menu2 {
	width: 562px;
	height: 51px;
	text-align: center;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}

#menu2 ul li {
	margin-left: 48px;
	color: #ffffff;
	display: inline;
	margin-left: 48px;
	text-align: center;
	float: left;
}

#menu2 ul li a, #menu2 ul li a:visited {
	color: #ffffff;
}

#menu2 ul li a:hover {
	color: #ffffff;
	font-weight: bold;
}
/****************************************************/

a.lien-texte {
	text-decoration: underline;
}

a.lien-texte:hover {
	text-decoration: none;
}