body{
    background-image: url("background.gif");
    background-repeat: repeat-x;
    margin-top: 0px;
    margin-bottom: 0px;
     margin: auto;
    text-align: center;

}

#keywords{

    width:700px;
    margin-left: auto;
    margin-right: auto;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
}

legend{
      color : black;
}

#fond {
   background-image: url("background.gif");
    background-repeat: no-repeat;
    width: 1024px;
    margin: auto;
    padding-top:50px;
}
#body{
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    color : black;
    font-size: 0.75em;
    width: 750px;
    font-weight: bold;
    margin: auto;
}
.inputFormulaire{
    background-color:#e5e5e5;
    color:#666600;

}

.inputFormulaire:hover{
    background-color:#f6ffc7;
}

.inputConnexion{
    width:110px;
    font-size: 0.85em;
}
.lien1:link,.lien1:visited,.lien1:active {
    text-decoration: none;
    color : gray;
    cursor:pointer;
 }

.lien1:hover {
    margin-top:-1px;
    color: white;
 }

.lien2:link,.lien2:visited,.lien2:active {
    text-decoration: none;
    font-size: 0.75em;
    color : #44526d;
    cursor:pointer;
}

.lien2:hover {
    color: white;
}

.text1{  
    font-size: 0.75em;
    color : #44526d;
}

.puce{
    font-weight: 900;
    color : gray;
}

.bouton{
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif;
    width:130px;
    height:20px;
    cursor:pointer;
    color : gray;
    font-size: 1.2em;
    background-color:transparent;
    background-image: url("bouton_off.gif");
    background-repeat:no-repeat;

    border:none;
}

.bouton:hover{
    background-color:transparent;
    background-image: url("bouton_on.gif");
}

.bouton1{
    font-weight: bold;
    width:180px;
    height:20px;
    cursor:pointer;
    font-family: arial ;
    color : gray;
    /*color : #f6ffc7; */
    font-size: 110%;
    background-image: url("bouton_ok_off.gif");
    background-repeat:no-repeat;
    background-color:transparent;
    border:none;
}

.bouton1:hover{
    background-color:transparent;
    background-image: url("bouton_ok_on.gif");
}

.bouton2{
    display:block;
    height:20px;
    width:300px;
    font-weight: normal;
    font-size: 1.2em;
    overflow:hidden;
    cursor:pointer;
    background-image: url("bouton_demonstration_off.gif");
    background-repeat:no-repeat;
    padding-top:2px;
    margin-right:auto;
    margin-left:auto;
}

.bouton2:hover{
    background-color:transparent;

    background-image: url("bouton_demonstration_on.gif");
}


.messageError{
    font-size: 0.8em;
    color: #cc0033;
    font-style: italic;
    font-weight: bold;
}

.messageSucces{
    font-size: 0.8em;
    color: #ccff00;
    font-style: italic;
    font-weight: bold;
}