HTML {
PADDING-BOTTOM: 0px; 
MARGIN: 0px; PADDING-LEFT: 0px; 
PADDING-RIGHT: 0px; 
PADDING-TOP: 0px
}
/****************/
BODY {
PADDING-BOTTOM: 0px; 
MARGIN: 0px; 
PADDING-LEFT: 0px; 
PADDING-RIGHT: 0px; P
ADDING-TOP: 0px
}
/****************/
H1 {
PADDING-BOTTOM: 0px; 
MARGIN: 0px; 
PADDING-LEFT: 0px; 
PADDING-RIGHT: 0px; 
PADDING-TOP: 0px
}
H2 {
PADDING-BOTTOM: 0px; 
MARGIN: 0px; 
PADDING-LEFT: 0px; 
PADDING-RIGHT: 0px; 
PADDING-TOP: 0px
}
H3 {
PADDING-BOTTOM: 0px; 
MARGIN: 0px; 
PADDING-LEFT: 0px; 
PADDING-RIGHT: 0px; 
PADDING-TOP: 0px
}
H4 {
PADDING-BOTTOM: 0px; 
MARGIN: 0px; 
PADDING-LEFT: 0px; 
PADDING-RIGHT: 0px; 
PADDING-TOP: 0px
}
/****************/
UL {
PADDING-BOTTOM: 0px; 
MARGIN: 0px; 
PADDING-LEFT: 0px; 
PADDING-RIGHT: 0px; 
PADDING-TOP: 0px
}
LI {
PADDING-BOTTOM: 0px; 
MARGIN: 0px; 
PADDING-LEFT: 0px; 
PADDING-RIGHT: 0px; 
PADDING-TOP: 0px
}
/****************/
A {
COLOR: Goldenrod
}
A:hover {
COLOR: #bb602
}
/****************/
.left {
FLOAT: left
}
/****************/
.right {
FLOAT: right
}
/****************/
.more {
TEXT-ALIGN: right
}
/****************/
.clear {
CLEAR: both
}
/****************/
BODY {
TEXT-ALIGN: center; 
PADDING-BOTTOM: 10px; 
FONT: 11px verdana, arial, sans-serif; 
BACKGROUND: black;
COLOR: #74653d; 
PADDING-TOP: 31px
}
/****************/
#wrapper {
POSITION: relative; 
TEXT-ALIGN: left; 
MARGIN: auto; 
WIDTH: 778px; 
BACKGROUND: #fefbf2
}
/****************/
#header {
POSITION: absolute; 
WIDTH: 535px; 
BACKGROUND: #b9a371; 
HEIGHT: 100px; 
TOP: 0px; 
LEFT: 243px
}
/****************/
#actu {
POSITION: ; 
WIDTH: 535px; 
BACKGROUND: #f8f4e8; 
COLOR: #74653d; 
HEIGHT: 100px; 
PADDING-LEFT:10px; 
PADDING-RIGHT: 10px; 
PADDING-TOP: 30px;
BORDER-TOP: #bb602 6px solid; 
BORDER-right: #bb6029 6px solid;
BORDER-left: #bb6029 6px solid;
BORDER-BOTTOM: #bb6029 6px solid;
TOP: 5px; 
LEFT: 243px
}


/****************/
#left {
WIDTH: 243px; 
FLOAT: left
}
#left H3 {
BORDER-BOTTOM: #c4ae7c 1px solid; 
PADDING-BOTTOM: 6px; 
MARGIN-TOP: 2em; 
FONT: 14px arial, sans-serif; 
MARGIN-BOTTOM: 1em; 
COLOR: #be8b06
}
/****************/
#logo {
TEXT-ALIGN: center; 
WIDTH: 244px; 
BACKGROUND-IMAGE: url(Mon site web/logo.jpg);
 HEIGHT: 120px; 
