/* Conteneurs : placement, dimensions, image de fond et bordures */

body {
	width:100%;
	height:100%;
	margin: 0;
	padding: 0;
	background-color: #d0d8e0;
}
div, form {
	margin: 0;
	padding: 0;
}
p {
	margin: 0;
	padding: 0.8em 2ex;
}
#Conteneur {
	position: absolute;
	width: 760px;
	top: 0;
	left: 50%;
	margin: 10px auto 0 -380px;
	background: #f0f0e8 url(page_fond.png) top left repeat-y;
}
#Entete {
	width: 760px;
	height: 263px;
	background-image: url(entete_fond.png);
}
#Menu, #Compteur, #NewsTitre, #News, #Recherche { position: absolute; }

#Menu      { top:  10px; left:  10px; width: 256px; height: 192px; }
#NewsTitre { top:  11px; left: 279px; width: 220px; height:  40px; overflow: auto; }
#News      { top:  57px; left: 280px; width: 269px; height: 138px; overflow: auto; }
#Compteur  { top: 149px; left:  21px; width: 42px; height:   42px; background: transparent url(http://pages.perso.wanadoo.fr/client/php/compteur.php?url=godzi59&df=compteur&dd=E&frgb=808898&ft=0&tr=y&md=5&pad=y&comma=n) bottom center no-repeat; overflow: hidden; }
#Recherche { top: 220px; left:  25px; width: 710px; height:  43px; overflow: auto; }

#Page {
	width: 760px;
	padding-bottom: 100px;
	background: transparent url(pied_fond.png) bottom left no-repeat;
}
.affichage, .liens {
	margin: 5px 30px;
	padding: 3px;
	border-width: 2px 10px;
	border-style: solid;
}
.affichage {
	background-color: #f6f6f2;
	border-color: #e8e8e1;
}
.liens {
	background-color: #e8e8e1;
	border-color: #e0e0da;
}
.aGauche, .aDroite {
	display: block;
	padding: 1px;
	background-color: #ffffff;
	border: 1px solid #808080;
}
.aGauche {
	clear: left;
	float: left;
	margin: 2px 1em 2px 0;
}
.aDroite {
	clear: right;
	float: right;
	margin: 2px 0 2px 1em;
}
#Pied {
	width: 760px;
	background-color: #d0d8e0;
}



/* Conteneurs : police, couleur et format du texte par défaut */

body { font-family: Verdana, Arial, Helvetica, sans-serif; }
p    { text-indent: 1.6em; text-align: justify; }

#Conteneur { font-size: 1.0em; color: #000000; }

#Entete    { font-size: 0.7em; }
#Compteur  { color: #808898; text-align: center; font-size: 0.9em; }
#NewsTitre { color: #ffffff; text-align: left; font-size: 0.9em; }
/*#News      { color: #787874; text-align: right; }*/
#Recherche { color: #908c88; text-align: center; }

#Page      { font-size: 0.8em; }
.affichage { color: #908c88; }
.liens     { color: #908c88; font-size: 0.9em; text-align: center; }
.aGauche   { color: #5060a0; font-size: 0.9em; text-align: left; }
.aDroite   { color: #5060a0; font-size: 0.9em; text-align: left; }

#Pied      { font-size: 0.7em; color: #808898; text-align: center; }



/* Mise en place du menu

    +---------------+
    | 0  64  128 192|
+---+---------------+
|  0| 1             |
|   |               |
| 64| 2   3         |
|   |               |
|128|     4   5   6 |
+---+---------------+ */

#Menu,
#Menu li,
#Menu a  { margin: 0; padding: 0; }

#Menu        { list-style: none; }
#Menu li     { position: absolute; }
#Menu a      { z-index: 0; width: 64px; height: 64px; display: block; background-image: url(entete_menu.png); }
#Menu a span { z-index: 30; position: absolute; }

#Menu1 { left:   0px; top:   0px; }
#Menu2 { left:   0px; top:  64px; }
#Menu3 { left:  64px; top:  64px; }
#Menu4 { left:  64px; top: 128px; }
#Menu5 { left: 128px; top: 128px; }
#Menu6 { left: 192px; top: 128px; }

#Menu1 a { background-position:    0px 0px; }
#Menu2 a { background-position:  -64px 0px; }
#Menu3 a { background-position: -128px 0px; }
#Menu4 a { background-position: -192px 0px; }
#Menu5 a { background-position: -256px 0px; }
#Menu6 a { background-position: -320px 0px; }

#Menu1 a:hover { background-position:    0px -64px; }
#Menu2 a:hover { background-position:  -64px -64px; }
#Menu3 a:hover { background-position: -128px -64px; }
#Menu4 a:hover { background-position: -192px -64px; }
#Menu5 a:hover { background-position: -256px -64px; }
#Menu6 a:hover { background-position: -320px -64px; }

#Menu a:hover {
	font-size: 1em;
	text-decoration: none;
}
#Menu a:hover span {
	display: inline;
	top: -7px;
	right: 3px;
	margin: 0 0 0 -64px;
	padding: 1px 3px;
	color: #804030;
	background-image: url(entete_menu_bulle.png);
	border: 1px solid #ffb880;
}



/* Elements */

h1 {
	margin: 30px 30px -0.3em 40px;
	font-size: 5em;
	color: #d3d3cd;
}
h2 {
	margin: 2.0em 30px 0 30px;
	padding: 18px 0 14px 45px;
	background: transparent url(page_titre2.png) center left no-repeat;
	font-size: 1.8em;
	color: #505868;
}
h3 {
	margin: 1.2em 30px 0 35px;
	padding: 12px 0 10px 40px;
	background: transparent url(page_titre3.png) center left no-repeat;
	font-size: 1.5em;
	color: #908c88;
}
h4 {
	margin: 0;
	padding: 0.2em 1ex;
	background-color: #e0e0da;
	font-size: 1em;
}
h5 {
	margin: 0;
	padding: 0.2em 1ex;
	font-size: 1.1em;
}
#NewsTitre b {
	font-size: 1.4em;
}
#Page table {
	margin: 0.8em 2ex;
}
th, table.lignes, table.lignes td {
	border: 1px solid #e0e0da;
}
th, table.lignes td {
	padding: 0.2em 1ex;
}
th {
	background-color: #e8e8e2;
}
table.lignes td {
	background-color: #ffffff;
}
#Pied td {
	text-align: center;
}

ul { margin: 0; padding: 0.4em 2ex 0.4em 4ex; }
li { margin: 0; padding: 0.4em 0   0.4em 0.8ex; text-align: justify; }

a         { position:relative; color: #c06040; }
a:hover   { color: #ff8000; }
a:visited { color: #805040; }
a img     { border-width: 0; }

#Page img {
	display: block;
	float: left;
	margin: 1px;
}
div.separateur {
	clear: both;
	height: 0;
	font-size: 0;
	overflow: hidden;
	visibility: hidden;
}
hr {
	margin: 0.8em 2ex; /* mêmes marges que le padding de l'élément p */
	padding: 0;
	height: 1px;
	color: #908c88;
	background-color: #908c88;
	border-width: 0;
}



/* Spécificités des éléments dans certains conteneurs */

.aGauche h4, .aDroite h4 {
	background-color: #d8e0f0;
}
.aGauche p, .aDroite p {
	width: 12em;
	text-indent: 0;
	text-align: left;
}

/* La classe suivante est utilisée pour les navigateurs ne gérant pas les feuilles de style */

.invisible { display: none; }