body { margin: 0pt; padding: 0pt; background: rgb(210, 216, 118) url('images/bg.jpg') repeat-x; font-family: "Lucida Grande","Trebuchet MS",Tahoma,Verdana,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 62.5%; line-height: 1.4; font-size-adjust: none; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; min-width: 76em; }
#wrapper { margin: 0pt auto 0pt 0; background: transparent url('images/jules.jpg') no-repeat scroll left top; position: relative; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 800px; text-align: left; height: 700px;
}
#cite { text-indent: -10000em; position: absolute; left: 20px; top: 20px; width: 120px; height: 120px; }
#dargaud { text-indent: -10000em; position: absolute; left: 25px; top: 153px; width: 113px; height: 17px; }
h1 { background: transparent url('images/title.gif') repeat; text-indent: -10000em; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 588px; height: 82px; position: absolute; left: 180px; top: 22px; }
blockquote { margin: 0pt; padding: 0pt 0pt 0pt 20px; position: absolute; left: 360px; top: 126px; font-size: 1.3em; color: rgb(79, 79, 79); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; }
blockquote p { margin: 0pt; padding: 0pt; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; }
#menu ul { margin: 0pt; padding: 0pt; list-style: none; position: absolute; left: 380px; top: 280px;}
#menu li { line-height: 1.5; font-size: 2.2em; font-weight: bold; height: 40px;
   overflow: hidden;
   }
#menu li a { text-decoration: none; background: white url(images/bullet.gif) 0px 0px no-repeat; padding-left: 20px; }
#menu li a:link {
    color: rgb(225, 117, 9);}
#menu li a:visited {
    color: rgb(225, 117, 9); }
#menu li a:hover {
    color: rgb(119, 141, 118);}
#menu li a:active {
    color: rgb(255, 0, 0); }

#intro { margin: 0pt; padding: 0pt 0pt 0pt 20px; position: absolute; left: 360px; top: 126px; font-size: 1.6em; color: rgb(92, 159, 64); }

a { color: rgb(102, 102, 102); text-decoration: none; outline:none;
}
a:hover { text-decoration: underline; }
a:active {
	outline:none;
}

#explanation { padding: 0pt; background: transparent url('images/tableau.gif') no-repeat scroll 0pt; clear: both; width: 430px; height: 195px; margin-top: 30px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; position: absolute; left: 380px; top: 480px;}
#explanation h2 { margin: 0pt 15px; padding: 20px 0pt 0pt; width: 278px;
color: rgb(225, 117, 9);
}
#explanation p { padding: 0pt;
margin-top: 5px;
margin-left: 5px;
}
#explanation ul { margin: 10px 15px 10px 5px; padding-right: 130px;
padding-left: 30px;
}
#explanation ul li { list-style-image: url('images/valide.gif'); vertical-align: top; margin-bottom: 3px; font-weight: normal; color: rgb(147, 147, 147); list-style-type: none; font-size: 150%; }

.blue_button { background: transparent url('images/blue_button.gif') no-repeat 0px 0px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 186px; height: 47px; color: rgb(255, 255, 255); text-align: center; display: block; font-family: trebuchet MS,Tahoma; font-style: normal; font-variant: normal; font-weight: normal; font-size: 20px; line-height: 47px; font-size-adjust: none; font-stretch: ; text-decoration: none; position: absolute; left: 420px; top: 430px;}
.blue_button a, a.blue_button { color: rgb(255, 255, 255); text-decoration: none; }

/*<group=footer>*/
#footer_wrap {background: rgb(100, 124, 72);  position: absolute; left: 0px; top: 750px; width: 100%; height: 200px;}
#footer {-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; clear: both; font-size: 1.1em; font-weight: bold; line-height: 1.4em; width: 800px; }

#footer address { margin: 0pt; padding: 5px 0pt 40px 120px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; font-style: normal; font-weight: normal; color:  rgb(255, 255, 255);
}
#footer strong { color: rgb(225, 117, 9); }
#footer address a { color:  rgb(255, 255, 255); text-decoration: none; }
#footer address a:hover { color:  rgb(255, 255, 255); text-decoration: underline; }
#footer p { margin: 0pt; }
/*</group>*/


#definition{
margin:25px;
width: 500px;
}
#definition h2 { color: rgb(225, 117, 9); font-size: 1.5em; }
#definition h3 { font-size: 130%; font-weight: normal; color: rgb(119, 141, 118);}
#definition p {font-weight: normal; font-size: 1.2em; line-height: 1.4; }


/* ::::: css parts from http://www.cssmastery.com/ ::::: */