/* PAGE IDENTIFICATION */
body{
background:url(../images/V2/f_identification.gif) repeat-x 0px 35px;
}
/* BANDEAU */
#identification #haut{
background:#46453F;
height:35px;
padding:0 0 0 16px;
}
#identification #haut .date{
float:left;
background:#46453F; /* url(../images/V2/separateur_haut.gif) repeat-y right top; */
}
#identification #haut .date span{
display:block;
background:#46453F; /* url(../images/V2/picto_date.gif) no-repeat 0px 12px; */
font-size:11px;
color:#fff;
padding:0 17px;
line-height:35px;
}
#identification #haut .clark{
display:block;
float:right;
background:#46453F; /* url(../images/V2/separateur_haut.gif) repeat-y left top; */
font-size:11px;
color:#fff;
padding:0 15px 0 2px;
}
/* AVERTISSEMENT */
#identification #page .h_avertissement{
width:493px;
background:url(../images/V2/h_avertissement.gif) no-repeat;
padding:4px 4px 12px 4px;
}
#identification #page .b_avertissement{
background:url(../images/V2/b_avertissement.gif) no-repeat bottom;
padding:0 0 4px 0;
}
#identification #page .f_avertissement{
background:#FFFAD0 url(../images/V2/picto_avertissement.gif) no-repeat 12px 16px;
padding:20px 75px;
}
#identification #page .f_avertissement ul{
}
#identification #page .f_avertissement ul li{
background:url(../images/V2/puce.gif) no-repeat 0px 7px;
font-size:12px;
font-weight:bold;
color:#AA9B1F;
padding:0 0 0 10px;
}
/* FORMULAIRE */
#identification #page{
position:absolute;
left:50%;
top:50%;
width:505px;
height:140px;
margin-left: -252px;
margin-top: -70px;
}
#identification #page .h_identification{
background:url(../images/V2/h_identification.gif) no-repeat;
padding:8px 0 0 0;
}
#identification #page .b_identification{
background:url(../images/V2/b_identification.gif) no-repeat bottom;
padding:0 0 6px 0;
}
#identification #page .f_identification{
background:url(../images/V2/f_identification2.gif) no-repeat;
padding:0 7px 0 7px;
overflow:hidden;
zoom:1;
}
#identification #page .f_identification .f_logo{
float:left;
background:url(../images/V2/f_logo_client2.gif) no-repeat;
}
#identification #page .f_identification .logo{
display:table-cell;
width:216px;
height:124px;
text-align:center;
vertical-align:middle;
}
#identification #page .f_identification .logo *{
vertical-align: middle;
}
#identification #page .f_identification .logo span{
display: inline-block;
height: 100%;
width:1px;
}
#identification #page .f_identification form{
float:right;
width:258px;
height:101px;
border:1px solid #E2E2E2;
border-left:none;
padding:21px 0 0 15px;
}
#identification #page .f_identification form p{
overflow:hidden;
zoom:1;
margin:0 0 9px 0;
}
#identification #page .f_identification form p.bouton{
padding:0 0 0 92px;
}
#identification #page .f_identification form p label{
display:block;
float:left;
width:92px;
line-height:20px;
font-size:12px;
color:#343333;
}
#identification #page .f_identification form input.identifiant{
float:left;
font-size:12px;
color:#343333;
background:url(../images/V2/f_identifiant.gif) no-repeat;
width:126px;
height:19px;
line-height:19px;
border:1px solid #A5ACB2;
padding:3px 0 0 22px;
}
#identification #page .f_identification form input.mdp{
float:left;
font-size:12px;
color:#343333;
background:url(../images/V2/f_mdp.gif) no-repeat;
width:126px;
height:19px;
line-height:19px;
border:1px solid #A5ACB2;
padding:3px 0 0 22px;
}