COLOR: #fffff
}
#logo H1 {
FONT: 24px "vivaldi", mistral; 
PADDING-TOP: 30px;
COLOR: #b46729
}
#logo P {
BORDER-BOTTOM: #b8b8b8 1px solid; 
PADDING-BOTTOM: 3px; 
MARGIN: 8px 25px 4px; 
PADDING-LEFT: 3px; 
PADDING-RIGHT: 3px; 
LETTER-SPACING: 0.2em; 
BORDER-TOP: #b8b8b8 1px solid; 
BORDER-right: #b46729;
BORDER-left: #b46729;
COLOR: red;
FONT-WEIGHT: bold; PADDING-TOP: 3px
}
/****************/
#menu {
	BACKGROUND-IMAGE: url(Mon site web/menu_image.jpg); WIDTH: 250px; HEIGHT: 450px; MARGIN-LEFT: 93px
}

#menu UL {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 220px; PADDING-RIGHT: 0px; MARGIN-LEFT: 15px; PADDING-TOP: 30px
}
*/
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus, .menulist a.highlighted {
 color: #ffffff;
 background:#E4BD35;
 text-decoration: underline;
}
/*.menulist a.highlighted {
 color: #FFFFFF;
 background: #3D7DF9;
}
.lastchild {
	BORDER-BOTTOM: medium none
}
#menubottom {
	BACKGROUND-IMAGE: url(images/menubottom.jpg); WIDTH: 261px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 76px; MARGIN-LEFT: 93px
}
#menubottom UL {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 240px; PADDING-RIGHT: 0px; MARGIN-LEFT: 15px; PADDING-TOP: 20px
}
#menubottom LI {
	TEXT-ALIGN: center; WIDTH: 77px; DISPLAY: inline; FLOAT: left
}
#menubottom A {
	TEXT-TRANSFORM: uppercase; FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #6e6b53; FONT-SIZE: 10px; FONT-WEIGHT: bolder; TEXT-DECORATION: none
}
#menubottom A:hover {
	COLOR: #c40000
}
/****************/
#nav {
	POSITION: relative; TEXT-ALIGN: center; PADDING-BOTTOM: 9px; PADDING-LEFT: 0px; WIDTH: 535px; PADDING-RIGHT: 0px; BACKGROUND: #bb6029; TOP:  PADDING-TOP: ; LEFT: px
}
#nav LI {
	LIST-STYLE-TYPE: none; DISPLAY: inline; COLOR: #fff; LIST-STYLE-IMAGE: none
}
#nav A {
	COLOR: #fff; TEXT-DECORATION: none
}
#nav LI: hover{
	LIST-STYLE-TYPE: none; DISPLAY: inline; BACKGROUND: #bb6029;COLOR: black; LIST-STYLE-IMAGE: none
}
/****************/
#categories H2 {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 39px; PADDING-RIGHT: 0px; BACKGROUND-IMAGE: ; COLOR: #fff; PADDING-TOP: 4px
}
#categories LI {
	PADDING-BOTTOM: 8px; LIST-STYLE-TYPE: none; PADDING-LEFT: 35px; PADDING-RIGHT: 0px; BACKGROUND: #2a2a2a ; FONT-SIZE: 12px; BORDER-TOP: #f4efdf 1px solid; LIST-STYLE-IMAGE: none; PADDING-TOP: 7px
}
#categories A {

	COLOR: #fffff; TEXT-DECORATION: none
}
#categories LI :hover{
BACKGROUND: green ; 
FONT-SIZE: 12px; 
}
#categories   A:hover {
BACKGROUND: 
COLOR: ; 
	TEXT-DECORATION: underline
}



