/* ------ GENERAL ------ */
           * { margin:0px; padding:0px; }
            body { font-family: verdana;
	background-image: url(../images/methoderoulettefond.jpg);}

           #page {width:1257px; margin:7px auto;}
           a img {border:none; }

/* ------ decoupe de l index et hd ------ */

   .fond1 {clear: both;width:1257; height: 207px;background:url(../images/accueil_01.jpg) repeat-y;}
   .fond2 { clear: both;width:1257px; height: 86px;background:url(../images/GRA_02.jpg) repeat-y;}
       .bann {text-align: center; padding:11px 1px 1px 48px;}
   .fond3 { clear: both;width:1257px; height: 67px;background:url(../images/GRA_03.jpg) repeat-y;}

   .fond4 { clear: both;width:1257px; height: 106px;background:url(../images/GRA_04.jpg) repeat-y;}
   .fond5 { clear: both;width:1257px; height: 483px;background:url(../images/GRA_05.jpg) repeat-y;}
          .text1 {text-align: center; padding:2px 1px 1px 28px;}
   .fond6 { clear: both;width:1257px; height: 101px;}
   .fond7 { clear: both;width:1257px; height: 81px;background:url(../images/GRA_07.jpg) repeat-y;}
   .fond8 { clear: both;width:1257px; height: 72px;background:url(../images/GRA_08.jpg) repeat-y;}

   .fond8z { clear: both;width:1257px; height: 492px;background:url(../images/ac8_02.jpg) repeat-y;}
   .fond9 { clear: both;width:1257px; height: 168px;background:url(../images/GRA_09.jpg) repeat-y;}
           .fond9 h1 {font-size: 36px; text-align: center;color: #2D2A23;padding:1px 1px 1px 1px;}
           .fond9 h2 {font-size: 25px; text-align: center;color: #2D2A23;padding:1px 1px 1px 1px;}
   .fond10 { clear: both;width:1257px; height: 290px;background:url(../images/accueil_10hd.jpg) repeat-y;}
           .fond10 h1 {text-align: center; padding:2px 1px 1px 59px;}
   .fond11 { clear: both;width:1257px; height: 60px;background:url(../images/GRA_11.jpg) repeat-y;}
          .fond11  h1 {font-size: 16px; text-align: center;color: #2D2A23;padding:4px 1px 1px 1px;}
   .fond12 { clear: both;width:1257px; height: 24px;background:url(../images/GRA_12.jpg) repeat-y;}
   .fond13 { clear: both;width:1257px; height: 77px;background:url(../images/GRA_13.jpg) repeat-y;}
            .fond13  h1 {font-size: 22px; text-align: center;color: #2D2A23;padding:4px 1px 1px 32px;}
   .fond14 { clear: both;width:1257px; height: 291px;background:url(../images/GRA_14.jpg) repeat-y;}
            .fond14  h1 {font-size: 20px; text-align: center;color: #2D2A23;padding:5px 1px 1px 1px;}
   .fond0 { clear: both;width:1257px; height: 77px;}
           .fond15 { float: left; width:453px; height: 77px;background:url(../images/GRA_15.jpg) repeat-y;}
           .fond16 { float: left;width:384px; height: 77px;background:url(../images/GRA_16.jpg) repeat-y;}
            .fond17 { float: left;width:420px; height: 77px;background:url(../images/GRA_17.jpg) repeat-y;}
   .fond18 { clear: both;width:1257px; height: 503px;}
   .fond19 { clear: both;width:1257px; height: 367px;background:url(../images/GRA_19.jpg) repeat-y;}

   .fond20 { clear: both;width:1257px; height: 306px;background:url(../images/GRA_20.jpg) repeat-y;}
           .fond20a { float: left;width:173px; height: 306px;}
           .fond20b { float: left;width:916px; height: 306px;}
                   .centre {padding:20px 40px 1px 40px;}
                    .centre h1 {font-size: 20px; text-align: center;color: #2D2A23;padding:20px 1px 1px 1px;}
                    .centre h2 {font-size: 12px; text-align: left;color: #2D2A23;padding:20px 1px 1px 1px;}
           .fond20c { float: left;width:168px; height: 306px;}
   .fond21 { clear: both;width:1257px; height: 117px;}
   .fond22 { clear: both;width:1257px; height: 66px;background:url(../images/GRA_22.jpg) repeat-y;}
   .fond23 { clear: both;width:1257px; height: 529px;background:url(../images/GRA_23.jpg) repeat-y;}