@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; list-style-type:none; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px}
body{ margin:0 auto; width:740px; height:570px;}
#global{ width:740px; height:560px; margin-top:10px; border:1px solid #dbdbdb; background:#F4F4F4}
#header{ width:740px; height:157px; background:#e8e8e8 url(images/header.gif) no-repeat bottom left;}
#headerb{ width:740px; height:10px; background:#e8e8e8 url(images/arriere.gif) no-repeat; border-top: 2px solid #FFF;}
#corps{ width:740px; height:375px; background:#FFF url(images/bg.gif) no-repeat;}
#menu_a{ width:260px; height:300px; position:absolute; margin:52px 0 0 5px}
#menu_b{ display:block; width:250px; margin-left:230px; margin-top:40px; padding:0; position:absolute;}
/*----*/
#menu_a li a{line-height:25px;display:block; min-width:120px; min-height:25px; margin-bottom:10px;}
#menu_a li#btn a {background:url(images/btn.gif) no-repeat 0 0;}
#menu_a li#btn a:hover{ background:url(images/btn.gif) no-repeat 0 -30px;}
#menu_a li#btn1 a {background:url(images/btn1.gif) no-repeat 0 0;}
#menu_a li#btn1 a:hover{ background:url(images/btn1.gif) no-repeat 0 -30px;}
#menu_a li#btn2 a {background:url(images/btn2.gif) no-repeat 0 0;}
#menu_a li#btn2 a:hover{ background:url(images/btn2.gif) no-repeat 0 -30px;}
#menu_a li#btn3 a {background:url(images/btn3.gif) no-repeat 0 0;}
#menu_a li#btn3 a:hover{ background:url(images/btn3.gif) no-repeat 0 -30px;}
#menu_a li#btn4 a {background:url(images/btn4.gif) no-repeat 0 0;}
#menu_a li#btn4 a:hover{ background:url(images/btn4.gif) no-repeat 0 -30px;}
/*----*/
#menub ul{ margin:0; padding:0;}
#menu_b li a{display:block;height:20px; width:250px;margin:0; padding:0}
li#m a{background:url(images/m.gif) no-repeat -20px 0}
li#m a:hover{ background:url(images/m.gif) no-repeat -20px -20px;}
li#m1 a{background:url(images/m1.gif) no-repeat -10px 0}
li#m1 a:hover{ background:url(images/m1.gif) no-repeat -10px -20px;}
li#m2 a{background:url(images/m2.gif) no-repeat -3px 0}
li#m2 a:hover{ background:url(images/m2.gif) no-repeat -3px -20px;}
li#m3 a{background:url(images/m3.gif) no-repeat 0 0}
li#m3 a:hover{ background:url(images/m3.gif) no-repeat 0px -20px;}
li#m4 a{background:url(images/m4.gif) no-repeat 0 0}
li#m4 a:hover{ background:url(images/m4.gif) no-repeat 0px -20px;}
li#m5 a{background:url(images/m5.gif) no-repeat 0 0}
li#m5 a:hover{ background:url(images/m5.gif) no-repeat 0px -20px;}
li#m6 a{ background:url(images/m6.gif) no-repeat -4px 0}
li#m6 a:hover{ background:url(images/m6.gif) no-repeat -4px -20px;}
li#m7 a{background:url(images/m7.gif) no-repeat -10px 0}
li#m7 a:hover{ background:url(images/m7.gif) no-repeat -10px -20px;}
li#m8 a{background:url(images/m8.gif) no-repeat -20px 0}
li#m8 a:hover{ background:url(images/m8.gif) no-repeat -20px -20px;}
li#m9 a{background:url(images/m9.gif) no-repeat -32px 0}
li#m9 a:hover{ background:url(images/m9.gif) no-repeat -32px -20px;}
li#m10 a{background:url(images/m10.gif) no-repeat -52px 0}
li#m10 a:hover{ background:url(images/m10.gif) no-repeat -52px -20px;}
li#m11 a{background:url(images/m11.gif) no-repeat -75px 0}
li#m11 a:hover{ background:url(images/m11.gif) no-repeat -75px -20px;}
.gauche{ float:left;}
.droite{ float:right;}
#footer{ padding-top:2px; padding-right:2px; padding-left:2px; padding-bottom:0; color:#0292c1}
#footer a{ color:#0292c1}
#footer a:hover{ color:#006699}
#info{ background:url(images/info.gif) no-repeat; width:225px; height:120px; position:absolute; margin-top:30px; margin-left:510px;}
#contact{ background:url(images/contact.gif) no-repeat; width:131px; height:37px; position:absolute; margin-top:310px;}
#contact a{ display:block; width:131px; height:37px;}
#titre{ width:109px; height:29px; background:url(images/titre.gif) no-repeat; position:absolute; margin-top:0px; margin-left:310px;}
#anim{ position:absolute; margin-left:465px; margin-top:200px; width:270px; height:170px;}