body {margin: 0px; padding: 0px; background-color:#ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; background-color:transparent;}
#index{ background-color:#FED500}
#nav {position:absolute;left:20px; top:30px;width:128px; }
#page1{position:absolute;left:150px;top:0px;width:820px;height:570px; background-image:url(images/fond1.gif); background-repeat:no-repeat;z-index:1; }
#page2{position:absolute;left:150px;top:0px;width:820px;height:570px; background-image:url(images/fond2.gif); background-repeat:no-repeat;z-index:1; }
#page3{position:absolute;left:150px;top:0px;width:820px;height:570px; background-image:url(images/fond3.gif); background-repeat:no-repeat;z-index:1; }
#page4{position:absolute;left:150px;top:0px;width:820px;height:570px; background-image:url(images/fond4.gif); background-repeat:no-repeat;z-index:1; }
#page5{position:absolute;left:150px;top:0px;width:820px;height:570px; background-image:url(images/fond5.gif); background-repeat:no-repeat;z-index:1; }
#page6{position:absolute;left:150px;top:0px;width:820px;height:570px; background-image:url(images/fond6.gif); background-repeat:no-repeat;z-index:1; }
#page7{position:absolute;left:150px;top:0px;width:820px;height:570px; background-image:url(images/fond7.gif); background-repeat:no-repeat;z-index:1; }
#page8{position:absolute;left:150px;top:0px;width:820px;height:570px; background-image:url(images/fond8.gif); background-repeat:no-repeat;z-index:1; }
#contenuCitoyen{  margin-top:50px; width:555px; height:390px; float:right; background-image:url(images/fond_pionniers.gif); background-repeat:no-repeat; background-position:right;}
.txtcitoyen{font-size:16px; font-weight:normal; color:#333333;font-family:Lucida, Georgia, "Times New Roman", Times, serif;}



.txtcitoyen1{font-size:16px; font-weight:bold; font-style:italic; color:#333333;font-family:Bodoni, Roman, Times, Georgia, "Times New Roman", Times, serif;}
.txtcitoyen2{font-size:16px; font-weight:bold; color:#333333;font-family:Chancery, Script, Brush, Cursive;}
.txtcitoyen3{font-size:16px; font-weight:bold; color:#333333;font-family:Algerian, Critter, Rosewwod, Fantasy;}
.txtcitoyen4{font-size:16px; font-weight:bold; color:#333333;font-family:Courier, "MS Courier New", Prestige, Lucida, "Everson Mono", Monospace ;}
.txtcitoyen5{font-size:16px; font-weight:bold; color:#333333;font-family:Arial, Helvetica, Verdana, Univers, "MS Trebuchet", Sans-serif ;}

.liencitoyen{font-size:12px; font-weight:normal; color: #993300;font-family:Lucida, Georgia, "Times New Roman", Times, serif;}
#contenuAnimo{margin-top:50px; width:650px; height:425px; float:right;}
#contenuPetitRep{position:absolute;left:325px;top:157px;width:570px;height:373px;z-index:10;}
#contenuPetitRep2{position:absolute;left:323px;top:152px;width:640px;height:425px;z-index:10;}
/*BD REQUIN*/
#contenuPetitRep3{position:absolute;left:363px;top:118px;width:536px;height:425px;z-index:10;}
#contenuPetitRep4{position:absolute;left:358px;top:56px;width:577px;height:446px;z-index:10;}
#contenuPetitRepPers{position:absolute;left:325px;top:142px;width:600px;height:425px;z-index:10;}
.titrePetitRep{font-size:14px; color:#333333;}
.txtPetitRep{ font-size:14px; color:#333333; font-family:Lucida, Georgia, "Times New Roman", Times, serif;}
.txtPetitRepPers{ font-size:12px; color:#333333; font-family:Lucida, Georgia, "Times New Roman", Times, serif;}
#contenuJeux{position:absolute;left:383px;top:115px;width:580px;height:425px;z-index:10;}
#contenuUtil{position:absolute;left:383px;top:115px;width:580px;height:425px;z-index:10;}
.titreUtil{font-size:14px; color:#333333;}
.txtUtil{ font-size:10px; color:#333333;}
.liens{font-size:10px; color:#8FAB56;}
.liens:hover{font-size:10px; color:#333333;}
.liens:visited{font-size:10px; color:#333333;}
#contenuCalend{position:absolute;left:648px;top:170px;width:288px;height:389px;z-index:10;}
.titreCalend{font-size:14px; color:#333333;}
.txtCalend{ font-size:10px; color:#333333;}
#contenuJeux{position:absolute;left:380px;top:115px;width:580px;height:425px;z-index:10;}
.titreJeux{font-size:14px; color:#333333;}
.txtJeux{ font-size:10px; color:#333333;}
#contenuEvent{position:absolute;left:430px;top:115px;width:494px;height:425px;z-index:10;}
.titreEvent{ font-size:14px; color:#333333;}
.tEvent{ font-size:12px; color:#333333;font-weight:bold;}
.txtEvent{ font-size:10px; color:#333333;}
.liensEvent{font-size:10px; color:#18358a;}
.liensEvent:hover{font-size:10px; color:#18358a;}
.liensEvent:visited{font-size:10px; color:#18358a;}
.date{font-size:10px; color:#d3031c; font-weight:bold;}
/*FOOTER*/
#util{margin-left:0px; padding:0px; width:895px; height:20px;font-size:20px; text-align:left;position:absolute;left:30px; top:568px;}




.utilLiens{font-size:10px; color:#8FAB56;}
.utilLiens:hover{font-size:10px; color:#333333;}
.mentions{font-size:10px; color:#333333; line-height: 2em;}
/*REPORTERS*/
/*presse*/
#bot1b{position:absolute;left:360px;top:45px;width:40px;height:40px;z-index:20;}
#bot2b{position:absolute;left:405px;top:25px;width:40px;height:40px;z-index:20;}
#bot3b{position:absolute;left:447px;top:17px;width:40px;height:40px;z-index:20;}
#navbd {position:absolute;left:815px;top:535px;	width:166px;height:41px;z-index:21;}
.bd{font-size:14px; color:#ffffff; background-color:#006600; text-decoration:none; padding:2px 2px 2px 2px;}
.bd:hover{font-size:14px; color:#FF9900}
.bd:active{font-size:14px; color:#FF9900;}
.bdon{font-size:14px; color:#FF9900; background-color:#006600; text-decoration:none; padding:2px 2px 2px 2px;}
/*ANIMAUX*/
.animotitre{ font-size:14px;color:#009E40;}
.animotext{ font-size:12px; font-weight:normal; color:#333333;}
#animoT{ margin-left:0px; padding:0px; width:550px;margin-top:3px; margin-bottom:3px;}
#animo{ margin-left:0px; padding:0px; width:500px;margin-top:3px;}


#home{ position:absolute;left:263px;top:32px;width:70px;height:40px;z-index:3;}
#logo{ position:absolute;left:782px;top:30px;width:130px;height:50px;z-index:3;}


/*tigre*/
#bot1{position:absolute;left:153px;top:227px;width:40px;height:40px;z-index:20;}
#bouge1{ width:152px;height:42px;position:absolute;left:-180px; top:229px; background-image:url(images/bot1.png)!important background-image:url(images/bot1.gif);z-index:5;background-repeat:no-repeat;}
/*goriile*/
#bot2{position:absolute;left:188px;top:178px;width:40px;height:40px;z-index:20;}
#bouge2{ width:152px;height:42px;position:absolute;left:-180px; top:177px; background-image:url(images/bot2.png)!important background-image:url(images/bot2.gif);z-index:5;background-repeat:no-repeat;}
/*elephant*/
#bot3{position:absolute;left:224px;top:137px;width:40px;height:40px;z-index:20;}
#bouge3{ width:152px;height:42px;position:absolute;left:-180px; top:137px; background-image:url(images/bot3.png)!important background-image:url(images/bot3.gif);z-index:5;background-repeat:no-repeat;}
/*ours polaire*/
#bot4{position:absolute;left:265px;top:97px;width:40px;height:40px;z-index:20;}
#bouge4{ width:152px;height:42px;position:absolute;left:-180px; top:102px; background-image:url(images/bot4.png)!important background-image:url(images/bot4.gif);z-index:5;background-repeat:no-repeat;}
/*panda*/
#bot5{position:absolute;left:315px;top:72px;width:40px;height:40px;z-index:20;}
#bouge5{ width:152px;height:42px;position:absolute;left:-180px; top:74px; background-image:url(images/bot5.png)!important background-image:url(images/bot5.gif);z-index:5;background-repeat:no-repeat;}
/*koala*/
#bot6{position:absolute;left:357px;top:56px;width:40px;height:40px;z-index:20;}
#bouge6{ width:152px;height:42px;position:absolute;left:-180px; top:52px; background-image:url(images/bot6.png)!important background-image:url(images/bot6.gif);z-index:5;background-repeat:no-repeat;}
/*guepard*/
#bot7{position:absolute;left:411px;top:34px;width:40px;height:40px;z-index:20;}
#bouge7{ width:152px;height:42px;position:absolute;left:-180px; top:35px; background-image:url(images/bot7.png)!important background-image:url(images/bot7.gif);z-index:5;background-repeat:no-repeat;}
/*loutre*/
#bot8{position:absolute;left:470px;top:18px;width:40px;height:40px;z-index:20;}
#bouge8{ width:152px;height:42px;position:absolute;left:-180px; top:22px; background-image:url(images/bot8.png)!important background-image:url(images/bot8.gif);z-index:5;background-repeat:no-repeat;}
/*orang ooutan*/
#bot9{position:absolute;left:518px;top:15px;width:40px;height:40px;z-index:20;}
#bouge9{ width:152px;height:55px;position:absolute;left:-180px; top:2px; background-image:url(images/bot9.png)!important background-image:url(images/bot9.gif);z-index:5;background-repeat:no-repeat;}
/*hippopotame*/
#bot10{position:absolute;left:568px;top:15px;width:40px;height:40px;z-index:20;}
#bouge10{ width:152px;height:42px;position:absolute;left:-180px; top:14px; background-image:url(images/bot10.png)!important background-image:url(images/bot10.gif);z-index:5;background-repeat:no-repeat;}
/*ara*/
#bot11{position:absolute;left:625px;top:17px;width:40px;height:40px;z-index:20;}
#bouge11{ width:152px;height:42px;position:absolute;left:-180px; top:18px; background-image:url(images/bot11.png)!important background-image:url(images/bot11.gif);z-index:5;background-repeat:no-repeat;}
/*epaulard*/
#bot12{position:absolute;left:697px;top:26px;width:40px;height:40px;z-index:20;}
#bouge12{ width:152px;height:42px;position:absolute;left:-180px; top:30px; background-image:url(images/bot12.png)!important background-image:url(images/bot12.gif);z-index:5;background-repeat:no-repeat;}
/*----------------------------------------------------*/
/*CITOYENS*/
/*presse*/
#bota1{position:absolute;left:338px;top:51px;width:40px;height:40px;z-index:20;}
#bougea1{ width:219px;height:42px;position:absolute;left:-230px; top:50px; background-image:url(images/bota1.png)!important background-image:url(images/bota1.gif);z-index:5;background-repeat:no-repeat;}
#bougeplusa1{ width:219px;height:42px;position:absolute;left:154px; top:229px; background-image:url(images/bota1.png);z-index:5;background-repeat:no-repeat;}
#contenua1{  margin-top:50px; width:555px; height:390px; float:right; background-image:url(images/fond_animal_01.gif); background-repeat:no-repeat; background-position:right;}
/*RSF*/
#bota2{position:absolute;left:386px;top:35px;width:40px;height:40px;z-index:20;}
#bougea2{ width:219px;height:42px;position:absolute;left:-230px; top:31px; background-image:url(images/bota2.png)!important background-image:url(images/bota2.gif);z-index:5;background-repeat:no-repeat;}
/*democratie*/
#bota3{position:absolute;left:436px;top:19px;width:40px;height:40px;z-index:20;}
#bougea3{ width:219px;height:42px;position:absolute;left:-230px; top:18px; background-image:url(images/bota3.png)!important background-image:url(images/bota3.gif);z-index:5;background-repeat:no-repeat;}
/*environement*/
#bota4{position:absolute;left:489px;top:13px;width:40px;height:40px;z-index:20;}
#bougea4{ width:219px;height:42px;position:absolute;left:-230px; top:10px; background-image:url(images/bota4.png)!important background-image:url(images/bota4.gif);z-index:5;background-repeat:no-repeat;}
/*autres*/
#bota5{position:absolute;left:536px;top:8px;width:40px;height:40px;z-index:20;}
#bougea5{ width:219px;height:42px;position:absolute;left:-230px; top:7px; background-image:url(images/bota5.png)!important background-image:url(images/bota5.gif);z-index:5;background-repeat:no-repeat;}
/*animaux*/
#bota6{position:absolute;left:588px;top:8px;width:40px;height:40px;z-index:20;}
#bougea6{ width:219px;height:42px;position:absolute;left:-230px; top:8px; background-image:url(images/bota6.png)!important background-image:url(images/bota6.gif);z-index:5;background-repeat:no-repeat;}

/*----------------------------------------------------*/
/*JEUX*/
/*puzzle*/
#botc1{position:absolute;left:204px;top:141px;width:40px;height:40px;z-index:20;}
#bouge1c{ width:152px;height:42px;position:absolute;left:-180px; top:140px; background-image:url(images/botc2.png)!important background-image:url(images/botc2.gif);z-index:5;background-repeat:no-repeat;}
/*coloriage*/
#botc2{position:absolute;left:255px;top:97px;width:40px;height:40px;z-index:20;}
#bouge2c{ width:152px;height:42px;position:absolute;left:-180px; top:97px; background-image:url(images/botc3.png)!important background-image:url(images/botc3.gif);z-index:5;background-repeat:no-repeat;}
/*quizz*/
#botc3{position:absolute;left:329px;top:49px;width:40px;height:40px;z-index:20;}
#bouge3c{ width:152px;height:42px;position:absolute;left:-180px; top:47px; background-image:url(images/botc4.png)!important background-image:url(images/botc4.gif);z-index:5;background-repeat:no-repeat;}
/*memory*/
#botc4{position:absolute;left:391px;top:32px;width:40px;height:40px;z-index:20;}
#bouge4c{ width:152px;height:42px;position:absolute;left:-180px; top:30px; background-image:url(images/botc1.png)!important background-image:url(images/botc1.gif);z-index:5;background-repeat:no-repeat;}