@charset "utf-8";
/* CSS Document - copyright ESPACE TECHNOLOGIE - feuille de style de base */
/* Personnalisez la feuille de style en fonction de votre charte graphique */
body {
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	background-color: #DCD398;
	margin: 20px 0px 0px;
	padding: 0px;
	
}
/* Mise en forme des conteneurs div pour ceux qui les utilisent, définit par leur #id, les conteneurs ci-dessous sont ceux de base, */
/* c'est à dire qu'on retrouve communément dans beaucoup de mise en forme de site. */
/* #all contient le site, #header est l'entête, #content la zone de contenu, #footer le pied de page. */
/* Il peut y avoir plus de conteneur selon l'agencement de l'interface et charte graphique du site. */
#all {
	width: 1024px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(../images/ombre.png);
	background-repeat: repeat-y;
	padding: 0px;
}
#page {
	margin-right: 36px;
	margin-left: 36px;
	margin-top: auto;
	margin-bottom: 0px;
}

#header {
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	height: 268px;
}
#menu {
	margin-top: 220px;
	margin-left: 200px;
	margin-right: 0px;
	margin-bottom: 0px;
	position: absolute;
}

#content {
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	margin: 0px;
}
#totem {
	float: left;
	width: 180px;
	height: 550px;
	background-image: url(../images/totem.jpg);
	background-repeat: no-repeat;
}
#texte {
	float: left;
	width: 700px;
}


#footer {
}
#mentions {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #990000;
	padding: 2px;
	margin: 5px 5px 5px 0px;
}


/* Mise en forme du contenu texte, liens, titres, paragraphe, images, tableau */
a {
	text-decoration: none;
	font-weight: bold;
	color: #8C9C1F;
}
a:hover {
	text-decoration: underline;
}
a:visited {
	text-decoration: none;
}
/* enleve contour sur les liens images*/
a img {
	border: none;
}
/* enleve les marges par défaut des paragraphes*/
p {
	margin: 0px;
	padding: 0px;
}
h1 {
	font-size: 18px;
	font-weight: bold;
	color: #5A2215;
	margin: 0px;
	padding: 0px;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	color: #99AA20;
	margin: 0px;
	padding: 0px;
}
h3 {
	font-size: 14px;
}