body {
         margin:auto;
     text-align:center;
     font-family:Verdana;
     font-size:12px;
background:#ffffff;
  background: url(img/motif-background2.png) fixed;

}

a{
color:red;
}
#tout{
        width:1000px;
        margin:auto;
        text-align: left;
        background: url(img/background-1000.gif) repeat-y;
margin-top:20px;
border:2px solid black;
  margin-bottom:20px;



        }

#toptop{
        border-top:1px solid black;
        border-bottom:2px solid black;
        width:1000px;
        height:62px;
        height:120px;


    background: url(img/back-logo5.gif) repeat-x;
     background: url(img/147back.png) repeat-x;
        }

#topg{
        float:left;
        padding-left:0px;
        height:62px;
        width:350px;
        height:120px;



        }
#topd{
  float:left;
       text-align:center;
margin:auto;
vertical-align:center;
       height:62px;
       height:120px;
       width:400px;
 font-size:20px;
color:white;
padding-top:20px;
        }

#top-coin-droit{
       float:right;
       text-align:center;
margin:auto;
vertical-align:center;
       height:62px;
       height:120px;
       width:200px;
 font-size:14px;
color:white;
padding-top:5px;

        }



#reste {

       background:url(img/background-1000.gif) repeat-y;
       width:1000px;
       border-bottom:1px solid black;

       }

#gauche{
        float:left;
        width:200px;
        color:black;
        border-right:1px solid black;



        }





#gauche .contenu{


border : 1px solid #ec4150;
margin-left:4px;
background:white;

        }
#gauche ul{
list-style-type:none;
margin:0px;
padding:0px;


}

#gauche li{
border-bottom:1px dotted grey;
padding-bottom:3px;
padding-left:8px;

}


#gauche li a{
color:red;
      padding-left:1px;
   text-decoration: none;
  display: block;
 width:100%;


}

#gauche li a:hover{
color:black;
   text-decoration: underline;

}



#gauche .titre{
border-top : 1px solid black;
border-bottom : 1px solid black;

     font-size:14px;
color:white;

text-align:center;
background:url(img/back-titre.gif) repeat-x;
}


#menubonga{

}

#menubonga li{
list-style-position: inside;
border:0;
margin:0;
padding:0;
list-style-type: none;
color:red;
}

#droite{
        float:right;
        width:785px;
        margin-right:3px;

                }

#droite h2{
background:black;
   background: url(img/back-droite.gif) repeat-x;
border:1px solid black;
  font-size:18px;
  height:40px;
  color:white;
text-decoration:none;
margin:auto;

  width:100%;
}
#droite .contenu{
        padding:7px;

        }
#bas {
 color:white;
 border-top:2px solid black;

      background: url(img/back-titre.gif) repeat;


        }

        #bascl{
          clear:both;
                }

.Numbers{
        background:red;
        width:20px;
        color:white;
        }
.Extra{
        background:blue;
        color:white;
        }
.Header{
        text-decoration: underline;
        }
.Star{
       background:yellow;
        color:black;
        }
.searchkel{
        background-color:#FFCC66;
        color:black;
        border:1px solid #FF9933;
        margin:auto;
        }
.droite{
        background-color:#FFCC66;
        border:1px solid #FF9933;
        background-color:#FFFFFF;
        border:1px solid #f9c7b6;

        margin:auto;
      width:100%;
        }

.droite a{
        color:#3366FF;
        margin-top:4px;
        padding-top:4px;

}
        h2{
       text-align:center;
       text-decoration:underline;
        }
hr{
color:#FFCC66;
background-color:#FFCC66;

}

.indexg {
border-style:solid;
border-width:1px;
border-color:#FF9933;
}

.indexd {
border-style:solid;
border-width:2px;
border-color:#FF9933;
padding-left:4px;
padding-right:2px;
}

.floatg{
float:left;
}

.clear{
clear:both;
}

.recimg{
float:left;
padding-left:30px;
}

.table_resu{
margin:auto;
border:2px solid black;
width:90%;
border-collapse: collapse;
text-align:center;



}

th{
   background: url(img/back-droite.gif) repeat-x;
   font-size:14px;
color:white;
height:40px;
}

.table_cell1{
 background-color:#FFCC66;
 margin:auto;
    background: url(img/back_cell1.png) repeat-x;
    background-color:#c2d7ef;
}
.table_cell2{
  margin:auto;
    background: url(img/back_cell3.png) repeat-x;
      background-color:#E6EFC2;
}

.form_type1{
vertical-align:center;
border : 1px solid black;
margin:auto;
padding:10px;
width:40%;
background: url(img/back-logo5.gif) repeat-x;
color:white;
}

.toto{
border:1px solid #f9d4b6;
border:1px solid black;

 background-color:#FFF;
}
/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:right;
    margin:-10px 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{

    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

.resultat_tirage{
margin:auto;
text-align:center;
 border:1px solid #252525;
 width:100%;


}


.nbr_titre{
  font-size:16px;
color:white;

background:url(img/back-titre-dr.png) repeat-x;

   text-align:center;

   font-weight: bold;


}

.resultat_case{
margin:auto;
margin-top:10px;
padding:4px;


}
.nbr_date{

 text-decoration:underline;

color:black;

}
.nbr_nombres{
 color:black;
 list-style-type:none;

}

.resultat_case li{
float:left;
padding-right: 4px;
padding-left: 4px;


}

.num_comp{
color:red;

}

.nofloat{
float:none;
}

.recettes{

}

.floatd{
float:right;
}

.imgfloatg{
float:left;
margin-right:15px;
}


  div.item {

      margin: 10px;
      padding: 2px;
      width: auto;

    }
    span.thumbnail {

      margin-right: 20px;
      padding: 2px;

      font-size: x-small;
      text-align: center
    }
    span.attr {
      font-weight: bolder;
    }
    span.title {
      font-weight: bolder;

    }
    img {
      border: 0px;
    }
    a {
      color: brown;
      text-decoration: none;
    }

    span.textehome{
    color:white;
    }