body { padding:0; margin:0; font-size:16px; font-family: 'Open Sans',arial,sans-serif; color:#222; background: #f5f6f7; background:url('../img/ecailles.png') repeat; background-attachment:fixed;}
h1,h2,h3,h4,h5,h6 { padding:0; margin:0; font-family:'Roboto Slab',arial,sans-serif;}
h1 { font-size:24px; }
a { text-decoration:none; color: #069;}
.container { margin:0 auto; width:98%; max-width: 1789px; }
.col { float: left; min-height: 1px; padding: 0 1%; position: relative; }
.one { width: 6.33333%; }
.two { width: 14.66667%; }
.three { width: 23%; }
.four { width: 31.33333%; }
.five { width: 38.66667%; }
.six { width: 48%; }
.seven { width: 56.33333%; }
.eight { width: 64.66667%; }
.nine { width: 73%; }
.ten { width: 81.33333%; }
.eleven { width: 89.66667%; }
.twelve { width: 98%; }
.alignright { text-align:right; }
.alignleft { text-align:left; }
.aligncenter { text-align:center; }
.left { float:left; }
.right { float:right; }
.margincenter { margin:0 auto; }
.clearfix { clear:both; float:none; }
header { background-color:#222; width:100%; min-height:50px; position:fixed; z-index: 10; color:#f4f4f4; font-size:12px;}
header img { width: 40%; padding-top: 8px; }
header .container .alignright{ padding-top:15px;}
header a, header a:link, header a:visited { color:#c0c0c0; text-decoration:none; padding:0 10px; }
header a:hover { color:#fff; text-decoration:none; }
ul li { list-style-type:none; }
nav { height: 100%; position: fixed; top: 50px; z-index: 10; width:80px; background: #069;} 
nav ul { margin:0; padding:0; }
nav li { text-align:center; width:100%; display:block; margin:20px auto; opacity:.6; }
nav li:hover { opacity:1; }
.wrapper { position: relative; margin: 0 0 0 80px; padding-top:50px; min-height: 100%; max-width: 100%; padding-left: 0; z-index:0; }
#tabs, #dashboard { width:100%;}
#tabs ul { padding:0; margin:0; }
#tabs ul li { list-style-type:none; float:left; background-color:#069; margin:10px 0 10px 10px; border:3px solid rgba(0,0,0,.3); -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,1); box-shadow: 0 0 0 1px rgba(255,255,255,1); }
#tabs ul li a{ color:#fff; padding:10px; display:block; position:relative; z-index:9999; }
#phone img, #tablet img { max-width:100%; }
input[type="text"], input[type="password"], textarea { width:95%; padding:2%; margin-bottom:20px; border:5px solid rgba(0,0,0,.1); box-shadow: 0 0 3px #000; font-family:arial; }
textarea { height:120px; width:95.5%; }
input[type="submit"], input[type="button"] { width:100px; float:right; color:#fff; background-color:green; padding:10px; border:3px solid rgba(0,0,0,.3); -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,1); box-shadow: 0 0 0 1px rgba(255,255,255,1); font-size:16px; margin-top:10px; cursor:pointer} 
li.button { margin:0px !important; padding:0px !important; background-color:transparent !important; border:0px !important; }
.edit { height: 100%; position: fixed; top: 50px; z-index: 10; background: #f6f6f6; max-width: 330px; width: 100%; left: 80px; padding:1%; border-right:3px dotted rgba(0,0,0,.1);}
label { font-size:14px; font-weight:bold; text-transform:uppercase;  }
hr { border:0px; border-top:3px dotted rgba(0,0,0,.1); padding-bottom:20px; }
#dashboard { display:block; }
#editapp { display:none; }
small { font-size:12px; padding-top:5px; font-style:italic;  }
#pushmessageresponse { font-size:10px; text-align:center; padding:10px; border: 3px dotted rgba(0,0,0,.1); background-color:#fff;  display:none; margin-top:20px;}
p { margin:0; margin-bottom:10px; }
#sendpush li { list-style-type:none; margin:10px 0; }
#sendpush li  span{ font-style:italic; }
.onlymobilesave { display:none; }
.phonestyle { width:318px; height:501px; position: relative; top: 111px; left: 26px; }
#phonevertical { width:100%;height:100%; display:block;border:0px; overflow-x:hidden; }
.tabletstyle { width:838px; height:495px; position: relative; top: 61px; left: 62px; }
#tablethorizontal { width:100%;height:100%; display:block;border:0px; overflow-x:hidden; }

@media screen and (max-width:1680px){
	.tabletimg { width:896px; margin-left: -55px;}
	.tabletstyle { width: 780px; height: 459px; position: relative; top: 57px; left: 2px; }
	#tablethorizontal { width:100%;height:100%; display:block;border:0px; overflow-x:hidden; }
	.edit { width:17%; }
}

@media screen and (max-width:1280px) {
	#phone img, #tablet img { max-width: none; }
	.tabletimg { margin-top: 77px; }
	.tabletstyle { width: 780px; height: 459px; position: relative; top: 134px; left: 2px; }
}

@media screen and (max-width:1024px){
	.onlymobilesave { display: block; float: right; position: relative; right: -1%; margin-bottom: -25px;}
	.wrapper { float:right; width:100%; position:relative; }
	.two, .three, .ten, .twelve, .col .ten .twelve, .six { width: 96.5%; margin-left: 1.5%; }
	.three { margin-top:30px; }
	.six { margin-bottom:20px; }
	.six ul { margin-left: 20px; padding: 0;}
	.nine { display:none; }
	nav { width:6%; }
	nav li img { width:80%; }
	.edit { position:relative; left:18px; top:0; max-width:929px; border-right:0px; padding:20px 0; background:none; width:100%; }
	textarea { width: 95%; }
	#addcoupon { max-width:100%; }
	img#couponimage { max-width: 450px; margin: 0 auto; display: block; }
	#calendar { width: 99% !important; margin-left: 1% !important; margin-bottom:20px !important; }
	input[type="text"], input[type="password"], textarea { box-shadow: none;}
}
@media screen and (max-width:768px){
	body { overflow-x:hidden; }
	nav li img { width:65%; }
	.col {padding:0; }
	.col .ten .twelve h2{ text-align:center;}
	.two, .three, .ten, .twelve, .col .ten .twelve, .six { width: 100%; margin-left: 0; }
	nav { width: 100%; position: fixed; height: 73px; }
	.edit { left:0; }
	.col .ten .twelve { margin-left:0; width:100%; margin-bottom:20px; }
	.onlymobilesave { margin-bottom: -10px; margin-right:5px;}
	nav li { width: 12%; margin: 1%; float: left; }
	.maintwelve{ margin-top:75px; }
	.four { width: 32.33333%; }
}
@media screen and (max-width:480px){
	.two, .three, .ten, .twelve, .col .ten .twelve, .six , .four{ width: 98%; margin-left: .8%; }
	nav li img { width:65%; }
	nav { height:46px; }
	.fc-header td { width: 100%; display: block; text-align: center; }
}
@media screen and (max-width:320px){
	.two, .three, .ten, .twelve, .col .ten .twelve, .six , .four{ width: 97%; margin-left: .8%; }
	nav li img { width:90%; }
}