/**
 * 	CSS Delivery - auth.css
 * 
 *  @author   Jordan COQUELIN
 *  @date		  2013/31/10
 *  @version	1.0
 */

/**
 * 	COULEURS
 *  --------
 *  
 */

/* GENERIQUES */
html, body {
   height: 100%;
}
body {
	width: 						100%;
	height: 					100%;
	padding: 					0px;
	margin: 					0px;
        font-size: 16px;
}
.clr {
	clear: both;
}

header{
    height: 7%;
    margin: 0 auto;
}

.header a{
    margin: 0.5%;
    padding: 0.4%;
    position: absolute;
}

.header span, .header img{
    vertical-align: middle;
}
.header .logout{
    position: absolute;
    right: 0;
    top: 0;
    background-color: #555555;
    margin: 0.5%;
    padding: 0.4%;
    border-radius: 5px;
}

.header .logout span,img{
    vertical-align: middle;
}
.header .logout a{
    text-decoration: none;color: #FFFFFF;position: relative;margin:0;padding:0;
}
nav{
    display: table;
    margin: 0;
    padding: 0;
    width: 100%;
    display: inline-block;
    font-size: 15px;
    vertical-align: middle;
}


nav ul{
    list-style: none outside none;
}
nav li{
    display:inline;
    padding:5px;
    width:25%;
}
nav a{
    cursor: pointer;
    font-variant: small-caps;
    font-weight: bold;
    margin: 0 5px;
    padding: 5px 17px;
    text-decoration: none;
}
#content{
    margin: 0 auto;
    min-height: 400px;
    padding: 0;
    width: 95%;
    font-size:14px;
}
.delivery tr{
    padding:10px;
    text-align: center;
}
.delivery td{
padding: 8px 3px;
}
table.delivery:last-child {
    margin-bottom: 10px;
}
#map{
    float:right;
}

#panel{
    width: 100%;float:left;
}

.alert{
    margin-left:20px;
    margin-right:2px;
    display:inline-block;
    width:50px;
    height:25px;
    vertical-align: middle;
}

.alert_1{
    
}

.alert_2{
    
}
.legend{
    width:100%;
    margin-left:auto;
    margin-right:auto;
}

.legend div{
    display:inline-block;
}
.legend img{
    vertical-align: middle;
}
/* LOGIN */
#authContener {
        margin: 15% auto 0;
        padding: 10px;
        text-align: center;
        width: 50%;
}
#authContenerTitle {
	font-size:			18px;
	font-weight:		bold;
	margin-bottom:	20px;
}
#authPadlock {
	display:				inline-block;
  vertical-align: top;
	width: 					100px;
	height: 				150px;
	margin-right:		20px;
}
#authContenerRight {
	display:				inline-block;
  vertical-align: top;
	width:					220px;
	font-weight:		bold;
}
#authFooter {
	text-align:	center;
	font-size: 	10px;
	color:			#ddd;
}
#error {
    font-size: 12px;
    padding: 8px 0;
}


/*************************/
/*  VIRTUAL KEYBOARD JS  */
/*************************/

.bgBackspace {
    background-color: #ff9800!important;
}

.bgClear {
    background-color: #f44336!important;
}

.bgEnter {
    background-color: #8bc34a!important;
}

.div_virtual_keyboard {
    background-color: #333;
    width: 100%;
    height: 24em;
    bottom: 0px;
    position: absolute;
    display: none;
    z-index:1800;
}

#clavierLowerCase {
    margin:auto;
    border-spacing: 10px 10px;
    display: block;
}

#clavierLowerCase td {
    width:6em;
    height:50px;
    font-size:30px;
    background-color: #f6f6f6;
    cursor: pointer;
    font-weight: 400;
    color: black;

}

#clavierLowerCase td.bgClear {
    width:3em;
}

#clavierLowerCase td.bgBackspace {
    width:3em;
}

#clavierUpperCase {
    margin:auto;
    border-spacing: 10px 10px;
    display: none;
}

#clavierUpperCase td {
    width:6em;
    height:50px;
    font-size:30px;
    background-color: #f6f6f6;
    cursor:           pointer;
    font-weight:      400;
    color: black;
}

div#keyboard_value {
    padding-right: 5px;
}

#viewerKeyboard {
    width: 99%;
    height:38px;
    font-size:30px;
    background-color: #f6f6f6;
    margin-top:  0.3em;
    margin-left:  0.3em;
}

#viewerKeyboard span {
    padding: 5px;
}

#viewerKeyboard span {
    color: black;
}

.tabItineraire {
    border-top: 1px solid #CACACA;
    padding: 10px 5px 10px 5px;
}

.logo {
    width: 50px;
}