html,body{margin:0px;padding:0px;font-family:arial}
#wrapper{position:relative;}
#header{position:relative;margin-left:auto;margin-right:auto;text-align:center;background:url(../images/matiere.jpg);padding:1px;height:300px}
.logo{margin-top:20px}
#footer{background:url(../images/bande_color.jpg) top center ;height:6px;position:fixed;bottom:0px;width:100%}

.cls{clear:both}

/* identification */

.wrap_identification{position:relative;width:100%;text-align:center;margin-top:135px;}
.identification_header{display:block;width:500px;margin:0 auto;text-align:left}
.identifiant,.password{background:url(../images/identifiant.png) no-repeat;width:174px;height:51px;float:left;margin-right:8px;padding-left:10px}
.identifiant input,.password input{border:0px solid black;background:transparent;font-size:16px;width:150px;-webkit-tap-highlight-color: transparent;text-transform:lowercase;outline:none}
.field_box{height:40px;margin-top:3px;}
.bt_envoyer{display:block;float:left;background:url(../images/id_ok_off.png) no-repeat;width:100px;margin-top:3px;height:33px;text-align:center;color:#FFFFFF;padding-top:15px;text-decoration:none}
.bt_envoyer.hover{background:url(../images/id_ok_on.png) no-repeat;}
.message_identification{color:#FF0000;position:relative;display:block;margin-top:0px;font-size:12px}
.cadre_content{width:480px;margin-left:auto;margin-right:auto;border:0px solid black;margin-top:30px;text-align: left}
.bt_aide{display:inline-block;text-align:left;font-size:11px;background:url(../images/contact_off.jpg) 0px 2px no-repeat;margin-top:9px;padding-left:15px;height:15px;text-decoration:none;color:#404040}

/* installation */
.wrap_installation{position:relative;width:600px;margin-left:auto;margin-right:auto;text-align:center}
#installation_help{position:absolute;top:10px;left:23px}
#installation_help img{width:554px;height:120px}
.border_left_header{position:absolute;top:0px;left:590px;background:url(../images/ombre.png) no-repeat;width:5px;height:160px}
.border_right_header{position:absolute;top:0px;left:10px;background:url(../images/ombre.png) no-repeat;width:5px;height:160px}
#next{display:block;position:absolute;top:60px;left:600px;background:url(../images/fleche_next_off.png) no-repeat;width:20px;height:37px;-webkit-tap-highlight-color: transparent;}
#next.hover{background:url(../images/fleche_next_on.png) no-repeat;}
#prev{display:block;position:absolute;top:60px;left:-15px;background:url(../images/fleche_prev_off.png) no-repeat;width:20px;height:37px;-webkit-tap-highlight-color: transparent;}
#prev.hover{background:url(../images/fleche_prev_on.png) no-repeat;}

.cadre_item_arbo_app{position:relative;width:580px;margin-left:auto;margin-right:auto;margin-top:20px}
.app_arbo{border-bottom:1px solid #cccccc;padding-bottom:5px;padding-top:10px}
.app_name{float:left;width:300px;font-size:12px;margin-top:8px}
.bt_dwl_profil{display:block;float:left;background:url(../images/bt_profil.png) no-repeat;width:175px;height:21px;font-size:12px;text-align:center;text-decoration:none;padding-top:7px;color:#ed7505;text-shadow: 0px 0px 1px rgba(0,0,0, 0.3);font-weight:bold;-webkit-tap-highlight-color: transparent;}
.bt_dwl_profil.hover{color:#303030}
.bt_dwl_app{display:block;float:left;background:url(../images/bt_app.png) no-repeat;width:103px;height:21px;font-size:12px;text-align:center;text-decoration:none;padding-top:7px;color:#00cdc6;text-shadow: 0px 0px 1px rgba(0,0,0, 0.3);font-weight:bold;-webkit-tap-highlight-color: transparent;}
.bt_dwl_app.hover{color:#303030}

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

#header{height:150px}
.wrap_identification{position:relative;width:100%;text-align:center;margin-top:30px;height:200px}
.identification_header{display:inline-block;height:200px;width:auto;text-align:left}
.message_identification{color:#FF0000;position:relative;margin-top:0px;font-size:12px}

.identifiant,.password{display:block;background:url(../images/identifiant.png) no-repeat;width:184px;height:51px;float:none;margin-bottom:6px}
.bt_envoyer{display:block;float:none;background:url(../images/id_ok_off.png) no-repeat;width:100px;margin-top:3px;height:33px;text-align:center;color:#FFFFFF;padding-top:15px;text-decoration:none}

.cadre_item_arbo_app{position:relative;width:100%;margin-left:auto;margin-right:auto;margin-top:20px}
.wrap_installation,#installation_help{display: none}
.app_name{float:none;width:auto;font-size:15px;margin-top:8px;text-transform: uppercase;margin-bottom:8px}
.app_arbo{border-bottom:1px solid #cccccc;padding:10px}
}