
/*Valeurs par default
----------------------------------------------------------*/
*{margin: 0; padding:0; list-style: none;}


/* body arriere plan et police
----------------------------------------------------------*/

body{font:62.5%  "Trebuchet MS", Arial, Helvetica, sans-serif;background:#9FE65C;}



/* liens generiques
----------------------------------------------------------*/
a{position:absolute; color: #155000;}
a span, #leftback span, #rightback span{display: none;}
#leftbuttons a, #rightbuttons a{height: 27px}



/* Arrier plan
----------------------------------------------------------*/
#leftback{ width: 50%; height: 749px; position: absolute; left:0; top:0;background: url(img/body.jpg) repeat-x;}
#rightback{ width: 50%; height: 749px; position: absolute; right:0; top:0;background: url(img/bodyright.jpg) repeat-x;}


/* Cadre page
----------------------------------------------------------*/
#diaclicwrap{width: 999px; height: 800px;margin: 0 auto;background: url(img/diaclic.jpg) no-repeat 0 0; position:relative}





/* Boutons gauche
----------------------------------------------------------*/
a#bl1{width: 140px; top: 124px; left: 32px;}
a#bl2{width: 105px; top: 159px; left: 32px;}
a#bl3{width: 110px; top: 196px; left: 32px;}





/* Boutons droite
----------------------------------------------------------*/
a#br1{width: 180px; top: 124px; left: 795px;}
a#br2{width: 75px; top: 159px; left: 900px;}
a#br3{width: 105px; top: 195px; left: 870px;}




/* Carte
----------------------------------------------------------*/
a#l1{width: 92px; height: 49px; top: 80px; left: 300px;}
a#l2{width: 60px; height: 25px; top: 173px; left: 233px;}
a#l3{width: 95px; height: 50px; top: 220px; left: 158px;}
a#l4{width: 70px; height: 25px; top: 297px; left: 174px;}
a#l5{width: 90px; height: 25px; top: 352px; left: 175px;}
a#l6{width: 55px; height: 25px; top: 394px; left: 263px;}
a#l7{width: 110px; height: 25px; top: 424px; left: 325px;}
a#l8{width: 80px; height: 25px; top: 486px; left: 384px;}
a#l9{width: 55px; height: 20px; top: 570px; left: 415px;}
a#l10{width: 65px; height: 20px; top: 641px; left: 429px;}
a#r1{width: 90px; height: 45px; top: 108px; left: 479px;}
a#r2{width: 50px; height: 20px; top: 154px; left: 620px;}
a#r3{width: 75px; height: 20px; top: 207px; left: 640px;}
a#r4{width: 55px; height: 20px; top: 258px; left: 672px;}
a#r5{width: 125px; height: 20px; top: 303px; left: 702px;}
a#r6{width: 105px; height: 20px; top: 384px; left: 742px;}
a#r7{width: 80px; height: 23px; top: 447px; left: 685px;}
a#r8{width: 75px; height: 25px; top: 650px; left: 622px;}







/* Copyright
----------------------------------------------------------*/
a#copyright{width: 165px; height: 15px; top: 722px; left: 819px;}



/* Footer
----------------------------------------------------------*/
#footer{width: 700px; bottom: 6px; left: 50%; text-align:center; font-size:1.1em; position:absolute;font-variant:small-caps; margin-left:-350px;color: #155000;}
#footer a{text-decoration:none; text-transform:capitalize; margin-left:3px;}#footer a:hover{color: #fff;}












