@media screen and (max-width: 600px) {

body
{
background-color:#fafafa;

}
.div_compte{
position:absolute;
left:0;
top:0;
width:100%;
background:none;
border:none

}
.table_compte,table_mdp{
margin-top:12;
width:90%;
padding:5;
}
.table_compte input[type=text],table_mdp input[type=text]{
width:100%;
}
.TableMsgMail{
padding-bottom:5px;
font-size:10pt;
font-weight:bold;
color:#000;
background:#eee;
border-radius:5px;
margin-top:10px;
}

.table_defaut{
width:100%;
}

.logoP{
display:none;
}

.div_logo{
width:80%;
height:30%;
margin-top:3%;
margin-bottom:3%;
padding-bottom:20;
padding-left:20px;
padding-right:20px;

align:center;

background-color:3B3B3D;
border-radius:5px
}

.tdIcone{
display:none;
}

.table_login{
width:100%;
margin-top:10;
}
.div_ident{
margin-top:10;
padding-top:20;
padding-bottom:30;
width:90%;
border:solid 2px #C0C0C0;
border-radius:5px;
}

.table_ident{
width:100%;
}

.champ_saisie{
margin-top:10;
margin-bottom:10;
font-size:16pt;
height:40;
width:60%;
background-color:F2F2F2;
border: 1px solid DDDDDD;
border-radius:5px;
}
}

@media screen and (min-width: 600px) and (max-width:1024px) {

body
{
background-color:#fafafa;

}
.table_defaut{
width:100%;
}
.logoP{
width:80%;
}

.div_logo{
width:60%;
height:30%;
margin-top:3%;
margin-bottom:3%;
padding-bottom:20;
padding-left:20px;
padding-right:20px;

align:center;

background-color:3B3B3D;
border-radius:5px
}

.tdIcone{
}

.table_login{
width:70%;
margin-top:30;
}
.div_ident{
margin-top:30;
padding-top:20;
padding-bottom:30;
width:70%;
border:solid 2px #C0C0C0;
border-radius:5px;
}

.table_ident{
width:100%;
}

.champ_saisie{
margin-top:10;
margin-bottom:10;
font-size:16pt;
height:40;
width:50%;
background-color:F2F2F2;
border: 1px solid DDDDDD;
border-radius:5px;
}

.table_entrer{
margin-top:30;
}


}


@media screen and (min-width: 1024px) and (max-width:1300px) {

body
{
background-color:#fafafa;

}
.table_defaut{
width:100%;
}
.logoP{
width:80%;
}

.div_logo{
width:60%;
height:30%;
margin-top:3%;
margin-bottom:3%;
padding-bottom:20;
padding-left:20px;
padding-right:20px;

align:center;

background-color:3B3B3D;
border-radius:5px
}

.tdIcone{
}

.table_login{
width:50%;
margin-top:10;
}
.div_ident{
margin-top:30;
padding-top:20;
padding-bottom:30;
width:70%;
border:solid 2px #C0C0C0;
border-radius:5px;
}

.table_ident{
width:100%;
}

.champ_saisie{
margin-top:10;
margin-bottom:10;
font-size:16pt;
height:40;
width:50%;
background-color:F2F2F2;
border: 1px solid DDDDDD;
border-radius:5px;
}

.table_entrer{
margin-top:30;
}

}