/* general */
body{background:#E6E6F2; color:#000000; font-family: sans-serif, Arial, Helvetica;	font-size:1em;	line-height: 2em;  margin: 0; padding:0;}
div#main{margin:10px; padding:0; background:#FFFFFF url(design/g.jpg) repeat-y 0;}
div#main2{margin:0; padding:0; background:url(design/d.jpg) repeat-y 100%;}
div#bas{background:url(design/b.jpg) 0 0 repeat-x; height:48px;}
span#bd{display:block; height:48px; width:43px; float:right; background:url(design/bd.jpg) no-repeat 0 0;}
span#bg{display:block; height:48px; width:40px; float:left; background:url(design/bg.jpg) no-repeat 0 0;}
a{color:#3399FF; text-decoration:none;}
a:hover{color:#00BB6B;}
hr{clear: both; visibility:hidden; margin:0; border:0;}
img{border:0;}
.flotg{float:left;}
.flotd{float:right;}
input{text-align:center}
.gras{font-weight:bold;}

/* titre */
h1#titre{font-family: sans-serif, Arial, Helvetica;	font-size:2em; color:#006699; padding:0; background:url(design/h.jpg) repeat-x; height:154px; margin:0;}
a#hg{display:block; float:left; background:url(design/titre.jpg) no-repeat 0 0; margin:0; height:154px; width:725px;}
a#hg span{display:none;}
div#titre-text{float:right; padding:40px 50px 0 0; font-style:oblique; font-size:13px; color:#666666; text-align:center}
span#hd{display:block; height:154px; width:44px; float:right; background:url(design/hd.jpg) no-repeat 0 0;}

/* menu */
p#menu{position:absolute; left:40px; width:240px; margin:30px 0 0 10px; line-height:1.4em;}
a.menu{color:#0099FF; text-decoration:none; background:url(design/bleu.png) no-repeat 0 50%; padding-left:15px; font-weight:bold; font-size:0.8em;}
a.menu:hover{color:#00A452; background:url(design/vert.png) no-repeat 0 50%; padding-left:15px;}
a.menu2{color:#00A452; text-decoration:none; background:url(design/vert.png) no-repeat 0 50%; padding-left:15px; font-weight:bold; font-size:0.8em;}
a.menu2:hover{color:#0099FF; background:url(design/bleu.png) no-repeat 0 50%; padding-left:15px;}

a.sous-menu{color:#0099FF; text-decoration:none; padding-left:15px; font-weight:bold; font-size:0.8em;}
a.sous-menu:hover{color:#00A452; padding-left:15px;}
a.sous-menu2{color:#00A452; text-decoration:none; padding-left:15px; font-weight:bold; font-size:0.8em;}
a.sous-menu2:hover{color:#0099FF; padding-left:15px;}


/* inc */
div#inc{margin: 30px 40px 0 300px; padding:0 0 0 20px; font-family: "Trebuchet MS",sans-serif, Arial, Helvetica; min-height:600px;}
h2{text-align:center; font-size:1.3em; color:#006699; }
p.centre{text-align:center; margin:10px; padding:0;}
p.data{font-style:oblique; font-size:12px; color:#666666; padding: 10px 0 10px 50px;}
div#loading{text-align:center; margin:0; padding:0;}
p.intro{margin-bottom:30px; text-indent:20px;}
p.methode{color:#003399; margin-bottom:30px}
div.normale{color:#003333; margin:30px 0 30px 0}
div.exemple{color:#000000;}
div.demo{border:1px #003399 dotted; padding:10px; margin:20px 0 20px 0;}
div#ajax{padding:20px; margin:10px 70px 50px 70px; font-style:oblique; color:#666666;}
div#ajax2{padding:20px; margin:10px 70px 50px 70px; font-style:oblique; color:#666666;}
div#code{border:1px #000000 dotted; padding:20px; margin:0; font-style:oblique; font-size:12px; color:#666666;}
div#code2{border:1px #000000 dotted; padding:20px; margin:0; font-style:oblique; font-size:12px; color:#666666;}
.cache{display:none;}
p.alea{font-style:oblique; font-size:11px; color:#666666; margin:0;}