html, body {
    padding : 0 ;
    margin : 0 ;
}

body {
    background : #c0dce5 ;
    text-align : center ;
    overflow : hidden ;
    font-family : Arial, 'sans-serif'
}

#i-site {
    position : absolute ;
    width : 100% ;
    height : 640px ;
    top : 50% ;
    left : 50% ;
    margin : -320px 0 0 -50% ;
}

#ILLarge {
    position : absolute ;
    width : 100% ;
    height : 630px ;
    top : 50% ;
    left : 0 ;
    margin : -315px 0 0 0 ;
    background : url('/tpl/img/login/bg-large.png') top left repeat-x ;
}

#ILLargeBlack {
    position : absolute ;
    width : 100% ;
    top : 510px ;
    left : 0 ;
    height : 2000px ;
    background : #1b1b1b ;
}

#ILPage {
    position : absolute ;
    top : 0 ;
    left : 50% ;
    width : 1300px ;
    height : 630px ;
    margin : 0 0 0 -650px ;
    z-index : 1 ;
}

#ILHill {
    position : absolute ;
    width : 1300px ;
    height : 171px ;
    bottom : 0 ;
    left : 0 ;
    z-index : 10 ;
    background : url('/tpl/img/login/bg-hill.png') top left no-repeat ;
}

#ILLogo {
    position : absolute ;
    width : 545px ;
    height : 175px ;
    top : 10px ;
    left : 10px ;
    background : url('/tpl/img/login/bg-logo.png') top left no-repeat ;
}

#ILLogoHager {
    position : absolute ;
    width : 300px ;
    height : 100px ;
    top : 10px ;
    left : 10px ;
    background : url('/tpl/img/custom/hager.png') top left no-repeat ;
    background-size : contain ;
}

#ILLogoCaseo {
    position : absolute ;
    width : 486px ;
    height : 145px ;
    top : 10px ;
    left : 10px ;
    background : url('/tpl/img/custom/caseo.png') top left no-repeat ;
    background-size : contain ;
}


#ILLogoBricoman {
    position : absolute ;
    width : 274px ;
    height : 74px ;
    top : 10px ;
    left : 10px ;
    background : url('/tpl/img/custom/bricoman.png') top left no-repeat ;
    background-size : contain ;
}

#ILLogoGedimat {
    position : absolute ;
    width : 415px ;
    height : 100px ;
    top : 10px ;
    left : 10px ;
    background : url('/tpl/img/custom/gedimat.png') top left no-repeat ;
    background-size : contain ;
}

#ILBoost {
    position : absolute ;
    width : 402px ;
    height : 273px ;
    top : 170px ;
    left : 460px ;
    background : url('/tpl/img/login/bg-boost.png') top left no-repeat ;
}

#ILP1 {
    position : absolute ;
    width : 175px ;
    height : 423px ;
    top : 190px ;
    left : 80px ;
    z-index : 1 ;
    background : url('/tpl/img/login/perso-1.png') top left no-repeat ;
}

#ILP2 {
    position : absolute ;
    width : 234px ;
    height : 308px ;
    top : 225px ;
    left : 350px ;
    z-index : 1 ;
    background : url('/tpl/img/login/perso-2.png') top left no-repeat ;
}

#ILP3 {
    position : absolute ;
    width : 192px ;
    height : 322px ;
    top : 230px ;
    right : 340px ;
    z-index : 1 ;
    background : url('/tpl/img/login/perso-3.png') top left no-repeat ;
}

#ILP4 {
    position : absolute ;
    width : 211px ;
    height : 512px ;
    top : 80px ;
    right : 30px ;
    z-index : 1 ;
    background : url('/tpl/img/login/perso-4.png') top left no-repeat ;
}

#ILFormaction {
    /*
	position : absolute ;
    bottom : 20px ;
    right : 10px ;
    background : url('/tpl/img/login/evolearning.png') top left no-repeat ;
    width : 191px ;
    height : 77px ;
    z-index : 20 ;
	*/
}

#ILForm {
    position : absolute ;
    bottom : 0 ;
    left : 15px ;
    width : 550px ;
    height : 105px ;
    z-index : 20 ;
    /* background : url('/tpl/img/login/bg-labels.png') top left no-repeat ; */
    text-align : left ;
}

#ILForm form {
    padding : 55px 0 0 0 ;
}

#ILForm input {
    font-size : 16px ;
    padding : 10px ;
    border-radius : 8px ;
    width : 200px ;
    margin : 0 10px 0 0 ;
    border : none ;
    box-shadow : 1px 1px 2px rgba(0, 0, 0, 1) ;
}

#ILForm .Btn {
    width : 60px ;
    background : #FFCC00 ;
    color : #333 ;
    font-weight : bold ;
    font-size : 14px ;
}

#ILError {
    position : absolute ;
    bottom : 12px ;
    left : 560px ;
    background : #FFF ;
    color : #FF0000 ;
    font-weight : bold ;
    padding : 8px 15px ;
    border-radius : 8px ;
    z-index : 30 ;
}

.logintxt-authentification{
    color: #fff;
    position: absolute;
    top: -5px;
    font-size: 1.5em;
    font-style: italic;
    font-weight: 600;
}
.logintxt-identifiant{
    color: #fff;
    position: absolute;
    top: 24px;
    font-size: 1em;
    /* font-style: italic; */
    font-weight: 600;
}
.logintxt-pwd{
    color: #fff;
    position: absolute;
    top: 24px;
    font-size: 1em;
    /* font-style: italic; */
    font-weight: 600;
    left: 234px;
}

.logintxt-boost{
    font-family: 'Kalam', cursive;
    font-size: 2.3em;
    font-weight: 700;
    position: absolute;
    top: -7px;
    text-align: center;
    width: 100%;
}