/****************/
.lastchild {
BORDER-BOTTOM: medium none
}
#menubottom {
BACKGROUND-IMAGE: wight; 
WIDTH: 261px; 
BACKGROUND-REPEAT: no-repeat; 
HEIGHT: 76px; 
MARGIN-LEFT: 93px
}
#menubottom UL {
PADDING-BOTTOM: 0px; 
PADDING-LEFT: 0px; 
WIDTH: 240px; 
PADDING-RIGHT: 0px; 
MARGIN-LEFT: 15px; 
PADDING-TOP: 20px
}
#menubottom LI {
TEXT-ALIGN: center; 
WIDTH: 77px; 
DISPLAY: inline; 
FLOAT: left
}
#menubottom A {
TEXT-TRANSFORM: uppercase; 
FONT-FAMILY: Arial, Helvetica, sans-serif; 
COLOR: #6e6b53; F
ONT-SIZE: 10px; 
FONT-WEIGHT: bolder; 
TEXT-DECORATION: none
}
#menubottom A:hover {
BACKGROUND: #bb6029; COLOR: #c40000
}
/****************/
#news {
TEXT-ALIGN: justify; 
PADDING-BOTTOM: 3px; 
PADDING-LEFT: 37px; 
PADDING-RIGHT: 22px; 
BACKGROUND: url(Mon site web/news.jpg) repeat-y
}
#news H2 {
COLOR: #be8b06; 
FONT-SIZE: 12px
}
#news H3 {
MARGIN: 1em 8px 1em 0px;
FONT-SIZE: 11px
}
#news P {
MARGIN: 1em 8px 1em 0px; 
FONT-SIZE: 11px
}
#news A {
COLOR: #74653d; 
FONT-WEIGHT: bold; 
TEXT-DECORATION: underline
}
#news A:hover {
COLOR: #38301a
}
#news .more {
FONT-SIZE: 9px
}
#news .hr-dots {
BACKGROUND: #d8ceb3; 
HEIGHT: 1px
}
/****************/
#support {
PADDING-BOTTOM: 1px; 
PADDING-LEFT: 1px; 
PADDING-RIGHT: 1px; 
BACKGROUND: #f4eee0; 
HEIGHT: 350px;
 COLOR: #1a1a18; 
PADDING-TOP: 1px
}
#support P {
MARGIN: 0.7em 2.6em
}
/****************/
#right {

WIDTH: 490px; 
PADDING-RIGHT: 9px; 
FLOAT: right; 
PADDING-TOP: 301px
}
#right H2 {
BORDER-BOTTOM: #c4ae7c 1px solid; 
PADDING-BOTTOM: 6px; 
FONT: 18px arial, sans-serif; 
MARGIN-BOTTOM: 1em; 
COLOR: #be8b06
}
#right H3 {
BORDER-BOTTOM: #c4ae7c 1px solid; 
PADDING-BOTTOM: 6px; 
MARGIN-TOP: 2em; 
FONT: 14px arial, sans-serif; 
MARGIN-BOTTOM: 1em; 
COLOR: #be8b06
}
/****************/
#line{
width: 100%;
height: 1px
}
/****************/
#welcome {
MARGIN-RIGHT: 20px
}
#profile {
MARGIN-RIGHT: 16px
}
/****************/
#right .left {
MARGIN-RIGHT: 18px
}
#right .more {
FONT-SIZE: 10px; 
FONT-WEIGHT: bold
}
/****************/
#corp {
WIDTH: 49%; 
FLOAT: left
}
/****************/
#indu {
WIDTH: 49%; 
FLOAT: left
}
/****************/
#bible {
WIDTH: 49%; 
FLOAT: left
}

/****************/
#chaine{
WIDTH: 49%; 
FLOAT: left
}

/****************/
#corp {
MARGIN-RIGHT: 1%
}
/****************/
#pigeon{
WIDTH: 49%; 
FLOAT: left
}

/****************/
#concours{
WIDTH: 49%; 
FLOAT: left
}

/****************/
#spacer {
HEIGHT: 2em
}
#corp-img {
	TEXT-ALIGN: center; WIDTH: 86px; BACKGROUND: url(Mon site web/mot.jpg) no-repeat; FLOAT: left; HEIGHT: 65px; FONT-SIZE: 9px; FONT-WEIGHT: bold; MARGIN-RIGHT: 10px; PADDING-TOP: 90px
}
#indu-img {
	TEXT-ALIGN: center; WIDTH: 100px; BACKGROUND: url(Mon site web/forum.jpg) no-repeat; FLOAT: left; HEIGHT: 66px; FONT-SIZE: 9px; FONT-WEIGHT: bold; MARGIN-RIGHT: 10px; PADDING-TOP: 90px
}
#bible-img {
	TEXT-ALIGN: center; WIDTH: 93px; BACKGROUND: url(Mon site web/train.jpg) no-repeat; FLOAT: left; HEIGHT: 70px; FONT-SIZE: 9px; FONT-WEIGHT: bold; MARGIN-RIGHT: 10px; PADDING-TOP: 90px
}
#chaine-img {
	TEXT-ALIGN: center; WIDTH: 90px; BACKGROUND: url(Mon site web/chaine.jpg) no-repeat; FLOAT: left; HEIGHT: 63px; FONT-SIZE: 9px; FONT-WEIGHT: bold; MARGIN-RIGHT: 10px; PADDING-TOP: 90px
}

