html{background: url(image/bg.jpg) no-repeat center center fixed; /*image/background_imag3.jpg) */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}

body{
    width:100%;
    margin:0px;
    font-family: Arial, Helvetica, sans-serif; /*Calibri,'Gill Sans', 'Gill Sans MT', 'Trebuchet MS', sans-serif;*/
}
/*body{
    background-image:url(image/background_imag.jpg);
    background-repeat:no-repeat;
    background-size:cover;
}*/
#homeHeader{
    margin-top: 150px;
    margin-bottom: 120px;
    width: 50%;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 3em;
    color:green;
}
#homeSection{
    width: 50%;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}

/* inscription page*/
    .form_col,.form_collogin {
        display: inline-block;
        margin-left: 0px;
        padding: 0px;
        width: 350px;
        text-align: right;
        font-size: 1.5em;
    }
    .form_collogin{
        width: 220px;
    }
    #fieldset{
        margin-top:-30px;
        padding-top: 40px;
        /*padding-bottom: 40px;*/
        border-color:transparent;
        width: 100%;
    }
    #legendFieldSet{
        font-size: 2em;
        color: whitesmoke;
        position:relative;
    }
    .input_col {
        display: inline-block;
        width: 150px;
        font-size: 1.3em;
        margin:5px;
        padding: 2px;
        border: 1px solid white;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        outline: none; /* Remove the border applied by certain navigator while focusing to <input> element*/
    }
    /*.input_col:focus {
        border-color: yellow;
        -moz-box-shadow: 0 0 8px yellow;
        -webkit-box-shadow: 0 0 8px yellow;
        box-shadow: 0 0 8px yellow;
    } */


    .tooltip{
        display: inline-block;
        margin-left: 5px;
        padding: 2px 4px;
        border: 1px solid #555;
        background-color: green;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        font-size: 0.8em;
        color:yellow;
    }
    #divButton {
        display: inline-block;
        width: 155px;
        border: none;
        margin:5px;
        text-align: center;
        outline: none; /* Remove the border applied by certain navigator while focusing to <input> element*/
    }
    
    .correct {
        border-color: rgba(68, 191, 68, 0.75);
    } 
    .correct:focus {
        border-color: rgba(68, 191, 68, 0.75);
        -moz-box-shadow: 0 0 8px rgba(68, 191, 68, 0.5);
        -webkit-box-shadow: 0 0 8px rgba(68, 191, 68, 0.5);
        box-shadow: 0 0 8px rgba(68, 191, 68, 0.5);
    } 
    .incorrect {
        border-color: rgba(191, 68, 68, 0.75);
    } 
    .incorrect:focus {
        border-color: rgba(191, 68, 68, 0.75);
        -moz-box-shadow: 0 0 8px rgba(191, 68, 68, 0.5);
        -webkit-box-shadow: 0 0 8px rgba(191, 68, 68, 0.5);
        box-shadow: 0 0 8px rgba(191, 68, 68, 0.5);
    }