html,body{padding:0;margin:0;width:100%;font-family:arial;font-size:14px;background-color:#f7f7f7}
img{border:0}
a{color:#36a6f3}

.bleu{color:#36a6f3}
.rouge{color:#db2d32}
.secondaire{color:#666}

.userbox{position:relative;width:100%;background-color:#000;background-repeat:no-repeat;background-position:center center;background-size:cover}

.padding20{padding:20px}
.justify{text-align:justify}
.separate{border:none;height:1px;background-color:#c9c9c9;color:#c9c9c9}
		
#presentation{background-color:#36a6f3;font-size:24px;height:37px;font-weight:bold;color:#fff;text-align:center;padding-top:8px}
#tabbar{position:fixed;bottom:0px;left:0px;width:100%;background-color:#36a6f3;height:100px}
#lancer{background-color:#00aaee;color:#fff;padding:10px;cursor:pointer}
#position{display:block}
#feedback{padding:20px;background-color:#222;color:#fff;text-align:center}
#conteneur {padding-bottom:150px;}

#headbar,#backbar {position:relative;width:100%;margin-top:10px;margin-bottom:10px}
#logo {width:100%;text-align:center}
#logo img{width:120px;}
#ico_settings{position:absolute;top:0;right:2em}
#ico_settings img{width:31px;height:31px}
#ico_back{position:absolute;top:0;right:2em}
#ico_back img{width:31px;height:31px}

#tabbar_btn{position:relative;width:100%;margin:auto;margin-top:15px}
#btn_tilt img{width:50px;height:50px}
#btn_locate img{width:50px;height:50px}
#btn_classified img{width:50px;height:50px}
#btn_tilt a, #btn_locate a, #btn_classified a{color:#fff;text-decoration:none}

.preview {position:relative;border-top:1px solid #fff;border-bottom:1px solid #c9c9c9;padding:20px}
.row{position:relative;border-top:1px solid #fff;border-bottom:1px solid #c9c9c9;padding:20px}
.settings a{color:#000;text-decoration:none}
#rightarrow{position:absolute;right:20px;top:20px;width:12px;height:20px;background-image:URL('../graph/ico_rightarrow.png');background-size:12px 20px}