#pigeon-img {
	TEXT-ALIGN: center; WIDTH: 82px; BACKGROUND: url(Mon site web/pigeon1.jpg) no-repeat; FLOAT: left; HEIGHT: 89px; FONT-SIZE: 9px; FONT-WEIGHT: bold; MARGIN-RIGHT: 10px; PADDING-TOP: 90px
}
#concours-img {
	TEXT-ALIGN: center; WIDTH: 88px; BACKGROUND: url(Mon site web/concours.jpg) no-repeat; FLOAT: left; HEIGHT: 81px; FONT-SIZE: 9px; FONT-WEIGHT: bold; MARGIN-RIGHT: 10px; PADDING-TOP: 90px
}

/****************/
#footer {
BACKGROUND:#d4cab6
}
/****************/
/****************/
#copyright {
	POSITION: relative; TEXT-ALIGN: center; PADDING-BOTTOM: 9px; PADDING-LEFT: 0px; WIDTH: 778px; PADDING-RIGHT: 0px; BACKGROUND: #4b5360; TOP:  PADDING-TOP: ; LEFT: px
}
#copyright LI {
	LIST-STYLE-TYPE: none; DISPLAY: inline; COLOR: #fff; LIST-STYLE-IMAGE: none
}
#copyright A {
	COLOR: #fff; TEXT-DECORATION: none
}
#footerline {
MARGIN-TOP: 0px; 
DISPLAY: block; 
BACKGROUND: #d4cab6; 
HEIGHT: 10px; 
FONT-SIZE: 1px
}
/JEUX/
<!--// hide
// hide
/* GameQuiz v1.0 by Wizzz.
Copyright (c) of Wizzz, 1997.
Permission to use, edit, etc. granted as long as the head section is intact!
Modifications et ajouts par Eric Dromer... à suivre...
*/
var rep = new Array;
var faite = new Array;
var score = 0;
// rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr
// valeurs à modifier (a b c ou d) :
rep[1] = "b";
rep[2] = "b";
rep[3] = "c";
rep[4] = "d";
rep[5] = "c";
rep[6] = "b";
rep[7] = "d";
rep[8] = "d";
rep[9] = "b";
rep[10] = "a";
// rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr
function Engine(question, reponse) {
if (reponse != rep[question]) {
if (!faite[question]) {
faite[question] = -1;
alert("Faux! Ton score est de : " + score + " La bonne réponse était en -" + rep[question] + "-");
}
else {
alert("Tu as déjà répondu à cette question !");
}
}
else {
if (!faite[question]) {
faite[question] = -1;
score++;
alert("Bien! Ton score est de : " + score);
}
else { alert("Tu as déjà répondu à cette question !");
}
}
}
function NextLevel () {
if (score >= 11) {
alert("Tricheur !");
}
if (score > 9 && score < 11) {
alert(score + "/10 " + "Excellent.");
}
if (score > 8 && score <= 9) {
alert(score + "/10 " + "Très bien.");
}
if (score >= 5 && score <= 8) {
alert(score + "/10 " + "Pas mal...");
}
if (score >= 1 && score < 5) {
alert(score + "/10 " + "Pas terrible... un autre essai ?");
}
if (score < 1) {
alert(score + "/10 " + "Un autre essai...Il faut te rattreper ?");
}
// ======================================================
// ligne qui suit à modifier pour envoyer le formulaire
// (mais indiquez la méthode dans la balise du formulaire) :
// document.quest.submit()
// ligne qui suit pour vider le formulaire :
faite = new Array;
score = 0;
//ligne suivante à désactiver si IE3 ou -
document.quest.reset();
}
// -->