body {

  background-color: #cc0000;  }

#menu {

  line-height: 1.8em;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10%;
  padding-top: 8px;
  padding-bottom: 12px;
  padding-left: 1%;
  padding-right: 1%;;
  width: 80%;
  height: 100%;
  background-color: #fff;
  border: solid 1px #000 ;
  letter-spacing: 1px;
  box-shadow: 4px 4px 22px #000;  }

.inp  {
 
  box-shadow: 5px 5px 4px #999;
  font-family: antoniobold;
  letter-spacing: 2px;
  font-size: 1.0em;    }



.rad  {

  width:22px;
  height:22px;  }

form {

  line-height: 2.4em;
  font-family: antoniobold;   }


@font-face {
    font-family: 'antoniobold';
    src: url('../font/antonio-bold-webfont.eot');
    src: url('../font/antonio-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/antonio-bold-webfont.woff') format('woff'),
         url('../font/antonio-bold-webfont.ttf') format('truetype'),
         url('../font/antonio-bold-webfont.svg#antoniobold') format('svg');
    font-weight: normal;
    font-style: normal;   }

#titre {

  position: relative;
  width: 90%;
  height: 30px;
  font-family: antoniobold;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 20px;
  margin: 2%;
  padding: 3%;
  background-color: #cc0000;
  color: #fff;
  text-shadow: 5px 5px 6px #000;
  box-shadow: 5px 5px 4px #999;
  border: solid 0px #000;   }