@CHARSET "ISO-8859-1";

body, .cssFondBody {
    /*background-repeat: norepeat;
       background-image: url("../clavisapproweb/images/fond-page.jpg");
       margin: 0;
       padding: 0;*/
    background-image: url(../sesamev4/images/fond_degrade.jpg);
    background-repeat: no-repeat;
    background-color: transparent;
    background-color: #B8CAFC;
    color: #6B6B6B;
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}

.logo {
    /*background-image: url("../sesamev4/images/clavis.png");*/
    height: 140px;
    background-repeat: no-repeat;
}

.zoneBoutons {
    margin-bottom: 20px;
}

.corpsFieldset {
    margin-top: 35px;
}

.lang {
    /*On masque les langues*/
    display: inline;
    background-repeat: no-repeat;
    position: relative;
    float: right;
    margin: 0;
    margin-top: 1px;
    margin-right: 18px;
}

.lang_fr {
    background-image: url("../sesamev4/images/clavis/fr.gif");
    background-repeat: no-repeat;
    float: left;
    margin: 0;
    margin-top: 5px;
    margin-right: 8px;
    height: 16px;
    width: 24px;
    margin-right: 8px;
    cursor: pointer;
}

.lang_en {
    display: none;
    background-image: url("../sesamev4/images/clavis/en.gif");
    background-repeat: no-repeat;
    position: relative;
    float: left;
    margin: 0;
    margin-top: 5px;
    margin-right: 8px;
    height: 16px;
    width: 24px;
    cursor: pointer;
}

.lang_es {
    display: none;
    background-image: url("../sesamev4/images/clavis/es.gif");
    background-repeat: no-repeat;
    float: left;
    margin: 0;
    margin-top: 5px;
    margin-right: 8px;
    height: 16px;
    width: 24px;
    cursor: pointer;
}

.lang_it {
    display: none;
    background-image: url("../sesamev4/images/clavis/it.gif");
    background-repeat: no-repeat;
    float: left;
    margin: 0;
    margin-top: 5px;
    height: 16px;
    width: 24px;
    cursor: pointer;
}

a {
    /* recupere sur le site cbp */
    color: #365E88;
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

input.bouton {
    /*	background-color: #FFFFFF;
       background-image: url("../clavisapproweb/images/fond-form.jpg");
       border: 0px solid #D7E1F2;
       color: #006699;
       cursor: pointer;
       font-family: Arial, Helvetica, sans-serif;
       font-size: 11px;
       font-weight: bold;
       height: 20px;*/
    background: url(../sesamev4/images/bouton_mil.gif) repeat-x;;
    height: 28px;
    border: 0;
    color: #ffffff;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    font-size: 8pt;
}

input.bouton[disabled] {
    color: grey;
}

.title {
    color: #02407B;
    font-size: 12pt;
    height: 23px;
    margin: 0;
    padding: 2px 0 0 20px;
    background: url(../sesamev4/images/titre1_centre.gif) repeat-x;
    font-weight: bold;
    text-align: left;
}

fieldset {
    background-color: white;
    border: 0 solid;
    display: block;
    margin: 0 auto 5px;
    padding: 0;
    width: 55%;
}

.ligne {
    color: #02407B;
    font-size: 8pt;
    font-weight: bold;
    padding-right: 10px;
    text-align: right;
}

div, span, th, td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12;
    color: #666666;
}

#erreur {
    background-color: #F4F4F4;
    border: 1px solid #FFAF59;
    font-size: 70%;
    margin: 10px auto 0;
    padding: 2px 10px;
    text-align: left;
    width: 75%;
    color: red;
}

#erreur h2 {
    background: none;
    border: 0 none;
    margin: 0;
    color: #FF8400;
    font-size: 120%;
    line-height: 1.5em;
    text-align: center;
}

#bandeau {
    display: none;
}

#boutonConnect {
    margin: 10px;
}

#boutonReset {
    margin: 10px;
}

#email {
    width: 300px;
}

.disabledTextBox {
    background-color: #CCCCCC;
    cursor: default;
}

.clavier {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    padding-left: 48px
}

.toucheClavier {
    background-color: transparent;
    padding: 0;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    text-align: center;
}

.toucheClavier img {
    background-color: white;
    width: 28px;
    height: 28px;
}

.toucheClavier img:hover {
    background-color: orange;
    width: 32px;
    height: 32px;
}

.clavierAnnuler {
    color: yellow;
    font-weight: bold;
    padding: 0;
    width: 28px;
    height: 28px;
    border: none;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 10px;
}

#clavierCorriger {
    color: red;
    font-weight: bold;
    padding: 0;
    width: 28px;
    height: 28px;
    border: none;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 10px;
}

#clavierAide {
    background-image: url("./clavier/touche");
    color: white;
    font-weight: bold;
    padding: 0;
    width: 28px;
    height: 28px;
    border: none;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 10px;
}

.clavierAnnuler:hover, #clavierCorriger:hover, #clavierAide:hover {
    color: orange;
}